@agent-native/core 0.149.1 → 0.149.3

package/dist/client/AssistantChat.js

@@ -8,8 +8,8 @@ import { CompositeAttachmentAdapter } from "@assistant-ui/react";
 import { IconArrowUp, IconClock, IconMessage, IconX, IconPlayerStopFilled, IconTerminal, IconAlertTriangle, IconChevronDown, IconRefresh, } from "@tabler/icons-react";
 import { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, forwardRef, useImperativeHandle, } from "react";
 import { createPollEngine } from "../shared/poll-engine.js";
-import { clearPendingTurnIfMatches, clearActiveRunIfMatches, getPendingTurn, getActiveRunActivityTool, getActiveRun, resolveReconnectAfterSeq, setActiveRun, updateActiveRunActivity, updateActiveRunSeq, } from "./active-run-state.js";
-import { activeRunLooksAlive, createAgentChatAdapter, } from "./agent-chat-adapter.js";
+import { clearPendingTurnIfMatches, clearActiveRunIfMatches, getPendingTurn, getActiveRunActivityTool, getActiveRun, hasRecentActiveRunProgress, resolveReconnectAfterSeq, setActiveRun, updateActiveRunActivity, updateActiveRunSeq, } from "./active-run-state.js";
+import { activeRunLooksAlive, createAgentChatAdapter, hasInFlightToolCall, } from "./agent-chat-adapter.js";
 import { appendAgentChatContextToMessage, formatAgentChatContextItemsForPrompt, getAgentChatContextState, isAgentChatSubmitCancelled, normalizeAgentChatContextItem, publishAgentChatContextItems, refreshAgentChatContext, reportAgentChatSubmitResult, subscribeAgentChatContext, } from "./agent-chat.js";
 import { captureError } from "./analytics.js";
 import { agentNativePath } from "./api-path.js";
@@ -23,7 +23,7 @@ import { CheckpointContext, MessageActionsContext, assistantMessageRunId, UserMe
 import { repoHasAssistantMessage, getRepoMessages, getRepoMessage, shouldImportServerThreadData, dedupeRepoMessagesById, dropEmptyAssistantMessages, withLastAssistantRunDuration, } from "./chat/repo-helpers.js";
 import { BuilderSetupCard, BuilderSetupContent, LoopLimitContinueCard, RunErrorRecoveryCard, PlanModeCallout, getLoopLimitMetadata, getRunErrorMetadata, getRequestModeMetadata, runErrorKey, } from "./chat/run-recovery.js";
 import { createAgentChatRuntimeAdapter, } from "./chat/runtime.js";
-import { ChatRunningContext, ChatRunDurationContext, ApprovalContext, ReconnectStreamMessage, } from "./chat/tool-call-display.js";
+import { ChatRunningContext, ChatRunningRunIdContext, ChatRunningTurnIdContext, ChatRunDurationContext, ApprovalContext, ReconnectStreamMessage, } from "./chat/tool-call-display.js";
 import { useAgentChatLifecycleTracking } from "./chat/use-agent-chat-lifecycle-tracking.js";
 import { useReconnectReaderOwner } from "./chat/use-reconnect-reader-owner.js";
 import { MessageScroller, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, } from "./components/ui/message-scroller.js";
@@ -59,7 +59,7 @@ export function assistantUiMessageListStructureKey(messages) {
         (message.attachments ?? []).map((attachment) => attachment.id),
     ]));
 }
