@agent-native/core 0.155.0 → 0.157.1

package/dist/client/MultiTabAssistantChat.js

@@ -12,6 +12,7 @@ import { fetchBuilderStatus, fetchEnvironmentStatus, } from "./client-status-req
 import { Popover, PopoverAnchor, PopoverContent, } from "./components/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
 import { isTrustedFrameMessage } from "./frame.js";
+import { DEFAULT_LOCALE, useOptionalLocale, useT } from "./i18n.js";
 import { RunStuckBanner } from "./RunStuckBanner.js";
 import { callAction } from "./use-action.js";
 import { useChangeVersion } from "./use-change-version.js";
@@ -118,20 +119,25 @@ function formatScopeType(type) {
     return type.replace(/[-_]+/g, " ");
 }
 // ─── History Popover ─────────────────────────────────────────────────────────
-function formatThreadTime(ts) {
+function formatThreadTime(ts, locale, yesterdayLabel) {
     const d = new Date(ts);
     const now = new Date();
     const diffMs = now.getTime() - d.getTime();
     const diffDays = Math.floor(diffMs / 86400000);
     if (diffDays === 0)
-        return d.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
+        return d.toLocaleTimeString(locale, {
+            hour: "numeric",
+            minute: "2-digit",
+        });
     if (diffDays === 1)
-        return "Yesterday";
+        return yesterdayLabel;
     if (diffDays < 7)
-        return d.toLocaleDateString([], { weekday: "short" });
-    return d.toLocaleDateString([], { month: "short", day: "numeric" });
+        return d.toLocaleDateString(locale, { weekday: "short" });
+    return d.toLocaleDateString(locale, { month: "short", day: "numeric" });
 }
 function HistoryPopover({ threads, openTabIds, activeThreadId, hasMoreThreads = false, isLoadingMoreThreads = false, loadError, onSelect, onClose, onLoadMore, onSearch, onTogglePin, onRename, }) {
+    const t = useT();
+    const locale = useOptionalLocale()?.locale ?? DEFAULT_LOCALE;
     const [search, setSearch] = useState("");
     const [searchResults, setSearchResults] = useState(null);
     const [isSearching, setIsSearching] = useState(false);
@@ -189,7 +195,7 @@ function HistoryPopover({ threads, openTabIds, activeThreadId, hasMoreThreads =
     const unpinnedThreads = filtered.filter((t) => t.pinnedAt == null);
     const toHistoryItem = (thread) => {
         const isActive = thread.id === activeThreadId;
-        const title = thread.title || thread.preview || "Chat";
+        const title = thread.title || thread.preview || t("agentChat.history.untitledChat");
         return {
             id: thread.id,
             title,
@@ -198,10 +204,10 @@ function HistoryPopover({ threads, openTabIds, activeThreadId, hasMoreThreads =
                 ? thread.preview
                 : undefined,
             timestamp: isActive
-                ? "Active"
+                ? t("agentChat.history.active")
                 : openTabIds.has(thread.id)
-                    ? "Open"
-                    : formatThreadTime(thread.updatedAt),
+                    ? t("agentChat.history.open")
+                    : formatThreadTime(thread.updatedAt, locale, t("agentChat.history.yesterday")),
             pinned: thread.pinnedAt != null,
         };
     };
@@ -210,7 +216,7 @@ function HistoryPopover({ threads, openTabIds, activeThreadId, hasMoreThreads =
             ? [
                 {
                     id: "pinned",
-                    label: "Pinned",
+                    label: t("agentChat.history.pinned"),
                     items: pinnedThreads.map(toHistoryItem),
                 },
             ]
@@ -228,10 +234,13 @@ function HistoryPopover({ threads, openTabIds, activeThreadId, hasMoreThreads =
                             const isPinned = threads.find((t) => t.id === id)?.pinnedAt != null;
                             onTogglePin(id, !isPinned);
                         }
-                        : undefined, onRename: onRename, searchValue: search, onSearchChange: setSearch, searchPlaceholder: "Search chats...", searchInputRef: inputRef, loading: isSearching, loadingLabel: "Searching...", error: loadError && !search.trim() ? loadError : undefined, emptyLabel: "No chats yet", emptySearchLabel: "No matching chats", footer: !search.trim() && hasMoreThreads ? (_jsx("button", { type: "button", onClick: () => onLoadMore?.(), disabled: isLoadingMoreThreads, className: "mx-1 mt-1 flex w-[calc(100%-0.5rem)] items-center justify-center rounded-md px-3 py-2 text-xs text-muted-foreground hover:bg-accent hover:text-foreground disabled:cursor-default disabled:opacity-60", children: isLoadingMoreThreads ? "Loading..." : "Load older chats" })) : undefined }) })] }));
+                        : undefined, onRename: onRename, searchValue: search, onSearchChange: setSearch, searchPlaceholder: t("agentChat.history.search"), searchInputRef: inputRef, loading: isSearching, loadingLabel: t("agentChat.history.searching"), error: loadError && !search.trim() ? loadError : undefined, emptyLabel: t("agentChat.history.empty"), emptySearchLabel: t("agentChat.history.noMatches"), footer: !search.trim() && hasMoreThreads ? (_jsx("button", { type: "button", onClick: () => onLoadMore?.(), disabled: isLoadingMoreThreads, className: "mx-1 mt-1 flex w-[calc(100%-0.5rem)] items-center justify-center rounded-md px-3 py-2 text-xs text-muted-foreground hover:bg-accent hover:text-foreground disabled:cursor-default disabled:opacity-60", children: isLoadingMoreThreads
+                            ? t("agentChat.common.loading")
+                            : t("agentChat.history.loadOlder") })) : undefined }) })] }));
 }
 // ─── Help Popover ────────────────────────────────────────────────────────────
 function HelpPopover({ onClose }) {
+    const t = useT();
     useEffect(() => {
         const handler = (e) => {
             if (e.key === "Escape")
@@ -243,16 +252,16 @@ function HelpPopover({ onClose }) {
     const commands = [
         {
             name: "/clear",
-            description: "Start a new chat (keeps current chat in history)",
+            description: t("agentChat.commands.clear"),
         },
-        { name: "/new", description: "Same as /clear" },
-        { name: "/history", description: "Browse all chats" },
-        { name: "/plan", description: "Switch to read-only planning" },
-        { name: "/act", description: "Switch back to acting" },
-        { name: "/help", description: "Show this list of commands" },
-        { name: "@", description: "Mention files, agents, or resources" },
+        { name: "/new", description: t("agentChat.commands.new") },
+        { name: "/history", description: t("agentChat.commands.history") },
+        { name: "/plan", description: t("agentChat.commands.plan") },
+        { name: "/act", description: t("agentChat.commands.act") },
+        { name: "/help", description: t("agentChat.commands.help") },
+        { name: "@", description: t("agentChat.commands.mention") },
     ];
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40", onClick: onClose }), _jsxs("div", { className: "absolute end-2 top-0 z-50 w-72 rounded-lg border border-border bg-popover shadow-lg", children: [_jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border", children: [_jsx("span", { className: "text-xs font-medium text-foreground", children: "Available Commands" }), _jsx("button", { onClick: onClose, "aria-label": "Close help", className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground", children: _jsx(IconX, { size: 12 }) })] }), _jsx("div", { className: "py-1", children: commands.map((cmd) => (_jsxs("div", { className: "px-3 py-1.5", children: [_jsx("div", { className: "text-xs font-medium text-foreground", children: cmd.name }), _jsx("div", { className: "text-[11px] text-muted-foreground", children: cmd.description })] }, cmd.name))) })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40", onClick: onClose }), _jsxs("div", { className: "absolute end-2 top-0 z-50 w-72 rounded-lg border border-border bg-popover shadow-lg", children: [_jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border", children: [_jsx("span", { className: "text-xs font-medium text-foreground", children: t("agentChat.commands.available") }), _jsx("button", { onClick: onClose, "aria-label": t("agentChat.commands.closeHelp"), className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground", children: _jsx(IconX, { size: 12 }) })] }), _jsx("div", { className: "py-1", children: commands.map((cmd) => (_jsxs("div", { className: "px-3 py-1.5", children: [_jsx("div", { className: "text-xs font-medium text-foreground", children: cmd.name }), _jsx("div", { className: "text-[11px] text-muted-foreground", children: cmd.description })] }, cmd.name))) })] })] }));
 }
 function readString(value) {
     return typeof value === "string" ? value.trim() : "";
@@ -376,6 +385,7 @@ function runToAgentTeamTabInfo(run) {
     };
 }
 export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderOverlay, contentHidden = false, apiUrl = agentNativePath("/_agent-native/agent-chat"), storageKey, restoreActiveThread = true, browserTabId, threadUrlSync = false, scope = null, agentTeamPollMs = DEFAULT_AGENT_TEAM_POLL_MS, ...props }) {
+    const translate = useT();
     const { enabled: threadUrlSyncEnabled, paramName: threadUrlParamName, routeThreadId, getPath: getThreadPath, navigate: navigateThreadUrl, } = resolveThreadUrlSync(threadUrlSync);
     const threadRouteControlsActiveThread = threadUrlSyncEnabled &&
         threadUrlSync !== true &&
@@ -1661,7 +1671,9 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
         const agentTeamStatus = chatTabStatusFromAgentTeamStatus(subAgentStatuses[id]);
         return {
             id,
-            label: t?.title || t?.preview?.slice(0, 30) || "New chat",
+            label: t?.title ||
+                t?.preview?.slice(0, 30) ||
+                translate("agentChat.tabs.newChat"),
             status: agentTeamStatus ??
                 (runningThreads.has(id)
                     ? "running"
@@ -1677,7 +1689,10 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
         if (!tabs.some((t) => t.id === id)) {
             tabs.push({
                 id,
-                label: subAgentNames[id] || (parentMap[id] ? "Sub-agent..." : "New chat"),
+                label: subAgentNames[id] ||
+                    (parentMap[id]
+                        ? translate("agentChat.tabs.subAgent")
+                        : translate("agentChat.tabs.newChat")),
                 status: chatTabStatusFromAgentTeamStatus(subAgentStatuses[id]) ??
                     "running",
                 parentThreadId: parentMap[id],
@@ -1726,7 +1741,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                                                         activeTab?.parentThreadId === tab.id);
                                                 return (_jsxs("div", { ref: isActive ? activeTabRefCb : undefined, className: cn("agent-tab relative flex items-center rounded-md text-[11px] font-medium shrink-0 max-w-[130px]", isActive
                                                         ? "bg-accent text-foreground ring-1 ring-inset ring-border/60 shadow-sm"
-                                                        : "text-muted-foreground hover:text-foreground hover:bg-accent/50"), children: [_jsxs("button", { type: "button", onClick: () => switchThread(tab.id), className: "flex items-center gap-1 px-2.5 py-1.5 min-w-0 flex-1 text-start", children: [_jsx("span", { className: "truncate pe-1", children: tab.label }), tab.status === "running" && (_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-muted-foreground/50 shrink-0 animate-pulse" }))] }), _jsx("button", { type: "button", "aria-label": "Close tab", onClick: (e) => {
+                                                        : "text-muted-foreground hover:text-foreground hover:bg-accent/50"), children: [_jsxs("button", { type: "button", onClick: () => switchThread(tab.id), className: "flex items-center gap-1 px-2.5 py-1.5 min-w-0 flex-1 text-start", children: [_jsx("span", { className: "truncate pe-1", children: tab.label }), tab.status === "running" && (_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-muted-foreground/50 shrink-0 animate-pulse" }))] }), _jsx("button", { type: "button", "aria-label": translate("agentChat.tabs.closeTab"), onClick: (e) => {
                                                                 e.stopPropagation();
                                                                 e.preventDefault();
                                                                 closeTab(tab.id);
@@ -1740,13 +1755,13 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                                                                 borderRadius: "0 6px 6px 0",
                                                                 background: "linear-gradient(to right, transparent, hsl(var(--accent)) 40%)",
                                                             }, children: _jsx(IconX, { size: 12 }) })] }, tab.id));
-                                            }) }), _jsx(TooltipProvider, { delayDuration: 200, children: _jsxs("div", { className: "flex items-center gap-px shrink-0 ms-auto", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: addTab, "aria-label": "New chat", className: "flex h-6 w-6 items-center justify-center rounded text-muted-foreground/60 hover:text-foreground hover:bg-accent/50", children: _jsx(IconPlus, { size: 12 }) }) }), _jsx(TooltipContent, { children: "New chat" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => setShowHistory(!showHistory), "aria-label": "All chats", className: cn("flex h-6 w-6 items-center justify-center rounded text-muted-foreground/60 hover:text-foreground hover:bg-accent/50", showHistory && "bg-accent text-foreground"), children: _jsx(IconHistory, { size: 12 }) }) }), _jsx(TooltipContent, { children: "All chats" })] })] }) })] }), hasSubTabs && (_jsx("div", { className: "flex items-center px-1 py-0.5 border-b border-border shrink-0 gap-0.5 bg-muted/30", children: _jsxs("div", { className: "agent-tabs-scroll flex items-center gap-0.5 min-w-0 overflow-x-auto flex-1", children: [_jsx("button", { onClick: () => switchThread(focusParentId), className: cn("flex shrink-0 items-center gap-1 rounded-md px-2 py-1 text-[10px] font-medium cursor-pointer", activeThreadId === focusParentId
+                                            }) }), _jsx(TooltipProvider, { delayDuration: 200, children: _jsxs("div", { className: "flex items-center gap-px shrink-0 ms-auto", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: addTab, "aria-label": translate("agentChat.tabs.newChat"), className: "flex h-6 w-6 items-center justify-center rounded text-muted-foreground/60 hover:text-foreground hover:bg-accent/50", children: _jsx(IconPlus, { size: 12 }) }) }), _jsx(TooltipContent, { children: translate("agentChat.tabs.newChat") })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => setShowHistory(!showHistory), "aria-label": translate("agentChat.tabs.allChats"), className: cn("flex h-6 w-6 items-center justify-center rounded text-muted-foreground/60 hover:text-foreground hover:bg-accent/50", showHistory && "bg-accent text-foreground"), children: _jsx(IconHistory, { size: 12 }) }) }), _jsx(TooltipContent, { children: translate("agentChat.tabs.allChats") })] })] }) })] }), hasSubTabs && (_jsx("div", { className: "flex items-center px-1 py-0.5 border-b border-border shrink-0 gap-0.5 bg-muted/30", children: _jsxs("div", { className: "agent-tabs-scroll flex items-center gap-0.5 min-w-0 overflow-x-auto flex-1", children: [_jsx("button", { onClick: () => switchThread(focusParentId), className: cn("flex shrink-0 items-center gap-1 rounded-md px-2 py-1 text-[10px] font-medium cursor-pointer", activeThreadId === focusParentId
                                                     ? "bg-accent text-foreground"
-                                                    : "text-muted-foreground hover:bg-accent hover:text-foreground"), children: "Main" }), childTabs.map((tab) => (_jsxs("div", { ref: tab.id === activeThreadId
+                                                    : "text-muted-foreground hover:bg-accent hover:text-foreground"), children: translate("agentChat.tabs.main") }), childTabs.map((tab) => (_jsxs("div", { ref: tab.id === activeThreadId
                                                     ? activeTabRefCb
                                                     : undefined, className: cn("agent-tab relative flex shrink-0 items-center rounded-md text-[10px] font-medium max-w-[130px]", tab.id === activeThreadId
                                                     ? "bg-accent text-foreground"
-                                                    : "text-muted-foreground hover:bg-accent hover:text-foreground"), children: [_jsxs("button", { type: "button", onClick: () => switchThread(tab.id), className: "flex items-center gap-1 px-2 py-1 min-w-0 flex-1 text-start", children: [_jsx("span", { className: "truncate pe-1", children: tab.subAgentName || tab.label }), tab.status === "running" && (_jsx("span", { className: "w-1 h-1 rounded-full bg-muted-foreground/50 shrink-0 animate-pulse" }))] }), _jsx("button", { type: "button", "aria-label": "Close tab", onClick: (e) => {
+                                                    : "text-muted-foreground hover:bg-accent hover:text-foreground"), children: [_jsxs("button", { type: "button", onClick: () => switchThread(tab.id), className: "flex items-center gap-1 px-2 py-1 min-w-0 flex-1 text-start", children: [_jsx("span", { className: "truncate pe-1", children: tab.subAgentName || tab.label }), tab.status === "running" && (_jsx("span", { className: "w-1 h-1 rounded-full bg-muted-foreground/50 shrink-0 animate-pulse" }))] }), _jsx("button", { type: "button", "aria-label": translate("agentChat.tabs.closeTab"), onClick: (e) => {
                                                             e.stopPropagation();
                                                             e.preventDefault();
                                                             closeTab(tab.id);
@@ -1772,7 +1787,9 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                                 display: contentHidden || tabId !== activeThreadId ? "none" : "flex",
                             }, children: [_jsx(RunStuckBanner, { threadId: tabId, enabled: tabId === activeThreadId, apiUrl: apiUrl, autoRetry: true, autoRetryOwnerId: browserTabId, hasInFlightWork: () => chatRefs.current.get(tabId)?.hasInFlightWork() ?? false, isAwaitingResponse: () => chatRefs.current.get(tabId)?.isRunning() ?? false, onRetry: () => {
                                         const handle = chatRefs.current.get(tabId);
-                                        handle?.sendRecoveryMessage("Continue from where you left off and finish my last request. Do not repeat completed work.", "continue");
+                                        handle?.sendRecoveryMessage(
+                                        // i18n-ignore -- stable hidden agent instruction.
+                                        "Continue from where you left off and finish my last request. Do not repeat completed work.", "continue");
                                     } }), _jsx(AssistantChat, { ...props, dynamicSuggestions: tabDynamicSuggestions, ref: (handle) => {
                                         if (handle) {
                                             chatRefs.current.set(tabId, handle);
@@ -1788,7 +1805,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                                     // the in-flight team chunk. Disable the composer and show a
                                     // hint so users know to send via the orchestrator chat instead.
                                     composerDisabled: Boolean(parentMap[tabId]), composerDisabledPlaceholder: parentMap[tabId]
-                                        ? "Send messages to the orchestrator chat — this sub-agent runs automatically"
+                                        ? translate("agentChat.composer.subAgentReadOnly")
                                         : undefined })] }, tabId));
                     })] })] }));
 }

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

@@ -1,3 +1,4 @@
+export { MemoryRouter as AgentChatMemoryRouter } from "react-router";
 export { AgentAskPopover, type AgentAskPopoverProps, } from "../AgentAskPopover.js";
 export { addContextToAgentChat, appendAgentChatContextToMessage, clearAgentChatContext, formatAgentChatContextItemsForPrompt, insertAgentComposerReference, listAgentChatContext, normalizeAgentComposerReference, refreshAgentChatContext, removeAgentChatContextItem, requestAgentChatThreadOpen, requestAgentTaskOpen, sendToAgentChat, sendToAgentChatAndConfirm, reportAgentChatSubmitResult, AGENT_CHAT_SUBMIT_RESULT_EVENT, parseSubmitChatMessage, setAgentChatContextItem, setContextToAgentChat, generateTabId, type ParsedSubmitChat, type AgentChatOpenTaskRequest, type AgentChatOpenThreadRequest, type AgentChatContextItem, type AgentChatContextMessage, type AgentChatContextMutationOptions, type AgentChatContextRemoveOptions, type AgentChatContextSetOptions, type AgentChatContextState, type AgentChatMessage, type AgentChatSubmitResult, type SendToAgentChatAndConfirmResult, type AgentComposerReference, type AgentComposerReferenceInsertOptions, type AgentComposerReferenceInsertPayload, } from "../agent-chat.js";
 export { saveAgentEngineApiKey, saveAgentEngineProviderSettings, type AgentEngineProvider, type SaveAgentEngineApiKeyOptions, type SaveAgentEngineProviderSettingsOptions, } from "../agent-engine-key.js";

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

@@ -1,3 +1,4 @@
+export { MemoryRouter as AgentChatMemoryRouter } from "react-router";
 export { AgentAskPopover, } from "../AgentAskPopover.js";
 export { addContextToAgentChat, appendAgentChatContextToMessage, clearAgentChatContext, formatAgentChatContextItemsForPrompt, insertAgentComposerReference, listAgentChatContext, normalizeAgentComposerReference, refreshAgentChatContext, removeAgentChatContextItem, requestAgentChatThreadOpen, requestAgentTaskOpen, sendToAgentChat, sendToAgentChatAndConfirm, reportAgentChatSubmitResult, AGENT_CHAT_SUBMIT_RESULT_EVENT, parseSubmitChatMessage, setAgentChatContextItem, setContextToAgentChat, generateTabId, } from "../agent-chat.js";
 export { saveAgentEngineApiKey, saveAgentEngineProviderSettings, } from "../agent-engine-key.js";

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

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Owns: lazy react-markdown/shiki loaders, SmoothMarkdownText, MarkdownText,
 // HighlightedCodeBlock wrapper, and the markdownComponents/markdownUrlTransform
 // used by every markdown render path in AssistantChat.
@@ -7,8 +7,9 @@ import { IconPlus, IconExternalLink } from "@tabler/icons-react";
 import React, { useState, useEffect, useCallback, useMemo, useRef, } from "react";
 import { splitMarkdownBlocks } from "../../shared/markdown-block-split.js";
 import { initialSmoothStreamingGraphemeCount, SMOOTH_STREAMING_COMMIT_INTERVAL_MS, smoothStreamingPunctuationDelayMs, smoothStreamingRevealCount, splitStreamingTextGraphemes, } from "../../shared/streaming-text-smoothing.js";
-import { NEW_CHAT_ACTION_HREF } from "../error-format.js";
+import { localizeKnownChatErrorText, NEW_CHAT_ACTION_HREF, } from "../error-format.js";
 import { HighlightedCodeBlock as SharedHighlightedCodeBlock } from "../HighlightedCodeBlock.js";
+import { useT } from "../i18n.js";
 import { IframeEmbed, parseEmbedBody } from "../IframeEmbed.js";
 import { cn } from "../utils.js";
 import { LEGACY_CHART_SHORTHAND_LANG, LegacyChartShorthandChart, LegacyChartShorthandFallback, parseLegacyChartShorthand, wrapLegacyChartShorthandLines, } from "./legacy-chart-shorthand.js";
@@ -475,21 +476,35 @@ export function SmoothMarkdownText({ text, streaming, resetKey, statusType = "co
     const visibleText = useSmoothStreamingText(text, shouldAnimate, resetKey);
     const ReactMarkdown = markdownModule?.default;
     const gfm = remarkGfmFn;
-    const markdownBlocks = useMemo(() => (streaming ? splitMarkdownBlocks(visibleText) : null), [streaming, visibleText]);
+    // Split whether or not the turn is still streaming. Rendering the finished
+    // message as one whole-document ReactMarkdown instead swapped the element
+    // tree the instant `streaming` went false, so React unmounted every block and
+    // rebuilt it: code blocks re-highlighted, heights collapsed for a frame, and
+    // the scroll jumped — the "flash at the end" report. The split is faithful to
+    // a whole-document parse (see markdown-block-split.ts), so one tree serves
+    // both phases and nothing is rebuilt when streaming stops.
+    const markdownBlocks = useMemo(() => splitMarkdownBlocks(visibleText), [visibleText]);
+    // The tail renders through the same component as completed blocks, so when it
+    // is promoted to a completed block React matches the same type at the same
+    // key and keeps its DOM instead of remounting that paragraph.
+    const renderedBlocks = useMemo(() => markdownBlocks.tail
+        ? [...markdownBlocks.completedBlocks, markdownBlocks.tail]
+        : markdownBlocks.completedBlocks, [markdownBlocks]);
     useEffect(() => {
         if (!onRevealComplete || !shouldAnimate || visibleText !== text)
             return;
         onRevealComplete();
     }, [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 })) }));
+    return (_jsx("div", { className: "agent-markdown break-words", "data-status": statusType, "data-streaming": streaming ? "true" : undefined, children: mdReady && ReactMarkdown && gfm ? (renderedBlocks.map((blockText, index) => (_jsx(MemoizedMarkdownBlock, { blockText: blockText }, index)))) : (_jsx("span", { style: { whiteSpace: "pre-wrap" }, children: visibleText })) }));
 }
 // ─── MarkdownText ──────────────────────────────────────────────────────────────
 export function MarkdownText() {
+    const t = useT();
     const textPart = useMessagePartText();
     const messageRuntime = useMessageRuntime();
     const message = messageRuntime.getState();
     const textStreaming = React.useContext(TextStreamingContext);
     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 }));
+    return (_jsx(SmoothMarkdownText, { text: localizeKnownChatErrorText(textPart.text, t), streaming: textStreaming && isLastAssistantMessage, resetKey: message.id, statusType: statusType }));
 }

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

@@ -9,7 +9,7 @@ interface FormattedMessageTimestamp {
     short: string;
     full: string;
 }
-export declare function formatMessageTimestamp(value: unknown): FormattedMessageTimestamp | null;
+export declare function formatMessageTimestamp(value: unknown, locale?: string, yesterdayLabel?: string): FormattedMessageTimestamp | null;
 export declare function MessageTimestamp({ timestamp, className, }: {
     timestamp: FormattedMessageTimestamp;
     className?: string;
@@ -184,6 +184,6 @@ export declare function AssistantMessage(): React.JSX.Element | null;
 export declare function RunningActivityStatus({ label }: {
     label: string;
 }): React.JSX.Element;
-export declare function ThinkingIndicator({ label, }?: {
+export declare function ThinkingIndicator({ label }?: {
     label?: string;
 }): React.JSX.Element;