@agent-native/core 0.14.8 → 0.15.0

package/dist/client/AssistantChat.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useRef, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle, } from "react";
-import { AssistantRuntimeProvider, useLocalRuntime, useThreadRuntime, useThread, useAui, useComposer, useMessageRuntime, ThreadPrimitive, ComposerPrimitive, MessagePrimitive, } from "@assistant-ui/react";
-import { SimpleImageAttachmentAdapter, CompositeAttachmentAdapter, } from "@assistant-ui/react";
+import { AssistantRuntimeProvider, useLocalRuntime, useThreadRuntime, useThread, useAui, useComposer, useComposerRuntime, useMessageRuntime, ThreadPrimitive, ComposerPrimitive, MessagePrimitive, } from "@assistant-ui/react";
+import { CompositeAttachmentAdapter } from "@assistant-ui/react";
 import { MarkdownTextPrimitive } from "@assistant-ui/react-markdown";
-import ReactMarkdown from "react-markdown";
+import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { createAgentChatAdapter } from "./agent-chat-adapter.js";
 import { getActiveRun } from "./active-run-state.js";
 import { AgentAutoContinueSignal, readSSEStreamRaw, } from "./sse-event-processor.js";
+import { captureError, trackEvent } from "./analytics.js";
 import { cn } from "./utils.js";
 import { TextAttachmentAdapter } from "./composer/attachment-accept.js";
 import { AgentTaskCard } from "./AgentTaskCard.js";
@@ -18,12 +19,40 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel,
 import { IframeEmbed, parseEmbedBody } from "./IframeEmbed.js";
 import { useDevMode } from "./use-dev-mode.js";
 import { agentNativePath } from "./api-path.js";
-import { BUILDER_SPACE_SETTINGS_URL } from "./error-format.js";
+import { BUILDER_SPACE_SETTINGS_URL, NEW_CHAT_ACTION_HREF, } from "./error-format.js";
 import { ThumbsFeedback } from "./observability/ThumbsFeedback.js";
 import { TiptapComposer, } from "./composer/TiptapComposer.js";
 import { isPastedTextAttachmentName } from "./composer/pasted-text.js";
 import { PastedTextChip } from "./composer/PastedTextChip.js";
-import { IconMessage, IconX, IconPlayerStop, IconCheck, IconChevronDown, IconCopy, IconTerminal, IconLoader2, IconCircleX, IconSquareFilled, IconClock, IconFile, IconFolder, IconFileText, IconCheckbox, IconMail, IconUser, IconPresentation, IconStack2, IconMessageChatbot, IconLock, IconArrowBackUp, IconExternalLink, IconDots, IconGitFork, IconId, IconQuote, IconGauge, IconArrowRight, IconSettings, IconAlertTriangle, IconRefresh, IconPlayerPlay, IconClipboardList, IconSearch, IconArrowsMaximize, IconArrowsMinimize, } from "@tabler/icons-react";
+import { IconMessage, IconX, IconPlayerStop, IconCheck, IconChevronDown, IconCopy, IconTerminal, IconLoader2, IconCircleX, IconSquareFilled, IconClock, IconFile, IconFolder, IconFileText, IconCheckbox, IconMail, IconUser, IconPresentation, IconStack2, IconMessageChatbot, IconLock, IconArrowBackUp, IconExternalLink, IconDots, IconGitFork, IconId, IconQuote, IconGauge, IconArrowRight, IconSettings, IconAlertTriangle, IconRefresh, IconPlayerPlay, IconClipboardList, IconSearch, IconArrowsMaximize, IconArrowsMinimize, IconPlus, } from "@tabler/icons-react";
+class DownscalingImageAttachmentAdapter {
+    accept = "image/*";
+    async add(state) {
+        return {
+            id: state.file.name,
+            type: "image",
+            name: state.file.name,
+            contentType: state.file.type,
+            file: state.file,
+            status: { type: "requires-action", reason: "composer-send" },
+        };
+    }
+    async send(attachment) {
+        return {
+            ...attachment,
+            status: { type: "complete" },
+            content: [
+                {
+                    type: "image",
+                    image: await getImageFileDataURL(attachment.file),
+                },
+            ],
+        };
+    }
+    async remove() {
+        // noop
+    }
+}
 class BinaryDocumentAttachmentAdapter {
     accept = "application/pdf,.pdf";
     async add(state) {
@@ -69,6 +98,51 @@ function getFileDataURL(file) {
         reader.readAsDataURL(file);
     });
 }
