@agent-native/core 0.155.0 → 0.157.0

package/dist/client/chat/widgets/DataChartRenderer.js

@@ -1,4 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from "../../i18n.js";
 const DEFAULT_COLORS = [
     "hsl(var(--primary))",
     "hsl(199 89% 48%)",
@@ -105,5 +106,6 @@ function ChartBody({ chart }) {
     return (_jsxs(_Fragment, { children: [axes, paths.map(({ series, color, areaPath }) => chart.type === "area" && areaPath ? (_jsx("path", { d: areaPath, fill: color, opacity: "0.18", stroke: "none" }, series.key)) : null), paths.map(({ series, color, linePath, points }) => (_jsxs("g", { children: [_jsx("path", { d: linePath, fill: "none", stroke: color, strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }), points.map((point, index) => (_jsx("circle", { cx: point.x, cy: point.y, r: "3", fill: "hsl(var(--background))", stroke: color, strokeWidth: "2" }, index)))] }, series.key)))] }));
 }
 export function DataChartRenderer({ chart }) {
-    return (_jsx("div", { className: "h-60 w-full min-w-0 overflow-hidden", children: _jsx("svg", { className: "agent-data-chart-renderer h-full w-full", viewBox: `0 0 ${WIDTH} ${HEIGHT}`, role: "img", "aria-label": chart.title ?? "Data chart", preserveAspectRatio: "none", children: _jsx(ChartBody, { chart: chart }) }) }));
+    const t = useT();
+    return (_jsx("div", { className: "h-60 w-full min-w-0 overflow-hidden", children: _jsx("svg", { className: "agent-data-chart-renderer h-full w-full", viewBox: `0 0 ${WIDTH} ${HEIGHT}`, role: "img", "aria-label": chart.title ?? t("agentChat.widget.dataChart"), preserveAspectRatio: "none", children: _jsx(ChartBody, { chart: chart }) }) }));
 }

package/dist/client/chat/widgets/DataChartWidget.js

@@ -1,14 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconChartBar } from "@tabler/icons-react";
 import { lazy, Suspense, useEffect, useState } from "react";
+import { DEFAULT_LOCALE, useOptionalLocale, useT } from "../../i18n.js";
 const LazyDataChartRenderer = lazy(() => import("./DataChartRenderer.js").then((module) => ({
     default: module.DataChartRenderer,
 })));
 export function DataChartWidget({ chart }) {
+    const t = useT();
+    const locale = useOptionalLocale()?.locale ?? DEFAULT_LOCALE;
     const [mounted, setMounted] = useState(false);
     useEffect(() => {
         setMounted(true);
     }, []);
-    const fallback = (_jsx("div", { className: "flex h-60 items-center justify-center rounded-md bg-muted/30 text-xs text-muted-foreground", children: "Chart" }));
-    return (_jsxs("div", { className: "my-1.5 overflow-hidden rounded-lg border border-border bg-background text-foreground shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [_jsx(IconChartBar, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", children: chart.title ?? "Data chart" }), _jsxs("div", { className: "text-[11px] text-muted-foreground", children: [chart.data.length.toLocaleString(), " point", chart.data.length === 1 ? "" : "s", chart.sampled ? " sampled" : ""] })] })] }), _jsx("div", { className: "p-3", children: !mounted ? (fallback) : (_jsx(Suspense, { fallback: fallback, children: _jsx(LazyDataChartRenderer, { chart: chart }) })) })] }));
+    const fallback = (_jsx("div", { className: "flex h-60 items-center justify-center rounded-md bg-muted/30 text-xs text-muted-foreground", children: t("agentChat.widget.chart") }));
+    return (_jsxs("div", { className: "my-1.5 overflow-hidden rounded-lg border border-border bg-background text-foreground shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [_jsx(IconChartBar, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", children: chart.title ?? t("agentChat.widget.dataChart") }), _jsxs("div", { className: "text-[11px] text-muted-foreground", children: [t("agentChat.widget.points", {
+                                        count: chart.data.length,
+                                        formattedCount: chart.data.length.toLocaleString(locale),
+                                    }), chart.sampled ? ` ${t("agentChat.widget.sampled")}` : ""] })] })] }), _jsx("div", { className: "p-3", children: !mounted ? (fallback) : (_jsx(Suspense, { fallback: fallback, children: _jsx(LazyDataChartRenderer, { chart: chart }) })) })] }));
 }

