@agentprojectcontext/apx 1.37.0 → 1.38.0

package/src/interfaces/web/src/components/config/global-config-sections.ts

@@ -5,38 +5,38 @@ export const GLOBAL_CONFIG_SECTIONS: ConfigSection[] = [
   {
     key: "daemon",
     label: "Daemon",
-    description: "~/.apx/config.json. Config general APX.",
+    description: "~/.apx/config.json. General APX config.",
     fields: [
       { path: "port", label: "Port", kind: "number", placeholder: "7430" },
       { path: "host", label: "Host", placeholder: "127.0.0.1" },
       { path: "log_level", label: "Log level", placeholder: "info" },
-      { path: "user.language", label: "Idioma", placeholder: "es" },
-      { path: "user.locale", label: "Locale", placeholder: "es-AR" },
+      { path: "user.language", label: "Language", placeholder: "en" },
+      { path: "user.locale", label: "Locale", placeholder: "en-US" },
       { path: "user.timezone", label: "Timezone", placeholder: "America/Argentina/Salta" },
     ],
   },
   {
     key: "super-agent",
-    label: "Super-agente",
+    label: "Super-agent",
     fields: [
-      { path: "super_agent.enabled", label: "Super-agente habilitado", kind: "boolean" },
-      { path: "super_agent.model", label: "Modelo", placeholder: "gemini:gemini-2.5-flash" },
+      { path: "super_agent.enabled", label: "Super-agent enabled", kind: "boolean" },
+      { path: "super_agent.model", label: "Model", placeholder: "gemini:gemini-2.5-flash" },
       {
         path: "super_agent.permission_mode",
         label: "Permission mode",
         kind: "select",
         options: PERMISSION_MODES.map((mode) => ({ value: mode, label: mode })),
       },
-      { path: "super_agent.system", label: "Prompt extra", kind: "textarea" },
+      { path: "super_agent.system", label: "Extra prompt", kind: "textarea" },
     ],
   },
   {
     key: "telegram",
     label: "Telegram",
     fields: [
-      { path: "telegram.enabled", label: "Polling habilitado", kind: "boolean" },
+      { path: "telegram.enabled", label: "Polling enabled", kind: "boolean" },
       { path: "telegram.poll_interval_ms", label: "Poll interval ms", kind: "number", placeholder: "1500" },
-      { path: "telegram.respond_with_engine", label: "Responder con engine", kind: "boolean" },
+      { path: "telegram.respond_with_engine", label: "Respond with engine", kind: "boolean" },
       { path: "telegram.route_to_agent", label: "Route to agent", placeholder: "master" },
       { path: "telegram.channels.0.chat_id", label: "Default chat ID" },
       { path: "telegram.channels.0.bot_token", label: "Default bot token", kind: "password" },

package/src/interfaces/web/src/components/config/project-config-sections.ts

@@ -1,58 +1,65 @@
 import type { ConfigSection } from "./ConfigTabsEditor";
 import { PERMISSION_MODES } from "../../constants";
+import { t } from "../../i18n";
 
-export const PROJECT_OVERRIDE_SECTIONS: ConfigSection[] = [
-  {
-    key: "routing",
-    label: "Overrides",
-    description: ".apc/config.json. Sólo valores propios del proyecto; vacío hereda global/effective.",
-    fields: [
-      { path: "route_to_agent", label: "Route to agent", placeholder: "master" },
-      { path: "super_agent.model", label: "Super-agent model" },
-      {
-        path: "super_agent.permission_mode",
-        label: "Permission mode",
-        kind: "select",
-        options: PERMISSION_MODES.map((mode) => ({ value: mode, label: mode })),
-      },
-      { path: "super_agent.system", label: "Prompt extra", kind: "textarea" },
-    ],
-  },
-  {
-    key: "telegram",
-    label: "Telegram",
-    fields: [
-      { path: "telegram.route_to_agent", label: "Route to agent" },
-      { path: "telegram.chat_id", label: "Chat ID" },
-      { path: "telegram.bot_token", label: "Bot token", kind: "password" },
-      { path: "telegram.respond_with_engine", label: "Responder con engine", kind: "boolean" },
-    ],
-  },
-  {
-    key: "engines",
-    label: "Engines",
-    fields: [
-      { path: "engines.ollama.base_url", label: "Ollama URL" },
-      { path: "engines.anthropic.api_key", label: "Anthropic API key", kind: "password" },
-      { path: "engines.openai.api_key", label: "OpenAI API key", kind: "password" },
-      { path: "engines.groq.api_key", label: "Groq API key", kind: "password" },
-      { path: "engines.openrouter.api_key", label: "OpenRouter API key", kind: "password" },
-      { path: "engines.gemini.api_key", label: "Gemini API key", kind: "password" },
-    ],
-  },
-];
+// These are functions (not module-level consts) so t() runs per-render with the
+// active locale — a frozen const would lock the strings to the locale at import.
+export function projectOverrideSections(): ConfigSection[] {
+  return [
+    {
+      key: "routing",
+      label: t("settings_ui.cfg_overrides_label"),
+      description: t("settings_ui.cfg_overrides_desc"),
+      fields: [
+        { path: "route_to_agent", label: t("settings_ui.cfg_route_to_agent"), placeholder: "master" },
+        { path: "super_agent.model", label: t("settings_ui.cfg_super_agent_model") },
+        {
+          path: "super_agent.permission_mode",
+          label: t("settings_ui.cfg_permission_mode"),
+          kind: "select",
+          options: PERMISSION_MODES.map((mode) => ({ value: mode, label: mode })),
+        },
+        { path: "super_agent.system", label: t("settings_ui.cfg_extra_prompt"), kind: "textarea" },
+      ],
+    },
+    {
+      key: "telegram",
+      label: t("settings_ui.cfg_telegram_label"),
+      fields: [
+        { path: "telegram.route_to_agent", label: t("settings_ui.cfg_route_to_agent") },
+        { path: "telegram.chat_id", label: t("settings_ui.cfg_chat_id") },
+        { path: "telegram.bot_token", label: t("settings_ui.cfg_bot_token"), kind: "password" },
+        { path: "telegram.respond_with_engine", label: t("settings_ui.cfg_respond_with_engine"), kind: "boolean" },
+      ],
+    },
+    {
+      key: "engines",
+      label: t("settings_ui.cfg_engines_label"),
+      fields: [
+        { path: "engines.ollama.base_url", label: t("settings_ui.cfg_ollama_url") },
+        { path: "engines.anthropic.api_key", label: t("settings_ui.cfg_anthropic_key"), kind: "password" },
+        { path: "engines.openai.api_key", label: t("settings_ui.cfg_openai_key"), kind: "password" },
+        { path: "engines.groq.api_key", label: t("settings_ui.cfg_groq_key"), kind: "password" },
+        { path: "engines.openrouter.api_key", label: t("settings_ui.cfg_openrouter_key"), kind: "password" },
+        { path: "engines.gemini.api_key", label: t("settings_ui.cfg_gemini_key"), kind: "password" },
+      ],
+    },
+  ];
+}
 
-export const APC_PROJECT_SECTIONS: ConfigSection[] = [
-  {
-    key: "identity",
-    label: "Proyecto",
-    description: ".apc/project.json. Metadata APC portable; no secrets, no runtime.",
-    fields: [
-      { path: "name", label: "Name" },
-      { path: "version", label: "Version" },
-      { path: "apf", label: "APC spec" },
-      { path: "apx", label: "APX install state" },
-      { path: "apx_id", label: "APX storage id" },
-    ],
-  },
-];
+export function apcProjectSections(): ConfigSection[] {
+  return [
+    {
+      key: "identity",
+      label: t("settings_ui.cfg_project_label"),
+      description: t("settings_ui.cfg_project_desc"),
+      fields: [
+        { path: "name", label: t("settings_ui.cfg_name") },
+        { path: "version", label: t("settings_ui.cfg_version") },
+        { path: "apf", label: t("settings_ui.cfg_apc_spec") },
+        { path: "apx", label: t("settings_ui.cfg_apx_install") },
+        { path: "apx_id", label: t("settings_ui.cfg_apx_storage_id") },
+      ],
+    },
+  ];
+}

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 || ""}