@tutti-os/workspace-file-reference 0.0.38 → 0.0.40

package/dist/ui/index.js

@@ -3,13 +3,13 @@ import {
   createReferenceSourcePickerController,
   normalizeDirectoryPath,
   useWorkspaceFileReferencePickerView
-} from "../chunk-SXYVXNMS.js";
+} from "../chunk-7MGLDKT7.js";
 import {
   REFERENCE_FILTER_CATEGORIES,
   WORKSPACE_ROOT_GROUP_NODE_ID,
   nodeRefKey,
   selectedReferenceToWorkspaceFileReference
-} from "../chunk-BD7XDAYN.js";
+} from "../chunk-Z2HHO3KB.js";
 
 // src/ui/internal/reference/WorkspaceFileReferencePicker.tsx
 import {
@@ -739,16 +739,29 @@ import { AddLinedIcon as AddLinedIcon2 } from "@tutti-os/ui-system/icons";
 import {
   WorkspaceFilePreviewSurface
 } from "@tutti-os/workspace-file-preview/react";
+import {
+  WorkspaceFileManagerContextMenu,
+  resolveRevealInFolderLabel
+} from "@tutti-os/workspace-file-manager";
 
 // src/react/internal/reference/useReferenceSourcePickerView.ts
 import { useCallback, useEffect as useEffect2, useMemo, useRef, useState as useState3 } from "react";
 import { useSnapshot } from "valtio";
 import {
-  sortWorkspaceFileEntriesForArrangeMode
+  resolveWorkspaceFileOpenWithCacheKey,
+  sortWorkspaceFileEntriesForArrangeMode,
+  WorkspaceFileOpenWithApplicationsCache
 } from "@tutti-os/workspace-file-manager/services";
 import {
   createWorkspaceFilePreviewLoadedState
 } from "@tutti-os/workspace-file-preview";
+function referenceNodeToOpenWithCacheEntry(node) {
+  return {
+    kind: node.kind === "folder" ? "directory" : "file",
+    name: node.displayName,
+    path: node.displayName
+  };
+}
 function useReferenceSourcePickerView({
   aggregator,
   workspaceId,
@@ -770,6 +783,9 @@ function useReferenceSourcePickerView({
   const [breadcrumbBySource, setBreadcrumbBySource] = useState3({});
   const [focusedNode, setFocusedNode] = useState3(null);
   const [arrangeMode, setArrangeMode] = useState3("none");
+  const openWithApplicationsCache = useRef(
+    new WorkspaceFileOpenWithApplicationsCache()
+  );
   const sortNodes = useCallback(
     (nodes) => {
       if (arrangeMode === "none") {
@@ -1071,6 +1087,21 @@ function useReferenceSourcePickerView({
     [isSelectable, snapshot.selection]
   );
   const [isConfirming, setIsConfirming] = useState3(false);
+  const [isOpeningReference, setIsOpeningReference] = useState3(false);
+  const runReferenceAction = useCallback(
+    async (action) => {
+      if (isOpeningReference) {
+        return;
+      }
+      setIsOpeningReference(true);
+      try {
+        await action();
+      } finally {
+        setIsOpeningReference(false);
+      }
+    },
+    [isOpeningReference]
+  );
   const confirm = useCallback(async () => {
     if (isConfirming) {
       return;
@@ -1305,6 +1336,30 @@ function useReferenceSourcePickerView({
     loadMore: () => isQuery ? controller.loadMoreSearch() : controller.loadMore(currentNode),
     isSelectable,
     isSelected,
+    isOpeningReference,
+    getCachedOpenWithApplications: (node) => openWithApplicationsCache.current.get(
+      resolveWorkspaceFileOpenWithCacheKey(
+        referenceNodeToOpenWithCacheEntry(node)
+      )
+    ),
+    listOpenWithApplications: (node) => openWithApplicationsCache.current.resolve(
+      resolveWorkspaceFileOpenWithCacheKey(
+        referenceNodeToOpenWithCacheEntry(node)
+      ),
+      () => aggregator.listOpenWithApplications(scope, node)
+    ),
+    openNode: (node) => runReferenceAction(() => aggregator.open(scope, node)),
+    openWithApplication: (node, applicationPath) => runReferenceAction(
+      () => aggregator.openWithApplication(scope, node, applicationPath)
+    ),
+    openWithOtherApplication: (node, applicationPickerPrompt) => runReferenceAction(
+      () => aggregator.openWithOtherApplication(
+        scope,
+        node,
+        applicationPickerPrompt
+      )
+    ),
+    revealNode: (node) => runReferenceAction(() => aggregator.reveal(scope, node)),
     confirm,
     isConfirming
   };
@@ -1415,12 +1470,15 @@ function autoFitPanelWidth(groupEl, contentEl, panel, trailingPx) {
 function ReferenceSourcePicker({
   aggregator,
   copy,
+  fileManagerCopy,
+  hostOs = "darwin",
   initialTarget,
   isNodeSelectable,
   onClose,
   onConfirm,
   onConfirmBundles,
   open,
+  resolveOpenWithApplicationIcon,
   workspaceId
 }) {
   const titleId = useId2();
@@ -1451,10 +1509,88 @@ function ReferenceSourcePicker({
     value: view.searchQuery
   });
   const layoutRef = useRef2(null);
+  const menuBoundaryRef = useRef2(null);
+  const contextMenuRef = useRef2(null);
   const sidebarContentRef = useRef2(null);
   const middleContentRef = useRef2(null);
   const sidebarPanelRef = useRef2(null);
   const middlePanelRef = useRef2(null);
+  const [contextMenu, setContextMenu] = useState4(null);
+  const [openWithApplications, setOpenWithApplications] = useState4([]);
+  const [openWithLoading, setOpenWithLoading] = useState4(false);
+  useEffect3(() => {
+    if (!contextMenu || !fileManagerCopy) {
+      setOpenWithApplications([]);
+      setOpenWithLoading(false);
+      return;
+    }
+    let cancelled = false;
+    const cachedApplications = view.getCachedOpenWithApplications(
+      contextMenu.node
+    );
+    if (cachedApplications) {
+      setOpenWithApplications(cachedApplications);
+      setOpenWithLoading(false);
+      return;
+    }
+    setOpenWithApplications([]);
+    setOpenWithLoading(true);
+    void view.listOpenWithApplications(contextMenu.node).then((applications) => {
+      if (cancelled) {
+        return;
+      }
+      setOpenWithApplications(applications);
+      setOpenWithLoading(false);
+    }).catch(() => {
+      if (cancelled) {
+        return;
+      }
+      setOpenWithApplications([]);
+      setOpenWithLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [contextMenu?.node, fileManagerCopy]);
+  useEffect3(() => {
+    if (!contextMenu) {
+      return;
+    }
+    function handlePointerDown(event) {
+      const target = event.target;
+      if (target instanceof Node && contextMenuRef.current?.contains(target)) {
+        return;
+      }
+      if (target instanceof Element && target.closest("[data-workspace-file-manager-submenu]")) {
+        return;
+      }
+      setContextMenu(null);
+    }
+    function handleKeyDown(event) {
+      if (event.key === "Escape") {
+        setContextMenu(null);
+      }
+    }
+    window.addEventListener("pointerdown", handlePointerDown);
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("pointerdown", handlePointerDown);
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [contextMenu]);
+  const openReferenceContextMenu = (event, node) => {
+    if (!fileManagerCopy || node.kind !== "file") {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    view.setFocusedNode(node);
+    setContextMenu({
+      node,
+      x: event.clientX,
+      y: event.clientY
+    });
+  };
   if (!open) {
     return null;
   }
@@ -1546,107 +1682,196 @@ function ReferenceSourcePicker({
                       panelRef: (handle) => {
                         middlePanelRef.current = handle;
                       },
-                      children: /* @__PURE__ */ jsxs4("div", { className: "flex h-full min-h-0 flex-col", children: [
-                        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 border-b border-[var(--line-1)] p-3", children: [
-                          /* @__PURE__ */ jsxs4("div", { className: "relative flex-1", children: [
-                            /* @__PURE__ */ jsx4(SearchIcon2, { className: "pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-[var(--text-tertiary)]" }),
+                      children: /* @__PURE__ */ jsxs4(
+                        "div",
+                        {
+                          ref: menuBoundaryRef,
+                          className: "relative flex h-full min-h-0 flex-col",
+                          "data-slot": "viewport-menu-boundary",
+                          "data-workspace-file-menu-boundary": "",
+                          style: {
+                            "--workspace-file-manager-dialog-overlay-z-index": "100710"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 border-b border-[var(--line-1)] p-3", children: [
+                              /* @__PURE__ */ jsxs4("div", { className: "relative flex-1", children: [
+                                /* @__PURE__ */ jsx4(SearchIcon2, { className: "pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-[var(--text-tertiary)]" }),
+                                /* @__PURE__ */ jsx4(
+                                  Input2,
+                                  {
+                                    className: "pl-9",
+                                    placeholder: copy.t(
+                                      "referencePicker.searchPlaceholder"
+                                    ),
+                                    value: searchInput.value,
+                                    onBlur: searchInput.onBlur,
+                                    onChange: searchInput.onChange,
+                                    onCompositionEnd: searchInput.onCompositionEnd,
+                                    onCompositionStart: searchInput.onCompositionStart
+                                  }
+                                )
+                              ] }),
+                              view.capabilities?.filterable && view.filterCategories.length > 0 ? /* @__PURE__ */ jsx4(
+                                FilterCategoryFilter,
+                                {
+                                  categories: view.filterCategories,
+                                  copy,
+                                  selected: activeFilterSet,
+                                  onClear: clearFilters,
+                                  onToggle: toggleFilter
+                                }
+                              ) : null
+                            ] }),
                             /* @__PURE__ */ jsx4(
-                              Input2,
+                              ScrollArea2,
                               {
-                                className: "pl-9",
-                                placeholder: copy.t(
-                                  "referencePicker.searchPlaceholder"
-                                ),
-                                value: searchInput.value,
-                                onBlur: searchInput.onBlur,
-                                onChange: searchInput.onChange,
-                                onCompositionEnd: searchInput.onCompositionEnd,
-                                onCompositionStart: searchInput.onCompositionStart
-                              }
-                            )
-                          ] }),
-                          view.capabilities?.filterable && view.filterCategories.length > 0 ? /* @__PURE__ */ jsx4(
-                            FilterCategoryFilter,
-                            {
-                              categories: view.filterCategories,
-                              copy,
-                              selected: activeFilterSet,
-                              onClear: clearFilters,
-                              onToggle: toggleFilter
-                            }
-                          ) : null
-                        ] }),
-                        /* @__PURE__ */ jsx4(
-                          ScrollArea2,
-                          {
-                            className: "min-h-0 flex-1",
-                            viewportProps: {
-                              // 拉到底部(距底 <120px)自动加载更多 —— 查询态走增长式分页,
-                              // 浏览态走 cursor 续页。已在加载/无更多时由 loadMore 内部 no-op。
-                              onScroll: (event) => {
-                                const el = event.currentTarget;
-                                if (view.hasMore && !view.isLoading && !view.isLoadingMore && el.scrollHeight - el.scrollTop - el.clientHeight < 120) {
-                                  view.loadMore();
-                                }
+                                className: "min-h-0 flex-1",
+                                viewportProps: {
+                                  // 拉到底部(距底 <120px)自动加载更多 —— 查询态走增长式分页,
+                                  // 浏览态走 cursor 续页。已在加载/无更多时由 loadMore 内部 no-op。
+                                  onScroll: (event) => {
+                                    const el = event.currentTarget;
+                                    if (view.hasMore && !view.isLoading && !view.isLoadingMore && el.scrollHeight - el.scrollTop - el.clientHeight < 120) {
+                                      view.loadMore();
+                                    }
+                                  }
+                                },
+                                children: /* @__PURE__ */ jsxs4(
+                                  "div",
+                                  {
+                                    ref: middleContentRef,
+                                    className: "flex flex-col gap-[2px] p-3",
+                                    children: [
+                                      view.isLoading ? /* @__PURE__ */ jsx4(Feedback, { children: /* @__PURE__ */ jsx4(Spinner2, { size: 16 }) }) : view.isQuery ? (
+                                        // 查询态(关键词或筛选):扁平结果
+                                        view.searchResults.length === 0 ? /* @__PURE__ */ jsx4(Feedback, { children: copy.t("referencePicker.emptySearch") }) : view.searchResults.map((node) => /* @__PURE__ */ jsx4(
+                                          SearchResultRow,
+                                          {
+                                            focused: isFocused(view.focusedNode, node),
+                                            node,
+                                            selected: view.isSelected(node),
+                                            onFocus: view.setFocusedNode,
+                                            onContextMenu: openReferenceContextMenu,
+                                            onOpen: view.openNode,
+                                            selectable: view.isSelectable(node),
+                                            onSingleSelect: view.toggleSingleSelectionAndExpand,
+                                            onToggle: view.toggleSelection
+                                          },
+                                          nodeRefKey(node.ref)
+                                        ))
+                                      ) : view.currentEntries.length === 0 ? /* @__PURE__ */ jsx4(Feedback, { children: copy.t(
+                                        hasSelectedGroup ? "referencePicker.emptyDirectory" : "referencePicker.selectGroupHint"
+                                      ) }) : (
+                                        // 浏览:就地递归展开树(复刻 agent 引用面板文件树交互)
+                                        view.currentEntries.map((node) => /* @__PURE__ */ jsx4(
+                                          TreeNodeRow,
+                                          {
+                                            copy,
+                                            depth: 0,
+                                            node,
+                                            onContextMenu: openReferenceContextMenu,
+                                            view
+                                          },
+                                          nodeRefKey(node.ref)
+                                        ))
+                                      ),
+                                      view.hasMore && (view.isQuery || hasSelectedGroup) ? /* @__PURE__ */ jsxs4(
+                                        Button3,
+                                        {
+                                          className: "mt-1 w-full",
+                                          disabled: view.isLoadingMore,
+                                          size: "sm",
+                                          type: "button",
+                                          variant: "ghost",
+                                          onClick: view.loadMore,
+                                          children: [
+                                            view.isLoadingMore ? /* @__PURE__ */ jsx4(Spinner2, { className: "text-current", size: 14 }) : null,
+                                            copy.t("referencePicker.loadMore")
+                                          ]
+                                        }
+                                      ) : null
+                                    ]
+                                  }
+                                )
                               }
-                            },
-                            children: /* @__PURE__ */ jsxs4(
-                              "div",
+                            ),
+                            fileManagerCopy ? /* @__PURE__ */ jsx4(
+                              WorkspaceFileManagerContextMenu,
                               {
-                                ref: middleContentRef,
-                                className: "flex flex-col gap-[2px] p-3",
-                                children: [
-                                  view.isLoading ? /* @__PURE__ */ jsx4(Feedback, { children: /* @__PURE__ */ jsx4(Spinner2, { size: 16 }) }) : view.isQuery ? (
-                                    // 查询态(关键词或筛选):扁平结果
-                                    view.searchResults.length === 0 ? /* @__PURE__ */ jsx4(Feedback, { children: copy.t("referencePicker.emptySearch") }) : view.searchResults.map((node) => /* @__PURE__ */ jsx4(
-                                      SearchResultRow,
-                                      {
-                                        focused: isFocused(view.focusedNode, node),
-                                        node,
-                                        selected: view.isSelected(node),
-                                        onFocus: view.setFocusedNode,
-                                        selectable: view.isSelectable(node),
-                                        onSingleSelect: view.toggleSingleSelectionAndExpand,
-                                        onToggle: view.toggleSelection
-                                      },
-                                      nodeRefKey(node.ref)
-                                    ))
-                                  ) : view.currentEntries.length === 0 ? /* @__PURE__ */ jsx4(Feedback, { children: copy.t(
-                                    hasSelectedGroup ? "referencePicker.emptyDirectory" : "referencePicker.selectGroupHint"
-                                  ) }) : (
-                                    // 浏览:就地递归展开树(复刻 agent 引用面板文件树交互)
-                                    view.currentEntries.map((node) => /* @__PURE__ */ jsx4(
-                                      TreeNodeRow,
-                                      {
-                                        copy,
-                                        depth: 0,
-                                        node,
-                                        view
-                                      },
-                                      nodeRefKey(node.ref)
-                                    ))
+                                busy: view.isOpeningReference,
+                                contextMenu: contextMenu ? {
+                                  entry: referenceNodeToWorkspaceFileEntry(
+                                    contextMenu.node
                                   ),
-                                  view.hasMore && (view.isQuery || hasSelectedGroup) ? /* @__PURE__ */ jsxs4(
-                                    Button3,
-                                    {
-                                      className: "mt-1 w-full",
-                                      disabled: view.isLoadingMore,
-                                      size: "sm",
-                                      type: "button",
-                                      variant: "ghost",
-                                      onClick: view.loadMore,
-                                      children: [
-                                        view.isLoadingMore ? /* @__PURE__ */ jsx4(Spinner2, { className: "text-current", size: 14 }) : null,
-                                        copy.t("referencePicker.loadMore")
-                                      ]
-                                    }
-                                  ) : null
-                                ]
+                                  x: contextMenu.x,
+                                  y: contextMenu.y
+                                } : null,
+                                contextMenuRef,
+                                copy: fileManagerCopy,
+                                openWithApplications,
+                                openWithLoading,
+                                positionMode: "viewport",
+                                revealInFolderLabel: resolveRevealInFolderLabel(
+                                  fileManagerCopy,
+                                  hostOs
+                                ),
+                                resolveOpenWithApplicationIcon,
+                                showCopyAction: false,
+                                showCopyPathAction: false,
+                                showCreateAction: false,
+                                showDeleteAction: false,
+                                showExportAction: false,
+                                showImportAction: false,
+                                showOpenInAppBrowserAction: false,
+                                showOpenInDefaultBrowserAction: false,
+                                showOpenInFileViewerAction: false,
+                                showOpenWithAction: true,
+                                showOpenWithOtherAction: true,
+                                showRevealInFolderAction: true,
+                                showRenameAction: false,
+                                onClose: () => setContextMenu(null),
+                                onCopy: noopAsync,
+                                onCopyPath: noopAsync,
+                                onCreateDirectory: noopVoid,
+                                onCreateFile: noopVoid,
+                                onDelete: noopVoid,
+                                onExport: noopAsync,
+                                onImport: noopAsync,
+                                onOpen: async () => {
+                                  if (contextMenu) {
+                                    await view.openNode(contextMenu.node);
+                                  }
+                                },
+                                onOpenInAppBrowser: noopAsync,
+                                onOpenInDefaultBrowser: noopAsync,
+                                onOpenInFileViewer: noopAsync,
+                                onOpenWithApplication: async (applicationPath) => {
+                                  if (contextMenu) {
+                                    await view.openWithApplication(
+                                      contextMenu.node,
+                                      applicationPath
+                                    );
+                                  }
+                                },
+                                onOpenWithOtherApplication: async () => {
+                                  if (contextMenu) {
+                                    await view.openWithOtherApplication(
+                                      contextMenu.node,
+                                      fileManagerCopy.t("openWithOtherPickerPrompt")
+                                    );
+                                  }
+                                },
+                                onRevealInFolder: async () => {
+                                  if (contextMenu) {
+                                    await view.revealNode(contextMenu.node);
+                                  }
+                                },
+                                onRename: noopVoid
                               }
-                            )
-                          }
-                        )
-                      ] })
+                            ) : null
+                          ]
+                        }
+                      )
                     }
                   ),
                   /* @__PURE__ */ jsx4(
@@ -1837,7 +2062,9 @@ function SearchResultRow({
   selected,
   selectable,
   onFocus,
+  onContextMenu,
   onSingleSelect,
+  onOpen,
   onToggle
 }) {
   const isFolder = node.kind === "folder";
@@ -1854,6 +2081,15 @@ function SearchResultRow({
         onFocus(node);
         onSingleSelect(node);
       },
+      onContextMenu: (event) => onContextMenu(event, node),
+      onDoubleClick: (event) => {
+        if (node.kind !== "file") {
+          return;
+        }
+        event.stopPropagation();
+        onFocus(node);
+        void onOpen(node);
+      },
       children: [
         /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-3 text-left", children: [
           /* @__PURE__ */ jsx4("span", { className: "grid size-9 shrink-0 place-items-center rounded-lg bg-[var(--transparency-block)] text-[var(--text-tertiary)]", children: isFolder ? /* @__PURE__ */ jsx4(FolderFilledIcon3, { className: "size-4 text-[var(--rich-text-folder)]" }) : /* @__PURE__ */ jsx4(FileIcon3, { className: "size-4 text-[var(--text-tertiary)]" }) }),
@@ -1875,6 +2111,7 @@ function SearchResultRow({
               onFocus(node);
               onToggle(node);
             },
+            onDoubleClick: (event) => event.stopPropagation(),
             children: selected ? /* @__PURE__ */ jsx4(CheckIcon2, { size: 14 }) : /* @__PURE__ */ jsx4(AddLinedIcon2, { className: "text-[var(--text-secondary)]", size: 16 })
           }
         ) : null
@@ -2254,6 +2491,7 @@ function isFocused(focused, node) {
 function TreeNodeRow({
   node,
   depth,
+  onContextMenu,
   view,
   copy
 }) {
@@ -2300,6 +2538,7 @@ function TreeNodeRow({
       copy,
       depth: depth + 1,
       node: child,
+      onContextMenu,
       view
     },
     nodeRefKey(child.ref)
@@ -2325,6 +2564,15 @@ function TreeNodeRow({
           view.setFocusedNode(node);
           view.toggleSingleSelectionAndExpand(node);
         },
+        onContextMenu: (event) => onContextMenu(event, node),
+        onDoubleClick: (event) => {
+          if (node.kind !== "file") {
+            return;
+          }
+          event.stopPropagation();
+          view.setFocusedNode(node);
+          void view.openNode(node);
+        },
         children: [
           isFolder ? /* @__PURE__ */ jsx4(
             "button",
@@ -2371,6 +2619,7 @@ function TreeNodeRow({
                 view.setFocusedNode(node);
                 view.toggleSelection(node);
               },
+              onDoubleClick: (event) => event.stopPropagation(),
               children: selected ? /* @__PURE__ */ jsx4(CheckIcon2, { size: 14 }) : /* @__PURE__ */ jsx4(
                 AddLinedIcon2,
                 {
@@ -2420,6 +2669,20 @@ function formatBytes(bytes) {
   }
   return `${value.toFixed(1)} ${units[unitIndex]}`;
 }
+function referenceNodeToWorkspaceFileEntry(node) {
+  return {
+    hasChildren: node.kind === "folder",
+    kind: node.kind === "folder" ? "directory" : "file",
+    mtimeMs: node.mtimeMs ?? null,
+    name: node.displayName,
+    path: nodeRefKey(node.ref),
+    sizeBytes: node.sizeBytes ?? null
+  };
+}
+function noopVoid() {
+}
+async function noopAsync() {
+}
 export {
   ReferenceSourcePicker,
   WorkspaceFileReferencePicker