@agent-native/core 0.8.2 → 0.10.0

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

@@ -1 +1 @@
-{"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;AAq6DrE,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;AAyBD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAqnC7B,eAAO,MAAM,aAAa,gGA4DxB,CAAC"}
+{"version":3,"file":"AssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/AssistantChat.tsx"],"names":[],"mappings":"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"}

package/dist/client/AssistantChat.js

@@ -13,7 +13,6 @@ import { cn } from "./utils.js";
 import { AgentTaskCard } from "./AgentTaskCard.js";
 import { ConnectBuilderCard } from "./ConnectBuilderCard.js";
 import { useBuilderConnectFlow } from "./settings/useBuilderStatus.js";
-import { useOnboarding } from "./onboarding/use-onboarding.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
 import { IframeEmbed, parseEmbedBody } from "./IframeEmbed.js";
 import { useDevMode } from "./use-dev-mode.js";
@@ -110,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",
@@ -120,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(() => {
@@ -742,32 +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.
-/**
- * The OnboardingPanel sidebar checklist also surfaces the Builder Connect
- * step (id `llm`). When that's visible, dropping a duplicate "Connect Builder"
- * button into the empty-state chat card just confuses the user — they see two
- * primary CTAs that do the same thing. This hook returns true when we should
- * suppress the in-chat Connect CTA in favor of the sidebar checklist.
- */
-function useSuppressInChatBuilderCta() {
-    const onboarding = useOnboarding();
-    if (onboarding.loading || onboarding.dismissed)
-        return false;
-    return onboarding.steps.some((step) => step.id === "llm" && !step.complete);
-}
-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"
@@ -777,48 +786,26 @@ 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 })] })) })] }));
 }