+// Anthropic / OpenAI vision inputs choke on multi-megabyte images, and
+// base64-encoding a raw screenshot eats enough heap to crash the composer
+// (PayloadTooLarge / "Maximum call stack" in serializers). Downscale large
+// images on the client before we ever serialize them.
+const MAX_IMAGE_BYTES = 4 * 1024 * 1024;
+const MAX_IMAGE_DIMENSION = 2048;
+function loadImage(url) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = () => resolve(img);
+        img.onerror = () => reject(new Error("Failed to decode pasted image"));
+        img.src = url;
+    });
+}
+async function getImageFileDataURL(file) {
+    if (file.size <= MAX_IMAGE_BYTES) {
+        return getFileDataURL(file);
+    }
+    if (typeof document === "undefined" || typeof Image === "undefined") {
+        return getFileDataURL(file);
+    }
+    const objectUrl = URL.createObjectURL(file);
+    try {
+        const img = await loadImage(objectUrl);
+        const ratio = Math.min(MAX_IMAGE_DIMENSION / img.naturalWidth, MAX_IMAGE_DIMENSION / img.naturalHeight, 1);
+        const width = Math.max(1, Math.round(img.naturalWidth * ratio));
+        const height = Math.max(1, Math.round(img.naturalHeight * ratio));
+        const canvas = document.createElement("canvas");
+        canvas.width = width;
+        canvas.height = height;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+            return getFileDataURL(file);
+        }
+        ctx.drawImage(img, 0, 0, width, height);
+        const useJpeg = file.type !== "image/png" || file.size > MAX_IMAGE_BYTES * 2;
+        return canvas.toDataURL(useJpeg ? "image/jpeg" : "image/png", 0.85);
+    }
+    catch {
+        return getFileDataURL(file);
+    }
+    finally {
+        URL.revokeObjectURL(objectUrl);
+    }
+}
 function createUserMessageRunConfig(references, requestMode) {
     const custom = {};
     if (references && references.length > 0) {
@@ -145,7 +219,7 @@ async function serializeQueuedAttachments(attachments) {
                     name,
                     contentType: file.type,
                     status: { type: "complete" },
-                    content: [{ type: "image", image: await getFileDataURL(file) }],
+                    content: [{ type: "image", image: await getImageFileDataURL(file) }],
                 });
             }
             else if (isTextLikeFile(file)) {
@@ -543,14 +617,23 @@ function HighlightedCodeBlock({ code, lang }) {
     }
     return (_jsx("pre", { children: _jsx("code", { className: lang ? `language-${lang}` : undefined, children: code }) }));
 }
