@agent-native/core 0.155.0 → 0.157.1

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]);
 }

package/dist/client/observability/ThumbsFeedback.js

@@ -3,14 +3,16 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { IconThumbUp, IconThumbDown } from "@tabler/icons-react";
 import { useState, useCallback } from "react";
 import { agentNativePath } from "../api-path.js";
+import { useT } from "../i18n.js";
 import { cn } from "../utils.js";
 const THUMBS_DOWN_CATEGORIES = [
-    "Inaccurate",
-    "Not helpful",
-    "Wrong tool",
-    "Too slow",
+    { value: "Inaccurate", key: "agentChat.feedback.inaccurate" },
+    { value: "Not helpful", key: "agentChat.feedback.notHelpful" },
+    { value: "Wrong tool", key: "agentChat.feedback.wrongTool" },
+    { value: "Too slow", key: "agentChat.feedback.tooSlow" },
 ];
 export function ThumbsFeedback({ threadId, runId, messageSeq, className, }) {
+    const t = useT();
     const [selection, setSelection] = useState(null);
     const [categoryOpen, setCategoryOpen] = useState(false);
     const [submittedCategory, setSubmittedCategory] = useState(null);
@@ -54,11 +56,11 @@ export function ThumbsFeedback({ threadId, runId, messageSeq, className, }) {
         setCategoryOpen(false);
         sendFeedback("category", category);
     }, [sendFeedback]);
