@agent-native/core 0.152.1 → 0.153.0

package/dist/client/changelog/Changelog.js

@@ -14,8 +14,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * The command menu's built-in `changelog` prop (see CommandMenu.tsx) wires the
  * dialog automatically — most templates never touch these directly.
  */
-import { IconX, IconHistory } from "@tabler/icons-react";
-import React, { useEffect, useMemo, useState } from "react";
+import { IconChevronDown, IconHistory, IconX } from "@tabler/icons-react";
+import React, { useEffect, useId, useMemo, useState } from "react";
 import { parseChangelog } from "../../changelog/parse.js";
 import { markdownModule, remarkGfmFn, useMarkdownReady, markdownUrlTransform, } from "../chat/markdown-renderer.js";
 import { DEFAULT_LOCALE, useOptionalLocale } from "../i18n.js";
@@ -127,13 +127,15 @@ export function ChangelogDialog({ open, onOpenChange, markdown, title = "What's
                 onOpenChange(false);
         }, children: _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": title, className: "mt-[8vh] flex max-h-[80vh] w-full max-w-xl flex-col rounded-lg border border-border bg-popover text-popover-foreground shadow-lg", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border px-5 py-3.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "text-sm font-semibold", children: title })] }), _jsx("button", { type: "button", onClick: () => onOpenChange(false), "aria-label": closeLabel, className: "rounded-sm p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground", children: _jsx(IconX, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "overflow-y-auto px-5 py-4", children: _jsx(ChangelogEntries, { entries: entries, emptyText: emptyText }) })] }) }));
 }
