diff --git a/frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx b/frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
index f31a6e9fd8c..933bc9e4753 100644
--- a/frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
+++ b/frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
@@ -1,10 +1,10 @@
-import { memo, useState } from "react";
+import { memo, useState, useMemo } from "react";
import {
formatDate,
getFileExtension,
middleTruncate,
} from "@/utils/directories";
-import { ArrowUUpLeft, Eye, File, PushPin } from "@phosphor-icons/react";
+import { ArrowUUpLeft, Eye, File, GoogleLogo, PushPin, ArrowClockwise } from "@phosphor-icons/react";
import Workspace from "@/models/workspace";
import showToast from "@/utils/toast";
import System from "@/models/system";
@@ -23,6 +23,20 @@ export default function WorkspaceFileRow({
disableSelection,
setSelectedItems,
}) {
+ // Check for Google Doc in multiple places
+ const isGoogleDoc =
+ item.metadata?.source === 'google_docs' ||
+ item.metadata?.type === 'google_document' ||
+ item.type === 'google_document' ||
+ (item.docId && item.docId.startsWith('googledoc-')) ||
+ (item.chunkSource && item.chunkSource.startsWith('googledocs://'));
+
+ // Get proper display type
+ const getDisplayType = () => {
+ if (isGoogleDoc) return 'GOOGLE DOC';
+ return getFileExtension(item.title || item.name).toUpperCase();
+ };
+
const onRemoveClick = async (e) => {
e.stopPropagation();
setLoading(true);
@@ -69,9 +83,10 @@ export default function WorkspaceFileRow({
className="col-span-10 w-fit flex gap-x-[2px] items-center relative"
data-tooltip-id="ws-directory-item"
data-tooltip-content={JSON.stringify({
- title: item.title,
- date: formatDate(item?.published),
- extension: getFileExtension(item.url).toUpperCase(),
+ title: item.title || item.name,
+ date: formatDate(item?.metadata?.updatedAt || item?.published || item?.lastUpdated),
+ extension: getDisplayType(),
+ type: isGoogleDoc ? 'Google Document' : item.type || 'file'
})}
>
@@ -89,38 +104,50 @@ export default function WorkspaceFileRow({
) : null}
- {middleTruncate(item.title, 50)}
+ {middleTruncate(item.title || item.name, 50)}
+ {
size={16}
onClick={updateWatchStatus}
weight={hover || watched ? "fill" : "regular"}
- className="outline-none text-base font-bold flex-shrink-0 cursor-pointer"
+ className={`outline-none text-base font-bold flex-shrink-0 cursor-pointer ${loading ? 'opacity-50' : ''}`}
+ />
+
+ );
+});
+
+const SyncDocument = memo(({ workspace, docPath, item }) => {
+ const [syncing, setSyncing] = useState(false);
+ const [hover, setHover] = useState(false);
+
+ // Only show sync icon if document is being watched
+ if (!item?.watched) return null;
+
+ const handleSync = async (e) => {
+ try {
+ e.stopPropagation();
+ setSyncing(true);
+ const success = await System.experimentalFeatures.liveSync.syncDocument(item.id);
+
+ if (!success) {
+ showToast('Failed to sync document.', 'error', { clear: true });
+ return;
+ }
+
+ showToast('Document synced successfully.', 'success', { clear: true });
+ } catch (error) {
+ showToast(`Failed to sync document. ${error.message}`, 'error', { clear: true });
+ } finally {
+ setSyncing(false);
+ }
+ };
+
+ return (
+