@agent-native/core 0.154.5 → 0.157.0

package/dist/client/AssistantChat.js

@@ -32,9 +32,11 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./com
 import { AgentComposerFrame, TiptapComposer, } from "./composer/index.js";
 import { useAgentDynamicSuggestionsResult, } from "./dynamic-suggestions.js";
 import { GuidedQuestionFlow, useGuidedQuestionFlow, } from "./guided-questions.js";
+import { useT } from "./i18n.js";
 import { buildSignInReturnHref } from "./require-session.js";
 import { addMcpConnectionCompleteListener, consumeMcpConnectionResume, } from "./resources/mcp-connection-resume.js";
 import { McpConnectionSuggestion } from "./resources/McpConnectionSuggestion.js";
+import { claimRunStream, createRunStreamToken, ownsRunStream, releaseRunStream, } from "./run-stream-ownership.js";
 import { AgentAutoContinueSignal, readSSEStreamRaw, settleInterruptedToolCalls, } from "./sse-event-processor.js";
 import { useAgentEngineConfigured } from "./use-agent-engine-configured.js";
 import { useDevMode } from "./use-dev-mode.js";
@@ -364,6 +366,7 @@ function getImageAttachmentSrc(attachment) {
     return imagePart && "image" in imagePart ? imagePart.image : null;
 }
 function ComposerAttachmentPreviewCard({ attachment, onRemove, }) {
+    const t = useT();
     const [imageSrc, setImageSrc] = useState(null);
     useEffect(() => {
         const nextSrc = getImageAttachmentSrc(attachment);
@@ -382,7 +385,9 @@ function ComposerAttachmentPreviewCard({ attachment, onRemove, }) {
             ? "h-20 w-20 rounded-xl shadow-[0_12px_30px_-18px_rgba(0,0,0,0.7)]"
             : "inline-flex max-w-[220px] items-center gap-2 rounded-lg px-2.5 py-2 text-xs"), children: [isImage ? (_jsxs(_Fragment, { children: [_jsx("img", { src: imageSrc, alt: attachment.name, className: "h-full w-full object-cover" }), _jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent px-2 py-1.5", children: _jsx("div", { className: "truncate text-[10px] font-medium text-white/95", children: attachment.name }) })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-background text-[10px] font-semibold uppercase tracking-[0.12em] text-muted-foreground", children: attachment.name.split(".").pop() || "file" }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-medium", children: attachment.name }), _jsx("div", { className: "text-[11px] text-muted-foreground", children: attachment.contentType || attachment.type })] })] })), _jsx("button", { type: "button", onClick: () => onRemove(attachment.id), className: cn("absolute flex h-6 w-6 items-center justify-center rounded-full border border-border/60 bg-background/95 text-muted-foreground shadow-sm transition hover:text-foreground", isImage
                     ? "end-1.5 top-1.5 opacity-100 md:opacity-0 md:group-hover:opacity-100"
-                    : "end-1.5 top-1.5"), "aria-label": `Remove ${attachment.name}`, children: _jsx(IconX, { className: "h-3 w-3" }) })] }));
+                    : "end-1.5 top-1.5"), "aria-label": t("agentChat.composer.removeAttachment", {
+                    name: attachment.name,
+                }), children: _jsx(IconX, { className: "h-3 w-3" }) })] }));
 }
 function ComposerAttachmentPreviewStrip() {
     const attachments = useComposer((state) => state.attachments);
@@ -786,6 +791,27 @@ function trimReconnectTextAlreadyRendered(content, renderedAssistantText, option
     }
     return changed ? next : content;
 }
