@danieltmn/openbridge 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -4,6 +4,32 @@ Todos los cambios relevantes de OpenBridge. Formato basado en
 [Keep a Changelog](https://keepachangelog.com/es-ES/1.1.0/) y
 [Versionado Semantico](https://semver.org/lang/es/).
 
+## [0.5.0] - 2026-09-14
+
+### Agregado
+
+- Comando `openbridge update` (compara con npm; `--yes` actualiza la instalacion
+  global).
+- Comando `openbridge join <url>` para sumar una PC como puente de un hub:
+  persiste `apiUrl`/`apiToken`/`bridgeId` y arranca el puente (`--no-start` solo
+  guarda).
+- `npm run lint` (`scripts/lint.mjs`): `node --check` sobre todo el JS; corre en
+  CI.
+- Test end-to-end del puente con `opencode` mockeado (`test/bridge.test.js`) y
+  tests del CLI (`test/cli.test.js`).
+- **MCP**: vista en la web y comando de chat `/mcp` que muestran los servidores
+  MCP de opencode y su estado (`opencode mcp list`); comando de puente
+  `mcp_list`.
+- `CONTRIBUTING.md`.
+
+### Cambiado
+
+- Claves internas `ocx_*` renombradas a `ob_*` con migracion automatica
+  (localStorage y cookie de tema). Se mantienen como compatibilidad el env
+  `OPENCONEX_HOME` y el bin `openconex` (deprecados).
+- `config.command` puede apuntar a un script de Node (`.js`/`.mjs`/`.cjs`): se
+  ejecuta con el `node` actual (wrappers propios y pruebas con CLI simulado).
+
 ## [0.4.0] - 2026-09-14
 
 ### Agregado

package/README.md

@@ -90,10 +90,12 @@ iniciar sesión** una vez; los chats, carpetas, túnel y push se conservan.
 | `openbridge tunnel` | Muestra o cambia el proveedor de túnel y su dominio fijo (`--domain`) |
 | `openbridge logs` | Logs (`--follow`, `--server`, `--bridge`) |
 | `openbridge bridge` | Corre **solo** el puente (`--api --token --id --name`) |
+| `openbridge join` | Vincula esta PC como puente de un hub (`<url> --token --id --name`) |
 | `openbridge import` | Trae `data/` de OpenConex (`<data-dir> [--force]`) |
 | `openbridge reset` | Borra chats/datos (`--session <id>`, `--yes`) |
 | `openbridge autostart` | Arranque automático (`install`/`remove`) |
 | `openbridge doctor` | Verifica Node, opencode, configuración y puerto |
+| `openbridge update` | Busca una versión nueva en npm (`--yes` para actualizar) |
 
 ## Casa portable
 
@@ -130,10 +132,11 @@ Ejemplo concreto:
 2. Copiá el **token del puente** del hub: `.openbridge/app.json` → `bridgeToken`.
 3. En la **PC 2** (remota):
    ```bash
-   openbridge init --tunnel none        # no necesita túnel propio
-   openbridge bridge --api https://tu-url-publica/api.php \
-     --token <bridgeToken> --id pc2 --name "PC 2"
+   openbridge join https://tu-url-publica --token <bridgeToken> --id pc2 --name "PC 2"
+   # guarda la config y arranca el puente; con --no-start solo guarda
    ```
+   (equivale a `openbridge bridge --api … --token … --id … --name …`, pero
+   persiste la config para no repetir flags)
 4. Abrí la URL del hub desde el celular: en el sidebar aparecen **PC 1** y
    **PC 2** para alternar.
 
@@ -164,6 +167,12 @@ suscripción no persiste entre reinicios (el push está atado al origen); la app
 vuelve a registrar cuando la abrís en la URL nueva. Para que sea estable, usá una
 URL fija (ngrok con `--domain`).
 
+## MCP
+
+La web tiene una vista **mcp** y el chat acepta `/mcp`: muestran los servidores
+MCP de opencode y su estado (`opencode mcp list`). El comando corre en la PC del
+puente, así que refleja la configuración de opencode de esa computadora.
+
 ## Seguridad
 
 - La app escucha **solo en `127.0.0.1`**; el túnel la expone a internet.

package/docs/ARCHITECTURE.md

@@ -19,7 +19,7 @@ el estado); `--stream` lo deja en primer plano.
 | Ruta | Responsabilidad |
 |---|---|
 | `bin/openbridge.js` | Entrada CLI + guard de Node. |
-| `src/cli.js` | Comandos (`init`, `passwd`, `users`, `server`, `stop`, `status`, `qr`, `tunnel`, `logs`, `bridge`, `import`, `reset`, `autostart`, `doctor`). |
+| `src/cli.js` | Comandos (`init`, `passwd`, `users`, `server`, `stop`, `status`, `qr`, `tunnel`, `logs`, `bridge`, `join`, `import`, `reset`, `autostart`, `doctor`, `update`). |
 | `src/paths.js` | Casa portable: ubicacion de `config.json`, `app.json`, `data/`, `logs/`. |
 | `src/config.js` | Lectura/escritura de config, hash scrypt, **usuarios/roles**, VAPID. |
 | `src/auth.js` | Cookie de sesion firmada, CSRF, remember-me, **roles**, rate limit, token del puente. |
@@ -65,9 +65,13 @@ OpenBridge. La CLI pasa la **base** (`--dir`/cwd) al puente via
 
 ## Multi-PC
 
-El hub corre la app; cada PC corre `openbridge bridge` apuntando al hub
-(`apiUrl` + `apiToken` + `bridgeId`). El catalogo se guarda por PC
-(`data/catalog-<id>.json`) y el sidebar permite elegir que PC usar.
+El hub corre la app; cada PC corre `openbridge bridge` (o `openbridge join <url>`,
+que persiste `apiUrl` + `apiToken` + `bridgeId`) apuntando al hub. El catalogo se
+guarda por PC (`data/catalog-<id>.json`) y el sidebar permite elegir que PC usar.
+
+`config.command` es el CLI a ejecutar (default `opencode`). Si apunta a un script
+de Node (`.js`/`.mjs`/`.cjs`) el puente lo corre con el `node` actual, lo que
+permite wrappers propios y las pruebas con un opencode simulado.
 
 ## Usuarios y roles
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danieltmn/openbridge",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Tu opencode en el celular, sin hosting: corre la app, el puente y un tunel publico desde tu PC.",
   "type": "commonjs",
   "author": "tamnora",
@@ -43,6 +43,7 @@
   "scripts": {
     "start": "node bin/openbridge.js server",
     "test": "node --test",
+    "lint": "node scripts/lint.mjs",
     "release": "node scripts/release.mjs",
     "release:dry": "node scripts/release.mjs --dry-run",
     "prepublishOnly": "npm test"

package/src/bridge/bridge.js

@@ -412,6 +412,21 @@ function parseShimExe(shimPath, shimDir) {
     return exe;
 }
 
+// Si `command` apunta a un script de Node (.js/.mjs/.cjs) lo ejecutamos con el
+// node actual. Permite wrappers propios (p. ej. un runner que filtra logs) y
+// que las pruebas usen un opencode simulado sin depender del PATH.
+function isNodeScriptCommand(cmd) {
+    return /\.(c|m)?js$/i.test(String(cmd || '').trim());
+}
+
+function commandSpec(args) {
+    const cmd = config.command;
+    if (isNodeScriptCommand(cmd)) {
+        return { cmd: process.execPath, argv: [path.resolve(cmd)].concat(args) };
+    }
+    return { cmd: resolveCommand(), argv: args };
+}
+
 // ---------------------------------------------------------------------------
 // Ejecutar comandos auxiliares de opencode
 // ---------------------------------------------------------------------------
@@ -457,9 +472,9 @@ function runCmd(bin, args, opts) {
 
 function runCli(args, opts) {
     return new Promise((resolve) => {
-        const cmd = resolveCommand();
+        const spec = commandSpec(args);
         const timeoutMs = Math.max((opts && opts.timeout) || 0, 0);
-        const child = spawn(cmd, args, {
+        const child = spawn(spec.cmd, spec.argv, {
             cwd: (opts && opts.cwd) || undefined,
             stdio: ['pipe', 'pipe', 'pipe'],
             env: process.env,
@@ -511,9 +526,9 @@ function runCli(args, opts) {
 // Resolución: { ok, code, text, reasoning, killed, canceled, sessionID, errorText }.
 function streamCli(args, opts, onPartial) {
     return new Promise((resolve) => {
-        const cmd = resolveCommand();
+        const spec = commandSpec(args);
         const timeoutMs = Math.max((opts && opts.timeout) || 0, 0);
-        const child = spawn(cmd, args, {
+        const child = spawn(spec.cmd, spec.argv, {
             cwd: (opts && opts.cwd) || undefined,
             stdio: ['pipe', 'pipe', 'pipe'],
             env: process.env,
@@ -834,7 +849,7 @@ async function runOpencode(msg, onPartial) {
         try {
             const mime = msg.img.slice(5, msg.img.indexOf(';'));
             const ext = { 'image/png': '.png', 'image/jpeg': '.jpg', 'image/webp': '.webp', 'image/gif': '.gif' }[mime] || '.png';
-            imgPath = path.join(os.tmpdir(), 'ocx-img-' + msg.session_id + '-' + msg.id + ext);
+            imgPath = path.join(os.tmpdir(), 'ob-img-' + msg.session_id + '-' + msg.id + ext);
             fs.writeFileSync(imgPath, Buffer.from(msg.img.slice(msg.img.indexOf(',') + 1), 'base64'));
             log('imagen adjunta: ' + Math.round(fs.statSync(imgPath).size / 1024) + ' KB para el mensaje #' + msg.id);
         } catch (e) {
@@ -975,6 +990,16 @@ async function runMessage(msg) {
         return { text: '', opencodeSession: null, done: true };
     }
 
+    if (name === 'mcp') {
+        log('comando /mcp');
+        const r = await runCli(['mcp', 'list'], { timeout: 30000 });
+        const text = r.ok
+            ? (r.text || 'No hay servidores MCP configurados.')
+            : 'No se pudieron listar los MCP: ' + (r.text || ('exit ' + r.code));
+        await respondSimple(msg, text, false);
+        return { text: '', opencodeSession: null, done: true };
+    }
+
     if (name === 'workspace') {
         log('comando /workspace');
         const ws = config.workspace ? path.resolve(config.workspace) : '';
@@ -1014,6 +1039,7 @@ async function runMessage(msg) {
             + '• /compact, /resumen, /summarize — liberar contexto\n'
             + '• /models [filtro] — proveedores disponibles o búsqueda de modelos\n'
             + '• /agents — listar agentes disponibles\n'
+            + '• /mcp — servidores MCP de opencode y su estado\n'
             + '• /folders, /carpetas, /dirs — listar carpetas del workspace\n'
             + '• /workspace — mostrar el espacio de trabajo\n'
             + '• /status, /estado — estado del puente\n'
@@ -2115,6 +2141,19 @@ async function handleCommand(cmd) {
         await handleFsCommand(cmd);
         return;
     }
+    // Servidores MCP de opencode: se devuelve JSON con la salida cruda para que
+    // la web la muestre en el panel.
+    if (cmd.name === 'mcp_list') {
+        const r = await runCli(['mcp', 'list'], { timeout: 30000 });
+        await api('command_done', {
+            id: cmd.id,
+            ok: r.ok,
+            text: JSON.stringify({ output: r.text || '', ok: r.ok }),
+            error: r.ok ? '' : ('exit ' + r.code),
+        }, cmd._t);
+        log('comando #' + cmd.id + ' mcp_list (ok=' + r.ok + ')');
+        return;
+    }
     // Cambios git del proyecto (status/diff/revertir).
     if (cmd.name === 'git_status' || cmd.name === 'git_diff' || cmd.name === 'git_checkout') {
         await handleGitCommand(cmd);

package/src/cli.js

@@ -600,8 +600,8 @@ async function cmdLogs(argv) {
 // ---------------------------------------------------------------------------
 async function cmdBridge(argv) {
     const { flags } = parseArgs(argv);
-    if (!paths.exists()) {
-        console.error('No hay configuracion en ' + paths.home() + '. Corre primero: openbridge init');
+    if (!fs.existsSync(paths.configPath())) {
+        console.error('No hay configuracion de puente en ' + paths.home() + '. Corre primero: openbridge join <url> o openbridge init');
         return 1;
     }
     // Permite apuntar a otro hub sin editar config.json a mano.
@@ -620,6 +620,41 @@ async function cmdBridge(argv) {
     return new Promise((resolve) => child.on('exit', (code) => resolve(code || 0)));
 }
 
+// ---------------------------------------------------------------------------
+// join: esta PC se suma como puente de un hub (otra PC con `openbridge server`).
+// Guarda la URL/token/identidad en config.json y arranca el puente.
+// ---------------------------------------------------------------------------
+async function cmdJoin(argv) {
+    const { flags, _ } = parseArgs(argv);
+    const url = String(_[0] || flags.api || '').trim();
+    if (!url || !/^https?:\/\//i.test(url)) {
+        console.error('Uso: openbridge join <url-del-hub> [--token <t>] [--id <pc>] [--name "<nombre>"] [--no-start]');
+        console.error('Ej.:  openbridge join https://mi-pc.trycloudflare.com --token <t> --id pc2 --name "PC oficina"');
+        return 1;
+    }
+    paths.ensureDirs();
+    const cfg = config.readBridge();
+    cfg.apiUrl = url.replace(/\/+$/, '');
+    if (typeof flags.token === 'string') cfg.apiToken = flags.token;
+    if (typeof flags.id === 'string') cfg.bridgeId = sanitizeId(flags.id);
+    else if (!cfg.bridgeId) cfg.bridgeId = sanitizeId(os.hostname());
+    if (typeof flags.name === 'string' && flags.name.trim()) cfg.bridgeName = flags.name.trim().slice(0, 40);
+    else if (!cfg.bridgeName) cfg.bridgeName = cfg.bridgeId;
+    config.writeBridge(cfg);
+
+    console.log('Puente vinculado al hub: ' + cfg.apiUrl);
+    console.log('  id     : ' + cfg.bridgeId);
+    console.log('  nombre : ' + cfg.bridgeName);
+    if (!cfg.apiToken) console.log('aviso: sin token (--token). Solo sirve si el hub no exige token del puente.');
+    if (flags['no-start']) {
+        console.log('Arrancalo cuando quieras con: openbridge bridge');
+        return 0;
+    }
+    console.log('');
+    console.log('Arrancando el puente (Ctrl+C para salir)...');
+    return cmdBridge([]);
+}
+
 // ---------------------------------------------------------------------------
 // import / reset (datos)
 // ---------------------------------------------------------------------------
@@ -915,6 +950,53 @@ async function cmdDoctor() {
     return ok ? 0 : 1;
 }
 
+// ---------------------------------------------------------------------------
+// update: compara con npm y, con --yes, actualiza la instalacion global.
+// ---------------------------------------------------------------------------
+function npmRun(args) {
+    return spawnSync('npm', args, { encoding: 'utf8', shell: process.platform === 'win32', windowsHide: true });
+}
+
+async function cmdUpdate(argv) {
+    const { flags } = parseArgs(argv);
+    const tag = (typeof flags.tag === 'string' && flags.tag) ? flags.tag : 'latest';
+    const pkg = '@danieltmn/openbridge';
+    const spec = pkg + '@' + tag;
+    console.log('Version actual: ' + VERSION);
+
+    const view = npmRun(['view', spec, 'version', '--json']);
+    let latest = '';
+    try { latest = String(JSON.parse(view.stdout)).trim(); } catch (e) { latest = String(view.stdout || '').trim().replace(/"/g, ''); }
+    if (view.status !== 0 || !/^\d+\.\d+\.\d+/.test(latest)) {
+        console.error('No se pudo consultar npm (' + tag + '): ' + ((view.stderr || '').trim() || 'revisa tu conexion'));
+        return 1;
+    }
+    console.log('Disponible (' + tag + '): ' + latest);
+    if (latest === VERSION) {
+        console.log('Ya estas en la ultima version.');
+        return 0;
+    }
+    if (flags.check) {
+        console.log('Hay una version nueva. Corre: openbridge update --yes');
+        return 0;
+    }
+    if (!flags.yes && !flags.y) {
+        console.log('');
+        console.log('Para actualizar ahora:');
+        console.log('  openbridge update --yes        (o)  npm i -g ' + spec);
+        return 0;
+    }
+
+    console.log('Actualizando a ' + spec + '...');
+    const r = spawnSync('npm', ['i', '-g', spec], { stdio: 'inherit', shell: process.platform === 'win32', windowsHide: true });
+    if (r.status !== 0) {
+        console.error('La actualizacion fallo. Proba a mano: npm i -g ' + spec);
+        return 1;
+    }
+    console.log('Listo. Reinicia el server para usar la version nueva: openbridge stop && openbridge server');
+    return 0;
+}
+
 // ---------------------------------------------------------------------------
 function usage() {
     console.log('OpenBridge ' + VERSION + ' — tu opencode en el celular, sin hosting');
@@ -931,10 +1013,12 @@ function usage() {
     console.log('  tunnel    Muestra o cambia el proveedor de tunel (tunnelmole|ngrok|cloudflare|none) [--domain]');
     console.log('  logs      Ultimas lineas de los logs (--follow --server --bridge)');
     console.log('  bridge    Corre solo el puente (--api --token --id --name)');
+    console.log('  join      Vincula esta PC como puente de un hub (<url> --token --id --name)');
     console.log('  import    Trae data/ de OpenConex (<data-dir> [--force])');
     console.log('  reset     Borra todos los chats/datos (--session <id> --yes)');
     console.log('  autostart Instala/quita el arranque automatico (install|remove)');
     console.log('  doctor    Verifica Node, opencode, configuracion y puerto');
+    console.log('  update    Busca una version nueva en npm (--yes para actualizar)');
     console.log('');
     console.log('Opciones comunes: --dir <ruta>  (casa portable; default: directorio actual)');
     console.log('init: --workspace --name --id --port --password --tunnel --domain --yes --force');
@@ -964,10 +1048,12 @@ async function main(argv) {
         case 'tunnel': return cmdTunnel(args.slice(1));
         case 'logs': return cmdLogs(args.slice(1));
         case 'bridge': return cmdBridge(args.slice(1));
+        case 'join': return cmdJoin(args.slice(1));
         case 'import': return cmdImport(args.slice(1));
         case 'reset': return cmdReset(args.slice(1));
         case 'autostart': return cmdAutostart(args.slice(1));
         case 'doctor': return cmdDoctor();
+        case 'update': return cmdUpdate(args.slice(1));
         case 'version': case '-v': case '--version': console.log(VERSION); return 0;
         case 'help': case '-h': case '--help': usage(); return 0;
         default:

package/src/web/assets/app.js

@@ -1,5 +1,21 @@
 "use strict";
 
+// Migracion de claves viejas `ocx_*` a `ob_*` (una sola vez, antes de leer nada).
+(function () {
+    try {
+        var keys = [];
+        for (var i = 0; i < localStorage.length; i++) {
+            var k = localStorage.key(i);
+            if (k && k.indexOf('ocx_') === 0) keys.push(k);
+        }
+        for (var j = 0; j < keys.length; j++) {
+            var nk = 'ob_' + keys[j].slice(4);
+            if (localStorage.getItem(nk) === null) localStorage.setItem(nk, localStorage.getItem(keys[j]));
+            localStorage.removeItem(keys[j]);
+        }
+    } catch (e) { /* almacenamiento no disponible */ }
+})();
+
 var CFG = window.APP_CONFIG || {};
 var CSRF = CFG.csrf || '';
 var INITIAL_SESSION = typeof CFG.initialSession === 'number' ? CFG.initialSession : null;
@@ -50,6 +66,7 @@ var els = {
     skinPanel: document.getElementById('skinPanel'),
     viewProcs: document.getElementById('viewProcs'),
     viewChanges: document.getElementById('viewChanges'),
+    viewMcp: document.getElementById('viewMcp'),
     themeColor: document.getElementById('themeColor'),
     themeLink: document.getElementById('themeStylesheet'),
     statusbar: document.getElementById('statusbar'),
@@ -104,6 +121,7 @@ var CMDS = [
     { cmd: '/compact', desc: 'Liberar contexto' },
     { cmd: '/models', desc: 'Proveedores y búsqueda de modelos' },
     { cmd: '/agents', desc: 'Listar agentes disponibles' },
+    { cmd: '/mcp', desc: 'Servidores MCP de opencode' },
     { cmd: '/folders', desc: 'Carpetas del workspace' },
     { cmd: '/workspace', desc: 'Mostrar el espacio de trabajo' },
     { cmd: '/status', desc: 'Estado del puente' },
@@ -167,7 +185,7 @@ var state = {
 
 // Puente activo y lista conocida se restauran antes de pintar (caché local).
 state.activeBridge = loadStoredBridge();
-var _cachedBridges = lsGet('ocx_bridges');
+var _cachedBridges = lsGet('ob_bridges');
 if (Array.isArray(_cachedBridges) && _cachedBridges.length) state.bridges = _cachedBridges;
 
 // Estado del panel "procesos" de la sesión activa (dev servers en la PC).
@@ -271,8 +289,8 @@ function applyTheme(slug, opts) {
     } catch (e) {}
     if (!opts || opts.persist !== false) {
         try {
-            document.cookie = 'ocx_theme=' + encodeURIComponent(s) + ';path=/;max-age=' + (60 * 60 * 24 * 365) + ';SameSite=Lax';
-            localStorage.setItem('ocx_theme', s);
+            document.cookie = 'ob_theme=' + encodeURIComponent(s) + ';path=/;max-age=' + (60 * 60 * 24 * 365) + ';SameSite=Lax';
+            localStorage.setItem('ob_theme', s);
         } catch (e) {}
     }
     renderSkinPanel();
@@ -329,16 +347,16 @@ function activeBridgeInfo() { return bridgeInfo(activeBridgeId()); }
 // El catálogo/estado se guardan por puente activo (cada PC tiene el suyo).
 function catalogKey() {
     var id = activeBridgeId();
-    return id ? 'ocx_catalog_' + id : 'ocx_catalog';
+    return id ? 'ob_catalog_' + id : 'ob_catalog';
 }
 function catalogVerKey() {
     return catalogKey() + '_ver';
 }
 function loadStoredBridge() {
-    try { return localStorage.getItem('ocx_bridge') || ''; } catch (e) { return ''; }
+    try { return localStorage.getItem('ob_bridge') || ''; } catch (e) { return ''; }
 }
 function storeBridge(id) {
-    try { localStorage.setItem('ocx_bridge', id || ''); } catch (e) {}
+    try { localStorage.setItem('ob_bridge', id || ''); } catch (e) {}
 }
 
 // Sesiones visibles: solo las del puente activo cuando hay varios puentes.
@@ -385,7 +403,7 @@ function renderBridgeBar() {
 // applyBootPayload / switchActiveBridge para no mezclar catálogos).
 function applyBridges(list) {
     state.bridges = Array.isArray(list) ? list : [];
-    try { localStorage.setItem('ocx_bridges', JSON.stringify(state.bridges)); } catch (e) {}
+    try { localStorage.setItem('ob_bridges', JSON.stringify(state.bridges)); } catch (e) {}
     renderBridgeBar();
 }
 
@@ -446,7 +464,7 @@ function applyBootPayload(data) {
         state.catalog.last_online_ts = data.online_ts;
     }
     var sessions = data.sessions || [];
-    lsSet('ocx_sessions', sessions);
+    lsSet('ob_sessions', sessions);
     renderHome(sessions);
     applyOnlineUI();
 }
@@ -718,13 +736,13 @@ function projectLabel(folderPath) {
 function loadOpenProjects() {
     if (state.openProjects) return state.openProjects;
     var stored = null;
-    try { stored = JSON.parse(localStorage.getItem('ocx_openProjects') || 'null'); } catch (e) {}
+    try { stored = JSON.parse(localStorage.getItem('ob_openProjects') || 'null'); } catch (e) {}
     state.openProjects = (stored && typeof stored === 'object') ? stored : null;
     return state.openProjects;
 }
 
 function saveOpenProjects() {
-    try { localStorage.setItem('ocx_openProjects', JSON.stringify(state.openProjects || {})); } catch (e) {}
+    try { localStorage.setItem('ob_openProjects', JSON.stringify(state.openProjects || {})); } catch (e) {}
 }
 
 function isProjectOpen(folderPath, sessions) {
@@ -992,6 +1010,7 @@ function showView(name) {
     els.viewPreview.style.display = 'none';
     els.viewProcs.style.display = 'none';
     els.viewChanges.style.display = 'none';
+    els.viewMcp.style.display = 'none';
 
     if (name !== 'procs') stopProcView();
 
@@ -1064,6 +1083,12 @@ function showView(name) {
         els.sendForm.style.display = 'none';
         els.btnCmds.style.display = 'none';
         renderChangesView();
+    } else if (name === 'mcp') {
+        els.viewMcp.style.display = '';
+        els.btnBack.style.display = 'none';
+        els.sendForm.style.display = 'none';
+        els.btnCmds.style.display = 'none';
+        renderMcpView();
     }
 
     if (els.fabNew) els.fabNew.classList.toggle('show', name === 'home');
@@ -1131,21 +1156,21 @@ if (composeCloseEl) composeCloseEl.addEventListener('click', composeCloseSheet);
 // Sidebar: logo → inicio, ajuste de ancho y ocultar (desktop) / cerrar drawer (móvil)
 // ---------------------------------------------------------------------------
 function sbHidden() {
-    try { return localStorage.getItem('ocx_sbHidden') === '1'; } catch (e) { return false; }
+    try { return localStorage.getItem('ob_sbHidden') === '1'; } catch (e) { return false; }
 }
 function setSbHidden(hidden) {
-    try { localStorage.setItem('ocx_sbHidden', hidden ? '1' : '0'); } catch (e) {}
+    try { localStorage.setItem('ob_sbHidden', hidden ? '1' : '0'); } catch (e) {}
     document.body.classList.toggle('sb-hide', hidden);
 }
 function sbWidth() {
     try {
-        var w = parseInt(localStorage.getItem('ocx_sbW'), 10);
+        var w = parseInt(localStorage.getItem('ob_sbW'), 10);
         if (w >= 200 && w <= 480) return w;
     } catch (e) {}
     return 264;
 }
 function setSbWidth(w) {
-    try { localStorage.setItem('ocx_sbW', String(w)); } catch (e) {}
+    try { localStorage.setItem('ob_sbW', String(w)); } catch (e) {}
     document.documentElement.style.setProperty('--sb-w', w + 'px');
 }
 
@@ -1321,7 +1346,7 @@ function renderHome(sessions) {
 async function loadSessions() {
     var data = await api('api.php?action=sessions');
     if (data.ok) {
-        lsSet('ocx_sessions', data.sessions || []);
+        lsSet('ob_sessions', data.sessions || []);
         renderHome(data.sessions || []);
     } else if (!state.sessions.length) {
         els.home.innerHTML = '<div class="empty">Sin conexión</div>';
@@ -3007,6 +3032,36 @@ function renderChangesView() {
     loadChanges(folder);
 }
 
+// ---------------------------------------------------------------------------
+// Vista MCP: estado de los servidores MCP de opencode (opencode mcp list).
+// ---------------------------------------------------------------------------
+function renderMcpView() {
+    els.hTitle.textContent = 'mcp';
+    els.hSub.textContent = 'servidores MCP de opencode';
+    if (!state.online) {
+        els.viewMcp.innerHTML = '<div class="placeholder">El puente está apagado. Iniciá “OpenBridge” en tu PC.</div>';
+        return;
+    }
+    els.viewMcp.innerHTML = '<div class="view-head"><h2>servidores MCP</h2>'
+        + '<div class="view-sub">opencode mcp list</div></div>'
+        + '<div class="placeholder">consultando opencode…</div>';
+    loadMcp();
+}
+
+async function loadMcp() {
+    var res = await ocCommand('mcp_list', [], 15, 700);
+    if (!els.viewMcp) return;
+    var head = '<div class="view-head"><h2>servidores MCP</h2>'
+        + '<div class="view-sub">opencode mcp list</div></div>';
+    if (!res.ok) {
+        els.viewMcp.innerHTML = head + '<div class="placeholder">' + esc(res.error || 'no se pudo consultar') + '</div>';
+        return;
+    }
+    var output = (res.data && res.data.output) || '';
+    els.viewMcp.innerHTML = head + '<pre class="codeblock">'
+        + esc(output || 'No hay servidores MCP configurados.') + '</pre>';
+}
+
 function chgStatusClass(st) {
     if (st === '??' || st === 'A') return 'add';
     if (st.indexOf('D') >= 0) return 'del';
@@ -3402,7 +3457,7 @@ function validPort(p) {
 
 function renderPreviewView() {
     if (!state.previewPort) {
-        try { state.previewPort = localStorage.getItem('ocx_lastPort') || ''; } catch (e) {}
+        try { state.previewPort = localStorage.getItem('ob_lastPort') || ''; } catch (e) {}
     }
     els.viewPreview.innerHTML = '<div class="view-head"><h2>vista previa</h2>'
         + '<div class="view-sub">túneles del proyecto (TunnelMole, corren en tu PC)</div></div>'
@@ -3474,7 +3529,7 @@ function renderTunnels(busyMsg) {
 async function startTunnel() {
     var port = validPort(state.previewPort);
     if (!port) { toast('escribí un puerto válido (1–65535)', 'error'); return; }
-    try { localStorage.setItem('ocx_lastPort', String(port)); } catch (e) {}
+    try { localStorage.setItem('ob_lastPort', String(port)); } catch (e) {}
     var already = (state.tunnels || []).some(function (t) { return parseInt(t.port, 10) === port && (t.https || t.http); });
     if (already) { toast('ya hay un túnel para el puerto ' + port, 'ok'); return; }
     renderTunnels('levantando túnel para el puerto ' + port + '… (la primera vez puede tardar si descarga tunnelmole)');
@@ -3965,7 +4020,7 @@ async function panelStartTunnel() {
     var inp = document.getElementById('ppTunPort');
     var port = validPort(inp ? inp.value : '');
     if (!port) { toast('escribí un puerto válido (1–65535)', 'error'); return; }
-    try { localStorage.setItem('ocx_lastPort', String(port)); } catch (e) {}
+    try { localStorage.setItem('ob_lastPort', String(port)); } catch (e) {}
     var already = (state.tunnels || []).some(function (t) { return parseInt(t.port, 10) === port; });
     if (already) { toast('ya hay un túnel para el puerto ' + port, 'ok'); return; }
     renderProcTunnels('levantando túnel para el puerto ' + port + '… (la primera vez descarga tunnelmole)');
@@ -4139,7 +4194,7 @@ function refreshActiveView(reason) {
 async function boot() {
     var cachedCat = lsGet(catalogKey());
     var cachedVer = lsGet(catalogVerKey());
-    var cachedSessions = lsGet('ocx_sessions');
+    var cachedSessions = lsGet('ob_sessions');
     var painted = false;
     if (cachedCat && typeof cachedCat === 'object') {
         state.catalog = cachedCat;

package/src/web/routes.js

@@ -37,7 +37,7 @@ async function renderTpl(name, vars) {
 function pickTheme(req, query, known) {
     const cookies = auth.parseCookies(req.headers.cookie);
     const fromUrl = String(query.get('theme') || '').replace(/[^a-z-]/g, '').toLowerCase();
-    const fromCookie = String(cookies['ocx_theme'] || '').replace(/[^a-z-]/g, '').toLowerCase();
+    const fromCookie = String(cookies['ob_theme'] || cookies['ocx_theme'] || '').replace(/[^a-z-]/g, '').toLowerCase();
     if (fromUrl && known.includes(fromUrl)) return fromUrl;
     if (fromCookie && known.includes(fromCookie)) return fromCookie;
     return 'terminal';
@@ -196,6 +196,7 @@ const OC_ALLOWED = {
     session_list: [],
     session_info: ['arg'],
     opencode_version: [],
+    mcp_list: [],
     fs_list: ['path'],
     fs_read: ['path'],
     git_status: ['path'],

package/src/web/templates/chat.html

@@ -1203,6 +1203,7 @@
             <button data-view="preview" type="button" title="Vista previa del proyecto (túnel)">preview</button>
             <button data-view="procs" type="button" title="Procesos de la sesión">procs</button>
             <button data-view="changes" type="button" title="Cambios del proyecto (git)">cambios</button>
+            <button data-view="mcp" type="button" title="Servidores MCP de opencode">mcp</button>
         </div>
         <div class="footer">
             <div class="row" id="bridgeStatusRow">
@@ -1285,6 +1286,7 @@
         <div id="viewPreview" class="view" style="display:none"></div>
         <div id="viewProcs" class="view" style="display:none"></div>
         <div id="viewChanges" class="view" style="display:none"></div>
+        <div id="viewMcp" class="view" style="display:none"></div>
 
         <footer id="statusbar">
             <span class="dot" id="sbDot"></span>

package/src/web/templates/login.html

@@ -89,12 +89,12 @@
         (function () {
             var knownThemes = {{THEMES_JSON}};
             var params = new URLSearchParams(location.search);
-            var cookie = document.cookie.match(/(?:^|;\s*)ocx_theme=([^;]+)/);
+            var cookie = document.cookie.match(/(?:^|;\s*)ob_theme=([^;]+)/) || document.cookie.match(/(?:^|;\s*)ocx_theme=([^;]+)/);
             var saved = (params.get('theme') || (cookie && decodeURIComponent(cookie[1])) || document.body.getAttribute('data-theme') || 'terminal');
             if (knownThemes.indexOf(saved) === -1) saved = 'terminal';
             document.body.setAttribute('data-theme', saved);
             document.getElementById('themeStylesheet').setAttribute('href', 'themes/' + saved + '.css');
-            document.cookie = 'ocx_theme=' + encodeURIComponent(saved) + ';path=/;max-age=' + (60 * 60 * 24 * 365) + ';SameSite=Lax';
+            document.cookie = 'ob_theme=' + encodeURIComponent(saved) + ';path=/;max-age=' + (60 * 60 * 24 * 365) + ';SameSite=Lax';
             window.addEventListener('load', function () {
                 var bg = getComputedStyle(document.documentElement).getPropertyValue('--bg').trim();
                 if (bg) document.getElementById('themeColor').setAttribute('content', bg);