-export function createUserMessageRunConfig(references, requestMode, recoveryAction, trackInRunsTray, approvedToolCalls, queuedMessageId, hideUserMessage, modelSnapshot) {
+export function createUserMessageRunConfig(references, requestMode, recoveryAction, trackInRunsTray, approvedToolCalls, queuedMessageId, hideUserMessage, modelSnapshot, turnId) {
     const custom = {};
     if (modelSnapshot?.model)
         custom.model = modelSnapshot.model;
@@ -82,6 +82,9 @@ export function createUserMessageRunConfig(references, requestMode, recoveryActi
     if (approvedToolCalls && approvedToolCalls.length > 0) {
         custom.approvedToolCalls = approvedToolCalls;
     }
+    if (turnId) {
+        custom.turnId = turnId;
+    }
     const options = {};
     if (Object.keys(custom).length > 0) {
         options.runConfig = { custom };
@@ -144,6 +147,12 @@ function activeRunLooksStale(runInfo) {
             : null;
     const nowMs = typeof runInfo.serverNow === "number" ? runInfo.serverNow : Date.now();
     const thresholdMs = activeRunStuckThresholdMs(runInfo);
+    // A healthy stream can outrun a delayed durable progress write. The local
+    // SSE cursor is independent evidence that this browser is receiving real
+    // work, so do not abort or replace that run while its own progress is fresh.
+    if (hasRecentActiveRunProgress(runInfo.threadId, runInfo.runId, thresholdMs)) {
+        return false;
+    }
     return (runInfo.status === "running" &&
         lastProgressAt != null &&
         nowMs - lastProgressAt > thresholdMs);
@@ -296,6 +305,7 @@ export async function waitForThreadRunToClear(apiUrl, threadId) {
         setActiveRun({
             threadId,
             runId: info.runId,
+            ...(info.turnId ? { turnId: info.turnId } : {}),
             lastSeq: sameStoredRun ? stored.lastSeq : -1,
             ...(sameStoredRun && stored.activityTool
                 ? { activityTool: stored.activityTool }
@@ -987,7 +997,7 @@ export function resolveAssistantChatSubmitIntent({ isRunning, requestedIntent, }
         return "queued";
     return requestedIntent ?? "immediate";
 }
-export function resolveAssistantChatRunningState({ forceStopped, isRuntimeRunning, isReconnecting, optimisticRunning, isAutoResuming, hasActiveServerRun, }) {
+export function resolveAssistantChatRunningState({ forceStopped, isRuntimeRunning, isReconnecting, optimisticRunning, isAutoResuming, hasActiveServerRun, hasTerminalRunError, }) {
     const isRunning = !forceStopped &&
         (isRuntimeRunning ||
             isReconnecting ||
@@ -999,7 +1009,7 @@ export function resolveAssistantChatRunningState({ forceStopped, isRuntimeRunnin
         // between chunks even though the adapter is about to POST the next run.
         // Keep the visible chat state running so the latest assistant message shows
         // Thinking/Resuming and does not expose footer actions prematurely.
-        showRunningInUI: !forceStopped && (isRunning || isAutoResuming),
+        showRunningInUI: !forceStopped && !hasTerminalRunError && (isRunning || isAutoResuming),
     };
 }
 export function resolveAssistantChatRunningStatusLabel({ runningActivityLabel, isAutoResuming, isReconnecting, hasReconnectContent, }) {
@@ -1634,12 +1644,27 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     // 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);
     const reconnectCanMaterializeRef = useRef(false);
     const reconnectAbortRef = useRef(null);
     const reconnectAutoRecoveryCountRef = useRef(0);
     const reconnectOwnerMountedRef = useReconnectReaderOwner(reconnectRunIdRef, reconnectAbortRef);
     const [pendingReconnectRecovery, setPendingReconnectRecovery] = useState(null);
+    const clearReconnectReaderForTerminalError = useCallback(() => {
+        reconnectAbortRef.current?.abort();
+        reconnectAbortRef.current = null;
+        reconnectRunIdRef.current = null;
+        reconnectTurnIdRef.current = null;
+        reconnectTailOnlyRef.current = false;
+        reconnectCanMaterializeRef.current = false;
+        setIsReconnecting(false);
+        setReconnectFrozen(false);
+        setReconnectContent([]);
+        setAdapterHandoffPending(false);
+        setPendingReconnectRecovery(null);
+        resetRunningActivity();
+    }, [resetRunningActivity]);
     // Nuclear stop: user clicked stop. Clears the stop button/indicator AND
     // lets new submissions go through immediately — prevents the "stuck
     // queueing forever" state where isReconnecting or isRuntimeRunning gets
@@ -1670,6 +1695,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         optimisticRunning,
         isAutoResuming,
         hasActiveServerRun,
+        hasTerminalRunError: runErrorInfo !== null,
     });
     const textStreaming = showRunningInUI || externalStreaming;
     // Server truth about this thread's run, used to suppress the "agent stopped
@@ -1681,6 +1707,14 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         apiUrl,
     });
     const serverRunActive = serverRunState.runId != null && serverRunState.status === "running";
+    const storedActiveRun = getActiveRun();
+    const activeChatRunId = (serverRunState.status === "running" ? serverRunState.runId : null) ??
+        (activeRunMatchesThread(storedActiveRun, threadId)
+            ? (storedActiveRun?.runId ?? null)
+            : null);
+    const activeChatTurnId = (activeRunMatchesThread(storedActiveRun, threadId)
+        ? storedActiveRun?.turnId
+        : undefined) ?? (showRunningInUI ? reconnectTurnIdRef.current : null);
     const chatRunStartedAtRef = useRef(null);
     const [lastChatRunDurationMs, setLastChatRunDurationMs] = useState(null);
     useEffect(() => {
@@ -2033,6 +2067,10 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
             reconnectAbortRef.current = null;
         }
         reconnectRunIdRef.current = runId;
+        reconnectTurnIdRef.current =
+            typeof runInfo.turnId === "string" && runInfo.turnId.length > 0
+                ? runInfo.turnId
+                : (getActiveRun()?.turnId ?? null);
         const afterSeq = resolveReconnectAfterSeq(threadId, runId);
         reconnectTailOnlyRef.current = afterSeq > 0;
         reconnectCanMaterializeRef.current = afterSeq === 0;
@@ -2041,6 +2079,9 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         setActiveRun({
             threadId,
             runId,
+            ...(reconnectTurnIdRef.current
+                ? { turnId: reconnectTurnIdRef.current }
+                : {}),
             lastSeq: afterSeq > 0 ? afterSeq - 1 : -1,
             ...(storedActivityTool ? { activityTool: storedActivityTool } : {}),
         });
@@ -2200,10 +2241,10 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                         });
                     };
                     try {
-                        await readSSEStreamRaw(sseRes.body, content, toolCallCounter, tabId, scheduleUpdate, (seq) => {
+                        await readSSEStreamRaw(sseRes.body, content, toolCallCounter, tabId, scheduleUpdate, (seq, isProgress) => {
                             markReconnectProgress();
                             reconnectRetryCount = 0;
-                            updateActiveRunSeq(seq);
+                            updateActiveRunSeq(seq, isProgress);
                         }, { preparingActionState });
                         if (reconnectAfterSeq === 0) {
                             setReconnectContent([...content]);
@@ -2313,6 +2354,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                     MAX_RECONNECT_AUTO_RECOVERIES;
                 if (canAutoRecoverReconnect) {
                     reconnectAutoRecoveryCountRef.current += 1;
+                    const reconnectTurnId = reconnectTurnIdRef.current ?? undefined;
                     setRunErrorInfo(null);
                     setDismissedRunErrorKey(null);
                     clearActiveRunIfMatches(threadId, runId);
@@ -2328,6 +2370,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                     }));
                     setPendingReconnectRecovery({
                         id: Date.now(),
+                        ...(reconnectTurnId ? { turnId: reconnectTurnId } : {}),
                         // With no partial work on screen there is nothing to "continue
                         // from"; the long recovery brief only wastes context.
                         message: latestContent.length > 0
@@ -2348,6 +2391,9 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                     errorCode: reconnectErrorCode,
                     recoverable: true,
                     runId,
+                    ...(reconnectTurnIdRef.current
+                        ? { turnId: reconnectTurnIdRef.current }
+                        : {}),
                 });
                 setDismissedRunErrorKey(null);
                 clearActiveRunIfMatches(threadId, runId);
@@ -2660,6 +2706,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
             !threadId ||
             forceStopped ||
             isReconnecting ||
+            runErrorInfo ||
             wasRecentlyStoppedRun()) {
             return;
         }
@@ -2678,6 +2725,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         isReconnecting,
         isRuntimeRunning,
         reconnectActiveRunForThread,
+        runErrorInfo,
         threadId,
         wasRecentlyStoppedRun,
     ]);
@@ -2969,11 +3017,17 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                 (!stopped.runId || !detail.runId || stopped.runId === detail.runId)) {
                 return;
             }
+            // A terminal adapter error wins over any read-only reconnect reader that
+            // was following the same run. Leave the server run alone, but tear down
+            // its presentation immediately so the error cannot coexist with stale
+            // tool cards or a second Thinking/Stop state.
+            clearReconnectReaderForTerminalError();
             setRunErrorInfo({
                 message: detail.message,
                 ...(detail.details ? { details: detail.details } : {}),
                 ...(detail.errorCode ? { errorCode: detail.errorCode } : {}),
                 ...(detail.runId ? { runId: detail.runId } : {}),
+                ...(detail.turnId ? { turnId: detail.turnId } : {}),
                 ...(detail.recoverable ? { recoverable: detail.recoverable } : {}),
             });
             setDismissedRunErrorKey(null);
@@ -2983,7 +3037,13 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         };
         window.addEventListener("agent-chat:run-error", handler);
         return () => window.removeEventListener("agent-chat:run-error", handler);
-    }, [clearAutoResume, latestAssistantRunId, tabId, threadId]);
+    }, [
+        clearAutoResume,
+        clearReconnectReaderForTerminalError,
+        latestAssistantRunId,
+        tabId,
+        threadId,
+    ]);
     // Real activity means the next chunk has started. Surface longer-lived
     // activity such as "Still generating image" so active-run reconnects do not
     // look like failures while the server is still making progress.
