@tutti-os/agent-gui 0.0.17 → 0.0.19

package/dist/index.js

@@ -13,7 +13,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-VO2TZNKV.js";
+} from "./chunk-B727YDVW.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -37,12 +37,13 @@ import {
   skillDescriptionForDisplay,
   skillTriggerForPrefix,
   useProjectedAgentConversation
-} from "./chunk-HVOPJU2K.js";
+} from "./chunk-SY3ES2SA.js";
 import {
   AgentMessageMarkdown,
+  ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-K44WER5Z.js";
+} from "./chunk-HFL5WGRF.js";
 import {
   AGENT_MENTION_FILTER_TAB_ORDER,
   AgentFileMentionPalette,
@@ -50,7 +51,7 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   flattenAgentMentionPaletteEntries,
   preloadAgentMentionBrowse
-} from "./chunk-VNAQ6QFE.js";
+} from "./chunk-5BVKJM77.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -59,26 +60,24 @@ import {
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   normalizeOptionalWorkspaceAgentStatus,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-OJ5WX7SZ.js";
+} from "./chunk-B7DTDZVT.js";
 import {
   MANAGED_AGENT_ICON_FALLBACK_URL,
   MANAGED_AGENT_ICON_URLS,
   Spinner,
   normalizeManagedAgentProvider
-} from "./chunk-CDTTIUPL.js";
+} from "./chunk-F7XLV7M3.js";
 import "./chunk-MTFSQWZ6.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
 } from "./chunk-IBIMGLCD.js";
 import {
-  buildAgentSessionMentionHref,
-  buildAgentWorkspaceReferenceMentionHref,
   exitAgentFileMentionSuggestion,
   formatAgentMentionMarkdown,
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-KHTIC52P.js";
+} from "./chunk-XAQQN6MP.js";
 import "./chunk-XJ34OIEQ.js";
 import {
   AgentActivityHostProvider,
@@ -92,11 +91,11 @@ import {
   useAgentActivitySnapshot,
   useAgentHostApi,
   useOptionalAgentActivityRuntime
-} from "./chunk-O5TUTXHT.js";
+} from "./chunk-222YHU5Z.js";
 import "./chunk-TYGL25EL.js";
 import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
-} from "./chunk-HIREVEZM.js";
+} from "./chunk-JM24HADP.js";
 import {
   normalizeAgentTitleText
 } from "./chunk-GCBDIQDX.js";
@@ -107,7 +106,7 @@ import {
   getActiveUiLanguage,
   translate,
   useTranslation
-} from "./chunk-65YMY2M3.js";
+} from "./chunk-GLDKFIWM.js";
 import "./chunk-LUGELG5V.js";
 import "./chunk-PJP5BUU6.js";
 