package/dist/client/chat/widgets/DataInsightsWidget.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconDatabase } from "@tabler/icons-react";
+import { useT } from "../../i18n.js";
 import { DataChartWidget } from "./DataChartWidget.js";
 import { DataTableWidget } from "./DataTableWidget.js";
 function SummaryPill({ label, value }) {
@@ -8,7 +9,8 @@ function SummaryPill({ label, value }) {
     return (_jsxs("div", { className: "rounded-md border border-border bg-muted/30 px-2 py-1", children: [_jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: label }), _jsx("div", { className: "text-xs font-medium text-foreground", children: typeof value === "number" ? value.toLocaleString() : String(value) })] }));
 }
 export function DataInsightsWidget({ result }) {
-    const title = result.display?.title ?? result.title ?? "Data insights";
+    const t = useT();
+    const title = result.display?.title ?? result.title ?? t("agentChat.widget.dataInsights");
     const summary = result.summary ?? {};
     return (_jsxs("div", { className: "my-1.5 space-y-2", children: [_jsxs("div", { className: "rounded-lg border border-border bg-background p-3 text-foreground shadow-sm", children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx(IconDatabase, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", children: title }), result.display?.description ? (_jsx("div", { className: "text-xs text-muted-foreground", children: result.display.description })) : null] })] }), _jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: Object.entries(summary)
                             .filter(([, value]) => typeof value !== "object")

package/dist/client/chat/widgets/DataTableWidget.js

@@ -4,23 +4,26 @@ import { requestAgentSidebarOpen } from "../../agent-sidebar-state.js";
 import { appPath } from "../../api-path.js";
 import { startAgentChatViewTransition } from "../../chat-view-transition.js";
 import { downloadFile, toCSVTable } from "../../db-admin/export-utils.js";
+import { DEFAULT_LOCALE, useOptionalLocale, useT } from "../../i18n.js";
 import { cn } from "../../utils.js";
 const SAFE_ACTION_PROTOCOLS = new Set(["http:", "https:", "mailto:"]);
-function formatCell(value) {
+function formatCell(value, locale, booleanLabels = { yes: "Yes", no: "No" }) {
     if (value === undefined || value === null || value === "")
         return "—";
     if (typeof value === "boolean")
-        return value ? "Yes" : "No";
+        return value ? booleanLabels.yes : booleanLabels.no;
     if (typeof value === "number")
-        return value.toLocaleString();
+        return value.toLocaleString(locale);
     if (Array.isArray(value))
-        return value.map(formatCell).join(", ");
+        return value
+            .map((item) => formatCell(item, locale, booleanLabels))
+            .join(", ");
     if (typeof value === "object")
         return JSON.stringify(value);
     const text = String(value);
     const timestamp = Date.parse(text);
     if (Number.isFinite(timestamp) && /^\d{4}-\d{2}-\d{2}T/.test(text)) {
-        return new Intl.DateTimeFormat(undefined, {
+        return new Intl.DateTimeFormat(locale, {
             month: "short",
             day: "numeric",
             hour: "numeric",
@@ -83,6 +86,8 @@ function slugifyFilenamePart(value) {
     return slug || "data-table";
 }
 export function DataTableWidget({ table, action, }) {
+    const t = useT();
+    const locale = useOptionalLocale()?.locale ?? DEFAULT_LOCALE;
     const rows = table.rows ?? [];
     const actionHref = action ? normalizeActionHref(action.href) : null;
     const canExportCsv = table.columns.length > 0;
@@ -92,9 +97,15 @@ export function DataTableWidget({ table, action, }) {
         const stamp = new Date().toISOString().slice(0, 10);
         downloadFile(`${slugifyFilenamePart(table.title)}-${stamp}.csv`, "text/csv;charset=utf-8", toCSVTable(table.columns.map((column) => column.label), rows.map((row) => table.columns.map((column) => row[column.key]))));
     };
-    return (_jsxs("div", { className: "my-1.5 overflow-hidden rounded-lg border border-border bg-background text-foreground shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [_jsx(IconTable, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", children: table.title ?? "Data table" }), _jsxs("div", { className: "text-[11px] text-muted-foreground", children: [typeof table.totalRows === "number"
-                                        ? `${table.totalRows.toLocaleString()} row${table.totalRows === 1 ? "" : "s"}`
-                                        : `${rows.length.toLocaleString()} row${rows.length === 1 ? "" : "s"}`, table.truncated ? " sampled" : ""] })] }), action && actionHref ? (_jsxs("a", { href: actionHref, onClick: (event) => {
+    return (_jsxs("div", { className: "my-1.5 overflow-hidden rounded-lg border border-border bg-background text-foreground shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [_jsx(IconTable, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", children: table.title ?? t("agentChat.widget.dataTable") }), _jsxs("div", { className: "text-[11px] text-muted-foreground", children: [typeof table.totalRows === "number"
+                                        ? t("agentChat.widget.rows", {
+                                            count: table.totalRows,
+                                            formattedCount: table.totalRows.toLocaleString(locale),
+                                        })
+                                        : t("agentChat.widget.rows", {
+                                            count: rows.length,
+                                            formattedCount: rows.length.toLocaleString(locale),
+                                        }), table.truncated ? ` ${t("agentChat.widget.sampled")}` : ""] })] }), action && actionHref ? (_jsxs("a", { href: actionHref, onClick: (event) => {
                             if (event.defaultPrevented ||
                                 event.button !== 0 ||
                                 event.metaKey ||
@@ -106,5 +117,8 @@ export function DataTableWidget({ table, action, }) {
                             }
                             event.preventDefault();
                             navigateSameAppHref(actionHref);
-                        }, className: "inline-flex shrink-0 items-center gap-1 rounded-md border border-border px-2 py-1 text-[11px] font-medium text-foreground no-underline hover:bg-muted hover:no-underline", children: [action.label, _jsx(IconExternalLink, { className: "h-3 w-3" })] })) : null, _jsxs("button", { type: "button", onClick: exportCsv, disabled: !canExportCsv, className: "inline-flex shrink-0 items-center gap-1 rounded-md bg-primary px-2 py-1 text-[11px] font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-50", children: [_jsx(IconDownload, { className: "h-3 w-3" }), "Download CSV"] })] }), _jsx("div", { className: "max-h-[360px] overflow-auto", children: _jsxs("table", { className: "w-full min-w-[420px] border-collapse text-xs", children: [_jsx("thead", { className: "sticky top-0 z-10 bg-muted/70 backdrop-blur", children: _jsx("tr", { children: table.columns.map((column) => (_jsx("th", { className: cn("border-b border-border px-3 py-2 font-medium text-muted-foreground", column.align === "right" ? "text-right" : "text-left"), children: column.label }, column.key))) }) }), _jsx("tbody", { children: rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: Math.max(1, table.columns.length), className: "px-3 py-8 text-center text-muted-foreground", children: "No rows" }) })) : (rows.map((row, rowIndex) => (_jsx("tr", { className: "border-b border-border/70 last:border-0", children: table.columns.map((column) => (_jsx("td", { className: cn("max-w-[260px] px-3 py-2 align-top text-foreground", column.align === "right" ? "text-right" : "text-left"), children: _jsx("span", { className: "line-clamp-3 break-words", children: formatCell(row[column.key]) }) }, `${rowIndex}-${column.key}`))) }, String(row.id ?? rowIndex))))) })] }) })] }));
+                        }, className: "inline-flex shrink-0 items-center gap-1 rounded-md border border-border px-2 py-1 text-[11px] font-medium text-foreground no-underline hover:bg-muted hover:no-underline", children: [action.label, _jsx(IconExternalLink, { className: "h-3 w-3" })] })) : null, _jsxs("button", { type: "button", onClick: exportCsv, disabled: !canExportCsv, className: "inline-flex shrink-0 items-center gap-1 rounded-md bg-primary px-2 py-1 text-[11px] font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-50", children: [_jsx(IconDownload, { className: "h-3 w-3" }), t("agentChat.widget.downloadCsv")] })] }), _jsx("div", { className: "max-h-[360px] overflow-auto", children: _jsxs("table", { className: "w-full min-w-[420px] border-collapse text-xs", children: [_jsx("thead", { className: "sticky top-0 z-10 bg-muted/70 backdrop-blur", children: _jsx("tr", { children: table.columns.map((column) => (_jsx("th", { className: cn("border-b border-border px-3 py-2 font-medium text-muted-foreground", column.align === "right" ? "text-right" : "text-left"), children: column.label }, column.key))) }) }), _jsx("tbody", { children: rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: Math.max(1, table.columns.length), className: "px-3 py-8 text-center text-muted-foreground", children: t("agentChat.widget.noRows") }) })) : (rows.map((row, rowIndex) => (_jsx("tr", { className: "border-b border-border/70 last:border-0", children: table.columns.map((column) => (_jsx("td", { className: cn("max-w-[260px] px-3 py-2 align-top text-foreground", column.align === "right" ? "text-right" : "text-left"), children: _jsx("span", { className: "line-clamp-3 break-words", children: formatCell(row[column.key], locale, {
+                                            yes: t("agentChat.common.yes"),
+                                            no: t("agentChat.common.no"),
+                                        }) }) }, `${rowIndex}-${column.key}`))) }, String(row.id ?? rowIndex))))) })] }) })] }));
 }

