@agentprojectcontext/apx 1.33.1 → 1.35.0

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

@@ -0,0 +1,222 @@
+import { useState } from "react";
+import useSWR from "swr";
+import { Sparkles, RefreshCw, Wand2 } from "lucide-react";
+import { Section } from "../Section";
+import { Button, Field, Input, Loading, Badge, Switch } from "../ui";
+import { useToast } from "../Toast";
+import { Skills, type InspectTrace } from "../../lib/api/skills";
+
+// Skill Inspector — per-turn skill RAG middleware. When ON, the static
+// "available skills" slug-dump is removed from the agent's system prompt and a
+// local RAG injects, per turn, only the skill(s) the user's message actually
+// needs. This panel toggles the feature, tunes its thresholds, (re)builds the
+// vector index, and offers a live dry-run so you can see what it would surface.
+//
+// Mirrors MemoryPanel (RAG embeddings): same Section/Field/Button idiom. Config
+// persists under config.skills.inspector.* via the inspector PUT endpoint, so
+// no separate global-config patch is needed.
+
+// Numeric knobs with human labels + sane ranges. We keep them as plain number
+// inputs (same idiom as the embeddings model fields) rather than sliders so the
+// values are explicit and copy-pasteable.
+const KNOBS: { key: keyof NumericKnobs; label: string; hint: string; step: number; min: number; max: number }[] = [
+  { key: "load_threshold", label: "Umbral de carga", hint: "Similitud mínima para inyectar el CUERPO de la skill (alto = más estricto).", step: 0.01, min: 0, max: 1 },
+  { key: "hint_threshold", label: "Umbral de sugerencia", hint: "Similitud mínima para solo SUGERIR la skill (que el agente la cargue si quiere).", step: 0.01, min: 0, max: 1 },
+  { key: "margin", label: "Margen sobre el 2º", hint: "El top debe superar al segundo por este margen para cargar su cuerpo (evita empates flojos).", step: 0.01, min: 0, max: 1 },
+  { key: "max_loaded", label: "Máx. cuerpos cargados", hint: "Cuántas skills se inyectan completas por turno.", step: 1, min: 0, max: 5 },
+  { key: "max_hints", label: "Máx. sugerencias", hint: "Cuántas skills extra se nombran como sugerencia.", step: 1, min: 0, max: 8 },
+  { key: "prompt_floor", label: "Largo mínimo del prompt", hint: "Mensajes más cortos que esto se ignoran (evita 'ok', 'hola').", step: 1, min: 0, max: 40 },
+  { key: "body_char_cap", label: "Tope de chars del cuerpo", hint: "Recorta cuerpos de skill largos para no inflar el contexto.", step: 500, min: 500, max: 20000 },
+];
+
+type NumericKnobs = {
+  load_threshold: number; hint_threshold: number; margin: number;
+  max_loaded: number; max_hints: number; prompt_floor: number; body_char_cap: number;
+};
+
+export function SkillsInspectorPanel() {
+  const toast = useToast();
+  const { data, mutate, isLoading } = useSWR("/skills/inspector", () => Skills.inspector());
+  const [busy, setBusy] = useState(false);
+  const [probe, setProbe] = useState("");
+  const [probeResult, setProbeResult] = useState<InspectTrace | null>(null);
+
+  if (isLoading || !data) return <Loading />;
+
+  const cfg = data.config;
+  const idx = data.index;
+
+  const apply = async (patch: Record<string, unknown>) => {
+    setBusy(true);
+    try {
+      await Skills.updateInspector(patch);
+      await mutate();
+    } catch (e) {
+      toast.error(`No se pudo guardar: ${(e as Error).message}`);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const runIndex = async (force = false) => {
+    setBusy(true);
+    try {
+      const r = await Skills.index({ force });
+      toast.success(
+        `Indexado con ${r.embedder} (dim ${r.dim}): +${r.changed.added} ~${r.changed.refreshed} -${r.changed.removed}.`,
+      );
+      await mutate();
+    } catch (e) {
+      toast.error(`Falló el index: ${(e as Error).message}`);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const runProbe = async () => {
+    if (!probe.trim()) return;
+    setBusy(true);
+    setProbeResult(null);
+    try {
+      const r = await Skills.inspect(probe.trim());
+      setProbeResult(r.trace);
+    } catch (e) {
+      toast.error(`Falló el dry-run: ${(e as Error).message}`);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return (
+    <div className="space-y-6">
+      <Section
+        title="Skill Inspector (RAG por turno)"
+        description="Función experimental. Cuando está activa, el agente NO recibe la lista completa de skills en su prompt; en cada mensaje un RAG local decide qué skill(s) cargar — el cuerpo completo si hay match fuerte, una sugerencia si hay match medio, nada si no aplica. Se reevalúa cada turno: una skill que dejó de ser relevante desaparece del contexto."
+      >
+        <div className="space-y-4">
+          <Field
+            label="Activar inspector"
+            hint="Apagado = comportamiento clásico (lista de slugs + sugerencia pasiva). Encendido = el RAG decide por turno."
+          >
+            <Switch
+              checked={cfg.enabled}
+              disabled={busy}
+              onChange={(v) => apply({ enabled: v })}
+              label={cfg.enabled ? "Encendido" : "Apagado"}
+            />
+          </Field>
+
+          <div className="flex flex-wrap items-center gap-2 pt-1">
+            <Badge tone={idx.count > 0 ? "success" : "warning"}>
+              Índice: {idx.count} skills
+            </Badge>
+            <Badge tone="muted">{idx.embedder || "sin indexar"}</Badge>
+            {idx.dim ? <Badge tone="muted">dim {idx.dim}</Badge> : null}
+            {idx.updated_at ? (
+              <span className="text-xs text-muted-foreground">
+                actualizado {new Date(idx.updated_at).toLocaleString()}
+              </span>
+            ) : null}
+          </div>
+
+          <div className="flex flex-wrap items-center gap-3 pt-1">
+            <Button variant="secondary" onClick={() => runIndex(false)} loading={busy}>
+              <RefreshCw size={14} /> Reindexar
+            </Button>
+            <Button variant="secondary" onClick={() => runIndex(true)} loading={busy}>
+              <RefreshCw size={14} /> Reindexar (forzado)
+            </Button>
+            <span className="text-xs text-muted-foreground">
+              El embedder sale de Memoria (RAG). Local con Ollama, u offline si no hay proveedor.
+            </span>
+          </div>
+        </div>
+      </Section>
+
+      <Section
+        title="Umbrales y límites"
+        description="Ajustá qué tan agresivo es el inspector. Subir los umbrales = menos falsos positivos pero más riesgo de perderse una skill; bajarlos = lo contrario."
+      >
+        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+          {KNOBS.map((k) => (
+            <Field key={k.key} label={k.label} hint={k.hint}>
+              <Input
+                type="number"
+                step={k.step}
+                min={k.min}
+                max={k.max}
+                defaultValue={String(cfg[k.key])}
+                disabled={busy}
+                onBlur={(ev) => {
+                  const n = Number(ev.target.value);
+                  if (Number.isFinite(n) && n !== cfg[k.key]) apply({ [k.key]: n });
+                }}
+                className="max-w-[12rem]"
+              />
+            </Field>
+          ))}
+        </div>
+      </Section>
+
+      <Section
+        title="Probar (dry-run)"
+        description="Escribí un mensaje como lo haría un usuario y mirá qué skills cargaría/sugeriría el inspector — sin llamar al modelo. Fuerza el inspector activo aunque esté apagado arriba."
+      >
+        <div className="space-y-3">
+          <div className="flex flex-wrap items-center gap-2">
+            <Input
+              value={probe}
+              placeholder="ej: necesito crear un video promocional con voz en off"
+              disabled={busy}
+              onChange={(ev) => setProbe(ev.target.value)}
+              onKeyDown={(ev) => { if (ev.key === "Enter") runProbe(); }}
+              className="max-w-xl flex-1"
+            />
+            <Button variant="primary" onClick={runProbe} loading={busy}>
+              <Wand2 size={14} /> Probar
+            </Button>
+          </div>
+
+          {probeResult && (
+            <div className="rounded-md border border-border/60 bg-muted/30 p-3 text-sm">
+              <div className="mb-2 flex flex-wrap items-center gap-2">
+                <Sparkles size={14} className="text-muted-foreground" />
+                <span className="text-muted-foreground">{probeResult.embedder || "—"}</span>
+                {probeResult.jit ? <Badge tone="warning">JIT (índice vacío)</Badge> : null}
+                {probeResult.reason && !probeResult.loaded?.length && !probeResult.hinted?.length ? (
+                  <Badge tone="muted">{probeResult.reason}</Badge>
+                ) : null}
+              </div>
+
+              {probeResult.loaded?.length ? (
+                <div className="mb-1">
+                  <span className="text-muted-foreground">Cargadas: </span>
+                  {probeResult.loaded.map((s) => (
+                    <Badge key={s} tone="success" className="mr-1">{s}</Badge>
+                  ))}
+                </div>
+              ) : null}
+
+              {probeResult.hinted?.length ? (
+                <div className="mb-1">
+                  <span className="text-muted-foreground">Sugeridas: </span>
+                  {probeResult.hinted.map((s) => (
+                    <Badge key={s} tone="info" className="mr-1">{s}</Badge>
+                  ))}
+                </div>
+              ) : null}
+
+              {probeResult.scored?.length ? (
+                <div className="mt-2 space-y-0.5 font-mono text-xs text-muted-foreground">
+                  {probeResult.scored.map((s) => (
+                    <div key={s.slug}>{s.sim.toFixed(3)}  {s.slug}</div>
+                  ))}
+                </div>
+              ) : null}
+            </div>
+          )}
+        </div>
+      </Section>
+    </div>
+  );
+}

package/src/interfaces/web/src/components/settings/providers/ProviderCard.tsx

@@ -4,6 +4,7 @@ import { Tip } from "../../ui/tip";
 import { secretSuffix } from "../../../lib/secrets";
 import { ENGINE_BADGES, ENGINE_GRADIENTS, ENGINE_ICONS, ENGINE_OPTIONS, engineStyle } from "./typeStyles";
 import type { Provider } from "./types";
+import { t } from "../../../i18n";
 
 export function ProviderCard({
   provider,
@@ -42,7 +43,7 @@ export function ProviderCard({
           </span>
         </div>
         <div className="flex shrink-0 items-center gap-1">
-          <Tip content={active ? "Activo · click para desactivar" : "Inactivo · click para activar"}>
+          <Tip content={active ? t("providers_modal.toggle_active") : t("providers_modal.toggle_inactive")}>
             <button
               type="button"
               onClick={(e) => { e.stopPropagation(); onToggle(); }}
@@ -57,7 +58,7 @@ export function ProviderCard({
               {active ? "Active" : "Off"}
             </button>
           </Tip>
-          <Tip content="Borrar">
+          <Tip content={t("providers_modal.delete")}>
             <button
               type="button"
               onClick={(e) => { e.stopPropagation(); onDelete(); }}

package/src/interfaces/web/src/components/settings/providers/ProviderModal.tsx

@@ -7,6 +7,7 @@ import { Engines } from "../../../lib/api";
 import { isSecretMarker, secretSuffix } from "../../../lib/secrets";
 import { ENGINE_ICONS, ENGINE_OPTIONS, ENGINE_PRESETS, type EngineType } from "./typeStyles";
 import type { Provider } from "./types";
+import { t } from "../../../i18n";
 
 export interface ProviderSaveResult {
   provider: Provider;
@@ -269,7 +270,7 @@ export function ProviderModal({ open, initial, existingSlugs, onClose, onSave }:
     <Dialog
       open={open}
       onClose={onClose}
-      title={isEdit ? `Editar ${initial?.name || initial?.slug}` : "Nuevo provider"}
+      title={isEdit ? t("providers_modal.edit_title", { name: initial?.name || initial?.slug || "" }) : t("providers_modal.new_title")}
       description="Proveedor LLM. El motor (engine) define qué adapter usa (openai, ollama, …)."
       size="lg"
       footer={
@@ -362,7 +363,7 @@ export function ProviderModal({ open, initial, existingSlugs, onClose, onSave }:
                     options={modelOptions}
                     className="flex-1"
                   />
-                  <Button size="sm" variant="secondary" onClick={loadModels} disabled={loadingModels} title="Lista los modelos reales del proveedor">
+                  <Button size="sm" variant="secondary" onClick={loadModels} disabled={loadingModels} title={t("providers_modal.list_models_hint")} aria-label={t("providers_modal.list_models_hint")}>
                     {loadingModels ? <Loader2 className="size-3.5 animate-spin" /> : <RefreshCw className="size-3.5" />}
                     Cargar modelos
                   </Button>

package/src/interfaces/web/src/components/ui/chat-input.tsx

@@ -5,6 +5,7 @@ import { ArrowUp, Square } from "lucide-react"
 
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
+import { t } from "@/i18n"
 
 interface ChatInputProps {
   value: string
@@ -109,8 +110,8 @@ export function ChatInput({
             size="icon-sm"
             variant="destructive"
             onClick={onStop}
-            aria-label="Detener"
-            title="Detener"
+            aria-label={t("chat_ui.stop")}
+            title={t("chat_ui.stop")}
           >
             <Square className="size-3.5" fill="currentColor" />
           </Button>
@@ -121,8 +122,8 @@ export function ChatInput({
             variant="default"
             onClick={onSubmit}
             disabled={!canSend}
-            aria-label="Enviar"
-            title="Enviar"
+            aria-label={t("chat_ui.send")}
+            title={t("chat_ui.send")}
           >
             <ArrowUp className="size-4" />
           </Button>

package/src/interfaces/web/src/components/ui/sidebar.tsx

@@ -9,6 +9,7 @@ import { useIsMobile } from "@/hooks/use-mobile"
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
+import { t } from "@/i18n"
 import { Separator } from "@/components/ui/separator"
 import {
   Sheet,
@@ -284,10 +285,10 @@ function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
     <button
       data-sidebar="rail"
       data-slot="sidebar-rail"
-      aria-label="Toggle Sidebar"
+      aria-label={t("sidebar_ui.toggle")}
       tabIndex={-1}
       onClick={toggleSidebar}
-      title="Toggle Sidebar"
+      title={t("sidebar_ui.toggle")}
       className={cn(
         "absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2",
         "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",

package/src/interfaces/web/src/components/voice/VoiceProviderModal.tsx

@@ -13,6 +13,7 @@ import {
   type OpenAiTtsConfig,
   type PiperConfig,
 } from "../../lib/api/voice";
+import { t } from "../../i18n";
 
 // Per-provider settings. Saved as dotted-key patches under voice.tts.<id>.
 // Secrets (api_key) follow the EnginesPanel convention: a blank field keeps
@@ -124,7 +125,7 @@ export function VoiceProviderModal({ open, providerId, config, onClose, onSave }
     <Dialog
       open={open}
       onClose={onClose}
-      title={`Configurar ${meta?.name || providerId}`}
+      title={t("voice_screen.configure_provider", { name: meta?.name || providerId || "" })}
       description={meta?.note}
       size="md"
       footer={

package/src/interfaces/web/src/constants/index.ts

@@ -58,7 +58,7 @@ export const ENGINE_ORDER = [
 export const PERMISSION_MODES = ["total", "automatico", "permiso"] as const;
 export type PermissionMode = (typeof PERMISSION_MODES)[number];
 
-/** Routine kinds — must match src/host/daemon/routines.js. */
+/** Routine kinds — must match src/core/routines/runner.js. */
 export const ROUTINE_KINDS = [
   "heartbeat",
   "exec_agent",

package/src/interfaces/web/src/hooks/useChat.ts

@@ -32,6 +32,13 @@ export interface ChatMsg {
   usage?: ChatUsage;
   /** Operational notes (engine fallbacks, retries, suppressions). */
   notes?: string[];
+  /** Skill Inspector decision for this turn (when the feature is on): which
+   *  skills the per-turn RAG loaded inline vs merely hinted. */
+  inspector?: {
+    embedder?: string;
+    loaded?: string[];
+    hinted?: string[];
+  };
 }
 
 export interface SendOptions {
@@ -138,6 +145,18 @@ export function applyStreamEvent(turn: ChatMsg, ev: ChatStreamEvent): ChatMsg {
       return withNote(`retry (${ev.reason || "?"})`);
     case "tools_suppressed":
       return withNote(`tools suppressed: ${(ev.tools || []).join(", ")}`);
+    case "skill_inspector": {
+      const insp = ev.inspector;
+      if (!insp || (!insp.loaded?.length && !insp.hinted?.length)) return turn;
+      return {
+        ...turn,
+        inspector: {
+          embedder: insp.embedder,
+          loaded: insp.loaded || [],
+          hinted: insp.hinted || [],
+        },
+      };
+    }
     case "assistant_text":
       return ev.text ? { ...turn, parts: [...turn.parts, { kind: "text", text: ev.text }] } : turn;
     case "tool_start":

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

@@ -253,6 +253,18 @@ export const en = {
     unregistered:       "Unregistered.",
     base_subtitle:      "General workspace · super-agent",
 
+    danger: {
+      title:                     "Danger zone",
+      subtitle:                  "Actions that affect APX's project registry. They do not touch repo files.",
+      rebuild_desc:              "Re-scans .apc/, MCPs and agents and regenerates the super-agent context for this project.",
+      unregister_desc:           "Removes the project from APX's registry. The folder on disk stays intact.",
+      rebuild_confirm_title:     "Rebuild context",
+      rebuild_confirm_desc:      "Regenerate context for {label}.",
+      rebuild_long:              "Re-reads APC config, lists available MCPs and agents, and rebuilds the super-agent system prompt. Safe to run — nothing is deleted. Use it after editing .apc/ by hand or if changes are not being picked up.",
+      unregister_confirm_title:  "Unregister project",
+      unregister_long:           "The project disappears from `apx`. Files on disk (.apc/, code, everything) stay. You can re-register it with `apx project register <path>`.",
+    },
+
     nav: {
       overview: "Overview",
       chat:     "Chat",
@@ -262,6 +274,7 @@ export const en = {
       routines: "Routines",
       tasks:    "Tasks",
       mcps:     "MCPs",
+      vars:     "Variables",
       threads:  "Chats",
       logs:     "Logs",
       memories: "Memories",
@@ -486,17 +499,17 @@ export const en = {
       conflicts:   "⚠ Conflicts: {names}",
       new_title:   "New MCP",
       new_desc:    "POST /projects/:pid/mcps?scope=…",
-      scope_label: "scope",
-      transport_label: "transport",
-      name_label:  "name",
+      scope_label: "Scope",
+      transport_label: "Transport",
+      name_label:  "Name",
       name_ph:     "filesystem",
-      cmd_label:   "command",
+      cmd_label:   "Command",
       cmd_ph:      "npx",
-      args_label:  "args",
+      args_label:  "Args",
       args_hint:   "space-separated",
       args_ph:     "-y @modelcontextprotocol/server-filesystem /tmp",
-      env_label:   "env (JSON, optional)",
-      url_label:   "url",
+      env_label:   "Env (JSON, optional)",
+      url_label:   "URL",
       url_ph:      "https://example.com/mcp",
       enabled_label: "Enabled",
       add_btn:     "Add",
@@ -504,6 +517,77 @@ export const en = {
       env_invalid: "env must be valid JSON",
       removed:     "removed",
       added:       "MCP added.",
+      updated:     "MCP updated.",
+      edit_title:  "Edit MCP",
+      save_btn:    "Save",
+      add_arg:     "Add arg",
+      edit_btn:    "Edit",
+      test_btn:    "Test",
+      logs_btn:    "Logs",
+      testing:     "Testing…",
+      test_ok:     "OK · {n} tools available",
+      logs_title:  "Logs · {name}",
+      logs_empty:  "No logs yet. Start the MCP by calling a tool or running Test.",
+      logs_events: "Recent events",
+      logs_stderr: "stderr (last 4KB)",
+      logs_panel_title: "Live logs",
+      logs_panel_pick:  "pick an MCP",
+      logs_panel_hint:  "Click an MCP in the list to see what's happening live.",
+      logs_panel_idle:  "No activity. Hit Test to spin it up.",
+      scope_runtime: "Runtime",
+      scope_shared:  "Shared",
+      scope_global:  "Global",
+      scope_runtime_desc: "This project only · with secrets · not committed (~/.apx/projects/<id>/mcps.json)",
+      scope_shared_desc:  "This project only · committeable · no secrets (.apc/mcps.json)",
+      scope_global_desc:  "All projects on this machine (~/.apx/mcps.json)",
+      transport_stdio:    "stdio",
+      transport_http:     "HTTP",
+      transport_stdio_desc: "Local process — `command` + args",
+      transport_http_desc:  "Remote endpoint — URL + headers",
+      args_hint_tokens: "One entry per arg. Use the + button to insert a variable.",
+      env_hint_tokens:  "Key/value pairs. Values accept ${var.NAME} (+ button on the right).",
+      env_empty:        "No env vars.",
+      headers_label:    "Headers",
+      headers_hint:     "Key/value pairs — typically Authorization: Bearer ${var.TOKEN}.",
+      headers_empty:    "No headers.",
+    },
+
+    vars: {
+      title:                "Variables",
+      subtitle_project:     "Replace ${var.NAME} when loading MCPs and templates. Project vars beat globals. Stored outside the repo (~/.apx/, chmod 0600).",
+      subtitle_base:        "Global variables — available to every project. Stored in ~/.apx/vars.json (chmod 0600).",
+      empty:                "No variables yet.",
+      new:                  "Variable",
+      new_title:            "New variable",
+      edit_title:           "Edit variable",
+      new_desc:             "Referenced as ${var.NAME} in any field that supports interpolation.",
+      reveal_all:           "Show values",
+      reveal:               "Show",
+      hide:                 "Hide",
+      filter_label:         "Show:",
+      filter_all:           "All",
+      filter_project:       "Project only",
+      filter_global:        "Globals only",
+      scope_label:          "Scope",
+      scope_project:        "project",
+      scope_project_desc:   "This project only. Beats the global with the same name.",
+      scope_global:         "global",
+      scope_global_desc:    "Available to every project.",
+      name_label:           "Name",
+      name_hint:            "Uppercase, digits and _. E.g. MY_API_KEY, GITHUB_TOKEN.",
+      value_label:          "Value",
+      value_hint:           "Stored on disk with 0600 perms. Never committed.",
+      value_edit_ph:        "(leave empty to keep current… not yet supported, paste the value again)",
+      add_btn:              "Add",
+      save_btn:             "Save",
+      edit_btn:             "Edit",
+      delete_btn:           "Delete",
+      delete_confirm:       "Delete {name} ({scope})?",
+      removed:              "Variable removed.",
+      added:                "Variable added.",
+      updated:              "Variable updated.",
+      name_required:        "Name required.",
+      value_required:       "Value required.",
     },
 
     threads: {
@@ -783,5 +867,89 @@ export const en = {
     changes_no_git: "Changes need a git repository. This project isn't one.",
     changes_files: "{n} file(s) changed",
     stopped:      "[stopped]",
+    close:               "Close",
+    reload:              "Reload",
+    discard_changes:     "Discard changes",
+    save_shortcut_hint:  "Save (Cmd/Ctrl+S)",
+    artifacts_rename:    "Rename",
+    artifacts_view:      "View contents",
+    artifacts_edit:      "Edit contents",
+    tree_collapse_all:   "Collapse all",
+    terminal_clear:      "Clear",
+    terminal_close:      "Close terminal",
+  },
+
+  desktop_screen: {
+    status_title:        "Status",
+    autostart_title:     "Auto-start",
+    shortcut_title:      "Keyboard shortcut",
+    appearance_title:    "Appearance",
+    activation_title:    "Activation + transcription",
+    last_conv_title:     "Last conversation",
+  },
+
+  voice_screen: {
+    providers_title:     "Voice providers (TTS)",
+    test_title:          "Test voice",
+    stt_title:           "Transcription (STT)",
+    configure_provider:  "Configure {name}",
+  },
+
+  deck_screen: {
+    widgets_title:       "Widgets",
+    context_title:       "APX context",
+    reload_manifest:     "Reload manifest",
+    widget_native:       "Native APX widget",
+    widget_external:     "External widget",
+  },
+
+  memory_panel: {
+    embeddings_title:    "Embeddings (RAG)",
+    ollama_title:        "Ollama (local)",
+    openai_title:        "OpenAI",
+    gemini_title:        "Gemini",
+    compaction_title:    "History compaction",
+  },
+
+  router_panel: {
+    title:               "Model router",
+  },
+
+  engines_panel: {
+    title:               "Providers",
+    new_btn:             "New provider",
+  },
+
+  providers_modal: {
+    new_title:           "New provider",
+    edit_title:          "Edit {name}",
+    list_models_hint:    "List the provider's actual models",
+    toggle_active:       "Active · click to deactivate",
+    toggle_inactive:     "Inactive · click to activate",
+    delete:              "Delete",
+  },
+
+  chat_ui: {
+    copy:                "Copy",
+    stop:                "Stop",
+    send:                "Send",
+    pick_model:          "Pick model (or Auto)",
+    insert_variable:     "Insert variable",
+  },
+
+  sidebar_ui: {
+    toggle:              "Toggle sidebar",
+  },
+
+  models_ui: {
+    invalid_hint:        "Model/provider unavailable",
+  },
+
+  global_config: {
+    title:               "APX config",
+  },
+
+  agent_detail_extra: {
+    skills_title:        "Skills & tools",
   },
 } as const;