-    return (_jsxs("div", { className: cn("inline-flex items-center gap-0.5", className), children: [_jsx("button", { type: "button", "aria-label": "Thumbs up", onClick: handleThumbsUp, className: cn("flex h-6 w-6 items-center justify-center rounded", selection === "up"
+    return (_jsxs("div", { className: cn("inline-flex items-center gap-0.5", className), children: [_jsx("button", { type: "button", "aria-label": t("agentChat.feedback.thumbsUp"), onClick: handleThumbsUp, className: cn("flex h-6 w-6 items-center justify-center rounded", selection === "up"
                     ? "text-foreground"
-                    : "text-muted-foreground/70 hover:text-muted-foreground hover:bg-accent/50"), children: _jsx(IconThumbUp, { size: 16, stroke: selection === "up" ? 2.5 : 1.5, fill: selection === "up" ? "currentColor" : "none" }) }), _jsxs(PopoverPrimitive.Root, { open: categoryOpen, onOpenChange: setCategoryOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Thumbs down", onClick: handleThumbsDown, className: cn("flex h-6 w-6 items-center justify-center rounded", selection === "down"
+                    : "text-muted-foreground/70 hover:text-muted-foreground hover:bg-accent/50"), children: _jsx(IconThumbUp, { size: 16, stroke: selection === "up" ? 2.5 : 1.5, fill: selection === "up" ? "currentColor" : "none" }) }), _jsxs(PopoverPrimitive.Root, { open: categoryOpen, onOpenChange: setCategoryOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": t("agentChat.feedback.thumbsDown"), onClick: handleThumbsDown, className: cn("flex h-6 w-6 items-center justify-center rounded", selection === "down"
                                 ? "text-foreground"
-                                : "text-muted-foreground/70 hover:text-muted-foreground hover:bg-accent/50"), children: _jsx(IconThumbDown, { size: 16, stroke: selection === "down" ? 2.5 : 1.5, fill: selection === "down" ? "currentColor" : "none" }) }) }), _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { side: "bottom", align: "start", sideOffset: 4, collisionPadding: 8, className: "z-[300] overflow-hidden rounded-lg border border-border bg-popover p-1 shadow-lg outline-none", children: _jsx("div", { className: "flex flex-col gap-0.5", children: THUMBS_DOWN_CATEGORIES.map((category) => (_jsx("button", { type: "button", onClick: () => handleCategory(category), className: cn("rounded-md px-3 py-1.5 text-left text-xs", submittedCategory === category
+                                : "text-muted-foreground/70 hover:text-muted-foreground hover:bg-accent/50"), children: _jsx(IconThumbDown, { size: 16, stroke: selection === "down" ? 2.5 : 1.5, fill: selection === "down" ? "currentColor" : "none" }) }) }), _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { side: "bottom", align: "start", sideOffset: 4, collisionPadding: 8, className: "z-[300] overflow-hidden rounded-lg border border-border bg-popover p-1 shadow-lg outline-none", children: _jsx("div", { className: "flex flex-col gap-0.5", children: THUMBS_DOWN_CATEGORIES.map((category) => (_jsx("button", { type: "button", onClick: () => handleCategory(category.value), className: cn("rounded-md px-3 py-1.5 text-start text-xs", submittedCategory === category.value
                                         ? "bg-accent text-foreground font-medium"
-                                        : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"), children: category }, category))) }) }) })] })] }));
+                                        : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"), children: t(category.key) }, category.value))) }) }) })] })] }));
 }

package/dist/client/settings/AccountSettingsCard.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ActionButton, Avatar, TextField, } from "@agent-native/toolkit/design-system";
-import { IconCamera, IconCheck, IconLock } from "@tabler/icons-react";
+import { ActionButton, Avatar, IconButton, TextField, } from "@agent-native/toolkit/design-system";
+import { IconCamera, IconCheck, IconLock, IconPencil, } from "@tabler/icons-react";
 import { useEffect, useRef, useState } from "react";
 import { PASSWORD_MIN_LENGTH } from "../../shared/password-policy.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { useT } from "../i18n.js";
 import { useActionMutation, useActionQuery } from "../use-action.js";
 import { uploadAvatar, useAvatarUrl } from "../use-avatar.js";
@@ -107,21 +108,23 @@ export function AccountSettingsForm({ compact = false, }) {
     const [uploading, setUploading] = useState(false);
     const [photoStatus, setPhotoStatus] = useState("idle");
     const [name, setName] = useState("");
-    const nameEditedRef = useRef(false);
-    const displayName = profileQuery.data?.name ||
-        session?.name ||
-        email ||
-        t("settings.profileSignedOut");
+    const [savedName, setSavedName] = useState("");
+    const [isEditingName, setIsEditingName] = useState(false);
+    const nameFieldEditedRef = useRef(false);
+    const profileName = profileQuery.data?.name || session?.name || "";
+    const displayName = name || profileName || email || t("settings.profileSignedOut");
     useEffect(() => {
-        nameEditedRef.current = false;
+        nameFieldEditedRef.current = false;
+        setIsEditingName(false);
+        setName("");
+        setSavedName("");
     }, [email]);
     useEffect(() => {
-        if (nameEditedRef.current)
+        if (nameFieldEditedRef.current)
             return;
-        const nextName = profileQuery.data?.name || session?.name;
-        if (nextName)
-            setName(nextName);
-    }, [profileQuery.data?.name, session?.name]);
+        setName(profileName);
+        setSavedName(profileName);
+    }, [email, profileName]);
     const handleAvatarChange = async (event) => {
         const file = event.target.files?.[0];
         event.target.value = "";
@@ -142,20 +145,46 @@ export function AccountSettingsForm({ compact = false, }) {
     };
     const handleProfileSave = () => {
         const nextName = name.trim();
-        if (!nextName || !email)
+        if (!nextName || !email || nextName === savedName.trim())
             return;
-        updateProfile.mutate({ name: nextName });
+        updateProfile.mutate({ name: nextName }, {
+            onSuccess: (profile) => {
+                setName(profile.name);
+                setSavedName(profile.name);
+                nameFieldEditedRef.current = false;
+                setIsEditingName(false);
+            },
+        });
     };
+    const handleProfileEdit = () => {
+        updateProfile.reset();
+        nameFieldEditedRef.current = false;
+        setName(savedName);
+        setIsEditingName(true);
+    };
+    const handleProfileCancel = () => {
+        updateProfile.reset();
+        nameFieldEditedRef.current = false;
+        setName(savedName);
+        setIsEditingName(false);
+    };
+    const canSaveName = !!email &&
+        !updateProfile.isPending &&
+        !!name.trim() &&
+        name.trim() !== savedName.trim();
     const profileStatus = photoStatus === "saved" ? (_jsx("span", { className: "text-primary", children: t("settings.profilePhotoUpdated") })) : photoStatus === "error" ? (_jsx("span", { className: "text-destructive", children: t("settings.profilePhotoError") })) : email ? (email) : undefined;
     return (_jsxs(SettingsGroup, { id: "account", title: t("settings.profileTitle"), description: t("settings.profileDescription"), className: cn(compact && "[&>div:last-child>div>div]:py-3"), children: [_jsx(SettingsRow, { id: "profile", label: t("settings.profileTitle"), description: profileStatus, control: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Avatar, { name: displayName, src: avatarUrl, fallback: profileInitials(displayName), size: "default", className: "size-10 shrink-0 rounded-full border border-border bg-accent font-semibold text-muted-foreground" }), _jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", className: "hidden", onChange: handleAvatarChange }), _jsx(ActionButton, { type: "button", intent: "neutral", emphasis: "outline", size: "compact", disabled: !email || uploading, leadingIcon: _jsx(IconCamera, { className: "size-3.5" }), onPress: () => fileInputRef.current?.click(), children: uploading
                                 ? t("settings.profileUploading")
-                                : t("settings.profileChangePhoto") })] }) }), _jsx(SettingsRow, { id: "profile-name", label: t("settings.profileNameLabel"), description: updateProfile.isSuccess ? (_jsx("span", { className: "text-primary", children: t("settings.profileSaved") })) : updateProfile.error ? (_jsx("span", { className: "text-destructive", children: t("settings.profileSaveError") })) : (t("settings.profileNameDescription")), control: _jsxs("div", { className: "flex w-full items-center gap-2 sm:w-80", children: [_jsx(TextField, { id: "agent-native-profile-name", value: name, onChange: (value) => {
-                                nameEditedRef.current = true;
+                                : t("settings.profileChangePhoto") })] }) }), _jsx(SettingsRow, { id: "profile-name", label: t("settings.profileNameLabel"), description: updateProfile.isSuccess ? (_jsx("span", { className: "text-primary", children: t("settings.profileSaved") })) : updateProfile.error ? (_jsx("span", { className: "text-destructive", children: t("settings.profileSaveError") })) : (t("settings.profileNameDescription")), control: isEditingName ? (_jsxs("div", { className: "flex w-full items-center gap-2 sm:w-80", children: [_jsx(TextField, { id: "agent-native-profile-name", value: name, onChange: (value) => {
+                                nameFieldEditedRef.current = true;
                                 updateProfile.reset();
                                 setName(value);
-                            }, placeholder: t("settings.profileNamePlaceholder"), disabled: !email || updateProfile.isPending, "aria-label": t("settings.profileNameLabel"), className: "min-w-0 flex-1" }), _jsx(ActionButton, { type: "button", intent: "primary", emphasis: "solid", size: "compact", pending: updateProfile.isPending, disabled: !email || updateProfile.isPending || !name.trim(), onPress: handleProfileSave, children: updateProfile.isPending
+                            }, placeholder: t("settings.profileNamePlaceholder"), disabled: !email || updateProfile.isPending, autoFocus: true, "aria-label": t("settings.profileNameLabel"), className: "min-w-0 flex-1", onKeyDown: (event) => {
+                                if (event.key === "Escape")
+                                    handleProfileCancel();
+                            } }), _jsx(ActionButton, { type: "button", intent: "primary", emphasis: "solid", size: "compact", pending: updateProfile.isPending, disabled: !canSaveName, onPress: handleProfileSave, children: updateProfile.isPending
                                 ? t("settings.profileSaving")
-                                : t("settings.profileSave") })] }) }), _jsx(SettingsRow, { id: "timezone", label: t("settings.timezoneLabel", { defaultValue: "Timezone" }), description: t("settings.timezoneHint", {
+                                : t("settings.profileSave") })] })) : (_jsxs("div", { className: "flex w-full items-center justify-end gap-2 sm:w-80", children: [_jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-foreground", children: displayName }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(IconButton, { type: "button", intent: "neutral", emphasis: "ghost", size: "compact", icon: _jsx(IconPencil, { size: 14 }), label: t("settings.profileNameEdit"), title: t("settings.profileNameEdit"), disabled: !email, onPress: handleProfileEdit }) }), _jsx(TooltipContent, { children: t("settings.profileNameEdit") })] })] })) }), _jsx(SettingsRow, { id: "timezone", label: t("settings.timezoneLabel", { defaultValue: "Timezone" }), description: t("settings.timezoneHint", {
                     defaultValue: "Used for timestamps and scheduled automations.",
                 }), control: _jsx(SchedulingTimezoneField, { compact: true }) }), _jsx(PasswordSettings, {})] }));
 }

package/dist/client/sharing/ShareButton.d.ts

@@ -7,8 +7,7 @@ export interface ShareButtonProps {
     /** @deprecated No longer affects rendering — trigger always says
      *  "Share". Kept for callsite compatibility. */
     variant?: "compact" | "label";
-    /** Optional trigger style. Defaults to a text-only "Share" label.
-     *  "label-icon" opts into an icon plus label; "icon" is icon-only. */
+    /** @deprecated Share triggers are standardized as text-only buttons. */
     trigger?: "label" | "icon" | "label-icon";
     /** @deprecated No longer affects rendering — kept for callsite compatibility. */
     hideTriggerIcon?: boolean;