-export function ChangelogSettingsCard({ markdown, limit = 2, title = "What's new", closeLabel = "Close", emptyText = "No updates yet.", viewAllLabel = "View all updates", className, }) {
+export function ChangelogSettingsCard({ markdown, limit = 2, title = "What's new", emptyText = "No updates yet.", viewAllLabel = "View all updates", collapseLabel = "Show fewer updates", className, }) {
     const entries = useMemo(() => parseChangelog(markdown), [markdown]);
-    const [dialogOpen, setDialogOpen] = useState(false);
+    const [expanded, setExpanded] = useState(false);
+    const bodyId = useId();
     if (entries.length === 0)
         return null;
     const shown = entries.slice(0, limit);
     const hasMore = entries.length > shown.length;
-    return (_jsxs("div", { className: cn("rounded-lg border border-border bg-card text-card-foreground", className), children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-5 py-4", children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "text-sm font-semibold", children: title })] }), _jsxs("div", { className: "px-5 py-4", children: [_jsx(ChangelogEntries, { entries: shown, emptyText: emptyText }), hasMore && (_jsx("button", { type: "button", onClick: () => setDialogOpen(true), className: "mt-4 text-sm font-medium text-foreground underline underline-offset-2", children: viewAllLabel }))] }), _jsx(ChangelogDialog, { open: dialogOpen, onOpenChange: setDialogOpen, markdown: markdown, title: title, closeLabel: closeLabel, emptyText: emptyText })] }));
+    const visibleEntries = expanded ? entries : shown;
+    return (_jsxs("div", { className: cn("rounded-lg border border-border bg-card text-card-foreground", className), children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-5 py-4", children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "text-sm font-semibold", children: title })] }), _jsxs("div", { className: "px-5 py-4", children: [_jsx("div", { id: bodyId, className: cn("overflow-hidden transition-[max-height] duration-200 ease-[var(--ease-collapse)]", expanded ? "max-h-96 overflow-y-auto pr-1" : "max-h-[9.5rem]"), children: _jsx(ChangelogEntries, { entries: visibleEntries, emptyText: emptyText }) }), hasMore && (_jsxs("button", { type: "button", onClick: () => setExpanded((value) => !value), "aria-expanded": expanded, "aria-controls": bodyId, className: "mt-4 inline-flex items-center gap-1 text-sm font-medium text-foreground underline underline-offset-2", children: [_jsx("span", { children: expanded ? collapseLabel : viewAllLabel }), _jsx(IconChevronDown, { className: cn("h-4 w-4 transition-transform duration-200 ease-[var(--ease-collapse)]", expanded && "rotate-180"), "aria-hidden": "true" })] }))] })] }));
 }
 export { parseChangelog };

package/dist/client/chat/markdown-renderer.d.ts

@@ -40,11 +40,13 @@ export declare function useMarkdownReady(): boolean;
 export declare const MemoizedMarkdownBlock: React.MemoExoticComponent<({ blockText, }: {
     blockText: string;
 }) => React.JSX.Element | null>;
-export declare function SmoothMarkdownText({ text, streaming, resetKey, statusType, onRevealComplete, }: {
+export declare function SmoothMarkdownText({ text, streaming, resetKey, statusType, animateStreaming, onRevealComplete, }: {
     text: string;
     streaming: boolean;
     resetKey: string;
     statusType?: string;
+    /** Allow callers to opt out for static or deliberately chunk-native surfaces. */
+    animateStreaming?: boolean;
     onRevealComplete?: () => void;
 }): React.JSX.Element;
 export declare function MarkdownText(): React.JSX.Element;

package/dist/client/chat/markdown-renderer.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // Owns: lazy react-markdown/shiki loaders, SmoothMarkdownText, MarkdownText,
 // HighlightedCodeBlock wrapper, and the markdownComponents/markdownUrlTransform
 // used by every markdown render path in AssistantChat.
-import { useThread, useMessageRuntime, useMessagePartText, } from "@assistant-ui/react";
+import { useMessageRuntime, useMessagePartText } from "@assistant-ui/react";
 import { IconPlus, IconExternalLink } from "@tabler/icons-react";
 import React, { useState, useEffect, useCallback, useMemo, useRef, } from "react";
 import { splitMarkdownBlocks } from "../../shared/markdown-block-split.js";
@@ -288,8 +288,13 @@ export function useSmoothStreamingText(targetText, streaming, resetKey) {
     const visibleCountRef = useRef(-1);
     const targetGraphemesRef = useRef(EMPTY_GRAPHEMES);
     if (visibleCountRef.current < 0) {
-        targetGraphemesRef.current = splitStreamingTextGraphemes(targetText);
-        visibleCountRef.current = splitStreamingTextGraphemes(visibleText).length;
+        if (streaming && !prefersReducedMotion) {
+            targetGraphemesRef.current = splitStreamingTextGraphemes(targetText);
+            visibleCountRef.current = splitStreamingTextGraphemes(visibleText).length;
+        }
+        else {
+            visibleCountRef.current = 0;
+        }
     }
     const frameRef = useRef(null);
     const lastCommitAtRef = useRef(0);
@@ -374,16 +379,21 @@ export function useSmoothStreamingText(targetText, streaming, resetKey) {
         }
     };
     useEffect(() => {
-        const targetGraphemes = splitStreamingTextGraphemes(targetText);
         targetTextRef.current = targetText;
-        targetGraphemesRef.current = targetGraphemes;
         const keyChanged = resetKeyRef.current !== resetKey;
         resetKeyRef.current = resetKey;
         if (!streaming || prefersReducedMotion) {
             cancelFrame();
-            commitVisibleCount(targetGraphemes.length);
+            targetGraphemesRef.current = EMPTY_GRAPHEMES;
+            visibleCountRef.current = 0;
+            if (visibleTextRef.current !== targetText) {
+                visibleTextRef.current = targetText;
+                setVisibleText(targetText);
+            }
             return;
         }
+        const targetGraphemes = splitStreamingTextGraphemes(targetText);
+        targetGraphemesRef.current = targetGraphemes;
         const visibleNoLongerMatchesTarget = visibleTextRef.current.length > 0 &&
             !targetText.startsWith(visibleTextRef.current);
         if (visibleNoLongerMatchesTarget ||
@@ -451,9 +461,6 @@ export function useMarkdownReady() {
     }, []);
     return ready;
 }
-// ─── MemoizedMarkdownBlock ────────────────────────────────────────────────────
-// Renders a single stable markdown block. Wrapped in React.memo so React
-// skips re-rendering completed blocks when only the tail changes.
 export const MemoizedMarkdownBlock = React.memo(function MemoizedMarkdownBlock({ blockText, }) {
     const ReactMarkdown = markdownModule?.default;
     const gfm = remarkGfmFn;
@@ -462,34 +469,27 @@ export const MemoizedMarkdownBlock = React.memo(function MemoizedMarkdownBlock({
     return (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: wrapLegacyChartShorthandLines(blockText) }));
 });
 // ─── SmoothMarkdownText ────────────────────────────────────────────────────────
-export function SmoothMarkdownText({ text, streaming, resetKey, statusType = "complete", onRevealComplete, }) {
+export function SmoothMarkdownText({ text, streaming, resetKey, statusType = "complete", animateStreaming = true, onRevealComplete, }) {
     const mdReady = useMarkdownReady();
-    const visibleText = useSmoothStreamingText(text, streaming, resetKey);
-    const isVisuallyStreaming = streaming && visibleText !== text;
+    const shouldAnimate = streaming && animateStreaming;
+    const visibleText = useSmoothStreamingText(text, shouldAnimate, resetKey);
     const ReactMarkdown = markdownModule?.default;
     const gfm = remarkGfmFn;
+    const markdownBlocks = useMemo(() => (streaming ? splitMarkdownBlocks(visibleText) : null), [streaming, visibleText]);
     useEffect(() => {
-        if (!onRevealComplete || !streaming || visibleText !== text)
+        if (!onRevealComplete || !shouldAnimate || visibleText !== text)
             return;
         onRevealComplete();
-    }, [onRevealComplete, streaming, text, visibleText]);
-    // Block-memoized rendering: during streaming split the visible text into
-    // stable completed blocks + an in-progress tail.  Only the tail re-renders
-    // on every commit; completed blocks are React.memo'd and skipped.
-    // On completion we fall through to a single ReactMarkdown pass to guarantee
-    // byte-identical final output (no block-split artifacts).
-    const split = useMemo(() => (isVisuallyStreaming ? splitMarkdownBlocks(visibleText) : null), [isVisuallyStreaming, visibleText]);
-    return (_jsx("div", { className: "agent-markdown break-words", "data-status": statusType, "data-streaming": isVisuallyStreaming ? "true" : undefined, children: mdReady && ReactMarkdown && gfm ? (split ? (_jsxs(_Fragment, { children: [split.completedBlocks.map((block, i) => (_jsx(MemoizedMarkdownBlock, { blockText: block }, i))), split.tail ? (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: wrapLegacyChartShorthandLines(split.tail) })) : null] })) : (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: wrapLegacyChartShorthandLines(visibleText) }))) : (_jsx("span", { style: { whiteSpace: "pre-wrap" }, children: visibleText })) }));
+    }, [onRevealComplete, shouldAnimate, text, visibleText]);
+    return (_jsx("div", { className: "agent-markdown break-words", "data-status": statusType, "data-streaming": streaming ? "true" : undefined, children: mdReady && ReactMarkdown && gfm ? (markdownBlocks ? (_jsxs(_Fragment, { children: [markdownBlocks.completedBlocks.map((blockText, index) => (_jsx(MemoizedMarkdownBlock, { blockText: blockText }, index))), markdownBlocks.tail ? (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: wrapLegacyChartShorthandLines(markdownBlocks.tail) })) : null] })) : (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: wrapLegacyChartShorthandLines(visibleText) }))) : (_jsx("span", { style: { whiteSpace: "pre-wrap" }, children: visibleText })) }));
 }
 // ─── MarkdownText ──────────────────────────────────────────────────────────────
 export function MarkdownText() {
     const textPart = useMessagePartText();
     const messageRuntime = useMessageRuntime();
     const message = messageRuntime.getState();
-    const thread = useThread();
     const textStreaming = React.useContext(TextStreamingContext);
-    const lastMessage = thread.messages[thread.messages.length - 1];
-    const isLastAssistantMessage = message.role === "assistant" && lastMessage?.id === message.id;
+    const isLastAssistantMessage = message.role === "assistant" && message.isLast;
     const statusType = textPart.status?.type ?? message.status?.type ?? "complete";
     return (_jsx(SmoothMarkdownText, { text: textPart.text, streaming: textStreaming && isLastAssistantMessage, resetKey: message.id, statusType: statusType }));
 }

package/dist/client/chat/message-components.d.ts

@@ -140,6 +140,29 @@ export declare function getAssistantToolSummaryInfo(parts: readonly {
     startIndex: number;
     hiddenToolCount: number;
 };
+export declare function groupAssistantWorkParts(part: {
+    type?: string;
+    toolCallId?: string;
+    toolName?: string;
+    args?: Record<string, unknown>;
+    chatUI?: unknown;
+    mcpApp?: unknown;
+    approval?: {
+        approvalKey?: string;
+        dismissed?: boolean;
+    };
+}, index: number, parts: readonly {
+    type?: string;
+    toolCallId?: string;
+    toolName?: string;
+    args?: Record<string, unknown>;
+    chatUI?: unknown;
+    mcpApp?: unknown;
+    approval?: {
+        approvalKey?: string;
+        dismissed?: boolean;
+    };
+}[]): ["group-work"] | null;
 export declare function shouldShowInlineRunError({ runError, bannerRunErrorKey, }: {
     runError: RunErrorInfo | null;
     bannerRunErrorKey: string | null | undefined;

package/dist/client/chat/message-components.js

@@ -5,7 +5,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // displayableUserMessageText.
 import { isPastedTextAttachmentName } from "@agent-native/toolkit/composer/pasted-text";
 import { PastedTextChip } from "@agent-native/toolkit/composer/PastedTextChip";
-import { useThread, useMessageRuntime, useComposer, MessagePrimitive, ActionBarPrimitive, BranchPickerPrimitive, ComposerPrimitive, useMessagePartReasoning, useMessagePartRuntime, useAuiState, } from "@assistant-ui/react";
+import { useThreadRuntime, useMessageRuntime, useComposer, MessagePrimitive, ActionBarPrimitive, BranchPickerPrimitive, ComposerPrimitive, useMessagePartReasoning, useMessagePartRuntime, useAuiState, } from "@assistant-ui/react";
 import { IconX, IconCheck, IconCopy, IconChevronDown, IconChevronLeft, IconChevronRight, IconDots, IconGitFork, IconId, IconQuote, IconRefresh, IconArrowBackUp, IconFile, IconFolder, IconFileText, IconCheckbox, IconMail, IconUser, IconPresentation, IconStack2, IconMessageChatbot, IconPencil, IconAlertTriangle, IconLoader2, } from "@tabler/icons-react";
 import React, { useState, useEffect, useCallback, useRef } from "react";
 import { getActiveRun } from "../active-run-state.js";
@@ -20,7 +20,7 @@ import { cn } from "../utils.js";
 import { MarkdownText, renderMarkdownToClipboardHtml, SmoothMarkdownText, } from "./markdown-renderer.js";
 import { getAssistantRunDurationMs } from "./repo-helpers.js";
 import { getRunErrorMetadata, runErrorHeadline, runErrorKey, } from "./run-recovery.js";
-import { ToolCallFallback, ToolActivityPresentation, ToolCallStackMotion, FilesChangedSummary, ASSISTANT_VISIBLE_TOOL_CALL_LIMIT, ChatRunningContext, ChatRunningRunIdContext, ChatRunningTurnIdContext, ChatRunDurationContext, formatWorkedDuration, RanToolsSummary, ReasoningCell, WorkedForSummary, toolCallHasPendingApproval, } from "./tool-call-display.js";
+import { ToolCallFallback, ToolActivityPresentation, ToolCallStackMotion, FilesChangedSummary, ASSISTANT_VISIBLE_TOOL_CALL_LIMIT, ChatRunningContext, ChatRunningRunIdContext, ChatRunningTurnIdContext, ChatRunDurationContext, formatWorkedDuration, ReasoningCell, WorkedForSummary, toolCallHasPendingApproval, } from "./tool-call-display.js";
 export { toolCallHasPendingApproval };
 // ─── Pending selection context key ───────────────────────────────────────────
 // Mirrored from AssistantChat to avoid a cross-import on a private constant.
@@ -750,41 +750,18 @@ export function getAssistantToolSummaryInfo(parts) {
         hiddenToolCount: toolCallIndices.length - ASSISTANT_VISIBLE_TOOL_CALL_LIMIT,
     };
 }
-function groupAssistantWorkParts(part, index, parts) {
-    if (isCallAgentToolCallShadowed(parts, index))
-        return null;
-    if (isCollapsibleAssistantWorkPart(part)) {
-        const { startIndex } = getAssistantToolSummaryInfo(parts);
-        if (isAssistantToolSummaryPart(parts, index, startIndex)) {
-            return ["group-work", "group-ran-tools"];
-        }
-        return ["group-work"];
+export function groupAssistantWorkParts(part, index, parts) {
+    if (isCallAgentToolCallShadowed(parts, index)) {
+        const previousPart = parts[index - 1];
+        const previousPartIsInWorkGroup = previousPart != null &&
+            (isCollapsibleAssistantWorkPart(previousPart) ||
+                isCallAgentToolCallShadowed(parts, index - 1));
+        return previousPartIsInWorkGroup ? ["group-work"] : null;
     }
+    if (isCollapsibleAssistantWorkPart(part))
+        return ["group-work"];
     return null;
 }
-function isAssistantToolSummaryPart(parts, index, startIndex) {
-    if (startIndex < 0 || index >= startIndex)
-        return false;
-    if (isCallAgentToolCallShadowed(parts, index) ||
-        !isCollapsibleAssistantWorkPart(parts[index])) {
-        return false;
-    }
-    let segmentStart = index;
-    while (segmentStart > 0 &&
-        !isCallAgentToolCallShadowed(parts, segmentStart - 1) &&
-        isCollapsibleAssistantWorkPart(parts[segmentStart - 1])) {
-        segmentStart--;
-    }
-    let segmentEnd = index + 1;
-    while (segmentEnd < startIndex &&
-        !isCallAgentToolCallShadowed(parts, segmentEnd) &&
-        isCollapsibleAssistantWorkPart(parts[segmentEnd])) {
-        segmentEnd++;
-    }
-    return parts
-        .slice(segmentStart, segmentEnd)
-        .some((candidate) => candidate.type === "tool-call");
-}
 export function shouldShowInlineRunError({ runError, bannerRunErrorKey, }) {
     if (!runError)
         return false;
@@ -805,7 +782,7 @@ export function AssistantMessage() {
     const [restoreState, setRestoreState] = useState("idle");
     const [restoreError, setRestoreError] = useState(null);
     const messageRuntime = useMessageRuntime();
-    const thread = useThread();
+    const threadRuntime = useThreadRuntime();
     const chatRunning = React.useContext(ChatRunningContext);
     const activeRunId = React.useContext(ChatRunningRunIdContext);
     const activeTurnId = React.useContext(ChatRunningTurnIdContext);
@@ -813,8 +790,7 @@ export function AssistantMessage() {
     const msg = messageRuntime.getState();
     const persistedDurationMs = getAssistantRunDurationMs(msg);
     const timestamp = formatMessageTimestamp(msg.createdAt);
-    const isLast = thread.messages.length > 0 &&
-        thread.messages[thread.messages.length - 1].id === msg.id;
+    const isLast = msg.isLast;
     const wasLiveRef = useRef(false);
     const messageRunId = assistantMessageRunId(msg);
     const messageTurnId = assistantMessageTurnId(msg);
@@ -877,7 +853,18 @@ export function AssistantMessage() {
     const shouldHoldCompletionFooter = isLast &&
         ((missingFinalResponseCandidate && !showMissingFinalResponse) ||
             (animateMissingFinalResponse && !missingFinalResponseRevealed));
-    const responseConnectionContext = userMessageTextBeforeAssistant(thread.messages, msg.id);
+    const responseConnectionContext = React.useMemo(() => {
+        let parentId = msg.parentId;
+        while (parentId) {
+            const parentMessage = threadRuntime.getMessageById(parentId).getState();
+            if (parentMessage.role === "user" &&
+                !isHiddenUserMessage(parentMessage)) {
+                return displayableUserMessageText(messageTextFromContent(parentMessage.content));
+            }
+            parentId = parentMessage.parentId;
+        }
+        return "";
+    }, [msg.parentId, threadRuntime]);
     const isComplete = !shouldHoldCompletionFooter &&
         shouldShowAssistantMessageFooter({
             isLast,
@@ -1000,7 +987,7 @@ export function AssistantMessage() {
     });
     if (!hasRenderableContent)
         return null;
-    return (_jsxs("div", { className: "group relative", style: { contentVisibility: isComplete ? "auto" : "visible" }, children: [_jsxs("div", { className: "w-full max-w-[95%] text-sm leading-relaxed text-foreground", children: [_jsx(ToolCallStackMotion, { children: _jsx(MessagePrimitive.GroupedParts, { groupBy: groupAssistantWorkParts, children: ({ part, children }) => {
+    return (_jsxs("div", { className: "group relative", style: { contentVisibility: isComplete ? "auto" : "visible" }, children: [_jsxs("div", { className: "w-full max-w-[95%] text-sm leading-relaxed text-foreground", children: [isComplete && (_jsx(McpConnectionSuggestion, { text: responseConnectionText, contextText: responseConnectionContext, variant: "response" })), _jsx(ToolCallStackMotion, { children: _jsx(MessagePrimitive.GroupedParts, { groupBy: groupAssistantWorkParts, children: ({ part, children }) => {
                                 switch (part.type) {
                                     case "group-work": {
                                         const showSummary = shouldShowAssistantWorkSummary({
@@ -1014,10 +1001,6 @@ export function AssistantMessage() {
                                             return _jsx(_Fragment, { children: children });
                                         return (_jsx(WorkedForSummary, { durationMs: getAssistantWorkSummaryDurationMs(capturedDurationMs ?? persistedDurationMs, part.indices[0] ?? -1, firstWorkPartIndex), defaultOpen: hasCustomUi, autoCollapse: animateCollapse && !hasCustomUi, children: children }));
                                     }
-                                    case "group-ran-tools": {
-                                        const toolCount = part.indices.filter((index) => msgContent?.[index]?.type === "tool-call").length;
-                                        return (_jsx(RanToolsSummary, { toolCount: toolCount, children: children }));
-                                    }
                                     case "text":
                                         if (isUserStoppedRun &&
                                             isMissingFinalResponseWarningText(part.text)) {
@@ -1041,7 +1024,7 @@ export function AssistantMessage() {
                             ? messageActions?.onRetryRunError
                             : undefined })), missingWarningText == null &&
                         missingFinalResponseNoticeText != null &&
-                        !showInlineRunError && (_jsx(MissingFinalResponseNotice, { messageId: msg.id, text: missingFinalResponseNoticeText, animate: animateMissingFinalResponse, onRevealComplete: handleMissingFinalResponseReveal })), isComplete && hasCodeAgentTools && msgContent && (_jsx(FilesChangedSummary, { parts: msgContent })), isComplete && (_jsx(McpConnectionSuggestion, { text: responseConnectionText, contextText: responseConnectionContext, variant: "response" }))] }), isComplete && (_jsxs("div", { className: "mt-1 flex items-center justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(MessageActionsMenu, { showRevert: showRestore && restoreState === "idle", onRevert: handleRestore, threadId: cpCtx?.threadId ?? "" }), isLast && (_jsx(TooltipProvider, { delayDuration: 400, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(ActionBarPrimitive.Reload, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Regenerate response", className: `flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent hover:text-foreground ${messageFooterFadeClassName} disabled:cursor-not-allowed disabled:opacity-40`, children: _jsx(IconRefresh, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { side: "top", className: "text-xs", children: "Regenerate response" })] }) })), _jsx(MessageBranchPicker, {}), timestamp && (_jsx(MessageTimestamp, { timestamp: timestamp, className: messageFooterFadeClassName }))] }), showRestore && restoreState === "confirming" ? (_jsxs("div", { className: "flex items-center gap-1 text-xs", children: [_jsx("button", { onClick: handleRestore, className: "rounded-md bg-destructive px-1.5 py-0.5 text-destructive-foreground hover:bg-destructive/90", children: "Restore to here?" }), _jsx("button", { onClick: cancelRestore, className: "rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Cancel" })] })) : showRestore && restoreState === "restoring" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" }), "Restoring..."] })) : restoreState === "error" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-destructive", children: [_jsx(IconAlertTriangle, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "truncate", children: restoreError }), _jsx("button", { onClick: cancelRestore, className: "cursor-pointer rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Dismiss" })] })) : (_jsx(ThumbsFeedback, { threadId: cpCtx?.threadId ?? "", runId: messageRunId ?? "", messageSeq: thread.messages.findIndex((m) => m.id === msg.id) }))] }))] }));
+                        !showInlineRunError && (_jsx(MissingFinalResponseNotice, { messageId: msg.id, text: missingFinalResponseNoticeText, animate: animateMissingFinalResponse, onRevealComplete: handleMissingFinalResponseReveal })), isComplete && hasCodeAgentTools && msgContent && (_jsx(FilesChangedSummary, { parts: msgContent }))] }), isComplete && (_jsxs("div", { className: "mt-1 flex items-center justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(MessageActionsMenu, { showRevert: showRestore && restoreState === "idle", onRevert: handleRestore, threadId: cpCtx?.threadId ?? "" }), isLast && (_jsx(TooltipProvider, { delayDuration: 400, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(ActionBarPrimitive.Reload, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Regenerate response", className: `flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent hover:text-foreground ${messageFooterFadeClassName} disabled:cursor-not-allowed disabled:opacity-40`, children: _jsx(IconRefresh, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { side: "top", className: "text-xs", children: "Regenerate response" })] }) })), _jsx(MessageBranchPicker, {}), timestamp && (_jsx(MessageTimestamp, { timestamp: timestamp, className: messageFooterFadeClassName }))] }), showRestore && restoreState === "confirming" ? (_jsxs("div", { className: "flex items-center gap-1 text-xs", children: [_jsx("button", { onClick: handleRestore, className: "rounded-md bg-destructive px-1.5 py-0.5 text-destructive-foreground hover:bg-destructive/90", children: "Restore to here?" }), _jsx("button", { onClick: cancelRestore, className: "rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Cancel" })] })) : showRestore && restoreState === "restoring" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" }), "Restoring..."] })) : restoreState === "error" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-destructive", children: [_jsx(IconAlertTriangle, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "truncate", children: restoreError }), _jsx("button", { onClick: cancelRestore, className: "cursor-pointer rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Dismiss" })] })) : (_jsx(ThumbsFeedback, { threadId: cpCtx?.threadId ?? "", runId: messageRunId ?? "", messageSeq: msg.index }))] }))] }));
 }
 // ─── RunningActivityStatus / ThinkingIndicator ────────────────────────────────
 export function RunningActivityStatus({ label }) {

package/dist/client/chat/tool-call-display.d.ts

@@ -119,10 +119,10 @@ export declare function ReconnectStreamMessage({ content, allowActivitySpinner,
     /** Activity-only cards are live during reconnect, but static once frozen. */
     allowActivitySpinner?: boolean;
 }): React.JSX.Element;
-export declare function ReasoningCell({ text, isStreaming, resetKey, defaultOpen, autoCollapse, collapseWhenReplaced, durationMs, }: {
+export declare function ReasoningCell({ text, isStreaming, defaultOpen, autoCollapse, collapseWhenReplaced, durationMs, }: {
     text: string;
     isStreaming?: boolean;
-    /** Stable identity used to restart the reveal when a new reasoning part mounts. */
+    /** Stable identity retained for callers; reasoning renders chunk-natively. */
     resetKey?: string;
     defaultOpen?: boolean;
     /** Animate closed when a live reasoning segment finishes during a run. */

package/dist/client/chat/tool-call-display.js

@@ -14,7 +14,7 @@ import { BashCell, EditCell, WriteCell, FilesChangedSummary, } from "../tool-cel
 import { humanizeToolName, isCallAgentToolCallShadowed, } from "../tool-display.js";
 import { cn } from "../utils.js";
 import { ActionChatUiSurface } from "./action-chat-ui-surface.js";
-import { SmoothMarkdownText, HighlightedCodeBlock, useSmoothStreamingText, } from "./markdown-renderer.js";
+import { SmoothMarkdownText, HighlightedCodeBlock, } from "./markdown-renderer.js";
 import { resolveToolRenderer } from "./tool-render-registry.js";
 import { isBuiltinDataWidgetActionRenderer, resolveBuiltinActionChatRenderer, resolveBuiltinFallbackToolRenderer, } from "./widgets/builtin-tool-renderers.js";
 // Exported so AssistantChatInner can provide a context value.
@@ -584,13 +584,16 @@ function isReconnectToolSummaryPart(content, index, startIndex) {
  * opening that summary never reveals a redundant second disclosure.
  */
 const WorkSummaryContentContext = React.createContext(false);
-export function ReasoningCell({ text, isStreaming = false, resetKey, defaultOpen, autoCollapse = false, collapseWhenReplaced = false, durationMs, }) {
+export function ReasoningCell({ text, isStreaming = false, defaultOpen, autoCollapse = false, collapseWhenReplaced = false, durationMs, }) {
     const embeddedInWorkSummary = React.useContext(WorkSummaryContentContext);
     const [open, setOpen] = useState(defaultOpen ?? true);
     const wasStreamingRef = useRef(isStreaming);
     const wasReplacedRef = useRef(collapseWhenReplaced);
     const trimmed = text.trim();
-    const visibleText = useSmoothStreamingText(trimmed, isStreaming, resetKey ?? "reasoning");
+    // Reasoning is already a compact live status surface. Rendering the latest
+    // chunk directly avoids a second character-level queue that can lag behind
+    // the model and make the surrounding chat look like it is jumping.
+    const visibleText = trimmed;
     useEffect(() => {
         if (autoCollapse && wasStreamingRef.current && !isStreaming) {
             setOpen(false);

package/dist/client/chat-first/app-open-actions.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+export declare const APP_ACTION_MENU_CONTENT_CLASS = "w-48";
+export interface AppOpenActionLabels {
+    addApp: string;
+    openApp: string;
+    openInline: string;
+    openInNewTab: string;
+}
+export interface AppOpenActionMenuItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    onSelect: () => void;
+}
+export declare function AppOpenActions({ name, href, target, rel, labels: labelOverrides, onAddApp, onOpen, onOpenInline, showInlineOption, showNewTabOption, menuItems, className, }: {
+    name: string;
+    href?: string | null;
+    target?: "_blank";
+    rel?: string;
+    labels?: Partial<AppOpenActionLabels>;
+    onAddApp?: () => void;
+    onOpen?: () => void;
+    onOpenInline?: () => void;
+    showInlineOption?: boolean;
+    showNewTabOption?: boolean;
+    menuItems?: readonly AppOpenActionMenuItem[];
+    className?: string;
+}): import("react").JSX.Element;

package/dist/client/chat-first/app-open-actions.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@agent-native/toolkit";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@agent-native/toolkit/ui/dropdown-menu";
+import { IconAppWindow, IconChevronDown, IconExternalLink, IconPlus, } from "@tabler/icons-react";
+export const APP_ACTION_MENU_CONTENT_CLASS = "w-48";
+const DEFAULT_LABELS = {
+    addApp: "Add app",
+    openApp: "Open app",
+    openInline: "Open inline",
+    openInNewTab: "Open in new tab",
+};
+export function AppOpenActions({ name, href, target, rel, labels: labelOverrides, onAddApp, onOpen, onOpenInline, showInlineOption = false, showNewTabOption = false, menuItems, className, }) {
+    const labels = { ...DEFAULT_LABELS, ...labelOverrides };
+    const primaryUsesHref = Boolean(href) && !onOpen;
+    const canOfferNewTab = Boolean(href) && showNewTabOption;
+    const hasMenu = Boolean(onAddApp) ||
+        (Boolean(href) && (Boolean(onOpenInline) || canOfferNewTab)) ||
+        Boolean(menuItems?.length);
+    const canOpen = primaryUsesHref || Boolean(onOpen);
+    if (!canOpen && !hasMenu) {
+        return (_jsx(Button, { size: "sm", variant: "outline", disabled: true, children: labels.openApp }));
+    }
+    return (_jsxs("div", { className: cn("app-open-actions flex shrink-0 overflow-hidden rounded-md border border-border focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", className), children: [_jsx(Button, { asChild: primaryUsesHref, size: "sm", variant: "outline", className: "app-open-actions__primary h-7 rounded-none border-0 border-e border-border px-0 pe-2 ps-3 text-xs", disabled: !canOpen, onClick: onOpen, type: primaryUsesHref ? undefined : "button", "aria-label": !primaryUsesHref ? `Open ${name}` : undefined, children: primaryUsesHref ? (_jsx("a", { href: href ?? undefined, target: target, rel: rel, children: labels.openApp })) : (_jsx("span", { children: labels.openApp })) }), hasMenu ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { type: "button", size: "sm", variant: "outline", className: "app-open-actions__menu size-7 rounded-none border-0 p-0 text-xs", "aria-label": `Open options for ${name}`, children: _jsx(IconChevronDown, { size: 15 }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: APP_ACTION_MENU_CONTENT_CLASS, children: [onAddApp ? (_jsxs(DropdownMenuItem, { onSelect: onAddApp, children: [_jsx(IconPlus, { size: 14, "aria-hidden": "true" }), labels.addApp] })) : null, showInlineOption && href && onOpenInline ? (_jsxs(DropdownMenuItem, { onSelect: onOpenInline, children: [_jsx(IconAppWindow, { size: 14, "aria-hidden": "true" }), labels.openInline] })) : null, canOfferNewTab && href ? (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: href ?? undefined, target: "_blank", rel: "noreferrer", children: [_jsx(IconExternalLink, { size: 14, "aria-hidden": "true" }), labels.openInNewTab] }) })) : null, menuItems?.map((item) => (_jsxs(DropdownMenuItem, { onSelect: item.onSelect, children: [item.icon ? (_jsx("span", { "aria-hidden": "true", className: "shrink-0", children: item.icon })) : null, item.label] }, item.id)))] })] })) : null] }));
+}

package/dist/client/chat-first/index.d.ts

@@ -1,6 +1,7 @@
 export { ChatFirstAgentsPane } from "./agents-pane.js";
 export { ChatFirstAppPane } from "./app-pane.js";
 export { ChatFirstAppsRail } from "./apps-rail.js";
+export { APP_ACTION_MENU_CONTENT_CLASS, AppOpenActions, type AppOpenActionLabels, type AppOpenActionMenuItem, } from "./app-open-actions.js";
 export { ChatFirstBrowserPane } from "./browser-pane.js";
 export { defaultChatFirstCopy } from "./copy.js";
 export { ChatFirstChatHistory, type ChatFirstChatHistoryProps, } from "./chat-history.js";

package/dist/client/chat-first/index.js

@@ -1,6 +1,7 @@
 export { ChatFirstAgentsPane } from "./agents-pane.js";
 export { ChatFirstAppPane } from "./app-pane.js";
 export { ChatFirstAppsRail } from "./apps-rail.js";
+export { APP_ACTION_MENU_CONTENT_CLASS, AppOpenActions, } from "./app-open-actions.js";
 export { ChatFirstBrowserPane } from "./browser-pane.js";
 export { defaultChatFirstCopy } from "./copy.js";
 export { ChatFirstChatHistory, } from "./chat-history.js";

package/dist/client/chat-first/primary-nav.d.ts

@@ -1,10 +1,11 @@
 import type { ChatFirstCopy } from "./types.js";
 export type ChatFirstPrimaryTab = "new-chat" | "integrations" | "scheduled";
-export declare function ChatFirstPrimaryNavigation({ onNewChat, onOpenIntegrations, onOpenScheduled, onSearch, activeTab, copy, }: {
+export declare function ChatFirstPrimaryNavigation({ onNewChat, onOpenIntegrations, onOpenScheduled, onSearch, activeTab, stickyNewChat, copy, }: {
     onNewChat?: () => void;
     onOpenIntegrations: () => void;
     onOpenScheduled: () => void;
     onSearch?: () => void;
     activeTab?: ChatFirstPrimaryTab;
+    stickyNewChat?: boolean;
     copy?: ChatFirstCopy;
 }): import("react").JSX.Element;

package/dist/client/chat-first/primary-nav.js

@@ -1,12 +1,19 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconClock, IconPlus, IconPlugConnected, IconSearch, } from "@tabler/icons-react";
 import { defaultChatFirstCopy } from "./copy.js";
-export function ChatFirstPrimaryNavigation({ onNewChat, onOpenIntegrations, onOpenScheduled, onSearch, activeTab, copy = defaultChatFirstCopy, }) {
+export function ChatFirstPrimaryNavigation({ onNewChat, onOpenIntegrations, onOpenScheduled, onSearch, activeTab, stickyNewChat = false, copy = defaultChatFirstCopy, }) {
     const tabClassName = (tab) => `flex h-8 w-full items-center gap-2 rounded-md px-2 text-[13px] font-medium transition-[background-color,color] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${activeTab === tab
         ? "bg-sidebar-accent text-sidebar-accent-foreground"
         : "text-sidebar-foreground/80 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"}`;
-    const renderTab = (tab, content, onSelect) => (_jsx("button", { type: "button", role: "tab", "aria-selected": activeTab === tab, className: tabClassName(tab), onClick: onSelect, children: content }));
-    return (_jsxs("div", { children: [_jsxs("div", { role: "tablist", "aria-label": "Primary navigation", className: "grid gap-px", children: [onNewChat
-                        ? renderTab("new-chat", _jsxs(_Fragment, { children: [_jsx(IconPlus, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("newChat") })] }), onNewChat)
-                        : null, renderTab("integrations", _jsxs(_Fragment, { children: [_jsx(IconPlugConnected, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("integrations") })] }), onOpenIntegrations), renderTab("scheduled", _jsxs(_Fragment, { children: [_jsx(IconClock, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("scheduled") })] }), onOpenScheduled)] }), onSearch ? (_jsxs("button", { type: "button", className: "mt-px flex h-8 w-full items-center gap-2 rounded-md px-2 text-[13px] font-medium text-sidebar-foreground/80 transition-[background-color,color] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", onClick: onSearch, children: [_jsx(IconSearch, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("search") })] })) : null] }));
+    const renderTab = (tab, content, onSelect, className) => (_jsx("button", { type: "button", role: "tab", "aria-selected": activeTab === tab, className: [tabClassName(tab), className].filter(Boolean).join(" "), onClick: onSelect, children: content }));
+    const newChatTab = onNewChat
+        ? renderTab("new-chat", _jsxs(_Fragment, { children: [_jsx(IconPlus, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("newChat") })] }), onNewChat, "code-agents-primary-new-chat")
+        : null;
+    const integrationsTab = renderTab("integrations", _jsxs(_Fragment, { children: [_jsx(IconPlugConnected, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("integrations") })] }), onOpenIntegrations);
+    const scheduledTab = renderTab("scheduled", _jsxs(_Fragment, { children: [_jsx(IconClock, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("scheduled") })] }), onOpenScheduled);
+    const searchAction = onSearch ? (_jsxs("button", { type: "button", className: "mt-px flex h-8 w-full items-center gap-2 rounded-md px-2 text-[13px] font-medium text-sidebar-foreground/80 transition-[background-color,color] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", onClick: onSearch, children: [_jsx(IconSearch, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("search") })] })) : null;
+    if (stickyNewChat) {
+        return (_jsxs(_Fragment, { children: [newChatTab ? (_jsx("div", { className: "code-agents-primary-new-chat-shell", children: newChatTab })) : null, _jsxs("div", { className: "code-agents-nav-list", "aria-label": "Agent navigation", children: [_jsxs("div", { role: "tablist", "aria-label": "Primary navigation", className: "grid gap-px", children: [integrationsTab, scheduledTab] }), searchAction] })] }));
+    }
+    return (_jsxs("div", { children: [_jsxs("div", { role: "tablist", "aria-label": "Primary navigation", className: "grid gap-px", children: [newChatTab, integrationsTab, scheduledTab] }), searchAction] }));
 }