@@ -3102,11 +3162,11 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                         ...(messageAttachments.length > 0
                             ? { attachments: messageAttachments }
                             : {}),
-                        ...createUserMessageRunConfig(next.references, next.requestMode, next.recoveryAction, next.trackInRunsTray, undefined, next.id, next.hideUserMessage, {
+                        ...createUserMessageRunConfig(next.references, next.requestMode, next.recoveryAction, next.trackInRunsTray, next.approvedToolCalls, next.id, next.hideUserMessage, {
                             model: next.model,
                             engine: next.engine,
                             effort: next.effort,
-                        }),
+                        }, next.turnId),
                     });
                     appended = true;
                 }
@@ -3265,6 +3325,9 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                     ? lastMessage.id
                     : null;
             const runId = runErrorInfo?.runId ?? reconnectRunIdRef.current;
+            const turnId = runErrorInfo?.turnId ??
+                reconnectTurnIdRef.current ??
+                getActiveRun()?.turnId;
             const id = `reconnect-${runId ?? Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
             repo.messages = [
                 ...messages,
@@ -3280,6 +3343,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                             custom: {
                                 reconnectFrozen: true,
                                 ...(runId ? { runId } : {}),
+                                ...(turnId ? { turnId } : {}),
                             },
                         },
                     },
@@ -3291,6 +3355,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
             setReconnectContent([]);
             setAdapterHandoffPending(false);
             reconnectCanMaterializeRef.current = false;
+            reconnectTurnIdRef.current = null;
         }
         catch (err) {
             captureError(err, {
@@ -3309,6 +3374,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         reconnectFrozen,
         reconnectContent,
         runErrorInfo?.runId,
+        runErrorInfo?.turnId,
         tabId,
         threadId,
         threadRuntime,
@@ -3396,6 +3462,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                 setReconnectFrozen(false);
                 setReconnectContent([]);
                 reconnectCanMaterializeRef.current = false;
+                reconnectTurnIdRef.current = null;
             }
             reconnectTailOnlyRef.current = false;
         }
@@ -3433,7 +3500,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         stopActiveRunRef.current({ preserveQueuedMessages: true });
     }, [applyLocalQueuedMessages]);
     const visibleQueuedMessages = useMemo(() => queuedMessages.filter((message) => !message.hideUserMessage), [queuedMessages]);
-    const addToQueue = useCallback(async (text, images, references, attachments, requestMode, intent = "queued", recoveryAction, includeComposerContext = false, trackInRunsTray = false, preserveReconnectAutoRecoveryBudget = false, hideUserMessage = false, submitMessageId) => {
+    const addToQueue = useCallback(async (text, images, references, attachments, requestMode, intent = "queued", recoveryAction, includeComposerContext = false, trackInRunsTray = false, preserveReconnectAutoRecoveryBudget = false, hideUserMessage = false, submitMessageId, approvedToolCalls, continuationTurnId) => {
         if (isAgentChatSubmitCancelled(submitMessageId))
             return;
         if (engineSetupRequired) {
@@ -3582,6 +3649,8 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                     recoveryAction,
                     trackInRunsTray,
                     hideUserMessage,
+                    approvedToolCalls,
+                    ...(continuationTurnId ? { turnId: continuationTurnId } : {}),
                     ...modelSnapshot,
                 },
             ]);
@@ -3602,6 +3671,8 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                     recoveryAction,
                     trackInRunsTray,
                     hideUserMessage,
+                    approvedToolCalls,
+                    ...(continuationTurnId ? { turnId: continuationTurnId } : {}),
                     ...modelSnapshot,
                 },
             ]);
@@ -3615,7 +3686,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                     ...(messageAttachments.length > 0
                         ? { attachments: messageAttachments }
                         : {}),
-                    ...createUserMessageRunConfig(references, effectiveRequestMode, recoveryAction, trackInRunsTray, undefined, undefined, hideUserMessage),
+                    ...createUserMessageRunConfig(references, effectiveRequestMode, recoveryAction, trackInRunsTray, approvedToolCalls, undefined, hideUserMessage, undefined, continuationTurnId),
                 });
             }
             catch (error) {
@@ -3685,7 +3756,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         const recovery = pendingReconnectRecovery;
         const timer = window.setTimeout(() => {
             setPendingReconnectRecovery((current) => current?.id === recovery.id ? null : current);
-            addToQueue(recovery.message, undefined, undefined, undefined, undefined, "queued", "continue", false, false, true, true);
+            addToQueue(recovery.message, undefined, undefined, undefined, undefined, "queued", "continue", false, false, true, true, undefined, undefined, recovery.turnId);
         }, 0);
         return () => window.clearTimeout(timer);
     }, [addToQueue, pendingReconnectRecovery]);
@@ -3731,10 +3802,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                 !Array.isArray(last.content)) {
                 return false;
             }
-            return last.content.some((part) => part &&
-                typeof part === "object" &&
-                part.type === "tool-call" &&
-                !toolCallPartHasResult(part));
+            return hasInFlightToolCall(last.content);
         },
         focusComposer() {
             tiptapRef.current?.focus();
@@ -4006,148 +4074,152 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         getApprovalResolution,
         onApprovalResolved: recordApprovalResolution,
         onApprove: (approvalKey) => {
-            markOptimisticRunning();
-            appendThreadMessage({
-                role: "user",
-                content: [
-                    {
-                        type: "text",
-                        text: "Approved. Go ahead and run the requested action.",
-                    },
-                ],
-                ...createUserMessageRunConfig(undefined, execMode === "plan"
-                    ? "plan"
-                    : execMode === "build"
-                        ? "act"
-                        : undefined, undefined, undefined, [approvalKey]),
-            });
+            void addToQueue("Approved. Go ahead and run the requested action.", undefined, undefined, undefined, undefined, "queued", undefined, false, false, false, false, undefined, [approvalKey]);
         },
         ...(approvalActions?.onDeny ? { onDeny: approvalActions.onDeny } : {}),
         ...(approvalActions?.onAlwaysAllow
             ? { onAlwaysAllow: approvalActions.onAlwaysAllow }
             : {}),
     }), [
-        appendThreadMessage,
+        addToQueue,
         execMode,
         getApprovalResolution,
-        markOptimisticRunning,
         approvalActions,
         recordApprovalResolution,
     ]);
-    return (_jsx(CheckpointContext.Provider, { value: checkpointCtx, children: _jsx(MessageActionsContext.Provider, { value: messageActionsCtx, children: _jsx(ApprovalContext.Provider, { value: approvalCtx, children: _jsx(ChatRunDurationContext.Provider, { value: lastChatRunDurationMs, children: _jsx(ServerRunActiveContext.Provider, { value: serverRunActive, children: _jsx(ChatRunningContext.Provider, { value: showRunningInUI, children: _jsx(TextStreamingContext.Provider, { value: textStreaming, children: _jsxs("div", { "data-agent-empty-state": centeredEmptyState
-                                        ? "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" })] }) })) })] })), _jsx(MessageScrollerProvider, { autoScroll: false, children: _jsxs(MessageScroller, { className: "agent-chat-scroll", children: [_jsx(MessageScrollerViewport, { ref: scrollRef, 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"
-                                                                                : 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: () => {
-                                                                                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 &&
-                                                                            !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" })] })] })) : 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"
-                                                                ? "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 &&
-                                                                    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();
-                                                                                return;
-                                                                            }
-                                                                            void addToQueue(suggestion);
-                                                                        }, className: "w-full px-2 py-1 text-center text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: suggestion }, suggestion))) })) : null, showInlineEmptyThreadFooterSlot ? (_jsx("div", { className: "agent-thread-footer-slot agent-thread-footer-slot--empty", children: resolvedThreadFooterSlot })) : null] })) : (_jsxs(MessageScrollerContent, { className: "agent-thread-content gap-4 px-4 py-4", children: [_jsx(AssistantMessageListErrorBoundary, { resetKey: messageListResetKey, children: _jsx(ThreadPrimitive.Messages
-                                                                    // assistant-ui indexes message parts through tap resources.
-                                                                    // Keep this key tied to that shape so clear/add transitions remount stale
-                                                                    // lookups without remounting on every streamed text update.
-                                                                    , { components: {
-                                                                            UserMessage: AssistantChatUserMessageItem,
-                                                                            AssistantMessage: AssistantChatAssistantMessageItem,
-                                                                        } }, messageListResetKey) }), visibleLoopLimit && !showRunningInUI && (_jsx(MessageScrollerItem, { children: _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(MessageScrollerItem, { children: _jsx(RunErrorRecoveryCard, { info: visibleRunError, onContinue: () => {
-                                                                            setRunErrorInfo(null);
-                                                                            addToQueue(RECONNECT_NO_PROGRESS_CONTINUE_MESSAGE, undefined, undefined, undefined, undefined, "queued", "continue");
-                                                                        }, onRetry: retryAfterRunError, onFork: onForkChat, onProviderConnected: handleBuilderConnected, onDismiss: () => {
-                                                                            if (visibleRunErrorKey) {
-                                                                                setDismissedRunErrorKey(visibleRunErrorKey);
-                                                                            }
-                                                                            setRunErrorInfo(null);
-                                                                        } }) })), (isReconnecting ||
-                                                                    reconnectFrozen ||
-                                                                    adapterHandoffPending) &&
-                                                                    visibleReconnectContent.length > 0 && (_jsx(MessageScrollerItem, { children: _jsx(ReconnectStreamMessage, { content: visibleReconnectContent, allowActivitySpinner: !reconnectFrozen }) })), (isReconnecting ||
-                                                                    reconnectFrozen ||
-                                                                    adapterHandoffPending) &&
-                                                                    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) => {
-                                                                    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));
-                                                                }), resolvedThreadFooterSlot ? (_jsx(MessageScrollerItem, { children: _jsx("div", { className: "agent-thread-footer-slot", children: resolvedThreadFooterSlot }) })) : null] })) }), !authError &&
-                                                        !isRestoring &&
-                                                        !showEmptyState &&
-                                                        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" }) }) })) : 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
-                                                    ? { description: guidedQuestionsDescription }
-                                                    : {}), ...(guidedQuestionsSkipLabel
-                                                    ? { 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 ? "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 &&
-                                                        missingKeySetupOpen, onOpenChange: setMissingKeySetupOpen, children: [_jsx(AgentComposerFrame, { layoutVariant: composerLayoutVariant, className: cn(composerAreaClassName, isComposerDisabled &&
-                                                                !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 === "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
-                                                                            ? handleComposerTextChange
-                                                                            : undefined, disabled: isComposerDisabled ||
-                                                                            showInlineMissingKeySetup, placeholder: showInlineMissingKeySetup
-                                                                            ? "Connect AI above to start chatting..."
-                                                                            : engineSetupRequired
-                                                                                ? "Connect AI 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, resolveAssistantChatSubmitIntent({
-                                                                                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(), "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 && !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] })] })] }) }) }) }) }) }) }) }));
+    return (_jsx(CheckpointContext.Provider, { value: checkpointCtx, children: _jsx(MessageActionsContext.Provider, { value: messageActionsCtx, children: _jsx(ApprovalContext.Provider, { value: approvalCtx, children: _jsx(ChatRunDurationContext.Provider, { value: lastChatRunDurationMs, children: _jsx(ServerRunActiveContext.Provider, { value: serverRunActive, children: _jsx(ChatRunningRunIdContext.Provider, { value: activeChatRunId, children: _jsx(ChatRunningTurnIdContext.Provider, { value: activeChatTurnId, children: _jsx(ChatRunningContext.Provider
+                                // Keep the current message in a non-complete state while
+                                // the terminal error card is visible, even if the server
+                                // still reports the prior run for a short time while its
+                                // claim is released. Historical messages use turn
+                                // ownership below.
+                                , { 
+                                    // Keep the current message in a non-complete state while
+                                    // the terminal error card is visible, even if the server
+                                    // still reports the prior run for a short time while its
+                                    // claim is released. Historical messages use turn
+                                    // ownership below.
+                                    value: showRunningInUI || runErrorInfo !== null, children: _jsx(TextStreamingContext.Provider, { value: textStreaming, children: _jsxs("div", { "data-agent-empty-state": centeredEmptyState
+                                                ? "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" })] }) })) })] })), _jsx(MessageScrollerProvider, { autoScroll: false, children: _jsxs(MessageScroller, { className: "agent-chat-scroll", children: [_jsx(MessageScrollerViewport, { ref: scrollRef, 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"
+                                                                                        : 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: () => {
+                                                                                        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 &&
+                                                                                    !authSessionAvailable && (_jsx("button", { onClick: async () => {
+                                                                                        try {
+                                                                                            await fetch(agentNativePath("/_agent-native/auth/logout"), {
+                                                                                                method: "POST",
+                                                                                            });
+                                                                                        }
+                                                                                        catch (error) {
+                                                                                            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: () => {
+                                                                                        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"
+                                                                        ? "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"
+                                                                        ? "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 &&
+                                                                            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();
+                                                                                        return;
+                                                                                    }
+                                                                                    void addToQueue(suggestion);
+                                                                                }, className: "w-full px-2 py-1 text-center text-[13px] text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: suggestion }, suggestion))) })) : null, showInlineEmptyThreadFooterSlot ? (_jsx("div", { className: "agent-thread-footer-slot agent-thread-footer-slot--empty", children: resolvedThreadFooterSlot })) : null] })) : (_jsxs(MessageScrollerContent, { className: "agent-thread-content gap-4 px-4 py-4", children: [_jsx(AssistantMessageListErrorBoundary, { resetKey: messageListResetKey, children: _jsx(ThreadPrimitive.Messages
+                                                                            // assistant-ui indexes message parts through tap resources.
+                                                                            // Keep this key tied to that shape so clear/add transitions remount stale
+                                                                            // lookups without remounting on every streamed text update.
+                                                                            , { components: {
+                                                                                    UserMessage: AssistantChatUserMessageItem,
+                                                                                    AssistantMessage: AssistantChatAssistantMessageItem,
+                                                                                } }, messageListResetKey) }), visibleLoopLimit && !showRunningInUI && (_jsx(MessageScrollerItem, { children: _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(MessageScrollerItem, { children: _jsx(RunErrorRecoveryCard, { info: visibleRunError, onContinue: () => {
+                                                                                    setRunErrorInfo(null);
+                                                                                    addToQueue(RECONNECT_NO_PROGRESS_CONTINUE_MESSAGE, undefined, undefined, undefined, undefined, "queued", "continue");
+                                                                                }, onRetry: retryAfterRunError, onFork: onForkChat, onProviderConnected: handleBuilderConnected, onDismiss: () => {
+                                                                                    if (visibleRunErrorKey) {
+                                                                                        setDismissedRunErrorKey(visibleRunErrorKey);
+                                                                                    }
+                                                                                    setRunErrorInfo(null);
+                                                                                } }) })), (isReconnecting ||
+                                                                            reconnectFrozen ||
+                                                                            adapterHandoffPending) &&
+                                                                            visibleReconnectContent.length > 0 && (_jsx(MessageScrollerItem, { children: _jsx(ReconnectStreamMessage, { content: visibleReconnectContent, allowActivitySpinner: !reconnectFrozen }) })), (isReconnecting ||
+                                                                            reconnectFrozen ||
+                                                                            adapterHandoffPending) &&
+                                                                            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) => {
+                                                                            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));
+                                                                        }), resolvedThreadFooterSlot ? (_jsx(MessageScrollerItem, { children: _jsx("div", { className: "agent-thread-footer-slot", children: resolvedThreadFooterSlot }) })) : null] })) }), !authError &&
+                                                                !isRestoring &&
+                                                                !showEmptyState &&
+                                                                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" }) }) })) : 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
+                                                            ? { description: guidedQuestionsDescription }
+                                                            : {}), ...(guidedQuestionsSkipLabel
+                                                            ? { 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 ? "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 &&
+                                                                missingKeySetupOpen, onOpenChange: setMissingKeySetupOpen, children: [_jsx(AgentComposerFrame, { layoutVariant: composerLayoutVariant, className: cn(composerAreaClassName, isComposerDisabled &&
+                                                                        !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 ===
+                                                                                                    "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
+                                                                                    ? handleComposerTextChange
+                                                                                    : undefined, disabled: isComposerDisabled ||
+                                                                                    showInlineMissingKeySetup, placeholder: showInlineMissingKeySetup
+                                                                                    ? "Connect AI above to start chatting..."
+                                                                                    : engineSetupRequired
+                                                                                        ? "Connect AI 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, resolveAssistantChatSubmitIntent({
+                                                                                        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(), "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 &&
+                                                                    !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] })] })] }) }) }) }) }) }) }) }) }) }));
 });
 export const AssistantChat = forwardRef(function AssistantChat({ apiUrl = agentNativePath("/_agent-native/agent-chat"), tabId, browserTabId, threadId, contextScope, isActiveComposer, ...props }, ref) {
     const modelRef = useRef(props.selectedModel);