@agent-native/core 0.9.1 → 0.11.0

package/dist/client/AssistantChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/AssistantChat.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/AssistantChat.tsx"],"names":[],"mappings":"AACA,OAAO,KAQN,MAAM,OAAO,CAAC;AA6Bf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAu4DrE,MAAM,WAAW,mBAAmB;IAClC,qDAAqD;IACrD,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,6DAA6D;IAC7D,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,4CAA4C;IAC5C,SAAS,IAAI,OAAO,CAAC;IACrB,+BAA+B;IAC/B,aAAa,IAAI,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wGAAwG;IACxG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,8EAA8E;IAC9E,YAAY,CAAC,EAAE,CACb,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;KACtB,KACE,IAAI,CAAC;IACV,+DAA+D;IAC/D,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,8DAA8D;IAC9D,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,+FAA+F;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mEAAmE;IACnE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IACpD,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,uDAAuD;IACvD,eAAe,CAAC,EAAE,KAAK,CAAC;QACtB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC,CAAC;IACH,uDAAuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,kEAAkE;IAClE,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,mBAAmB,gBAAgB,CAAC;AAEjD,8DAA8D;AAC9D,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,QAI9C;AAqCD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAosC7B,eAAO,MAAM,aAAa,gGA4DxB,CAAC"}

package/dist/client/AssistantChat.js

