@tutti-os/agent-gui 0.0.68 → 0.0.69

package/dist/index.js

@@ -10,7 +10,7 @@ import {
   resolveAgentGuiSessionProviderFlatIconUrl,
   resolveNextAgentGUIConversationRailWidthPx,
   shouldAutoCollapseAgentGUIConversationRail
-} from "./chunk-VRV6GBF5.js";
+} from "./chunk-NROZAN34.js";
 import {
   agentGUIDefaultTargetProviders,
   agentGUIProviderTargetRefsEqual,
@@ -22,11 +22,11 @@ import {
   localAgentGUIProviderTargetId,
   normalizeAgentGUIProviderTargets,
   resolveAgentGUIProviderTarget
-} from "./chunk-YE5JSME7.js";
+} from "./chunk-N37A62BK.js";
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-DYX6466P.js";
+} from "./chunk-JA6Z3QA7.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -45,7 +45,7 @@ import {
   resolveAgentGUIExplicitConversationTitle,
   resolveAgentGUIProviderDisplayLabel,
   resolveAgentGUIProviderIdentity
-} from "./chunk-D22A3KGQ.js";
+} from "./chunk-KTIKZNGS.js";
 import {
   AgentConversationFlow,
   Button,
@@ -66,14 +66,14 @@ import {
   skillTriggerForPrefix,
   toLocalShortDateTime,
   useProjectedAgentConversation
-} from "./chunk-J335PQ5H.js";
+} from "./chunk-6XRTDIDR.js";
 import {
   AgentMessageMarkdown,
   AgentTargetPresentationProvider,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-KJLSZETD.js";
+} from "./chunk-DAPKF2SN.js";
 import {
   openAgentEnvPanel
 } from "./chunk-PSLAWU25.js";
@@ -84,12 +84,12 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   agentMentionItemKey,
   preloadAgentMentionBrowse
-} from "./chunk-QGKK6FHC.js";
+} from "./chunk-S32FLJRP.js";
 import {
   buildWorkspaceAgentActivityListViewModel,
   isWorkspaceAgentUntitledTask
-} from "./chunk-GXHZNIWT.js";
-import "./chunk-A2KZVRUO.js";
+} from "./chunk-ERBUQOIL.js";
+import "./chunk-HAKNLXW7.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
 } from "./chunk-IBIMGLCD.js";
@@ -100,7 +100,7 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-C2M2ELXF.js";
+} from "./chunk-547R2HOD.js";
 import "./chunk-Y35GDLP2.js";
 import "./chunk-LUGELG5V.js";
 import {
@@ -139,14 +139,14 @@ import {
   agentGuiI18nResources,
   translate,
   useTranslation
-} from "./chunk-AIR6A4NP.js";
+} from "./chunk-NH3XBJTZ.js";
 import "./chunk-PJP5BUU6.js";
 import {
   agentColorfulUrl,
   cursorColorfulUrl,
   normalizeManagedAgentProvider
 } from "./chunk-4I2VCAMW.js";
-import "./chunk-3QPN2Y7R.js";
+import "./chunk-KAPBUKIT.js";
 import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
 } from "./chunk-JM24HADP.js";
@@ -3121,7 +3121,7 @@ function emptyAgentComposerDraft() {
   return { prompt: "", images: [], files: [] };
 }
 function agentComposerDraftHasContent(draft) {
-  return draft.prompt.trim() !== "" || draft.images.length > 0 || (draft.files?.length ?? 0) > 0;
+  return draft.prompt.trim() !== "" || draft.images.length > 0 || (draft.files?.length ?? 0) > 0 || (draft.largeTexts?.some((item) => item.text.trim() !== "") ?? false);
 }
 function normalizeAgentPromptContentBlocks(content) {
   const result = [];
@@ -3229,9 +3229,35 @@ function agentComposerDraftToPromptContent(input) {
       ...file.sizeBytes ? { sizeBytes: file.sizeBytes } : {},
       name: file.name,
       kind: "file"
-    }))
+    })),
+    ...largeTextPromptContent(input.draft.largeTexts ?? [])
   ]);
 }