package/dist/client/conversation/use-near-bottom-autoscroll.d.ts

@@ -4,6 +4,20 @@ export interface UseNearBottomAutoscrollOptions {
     threshold?: number;
     enabled?: boolean;
 }
+/**
+ * @deprecated Nothing in this repo calls this any more — `AgentConversation`
+ * and `AssistantChat` both stick to the bottom via the shadcn `MessageScroller`
+ * primitive, which does it with one mechanism instead of five.
+ *
+ * What is below is five independent things all writing `scrollTop`: a scroll
+ * listener with a content-shrank heuristic, a ResizeObserver re-attached to
+ * every child on each mutation, a MutationObserver that scrolls, a
+ * rAF+rAF+setTimeout(80) chain, and a 100ms interval while streaming. Each was
+ * added to fix a different report and none replaced the one before it, so they
+ * race: that is the "text bumps up and down rapidly" and "flashing and
+ * jittering" users kept describing. Kept only so an external template importing
+ * it does not break; do not adopt it, and delete it in the next major.
+ */
 export declare function useNearBottomAutoscroll<TElement extends HTMLElement>({ followKey, streaming, threshold, enabled, }: UseNearBottomAutoscrollOptions): {
     scrollRef: import("react").RefObject<TElement | null>;
     isNearBottomRef: import("react").RefObject<boolean>;

package/dist/client/conversation/use-near-bottom-autoscroll.js

@@ -30,6 +30,20 @@ function nestedScrollableConsumesVerticalIntent(event, root, deltaY) {
     }
     return false;
 }