-// ─── API Key Setup Card ─────────────────────────────────────────────────────
-function ApiKeySetupCard({ apiUrl }) {
-    const [apiKey, setApiKey] = useState("");
-    const [saving, setSaving] = useState(false);
-    const [saved, setSaved] = useState(false);
-    const [error, setError] = useState(null);
-    const suppressBuilderCta = useSuppressInChatBuilderCta();
-    const handleSave = async () => {
-        if (!apiKey.trim())
+// ─── Builder Setup Card ─────────────────────────────────────────────────────
+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;
-        setSaving(true);
-        setError(null);
-        try {
-            const res = await fetch(`${apiUrl}/save-key`, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ key: apiKey.trim(), provider: "anthropic" }),
-            });
-            if (!res.ok) {
-                const data = await res.json().catch(() => ({}));
-                throw new Error(data.error || "Failed to save");
-            }
-            setSaved(true);
-            setTimeout(() => window.location.reload(), 1000);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to save");
-        }
-        finally {
-            setSaving(false);
-        }
-    };
-    if (saved) {
-        return (_jsx("div", { className: "mx-4 my-6 rounded-lg border border-emerald-500/30 bg-emerald-500/5 p-4", children: _jsxs("div", { className: "flex items-center gap-2 text-sm text-emerald-400", children: [_jsx(IconCheck, { className: "h-4 w-4" }), "API key saved. Reloading..."] }) }));
-    }
-    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" }) }), _jsx("h3", { className: "text-sm font-medium text-foreground", children: "Connect your AI" })] }), _jsxs("div", { className: "space-y-3", children: [suppressBuilderCta ? null : (_jsxs(_Fragment, { children: [_jsx(BuilderConnectCta, {}), _jsxs("div", { className: "relative flex items-center", children: [_jsx("div", { className: "flex-grow border-t border-border" }), _jsx("span", { className: "mx-2 text-[10px] uppercase tracking-wider text-muted-foreground/60", children: "or" }), _jsx("div", { className: "flex-grow border-t border-border" })] })] })), _jsx("input", { type: "password", value: apiKey, onChange: (e) => {
-                            setApiKey(e.target.value);
-                            setError(null);
-                        }, onKeyDown: (e) => {
-                            if (e.key === "Enter")
-                                handleSave();
-                        }, placeholder: "sk-ant-...", className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground/50 outline-none focus:ring-1 focus:ring-ring", autoComplete: "off" }), error && _jsx("p", { className: "text-xs text-destructive", children: error }), apiKey.trim() && (_jsx("button", { onClick: handleSave, disabled: saving, className: "w-full rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 disabled:opacity-40 disabled:cursor-not-allowed", children: saving ? "Saving..." : "Save API key" })), _jsx("p", { className: "text-[10px] text-muted-foreground/60 text-center", children: _jsx("a", { href: "https://console.anthropic.com/settings/keys", target: "_blank", rel: "noopener noreferrer", className: "underline hover:text-foreground/80", children: "Get an Anthropic key" }) })] })] }));
+        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;
@@ -1002,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;
@@ -1018,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
@@ -1028,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)
@@ -1411,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(() => {
@@ -1480,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 } : {}),
@@ -1499,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
@@ -1550,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();
@@ -1679,10 +1696,22 @@ 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 ? ("Your session may have expired. Log out and log back in to reconnect.") : (_jsxs(_Fragment, { children: ["You need to log in to use the agent. If you're running locally, add", " ", _jsx("code", { className: "bg-muted px-1 py-0.5 rounded text-[10px]", children: "AUTH_MODE=local" }), " ", "to your", " ", _jsx("code", { className: "bg-muted px-1 py-0.5 rounded text-[10px]", children: ".env" }), " ", "file and restart the dev server."] })) })] }), _jsxs("div", { className: "flex gap-2", children: [authError.sessionExpired && (_jsx("button", { onClick: async () => {
+                                                    : "Authentication required" }), _jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: 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 && (_jsx("button", { onClick: () => {
+                                                    const ret = window.location.pathname + window.location.search;
+                                                    window.location.href =
+                                                        agentNativePath("/_agent-native/sign-in") +
+                                                            `?return=${encodeURIComponent(ret)}`;
+                                                }, className: "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md", children: "Log in" })), authError.sessionExpired && (_jsx("button", { onClick: async () => {
                                                     try {
                                                         await fetch(agentNativePath("/_agent-native/auth/logout"), {
                                                             method: "POST",
@@ -1693,7 +1722,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 ? (_jsx("div", { className: "flex flex-col items-center justify-center h-full px-2", children: _jsx(ApiKeySetupCard, { apiUrl: apiUrl }) })) : 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 }],
@@ -1701,7 +1730,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,
-                                        } }), 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.");
@@ -1724,7 +1753,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
@@ -1733,31 +1764,39 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                     : "Queue a message..."
                                                 : undefined, onSubmit: isRunning
                                             ? (text, references) => addToQueue(text, undefined, references.length > 0 ? references : undefined)
-                                            : undefined, onSlashCommand: onSlashCommand, execMode: execMode, onExecModeChange: onExecModeChange, selectedModel: selectedModel ?? defaultModel, selectedEffort: selectedEffort, availableModels: availableModels, onModelChange: onModelChange, onEffortChange: onEffortChange, draftScope: threadId || tabId, interceptBuildRequestsForBuilder: true, extraActionButton: showRunningInUI ? (_jsx("button", { type: "button", onClick: () => {
-                                                // Nuclear stop: flip forceStopped so isRunning is false
-                                                // immediately. This unblocks submission even if the
-                                                // runtime or reconnect state is stuck.
-                                                setForceStopped(true);
-                                                const activeRun = getActiveRun();
-                                                const runIdToAbort = reconnectRunIdRef.current ?? activeRun?.runId;
-                                                if (runIdToAbort) {
-                                                    fetch(`${apiUrl}/runs/${encodeURIComponent(runIdToAbort)}/abort`, { method: "POST" }).catch(() => { });
-                                                }
-                                                if (isReconnecting) {
-                                                    reconnectAbortRef.current?.abort();
-                                                    reconnectAbortRef.current = null;
-                                                    reconnectRunIdRef.current = null;
-                                                    setIsReconnecting(false);
-                                                    setReconnectFrozen(reconnectContent.length > 0);
-                                                }
-                                                threadRuntime.cancelRun();
-                                                window.dispatchEvent(new CustomEvent("agentNative.chatRunning", {
-                                                    detail: {
-                                                        isRunning: false,
-                                                        tabId: tabId || threadId,
-                                                    },
-                                                }));
-                                            }, className: "shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-muted text-foreground hover:bg-muted/80", title: "Stop generating", children: _jsx(IconPlayerStop, { className: "h-3.5 w-3.5" }) })) : undefined })] }) })] }) }) }) }));
+                                            : undefined, onSlashCommand: onSlashCommand, execMode: execMode, onExecModeChange: onExecModeChange, selectedModel: selectedModel ?? defaultModel, selectedEffort: selectedEffort, availableModels: availableModels, onModelChange: onModelChange, onEffortChange: onEffortChange, draftScope: threadId || tabId, interceptBuildRequestsForBuilder: true, extraActionButton: showRunningInUI ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => {
+                                                            // Nuclear stop: flip forceStopped so isRunning is false
+                                                            // immediately. This unblocks submission even if the
+                                                            // runtime or reconnect state is stuck.
+                                                            setForceStopped(true);
+                                                            const activeRun = getActiveRun();
+                                                            const runIdToAbort = reconnectRunIdRef.current ?? activeRun?.runId;
+                                                            userStoppedRunRef.current = {
+                                                                at: Date.now(),
+                                                                ...(runIdToAbort
+                                                                    ? { runId: runIdToAbort }
+                                                                    : {}),
+                                                            };
+                                                            setRunErrorInfo(null);
+                                                            setDismissedRunErrorKey(null);
+                                                            if (runIdToAbort) {
+                                                                fetch(`${apiUrl}/runs/${encodeURIComponent(runIdToAbort)}/abort`, { method: "POST" }).catch(() => { });
+                                                            }
+                                                            if (isReconnecting) {
+                                                                reconnectAbortRef.current?.abort();
+                                                                reconnectAbortRef.current = null;
+                                                                reconnectRunIdRef.current = null;
+                                                                setIsReconnecting(false);
+                                                                setReconnectFrozen(reconnectContent.length > 0);
+                                                            }
+                                                            threadRuntime.cancelRun();
+                                                            window.dispatchEvent(new CustomEvent("agentNative.chatRunning", {
+                                                                detail: {
+                                                                    isRunning: false,
+                                                                    tabId: tabId || threadId,
+                                                                },
+                                                            }));
+                                                        }, className: "shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-muted text-foreground hover:bg-muted/80", children: _jsx(IconPlayerStop, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Stop generating" })] })) : undefined })] }) })] }) }) }) }));
 });
 export const AssistantChat = forwardRef(function AssistantChat({ apiUrl = agentNativePath("/_agent-native/agent-chat"), tabId, threadId, ...props }, ref) {
     const modelRef = useRef(props.selectedModel);