+const CTA_BUTTON_CLASSES = "agent-markdown-cta mt-1 inline-flex items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background no-underline shadow-sm transition-colors hover:bg-foreground/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background cursor-pointer";
 const markdownComponents = {
     a(props) {
         const { href, children, className, rel: _rel, target: _target, ...rest } = props;
+        if (href === NEW_CHAT_ACTION_HREF) {
+            // In-app action: dispatch a CustomEvent that MultiTabAssistantChat
+            // listens for and opens a new chat tab. Not an external navigation.
+            return (_jsxs("button", { type: "button", onClick: (e) => {
+                    e.preventDefault();
+                    window.dispatchEvent(new CustomEvent("agent-chat:new-chat"));
+                }, className: cn(CTA_BUTTON_CLASSES, className), children: [_jsx(IconPlus, { size: 13, strokeWidth: 2, "aria-hidden": "true" }), _jsx("span", { children: children })] }));
+        }
         const isBuilderCta = isBuilderErrorCtaHref(href);
         if (!isBuilderCta) {
             return (_jsx("a", { href: href, className: className, ...rest, children: children }));
         }
-        return (_jsxs("a", { href: href, target: "_blank", rel: "noreferrer", className: cn("agent-markdown-cta mt-1 inline-flex items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background no-underline shadow-sm transition-colors hover:bg-foreground/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", className), ...rest, children: [_jsx("span", { children: children }), _jsx(IconExternalLink, { size: 13, strokeWidth: 2, "aria-hidden": "true" })] }));
+        return (_jsxs("a", { href: href, target: "_blank", rel: "noreferrer", className: cn(CTA_BUTTON_CLASSES, className), ...rest, children: [_jsx("span", { children: children }), _jsx(IconExternalLink, { size: 13, strokeWidth: 2, "aria-hidden": "true" })] }));
     },
     pre(props) {
         const { children, ...rest } = props;
@@ -587,11 +670,20 @@ function isBuilderErrorCtaHref(href) {
         return false;
     }
 }
+// react-markdown's defaultUrlTransform strips href values whose protocol
+// isn't on its safe list (https, mailto, etc.). Our in-app pseudo-href
+// `agent-native:new-chat` would be blanked out by that, so let it through
+// while delegating every other URL to the default transform for sanitization.
+function markdownUrlTransform(value) {
+    if (value === NEW_CHAT_ACTION_HREF)
+        return value;
+    return defaultUrlTransform(value);
+}
 function MarkdownText() {
     useEffect(() => {
         injectMarkdownStyles();
     }, []);
-    return (_jsx(MarkdownTextPrimitive, { smooth: true, className: "agent-markdown break-words", remarkPlugins: [remarkGfm], components: markdownComponents }));
+    return (_jsx(MarkdownTextPrimitive, { smooth: true, className: "agent-markdown break-words", remarkPlugins: [remarkGfm], components: markdownComponents, urlTransform: markdownUrlTransform }));
 }
 // ─── Composer Attachment Preview ─────────────────────────────────────────────
 function getImageAttachmentSrc(attachment) {
@@ -891,7 +983,7 @@ function ToolCallDisplay({ toolName, argsText, args, result, isRunning, }) {
     const isExpanded = isAgentCall ? hasStreamText && expanded : expanded;
     return (_jsxs("div", { className: "my-1 overflow-hidden", children: [_jsxs("button", { onClick: () => canExpand && setExpanded(!isExpanded), "aria-expanded": canExpand ? isExpanded : undefined, className: cn("flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs font-mono w-full text-left overflow-hidden", isRunning
                     ? "bg-muted text-muted-foreground"
-                    : "bg-muted text-muted-foreground hover:bg-accent"), children: [_jsx("span", { className: "shrink-0", children: isRunning ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : isAgentError ? (_jsx(IconCircleX, { className: "h-3 w-3 text-destructive" })) : result !== undefined ? (_jsx(IconCheck, { className: "h-3 w-3 text-emerald-500" })) : (_jsx(IconSquareFilled, { className: "h-3 w-3 text-muted-foreground" })) }), _jsxs("span", { className: "truncate min-w-0", children: [_jsx("span", { className: "font-medium", children: displayName }), argsStr && _jsxs("span", { className: "opacity-60 ml-1", children: ["(", argsStr, ")"] })] }), canExpand && (_jsx(IconChevronDown, { className: cn("ml-auto h-3 w-3 shrink-0 opacity-40", isExpanded && "rotate-180") }))] }), isExpanded && isAgentCall && hasStreamText && (_jsx("div", { ref: streamRef, className: "mt-1 rounded-md bg-muted/50 px-3 py-2 text-xs text-muted-foreground break-words max-h-48 overflow-y-auto agent-markdown prose prose-sm prose-invert max-w-none", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: markdownComponents, children: agentStreamText }) })), isExpanded && !isAgentCall && (hasArgs || result !== undefined) && (_jsxs("div", { className: "mt-1 space-y-2 rounded-md bg-muted/50 px-3 py-2 text-xs text-muted-foreground", children: [inputPayload && _jsx(ToolDetailViewer, { payload: inputPayload }), resultPayload && _jsx(ToolDetailViewer, { payload: resultPayload })] }))] }));
+                    : "bg-muted text-muted-foreground hover:bg-accent"), children: [_jsx("span", { className: "shrink-0", children: isRunning ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : isAgentError ? (_jsx(IconCircleX, { className: "h-3 w-3 text-destructive" })) : result !== undefined ? (_jsx(IconCheck, { className: "h-3 w-3 text-emerald-500" })) : (_jsx(IconSquareFilled, { className: "h-3 w-3 text-muted-foreground" })) }), _jsxs("span", { className: "truncate min-w-0", children: [_jsx("span", { className: "font-medium", children: displayName }), argsStr && _jsxs("span", { className: "opacity-60 ml-1", children: ["(", argsStr, ")"] })] }), canExpand && (_jsx(IconChevronDown, { className: cn("ml-auto h-3 w-3 shrink-0 opacity-40", isExpanded && "rotate-180") }))] }), isExpanded && isAgentCall && hasStreamText && (_jsx("div", { ref: streamRef, className: "mt-1 rounded-md bg-muted/50 px-3 py-2 text-xs text-muted-foreground break-words max-h-48 overflow-y-auto agent-markdown prose prose-sm prose-invert max-w-none", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: agentStreamText }) })), isExpanded && !isAgentCall && (hasArgs || result !== undefined) && (_jsxs("div", { className: "mt-1 space-y-2 rounded-md bg-muted/50 px-3 py-2 text-xs text-muted-foreground", children: [inputPayload && _jsx(ToolDetailViewer, { payload: inputPayload }), resultPayload && _jsx(ToolDetailViewer, { payload: resultPayload })] }))] }));
 }
 function ToolCallFallback({ toolName, args, argsText, result, }) {
     const chatRunning = React.useContext(ChatRunningContext);
@@ -913,7 +1005,7 @@ function ReconnectStreamMessage({ content }) {
     }, [content]);
     return (_jsx("div", { className: "flex justify-start", children: _jsxs("div", { className: "max-w-[95%] text-sm leading-relaxed text-foreground space-y-1", children: [content.map((part, i) => {
                     if (part.type === "text") {
-                        return (_jsx("div", { className: "agent-markdown break-words", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: markdownComponents, children: part.text }) }, `reconnect-text-${i}`));
+                        return (_jsx("div", { className: "agent-markdown break-words", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: part.text }) }, `reconnect-text-${i}`));
                     }
                     if (part.type === "tool-call") {
                         return (_jsx(ToolCallDisplay, { toolName: part.toolName, argsText: part.argsText, args: part.args, result: part.result, isRunning: part.result === undefined && chatRunning }, `reconnect-tool-${i}`));
@@ -953,9 +1045,7 @@ const richMentionPattern = /@\[([^\]|]+)\|([^\]]+)\]/g;
 const plainMentionPattern = /((?:^|(?<=\s))@(\w+))/g;
 function UserMessageText({ text }) {
     // Strip injected <context>...</context> blocks before display
-    const displayText = text
-        .replace(/<context>[\s\S]*?<\/context>\n?/g, "")
-        .trim();
+    const displayText = displayableUserMessageText(text);
     const parts = [];
     let lastIndex = 0;
     let match;
@@ -995,6 +1085,77 @@ function UserMessageText({ text }) {
     }
     return _jsx(_Fragment, { children: parts.length > 0 ? parts : displayText });
 }
+export function displayableUserMessageText(text) {
+    return text.replace(/<context>[\s\S]*?<\/context>\n?/g, "").trim();
+}
+export function isAssistantUiStaleIndexError(error) {
+    const message = error instanceof Error ? error.message : String(error ?? "");
+    return /^tapClientLookup: Index \d+ out of bounds \(length: \d+\)$/.test(message);
+}
+export class AssistantUiStaleIndexErrorBoundary extends React.Component {
+    state = {
+        error: null,
+        retryToken: 0,
+    };
+    retryTimer = null;
+    static getDerivedStateFromError(error) {
+        return {
+            error: error instanceof Error ? error : new Error(String(error ?? "")),
+        };
+    }
+    componentDidCatch(error, info) {
+        if (!isAssistantUiStaleIndexError(error))
+            return;
+        captureError(error, {
+            tags: {
+                component: this.props.componentName ?? "AssistantChat",
+                recoverable: "assistant-ui-stale-message-index",
+            },
+            extra: {
+                resetKey: this.props.resetKey,
+                componentStack: info.componentStack,
+            },
+        });
+        if (this.retryTimer)
+            return;
+        this.retryTimer = setTimeout(() => {
+            this.retryTimer = null;
+            this.setState((state) => {
+                if (!state.error || !isAssistantUiStaleIndexError(state.error)) {
+                    return null;
+                }
+                return { error: null, retryToken: state.retryToken + 1 };
+            });
+        }, 0);
+    }
+    componentDidUpdate(prevProps) {
+        if (this.state.error &&
+            isAssistantUiStaleIndexError(this.state.error) &&
+            prevProps.resetKey !== this.props.resetKey) {
+            this.setState((state) => ({
+                error: null,
+                retryToken: state.retryToken + 1,
+            }));
+        }
+    }
+    componentWillUnmount() {
+        if (this.retryTimer) {
+            clearTimeout(this.retryTimer);
+        }
+    }
+    render() {
+        if (this.state.error) {
+            if (!isAssistantUiStaleIndexError(this.state.error)) {
+                throw this.state.error;
+            }
+            return null;
+        }
+        return (_jsx(React.Fragment, { children: this.props.children }, `${this.props.resetKey}:${this.state.retryToken}`));
+    }
+}
+export function AssistantMessageListErrorBoundary({ resetKey, children, }) {
+    return (_jsx(AssistantUiStaleIndexErrorBoundary, { resetKey: resetKey, componentName: "AssistantMessageList", children: children }));
+}
 function UserMessageAttachments() {
     const messageRuntime = useMessageRuntime();
     const msg = messageRuntime.getState();
@@ -1023,10 +1184,17 @@ function UserMessage() {
     const [isExpandable, setIsExpandable] = useState(false);
     const contentRef = useRef(null);
     const messageRuntime = useMessageRuntime();
-    const timestamp = formatMessageTimestamp(messageRuntime.getState().createdAt);
+    const message = messageRuntime.getState();
+    const timestamp = formatMessageTimestamp(message.createdAt);
+    const hasDisplayableText = message.content
+        ?.filter((part) => {
+        return part.type === "text" && typeof part.text === "string";
+    })
+        .some((part) => displayableUserMessageText(part.text).length > 0) ??
+        false;
     useEffect(() => {
         const el = contentRef.current;
-        if (!el)
+        if (!el || !hasDisplayableText)
             return;
         const measure = () => {
             setIsExpandable(el.scrollHeight > 200);
@@ -1035,8 +1203,8 @@ function UserMessage() {
         const observer = new ResizeObserver(measure);
         observer.observe(el);
         return () => observer.disconnect();
-    }, []);
-    return (_jsx("div", { className: "group flex justify-end", style: { contentVisibility: "auto" }, children: _jsxs("div", { className: "max-w-[85%]", children: [_jsx(UserMessageAttachments, {}), _jsxs("div", { className: "relative rounded-lg bg-accent px-3 py-2 text-sm leading-relaxed text-foreground", onCopy: (e) => {
+    }, [hasDisplayableText]);
+    return (_jsx("div", { className: "group flex justify-end", style: { contentVisibility: "auto" }, children: _jsxs("div", { className: "max-w-[85%]", children: [_jsx(UserMessageAttachments, {}), hasDisplayableText && (_jsxs("div", { className: "relative rounded-lg bg-accent px-3 py-2 text-sm leading-relaxed text-foreground", onCopy: (e) => {
                         const selection = window.getSelection();
                         if (!selection || selection.rangeCount === 0)
                             return;
@@ -1053,7 +1221,7 @@ function UserMessage() {
                         e.clipboardData.setData("text/plain", div.textContent || "");
                     }, children: [_jsx("div", { ref: contentRef, className: cn("whitespace-pre-wrap break-words", !expanded && isExpandable && "max-h-[200px] overflow-hidden"), children: _jsx(MessagePrimitive.Parts, { components: {
                                     Text: UserMessageText,
-                                } }) }), !expanded && isExpandable && (_jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-14 rounded-b-lg bg-gradient-to-t from-accent via-accent/90 to-transparent" }))] }), isExpandable && (_jsxs("button", { type: "button", onClick: () => setExpanded((prev) => !prev), className: "mt-1 inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] font-medium text-muted-foreground hover:text-foreground", children: [_jsx(IconChevronDown, { className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-180") }), expanded ? "Collapse" : "Expand"] })), timestamp && (_jsx("div", { className: "mt-1 flex justify-end", children: _jsx(MessageTimestamp, { timestamp: timestamp, className: "opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100" }) }))] }) }));
+                                } }) }), !expanded && isExpandable && (_jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-14 rounded-b-lg bg-gradient-to-t from-accent via-accent/90 to-transparent" }))] })), hasDisplayableText && isExpandable && (_jsxs("button", { type: "button", onClick: () => setExpanded((prev) => !prev), className: "mt-1 inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] font-medium text-muted-foreground hover:text-foreground", children: [_jsx(IconChevronDown, { className: cn("h-3.5 w-3.5 transition-transform", expanded && "rotate-180") }), expanded ? "Collapse" : "Expand"] })), timestamp && (_jsx("div", { className: "mt-1 flex justify-end", children: _jsx(MessageTimestamp, { timestamp: timestamp, className: "opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100" }) }))] }) }));
 }
 const CheckpointContext = React.createContext(null);
 const MessageActionsContext = React.createContext(null);
@@ -1217,6 +1385,7 @@ function ThinkingIndicator({ label = "Thinking" } = {}) {
 // session. See packages/desktop-app/src/main/index.ts.
 function BuilderConnectCta({ variant = "primary", onConnected, }) {
     const { configured, orgName, connecting, error, start } = useBuilderConnectFlow({
+        trackingSource: "assistant_chat_builder_cta",
         onConnected,
     });
     const containerClass = variant === "compact"
@@ -1354,7 +1523,14 @@ function RunErrorRecoveryCard({ info, onContinue, onRetry, onFork, onDismiss, })
     }, [info]);
     return (_jsxs("div", { className: "rounded-lg border border-amber-500/25 bg-amber-500/[0.06] p-3 text-sm", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-amber-500/10 text-amber-700 dark:text-amber-300", children: _jsx(IconAlertTriangle, { size: 14 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "font-medium text-foreground", children: canRecover
                                     ? "The agent stopped before finishing"
-                                    : "The agent hit an error" }), _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: info.message }), shouldShowBuilderReconnect && (_jsx("p", { className: "mt-2 text-xs leading-relaxed text-muted-foreground", children: "The current Builder.io or model-provider credential was rejected. Reconnect Builder.io, then retry this message." })), (info.runId || info.errorCode || info.details) && (_jsxs("button", { type: "button", onClick: () => setDetailsOpen((v) => !v), className: "mt-2 inline-flex items-center gap-1 text-[11px] font-medium text-muted-foreground hover:text-foreground", children: [_jsx(IconChevronDown, { size: 12, className: cn("transition-transform", detailsOpen && "rotate-180") }), "Details"] })), detailsOpen && (_jsxs("div", { className: "mt-2 rounded-md border border-border/60 bg-background/70 p-2 font-mono text-[11px] leading-relaxed text-muted-foreground", children: [info.runId && _jsxs("div", { children: ["run: ", info.runId] }), info.errorCode && _jsxs("div", { children: ["code: ", info.errorCode] }), info.details && (_jsx("pre", { className: "mt-2 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono", children: info.details }))] }))] }), _jsx("button", { type: "button", onClick: onDismiss, "aria-label": "Dismiss", className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-background/80 hover:text-foreground", children: _jsx(IconX, { size: 14 }) })] }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [shouldShowBuilderReconnect && (_jsxs("a", { href: agentNativePath("/_agent-native/builder/connect"), target: "_blank", rel: "noreferrer", className: "inline-flex h-8 items-center gap-1.5 rounded-md bg-foreground px-3 text-xs font-medium text-background hover:opacity-90", children: [_jsx(IconExternalLink, { size: 13 }), "Reconnect Builder.io"] })), canRecover && (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: onContinue, className: "inline-flex h-8 items-center gap-1.5 rounded-md bg-foreground px-3 text-xs font-medium text-background hover:opacity-90", children: [_jsx(IconPlayerPlay, { size: 13 }), "Continue"] }), _jsxs("button", { type: "button", onClick: onRetry, className: "inline-flex h-8 items-center gap-1.5 rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent", children: [_jsx(IconRefresh, { size: 13 }), isQueryError ? "Diagnose and retry" : "Retry"] })] })), canRecover && onFork && (_jsxs("button", { type: "button", onClick: onFork, title: "Fork this conversation into a separate chat thread.", "aria-label": "Fork this conversation into a separate chat thread", className: "inline-flex h-8 items-center gap-1.5 rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent", children: [_jsx(IconGitFork, { size: 13 }), "Fork chat"] })), _jsxs("button", { type: "button", onClick: copyDetails, className: "ml-auto inline-flex h-8 items-center gap-1.5 rounded-md px-2.5 text-xs font-medium text-muted-foreground hover:bg-background/80 hover:text-foreground", children: [copied ? _jsx(IconCheck, { size: 13 }) : _jsx(IconCopy, { size: 13 }), copied ? "Copied" : copyLabel] })] })] }));
+                                    : "The agent hit an error" }), _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: info.message }), shouldShowBuilderReconnect && (_jsx("p", { className: "mt-2 text-xs leading-relaxed text-muted-foreground", children: "The current Builder.io or model-provider credential was rejected. Reconnect Builder.io, then retry this message." })), (info.runId || info.errorCode || info.details) && (_jsxs("button", { type: "button", onClick: () => setDetailsOpen((v) => !v), className: "mt-2 inline-flex items-center gap-1 text-[11px] font-medium text-muted-foreground hover:text-foreground", children: [_jsx(IconChevronDown, { size: 12, className: cn("transition-transform", detailsOpen && "rotate-180") }), "Details"] })), detailsOpen && (_jsxs("div", { className: "mt-2 rounded-md border border-border/60 bg-background/70 p-2 font-mono text-[11px] leading-relaxed text-muted-foreground", children: [info.runId && _jsxs("div", { children: ["run: ", info.runId] }), info.errorCode && _jsxs("div", { children: ["code: ", info.errorCode] }), info.details && (_jsx("pre", { className: "mt-2 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono", children: info.details }))] }))] }), _jsx("button", { type: "button", onClick: onDismiss, "aria-label": "Dismiss", className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-background/80 hover:text-foreground", children: _jsx(IconX, { size: 14 }) })] }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [shouldShowBuilderReconnect && (_jsxs("a", { href: agentNativePath("/_agent-native/builder/connect"), target: "_blank", rel: "noreferrer", onClick: () => {
+                            trackEvent("builder connect clicked", {
+                                feature: "builder",
+                                stage: "client",
+                                source: "assistant_chat_reconnect_error",
+                                connect_url_kind: "default",
+                            });
+                        }, className: "inline-flex h-8 items-center gap-1.5 rounded-md bg-foreground px-3 text-xs font-medium text-background hover:opacity-90", children: [_jsx(IconExternalLink, { size: 13 }), "Reconnect Builder.io"] })), canRecover && (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: onContinue, className: "inline-flex h-8 items-center gap-1.5 rounded-md bg-foreground px-3 text-xs font-medium text-background hover:opacity-90", children: [_jsx(IconPlayerPlay, { size: 13 }), "Continue"] }), _jsxs("button", { type: "button", onClick: onRetry, className: "inline-flex h-8 items-center gap-1.5 rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent", children: [_jsx(IconRefresh, { size: 13 }), isQueryError ? "Diagnose and retry" : "Retry"] })] })), canRecover && onFork && (_jsxs("button", { type: "button", onClick: onFork, title: "Fork this conversation into a separate chat thread.", "aria-label": "Fork this conversation into a separate chat thread", className: "inline-flex h-8 items-center gap-1.5 rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent", children: [_jsx(IconGitFork, { size: 13 }), "Fork chat"] })), _jsxs("button", { type: "button", onClick: copyDetails, className: "ml-auto inline-flex h-8 items-center gap-1.5 rounded-md px-2.5 text-xs font-medium text-muted-foreground hover:bg-background/80 hover:text-foreground", children: [copied ? _jsx(IconCheck, { size: 13 }) : _jsx(IconCopy, { size: 13 }), copied ? "Copied" : copyLabel] })] })] }));
 }
 function LoopLimitContinueCard({ info, onContinue, }) {
     const [settings, setSettings] = useState(null);
@@ -1493,12 +1669,64 @@ function ensureMessageMetadata(repo) {
 // Re-export for backwards compatibility
 import { extractThreadMeta, normalizeThreadRepository, } from "../agent/thread-data-builder.js";
 export { extractThreadMeta };
-const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateText, suggestions, showHeader = true, onSwitchToCli, className, apiUrl, tabId, threadId, onMessageCountChange, onSaveThread, onGenerateTitle, composerSlot, composerDisabled = false, composerDisabledPlaceholder, isNewThread, onSlashCommand, execMode, onExecModeChange, planModeDisabled, planModeDisabledReason, selectedModel, defaultModel, selectedEngine, selectedEffort, availableModels, onModelChange, onEffortChange, onForkChat, }, ref) {
+const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateText, suggestions, emptyStateAddon, showHeader = true, onSwitchToCli, className, apiUrl, tabId, threadId, onMessageCountChange, onSaveThread, onGenerateTitle, composerSlot, composerDisabled = false, composerDisabledPlaceholder, isNewThread, onSlashCommand, execMode, onExecModeChange, planModeDisabled, planModeDisabledReason, selectedModel, defaultModel, selectedEngine, selectedEffort, availableModels, onModelChange, onEffortChange, onForkChat, }, ref) {
     const scrollRef = useRef(null);
     const thread = useThread();
     const threadRuntime = useThreadRuntime();
+    const composerRuntime = useComposerRuntime();
     const isRuntimeRunning = thread.isRunning;
     const messages = thread.messages;
+    const messageListResetKey = useMemo(() => messages.map((message) => message.id).join("|"), [messages]);
+    // Chat-wide drag-and-drop: users expect to drop a file anywhere on the agent
+    // sidebar (thread, header, composer) and have it attach — same as ChatGPT,
+    // Claude.ai, Linear, Slack, etc. Tiptap's own `handleDrop` only fires inside
+    // the contenteditable; drops on the message thread or the composer
+    // attachment strip otherwise navigate to the file (browser default), which
+    // is why "upload does nothing" — the chat refreshes to the dropped image.
+    const [dropActive, setDropActive] = useState(false);
+    const dropDepthRef = useRef(0);
+    const handleChatDragEnter = useCallback((e) => {
+        if (!Array.from(e.dataTransfer?.types ?? []).includes("Files"))
+            return;
+        e.preventDefault();
+        dropDepthRef.current += 1;
+        setDropActive(true);
+    }, []);
+    const handleChatDragOver = useCallback((e) => {
+        if (!Array.from(e.dataTransfer?.types ?? []).includes("Files"))
+            return;
+        e.preventDefault();
+        if (e.dataTransfer)
+            e.dataTransfer.dropEffect = "copy";
+    }, []);
+    const handleChatDragLeave = useCallback((e) => {
+        if (!Array.from(e.dataTransfer?.types ?? []).includes("Files"))
+            return;
+        dropDepthRef.current = Math.max(0, dropDepthRef.current - 1);
+        if (dropDepthRef.current === 0)
+            setDropActive(false);
+    }, []);
+    const handleChatDrop = useCallback((e) => {
+        const files = Array.from(e.dataTransfer?.files ?? []);
+        if (files.length === 0)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        dropDepthRef.current = 0;
+        setDropActive(false);
+        // Mirror TiptapComposer's paste/drop name-uniqueness so consecutive
+        // screenshots (all named `image.png`) don't collide on the
+        // SimpleImageAttachmentAdapter id.
+        const attachments = files.map((file) => {
+            if (!file.type.startsWith("image/"))
+                return file;
+            const uniqueName = `${Date.now()}-${Math.random().toString(36).slice(2)}-${file.name}`;
+            return new File([file], uniqueName, { type: file.type });
+        });
+        void Promise.all(attachments.map((file) => composerRuntime.addAttachment(file))).catch((error) => {
+            console.error("Error adding dropped chat attachment:", error);
+        });
+    }, [composerRuntime]);
     // Patch the underlying assistant-ui MessageRepository so addOrUpdateMessage
     // can't throw "Parent message not found" mid-run. assistant-ui calls
     // `repository.clear()` from `runtime.import()` and from `resetHead(null)`,
@@ -1721,6 +1949,19 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                 clearTimeout(maxReconnectTimer);
             }
             if (noProgressDuringReconnect && reconnectRunIdRef.current === runId) {
+                captureError(new Error("agent-chat:reconnect_no_progress"), {
+                    tags: {
+                        context: "agent-native-chat",
+                        errorCode: "reconnect_no_progress",
+                        reconnectTimedOut: String(reconnectTimedOut),
+                    },
+                    extra: {
+                        runId,
+                        threadId: threadId ?? null,
+                        tabId: tabId ?? null,
+                        contentLength: latestContent.length,
+                    },
+                });
                 try {
                     await fetch(`${apiUrl}/runs/${encodeURIComponent(runId)}/abort`, {
                         method: "POST",
@@ -2093,16 +2334,35 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     useEffect(() => {
         if (!authError)
             return;
+        // Auto-recovery (`checkAuthSession`) runs immediately + at 250ms. If the
+        // card is still showing 3 seconds later, recovery failed and the user
+        // is about to hit "Refresh chat" — that's the "Reload UI required"
+        // symptom we want signal on.
+        const stuckCapture = window.setTimeout(() => {
+            captureError(new Error("agent-chat:auth_error_card_stuck"), {
+                tags: {
+                    context: "agent-native-chat",
+                    errorCode: "auth_error_card",
+                    sessionAvailable: String(authSessionAvailable),
+                    sessionExpired: String(!!authError.sessionExpired),
+                },
+                extra: {
+                    threadId: threadId ?? null,
+                    tabId: tabId ?? null,
+                },
+            });
+        }, 3000);
         const handler = () => void checkAuthSession();
         const timer = window.setTimeout(handler, 250);
         window.addEventListener("focus", handler);
         window.addEventListener("agent-engine:configured-changed", handler);
         return () => {
+            window.clearTimeout(stuckCapture);
             window.clearTimeout(timer);
             window.removeEventListener("focus", handler);
             window.removeEventListener("agent-engine:configured-changed", handler);
         };
-    }, [authError, checkAuthSession]);
+    }, [authError, authSessionAvailable, checkAuthSession, tabId, threadId]);
     // Listen for loop-limit events from the adapter
     useEffect(() => {
         const handler = (e) => {
@@ -2260,6 +2520,13 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         // 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();
+        // Sending a message is an explicit user action — always anchor to the
+        // bottom so the new message and any reply land in view, even if the
+        // user had scrolled up to read history. The sticky-bottom override
+        // exists to stop streaming from yanking the viewport, not to swallow
+        // direct sends.
+        isNearBottomRef.current = true;
+        setShowScrollToBottom(false);
         const queuedAttachments = await serializeQueuedAttachments(attachments);
         // Snapshot the exec mode at enqueue time when the caller didn't
         // pass an explicit override. Without this, a plan-mode message that
@@ -2317,7 +2584,19 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         focusComposer() {
             tiptapRef.current?.focus();
         },
-    }), [addToQueue, thread.isRunning]);
+        exportThreadSnapshot() {
+            if (messages.length === 0)
+                return null;
+            const repo = threadRuntime.export();
+            const { title, preview } = extractThreadMeta(repo);
+            return {
+                threadData: JSON.stringify(repo),
+                title,
+                preview,
+                messageCount: messages.length,
+            };
+        },
+    }), [addToQueue, messages.length, thread.isRunning, threadRuntime]);
     // Track whether user has scrolled away from bottom
     const isNearBottomRef = useRef(true);
     const [showScrollToBottom, setShowScrollToBottom] = useState(false);
