@agentprojectcontext/apx 1.33.1 → 1.35.0

package/src/interfaces/web/src/i18n/es.ts

@@ -254,6 +254,18 @@ export const es = {
     unregistered:       "Desregistrado.",
     base_subtitle:      "Espacio general · super-agente",
 
+    danger: {
+      title:                     "Zona peligrosa",
+      subtitle:                  "Acciones que afectan el registro del proyecto en APX. No tocan archivos del repo.",
+      rebuild_desc:              "Re-escanea .apc/, MCPs y agents y regenera el contexto del super-agente para este proyecto.",
+      unregister_desc:           "Quita el proyecto del registry de APX. La carpeta del disco se mantiene intacta.",
+      rebuild_confirm_title:     "Rebuild context",
+      rebuild_confirm_desc:      "Regenerar contexto de {label}.",
+      rebuild_long:              "Vuelve a leer la config APC, lista MCPs y agents disponibles, y reconstruye el system prompt del super-agente. Es seguro de correr — no borra nada. Usalo después de tocar .apc/ a mano o si los cambios no se reflejan.",
+      unregister_confirm_title:  "Desregistrar proyecto",
+      unregister_long:           "El proyecto deja de aparecer en `apx`. Los archivos del disco (.apc/, código, todo) se mantienen. Podés volver a registrarlo con `apx project register <path>`.",
+    },
+
     nav: {
       overview: "Overview",
       chat:     "Chat",
@@ -263,6 +275,7 @@ export const es = {
       routines: "Rutinas",
       tasks:    "Tasks",
       mcps:     "MCPs",
+      vars:     "Variables",
       threads:  "Chats",
       logs:     "Logs",
       memories: "Memorias",
@@ -480,31 +493,99 @@ export const es = {
 
     mcps: {
       title:       "MCP servers",
-      subtitle:    "3 scopes: runtime > shared > global. Conflictos arriba si los hay.",
+      subtitle:    "3 scopes: Runtime > Shared > Global. Conflictos arriba si los hay.",
       empty:       "Sin MCPs configurados.",
       new:         "MCP",
       delete_confirm: "Borrar MCP {name} de scope {scope}?",
       conflicts:   "⚠ Conflictos: {names}",
       new_title:   "Nuevo MCP",
-      new_desc:    "POST /projects/:pid/mcps?scope=…",
-      scope_label: "scope",
-      transport_label: "transport",
-      name_label:  "name",
-      name_ph:     "filesystem",
-      cmd_label:   "command",
+      edit_title:  "Editar MCP",
+      new_desc:    "Se guarda según el scope elegido. Los valores con ${var.X} se resuelven al arrancar el MCP.",
+      scope_label: "Scope",
+      scope_runtime: "Runtime",
+      scope_shared:  "Shared",
+      scope_global:  "Global",
+      scope_runtime_desc: "Solo este proyecto · con secrets · no se commitea (~/.apx/projects/<id>/mcps.json)",
+      scope_shared_desc:  "Solo este proyecto · committeable · sin secrets (.apc/mcps.json)",
+      scope_global_desc:  "Todos los proyectos de esta máquina (~/.apx/mcps.json)",
+      transport_stdio:    "stdio",
+      transport_http:     "HTTP",
+      transport_stdio_desc: "Proceso local — `command` + args",
+      transport_http_desc:  "Endpoint remoto — URL + headers",
+      transport_label: "Transport",
+      name_label:  "Nombre",
+      name_ph:     "my-mcp",
+      cmd_label:   "Comando",
       cmd_ph:      "npx",
-      args_label:  "args",
-      args_hint:   "space-separated",
-      args_ph:     "-y @modelcontextprotocol/server-filesystem /tmp",
-      env_label:   "env (JSON, opcional)",
-      url_label:   "url",
-      url_ph:      "https://example.com/mcp",
+      args_label:  "Args",
+      args_hint_tokens: "Una entrada por argumento. Usá el botón + para insertar variables.",
+      env_label:   "Env",
+      env_hint_tokens: "Pares clave/valor. Los valores aceptan ${var.NOMBRE} (botón + a la derecha).",
+      env_empty:   "Sin variables de entorno.",
+      url_label:   "URL",
+      url_ph:      "https://example.com/v2/mcp",
+      headers_label: "Headers",
+      headers_hint: "Pares clave/valor — típicamente Authorization: Bearer ${var.TOKEN}.",
+      headers_empty: "Sin headers.",
       enabled_label: "Habilitado",
       add_btn:     "Agregar",
-      name_required: "name requerido",
-      env_invalid: "env debe ser JSON válido",
+      save_btn:    "Guardar",
+      add_arg:     "Agregar arg",
+      edit_btn:    "Editar",
+      test_btn:    "Probar",
+      logs_btn:    "Logs",
+      testing:     "Probando…",
+      test_ok:     "OK · {n} tools disponibles",
+      logs_title:  "Logs · {name}",
+      logs_empty:  "Sin logs todavía. Arrancá el MCP llamando un tool o probando.",
+      logs_events: "Eventos recientes",
+      logs_stderr: "stderr (últimos 4KB)",
+      logs_panel_title: "Live logs",
+      logs_panel_pick:  "elegí un MCP",
+      logs_panel_hint:  "Click un MCP de la lista para ver lo que está pasando en vivo.",
+      logs_panel_idle:  "Sin actividad. Apretá Probar para arrancarlo.",
+      name_required: "Nombre requerido",
       removed:     "eliminado",
       added:       "MCP agregado.",
+      updated:     "MCP actualizado.",
+    },
+
+    vars: {
+      title:                "Variables",
+      subtitle_project:     "Reemplazan ${var.NOMBRE} al cargar MCPs y plantillas. Las del proyecto ganan sobre las globales. Se guardan fuera del repo (~/.apx/, chmod 0600).",
+      subtitle_base:        "Variables globales — disponibles para todos los proyectos. Se guardan en ~/.apx/vars.json (chmod 0600).",
+      empty:                "Sin variables todavía.",
+      new:                  "Variable",
+      new_title:            "Nueva variable",
+      edit_title:           "Editar variable",
+      new_desc:             "Se referencia como ${var.NOMBRE} en cualquier campo que soporte interpolación.",
+      reveal_all:           "Mostrar valores",
+      reveal:               "Mostrar",
+      hide:                 "Ocultar",
+      filter_label:         "Mostrar:",
+      filter_all:           "Todas",
+      filter_project:       "Sólo proyecto",
+      filter_global:        "Sólo globales",
+      scope_label:          "Scope",
+      scope_project:        "proyecto",
+      scope_project_desc:   "Sólo este proyecto. Pisa la global con mismo nombre.",
+      scope_global:         "global",
+      scope_global_desc:    "Disponible en todos los proyectos.",
+      name_label:           "Nombre",
+      name_hint:            "Mayúsculas, dígitos y _. P. ej.: MY_API_KEY, GITHUB_TOKEN.",
+      value_label:          "Valor",
+      value_hint:           "Se guarda en disco con permisos 0600. Nunca se commitea.",
+      value_edit_ph:        "(dejá vacío para no cambiarlo… aún no soportado, pegá el valor de nuevo)",
+      add_btn:              "Agregar",
+      save_btn:             "Guardar",
+      edit_btn:             "Editar",
+      delete_btn:           "Borrar",
+      delete_confirm:       "¿Borrar {name} ({scope})?",
+      removed:              "Variable eliminada.",
+      added:                "Variable agregada.",
+      updated:              "Variable actualizada.",
+      name_required:        "Nombre requerido.",
+      value_required:       "Valor requerido.",
     },
 
     threads: {
@@ -784,6 +865,90 @@ export const es = {
     changes_no_git: "Los cambios necesitan un repo git. Este proyecto no lo es.",
     changes_files: "{n} archivo(s) cambiados",
     stopped:      "[detenido]",
+    close:               "Cerrar",
+    reload:              "Recargar",
+    discard_changes:     "Descartar cambios",
+    save_shortcut_hint:  "Guardar (Cmd/Ctrl+S)",
+    artifacts_rename:    "Renombrar",
+    artifacts_view:      "Ver contenido",
+    artifacts_edit:      "Editar contenido",
+    tree_collapse_all:   "Colapsar todo",
+    terminal_clear:      "Limpiar",
+    terminal_close:      "Cerrar terminal",
+  },
+
+  desktop_screen: {
+    status_title:        "Estado",
+    autostart_title:     "Arranque automático",
+    shortcut_title:      "Atajo de teclado",
+    appearance_title:    "Apariencia",
+    activation_title:    "Activación + transcripción",
+    last_conv_title:     "Última conversación",
+  },
+
+  voice_screen: {
+    providers_title:     "Proveedores de voz (TTS)",
+    test_title:          "Probar voz",
+    stt_title:           "Transcripción (STT)",
+    configure_provider:  "Configurar {name}",
+  },
+
+  deck_screen: {
+    widgets_title:       "Widgets",
+    context_title:       "Contexto APX",
+    reload_manifest:     "Recargar manifest",
+    widget_native:       "Widget nativo APX",
+    widget_external:     "Widget externo",
+  },
+
+  memory_panel: {
+    embeddings_title:    "Embeddings (RAG)",
+    ollama_title:        "Ollama (local)",
+    openai_title:        "OpenAI",
+    gemini_title:        "Gemini",
+    compaction_title:    "Compactación de historial",
+  },
+
+  router_panel: {
+    title:               "Router de modelos",
+  },
+
+  engines_panel: {
+    title:               "Proveedores",
+    new_btn:             "Nuevo proveedor",
+  },
+
+  providers_modal: {
+    new_title:           "Nuevo proveedor",
+    edit_title:          "Editar {name}",
+    list_models_hint:    "Listar los modelos reales del proveedor",
+    toggle_active:       "Activo · click para desactivar",
+    toggle_inactive:     "Inactivo · click para activar",
+    delete:              "Borrar",
+  },
+
+  chat_ui: {
+    copy:                "Copiar",
+    stop:                "Detener",
+    send:                "Enviar",
+    pick_model:          "Elegir modelo (o Auto)",
+    insert_variable:     "Insertar variable",
+  },
+
+  sidebar_ui: {
+    toggle:              "Mostrar/ocultar sidebar",
+  },
+
+  models_ui: {
+    invalid_hint:        "Modelo/proveedor no disponible",
+  },
+
+  global_config: {
+    title:               "Config APX",
+  },
+
+  agent_detail_extra: {
+    skills_title:        "Skills & tools",
   },
 } as const;
 

package/src/interfaces/web/src/lib/api/mcps.ts

@@ -19,6 +19,27 @@ export interface McpAddBody {
   enabled?: boolean;
 }
 
+export interface McpTestResult {
+  ok: boolean;
+  tool_count?: number;
+  tools?: Array<{ name: string; description: string }>;
+  error?: string;
+}
+
+export interface McpLogsResult {
+  transport: "stdio" | "http";
+  running?: boolean;
+  command?: string;
+  args?: string[];
+  url?: string;
+  started_at?: string | null;
+  last_exit_code?: number | null;
+  last_error?: string | null;
+  stderr_tail?: string;
+  events: Array<{ ts: string; level: string; msg: string }>;
+  note?: string;
+}
+
 export const Mcps = {
   list:   (pid: string) => http.get<McpEntry[]>(`/projects/${pid}/mcps`),
   check:  (pid: string) => http.get<McpCheck>(`/projects/${pid}/mcps/check`),
@@ -26,4 +47,8 @@ export const Mcps = {
     http.post<{ ok: true; name: string }>(`/projects/${pid}/mcps?scope=${scope}`, body),
   remove: (pid: string, name: string, scope: McpScope = "shared") =>
     http.del<void>(`/projects/${pid}/mcps/${encodeURIComponent(name)}?scope=${scope}`),
+  test:   (pid: string, name: string) =>
+    http.post<McpTestResult>(`/projects/${pid}/mcps/${encodeURIComponent(name)}/test`, {}),
+  logs:   (pid: string, name: string) =>
+    http.get<McpLogsResult>(`/projects/${pid}/mcps/${encodeURIComponent(name)}/logs`),
 };

package/src/interfaces/web/src/lib/api/skills.ts

@@ -11,6 +11,55 @@ export type SkillsList = {
   skills: SkillEntry[];
 };
 
+export interface InspectorConfig {
+  enabled: boolean;
+  load_threshold: number;
+  hint_threshold: number;
+  margin: number;
+  max_loaded: number;
+  max_hints: number;
+  prompt_floor: number;
+  body_char_cap: number;
+}
+
+export interface IndexStatus {
+  count: number;
+  embedder: string | null;
+  dim: number | null;
+  updated_at: string | null;
+}
+
+export interface InspectorState {
+  config: InspectorConfig;
+  defaults: InspectorConfig;
+  keys: string[];
+  index: IndexStatus;
+}
+
+export interface IndexResult {
+  ok: boolean;
+  embedder: string;
+  dim: number;
+  planned: { missing: number; stale: number; gone: number; total: number };
+  changed: { added: number; refreshed: number; removed: number; kept: number };
+  index: IndexStatus;
+}
+
+export interface InspectTrace {
+  enabled: boolean;
+  reason?: string;
+  embedder?: string;
+  scored?: { slug: string; sim: number }[];
+  loaded?: string[];
+  hinted?: string[];
+  jit?: boolean;
+}
+
+export interface InspectResult {
+  trace: InspectTrace;
+  contextNote: string;
+}
+
 export const Skills = {
   /**
    * List installed skills (bundled + user + optional project-scoped). The
@@ -22,4 +71,25 @@ export const Skills = {
         ? `/skills?project_path=${encodeURIComponent(projectPath)}`
         : "/skills",
     ),
+
+  /** Skill Inspector config + index status. */
+  inspector: () => http.get<InspectorState>("/skills/inspector"),
+
+  /** Patch inspector config (toggle / tune thresholds). */
+  updateInspector: (patch: Partial<InspectorConfig>) =>
+    http.put<{ ok: boolean; config: InspectorConfig; index: IndexStatus }>(
+      "/skills/inspector",
+      patch,
+    ),
+
+  /** (Re)build the inspector vector index. */
+  index: (body: { project_path?: string; force?: boolean } = {}) =>
+    http.post<IndexResult>("/skills/index", body),
+
+  /** Dry-run the inspector for a prompt (forces enabled). */
+  inspect: (prompt: string, projectPath?: string) =>
+    http.post<InspectResult>("/skills/inspect", {
+      prompt,
+      project_path: projectPath,
+    }),
 };

package/src/interfaces/web/src/lib/api/vars.ts

@@ -0,0 +1,38 @@
+import { http } from "../http";
+
+export type VarScope = "project" | "global";
+
+export interface VarsList {
+  scope_hint: VarScope;
+  project: Record<string, string>;
+  global: Record<string, string>;
+  effective: Record<string, string>;
+  sources: Record<string, VarScope>;
+}
+
+export interface VarDetail {
+  name: string;
+  scope: VarScope;
+  value: string;
+  masked: boolean;
+}
+
+export const Vars = {
+  list: (pid: string, opts: { reveal?: boolean } = {}) =>
+    http.get<VarsList>(
+      `/projects/${pid}/vars${opts.reveal ? "?reveal=1" : ""}`,
+    ),
+  get: (pid: string, name: string, opts: { reveal?: boolean } = {}) =>
+    http.get<VarDetail>(
+      `/projects/${pid}/vars/${encodeURIComponent(name)}${opts.reveal ? "?reveal=1" : ""}`,
+    ),
+  upsert: (pid: string, body: { name: string; value: string; scope?: VarScope }) =>
+    http.post<{ ok: true; name: string; scope: VarScope }>(
+      `/projects/${pid}/vars`,
+      body,
+    ),
+  remove: (pid: string, name: string, scope: VarScope = "project") =>
+    http.del<void>(
+      `/projects/${pid}/vars/${encodeURIComponent(name)}?scope=${scope}`,
+    ),
+};

package/src/interfaces/web/src/lib/api.ts

@@ -9,6 +9,7 @@ export * from "./api/conversations";
 export * from "./api/routines";
 export * from "./api/tasks";
 export * from "./api/mcps";
+export * from "./api/vars";
 export * from "./api/messages";
 export * from "./api/sessions";
 export * from "./api/tools";

package/src/interfaces/web/src/screens/ProjectScreen.tsx

@@ -1,13 +1,10 @@
 import { useMemo } from "react";
-import { useNavigate, useParams, Routes, Route, useLocation } from "react-router-dom";
+import { useParams, Routes, Route, useLocation, useNavigate } from "react-router-dom";
 import {
   Bot, Heart, Zap, Puzzle, FolderKanban, Settings,
-  RefreshCw, MessagesSquare, Send,
+  MessagesSquare, Send, KeyRound,
   LayoutDashboard, Boxes, Cpu, ScrollText, History, Brain,
 } from "lucide-react";
-import { Projects } from "../lib/api";
-import { Button } from "../components/ui";
-import { useToast } from "../components/Toast";
 import { useNavCollapse, type TabSection } from "../components/common/TabNav";
 import { TabLayout } from "../components/common/TabLayout";
 import { useProject } from "../hooks/useProjects";
@@ -25,6 +22,7 @@ import { AgentsTab } from "./project/AgentsTab";
 import { RoutinesTab } from "./project/RoutinesTab";
 import { TasksTab } from "./project/TasksTab";
 import { McpsTab } from "./project/McpsTab";
+import { VarsTab } from "./project/VarsTab";
 import { ThreadsTab } from "./project/ThreadsTab";
 import { ChatTab } from "./project/ChatTab";
 import { TelegramTab } from "./project/TelegramTab";
@@ -33,14 +31,13 @@ import { AgentDetailScreen } from "./project/AgentDetailScreen";
 
 type NavKey =
   | "" | "chat" | "config" | "telegram"
-  | "agents" | "routines" | "tasks" | "mcps" | "threads" | "logs" | "memories";
+  | "agents" | "routines" | "tasks" | "mcps" | "vars" | "threads" | "logs" | "memories";
 
 export function ProjectScreen() {
   const navigate = useNavigate();
   const location = useLocation();
-  const toast = useToast();
   const { pid = "" } = useParams();
-  const { project, mutate } = useProject(pid);
+  const { project } = useProject(pid);
   const { collapsed, toggle } = useNavCollapse(STORAGE.sidebarCollapsed + ".project");
 
   const isBase = String(pid) === "0";
@@ -73,6 +70,7 @@ export function ProjectScreen() {
             { key: "memories", label: t("project.nav.memories"), icon: Brain },
             { key: "routines", label: t("project.nav.routines"), icon: Heart },
             { key: "mcps",     label: t("project.nav.mcps"),     icon: Puzzle },
+            { key: "vars",     label: t("project.nav.vars"),     icon: KeyRound },
             { key: "config",   label: t("project.nav.config"),   icon: Settings },
           ],
         },
@@ -96,6 +94,7 @@ export function ProjectScreen() {
           { key: "routines", label: t("project.nav.routines"),  icon: Heart },
           { key: "tasks",    label: t("project.nav.tasks"),     icon: Zap },
           { key: "mcps",     label: t("project.nav.mcps"),      icon: Puzzle },
+          { key: "vars",     label: t("project.nav.vars"),      icon: KeyRound },
           { key: "logs",     label: t("project.nav.logs"),      icon: ScrollText },
         ],
       },
@@ -116,33 +115,11 @@ export function ProjectScreen() {
     return <div className="p-8 text-muted-fg">{t("project.not_found", { pid })}</div>;
   }
 
-  const rebuild = async () => {
-    try { await Projects.rebuild(pid); toast.success(t("project.rebuild_done")); }
-    catch (e) { toast.error((e as Error).message); }
-  };
-  const unregister = async () => {
-    const label = project.name || project.path;
-    if (!confirm(t("project.unregister_confirm", { label }))) return;
-    try { await Projects.remove(pid); toast.success(t("project.unregistered")); mutate(); navigate("/"); }
-    catch (e) { toast.error((e as Error).message); }
-  };
-
   const onTabChange = (key: string) => {
     const url = key ? `/p/${pid}/${key}` : `/p/${pid}`;
     navigate(url);
   };
 
-  const actions = Number(pid) !== 0 ? (
-    <>
-      <Button size="sm" variant="secondary" onClick={rebuild}>
-        <RefreshCw size={13} /> {t("project.rebuild")}
-      </Button>
-      <Button size="sm" variant="destructive" onClick={unregister}>
-        {t("admin.unregister")}
-      </Button>
-    </>
-  ) : undefined;
-
   return (
     <TabLayout
       sections={sections}
@@ -150,7 +127,6 @@ export function ProjectScreen() {
       onChange={onTabChange}
       collapsed={collapsed}
       onToggleCollapse={toggle}
-      actions={actions}
       contentClassName="w-full space-y-6 p-6 pt-3"
       testId={`project-tab-${active || "overview"}`}
     >
@@ -169,6 +145,7 @@ export function ProjectScreen() {
         <Route path="routines"     element={<RoutinesTab pid={pid} />} />
         <Route path="tasks"        element={isBase ? <GlobalTasksTab /> : <TasksTab pid={pid} />} />
         <Route path="mcps"         element={<McpsTab pid={pid} />} />
+        <Route path="vars"         element={<VarsTab pid={pid} />} />
         <Route path="threads"      element={<ThreadsTab pid={pid} />} />
         <Route path="chat"         element={<ChatTab pid={pid} />} />
         <Route path="*"            element={<Overview pid={pid} />} />

package/src/interfaces/web/src/screens/SettingsScreen.tsx

@@ -1,13 +1,14 @@
 import { type ReactElement } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import {
-  Bot, Cpu, Database, KeyRound, MessageCircle, Palette, ScrollText, Send, Smartphone, User,
+  Bot, Cpu, Database, KeyRound, MessageCircle, Palette, ScrollText, Send, Smartphone, Sparkles, User,
 } from "lucide-react";
 import { useNavCollapse, type TabSection } from "../components/common/TabNav";
 import { TabLayout } from "../components/common/TabLayout";
 import { IdentityPanel } from "../components/settings/IdentityPanel";
 import { SuperAgentPanel } from "../components/settings/SuperAgentPanel";
 import { MemoryPanel } from "../components/settings/MemoryPanel";
+import { SkillsInspectorPanel } from "../components/settings/SkillsInspectorPanel";
 import { ModelsTab } from "./base/ModelsTab";
 import { TelegramSettingsTabs } from "../components/settings/TelegramSettingsTabs";
 import { DevicesPanel } from "../components/settings/DevicesPanel";
@@ -17,7 +18,7 @@ import { STORAGE } from "../constants";
 import { t } from "../i18n";
 
 type TabKey =
-  | "identity" | "super_agent" | "engines" | "memory" | "telegram" | "devices" | "appearance" | "advanced";
+  | "identity" | "super_agent" | "engines" | "memory" | "skills" | "telegram" | "devices" | "appearance" | "advanced";
 
 const SECTIONS: TabSection[] = [
   {
@@ -33,6 +34,7 @@ const SECTIONS: TabSection[] = [
       { key: "super_agent", label: t("settings.tabs.super_agent"), icon: Bot },
       { key: "engines",     label: t("settings.tabs.engines"),     icon: Cpu },
       { key: "memory",      label: "Memoria (RAG)",                icon: Database },
+      { key: "skills",      label: "Skills (RAG)",                 icon: Sparkles },
     ],
   },
   {
@@ -59,6 +61,7 @@ const PANELS: Record<TabKey, () => ReactElement> = {
   super_agent: () => <SuperAgentPanel />,
   engines:     () => <ModelsTab />,
   memory:      () => <MemoryPanel />,
+  skills:      () => <SkillsInspectorPanel />,
   telegram:    () => <TelegramSettingsTabs />,
   devices:     () => <DevicesPanel />,
   appearance:  () => <AppearancePanel />,
@@ -95,6 +98,7 @@ function tabFromPath(pathname: string): TabKey {
     case "super-agent": return "super_agent";
     case "engines": return "engines";
     case "memory": return "memory";
+    case "skills": return "skills";
     case "telegram": return "telegram";
     case "devices": return "devices";
     case "appearance": return "appearance";

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

@@ -531,7 +531,7 @@ export function CodeScreen() {
                                 {name}
                               </button>
                             </Tip>
-                            <Tip content="Cerrar">
+                            <Tip content={t("code_module.close")}>
                               <button
                                 type="button"
                                 onClick={() => closeFile(f.path)}

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

@@ -7,6 +7,7 @@ import { useToast } from "../../components/Toast";
 import { DaemonCard } from "../../components/deck/DaemonCard";
 import { DesktopGroup } from "../../components/deck/DesktopGroup";
 import type { DeckWidget } from "../../lib/api/deck";
+import { t } from "../../i18n";
 
 // Deck module — configure the companion "Deck" app: enable/disable widgets,
 // view desktops, inspect the daemon manifest.
@@ -81,7 +82,7 @@ export function DeckScreen() {
 
       {/* Widgets section */}
       <Section
-        title="Widgets"
+        title={t("deck_screen.widgets_title")}
         description={
           isLoading
             ? "Cargando manifest…"
@@ -90,7 +91,7 @@ export function DeckScreen() {
             : `${widgets.length} widgets · ${enabledCount} externos habilitados`
         }
         action={
-          <Button size="sm" variant="ghost" onClick={() => mutate()} disabled={isLoading} title="Recargar manifest">
+          <Button size="sm" variant="ghost" onClick={() => mutate()} disabled={isLoading} title={t("deck_screen.reload_manifest")} aria-label={t("deck_screen.reload_manifest")}>
             <RefreshCw size={14} className={isLoading ? "animate-spin" : ""} />
           </Button>
         }
@@ -132,7 +133,7 @@ export function DeckScreen() {
 
       {/* Active project + stats (read-only context) */}
       {data?.apx && (
-        <Section title="Contexto APX" description="Información que el Deck ve del daemon.">
+        <Section title={t("deck_screen.context_title")} description="Información que el Deck ve del daemon.">
           <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>

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

@@ -7,6 +7,7 @@ import { UiSelect } from "../../components/UiSelect";
 import { useToast } from "../../components/Toast";
 import { useGlobalConfig } from "../../hooks/useGlobalConfig";
 import { Desktop, fetchDesktopMessages, type GlobalMessage } from "../../lib/api/desktop";
+import { t } from "../../i18n";
 
 const DEFAULT_SHORTCUT = "CommandOrControl+G";
 const POSITION_OPTS = [
@@ -100,7 +101,7 @@ export function DesktopScreen() {
       <div className="grid gap-6 xl:grid-cols-[1fr_1fr]">
         {/* ── LEFT: configuration + status ─────────────────────────────── */}
         <div className="space-y-6">
-          <Section title="Estado" description="La ventana se lanza desde la terminal o por autostart.">
+          <Section title={t("desktop_screen.status_title")} description="La ventana se lanza desde la terminal o por autostart.">
             {stLoading ? <Loading /> : (
               <div className="flex items-center gap-2 text-sm">
                 <StatusDot ok={running} />
@@ -120,7 +121,7 @@ export function DesktopScreen() {
           </Section>
 
           <Section
-            title="Arranque automático"
+            title={t("desktop_screen.autostart_title")}
             description="Lanza la ventana al iniciar sesión del usuario. Equivalente a `apx desktop install` (no requiere sudo)."
           >
             {!autostart ? <Loading /> : (
@@ -137,7 +138,7 @@ export function DesktopScreen() {
           </Section>
 
           <Section
-            title="Atajo de teclado"
+            title={t("desktop_screen.shortcut_title")}
             description="Botón de acceso rápido global que muestra/oculta la ventana y arranca a escuchar."
           >
             {cfgLoading ? <Loading /> : (
@@ -169,7 +170,7 @@ export function DesktopScreen() {
             )}
           </Section>
 
-          <Section title="Apariencia" description="Tema y posición de la ventana en la pantalla.">
+          <Section title={t("desktop_screen.appearance_title")} description="Tema y posición de la ventana en la pantalla.">
             {cfgLoading ? <Loading /> : (
               <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
                 <Field label="Tema" hint="Reiniciá la ventana para aplicar.">
@@ -193,7 +194,7 @@ export function DesktopScreen() {
           </Section>
 
           <Section
-            title="Activación + transcripción"
+            title={t("desktop_screen.activation_title")}
             description="El plugin del daemon procesa los mensajes. STT se configura en Voces."
           >
             {cfgLoading ? <Loading /> : (
@@ -216,7 +217,7 @@ export function DesktopScreen() {
         {/* ── RIGHT: last conversation preview ─────────────────────────── */}
         <div>
           <Section
-            title="Última conversación"
+            title={t("desktop_screen.last_conv_title")}
             description="Lo último charlado con el agente desde la ventana flotante."
             action={
               <button