+/**
+ * Whether the reconnect overlay — a SECOND fold of a run, rendered as a sibling
+ * of the message list — may appear.
+ *
+ * The adapter runtime and the reconnect reader both fold the same SSE events
+ * into their own accumulator. Whenever both are on screen the user sees the
+ * turn twice: duplicate tool cards (one spinning, one static) and the final
+ * message streaming in two places. Content-similarity dedupe cannot reliably
+ * hide the second copy, because the two readers disagree on tool-call identity
+ * (id-less activity cards get reader-local ids) and on how a turn is split
+ * across assistant messages.
+ *
+ * So ownership decides visibility, not similarity: if a runtime owns the turn,
+ * the overlay does not render. Keep this a pure function — it is the invariant
+ * the duplicate-render bug kept violating, and it must stay falsifiable.
+ */
+export function shouldShowReconnectOverlay(state) {
+    if (state.isRuntimeRunning)
+        return false;
+    return state.isReconnecting || state.reconnectFrozen;
+}
 export function dedupeReconnectContentAgainstMessages(content, messages, options) {
     if (content.length === 0)
         return content;
@@ -958,14 +984,38 @@ export function resolveAssistantChatRunningState({ forceStopped, isRuntimeRunnin
         showRunningInUI: !forceStopped && !hasTerminalRunError && (isRunning || isAutoResuming),
     };
 }
-export function resolveAssistantChatRunningStatusLabel({ runningActivityLabel, isAutoResuming, isReconnecting, hasReconnectContent, }) {
-    if (runningActivityLabel)
+export function resolveAssistantChatRunningStatusLabel({ runningActivityLabel, isAutoResuming, isReconnecting, hasReconnectContent, labels = {
+    thinking: "Thinking",
+    resuming: "Resuming",
+    stillWorking: "Still working",
+}, }) {
+    if (runningActivityLabel) {
+        if (runningActivityLabel === "Thinking")
+            return labels.thinking;
+        if (runningActivityLabel === "Working") {
+            return labels.working ?? "Working";
+        }
+        if (runningActivityLabel === "Contacting model") {
+            return labels.contactingModel ?? "Contacting model";
+        }
+        const localizedActivityPatterns = [
+            [/^Starting (.+)\.\.\.$/, labels.starting],
+            [/^Preparing (.+)\.\.\.$/, labels.preparing],
+            [/^Writing (.+)\.\.\.$/, labels.writing],
+            [/^Still generating (.+)$/, labels.stillGenerating],
+        ];
+        for (const [pattern, translateActivity] of localizedActivityPatterns) {
+            const match = runningActivityLabel.match(pattern);
+            if (match?.[1] && translateActivity)
+                return translateActivity(match[1]);
+        }
         return runningActivityLabel;
+    }
     if (isAutoResuming)
-        return "Resuming";
+        return labels.resuming;
     if (isReconnecting && hasReconnectContent)
-        return "Still working";
-    return "Thinking";
+        return labels.stillWorking;
+    return labels.thinking;
 }
 export function resolveAssistantChatComposerPlaceholder(composerPlaceholder) {
     return composerPlaceholder ?? DEFAULT_ASSISTANT_CHAT_COMPOSER_PLACEHOLDER;
@@ -1087,6 +1137,9 @@ function AssistantChatScrollerControls({ resumeFollowingRef, }) {
     }, [resumeFollowingRef, scrollToEnd]);
     return null;
 }
+export function shouldShowAssistantChatModelSelector(showModelSelector) {
+    return showModelSelector !== false;
+}
 export const CHAT_STORAGE_PREFIX = "agent-chat:";
 const THREAD_SNAPSHOT_CACHE_PREFIX = `${CHAT_STORAGE_PREFIX}thread-snapshot:`;
 function threadSnapshotCacheKey(apiUrl, threadId) {
@@ -1322,7 +1375,8 @@ export function useAutoResumeStatus(tabId, forceStopped) {
 function approvalResolutionIdentity(approvalKey, toolCallId) {
     return `${toolCallId ?? ""}\u0000${approvalKey}`;
 }
-const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateText, suggestions, dynamicSuggestions, threadFooterSlot, emptyStateAddon, showHeader = true, onSwitchToCli, className, apiUrl, tabId, browserTabId, threadId, contextScope, isActiveComposer = true, onMessageCountChange, onSaveThread, onGenerateTitle, composerSlot, onComposerTextChange, composerAreaClassName, composerPlaceholder, missingApiKeySetupLayout = "default", composerLayoutVariant = "default", centerComposerWhenEmpty = false, emptyStateDisplay = "default", composerToolbarSlot, composerExtraActionButton, composerDisabled = false, composerDisabledPlaceholder, isNewThread, isThreadStateLoading, onSlashCommand, execMode, onExecModeChange, approvalActions, planModeDisabled, planModeDisabledReason, selectedModel, defaultModel, selectedEngine, selectedEffort, availableModels, modelListLoading, onModelChange, onEffortChange, imageModelMenu, onForkChat, onConnectProvider, onConnectLocalRuntime, plusMenuMode = "full", providerStatusChecksEnabled = true, loadHistoryRepository, historyReloadKey, externalStreaming = false, agentChatSurface = "app", suppressInlineOpenApp = false, }, ref) {
+const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateText, suggestions, dynamicSuggestions, threadFooterSlot, emptyStateAddon, showHeader = true, onSwitchToCli, className, apiUrl, tabId, browserTabId, threadId, contextScope, isActiveComposer = true, onMessageCountChange, onSaveThread, onGenerateTitle, composerSlot, onComposerTextChange, composerAreaClassName, composerPlaceholder, missingApiKeySetupLayout = "default", composerLayoutVariant = "default", centerComposerWhenEmpty = false, emptyStateDisplay = "default", composerToolbarSlot, composerExtraActionButton, showModelSelector = true, composerDisabled = false, composerDisabledPlaceholder, isNewThread, isThreadStateLoading, onSlashCommand, execMode, onExecModeChange, approvalActions, planModeDisabled, planModeDisabledReason, selectedModel, defaultModel, selectedEngine, selectedEffort, availableModels, modelListLoading, onModelChange, onEffortChange, imageModelMenu, onForkChat, onConnectProvider, onConnectLocalRuntime, plusMenuMode = "full", providerStatusChecksEnabled = true, loadHistoryRepository, historyReloadKey, externalStreaming = false, agentChatSurface = "app", suppressInlineOpenApp = false, }, ref) {
+    const t = useT();
     const thread = useThread();
     const threadRuntime = useThreadRuntime();
     const composerRuntime = useComposerRuntime();
@@ -1419,10 +1473,10 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         void Promise.all(attachments.map((file) => composerRuntime.addAttachment(file))).catch((error) => {
             const msg = error instanceof Error
                 ? error.message
-                : "Could not add the dropped file. Try a different format.";
+                : t("agentChat.composer.droppedFileError");
             setComposerError(msg);
         });
-    }, [composerRuntime, setComposerError]);
+    }, [composerRuntime, setComposerError, t]);
     // Patch the underlying assistant-ui MessageRepository so addOrUpdateMessage
     // can't throw "Parent message not found" mid-run. assistant-ui calls
     // `repository.clear()` from `runtime.import()` and from `resetHead(null)`,
@@ -1605,7 +1659,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     const [reconnectFrozen, setReconnectFrozen] = useState(false);
     // Adapter took over while reconnect still had visible tool cards — keep the
     // overlay until the adapter message catches up so we don't flash an empty gap.
-    const [adapterHandoffPending, setAdapterHandoffPending] = useState(false);
     const reconnectRunIdRef = useRef(null);
     const reconnectTurnIdRef = useRef(null);
     const reconnectTailOnlyRef = useRef(false);
@@ -1624,7 +1677,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         setIsReconnecting(false);
         setReconnectFrozen(false);
         setReconnectContent([]);
-        setAdapterHandoffPending(false);
         setPendingReconnectRecovery(null);
         resetRunningActivity();
     }, [resetRunningActivity]);
@@ -1701,15 +1753,21 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         isAutoResuming,
         isReconnecting,
         hasReconnectContent: reconnectContent.length > 0,
+        labels: {
+            thinking: t("agentChat.status.thinking"),
+            resuming: t("agentChat.status.resuming"),
+            stillWorking: t("agentChat.status.stillWorking"),
+            working: t("agentChat.status.working"),
+            contactingModel: t("agentChat.status.contactingModel"),
+            starting: (activity) => t("agentChat.status.starting", { activity }),
+            preparing: (activity) => t("agentChat.status.preparing", { activity }),
+            writing: (activity) => t("agentChat.status.writing", { activity }),
+            stillGenerating: (activity) => t("agentChat.status.stillGenerating", { activity }),
+        },
     });
