@agentprojectcontext/apx 1.36.0 → 1.38.0

package/src/interfaces/web/src/components/deck/DaemonCard.tsx

@@ -1,4 +1,5 @@
 import { Badge } from "../ui";
+import { t } from "../../i18n";
 import type { DeckManifest } from "../../lib/api/deck";
 
 function uptimeHuman(s: number): string {
@@ -26,7 +27,7 @@ export function DaemonCard({ manifest }: DaemonCardProps) {
         </span>
         <div className="flex items-center gap-1.5">
           <span className="size-2 rounded-full bg-emerald-500" />
-          <span className="text-muted-fg">activo · {uptimeHuman(d.uptime_s)}</span>
+          <span className="text-muted-fg">{t("modules_ui.deck_daemon_active", { uptime: uptimeHuman(d.uptime_s) })}</span>
         </div>
       </div>
 
@@ -36,7 +37,7 @@ export function DaemonCard({ manifest }: DaemonCardProps) {
         </span>
         <span className="text-muted-fg">·</span>
         <span className="text-muted-fg">
-          iniciado{" "}
+          {t("modules_ui.deck_daemon_started")}{" "}
           {new Date(d.started_at).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}
         </span>
       </div>
@@ -44,13 +45,13 @@ export function DaemonCard({ manifest }: DaemonCardProps) {
       {/* Safety summary */}
       <div className="mt-2.5 flex flex-wrap gap-1.5">
         {s.direct_shell === false && (
-          <Badge tone="success">sin shell directo</Badge>
+          <Badge tone="success">{t("modules_ui.deck_safety_no_shell")}</Badge>
         )}
         {s.arbitrary_commands === false && (
-          <Badge tone="success">comandos arbitrarios bloqueados</Badge>
+          <Badge tone="success">{t("modules_ui.deck_safety_no_arbitrary")}</Badge>
         )}
         {s.dangerous_actions_require_confirmation && (
-          <Badge tone="info">acciones peligrosas requieren confirmación</Badge>
+          <Badge tone="info">{t("modules_ui.deck_safety_confirm")}</Badge>
         )}
       </div>
     </div>

package/src/interfaces/web/src/components/inputs/KeyValueList.tsx

@@ -1,6 +1,7 @@
 import { Plus, Trash2 } from "lucide-react";
 import { Button, Input } from "../ui";
 import { VarTokenInput } from "./VarTokenInput";
+import { t } from "../../i18n";
 
 // Editable list of {key,value} pairs. Used for MCP env (stdio) and headers
 // (http). Values are run through VarTokenInput so `${var.X}` references
@@ -38,8 +39,8 @@ interface KeyValueListProps {
 export function KeyValueList({
   rows,
   onChange,
-  keyPlaceholder = "KEY",
-  valuePlaceholder = "value",
+  keyPlaceholder = t("shared_ui.kv_key_ph"),
+  valuePlaceholder = t("shared_ui.kv_value_ph"),
   varNames,
   onCreateVar,
   emptyLabel,
@@ -79,14 +80,14 @@ export function KeyValueList({
             size="sm"
             variant="ghost"
             onClick={() => remove(i)}
-            aria-label="quitar fila"
+            aria-label={t("shared_ui.remove_row")}
           >
             <Trash2 size={13} />
           </Button>
         </div>
       ))}
       <Button type="button" size="sm" variant="ghost" onClick={add}>
-        <Plus size={12} /> Agregar fila
+        <Plus size={12} /> {t("shared_ui.add_row")}
       </Button>
     </div>
   );

package/src/interfaces/web/src/components/inputs/VarTokenInput.tsx

@@ -366,13 +366,13 @@ function VarPickerPopover({
           ref={inputRef}
           value={query}
           onChange={(e) => onQuery(e.target.value)}
-          placeholder="buscar variable…"
+          placeholder={t("shared_ui.search_variable_ph")}
           className="w-full rounded bg-muted/40 px-2 py-1 text-xs font-mono outline-none"
         />
       </div>
       <ul className="max-h-44 overflow-auto p-1 text-xs">
         {varNames.length === 0 && (
-          <li className="px-2 py-1.5 text-muted-foreground">sin coincidencias</li>
+          <li className="px-2 py-1.5 text-muted-foreground">{t("shared_ui.no_matches")}</li>
         )}
         {varNames.map((n) => (
           <li key={n}>
@@ -399,7 +399,7 @@ function VarPickerPopover({
             }}
             className="flex w-full items-center gap-1 rounded px-2 py-1.5 text-left text-xs hover:bg-muted/60"
           >
-            <Plus size={12} /> Crear nueva variable…
+            <Plus size={12} /> {t("shared_ui.create_variable")}
           </button>
         </div>
       )}

package/src/interfaces/web/src/components/layout/ProjectSidebar.tsx

@@ -3,7 +3,7 @@
 // projects column, finally add + settings. The default workspace (id=0) is
 // pinned first.
 import { useLocation } from "react-router-dom";
-import { Plus, Settings, Mic, Monitor, LayoutGrid, Terminal, Bot, type LucideIcon } from "lucide-react";
+import { Plus, Settings, Mic, Monitor, LayoutGrid, Terminal, Bot, BookOpen, type LucideIcon } from "lucide-react";
 import { Logo } from "./Logo";
 import { ProjectAvatar } from "./ProjectAvatar";
 import { Tip } from "../ui/tip";
@@ -103,7 +103,7 @@ export function ProjectSidebar({ onSelect, onOpenRoby }: Props) {
       })}
 
       <ProjectAvatar
-        label="Add"
+        label={t("nav.add_project")}
         isAdd
         testId="nav-add-project"
         icon={<Plus size={18} />}
@@ -114,7 +114,7 @@ export function ProjectSidebar({ onSelect, onOpenRoby }: Props) {
 
       <div className="flex-1" />
       <ProjectAvatar
-        label="Settings"
+        label={t("nav.settings")}
         isSettings
         testId="nav-settings"
         icon={<Settings size={16} />}
@@ -122,6 +122,19 @@ export function ProjectSidebar({ onSelect, onOpenRoby }: Props) {
         onClick={() => onSelect("/settings")}
         title={t("nav.settings")}
       />
+      {/* Docs — opens the hosted documentation site in a new tab. */}
+      <Tip content={t("settings_ui.documentation")} side="right">
+        <a
+          href="https://agentprojectcontext.github.io/apx/docs/"
+          target="_blank"
+          rel="noopener noreferrer"
+          data-testid="nav-docs"
+          aria-label={t("settings_ui.documentation")}
+          className="mt-1 flex size-10 items-center justify-center rounded-xl border border-border/60 bg-muted/30 text-muted-fg transition-colors hover:bg-accent hover:text-foreground"
+        >
+          <BookOpen size={18} />
+        </a>
+      </Tip>
       {/* Roby launcher — subtle (not a loud floating bubble), pinned under the
           gear so it doesn't overlap the chat composer. */}
       <Tip content={t("superagent.talk", { persona })} side="right">
@@ -142,12 +155,12 @@ export function ProjectSidebar({ onSelect, onOpenRoby }: Props) {
 // Re-export for screens that still import projectKindLabel here.
 export function projectKindLabel(kind?: string): string {
   switch (kind) {
-    case "personal": return "Personal";
-    case "company":  return "Company";
-    case "app":      return "App";
-    case "software": return "Software";
-    case "default":  return "Default";
-    case "other":    return "Other";
+    case "personal": return t("settings_ui.kind_personal");
+    case "company":  return t("settings_ui.kind_company");
+    case "app":      return t("settings_ui.kind_app");
+    case "software": return t("settings_ui.kind_software");
+    case "default":  return t("settings_ui.kind_default");
+    case "other":    return t("settings_ui.kind_other");
     default:         return t("nav.project");
   }
 }

package/src/interfaces/web/src/components/settings/AdvancedPanel.tsx

@@ -11,7 +11,7 @@ export function AdvancedPanel() {
   const { health, isUp } = useDaemonStatus();
 
   const reload = async () => {
-    try { await Admin.reload(); toast.success("Config recargada."); }
+    try { await Admin.reload(); toast.success(t("settings.advanced.reload_success")); }
     catch (e) { toast.error((e as Error).message); }
   };
 

package/src/interfaces/web/src/components/settings/AppearancePanel.tsx

@@ -53,7 +53,7 @@ export function AppearancePanel() {
       </Section>
 
       <Section title={t("settings.token")} description={t("settings.token_sub")}>
-        <Field label="Bearer">
+        <Field label={t("settings_ui.bearer_label")}>
           <Input
             type="password"
             placeholder={getToken() ? t("settings.token_active") : t("settings.token_paste")}

package/src/interfaces/web/src/components/settings/DefaultRouterCard.tsx

@@ -55,7 +55,7 @@ function ProviderModelPicker({
       <UiSelect
         value={provider}
         onChange={setProvider}
-        placeholder={providerInvalid ? `⚠ ${provider} (no existe)` : "— proveedor —"}
+        placeholder={providerInvalid ? t("router_panel.provider_not_found", { name: provider }) : t("router_panel.provider_ph")}
         options={providers.map((p) => ({ value: p.slug, label: p.slug, icon: ENGINE_ICONS[p.engine] }))}
       />
       <ModelCombobox
@@ -63,7 +63,7 @@ function ProviderModelPicker({
         onChange={setModel}
         options={modelOptions}
         invalid={providerInvalid}
-        invalidHint={`El proveedor "${provider}" no está configurado.`}
+        invalidHint={t("router_panel.provider_not_configured", { name: provider })}
       />
     </div>
   );
@@ -119,7 +119,7 @@ export function DefaultRouterCard() {
         "super_agent.model_fallback.enabled": fallback.length > 0,
         "super_agent.model_fallback.models": fallback,
       });
-      toast.success("Router guardado.");
+      toast.success(t("router_panel.saved_toast"));
       setSaved({ model, fallback });
       mutate();
     } catch (e) {
@@ -153,12 +153,12 @@ export function DefaultRouterCard() {
   return (
     <Section
       title={t("router_panel.title")}
-      description="Un solo router general (sin casos por tarea). Elegí proveedor y modelo; si el activo falla, prueba la cadena de fallback en orden."
+      description={t("router_panel.description")}
     >
       <div className="space-y-4">
         {/* Resolution preview */}
         <div className="flex flex-wrap items-center gap-2 rounded-lg border border-border bg-muted/20 p-3">
-          <Badge tone="success"><GitBranch size={11} /> default</Badge>
+          <Badge tone="success"><GitBranch size={11} /> {t("router_panel.badge_default")}</Badge>
           <span className={`font-mono text-xs ${!providerExists(model) && model ? "text-amber-400" : ""}`}>{model || "—"}</span>
           {fallback.map((m) => (
             <span key={m} className="flex items-center gap-2 text-muted-fg">
@@ -169,17 +169,17 @@ export function DefaultRouterCard() {
         </div>
 
         {providers.length === 0 ? (
-          <p className="text-xs text-muted-fg">Agregá un proveedor abajo para poder elegir modelos.</p>
+          <p className="text-xs text-muted-fg">{t("router_panel.no_providers")}</p>
         ) : (
-          <Field label="Modelo activo (default)" hint="Proveedor + modelo. Se guarda como provider:model.">
+          <Field label={t("router_panel.active_model_label")} hint={t("router_panel.active_model_hint")}>
             <ProviderModelPicker value={model} onChange={setModel} providers={providers} />
           </Field>
         )}
 
         <div className="rounded-lg border border-border bg-muted/20 p-3">
           <div className="mb-2">
-            <div className="text-sm font-medium">Cadena de fallback</div>
-            <div className="text-xs text-muted-fg">Si el modelo activo falla, prueba estos en orden. Click en uno para editarlo.</div>
+            <div className="text-sm font-medium">{t("router_panel.fallback_title")}</div>
+            <div className="text-xs text-muted-fg">{t("router_panel.fallback_desc")}</div>
           </div>
           <ul className="mb-3 space-y-1">
             {fallback.map((m, i) => {
@@ -200,7 +200,7 @@ export function DefaultRouterCard() {
                       </button>
                     )}
                     {editing ? (
-                      <Button size="sm" variant="secondary" onClick={() => setEditIdx(null)}>listo</Button>
+                      <Button size="sm" variant="secondary" onClick={() => setEditIdx(null)}>{t("router_panel.done")}</Button>
                     ) : (
                       <Button size="sm" variant="ghost" onClick={() => setEditIdx(i)}><Pencil size={12} /></Button>
                     )}
@@ -211,21 +211,21 @@ export function DefaultRouterCard() {
                 </li>
               );
             })}
-            {fallback.length === 0 && <li className="text-xs text-muted-fg">Sin fallback configurado.</li>}
+            {fallback.length === 0 && <li className="text-xs text-muted-fg">{t("router_panel.fallback_empty")}</li>}
           </ul>
           {providers.length > 0 && (
             <div className="space-y-2">
-              <div className="text-xs text-muted-fg">Agregar a la cadena</div>
+              <div className="text-xs text-muted-fg">{t("router_panel.add_to_chain")}</div>
               <ProviderModelPicker value={newFallback} onChange={setNewFallback} providers={providers} />
               <Button size="sm" variant="secondary" onClick={addFallback} disabled={!newFallback.includes(":") || newFallback.endsWith(":")}>
-                <Plus size={13} /> Agregar a la cadena
+                <Plus size={13} /> {t("router_panel.add_to_chain")}
               </Button>
             </div>
           )}
         </div>
 
         <Button variant="primary" loading={busy} disabled={!dirty} onClick={submit}>
-          {dirty ? "Guardar router" : "Guardado"}
+          {dirty ? t("router_panel.save") : t("router_panel.saved")}
         </Button>
       </div>
     </Section>

package/src/interfaces/web/src/components/settings/DevicesPanel.tsx

@@ -17,7 +17,7 @@ export function DevicesPanel() {
     if (!confirm(t("settings.devices_revoke_confirm", { id }))) return;
     try {
       await Pair.revoke(id);
-      toast.success("Cliente revocado.");
+      toast.success(t("settings.devices_revoke_success"));
       mutate();
     } catch (e) {
       toast.error((e as Error).message);
@@ -46,9 +46,9 @@ export function DevicesPanel() {
               <Badge tone={c.kind === "web" ? "info" : c.kind === "deck" ? "success" : "muted"}>{c.kind}</Badge>
               <span className="font-mono text-xs text-muted-fg">…{c.token_suffix}</span>
               <span className="ml-auto text-xs text-muted-fg">
-                visto: {c.last_seen ? new Date(c.last_seen).toLocaleString() : "nunca"}
+                {t("settings.devices_last_seen")} {c.last_seen ? new Date(c.last_seen).toLocaleString() : t("settings.devices_never")}
               </span>
-              <Button size="sm" variant="destructive" onClick={() => revoke(c.id)}>Revocar</Button>
+              <Button size="sm" variant="destructive" onClick={() => revoke(c.id)}>{t("settings.devices_revoke")}</Button>
             </li>
           ))}
         </ul>

package/src/interfaces/web/src/components/settings/EnginesPanel.tsx

@@ -49,7 +49,7 @@ export function EnginesPanel() {
     // JSON mode: replace the whole engines.<slug> block with the parsed object.
     if (raw) {
       await patch({ [`engines.${provider.slug}`]: raw });
-      toast.success("Provider guardado (JSON).");
+      toast.success(t("engines_panel.saved_json"));
       mutate();
       return;
     }
@@ -71,7 +71,7 @@ export function EnginesPanel() {
     if (apiKeyValue) set[`${base}.api_key`] = apiKeyValue;
 
     await patch(set, unset);
-    toast.success("Provider guardado.");
+    toast.success(t("engines_panel.saved"));
     mutate();
   };
 
@@ -83,10 +83,10 @@ export function EnginesPanel() {
   };
 
   const remove = async (p: Provider) => {
-    if (!confirm(`Borrar provider ${p.name || p.slug}?`)) return;
+    if (!confirm(t("engines_panel.delete_confirm", { name: p.name || p.slug }))) return;
     try {
       await patch(undefined, [`engines.${p.slug}`]);
-      toast.success("Provider borrado.");
+      toast.success(t("engines_panel.deleted"));
       mutate();
     } catch (e) { toast.error((e as Error).message); }
   };
@@ -94,11 +94,11 @@ export function EnginesPanel() {
   return (
     <Section
       title={t("engines_panel.title")}
-      description="Proveedores LLM (API). Cada provider usa un engine/adapter (openai, ollama, …) con su key y URL."
+      description={t("engines_panel.description")}
       action={<Button size="sm" variant="primary" onClick={openCreate}><Plus size={14} /> {t("engines_panel.new_btn")}</Button>}
     >
       {providers.length === 0 ? (
-        <Empty>Sin providers. Agregá uno con el botón de arriba.</Empty>
+        <Empty>{t("engines_panel.empty")}</Empty>
       ) : (
         <div className="grid grid-cols-1 items-stretch gap-3 sm:grid-cols-2 lg:grid-cols-3">
           {providers.map((p) => (
@@ -110,7 +110,7 @@ export function EnginesPanel() {
             className="flex min-h-[120px] flex-col items-center justify-center gap-2 rounded-xl border border-dashed border-border text-muted-fg transition-colors hover:border-muted-fg/60 hover:text-foreground"
           >
             <Plus size={20} />
-            <span className="text-sm font-medium">Agregar provider</span>
+            <span className="text-sm font-medium">{t("engines_panel.add_card")}</span>
           </button>
         </div>
       )}

package/src/interfaces/web/src/components/settings/IdentityPanel.tsx

@@ -48,12 +48,12 @@ export function IdentityPanel() {
             options={LANGS.map((l) => ({ value: l, label: l }))}
           />
         </Field>
-        <Field label={t("settings.identity.timezone")} hint="ej. America/Argentina/Buenos_Aires">
+        <Field label={t("settings.identity.timezone")} hint={t("settings.identity.timezone_hint")}>
           <Input value={draft.timezone || ""} onChange={(e) => setDraft({ ...draft, timezone: e.target.value })} />
         </Field>
       </div>
       <div className="mt-3">
-        <Field label={t("settings.identity.owner_context")} hint="Quién sos, en qué trabajás, qué le interesa al agente saber de vos.">
+        <Field label={t("settings.identity.owner_context")} hint={t("settings.identity.owner_context_hint")}>
           <Textarea
             rows={3}
             value={draft.owner_context || ""}

package/src/interfaces/web/src/components/settings/MemoryPanel.tsx

@@ -15,17 +15,17 @@ import { t } from "../../i18n";
 // provider/model changes the embedder space, so a "Reindexar" action rebuilds
 // the vector store under the new embedder.
 
-const PROVIDER_OPTIONS = [
-  { value: "auto", label: "Automático (cadena: Ollama → Gemini → OpenAI → offline)" },
-  { value: "ollama", label: "Ollama — local, sin API key (nomic-embed-text)" },
-  { value: "gemini", label: "Gemini — free tier con key (text-embedding-004)" },
-  { value: "openai", label: "OpenAI — text-embedding-3-small (cloud)" },
-  { value: "tf", label: "Offline (term-frequency, sin modelo — degradado)" },
+const providerOptions = () => [
+  { value: "auto", label: t("memory_panel.provider_auto") },
+  { value: "ollama", label: t("memory_panel.provider_ollama") },
+  { value: "gemini", label: t("memory_panel.provider_gemini") },
+  { value: "openai", label: t("memory_panel.provider_openai") },
+  { value: "tf", label: t("memory_panel.provider_tf") },
 ];
 
-const MODE_OPTIONS = [
-  { value: "chain", label: "Cadena (fallback automático)" },
-  { value: "single", label: "Único (usa solo el elegido)" },
+const modeOptions = () => [
+  { value: "chain", label: t("memory_panel.mode_chain") },
+  { value: "single", label: t("memory_panel.mode_single") },
 ];
 
 interface MemoryCfg {
@@ -68,7 +68,7 @@ export function MemoryPanel() {
       await patch(set);
       await mutateProviders();
     } catch (e) {
-      toast.error(`No se pudo guardar: ${(e as Error).message}`);
+      toast.error(t("memory_panel.save_failed", { msg: (e as Error).message }));
     } finally {
       setBusy(false);
     }
@@ -80,9 +80,9 @@ export function MemoryPanel() {
     try {
       const r = await Embeddings.test({});
       setTestResult(`${r.embedder} · dim ${r.dim} · ${r.ms}ms`);
-      toast.success(`Embedding OK con ${r.embedder}`);
+      toast.success(t("memory_panel.test_ok", { embedder: r.embedder }));
     } catch (e) {
-      toast.error(`Falló el test: ${(e as Error).message}`);
+      toast.error(t("memory_panel.test_failed", { msg: (e as Error).message }));
     } finally {
       setBusy(false);
     }
@@ -92,9 +92,9 @@ export function MemoryPanel() {
     setBusy(true);
     try {
       const r = await Embeddings.reindex();
-      toast.success(`Reindexado: ${r.indexed} chunks (limpiados ${r.cleared}).`);
+      toast.success(t("memory_panel.reindexed", { indexed: r.indexed, cleared: r.cleared }));
     } catch (e) {
-      toast.error(`Falló el reindex: ${(e as Error).message}`);
+      toast.error(t("memory_panel.reindex_failed", { msg: (e as Error).message }));
     } finally {
       setBusy(false);
     }
@@ -104,24 +104,24 @@ export function MemoryPanel() {
     <div className="grid gap-6 xl:grid-cols-2 xl:items-start">
       <Section
         title={t("memory_panel.embeddings_title")}
-        description="Modelo que vectoriza el historial de todos los canales para la memoria relevante. Igual que TTS/STT: elegí proveedor y modelo. 'Automático' prueba local primero y cae al offline si no hay nada."
+        description={t("memory_panel.embeddings_desc")}
       >
         <div className="space-y-3">
-          <Field label="Proveedor" hint="Ollama es local y gratis. Gemini/OpenAI usan la API key de su sección en Modelos (o la de acá abajo).">
+          <Field label={t("memory_panel.provider_label")} hint={t("memory_panel.provider_hint")}>
             <UiSelect
               value={provider}
               onChange={(v) => apply({ "memory.embeddings.provider": v })}
-              options={PROVIDER_OPTIONS}
+              options={providerOptions()}
               disabled={busy}
               className="max-w-xl"
             />
           </Field>
 
-          <Field label="Modo de selección" hint="Cadena cae al siguiente si uno falla; Único usa exactamente el proveedor elegido.">
+          <Field label={t("memory_panel.mode_label")} hint={t("memory_panel.mode_hint")}>
             <UiSelect
               value={mode}
               onChange={(v) => apply({ "memory.embeddings.mode": v })}
-              options={MODE_OPTIONS}
+              options={modeOptions()}
               disabled={busy}
               className="max-w-md"
             />
@@ -130,25 +130,25 @@ export function MemoryPanel() {
           <div className="flex flex-wrap items-center gap-2 pt-1">
             {engines.map((e) => (
               <Badge key={e.id} tone={e.available ? "success" : "muted"}>
-                {e.id}: {e.available ? "disponible" : "no disp."}
+                {e.id}: {e.available ? t("memory_panel.available") : t("memory_panel.unavailable")}
               </Badge>
             ))}
           </div>
 
           <div className="flex flex-wrap items-center gap-3 pt-1">
             <Button variant="secondary" onClick={runTest} loading={busy}>
-              <Sparkles size={14} /> Probar embedding
+              <Sparkles size={14} /> {t("memory_panel.test_btn")}
             </Button>
             <Button variant="secondary" onClick={runReindex} loading={busy}>
-              <Database size={14} /> Reindexar memoria
+              <Database size={14} /> {t("memory_panel.reindex_btn")}
             </Button>
             {testResult && <span className="text-sm text-muted-foreground">{testResult}</span>}
           </div>
         </div>
       </Section>
 
-      <Section title={t("memory_panel.ollama_title")} description="Sin API key. Corre nomic-embed-text en tu Ollama local o cloud.">
-        <Field label="Modelo">
+      <Section title={t("memory_panel.ollama_title")} description={t("memory_panel.ollama_desc")}>
+        <Field label={t("memory_panel.model_label")}>
           <Input
             defaultValue={emb.ollama?.model || "nomic-embed-text"}
             placeholder="nomic-embed-text"
@@ -160,7 +160,7 @@ export function MemoryPanel() {
             className="max-w-md"
           />
         </Field>
-        <Field label="Base URL" hint='Vacío usa engines.ollama.base_url (por defecto http://localhost:11434).'>
+        <Field label={t("memory_panel.base_url_label")} hint={t("memory_panel.ollama_base_url_hint")}>
           <Input
             defaultValue={emb.ollama?.base_url || ""}
             placeholder="http://localhost:11434"
@@ -171,8 +171,8 @@ export function MemoryPanel() {
         </Field>
       </Section>
 
-      <Section title={t("memory_panel.openai_title")} description="text-embedding-3-small (1536 dims) u otro modelo compatible.">
-        <Field label="Modelo">
+      <Section title={t("memory_panel.openai_title")} description={t("memory_panel.openai_desc")}>
+        <Field label={t("memory_panel.model_label")}>
           <Input
             defaultValue={emb.openai?.model || "text-embedding-3-small"}
             placeholder="text-embedding-3-small"
@@ -184,7 +184,7 @@ export function MemoryPanel() {
             className="max-w-md"
           />
         </Field>
-        <Field label="API key" hint="Vacío reusa engines.openai.api_key. Dejalo en blanco para no tocar la guardada.">
+        <Field label={t("memory_panel.api_key_label")} hint={t("memory_panel.openai_key_hint")}>
           <Input
             type="password"
             defaultValue={emb.openai?.api_key || ""}
@@ -199,8 +199,8 @@ export function MemoryPanel() {
         </Field>
       </Section>
 
-      <Section title={t("memory_panel.gemini_title")} description="text-embedding-004 (768 dims). Free tier con API key de Google.">
-        <Field label="Modelo">
+      <Section title={t("memory_panel.gemini_title")} description={t("memory_panel.gemini_desc")}>
+        <Field label={t("memory_panel.model_label")}>
           <Input
             defaultValue={emb.gemini?.model || "text-embedding-004"}
             placeholder="text-embedding-004"
@@ -212,7 +212,7 @@ export function MemoryPanel() {
             className="max-w-md"
           />
         </Field>
-        <Field label="API key" hint="Vacío reusa engines.gemini.api_key.">
+        <Field label={t("memory_panel.api_key_label")} hint={t("memory_panel.gemini_key_hint")}>
           <Input
             type="password"
             defaultValue={emb.gemini?.api_key || ""}
@@ -229,10 +229,10 @@ export function MemoryPanel() {
 
       <Section
         title={t("memory_panel.compaction_title")}
-        description="Cuando un chat supera el umbral de turnos, los más viejos se resumen con un LLM liviano (local) y se guardan como [RESUMEN COMPACTADO], manteniendo el contexto acotado. Corre fuera del hot-path: el turno actual usa el resumen que ya exista."
+        description={t("memory_panel.compaction_desc")}
       >
         <div className="grid gap-3 sm:grid-cols-2">
-          <Field label="Umbral de compactación" hint="Compactar una vez que el chat supera estos turnos (por defecto 60).">
+          <Field label={t("memory_panel.threshold_label")} hint={t("memory_panel.threshold_hint")}>
             <Input
               type="number"
               min={1}
@@ -248,7 +248,7 @@ export function MemoryPanel() {
               className="max-w-[10rem]"
             />
           </Field>
-          <Field label="Turnos recientes a preservar" hint="Turnos verbatim que NUNCA se compactan (por defecto 40). Debe ser menor al umbral.">
+          <Field label={t("memory_panel.keep_recent_label")} hint={t("memory_panel.keep_recent_hint")}>
             <Input
               type="number"
               min={1}
@@ -265,7 +265,7 @@ export function MemoryPanel() {
             />
           </Field>
         </div>
-        <Field label="Modelo de compactación" hint="LLM liviano para resumir. Ideal uno local (Ollama) para no gastar. Formato proveedor:modelo.">
+        <Field label={t("memory_panel.compact_model_label")} hint={t("memory_panel.compact_model_hint")}>
           <Input
             defaultValue={mem.compact_model || "ollama:gemma4:31b-cloud"}
             placeholder="ollama:gemma4:31b-cloud"
@@ -277,10 +277,10 @@ export function MemoryPanel() {
             className="max-w-md"
           />
         </Field>
-        <Field label="Modelo de fallback" hint="Se usa si el de compactación falla. Vacío cae al modelo del super-agente.">
+        <Field label={t("memory_panel.compact_fallback_label")} hint={t("memory_panel.compact_fallback_hint")}>
           <Input
             defaultValue={mem.compact_fallback_model || ""}
-            placeholder="(vacío → modelo del super-agente)"
+            placeholder={t("memory_panel.compact_fallback_ph")}
             disabled={busy}
             onBlur={(ev) => {
               const v = ev.target.value.trim();