@@ -2462,7 +2741,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
             (!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: authSessionAvailable
+    return (_jsx(CheckpointContext.Provider, { value: checkpointCtx, children: _jsx(MessageActionsContext.Provider, { value: messageActionsCtx, children: _jsx(ChatRunningContext.Provider, { value: isRunning, children: _jsxs("div", { className: cn("relative flex flex-1 flex-col h-full min-h-0 text-foreground", className), onDragEnter: handleChatDragEnter, onDragOver: handleChatDragOver, onDragLeave: handleChatDragLeave, onDrop: handleChatDrop, children: [dropActive && (_jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 z-50 flex items-center justify-center rounded-md border-2 border-dashed border-primary/70 bg-primary/5 backdrop-blur-[1px]", children: _jsx("span", { className: "rounded-md bg-background/90 px-3 py-1.5 text-xs font-medium text-foreground shadow-sm", children: "Drop to attach" }) })), showHeader && (_jsxs("div", { className: "flex h-11 shrink-0 items-center justify-between border-b border-border px-4", children: [_jsx("span", { className: "text-[13px] font-medium text-muted-foreground", children: "Agent" }), _jsx("div", { className: "flex items-center gap-1", children: onSwitchToCli && (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { onClick: onSwitchToCli, "aria-label": "Switch to CLI", className: "flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground px-2 py-1 rounded-md hover:bg-accent", children: [_jsx(IconTerminal, { className: "h-3.5 w-3.5" }), "CLI"] }) }), _jsx(TooltipContent, { children: "Switch to CLI" })] }) })) })] })), _jsx("div", { ref: scrollRef, className: "flex-1 overflow-y-auto overflow-x-hidden min-h-0", children: authError ? (_jsxs("div", { className: "flex flex-col items-center justify-center h-full px-4 gap-3", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-destructive/10", children: _jsx(IconLock, { className: "h-5 w-5 text-destructive" }) }), _jsxs("div", { className: "text-center max-w-[280px]", children: [_jsx("p", { className: "text-sm font-medium text-foreground mb-1", children: authSessionAvailable
                                                     ? "Chat session needs refresh"
                                                     : authError.sessionExpired
                                                         ? "Session expired"
@@ -2488,15 +2767,15 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                     window.location.reload();
                                                 }, className: authSessionAvailable
                                                     ? "text-xs text-background bg-foreground hover:opacity-90 px-3 py-1.5 rounded-md"
-                                                    : "text-xs text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md border border-border hover:bg-accent", children: "Refresh chat" })] })] })) : missingApiKey && messages.length === 0 ? (_jsx("div", { className: "flex flex-col items-center justify-center h-full px-2", children: _jsx(BuilderSetupCard, { onConnected: handleBuilderConnected, bouncePulse: missingKeyBouncePulse }) })) : isRestoring ? (_jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "flex justify-end", children: _jsx("div", { className: "h-8 w-32 rounded-lg bg-muted animate-pulse" }) }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("div", { className: "h-4 w-48 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-64 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-40 rounded bg-muted animate-pulse" })] })] })) : messages.length === 0 && !isReconnecting ? (_jsxs("div", { className: "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: () => {
+                                                    : "text-xs text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md border border-border hover:bg-accent", children: "Refresh chat" })] })] })) : missingApiKey && messages.length === 0 ? (_jsx("div", { className: "flex flex-col items-center justify-center h-full px-2", children: _jsx(BuilderSetupCard, { onConnected: handleBuilderConnected, bouncePulse: missingKeyBouncePulse }) })) : isRestoring ? (_jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "flex justify-end", children: _jsx("div", { className: "h-8 w-32 rounded-lg bg-muted animate-pulse" }) }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("div", { className: "h-4 w-48 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-64 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-4 w-40 rounded bg-muted animate-pulse" })] })] })) : messages.length === 0 && !isReconnecting ? (_jsxs("div", { className: "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?" }), emptyStateAddon, 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 }],
                                                 });
