@tutti-os/agent-gui 0.0.28 → 0.0.29

package/dist/index.js

@@ -13,7 +13,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-LHN26OIP.js";
+} from "./chunk-KAJRFXJK.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -36,13 +36,13 @@ import {
   skillDescriptionForDisplay,
   skillTriggerForPrefix,
   useProjectedAgentConversation
-} from "./chunk-LKT3EFGR.js";
+} from "./chunk-UC73DDC5.js";
 import {
   AgentMessageMarkdown,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-IBQO76IY.js";
+} from "./chunk-DY2EAW7B.js";
 import {
   AGENT_MENTION_FILTER_TAB_ORDER,
   AgentFileMentionPalette,
@@ -50,7 +50,7 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   agentMentionItemKey,
   preloadAgentMentionBrowse
-} from "./chunk-ILBFIZCI.js";
+} from "./chunk-O57DGCOA.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -59,13 +59,13 @@ import {
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   normalizeOptionalWorkspaceAgentStatus,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-B7DTDZVT.js";
+} from "./chunk-XBRKN4EC.js";
 import {
   MANAGED_AGENT_ICON_FALLBACK_URL,
   MANAGED_AGENT_ICON_URLS,
   Spinner,
   normalizeManagedAgentProvider
-} from "./chunk-F7XLV7M3.js";
+} from "./chunk-WPWZKKKV.js";
 import "./chunk-MTFSQWZ6.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
@@ -76,8 +76,8 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-XAQQN6MP.js";
-import "./chunk-XJ34OIEQ.js";
+} from "./chunk-FG66NW5M.js";
+import "./chunk-Y35GDLP2.js";
 import {
   AgentActivityHostProvider,
   AgentActivityRuntimeProvider,
@@ -105,7 +105,7 @@ import {
   getActiveUiLanguage,
   translate,
   useTranslation
-} from "./chunk-GLDKFIWM.js";
+} from "./chunk-RQ3HEF42.js";
 import "./chunk-LUGELG5V.js";
 import "./chunk-PJP5BUU6.js";
 
@@ -3277,7 +3277,7 @@ function agentComposerDraftToPromptContent(input) {
       type: "file",
       ...file.mimeType ? { mimeType: file.mimeType } : {},
       ...file.path ? { path: file.path } : {},
-      ...file.hostPath ? { hostPath: file.hostPath } : {},
+      ...!file.path && file.hostPath ? { hostPath: file.hostPath } : {},
       ...file.assetId ? { assetId: file.assetId } : {},
       ...file.sizeBytes ? { sizeBytes: file.sizeBytes } : {},
       name: file.name,
@@ -6347,6 +6347,64 @@ function cancelResultSessionStatusIsNonBusy(result) {
   });
   return status !== null && status.kind !== "working" && status.kind !== "waiting";
 }