@@ -109,6 +109,8 @@ const markdownStyles = `
  * below tells the user the context is attached and lets them clear it.
  */
 const PENDING_SELECTION_KEY = "pending-selection-context";
+const ACTIVE_RUN_CLEAR_TIMEOUT_MS = 5_000;
+const ACTIVE_RUN_POLL_INTERVAL_MS = 150;
 function clearPendingSelection() {
     fetch(agentNativePath(`/_agent-native/application-state/${PENDING_SELECTION_KEY}`), {
         method: "DELETE",
@@ -119,6 +121,29 @@ function clearPendingSelection() {
         window.dispatchEvent(new CustomEvent("agent-panel:selection-cleared"));
     }
 }
+async function waitForThreadRunToClear(apiUrl, threadId) {
+    if (!threadId)
+        return;
+    const deadline = Date.now() + ACTIVE_RUN_CLEAR_TIMEOUT_MS;
+    while (Date.now() < deadline) {
+        try {
+            const res = await fetch(`${apiUrl}/runs/active?threadId=${encodeURIComponent(threadId)}`);
+            if (res.ok) {
+                const info = await res.json();
+                const heartbeatAt = typeof info?.heartbeatAt === "number" ? info.heartbeatAt : null;
+                const stale = info?.status === "running" &&
+                    heartbeatAt != null &&
+                    Date.now() - heartbeatAt > 5000;
+                if (!info?.active || info?.status !== "running" || stale)
+                    return;
+            }
+        }
+        catch {
+            // Transient poll failure — try again until the short grace period ends.
+        }
+        await new Promise((resolve) => window.setTimeout(resolve, ACTIVE_RUN_POLL_INTERVAL_MS));
+    }
+}
 function SelectionAttachedPill() {
     const [length, setLength] = useState(null);
     useEffect(() => {
@@ -741,19 +766,17 @@ function ThinkingIndicator({ label = "Thinking" } = {}) {
 // Renders a single row with left-aligned copy and a right-aligned action.
 // Click opens the Builder CLI-auth popup via the shared
 // `useBuilderConnectFlow` hook (which owns the synchronous window.open,
-// the 2s status poll, and the focus-refresh). On success we reload so the
-// enclosing card re-evaluates `missingApiKey` against the fresh credentials.
+// the 2s status poll, and the focus-refresh). On success the hook broadcasts
+// a config-change event and this card clears its local `missingApiKey` gate
+// so the user can start chatting without a full-page reload.
 //
 // Desktop note: when this component runs inside the Electron shell, the
 // window.open call is intercepted by the main process's webview popup handler,
 // which opens the flow in an Electron BrowserWindow that shares the webview's
 // session. See packages/desktop-app/src/main/index.ts.
-function BuilderConnectCta({ variant = "primary", }) {
+function BuilderConnectCta({ variant = "primary", onConnected, }) {
     const { configured, orgName, connecting, error, start } = useBuilderConnectFlow({
-        onConnected: () => {
-            // Reload so the enclosing card re-evaluates `missingApiKey`.
-            window.setTimeout(() => window.location.reload(), 300);
-        },
+        onConnected,
     });
     const containerClass = variant === "compact"
         ? "rounded-md border border-border px-3 py-2.5"
@@ -764,8 +787,25 @@ function BuilderConnectCta({ variant = "primary", }) {
     return (_jsxs("div", { className: containerClass, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-xs font-medium text-foreground", children: "Connect Builder.io" }), _jsx("p", { className: "text-[11px] text-muted-foreground mt-0.5 max-w-[220px]", children: "Free credits for LLM, hosting, and more \u2014 no API key needed" }), error && _jsx("p", { className: "mt-1 text-[10px] text-destructive", children: error })] }), _jsx("button", { type: "button", onClick: start, disabled: connecting, className: "ml-auto inline-flex items-center gap-1 shrink-0 rounded-md bg-foreground px-3 py-1.5 text-[11px] font-medium no-underline text-background hover:opacity-90 disabled:opacity-60 disabled:cursor-wait", "aria-busy": connecting, children: connecting ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { size: 10, className: "animate-spin" }), "Waiting\u2026"] })) : (_jsxs(_Fragment, { children: ["Connect", _jsx(IconExternalLink, { size: 10 })] })) })] }));
 }
 // ─── Builder Setup Card ─────────────────────────────────────────────────────
-function BuilderSetupCard() {
-    return (_jsxs("div", { className: "mx-4 my-6 rounded-lg border border-border bg-card p-5", children: [_jsxs("div", { className: "flex items-center gap-3 mb-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted", children: _jsx(IconMessage, { className: "h-4.5 w-4.5 text-muted-foreground" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium text-foreground", children: "Connect Builder.io" }), _jsx("p", { className: "mt-0.5 text-[11px] text-muted-foreground", children: "Use the hosted agent without adding a separate model provider key." })] })] }), _jsx("div", { className: "space-y-3", children: _jsx(BuilderConnectCta, {}) })] }));
+function BuilderSetupCard({ onConnected, bouncePulse, }) {
+    const openSettings = useCallback(() => {
+        window.dispatchEvent(new CustomEvent("agent-panel:open-settings"));
+    }, []);
+    const cardRef = useRef(null);
+    // Replay the bounce keyframe each time bouncePulse increments. Toggling the
+    // class off-then-on (with a forced reflow) restarts the animation even when
+    // the value changes back-to-back.
+    useEffect(() => {
+        if (!bouncePulse)
+            return;
+        const el = cardRef.current;
+        if (!el)
+            return;
+        el.classList.remove("animate-bounce-once");
+        void el.offsetWidth;
+        el.classList.add("animate-bounce-once");
+    }, [bouncePulse]);
+    return (_jsxs("div", { ref: cardRef, className: "mx-4 my-6 rounded-lg border border-border bg-card p-5", children: [_jsxs("div", { className: "flex items-center gap-3 mb-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted", children: _jsx(IconMessage, { className: "h-4.5 w-4.5 text-muted-foreground" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium text-foreground", children: "Connect an LLM" }), _jsx("p", { className: "mt-0.5 text-[11px] text-muted-foreground", children: "Use the hosted agent without adding a separate model provider key." })] })] }), _jsxs("div", { className: "space-y-3", children: [_jsx(BuilderConnectCta, { onConnected: onConnected }), _jsx("div", { className: "text-center", children: _jsx("button", { type: "button", onClick: openSettings, className: "text-[11px] text-muted-foreground underline-offset-2 hover:text-foreground hover:underline", children: "Or add your own API key" }) })] })] }));
 }
 function getLoopLimitMetadata(message) {
     const meta = message?.metadata;
@@ -949,8 +989,17 @@ function ensureMessageMetadata(repo) {
         if (!msg.metadata) {
             msg.metadata = {};
         }
-        if (msg.role === "assistant" && !msg.status) {
-            msg.status = { type: "complete", reason: "stop" };
+        if (msg.role === "assistant") {
+            const statusType = msg.status && typeof msg.status === "object"
+                ? msg.status.type
+                : undefined;
+            const isTerminal = statusType === "complete" || statusType === "incomplete";
+            if (!isTerminal) {
+                const runError = msg.metadata?.custom?.runError ?? msg.metadata?.runError;
+                msg.status = runError
+                    ? { type: "incomplete", reason: "error" }
+                    : { type: "complete", reason: "stop" };
+            }
         }
     }
     return repo;
@@ -965,6 +1014,9 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     const isRuntimeRunning = thread.isRunning;
     const messages = thread.messages;
     const [missingApiKey, setMissingApiKey] = useState(false);
+    // Increments each time the user clicks the (disabled) composer while no LLM
+    // is connected — `BuilderSetupCard` watches this to replay a one-shot bounce.
+    const [missingKeyBouncePulse, setMissingKeyBouncePulse] = useState(0);
     const [authError, setAuthError] = useState(null);
     const [queuedMessages, setQueuedMessages] = useState([]);
     // Tracks the JSON of the last queue we successfully persisted so the
@@ -975,6 +1027,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     const [loopLimitInfo, setLoopLimitInfo] = useState(null);
     const [runErrorInfo, setRunErrorInfo] = useState(null);
     const [dismissedRunErrorKey, setDismissedRunErrorKey] = useState(null);
+    const userStoppedRunRef = useRef(null);
     const [isReconnecting, setIsReconnecting] = useState(false);
     const [reconnectContent, setReconnectContent] = useState([]);
     // When stop is clicked during reconnect, keep content visible (don't wipe it)
@@ -1358,6 +1411,9 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         window.addEventListener("agent-chat:missing-api-key", handler);
         return () => window.removeEventListener("agent-chat:missing-api-key", handler);
     }, []);
+    const handleBuilderConnected = useCallback(() => {
+        setMissingApiKey(false);
+    }, []);
     // Check on mount and whenever SettingsPanel dispatches
     // `agent-engine:configured-changed` so the gate flips live without reload.
     useEffect(() => {
@@ -1427,6 +1483,12 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                 return;
             if (!detail?.message)
                 return;
+            const stopped = userStoppedRunRef.current;
+            if (stopped &&
+                Date.now() - stopped.at < 10_000 &&
+                (!stopped.runId || !detail.runId || stopped.runId === detail.runId)) {
+                return;
+            }
             setRunErrorInfo({
                 message: detail.message,
                 ...(detail.details ? { details: detail.details } : {}),
@@ -1446,23 +1508,30 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
             setQueuedMessages(rest);
             // Small delay to let the runtime settle after completion
             setTimeout(() => {
-                const content = [{ type: "text", text: next.text }];
-                if (next.images) {
-                    for (const img of next.images) {
-                        content.push({ type: "image", image: img });
+                void (async () => {
+                    // In serverless/cross-isolate deployments the client can receive the
+                    // terminal SSE event a beat before SQL has marked the previous run
+                    // complete. Starting the queued turn during that window can reconnect
+                    // to the old run and replay the old answer under the new prompt.
+                    await waitForThreadRunToClear(apiUrl, threadId);
+                    const content = [{ type: "text", text: next.text }];
+                    if (next.images) {
+                        for (const img of next.images) {
+                            content.push({ type: "image", image: img });
+                        }
                     }
-                }
-                threadRuntime.append({
-                    role: "user",
-                    content,
-                    ...(next.references && next.references.length > 0
-                        ? { runConfig: { custom: { references: next.references } } }
-                        : {}),
-                });
+                    threadRuntime.append({
+                        role: "user",
+                        content,
+                        ...(next.references && next.references.length > 0
+                            ? { runConfig: { custom: { references: next.references } } }
+                            : {}),
+                    });
+                })();
             }, 100);
         }
         wasRunningRef.current = isRunning;
-    }, [isRunning, queuedMessages, threadRuntime]);
+    }, [apiUrl, isRunning, queuedMessages, threadId, threadRuntime]);
     // Clear frozen reconnect content + forceStopped only on the false→true
     // transition of isRuntimeRunning (i.e. a NEW run is actually starting).
     // Reacting to "isRuntimeRunning is currently true" would clear the
@@ -1497,6 +1566,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         setLoopLimitInfo(null);
         setRunErrorInfo(null);
         setDismissedRunErrorKey(null);
+        userStoppedRunRef.current = null;
         // Selection context attached via Cmd+I is one-shot — clear it as soon
         // as the user actually sends a message so it can't be re-used.
         clearPendingSelection();
@@ -1564,23 +1634,34 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
             setShowScrollToBottom(false);
         }
     }, []);
+    const scrollToBottomAfterPaint = useCallback(() => {
+        scrollToBottom();
+        requestAnimationFrame(() => {
+            scrollToBottom();
+            requestAnimationFrame(scrollToBottom);
+        });
+        setTimeout(scrollToBottom, 80);
+    }, [scrollToBottom]);
     // Scroll to bottom when a restored thread finishes loading
     const wasRestoringRef = useRef(isRestoring);
     useEffect(() => {
         if (wasRestoringRef.current && !isRestoring) {
-            requestAnimationFrame(() => {
-                scrollToBottom();
-            });
+            scrollToBottomAfterPaint();
         }
         wasRestoringRef.current = isRestoring;
-    }, [isRestoring, scrollToBottom]);
+    }, [isRestoring, scrollToBottomAfterPaint]);
     // Auto-scroll on new messages or queued messages (only if near bottom)
     useEffect(() => {
         const el = scrollRef.current;
         if (el && isNearBottomRef.current) {
-            el.scrollTop = el.scrollHeight;
+            scrollToBottomAfterPaint();
+        }
+    }, [messages, queuedMessages, scrollToBottomAfterPaint]);
+    useEffect(() => {
+        if (!isRunning && isNearBottomRef.current) {
+            scrollToBottomAfterPaint();
         }
-    }, [messages, queuedMessages]);
+    }, [isRunning, scrollToBottomAfterPaint]);
     // Continuous auto-scroll while streaming (only if near bottom)
     useEffect(() => {
         if (!isRunning)
@@ -1626,7 +1707,12 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         : null;
     const shouldShowRunError = !!visibleRunError &&
         !showRunningInUI &&
-        visibleRunErrorKey !== dismissedRunErrorKey;
+        visibleRunErrorKey !== dismissedRunErrorKey &&
+        !(userStoppedRunRef.current &&
+            Date.now() - userStoppedRunRef.current.at < 10_000 &&
+            (!userStoppedRunRef.current.runId ||
+                !visibleRunError.runId ||
+                userStoppedRunRef.current.runId === visibleRunError.runId));
     return (_jsx(CheckpointContext.Provider, { value: checkpointCtx, children: _jsx(MessageActionsContext.Provider, { value: messageActionsCtx, children: _jsx(ChatRunningContext.Provider, { value: isRunning, children: _jsxs("div", { className: cn("flex flex-1 flex-col h-full min-h-0 text-foreground", className), children: [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: "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: authError.sessionExpired
                                                     ? "Session expired"
                                                     : "Authentication required" }), _jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: authError.sessionExpired
@@ -1647,7 +1733,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                 }, 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: "text-xs text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md border border-border hover:bg-accent", children: "Retry" })] })] })) : missingApiKey && messages.length === 0 ? (_jsx("div", { className: "flex flex-col items-center justify-center h-full px-2", children: _jsx(BuilderSetupCard, {}) })) : 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: "flex flex-col items-center justify-center gap-4 py-16 px-4 h-full", 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?" }), suggestions && suggestions.length > 0 && (_jsx("div", { className: "flex flex-col gap-1.5 w-full max-w-[280px]", children: suggestions.map((suggestion) => (_jsx("button", { onClick: () => {
+                                                }, className: "text-xs text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md border border-border hover:bg-accent", children: "Retry" })] })] })) : 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: "flex flex-col items-center justify-center gap-4 py-16 px-4 h-full", 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?" }), suggestions && suggestions.length > 0 && (_jsx("div", { className: "flex flex-col gap-1.5 w-full max-w-[280px]", children: suggestions.map((suggestion) => (_jsx("button", { onClick: () => {
                                                 threadRuntime.append({
                                                     role: "user",
                                                     content: [{ type: "text", text: suggestion }],
@@ -1655,7 +1741,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                             }, 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(ThreadPrimitive.Messages, { components: {
                                             UserMessage,
                                             AssistantMessage,
-                                        } }), missingApiKey && _jsx(BuilderSetupCard, {}), visibleLoopLimit && !showRunningInUI && (_jsx(LoopLimitContinueCard, { info: visibleLoopLimit, onContinue: () => {
+                                        } }), 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.");
@@ -1678,7 +1764,9 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                             .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, _jsx(SelectionAttachedPill, {}), _jsx("div", { className: "agent-composer-area shrink-0 px-3 py-2", children: _jsxs(ComposerPrimitive.Root, { className: cn("flex flex-col rounded-lg border border-input bg-background focus-within:ring-1 focus-within:ring-ring", execMode === "plan" &&
+                                    })] })) }), 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, _jsx(SelectionAttachedPill, {}), _jsx("div", { className: cn("agent-composer-area shrink-0 px-3 py-2", missingApiKey && "cursor-pointer opacity-70"), onClick: missingApiKey
+                                ? () => setMissingKeyBouncePulse((p) => p + 1)
+                                : undefined, children: _jsxs(ComposerPrimitive.Root, { className: cn("flex flex-col rounded-lg border border-input bg-background focus-within:ring-1 focus-within:ring-ring", execMode === "plan" &&
                                     "border-amber-500/50 bg-amber-500/[0.03] focus-within:ring-amber-500/30"), children: [_jsx(ComposerAttachmentPreviewStrip, {}), _jsx(TiptapComposer, { focusRef: tiptapRef, disabled: missingApiKey, placeholder: missingApiKey
                                             ? "Connect an AI engine above to start chatting…"
                                             : isRunning
@@ -1694,6 +1782,14 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                             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(() => { });
                                                             }