@@ -3171,13 +3170,14 @@ function normalizeAgentPromptContentBlocks(content) {
     if (block.type === "image") {
       const mimeType = block.mimeType?.trim();
       const data = block.data?.trim();
-      if (!data || mimeType !== "image/png" && mimeType !== "image/jpeg" && mimeType !== "image/webp") {
+      const url = block.url?.trim();
+      if (!data && !url || mimeType !== "image/png" && mimeType !== "image/jpeg" && mimeType !== "image/webp") {
         continue;
       }
       result.push({
         type: "image",
         mimeType,
-        data,
+        ...url ? { url } : { data },
         ...block.name?.trim() ? { name: block.name.trim() } : {}
       });
       continue;
@@ -3200,7 +3200,7 @@ function agentPromptContentHasImage(content) {
 }
 function agentPromptContentImageBlocks(content) {
   return normalizeAgentPromptContentBlocks(content).filter(
-    (block) => block.type === "image" && typeof block.data === "string" && typeof block.mimeType === "string"
+    (block) => block.type === "image" && (typeof block.data === "string" || typeof block.url === "string") && typeof block.mimeType === "string"
   );
 }
 function agentPromptContentToComposerDraft(content, idPrefix) {
@@ -3225,10 +3225,10 @@ function agentComposerDraftToPromptContent(input) {
       provider: input.provider,
       skills: input.skills
     }),
-    ...input.draft.images.slice(0, MAX_AGENT_COMPOSER_DRAFT_IMAGES).map((image) => ({
+    ...input.draft.images.slice(0, MAX_AGENT_COMPOSER_DRAFT_IMAGES).filter((image) => !image.uploading && !image.uploadError).map((image) => ({
       type: "image",
       mimeType: image.mimeType,
-      data: image.data,
+      ...image.url ? { url: image.url } : { data: image.data },
       name: image.name
     }))
   ]);
@@ -3271,7 +3271,8 @@ function agentPromptImageBlockToDraftImage(image, idPrefix, index) {
     name: image.name?.trim() || `image-${index + 1}`,
     mimeType: image.mimeType,
     data: image.data,
-    previewUrl: `data:${image.mimeType};base64,${image.data}`
+    url: image.url,
+    previewUrl: typeof image.data === "string" && image.data ? `data:${image.mimeType};base64,${image.data}` : image.url ?? ""
   };
 }
 
@@ -5846,6 +5847,9 @@ function useAgentGUIActivation({
   );
 }
 
+// agent-gui/agentGuiNode/controller/useAgentGUINodeController.ts
+import { createRichTextMentionHref } from "@tutti-os/ui-rich-text/core";
+
 // agent-gui/agentGuiNode/model/composerSettingsSupport.ts
 import {
   resolveAgentActivityCapability
@@ -6340,11 +6344,12 @@ function buildContinueInNewConversationPrompt(input) {
   const normalizedCurrentUserId = input.currentUserId?.trim() ?? "";
   const initiatorName = normalizedConversationUserId && input.userProfilesByUserId[normalizedConversationUserId]?.name?.trim() || normalizedCurrentUserId && input.userProfilesByUserId[normalizedCurrentUserId]?.name?.trim() || normalizedConversationUserId || normalizedCurrentUserId || translate("messages.agentThisSessionMentionLabel").trim();
   const mentionLabel = `${initiatorName} & ${providerLabel}${normalizedTitle ? ` ${normalizedTitle}` : ""}`.trim();
-  const href = buildAgentSessionMentionHref(
-    input.workspaceId,
-    input.agentSessionId,
-    input.provider
-  );
+  const href = createRichTextMentionHref({
+    providerId: "agent-session",
+    entityId: input.agentSessionId,
+    label: mentionLabel,
+    scope: { workspaceId: input.workspaceId }
+  });
   const mention = formatAgentMentionMarkdown({
     kind: "session",
     href,
@@ -6658,6 +6663,20 @@ function normalizeOptionalText2(value) {
   const trimmed = value.trim();
   return trimmed ? trimmed : null;
 }
+function resolveSameProviderActiveSessionModel(input) {
+  const agentSessionId = normalizeOptionalText2(input.agentSessionId);
+  if (agentSessionId === null) {
+    return null;
+  }
+  const runtimeSession = input.runtime.getSnapshot(input.workspaceId).sessions.find(
+    (candidate) => candidate.agentSessionId.trim() === agentSessionId
+  ) ?? null;
+  const activeProvider = normalizeOptionalText2(runtimeSession?.provider) ?? normalizeOptionalText2(input.activeProvider);
+  if (activeProvider !== input.provider) {
+    return null;
+  }
+  return normalizeOptionalText2(input.sessionState?.settings?.model) ?? normalizeOptionalText2(runtimeSession?.model);
+}
 function normalizeOptionalPrompt(value) {
   return typeof value === "string" ? value.trim() : "";
 }
@@ -7534,6 +7553,7 @@ function useAgentGUINodeController({
   const startingConversationIdRef = useRef4(null);
   const activatedConversationIdsRef = useRef4(/* @__PURE__ */ new Set());
   const failedNewConversationIdsRef = useRef4(/* @__PURE__ */ new Set());
+  const lastActiveModelByProviderRef = useRef4({});
   const pendingTurnIdBySessionIdRef = useRef4({});
   const conversationIdsRef = useRef4(
     new Set(conversations.map((conversation2) => conversation2.id))
@@ -8642,17 +8662,18 @@ function useAgentGUINodeController({
         defaultReasoningEffort,
         drafts: draftSettingsBySessionIdRef.current
       });
+      const composerOptionsCwd = selectedProjectPathRef.current?.trim() || workspacePath.trim() || "";
       void Promise.resolve(
         agentActivityRuntime.getComposerOptions({
           workspaceId,
-          cwd: selectedProjectPathRef.current ?? "",
+          cwd: composerOptionsCwd,
           force: options?.force,
           provider,
           settings
         })
       ).catch(() => void 0);
     },
-    [agentActivityRuntime, defaultReasoningEffort, workspaceId]
+    [agentActivityRuntime, defaultReasoningEffort, workspaceId, workspacePath]
   );
   useEffect4(() => {
     if (previewMode) {
@@ -9135,6 +9156,23 @@ function useAgentGUINodeController({
         const initialSettings = resolveEffectiveComposerSettings({
           settings: initialNodeSettings
         });
+        const currentActiveConversationId = activeConversationIdRef.current;
+        const currentActiveConversation = currentActiveConversationId ? resolveConversationSummaryById(
+          conversationsRef.current,
+          currentActiveConversationId,
+          transientConversationRef.current
+        ) : null;
+        const inheritedModel = normalizeOptionalText2(initialNodeSettings.model) === null ? resolveSameProviderActiveSessionModel({
+          activeProvider: currentActiveConversation?.provider ?? null,
+          agentSessionId: currentActiveConversationId,
+          provider,
+          runtime: agentActivityRuntime,
+          sessionState: activeSessionState,
+          workspaceId
+        }) ?? normalizeOptionalText2(
+          lastActiveModelByProviderRef.current[provider]
+        ) : null;
+        const effectiveInitialSettings = inheritedModel === null ? initialSettings : { ...initialSettings, model: inheritedModel };
         const snapshotComposerOptions = agentActivityRuntime.getSnapshot(workspaceId).composerOptionsByProvider?.[provider] ?? null;
         const snapshotDraftAgentSessionId = normalizedInitialContent.length > 0 && provider === "claude-code" ? draftAgentSessionIdFromComposerOptions(snapshotComposerOptions) : null;
         const draftAgentSessionId = snapshotDraftAgentSessionId && !activatedConversationIdsRef.current.has(
@@ -9174,11 +9212,11 @@ function useAgentGUINodeController({
         startingConversationIdRef.current = agentSessionId;
         draftSettingsBySessionIdRef.current = {
           ...draftSettingsBySessionIdRef.current,
-          [agentSessionId]: initialSettings
+          [agentSessionId]: effectiveInitialSettings
         };
         setDraftSettingsBySessionId((current) => ({
           ...current,
-          [agentSessionId]: initialSettings
+          [agentSessionId]: effectiveInitialSettings
         }));
         setIsLoadingMessages(true);
         return activation.activate({
@@ -9189,7 +9227,7 @@ function useAgentGUINodeController({
           initialContent: normalizedInitialContent,
           initialDisplayPrompt,
           title: initialConversationTitle,
-          settings: initialSettings,
+          settings: effectiveInitialSettings,
           openclawGatewayReady: provider === "openclaw" ? openclawGateway?.status === "ready" : void 0
         });
       })().then((result) => {
@@ -9345,6 +9383,7 @@ function useAgentGUINodeController({
       });
     },
     [
+      activeSessionState,
       currentUserId,
       data,
       defaultReasoningEffort,
@@ -11394,6 +11433,27 @@ function useAgentGUINodeController({
   ) : null;
   const pendingInteractivePrompt = serverInteractivePrompt ?? planImplementationPromptVM;
   const activeRuntimeSession = runtimeSessionsBySessionId.get(activeConversationId ?? "") ?? null;
+  useEffect4(() => {
+    const provider = normalizeOptionalText2(
+      activeRuntimeSession?.provider ?? activeConversation?.provider
+    );
+    if (provider === null) {
+      return;
+    }
+    const model = normalizeOptionalText2(activeSessionState?.settings?.model) ?? normalizeOptionalText2(activeRuntimeSession?.model);
+    if (model === null) {
+      return;
+    }
+    lastActiveModelByProviderRef.current = {
+      ...lastActiveModelByProviderRef.current,
+      [provider]: model
+    };
+  }, [
+    activeConversation?.provider,
+    activeRuntimeSession?.model,
+    activeRuntimeSession?.provider,
+    activeSessionState?.settings?.model
+  ]);
   const activeActivityDisplayStatus = activeConversationId ? agentActivityDisplayStatuses.get(activeConversationId) ?? null : null;
   const activeHasPendingSubmittedTurn = activeConversationId ? Boolean(pendingTurnIdBySessionIdRef.current[activeConversationId]) : false;
   const activeConversationBusy = agentActivityDisplayStatusBusy(activeActivityDisplayStatus) || activeHasPendingSubmittedTurn;
@@ -11983,6 +12043,10 @@ function UnavailableChatIcon(props) {
 import { StatusDot } from "@tutti-os/ui-system";
 
 // shared/utils/agentSessionMentionText.ts
+import {
+  isRichTextMentionHref,
+  parseRichTextMentionHref
+} from "@tutti-os/ui-rich-text/core";
 var MARKDOWN_LINK_PATTERN = /\[((?:\\.|[^\]\\])*)\]\(([^)\s]+)\)/g;
 var MARKDOWN_LABEL_ESCAPE_PATTERN = /\\([\\[\]()])/g;
 var SESSION_MENTION_DISPLAY_PREFIX_BY_LANGUAGE = {
@@ -12010,20 +12074,20 @@ function formatAgentSessionMentionText(value, options = {}) {
   const withSessionMentionsNormalized = trimmed.replace(
     MARKDOWN_LINK_PATTERN,
     (fullMatch, rawLabel, href) => {
-      const normalizedHref = href.trim().toLowerCase();
-      if (normalizedHref.startsWith("mention://agent-session")) {
-        return formatSessionLabel(
-          unescapeMarkdownLabel(rawLabel),
-          sessionMentionDisplayPrefix
-        );
+      const label = unescapeMarkdownLabel(rawLabel);
+      const mention = parseRichTextMentionHref(href, label);
+      if (!mention) {
+        return isRichTextMentionHref(href) ? label : fullMatch;
       }
-      if (normalizedHref.startsWith("mention://workspace-issue")) {
-        return formatIssueLabel(unescapeMarkdownLabel(rawLabel));
+      const providerId = mention.providerId.trim().toLowerCase();
+      const displayLabel = label || mention.label;
+      if (providerId === "agent-session") {
+        return formatSessionLabel(displayLabel, sessionMentionDisplayPrefix);
       }
-      if (!normalizedHref.startsWith("mention://")) {
-        return fullMatch;
+      if (providerId === "workspace-issue") {
+        return formatIssueLabel(displayLabel);
       }
-      return unescapeMarkdownLabel(rawLabel);
+      return displayLabel;
     }
   );
   const normalized = normalizeAgentTitleText(withSessionMentionsNormalized);
@@ -12951,7 +13015,7 @@ function AgentSessionChrome({
         tabIndex: expandableCards.has("recovery") ? 0 : void 0,
         className: cn(
           AgentGUIChrome_styles_default.chromeCard,
-          visibleRecovery.kind === "failed" ? AgentGUIChrome_styles_default.chromeCardDanger : visibleRecovery.kind === "warning" ? AgentGUIChrome_styles_default.chromeCardWarning : visibleRecovery.kind === "activating" ? AgentGUIChrome_styles_default.chromeCardConnecting : AgentGUIChrome_styles_default.chromeCardMuted
+          visibleRecovery.kind === "failed" ? AgentGUIChrome_styles_default.chromeCardDanger : visibleRecovery.kind === "warning" ? AgentGUIChrome_styles_default.chromeCardDanger : visibleRecovery.kind === "activating" ? AgentGUIChrome_styles_default.chromeCardConnecting : AgentGUIChrome_styles_default.chromeCardMuted
         ),
         onClick: () => toggleExpandedCard("recovery"),
         onKeyDown: handleExpandableCardKeyDown("recovery"),
@@ -16450,27 +16514,30 @@ function AgentUsageChip({
   const usageLevel = agentUsageChipLevel(clampedPercent);
   const ringColor = agentUsageRingColor(usageLevel);
   return /* @__PURE__ */ jsxs13(Popover, { children: [
-    /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(
-      "button",
-      {
-        type: "button",
-        "aria-label": chipLabel,
-        className: "nodrag relative mr-2 inline-flex size-4 shrink-0 cursor-default items-center justify-center rounded-full p-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)] [-webkit-app-region:no-drag]",
-        "data-testid": "agent-gui-usage-chip",
-        "data-usage-level": usageLevel,
-        title: chipLabel,
-        style: {
-          background: `conic-gradient(${ringColor} ${clampedPercent}%, color-mix(in srgb, ${ringColor} 16%, transparent) 0)`
-        },
-        children: /* @__PURE__ */ jsx26(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "absolute inset-0.5 rounded-full bg-[var(--agent-gui-surface-raised,var(--background-fronted))]"
-          }
-        )
-      }
-    ) }),
+    /* @__PURE__ */ jsx26(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs13(Tooltip, { children: [
+      /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(
+        "button",
+        {
+          type: "button",
+          "aria-label": chipLabel,
+          className: "nodrag relative mr-2 inline-flex size-4 shrink-0 cursor-default items-center justify-center rounded-full p-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)] [-webkit-app-region:no-drag]",
+          "data-testid": "agent-gui-usage-chip",
+          "data-usage-level": usageLevel,
+          title: chipLabel,
+          style: {
+            background: `conic-gradient(${ringColor} ${clampedPercent}%, color-mix(in srgb, ${ringColor} 16%, transparent) 0)`
+          },
+          children: /* @__PURE__ */ jsx26(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "absolute inset-0.5 rounded-full bg-[var(--agent-gui-surface-raised,var(--background-fronted))]"
+            }
+          )
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx26(TooltipContent, { side: "top", children: labels.usageTooltipLabel })
+    ] }) }),
     /* @__PURE__ */ jsx26(
       PopoverContent,
       {
@@ -16644,6 +16711,7 @@ function AgentComposer({
   "use memo";
   const draftPrompt = draftContent.prompt;
   const draftImages = draftContent.images;
+  const agentActivityRuntime = useOptionalAgentActivityRuntime();
   const [isPaletteOpen, setIsPaletteOpen] = useState10(true);
   const [isReviewPickerOpen, setIsReviewPickerOpen] = useState10(false);
   const [highlightedIndex, setHighlightedIndex] = useState10(0);
@@ -16678,6 +16746,7 @@ function AgentComposer({
   const promptInputAreaRef = useRef12(null);
   const paletteContentRef = useRef12(null);
   const draftPromptRef = useRef12(draftPrompt);
+  const draftImagesRef = useRef12(draftImages);
   const submittedImagePreviewObservedBusyRef = useRef12(false);
   const promptTipRef = useRef12(null);
   const mentionControllerRef = useRef12(
@@ -16881,6 +16950,9 @@ function AgentComposer({
       });
     }
   }, [draftPrompt]);
+  useEffect11(() => {
+    draftImagesRef.current = draftImages;
+  }, [draftImages]);
   useEffect11(() => {
     if (previousSlashStatusAgentSessionIdRef.current === slashStatusAgentSessionId) {
       return;
@@ -17060,7 +17132,9 @@ function AgentComposer({
   );
   const submitCurrentPrompt = useStableEventCallback(() => {
     const canSubmitWhileSending = canQueueWhileBusy && isSendingTurn;
-    if (isSelectedProjectMissing || submitDisabled || disabled && !canQueueWhileBusy || isSendingTurn && !canSubmitWhileSending) {
+    const hasUploadingImages = draftImages.some((image) => image.uploading);
+    const hasFailedImages = draftImages.some((image) => image.uploadError);
+    if (isSelectedProjectMissing || submitDisabled || hasUploadingImages || hasFailedImages || disabled && !canQueueWhileBusy || isSendingTurn && !canSubmitWhileSending) {
       return;
     }
     const nextPrompt = draftPromptRef.current;
@@ -17431,30 +17505,89 @@ function AgentComposer({
       }
       setSubmittedImagePreview([]);
       submittedImagePreviewObservedBusyRef.current = false;
+      const currentDraftImages = draftImagesRef.current;
       const remainingSlots = Math.max(
         0,
-        MAX_AGENT_COMPOSER_DRAFT_IMAGES - draftImages.length
+        MAX_AGENT_COMPOSER_DRAFT_IMAGES - currentDraftImages.length
       );
       if (remainingSlots === 0) {
         return;
       }
+      const uploadPromptContent = agentActivityRuntime?.uploadPromptContent;
       const nextImages = images.slice(0, remainingSlots).map((image) => ({
         id: `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`,
         name: image.name,
         mimeType: image.mimeType,
         data: image.data,
-        previewUrl: `data:${image.mimeType};base64,${image.data}`
+        previewUrl: `data:${image.mimeType};base64,${image.data}`,
+        uploading: Boolean(uploadPromptContent)
       }));
+      const nextDraftImages = [...currentDraftImages, ...nextImages];
+      draftImagesRef.current = nextDraftImages;
       onDraftContentChange({
         prompt: draftPromptRef.current,
-        images: [...draftImages, ...nextImages]
+        images: nextDraftImages
       });
+      if (!uploadPromptContent) {
+        return;
+      }
+      for (const draftImage of nextImages) {
+        void uploadPromptContent({
+          workspaceId,
+          content: [
+            {
+              type: "image",
+              mimeType: draftImage.mimeType,
+              data: draftImage.data,
+              name: draftImage.name
+            }
+          ]
+        }).then((result) => {
+          const uploadedImage = result.content.find(
+            (block) => block.type === "image"
+          );
+          const uploadedUrl = uploadedImage?.url?.trim() ?? "";
+          if (!uploadedUrl) {
+            throw new Error("Prompt image upload completed without url.");
+          }
+          const uploadedDraftImages = draftImagesRef.current.map(
+            (image) => image.id === draftImage.id ? {
+              id: image.id,
+              name: image.name,
+              mimeType: image.mimeType,
+              url: uploadedUrl,
+              previewUrl: uploadedUrl,
+              uploading: false
+            } : image
+          );
+          draftImagesRef.current = uploadedDraftImages;
+          onDraftContentChange({
+            prompt: draftPromptRef.current,
+            images: uploadedDraftImages
+          });
+        }).catch((error) => {
+          const message = error instanceof Error ? error.message : String(error);
+          const failedDraftImages = draftImagesRef.current.map(
+            (image) => image.id === draftImage.id ? {
+              ...image,
+              uploading: false,
+              uploadError: message
+            } : image
+          );
+          draftImagesRef.current = failedDraftImages;
+          onDraftContentChange({
+            prompt: draftPromptRef.current,
+            images: failedDraftImages
+          });
+        });
+      }
     },
     [
-      draftImages,
+      agentActivityRuntime,
       onDraftContentChange,
       onPromptImagesUnsupported,
-      promptImagesSupported
+      promptImagesSupported,
+      workspaceId
     ]
   );
   const handlePastedImages = useCallback9(
@@ -17465,12 +17598,16 @@ function AgentComposer({
   );
   const removeDraftImage = useCallback9(
     (id) => {
+      const nextDraftImages = draftImagesRef.current.filter(
+        (image) => image.id !== id
+      );
+      draftImagesRef.current = nextDraftImages;
       onDraftContentChange({
         prompt: draftPromptRef.current,
-        images: draftImages.filter((image) => image.id !== id)
+        images: nextDraftImages
       });
     },
-    [draftImages, onDraftContentChange]
+    [onDraftContentChange]
   );
   const applyReferencePickResult = useCallback9(
     (result) => {
@@ -17726,6 +17863,8 @@ function AgentComposer({
     [showFileMentionPalette, showFloatingCommandMenu]
   );
   const hasDraftContent = agentComposerDraftHasContent(draftContent);
+  const hasUploadingDraftImages = draftImages.some((image) => image.uploading);
+  const hasFailedDraftImages = draftImages.some((image) => image.uploadError);
   const isQueueMode = canQueueWhileBusy && hasDraftContent;
   const shouldShowStopButton = showStopButton && !isQueueMode;
   const sendButtonState = isQueueMode ? "queue" : shouldShowStopButton ? isInterrupting ? "stopping" : "interrupt" : isSendingTurn ? "loading" : "send";
@@ -17926,10 +18065,17 @@ function AgentComposer({
                             children: visibleDraftImages.map((image) => /* @__PURE__ */ jsxs13(
                               "div",
                               {
-                                className: "group relative aspect-square min-w-0 overflow-hidden rounded-[6px] border border-[var(--line-1)] bg-[var(--background-fronted)]",
+                                className: cn(
+                                  "group relative aspect-square min-w-0 overflow-hidden rounded-[6px] border border-[var(--line-1)] bg-[var(--background-fronted)]",
+                                  "[&>[data-rmiz]]:block [&>[data-rmiz]]:size-full",
+                                  "[&>[data-rmiz]>[data-rmiz-content]]:block [&>[data-rmiz]>[data-rmiz-content]]:size-full",
+                                  image.uploadError && "border-[color:color-mix(in_srgb,var(--danger)_55%,var(--line-1))]"
+                                ),
+                                "data-uploading": image.uploading ? "true" : void 0,
+                                "data-upload-error": image.uploadError ? "true" : void 0,
                                 children: [
                                   /* @__PURE__ */ jsx26(
-                                    "img",
+                                    ZoomableImage,
                                     {
                                       src: image.previewUrl,
                                       alt: image.name,
@@ -17937,6 +18083,23 @@ function AgentComposer({
                                       draggable: false
                                     }
                                   ),
+                                  image.uploading ? /* @__PURE__ */ jsx26(
+                                    "div",
+                                    {
+                                      className: "absolute inset-0 grid place-items-center bg-[color-mix(in_srgb,var(--background-fronted)_62%,transparent)]",
+                                      "data-testid": "agent-gui-composer-image-uploading",
+                                      children: /* @__PURE__ */ jsx26(
+                                        Spinner,
+                                        {
+                                          className: "text-[var(--text-primary)]",
+                                          size: 18,
+                                          strokeWidth: 2.4,
+                                          trackColor: "var(--transparency-hover)",
+                                          testId: "agent-gui-composer-image-upload-spinner"
+                                        }
+                                      )
+                                    }
+                                  ) : null,
                                   showingSubmittedImagePreview ? null : /* @__PURE__ */ jsx26(
                                     "button",
                                     {
@@ -18178,6 +18341,7 @@ function AgentComposer({
                         limits: slashStatus?.limits ?? [],
                         labels: {
                           usageChipLabel: labels.usageChipLabel,
+                          usageTooltipLabel: labels.usageTooltipLabel,
                           usagePopoverTitle: labels.usagePopoverTitle,
                           usageContextWindowLabel: labels.usageContextWindowLabel,
                           usageLimitsLabel: labels.usageLimitsLabel
@@ -18266,7 +18430,7 @@ function AgentComposer({
                         type: "submit",
                         className: AgentGUINode_styles_default.composerSendButton,
                         "data-state": sendButtonState,
-                        disabled: isSelectedProjectMissing || submitDisabled || !hasDraftContent || sendButtonBusy,
+                        disabled: isSelectedProjectMissing || submitDisabled || !hasDraftContent || hasUploadingDraftImages || hasFailedDraftImages || sendButtonBusy,
                         "aria-label": labels.send,
                         title: labels.send,
                         "aria-busy": sendButtonBusy,
@@ -18666,6 +18830,7 @@ function AttentionGlyph() {
 }
 
 // agent-gui/agentGuiNode/AgentGUINodeView.tsx
+import { createRichTextMentionHref as createRichTextMentionHref2 } from "@tutti-os/ui-rich-text/core";
 import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 var AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX = 24;
 var AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE = 5;
@@ -18978,11 +19143,18 @@ function AgentGUINodeView({
         const bundleIconUrl = bundle.iconUrl ?? void 0;
         return {
           kind: "workspace-reference",
-          href: buildAgentWorkspaceReferenceMentionHref(
-            viewModel.workspaceId,
-            handle,
-            { iconUrl: bundleIconUrl, fileCount: bundle.fileCount }
-          ),
+          href: createRichTextMentionHref2({
+            providerId: "workspace-reference",
+            entityId: handle.id,
+            label: bundle.displayName,
+            scope: {
+              workspaceId: viewModel.workspaceId,
+              source: handle.source,
+              ...handle.groupId?.trim() ? { groupId: handle.groupId.trim() } : {},
+              ...bundleIconUrl ? { icon: bundleIconUrl } : {},
+              ...bundle.fileCount > 0 ? { count: String(bundle.fileCount) } : {}
+            }
+          }),
           workspaceId: viewModel.workspaceId,
           targetId: handle.id,
           source: handle.source,
@@ -19031,6 +19203,7 @@ function AgentGUINodeView({
   const openConversationWindow = useOptionalStableEventCallback(
     onOpenConversationWindow
   );
+  const openProjectFiles = useOptionalStableEventCallback(onLinkAction);
   const detailComposerFocusRequestSequence = localComposerFocusRequestSequence === 0 ? composerFocusRequestSequence : (composerFocusRequestSequence ?? 0) + localComposerFocusRequestSequence;
   const requestCreateConversation = useCallback10(
     (options) => {
@@ -19206,6 +19379,7 @@ function AgentGUINodeView({
       onRequestDeleteConversation: requestDeleteConversation,
       onCancelDeleteConversation: cancelDeleteConversation,
       onConfirmDeleteConversation: confirmDeleteConversation,
+      onOpenProjectFiles: openProjectFiles,
       onOpenConversationWindow: openConversationWindow
     }),
     [
@@ -19216,6 +19390,7 @@ function AgentGUINodeView({
       createConversationDisabled,
       labels,
       openConversationWindow,
+      openProjectFiles,
       openclawGateway,
       removeProject,
       requestCreateConversation,
@@ -19721,6 +19896,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       slashStatusContextUnavailable: labels.slashStatusContextUnavailable,
       slashStatusLimitsUnavailable: labels.slashStatusLimitsUnavailable,
       usageChipLabel: labels.usageChipLabel,
+      usageTooltipLabel: labels.usageTooltipLabel,
       usagePopoverTitle: labels.usagePopoverTitle,
       usageContextWindowLabel: labels.usageContextWindowLabel,
       usageTokensLabel: labels.usageTokensLabel,
@@ -20608,7 +20784,7 @@ function syncAgentGUIConversationRailStore(store, next) {
   Object.assign(store, next);
 }
 function agentGUIConversationRailStoreSnapshotsEqual(current, next) {
-  return current.conversations === next.conversations && current.userProjects === next.userProjects && current.activeConversationId === next.activeConversationId && current.pendingDeleteConversationId === next.pendingDeleteConversationId && current.isLoadingConversations === next.isLoadingConversations && current.isDeletingConversation === next.isDeletingConversation && current.isDeletingProjectConversations === next.isDeletingProjectConversations && current.labels === next.labels && current.workspaceUserProjectI18n === next.workspaceUserProjectI18n && current.uiLanguage === next.uiLanguage && current.showProjectSelector === next.showProjectSelector && current.createConversationDisabled === next.createConversationDisabled && current.openclawGateway === next.openclawGateway && current.isCollapsed === next.isCollapsed && current.onCreateConversation === next.onCreateConversation && current.onRetryOpenclawGateway === next.onRetryOpenclawGateway && current.onSelectConversation === next.onSelectConversation && current.onToggleConversationPinned === next.onToggleConversationPinned && current.onOpenConversationWindow === next.onOpenConversationWindow && current.onRemoveProject === next.onRemoveProject && current.onConfirmDeleteProjectConversations === next.onConfirmDeleteProjectConversations && current.onRequestDeleteConversation === next.onRequestDeleteConversation && current.onCancelDeleteConversation === next.onCancelDeleteConversation && current.onConfirmDeleteConversation === next.onConfirmDeleteConversation;
+  return current.conversations === next.conversations && current.userProjects === next.userProjects && current.activeConversationId === next.activeConversationId && current.pendingDeleteConversationId === next.pendingDeleteConversationId && current.isLoadingConversations === next.isLoadingConversations && current.isDeletingConversation === next.isDeletingConversation && current.isDeletingProjectConversations === next.isDeletingProjectConversations && current.labels === next.labels && current.workspaceUserProjectI18n === next.workspaceUserProjectI18n && current.uiLanguage === next.uiLanguage && current.showProjectSelector === next.showProjectSelector && current.createConversationDisabled === next.createConversationDisabled && current.openclawGateway === next.openclawGateway && current.isCollapsed === next.isCollapsed && current.onCreateConversation === next.onCreateConversation && current.onRetryOpenclawGateway === next.onRetryOpenclawGateway && current.onSelectConversation === next.onSelectConversation && current.onToggleConversationPinned === next.onToggleConversationPinned && current.onOpenProjectFiles === next.onOpenProjectFiles && current.onOpenConversationWindow === next.onOpenConversationWindow && current.onRemoveProject === next.onRemoveProject && current.onConfirmDeleteProjectConversations === next.onConfirmDeleteProjectConversations && current.onRequestDeleteConversation === next.onRequestDeleteConversation && current.onCancelDeleteConversation === next.onCancelDeleteConversation && current.onConfirmDeleteConversation === next.onConfirmDeleteConversation;
 }
 var AgentGUIConversationRailStorePane = memo(
   function AgentGUIConversationRailStorePane2({
@@ -20647,6 +20823,7 @@ var AgentGUIConversationRailPane = memo(
     onRetryOpenclawGateway,
     onSelectConversation,
     onToggleConversationPinned,
+    onOpenProjectFiles,
     onOpenConversationWindow,
     onRemoveProject,
     onConfirmDeleteProjectConversations,
@@ -20849,6 +21026,7 @@ var AgentGUIConversationRailPane = memo(
                       onSelectConversation,
                       setPendingProjectAction,
                       onToggleConversationPinned,
+                      onOpenProjectFiles,
                       onOpenConversationWindow,
                       onToggleProjectSectionCollapsed: toggleProjectSectionCollapsed
                     }
@@ -20919,6 +21097,7 @@ var AgentGUIConversationRailSection = memo(
     onSelectConversation,
     setPendingProjectAction,
     onToggleConversationPinned,
+    onOpenProjectFiles,
     onOpenConversationWindow,
     onRequestDeleteConversation,
     onCancelDeleteConversation,
@@ -21029,6 +21208,24 @@ var AgentGUIConversationRailSection = memo(
                     className: `${AgentGUINode_styles_default.composerMenuContent} nodrag [-webkit-app-region:no-drag]`,
                     sideOffset: 6,
                     children: [
+                      /* @__PURE__ */ jsx29(
+                        DropdownMenuItem,
+                        {
+                          className: `${AgentGUINode_styles_default.composerMenuItem} nodrag [-webkit-app-region:no-drag]`,
+                          disabled: !onOpenProjectFiles,
+                          onSelect: () => {
+                            onOpenProjectFiles?.({
+                              directoryPath: projectPath,
+                              mode: "open-directory",
+                              path: projectPath,
+                              source: "agent-project-menu",
+                              type: "open-workspace-file",
+                              workspaceRoot: projectPath
+                            });
+                          },
+                          children: /* @__PURE__ */ jsx29("span", { children: labels.projectSectionViewFiles })
+                        }
+                      ),
                       projectConversationCount > 0 ? /* @__PURE__ */ jsx29(
                         DropdownMenuItem,
                         {
@@ -22360,6 +22557,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
         "agentHost.agentGui.slashStatusLimitsUnavailable"
       ),
       usageChipLabel: (input) => t("agentHost.agentGui.usageChipLabel", { percent: input.percent }),
+      usageTooltipLabel: t("agentHost.agentGui.usageTooltipLabel"),
       usagePopoverTitle: t("agentHost.agentGui.usagePopoverTitle"),
       usageContextWindowLabel: t("agentHost.agentGui.usageContextWindowLabel"),
       usageTokensLabel: t("agentHost.agentGui.usageTokensLabel"),
@@ -22407,6 +22605,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       projectSectionMoreActions: t(
         "agentHost.agentGui.projectSectionMoreActions"
       ),
+      projectSectionViewFiles: t("agentHost.agentGui.projectSectionViewFiles"),
       projectRailCreateProject: t(
         "agentHost.agentGui.projectRailCreateProject"
       ),