+function shouldClearSubmittedDraft(input) {
+  const currentDraft = input.currentDraft;
+  if (!currentDraft) {
+    return false;
+  }
+  const submittedPrompt = agentPromptContentDisplayText(
+    input.submittedContent
+  ).trim();
+  if (currentDraft.prompt.trim() !== submittedPrompt) {
+    return false;
+  }
+  const submittedImages = input.submittedContent.filter(
+    (block) => block.type === "image"
+  );
+  if (currentDraft.images.length !== submittedImages.length) {
+    return false;
+  }
+  const imagesMatch = currentDraft.images.every((image, index) => {
+    const submittedImage = submittedImages[index];
+    if (!submittedImage || image.mimeType !== submittedImage.mimeType) {
+      return false;
+    }
+    const draftPath = image.path?.trim() ?? "";
+    const submittedPath = submittedImage.path?.trim() ?? "";
+    const draftData = image.data?.trim() ?? "";
+    const submittedData = submittedImage.data?.trim() ?? "";
+    const draftName = image.name.trim();
+    const submittedName = submittedImage.name?.trim() ?? "";
+    return draftPath === submittedPath && draftData === submittedData && draftName === submittedName;
+  });
+  if (!imagesMatch) {
+    return false;
+  }
+  const currentFiles = currentDraft.files ?? [];
+  const submittedFiles = input.submittedContent.filter(
+    (block) => block.type === "file"
+  );
+  if (currentFiles.length !== submittedFiles.length) {
+    return false;
+  }
+  return currentFiles.every((file, index) => {
+    const submittedFile = submittedFiles[index];
+    if (!submittedFile) {
+      return false;
+    }
+    const draftPath = file.path?.trim() ?? "";
+    const submittedPath = submittedFile.path?.trim() ?? "";
+    const draftHostPath = file.hostPath?.trim() ?? "";
+    const submittedHostPath = submittedFile.hostPath?.trim() ?? "";
+    const draftAssetId = file.assetId?.trim() ?? "";
+    const submittedAssetId = submittedFile.assetId?.trim() ?? "";
+    const draftMimeType = file.mimeType?.trim() ?? "";
+    const submittedMimeType = submittedFile.mimeType?.trim() ?? "";
+    const draftName = file.name.trim();
+    const submittedName = submittedFile.name?.trim() ?? "";
+    return draftPath === submittedPath && draftHostPath === submittedHostPath && draftAssetId === submittedAssetId && draftMimeType === submittedMimeType && draftName === submittedName && file.sizeBytes === submittedFile.sizeBytes;
+  });
+}
 function cancelBusySource(input) {
   if (input.hasActivePrompt) {
     return "interactive_prompt";
@@ -9977,7 +10035,10 @@ function useAgentGUINodeController({
         if (!queuedPromptId) {
           setDraftBySessionId((current) => {
             const currentDraft = current[agentSessionId];
-            if (currentDraft?.prompt.trim() !== submittedPromptText || currentDraft.images.length > 0) {
+            if (!shouldClearSubmittedDraft({
+              currentDraft,
+              submittedContent: normalizedContent
+            })) {
               return current;
             }
             return {
@@ -17172,7 +17233,6 @@ function AgentComposer({
   const [paletteDraftPrompt, setPaletteDraftPrompt] = useState10(draftPrompt);
   const [fileMentionSuggestion, setFileMentionSuggestion] = useState10(null);
   const [isSelectedProjectMissing, setIsSelectedProjectMissing] = useState10(false);
-  const [submittedImagePreview, setSubmittedImagePreview] = useState10([]);
   const [isSlashStatusPanelOpen, setIsSlashStatusPanelOpen] = useState10(false);
   const slashStatusAgentSessionId = slashStatus?.agentSessionId ?? null;
   const previousSlashStatusAgentSessionIdRef = useRef12(
@@ -17196,7 +17256,6 @@ function AgentComposer({
   const draftPromptRef = useRef12(draftPrompt);
   const draftImagesRef = useRef12(draftImages);
   const draftFilesRef = useRef12(draftFiles);
-  const submittedImagePreviewObservedBusyRef = useRef12(false);
   const promptTipRef = useRef12(null);
   const mentionControllerRef = useRef12(
     null
@@ -17584,19 +17643,30 @@ function AgentComposer({
   );
   const submitCurrentPrompt = useStableEventCallback(() => {
     const canSubmitWhileSending = canQueueWhileBusy && isSendingTurn;
-    const hasUploadingImages = draftImages.some((image) => image.uploading);
-    const hasFailedImages = draftImages.some((image) => image.uploadError);
-    const hasUploadingFiles = draftFiles.some((file) => file.uploading);
-    const hasFailedFiles = draftFiles.some((file) => file.uploadError);
+    const currentDraftImages = draftImagesRef.current;
+    const currentDraftFiles = draftFilesRef.current;
+    const hasUploadingImages = currentDraftImages.some(
+      (image) => image.uploading
+    );
+    const hasFailedImages = currentDraftImages.some(
+      (image) => image.uploadError
+    );
+    const hasUploadingFiles = currentDraftFiles.some((file) => file.uploading);
+    const hasFailedFiles = currentDraftFiles.some((file) => file.uploadError);
     if (isSelectedProjectMissing || submitDisabled || hasUploadingImages || hasFailedImages || hasUploadingFiles || hasFailedFiles || disabled && !canQueueWhileBusy || isSendingTurn && !canSubmitWhileSending) {
       return;
     }
     const nextPrompt = draftPromptRef.current;
-    const nextDraftContent = { ...draftContent, prompt: nextPrompt };
+    const nextDraftContent = {
+      ...draftContent,
+      prompt: nextPrompt,
+      images: currentDraftImages,
+      files: currentDraftFiles
+    };
     if (!agentComposerDraftHasContent(nextDraftContent)) {
       return;
     }
-    if (draftImages.length > 0 && !promptImagesSupported) {
+    if (currentDraftImages.length > 0 && !promptImagesSupported) {
       onPromptImagesUnsupported?.();
       return;
     }
@@ -17625,14 +17695,9 @@ function AgentComposer({
       skills: availableSkills
     });
     onSubmit(submitContent);
-    if (draftImages.length > 0 && !canQueueWhileBusy) {
-      setSubmittedImagePreview(draftImages);
-      submittedImagePreviewObservedBusyRef.current = false;
-    } else {
-      setSubmittedImagePreview([]);
-      submittedImagePreviewObservedBusyRef.current = false;
-    }
     draftPromptRef.current = "";
+    draftImagesRef.current = [];
+    draftFilesRef.current = [];
     setPaletteDraftPrompt("");
     onDraftContentChange(emptyAgentComposerDraft());
   });
@@ -17698,7 +17763,7 @@ function AgentComposer({
   );
   const selectFileMention = useCallback9(
     (entry) => {
-      if (mentionControllerRef.current?.selectAgentGeneratedMentionItem(entry)) {
+      if (entry.kind === "file" && entry.mentionNavigation === "agent-generated-folder-back" && mentionControllerRef.current?.selectAgentGeneratedMentionItem(entry)) {
         return;
       }
       fileMentionSuggestion?.command(entry);
@@ -17771,6 +17836,22 @@ function AgentComposer({
     },
     [createFileMentionPaletteAdapter]
   );
+  const navigateFileMentionHierarchy = useCallback9(
+    (delta) => {
+      if (delta === -1) {
+        return mentionControllerRef.current?.exitAgentGeneratedBrowse() ?? false;
+      }
+      const item = createFileMentionPaletteAdapter().selectedItem;
+      if (!item || item.kind !== "file") {
+        return false;
+      }
+      if (item.mentionNavigation !== "agent-generated-folder") {
+        return false;
+      }
+      return mentionControllerRef.current?.selectAgentGeneratedMentionItem(item) ?? false;
+    },
+    [createFileMentionPaletteAdapter]
+  );
   const handleFileMentionKeyDown = useCallback9(
     (event) => {
       if (!showFileMentionPalette) {
@@ -17782,7 +17863,8 @@ function AgentComposer({
           createFileMentionPaletteAdapter().commitHighlighted();
         },
         cycleFilter: cycleFileMentionFilter,
-        moveSelection: moveFileMentionSelection
+        moveSelection: moveFileMentionSelection,
+        navigateHierarchy: navigateFileMentionHierarchy
       })(event);
     },
     [
@@ -17790,6 +17872,7 @@ function AgentComposer({
       createFileMentionPaletteAdapter,
       cycleFileMentionFilter,
       moveFileMentionSelection,
+      navigateFileMentionHierarchy,
       showFileMentionPalette
     ]
   );
@@ -17921,8 +18004,6 @@ function AgentComposer({
       draftPromptRef.current = nextDraft;
       setPaletteDraftPrompt(nextDraft);
       setIsPaletteOpen(true);
-      setSubmittedImagePreview([]);
-      submittedImagePreviewObservedBusyRef.current = false;
       onDraftContentChange({ ...draftContent, prompt: nextDraft });
     }
   );
@@ -17935,8 +18016,6 @@ function AgentComposer({
         onPromptImagesUnsupported?.();
         return;
       }
-      setSubmittedImagePreview([]);
-      submittedImagePreviewObservedBusyRef.current = false;
       const currentDraftImages = draftImagesRef.current;
       const remainingSlots = Math.max(
         0,
@@ -18095,7 +18174,6 @@ function AgentComposer({
               name: uploadedFile?.name ?? file.name,
               mimeType: uploadedFile?.mimeType ?? file.mimeType,
               path: uploadedPath,
-              hostPath: uploadedFile?.hostPath ?? file.hostPath,
               assetId: uploadedFile?.assetId,
               sizeBytes: uploadedFile?.sizeBytes,
               uploading: false
@@ -18420,24 +18498,7 @@ function AgentComposer({
   const visibleActivePrompt = activePrompt && dismissedPromptRequestId !== activePromptRequestId ? activePrompt : null;
   const disabledReasonText = disabledReason?.trim() ?? "";
   const effectivePlaceholder = disabledReasonText || placeholder;
-  const showingSubmittedImagePreview = draftImages.length === 0 && submittedImagePreview.length > 0;
-  const visibleDraftImages = draftImages.length > 0 ? draftImages : submittedImagePreview;
   const visibleDraftFiles = draftFiles;
-  useEffect11(() => {
-    if (submittedImagePreview.length === 0) {
-      submittedImagePreviewObservedBusyRef.current = false;
-      return;
-    }
-    const busy = isSubmittingPrompt || isSendingTurn;
-    if (busy) {
-      submittedImagePreviewObservedBusyRef.current = true;
-      return;
-    }
-    if (submittedImagePreviewObservedBusyRef.current) {
-      submittedImagePreviewObservedBusyRef.current = false;
-      setSubmittedImagePreview([]);
-    }
-  }, [isSendingTurn, isSubmittingPrompt, submittedImagePreview.length]);
   useEffect11(() => {
     if (previousSelectedProjectPathRef.current === selectedProjectPath) {
       return;
@@ -18604,13 +18665,12 @@ function AgentComposer({
                     modal: false,
                     children: [
                       /* @__PURE__ */ jsx26(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs13("div", { ref: promptInputAreaRef, className: "min-w-0 self-start", children: [
-                        visibleDraftImages.length > 0 ? /* @__PURE__ */ jsx26(
+                        draftImages.length > 0 ? /* @__PURE__ */ jsx26(
                           "div",
                           {
                             className: "mb-2 grid max-w-[320px] grid-cols-[repeat(auto-fill,minmax(56px,1fr))] gap-2",
                             "data-testid": "agent-gui-composer-image-drafts",
-                            "data-submitted-preview": showingSubmittedImagePreview ? "true" : void 0,
-                            children: visibleDraftImages.map((image) => /* @__PURE__ */ jsxs13(
+                            children: draftImages.map((image) => /* @__PURE__ */ jsxs13(
                               "div",
                               {
                                 className: cn(
@@ -18648,7 +18708,7 @@ function AgentComposer({
                                       )
                                     }
                                   ) : null,
-                                  showingSubmittedImagePreview ? null : /* @__PURE__ */ jsx26(
+                                  /* @__PURE__ */ jsx26(
                                     "button",
                                     {
                                       type: "button",
@@ -18766,6 +18826,7 @@ function AgentComposer({
                                 onSelectCategory: (filter) => mentionControllerRef.current?.setFilter(filter),
                                 onSelectFilter: (filter) => mentionControllerRef.current?.setFilter(filter),
                                 onExpandGroup: (groupId) => mentionControllerRef.current?.expandGroup(groupId),
+                                onNavigateHierarchy: navigateFileMentionHierarchy,
                                 onOpenReferences: onRequestWorkspaceReferences ? handleOpenReferencesForEntity : void 0
                               }
                             )
@@ -19728,12 +19789,13 @@ function AgentGUINodeView({
   );
   const hostLocalFileLabel = uiLanguage === "zh-CN" ? "\u672C\u5730\u6587\u4EF6(\u5BBF\u4E3B\u673A)" : "Local files (Host)";
   const hostLocalFileSelectLabel = uiLanguage === "zh-CN" ? "\u4ECE\u7535\u8111\u9009\u62E9\u2026" : "Choose from computer\u2026";
+  const hostLocalFileSourceId = "host-local-file";
   const hostLocalFileActionPath = "host-local-file://select";
   const referenceSourceAggregatorWithHostLocalFile = useMemo10(() => {
     if (!referenceSourceAggregator) {
       return null;
     }
-    const sourceId = "host-local-file";
+    const sourceId = hostLocalFileSourceId;
     const actionNode = {
       ref: { sourceId, nodeId: "select-files" },
       kind: "file",
@@ -19834,7 +19896,16 @@ function AgentGUINodeView({
         return referenceSourceAggregator.getLoadedSource(currentSourceId);
       }
     };
-  }, [hostLocalFileLabel, hostLocalFileSelectLabel, referenceSourceAggregator]);
+  }, [
+    hostLocalFileLabel,
+    hostLocalFileSelectLabel,
+    hostLocalFileSourceId,
+    referenceSourceAggregator
+  ]);
+  const isWorkspaceReferencePickerNodeSelectable = useCallback10(
+    (node) => node.ref.sourceId !== hostLocalFileSourceId || node.kind === "file",
+    [hostLocalFileSourceId]
+  );
   const requestWorkspaceReferences = useCallback10(
     async (entity) => {
       if (previewMode) {
@@ -19890,7 +19961,13 @@ function AgentGUINodeView({
       const wantsHostFiles = refs.some(
         (ref) => ref.path === hostLocalFileActionPath
       );
-      if (!wantsHostFiles) {
+      const hostSourceRefs = refs.filter(
+        (ref) => ref.sourceId === hostLocalFileSourceId && ref.path !== hostLocalFileActionPath
+      );
+      const hostSourceFileRefs = hostSourceRefs.filter(
+        (ref) => ref.kind === "file"
+      );
+      if (!wantsHostFiles && hostSourceRefs.length === 0) {
         settleReferencePicker(
           { files: refs, mentionItems: [], hostAttachments: [] },
           refs
@@ -19898,25 +19975,53 @@ function AgentGUINodeView({
         return;
       }
       const workspaceRefs = refs.filter(
-        (ref) => ref.path !== hostLocalFileActionPath
+        (ref) => ref.path !== hostLocalFileActionPath && ref.sourceId !== hostLocalFileSourceId
       );
-      const selected = await agentHostApi.workspace.selectFiles({
+      const selected = wantsHostFiles ? await agentHostApi.workspace.selectFiles({
         allowDirectories: false
-      });
-      const hostAttachments = selected.map((file) => ({
+      }) : [];
+      const selectedHostAttachments = selected.map((file) => ({
         hostPath: file.path,
         name: file.name || file.path.split("/").pop() || file.path,
         mimeType: null
       }));
+      const browsedHostAttachments = hostSourceFileRefs.map((file) => ({
+        hostPath: file.path,
+        name: file.displayName || file.path.split("/").pop() || file.path,
+        mimeType: null
+      }));
       settleReferencePicker(
-        { files: workspaceRefs, mentionItems: [], hostAttachments },
+        {
+          files: workspaceRefs,
+          mentionItems: [],
+          hostAttachments: [
+            ...selectedHostAttachments,
+            ...browsedHostAttachments
+          ]
+        },
         workspaceRefs
       );
     },
-    [agentHostApi.workspace, settleReferencePicker]
+    [
+      agentHostApi.workspace,
+      hostLocalFileActionPath,
+      hostLocalFileSourceId,
+      settleReferencePicker
+    ]
   );
   const confirmWorkspaceReferenceBundles = useCallback10(
     (result) => {
+      const hostSourceRefs = result.files.filter(
+        (ref) => ref.sourceId === hostLocalFileSourceId && ref.kind === "file"
+      );
+      const workspaceRefs = result.files.filter(
+        (ref) => ref.sourceId !== hostLocalFileSourceId
+      );
+      const hostAttachments = hostSourceRefs.map((file) => ({
+        hostPath: file.path,
+        name: file.displayName || file.path.split("/").pop() || file.path,
+        mimeType: null
+      }));
       const mentionItems = result.bundles.filter((bundle) => bundle.handle != null).map((bundle) => {
         const handle = bundle.handle;
         const bundleIconUrl = bundle.iconUrl ?? void 0;
@@ -19944,11 +20049,11 @@ function AgentGUINodeView({
         };
       });
       settleReferencePicker(
-        { files: result.files, mentionItems, hostAttachments: [] },
-        result.files
+        { files: workspaceRefs, mentionItems, hostAttachments },
+        workspaceRefs
       );
     },
-    [settleReferencePicker, viewModel.workspaceId]
+    [hostLocalFileSourceId, settleReferencePicker]
   );
   const openclawGateway = useMemo10(
     () => viewModel.openclawGateway ?? (viewModel.data.provider === "openclaw" ? { status: "starting", error: null } : null),
@@ -20296,6 +20401,7 @@ function AgentGUINodeView({
         aggregator: referenceSourceAggregatorWithHostLocalFile,
         copy: workspaceFileReferenceCopy ?? fallbackWorkspaceFileReferenceCopy,
         initialTarget: workspaceReferencePickerTarget,
+        isNodeSelectable: isWorkspaceReferencePickerNodeSelectable,
         open: workspaceReferencePickerOpen,
         workspaceId: viewModel.workspaceId,
         onClose: closeWorkspaceReferencePicker,