-    const reconnectActivityContent = useMemo(() => isReconnecting || reconnectFrozen || adapterHandoffPending
+    const reconnectActivityContent = useMemo(() => isReconnecting || reconnectFrozen
         ? reconnectActivityFallbackContent(runningActivityTool)
-        : [], [
-        adapterHandoffPending,
-        isReconnecting,
-        reconnectFrozen,
-        runningActivityTool,
-    ]);
+        : [], [isReconnecting, reconnectFrozen, runningActivityTool]);
     const lastBroadcastRunningRef = useRef(isRunning);
     const tiptapRef = useRef(null);
     const focusComposerAfterConnectRef = useRef(false);
@@ -2010,6 +2068,13 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         if (isRuntimeRunningRef.current || isAutoResumingRef.current) {
             return false;
         }
+        // The refs above lag a render and are per-component-instance, while
+        // MultiTabAssistantChat mounts several instances against one run. The
+        // claim is the actual mutual exclusion: module-scoped, synchronous, and
+        // re-checked on every state write below.
+        const ownershipToken = createRunStreamToken(`reconnect:${runId}`);
+        if (!claimRunStream(threadId, runId, ownershipToken))
+            return false;
         // SUPERSEDE THE PREVIOUS RECONNECT GENERATION. A turn that keeps failing
         // (e.g. repeated stale_run at "Contacting model") produces a new runId
         // every few seconds; each call here used to OVERWRITE the single-slot
@@ -2050,7 +2115,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         });
         setIsReconnecting(true);
         setReconnectFrozen(false);
-        setAdapterHandoffPending(false);
         setReconnectContent([]);
         window.dispatchEvent(new CustomEvent("agentNative.chatRunning", {
             detail: { isRunning: true, tabId: tabId || threadId },
@@ -2197,7 +2261,8 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                         requestAnimationFrame(() => {
                             rafPending = false;
                             if (!reconnectOwnerMountedRef.current ||
-                                reconnectRunIdRef.current !== runId) {
+                                reconnectRunIdRef.current !== runId ||
+                                !ownsRunStream(threadId, runId, ownershipToken)) {
                                 return;
                             }
                             setReconnectContent(latestSnapshot);
@@ -2205,9 +2270,14 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                     };
                     try {
                         await readSSEStreamRaw(sseRes.body, content, toolCallCounter, tabId, scheduleUpdate, (seq, isProgress) => {
+                            // The adapter can preempt this reader mid-stream. Advancing
+                            // the cursor after that would move a run this reader no
+                            // longer represents.
+                            if (!ownsRunStream(threadId, runId, ownershipToken))
+                                return;
                             markReconnectProgress();
                             reconnectRetryCount = 0;
-                            updateActiveRunSeq(seq, isProgress);
+                            updateActiveRunSeq(threadId, runId, seq, isProgress);
                         }, { preparingActionState });
                         if (reconnectAfterSeq === 0) {
                             setReconnectContent([...content]);
@@ -2255,6 +2325,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                 threadPollEngine?.stop();
                 watchdog.stop();
                 clearInterval(idleCheck);
+                releaseRunStream(threadId, runId, ownershipToken);
             }
             // A newer reader, live adapter, stop action, or component unmount took
             // ownership while this async loop was unwinding. Do not let the stale
@@ -2347,10 +2418,10 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                 }
                 setRunErrorInfo({
                     message: reconnectErrorCode === "run_timeout"
-                        ? "The previous background agent run reached its time limit before finishing. The partial work was preserved; continue or retry to pick up from here."
+                        ? t("agentChat.recovery.backgroundTimeout")
                         : reconnectErrorCode === "reconnect_stream_ended"
-                            ? "The previous agent stream ended while the run was recovering. Continue or retry to reconnect to the run."
-                            : "The previous agent run stopped producing visible progress during recovery, so it was stopped before it could keep looping.",
+                            ? t("agentChat.recovery.streamEnded")
+                            : t("agentChat.recovery.noProgress"),
                     errorCode: reconnectErrorCode,
                     recoverable: true,
                     runId,
@@ -2425,7 +2496,14 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         };
         void streamReconnect();
         return true;
-    }, [apiUrl, refreshThreadFromServer, tabId, threadId, wasRecentlyStoppedRun]);
+    }, [
+        apiUrl,
+        refreshThreadFromServer,
+        t,
+        tabId,
+        threadId,
+        wasRecentlyStoppedRun,
+    ]);
     const reconnectActiveRunForThread = useCallback(async () => {
         if (!threadId)
             return false;
@@ -2461,7 +2539,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                 clearActiveRunIfMatches(threadId, storedActiveRun.runId);
                 window.dispatchEvent(new CustomEvent("agent-chat:run-error", {
                     detail: {
-                        message: "Couldn't reach the server to check whether the agent is still working. Send your message again to retry.",
+                        message: t("agentChat.recovery.statusCheckFailed"),
                         errorCode: "run_status_unavailable",
                         recoverable: true,
                         ...(storedActiveRun.runId
@@ -2492,7 +2570,14 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         catch {
             return false;
         }
-    }, [apiUrl, refreshThreadFromServer, startReconnectToRun, tabId, threadId]);
+    }, [
+        apiUrl,
+        refreshThreadFromServer,
+        startReconnectToRun,
+        t,
+        tabId,
+        threadId,
+    ]);
     useEffect(() => {
         if (!threadId || !isNewThread)
             return;
@@ -3192,11 +3277,14 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         prevIsRuntimeRunningRef.current = isRuntimeRunning;
         if (isRuntimeRunning && !wasRunning) {
             // SINGLE-READER OWNERSHIP: the adapter runtime just took over (a new run
-            // started or an adopted run resumed). Abort the reconnect reader, but keep
-            // its visible content until the adapter message has tool/text parts so the
-            // UI does not flash an empty gap between readers.
+            // started or an adopted run resumed), so it is now the only owner of this
+            // turn's rendering. The overlay used to be kept alive here for up to
+            // 2500ms so the UI would not flash a gap — but that deliberately put two
+            // independent folds of the same run on screen at once, and the only thing
+            // hiding the second was content-similarity guessing that fails whenever
+            // the two readers disagree (id-less activity cards, a turn split across
+            // several assistant messages). One owner, one surface: drop the overlay.
             if (reconnectRunIdRef.current !== null) {
-                const keepOverlay = reconnectContent.length > 0;
                 reconnectRunIdRef.current = null;
                 reconnectAbortRef.current?.abort();
                 reconnectAbortRef.current = null;
@@ -3204,56 +3292,18 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                 setReconnectFrozen(false);
                 reconnectCanMaterializeRef.current = false;
                 reconnectTailOnlyRef.current = false;
-                if (keepOverlay) {
-                    setAdapterHandoffPending(true);
-                }
-                else {
-                    setReconnectContent([]);
-                    setAdapterHandoffPending(false);
-                }
+                setReconnectContent([]);
             }
             else if (reconnectFrozen) {
                 setReconnectFrozen(false);
                 setReconnectContent([]);
-                setAdapterHandoffPending(false);
                 reconnectCanMaterializeRef.current = false;
             }
             if (forceStopped) {
                 setForceStopped(false);
             }
         }
-    }, [
-        isRuntimeRunning,
-        reconnectFrozen,
-        forceStopped,
-        reconnectContent.length,
-    ]);
-    // Release the deferred reconnect overlay once thread messages have caught
-    // up enough that dedupe would hide the overlay, or after a short timeout so
-    // a stuck handoff cannot leave duplicate tool cards forever.
-    useEffect(() => {
-        if (!adapterHandoffPending)
-            return;
-        if (!isRuntimeRunning) {
-            setReconnectContent([]);
-            setAdapterHandoffPending(false);
-            return;
-        }
-        const stillNeeded = dedupeReconnectContentAgainstMessages(reconnectContent, messages, {
-            suppressToolRepeats: true,
-            trimTailTextOverlap: true,
-        }).length > 0;
-        if (!stillNeeded) {
-            setReconnectContent([]);
-            setAdapterHandoffPending(false);
-            return;
-        }
-        const timer = window.setTimeout(() => {
-            setReconnectContent([]);
-            setAdapterHandoffPending(false);
-        }, 2500);
-        return () => window.clearTimeout(timer);
-    }, [adapterHandoffPending, isRuntimeRunning, messages, reconnectContent]);
+    }, [isRuntimeRunning, reconnectFrozen, forceStopped]);
     // Same transition guard for isReconnecting: only clear forceStopped on
     // the false→true edge (a new reconnect starting on page load).
     const prevIsReconnectingRef = useRef(isReconnecting);
@@ -3270,7 +3320,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         if (!reconnectCanMaterializeRef.current) {
             setReconnectFrozen(false);
             setReconnectContent([]);
-            setAdapterHandoffPending(false);
             return;
         }
         try {
@@ -3316,7 +3365,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
             threadRuntime.import(ensureMessageMetadata(repo));
             setReconnectFrozen(false);
             setReconnectContent([]);
-            setAdapterHandoffPending(false);
             reconnectCanMaterializeRef.current = false;
             reconnectTurnIdRef.current = null;
         }
@@ -3453,7 +3501,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
             reconnectAbortRef.current = null;
             reconnectRunIdRef.current = null;
             setIsReconnecting(false);
-            setAdapterHandoffPending(false);
             const shouldFreezeReconnectContent = !reconnectTailOnlyRef.current &&
                 reconnectCanMaterializeRef.current &&
                 reconnectContent.length > 0;
@@ -3539,7 +3586,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         catch (err) {
             const msg = err instanceof Error
                 ? err.message
-                : "Attachment could not be processed.";
+                : t("agentChat.composer.attachmentError");
             setComposerError(msg);
             reportAgentChatSubmitResult(submitMessageId, false, "attachment-error");
             return;
@@ -3731,6 +3778,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         selectedEffort,
         selectedEngine,
         selectedModel,
+        t,
         updateComposerContextItems,
     ]);
     const mcpResumeTimerRef = useRef(null);
@@ -3844,8 +3892,19 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         // an ahead-of-the-thread reconnect copy visible creates the familiar
         // two-card stack while the adapter catches up, so prefer one row and
         // let the live message advance in place.
-        suppressToolRepeats: adapterHandoffPending || isReconnecting || reconnectFrozen,
-        trimTailTextOverlap: adapterHandoffPending || reconnectTailOnlyRef.current,
+        suppressToolRepeats: isReconnecting || reconnectFrozen,
+        trimTailTextOverlap: reconnectTailOnlyRef.current,
+    });
+    // The reconnect overlay is a SECOND fold of the same run, rendered as a
+    // sibling of the message list. It may only appear while no adapter runtime
+    // owns the turn. Deriving it from `isRuntimeRunning` at render time — rather
+    // than relying on an effect to clear the overlay's own flags afterwards —
+    // is what makes two streaming copies structurally impossible instead of
+    // merely unlikely; the effect below runs a frame too late to prevent it.
+    const showReconnectOverlay = shouldShowReconnectOverlay({
+        isRuntimeRunning,
+        isReconnecting,
+        reconnectFrozen,
     });
     const latestMessage = messages[messages.length - 1];
     const reconnectStatusContent = visibleReconnectContent.length > 0
