nio-cat 0.5.0 → 0.5.1

package/bin/nio.js

@@ -187,10 +187,6 @@ async function start() {
       if (ip) {
         publicUrl = publicUrl || `http://${ip}:${cfg.port}`;
         console.log(`  ${c.dim('Xarxa:')}    ${publicUrl}  ${c.dim('(només la mateixa wifi)')}`);
-        if (!flags.url) {
-          // A la xarxa local, l'app es carrega des del mateix daemon (mateix origen).
-          flags.app = publicUrl;
-        }
       }
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nio-cat",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "nio: fes servir Claude Code, Codex, Grok, Antigravity i Ollama del teu ordinador des del mòbil.",
   "license": "MIT",
   "author": "f.cat",

package/src/agents/claude.js

@@ -77,7 +77,7 @@ function handle(ctx, line) {
     }
     case 'assistant':
       for (const b of ev.message?.content || []) {
-        if (b.type === 'text' && b.text) ctx.endStream(b.text);
+        if (b.type === 'text' && b.text) { ctx.said = true; ctx.endStream(b.text); }
         else if (b.type === 'tool_use') ctx.tool({ id: b.id, name: b.name, input: b.input });
       }
       break;
@@ -93,6 +93,8 @@ function handle(ctx, line) {
       break;
     case 'result':
       if (ev.session_id) ctx.setNative(ev.session_id);
+      // Les comandes locals (/cost, /context…) no passen pel model: la resposta només és aquí.
+      if (!ctx.said && !ev.is_error && !ev.num_turns) ctx.endStream(typeof ev.result === 'string' && ev.result.trim() ? ev.result : 'Fet.');
       ctx.result({
         cost: ev.total_cost_usd,
         ms: ev.duration_ms,

package/src/commands.js

@@ -23,8 +23,18 @@ function listDir(dir) {
   try { return fs.readdirSync(dir, { withFileTypes: true }); } catch { return []; }
 }
 
+// Comandes internes de Claude Code que també funcionen en mode headless (les altres, com /help o /status, no hi són).
+const CLAUDE_BUILTIN = [
+  { name: 'usage', hint: 'Ús de la subscripció i límits' },
+  { name: 'context', hint: 'Mostra com s’omple el context' },
+  { name: 'compact', hint: 'Resumeix la conversa per alliberar context' },
+  { name: 'init', hint: 'Crea un CLAUDE.md al projecte' },
+  { name: 'review', hint: 'Revisa els canvis de codi' },
+  { name: 'security-review', hint: 'Revisió de seguretat dels canvis' },
+];
+
 function claudeCommands(cwd) {
-  const out = new Map();
+  const out = new Map(CLAUDE_BUILTIN.map((c) => [c.name, { ...c, kind: 'comanda' }]));
   const bases = [path.join(os.homedir(), '.claude'), cwd && path.join(cwd, '.claude')].filter(Boolean);
   for (const base of bases) {
     // Comandes: commands/nom.md i commands/espai/nom.md (→ «espai:nom»)
@@ -45,6 +55,7 @@ function claudeCommands(cwd) {
 }
 
 function agentCommands(agent, cwd) {
+  if (agent === 'codex') return [{ name: 'status', hint: 'Compte, model i carpeta de la sessió', kind: 'comanda' }];
   return agent === 'claude' ? claudeCommands(cwd) : [];
 }
 

package/src/hub.js

@@ -163,12 +163,38 @@ class Hub extends EventEmitter {
     this.emit('out', { type: 'removed', session: sid });
   }
 
+  // Codex no té /status en mode headless: ho resolem aquí amb el que sí que sap dir.
+  codexStatus(s, bp) {
+    const { execFile } = require('child_process');
+    execFile(bp, ['login', 'status'], { timeout: 8000 }, (err, out, errOut) => {
+      const rows = String(out || errOut || '').split('\n').map((l) => l.trim()).filter(Boolean), login = rows.find((l) => /logged|log in|login/i.test(l) && !/^warning/i.test(l)) || rows[0] || (err ? 'No he pogut llegir el compte' : '');
+      const lines = [`**Compte:** ${login}`, `**Model:** ${s.model || s.modelUsed || 'el de per defecte'}`, `**Carpeta:** \`${s.cwd}\``, `**Permisos:** ${s.mode}`, `**Conversa:** ${s.nativeId ? 'continua la de Codex' : 'encara no ha començat'}`];
+      this.push(s, 'text', { text: lines.join('\n\n') });
+      this.touch(s);
+    });
+    return this.summary(s);
+  }
+
   update(sid, patch) {
     const s = this.get(sid);
     if (!s) throw httpErr(404, 'Aquesta sessió no existeix');
     if (patch.mode && ['llegir', 'preguntar', 'tot'].includes(patch.mode)) s.mode = patch.mode;
     if (typeof patch.title === 'string') s.title = patch.title.slice(0, 120);
     if (typeof patch.model === 'string') s.model = patch.model.slice(0, 80);
+    if (typeof patch.cwd === 'string' && path.resolve(patch.cwd) !== s.cwd) {
+      const cwd = path.resolve(patch.cwd);
+      if (s.state === 'running' || s.state === 'waiting') throw httpErr(409, 'Espera que l’agent acabi o atura’l abans de canviar de carpeta');
+      let ok = false;
+      try { ok = fs.statSync(cwd).isDirectory(); } catch { /* no existeix */ }
+      if (!ok) throw httpErr(400, 'Aquesta carpeta no existeix');
+      // Claude Code desa cada conversa dins la carpeta del projecte: la copiem perquè l'agent la recordi.
+      if (s.agent === 'claude' && s.nativeId) {
+        const enc = (d) => path.join(require('os').homedir(), '.claude', 'projects', d.replace(/[^a-zA-Z0-9]/g, '-'), `${s.nativeId}.jsonl`);
+        try { fs.mkdirSync(path.dirname(enc(cwd)), { recursive: true }); fs.copyFileSync(enc(s.cwd), enc(cwd)); } catch { s.nativeId = null; }
+      }
+      s.cwd = cwd;
+      this.push(s, 'info', { text: `Carpeta canviada a ${cwd}` });
+    }
     this.touch(s);
     return this.summary(s);
   }
@@ -201,6 +227,7 @@ class Hub extends EventEmitter {
 
     if (!s.title) s.title = text.replace(/\s+/g, ' ').slice(0, 60);
     this.push(s, 'user', { text });
+    if (s.agent === 'codex' && /^\/status\s*$/i.test(text)) return this.codexStatus(s, bp);
     s.state = 'running';
     this.push(s, 'status', { state: 'running' });
 

package/web/app/app.js

@@ -582,7 +582,7 @@ function viewSessions() {
   const many = store.machines.length > 1, mach = machine();
   const switcher = many ? `<button class="chip switch-chip" type="button" data-act="machines"><i class="dot ${state.connected ? 'on' : ''}"></i>${esc(mach.name)}${svg(ICON.chev)}</button>` : '';
   const hint = mobileHint();
-  const head = `<div class="top"><div><h1>Sessions</h1><p>Cada sessió és una conversa amb un agent, dins d’una carpeta.</p>${switcher}</div><button class="btn ink" data-act="new" type="button">${svg(ICON.plus)}Nova sessió</button></div>${hint}`;
+  const head = `<div class="top"><div><h1>Sessions</h1><p>Cada sessió és una conversa amb un agent, dins d’una carpeta.</p>${switcher}</div><button class="btn ink new-fab" data-act="new" type="button">${svg(ICON.plus)}Nova sessió</button></div>${hint}`;
   if (!state.connected && !list.length) {
     return `${head}<div class="panel empty">${bot(state.lastError ? 'sleep' : 'work')}<h2>${esc(state.lastError || 'Connectant amb l’ordinador…')}</h2>${state.lastError ? `<p>${mach.kind === 'vps' ? 'Potser el servidor s’ha reiniciat i l’adreça ha canviat.' : 'Comprova que nio continua engegat a l’ordinador i que el túnel està obert.'}</p><div class="row" style="justify-content:center"><button class="btn" data-act="retry" type="button">${svg(ICON.refresh)}Torna-ho a provar</button>${mach.kind === 'vps' && mach.via ? `<button class="btn ink" data-reconnect="${store.active}" type="button">Torna a connectar</button>` : ''}<a class="btn ghost" href="#/ordinadors">Ordinadors</a></div>` : ''}</div>`;
   }
@@ -680,7 +680,7 @@ function renderSessionHead() {
   const ag = state.info?.agents?.find((a) => a.id === s.agent);
   bar.innerHTML = `<span class="chip"><span class="agent-tag nosq" data-agent="${esc(s.agent)}">${agentBot(s.agent, sessionMood(s))}${esc(AGENT_NAMES[s.agent] || s.agent)}</span></span>
     ${ag?.noModes ? '' : `<button class="chip" data-act="mode" type="button">${esc(MODES[s.mode]?.label || s.mode)}</button>`}
-    <span class="chip mono">${esc(basename(s.cwd))}</span>
+    <button class="chip mono" data-act="folder" type="button" title="${esc(s.cwd)} · canvia de carpeta">${esc(basename(s.cwd))}</button>
     <button class="chip mono" data-act="model" type="button" title="Canvia de model">${esc(s.model || 'Model per defecte')}</button>
     ${s.cost ? `<span class="chip mono">${s.cost.toFixed(2)} $</span>` : ''}
     ${stateChip(s)}`;
@@ -757,6 +757,7 @@ const NIO_CMDS = [
   { name: 'model', hint: 'Canvia de model' },
   { name: 'stop', hint: 'Atura l’agent' },
   { name: 'nova', hint: 'Nova sessió amb el mateix agent i carpeta' },
+  { name: 'carpeta', hint: 'Canvia la carpeta de la sessió' },
   { name: 'git', hint: 'Git i GitHub: commit i PR' },
   { name: 'nom', hint: 'Posa nom a la sessió', free: true },
   { name: 'opcions', hint: 'Opcions de la sessió' },
@@ -781,12 +782,33 @@ async function runCmd(s, name, arg) {
     case 'model': return arg ? patch({ model: arg }, `Model: ${arg}`) : modelSheet(s);
     case 'stop': try { await api(`/api/sessions/${s.id}/stop`, { method: 'POST' }); toast('Aturat'); } catch (e) { toast(e.message); } return;
     case 'nova': return newSessionSheet({ agent: s.agent, cwd: s.cwd, mode: s.mode });
+    case 'carpeta': return folderSheet(s);
     case 'git': return gitSheet(s.id);
     case 'nom': return arg ? patch({ title: arg }, 'Nom desat') : toast('Escriu el nom: /nom Arregla els tests');
     case 'opcions': return sessionOptions(s.id);
     case 'ajuda': return helpCmdsSheet(s);
   }
 }
+function folderSheet(s) {
+  let d = null;
+  const draw = () => {
+    const crumbs = d ? d.path.split(/[\\/]/).filter(Boolean) : [];
+    $('#fsBody').innerHTML = !d ? '<p class="muted small">Carregant…</p>' : `<div class="fs-bar"><button class="icon-btn" type="button" data-fs="${esc(d.parent || '')}" ${d.parent ? '' : 'disabled'} aria-label="Carpeta de dalt">${svg(ICON.back)}</button><button class="chip" type="button" data-fs="${esc(d.home)}">Inici</button><span class="fs-path mono small" title="${esc(d.path)}">${esc(crumbs.slice(-2).join(' / ') || '/')}</span></div>
+      <div class="proj-list fs-list">${d.dirs.map((x) => `<button type="button" class="proj" data-fs="${esc(x.path)}"><span class="ic">›</span><span class="grow"><div ${x.hidden ? 'class="muted"' : ''}>${esc(x.name)}</div></span></button>`).join('') || '<p class="muted small">No hi ha subcarpetes. Pots triar aquesta.</p>'}</div>`;
+    const ok = $('#fsOk'); if (ok) { ok.disabled = !d || d.path === s.cwd; ok.textContent = d && d.path === s.cwd ? 'Ja hi és' : 'Treballa aquí'; }
+  };
+  const go = async (p) => { try { d = await api(`/api/fs?path=${encodeURIComponent(p || '')}`); } catch (e) { toast(e.message, 4200); } draw(); };
+  openSheet(`<h2>Canvia de carpeta</h2><p class="muted small">Ara: <span class="mono">${esc(s.cwd)}</span>. La conversa continua i l’agent la recorda.</p><div id="fsBody"></div><div class="row between sheet-foot"><button class="btn ghost" type="button" data-close>Cancel·la</button><button class="btn ink" id="fsOk" type="button" disabled>Treballa aquí</button></div>`, (sh) => {
+    sh.onclick = async (e) => {
+      if (e.target.closest('[data-close]')) return closeSheet();
+      const f = e.target.closest('[data-fs]'); if (f && !f.disabled) return go(f.dataset.fs);
+      if (e.target.closest('#fsOk') && d) {
+        try { const sum = await api(`/api/sessions/${s.id}`, { method: 'PATCH', body: { cwd: d.path } }); state.sessions.set(s.id, sum); closeSheet(); renderSessionHead(); cmdCache.delete(s.id); toast(`Carpeta: ${basename(sum.cwd)}`); } catch (er) { toast(er.message, 4200); }
+      }
+    };
+    draw(); go(s.cwd);
+  });
+}
 function helpCmdsSheet(s) {
   const ac = agentCmds(s.id);
   openSheet(`<h2>Comandes</h2><p class="muted small">Escriu <span class="mono">/</span> al missatge per veure-les.</p><div class="list">${NIO_CMDS.map((c) => `<div class="card"><b class="mono">/${c.name}</b>${c.args ? ' <span class="muted small mono">l · p · t</span>' : ''}<div class="muted small">${esc(c.hint)}</div></div>`).join('')}</div>${ac.length ? `<p class="muted small">De ${esc(AGENT_NAMES[s.agent] || s.agent)}: ${ac.length} comandes i skills. Se li envien a l’agent tal qual.</p>` : ''}<div class="row sheet-foot"><button class="btn ghost" type="button" data-close>Tanca</button></div>`, (sh) => { $('[data-close]', sh).onclick = closeSheet; });
@@ -798,7 +820,7 @@ function slashItems(s, v) {
   if (!m) return [];
   const q = m[1].toLowerCase();
   const nio = NIO_CMDS.map((c) => ({ ...c, tag: 'nio' }));
-  const ag = agentCmds(s.id).map((c) => ({ name: c.name, hint: c.hint, tag: AGENT_NAMES[s.agent] || s.agent, agent: true }));
+  const ag = agentCmds(s.id).map((c) => ({ name: c.name, hint: c.hint, tag: (AGENT_NAMES[s.agent] || s.agent).split(' ')[0], agent: true }));
   const all = [...nio, ...ag], starts = all.filter((c) => c.name.toLowerCase().startsWith(q)), has = all.filter((c) => !c.name.toLowerCase().startsWith(q) && c.name.toLowerCase().includes(q));
   return [...starts, ...has].slice(0, 40).map((c) => ({ ...c, label: `/${c.name}` }));
 }
@@ -809,7 +831,7 @@ function renderComposer() {
   if (box.dataset.busy === String(busy) && $('textarea', box)) return;
   box.dataset.busy = String(busy);
   if (s) loadCmds(s.id).then(() => { if (state.route.id === s.id) drawSlash(); });
-  box.innerHTML = `<div class="slash" id="slash" role="listbox" hidden></div><div class="inner"><textarea rows="1" id="msg" placeholder="${busy ? 'L’agent està treballant…' : 'Escriu a l’agent… (/ per a comandes)'}" enterkeyhint="send" aria-label="Missatge" aria-controls="slash"></textarea><button class="mic" id="micBtn" type="button" data-mic aria-label="Dicta amb el micròfon">${svg(ICON.mic)}</button><button class="send ${busy ? 'stop' : ''}" id="sendBtn" type="button" aria-label="${busy ? 'Atura l’agent' : 'Envia'}">${svg(busy ? ICON.stop : ICON.send)}</button></div>`;
+  box.innerHTML = `<div class="slash" id="slash" role="listbox" hidden></div><div class="inner"><textarea rows="1" id="msg" placeholder="${busy ? 'L’agent està treballant…' : 'Escriu a l’agent…'}" enterkeyhint="send" aria-label="Missatge" aria-controls="slash"></textarea><button class="mic" id="micBtn" type="button" data-mic aria-label="Dicta amb el micròfon">${svg(ICON.mic)}</button><button class="send ${busy ? 'stop' : ''}" id="sendBtn" type="button" aria-label="${busy ? 'Atura l’agent' : 'Envia'}">${svg(busy ? ICON.stop : ICON.send)}</button></div>`;
   const ta = $('#msg'); ta.value = prev;
   const grow = () => autogrow(ta);
   let items = [], sel = 0;
@@ -829,7 +851,8 @@ function renderComposer() {
     ta.value = ''; grow(); drawSlash(); runCmd(cur, c.name, '');
   };
   ta.addEventListener('input', () => { grow(); sel = 0; drawSlash(); });
-  pop.addEventListener('pointerdown', (e) => { const b = e.target.closest('[data-i]'); if (b) { e.preventDefault(); pick(+b.dataset.i); } });
+  pop.addEventListener('mousedown', (e) => e.preventDefault());
+  pop.addEventListener('click', (e) => { const b = e.target.closest('[data-i]'); if (b) pick(+b.dataset.i); });
   const send = async () => {
     const text = ta.value.trim(); if (!text || !s) return;
     const c = text.match(/^\/([\w:.-]+)(?:\s+([\s\S]*))?$/), nio = c && NIO_CMDS.find((x) => x.name === c[1].toLowerCase());
@@ -1433,6 +1456,7 @@ document.addEventListener('click', async (e) => {
     case 'open-sessions': return go('#/sessions');
     case 'help': return go('#/ajuda');
     case 'more': return moreSheet();
+    case 'folder': { const s = state.sessions.get(state.route.id); return s && folderSheet(s); }
     case 'machines': return machinesSheet();
     case 'mobile-qr': return mobileQrSheet();
     case 'mobile-hint-off': { const m = machine(); LS.set(`nio.mobHint.${m?.id || m?.url}`, true); return render(); }

package/web/app/style.css

@@ -482,13 +482,14 @@ a.kbd { text-decoration: none; color: inherit; }
 /* Comandes amb «/» */
 .composer { position: relative; }
 .slash { position: absolute; left: 24px; right: 24px; bottom: 100%; max-width: 760px; margin: 0 auto 6px; max-height: min(320px, 45dvh); overflow-y: auto; overscroll-behavior: contain; display: grid; padding: 6px; border: 1px solid var(--border); border-radius: 14px; background: var(--white); box-shadow: 0 10px 30px rgba(39, 34, 36, .12); z-index: 5; }
-.slash button { display: grid; grid-template-columns: auto 1fr auto; gap: 4px 12px; align-items: baseline; text-align: left; padding: 9px 10px; border: 0; border-radius: 9px; background: none; }
+.slash button { display: grid; grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto; gap: 2px 12px; align-items: center; text-align: left; padding: 9px 10px; border: 0; border-radius: 9px; background: none; width: 100%; }
 .slash button[aria-selected="true"] { background: var(--bg-2); }
-.slash .n { font-weight: 600; }
+.slash .n { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .slash .h { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--fg-muted); font-size: 13px; }
-.slash .t { font-size: 11px; padding: 1px 7px; border-radius: 6px; background: var(--bg-2); color: var(--fg-muted); }
+.slash .t { display: inline-flex; align-items: center; justify-content: center; height: 20px; padding: 0 8px; border-radius: 10px; background: var(--bg-2); color: var(--fg-muted); font-size: 11px; font-weight: 600; line-height: 1; white-space: nowrap; }
+.slash button[aria-selected="true"] .t { background: var(--white); }
 .slash .t.ag { background: color-mix(in srgb, var(--lemon) 60%, var(--bg)); color: var(--fg); }
-@media (max-width: 820px) { .slash { left: 12px; right: 12px; } .slash .h { grid-column: 1 / -1; grid-row: 2; } }
+@media (max-width: 820px) { .slash { left: 12px; right: 12px; } .slash button { grid-template-columns: minmax(0, 1fr) auto; } .slash .h { grid-column: 1 / -1; grid-row: 2; } .slash .t { grid-column: 2; grid-row: 1; } }
 /* ---------- Veu ---------- */
 .ev-error b { font-size: 12px; letter-spacing: .02em; text-transform: uppercase; }
 .speak { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; height: 28px; padding: 0 10px; border: 1px solid var(--border); border-radius: 999px; background: none; color: var(--fg-muted); font-size: 12px; font-weight: 600; }
@@ -563,3 +564,8 @@ dialog.sheet.wiz.compact .sheet-in, .compact .wiz-body { flex: 0 1 auto; }
 .chip .agent-tag { gap: 7px; }
 .sheet .list + .or { margin-top: 18px; }
 .sheet #modelForm { margin-top: 4px; }
+
+@media (max-width: 820px) {
+  .new-fab { position: fixed; right: 16px; bottom: calc(72px + var(--safe-b)); z-index: 25; height: 48px; padding: 0 18px 0 14px; border-radius: 16px; box-shadow: 0 14px 30px -14px color-mix(in srgb, var(--fg) 70%, transparent); }
+  body:not(.no-tabs):not(.kb) .main:has(.new-fab) { padding-bottom: calc(130px + var(--safe-b)); }
+}

package/web/sw.js

@@ -1,5 +1,5 @@
 // nio · service worker: obre l'app encara que no hi hagi connexió i mostra els avisos.
-const SHELL = 'nio-shell-v14';
+const SHELL = 'nio-shell-v15';
 const FILES = ['/app', '/app/style.css', '/app/app.js', '/bot.css', '/bot.js', '/board.css', '/board.js', '/favicon.svg', '/manifest.webmanifest'];
 
 self.addEventListener('install', (e) => {