0.2.1 onlyoffice修复

wolai-frontend/src/components/sidebar/sidebar.tsx

@@ -48,6 +48,7 @@ import type { FileTreeRow } from "@/lib/file-tree/types";
 import { buildParentById, filterTopLevelDocIds, inferDropTargetDocId, isInvalidDocDrop } from "@/lib/file-tree/dnd";
 import { isRealFileAsset } from "@/lib/file-tree/asset";
 import { computeFileTreeDeleteTargets } from "@/lib/file-tree/delete";    
+import { MoveEmbedPickerDialog, type MoveEmbedMode } from "@/components/documents/move-embed-picker-dialog";
 import {
   inferPasteTargetDocId,
   isTextInputTarget,
@@ -128,7 +129,15 @@ interface ContextMenuState {
 export function Sidebar({ initialData }: SidebarProps) {
   const { open, setOpen, width, setWidth, collapsedSections, toggleSection, setSectionCollapsed, trashConfirm, setTrashConfirm } =
     useSidebarStore();
-  const supabaseBrowser = useMemo(() => getSupabaseBrowserClient(), []);
+  const useConvex = useMemo(() => Boolean(getMnoteRuntimeConfig().useConvex), []);
+  const supabaseBrowser = useMemo(() => {
+    if (useConvex) return null;
+    try {
+      return getSupabaseBrowserClient();
+    } catch {
+      return null;
+    }
+  }, [useConvex]);
   const sectionsTrayOpen = useSidebarStore((state) => state.sectionsTrayOpen);
   const toggleSectionsTray = useSidebarStore((state) => state.toggleSectionsTray);
   const setSectionsTrayOpen = useSidebarStore((state) => state.setSectionsTrayOpen);
@@ -154,6 +163,9 @@ export function Sidebar({ initialData }: SidebarProps) {
   const [mediaAssets, setMediaAssets] = useState<MediaAsset[]>(sidebarData.mediaAssets ?? []);
   const [mindmapAssets, setMindmapAssets] = useState<MediaAsset[]>(sidebarData.mindmapAssets ?? []);
   const [tableAssets, setTableAssets] = useState<MediaAsset[]>(sidebarData.tableAssets ?? []);
+  const [moveEmbedOpen, setMoveEmbedOpen] = useState(false);
+  const [moveEmbedMode, setMoveEmbedMode] = useState<MoveEmbedMode>("move");
+  const [moveEmbedSource, setMoveEmbedSource] = useState<DocumentNode | null>(null);
   const [assetMenu, setAssetMenu] = useState<{ asset: MediaAsset; x: number; y: number } | null>(
     null,
   );
@@ -242,6 +254,7 @@ export function Sidebar({ initialData }: SidebarProps) {
   }, [sidebarQuery]);
 
   useEffect(() => {
+    if (!supabaseBrowser) return;
     const channel = supabaseBrowser
       .channel("documents-feed")
       .on(
@@ -255,9 +268,10 @@ export function Sidebar({ initialData }: SidebarProps) {
     return () => {
       supabaseBrowser.removeChannel(channel);
     };
-  }, [refreshTree]);
+  }, [refreshTree, supabaseBrowser]);
 
   useEffect(() => {
+    if (!supabaseBrowser) return;
     const channel = supabaseBrowser
       .channel("media-assets-feed")
       .on(
@@ -276,7 +290,7 @@ export function Sidebar({ initialData }: SidebarProps) {
     return () => {
       supabaseBrowser.removeChannel(channel);
     };
-  }, [sidebarData.activeWorkspaceId, sidebarQuery]);
+  }, [sidebarData.activeWorkspaceId, sidebarQuery, supabaseBrowser]);
 
   const sections = useMemo(() => buildSidebarSectionsFromTree(tree), [tree]);
   const starredNodes = useMemo(() => sections.find((section) => section.id === "starred")?.nodes ?? [], [sections]);
@@ -476,7 +490,19 @@ export function Sidebar({ initialData }: SidebarProps) {
     [refreshTree],
   );
 
+  const openMoveEmbedPicker = useCallback((node: DocumentNode, nextMode: MoveEmbedMode) => {
+    setMoveEmbedSource(node);
+    setMoveEmbedMode(nextMode);
+    setMoveEmbedOpen(true);
+  }, []);
+
   const handleEmbedPrompt = useCallback(async (node: DocumentNode) => {
+    openMoveEmbedPicker(node, "embed");
+    return;
+    if (sidebarData.activeWorkspaceId) {
+      openMoveEmbedPicker(node, "embed");
+      return;
+    }
     if (typeof window === "undefined") {
       return;
     }
@@ -1465,6 +1491,12 @@ export function Sidebar({ initialData }: SidebarProps) {
 
   const handleMovePrompt = useCallback(
     async (node: DocumentNode) => {
+      openMoveEmbedPicker(node, "move");
+      return;
+      if (sidebarData.activeWorkspaceId) {
+        openMoveEmbedPicker(node, "move");
+        return;
+      }
       if (typeof window === "undefined") {
         return;
       }
@@ -2034,6 +2066,44 @@ export function Sidebar({ initialData }: SidebarProps) {
           onDelete={() => void handleDeleteFileTreeSelection()}
         />
       )}
+      <MoveEmbedPickerDialog
+        open={moveEmbedOpen}
+        onOpenChange={setMoveEmbedOpen}
+        workspaceId={sidebarData.activeWorkspaceId ?? null}
+        defaultMode={moveEmbedMode}
+        excludeIds={moveEmbedSource?.id ? [moveEmbedSource.id] : []}
+        onPick={async (pickedMode, targetId) => {
+          const source = moveEmbedSource;
+          if (!source) {
+            return;
+          }
+          if (pickedMode === "move") {
+            await handleMove(source.id, targetId, 0);
+            return;
+          }
+          if (!targetId) {
+            return;
+          }
+          if (typeof window !== "undefined" && source.id === targetId) {
+            window.alert("不能嵌入到自身页面");
+            return;
+          }
+          const response = await fetch("/api/documents/embed", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ sourceId: source.id, targetId }),
+          });
+          if (!response.ok) {
+            if (typeof window !== "undefined") {
+              window.alert("嵌入失败，请检查目标页面");
+            }
+            return;
+          }
+          if (typeof window !== "undefined") {
+            window.alert("已在目标页面末尾插入引用块");
+          }
+        }}
+      />
       {assetMenu && (
         <AssetContextMenu
           asset={assetMenu.asset}