-                                            }, 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, { onConnected: handleBuilderConnected, bouncePulse: missingKeyBouncePulse })), visibleLoopLimit && !showRunningInUI && (_jsx(LoopLimitContinueCard, { info: visibleLoopLimit, onContinue: () => {
+                                            }, className: "w-full rounded-lg border border-border px-3 py-2 text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground", children: suggestion }, suggestion))) }))] })) : (_jsxs("div", { className: "agent-thread-content flex flex-col gap-4 px-4 py-4", children: [_jsx(AssistantMessageListErrorBoundary, { resetKey: messageListResetKey, children: _jsx(ThreadPrimitive.Messages, { components: {
+                                                UserMessage,
+                                                AssistantMessage,
+                                            } }) }), missingApiKey && (_jsx(BuilderSetupCard, { onConnected: handleBuilderConnected, bouncePulse: missingKeyBouncePulse })), visibleLoopLimit && !showRunningInUI && (_jsx(LoopLimitContinueCard, { info: visibleLoopLimit, onContinue: () => {
                                             setShowContinue(false);
                                             setLoopLimitInfo(null);
                                             addToQueue("Continue from where you left off.");
@@ -2568,7 +2847,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                             }));
                                                         }, 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) {
+export const AssistantChat = forwardRef(function AssistantChat({ apiUrl = agentNativePath("/_agent-native/agent-chat"), tabId, browserTabId, threadId, contextScope, ...props }, ref) {
     const modelRef = useRef(props.selectedModel);
     modelRef.current = props.selectedModel;
     const engineRef = useRef(props.selectedEngine);
@@ -2577,6 +2856,8 @@ export const AssistantChat = forwardRef(function AssistantChat({ apiUrl = agentN
     effortRef.current = props.selectedEffort;
     const execModeRef = useRef(props.execMode);
     execModeRef.current = props.execMode;
+    const scopeRef = useRef(contextScope);
+    scopeRef.current = contextScope;
     const adapter = useMemo(() => createAgentChatAdapter({
         apiUrl,
         tabId,
@@ -2585,15 +2866,17 @@ export const AssistantChat = forwardRef(function AssistantChat({ apiUrl = agentN
         engineRef,
         effortRef,
         execModeRef,
-    }), [apiUrl, tabId, threadId]);
+        browserTabId,
+        scopeRef,
+    }), [apiUrl, tabId, threadId, browserTabId]);
     const attachmentAdapter = useMemo(() => new CompositeAttachmentAdapter([
-        new SimpleImageAttachmentAdapter(),
+        new DownscalingImageAttachmentAdapter(),
         new BinaryDocumentAttachmentAdapter(),
         new TextAttachmentAdapter(),
     ]), []);
     const runtime = useLocalRuntime(adapter, {
         adapters: { attachments: attachmentAdapter },
     });
-    return (_jsx(AssistantRuntimeProvider, { runtime: runtime, children: _jsx(ThreadPrimitive.Root, { className: "flex flex-1 flex-col h-full min-h-0 overflow-x-hidden", children: _jsx(AssistantChatInner, { ref: ref, ...props, apiUrl: apiUrl, tabId: tabId, threadId: threadId }) }) }));
+    return (_jsx(AssistantRuntimeProvider, { runtime: runtime, children: _jsx(ThreadPrimitive.Root, { className: "flex flex-1 flex-col h-full min-h-0 overflow-x-hidden", children: _jsx(AssistantUiStaleIndexErrorBoundary, { resetKey: `${tabId ?? ""}:${threadId ?? ""}`, componentName: "AssistantChat", children: _jsx(AssistantChatInner, { ref: ref, ...props, apiUrl: apiUrl, tabId: tabId, threadId: threadId }) }) }) }));
 });
 //# sourceMappingURL=AssistantChat.js.map