+/**
+ * @deprecated Nothing in this repo calls this any more — `AgentConversation`
+ * and `AssistantChat` both stick to the bottom via the shadcn `MessageScroller`
+ * primitive, which does it with one mechanism instead of five.
+ *
+ * What is below is five independent things all writing `scrollTop`: a scroll
+ * listener with a content-shrank heuristic, a ResizeObserver re-attached to
+ * every child on each mutation, a MutationObserver that scrolls, a
+ * rAF+rAF+setTimeout(80) chain, and a 100ms interval while streaming. Each was
+ * added to fix a different report and none replaced the one before it, so they
+ * race: that is the "text bumps up and down rapidly" and "flashing and
+ * jittering" users kept describing. Kept only so an external template importing
+ * it does not break; do not adopt it, and delete it in the next major.
+ */
 export function useNearBottomAutoscroll({ followKey, streaming = false, threshold = 4, enabled = true, }) {
     const scrollRef = useRef(null);
     const isNearBottomRef = useRef(true);

package/dist/client/error-format.js

@@ -56,10 +56,34 @@ function isProviderRateLimit(text, errorCode) {
         code === "http_429" ||
         code === "rate_limited" ||
         code === "rate_limit_exceeded" ||
+        code === "overloaded_error" ||
         /^429 status code(?:\s*\(no body\))?$/i.test(text) ||
         /\b(?:http\s*)?429\b.*\b(?:status|too many requests|rate[-_\s]?limit|no body)\b/i.test(text) ||
         /\b(?:too many requests|rate[-_\s]?limit(?:ed| exceeded)?)\b/i.test(text));
 }
