Sync with production: full i18n (EN/ES), English metadata, 15-min challenge banner

README.md

@@ -23,6 +23,13 @@ Open a local folder and a full web IDE unfolds around it — real Monaco (the VS
 a file tree, tabs — with an AI agent that **reads, searches and edits your project for real**.
 The model runs on **your** GPU via WebGPU. Your code never leaves your machine.
 
+> ⚡ **Build the best thing you can with Elffuss — 15-minute challenge, open until Sun 9 Aug 2026.**
+> Open one of your own folders and let the agent fix a real bug or add a small feature in 15
+> minutes, then post a screenshot of the diff (plus your prompt) as a reply on
+> [X](https://x.com/KikoCisneros/status/2085358719190130963) or a comment on
+> [LinkedIn](https://www.linkedin.com/feed/update/urn:li:activity:7491125059768516608/).
+> **The most-liked entry wins** and gets featured in this Space and in the repo.
+
 > ⚠️ **Open it full-screen** ([direct link](https://kikocis-elffuss-code.static.hf.space)) — the
 > File System Access API (opening a local folder) is blocked inside the embedded iframe.
 
@@ -34,15 +41,22 @@ bug and fixes it with a minimal edit — genuine tool-calling, not autocomplete.
 ## Why it's different
 
 - **Your code stays local.** The folder is opened via the File System Access API — no upload, no account.
-- **The model runs on your GPU** (WebGPU, Gemma-4 via LiteRT-LM; ONNX/transformers.js + Qwen2.5-0.5B as fallback).
+- **The model runs on your GPU** (WebGPU, Gemma-4 E4B via LiteRT-LM; ONNX/transformers.js + our healed LFM2.5-1.2B as fallback).
 - **Real tool-calling**: `code.tree`, `code.read`, `code.search`, `code.edit`, `code.write` — you watch every call.
-- **Real editor**: Monaco, file tree, tabs, `Ctrl+S`.
+- **Real editor**: Monaco, file tree, tabs, `Ctrl+S`, and git branch/last commit parsed straight from `.git`.
 - **Zero install, zero build.** Vanilla ES modules.
+- **Your language**: the whole IDE follows your browser's language (English, Spanish and more).
 - External providers (OpenAI, Anthropic, Ollama) are **opt-in**; keys stay in your browser.
+- Optional local **bridge** for real `node` / `npm` / `python` execution — downloaded from the main site.
+
+## How it's built
+
+Four write-ups on the full stack — model, runtime, agent harness, editor and filesystem access,
+all in one tab: **<https://bitacora.utopiaia.com/#elffuss>**
 
 ## Links
 
 - 🌐 Full app: <https://elffuss-code.utopiaia.com>
 - 💻 Source (Apache-2.0): <https://github.com/KikoCis/elffuss-code>
-- ✳️ Sibling project — Elffuss Claw (agentic OS): <https://github.com/KikoCis/elffuss-claw>
+- ✳️ Sibling project — Elffuss Claw (agentic OS): <https://huggingface.co/spaces/KikoCis/elffuss-claw>
 - 🧬 Shared core: <https://github.com/KikoCis/elffuss>

index.html

@@ -147,5 +147,6 @@
 </div>
 
 <script type="module" src="js/main.js"></script>
+<script type="module" src="js/challenge.js"></script>
 </body>
 </html>

js/challenge.js

@@ -0,0 +1,74 @@
+// challenge.js — top bar announcing the 15-minute challenge, with the two places to post
+// the result. Self-contained (injects its own CSS), dismissible, and it removes itself
+// after the deadline so nobody has to remember to take it down.
+import { uiLang } from './i18n.js';
+
+const DEADLINE = Date.parse('2026-08-10T00:00:00Z'); // winner announced Sun Aug 9
+const KEY = 'elffuss_challenge_v1_dismissed';
+const X_URL = 'https://x.com/KikoCisneros/status/2085358719190130963';
+const LI_URL = 'https://www.linkedin.com/feed/update/urn:li:activity:7491125059768516608/';
+
+const COPY = {
+  es: {
+    text: '⚡ Reto de 15 min: abre una carpeta tuya y deja que Elffuss arregle un bug real. Gana el comentario con más likes — ganador el domingo 9.',
+    x: 'Publicar en X', li: 'En LinkedIn', close: 'Cerrar aviso',
+  },
+  en: {
+    text: '⚡ 15-min challenge: open one of your folders and let Elffuss fix a real bug. Most-liked comment wins — winner on Sun Aug 9.',
+    x: 'Post on X', li: 'On LinkedIn', close: 'Dismiss',
+  },
+};
+
+export function mountChallengeBar() {
+  if (Date.now() > DEADLINE) return;
+  try { if (localStorage.getItem(KEY)) return; } catch (e) {}
+  const c = COPY[uiLang() === 'es' ? 'es' : 'en'];
+
+  const css = document.createElement('style');
+  css.textContent = `
+    body.elf-ch { padding-top: 38px; }
+    body.elf-ch #ide { height: calc(100vh - 38px); }
+    .elf-ch-bar {
+      position: fixed; inset: 0 0 auto 0; z-index: 400; height: 38px;
+      display: flex; align-items: center; justify-content: center; gap: 10px;
+      padding: 0 42px 0 12px; font-size: .82rem; color: #fff;
+      background: linear-gradient(135deg, var(--accent, #7c5cff), var(--accent2, #ff5cd6));
+      box-shadow: 0 2px 12px rgba(0,0,0,.35);
+    }
+    .elf-ch-bar span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .elf-ch-bar a {
+      flex: none; padding: 3px 10px; border-radius: 999px; text-decoration: none;
+      color: #fff; background: rgba(0,0,0,.28); font-weight: 600;
+    }
+    .elf-ch-bar a:hover { background: rgba(0,0,0,.45); }
+    .elf-ch-bar button {
+      position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
+      background: none; border: none; color: #fff; font-size: 1.1rem; cursor: pointer; opacity: .8;
+    }
+    .elf-ch-bar button:hover { opacity: 1; }
+    @media (max-width: 620px) { .elf-ch-bar span { font-size: .74rem; } }
+  `;
+  document.head.appendChild(css);
+
+  const bar = document.createElement('div');
+  bar.className = 'elf-ch-bar';
+  bar.innerHTML = `<span></span>
+    <a target="_blank" rel="noopener" href="${X_URL}"></a>
+    <a target="_blank" rel="noopener" href="${LI_URL}"></a>
+    <button type="button" aria-label=""></button>`;
+  bar.querySelector('span').textContent = c.text;
+  const [ax, ali] = bar.querySelectorAll('a');
+  ax.textContent = c.x; ali.textContent = c.li;
+  const btn = bar.querySelector('button');
+  btn.textContent = '✕'; btn.setAttribute('aria-label', c.close);
+  btn.addEventListener('click', () => {
+    try { localStorage.setItem(KEY, '1'); } catch (e) {}
+    bar.remove(); document.body.classList.remove('elf-ch');
+  });
+
+  document.body.classList.add('elf-ch');
+  document.body.appendChild(bar);
+}
+
+if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', mountChallengeBar);
+else mountChallengeBar();

js/humanize.js

@@ -4,26 +4,59 @@
 // nombres de herramienta de Elffuss Code (code.*, terminal.*) y de Elffuss
 // Claw (fs.*, app.*, web.*, skill.*, memory.*, tasks.*) — un tool desconocido
 // cae al genérico «nombre argumento» sin romper nada.
+//
+// Localizado: ES por defecto (usuarios españoles intactos), EN de fallback.
+// Autocontenido a propósito — este fichero es IDÉNTICO en Code y en Claw, y
+// Code no tiene i18n.js, así que la tabla de idioma vive aquí.
+const HL = {
+  es: {
+    read: p => `leyendo ${p}…`, write: p => `escribiendo ${p}…`,
+    tree: p => `explorando ${p || 'el proyecto'}…`, list: p => `explorando ${p || 'la carpeta'}…`,
+    search: q => `buscando «${q}»…`, pick: () => 'pidiendo acceso a una carpeta…',
+    copy: x => `copiando ${x || 'archivos'}…`, watch: x => `vigilando ${x || 'una carpeta'}…`,
+    run: c => `ejecutando: ${c}`,
+    appCreate: n => `creando la app «${n}»…`, appOpen: n => `abriendo la app «${n}»…`,
+    skillCreate: n => `creando la skill «${n}»…`, memSave: f => `recordando: ${f}…`,
+    taskAdd: () => 'programando una tarea…',
+    webSearch: q => `buscando en internet «${q}»…`, webImages: q => `buscando imágenes de «${q}»…`,
+    webFetch: u => `leyendo ${u}…`, prep: 'preparando una acción…',
+  },
+  en: {
+    read: p => `reading ${p}…`, write: p => `writing ${p}…`,
+    tree: p => `exploring ${p || 'the project'}…`, list: p => `exploring ${p || 'the folder'}…`,
+    search: q => `searching “${q}”…`, pick: () => 'requesting folder access…',
+    copy: x => `copying ${x || 'files'}…`, watch: x => `watching ${x || 'a folder'}…`,
+    run: c => `running: ${c}`,
+    appCreate: n => `creating the app “${n}”…`, appOpen: n => `opening the app “${n}”…`,
+    skillCreate: n => `creating the skill “${n}”…`, memSave: f => `remembering: ${f}…`,
+    taskAdd: () => 'scheduling a task…',
+    webSearch: q => `searching the web for “${q}”…`, webImages: q => `searching images of “${q}”…`,
+    webFetch: u => `reading ${u}…`, prep: 'preparing an action…',
+  },
+};
+function hl() { return HL[(navigator.language || 'es').slice(0, 2).toLowerCase()] || HL.en; }
+
 export function humanizeTool(name, args) {
   const p = args?.path, q = args?.query, c = args?.command, n = args?.name;
+  const t = hl();
   switch (name) {
-    case 'code.read': case 'fs.read': return `leyendo ${p}…`;
-    case 'code.write': case 'fs.write': return `escribiendo ${p}…`;
-    case 'code.tree': return `explorando ${p || 'el proyecto'}…`;
-    case 'fs.list': return `explorando ${p || 'la carpeta'}…`;
-    case 'code.search': return `buscando «${q}»…`;
-    case 'fs.pick_folder': return 'pidiendo acceso a una carpeta…';
-    case 'fs.copy': return `copiando ${args?.pattern || 'archivos'}…`;
-    case 'fs.watch': return `vigilando ${args?.from || 'una carpeta'}…`;
-    case 'terminal.run': return `ejecutando: ${c}`;
-    case 'app.create': return `creando la app «${n}»…`;
-    case 'app.open': return `abriendo la app «${n}»…`;
-    case 'skill.create': return `creando la skill «${n}»…`;
-    case 'memory.save': return `recordando: ${args?.fact}…`;
-    case 'tasks.add': return 'programando una tarea…';
-    case 'web.search': return `buscando en internet «${q}»…`;
-    case 'web.images': return `buscando imágenes de «${q}»…`;
-    case 'web.fetch': return `leyendo ${p || args?.url}…`;
+    case 'code.read': case 'fs.read': return t.read(p);
+    case 'code.write': case 'fs.write': return t.write(p);
+    case 'code.tree': return t.tree(p);
+    case 'fs.list': return t.list(p);
+    case 'code.search': return t.search(q);
+    case 'fs.pick_folder': return t.pick();
+    case 'fs.copy': return t.copy(args?.pattern);
+    case 'fs.watch': return t.watch(args?.from);
+    case 'terminal.run': return t.run(c);
+    case 'app.create': return t.appCreate(n);
+    case 'app.open': return t.appOpen(n);
+    case 'skill.create': return t.skillCreate(n);
+    case 'memory.save': return t.memSave(args?.fact);
+    case 'tasks.add': return t.taskAdd();
+    case 'web.search': return t.webSearch(q);
+    case 'web.images': return t.webImages(q);
+    case 'web.fetch': return t.webFetch(p || args?.url);
     default: return name + (p || q || c || n ? ' ' + (p || q || c || n) : '');
   }
 }
@@ -36,7 +69,7 @@ export function humanizeTool(name, args) {
 export function humanizeStreamPreview(buf) {
   if (buf.search(/```/) === -1 && !/^\s*\{\s*"tool"/.test(buf)) return null;
   const toolM = buf.match(/"tool"\s*:\s*"([\w.]+)"/);
-  if (!toolM) return 'preparando una acción…';
+  if (!toolM) return hl().prep;
   const pathM = buf.match(/"path"\s*:\s*"((?:[^"\\]|\\.)*)"/);
   const queryM = buf.match(/"query"\s*:\s*"((?:[^"\\]|\\.)*)"/);
   const cmdM = buf.match(/"command"\s*:\s*"((?:[^"\\]|\\.)*)"/);
@@ -44,5 +77,5 @@ export function humanizeStreamPreview(buf) {
   const out = humanizeTool(toolM[1], { path: pathM?.[1], query: queryM?.[1], command: cmdM?.[1], name: nameM?.[1] });
   // el nombre de la tool ya se ve pero su campo (path/query/…) aún no llegó:
   // mejor el genérico que un «leyendo undefined…» a medio streamear
-  return /undefined/.test(out) ? 'preparando una acción…' : out;
+  return /undefined/.test(out) ? hl().prep : out;
 }

js/i18n.js

@@ -0,0 +1,144 @@
+// i18n ligero del «chrome» de Elffuss Code. El modelo ya responde en el idioma
+// del navegador (agent.js → userLang); esto localiza los textos estáticos y de
+// runtime de la UI (placeholder, indicadores «pensando/escribe», estado del
+// modelo, saludo del proyecto, la Mente). ES por defecto — cero impacto en
+// usuarios españoles — con inglés de fallback. Sustitución simple {var}.
+const L = {
+  es: {
+    ph: 'Pídele código a Elffuss…',
+    thinking: 'Elffuss está pensando', writing: 'Elffuss escribe · {n} car.', using: 'Elffuss usa {name}',
+    modelLoading: 'Descargando el modelo IA · {pct}% · {loaded}/{total} MB',
+    modelReady: 'Modelo IA listo', modelReadyBadge: 'Modelo IA listo · готово ✳',
+    welcome: 'Привіт 👋 Proyecto «{name}» abierto. Pregúntame por el código, pídeme cambios o dime «árbol». Todo se queda en tu máquina.',
+    mindTitle: 'MENTE DE ELFFUSS', avatarTitle: 'Mente de Elffuss — cerebro autónomo',
+    // landing (estático) + tooltips de la barra/toolbar
+    tagline: 'Abre tu carpeta de código y programa con una elfa al lado.',
+    tagline2: 'Editor tipo VS Code + agente <b>en tu navegador</b>. Nada sale de tu máquina. 😉',
+    openProject: '📁 Abrir carpeta de código', resume: 'Reanudar', discard: 'Descartar', cloneOpen: 'Descargar y abrir',
+    clonePh: 'pega la URL de un repo público (GitHub/Bitbucket)…',
+    searchPh: 'Buscar archivos por nombre (: para ir a línea, @ para símbolo, > para comandos)',
+    tFiles: 'Explorador', tSearch: 'Buscar (Cmd/Ctrl+P)', tArch: 'Arquitectura (grafo de dependencias)',
+    tCity: 'Ciudad 3D', tTerm: 'Terminal (Ctrl+`)', tSkills: 'Skills', tActSettings: 'Ajustes y modelo',
+    tGitBranch: 'rama actual', tHistory: 'Historial de conversaciones', tTopSettings: 'Ajustes, modelo y API keys',
+    tTermClose: 'cerrar (Ctrl+`)', tTermResize: 'arrastra para redimensionar',
+    tCtx: 'contexto acumulado en la conversación', tPlus: 'Adjuntar archivo del proyecto (@)',
+    tAutoedit: 'Editar archivos automáticamente',
+    tGoal: 'Modo Objetivo: descompone el mensaje en tareas y las ejecuta una a una (planificador + ejecutor)',
+    tFlip: 'cambiar entre chat y editor', tSlash: 'Comandos',
+    // pass-3: chrome profundo del IDE (paleta, menús, historial, ajustes, notifs)
+    tabClose: 'Cerrar pestaña (no borra la conversación)', newConv: 'Nueva conversación',
+    histEmpty: 'Sin conversaciones guardadas todavía.', histDel: 'Eliminar para siempre',
+    confirmDel: '¿Eliminar «{title}» para siempre?', thisConv: 'esta conversación',
+    cmdsSep: 'Comandos', slTree: 'árbol del proyecto', slSearch: 'buscar en el código',
+    slSkills: 'gestionar skills', slModel: 'proveedores y modelo', slClear: 'nueva conversación',
+    pTree: 'árbol', pSearch: 'busca ', pCommit: 'resume los cambios y prepárame el mensaje de commit',
+    pProposal: 'Implementa esta propuesta de mejora con cambios reales en el código:\n\n',
+    attachSep: 'Adjuntar al mensaje (@)', attachOpen: 'archivo abierto', openProjFirst: 'Abre un proyecto primero',
+    autoTxt: 'Auto', reviewTxt: 'Revisar',
+    autoOn: 'Editar archivos automáticamente (clic para revisar antes)',
+    autoOff: 'Pedir confirmación antes de escribir (clic para automático)',
+    pSearchCode: 'Buscar en el código…', pManageSkills: 'Gestionar skills', pToggleExplorer: 'Alternar explorador',
+    pToggleTerm: 'Alternar terminal', pSave: 'Guardar (Ctrl+S)', palCmd: 'comando',
+    palGotoSym: 'Ir a símbolo en el editor…', palEmpty: 'Sin resultados',
+    mNewFile: 'Nuevo archivo…', promptNewPath: 'Ruta del nuevo archivo:', mSave: 'Guardar', mOpenFolder: 'Abrir carpeta…',
+    mSearchCode: 'Buscar en el código', mGotoFile: 'Ir a archivo…', mGotoSym: 'Ir a símbolo…',
+    mTerminal: 'Terminal', mArch: 'Arquitectura', mAbout: 'Acerca de Elffuss Code (GitHub)',
+    gNotRepo: 'No es un repositorio git', gBranch: 'Rama: {b}', gLast: 'Último: {m}', gCommit: 'Pídele a Elffuss que commitee',
+    nExec: '▶ Ejecutar', nView: 'Ver en la Mente',
+    fallbackToast: 'Ese Gemma no cargó (memoria/GPU) — uso Elffuss LM (ligero)…',
+    setStoreTitle: 'Modelo descargado (se cachea en tu navegador)', setClear: 'Vaciar caché', setClearing: 'Vaciando…',
+    setCached: '{gb} en caché', setNone: 'Nada cacheado todavía',
+    setBrToken: 'Token (lo imprime el programa al arrancarlo)', brTokenPh: 'pega aquí el token…',
+    setFeedbackPh: 'Cuéntanos qué ha pasado o qué te gustaría que hiciera…',
+    lblModel: 'Modelo', lblApiKey: 'API key',
+    setCalc: 'Calculando espacio…', setPersist: '✓ almacenamiento persistente (no se borra solo)',
+    setNoPersist: '⚠ sin persistencia: el navegador podría desalojarlo', setLimit: ' · límite ~{gb}',
+    setModelPh: 'modelo (p. ej. gpt-4o-mini)', keyNeeded: 'clave (no necesaria)',
+  },
+  en: {
+    ph: 'Ask Elffuss for code…',
+    thinking: 'Elffuss is thinking', writing: 'Elffuss writes · {n} chars', using: 'Elffuss uses {name}',
+    modelLoading: 'Downloading AI model · {pct}% · {loaded}/{total} MB',
+    modelReady: 'AI model ready', modelReadyBadge: 'AI model ready · готово ✳',
+    welcome: 'Привіт 👋 Project “{name}” open. Ask me about the code, request changes, or say “tree”. Everything stays on your machine.',
+    mindTitle: 'ELFFUSS MIND', avatarTitle: 'Elffuss Mind — autonomous brain',
+    tagline: 'Open your code folder and program with an elf by your side.',
+    tagline2: 'VS Code–style editor + agent <b>in your browser</b>. Nothing leaves your machine. 😉',
+    openProject: '📁 Open code folder', resume: 'Resume', discard: 'Discard', cloneOpen: 'Download & open',
+    clonePh: 'paste the URL of a public repo (GitHub/Bitbucket)…',
+    searchPh: 'Search files by name (: to go to line, @ for symbol, > for commands)',
+    tFiles: 'Explorer', tSearch: 'Search (Cmd/Ctrl+P)', tArch: 'Architecture (dependency graph)',
+    tCity: '3D City', tTerm: 'Terminal (Ctrl+`)', tSkills: 'Skills', tActSettings: 'Settings & model',
+    tGitBranch: 'current branch', tHistory: 'Conversation history', tTopSettings: 'Settings, model & API keys',
+    tTermClose: 'close (Ctrl+`)', tTermResize: 'drag to resize',
+    tCtx: 'context accumulated in the conversation', tPlus: 'Attach a project file (@)',
+    tAutoedit: 'Edit files automatically',
+    tGoal: 'Goal mode: breaks the message into tasks and runs them one by one (planner + executor)',
+    tFlip: 'switch between chat and editor', tSlash: 'Commands',
+    tabClose: 'Close tab (doesn’t delete the conversation)', newConv: 'New conversation',
+    histEmpty: 'No saved conversations yet.', histDel: 'Delete forever',
+    confirmDel: 'Delete “{title}” forever?', thisConv: 'this conversation',
+    cmdsSep: 'Commands', slTree: 'project tree', slSearch: 'search the code',
+    slSkills: 'manage skills', slModel: 'providers & model', slClear: 'new conversation',
+    pTree: 'tree', pSearch: 'search ', pCommit: 'summarize the changes and prepare my commit message',
+    pProposal: 'Implement this improvement proposal with real changes to the code:\n\n',
+    attachSep: 'Attach to message (@)', attachOpen: 'open file', openProjFirst: 'Open a project first',
+    autoTxt: 'Auto', reviewTxt: 'Review',
+    autoOn: 'Edit files automatically (click to review first)',
+    autoOff: 'Ask before writing (click for automatic)',
+    pSearchCode: 'Search the code…', pManageSkills: 'Manage skills', pToggleExplorer: 'Toggle explorer',
+    pToggleTerm: 'Toggle terminal', pSave: 'Save (Ctrl+S)', palCmd: 'command',
+    palGotoSym: 'Go to symbol in editor…', palEmpty: 'No results',
+    mNewFile: 'New file…', promptNewPath: 'New file path:', mSave: 'Save', mOpenFolder: 'Open folder…',
+    mSearchCode: 'Search the code', mGotoFile: 'Go to file…', mGotoSym: 'Go to symbol…',
+    mTerminal: 'Terminal', mArch: 'Architecture', mAbout: 'About Elffuss Code (GitHub)',
+    gNotRepo: 'Not a git repository', gBranch: 'Branch: {b}', gLast: 'Latest: {m}', gCommit: 'Ask Elffuss to commit',
+    nExec: '▶ Run', nView: 'View in the Mind',
+    fallbackToast: 'That Gemma didn’t load (memory/GPU) — using Elffuss LM (light)…',
+    setStoreTitle: 'Downloaded model (cached in your browser)', setClear: 'Clear cache', setClearing: 'Clearing…',
+    setCached: '{gb} cached', setNone: 'Nothing cached yet',
+    setBrToken: 'Token (printed by the program on startup)', brTokenPh: 'paste the token here…',
+    setFeedbackPh: 'Tell us what happened or what you’d like it to do…',
+    lblModel: 'Model', lblApiKey: 'API key',
+    setCalc: 'Calculating space…', setPersist: '✓ persistent storage (won’t be auto-cleared)',
+    setNoPersist: '⚠ not persistent: the browser could evict it', setLimit: ' · limit ~{gb}',
+    setModelPh: 'model (e.g. gpt-4o-mini)', keyNeeded: 'key (not needed)',
+  },
+};
+
+// Idioma del chrome: 2 letras, ES por defecto.
+export function uiLang() {
+  return (navigator.language || 'es').slice(0, 2).toLowerCase();
+}
+
+// Traduce una clave de runtime con sustitución {var}. Fallback: idioma →
+// inglés → la propia clave.
+export function t(key, vars) {
+  const s = (L[uiLang()] || L.en)[key] ?? L.en[key] ?? key;
+  return vars ? s.replace(/\{(\w+)\}/g, (_, k) => (vars[k] ?? '')) : s;
+}
+
+// Textos estáticos del HTML (landing, placeholders, tooltips) que no pasan por
+// t() en runtime. Se cablean una vez al arrancar; ES es el HTML por defecto.
+export function applyI18n() {
+  document.documentElement.lang = uiLang();
+  const set = (sel, prop, key) => { const e = document.querySelector(sel); if (e) e[prop] = t(key); };
+  set('#prompt', 'placeholder', 'ph');
+  const tag = document.querySelector('#landing .tag');
+  if (tag) tag.innerHTML = `${t('tagline')}<br>${t('tagline2')}`;
+  set('#open-project', 'textContent', 'openProject');
+  set('#resume-clone-btn', 'textContent', 'resume');
+  set('#discard-clone-btn', 'textContent', 'discard');
+  set('#clone-btn', 'textContent', 'cloneOpen');
+  set('#clone-url', 'placeholder', 'clonePh');
+  set('#pal-input', 'placeholder', 'searchPh');
+  const titles = {
+    '#act-files': 'tFiles', '#act-search': 'tSearch', '#act-arch': 'tArch', '#act-city': 'tCity',
+    '#act-term': 'tTerm', '#act-skills': 'tSkills', '#act-settings': 'tActSettings',
+    '#git-branch': 'tGitBranch', '#btn-history': 'tHistory', '#btn-settings': 'tTopSettings',
+    '#term-close': 'tTermClose', '#term-resize': 'tTermResize', '#ctx-meter': 'tCtx',
+    '#btn-plus': 'tPlus', '#btn-autoedit': 'tAutoedit', '#btn-goal': 'tGoal',
+    '#code-flip': 'tFlip', '#btn-slash': 'tSlash',
+  };
+  for (const [sel, key] of Object.entries(titles)) set(sel, 'title', key);
+}

js/main.js

@@ -16,6 +16,7 @@ import * as ceo from './ceo.js';
 import * as mind from './mind.js';
 import { buildCityAdapter, loadThoughtsAdapter } from './mind-adapter.js';
 import { humanizeStreamPreview } from './humanize.js';
+import { t, applyI18n } from './i18n.js';
 import * as bridge from './bridge.js';
 import * as conv from './conversations.js';
 import { TASK_PREFIX } from './goal.js';
@@ -126,15 +127,15 @@ function renderPlanCard(plan) {
 export function thinkingBubble() {
   const div = addMsg('thinking', '');
   const label = document.createElement('span');
-  label.textContent = 'Elffuss está pensando';
+  label.textContent = t('thinking');
   const gen = document.createElement('div');
   gen.className = 'gen';
   div.append(label, gen);
   let buf = '';
   return {
-    tick(t) {
-      buf += t;
-      label.textContent = `Elffuss escribe · ${buf.length} car.`; // caracteres, no tokens
+    tick(tok) {
+      buf += tok;
+      label.textContent = t('writing', { n: buf.length }); // caracteres, no tokens
       // si el buffer entró en un bloque de tool-call, no enseñes el JSON crudo
       // según va llegando: una frase humana («leyendo app.js…») en su lugar.
       const preview = humanizeStreamPreview(buf);
@@ -142,7 +143,7 @@ export function thinkingBubble() {
       gen.textContent = preview ? '⟐ ' + preview : (buf.length > 200 ? '…' : '') + buf.slice(-200);
       $('chat-log').scrollTop = $('chat-log').scrollHeight;
     },
-    tool(name) { buf = ''; gen.textContent = ''; label.textContent = `Elffuss usa ${name}`; },
+    tool(name) { buf = ''; gen.textContent = ''; label.textContent = t('using', { name }); },
     remove() { div.remove(); },
   };
 }
@@ -232,7 +233,7 @@ function renderTabsBar() {
     name.title = title;
     const x = document.createElement('b');
     x.textContent = '×';
-    x.title = 'Cerrar pestaña (no borra la conversación)';
+    x.title = t('tabClose');
     x.onclick = e => { e.stopPropagation(); conv.closeTab(c.id); };
     el.append(name, x);
     el.onclick = () => conv.switchTo(c.id);
@@ -240,7 +241,7 @@ function renderTabsBar() {
   }
   const plus = document.createElement('button');
   plus.className = 'tab-add';
-  plus.title = 'Nueva conversación';
+  plus.title = t('newConv');
   plus.textContent = '+';
   plus.onclick = () => conv.create();
   bar.appendChild(plus);
@@ -251,7 +252,7 @@ async function renderHistoryPanel() {
   panel.replaceChildren();
   const head = document.createElement('div');
   head.className = 'hp-head';
-  head.append(document.createTextNode('Historial de conversaciones'));
+  head.append(document.createTextNode(t('tHistory')));
   const xBtn = document.createElement('button');
   xBtn.textContent = '✕';
   xBtn.onclick = () => { panel.hidden = true; };
@@ -264,31 +265,31 @@ async function renderHistoryPanel() {
   if (!all.length) {
     const empty = document.createElement('div');
     empty.className = 'hp-empty';
-    empty.textContent = 'Sin conversaciones guardadas todavía.';
+    empty.textContent = t('histEmpty');
     list.appendChild(empty);
     return;
   }
   for (const c of all) {
     const row = document.createElement('div');
     row.className = 'hp-row';
-    const t = document.createElement('div');
-    t.className = 'hp-title';
-    t.textContent = c.title || 'Nueva conversación';
+    const titEl = document.createElement('div');
+    titEl.className = 'hp-title';
+    titEl.textContent = c.title || t('newConv');
     const d = new Date(c.updatedAt);
     const date = document.createElement('div');
     date.className = 'hp-date';
     date.textContent = d.toLocaleDateString() + ' ' + d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
     const del = document.createElement('button');
     del.className = 'hp-del';
-    del.title = 'Eliminar para siempre';
+    del.title = t('histDel');
     del.textContent = '🗑';
     del.onclick = async e => {
       e.stopPropagation();
-      if (!confirm(`¿Eliminar «${c.title || 'esta conversación'}» para siempre?`)) return;
+      if (!confirm(t('confirmDel', { title: c.title || t('thisConv') }))) return;
       await conv.remove(c.id);
       renderHistoryPanel();
     };
-    row.append(t, date, del);
+    row.append(titEl, date, del);
     row.onclick = async () => { await conv.open(c.id); panel.hidden = true; };
     list.appendChild(row);
   }
@@ -388,16 +389,16 @@ async function changeModel(id) {
       if (typeof p === 'string') return showModelProgress(p);
       if (p?.status === 'progress' && p.total) {
         const pct = Math.round(p.loaded / p.total * 100);
-        showModelProgress(`Descargando el modelo IA · ${pct}% · ${(p.loaded / 1e6 | 0)}/${(p.total / 1e6 | 0)} MB`, pct);
+        showModelProgress(t('modelLoading', { pct, loaded: (p.loaded / 1e6 | 0), total: (p.total / 1e6 | 0) }), pct);
       }
     });
     conv.setProvider(mod);
     activeModel = id;
     localStorage.setItem('elffusscode.model', id);
     $('model-dot').className = 'dot on';
-    showModelProgress('Modelo IA listo · готово ✳', 100);
+    showModelProgress(t('modelReadyBadge'), 100);
     setTimeout(() => showModelProgress(null), 2500);
-    $('statusbar').textContent = 'Modelo IA listo';
+    $('statusbar').textContent = t('modelReady');
     rebuildSelect();
     return true;
   } catch (e) {
@@ -406,7 +407,7 @@ async function changeModel(id) {
     if (id.startsWith('litert') && !_fellBack) {
       _fellBack = true;
       sessionStorage.setItem('elffusscode.skipGemma', '1');
-      showModelProgress('Ese Gemma no cargó (memoria/GPU) — uso Elffuss LM (ligero)…');
+      showModelProgress(t('fallbackToast'));
       loadingId = null;
       const okc = await changeModel('onnx');
       _fellBack = false;
@@ -523,23 +524,23 @@ function renderSettings() {
   box.appendChild(grid);
 
   // --- Almacenamiento del modelo (caché persistente) ---
-  box.append(el('div', 'sk-h', 'Modelo descargado (se cachea en tu navegador)'));
+  box.append(el('div', 'sk-h', t('setStoreTitle')));
   const storeCard = el('div', 'prov-card');
-  const storeInfo = el('span', null, 'Calculando espacio…'); storeInfo.style.cssText = 'font-size:.8rem;color:var(--fg)';
+  const storeInfo = el('span', null, t('setCalc')); storeInfo.style.cssText = 'font-size:.8rem;color:var(--fg)';
   const storeSub = el('div', 'field'); storeSub.style.marginTop = '2px';
   const storeMuted = el('span', 'muted', ''); storeMuted.style.fontSize = '.72rem';
-  const clearBtn = el('button', 'prov-use', 'Vaciar caché');
+  const clearBtn = el('button', 'prov-use', t('setClear'));
   clearBtn.style.marginTop = '8px';
-  clearBtn.onclick = async () => { clearBtn.textContent = 'Vaciando…'; await clearModelCache(); await paintStorage(); clearBtn.textContent = 'Vaciar caché'; };
+  clearBtn.onclick = async () => { clearBtn.textContent = t('setClearing'); await clearModelCache(); await paintStorage(); clearBtn.textContent = t('setClear'); };
   const storeHead = el('div', 'prov-head'); storeHead.append(storeInfo);
   storeCard.append(storeHead, storeMuted, clearBtn);
   box.appendChild(storeCard);
   async function paintStorage() {
     const { usage, quota, persisted } = await cacheEstimate();
     const gb = n => (n / 1073741824).toFixed(2) + ' GB';
-    storeInfo.textContent = usage ? `${gb(usage)} en caché` : 'Nada cacheado todavía';
-    storeMuted.textContent = (persisted ? '✓ almacenamiento persistente (no se borra solo)' : '⚠ sin persistencia: el navegador podría desalojarlo')
-      + (quota ? ` · límite ~${gb(quota)}` : '');
+    storeInfo.textContent = usage ? t('setCached', { gb: gb(usage) }) : t('setNone');
+    storeMuted.textContent = (persisted ? t('setPersist') : t('setNoPersist'))
+      + (quota ? t('setLimit', { gb: gb(quota) }) : '');
   }
   paintStorage();
 
@@ -562,7 +563,7 @@ function renderSettings() {
     `<details style="margin-top:6px"><summary class="muted" style="font-size:.7rem;cursor:pointer">otro sistema operativo</summary>` +
     Object.entries(OTHER).filter(([f]) => f !== primary).map(([f, label]) => `<div><a href="https://elffuss-code.utopiaia.com/bridge-dl/${f}" download style="color:var(--accent2);font-size:.72rem">${label}</a></div>`).join('') +
     `</details>` +
-    `<div class="field" style="margin-top:8px"><label class="muted" style="font-size:.68rem">Token (lo imprime el programa al arrancarlo)</label><input id="br-token" placeholder="pega aquí el token…"></div>` +
+    `<div class="field" style="margin-top:8px"><label class="muted" style="font-size:.68rem">${t('setBrToken')}</label><input id="br-token" placeholder="${t('brTokenPh')}"></div>` +
     `<div class="field" style="margin-top:6px"><label class="muted" style="font-size:.68rem">Carpeta de trabajo (opcional — si no, usa una temporal)</label><input id="br-folder" placeholder="/ruta/completa/a/tu/proyecto"></div>` +
     `<button id="br-connect" class="prov-use" style="margin-top:8px">Conectar</button>`;
   box.appendChild(brCard);
@@ -636,7 +637,7 @@ function renderSettings() {
     `</label>` +
     `<p class="muted" style="font-size:.7rem;margin:6px 0 10px">Apagado por defecto — tu código y el contenido de tus proyectos NUNCA se incluyen, solo el mensaje de error técnico, la pila y datos del navegador.</p>` +
     `<label class="muted" style="font-size:.68rem">O manda algo tú directamente (un fallo que viste, algo que eches en falta…)</label>` +
-    `<textarea id="tel-feedback" rows="2" style="width:100%;margin-top:4px;resize:vertical;background:var(--bg2);border:1px solid var(--line);border-radius:8px;color:var(--fg);padding:6px 8px;font:inherit" placeholder="Cuéntanos qué ha pasado o qué te gustaría que hiciera…"></textarea>` +
+    `<textarea id="tel-feedback" rows="2" style="width:100%;margin-top:4px;resize:vertical;background:var(--bg2);border:1px solid var(--line);border-radius:8px;color:var(--fg);padding:6px 8px;font:inherit" placeholder="${t('setFeedbackPh')}"></textarea>` +
     `<button id="tel-send" class="prov-use" style="margin-top:6px">Enviar</button>` +
     `<span id="tel-msg" class="muted" style="font-size:.7rem;margin-left:8px"></span>`;
   box.appendChild(telCard);
@@ -669,10 +670,10 @@ function renderSettings() {
     use.onclick = () => { changeModel('ext:' + id); renderSettings(); };
     head.append(toggle, title, use);
     const fields = el('div', 'prov-fields' + (c.enabled ? '' : ' hide'));
-    const model = document.createElement('input'); model.value = c.model || ''; model.placeholder = 'modelo (p. ej. gpt-4o-mini)';
+    const model = document.createElement('input'); model.value = c.model || ''; model.placeholder = t('setModelPh');
     const key = document.createElement('input'); key.type = 'password'; key.value = c.apiKey || '';
-    key.placeholder = c.kind === 'anthropic' ? 'sk-ant-…' : (id === 'ollama' || id === 'server' ? 'clave (no necesaria)' : 'sk-…');
-    fields.append(labeled('Modelo', model), labeled('API key', key));
+    key.placeholder = c.kind === 'anthropic' ? 'sk-ant-…' : (id === 'ollama' || id === 'server' ? t('keyNeeded') : 'sk-…');
+    fields.append(labeled(t('lblModel'), model), labeled(t('lblApiKey'), key));
     const save = () => {
       settings.update(id, { enabled: toggle.checked, model: model.value.trim(), apiKey: key.value });
       rebuildSelect();
@@ -712,12 +713,13 @@ async function enterIDE(handle) {
   await conv.init({ onEvent: onConvEvent });
   renderTabsBar();
   renderActiveLog();
-  addMsg('sys', `Привіт 👋 Proyecto «${name}» abierto. Pregúntame por el código, pídeme cambios o dime «árbol». Todo se queda en tu máquina.`);
+  addMsg('sys', t('welcome', { name }));
   refreshGit();
   preloadModel(); // por si el arranque en la landing no llegó a dispararse
 }
 
 async function boot() {
+  applyI18n(); // localiza el chrome estático (placeholder) antes de pintar nada
   // Caché de modelos (persistente + service worker) ANTES de descargar nada,
   // para que hasta la primera descarga de pesos quede cacheada y no se repita.
   ensureModelCache().finally(() => preloadModel());
@@ -920,7 +922,7 @@ mind.init({ buildCity: buildCityAdapter, loadThoughts: loadThoughtsAdapter });
 // «Ejecutar esta propuesta»: la manda a la MISMA cola/agente del chat normal
 // (mismas herramientas reales, mismo gate de Auto-edit) — no un auto-apply
 // aparte sin supervisión.
-mind.setExecuteProposal(md => { mind.closeMind(); send('Implementa esta propuesta de mejora con cambios reales en el código:\n\n' + md); });
+mind.setExecuteProposal(md => { mind.closeMind(); send(t('pProposal') + md); });
 // «perfiles»: cada uno es una línea de pensamiento paralela (foco + color de
 // su estrella) del cerebro CEO (compartido, core/ceo.js). El usuario los
 // edita/crea/borra desde ⚙ en la Mente.
@@ -979,7 +981,7 @@ export function isNoteworthy(ev) {
 }
 // manda una propuesta (el .md completo del ciclo) a la MISMA cola/agente real
 // del chat — usado tanto por el botón del chat como por el de la notificación.
-function executeProposal(md) { send('Implementa esta propuesta de mejora con cambios reales en el código:\n\n' + md); }
+function executeProposal(md) { send(t('pProposal') + md); }
 
 export function reportImprovements(ev) {
   const props = ev.proposals || [];
@@ -1020,7 +1022,7 @@ async function notify(title, body, md) {
       if (reg.showNotification) {
         await reg.showNotification(title, {
           body, icon: 'img/elffuss-code.svg',
-          actions: [{ action: 'execute', title: '▶ Ejecutar' }, { action: 'open', title: 'Ver en la Mente' }],
+          actions: [{ action: 'execute', title: t('nExec') }, { action: 'open', title: t('nView') }],
           data: { md },
         });
         return;
@@ -1044,7 +1046,7 @@ document.addEventListener('keydown', noteAct, true);
 const elfAvatar = document.querySelector('#activity img');
 if (elfAvatar) {
   elfAvatar.style.cursor = 'pointer';
-  elfAvatar.title = 'Mente de Elffuss — cerebro autónomo';
+  elfAvatar.title = t('avatarTitle');
   elfAvatar.addEventListener('click', () => {
     // auto-activa SOLO la primera vez (nunca decidiste play/stop); si lo
     // pausaste a propósito, abrir la Mente NO debe reactivarlo por sorpresa.
@@ -1178,12 +1180,12 @@ document.addEventListener('click', e => {
 
 // [/] comandos
 $('btn-slash').addEventListener('click', () => openMenu([
-  { sep: 'Comandos' },
-  { label: '/tree', hint: 'árbol del proyecto', run: () => send('árbol') },
-  { label: '/search', hint: 'buscar en el código', run: () => { $('prompt').value = 'busca '; $('prompt').focus(); } },
-  { label: '/skills', hint: 'gestionar skills', run: () => openSkillsPanel() },
-  { label: '/model', hint: 'proveedores y modelo', run: () => $('btn-settings').click() },
-  { label: '/clear', hint: 'nueva conversación', run: () => conv.create() },
+  { sep: t('cmdsSep') },
+  { label: '/tree', hint: t('slTree'), run: () => send(t('pTree')) },
+  { label: '/search', hint: t('slSearch'), run: () => { $('prompt').value = t('pSearch'); $('prompt').focus(); } },
+  { label: '/skills', hint: t('slSkills'), run: () => openSkillsPanel() },
+  { label: '/model', hint: t('slModel'), run: () => $('btn-settings').click() },
+  { label: '/clear', hint: t('slClear'), run: () => conv.create() },
 ]));
 
 // [+] adjuntar archivo del proyecto como @ruta
@@ -1192,11 +1194,11 @@ $('btn-plus').addEventListener('click', async () => {
   try { tree = await codeTools.tree({ depth: 3 }); } catch { /* sin proyecto */ }
   const files = tree.split('\n').filter(l => l.trim() && !l.includes('📁')).map(l => l.trim()).slice(0, 40);
   const { currentFile } = codeTools.current();
-  const items = [{ sep: 'Adjuntar al mensaje (@)' }];
-  if (currentFile) items.push({ label: '@' + currentFile, hint: 'archivo abierto', run: () => attach(currentFile) });
+  const items = [{ sep: t('attachSep') }];
+  if (currentFile) items.push({ label: '@' + currentFile, hint: t('attachOpen'), run: () => attach(currentFile) });
   for (const f of files.filter(f => f !== currentFile).slice(0, 20))
     items.push({ label: '@' + f, run: () => attach(f) });
-  openMenu(items.length > 1 ? items : [{ sep: 'Abre un proyecto primero' }]);
+  openMenu(items.length > 1 ? items : [{ sep: t('openProjFirst') }]);
 });
 function attach(path) {
   const p = $('prompt');
@@ -1209,8 +1211,8 @@ let autoEdit = localStorage.getItem('elffusscode.autoedit') !== '0';
 function paintAuto() {
   const b = $('btn-autoedit');
   b.classList.toggle('on', autoEdit);
-  b.querySelector('.ae-txt').textContent = autoEdit ? 'Auto' : 'Revisar';
-  b.title = autoEdit ? 'Editar archivos automáticamente (clic para revisar antes)' : 'Pedir confirmación antes de escribir (clic para automático)';
+  b.querySelector('.ae-txt').textContent = autoEdit ? t('autoTxt') : t('reviewTxt');
+  b.title = autoEdit ? t('autoOn') : t('autoOff');
 }
 $('btn-autoedit').addEventListener('click', () => {
   autoEdit = !autoEdit;
@@ -1355,14 +1357,14 @@ async function browseRepo(repo, box) {
 // ---------- command palette (Cmd/Ctrl+P) ----------
 let palItems = [], palSel = 0;
 const COMMANDS = [
-  { label: 'Nueva conversación', run: () => conv.create() },
-  { label: 'Historial de conversaciones', run: () => $('btn-history').click() },
-  { label: 'Buscar en el código…', run: () => { closePalette(); $('prompt').value = 'busca '; $('prompt').focus(); } },
-  { label: 'Gestionar skills', run: () => { closePalette(); openSkillsPanel(); } },
-  { label: 'Ajustes y modelo', run: () => { closePalette(); renderSettings(); } },
-  { label: 'Alternar explorador', run: () => $('act-files').click() },
-  { label: 'Alternar terminal', hint: 'Ctrl+`', run: () => { closePalette(); toggleTerminal(); } },
-  { label: 'Guardar (Ctrl+S)', run: () => triggerEditor('') || (hasEditor() && triggerEditor('workbench.action.files.save')) },
+  { label: t('newConv'), run: () => conv.create() },
+  { label: t('tHistory'), run: () => $('btn-history').click() },
+  { label: t('pSearchCode'), run: () => { closePalette(); $('prompt').value = t('pSearch'); $('prompt').focus(); } },
+  { label: t('pManageSkills'), run: () => { closePalette(); openSkillsPanel(); } },
+  { label: t('tActSettings'), run: () => { closePalette(); renderSettings(); } },
+  { label: t('pToggleExplorer'), run: () => $('act-files').click() },
+  { label: t('pToggleTerm'), hint: 'Ctrl+`', run: () => { closePalette(); toggleTerminal(); } },
+  { label: t('pSave'), run: () => triggerEditor('') || (hasEditor() && triggerEditor('workbench.action.files.save')) },
 ];
 
 function openPalette(prefix = '') {
@@ -1392,9 +1394,9 @@ async function renderPalette() {
 
   if (raw.startsWith('>')) {                       // comandos
     const q = raw.slice(1).trim().toLowerCase();
-    palItems = COMMANDS.filter(c => c.label.toLowerCase().includes(q)).map(c => ({ label: c.label, hint: 'comando', run: c.run }));
+    palItems = COMMANDS.filter(c => c.label.toLowerCase().includes(q)).map(c => ({ label: c.label, hint: t('palCmd'), run: c.run }));
   } else if (raw.startsWith('@')) {                // símbolos del archivo abierto (Monaco)
-    palItems = [{ label: 'Ir a símbolo en el editor…', hint: '@', run: () => { closePalette(); triggerEditor('editor.action.quickOutline'); } }];
+    palItems = [{ label: t('palGotoSym'), hint: '@', run: () => { closePalette(); triggerEditor('editor.action.quickOutline'); } }];
   } else {                                          // archivos (con :línea opcional)
     const [pathQ, lineQ] = raw.split(':');
     const files = await codeTools.fileList().catch(() => []);
@@ -1414,7 +1416,7 @@ async function renderPalette() {
     row.onclick = () => it.run();
     list.appendChild(row);
   });
-  if (!palItems.length) list.appendChild(el('div', 'pal-empty', 'Sin resultados'));
+  if (!palItems.length) list.appendChild(el('div', 'pal-empty', t('palEmpty')));
 }
 function paintPalSel() {
   [...$('pal-list').children].forEach((c, i) => c.classList.toggle('sel', i === palSel));
@@ -1436,30 +1438,30 @@ document.addEventListener('click', e => { if (!e.target.closest('#palette')) clo
 // ---------- barra de menú File/Edit/View/Git ----------
 async function menuFor(which) {
   if (which === 'file') return [
-    { label: 'Nuevo archivo…', run: () => { const p = prompt('Ruta del nuevo archivo:'); if (p) codeTools.write({ path: p, content: '' }).then(() => { openFile(p); refreshTree(); }); } },
-    { label: 'Guardar', hint: 'Ctrl+S', run: () => triggerEditor('workbench.action.files.save') },
-    { label: 'Abrir carpeta…', run: async () => { try { await enterIDE(await window.showDirectoryPicker({ mode: 'readwrite' })); } catch {} } },
+    { label: t('mNewFile'), run: () => { const p = prompt(t('promptNewPath')); if (p) codeTools.write({ path: p, content: '' }).then(() => { openFile(p); refreshTree(); }); } },
+    { label: t('mSave'), hint: 'Ctrl+S', run: () => triggerEditor('workbench.action.files.save') },
+    { label: t('mOpenFolder'), run: async () => { try { await enterIDE(await window.showDirectoryPicker({ mode: 'readwrite' })); } catch {} } },
   ];
   if (which === 'edit') return [
-    { label: 'Buscar en el código', run: () => { $('prompt').value = 'busca '; $('prompt').focus(); } },
-    { label: 'Ir a archivo…', hint: 'Cmd+P', run: () => openPalette('') },
-    { label: 'Ir a símbolo…', run: () => triggerEditor('editor.action.quickOutline') },
+    { label: t('mSearchCode'), run: () => { $('prompt').value = t('pSearch'); $('prompt').focus(); } },
+    { label: t('mGotoFile'), hint: 'Cmd+P', run: () => openPalette('') },
+    { label: t('mGotoSym'), run: () => triggerEditor('editor.action.quickOutline') },
   ];
   if (which === 'view') return [
-    { label: 'Explorador', run: () => $('act-files').click() },
-    { label: 'Terminal', hint: 'Ctrl+`', run: () => toggleTerminal(true) },
-    { label: 'Arquitectura', run: () => openView('arch') },
-    { label: 'Ciudad 3D', run: () => openView('city') },
+    { label: t('tFiles'), run: () => $('act-files').click() },
+    { label: t('mTerminal'), hint: 'Ctrl+`', run: () => toggleTerminal(true) },
+    { label: t('mArch'), run: () => openView('arch') },
+    { label: t('tCity'), run: () => openView('city') },
     { label: 'Command Palette', hint: 'Cmd+Shift+P', run: () => openPalette('>') },
     { label: 'Skills', run: () => openSkillsPanel() },
-    { label: 'Acerca de Elffuss Code (GitHub)', hint: '↗', run: () => window.open('https://github.com/KikoCis/elffuss-code', '_blank', 'noopener') },
+    { label: t('mAbout'), hint: '↗', run: () => window.open('https://github.com/KikoCis/elffuss-code', '_blank', 'noopener') },
   ];
   if (which === 'git') {
     const g = await codeTools.gitInfo();
-    if (!g.isRepo) return [{ label: 'No es un repositorio git', hint: '', run: () => {} }];
-    const items = [{ label: 'Rama: ' + g.branch, hint: 'git', run: () => {} }];
-    if (g.lastCommit) items.push({ label: 'Último: ' + g.lastCommit.msg.slice(0, 40), hint: g.lastCommit.author, run: () => {} });
-    items.push({ label: 'Pídele a Elffuss que commitee', run: () => { $('prompt').value = 'resume los cambios y prepárame el mensaje de commit'; $('prompt').focus(); } });
+    if (!g.isRepo) return [{ label: t('gNotRepo'), hint: '', run: () => {} }];
+    const items = [{ label: t('gBranch', { b: g.branch }), hint: 'git', run: () => {} }];
+    if (g.lastCommit) items.push({ label: t('gLast', { m: g.lastCommit.msg.slice(0, 40) }), hint: g.lastCommit.author, run: () => {} });
+    items.push({ label: t('gCommit'), run: () => { $('prompt').value = t('pCommit'); $('prompt').focus(); } });
     return items;
   }
   return [];

js/mind.js

@@ -17,6 +17,7 @@ import { OutputPass } from 'three/addons/postprocessing/OutputPass.js';
 import * as ceo from './ceo.js';
 import * as db from './db.js';
 import { renderMarkdown } from './md.js';
+import { t } from './i18n.js';
 
 const SOUNDCLOUD = 'https://soundcloud.com/dekel-official/dekel-baoba-festival-2023';
 const CEO_COLOR = '#ff4d8d';
@@ -450,7 +451,7 @@ export async function openMind() {
   overlay.id = 'mind-overlay';
   overlay.innerHTML =
     '<canvas id="mind-canvas"></canvas>' +
-    '<div id="mind-title">MENTE DE ELFFUSS</div>' +
+    `<div id="mind-title">${t('mindTitle')}</div>` +
     '<div id="mind-legend"></div>' +
     '<button id="mind-playstop" title="pausar/reanudar el cerebro"></button>' +
     '<button id="mind-config" title="reprogramar el cerebro">⚙ cerebro</button>' +