@agent-native/core 0.32.2 → 0.32.17

package/dist/client/AssistantChat.js

@@ -1,15 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useRef, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle, } from "react";
-import { AssistantRuntimeProvider, useLocalRuntime, useThreadRuntime, useThread, useAui, useComposer, useComposerRuntime, useMessageRuntime, ThreadPrimitive, MessagePrimitive, } from "@assistant-ui/react";
+import { AssistantRuntimeProvider, useLocalRuntime, useThreadRuntime, useThread, useAui, useComposer, useComposerRuntime, useMessagePartText, useMessageRuntime, ThreadPrimitive, MessagePrimitive, } from "@assistant-ui/react";
 import { CompositeAttachmentAdapter } from "@assistant-ui/react";
-import { MarkdownTextPrimitive } from "@assistant-ui/react-markdown";
 import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { createAgentChatAdapter, } from "./agent-chat-adapter.js";
+import { appendAgentChatContextToMessage, formatAgentChatContextItemsForPrompt, normalizeAgentChatContextItem, } from "./agent-chat.js";
 import { useAgentDynamicSuggestions, } from "./dynamic-suggestions.js";
+import { initialSmoothStreamingGraphemeCount, SMOOTH_STREAMING_COMMIT_INTERVAL_MS, smoothStreamingPunctuationDelayMs, smoothStreamingRevealCount, splitStreamingTextGraphemes, } from "../shared/streaming-text-smoothing.js";
 import { getActiveRun } from "./active-run-state.js";
 import { AgentAutoContinueSignal, readSSEStreamRaw, } from "./sse-event-processor.js";
 import { captureError } from "./analytics.js";
+import { AssistantMessageListErrorBoundary, AssistantUiStaleIndexErrorBoundary, } from "./assistant-ui-recovery.js";
 import { cn } from "./utils.js";
 import { writeClipboardText } from "./clipboard.js";
 import { useNearBottomAutoscroll } from "./conversation/index.js";
@@ -31,6 +33,7 @@ import { AgentComposerFrame } from "./composer/AgentComposerFrame.js";
 import { isPastedTextAttachmentName } from "./composer/pasted-text.js";
 import { PastedTextChip } from "./composer/PastedTextChip.js";
 import { IconMessage, IconX, IconPlayerStop, IconCheck, IconChevronDown, IconCopy, IconTerminal, IconLoader2, IconCircleX, IconSquareFilled, IconClock, IconFile, IconFolder, IconFileText, IconCheckbox, IconMail, IconUser, IconPresentation, IconStack2, IconMessageChatbot, IconLock, IconArrowBackUp, IconExternalLink, IconDots, IconGitFork, IconId, IconQuote, IconGauge, IconArrowRight, IconSettings, IconAlertTriangle, IconRefresh, IconPlayerPlay, IconClipboardList, IconSearch, IconArrowsMaximize, IconArrowsMinimize, IconPlus, } from "@tabler/icons-react";
