@agentprojectcontext/apx 1.37.0 → 1.38.1

package/src/interfaces/web/src/screens/base/AgentDefaultsTab.tsx

@@ -97,7 +97,7 @@ export function AgentDefaultsTab() {
               </div>
               {a.model
                 ? <Badge tone="info">{a.model}</Badge>
-                : <span className="text-[10px] text-muted-fg">modelo: default del router</span>}
+                : <span className="text-[10px] text-muted-fg">{t("agents_ui.model_router_default")}</span>}
               {a.description && <p className="line-clamp-3 text-xs text-muted-fg">{a.description}</p>}
               <div className="flex flex-wrap gap-1">
                 {a.role && <Badge>{a.role}</Badge>}
@@ -121,9 +121,9 @@ export function AgentDefaultsTab() {
 }
 
 function SourceBadge({ source }: { source?: VaultAgent["source"] }) {
-  if (source === "user")          return <Badge tone="success">user</Badge>;
-  if (source === "user-override") return <Badge tone="warning">override</Badge>;
-  return <Badge tone="muted">bundled</Badge>;
+  if (source === "user")          return <Badge tone="success">{t("agents_ui.source_user")}</Badge>;
+  if (source === "user-override") return <Badge tone="warning">{t("agents_ui.source_override")}</Badge>;
+  return <Badge tone="muted">{t("agents_ui.source_bundled")}</Badge>;
 }
 
 // Small square icon button with a tooltip; keeps the card header compact.
