nio-cat 0.9.3 → 0.9.5

package/bin/nio.js

@@ -111,27 +111,19 @@ async function showPair(publicUrl) {
   const { code: secret } = auth.createCode({ secret: true });
   const link = pairLink(app, publicUrl, secret), code = makeCode(publicUrl, secret), qrLink = codeLink(app, code);
   const file = writePairPage(link, code, qrLink);
-  // El QR ha de cabre al terminal: marge normal, marge d'1 mòdul i, si no hi cap, la pàgina del navegador.
-  if (panelOpened) {
-    console.log(`\n  ${c.b('Connecta el mòbil')}`);
-    console.log(`  Al panell del navegador prem ${c.b('«Continua al mòbil»')} i escaneja el codi.`);
-    console.log(c.dim('  També pots enganxar aquest codi a Sessions → Tria un ordinador:\n'));
-    console.log(`  ${code}\n`);
-    console.log(c.dim('  Serveix per a un sol dispositiu i caduca en 15 minuts. Per a un altre: nio pair.\n'));
-  } else {
-    const rows = process.stdout.rows || 999, cols = process.stdout.columns || 999;
-    const fits = (m) => { const z = terminalQrSize(qrLink, m); return z.rows + 9 <= rows && z.cols + 2 <= cols; };
-    const margin = fits(2) ? 2 : fits(1) ? 1 : 0;
-    console.log(`\n  ${c.b('Connecta el mòbil')}\n`);
-    if (margin) {
-      console.log(`  Escaneja aquest codi amb la càmera:\n`);
-      console.log(terminalQr(qrLink, { margin }));
-      console.log('');
-    }
-    console.log(`  ${margin ? 'O copia' : 'Copia'} aquest codi i enganxa'l a Sessions → Tria un ordinador:\n`);
-    console.log(`  ${code}\n`);
-    console.log(c.dim('  Serveix per a un sol dispositiu i caduca en 15 minuts. Per a un altre: nio pair.\n'));
-  }
+  // El QR sempre al terminal, el més gran que hi càpiga: gran (2 caràcters per mòdul), compacte (mig bloc) i,
+  // si ni així hi cap d'ample, cap QR i només el codi. Amb poques files, el marge passa de 2 a 1 mòdul.
+  const rows = process.stdout.rows || 999, cols = process.stdout.columns || 999;
+  const fits = (m, big) => { const z = terminalQrSize(qrLink, m, big); return z.rows + 4 <= rows && z.cols <= cols; };
+  const opt = [[2, true], [2, false], [1, false]].find(([m, big]) => fits(m, big)) || (terminalQrSize(qrLink, 1).cols <= cols ? [1, false] : null);
+  console.log(`\n  ${c.b('Connecta el mòbil')}\n`);
+  if (opt) {
+    console.log(`  Escaneja aquest codi amb la càmera${panelOpened ? ' (també el tens al navegador)' : ''}:\n`);
+    console.log(terminalQr(qrLink, { margin: opt[0], big: opt[1] }));
+  } else console.log(`  La finestra és massa estreta per al QR${panelOpened ? '; el tens al navegador' : '. Fes-la més ampla i torna-ho a provar: nio pair'}.`);
+  console.log(`\n  ${opt ? 'O copia' : 'Copia'} aquest codi i enganxa'l a Sessions → Tria un ordinador:\n`);
+  console.log(`  ${code}\n`);
+  console.log(c.dim('  Serveix per a un sol dispositiu i caduca en 15 minuts. Per a un altre: nio pair.\n'));
   if (flags.open) {
     const opener = process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'start' : 'xdg-open';
     try {
@@ -340,6 +332,7 @@ async function start() {
         console.log('  Encara no hi ha cap adreça desada. Engega nio primer.');
         break;
       }
+      if (!flags.url) openDashboard();
       await showPair(flags.url || cfg.lastUrl);
       break;
     case 'reset-token': {

package/package.json

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

package/src/control.js

@@ -9,7 +9,7 @@ const fs = require('fs');
 const os = require('os');
 const path = require('path');
 const crypto = require('crypto');
-const { execFile } = require('child_process');
+const { spawn } = require('child_process');
 const { which, childEnv } = require('./proc');
 const config = require('./config');
 const { HOME } = config;
@@ -46,9 +46,32 @@ function classify(command) {
   return { tool, kind: KIND[tool], sub, act: !read };
 }
 
+// Executa una eina amb un temps màxim que es compleix sempre. Al Mac, agent-browser és un llançador de Node que obre
+// el binari com a fill: matar només el llançador deixava el fill amb la sortida oberta i la petició penjada.
+// Per això: grup de processos propi, s'acaba quan surt el procés (no quan es tanquen les sortides) i, si passa
+// el temps, es mata tot el grup.
 function run(bin, args, timeout = 15000) {
   return new Promise((resolve) => {
-    execFile(bin, args, { timeout, env: childEnv(), maxBuffer: 8 * 1024 * 1024 }, (err, stdout, stderr) => resolve({ ok: !err, out: String(stdout || ''), err: String(stderr || err?.message || '') }));
+    let out = '', err = '', done = false, child, drain;
+    const finish = (ok, why) => {
+      if (done) return;
+      done = true;
+      clearTimeout(timer); clearTimeout(drain);
+      child?.stdout?.destroy(); child?.stderr?.destroy();
+      resolve({ ok, out, err: err || why || '', timedOut: why === 'temps' });
+    };
+    const timer = setTimeout(() => {
+      try { process.kill(-child.pid, 'SIGKILL'); } catch { try { child.kill('SIGKILL'); } catch { /* ja no hi és */ } }
+      finish(false, 'temps');
+    }, timeout);
+    try {
+      child = spawn(bin, args, { env: childEnv(), stdio: ['ignore', 'pipe', 'pipe'], detached: process.platform !== 'win32' });
+    } catch (e) { return finish(false, e.message); }
+    child.stdout.on('data', (d) => { if (out.length < 8 << 20) out += d; });
+    child.stderr.on('data', (d) => { if (err.length < 1 << 20) err += d; });
+    child.on('error', (e) => finish(false, e.message));
+    child.on('close', (code) => finish(code === 0));
+    child.on('exit', (code) => { drain = setTimeout(() => finish(code === 0), 300); });
   });
 }
 
@@ -77,7 +100,9 @@ class Control {
       let j = null;
       try { j = JSON.parse(r.out); } catch { /* text */ }
       desk.ready = j ? j.ok !== false : r.ok;
-      desk.why = desk.ready ? '' : (j?.error?.message || r.err || r.out).split('\n')[0].slice(0, 200);
+      desk.why = desk.ready ? '' : r.timedOut
+        ? (process.platform === 'darwin' ? 'agent-desktop no respon. Dona-li permís a Configuració del Sistema → Privadesa i seguretat → Accessibilitat i torna-ho a provar.' : 'agent-desktop no respon.')
+        : (j?.error?.message || r.err || r.out).split('\n')[0].slice(0, 200);
     }
     const shotTool = process.platform === 'darwin' ? which('screencapture') : which('grim') || which('scrot') || which('gnome-screenshot');
     this.capsCache = {
@@ -97,7 +122,7 @@ class Control {
     const parts = [];
     const tries = kind === 'navegador' ? [['skills', 'get', 'core'], ['skills', 'get', 'agent-browser']] : [['skills', 'get', 'desktop'], ['skills', 'get', 'platform']];
     for (const args of tries) {
-      const r = await run(bin, args, 20000);
+      const r = await run(bin, args, 8000);
       if (r.ok && r.out.trim()) {
         parts.push(r.out.trim().replace(/^---[\s\S]*?\n---\s*/, ''));
         if (kind === 'navegador') break;
@@ -214,7 +239,8 @@ class Control {
             this.audit.add({ type: 'control', what: `${kind === 'navegador' ? 'Control del navegador' : 'Control de l’escriptori'} ${body[kind] ? 'activat' : 'desactivat'}`, by: device?.name });
           }
           config.save(this.cfg);
-          return { ...(await this.caps(true)), notes };
+          for (const kind of ['navegador', 'escriptori']) caps[kind].enabled = this.enabled(kind);
+          return { ...caps, notes };
         },
       },
       { method: 'POST', path: '/api/screen', handler: ({ body }) => this.screenshot(body?.from) },

package/src/pair.js

@@ -35,22 +35,38 @@ function qr(text) {
   return q;
 }
 
-// QR per al terminal: cada mòdul són dos espais amb color de fons (negre o blanc). No depèn de cap glif,
-// així que no es talla amb tipus de lletra o interlineats estranys. Sempre negre sobre blanc, amb tema clar o fosc.
-function terminalQr(text, { color = !process.env.NO_COLOR, margin = 2 } = {}) {
+// QR per al terminal, compacte: cada caràcter «▀» pinta dos mòduls (dalt amb el color de la lletra, baix amb el del fons).
+// Ocupa la meitat d'alt i d'ample que amb dos espais per mòdul. Sempre negre sobre blanc, amb tema clar o fosc.
+function terminalQr(text, { color = !process.env.NO_COLOR, margin = 2, big = false } = {}) {
+  if (big) return terminalQrBig(text, { color, margin });
   const q = qr(text);
   const n = q.getModuleCount();
-  const M = margin; // marge blanc al voltant, en mòduls
+  const M = margin;
+  const dark = (r, c) => r >= 0 && c >= 0 && r < n && c < n && q.isDark(r, c);
+  const lines = [];
+  for (let r = -M; r < n + M; r += 2) {
+    let line = '';
+    for (let c = -M; c < n + M; c++) {
+      const t = dark(r, c), b = r + 1 < n + M ? dark(r + 1, c) : false;
+      if (color) line += `\x1b[${t ? 30 : 97};${b ? 40 : 107}m▀`;
+      else line += t && b ? ' ' : t ? '▄' : b ? '▀' : '█';
+    }
+    lines.push(`  ${line}${color ? '\x1b[0m' : ''}`);
+  }
+  return lines.join('\n');
+}
+
+// QR gran: dos espais amb color de fons per mòdul. Quadrat i molt fàcil d'escanejar, però ocupa el doble.
+function terminalQrBig(text, { color, margin: M }) {
+  const q = qr(text), n = q.getModuleCount();
   const dark = (r, c) => r >= 0 && c >= 0 && r < n && c < n && q.isDark(r, c);
   const lines = [];
   for (let r = -M; r < n + M; r++) {
     let line = '', prev = null;
     for (let c = -M; c < n + M; c++) {
       const d = dark(r, c);
-      if (color) {
-        if (d !== prev) line += d ? '\x1b[40m' : '\x1b[107m';
-        line += '  ';
-      } else line += d ? '  ' : '██';
+      if (color) { if (d !== prev) line += d ? '\x1b[40m' : '\x1b[107m'; line += '  '; }
+      else line += d ? '  ' : '██';
       prev = d;
     }
     lines.push(`  ${line}${color ? '\x1b[0m' : ''}`);
@@ -95,8 +111,8 @@ code{display:block;word-break:break-all;font:12px/1.5 ui-monospace,Menlo,monospa
 module.exports = { pairLink, terminalQr, writePairPage, qrSvg, makeCode, codeLink };
 
 // Mida del QR al terminal: files i columnes que ocupa amb un marge donat.
-function terminalQrSize(text, margin = 2) {
+function terminalQrSize(text, margin = 2, big = false) {
   const n = qr(text).getModuleCount() + margin * 2;
-  return { rows: n, cols: n * 2 + 2 };
+  return big ? { rows: n, cols: n * 2 + 2 } : { rows: Math.ceil(n / 2), cols: n + 2 };
 }
 module.exports.terminalQrSize = terminalQrSize;

package/web/app/app.js

@@ -141,7 +141,9 @@ async function api(path, opts = {}) {
   const m = machine();
   if (!m) throw new Error('No hi ha cap ordinador connectat');
   const body = opts.body && typeof opts.body !== 'string' ? opts.body : opts.body ? JSON.parse(opts.body) : undefined;
-  const res = await fetch(m.url + path, { ...opts, headers: { Authorization: `Bearer ${m.token}`, 'content-type': 'application/json', ...(opts.headers || {}) }, body: body ? JSON.stringify(body) : undefined });
+  let res;
+  try { res = await fetch(m.url + path, { ...opts, headers: { Authorization: `Bearer ${m.token}`, 'content-type': 'application/json', ...(opts.headers || {}) }, body: body ? JSON.stringify(body) : undefined }); }
+  catch (e) { if (e.name === 'AbortError') throw e; throw new Error(`No he pogut parlar amb ${m.name || 'l’ordinador'}. Comprova que nio hi estigui engegat i torna-ho a provar.`); }
   const data = await res.json().catch(() => ({}));
   if (!res.ok) throw new Error(data.error || `Error ${res.status}`);
   if (Array.isArray(data.agents)) data.agents = data.agents.filter((x) => x.id !== 'demo'); // l'agent de proves del programa no s'ensenya
@@ -484,6 +486,7 @@ function renderChrome() {
     .map(([k, ic, l, on]) => `<a href="${HASH[k]}" ${on ? 'aria-current="page"' : ''}>${svg(ic)}<span>${l}</span>${k === 'approvals' && n ? `<b class="badge">${n}</b>` : ''}</a>`).join('')
     .replace('</a><a href="#/ordinadors"', `</a><button type="button" data-act="pantalla-tab">${svg('<path d="M5 3l14 7-6 2.2L10.8 19z"/>')}<span>Pantalla</span></button><a href="#/ordinadors"`)
     + `<button type="button" data-act="more" ${more ? 'aria-current="page"' : ''}>${svg(ICON.more)}<span>Més</span></button>`;
+  for (const w of document.querySelectorAll('a.word')) w.setAttribute('href', r.name === 'sessions' ? '/' : '#/sessions');
   const s = r.name === 'session' ? state.sessions.get(r.id) : null;
   $('#here').textContent = s ? s.title || 'Sessió nova' : VIEWS[r.name]?.label || '';
   $('#mRight').innerHTML = r.name === 'session'

package/web/index.html

@@ -6,6 +6,13 @@
 <title>nio // els teus agents, des del mòbil</title>
 <meta name="description" content="Claude Code i Codex als teus ordinadors, controlats des del mòbil. Personal, gratuït i amb les teves claus.">
 <link rel="canonical" href="https://www.nio.cat/">
+<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+<meta name="author" content="f.cat">
+<meta name="application-name" content="nio">
+<link rel="alternate" hreflang="ca" href="https://www.nio.cat/">
+<link rel="alternate" hreflang="x-default" href="https://www.nio.cat/">
+<link rel="alternate" type="text/plain" href="/llms.txt" title="nio per a models de llenguatge">
+<link rel="sitemap" type="application/xml" href="/sitemap.xml">
 <meta name="theme-color" content="#f0ede7">
 <meta property="og:type" content="website">
 <meta property="og:site_name" content="nio">
@@ -132,6 +139,9 @@ main .own a.btn:hover { color: var(--fg); background: var(--lemon); }
 .footer .page { padding: 64px 0 48px; text-align: center; font-size: 13px; color: var(--fg-muted); }
 .footer a { color: var(--fg); text-decoration: underline; text-decoration-color: var(--red); text-decoration-thickness: 1px; text-underline-offset: 3px; }
 .footer a:hover { color: var(--red); }
+.footer .copy-l { margin: 0; }
+.footer .flinks { margin-top: 8px; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; }
+@media (max-width: 620px) { .footer .page { padding: 48px 0 40px; } .footer .flinks { gap: 6px 18px; } }
 main { padding-bottom: 8px; }
 @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
 
@@ -148,7 +158,6 @@ main { padding-bottom: 8px; }
   .page { width: calc(100% - 40px); }
   .head { padding-top: 24px; }
   .mark { font-size: 28px; }
-  .hero { padding-top: 56px; }
   section { margin-top: 72px; }
   .sec-head { margin-bottom: 24px; }
   .grid { grid-template-columns: 1fr; gap: 12px; }
@@ -160,10 +169,23 @@ main { padding-bottom: 8px; }
   .panel h3 { font-size: 23px; }
   .rows > div { grid-template-columns: 1fr; gap: 2px; }
   .install { padding-left: 16px; }
-  .install code { font-size: 13.5px; }
-  .own { padding: 28px 24px; border-radius: 22px; }
+  .install code { font-size: 13px; white-space: normal; overflow-wrap: anywhere; text-align: left; line-height: 1.5; padding: 8px 0; }
+  .own { border-radius: 22px; }
+  .hero { padding-top: 48px; text-align: center; }
+  .hero .lead { margin-inline: auto; font-size: 17px; }
+  .install { margin-inline: auto; }
+  .hero .alt { display: grid; gap: 4px; justify-items: center; text-wrap: balance; }
+  .sec-head { text-align: center; margin-inline: auto; }
+  .sec-head h2 { font-size: 30px; }
+  .step { text-align: left; }
+  .own { text-align: center; padding: 28px 18px; }
+  .own h2 { margin-bottom: 4px; }
+  .own .btns { flex-wrap: nowrap; justify-content: center; gap: 6px; margin-top: 20px; }
+  .own .btn { flex: 1 1 auto; justify-content: center; height: 42px; padding: 0 8px; font-size: 13px; white-space: nowrap; }
 }
+@media (max-width: 360px) { .own .btn { font-size: 12px; padding: 0 6px; } }
 </style>
+<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.nio.cat/#site","url":"https://www.nio.cat/","name":"nio","inLanguage":"ca","publisher":{"@id":"https://www.nio.cat/#org"}},{"@type":"Organization","@id":"https://www.nio.cat/#org","name":"f.cat","url":"https://f.cat","brand":{"@type":"Brand","name":"nio"},"logo":"https://www.nio.cat/icon-512.png"},{"@type":"SoftwareApplication","@id":"https://www.nio.cat/#app","name":"nio","url":"https://www.nio.cat/","description":"Comandament per a Claude Code, Codex, Grok i Antigravity: els agents treballen als teus ordinadors, amb els teus comptes i les teves claus, i tu els dones feina, els segueixes en directe i aproves el que és arriscat des del mòbil.","applicationCategory":"DeveloperApplication","operatingSystem":"Linux, macOS, web (Android, iOS)","inLanguage":"ca","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"EUR"},"installUrl":"https://www.nio.cat/install.sh","publisher":{"@id":"https://www.nio.cat/#org"},"image":"https://www.nio.cat/icon-512.png","featureList":["Sessions en directe amb Claude Code, Codex, Grok i Antigravity","Aprovacions amb un toc abans d'editar o executar res","Avisos al mòbil","Feines programades i encadenades","Memòria compartida entre agents","Pantalla remota de l'ordinador","Pissarra amb dibuix assistit","Git i GitHub des del mòbil","Telegram i veu","Ollama i xat local"]},{"@type":"WebPage","@id":"https://www.nio.cat/#page","url":"https://www.nio.cat/","name":"nio // els teus agents, des del mòbil","isPartOf":{"@id":"https://www.nio.cat/#site"},"about":{"@id":"https://www.nio.cat/#app"},"inLanguage":"ca"}]}</script>
 </head>
 <body>
 <header class="page head">
@@ -176,7 +198,7 @@ main { padding-bottom: 8px; }
     <h1>Els teus agents, a les teves màquines, des del mòbil.</h1>
     <p class="lead">nio és un comandament per a Claude Code, Codex i altres agents. Treballen als teus ordinadors, amb els teus comptes i les teves claus. Tu els dones feina des del mòbil, els segueixes en directe i aproves el que és arriscat. Personal i gratuït.</p>
     <div class="install"><code id="cmd">curl -fsSL https://www.nio.cat/install.sh | sh</code><button class="copy" type="button" data-copy="curl -fsSL https://www.nio.cat/install.sh | sh" aria-label="Copia l’ordre"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3"/></svg><svg class="ok" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></button></div>
-    <p class="alt">Linux o Mac. Per provar-ho sense instal·lar: <code>npx nio-cat</code></p>
+    <p class="alt"><span>Linux o Mac.</span> <span>Per provar-ho sense instal·lar: <code>npx nio-cat</code></span></p>
   </div>
 
   <section aria-labelledby="com">
@@ -212,7 +234,7 @@ main { padding-bottom: 8px; }
         <h2 id="teu">Tot és teu</h2>
       </div>
       <div>
-        <p>Fas servir els teus agents i les teves claus (Anthropic, OpenAI, ElevenLabs, el bot de Telegram). Les converses, la memòria i les claus es queden als teus ordinadors. nio.cat només serveix l’app i guarda, signada, l’adreça on trobar cada ordinador. Més detalls a <a href="/privadesa">privadesa</a>.</p>
+        <p>Fas servir els teus agents i les teves claus (Anthropic, OpenAI, ElevenLabs, el bot de Telegram). Les converses, la memòria i les claus es queden als teus ordinadors. nio.cat només serveix l’app i guarda, signada, l’adreça on trobar cada ordinador.</p>
         <div class="btns"><a class="btn" href="/app">Obre el panell</a><a class="btn ghost" href="/qui-soc">Qui sóc</a><a class="btn ghost" href="/novetats">Novetats</a></div>
       </div>
     </div>
@@ -220,7 +242,7 @@ main { padding-bottom: 8px; }
 </main>
 
 <footer class="footer">
-  <div class="page">© 2026 nio // un projecte de <a href="https://f.cat">f.cat</a> · <a href="mailto:hola@nio.cat">hola@nio.cat</a> · <a href="/qui-soc">Qui sóc</a> · <a href="/novetats">Novetats</a> · <a href="/privadesa">Privadesa</a></div>
+  <div class="page"><p class="copy-l">© 2026 nio // un projecte de <a href="https://f.cat">f.cat</a></p><nav class="flinks" aria-label="Peu"><a href="/privadesa">Privadesa</a></nav></div>
 </footer>
 <script src="/bot.js" defer></script>
 <script>

package/web/privadesa.html

@@ -6,6 +6,11 @@
 <title>nio // privadesa</title>
 <meta name="description" content="Què passa per nio.cat i què no hi passa mai.">
 <link rel="canonical" href="https://www.nio.cat/privadesa">
+<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+<meta name="author" content="f.cat">
+<meta name="application-name" content="nio">
+<link rel="alternate" hreflang="ca" href="https://www.nio.cat/privadesa">
+<link rel="alternate" hreflang="x-default" href="https://www.nio.cat/privadesa">
 <meta name="theme-color" content="#f0ede7">
 <meta property="og:type" content="website">
 <meta property="og:site_name" content="nio">
@@ -83,6 +88,9 @@ main strong { font-weight: 600; }
 .footer .page { padding: 40px 0 56px; text-align: center; font-size: 13px; color: var(--fg-muted); }
 .footer a { color: var(--fg); text-decoration: underline; text-decoration-color: var(--red); text-decoration-thickness: 1px; text-underline-offset: 3px; }
 .footer a:hover { color: var(--red); }
+.footer .copy-l { margin: 0; }
+.footer .flinks { margin-top: 8px; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; }
+@media (max-width: 620px) { .footer .page { padding: 48px 0 40px; } .footer .flinks { gap: 6px 18px; } }
 
 @media (max-width: 620px) {
   body { font-size: 17px; }
@@ -95,6 +103,7 @@ main strong { font-weight: 600; }
   main .cmd code { font-size: 14px; }
 }
 </style>
+<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.nio.cat/privadesa#page","url":"https://www.nio.cat/privadesa","name":"nio // privadesa","isPartOf":{"@id":"https://www.nio.cat/#site"},"about":{"@id":"https://www.nio.cat/#app"},"inLanguage":"ca"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"nio","item":"https://www.nio.cat/"},{"@type":"ListItem","position":2,"name":"Privadesa","item":"https://www.nio.cat/privadesa"}]}]}</script>
 </head>
 <body>
 <header class="page head">
@@ -141,7 +150,7 @@ main strong { font-weight: 600; }
 </main>
 
 <footer class="footer">
-  <div class="page">© 2026 nio // un projecte de <a href="https://f.cat">f.cat</a> · <a href="mailto:hola@nio.cat">hola@nio.cat</a> · <a href="/qui-soc">Qui sóc</a> · <a href="/novetats">Novetats</a> · <a href="/privadesa">Privadesa</a></div>
+  <div class="page"><p class="copy-l">© 2026 nio // un projecte de <a href="https://f.cat">f.cat</a></p><nav class="flinks" aria-label="Peu"><a href="/">Inici</a><a href="/qui-soc">Qui sóc</a><a href="/novetats">Novetats</a></nav></div>
 </footer>
 <script src="/bot.js" defer></script>
 </body>

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-v35';
+const SHELL = 'nio-shell-v37';
 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) => {