package/dist/client/chat/widgets/builtin-tool-renderers.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { lazy, Suspense } from "react";
 import { ACTION_CHAT_UI_DATA_CHART_RENDERER, ACTION_CHAT_UI_DATA_INSIGHTS_RENDERER, ACTION_CHAT_UI_DATA_TABLE_RENDERER, ACTION_CHAT_UI_DATA_WIDGET_RENDERER, ACTION_CHAT_UI_INLINE_EXTENSION_RENDERER, ACTION_CHAT_UI_WORKSPACE_FILE_RENDERER, } from "../../../action-ui.js";
+import { useT } from "../../i18n.js";
 import { registerReservedActionChatRenderer, registerReservedFallbackToolRenderer, } from "../tool-render-registry.js";
 import { DATA_CHART_WIDGET, DATA_INSIGHTS_WIDGET, DATA_TABLE_WIDGET, normalizeDataWidgetKind, normalizeDataWidgetResult, } from "./data-widget-types.js";
 import { normalizeInlineExtensionToolResult } from "./inline-extension-result.js";
@@ -80,7 +81,8 @@ function renderDataWidget(context) {
     return null;
 }
 function BuiltinToolRendererSkeleton({ framed = true }) {
-    return (_jsx("div", { "aria-label": "Loading tool result", className: framed
+    const t = useT();
+    return (_jsx("div", { "aria-label": t("agentChat.widget.loadingToolResult"), className: framed
             ? "my-1.5 h-24 animate-pulse rounded-lg border border-border bg-muted/30"
             : "h-24 animate-pulse bg-muted/30" }));
 }

package/dist/client/components/ui/message-scroller.d.ts

@@ -8,7 +8,7 @@ type MessageScrollerItemProps = React.ComponentProps<typeof ShadcnMessageScrolle
 type MessageScrollerButtonProps = React.ComponentProps<typeof ShadcnMessageScroller.Button>;
 declare function MessageScrollerProvider(props: MessageScrollerProviderProps): React.JSX.Element;
 declare function MessageScroller({ className, ...props }: MessageScrollerRootProps): React.JSX.Element;
-declare function MessageScrollerViewport({ className, children, ...props }: MessageScrollerViewportProps): React.JSX.Element;
+declare function MessageScrollerViewport({ className, children, "aria-label": ariaLabel, ...props }: MessageScrollerViewportProps): React.JSX.Element;
 declare function MessageScrollerContent({ className, spacerClassName, ...props }: MessageScrollerContentProps): React.JSX.Element;
 declare function MessageScrollerItem(props: MessageScrollerItemProps): React.JSX.Element;
 declare function MessageScrollerButton({ className, children, render, ...props }: MessageScrollerButtonProps): React.JSX.Element;

package/dist/client/components/ui/message-scroller.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MessageScroller as ShadcnMessageScroller, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, } from "@shadcn/react/message-scroller";
 import { IconChevronDown } from "@tabler/icons-react";
+import { useT } from "../../i18n.js";
 import { cn } from "../../utils.js";
 function MessageScrollerProvider(props) {
     return _jsx(ShadcnMessageScroller.Provider, { ...props });
@@ -8,12 +9,14 @@ function MessageScrollerProvider(props) {
 function MessageScroller({ className, ...props }) {
     return (_jsx(ShadcnMessageScroller.Root, { className: cn("relative flex min-h-0 flex-1 flex-col", className), ...props }));
 }
-function MessageScrollerViewport({ className, children, ...props }) {
+function MessageScrollerViewport({ className, children, "aria-label": ariaLabel, ...props }) {
+    const t = useT();
     const { start: hasContentAbove } = useMessageScrollerScrollable();
     return (_jsx(ShadcnMessageScroller.Viewport, { className: cn("min-h-0 flex-1 overflow-y-auto overflow-x-hidden", 
         // The base class carries the mask itself so it is never added or
         // removed; the modifier only widens the fade. See agent-native.css.
-        "message-scroller-viewport", hasContentAbove && "message-scroller-viewport--top-fade", className), ...props, children: children }));
+        "message-scroller-viewport", hasContentAbove && "message-scroller-viewport--top-fade", className), "aria-label": ariaLabel ??
+            t("agentChat.message.messages", { defaultValue: "Messages" }), ...props, children: children }));
 }
 function MessageScrollerContent({ className, spacerClassName, ...props }) {
     return (_jsx(ShadcnMessageScroller.Content, { className: cn("flex flex-col", className), spacerClassName: cn("shrink-0", spacerClassName), ...props }));
@@ -22,7 +25,8 @@ function MessageScrollerItem(props) {
     return _jsx(ShadcnMessageScroller.Item, { ...props });
 }
 function MessageScrollerButton({ className, children, render, ...props }) {
+    const t = useT();
     return (_jsx(ShadcnMessageScroller.Button, { render: render ??
-            ((buttonProps) => (_jsx("div", { className: "shrink-0 flex justify-center -mb-1", children: _jsx("button", { ...buttonProps, className: cn("flex h-7 w-7 items-center justify-center rounded-full border border-border bg-background shadow-sm hover:bg-accent", "data-[active=false]:hidden", className, buttonProps.className), "aria-label": "Scroll to bottom", children: children ?? (_jsx(IconChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })) }) }))), ...props }));
+            ((buttonProps) => (_jsx("div", { className: "shrink-0 flex justify-center -mb-1", children: _jsx("button", { ...buttonProps, className: cn("flex h-7 w-7 items-center justify-center rounded-full border border-border bg-background shadow-sm hover:bg-accent", "data-[active=false]:hidden", className, buttonProps.className), "aria-label": t("agentChat.composer.scrollToBottom"), children: children ?? (_jsx(IconChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })) }) }))), ...props }));
 }
 export { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };

package/dist/client/composer/runtime-adapters.js

@@ -12,7 +12,7 @@ import { getBrowserTabId } from "../browser-tab-id.js";
 import { isTrustedBuilderMessage, tryDelegateBuildRequestToBuilder, } from "../builder-frame.js";
 import { BuilderSetupCard, BuilderSetupContent } from "../chat/run-recovery.js";
 import { isTrustedFrameMessage } from "../frame.js";
-import { useT } from "../i18n.js";
+import { useFormatters, useT } from "../i18n.js";
 import { useOrg } from "../org/hooks.js";
 import { isMcpIntegrationCatalogAvailable } from "../resources/mcp-integration-catalog.js";
 import { McpIntegrationDialog } from "../resources/McpIntegrationDialog.js";
@@ -79,6 +79,7 @@ const coreComposerAdapters = {
 };
 export function CoreComposerRuntimeProvider({ children, }) {
     const translate = useT();
-    const adapters = useMemo(() => ({ ...coreComposerAdapters, translate }), [translate]);
+    const { formatNumber } = useFormatters();
+    const adapters = useMemo(() => ({ ...coreComposerAdapters, formatNumber, translate }), [formatNumber, translate]);
     return (_jsx(ComposerRuntimeAdaptersProvider, { adapters: adapters, children: children }));
 }