@@ -4039,7 +4098,9 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         getApprovalResolution,
         onApprovalResolved: recordApprovalResolution,
         onApprove: (approvalKey) => {
-            void addToQueue("Approved. Go ahead and run the requested action.", undefined, undefined, undefined, undefined, "queued", undefined, false, false, false, false, undefined, [approvalKey]);
+            void addToQueue("Approved. Go ahead and run the requested action.", // i18n-ignore -- stable hidden agent instruction, not UI copy.
+            undefined, undefined, undefined, undefined, "queued", undefined, false, false, false, true, // hideUserMessage: this is a protocol continuation, not a new prompt
+            undefined, [approvalKey]);
         },
         ...(approvalActions?.onDeny ? { onDeny: approvalActions.onDeny } : {}),
         ...(approvalActions?.onAlwaysAllow
@@ -4068,19 +4129,19 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                     ? "centered"
                                                     : compactMissingKeyEmptyState
                                                         ? "compact-setup"
-                                                        : undefined, className: cn("relative flex flex-1 flex-col h-full min-h-0 text-foreground", className), onDragEnter: handleChatDragEnter, onDragOver: handleChatDragOver, onDragLeave: handleChatDragLeave, onDropCapture: handleChatDropCapture, onDrop: handleChatDrop, children: [dropActive && (_jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 z-50 flex items-center justify-center rounded-md border-2 border-dashed border-primary/70 bg-primary/5 backdrop-blur-[1px]", children: _jsx("span", { className: "rounded-md bg-background/90 px-3 py-1.5 text-xs font-medium text-foreground shadow-sm", children: "Drop to attach" }) })), showHeader && (_jsxs("div", { className: "flex h-11 shrink-0 items-center justify-between border-b border-border px-4", children: [_jsx("span", { className: "text-[13px] font-medium text-muted-foreground", children: "Agent" }), _jsx("div", { className: "flex items-center gap-1", children: onSwitchToCli && (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { onClick: onSwitchToCli, "aria-label": "Switch to CLI", className: "flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground px-2 py-1 rounded-md hover:bg-accent", children: [_jsx(IconTerminal, { className: "h-3.5 w-3.5" }), "CLI"] }) }), _jsx(TooltipContent, { children: "Switch to CLI" })] }) })) })] })), _jsxs(MessageScrollerProvider, { autoScroll: true, children: [_jsx(AssistantChatScrollerControls, { resumeFollowingRef: resumeFollowingRef }), _jsxs(MessageScroller, { className: "agent-chat-scroll", children: [_jsx(MessageScrollerViewport, { children: authError ? (_jsxs("div", { className: "flex flex-col items-center justify-center h-full px-4 gap-3", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: authSessionAvailable ? (_jsx(IconRefresh, { className: "h-5 w-5 text-muted-foreground" })) : (_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground" })) }), _jsxs("div", { className: "text-center max-w-[280px]", children: [_jsx("p", { className: "text-sm font-medium text-foreground mb-1", children: authSessionAvailable
-                                                                                                ? "Chat session needs refresh"
+                                                        : undefined, className: cn("relative flex flex-1 flex-col h-full min-h-0 text-foreground", className), onDragEnter: handleChatDragEnter, onDragOver: handleChatDragOver, onDragLeave: handleChatDragLeave, onDropCapture: handleChatDropCapture, onDrop: handleChatDrop, children: [dropActive && (_jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 z-50 flex items-center justify-center rounded-md border-2 border-dashed border-primary/70 bg-primary/5 backdrop-blur-[1px]", children: _jsx("span", { className: "rounded-md bg-background/90 px-3 py-1.5 text-xs font-medium text-foreground shadow-sm", children: t("agentChat.composer.dropToAttach") }) })), showHeader && (_jsxs("div", { className: "flex h-11 shrink-0 items-center justify-between border-b border-border px-4", children: [_jsx("span", { className: "text-[13px] font-medium text-muted-foreground", children: "Agent" }), _jsx("div", { className: "flex items-center gap-1", children: onSwitchToCli && (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { onClick: onSwitchToCli, "aria-label": t("agentChat.header.switchToCli"), className: "flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground px-2 py-1 rounded-md hover:bg-accent", children: [_jsx(IconTerminal, { className: "h-3.5 w-3.5" }), "CLI"] }) }), _jsx(TooltipContent, { children: t("agentChat.header.switchToCli") })] }) })) })] })), _jsxs(MessageScrollerProvider, { autoScroll: true, children: [_jsx(AssistantChatScrollerControls, { resumeFollowingRef: resumeFollowingRef }), _jsxs(MessageScroller, { className: "agent-chat-scroll", children: [_jsx(MessageScrollerViewport, { children: authError ? (_jsxs("div", { className: "flex flex-col items-center justify-center h-full px-4 gap-3", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: authSessionAvailable ? (_jsx(IconRefresh, { className: "h-5 w-5 text-muted-foreground" })) : (_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground" })) }), _jsxs("div", { className: "text-center max-w-[280px]", children: [_jsx("p", { className: "text-sm font-medium text-foreground mb-1", children: authSessionAvailable
+                                                                                                ? t("agentChat.auth.refreshTitle")
                                                                                                 : authError.sessionExpired
-                                                                                                    ? "Session expired"
-                                                                                                    : "Authentication required" }), _jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: authSessionAvailable
-                                                                                                ? "You're signed in, but this chat connection needs to reconnect."
+                                                                                                    ? t("agentChat.auth.expiredTitle")
+                                                                                                    : t("agentChat.auth.requiredTitle") }), _jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: authSessionAvailable
+                                                                                                ? t("agentChat.auth.refreshDescription")
                                                                                                 : authError.sessionExpired
-                                                                                                    ? "Your session may have expired. Log out and log back in to reconnect."
-                                                                                                    : "You need to log in to use the agent." })] }), _jsxs("div", { className: "flex gap-2", children: [!authError.sessionExpired &&
+                                                                                                    ? t("agentChat.auth.expiredDescription")
+                                                                                                    : t("agentChat.auth.requiredDescription") })] }), _jsxs("div", { className: "flex gap-2", children: [!authError.sessionExpired &&
                                                                                             !authSessionAvailable && (_jsx("button", { onClick: () => {
                                                                                                 window.location.href =
                                                                                                     buildSignInReturnHref();
-                                                                                            }, className: "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md", children: "Log in" })), authError.sessionExpired &&
+                                                                                            }, className: "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md", children: t("agentChat.auth.logIn") })), authError.sessionExpired &&
                                                                                             !authSessionAvailable && (_jsx("button", { onClick: async () => {
                                                                                                 try {
                                                                                                     await fetch(agentNativePath("/_agent-native/auth/logout"), {
@@ -4091,16 +4152,18 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                                                                     console.error("Failed to log out before reloading the chat", error);
                                                                                                 }
                                                                                                 window.location.reload();
-                                                                                            }, className: "text-xs text-destructive hover:text-destructive/80 px-3 py-1.5 rounded-md border border-destructive/30 hover:bg-destructive/10", children: "Log out" })), _jsx("button", { onClick: () => {
+                                                                                            }, className: "text-xs text-destructive hover:text-destructive/80 px-3 py-1.5 rounded-md border border-destructive/30 hover:bg-destructive/10", children: t("agentChat.auth.logOut") })), _jsx("button", { onClick: () => {
                                                                                                 setAuthError(null);
                                                                                                 window.location.reload();
                                                                                             }, className: authSessionAvailable
                                                                                                 ? "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md"
-                                                                                                : "text-xs text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md border border-border hover:bg-accent", children: "Refresh chat" })] })] })) : isRestoring && centeredRestoringState ? (_jsxs("div", { className: cn("agent-empty-state", emptyStateDisplay === "hidden"
+                                                                                                : "text-xs text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md border border-border hover:bg-accent", children: t("agentChat.auth.refreshChat") })] })] })) : isRestoring && centeredRestoringState ? (_jsxs("div", { className: cn("agent-empty-state", emptyStateDisplay === "hidden"
                                                                                 ? "sr-only"
-                                                                                : "flex h-full flex-col items-center justify-center gap-3 px-4 py-16"), "aria-busy": "true", children: [_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground/60" }), _jsx("p", { className: "sr-only", children: emptyStateText ?? "Loading chat..." })] })) : isRestoring ? (_jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "flex justify-end", children: _jsx("div", { className: "h-8 w-32 rounded-lg bg-muted animate-pulse" }) }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("div", { className: "h-4 w-48 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-64 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-40 rounded bg-muted animate-pulse" })] })] })) : showEmptyState ? (_jsxs("div", { className: cn("agent-empty-state", emptyStateDisplay === "hidden"
+                                                                                : "flex h-full flex-col items-center justify-center gap-3 px-4 py-16"), "aria-busy": "true", children: [_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground/60" }), _jsx("p", { className: "sr-only", children: emptyStateText ??
+                                                                                        t("agentChat.empty.loadingChat") })] })) : isRestoring ? (_jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "flex justify-end", children: _jsx("div", { className: "h-8 w-32 rounded-lg bg-muted animate-pulse" }) }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("div", { className: "h-4 w-48 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-64 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-40 rounded bg-muted animate-pulse" })] })] })) : showEmptyState ? (_jsxs("div", { className: cn("agent-empty-state", emptyStateDisplay === "hidden"
                                                                                 ? "sr-only"
-                                                                                : "flex h-full flex-col items-center justify-center gap-3 px-4 py-16"), children: [_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground/60" }), _jsx("p", { className: "sr-only", children: emptyStateText ?? "How can I help you?" }), emptyStateAddon, resolvedSuggestions &&
+                                                                                : "flex h-full flex-col items-center justify-center gap-3 px-4 py-16"), children: [_jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground/60" }), _jsx("p", { className: "sr-only", children: emptyStateText ??
+                                                                                        t("agentChat.empty.prompt") }), emptyStateAddon, resolvedSuggestions &&
                                                                                     resolvedSuggestions.length > 0 ? (_jsx("div", { className: "flex w-full max-w-[280px] flex-col gap-1", children: resolvedSuggestions.map((suggestion) => (_jsx("button", { onClick: () => {
                                                                                             if (engineSetupRequired) {
                                                                                                 requestMissingKeySetup();
@@ -4126,18 +4189,16 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                                                                 setDismissedRunErrorKey(visibleRunErrorKey);
                                                                                             }
                                                                                             setRunErrorInfo(null);
-                                                                                        } }) })), (isReconnecting ||
-                                                                                    reconnectFrozen ||
-                                                                                    adapterHandoffPending) &&
-                                                                                    visibleReconnectContent.length > 0 && (_jsx(MessageScrollerItem, { children: _jsx(ReconnectStreamMessage, { content: visibleReconnectContent, allowActivitySpinner: !reconnectFrozen }) })), (isReconnecting ||
-                                                                                    reconnectFrozen ||
-                                                                                    adapterHandoffPending) &&
+                                                                                        } }) })), showReconnectOverlay &&
+                                                                                    visibleReconnectContent.length > 0 && (_jsx(MessageScrollerItem, { children: _jsx(ReconnectStreamMessage, { content: visibleReconnectContent, allowActivitySpinner: !reconnectFrozen }) })), showReconnectOverlay &&
                                                                                     visibleReconnectContent.length === 0 &&
                                                                                     reconnectContent.length === 0 &&