+export { AssistantMessageListErrorBoundary, AssistantUiStaleIndexErrorBoundary, assistantUiRecoverableRenderErrorKind, isAssistantUiRecoverableRenderError, isAssistantUiStaleIndexError, } from "./assistant-ui-recovery.js";
 class DownscalingImageAttachmentAdapter {
     accept = "image/*";
     async add(state) {
@@ -340,6 +343,9 @@ const markdownStyles = `
 .agent-markdown table { border-collapse: collapse; margin: 0.5em 0; font-size: 0.875em; }
 .agent-markdown th, .agent-markdown td { border: 1px solid hsl(var(--border, 0 0% 20%)); padding: 0.35em 0.65em; text-align: left; }
 .agent-markdown th { font-weight: 600; background: hsl(var(--muted, 0 0% 15%)); color: hsl(var(--foreground, 0 0% 90%)); }
+.agent-markdown[data-streaming="true"] > :last-child:not(pre):not(table)::after { content: ""; display: inline-block; width: 0.42em; height: 1em; margin-left: 0.12em; border-radius: 999px; background: currentColor; opacity: 0.35; transform: translateY(0.16em); animation: agent-markdown-stream-caret 1.15s ease-in-out infinite; }
+@keyframes agent-markdown-stream-caret { 0%, 100% { opacity: 0.2; } 50% { opacity: 0.58; } }
+@media (prefers-reduced-motion: reduce) { .agent-markdown[data-streaming="true"] > :last-child:not(pre):not(table)::after { animation: none; opacity: 0.28; } }
 `;
 /**
  * Pending selection context — written to application_state when the user
@@ -735,17 +741,171 @@ function markdownUrlTransform(value) {
         return value;
     return defaultUrlTransform(value);
 }
-function MarkdownText() {
+const TextStreamingContext = React.createContext(false);
+function usePrefersReducedMotion() {
+    const [prefersReducedMotion, setPrefersReducedMotion] = useState(() => typeof window !== "undefined" && window.matchMedia
+        ? window.matchMedia("(prefers-reduced-motion: reduce)").matches
+        : false);
+    useEffect(() => {
+        if (typeof window === "undefined" || !window.matchMedia)
+            return undefined;
+        const media = window.matchMedia("(prefers-reduced-motion: reduce)");
+        const handleChange = () => setPrefersReducedMotion(media.matches);
+        handleChange();
+        if (typeof media.addEventListener === "function") {
+            media.addEventListener("change", handleChange);
+            return () => media.removeEventListener("change", handleChange);
+        }
+        media.addListener(handleChange);
+        return () => media.removeListener(handleChange);
+    }, []);
+    return prefersReducedMotion;
+}
+function sliceGraphemes(targetText, graphemes, count) {
+    if (count >= graphemes.length)
+        return targetText;
+    if (count <= 0)
+        return "";
+    return graphemes.slice(0, count).join("");
+}
+function useSmoothStreamingText(targetText, streaming, resetKey) {
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const [visibleText, setVisibleText] = useState(() => {
+        if (!streaming || prefersReducedMotion)
+            return targetText;
+        const graphemes = splitStreamingTextGraphemes(targetText);
+        return sliceGraphemes(targetText, graphemes, initialSmoothStreamingGraphemeCount(graphemes));
+    });
+    const visibleTextRef = useRef(visibleText);
+    const visibleCountRef = useRef(splitStreamingTextGraphemes(visibleText).length);
+    const targetTextRef = useRef(targetText);
+    const targetGraphemesRef = useRef(splitStreamingTextGraphemes(targetText));
+    const frameRef = useRef(null);
+    const lastCommitAtRef = useRef(0);
+    const pauseUntilRef = useRef(0);
+    const resetKeyRef = useRef(resetKey);
+    const stepRef = useRef(() => { });
+    const commitVisibleCount = useCallback((nextCount) => {
+        const graphemes = targetGraphemesRef.current;
+        const boundedCount = Math.max(0, Math.min(nextCount, graphemes.length));
+        const nextText = sliceGraphemes(targetTextRef.current, graphemes, boundedCount);
+        visibleCountRef.current = boundedCount;
+        if (visibleTextRef.current !== nextText) {
+            visibleTextRef.current = nextText;
+            setVisibleText(nextText);
+        }
+    }, []);
+    const cancelFrame = useCallback(() => {
+        if (frameRef.current != null &&
+            typeof window !== "undefined" &&
+            typeof window.cancelAnimationFrame === "function") {
+            window.cancelAnimationFrame(frameRef.current);
+        }
+        frameRef.current = null;
+        pauseUntilRef.current = 0;
+    }, []);
+    const scheduleFrame = useCallback(() => {
+        if (frameRef.current != null)
+            return;
+        if (typeof window === "undefined" ||
+            typeof window.requestAnimationFrame !== "function") {
+            commitVisibleCount(targetGraphemesRef.current.length);
+            return;
+        }
+        frameRef.current = window.requestAnimationFrame((time) => {
+            frameRef.current = null;
+            stepRef.current(time);
+        });
+    }, [commitVisibleCount]);
+    stepRef.current = (time) => {
+        const targetGraphemes = targetGraphemesRef.current;
+        const backlog = targetGraphemes.length - visibleCountRef.current;
+        if (backlog <= 0) {
+            pauseUntilRef.current = 0;
+            return;
+        }
+        if (pauseUntilRef.current > time) {
+            scheduleFrame();
+            return;
+        }
+        const lastCommitAt = lastCommitAtRef.current || time - SMOOTH_STREAMING_COMMIT_INTERVAL_MS;
+        if (time - lastCommitAt < SMOOTH_STREAMING_COMMIT_INTERVAL_MS &&
+            backlog > 1) {
+            scheduleFrame();
+            return;
+        }
+        const revealCount = smoothStreamingRevealCount({
+            backlog,
+            elapsedMs: Math.min(120, Math.max(8, time - lastCommitAt)),
+        });
+        if (revealCount > 0) {
+            const nextCount = visibleCountRef.current + revealCount;
+            commitVisibleCount(nextCount);
+            lastCommitAtRef.current = time;
+            const nextBacklog = targetGraphemes.length - visibleCountRef.current;
+            const pauseMs = smoothStreamingPunctuationDelayMs(targetGraphemes[visibleCountRef.current - 1], nextBacklog);
+            pauseUntilRef.current = pauseMs > 0 ? time + pauseMs : 0;
+        }
+        if (visibleCountRef.current < targetGraphemes.length) {
+            scheduleFrame();
+        }
+        else {
+            pauseUntilRef.current = 0;
+        }
+    };
+    useEffect(() => {
+        const targetGraphemes = splitStreamingTextGraphemes(targetText);
+        targetTextRef.current = targetText;
+        targetGraphemesRef.current = targetGraphemes;
+        const keyChanged = resetKeyRef.current !== resetKey;
+        resetKeyRef.current = resetKey;
+        if (!streaming || prefersReducedMotion) {
+            cancelFrame();
+            commitVisibleCount(targetGraphemes.length);
+            return;
+        }
+        const visibleNoLongerMatchesTarget = visibleTextRef.current.length > 0 &&
+            !targetText.startsWith(visibleTextRef.current);
+        if (keyChanged ||
+            visibleNoLongerMatchesTarget ||
+            visibleCountRef.current > targetGraphemes.length) {
+            commitVisibleCount(initialSmoothStreamingGraphemeCount(targetGraphemes));
+            lastCommitAtRef.current = 0;
+            pauseUntilRef.current = 0;
+        }
+        if (visibleCountRef.current < targetGraphemes.length) {
+            scheduleFrame();
+        }
+    }, [
+        targetText,
+        streaming,
+        prefersReducedMotion,
+        resetKey,
+        cancelFrame,
+        commitVisibleCount,
+        scheduleFrame,
+    ]);
+    useEffect(() => cancelFrame, [cancelFrame]);
+    return visibleText;
+}
+function SmoothMarkdownText({ text, streaming, resetKey, statusType = "complete", }) {
     useEffect(() => {
         injectMarkdownStyles();
     }, []);
-    return (_jsx(MarkdownTextPrimitive
-    // assistant-ui's smooth renderer can briefly read past its token tap
-    // cache while React is reconciling streamed messages.
-    , { 
-        // assistant-ui's smooth renderer can briefly read past its token tap
-        // cache while React is reconciling streamed messages.
-        smooth: false, className: "agent-markdown break-words", remarkPlugins: [remarkGfm], components: markdownComponents, urlTransform: markdownUrlTransform }));
+    const visibleText = useSmoothStreamingText(text, streaming, resetKey);
+    const isVisuallyStreaming = streaming && visibleText !== text;
+    return (_jsx("div", { className: "agent-markdown break-words", "data-status": statusType, "data-streaming": isVisuallyStreaming ? "true" : undefined, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: visibleText }) }));
+}
+function MarkdownText() {
+    const textPart = useMessagePartText();
+    const messageRuntime = useMessageRuntime();
+    const message = messageRuntime.getState();
+    const thread = useThread();
+    const textStreaming = React.useContext(TextStreamingContext);
+    const lastMessage = thread.messages[thread.messages.length - 1];
+    const isLastAssistantMessage = message.role === "assistant" && lastMessage?.id === message.id;
+    const statusType = textPart.status?.type ?? message.status?.type ?? "complete";
+    return (_jsx(SmoothMarkdownText, { text: textPart.text, streaming: textStreaming && isLastAssistantMessage, resetKey: `${message.id}:${statusType}`, statusType: statusType }));
 }
 // ─── Composer Attachment Preview ─────────────────────────────────────────────
 function getImageAttachmentSrc(attachment) {
@@ -1068,7 +1228,7 @@ function ReconnectStreamMessage({ content }) {
     const chatRunning = React.useContext(ChatRunningContext);
     return (_jsx("div", { className: "flex justify-start", children: _jsx("div", { className: "max-w-[95%] text-sm leading-relaxed text-foreground space-y-1", children: content.map((part, i) => {
                 if (part.type === "text") {
-                    return (_jsx("div", { className: "agent-markdown break-words", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: part.text }) }, `reconnect-text-${i}`));
+                    return (_jsx(SmoothMarkdownText, { text: part.text, streaming: chatRunning, resetKey: `reconnect-text-${i}`, statusType: chatRunning ? "running" : "complete" }, `reconnect-text-${i}`));
                 }
                 if (part.type === "tool-call") {
                     return (_jsx(ToolCallDisplay, { toolName: part.toolName, argsText: part.argsText, args: part.args, result: part.result, mcpApp: part.mcpApp, isRunning: part.result === undefined && chatRunning }, `reconnect-tool-${i}`));
@@ -1151,74 +1311,6 @@ function UserMessageText({ text }) {
 export function displayableUserMessageText(text) {
     return text.replace(/<context>[\s\S]*?<\/context>\n?/g, "").trim();
 }
-export function isAssistantUiStaleIndexError(error) {
-    const message = error instanceof Error ? error.message : String(error ?? "");
-    return /^tapClientLookup: Index \d+ out of bounds \(length: \d+\)$/.test(message);
-}
-export class AssistantUiStaleIndexErrorBoundary extends React.Component {
-    state = {
-        error: null,
-        retryToken: 0,
-    };
-    retryTimer = null;
-    static getDerivedStateFromError(error) {
-        return {
-            error: error instanceof Error ? error : new Error(String(error ?? "")),
-        };
-    }
-    componentDidCatch(error, info) {
-        if (!isAssistantUiStaleIndexError(error))
-            return;
-        captureError(error, {
-            tags: {
-                component: this.props.componentName ?? "AssistantChat",
-                recoverable: "assistant-ui-stale-message-index",
-            },
-            extra: {
-                resetKey: this.props.resetKey,
-                componentStack: info.componentStack,
-            },
-        });
-        if (this.retryTimer)
-            return;
-        this.retryTimer = setTimeout(() => {
-            this.retryTimer = null;
-            this.setState((state) => {
-                if (!state.error || !isAssistantUiStaleIndexError(state.error)) {
-                    return null;
-                }
-                return { error: null, retryToken: state.retryToken + 1 };
-            });
-        }, 0);
-    }
-    componentDidUpdate(prevProps) {
-        if (this.state.error &&
-            isAssistantUiStaleIndexError(this.state.error) &&
-            prevProps.resetKey !== this.props.resetKey) {
-            this.setState((state) => ({
-                error: null,
-                retryToken: state.retryToken + 1,
-            }));
-        }
-    }
-    componentWillUnmount() {
-        if (this.retryTimer) {
-            clearTimeout(this.retryTimer);
-        }
-    }
-    render() {
-        if (this.state.error) {
-            if (!isAssistantUiStaleIndexError(this.state.error)) {
-                throw this.state.error;
-            }
-            return null;
-        }
-        return (_jsx(React.Fragment, { children: this.props.children }, `${this.props.resetKey}:${this.state.retryToken}`));
-    }
-}
-export function AssistantMessageListErrorBoundary({ resetKey, children, }) {
-    return (_jsx(AssistantUiStaleIndexErrorBoundary, { resetKey: resetKey, componentName: "AssistantMessageList", children: children }));
-}
 function UserMessageAttachments() {
     const messageRuntime = useMessageRuntime();
     const msg = messageRuntime.getState();
@@ -1865,7 +1957,7 @@ function ensureMessageMetadata(repo) {
 // Re-export for backwards compatibility
 import { extractThreadMeta, normalizeThreadRepository, } from "../agent/thread-data-builder.js";
 export { extractThreadMeta };
-const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateText, suggestions, dynamicSuggestions, emptyStateAddon, showHeader = true, onSwitchToCli, className, apiUrl, tabId, browserTabId, threadId, contextScope, onMessageCountChange, onSaveThread, onGenerateTitle, composerSlot, composerAreaClassName, composerPlaceholder, composerLayoutVariant = "default", centerComposerWhenEmpty = false, emptyStateDisplay = "default", composerToolbarSlot, composerExtraActionButton, composerDisabled = false, composerDisabledPlaceholder, isNewThread, onSlashCommand, execMode, onExecModeChange, planModeDisabled, planModeDisabledReason, selectedModel, defaultModel, selectedEngine, selectedEffort, availableModels, onModelChange, onEffortChange, onForkChat, onConnectProvider, plusMenuMode = "full", providerStatusChecksEnabled = true, loadHistoryRepository, historyReloadKey, }, ref) {
+const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateText, suggestions, dynamicSuggestions, emptyStateAddon, showHeader = true, onSwitchToCli, className, apiUrl, tabId, browserTabId, threadId, contextScope, onMessageCountChange, onSaveThread, onGenerateTitle, composerSlot, composerAreaClassName, composerPlaceholder, composerLayoutVariant = "default", centerComposerWhenEmpty = false, emptyStateDisplay = "default", composerToolbarSlot, composerExtraActionButton, composerDisabled = false, composerDisabledPlaceholder, isNewThread, onSlashCommand, execMode, onExecModeChange, planModeDisabled, planModeDisabledReason, selectedModel, defaultModel, selectedEngine, selectedEffort, availableModels, onModelChange, onEffortChange, onForkChat, onConnectProvider, plusMenuMode = "full", providerStatusChecksEnabled = true, loadHistoryRepository, historyReloadKey, externalStreaming = false, }, ref) {
     const thread = useThread();
     const threadRuntime = useThreadRuntime();
     const composerRuntime = useComposerRuntime();
@@ -1983,6 +2075,38 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     const [authError, setAuthError] = useState(null);
     const [authSessionAvailable, setAuthSessionAvailable] = useState(false);
     const [queuedMessages, setQueuedMessages] = useState([]);
+    const [composerContextItems, setComposerContextItems] = useState([]);
+    const composerContextItemsRef = useRef([]);
+    const updateComposerContextItems = useCallback((updater) => {
+        setComposerContextItems((previous) => {
+            const next = updater(previous);
+            composerContextItemsRef.current = next;
+            return next;
+        });
+    }, []);
+    const stageComposerContextItem = useCallback((rawItem) => {
+        const item = normalizeAgentChatContextItem(rawItem);
+        if (!item)
+            return;
+        updateComposerContextItems((previous) => {
+            const index = previous.findIndex((current) => current.key === item.key);
+            if (index === -1)
+                return [...previous, item];
+            return previous.map((current, currentIndex) => currentIndex === index ? item : current);
+        });
+    }, [updateComposerContextItems]);
+    const removeComposerContextItem = useCallback((key) => {
+        updateComposerContextItems((previous) => previous.filter((item) => item.key !== key));
+    }, [updateComposerContextItems]);
+    const buildComposerContextSubmission = useCallback((text) => {
+        const context = formatAgentChatContextItemsForPrompt(composerContextItemsRef.current);
+        if (!context)
+            return { text, includesContext: false };
+        return {
+            text: appendAgentChatContextToMessage(text, context),
+            includesContext: true,
+        };
+    }, []);
     // Tracks the JSON of the last queue we successfully persisted so the
     // debounced save effect can skip no-op writes (e.g. restore-from-server
     // on mount, or queue state that hasn't actually changed).
@@ -2009,6 +2133,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     // to an active run the same as running, UNLESS the user has explicitly
     // clicked stop (forceStopped).
     const isRunning = !forceStopped && (isRuntimeRunning || isReconnecting);
+    const textStreaming = isRunning || externalStreaming;
     // UI-only running state — drives the stop button and thinking indicator.
     const showRunningInUI = isRunning;
     const wasRunningRef = useRef(false);
@@ -2844,7 +2969,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         threadId,
         threadRuntime,
     ]);
-    const addToQueue = useCallback(async (text, images, references, attachments, requestMode, intent = "queued", recoveryAction) => {
+    const addToQueue = useCallback(async (text, images, references, attachments, requestMode, intent = "queued", recoveryAction, includeComposerContext = false) => {
         materializeFrozenReconnectContent();
         setShowContinue(false);
         setLoopLimitInfo(null);
@@ -2862,6 +2987,10 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         // exists to stop streaming from yanking the viewport, not to swallow
         // direct sends.
         markNearBottom();
+        const submitted = includeComposerContext
+            ? buildComposerContextSubmission(text)
+            : { text, includesContext: false };
+        const submittedText = submitted.text;
         const queuedAttachments = await serializeQueuedAttachments(attachments);
         const imageAttachments = createAgentImageAttachments(images);
         const messageAttachments = [
@@ -2885,7 +3014,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                     id: typeof crypto !== "undefined" && crypto.randomUUID
                         ? crypto.randomUUID()
                         : `q-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-                    text,
+                    text: submittedText,
                     images,
                     attachments: messageAttachments.length > 0 ? messageAttachments : undefined,
                     references,
@@ -2897,19 +3026,37 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         else {
             threadRuntime.append({
                 role: "user",
-                content: [{ type: "text", text }],
+                content: [{ type: "text", text: submittedText }],
                 ...(messageAttachments.length > 0
                     ? { attachments: messageAttachments }
                     : {}),
                 ...createUserMessageRunConfig(references, effectiveRequestMode, recoveryAction),
             });
         }
-    }, [execMode, isRunning, materializeFrozenReconnectContent, threadRuntime]);
+        if (submitted.includesContext) {
+            updateComposerContextItems(() => []);
+        }
+    }, [
+        buildComposerContextSubmission,
+        execMode,
+        isRunning,
+        materializeFrozenReconnectContent,
+        threadRuntime,
+        updateComposerContextItems,
+    ]);
     // Expose imperative handle
     useImperativeHandle(ref, () => ({
         sendMessage(text, images) {
             addToQueue(text, images);
         },
+        prefillMessage(text) {
+            tiptapRef.current?.setText(text);
+            tiptapRef.current?.focus();
+        },
+        setComposerContextItem(item) {
+            stageComposerContextItem(item);
+            tiptapRef.current?.focus();
+        },
         sendRecoveryMessage(text, recoveryAction, images) {
             addToQueue(text, images, undefined, undefined, undefined, "queued", recoveryAction);
         },
@@ -2934,7 +3081,13 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                 messageCount: messages.length,
             };
         },
-    }), [addToQueue, messages.length, thread.isRunning, threadRuntime]);
+    }), [
+        addToQueue,
+        messages.length,
+        stageComposerContextItem,
+        thread.isRunning,
+        threadRuntime,
+    ]);
     const autoscrollFollowKey = useMemo(() => [
         messages.map(messageFollowKey).join(";"),
         `q:${queuedMessages.map(queuedMessageFollowKey).join("|")}`,
@@ -2942,7 +3095,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     ].join(";;"), [messages, queuedMessages, reconnectContent]);
     const { scrollRef, isNearBottomRef, showScrollToBottom, markNearBottom, scrollToBottom, scrollToBottomAfterPaint, } = useNearBottomAutoscroll({
         followKey: autoscrollFollowKey,
-        streaming: isRunning,
+        streaming: textStreaming,
     });
     const scrollToBottomWhileLayoutSettles = useCallback(() => {
         scrollToBottomAfterPaint();
@@ -2977,10 +3130,10 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         }
     }, [isRestoring, scrollToBottomWhileLayoutSettles]);
     useEffect(() => {
-        if (!isRunning && isNearBottomRef.current) {
+        if (!textStreaming && isNearBottomRef.current) {
             scrollToBottomAfterPaint();
         }
-    }, [isRunning, scrollToBottomAfterPaint]);
+    }, [textStreaming, scrollToBottomAfterPaint]);
     const { isDevMode: cpDevMode } = useDevMode(apiUrl);
     const checkpointCtx = useMemo(() => ({ apiUrl, devMode: cpDevMode, threadId }), [apiUrl, cpDevMode, threadId]);
     const messageActionsCtx = useMemo(() => ({ onForkChat }), [onForkChat]);
@@ -3044,123 +3197,124 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         queryKey: ["guided-questions"],
         ...(browserTabId ? { browserTabId } : {}),
     });
-    return (_jsx(CheckpointContext.Provider, { value: checkpointCtx, children: _jsx(MessageActionsContext.Provider, { value: messageActionsCtx, children: _jsx(ChatRunningContext.Provider, { value: isRunning, children: _jsxs("div", { "data-agent-empty-state": centeredEmptyState ? "centered" : 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" })] }) })) })] })), _jsx("div", { ref: scrollRef, className: "agent-chat-scroll flex-1 overflow-y-auto overflow-x-hidden min-h-0", 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-destructive/10", children: _jsx(IconLock, { className: "h-5 w-5 text-destructive" }) }), _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"
-                                                    : 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."
-                                                    : 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 && !authSessionAvailable && (_jsx("button", { onClick: () => {
-                                                    const ret = window.location.pathname + window.location.search;
-                                                    window.location.href =
-                                                        agentNativePath("/_agent-native/sign-in") +
-                                                            `?return=${encodeURIComponent(ret)}`;
-                                                }, className: "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md", children: "Log in" })), authError.sessionExpired && !authSessionAvailable && (_jsx("button", { onClick: async () => {
-                                                    try {
-                                                        await fetch(agentNativePath("/_agent-native/auth/logout"), {
-                                                            method: "POST",
-                                                        });
-                                                    }
-                                                    catch { }
-                                                    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: () => {
-                                                    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" })] })] })) : missingApiKey && messages.length === 0 ? (_jsx("div", { className: "flex flex-col items-center justify-center h-full px-2", children: _jsx(BuilderSetupCard, { onConnected: handleBuilderConnected, bouncePulse: missingKeyBouncePulse }) })) : 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" })] })] })) : messages.length === 0 && !isReconnecting ? (_jsxs("div", { className: cn("agent-empty-state", emptyStateDisplay === "hidden"
-                                    ? "sr-only"
-                                    : "flex h-full flex-col items-center justify-center gap-4 px-4 py-16"), children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: _jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground" }) }), _jsx("p", { className: "text-sm text-muted-foreground text-center max-w-[240px]", children: emptyStateText ?? "How can I help you?" }), emptyStateAddon, resolvedSuggestions && resolvedSuggestions.length > 0 && (_jsx("div", { className: "flex flex-col gap-1.5 w-full max-w-[280px]", children: resolvedSuggestions.map((suggestion) => (_jsx("button", { onClick: () => {
-                                                threadRuntime.append({
-                                                    role: "user",
-                                                    content: [{ type: "text", text: suggestion }],
-                                                });
-                                            }, className: "w-full rounded-lg border border-border px-3 py-2 text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground", children: suggestion }, suggestion))) }))] })) : (_jsxs("div", { className: "agent-thread-content flex flex-col gap-4 px-4 py-4", children: [_jsx(AssistantMessageListErrorBoundary, { resetKey: messageListResetKey, children: _jsx(ThreadPrimitive.Messages, { components: {
-                                                UserMessage,
-                                                AssistantMessage,
-                                            } }) }), missingApiKey && (_jsx(BuilderSetupCard, { onConnected: handleBuilderConnected, bouncePulse: missingKeyBouncePulse })), visibleLoopLimit && !showRunningInUI && (_jsx(LoopLimitContinueCard, { info: visibleLoopLimit, onContinue: () => {
-                                            setShowContinue(false);
-                                            setLoopLimitInfo(null);
-                                            addToQueue("Continue from where you left off.", undefined, undefined, undefined, undefined, "queued", "continue");
-                                        } })), shouldShowRunError && visibleRunError && (_jsx(RunErrorRecoveryCard, { info: visibleRunError, onContinue: () => {
-                                            setRunErrorInfo(null);
-                                            addToQueue("Continue from where you stopped. Use the partial work above, verify what succeeded, and finish the original request. Do not rerun the exact same failed tool input unless the failure was transient or the user explicitly asked for an exact rerun. Prefer dedicated app actions over raw database edits when they exist.", undefined, undefined, undefined, undefined, "queued", "continue");
-                                        }, onRetry: () => {
-                                            setRunErrorInfo(null);
-                                            addToQueue(lastUserText
-                                                ? `Retry the previous request from a clean approach. Do not rerun the exact same failed tool input unless the failure was transient or the user explicitly asked for an exact rerun. If a provider query failed because of schema, syntax, or type mismatch, diagnose the error and adjust the query first.\n\nOriginal request:\n\n${lastUserText}`
-                                                : "Retry the previous request from a clean approach. Do not rerun the exact same failed tool input unless the failure was transient or the user explicitly asked for an exact rerun. If a provider query failed because of schema, syntax, or type mismatch, diagnose the error and adjust the query first.", undefined, undefined, undefined, undefined, "queued", "retry");
-                                        }, onFork: onForkChat, onDismiss: () => {
-                                            if (visibleRunErrorKey) {
-                                                setDismissedRunErrorKey(visibleRunErrorKey);
-                                            }
-                                            setRunErrorInfo(null);
-                                        } })), (isReconnecting || reconnectFrozen) &&
-                                        reconnectContent.length > 0 && (_jsx(ReconnectStreamMessage, { content: reconnectContent })), queuedMessages.map((msg) => {
-                                        const displayText = msg.text
-                                            .replace(/<context>[\s\S]*?<\/context>\n?/g, "")
-                                            .trim();
-                                        return (_jsx("div", { className: "flex justify-end group", children: _jsxs("div", { className: "relative max-w-[85%] rounded-lg bg-accent/50 text-foreground/60 px-3 py-2 text-sm leading-relaxed whitespace-pre-wrap break-words", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground mb-1 font-medium uppercase tracking-wide", children: [_jsx(IconClock, { className: "h-3 w-3" }), "Queued"] }), displayText, msg.images && msg.images.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: msg.images.map((img, j) => (_jsx("img", { src: img, alt: "", className: "h-12 w-12 rounded object-cover border border-border/50" }, j))) })), _jsx("button", { type: "button", onClick: () => setQueuedMessages((prev) => prev.filter((m) => m.id !== msg.id)), "aria-label": "Remove from queue", className: "absolute -top-2 -right-2 flex h-5 w-5 items-center justify-center rounded-full border border-border bg-background text-muted-foreground opacity-0 group-hover:opacity-100 focus-visible:opacity-100 hover:text-foreground hover:bg-accent shadow-sm", children: _jsx(IconX, { className: "h-3 w-3" }) })] }) }, msg.id));
-                                    })] })) }), showScrollToBottom && (_jsx("div", { className: "shrink-0 flex justify-center -mb-1", children: _jsx("button", { type: "button", onClick: scrollToBottom, className: "flex h-7 w-7 items-center justify-center rounded-full border border-border bg-background shadow-sm hover:bg-accent", "aria-label": "Scroll to bottom", children: _jsx(IconChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) }) })), composerSlot, guidedQuestions && guidedQuestions.length > 0 && (_jsx("div", { className: "shrink-0 px-3 pb-2 pt-1", children: _jsx("div", { className: "rounded-lg border border-border bg-card/60 shadow-sm", children: _jsx(GuidedQuestionFlow, { questions: guidedQuestions, onSubmit: handleGuidedQuestionsSubmit, onSkip: handleGuidedQuestionsSkip, ...(guidedQuestionsTitle
-                                        ? { title: guidedQuestionsTitle }
-                                        : {}), ...(guidedQuestionsDescription
-                                        ? { description: guidedQuestionsDescription }
-                                        : {}), ...(guidedQuestionsSkipLabel
-                                        ? { skipLabel: guidedQuestionsSkipLabel }
-                                        : {}), ...(guidedQuestionsSubmitLabel
-                                        ? { submitLabel: guidedQuestionsSubmitLabel }
-                                        : {}), className: "h-auto items-stretch justify-stretch bg-transparent" }) }) })), showPlanModeCallout && (_jsx(PlanModeCallout, { canImplementPlan: canImplementPlan, onImplementPlan: handleImplementPlan, onSwitchToAct: handleSwitchToAct })), _jsx(SelectionAttachedPill, {}), showRunningInUI && (_jsx(RunningActivityStatus, { steps: activitySteps, label: isReconnecting
-                                ? "Reconnecting"
-                                : SHOW_AGENT_ACTIVITY_STEPS
-                                    ? (activityLabel ?? "Thinking")
-                                    : "Thinking" })), _jsxs(AgentComposerFrame, { layoutVariant: composerLayoutVariant, className: cn(composerAreaClassName, missingApiKey && "cursor-pointer", isComposerDisabled && "opacity-70"), onClick: missingApiKey
-                                ? () => setMissingKeyBouncePulse((p) => p + 1)
-                                : undefined, children: [_jsx(ComposerAttachmentPreviewStrip, {}), _jsx(TiptapComposer, { focusRef: tiptapRef, disabled: isComposerDisabled, placeholder: missingApiKey
-                                        ? "Connect an AI engine above to start chatting…"
-                                        : composerDisabled
-                                            ? (composerDisabledPlaceholder ??
-                                                "Open Desktop to use this chat.")
-                                            : isRunning
-                                                ? queuedMessages.length > 0
-                                                    ? `${queuedMessages.length} queued — send a follow-up...`
-                                                    : "Send a follow-up..."
-                                                : composerPlaceholder, onSubmit: isRunning
-                                        ? (text, references, attachments, options) => void addToQueue(text, undefined, references.length > 0 ? references : undefined, attachments, undefined, options?.intent ?? "immediate")
-                                        : undefined, onSlashCommand: onSlashCommand, execMode: execMode, onExecModeChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason, selectedModel: selectedModel ?? defaultModel, selectedEffort: selectedEffort, availableModels: availableModels, onModelChange: onModelChange, onEffortChange: onEffortChange, onConnectProvider: onConnectProvider, toolbarSlot: composerToolbarSlot, plusMenuMode: plusMenuMode, layoutVariant: composerLayoutVariant, providerConnectStatusEnabled: providerStatusChecksEnabled, draftScope: threadId || tabId, interceptBuildRequestsForBuilder: true, extraActionButton: composerExtraActionButton || showRunningInUI ? (_jsxs(_Fragment, { children: [composerExtraActionButton, showRunningInUI && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => {
-                                                                // Nuclear stop: flip forceStopped so isRunning is false
-                                                                // immediately. This unblocks submission even if the
-                                                                // runtime or reconnect state is stuck.
-                                                                setForceStopped(true);
-                                                                const activeRun = getActiveRun();
-                                                                const runIdToAbort = reconnectRunIdRef.current ?? activeRun?.runId;
-                                                                userStoppedRunRef.current = {
-                                                                    at: Date.now(),
-                                                                    ...(runIdToAbort
-                                                                        ? { runId: runIdToAbort }
-                                                                        : {}),
-                                                                };
-                                                                setRunErrorInfo(null);
-                                                                setDismissedRunErrorKey(null);
-                                                                if (runIdToAbort) {
-                                                                    fetch(`${apiUrl}/runs/${encodeURIComponent(runIdToAbort)}/abort`, { method: "POST" }).catch(() => { });
-                                                                }
-                                                                if (isReconnecting) {
-                                                                    reconnectAbortRef.current?.abort();
-                                                                    reconnectAbortRef.current = null;
-                                                                    reconnectRunIdRef.current = null;
-                                                                    setIsReconnecting(false);
-                                                                    setReconnectFrozen(reconnectContent.length > 0);
-                                                                }
-                                                                threadRuntime.cancelRun();
-                                                                window.dispatchEvent(new CustomEvent("agentNative.chatRunning", {
-                                                                    detail: {
-                                                                        isRunning: false,
-                                                                        tabId: tabId || threadId,
-                                                                    },
-                                                                }));
-                                                            }, className: "shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-muted text-foreground hover:bg-muted/80", children: _jsx(IconPlayerStop, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Stop generating" })] }))] })) : undefined })] })] }) }) }) }));
+    return (_jsx(CheckpointContext.Provider, { value: checkpointCtx, children: _jsx(MessageActionsContext.Provider, { value: messageActionsCtx, children: _jsx(ChatRunningContext.Provider, { value: isRunning, children: _jsx(TextStreamingContext.Provider, { value: textStreaming, children: _jsxs("div", { "data-agent-empty-state": centeredEmptyState ? "centered" : 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" })] }) })) })] })), _jsx("div", { ref: scrollRef, className: "agent-chat-scroll flex-1 overflow-y-auto overflow-x-hidden min-h-0", 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-destructive/10", children: _jsx(IconLock, { className: "h-5 w-5 text-destructive" }) }), _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"
+                                                        : 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."
+                                                        : 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 && !authSessionAvailable && (_jsx("button", { onClick: () => {
+                                                        const ret = window.location.pathname + window.location.search;
+                                                        window.location.href =
+                                                            agentNativePath("/_agent-native/sign-in") +
+                                                                `?return=${encodeURIComponent(ret)}`;
+                                                    }, className: "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md", children: "Log in" })), authError.sessionExpired && !authSessionAvailable && (_jsx("button", { onClick: async () => {
+                                                        try {
+                                                            await fetch(agentNativePath("/_agent-native/auth/logout"), {
+                                                                method: "POST",
+                                                            });
+                                                        }
+                                                        catch { }
+                                                        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: () => {
+                                                        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" })] })] })) : missingApiKey && messages.length === 0 ? (_jsx("div", { className: "flex flex-col items-center justify-center h-full px-2", children: _jsx(BuilderSetupCard, { onConnected: handleBuilderConnected, bouncePulse: missingKeyBouncePulse }) })) : 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" })] })] })) : messages.length === 0 && !isReconnecting ? (_jsxs("div", { className: cn("agent-empty-state", emptyStateDisplay === "hidden"
+                                        ? "sr-only"
+                                        : "flex h-full flex-col items-center justify-center gap-4 px-4 py-16"), children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: _jsx(IconMessage, { className: "h-5 w-5 text-muted-foreground" }) }), _jsx("p", { className: "text-sm text-muted-foreground text-center max-w-[240px]", children: emptyStateText ?? "How can I help you?" }), emptyStateAddon, resolvedSuggestions && resolvedSuggestions.length > 0 && (_jsx("div", { className: "flex flex-col gap-1.5 w-full max-w-[280px]", children: resolvedSuggestions.map((suggestion) => (_jsx("button", { onClick: () => {
+                                                    threadRuntime.append({
+                                                        role: "user",
+                                                        content: [{ type: "text", text: suggestion }],
+                                                    });
+                                                }, className: "w-full rounded-lg border border-border px-3 py-2 text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground", children: suggestion }, suggestion))) }))] })) : (_jsxs("div", { className: "agent-thread-content flex flex-col gap-4 px-4 py-4", children: [_jsx(AssistantMessageListErrorBoundary, { resetKey: messageListResetKey, children: _jsx(ThreadPrimitive.Messages, { components: {
+                                                    UserMessage,
+                                                    AssistantMessage,
+                                                } }) }), missingApiKey && (_jsx(BuilderSetupCard, { onConnected: handleBuilderConnected, bouncePulse: missingKeyBouncePulse })), visibleLoopLimit && !showRunningInUI && (_jsx(LoopLimitContinueCard, { info: visibleLoopLimit, onContinue: () => {
+                                                setShowContinue(false);
+                                                setLoopLimitInfo(null);
+                                                addToQueue("Continue from where you left off.", undefined, undefined, undefined, undefined, "queued", "continue");
+                                            } })), shouldShowRunError && visibleRunError && (_jsx(RunErrorRecoveryCard, { info: visibleRunError, onContinue: () => {
+                                                setRunErrorInfo(null);
+                                                addToQueue("Continue from where you stopped. Use the partial work above, verify what succeeded, and finish the original request. Do not rerun the exact same failed tool input unless the failure was transient or the user explicitly asked for an exact rerun. Prefer dedicated app actions over raw database edits when they exist.", undefined, undefined, undefined, undefined, "queued", "continue");
+                                            }, onRetry: () => {
+                                                setRunErrorInfo(null);
+                                                addToQueue(lastUserText
+                                                    ? `Retry the previous request from a clean approach. Do not rerun the exact same failed tool input unless the failure was transient or the user explicitly asked for an exact rerun. If a provider query failed because of schema, syntax, or type mismatch, diagnose the error and adjust the query first.\n\nOriginal request:\n\n${lastUserText}`
+                                                    : "Retry the previous request from a clean approach. Do not rerun the exact same failed tool input unless the failure was transient or the user explicitly asked for an exact rerun. If a provider query failed because of schema, syntax, or type mismatch, diagnose the error and adjust the query first.", undefined, undefined, undefined, undefined, "queued", "retry");
+                                            }, onFork: onForkChat, onDismiss: () => {
+                                                if (visibleRunErrorKey) {
+                                                    setDismissedRunErrorKey(visibleRunErrorKey);
+                                                }
+                                                setRunErrorInfo(null);
+                                            } })), (isReconnecting || reconnectFrozen) &&
+                                            reconnectContent.length > 0 && (_jsx(ReconnectStreamMessage, { content: reconnectContent })), queuedMessages.map((msg) => {
+                                            const displayText = msg.text
+                                                .replace(/<context>[\s\S]*?<\/context>\n?/g, "")
+                                                .trim();
+                                            return (_jsx("div", { className: "flex justify-end group", children: _jsxs("div", { className: "relative max-w-[85%] rounded-lg bg-accent/50 text-foreground/60 px-3 py-2 text-sm leading-relaxed whitespace-pre-wrap break-words", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground mb-1 font-medium uppercase tracking-wide", children: [_jsx(IconClock, { className: "h-3 w-3" }), "Queued"] }), displayText, msg.images && msg.images.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: msg.images.map((img, j) => (_jsx("img", { src: img, alt: "", className: "h-12 w-12 rounded object-cover border border-border/50" }, j))) })), _jsx("button", { type: "button", onClick: () => setQueuedMessages((prev) => prev.filter((m) => m.id !== msg.id)), "aria-label": "Remove from queue", className: "absolute -top-2 -right-2 flex h-5 w-5 items-center justify-center rounded-full border border-border bg-background text-muted-foreground opacity-0 group-hover:opacity-100 focus-visible:opacity-100 hover:text-foreground hover:bg-accent shadow-sm", children: _jsx(IconX, { className: "h-3 w-3" }) })] }) }, msg.id));
+                                        })] })) }), showScrollToBottom && (_jsx("div", { className: "shrink-0 flex justify-center -mb-1", children: _jsx("button", { type: "button", onClick: scrollToBottom, className: "flex h-7 w-7 items-center justify-center rounded-full border border-border bg-background shadow-sm hover:bg-accent", "aria-label": "Scroll to bottom", children: _jsx(IconChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) }) })), composerSlot, guidedQuestions && guidedQuestions.length > 0 && (_jsx("div", { className: "shrink-0 px-3 pb-2 pt-1", children: _jsx("div", { className: "rounded-lg border border-border bg-card/60 shadow-sm", children: _jsx(GuidedQuestionFlow, { questions: guidedQuestions, onSubmit: handleGuidedQuestionsSubmit, onSkip: handleGuidedQuestionsSkip, ...(guidedQuestionsTitle
+                                            ? { title: guidedQuestionsTitle }
+                                            : {}), ...(guidedQuestionsDescription
+                                            ? { description: guidedQuestionsDescription }
+                                            : {}), ...(guidedQuestionsSkipLabel
+                                            ? { skipLabel: guidedQuestionsSkipLabel }
+                                            : {}), ...(guidedQuestionsSubmitLabel
+                                            ? { submitLabel: guidedQuestionsSubmitLabel }
+                                            : {}), className: "h-auto items-stretch justify-stretch bg-transparent" }) }) })), showPlanModeCallout && (_jsx(PlanModeCallout, { canImplementPlan: canImplementPlan, onImplementPlan: handleImplementPlan, onSwitchToAct: handleSwitchToAct })), _jsx(SelectionAttachedPill, {}), showRunningInUI && (_jsx(RunningActivityStatus, { steps: activitySteps, label: isReconnecting
+                                    ? "Reconnecting"
+                                    : SHOW_AGENT_ACTIVITY_STEPS
+                                        ? (activityLabel ?? "Thinking")
+                                        : "Thinking" })), _jsxs(AgentComposerFrame, { layoutVariant: composerLayoutVariant, className: cn(composerAreaClassName, missingApiKey && "cursor-pointer", isComposerDisabled && "opacity-70"), onClick: missingApiKey
+                                    ? () => setMissingKeyBouncePulse((p) => p + 1)
+                                    : undefined, children: [_jsx(ComposerAttachmentPreviewStrip, {}), _jsx(TiptapComposer, { focusRef: tiptapRef, disabled: isComposerDisabled, placeholder: missingApiKey
+                                            ? "Connect an AI engine above to start chatting…"
+                                            : composerDisabled
+                                                ? (composerDisabledPlaceholder ??
+                                                    "Open Desktop to use this chat.")
+                                                : isRunning
+                                                    ? queuedMessages.length > 0
+                                                        ? `${queuedMessages.length} queued — send a follow-up...`
+                                                        : "Send a follow-up..."
+                                                    : composerPlaceholder, onSubmit: isRunning || composerContextItems.length > 0
+                                            ? (text, references, attachments, options) => void addToQueue(text, undefined, references.length > 0 ? references : undefined, attachments, undefined, options?.intent ?? "immediate", undefined, true)
+                                            : undefined, onSlashCommand: onSlashCommand, execMode: execMode, onExecModeChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason, selectedModel: selectedModel ?? defaultModel, selectedEffort: selectedEffort, availableModels: availableModels, onModelChange: onModelChange, onEffortChange: onEffortChange, onConnectProvider: onConnectProvider, toolbarSlot: composerToolbarSlot, contextItems: composerContextItems, onRemoveContextItem: removeComposerContextItem, plusMenuMode: plusMenuMode, layoutVariant: composerLayoutVariant, providerConnectStatusEnabled: providerStatusChecksEnabled, draftScope: threadId || tabId, interceptBuildRequestsForBuilder: true, extraActionButton: composerExtraActionButton || showRunningInUI ? (_jsxs(_Fragment, { children: [composerExtraActionButton, showRunningInUI && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => {
+                                                                    // Nuclear stop: flip forceStopped so isRunning is false
+                                                                    // immediately. This unblocks submission even if the
+                                                                    // runtime or reconnect state is stuck.
+                                                                    setForceStopped(true);
+                                                                    const activeRun = getActiveRun();
+                                                                    const runIdToAbort = reconnectRunIdRef.current ??
+                                                                        activeRun?.runId;
+                                                                    userStoppedRunRef.current = {
+                                                                        at: Date.now(),
+                                                                        ...(runIdToAbort
+                                                                            ? { runId: runIdToAbort }
+                                                                            : {}),
+                                                                    };
+                                                                    setRunErrorInfo(null);
+                                                                    setDismissedRunErrorKey(null);
+                                                                    if (runIdToAbort) {
+                                                                        fetch(`${apiUrl}/runs/${encodeURIComponent(runIdToAbort)}/abort`, { method: "POST" }).catch(() => { });
+                                                                    }
+                                                                    if (isReconnecting) {
+                                                                        reconnectAbortRef.current?.abort();
+                                                                        reconnectAbortRef.current = null;
+                                                                        reconnectRunIdRef.current = null;
+                                                                        setIsReconnecting(false);
+                                                                        setReconnectFrozen(reconnectContent.length > 0);
+                                                                    }
+                                                                    threadRuntime.cancelRun();
+                                                                    window.dispatchEvent(new CustomEvent("agentNative.chatRunning", {
+                                                                        detail: {
+                                                                            isRunning: false,
+                                                                            tabId: tabId || threadId,
+                                                                        },
+                                                                    }));
+                                                                }, className: "shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-muted text-foreground hover:bg-muted/80", children: _jsx(IconPlayerStop, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Stop generating" })] }))] })) : undefined })] })] }) }) }) }) }));
 });
 export const AssistantChat = forwardRef(function AssistantChat({ apiUrl = agentNativePath("/_agent-native/agent-chat"), tabId, browserTabId, threadId, contextScope, ...props }, ref) {
     const modelRef = useRef(props.selectedModel);