@tutti-os/workspace-file-reference 0.0.32 → 0.0.34

package/dist/ui/index.js

@@ -3,7 +3,7 @@ import {
   createReferenceSourcePickerController,
   normalizeDirectoryPath,
   useWorkspaceFileReferencePickerView
-} from "../chunk-BEBHG64Q.js";
+} from "../chunk-SXYVXNMS.js";
 import {
   REFERENCE_FILTER_CATEGORIES,
   WORKSPACE_ROOT_GROUP_NODE_ID,
@@ -935,13 +935,21 @@ function useReferenceSourcePickerView({
     },
     [controller]
   );
+  const shouldRefreshChildrenOnEnter = useCallback(
+    (sourceId) => snapshot.tabs.find((tab) => tab.sourceId === sourceId)?.capabilities.navigable ?? false,
+    [snapshot.tabs]
+  );
   const enterFolder = useCallback(
     (node) => {
       const sourceId = node.ref.sourceId;
       if (node.kind !== "folder" || !sourceId || node.ref.nodeId === WORKSPACE_ROOT_GROUP_NODE_ID) {
         return;
       }
-      controller.ensureChildren(node);
+      if (shouldRefreshChildrenOnEnter(sourceId)) {
+        controller.refreshChildren(node);
+      } else {
+        controller.ensureChildren(node);
+      }
       setBreadcrumbBySource((current) => {
         const stack = current[sourceId] ?? [];
         const index = stack.findIndex(
@@ -952,7 +960,7 @@ function useReferenceSourcePickerView({
       });
       setFocusedNode(null);
     },
-    [controller]
+    [controller, shouldRefreshChildrenOnEnter]
   );
   useEffect2(() => {
     if (!open || !activeSourceId) {
@@ -991,10 +999,19 @@ function useReferenceSourcePickerView({
         return { ...current, [activeSourceId]: stack.slice(0, index + 1) };
       });
       const target = (breadcrumbBySource[activeSourceId] ?? [])[index] ?? null;
-      controller.ensureChildren(target);
+      if (target && shouldRefreshChildrenOnEnter(target.ref.sourceId)) {
+        controller.refreshChildren(target);
+      } else {
+        controller.ensureChildren(target);
+      }
       setFocusedNode(null);
     },
-    [activeSourceId, breadcrumbBySource, controller]
+    [
+      activeSourceId,
+      breadcrumbBySource,
+      controller,
+      shouldRefreshChildrenOnEnter
+    ]
   );
   const navigateToRoot = useCallback(
     (sourceId) => {
@@ -1014,18 +1031,30 @@ function useReferenceSourcePickerView({
       if (!sourceId) {
         return;
       }
+      const nextScopeNodeId = node.ref.nodeId === WORKSPACE_ROOT_GROUP_NODE_ID ? null : node.ref.nodeId;
       if (sourceId !== snapshot.activeSourceId) {
-        controller.setActiveSource(sourceId);
+        controller.setActiveSource(sourceId, nextScopeNodeId);
       }
       if (node.ref.nodeId === WORKSPACE_ROOT_GROUP_NODE_ID) {
+        controller.setSearchScope(null);
         navigateToRoot(sourceId);
         return;
       }
-      controller.ensureChildren(node);
+      if (shouldRefreshChildrenOnEnter(sourceId)) {
+        controller.refreshChildren(node);
+      } else {
+        controller.ensureChildren(node);
+      }
+      controller.setSearchScope(nextScopeNodeId);
       setBreadcrumbBySource((current) => ({ ...current, [sourceId]: [node] }));
       setFocusedNode(null);
     },
-    [controller, snapshot.activeSourceId, navigateToRoot]
+    [
+      controller,
+      snapshot.activeSourceId,
+      navigateToRoot,
+      shouldRefreshChildrenOnEnter
+    ]
   );
   const isSelected = useCallback(
     (node) => (isNodeSelectable?.(node) ?? true) && snapshot.selection.some(
@@ -1123,6 +1152,8 @@ function useReferenceSourcePickerView({
           setPreviewState({ node, status: "unsupported" });
           return;
         }
+        const previewSizeBytes = preview.bytes.byteLength;
+        const loadedSizeBytes = node.sizeBytes != null && node.sizeBytes > 0 ? node.sizeBytes : previewSizeBytes;
         const loaded = createWorkspaceFilePreviewLoadedState({
           bytes: preview.bytes,
           contentType: preview.contentType,
@@ -1131,7 +1162,7 @@ function useReferenceSourcePickerView({
             name: node.displayName,
             path: node.ref.nodeId,
             mtimeMs: node.mtimeMs ?? null,
-            sizeBytes: node.sizeBytes ?? null
+            sizeBytes: loadedSizeBytes
           },
           renderHtml: true,
           target: {
@@ -1139,7 +1170,7 @@ function useReferenceSourcePickerView({
             name: node.displayName,
             path: node.ref.nodeId,
             mtimeMs: node.mtimeMs ?? null,
-            sizeBytes: node.sizeBytes ?? null
+            sizeBytes: loadedSizeBytes
           }
         });
         if (cancelled) {
@@ -1150,7 +1181,12 @@ function useReferenceSourcePickerView({
             new Blob([loaded.bytes], { type: loaded.contentType })
           );
           previewObjectUrlRef.current = objectUrl;
-          setPreviewState({ node, objectUrl, status: "image" });
+          setPreviewState({
+            node,
+            objectUrl,
+            previewSizeBytes,
+            status: "image"
+          });
           return;
         }
         if (loaded.status === "video") {
@@ -1158,19 +1194,35 @@ function useReferenceSourcePickerView({
             new Blob([loaded.bytes], { type: loaded.contentType })
           );
           previewObjectUrlRef.current = objectUrl;
-          setPreviewState({ node, objectUrl, status: "video" });
+          setPreviewState({
+            node,
+            objectUrl,
+            previewSizeBytes,
+            status: "video"
+          });
           return;
         }
         if (loaded.status === "text") {
-          setPreviewState({ content: loaded.content, node, status: "text" });
+          setPreviewState({
+            content: loaded.content,
+            node,
+            previewSizeBytes,
+            status: "text"
+          });
           return;
         }
         if (loaded.status === "html") {
-          setPreviewState({ content: loaded.content, node, status: "html" });
+          setPreviewState({
+            content: loaded.content,
+            node,
+            previewSizeBytes,
+            status: "html"
+          });
           return;
         }
         setPreviewState({
           node,
+          previewSizeBytes,
           reason: loaded.reason,
           ...loaded.maxSizeBytes == null ? {} : { maxSizeBytes: loaded.maxSizeBytes },
           status: "readonly"
@@ -1259,6 +1311,22 @@ function useReferenceSourcePickerView({
 }
 
 // src/ui/internal/reference/referenceSourcePickerPresentation.ts
+function formatHierarchyTitle(hierarchy) {
+  if (hierarchy.length === 0) {
+    return null;
+  }
+  return hierarchy.map((crumb) => crumb.displayName).join(" / ");
+}
+function formatReferenceNodePathText(node, hierarchy = []) {
+  const decodedPath = decodeReferenceListFileNodeId(node.ref.nodeId);
+  if (decodedPath) {
+    return decodedPath;
+  }
+  if (node.kind === "folder" && node.ref.nodeId.startsWith("g:")) {
+    return formatHierarchyTitle(completeHierarchy(hierarchy, node)) || node.displayName;
+  }
+  return node.contextLabel?.trim() || node.ref.nodeId;
+}
 function formatReferencePreviewDateTime(ms, options = {}) {
   const timeZone = options.timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
   const formatter = new Intl.DateTimeFormat(options.locale, {
@@ -1275,6 +1343,46 @@ function formatReferencePreviewDateTime(ms, options = {}) {
   );
   return `${parts.year}-${parts.month}-${parts.day} ${parts.hour}:${parts.minute}`;
 }
+function resolveReferencePreviewSizeBytes(node, previewState) {
+  const metadataSize = normalizedSizeBytes(node.sizeBytes);
+  if (metadataSize != null && metadataSize > 0) {
+    return metadataSize;
+  }
+  if (previewState.node && previewState.node.ref.sourceId === node.ref.sourceId && previewState.node.ref.nodeId === node.ref.nodeId) {
+    const previewSize = normalizedSizeBytes(previewState.previewSizeBytes);
+    if (previewSize != null && previewSize > 0) {
+      return previewSize;
+    }
+  }
+  return metadataSize;
+}
+function completeHierarchy(hierarchy, node) {
+  const last = hierarchy.at(-1);
+  if (last && last.ref.sourceId === node.ref.sourceId && last.ref.nodeId === node.ref.nodeId) {
+    return [...hierarchy];
+  }
+  return [...hierarchy, node];
+}
+function decodeReferenceListFileNodeId(nodeId) {
+  if (!nodeId.startsWith("f:")) {
+    return null;
+  }
+  try {
+    const normalized = nodeId.slice(2).replace(/-/g, "+").replace(/_/g, "/");
+    const padded = normalized.padEnd(
+      normalized.length + (4 - normalized.length % 4) % 4,
+      "="
+    );
+    const binary = atob(padded);
+    const bytes = Uint8Array.from(binary, (char) => char.charCodeAt(0));
+    return new TextDecoder().decode(bytes);
+  } catch {
+    return null;
+  }
+}
+function normalizedSizeBytes(sizeBytes) {
+  return typeof sizeBytes === "number" && Number.isFinite(sizeBytes) && sizeBytes >= 0 ? sizeBytes : null;
+}
 
 // src/ui/internal/reference/ReferenceSourcePicker.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -1503,7 +1611,9 @@ function ReferenceSourcePicker({
                                       },
                                       nodeRefKey(node.ref)
                                     ))
-                                  ) : !hasSelectedGroup ? /* @__PURE__ */ jsx4(Feedback, { children: copy.t("referencePicker.selectGroupHint") }) : view.currentEntries.length === 0 ? /* @__PURE__ */ jsx4(Feedback, { children: copy.t("referencePicker.emptyDirectory") }) : (
+                                  ) : view.currentEntries.length === 0 ? /* @__PURE__ */ jsx4(Feedback, { children: copy.t(
+                                    hasSelectedGroup ? "referencePicker.emptyDirectory" : "referencePicker.selectGroupHint"
+                                  ) }) : (
                                     // 浏览:就地递归展开树(复刻 agent 引用面板文件树交互)
                                     view.currentEntries.map((node) => /* @__PURE__ */ jsx4(
                                       TreeNodeRow,
@@ -1559,6 +1669,7 @@ function ReferenceSourcePicker({
                         PreviewInfoPane,
                         {
                           copy,
+                          hierarchy: view.breadcrumb,
                           node: view.focusedNode,
                           previewState: view.previewState,
                           sourceLabel: view.activeTabLabel
@@ -1853,10 +1964,12 @@ function FullTextTooltip({
 }
 function PreviewInfoPane({
   copy,
+  hierarchy,
   node,
   previewState,
   sourceLabel
 }) {
+  const sizeBytes = node ? resolveReferencePreviewSizeBytes(node, previewState) : null;
   return /* @__PURE__ */ jsx4("aside", { className: "flex h-full min-h-0 w-full flex-col bg-[var(--background-fronted)]", children: node ? /* @__PURE__ */ jsxs4("div", { className: "flex min-h-0 flex-1 flex-col gap-4 p-4", children: [
     /* @__PURE__ */ jsx4(
       WorkspaceFilePreviewSurface,
@@ -1879,7 +1992,7 @@ function PreviewInfoPane({
     ),
     /* @__PURE__ */ jsxs4("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsx4("p", { className: "truncate text-[15px] font-semibold", children: node.displayName }),
-      /* @__PURE__ */ jsx4(ReferencePathText, { node })
+      /* @__PURE__ */ jsx4(ReferencePathText, { hierarchy, node })
     ] }),
     /* @__PURE__ */ jsxs4("dl", { className: "space-y-2 text-[13px]", children: [
       /* @__PURE__ */ jsx4(InfoRow, { label: copy.t("referencePicker.previewSource"), children: /* @__PURE__ */ jsx4(
@@ -1891,12 +2004,15 @@ function PreviewInfoPane({
         }
       ) }),
       node.mtimeMs != null ? /* @__PURE__ */ jsx4(InfoRow, { label: copy.t("referencePicker.previewModified"), children: formatReferencePreviewDateTime(node.mtimeMs) }) : null,
-      node.sizeBytes != null ? /* @__PURE__ */ jsx4(InfoRow, { label: copy.t("referencePicker.previewSize"), children: formatBytes(node.sizeBytes) }) : null
+      sizeBytes != null ? /* @__PURE__ */ jsx4(InfoRow, { label: copy.t("referencePicker.previewSize"), children: formatBytes(sizeBytes) }) : null
     ] })
   ] }) : /* @__PURE__ */ jsx4(Feedback, { children: copy.t("referencePicker.emptyPreview") }) });
 }
-function ReferencePathText({ node }) {
-  const pathText = getReferenceNodePathText(node);
+function ReferencePathText({
+  hierarchy,
+  node
+}) {
+  const pathText = getReferenceNodePathText(node, hierarchy);
   const lastSlashIndex = pathText.lastIndexOf("/");
   if (lastSlashIndex <= 0 || lastSlashIndex === pathText.length - 1) {
     return /* @__PURE__ */ jsx4(
@@ -1920,29 +2036,8 @@ function ReferencePathText({ node }) {
     }
   );
 }
-function getReferenceNodePathText(node) {
-  const decodedPath = decodeReferenceListFileNodeId(node.ref.nodeId);
-  if (decodedPath) {
-    return decodedPath;
-  }
-  return node.contextLabel?.trim() || node.ref.nodeId;
-}
-function decodeReferenceListFileNodeId(nodeId) {
-  if (!nodeId.startsWith("f:")) {
-    return null;
-  }
-  try {
-    const normalized = nodeId.slice(2).replace(/-/g, "+").replace(/_/g, "/");
-    const padded = normalized.padEnd(
-      normalized.length + (4 - normalized.length % 4) % 4,
-      "="
-    );
-    const binary = atob(padded);
-    const bytes = Uint8Array.from(binary, (char) => char.charCodeAt(0));
-    return new TextDecoder().decode(bytes);
-  } catch {
-    return null;
-  }
+function getReferenceNodePathText(node, hierarchy) {
+  return formatReferenceNodePathText(node, hierarchy);
 }
 function InfoRow({
   label,
@@ -2171,7 +2266,13 @@ function TreeNodeRow({
   const selectable = view.isSelectable(node);
   const focused = isFocused(view.focusedNode, node);
   const active = selected || focused && selectable;
+  const focusedRowRef = useRef2(null);
   const [shouldRenderChildContent, setShouldRenderChildContent] = useState4(expanded);
+  useEffect3(() => {
+    if (focused) {
+      focusedRowRef.current?.scrollIntoView({ block: "nearest" });
+    }
+  }, [focused]);
   useEffect3(() => {
     if (expanded) {
       setShouldRenderChildContent(true);
@@ -2214,6 +2315,7 @@ function TreeNodeRow({
     /* @__PURE__ */ jsxs4(
       "div",
       {
+        ref: focused ? focusedRowRef : void 0,
         className: cn3(
           "flex cursor-pointer items-center gap-2 rounded-[6px] py-1.5 pr-1 transition-colors",
           active ? "bg-transparency-block" : "hover:bg-transparency-block"