-                                                                                    reconnectActivityContent.length > 0 && (_jsx(MessageScrollerItem, { children: _jsx(ReconnectStreamMessage, { content: reconnectActivityContent, allowActivitySpinner: !reconnectFrozen }) })), showGlobalRunningStatus && (_jsx(MessageScrollerItem, { children: _jsx(RunningActivityStatus, { label: runningStatusLabel }) })), visibleQueuedMessages.length > 0 && (_jsx(MessageScrollerItem, { children: _jsxs("div", { className: "flex items-center justify-end gap-1.5 pr-0.5 text-xs text-muted-foreground", children: [_jsx(IconClock, { className: "h-3 w-3" }), _jsxs("span", { children: [visibleQueuedMessages.length, " ", "queued"] })] }) })), visibleQueuedMessages.map((msg) => {
+                                                                                    reconnectActivityContent.length > 0 && (_jsx(MessageScrollerItem, { children: _jsx(ReconnectStreamMessage, { content: reconnectActivityContent, allowActivitySpinner: !reconnectFrozen }) })), showGlobalRunningStatus && (_jsx(MessageScrollerItem, { children: _jsx(RunningActivityStatus, { label: runningStatusLabel }) })), visibleQueuedMessages.length > 0 && (_jsx(MessageScrollerItem, { children: _jsxs("div", { className: "flex items-center justify-end gap-1.5 pr-0.5 text-xs text-muted-foreground", children: [_jsx(IconClock, { className: "h-3 w-3" }), _jsx("span", { children: t("agentChat.queue.count", {
+                                                                                                    count: visibleQueuedMessages.length,
+                                                                                                }) })] }) })), visibleQueuedMessages.map((msg) => {
                                                                                     const displayText = displayableUserMessageText(msg.text);
                                                                                     const imageSources = queuedMessageImageSources(msg);
-                                                                                    return (_jsx(MessageScrollerItem, { messageId: msg.id, children: _jsxs("div", { className: "group flex items-start justify-end gap-1.5", children: [isRunning && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => sendQueuedMessageNow(msg.id), "aria-label": "Send now", className: "mt-1.5 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-muted-foreground opacity-0 shadow-sm transition-opacity hover:bg-accent hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100", children: _jsx(IconArrowUp, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "Send now (stops the current response)" })] })), _jsx("button", { type: "button", onClick: () => applyLocalQueuedMessages((prev) => prev.filter((m) => m.id !== msg.id)), "aria-label": "Remove from queue", className: "mt-1.5 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-muted-foreground opacity-0 shadow-sm transition-opacity hover:bg-accent hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100", children: _jsx(IconX, { className: "h-3 w-3" }) }), _jsxs("div", { className: "max-w-[85%] rounded-lg bg-accent/50 px-3 py-2 text-sm leading-relaxed text-foreground/60 whitespace-pre-wrap break-words", children: [displayText, imageSources.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: imageSources.map((img, j) => (_jsx("img", { src: img, alt: "", className: "h-12 w-12 rounded object-cover border border-border/50" }, j))) }))] })] }) }, msg.id));
+                                                                                    return (_jsx(MessageScrollerItem, { messageId: msg.id, children: _jsxs("div", { className: "group flex items-start justify-end gap-1.5", children: [isRunning && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => sendQueuedMessageNow(msg.id), "aria-label": t("agentChat.queue.sendNow"), className: "mt-1.5 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-muted-foreground opacity-0 shadow-sm transition-opacity hover:bg-accent hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100", children: _jsx(IconArrowUp, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: t("agentChat.queue.sendNowHint") })] })), _jsx("button", { type: "button", onClick: () => applyLocalQueuedMessages((prev) => prev.filter((m) => m.id !== msg.id)), "aria-label": t("agentChat.queue.remove"), className: "mt-1.5 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-muted-foreground opacity-0 shadow-sm transition-opacity hover:bg-accent hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100", children: _jsx(IconX, { className: "h-3 w-3" }) }), _jsxs("div", { className: "max-w-[85%] rounded-lg bg-accent/50 px-3 py-2 text-sm leading-relaxed text-foreground/60 whitespace-pre-wrap break-words", children: [displayText, imageSources.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: imageSources.map((img, j) => (_jsx("img", { src: img, alt: "", className: "h-12 w-12 rounded object-cover border border-border/50" }, j))) }))] })] }) }, msg.id));
                                                                                 }), resolvedThreadFooterSlot ? (_jsx(MessageScrollerItem, { children: _jsx("div", { className: "agent-thread-footer-slot", children: resolvedThreadFooterSlot }) })) : null] })) }), !authError && !isRestoring && !showEmptyState ? (_jsx(MessageScrollerButton, {})) : null] })] }, chatScrollResetKey), showComposerSlot ? composerSlot : null, isActiveComposer && (_jsx(McpConnectionSuggestion, { text: composerText })), showCenteredEmptyThreadFooterSlot ? (_jsx("div", { className: "agent-thread-footer-slot agent-thread-footer-slot--centered-empty", children: resolvedThreadFooterSlot })) : null, guidedQuestions && guidedQuestions.length > 0 && (_jsx("div", { className: "shrink-0 px-3 pb-2", children: _jsx(GuidedQuestionFlow, { questions: guidedQuestions, onSubmit: handleGuidedQuestionsSubmit, onSkip: handleGuidedQuestionsSkip, ...(guidedQuestionsTitle
                                                                 ? { title: guidedQuestionsTitle }
                                                                 : {}), ...(guidedQuestionsDescription
@@ -4146,7 +4207,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                                 ? { skipLabel: guidedQuestionsSkipLabel }
                                                                 : {}), ...(guidedQuestionsSubmitLabel
                                                                 ? { submitLabel: guidedQuestionsSubmitLabel }
-                                                                : {}), className: "h-auto items-stretch justify-stretch bg-transparent" }) })), composerError && (_jsxs("div", { role: "alert", className: "shrink-0 mx-3 mb-1.5 flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: [_jsx(IconAlertTriangle, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }), _jsx("span", { className: "flex-1 leading-snug", children: composerError }), _jsx("button", { type: "button", "aria-label": "Dismiss error", onClick: () => setComposerError(null), className: "shrink-0 opacity-70 hover:opacity-100", children: _jsx(IconX, { className: "h-3 w-3" }) })] })), _jsxs("div", { className: "agent-composer-stack", "data-agent-composer-adjacent-ui": hasComposerAccessoryAboveStack
+                                                                : {}), className: "h-auto items-stretch justify-stretch bg-transparent" }) })), composerError && (_jsxs("div", { role: "alert", className: "shrink-0 mx-3 mb-1.5 flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: [_jsx(IconAlertTriangle, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }), _jsx("span", { className: "flex-1 leading-snug", children: composerError }), _jsx("button", { type: "button", "aria-label": t("agentChat.common.dismissError"), onClick: () => setComposerError(null), className: "shrink-0 opacity-70 hover:opacity-100", children: _jsx(IconX, { className: "h-3 w-3" }) })] })), _jsxs("div", { className: "agent-composer-stack", "data-agent-composer-adjacent-ui": hasComposerAccessoryAboveStack
                                                             ? "true"
                                                             : undefined, children: [_jsx(SelectionAttachedPill, {}), showPlanModeCallout && (_jsx(PlanModeCallout, { canImplementPlan: canImplementPlan, onImplementPlan: handleImplementPlan, onSwitchToAct: handleSwitchToAct })), showInlineMissingKeySetup ? (_jsx(BuilderSetupCard, { fullWidth: true, layout: "sidebar", onConnected: handleBuilderConnected })) : null, _jsxs(Popover, { open: showMissingKeySetup &&
                                                                     !showInlineMissingKeySetup &&
@@ -4154,24 +4215,26 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                                             !showMissingKeySetup &&
                                                                             "opacity-70"), rootClassName: cn(showMissingKeySetup &&
                                                                             "agent-composer-root--missing-key"), children: showMissingKeySetup &&
-                                                                            !showInlineMissingKeySetup ? (_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "agent-composer-missing-key-trigger", "aria-label": "Connect AI to start chatting", children: _jsxs("span", { className: "agent-composer-missing-key-content", children: [_jsxs("span", { className: "agent-composer-missing-key-copy", children: [_jsx("span", { className: "agent-composer-missing-key-title", children: missingApiKeySetupLayout ===
+                                                                            !showInlineMissingKeySetup ? (_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "agent-composer-missing-key-trigger", "aria-label": t("agentChat.setup.connectToStart"), children: _jsxs("span", { className: "agent-composer-missing-key-content", children: [_jsxs("span", { className: "agent-composer-missing-key-copy", children: [_jsx("span", { className: "agent-composer-missing-key-title", children: missingApiKeySetupLayout ===
                                                                                                         "sidebar"
-                                                                                                        ? "Connect AI to chat"
-                                                                                                        : "Connect AI to start chatting" }), missingApiKeySetupLayout !==
-                                                                                                    "sidebar" ? (_jsx("span", { className: "agent-composer-missing-key-description", children: "Builder.io includes free credits, or use your own API key." })) : null] }), _jsx("span", { className: "agent-composer-missing-key-cta", children: "Connect AI" })] }) }) })) : (_jsxs(_Fragment, { children: [_jsx(ComposerAttachmentPreviewStrip, {}), _jsx(TiptapComposer, { focusRef: tiptapRef, onTextChange: isActiveComposer
+                                                                                                        ? t("agentChat.setup.connectToChat")
+                                                                                                        : t("agentChat.setup.connectToStart") }), missingApiKeySetupLayout !==
+                                                                                                    "sidebar" ? (_jsx("span", { className: "agent-composer-missing-key-description", children: t("agentChat.setup.builderCredits") })) : null] }), _jsx("span", { className: "agent-composer-missing-key-cta", children: t("agentChat.setup.connectAi") })] }) }) })) : (_jsxs(_Fragment, { children: [_jsx(ComposerAttachmentPreviewStrip, {}), _jsx(TiptapComposer, { focusRef: tiptapRef, onTextChange: isActiveComposer
                                                                                         ? handleComposerTextChange
                                                                                         : undefined, disabled: isComposerDisabled ||
                                                                                         showInlineMissingKeySetup, placeholder: showInlineMissingKeySetup
-                                                                                        ? "Connect AI above to start chatting..."
+                                                                                        ? t("agentChat.setup.connectPlaceholder")
                                                                                         : engineSetupRequired
-                                                                                            ? "Connect AI to start chatting..."
+                                                                                            ? t("agentChat.setup.connectPlaceholder")
                                                                                             : composerDisabled
                                                                                                 ? (composerDisabledPlaceholder ??
-                                                                                                    "Open Desktop to use this chat.")
+                                                                                                    t("agentChat.composer.openDesktop"))
                                                                                                 : isRunning
                                                                                                     ? queuedMessages.length > 0
-                                                                                                        ? `${queuedMessages.length} queued — send a follow-up...`
-                                                                                                        : "Send a follow-up..."
+                                                                                                        ? t("agentChat.queue.followUpWithCount", {
+                                                                                                            count: queuedMessages.length,
+                                                                                                        })
+                                                                                                        : t("agentChat.queue.followUp")
                                                                                                     : resolveAssistantChatComposerPlaceholder(composerPlaceholder), onSubmit: isRunning ||
                                                                                         composerContextItems.length > 0
                                                                                         ? (text, references, attachments, options) => void addToQueue(text, undefined, references.length > 0
@@ -4180,9 +4243,11 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                                                             isRunning,
                                                                                             requestedIntent: options?.intent,
                                                                                         }), undefined, true)
-                                                                                        : undefined, willQueue: engineSetupRequired || isRunning, onSlashCommand: onSlashCommand, execMode: execMode, onExecModeChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason, selectedModel: selectedModel ?? defaultModel, selectedEffort: selectedEffort, availableModels: availableModels, modelListLoading: modelListLoading, onModelChange: onModelChange, onEffortChange: onEffortChange, imageModelMenu: imageModelMenu, onConnectProvider: onConnectProvider, onConnectLocalRuntime: onConnectLocalRuntime, toolbarSlot: composerToolbarSlot, contextItems: composerContextItems, onRemoveContextItem: removeComposerContextItem, plusMenuMode: plusMenuMode, layoutVariant: composerLayoutVariant, providerConnectStatusEnabled: providerStatusChecksEnabled, voiceEnabled: true, draftScope: threadId || tabId, interceptBuildRequestsForBuilder: true, onAttachmentError: setComposerError, extraActionButton: composerExtraActionButton, stopButton: showRunningInUI ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => stopActiveRun({
+                                                                                        : undefined, willQueue: engineSetupRequired || isRunning, onSlashCommand: onSlashCommand, execMode: execMode, onExecModeChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason, selectedModel: selectedModel ?? defaultModel, selectedEffort: selectedEffort, availableModels: availableModels, modelListLoading: modelListLoading, onModelChange: shouldShowAssistantChatModelSelector(showModelSelector)
+                                                                                        ? onModelChange
+                                                                                        : undefined, onEffortChange: onEffortChange, imageModelMenu: imageModelMenu, onConnectProvider: onConnectProvider, onConnectLocalRuntime: onConnectLocalRuntime, toolbarSlot: composerToolbarSlot, contextItems: composerContextItems, onRemoveContextItem: removeComposerContextItem, plusMenuMode: plusMenuMode, layoutVariant: composerLayoutVariant, providerConnectStatusEnabled: providerStatusChecksEnabled, voiceEnabled: true, draftScope: threadId || tabId, interceptBuildRequestsForBuilder: true, onAttachmentError: setComposerError, extraActionButton: composerExtraActionButton, stopButton: showRunningInUI ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => stopActiveRun({
                                                                                                         preserveQueuedMessages: true,
-                                                                                                    }), "aria-label": "Stop response", "data-agent-composer-slot": "stop-button", className: "shrink-0 flex h-7 w-7 cursor-pointer items-center justify-center rounded-full bg-primary text-primary-foreground shadow-sm transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: _jsx(IconPlayerStopFilled, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "Stop response" })] })) : undefined })] })) }), showMissingKeySetup &&
+                                                                                                    }), "aria-label": t("agentChat.composer.stopResponse"), "data-agent-composer-slot": "stop-button", className: "shrink-0 flex h-7 w-7 cursor-pointer items-center justify-center rounded-full bg-primary text-primary-foreground shadow-sm transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: _jsx(IconPlayerStopFilled, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: t("agentChat.composer.stopResponse") })] })) : undefined })] })) }), showMissingKeySetup &&
                                                                         !showInlineMissingKeySetup ? (_jsx(PopoverContent, { side: missingApiKeySetupLayout === "sidebar"
                                                                             ? "top"
                                                                             : "bottom", align: "center", sideOffset: 8, collisionPadding: 12, "data-agent-native-composer-popover": "true", className: "z-[260] box-border w-[min(calc(100vw-2rem),var(--radix-popover-content-available-width,26rem),26rem)] rounded-lg border-border p-3 shadow-lg", children: _jsx(BuilderSetupContent, { onConnected: handleBuilderConnected, layout: missingApiKeySetupLayout }) })) : null] })] })] }) }) }) }) }) }) }) }) }) }) }));