@@ -231,7 +231,7 @@ function VaultAgentDialog({
     >
       <div className="space-y-3">
         {isNew && (
-          <Field label="slug" hint="kebab-case, ej. reviewer, my-agent, content-writer">
+          <Field label="slug" hint={t("agents_ui.slug_kebab_hint")}>
             <Input autoFocus value={slug} onChange={(e) => setSlug(e.target.value)} placeholder="reviewer" />
           </Field>
         )}
@@ -254,13 +254,13 @@ function VaultAgentDialog({
         <Field label="description">
           <Input value={description} onChange={(e) => setDescription(e.target.value)} />
         </Field>
-        <Field label="skills" hint="separadas por coma">
+        <Field label="skills" hint={t("agents_ui.comma_separated")}>
           <Input value={skills} onChange={(e) => setSkills(e.target.value)} placeholder="code-review, git" />
         </Field>
-        <Field label="tools" hint="separadas por coma">
+        <Field label="tools" hint={t("agents_ui.comma_separated")}>
           <Input value={tools} onChange={(e) => setTools(e.target.value)} placeholder="read, write, run" />
         </Field>
-        <Field label="body" hint="markdown — extiende el system prompt del agente">
+        <Field label="body" hint={t("agents_ui.body_hint")}>
           <Textarea
             value={body}
             onChange={(e) => setBody(e.target.value)}

package/src/interfaces/web/src/screens/base/ComingSoon.tsx

@@ -1,13 +1,14 @@
 import { Construction } from "lucide-react";
 import { Section } from "../../components/Section";
+import { t } from "../../i18n";
 
 export function ComingSoon({ title, note }: { title: string; note?: string }) {
   return (
-    <Section title={title} description="Vista del menú Base (espacio general).">
+    <Section title={title} description={t("settings_ui.base_menu_view")}>
       <div className="flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border bg-muted/20 py-16 text-center">
         <Construction className="size-8 text-muted-fg" />
         <div>
-          <p className="text-sm font-medium">Próximamente</p>
+          <p className="text-sm font-medium">{t("settings_ui.coming_soon")}</p>
           {note && <p className="mt-1 max-w-md text-xs text-muted-fg">{note}</p>}
         </div>
       </div>

package/src/interfaces/web/src/screens/modules/CodeScreen.tsx

@@ -243,7 +243,7 @@ export function CodeScreen() {
     abortRef.current = ctrl;
     const onEvent = (ev: CodeStreamEvent) => {
       if (ev.type === "error") {
-        toast.error(ev.error || "error");
+        toast.error(ev.error || t("modules_ui.code_stream_error"));
         return;
       }
       patchLast((m) => applyStreamEvent(m, ev));
@@ -276,7 +276,7 @@ export function CodeScreen() {
   const copyToClipboard = async (text: string) => {
     try {
       await navigator.clipboard.writeText(text);
-      toast.info("Copiado.");
+      toast.info(t("modules_ui.code_copied"));
     } catch {
       /* ignore */
     }
@@ -296,7 +296,7 @@ export function CodeScreen() {
           project: pid,
         })
         .then((r) => {
-          const content = r.stdout || r.stderr || "(vacío)";
+          const content = r.stdout || r.stderr || t("modules_ui.code_file_empty");
           setOpenFiles((prev) =>
             prev.map((f) => (f.path === path ? { ...f, content, loading: false } : f)),
           );
@@ -304,7 +304,7 @@ export function CodeScreen() {
         .catch((e: Error) => {
           setOpenFiles((prev) =>
             prev.map((f) =>
-              f.path === path ? { ...f, content: `Error: ${e.message}`, loading: false } : f,
+              f.path === path ? { ...f, content: t("modules_ui.code_file_error", { msg: e.message }), loading: false } : f,
             ),
           );
         });
@@ -338,7 +338,7 @@ export function CodeScreen() {
         .catch((e: Error) => {
           setOpenFiles((prev) =>
             prev.map((f) =>
-              f.path === tabPath ? { ...f, content: `Error: ${e.message}`, loading: false } : f,
+              f.path === tabPath ? { ...f, content: t("modules_ui.code_file_error", { msg: e.message }), loading: false } : f,
             ),
           );
         });
@@ -355,7 +355,7 @@ export function CodeScreen() {
         setOpenFiles((prev) =>
           prev.map((f) => (f.path === path ? { ...f, content } : f)),
         );
-        toast.info("Guardado.");
+        toast.info(t("modules_ui.code_saved"));
       } catch (e) {
         toast.error((e as Error).message);
       }
@@ -366,7 +366,7 @@ export function CodeScreen() {
   const hasProjects = !projects.isLoading && projectList.length > 0;
 
   const agentOptions = useMemo(() => {
-    const base = [{ value: SUPER_AGENT_VALUE, label: "super-agent", icon: Bot, description: "Agente principal con todas las herramientas" }];
+    const base = [{ value: SUPER_AGENT_VALUE, label: t("modules_ui.code_super_agent"), icon: Bot, description: t("modules_ui.code_super_agent_desc") }];
     const project = (agentsData.data || []).map((a) => ({
       value: a.slug,
       label: a.slug,
@@ -406,10 +406,10 @@ export function CodeScreen() {
       sid ? (
         <div className="flex items-center gap-0.5">
           {[
-            { Icon: PanelLeft, open: leftOpen, toggle: toggleLeft, title: "Lista de sesiones" },
-            { Icon: FolderTree, open: worktreeOpen, toggle: toggleTree, title: "Árbol de archivos" },
-            { Icon: Terminal, open: termOpen, toggle: toggleTerm, title: "Terminal" },
-            { Icon: PanelRight, open: rightOpen, toggle: toggleRight, title: "Panel de contexto" },
+            { Icon: PanelLeft, open: leftOpen, toggle: toggleLeft, title: t("modules_ui.code_panel_sessions") },
+            { Icon: FolderTree, open: worktreeOpen, toggle: toggleTree, title: t("modules_ui.code_panel_tree") },
+            { Icon: Terminal, open: termOpen, toggle: toggleTerm, title: t("modules_ui.code_panel_terminal") },
+            { Icon: PanelRight, open: rightOpen, toggle: toggleRight, title: t("modules_ui.code_panel_context") },
           ].map(({ Icon, open, toggle, title }) => (
             <Tip key={title} content={title}>
               <button
@@ -510,7 +510,7 @@ export function CodeScreen() {
                         className="flex shrink-0 items-center gap-1.5 border-r border-border px-3 py-2 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-accent/40 data-[active=true]:text-foreground"
                       >
                         <MessageSquare className="size-3 shrink-0" />
-                        Chat
+                        {t("modules_ui.code_chat_tab")}
                       </button>
                       {/* File tabs */}
                       {openFiles.map((f) => {

package/src/interfaces/web/src/screens/modules/DeckScreen.tsx

@@ -51,13 +51,13 @@ export function DeckScreen() {
       );
       toast.success(
         enabled
-          ? `Widget ${widgetId} habilitado.`
-          : `Widget ${widgetId} deshabilitado.`
+          ? t("modules_ui.deck_widget_enabled", { id: widgetId })
+          : t("modules_ui.deck_widget_disabled", { id: widgetId })
       );
       // Re-validate after a short delay to get the server's persisted state.
       setTimeout(() => mutate(), 800);
     } catch (e: unknown) {
-      const msg = e instanceof Error ? e.message : "Error al guardar";
+      const msg = e instanceof Error ? e.message : t("modules_ui.deck_save_error");
       toast.error(msg);
     }
   };
@@ -85,10 +85,10 @@ export function DeckScreen() {
         title={t("deck_screen.widgets_title")}
         description={
           isLoading
-            ? "Cargando manifest…"
+            ? t("modules_ui.deck_loading_manifest")
             : error
-            ? "Error al cargar el manifest."
-            : `${widgets.length} widgets · ${enabledCount} externos habilitados`
+            ? t("modules_ui.deck_manifest_error")
+            : t("modules_ui.deck_widgets_summary", { count: widgets.length, enabled: enabledCount })
         }
         action={
           <Button size="sm" variant="ghost" onClick={() => mutate()} disabled={isLoading} title={t("deck_screen.reload_manifest")} aria-label={t("deck_screen.reload_manifest")}>
@@ -96,23 +96,23 @@ export function DeckScreen() {
           </Button>
         }
       >
-        {isLoading && <Loading label="Cargando manifest del Deck…" />}
+        {isLoading && <Loading label={t("modules_ui.deck_loading_manifest_full")} />}
 
         {!isLoading && error && (
           <Empty>
-            No se pudo cargar el manifest del Deck.{" "}
+            {t("modules_ui.deck_manifest_load_failed")}{" "}
             <button
               type="button"
               className="ml-1 underline"
               onClick={() => mutate()}
             >
-              Reintentar
+              {t("modules_ui.deck_retry")}
             </button>
           </Empty>
         )}
 
         {!isLoading && !error && widgets.length === 0 && (
-          <Empty>No hay widgets en el manifest.</Empty>
+          <Empty>{t("modules_ui.deck_no_widgets")}</Empty>
         )}
 
         {!isLoading && !error && widgets.length > 0 && (
@@ -133,22 +133,22 @@ export function DeckScreen() {
 
       {/* Active project + stats (read-only context) */}
       {data?.apx && (
-        <Section title={t("deck_screen.context_title")} description="Información que el Deck ve del daemon.">
+        <Section title={t("deck_screen.context_title")} description={t("modules_ui.deck_context_desc")}>
           <div className="space-y-2 text-sm" data-testid="deck-apx-context">
             <div className="flex items-center gap-2">
-              <span className="text-muted-fg">Proyecto activo:</span>
+              <span className="text-muted-fg">{t("modules_ui.deck_active_project")}</span>
               <span className="font-medium">
                 {data.apx.active_project
                   ? data.apx.active_project.name
-                  : "ninguno"}
+                  : t("modules_ui.deck_none")}
               </span>
             </div>
             <div className="flex items-center gap-2">
-              <span className="text-muted-fg">Proyectos registrados:</span>
+              <span className="text-muted-fg">{t("modules_ui.deck_registered_projects")}</span>
               <span className="font-medium">{data.apx.projects.length}</span>
             </div>
             <div className="flex items-center gap-2">
-              <span className="text-muted-fg">Plugins activos:</span>
+              <span className="text-muted-fg">{t("modules_ui.deck_active_plugins")}</span>
               <span className="font-medium">
                 {Object.keys(data.apx.plugins).join(", ") || "—"}
               </span>

package/src/interfaces/web/src/screens/modules/DesktopScreen.tsx

@@ -10,14 +10,14 @@ import { Desktop, fetchDesktopMessages, type GlobalMessage } from "../../lib/api
 import { t } from "../../i18n";
 
 const DEFAULT_SHORTCUT = "CommandOrControl+G";
-const POSITION_OPTS = [
-  { value: "left",   label: "Izquierda" },
-  { value: "center", label: "Centro" },
-  { value: "right",  label: "Derecha" },
+const positionOpts = () => [
+  { value: "left",   label: t("modules_ui.desktop_pos_left") },
+  { value: "center", label: t("modules_ui.desktop_pos_center") },
+  { value: "right",  label: t("modules_ui.desktop_pos_right") },
 ];
-const THEME_OPTS = [
-  { value: "light", label: "Claro" },
-  { value: "dark",  label: "Oscuro" },
+const themeOpts = () => [
+  { value: "light", label: t("modules_ui.desktop_theme_light") },
+  { value: "dark",  label: t("modules_ui.desktop_theme_dark") },
 ];
 
 // Desktop module — manage the floating voice window (the Electron app launched
@@ -71,7 +71,7 @@ export function DesktopScreen() {
     setBusy(true);
     try {
       await patch({ "desktop.shortcut": next });
-      toast.success("Atajo guardado. Reiniciá la ventana (apx desktop stop && start) para aplicarlo.");
+      toast.success(t("modules_ui.desktop_shortcut_saved"));
     } catch (e) { toast.error((e as Error).message); }
     finally { setBusy(false); }
   };
@@ -90,7 +90,7 @@ export function DesktopScreen() {
     try {
       await Desktop.autostartSet(v);
       await mutateAutostart();
-      toast.success(v ? "Autostart activado para el próximo login." : "Autostart desactivado.");
+      toast.success(v ? t("modules_ui.desktop_autostart_on") : t("modules_ui.desktop_autostart_off"));
     } catch (e) { toast.error((e as Error).message); }
     finally { setAutostartBusy(false); }
   };
@@ -101,28 +101,28 @@ export function DesktopScreen() {
       <div className="grid gap-6 xl:grid-cols-[1fr_1fr]">
         {/* ── LEFT: configuration + status ─────────────────────────────── */}
         <div className="space-y-6">
-          <Section title={t("desktop_screen.status_title")} description="La ventana se lanza desde la terminal o por autostart.">
+          <Section title={t("desktop_screen.status_title")} description={t("modules_ui.desktop_status_desc")}>
             {stLoading ? <Loading /> : (
               <div className="flex items-center gap-2 text-sm">
                 <StatusDot ok={running} />
-                <span className="font-medium">{running ? "En ejecución" : "Detenida"}</span>
+                <span className="font-medium">{running ? t("modules_ui.desktop_running") : t("modules_ui.desktop_stopped")}</span>
                 <button
                   type="button"
                   onClick={() => mutateStatus()}
                   className="ml-2 text-xs text-muted-fg underline-offset-2 hover:underline"
                 >
-                  refrescar
+                  {t("modules_ui.desktop_refresh")}
                 </button>
               </div>
             )}
             <p className="mt-3 text-xs text-muted-fg">
-              Desde terminal: <Kbd>apx desktop start</Kbd> · <Kbd>apx desktop --debug</Kbd>
+              {t("modules_ui.desktop_from_terminal")} <Kbd>apx desktop start</Kbd> · <Kbd>apx desktop --debug</Kbd>
             </p>
           </Section>
 
           <Section
             title={t("desktop_screen.autostart_title")}
-            description="Lanza la ventana al iniciar sesión del usuario. Equivalente a `apx desktop install` (no requiere sudo)."
+            description={t("modules_ui.desktop_autostart_desc")}
           >
             {!autostart ? <Loading /> : (
               <div className="flex items-center justify-between gap-3">
@@ -130,23 +130,23 @@ export function DesktopScreen() {
                   checked={autostart.enabled}
                   onChange={toggleAutostart}
                   disabled={autostartBusy}
-                  label={autostart.enabled ? "Activado" : "Desactivado"}
+                  label={autostart.enabled ? t("common.enabled") : t("common.disabled")}
                 />
-                <span className="text-xs text-muted-fg">platform: {autostart.platform}</span>
+                <span className="text-xs text-muted-fg">{t("modules_ui.desktop_platform", { platform: autostart.platform })}</span>
               </div>
             )}
           </Section>
 
           <Section
             title={t("desktop_screen.shortcut_title")}
-            description="Botón de acceso rápido global que muestra/oculta la ventana y arranca a escuchar."
+            description={t("modules_ui.desktop_shortcut_desc")}
           >
             {cfgLoading ? <Loading /> : (
               <div className="flex items-end gap-3">
                 <div className="flex-1">
                   <Field
-                    label="Acelerador"
-                    hint='Formato Electron, p. ej. "CommandOrControl+G" o "CommandOrControl+Shift+Space". Reiniciá la ventana para aplicar.'
+                    label={t("modules_ui.desktop_accelerator")}
+                    hint={t("modules_ui.desktop_accelerator_hint")}
                   >
                     <Input
                       value={shortcut}
@@ -164,28 +164,28 @@ export function DesktopScreen() {
                   loading={busy}
                   disabled={!shortcut.trim() || shortcut.trim() === savedShortcut}
                 >
-                  Guardar
+                  {t("common.save")}
                 </Button>
               </div>
             )}
           </Section>
 
-          <Section title={t("desktop_screen.appearance_title")} description="Tema y posición de la ventana en la pantalla.">
+          <Section title={t("desktop_screen.appearance_title")} description={t("modules_ui.desktop_appearance_desc")}>
             {cfgLoading ? <Loading /> : (
               <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
-                <Field label="Tema" hint="Reiniciá la ventana para aplicar.">
+                <Field label={t("modules_ui.desktop_theme")} hint={t("modules_ui.desktop_restart_apply")}>
                   <UiSelect
                     value={theme}
-                    onChange={(v) => patchKey("desktop.theme", v, `Tema: ${v}.`)}
-                    options={THEME_OPTS}
+                    onChange={(v) => patchKey("desktop.theme", v, t("modules_ui.desktop_theme_set", { value: v }))}
+                    options={themeOpts()}
                     disabled={busy}
                   />
                 </Field>
-                <Field label="Posición" hint='"izquierda" / "centro" / "derecha" del borde superior.'>
+                <Field label={t("modules_ui.desktop_position")} hint={t("modules_ui.desktop_position_hint")}>
                   <UiSelect
                     value={position}
-                    onChange={(v) => patchKey("desktop.position", v, `Posición: ${v}.`)}
-                    options={POSITION_OPTS}
+                    onChange={(v) => patchKey("desktop.position", v, t("modules_ui.desktop_position_set", { value: v }))}
+                    options={positionOpts()}
                     disabled={busy}
                   />
                 </Field>
@@ -195,19 +195,19 @@ export function DesktopScreen() {
 
           <Section
             title={t("desktop_screen.activation_title")}
-            description="El plugin del daemon procesa los mensajes. STT se configura en Voces."
+            description={t("modules_ui.desktop_activation_desc")}
           >
             {cfgLoading ? <Loading /> : (
               <div className="space-y-3">
                 <Switch
                   checked={enabled}
-                  onChange={(v) => patchKey("desktop.enabled", v, v ? "Desktop activado." : "Desktop desactivado.")}
+                  onChange={(v) => patchKey("desktop.enabled", v, v ? t("modules_ui.desktop_enabled_toast") : t("modules_ui.desktop_disabled_toast"))}
                   disabled={busy}
-                  label={enabled ? "Plugin activado (responde mensajes)" : "Plugin desactivado"}
+                  label={enabled ? t("modules_ui.desktop_plugin_on") : t("modules_ui.desktop_plugin_off")}
                 />
                 <p className="text-xs text-muted-fg">
-                  Motor de voz a texto: <Link to="/m/voice" className="font-medium text-fg underline underline-offset-2">Voces</Link>{" "}
-                  (whisper local, idioma, modelo).
+                  {t("modules_ui.desktop_stt_engine")} <Link to="/m/voice" className="font-medium text-fg underline underline-offset-2">{t("nav.modules.voice")}</Link>{" "}
+                  {t("modules_ui.desktop_stt_engine_suffix")}
                 </p>
               </div>
             )}
@@ -218,14 +218,14 @@ export function DesktopScreen() {
         <div>
           <Section
             title={t("desktop_screen.last_conv_title")}
-            description="Lo último charlado con el agente desde la ventana flotante."
+            description={t("modules_ui.desktop_last_conv_desc")}
             action={
               <button
                 type="button"
                 onClick={() => mutateMsgs()}
                 className="text-xs text-muted-fg underline-offset-2 hover:underline"
               >
-                refrescar
+                {t("modules_ui.desktop_refresh")}
               </button>
             }
           >
@@ -248,7 +248,7 @@ function DesktopLastConversation({ messages, loading }: { messages: GlobalMessag
   const groups = useMemo(() => groupExchanges(messages), [messages]);
 
   if (loading) return <Loading />;
-  if (!messages.length) return <Empty>Sin mensajes todavía. Mandale algo a la ventana de escritorio para que aparezca aquí.</Empty>;
+  if (!messages.length) return <Empty>{t("modules_ui.desktop_no_messages")}</Empty>;
 
   return (
     <div className="space-y-3 max-h-[560px] overflow-y-auto pr-1">
@@ -267,11 +267,11 @@ function MessageLine({ m }: { m: GlobalMessage }) {
   return (
     <div className="py-1">
       <div className="flex items-baseline gap-2 text-[11px] text-muted-fg">
-        <span className="font-semibold">{isUser ? "Vos" : "Roby"}</span>
+        <span className="font-semibold">{isUser ? t("modules_ui.desktop_you") : t("modules_ui.desktop_roby")}</span>
         <span>{when}</span>
       </div>
       <div className={"mt-0.5 text-sm leading-snug whitespace-pre-wrap " + (isUser ? "text-muted-fg" : "text-fg")}>
-        {(m.body || "").trim() || <span className="italic opacity-50">(vacío)</span>}
+        {(m.body || "").trim() || <span className="italic opacity-50">{t("modules_ui.desktop_empty_msg")}</span>}
       </div>
     </div>
   );

package/src/interfaces/web/src/screens/modules/VoiceScreen.tsx

@@ -51,7 +51,7 @@ export function VoiceScreen() {
     try {
       await patch({ "voice.tts.provider": id, "voice.tts.mode": "single" });
       await mutateProviders();
-      toast.success(`Motor por defecto: ${id}.`);
+      toast.success(t("voice_ui.toast_default_engine", { id }));
     } catch (e) {
       toast.error((e as Error).message);
     } finally {
@@ -71,7 +71,7 @@ export function VoiceScreen() {
       }
       await patch(set);
       await mutateProviders();
-      toast.success(next === "chain" ? "Modo: cadena con fallback." : "Modo: solo el motor por defecto.");
+      toast.success(next === "chain" ? t("voice_ui.toast_mode_chain") : t("voice_ui.toast_mode_single"));
     } catch (e) {
       toast.error((e as Error).message);
     } finally {
@@ -107,13 +107,13 @@ export function VoiceScreen() {
     await patch(set, unset.length ? unset : undefined);
     await mutateProviders();
     await mutateCfg();
-    toast.success("Configuración de voz guardada.");
+    toast.success(t("voice_ui.toast_config_saved"));
   };
 
   const patchStt = async (set: Record<string, unknown>, unset?: string[]) => {
     try {
       await patch(set, unset);
-      toast.success("Transcripción actualizada.");
+      toast.success(t("voice_ui.toast_transcription_updated"));
     } catch (e) {
       toast.error((e as Error).message);
     }
@@ -125,12 +125,12 @@ export function VoiceScreen() {
         {/* Left: TTS providers */}
         <Section
           title={t("voice_screen.providers_title")}
-          description="Motores de síntesis. El estado lo reporta el daemon en vivo. Elegí cuál usar por defecto."
+          description={t("voice_ui.providers_desc")}
         >
           {provLoading || cfgLoading ? (
             <Loading />
           ) : provError ? (
-            <Empty>No se pudieron cargar los proveedores: {(provError as Error).message}</Empty>
+            <Empty>{t("voice_ui.providers_load_error", { msg: (provError as Error).message })}</Empty>
           ) : (
             <VoiceProviderList
               engines={engines}
@@ -149,13 +149,13 @@ export function VoiceScreen() {
 
         {/* Right: test + STT */}
         <div className="space-y-6">
-          <Section title={t("voice_screen.test_title")} description='Elegí con qué motor sintetizar y, si aplica, cómo querés que hable.'>
+          <Section title={t("voice_screen.test_title")} description={t("voice_ui.test_desc")}>
             <VoiceTestCard engines={engines} defaultProvider={configuredProvider} mode={mode} />
           </Section>
 
           <Section
             title={t("voice_screen.stt_title")}
-            description="Motor de voz a texto que usan el deck, Telegram y la CLI al escuchar."
+            description={t("voice_ui.stt_desc")}
           >
             {cfgLoading ? <Loading /> : <VoiceSttCard config={transcriptionCfg} onPatch={patchStt} />}
           </Section>

package/src/interfaces/web/src/screens/project/AgentBrainGraph.tsx

@@ -3,6 +3,7 @@ import {
   forceSimulation, forceLink, forceManyBody, forceCenter, forceCollide,
   type Simulation,
 } from "d3-force";
+import { t } from "../../i18n";
 
 // Animated relational "brain" graph (d3-force + SVG), inspired by panda's
 // AgentBrainGraphCanvas. Center = agent; items are real project data
@@ -26,10 +27,12 @@ const KIND_COLOR: Record<BrainNode["kind"], string> = {
   agent: "#a78bfa", memory: "#38bdf8", thread: "#34d399",
   task: "#fbbf24", routine: "#f472b6", agentlink: "#c084fc",
 };
-const KIND_LABEL: Record<BrainNode["kind"], string> = {
-  agent: "agente", memory: "memoria", thread: "thread",
-  task: "task", routine: "rutina", agentlink: "jerarquía",
-};
+function kindLabels(): Record<BrainNode["kind"], string> {
+  return {
+    agent: t("agents_ui.kind_agent"), memory: t("agents_ui.kind_memory"), thread: t("agents_ui.kind_thread"),
+    task: t("agents_ui.kind_task"), routine: t("agents_ui.kind_routine"), agentlink: t("agents_ui.kind_hierarchy"),
+  };
+}
 
 const W = 760, H = 460;
 
@@ -130,12 +133,15 @@ export function AgentBrainGraph({ center, nodes }: { center: string; nodes: Brai
       </div>
 
       <div className="flex flex-wrap items-center gap-3 text-[11px] text-muted-fg">
-        {(Object.keys(KIND_LABEL) as BrainNode["kind"][]).filter((k) => k !== "agent").map((k) => (
-          <span key={k} className="inline-flex items-center gap-1">
-            <span className="size-2 rounded-full" style={{ background: KIND_COLOR[k] }} /> {KIND_LABEL[k]}
-          </span>
-        ))}
-        <span className="ml-auto">{nodes.length} nodos · arrastrá para reacomodar</span>
+        {(() => {
+          const labels = kindLabels();
+          return (Object.keys(labels) as BrainNode["kind"][]).filter((k) => k !== "agent").map((k) => (
+            <span key={k} className="inline-flex items-center gap-1">
+              <span className="size-2 rounded-full" style={{ background: KIND_COLOR[k] }} /> {labels[k]}
+            </span>
+          ));
+        })()}
+        <span className="ml-auto">{t("agents_ui.nodes_drag_hint", { n: String(nodes.length) })}</span>
       </div>
       {selected && (
         <div className="rounded-lg border border-border bg-card p-3 text-xs">