+function agentComposerDraftSubmittedText(draft) {
+  return agentPromptContentDisplayText(
+    normalizeAgentPromptContentBlocks([
+      ...textPromptContent(draft.prompt),
+      ...largeTextPromptContent(draft.largeTexts ?? [])
+    ])
+  );
+}
+function agentComposerDraftDisplayPrompt(draft) {
+  const largeTexts = draft.largeTexts?.filter(
+    (item) => item.text.trim() !== ""
+  );
+  if (!largeTexts?.length) {
+    return void 0;
+  }
+  const parts = [draft.prompt.trim()].filter(Boolean);
+  parts.push(
+    ...largeTexts.map((item, index) => {
+      const name = item.name.trim() || `pasted-text-${index + 1}.txt`;
+      const sizeLabel = typeof item.sizeBytes === "number" && Number.isFinite(item.sizeBytes) ? ` \xB7 ${formatAgentComposerDraftBytes(item.sizeBytes)}` : "";
+      return `[${name}${sizeLabel}]`;
+    })
+  );
+  return parts.join("\n");
+}
 function agentPromptFileBlocks(content) {
   return normalizeAgentPromptContentBlocks(content).filter(
     (block) => block.type === "file" && (typeof block.path === "string" || typeof block.hostPath === "string")
@@ -3269,6 +3295,30 @@ function textPromptContent(prompt) {
   const text = prompt.trim();
   return text ? [{ type: "text", text }] : [];
 }
+function largeTextPromptContent(largeTexts) {
+  return largeTexts.filter((item) => item.text.trim() !== "").map((item, index) => {
+    const name = item.name.trim() || `pasted-text-${index + 1}.txt`;
+    return {
+      type: "text",
+      text: `${translate("agentHost.agentGui.pastedTextPromptAttachment", {
+        name
+      })}
+
+${item.text}`
+    };
+  });
+}
+function formatAgentComposerDraftBytes(sizeBytes) {
+  if (sizeBytes < 1024) {
+    return `${sizeBytes} B`;
+  }
+  const kib = sizeBytes / 1024;
+  if (kib < 1024) {
+    return `${kib.toFixed(kib >= 10 ? 0 : 1)} KB`;
+  }
+  const mib = kib / 1024;
+  return `${mib.toFixed(mib >= 10 ? 0 : 1)} MB`;
+}
 function agentPromptImageBlockToDraftImage(image, idPrefix, index) {
   return {
     id: `${idPrefix}:image:${index}`,
@@ -7309,7 +7359,7 @@ function shouldClearSubmittedDraft(input) {
   const submittedPrompt = agentPromptContentDisplayText(
     input.submittedContent
   ).trim();
-  if (currentDraft.prompt.trim() !== submittedPrompt) {
+  if (agentComposerDraftSubmittedText(currentDraft).trim() !== submittedPrompt) {
     return false;
   }
   const submittedImages = input.submittedContent.filter(
@@ -8615,6 +8665,8 @@ var EMPTY_QUEUED_PROMPTS = Object.freeze(
 function areAgentComposerDraftsEqual(left, right) {
   const leftFiles = left.files ?? [];
   const rightFiles = right.files ?? [];
+  const leftLargeTexts = left.largeTexts ?? [];
+  const rightLargeTexts = right.largeTexts ?? [];
   return left.prompt === right.prompt && left.images.length === right.images.length && left.images.every((image, index) => {
     const other = right.images[index];
     if (!other) {
@@ -8627,6 +8679,12 @@ function areAgentComposerDraftsEqual(left, right) {
       return false;
     }
     return file.id === other.id && file.name === other.name && file.mimeType === other.mimeType && file.path === other.path && file.hostPath === other.hostPath && file.assetId === other.assetId && file.sizeBytes === other.sizeBytes && file.uploading === other.uploading && file.uploadError === other.uploadError;
+  }) && leftLargeTexts.length === rightLargeTexts.length && leftLargeTexts.every((item, index) => {
+    const other = rightLargeTexts[index];
+    if (!other) {
+      return false;
+    }
+    return item.id === other.id && item.name === other.name && item.text === other.text && item.sizeBytes === other.sizeBytes;
   });
 }
 function nodeDefaultDraftKey(agentProvider, agentTargetId) {
@@ -17537,7 +17595,10 @@ var styles3 = {
   providerRailAvatar: "agent-gui-node__provider-rail-avatar",
   providerRailAvatarIcon: "agent-gui-node__provider-rail-avatar-icon",
   providerRailAvatarImage: "agent-gui-node__provider-rail-avatar-image",
+  providerRailBadge: "agent-gui-node__provider-rail-badge",
+  providerRailBadgeImage: "agent-gui-node__provider-rail-badge-image",
   providerRailLaunchpadIcon: "agent-gui-node__provider-rail-launchpad-icon",
+  emptyHeroIconSlot: "agent-gui-node__empty-hero-icon-slot",
   emptyHeroLaunchpadIcon: "agent-gui-node__empty-hero-launchpad-icon",
   providerRailLaunchpadItem: "agent-gui-node__provider-rail-launchpad-item",
   providerRailConfigButton: "agent-gui-node__provider-rail-config-button",
@@ -19240,6 +19301,16 @@ function fileToBase64(file) {
 
 // agent-gui/agentGuiNode/agentRichText/AgentRichTextEditor.tsx
 import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+var AGENT_RICH_TEXT_LARGE_PASTE_MIN_CHARS = 2e3;
+var AGENT_RICH_TEXT_LARGE_PASTE_MIN_LINES = 12;
+function isAgentRichTextLargeTextPaste(text) {
+  const trimmed = text.trim();
+  if (trimmed.length < AGENT_RICH_TEXT_LARGE_PASTE_MIN_CHARS) {
+    const lineCount = trimmed ? trimmed.split(/\r\n|\r|\n/).length : 0;
+    return lineCount >= AGENT_RICH_TEXT_LARGE_PASTE_MIN_LINES;
+  }
+  return true;
+}
 function buildWorkspaceFileMentionDropContent(entries, options = {}) {
   return entries.flatMap((entry, index) => [
     ...index === 0 && options.prefixCaretAnchor ? [
@@ -19525,6 +19596,7 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
   promptImagesSupported = true,
   onPromptImagesUnsupported,
   onPasteImages,
+  onPasteLargeText,
   getReferenceForFile,
   onDropFiles
 }, ref) {
@@ -19545,6 +19617,7 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
   const onLinkClickRef = useRef8(onLinkClick);
   const onPromptImagesUnsupportedRef = useRef8(onPromptImagesUnsupported);
   const onPasteImagesRef = useRef8(onPasteImages);
+  const onPasteLargeTextRef = useRef8(onPasteLargeText);
   const onDropFilesRef = useRef8(onDropFiles);
   const promptImagesSupportedRef = useRef8(promptImagesSupported);
   const getReferenceForFileRef = useRef8(getReferenceForFile);
@@ -19563,6 +19636,10 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
     if (!currentEditor || currentEditor.isDestroyed || !text) {
       return;
     }
+    if (onPasteLargeTextRef.current && isAgentRichTextLargeTextPaste(text)) {
+      onPasteLargeTextRef.current(text);
+      return;
+    }
     suppressPastedAtSuggestionRef.current = text.includes("@") && !text.endsWith("@");
     if (suppressPastedAtSuggestionRef.current) {
       window.setTimeout(() => {
@@ -19662,6 +19739,7 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
   onLinkClickRef.current = onLinkClick;
   onPromptImagesUnsupportedRef.current = onPromptImagesUnsupported;
   onPasteImagesRef.current = onPasteImages;
+  onPasteLargeTextRef.current = onPasteLargeText;
   onDropFilesRef.current = onDropFiles;
   promptImagesSupportedRef.current = promptImagesSupported;
   getReferenceForFileRef.current = getReferenceForFile;
@@ -19822,6 +19900,10 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
             return false;
           }
           event.preventDefault();
+          if (onPasteLargeTextRef.current && isAgentRichTextLargeTextPaste(text)) {
+            onPasteLargeTextRef.current(text);
+            return true;
+          }
           const currentEditor = editorRef.current;
           if (!currentEditor) {
             return true;
@@ -21039,6 +21121,13 @@ var DOCK_COMPOSER_TEXT_VIEWPORT_MAX_HEIGHT = DOCK_COMPOSER_TEXT_LINE_HEIGHT * DO
 var DOCK_COMPOSER_INPUT_MAX_HEIGHT = DOCK_COMPOSER_INPUT_TEXT_CHROME_HEIGHT + DOCK_COMPOSER_TEXT_VIEWPORT_MAX_HEIGHT;
 var DOCK_COMPOSER_INPUT_BORDER_HEIGHT = 2;
 var DOCK_COMPOSER_INPUT_PADDING_BLOCK_HEIGHT = 24;
+var AGENT_COMPOSER_PASTED_TEXT_FILE_PREFIX = "pasted-text";
+function agentComposerTextByteLength(text) {
+  if (typeof TextEncoder !== "undefined") {
+    return new TextEncoder().encode(text).byteLength;
+  }
+  return text.length;
+}
 function agentUsageChipLevel(percentUsed) {
   if (percentUsed >= USAGE_CRITICAL_PERCENT) {
     return "critical";
@@ -21194,8 +21283,10 @@ function AgentUsageChip({
           PopoverContent,
           {
             ref: usagePopoverContentRef,
-            side: "bottom",
-            align: "end",
+            side: "top",
+            align: "center",
+            sideOffset: 8,
+            collisionPadding: 16,
             className: "w-[320px] max-w-[calc(100vw-32px)] gap-3 text-xs",
             "data-testid": "agent-gui-usage-popover",
             onOpenAutoFocus: (event) => event.preventDefault(),
@@ -21488,6 +21579,7 @@ function AgentComposer({
   const isGoalModeActive = goalDraftObjective !== null;
   const draftImages = draftContent.images;
   const draftFiles = draftContent.files ?? [];
+  const draftLargeTexts = draftContent.largeTexts ?? [];
   const agentActivityRuntime = useOptionalAgentActivityRuntime();
   const agentHostApi = useOptionalAgentHostApi();
   const getReferenceForFile = agentHostApi?.workspace.getReferenceForFile;
@@ -21535,6 +21627,8 @@ function AgentComposer({
   const draftPromptRef = useRef11(draftPrompt);
   const draftImagesRef = useRef11(draftImages);
   const draftFilesRef = useRef11(draftFiles);
+  const draftLargeTextsRef = useRef11(draftLargeTexts);
+  const nextDraftLargeTextIndexRef = useRef11(draftLargeTexts.length);
   const promptTipRef = useRef11(null);
   const mentionControllerRef = useRef11(
     null
@@ -21777,6 +21871,13 @@ function AgentComposer({
   useEffect13(() => {
     draftFilesRef.current = draftFiles;
   }, [draftFiles]);
+  useEffect13(() => {
+    draftLargeTextsRef.current = draftLargeTexts;
+    nextDraftLargeTextIndexRef.current = Math.max(
+      nextDraftLargeTextIndexRef.current,
+      draftLargeTexts.length
+    );
+  }, [draftLargeTexts]);
   useEffect13(() => {
     if (previousSlashStatusAgentSessionIdRef.current === slashStatusAgentSessionId) {
       return;
@@ -21978,6 +22079,7 @@ function AgentComposer({
       const canSubmitWhileSending = canQueueWhileBusy && isSendingTurn;
       const currentDraftImages = draftImagesRef.current;
       const currentDraftFiles = draftFilesRef.current;
+      const currentDraftLargeTexts = draftLargeTextsRef.current;
       const hasUploadingImages = currentDraftImages.some(
         (image) => image.uploading
       );
@@ -21996,7 +22098,8 @@ function AgentComposer({
         ...draftContent,
         prompt: nextPrompt,
         images: currentDraftImages,
-        files: currentDraftFiles
+        files: currentDraftFiles,
+        largeTexts: currentDraftLargeTexts
       };
       if (!agentComposerDraftHasContent(nextDraftContent)) {
         return;
@@ -22031,18 +22134,28 @@ function AgentComposer({
         provider,
         skills: availableSkills
       });
+      const submitDisplayPrompt = agentComposerDraftDisplayPrompt(nextDraftContent);
       if (options?.guidance === true) {
         if (!onSubmitGuidance) {
           return;
         }
-        onSubmitGuidance(submitContent);
+        if (submitDisplayPrompt) {
+          onSubmitGuidance(submitContent, submitDisplayPrompt);
+        } else {
+          onSubmitGuidance(submitContent);
+        }
       } else {
-        onSubmit(submitContent);
+        if (submitDisplayPrompt) {
+          onSubmit(submitContent, submitDisplayPrompt);
+        } else {
+          onSubmit(submitContent);
+        }
       }
       if (hasActiveConversation) {
         draftPromptRef.current = "";
         draftImagesRef.current = [];
         draftFilesRef.current = [];
+        draftLargeTextsRef.current = [];
         setPaletteDraftPrompt("");
         onDraftContentChange(emptyAgentComposerDraft());
       }
@@ -22441,7 +22554,8 @@ function AgentComposer({
       onDraftContentChange({
         prompt: draftPromptRef.current,
         images: nextDraftImages,
-        files: draftFilesRef.current
+        files: draftFilesRef.current,
+        largeTexts: draftLargeTextsRef.current
       });
       if (!uploadPromptContent) {
         return;
@@ -22479,7 +22593,8 @@ function AgentComposer({
           onDraftContentChange({
             prompt: draftPromptRef.current,
             images: uploadedDraftImages,
-            files: draftFilesRef.current
+            files: draftFilesRef.current,
+            largeTexts: draftLargeTextsRef.current
           });
         }).catch((error) => {
           const message = error instanceof Error ? error.message : String(error);
@@ -22494,7 +22609,8 @@ function AgentComposer({
           onDraftContentChange({
             prompt: draftPromptRef.current,
             images: failedDraftImages,
-            files: draftFilesRef.current
+            files: draftFilesRef.current,
+            largeTexts: draftLargeTextsRef.current
           });
         });
       }
@@ -22516,7 +22632,8 @@ function AgentComposer({
       onDraftContentChange({
         prompt: draftPromptRef.current,
         images: nextDraftImages,
-        files: draftFilesRef.current
+        files: draftFilesRef.current,
+        largeTexts: draftLargeTextsRef.current
       });
     },
     [onDraftContentChange]
@@ -22530,7 +22647,50 @@ function AgentComposer({
       onDraftContentChange({
         prompt: draftPromptRef.current,
         images: draftImagesRef.current,
-        files: nextDraftFiles
+        files: nextDraftFiles,
+        largeTexts: draftLargeTextsRef.current
+      });
+    },
+    [onDraftContentChange]
+  );
+  const removeDraftLargeText = useCallback9(
+    (id) => {
+      const nextDraftLargeTexts = draftLargeTextsRef.current.filter(
+        (item) => item.id !== id
+      );
+      draftLargeTextsRef.current = nextDraftLargeTexts;
+      onDraftContentChange({
+        prompt: draftPromptRef.current,
+        images: draftImagesRef.current,
+        files: draftFilesRef.current,
+        largeTexts: nextDraftLargeTexts
+      });
+    },
+    [onDraftContentChange]
+  );
+  const handlePastedLargeText = useCallback9(
+    (text) => {
+      const normalizedText = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+      if (!normalizedText.trim()) {
+        return;
+      }
+      const nextIndex = nextDraftLargeTextIndexRef.current + 1;
+      nextDraftLargeTextIndexRef.current = nextIndex;
+      const nextDraftLargeTexts = [
+        ...draftLargeTextsRef.current,
+        {
+          id: `${AGENT_COMPOSER_PASTED_TEXT_FILE_PREFIX}-${nextIndex}`,
+          name: `${AGENT_COMPOSER_PASTED_TEXT_FILE_PREFIX}-${nextIndex}.txt`,
+          text: normalizedText,
+          sizeBytes: agentComposerTextByteLength(normalizedText)
+        }
+      ];
+      draftLargeTextsRef.current = nextDraftLargeTexts;
+      onDraftContentChange({
+        prompt: draftPromptRef.current,
+        images: draftImagesRef.current,
+        files: draftFilesRef.current,
+        largeTexts: nextDraftLargeTexts
       });
     },
     [onDraftContentChange]
@@ -23048,7 +23208,13 @@ function AgentComposer({
       resizeObserver?.disconnect();
       window.removeEventListener("resize", measure);
     };
-  }, [draftFiles.length, draftImages.length, isHeroLayout, paletteDraftPrompt]);
+  }, [
+    draftFiles.length,
+    draftImages.length,
+    draftLargeTexts.length,
+    isHeroLayout,
+    paletteDraftPrompt
+  ]);
   const inputShellStyle = useMemo8(
     () => showFileMentionPalette || showFloatingCommandMenu ? { zIndex: composerPaletteZIndex } : void 0,
     [showFileMentionPalette, showFloatingCommandMenu]
@@ -23086,6 +23252,7 @@ function AgentComposer({
   const disabledReasonText = disabledReason?.trim() ?? "";
   const effectivePlaceholder = disabledReasonText || placeholder;
   const visibleDraftFiles = draftFiles;
+  const visibleDraftLargeTexts = draftLargeTexts;
   useEffect13(() => {
     if (previousSelectedProjectPathRef.current === selectedProjectPath) {
       return;
@@ -23347,54 +23514,86 @@ function AgentComposer({
                                     ))
                                   }
                                 ) : null,
-                                visibleDraftFiles.length > 0 ? /* @__PURE__ */ jsx30(
+                                visibleDraftFiles.length > 0 || visibleDraftLargeTexts.length > 0 ? /* @__PURE__ */ jsxs18(
                                   "div",
                                   {
                                     className: "mb-2 flex max-w-[520px] flex-wrap gap-2",
                                     "data-testid": "agent-gui-composer-file-drafts",
-                                    children: visibleDraftFiles.map((file) => /* @__PURE__ */ jsxs18(
-                                      "div",
-                                      {
-                                        className: cn(
-                                          "group inline-flex max-w-full items-center gap-2 rounded-[6px] border border-[var(--line-1)] bg-[var(--background-fronted)] px-2 py-1 text-xs text-[var(--text-primary)]",
-                                          file.uploadError && "border-[color:color-mix(in_srgb,var(--danger)_55%,var(--line-1))]"
-                                        ),
-                                        "data-uploading": file.uploading ? "true" : void 0,
-                                        "data-upload-error": file.uploadError ? "true" : void 0,
-                                        title: file.hostPath ?? file.path ?? file.name,
-                                        children: [
-                                          file.uploading ? /* @__PURE__ */ jsx30(
-                                            Spinner,
-                                            {
-                                              className: "shrink-0 text-[var(--text-primary)]",
-                                              size: 14,
-                                              strokeWidth: 2.4,
-                                              trackColor: "var(--transparency-hover)",
-                                              testId: "agent-gui-composer-file-upload-spinner"
-                                            }
-                                          ) : /* @__PURE__ */ jsx30(
-                                            "span",
-                                            {
-                                              className: "size-2 shrink-0 rounded-full bg-[var(--text-tertiary)]",
-                                              "aria-hidden": true
-                                            }
+                                    children: [
+                                      visibleDraftLargeTexts.map((item) => /* @__PURE__ */ jsxs18(
+                                        "div",
+                                        {
+                                          className: "group inline-flex max-w-full items-center gap-2 rounded-[6px] border border-[var(--line-1)] bg-[var(--background-fronted)] px-2 py-1 text-xs text-[var(--text-primary)]",
+                                          "data-testid": "agent-gui-composer-large-text-draft",
+                                          title: item.name,
+                                          children: [
+                                            /* @__PURE__ */ jsx30(
+                                              "span",
+                                              {
+                                                className: "size-2 shrink-0 rounded-full bg-[var(--text-tertiary)]",
+                                                "aria-hidden": true
+                                              }
+                                            ),
+                                            /* @__PURE__ */ jsx30("span", { className: "min-w-0 max-w-[220px] truncate", children: item.name }),
+                                            /* @__PURE__ */ jsx30(
+                                              "button",
+                                              {
+                                                type: "button",
+                                                className: "inline-flex size-5 shrink-0 items-center justify-center rounded-full text-[var(--text-secondary)] transition hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)]",
+                                                "aria-label": labels.removeMention,
+                                                title: labels.removeMention,
+                                                onClick: () => removeDraftLargeText(item.id),
+                                                children: /* @__PURE__ */ jsx30(X, { size: 12, strokeWidth: 2.4, "aria-hidden": true })
+                                              }
+                                            )
+                                          ]
+                                        },
+                                        item.id
+                                      )),
+                                      visibleDraftFiles.map((file) => /* @__PURE__ */ jsxs18(
+                                        "div",
+                                        {
+                                          className: cn(
+                                            "group inline-flex max-w-full items-center gap-2 rounded-[6px] border border-[var(--line-1)] bg-[var(--background-fronted)] px-2 py-1 text-xs text-[var(--text-primary)]",
+                                            file.uploadError && "border-[color:color-mix(in_srgb,var(--danger)_55%,var(--line-1))]"
                                           ),
-                                          /* @__PURE__ */ jsx30("span", { className: "min-w-0 max-w-[220px] truncate", children: file.name }),
-                                          /* @__PURE__ */ jsx30(
-                                            "button",
-                                            {
-                                              type: "button",
-                                              className: "inline-flex size-5 shrink-0 items-center justify-center rounded-full text-[var(--text-secondary)] transition hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)]",
-                                              "aria-label": labels.removeMention,
-                                              title: labels.removeMention,
-                                              onClick: () => removeDraftFile(file.id),
-                                              children: /* @__PURE__ */ jsx30(X, { size: 12, strokeWidth: 2.4, "aria-hidden": true })
-                                            }
-                                          )
-                                        ]
-                                      },
-                                      file.id
-                                    ))
+                                          "data-uploading": file.uploading ? "true" : void 0,
+                                          "data-upload-error": file.uploadError ? "true" : void 0,
+                                          title: file.hostPath ?? file.path ?? file.name,
+                                          children: [
+                                            file.uploading ? /* @__PURE__ */ jsx30(
+                                              Spinner,
+                                              {
+                                                className: "shrink-0 text-[var(--text-primary)]",
+                                                size: 14,
+                                                strokeWidth: 2.4,
+                                                trackColor: "var(--transparency-hover)",
+                                                testId: "agent-gui-composer-file-upload-spinner"
+                                              }
+                                            ) : /* @__PURE__ */ jsx30(
+                                              "span",
+                                              {
+                                                className: "size-2 shrink-0 rounded-full bg-[var(--text-tertiary)]",
+                                                "aria-hidden": true
+                                              }
+                                            ),
+                                            /* @__PURE__ */ jsx30("span", { className: "min-w-0 max-w-[220px] truncate", children: file.name }),
+                                            /* @__PURE__ */ jsx30(
+                                              "button",
+                                              {
+                                                type: "button",
+                                                className: "inline-flex size-5 shrink-0 items-center justify-center rounded-full text-[var(--text-secondary)] transition hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)]",
+                                                "aria-label": labels.removeMention,
+                                                title: labels.removeMention,
+                                                onClick: () => removeDraftFile(file.id),
+                                                children: /* @__PURE__ */ jsx30(X, { size: 12, strokeWidth: 2.4, "aria-hidden": true })
+                                              }
+                                            )
+                                          ]
+                                        },
+                                        file.id
+                                      ))
+                                    ]
                                   }
                                 ) : null,
                                 /* @__PURE__ */ jsxs18(
@@ -23426,6 +23625,7 @@ function AgentComposer({
                                           promptImagesSupported,
                                           onPromptImagesUnsupported,
                                           onPasteImages: handlePastedImages,
+                                          onPasteLargeText: handlePastedLargeText,
                                           getReferenceForFile,
                                           onDropFiles: promptFilesSupported ? applyDroppedFileReferences : void 0
                                         }
@@ -23667,93 +23867,98 @@ function AgentComposer({
                             /* @__PURE__ */ jsx30(TooltipContent3, { side: "top", children: labels.mentionPalette })
                           ] }) })
                         ] }),
-                        showHandoffSelect ? /* @__PURE__ */ jsxs18(
-                          Select2,
-                          {
-                            value: HANDOFF_SELECT_IDLE_VALUE,
-                            disabled: handoffDisabled,
-                            onValueChange: (nextTargetId) => {
-                              const target = handoffMenuTargets.find(
-                                (candidate) => candidate.targetId === nextTargetId
-                              );
-                              if (!target || target.disabled === true) {
-                                return;
-                              }
-                              onHandoffConversation?.(target);
-                            },
-                            children: [
-                              /* @__PURE__ */ jsx30(
-                                SelectTrigger2,
-                                {
-                                  size: "sm",
-                                  "aria-label": effectiveHandoffLabel,
-                                  title: effectiveHandoffLabel,
-                                  onBlur: () => {
-                                    setIsHandoffIconPlaying(false);
-                                  },
-                                  onFocus: () => {
-                                    setIsHandoffIconPlaying(true);
-                                  },
-                                  onMouseEnter: () => {
-                                    setIsHandoffIconPlaying(true);
-                                  },
-                                  onMouseLeave: () => {
-                                    setIsHandoffIconPlaying(false);
-                                  },
-                                  className: cn(
-                                    AgentGUINode_styles_default.composerMenuTrigger,
-                                    AgentGUINode_styles_default.composerProviderSelect,
-                                    AgentGUINode_styles_default.composerHandoffTrigger,
-                                    "w-auto max-w-[180px] [&>svg:last-child]:hidden"
-                                  ),
-                                  children: /* @__PURE__ */ jsxs18("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-                                    /* @__PURE__ */ jsx30(
-                                      AgentComposerHandoffIcon,
-                                      {
-                                        disabled: handoffDisabled,
-                                        isPlaying: isHandoffIconPlaying
-                                      }
-                                    ),
-                                    /* @__PURE__ */ jsx30("span", { className: "min-w-0 truncate", children: effectiveHandoffLabel })
-                                  ] })
+                        showHandoffSelect ? /* @__PURE__ */ jsx30(TooltipProvider2, { children: /* @__PURE__ */ jsxs18(Tooltip3, { children: [
+                          /* @__PURE__ */ jsxs18(
+                            Select2,
+                            {
+                              value: HANDOFF_SELECT_IDLE_VALUE,
+                              disabled: handoffDisabled,
+                              onValueChange: (nextTargetId) => {
+                                const target = handoffMenuTargets.find(
+                                  (candidate) => candidate.targetId === nextTargetId
+                                );
+                                if (!target || target.disabled === true) {
+                                  return;
                                 }
-                              ),
-                              /* @__PURE__ */ jsx30(
-                                SelectContent2,
-                                {
-                                  align: "start",
-                                  className: cn(
-                                    AgentGUINode_styles_default.composerMenuContent,
-                                    AgentGUINode_styles_default.composerHandoffMenuContent,
-                                    "min-w-[190px]"
-                                  ),
-                                  "aria-label": effectiveHandoffMenuLabel,
-                                  children: handoffMenuTargets.map((target) => /* @__PURE__ */ jsx30(
-                                    SelectItem2,
-                                    {
-                                      value: target.targetId,
-                                      className: cn(AgentGUINode_styles_default.composerMenuItem, "gap-2"),
-                                      disabled: target.disabled === true,
-                                      children: /* @__PURE__ */ jsxs18("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-                                        /* @__PURE__ */ jsx30(
-                                          "img",
-                                          {
-                                            alt: "",
-                                            "aria-hidden": "true",
-                                            className: "size-4 shrink-0 rounded-[4px]",
-                                            src: resolveComposerProviderTargetIconUrl(target)
-                                          }
-                                        ),
-                                        /* @__PURE__ */ jsx30("span", { className: "min-w-0 truncate", children: target.label })
-                                      ] })
+                                onHandoffConversation?.(target);
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx30(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx30(
+                                  SelectTrigger2,
+                                  {
+                                    size: "sm",
+                                    "aria-label": effectiveHandoffLabel,
+                                    title: labels.handoffConversationTooltip,
+                                    onBlur: () => {
+                                      setIsHandoffIconPlaying(false);
                                     },
-                                    `${target.provider}:${target.targetId}`
-                                  ))
-                                }
-                              )
-                            ]
-                          }
-                        ) : showProviderSelect && selectedProviderSwitchTarget ? /* @__PURE__ */ jsxs18(
+                                    onFocus: () => {
+                                      setIsHandoffIconPlaying(true);
+                                    },
+                                    onMouseEnter: () => {
+                                      setIsHandoffIconPlaying(true);
+                                    },
+                                    onMouseLeave: () => {
+                                      setIsHandoffIconPlaying(false);
+                                    },
+                                    className: cn(
+                                      AgentGUINode_styles_default.composerMenuTrigger,
+                                      AgentGUINode_styles_default.composerProviderSelect,
+                                      AgentGUINode_styles_default.composerHandoffTrigger,
+                                      "w-auto max-w-[180px] [&>svg:last-child]:hidden"
+                                    ),
+                                    children: /* @__PURE__ */ jsxs18("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+                                      /* @__PURE__ */ jsx30(
+                                        AgentComposerHandoffIcon,
+                                        {
+                                          disabled: handoffDisabled,
+                                          isPlaying: isHandoffIconPlaying
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsx30("span", { className: "min-w-0 truncate", children: effectiveHandoffLabel })
+                                    ] })
+                                  }
+                                ) }),
+                                /* @__PURE__ */ jsx30(
+                                  SelectContent2,
+                                  {
+                                    align: "start",
+                                    className: cn(
+                                      AgentGUINode_styles_default.composerMenuContent,
+                                      AgentGUINode_styles_default.composerHandoffMenuContent,
+                                      "min-w-[190px]"
+                                    ),
+                                    "aria-label": effectiveHandoffMenuLabel,
+                                    children: handoffMenuTargets.map((target) => /* @__PURE__ */ jsx30(
+                                      SelectItem2,
+                                      {
+                                        value: target.targetId,
+                                        className: cn(AgentGUINode_styles_default.composerMenuItem, "gap-2"),
+                                        disabled: target.disabled === true,
+                                        children: /* @__PURE__ */ jsxs18("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+                                          /* @__PURE__ */ jsx30(
+                                            "img",
+                                            {
+                                              alt: "",
+                                              "aria-hidden": "true",
+                                              className: "size-4 shrink-0 rounded-[4px]",
+                                              src: resolveComposerProviderTargetIconUrl(
+                                                target
+                                              )
+                                            }
+                                          ),
+                                          /* @__PURE__ */ jsx30("span", { className: "min-w-0 truncate", children: target.label })
+                                        ] })
+                                      },
+                                      `${target.provider}:${target.targetId}`
+                                    ))
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsx30(TooltipContent3, { side: "top", children: labels.handoffConversationTooltip })
+                        ] }) }) : showProviderSelect && selectedProviderSwitchTarget ? /* @__PURE__ */ jsxs18(
                           Select2,
                           {
                             value: selectedProviderSwitchTarget.targetId,
@@ -24912,6 +25117,7 @@ function AgentGUINodeView({
   isAgentProviderReady,
   slashStatusLimits = [],
   slashStatusLimitsLoading = false,
+  providerAuthAccountLabels,
   railConfigProvider,
   railSlashStatusLimits,
   slashStatusUsageCapturedAtUnixMs = null,
@@ -25071,7 +25277,7 @@ function AgentGUINodeView({
     [viewModel.data.provider, viewModel.openclawGateway]
   );
   const isOpenclawGatewayBlocking = openclawGateway !== null && openclawGateway.status !== "ready";
-  const createConversationDisabled = viewModel.isCreatingConversation || isOpenclawGatewayBlocking;
+  const createConversationDisabled = viewModel.isCreatingConversation || viewModel.selectedProviderTarget.disabled === true || isOpenclawGatewayBlocking;
   const createConversationAction = useStableEventCallback2(
     actions.createConversation
   );
@@ -25273,7 +25479,20 @@ function AgentGUINodeView({
   };
   const effectiveRailConfigProvider = railConfigProvider === void 0 ? viewModel.data.provider : railConfigProvider;
   const effectiveRailSlashStatusLimits = railSlashStatusLimits ?? slashStatusLimits;
-  const shouldShowProviderRailConfigMenu = viewModel.conversationFilter.kind !== "all" && viewModel.selectedProviderTarget?.disabled !== true;
+  const shouldShowProviderRailConfigButton = viewModel.conversationFilter.kind === "all" || viewModel.selectedProviderTarget?.disabled !== true;
+  const shouldShowProviderRailConfigMenu = shouldShowProviderRailConfigButton && viewModel.conversationFilter.kind !== "all";
+  const effectiveProviderAuthAccountLabel = useMemo9(() => {
+    const provider = (effectiveRailConfigProvider ?? viewModel.data.provider)?.trim() ?? "";
+    if (!provider) {
+      return null;
+    }
+    const label = providerAuthAccountLabels?.[provider]?.trim();
+    return label || null;
+  }, [
+    effectiveRailConfigProvider,
+    providerAuthAccountLabels,
+    viewModel.data.provider
+  ]);
   const enabledProviderTargets = viewModel.providerTargets.filter(
     (target) => target.disabled !== true && ((target.agentTargetId?.trim() ?? "") || (target.targetId?.trim() ?? ""))
   );
@@ -25415,12 +25634,12 @@ function AgentGUINodeView({
                     onRequestComposerFocus: requestComposerFocus
                   }
                 ),
-                shouldShowProviderRailConfigMenu ? /* @__PURE__ */ jsx33(
+                shouldShowProviderRailConfigButton ? /* @__PURE__ */ jsx33(
                   "div",
                   {
                     className: `${AgentGUINode_styles_default.providerRailFooter} nodrag tsh-desktop-no-drag`,
                     "data-testid": "agent-gui-config-footer",
-                    children: /* @__PURE__ */ jsx33(
+                    children: shouldShowProviderRailConfigMenu ? /* @__PURE__ */ jsx33(
                       AgentGUIConfigMenu,
                       {
                         labels,
@@ -25430,11 +25649,30 @@ function AgentGUINodeView({
                         slashStatusUsageCapturedAtUnixMs,
                         slashStatusUsageDidFail,
                         slashStatusUsageAttempted,
+                        providerAuthAccountLabel: effectiveProviderAuthAccountLabel,
                         onAgentConfigMenuOpen,
                         onAgentUsageRefresh,
                         onOpenAgentEnvSetup: openAgentEnvSetup,
                         onOpenAgentSettings: openAgentSettings
                       }
+                    ) : /* @__PURE__ */ jsx33(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": labels.agentSettingsMenu,
+                        className: `${AgentGUINode_styles_default.providerRailConfigButton} nodrag tsh-desktop-no-drag`,
+                        title: labels.agentSettingsMenu,
+                        disabled: previewMode,
+                        onClick: openAgentSettings,
+                        children: /* @__PURE__ */ jsx33(
+                          SettingsLinedIcon,
+                          {
+                            "aria-hidden": "true",
+                            width: 18,
+                            height: 18
+                          }
+                        )
+                      }
                     )
                   }
                 ) : null,
@@ -25658,6 +25896,8 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   const timelineScrollAnchorRef = useRef12(null);
   const submittedPromptScrollConversationRef = useRef12(null);
   const pendingPrependScrollAnchorRef = useRef12(null);
+  const timelineScrollPositionsRef = useRef12(/* @__PURE__ */ new Map());
+  const pendingRestoreScrollRef = useRef12(null);
   const [isTimelineScrolledToTop, setIsTimelineScrolledToTop] = useState13(true);
   const [isTimelineScrolledToBottom, setIsTimelineScrolledToBottom] = useState13(true);
   const [
@@ -25972,6 +26212,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       slashStatusBaseUrl: labels.slashStatusBaseUrl,
       slashStatusContext: labels.slashStatusContext,
       slashStatusLimits: labels.slashStatusLimits,
+      slashStatusAccount: labels.slashStatusAccount,
       slashStatusClose: labels.slashStatusClose,
       slashStatusContextValue: labels.slashStatusContextValue,
       slashStatusContextUnavailable: labels.slashStatusContextUnavailable,
@@ -25994,6 +26235,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       addContent: labels.addContent,
       referenceWorkspaceFiles: labels.referenceWorkspaceFiles,
       handoffConversation: labels.handoffConversation,
+      handoffConversationTooltip: labels.handoffConversationTooltip,
       handoffConversationMenu: labels.handoffConversationMenu,
       providerSwitchLabel: labels.providerSwitchLabel,
       projectLocked: labels.projectLocked,
@@ -26015,6 +26257,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       labels.fileMentionPalette,
       labels.fileMentionTabHint,
       labels.handoffConversation,
+      labels.handoffConversationTooltip,
       labels.handoffConversationMenu,
       labels.inheritedUnavailable,
       labels.loadingConversation,
@@ -26315,6 +26558,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       isComposerSending,
       labels.followupPlaceholder,
       labels.handoffConversation,
+      labels.handoffConversationTooltip,
       labels.handoffConversationMenu,
       labels.initialPlaceholder,
       labels.promptTips,
@@ -26445,13 +26689,40 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     const prependAnchor = pendingPrependScrollAnchorRef.current;
     const shouldScrollSubmittedPromptToBottom = submittedPromptScrollConversationRef.current === activeConversationId;
     let nextScrollTop = timeline.scrollTop;
+    const savedScrollPosition = shouldScrollSubmittedPromptToBottom ? void 0 : timelineScrollPositionsRef.current.get(activeConversationId);
     if (!anchor || anchor.conversationId !== activeConversationId || shouldScrollSubmittedPromptToBottom) {
-      setTimelineScrollTopInstantly(timeline, maxScrollTop);
-      nextScrollTop = maxScrollTop;
+      if (savedScrollPosition && !savedScrollPosition.atBottom && !showTimelineSkeleton) {
+        nextScrollTop = Math.min(maxScrollTop, savedScrollPosition.scrollTop);
+        timeline.scrollTop = nextScrollTop;
+        pendingRestoreScrollRef.current = null;
+      } else if (savedScrollPosition && !savedScrollPosition.atBottom) {
+        pendingRestoreScrollRef.current = {
+          conversationId: activeConversationId,
+          scrollTop: savedScrollPosition.scrollTop
+        };
+        setTimelineScrollTopInstantly(timeline, maxScrollTop);
+        nextScrollTop = maxScrollTop;
+      } else {
+        setTimelineScrollTopInstantly(timeline, maxScrollTop);
+        nextScrollTop = maxScrollTop;
+        pendingRestoreScrollRef.current = null;
+      }
       submittedPromptScrollConversationRef.current = null;
       if (shouldScrollSubmittedPromptToBottom) {
         pendingPrependScrollAnchorRef.current = null;
       }
+    } else if (pendingRestoreScrollRef.current?.conversationId === activeConversationId) {
+      if (showTimelineSkeleton) {
+        setTimelineScrollTopInstantly(timeline, maxScrollTop);
+        nextScrollTop = maxScrollTop;
+      } else {
+        nextScrollTop = Math.min(
+          maxScrollTop,
+          pendingRestoreScrollRef.current.scrollTop
+        );
+        timeline.scrollTop = nextScrollTop;
+        pendingRestoreScrollRef.current = null;
+      }
     } else if (prependAnchor?.conversationId === activeConversationId) {
       const nextScrollHeight = timeline.scrollHeight;
       const delta = nextScrollHeight - prependAnchor.scrollHeight;
@@ -26604,12 +26875,17 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
         scrollTop,
         clientHeight: timeline.clientHeight
       };
+      const atBottom = timeline.scrollHeight - scrollTop - timeline.clientHeight <= AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX;
       setIsTimelineScrolledToTop(
         scrollTop <= AGENT_GUI_TOP_MASK_SCROLL_EPSILON_PX
       );
-      setIsTimelineScrolledToBottom(
-        timeline.scrollHeight - scrollTop - timeline.clientHeight <= AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX
-      );
+      setIsTimelineScrolledToBottom(atBottom);
+      if (pendingRestoreScrollRef.current?.conversationId !== activeConversationId) {
+        timelineScrollPositionsRef.current.set(activeConversationId, {
+          scrollTop,
+          atBottom
+        });
+      }
       if (viewModel.hasOlderMessages && !viewModel.isLoadingOlderMessages && scrollTop <= AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX) {
         pendingPrependScrollAnchorRef.current = {
           conversationId: activeConversationId,
@@ -26895,7 +27171,7 @@ var AgentGUIEmptyHeroPane = memo(function AgentGUIEmptyHeroPane2({
   const heroIconPresentations = iconPresentations.length > 0 ? iconPresentations : [agentGUIProviderIconPresentation(provider)];
   const heroIconAnimationKey = heroIconPresentations.map((icon) => `${icon.provider}:${icon.iconUrl}`).join("|");
   return /* @__PURE__ */ jsx33("div", { className: AgentGUINode_styles_default.emptyHero, children: /* @__PURE__ */ jsxs20("div", { className: AgentGUINode_styles_default.emptyHeroBody, children: [
-    heroIconPresentations.length > 1 ? /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx33("div", { className: AgentGUINode_styles_default.emptyHeroIconSlot, children: heroIconPresentations.length > 1 ? /* @__PURE__ */ jsx33(
       AgentGUIAllProviderGridIcon,
       {
         activeProvider: provider,
@@ -26911,7 +27187,7 @@ var AgentGUIEmptyHeroPane = memo(function AgentGUIEmptyHeroPane2({
         icon: heroIconPresentations[0]
       },
       heroIconAnimationKey
-    ),
+    ) }),
     /* @__PURE__ */ jsx33("h2", { className: AgentGUINode_styles_default.emptyHeroTitle, children: /* @__PURE__ */ jsx33(
       EmptyHeroTitle,
       {
@@ -26984,7 +27260,7 @@ var AgentGUIProviderReadinessGatePane = memo(
           ),
           /* @__PURE__ */ jsx33("h2", { className: AgentGUINode_styles_default.emptyHeroTitle, children: content.title }),
           /* @__PURE__ */ jsx33("p", { className: AgentGUINode_styles_default.emptyProviderGateDescription, children: content.description }),
-          pendingLabel ? /* @__PURE__ */ jsx33(
+          pendingLabel && !action ? /* @__PURE__ */ jsx33(
             "div",
             {
               className: AgentGUINode_styles_default.emptyProviderGateStatus,
@@ -27726,6 +28002,13 @@ function agentGUIProviderRailLabel(provider, targetLabel, labels) {
   }
   return targetLabel;
 }
+function agentGUIProviderRailAriaLabel(label, badgeLabel) {
+  const normalizedBadgeLabel = badgeLabel?.trim() ?? "";
+  if (!normalizedBadgeLabel || normalizedBadgeLabel === label) {
+    return label;
+  }
+  return `${label}, ${normalizedBadgeLabel}`;
+}
 function agentGUIProviderTargetMatchesConversationFilter(target, filter) {
   return filter.kind === "agentTarget" && (target.agentTargetId?.trim() ?? "") === filter.agentTargetId;
 }
@@ -28128,12 +28411,16 @@ var AgentGUIProviderRail = memo(function AgentGUIProviderRail2({
             target.label,
             labels
           );
+          const ariaLabel = agentGUIProviderRailAriaLabel(
+            label,
+            target.badge?.label
+          );
           const tile = /* @__PURE__ */ jsx33(
             "button",
             {
               type: "button",
               role: "tab",
-              "aria-label": label,
+              "aria-label": ariaLabel,
               "aria-selected": providerSelected,
               className: AgentGUINode_styles_default.providerRailTile,
               "data-disabled": target.disabled === true ? "true" : void 0,
@@ -28148,17 +28435,28 @@ var AgentGUIProviderRail = memo(function AgentGUIProviderRail2({
               onDragEnd: clearProviderRailDragState,
               onDragOver: (event) => handleProviderRailDragOver(event, target),
               onDragStart: (event) => handleProviderRailDragStart(event, target),
-              children: /* @__PURE__ */ jsx33("span", { className: AgentGUINode_styles_default.providerRailAvatar, children: /* @__PURE__ */ jsx33(
-                AgentGUIProviderIconVisual,
-                {
-                  ariaHidden: true,
-                  imageClassName: AgentGUINode_styles_default.providerRailAvatarImage,
-                  icon: agentGUIProviderRailIconPresentation(
-                    target.provider,
-                    target.iconUrl
-                  )
-                }
-              ) })
+              children: /* @__PURE__ */ jsxs20("span", { className: AgentGUINode_styles_default.providerRailAvatar, children: [
+                /* @__PURE__ */ jsx33(
+                  AgentGUIProviderIconVisual,
+                  {
+                    ariaHidden: true,
+                    imageClassName: AgentGUINode_styles_default.providerRailAvatarImage,
+                    icon: agentGUIProviderRailIconPresentation(
+                      target.provider,
+                      target.iconUrl
+                    )
+                  }
+                ),
+                target.badge?.iconUrl ? /* @__PURE__ */ jsx33("span", { "aria-hidden": "true", className: AgentGUINode_styles_default.providerRailBadge, children: /* @__PURE__ */ jsx33(
+                  "img",
+                  {
+                    alt: "",
+                    className: AgentGUINode_styles_default.providerRailBadgeImage,
+                    draggable: false,
+                    src: target.badge.iconUrl
+                  }
+                ) }) : null
+              ] })
             },
             `${target.provider}:${target.targetId}`
           );
@@ -28447,6 +28745,7 @@ function AgentGUIConfigMenu({
   slashStatusUsageCapturedAtUnixMs,
   slashStatusUsageDidFail,
   slashStatusUsageAttempted,
+  providerAuthAccountLabel,
   onAgentConfigMenuOpen,
   onAgentUsageRefresh,
   onOpenAgentEnvSetup,
@@ -28480,6 +28779,13 @@ function AgentGUIConfigMenu({
             className: "w-[300px] max-w-[calc(100vw-32px)] gap-3 p-1 text-xs",
             "data-testid": "agent-gui-config-menu",
             children: /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 flex-col gap-3", children: [
+              providerAuthAccountLabel ? /* @__PURE__ */ jsxs20(Fragment9, { children: [
+                /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 flex-col gap-2 p-2", children: [
+                  /* @__PURE__ */ jsx33("span", { className: "text-[13px] font-semibold leading-4", children: labels.slashStatusAccount }),
+                  /* @__PURE__ */ jsx33("span", { className: "text-[13px] leading-5 text-[var(--text-secondary)]", children: providerAuthAccountLabel })
+                ] }),
+                slashStatusLimits.length > 0 || slashStatusUsageAttempted || slashStatusLimitsLoading ? /* @__PURE__ */ jsx33("div", { className: "px-2", children: /* @__PURE__ */ jsx33("span", { className: "block h-px bg-[var(--border-1)]" }) }) : null
+              ] }) : null,
               slashStatusLimits.length > 0 || slashStatusUsageAttempted || slashStatusLimitsLoading ? /* @__PURE__ */ jsxs20(Fragment9, { children: [
                 /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 flex-col gap-2 p-2", children: [
                   /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [
@@ -29046,18 +29352,7 @@ var AgentGUIConversationRailPane = memo(
               }
             )
           ] }),
-          openclawGateway?.status === "starting" ? /* @__PURE__ */ jsxs20("div", { className: AgentGUINode_styles_default.gatewayStatus, "data-state": "starting", children: [
-            /* @__PURE__ */ jsx33(
-              StatusDot,
-              {
-                tone: "blue",
-                pulse: true,
-                size: "sm",
-                ariaLabel: labels.openclawGatewayStarting
-              }
-            ),
-            /* @__PURE__ */ jsx33("span", { children: labels.openclawGatewayStarting })
-          ] }) : openclawGateway?.status === "failed" ? /* @__PURE__ */ jsxs20("div", { className: AgentGUINode_styles_default.gatewayStatus, "data-state": "failed", children: [
+          openclawGateway?.status === "failed" ? /* @__PURE__ */ jsxs20("div", { className: AgentGUINode_styles_default.gatewayStatus, "data-state": "failed", children: [
             /* @__PURE__ */ jsx33("span", { children: openclawGateway.error || labels.openclawGatewayFailed }),
             /* @__PURE__ */ jsx33(
               "button",
@@ -30601,7 +30896,7 @@ function composerOverridesByAgentTargetIdEqual(left, right) {
   return true;
 }
 function areAgentGUINodePropsEqual(previous, next) {
-  return previous.nodeId === next.nodeId && previous.workspaceId === next.workspaceId && previous.currentUserId === next.currentUserId && previous.workspacePath === next.workspacePath && previous.workspaceFileReferenceAdapter === next.workspaceFileReferenceAdapter && previous.resolveDroppedFileReferences === next.resolveDroppedFileReferences && previous.selectProjectDirectory === next.selectProjectDirectory && previous.referenceSourceAggregator === next.referenceSourceAggregator && previous.resolveWorkspaceReferenceEntryIconUrl === next.resolveWorkspaceReferenceEntryIconUrl && previous.resolveMentionReferenceTarget === next.resolveMentionReferenceTarget && previous.resolveWorkspaceReferenceInitialTarget === next.resolveWorkspaceReferenceInitialTarget && previous.onWorkspaceFileReferencesAdded === next.onWorkspaceFileReferencesAdded && previous.agentSettings.avoidGroupingEdits === next.agentSettings.avoidGroupingEdits && previous.title === next.title && agentGuiStateEquals(previous.state, next.state) && previous.position.x === next.position.x && previous.position.y === next.position.y && previous.width === next.width && previous.height === next.height && previous.desktopSize.width === next.desktopSize.width && previous.desktopSize.height === next.desktopSize.height && previous.onLinkAction === next.onLinkAction && previous.onHandoffConversation === next.onHandoffConversation && previous.onCapabilitySettingsRequest === next.onCapabilitySettingsRequest && previous.onAgentProviderLogin === next.onAgentProviderLogin && previous.accountMenuState === next.accountMenuState && previous.providerTargets === next.providerTargets && previous.providerTargetsLoading === next.providerTargetsLoading && previous.renderSidebarFooter === next.renderSidebarFooter && previous.providerRailMode === next.providerRailMode && previous.renderProviderRailEmpty === next.renderProviderRailEmpty && previous.comingSoonProviders === next.comingSoonProviders && previous.providerReadinessGates === next.providerReadinessGates && previous.defaultProviderTargetId === next.defaultProviderTargetId && previous.onClose === next.onClose && previous.onResize === next.onResize && previous.onUpdateNode === next.onUpdateNode && previous.onRememberComposerDefaults === next.onRememberComposerDefaults && previous.onOpenConversationWindow === next.onOpenConversationWindow && previous.isMaximized === next.isMaximized && previous.isMuted === next.isMuted && previous.onMinimize === next.onMinimize && previous.onToggleMaximize === next.onToggleMaximize && previous.onShowMessage === next.onShowMessage && previous.workspaceAgentProbes === next.workspaceAgentProbes && previous.onAgentProbeDemandChange === next.onAgentProbeDemandChange && previous.onAgentProbeRefreshRequest === next.onAgentProbeRefreshRequest && previous.managedAgentsState === next.managedAgentsState && previous.contextMentionProviders === next.contextMentionProviders && previous.workspaceAppIcons === next.workspaceAppIcons && previous.embedded === next.embedded && previous.previewMode === next.previewMode && previous.isActive === next.isActive && previous.composerFocusRequestSequence === next.composerFocusRequestSequence && previous.newConversationRequestSequence === next.newConversationRequestSequence && previous.openSessionRequest === next.openSessionRequest && previous.prefillPromptRequest === next.prefillPromptRequest;
+  return previous.nodeId === next.nodeId && previous.workspaceId === next.workspaceId && previous.currentUserId === next.currentUserId && previous.workspacePath === next.workspacePath && previous.workspaceFileReferenceAdapter === next.workspaceFileReferenceAdapter && previous.resolveDroppedFileReferences === next.resolveDroppedFileReferences && previous.selectProjectDirectory === next.selectProjectDirectory && previous.referenceSourceAggregator === next.referenceSourceAggregator && previous.resolveWorkspaceReferenceEntryIconUrl === next.resolveWorkspaceReferenceEntryIconUrl && previous.resolveMentionReferenceTarget === next.resolveMentionReferenceTarget && previous.resolveWorkspaceReferenceInitialTarget === next.resolveWorkspaceReferenceInitialTarget && previous.onWorkspaceFileReferencesAdded === next.onWorkspaceFileReferencesAdded && previous.agentSettings.avoidGroupingEdits === next.agentSettings.avoidGroupingEdits && previous.title === next.title && agentGuiStateEquals(previous.state, next.state) && previous.position.x === next.position.x && previous.position.y === next.position.y && previous.width === next.width && previous.height === next.height && previous.desktopSize.width === next.desktopSize.width && previous.desktopSize.height === next.desktopSize.height && previous.onLinkAction === next.onLinkAction && previous.onHandoffConversation === next.onHandoffConversation && previous.onCapabilitySettingsRequest === next.onCapabilitySettingsRequest && previous.onAgentProviderLogin === next.onAgentProviderLogin && previous.accountMenuState === next.accountMenuState && previous.providerTargets === next.providerTargets && previous.providerTargetsLoading === next.providerTargetsLoading && previous.renderSidebarFooter === next.renderSidebarFooter && previous.providerRailMode === next.providerRailMode && previous.renderProviderRailEmpty === next.renderProviderRailEmpty && previous.comingSoonProviders === next.comingSoonProviders && previous.providerReadinessGates === next.providerReadinessGates && previous.defaultProviderTargetId === next.defaultProviderTargetId && previous.onClose === next.onClose && previous.onResize === next.onResize && previous.onUpdateNode === next.onUpdateNode && previous.onRememberComposerDefaults === next.onRememberComposerDefaults && previous.onOpenConversationWindow === next.onOpenConversationWindow && previous.isMaximized === next.isMaximized && previous.isMuted === next.isMuted && previous.onMinimize === next.onMinimize && previous.onToggleMaximize === next.onToggleMaximize && previous.onShowMessage === next.onShowMessage && previous.workspaceAgentProbes === next.workspaceAgentProbes && previous.onAgentProbeDemandChange === next.onAgentProbeDemandChange && previous.onAgentProbeRefreshRequest === next.onAgentProbeRefreshRequest && previous.providerAuthAccountLabels === next.providerAuthAccountLabels && previous.managedAgentsState === next.managedAgentsState && previous.contextMentionProviders === next.contextMentionProviders && previous.workspaceAppIcons === next.workspaceAppIcons && previous.embedded === next.embedded && previous.previewMode === next.previewMode && previous.isActive === next.isActive && previous.composerFocusRequestSequence === next.composerFocusRequestSequence && previous.newConversationRequestSequence === next.newConversationRequestSequence && previous.openSessionRequest === next.openSessionRequest && previous.prefillPromptRequest === next.prefillPromptRequest;
 }
 var AgentGUINode = memo2(function AgentGUINode2({
   nodeId,
@@ -30656,6 +30951,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
   workspaceAgentProbes,
   onAgentProbeDemandChange,
   onAgentProbeRefreshRequest,
+  providerAuthAccountLabels,
   managedAgentsState,
   contextMentionProviders,
   workspaceAppIcons,
@@ -31013,6 +31309,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       slashStatusBaseUrl: t("agentHost.agentGui.slashStatusBaseUrl"),
       slashStatusContext: t("agentHost.agentGui.slashStatusContext"),
       slashStatusLimits: t("agentHost.agentGui.slashStatusLimits"),
+      slashStatusAccount: t("agentHost.agentGui.slashStatusAccount"),
       slashStatusClose: t("agentHost.agentGui.slashStatusClose"),
       slashStatusContextValue: (input) => t("agentHost.agentGui.slashStatusContextValue", {
         percentLeft: input.percentLeft,
@@ -31431,6 +31728,9 @@ var AgentGUINode = memo2(function AgentGUINode2({
       addContent: t("agentHost.agentGui.addContent"),
       referenceWorkspaceFiles: t("agentHost.issue.referenceWorkspaceFiles"),
       handoffConversation: t("agentHost.agentGui.handoffConversation"),
+      handoffConversationTooltip: t(
+        "agentHost.agentGui.handoffConversationTooltip"
+      ),
       handoffConversationMenu: t("agentHost.agentGui.handoffConversationMenu")
     }),
     [displayProviderLabel, fallbackAgentTitle, t]
@@ -31666,6 +31966,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
             slashStatusUsageCapturedAtUnixMs,
             slashStatusUsageDidFail,
             slashStatusUsageAttempted,
+            providerAuthAccountLabels,
             onAgentConfigMenuOpen: handleAgentConfigMenuOpen,
             onAgentUsageRefresh: handleAgentUsageRefresh,
             previewMode,