+function parseProviderErrorPayload(raw) {
+    try {
+        const parsed = JSON.parse(raw);
+        if (!parsed || typeof parsed !== "object")
+            return null;
+        const record = parsed;
+        const error = record.error;
+        if (!error || typeof error !== "object")
+            return null;
+        const errorRecord = error;
+        const errorCode = typeof errorRecord.type === "string" ? errorRecord.type : undefined;
+        const message = typeof errorRecord.message === "string"
+            ? errorRecord.message.trim()
+            : undefined;
+        if (!errorCode && !message)
+            return null;
+        return { message, errorCode };
+        // coercion-ok: invalid provider payloads are expected and fall back to the raw error text
+    }
+    catch {
+        return null;
+    }
+}
 export function isProviderAuthenticationError(text, errorCode) {
     const code = normalizeErrorCode(errorCode);
     const lower = text.toLowerCase();
@@ -87,7 +111,11 @@ export function normalizeChatError(errorMessage, errorCode) {
     const raw = String(errorMessage || "Unknown error");
     const looksHtml = /<html[\s>]|<body[\s>]|<head[\s>]/i.test(raw);
     const text = looksHtml ? htmlToText(raw) : raw.trim();
-    const code = normalizeErrorCode(errorCode);
+    const providerPayload = looksHtml ? null : parseProviderErrorPayload(text);
+    const code = normalizeErrorCode(errorCode ?? providerPayload?.errorCode);
+    const providerMessage = providerPayload?.errorCode === "overloaded_error"
+        ? "The model provider is overloaded right now. Wait a moment, then retry."
+        : providerPayload?.message;
     if (code === "builder_model_unauthorized") {
         return {
             message: "The provider behind this model rejected the request. Pick a different model, then retry.",
@@ -121,9 +149,10 @@ export function normalizeChatError(errorMessage, errorCode) {
             details: text,
         };
     }
-    if (isProviderRateLimit(text, errorCode)) {
+    if (isProviderRateLimit(text, code)) {
         return {
-            message: "The model provider is rate-limiting this chat right now. Wait a moment, then retry.",
+            message: providerMessage ??
+                "The model provider is rate-limiting this chat right now. Wait a moment, then retry.",
             details: text,
         };
     }

package/dist/client/extensions/EmbeddedExtension.js

@@ -206,6 +206,7 @@ export function EmbeddedExtension({ extensionId, slotId, context, className, ini
                 const role = binding.role === "owner" ||
                     binding.role === "admin" ||
                     binding.role === "editor" ||
+                    binding.role === "commenter" ||
                     binding.role === "viewer"
                     ? binding.role
                     : "viewer";