@agent-native/core 0.76.9 → 0.76.11

package/corpus/core/src/client/ErrorBoundary.tsx

@@ -9,10 +9,151 @@ import {
   isDynamicImportFailureMessage,
   recoverFromStaleChunkError,
 } from "./route-chunk-recovery.js";
+import {
+  DEFAULT_LOCALE,
+  LOCALE_HYDRATION_GLOBAL,
+  LOCALE_STORAGE_KEY,
+  normalizeLocaleCode,
+  type LocaleCode,
+} from "../localization/shared.js";
 
 const homeLinkClassName =
   "mt-6 inline-flex items-center gap-1.5 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-sm hover:bg-primary/90 cursor-pointer";
 
+const errorCopy: Record<
+  LocaleCode,
+  {
+    loadingLatest: string;
+    genericTitle: string;
+    genericDetails: string;
+    notFoundTitle: string;
+    notFoundDetails: string;
+    statusTitle: (status: number) => string;
+    goHome: string;
+    reload: string;
+  }
+> = {
+  "en-US": {
+    loadingLatest: "Loading the latest version...",
+    genericTitle: "Something went wrong",
+    genericDetails: "An unexpected error occurred.",
+    notFoundTitle: "Page not found",
+    notFoundDetails: "We couldn't find this page.",
+    statusTitle: (status) => `${status} Error`,
+    goHome: "Go home",
+    reload: "Reload",
+  },
+  "zh-CN": {
+    loadingLatest: "正在加载最新版本...",
+    genericTitle: "出错了",
+    genericDetails: "发生了意外错误。",
+    notFoundTitle: "页面未找到",
+    notFoundDetails: "我们找不到这个页面。",
+    statusTitle: (status) => `${status} 错误`,
+    goHome: "回到首页",
+    reload: "重新加载",
+  },
+  "es-ES": {
+    loadingLatest: "Cargando la versión más reciente...",
+    genericTitle: "Algo salió mal",
+    genericDetails: "Se produjo un error inesperado.",
+    notFoundTitle: "Página no encontrada",
+    notFoundDetails: "No pudimos encontrar esta página.",
+    statusTitle: (status) => `Error ${status}`,
+    goHome: "Ir al inicio",
+    reload: "Recargar",
+  },
+  "fr-FR": {
+    loadingLatest: "Chargement de la dernière version...",
+    genericTitle: "Un problème est survenu",
+    genericDetails: "Une erreur inattendue s'est produite.",
+    notFoundTitle: "Page introuvable",
+    notFoundDetails: "Nous n'avons pas trouvé cette page.",
+    statusTitle: (status) => `Erreur ${status}`,
+    goHome: "Accueil",
+    reload: "Recharger",
+  },
+  "de-DE": {
+    loadingLatest: "Neueste Version wird geladen...",
+    genericTitle: "Etwas ist schiefgelaufen",
+    genericDetails: "Ein unerwarteter Fehler ist aufgetreten.",
+    notFoundTitle: "Seite nicht gefunden",
+    notFoundDetails: "Wir konnten diese Seite nicht finden.",
+    statusTitle: (status) => `Fehler ${status}`,
+    goHome: "Zur Startseite",
+    reload: "Neu laden",
+  },
+  "ja-JP": {
+    loadingLatest: "最新バージョンを読み込み中...",
+    genericTitle: "問題が発生しました",
+    genericDetails: "予期しないエラーが発生しました。",
+    notFoundTitle: "ページが見つかりません",
+    notFoundDetails: "このページは見つかりませんでした。",
+    statusTitle: (status) => `${status} エラー`,
+    goHome: "ホームへ",
+    reload: "再読み込み",
+  },
+  "ko-KR": {
+    loadingLatest: "최신 버전을 불러오는 중...",
+    genericTitle: "문제가 발생했습니다",
+    genericDetails: "예기치 않은 오류가 발생했습니다.",
+    notFoundTitle: "페이지를 찾을 수 없음",
+    notFoundDetails: "이 페이지를 찾을 수 없습니다.",
+    statusTitle: (status) => `${status} 오류`,
+    goHome: "홈으로 이동",
+    reload: "새로고침",
+  },
+  "pt-BR": {
+    loadingLatest: "Carregando a versão mais recente...",
+    genericTitle: "Algo deu errado",
+    genericDetails: "Ocorreu um erro inesperado.",
+    notFoundTitle: "Página não encontrada",
+    notFoundDetails: "Não encontramos esta página.",
+    statusTitle: (status) => `Erro ${status}`,
+    goHome: "Ir para início",
+    reload: "Recarregar",
+  },
+  "hi-IN": {
+    loadingLatest: "नवीनतम संस्करण लोड हो रहा है...",
+    genericTitle: "कुछ गलत हो गया",
+    genericDetails: "एक अनपेक्षित त्रुटि हुई।",
+    notFoundTitle: "पेज नहीं मिला",
+    notFoundDetails: "हमें यह पेज नहीं मिला।",
+    statusTitle: (status) => `${status} त्रुटि`,
+    goHome: "होम पर जाएं",
+    reload: "रीलोड करें",
+  },
+  "ar-SA": {
+    loadingLatest: "جار تحميل أحدث إصدار...",
+    genericTitle: "حدث خطأ ما",
+    genericDetails: "حدث خطأ غير متوقع.",
+    notFoundTitle: "الصفحة غير موجودة",
+    notFoundDetails: "تعذر العثور على هذه الصفحة.",
+    statusTitle: (status) => `خطأ ${status}`,
+    goHome: "العودة للرئيسية",
+    reload: "إعادة التحميل",
+  },
+};
+
+function readErrorLocale(): LocaleCode {
+  if (typeof window === "undefined") return DEFAULT_LOCALE;
+  const hydrated = (window as any)[LOCALE_HYDRATION_GLOBAL]?.locale;
+  const stored = window.localStorage?.getItem(LOCALE_STORAGE_KEY);
+  return (
+    normalizeLocaleCode(hydrated) ??
+    normalizeLocaleCode(stored) ??
+    DEFAULT_LOCALE
+  );
+}
+
+function useErrorCopy() {
+  const [locale, setLocale] = useState<LocaleCode>(readErrorLocale);
+  useEffect(() => {
+    setLocale(readErrorLocale());
+  }, []);
+  return errorCopy[locale] ?? errorCopy[DEFAULT_LOCALE];
+}
+
 function useApplyThemeClass() {
   useEffect(() => {
     const root = document.documentElement;
@@ -57,16 +198,16 @@ function useStaleChunkRecovery(error: unknown): boolean {
 }
 
 function UpdatingScreen() {
+  const copy = useErrorCopy();
   return (
     <main className="flex items-center justify-center min-h-screen p-4 bg-background text-foreground">
-      <p className="text-muted-foreground text-sm">
-        Loading the latest version…
-      </p>
+      <p className="text-muted-foreground text-sm">{copy.loadingLatest}</p>
     </main>
   );
 }
 
 function ErrorScreen({ error }: { error: unknown }) {
+  const copy = useErrorCopy();
   const recovering = useStaleChunkRecovery(error);
   // While auto-recovering a stale chunk, show a neutral state and skip the
   // console.error below so the transient, self-healing failure does not get
@@ -74,17 +215,17 @@ function ErrorScreen({ error }: { error: unknown }) {
   if (recovering) return <UpdatingScreen />;
 
   let status: number | null = null;
-  let title = "Something went wrong";
-  let details = "An unexpected error occurred.";
+  let title = copy.genericTitle;
+  let details = copy.genericDetails;
   let stack: string | undefined;
 
   if (isRouteErrorResponse(error)) {
     status = error.status;
     if (error.status === 404) {
-      title = "Page not found";
-      details = "We couldn't find this page.";
+      title = copy.notFoundTitle;
+      details = copy.notFoundDetails;
     } else {
-      title = `${error.status} Error`;
+      title = copy.statusTitle(error.status);
       details = error.statusText || details;
     }
   } else if (error instanceof Error) {
@@ -122,14 +263,14 @@ function ErrorScreen({ error }: { error: unknown }) {
         <h1 className="mt-3 text-2xl font-semibold">{title}</h1>
         <p className="mt-2 text-muted-foreground text-sm">{details}</p>
         <a href={appPath("/")} className={homeLinkClassName}>
-          Go home
+          {copy.goHome}
         </a>
         <button
           type="button"
           onClick={() => window.location.reload()}
           className="mt-3 inline-flex cursor-pointer items-center gap-1.5 rounded-md border border-border bg-background px-4 py-2 text-sm font-medium text-foreground shadow-sm hover:bg-accent"
         >
-          Reload
+          {copy.reload}
         </button>
         {stack && (
           <pre className="mt-6 w-full text-start text-xs overflow-auto p-4 bg-muted rounded">

package/corpus/core/src/client/MultiTabAssistantChat.tsx

@@ -342,57 +342,6 @@ function ScopeBadge({
   );
 }
 
-/**
- * Empty-state addon shown when the user starts a fresh chat inside a
- * scoped surface that already has other threads. Surfaces those threads
- * inline so chats don't feel "lost" after the user navigates away and
- * back — the chip popover lists them too, but this nudge is visible
- * without any extra clicks.
- */
-function PreviousScopedChatsHint({
-  scope,
-  threads,
-  onSelectThread,
-}: {
-  scope: ChatThreadScope;
-  threads: ChatThreadSummary[];
-  onSelectThread: (id: string) => void;
-}) {
-  const MAX_INLINE = 3;
-  const shown = threads.slice(0, MAX_INLINE);
-  const remaining = threads.length - shown.length;
-  const scopeLabel = scope.label || `this ${formatScopeType(scope.type)}`;
-  return (
-    <div className="flex w-full max-w-[280px] flex-col gap-1.5">
-      <div className="text-[10px] uppercase tracking-wider text-muted-foreground/70 text-center">
-        Previous chats for {scopeLabel}
-      </div>
-      <div className="flex flex-col gap-1">
-        {shown.map((thread) => (
-          <button
-            key={thread.id}
-            type="button"
-            onClick={() => onSelectThread(thread.id)}
-            className="flex items-baseline justify-between gap-2 rounded-md border border-border px-2.5 py-1.5 text-start hover:bg-accent cursor-pointer"
-          >
-            <span className="truncate text-[12px] text-foreground">
-              {thread.title || thread.preview || "Chat"}
-            </span>
-            <span className="shrink-0 text-[10px] text-muted-foreground">
-              {formatThreadTime(thread.updatedAt)}
-            </span>
-          </button>
-        ))}
-      </div>
-      {remaining > 0 && (
-        <div className="text-[10px] text-muted-foreground/70 text-center">
-          +{remaining} more
-        </div>
-      )}
-    </div>
-  );
-}
-
 /**
  * Thin confirmation banner shown briefly after detach. The chip itself
  * unmounts the moment scope clears on the active thread, so this banner
@@ -2777,17 +2726,6 @@ export function MultiTabAssistantChat({
                       ? `Ask about ${tabScope.label}`
                       : props.emptyStateText
                   }
-                  emptyStateAddon={
-                    tabId === activeThreadId &&
-                    tabScope &&
-                    otherScopedThreads.length > 0 ? (
-                      <PreviousScopedChatsHint
-                        scope={tabScope}
-                        threads={otherScopedThreads}
-                        onSelectThread={openFromHistory}
-                      />
-                    ) : undefined
-                  }
                   ref={(handle) => {
                     if (handle) {
                       chatRefs.current.set(tabId, handle);

package/corpus/core/src/client/composer/TiptapComposer.tsx

@@ -596,6 +596,11 @@ const FRIENDLY_MODEL_NAMES: Record<string, string> = {
   "deepseek-v3-1": "DeepSeek v3.1",
 };
 
+export const MODEL_SELECTOR_POPOVER_STYLE = {
+  fontSize: 13,
+  maxHeight: "min(500px, var(--radix-popover-content-available-height, 500px))",
+} satisfies React.CSSProperties;
+
 function friendlyModelName(model: string): string {
   if (FRIENDLY_MODEL_NAMES[model]) return FRIENDLY_MODEL_NAMES[model];
   // Claude: claude-{tier}-{major}-{minor}[-dateYYYYMMDD] → Tier Major.Minor
@@ -835,19 +840,7 @@ function ModelSelector({
         collisionPadding={8}
         data-agent-native-composer-popover="true"
         className="z-[260] box-border w-72 overflow-y-auto rounded-lg border-border p-0 py-1 shadow-lg"
-        style={
-          providerGroups.length > 0
-            ? {
-                fontSize: 13,
-                height:
-                  "min(500px, var(--radix-popover-content-available-height, 500px))",
-              }
-            : {
-                fontSize: 13,
-                maxHeight:
-                  "min(500px, var(--radix-popover-content-available-height, 500px))",
-              }
-        }
+        style={MODEL_SELECTOR_POPOVER_STYLE}
       >
         {showBuilderCta && (
           <>