package/dist/client/context-xray/ContextMeter.js

@@ -2,12 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ContextMeterView } from "@agent-native/toolkit/context-ui";
 import { lazy, Suspense, useEffect, useRef, useState } from "react";
 import { manifestConversationTokens, manifestSystemTokens, } from "../../shared/context-xray.js";
+import { useT } from "../i18n.js";
 import { useActionMutation, useActionQuery } from "../use-action.js";
 import { resolveContextWindow } from "./format.js";
 const ContextXRayPanel = lazy(() => import("./ContextXRayPanel.js").then((m) => ({
     default: m.ContextXRayPanel,
 })));
 export function ContextMeter({ threadId, manifest: providedManifest, enabled = true, }) {
+    const t = useT();
     const [open, setOpen] = useState(false);
     const [optimistic, setOptimistic] = useState(new Map());
     const currentThreadId = useRef(threadId);
@@ -61,5 +63,7 @@ export function ContextMeter({ threadId, manifest: providedManifest, enabled = t
             ...manifest,
             systemTokens: manifestSystemTokens(manifest),
             conversationTokens: manifestConversationTokens(manifest),
-        }, contextWindow: resolveContextWindow(manifest.model), open: open, onOpenChange: setOpen, children: open ? (_jsx(Suspense, { fallback: _jsx("div", { className: "flex h-52 items-center justify-center text-xs text-muted-foreground", children: "Loading context view\u2026" }), children: _jsx(ContextXRayPanel, { manifest: manifest, optimistic: optimistic, onPin: (segmentId) => mutateStatus(segmentId, "pinned", "pin"), onEvict: (segmentId) => mutateStatus(segmentId, "evicted", "evict"), onRestore: (segmentId) => mutateStatus(segmentId, "active", "restore") }) })) : null }));
+        }, contextWindow: resolveContextWindow(manifest.model), open: open, onOpenChange: setOpen, translate: t, children: open ? (_jsx(Suspense, { fallback: _jsx("div", { className: "flex h-52 items-center justify-center text-xs text-muted-foreground", children: t("agentChat.contextXray.loading", {
+                    defaultValue: "Loading context view…",
+                }) }), children: _jsx(ContextXRayPanel, { manifest: manifest, optimistic: optimistic, onPin: (segmentId) => mutateStatus(segmentId, "pinned", "pin"), onEvict: (segmentId) => mutateStatus(segmentId, "evicted", "evict"), onRestore: (segmentId) => mutateStatus(segmentId, "active", "restore") }) })) : null }));
 }

package/dist/client/context-xray/ContextXRayPanel.js

@@ -9,18 +9,18 @@ export function ContextXRayPanel({ manifest, optimistic, onPin, onEvict, onResto
             ...manifest,
             systemTokens: manifestSystemTokens(manifest),
             conversationTokens: manifestConversationTokens(manifest),
-        }, contextWindow: resolveContextWindow(manifest.model), optimistic: optimistic, onPin: onPin, onEvict: onEvict, onRestore: onRestore, titleLabel: t("contextXray.panelTitle", {
+        }, contextWindow: resolveContextWindow(manifest.model), optimistic: optimistic, onPin: onPin, onEvict: onEvict, onRestore: onRestore, translate: t, titleLabel: t("agentChat.contextXray.panelTitle", {
             defaultValue: "Context X-Ray",
-        }), systemOrderedLabel: t("contextXray.systemOrdered", {
+        }), systemOrderedLabel: t("agentChat.contextXray.systemOrdered", {
             defaultValue: "System · ordered, not evictable",
         }), governanceLabels: {
-            required: t("contextXray.governance.required", {
+            required: t("agentChat.contextXray.governance.required", {
                 defaultValue: "Required",
             }),
-            inherited: t("contextXray.governance.inherited", {
+            inherited: t("agentChat.contextXray.governance.inherited", {
                 defaultValue: "Inherited",
             }),
-            user: t("contextXray.governance.user", {
+            user: t("agentChat.contextXray.governance.user", {
                 defaultValue: "Your context",
             }),
         } }));

package/dist/client/error-format.d.ts

@@ -18,5 +18,9 @@ export interface NormalizedChatError {
     message: string;
     details?: string;
 }
+type ErrorTranslate = (key: string, options?: Record<string, unknown>) => string;
+/** Localize only Core's own normalized error copy; preserve provider details. */
+export declare function localizeKnownChatErrorText(text: string, t: ErrorTranslate): string;
 export declare function isProviderAuthenticationError(text: string, errorCode?: string): boolean;
 export declare function normalizeChatError(errorMessage: string, errorCode?: string): NormalizedChatError;
+export {};

package/dist/client/error-format.js

@@ -16,6 +16,10 @@ export const BUILDER_SPACE_SETTINGS_URL = "https://builder.io/account/space?utm_
 // error message. The chat renderer intercepts this href and renders a button
 // that dispatches the `agent-native:new-chat` CustomEvent instead of navigating.
 export const NEW_CHAT_ACTION_HREF = "agent-native:new-chat";
+const OPEN_BUILDER_SPACE_SETTINGS_LABEL = "Open Builder space settings";
+const START_NEW_CHAT_LABEL = "Start new chat";
+const UPGRADE_AT_BUILDER_LABEL = "Upgrade at builder.io";
+const BUILDER_AUTHENTICATION_ERROR = "Builder rejected the connected credentials. Reconnect Builder.io (free tier available) in Settings, then retry.";
 function isSafeUpgradeUrl(url) {
     try {
         const parsed = new URL(url);
@@ -31,19 +35,103 @@ export function formatChatErrorText(errorMessage, upgradeUrl, errorCode) {
     const normalized = normalizeChatError(errorMessage, errorCode);
     if (errorCode === "gateway_not_enabled" ||
         /space has not enabled the LLM gateway/i.test(normalized.message)) {
-        return `Error: ${normalized.message}\n\n[Open Builder space settings](${BUILDER_SPACE_SETTINGS_URL})`;
+        return `Error: ${normalized.message}\n\n[${OPEN_BUILDER_SPACE_SETTINGS_LABEL}](${BUILDER_SPACE_SETTINGS_URL})`;
     }
     if (errorCode === "builder_gateway_error") {
-        return `Error: ${normalized.message}\n\n[Start new chat](${NEW_CHAT_ACTION_HREF})`;
+        return `Error: ${normalized.message}\n\n[${START_NEW_CHAT_LABEL}](${NEW_CHAT_ACTION_HREF})`;
     }
     if (errorCode === "context_length_exceeded" ||
         errorCode === "input_too_long") {
-        return `Error: ${normalized.message}\n\n[Start new chat](${NEW_CHAT_ACTION_HREF})`;
+        return `Error: ${normalized.message}\n\n[${START_NEW_CHAT_LABEL}](${NEW_CHAT_ACTION_HREF})`;
     }
     if (!upgradeUrl || !isSafeUpgradeUrl(upgradeUrl)) {
         return `Error: ${normalized.message}`;
     }
-    return `Error: ${normalized.message}\n\n[Upgrade at builder.io](${upgradeUrl})`;
+    return `Error: ${normalized.message}\n\n[${UPGRADE_AT_BUILDER_LABEL}](${upgradeUrl})`;
+}
+const KNOWN_CHAT_ERROR_KEYS = new Map([
+    [
+        "No LLM provider is connected. Open this app's Manage agent > LLM, then connect Builder.io or add a provider key.",
+        "agentChat.errorMessages.noProviderConnected",
+    ],
+    [
+        "The provider behind this model rejected the request. Pick a different model, then retry.",
+        "agentChat.errorMessages.builderModelUnauthorized",
+    ],
+    [
+        BUILDER_AUTHENTICATION_ERROR,
+        "agentChat.errorMessages.builderAuthentication",
+    ],
+    [
+        "This model can't use tools with the current settings. Switch models in Settings, then retry.",
+        "agentChat.errorMessages.providerConfiguration",
+    ],
+    [
+        "The model provider is rate-limiting this chat right now. Wait a moment, then retry.",
+        "agentChat.errorMessages.providerRateLimit",
+    ],
+    [
+        "The model provider rejected the saved API key. Update the key in Settings → Integrations → API keys, then retry.",
+        "agentChat.errorMessages.providerAuthentication",
+    ],
+    [
+        "The model provider could not be reached. Check your connection and retry.",
+        "agentChat.errorMessages.providerNetwork",
+    ],
+    [
+        "The agent connection was interrupted. Check your connection and retry.",
+        "agentChat.errorMessages.agentConnection",
+    ],
+    [
+        "The model gateway returned no error details and the chat couldn't recover. Wait a moment and retry, or start a new chat if it keeps happening.",
+        "agentChat.errorMessages.gatewayNoDetails",
+    ],
+    [
+        "The agent connection timed out before it could finish. You can continue from the partial work or retry.",
+        "agentChat.errorMessages.inactivityTimeout",
+    ],
+    [
+        "A tool schema was invalid, so the model rejected the request before it started. The invalid tool can be skipped and the request retried.",
+        "agentChat.errorMessages.invalidToolSchema",
+    ],
+    [
+        "The provider returned an HTML error page.",
+        "agentChat.errorMessages.providerHtml",
+    ],
+]);
+const KNOWN_CHAT_ERROR_ACTION_KEYS = new Map([
+    [
+        "Open Builder space settings",
+        "agentChat.errorMessages.openBuilderSpaceSettings",
+    ],
+    ["Start new chat", "agentChat.errorMessages.startNewChat"],
+    ["Upgrade at builder.io", "agentChat.errorMessages.upgradeAtBuilder"],
+]);
+/** Localize only Core's own normalized error copy; preserve provider details. */
+export function localizeKnownChatErrorText(text, t) {
+    const newlineIndex = text.indexOf("\n");
+    const firstLine = newlineIndex >= 0 ? text.slice(0, newlineIndex) : text;
+    const suffix = newlineIndex >= 0 ? text.slice(newlineIndex) : "";
+    const hasPrefix = firstLine.startsWith("Error: ");
+    const message = hasPrefix ? firstLine.slice("Error: ".length) : firstLine;
+    const key = KNOWN_CHAT_ERROR_KEYS.get(message);
+    let localizedFirstLine = firstLine;
+    if (key) {
+        const translated = t(key, { defaultValue: message });
+        localizedFirstLine = hasPrefix
+            ? t("agentChat.errorMessages.errorPrefix", {
+                defaultValue: "Error: {{message}}",
+                message: translated,
+            })
+            : translated;
+    }
+    const localizedSuffix = suffix.replace(/\[([^\]]+)]\(([^)]+)\)/g, (link, label, href) => {
+        const actionKey = KNOWN_CHAT_ERROR_ACTION_KEYS.get(label);
+        if (!actionKey)
+            return link;
+        return `[${t(actionKey, { defaultValue: label })}](${href})`;
+    });
+    return `${localizedFirstLine}${localizedSuffix}`;
 }
 function normalizeErrorCode(errorCode) {
     return String(errorCode ?? "")
@@ -124,7 +212,7 @@ export function normalizeChatError(errorMessage, errorCode) {
     }
     if (code === "builder_auth_error") {
         return {
-            message: "Builder rejected the connected credentials. Reconnect Builder.io (free tier available) in Settings, then retry.",
+            message: BUILDER_AUTHENTICATION_ERROR,
             details: text,
         };
     }

package/dist/client/i18n.js

@@ -5,6 +5,7 @@ import { IconCheck, IconChevronDown, IconLanguage } from "@tabler/icons-react";
 import i18next from "i18next";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { I18nextProvider, initReactI18next, useTranslation, } from "react-i18next";
+import { coreMessagesForLocale, englishAgentChatMessages, loadCoreMessagesForLocale, normalizeCoreMessageOverrides, } from "../localization/core-messages.js";
 import defaultEnglishMessages from "../localization/default-messages.js";
 import { DEFAULT_LOCALE, LOCALE_HYDRATION_GLOBAL, LOCALE_METADATA, LOCALE_STORAGE_KEY, SUPPORTED_LOCALES, localeDirection, normalizeLocalizationPreference, resolveLocaleFromCandidates, resolveLocaleFromPreference, } from "../localization/shared.js";
 import { injectedAgentNativeConfig } from "./app-config.js";
@@ -138,8 +139,7 @@ function resolveInitialState(args) {
 }
 function resolveSupportedLocales(args) {
     const configured = injectedAgentNativeConfig().translations?.locales;
-    const candidates = configured ??
-        args.catalog?.supportedLocales ?? [args.sourceLocale];
+    const candidates = configured ?? args.catalog?.supportedLocales ?? SUPPORTED_LOCALES;
     const supported = candidates.filter((locale) => SUPPORTED_LOCALES.includes(locale));
     return [
         args.sourceLocale,
@@ -160,16 +160,39 @@ function normalizeLoadedMessages(value) {
     }
     return value;
 }
+function mergeLocaleMessages(base, overrides) {
+    if (!overrides)
+        return base;
+    const merged = { ...base };
+    for (const [key, value] of Object.entries(overrides)) {
+        const current = merged[key];
+        if (current &&
+            value &&
+            typeof current === "object" &&
+            typeof value === "object" &&
+            !Array.isArray(current) &&
+            !Array.isArray(value)) {
+            merged[key] = mergeLocaleMessages(current, value);
+        }
+        else {
+            merged[key] = value;
+        }
+    }
+    return merged;
+}
+function composeLocaleMessages(coreMessages, appMessages) {
+    return mergeLocaleMessages(mergeLocaleMessages(defaultEnglishMessages, coreMessages), appMessages ? normalizeCoreMessageOverrides(appMessages) : null);
+}
 function createI18nInstance(args) {
     const instance = i18next.createInstance();
     const resources = {
         [args.sourceLocale]: {
-            [args.namespace]: args.messages,
+            [args.namespace]: composeLocaleMessages(coreMessagesForLocale(args.sourceLocale), args.messages),
         },
     };
-    if (args.initialLocale !== args.sourceLocale && args.initialMessages) {
+    if (args.initialLocale !== args.sourceLocale) {
         resources[args.initialLocale] = {
-            [args.namespace]: args.initialMessages,
+            [args.namespace]: composeLocaleMessages(coreMessagesForLocale(args.initialLocale), args.initialMessages),
         };
     }
     void instance.use(initReactI18next).init({
@@ -202,24 +225,37 @@ export function AgentNativeI18nProvider({ children, catalog, initialLocale, init
     const [locale, setLocale] = useState(initialState.locale);
     const [loading, setLoading] = useState(false);
     const i18nRef = useRef(null);
+    const appMessagesLoadedRef = useRef(null);
+    const appMessagesRef = useRef(null);
+    const coreMessagesLoadedRef = useRef(null);
     if (!i18nRef.current) {
         const preloadedMessages = normalizeLoadedMessages(hydration.locale === initialState.locale && hydration.messages
             ? hydration.messages
             : initialMessages);
+        const resolvedSourceMessages = normalizeCoreMessageOverrides(hydration.locale === sourceLocale && hydration.messages
+            ? hydration.messages
+            : sourceMessages);
         i18nRef.current = createI18nInstance({
             namespace,
             sourceLocale,
-            messages: hydration.locale === sourceLocale && hydration.messages
-                ? hydration.messages
-                : sourceMessages,
+            messages: resolvedSourceMessages,
             initialLocale: initialState.locale,
             initialMessages: preloadedMessages,
         });
+        appMessagesRef.current = new Map([[sourceLocale, resolvedSourceMessages]]);
+        appMessagesLoadedRef.current = new Set([sourceLocale]);
+        if (initialState.locale !== sourceLocale && preloadedMessages) {
+            appMessagesRef.current.set(initialState.locale, normalizeCoreMessageOverrides(preloadedMessages));
+            appMessagesLoadedRef.current.add(initialState.locale);
+        }
+        coreMessagesLoadedRef.current = new Set([sourceLocale, initialState.locale].filter((candidate) => candidate === DEFAULT_LOCALE));
     }
     const i18n = i18nRef.current;
     useEffect(() => {
         if (i18n.hasResourceBundle(sourceLocale, namespace)) {
-            i18n.addResourceBundle(sourceLocale, namespace, sourceMessages, true, true);
+            const normalizedSourceMessages = normalizeCoreMessageOverrides(sourceMessages);
+            appMessagesRef.current?.set(sourceLocale, normalizedSourceMessages);
+            i18n.addResourceBundle(sourceLocale, namespace, normalizedSourceMessages, true, true);
         }
     }, [i18n, namespace, sourceLocale, sourceMessages]);
     useEffect(() => {
@@ -233,17 +269,37 @@ export function AgentNativeI18nProvider({ children, catalog, initialLocale, init
         async function applyLocale() {
             setLoading(true);
             try {
-                if (locale !== sourceLocale &&
-                    !i18n.hasResourceBundle(locale, namespace)) {
+                const shouldLoadAppMessages = locale !== sourceLocale && !appMessagesLoadedRef.current?.has(locale);
+                const shouldLoadCoreMessages = !coreMessagesLoadedRef.current?.has(locale);
+                if (shouldLoadAppMessages || shouldLoadCoreMessages) {
                     const preloaded = hydration.locale === locale && hydration.messages
                         ? hydration.messages
                         : initialLocale === locale && initialMessages
                             ? initialMessages
                             : null;
-                    const loaded = preloaded ?? (await loadMessages?.(locale));
-                    const messages = normalizeLoadedMessages(loaded);
-                    if (messages) {
-                        i18n.addResourceBundle(locale, namespace, messages, true, true);
+                    const [coreMessages, loadedAppMessages] = await Promise.all([
+                        shouldLoadCoreMessages
+                            ? loadCoreMessagesForLocale(locale)
+                            : Promise.resolve({}),
+                        shouldLoadAppMessages
+                            ? Promise.resolve(preloaded ?? loadMessages?.(locale))
+                            : Promise.resolve(null),
+                    ]);
+                    const existingMessages = normalizeLoadedMessages(i18n.getResourceBundle(locale, namespace));
+                    const loadedMessages = normalizeLoadedMessages(loadedAppMessages);
+                    if (loadedMessages) {
+                        appMessagesRef.current?.set(locale, normalizeCoreMessageOverrides(loadedMessages));
+                    }
+                    const appMessages = appMessagesRef.current?.get(locale) ?? null;
+                    const nextMessages = shouldLoadCoreMessages
+                        ? composeLocaleMessages(coreMessages, appMessages)
+                        : mergeLocaleMessages(existingMessages ?? {}, appMessages);
+                    i18n.addResourceBundle(locale, namespace, nextMessages, true, true);
+                    if (shouldLoadCoreMessages) {
+                        coreMessagesLoadedRef.current?.add(locale);
+                    }
+                    if (shouldLoadAppMessages) {
+                        appMessagesLoadedRef.current?.add(locale);
                     }
                 }
                 if (!cancelled) {
@@ -369,6 +425,10 @@ export function useOptionalLocale() {
     return useContext(LocaleContext);
 }
 const CORE_FALLBACK_MESSAGES = {
+    ...Object.fromEntries(Object.entries(englishAgentChatMessages).map(([key, value]) => [
+        `agentChat.${key}`,
+        value,
+    ])),
     "runsTray.runs": "Runs",
     "runsTray.agentRuns": "Agent runs",
     "runsTray.activeRun_one": "{{count}} active run",
@@ -497,6 +557,12 @@ function fallbackMessage(key, options) {
         ? interpolateFallbackMessage(template, options)
         : humanizeFallbackKey(key);
 }
+function preserveTranslatedUserValues(translated, options) {
+    const defaultValue = options?.defaultValue;
+    return typeof defaultValue === "string" && translated === defaultValue
+        ? interpolateFallbackMessage(defaultValue, options)
+        : translated;
+}
 export function useT() {
     const { i18n, t } = useTranslation();
     const context = useContext(LocaleContext);
@@ -504,11 +570,11 @@ export function useT() {
     return useCallback((key, options) => {
         const translated = t(key, options);
         if (translated !== key)
-            return translated;
+            return preserveTranslatedUserValues(translated, options);
         const getFixedT = i18n.getFixedT;
         const sourceFallback = getFixedT?.(sourceLocale)(key, options);
         if (sourceFallback && sourceFallback !== key)
-            return sourceFallback;
+            return preserveTranslatedUserValues(sourceFallback, options);
         return fallbackMessage(key, options);
     }, [i18n, sourceLocale, t]);
 }