@jossuealcala/madre 1.0.1 → 1.0.3

package/public/salas-mac.js

@@ -1,3 +1,5 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// MADRE · © 2026 Jossue Alcalá · GNU AGPL v3 with additional terms (Section 7): ADDITIONAL-TERMS.md
 // SALAS on the Mac: every room this Mac knows, open or asleep, in one place (docs/MACROVERSO.md,
 // phase 1). The room that serves this page answers for all of them (src/salas.mjs): it lists
 // them, opens one that is asleep, asks one to close, and stops every agent in every room. A room
@@ -5,15 +7,22 @@
 //
 // The phone has its own SALAS (salas.js), served by the bridge; the two read the same rooms.
 
-import { setLanguage, t } from './i18n.js';
+import { browserLanguage, setLanguage, t } from './i18n.js';
 import { brandOf, monogram } from './brands.js';
 import { startReviewAsk } from './review-ask.js';
 import { startTour } from './tour.js';
 import { dropStickyHover } from './touch.js';
+import { drawAttribution, drawColophonKeys, drawLegal } from './attribution.js';
 
 // Where nothing can hover (a tablet), a tapped key does not stay lit (public/touch.js).
 dropStickyHover();
 import { creep, finishLoader, makeLoader, setLoader, showCurtain } from './loader.js';
+import { labelPowerKey, powerKey } from './power.js';
+import { drawHardware } from './hardware.js';
+import { CUSTOM_WALL, addPicture, customTile, customTools, customWall, paintCustomWall, rememberedWall } from './wallpaper.js';
+import { neuralChosen, rememberNeural } from './neural.js';
+import { openMarket } from './market-view.js';
+import { loadMarket } from './market.js';
 
 const $ = (id) => document.getElementById(id);
 const root = document.documentElement;
@@ -34,6 +43,7 @@ const ui = {
   attention: { title: $('sm-attention-title'), count: $('sm-attention-count'), list: $('sm-attention-list') },
 };
 let language = 'es';
+let languageAdopted = false;
 let timer = 0;
 let arming = 0;
 let data = null;
@@ -62,8 +72,8 @@ const ACCENTS = ['madre', 'mountain', 'caribbean', 'phantom', 'malbec', 'dijon',
 const ACCENT_WORDS = { madre: () => t('Madre green'), mountain: () => t('Mountain green'), caribbean: () => t('Caribbean blue'), phantom: () => t('Phantom purple'), malbec: () => t('Malbec red'), dijon: () => t('Dijon yellow'), pacific: () => t('Pacific blue'), love: () => t('Love pink'), sierra: () => t('Sierra blue'), pitahaya: () => 'Pitahaya', papaya: () => 'Papaya', agave: () => 'Agave', dinamo: () => t('Dynamo black'), marina: () => t('Marina blue'), pulso: () => t('Pulse green'), leal: () => t('Loyal orange'), dulce: () => t('Sweet yellow') };
 // The wallpapers are the room's (app.js, LOOKS.wallpaper; styles.css, --wp-*): the same images, the
 // same veil, the same «mesh» and blur the room's PERSONALIZE sets, read from the same keys.
-const WALLPAPERS = ['default', 'jarrito', 'canela', 'paradise', 'ventura', 'magna', 'biznaga', 'oceano', 'quila', 'xico', 'tropical', 'tradicion', 'urbania'];
-const WALLPAPER_WORDS = { default: () => t('Default'), jarrito: () => 'Jarrito', canela: () => 'Canela', paradise: () => t('Paradise'), ventura: () => 'Ventura', magna: () => 'Magna', biznaga: () => 'Biznaga', oceano: () => 'Oceano', quila: () => 'Quila', xico: () => 'Xico', tropical: () => 'Tropical', tradicion: () => 'Tradicion', urbania: () => 'Urbania' };
+const WALLPAPERS = ['default', 'jarrito', 'canela', 'paradise', 'ventura', 'magna', 'biznaga', 'oceano', 'quila', 'xico', 'tropical', 'tradicion', 'urbania', CUSTOM_WALL];
+const WALLPAPER_WORDS = { default: () => t('Default'), jarrito: () => 'Jarrito', canela: () => 'Canela', paradise: () => t('Paradise'), ventura: () => 'Ventura', magna: () => 'Magna', biznaga: () => 'Biznaga', oceano: () => 'Oceano', quila: () => 'Quila', xico: () => 'Xico', tropical: () => 'Tropical', tradicion: () => 'Tradicion', urbania: () => 'Urbania', custom: () => t('Your picture') };
 // The conversation's own looks (app.js, LOOKS.bubbles and LOOKS.text): the lobby has no
 // conversation, so here they are only chosen, for the room served at this address.
 const BUBBLES = ['comfortable', 'large', 'compact', 'fitted'];
@@ -81,7 +91,7 @@ const HOME_LOOKS = {
   text: { key: 'pulse.home.text', values: ['comfortable', 'larger', 'smaller'], words: { comfortable: () => t('Comfortable'), larger: () => t('Larger'), smaller: () => t('Smaller') } },
   order: { key: 'pulse.home.order', values: ['attention', 'name', 'recent', 'mine'], words: { attention: () => t('Attention'), name: () => t('Name'), recent: () => t('Recent'), mine: () => t('Your order') } },
 };
-const LOOK_KEYS = ['pulse.theme', 'pulse.accent', 'pulse.wallpaper', 'pulse.wallpaper.style', 'pulse.wallpaper.veil', 'pulse.wallpaper.blur', 'pulse.bubbles', 'pulse.text', ...Object.values(HOME_LOOKS).map((one) => one.key)];
+const LOOK_KEYS = ['pulse.theme', 'pulse.accent', 'pulse.wallpaper', 'pulse.wallpaper.style', 'pulse.wallpaper.veil', 'pulse.wallpaper.blur', 'pulse.bubbles', 'pulse.text', 'pulse.neural', ...Object.values(HOME_LOOKS).map((one) => one.key)];
 function readLooks() {
   let theme = 'auto';
   let accent = null;
@@ -100,7 +110,8 @@ function readLooks() {
   return {
     theme: ['auto', 'light', 'dark'].includes(theme) ? theme : 'auto',
     accent: ACCENTS.includes(accent) ? accent : 'madre',
-    wallpaper: WALLPAPERS.includes(wallpaper) ? wallpaper : 'default',
+    // The person's own picture only while it is here (public/wallpaper.js); taken away, the sky.
+    wallpaper: WALLPAPERS.includes(wallpaper) && (wallpaper !== CUSTOM_WALL || customWall()) ? wallpaper : 'default',
     style: style === 'mesh' ? 'mesh' : 'veil',
     veil: number(veil, 0, 140, 100),
     blur: number(blur, 0, 24, 0),
@@ -131,6 +142,8 @@ function applyLooks() {
   if (looks.home.cards !== 'full') root.dataset.homeCards = looks.home.cards; else delete root.dataset.homeCards;
   if (looks.home.text !== 'comfortable') root.dataset.homeText = looks.home.text; else delete root.dataset.homeText;
 }
+// The person's picture as this browser last knew it, before the first look is painted.
+paintCustomWall(rememberedWall());
 applyLooks();
 function saveLooks({ theme, accent, wallpaper, style, bubbles, text }) {
   // The first value of each look is the room as it always was, kept as no choice at all (app.js, saveLook).
@@ -150,6 +163,7 @@ function saveLooks({ theme, accent, wallpaper, style, bubbles, text }) {
 function saveHome(name, value) {
   const spec = HOME_LOOKS[name];
   try { if (value === spec.values[0]) localStorage.removeItem(spec.key); else localStorage.setItem(spec.key, value); } catch { /* the choice lasts as long as the page */ }
+  pushHomeLayout();
   applyLooks();
   if (name === 'order' && typeof draw === 'function') draw();
   if (name === 'order' && typeof paintOrderKey === 'function') paintOrderKey();
@@ -168,7 +182,7 @@ window.matchMedia?.('(prefers-color-scheme: light)').addEventListener?.('change'
 // app.js's pullLooks; Home's own card choices (HOME_LOOKS) stay here.
 // The wallpaper is each page's own (2026-10-13): Home keeps the one chosen in Home, each project
 // the one chosen in it (src/looks.mjs, `rooms`). The rest of the looks are shared.
-const SHARED_LOOKS = ['pulse.theme', 'pulse.accent', 'pulse.wallpaper.style', 'pulse.wallpaper.veil', 'pulse.wallpaper.blur', 'pulse.bubbles', 'pulse.text'];
+const SHARED_LOOKS = ['pulse.theme', 'pulse.accent', 'pulse.wallpaper.style', 'pulse.wallpaper.veil', 'pulse.wallpaper.blur', 'pulse.bubbles', 'pulse.text', 'pulse.neural'];
 // Before a page had its own, every page wore the shared one: that is where a page starts.
 const wallpaperOf = (answer) => answer.own?.wallpaper ?? answer.looks?.['pulse.wallpaper'] ?? null;
 function saveOwnWallpaper(value) {
@@ -183,15 +197,49 @@ function pushLooks() {
     void fetch('/api/looks', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(patch) }).catch(() => null);
   }, 250);
 }
+// How Home is arranged, the same from every port it is shown on and after MADRE comes back
+// (src/looks.mjs, home.json): written when the person changes it, read when Home opens or comes
+// back into view. The browser's copy stays, so Home paints as it was before it hears from there.
+const HOME_LAYOUT_KEYS = ['pulse.home.layout', 'pulse.home.projects', 'pulse.lobbyBar', 'pulse.home.cards', 'pulse.home.text', 'pulse.home.order'];
+let homePush = 0;
+function pushHomeLayout() {
+  clearTimeout(homePush);
+  homePush = setTimeout(() => {
+    const patch = {};
+    try { for (const key of HOME_LAYOUT_KEYS) patch[key] = localStorage.getItem(key); } catch { return; }
+    void fetch('/api/home-layout', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(patch) }).catch(() => null);
+  }, 250);
+}
+async function pullHomeLayout() {
+  let answer = null;
+  try { answer = await fetch('/api/home-layout', { cache: 'no-store' }).then((response) => (response.ok ? response.json() : null)); } catch { return false; }
+  if (!answer?.home) return false;
+  try {
+    // Nothing kept yet: the arrangement this browser had becomes the one every page shows.
+    if (!answer.saved) { if (HOME_LAYOUT_KEYS.some((key) => localStorage.getItem(key) !== null)) pushHomeLayout(); return false; }
+    let changed = false;
+    for (const key of HOME_LAYOUT_KEYS) {
+      const value = answer.home[key] ?? null;
+      if (localStorage.getItem(key) === value) continue;
+      if (value === null) localStorage.removeItem(key); else localStorage.setItem(key, value);
+      changed = true;
+    }
+    return changed;
+  } catch { return false; }
+}
 async function pullLooks() {
   let answer = null;
   try { answer = await fetch('/api/looks', { cache: 'no-store' }).then((response) => (response.ok ? response.json() : null)); } catch { return; }
   if (!answer?.looks) return;
+  // The person's own picture, kept once for every page (public/wallpaper.js): painted as it is now.
+  const before = customWall()?.v ?? null;
+  paintCustomWall(answer.custom ?? null);
   try {
     // Nothing kept yet: the first page that has a choice of its own hands it to the others.
     if (!answer.saved) { if (SHARED_LOOKS.some((key) => localStorage.getItem(key) !== null)) pushLooks(); return; }
-    let changed = false;
-    const wall = wallpaperOf(answer);
+    let changed = before !== (answer.custom?.v ?? null);
+    let wall = wallpaperOf(answer);
+    if (wall === CUSTOM_WALL && !answer.custom) wall = null;
     for (const [key, value] of [...SHARED_LOOKS.map((one) => [one, answer.looks[one] ?? null]), ['pulse.wallpaper', wall === 'default' ? null : wall]]) {
       if (localStorage.getItem(key) === value) continue;
       if (value === null) localStorage.removeItem(key); else localStorage.setItem(key, value);
@@ -230,8 +278,8 @@ const modeName = (n) => [t('INCOGNITO'), t('CHAT ONLY'), t('CREATE'), t('EDIT'),
 function askLine(ask) {
   if (ask.kind === 'mode') return t('@{agent} asks for #{n} {label}', { agent: ask.agent, n: ask.mode, label: modeName(ask.mode) });
   if (ask.kind === 'run') return ask.text ? t('@{agent} wants to run {line}', { agent: ask.agent, line: ask.text }) : t('@{agent} wants to run a command', { agent: ask.agent });
-  if (ask.kind === 'bishop') return t('The Coordinator proposes #{n} to @{agent}: unlock it with your key', { n: ask.mode, agent: ask.agent });
-  if (ask.kind === 'plan') return ask.text ? t('The Coordinator waits for your press: {reason}', { reason: ask.text }) : t('The Coordinator waits for your press');
+  if (ask.kind === 'bishop') return t('The Coordinator proposes #{n} to @{agent}: confirm it to unlock it', { n: ask.mode, agent: ask.agent });
+  if (ask.kind === 'plan') return ask.text ? t('The Coordinator waits for you to confirm: {reason}', { reason: ask.text }) : t('The Coordinator waits for you to confirm');
   return ask.text ? t('@{agent} asks you: {question}', { agent: ask.agent, question: ask.text }) : t('@{agent} asks you to choose', { agent: ask.agent });
 }
 // The folder, as a person writes it: the home folder is ~.
@@ -241,7 +289,7 @@ const addressOf = (room) => (room.here ? '/' : `http://127.0.0.1:${room.open.por
 
 // The memory kinds, in the colours NOSTROMO gives them (styles.css, --mem-*).
 const KINDS = ['decision', 'fact', 'preference', 'question', 'aberration'];
-const KIND_WORDS = { decision: t('DECISION'), fact: t('FACT'), preference: t('PREFERENCE'), question: t('QUESTION'), aberration: t('ABERRATION') };
+const KIND_WORDS = { decision: t('DECISION'), fact: t('FACT'), preference: t('PREFERENCE'), question: t('QUESTION'), aberration: t('DOUBTFUL MEMORY') };
 // A kind as a sentence says it: «Decisión», not «DECISIÓN».
 const kindWord = (kind) => { const word = String(KIND_WORDS[kind] ?? kind).toLowerCase(); return word.charAt(0).toUpperCase() + word.slice(1); };
 
@@ -282,6 +330,28 @@ function button(className, words, onClick) {
   return node;
 }
 
+// The other way in for a connection: what the room does, typed in a terminal. Folded, so whoever
+// has never opened one is never asked to; a comment line is said, the rest is what gets copied.
+// The panel repaints every few seconds: which folds are open is kept here, so one never closes on
+// the person reading it. So is which agent is choosing the account to sign in again with.
+const openWays = new Set();
+const choosingAccount = new Set();
+function terminalWay(lines, key) {
+  const fold = el('details', 'sm-terminal-way');
+  fold.open = openWays.has(key);
+  fold.addEventListener('toggle', () => { if (fold.open) openWays.add(key); else openWays.delete(key); });
+  fold.append(el('summary', null, t('Prefer your terminal?')));
+  const block = el('div', 'sm-terminal-lines');
+  for (const line of lines) block.append(line.startsWith('#') ? el('small', 'sm-agent-note', line.slice(1).trim()) : el('code', 'sm-agent-command', line));
+  const runnable = lines.filter((line) => !line.startsWith('#'));
+  const copy = button('sm-btn small', t('Copy'), async () => {
+    try { await navigator.clipboard.writeText(runnable.join('\n')); copy.textContent = t('Copied'); setTimeout(() => { copy.textContent = t('Copy'); }, 1500); }
+    catch { copy.textContent = t('Select it'); }
+  });
+  fold.append(block, copy);
+  return fold;
+}
+
 function card(room) {
   const glance = room.glance ?? {};
   const state = stateOf(room);
@@ -338,7 +408,7 @@ function card(room) {
   if (room.open && glance.census) {
     node.append(memoryStrip(glance.census));
     const counts = [conversationsCount(glance.chats ?? 0), memoriesCount(glance.census.memories)];
-    if (glance.census.memories) counts.push(t('{n} travel', { n: glance.census.travelling }));
+    if (glance.census.memories) counts.push(t('{n} in use', { n: glance.census.travelling }));
     node.append(el('p', 'sm-counts', counts.join(' · ')));
   }
 
@@ -563,7 +633,7 @@ function drawMemory() {
     const item = el('span', `k-${kind}`, `${kindWord(kind)} · ${sum.kinds[kind]}`);
     legend.append(item);
   }
-  ui.memory.body.append(legend, el('p', 'sm-hint', [sum.memories ? t('{n} travel', { n: sum.travelling }) : null, t('Counted in the open projects.')].filter(Boolean).join(' · ')));
+  ui.memory.body.append(legend, el('p', 'sm-hint', [sum.memories ? t('{n} in use', { n: sum.travelling }) : null, t('Counted in the open projects.')].filter(Boolean).join(' · ')));
 }
 
 // AGENTS: the ones on this computer, with the session each has. Connected once, every project
@@ -777,7 +847,7 @@ function drawWork() {
   w.note.textContent = state === 'working' ? t('MADRE is summarising your latest conversations…')
     : state === 'unavailable' ? (bullets.length ? t('MADRE\'s local model is off: this is the last summary it wrote.') : t('MADRE\'s local model is off: these are your latest conversations, as they are.'))
     : state === 'failed' ? t('MADRE could not summarise them this time: these are your latest conversations, as they are.')
-    : work.stale ? t('There is newer work than this summary: it is written again in a few minutes, or now if you ask.')
+    : work.stale ? t('There is newer work than this summary: it updates itself in a few minutes, or now if you press Summarize again.')
     : t('Written by MADRE on this Mac from your latest conversations.');
   if (typeof fitTiles === 'function') fitTiles();
 }
@@ -806,6 +876,9 @@ function linkRow(enlace) {
   if (enlace.orders?.allowed) what.push(t('orders up to #{n}', { n: enlace.orders.maxMode }));
   // D-S13: a link BISHOP signed on its own says so, so it is never mistaken for one you signed.
   if (enlace.signed?.by === 'bishop') what.push(t('signed by the Coordinator'));
+  if (enlace.train) what.push(t('the Coordinator learns from it'));
+  if (enlace.state) what.push(t('shares its state'));
+  if (enlace.deliver) what.push(t('receives delivered notes'));
   node.append(el('p', 'what', what.join(' · ')));
   const traffic = enlace.traffic ?? {};
   // S-021: the last reading says who read, as the room that asked said it.
@@ -824,6 +897,36 @@ function linkRow(enlace) {
   });
   recall.append(recallBox, document.createTextNode(t('Always include (up to 3 notes)')));
   node.append(recall);
+  // D-S15: on a link the Coordinator reads, whether it also learns from that project.
+  if (reader === data.salas) {
+    const learn = el('label', 'row sm-recall');
+    const learnBox = el('input'); learnBox.type = 'checkbox'; learnBox.checked = Boolean(enlace.train);
+    learnBox.addEventListener('change', async () => {
+      learnBox.disabled = true;
+      const answer = await fetch('/api/salas/enlaces/train', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ id: enlace.id, train: learnBox.checked }) })
+        .then((response) => response.ok).catch(() => false);
+      if (!answer) learnBox.checked = !learnBox.checked;
+      learnBox.disabled = false;
+      await refresh();
+    });
+    learn.append(learnBox, document.createTextNode(t('The Coordinator learns from it')));
+    node.append(learn);
+  }
+  // D-S16 and D-S17: what else the link allows, ticked or cleared here by you.
+  for (const [field, label] of [['state', t('It shares its state')], ['deliver', t('It receives delivered notes')]]) {
+    const allow = el('label', 'row sm-recall');
+    const box = el('input'); box.type = 'checkbox'; box.checked = Boolean(enlace[field]);
+    box.addEventListener('change', async () => {
+      box.disabled = true;
+      const answer = await fetch('/api/salas/enlaces/allow', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ id: enlace.id, field, on: box.checked }) })
+        .then((response) => response.ok).catch(() => false);
+      if (!answer) box.checked = !box.checked;
+      box.disabled = false;
+      await refresh();
+    });
+    allow.append(box, document.createTextNode(label));
+    node.append(allow);
+  }
   const actions = el('div', 'sm-actions');
   if (revoking.has(enlace.id)) actions.append(el('span', 'sm-ask', t('Nothing crosses from then on.')), button('sm-btn danger', t('Revoke it'), () => revokeLink(enlace.id)), button('sm-btn ghost', t('Cancel'), () => { revoking.delete(enlace.id); draw(); }));
   else actions.append(button('sm-btn ghost', t('Revoke'), () => { revoking.add(enlace.id); draw(); }));
@@ -843,7 +946,7 @@ function drawLinks(projects) {
   ui.linksSum.textContent = enlaces.length
     ? [enlaces.length === 1 ? t('1 in force') : t('{n} in force', { n: enlaces.length }), t('{n} reads in 24 h', { n: reads })].join(' · ')
     : enough ? t('No connections yet.') : t('Add a project to connect it.');
-  ui.linksNote.textContent = t('A connection lets one project read the distilled notes of another, read-only, by a contract you sign here. Nothing is written across, and only notes that travel into turns cross.');
+  ui.linksNote.textContent = t('A connection lets one project read the summarized notes of another, read-only, by a contract you sign here. Nothing is written across, and only notes already used in answers are shared.');
   ui.links.replaceChildren(...enlaces.map(linkRow));
   if (!enlaces.length && ui.linksSheet.open) ui.linksSheet.close();
   drawMap(projects, enlaces);
@@ -1247,7 +1350,7 @@ const SIZES = [[4, () => t('Small')], [6, () => t('Medium')], [8, () => t('Large
 // not fit in a chosen height scrolls inside the tile.
 const HEIGHTS = [[0, () => t('Automatic')], [2, () => t('2 rows')], [3, () => t('3 rows')], [4, () => t('4 rows')], [5, () => t('5 rows')]];
 const HOME_TILES = {
-  bishop: { id: 'sm-bishop', name: () => t('Coordinator'), about: () => t('Your coordinator, its state and its recent summary.'), size: 8, rows: 5 },
+  bishop: { id: 'sm-bishop', name: () => t('Coordinator'), about: () => t('Your Coordinator, its state and its recent summary.'), size: 8, rows: 5 },
   waiting: { id: 'sm-waiting', name: () => t('Waiting for you'), about: () => t('The questions and permissions an agent is waiting on.'), size: 4, rows: 2 },
   links: { id: 'sm-links-tile', name: () => t('Connections'), about: () => t('The map of who looks up whom.'), size: 4, rows: 3 },
   projects: { id: 'sm-drawer', name: () => t('Projects'), about: () => t('Every project, open or asleep, three rows at a time.'), size: 12, sizes: [12], kept: true },
@@ -1259,7 +1362,7 @@ const WIDGETS = {
   'w-system': { kind: 'system', name: () => t('System resources'), about: () => t('How busy this Mac\'s processor is, and how much memory is free.'), size: 4, rows: 3 },
   'w-servers': { kind: 'servers', name: () => t('Servers'), about: () => t('The servers running in your open projects, and whether they answer.'), size: 4, rows: 3, needs: () => t('Turn on Preview in a project\'s Modules to see its servers.') },
   'w-memory': { kind: 'memory', name: () => t('Memory quality'), about: () => t('How grown each open project\'s memory is, and its weakest side.'), size: 4, rows: 3, needs: () => t('Open a project to read its memory.') },
-  'w-coordinator': { kind: 'coordinator', name: () => t('Coordinator training'), about: () => t('How far the Coordinator\'s own record is from a model of its own.'), size: 4, rows: 3 },
+  'w-coordinator': { kind: 'coordinator', name: () => t('Coordinator training'), about: () => t('How far the Coordinator\'s own record is from training a model of its own.'), size: 4, rows: 3 },
   // Only for MADRE's author, in a copy run from source with the author's token (src/server.mjs, homeWidget):
   // anywhere else the server has no such widget and Home never offers it.
   'w-usage': { kind: 'usage', owner: true, name: () => t('MADRE usage'), about: () => t('How many copies of MADRE are on, which versions and whether people come back. Only you see this.'), size: 8, rows: 3 },
@@ -1304,6 +1407,7 @@ function saveLayout() {
     if (JSON.stringify(layout) === JSON.stringify(DEFAULT_LAYOUT)) localStorage.removeItem(LAYOUT_KEY);
     else localStorage.setItem(LAYOUT_KEY, JSON.stringify(layout));
   } catch { /* the arrangement lasts as long as the page */ }
+  pushHomeLayout();
   applyLayout();
 }
 const placed = (id) => layout.order.includes(id);
@@ -1604,7 +1708,10 @@ async function openHomeAdd() {
   const list = el('div', 'sm-add-list');
   body.append(list);
   homeAddSheet.append(body);
-  homeAddSheet.addEventListener('close', () => { homeAddSheet?.remove(); homeAddSheet = null; });
+  // The key's squares stay filled while the sheet it opened is there.
+  const key = document.getElementById('sm-add-widgets');
+  key?.classList.add('filled');
+  homeAddSheet.addEventListener('close', () => { homeAddSheet?.remove(); homeAddSheet = null; key?.classList.remove('filled'); });
   document.body.append(homeAddSheet);
   homeAddSheet.showModal();
   void homeTour.hint('home-add', list, { inside: true, title: t('Add to Home'), text: t('The tiles you took off, and the widgets. A widget is offered only when something on this Mac feeds it; right-click any tile to move it, resize it or take it off.') });
@@ -1727,7 +1834,7 @@ const WIDGET_PAINT = {
       const top = el('div', 'sm-w-line');
       top.append(el('b', null, one.name), el('span', 'sm-w-stage', one.stage ?? '—'), el('small', null, pct(one.score)));
       row.append(top, meter(one.score));
-      const notes = [one.weakest?.label ? t('weakest: {what}', { what: one.weakest.label.toLowerCase() }) : null, one.aberrations ? t('{n} odd memories', { n: one.aberrations }) : null].filter(Boolean);
+      const notes = [one.weakest?.label ? t('weakest: {what}', { what: one.weakest.label.toLowerCase() }) : null, one.aberrations ? t('{n} doubtful memories', { n: one.aberrations }) : null].filter(Boolean);
       if (notes.length) row.append(el('small', null, notes.join(' · ')));
       grid.append(row);
     }
@@ -1790,6 +1897,10 @@ function makeWidget(id) {
   };
   node.start = () => { if (timer) return; void read(); timer = setInterval(() => void read(), 20000); };
   node.stop = () => { clearInterval(timer); timer = 0; };
+  // Said again in the language Home settled on: a widget is made once, before the first answer
+  // tells Home which language MADRE speaks (a new MADRE starts in Spanish and may adopt English),
+  // and its title stayed in the first one (2026-10-17).
+  node.say = () => { head.firstChild.textContent = spec.name(); if (timer) void read(); };
   return node;
 }
 applyLayout();
@@ -1833,6 +1944,8 @@ homeTour.firstOpen('home-links', ui.bar.links, {
   text: () => t('Which projects can look up what another learned, and the contract each one signed. Nothing is shared without your signature, and you can cancel any connection here.'),
 });
 homeTour.firstOpen('home-map', ui.macro, {
+  // Under the map's own head, never beside Home's key, which the map covers.
+  opened: () => document.querySelector('.mv .mv-head .mother-title'),
   title: () => t('Project map'),
   text: () => t('Your projects as a map. Drag one onto another to connect them, click one to go to it, and press Esc to come back.'),
   after: 900,
@@ -1876,6 +1989,15 @@ function welcomeHome() {
           : t('A connection lets one project look up what another learned, by a contract you sign. Nothing is written across.'),
       });
     }, 2200);
+    // 1.0.2 brings one key to Home's bar: said once, after any other card, never over a sheet.
+    let tries = 0;
+    const sayAdd = async () => {
+      const key = document.getElementById('sm-add-widgets');
+      if (!key || document.querySelector('dialog[open]') || !(await homeTour.hint('new-add-widgets', key, { title: t('New: add widgets'), text: t('This button opens «Add to Home»: choose the widgets you want to see here, or bring back the ones you removed.') }))) {
+        if ((tries += 1) < 6) setTimeout(sayAdd, 6000)?.unref?.();
+      }
+    };
+    setTimeout(sayAdd, 5000)?.unref?.();
   });
 }
 
@@ -1921,7 +2043,7 @@ function openLinkSheet({ reader = null, source = null } = {}) {
   const linkedPair = (x, y) => (x && y ? (data.enlaces ?? []).find((one) => [one.rooms.a, one.rooms.b].sort().join('\n') === [x, y].sort().join('\n')) ?? null : null);
   const pick = {
     reader: reader ?? (source !== data.salas && rooms.some((room) => room.id === data.salas) ? data.salas : rooms.find((room) => room.id !== source)?.id),
-    source: null, both: false, kinds: new Set(['decision', 'fact']), days: 7, recall: false,
+    source: null, both: false, kinds: new Set(['decision', 'fact']), days: 7, recall: false, train: false, state: false, deliver: false,
     orders: false, maxMode: 1, perHour: 6, designation: '',
   };
   const free = (room) => room.id !== pick.reader && room.id !== data.salas && !linkedPair(room.id, pick.reader);
@@ -2202,11 +2324,16 @@ function openLinkSheet({ reader = null, source = null } = {}) {
       ends.append(rail(LINK_DAYS.map(([value, words]) => [value, words()]), pick.days, (value) => { pick.days = value; }, t('It ends')));
       box.append(row(t('It ends'), t('A week is enough to try it; signing it again takes a moment.'), ends, { recommended: pick.days === 7 }));
       box.append(row(t('Always include'), t('With every question it gets up to 3 related notes without looking for them; each time counts toward the hourly limit. Off, its agents look them up only when they need to.'), toggle(pick.recall, (on) => { pick.recall = on; render(); }, t('Always include'))));
+      // D-S15: only with the Coordinator reading, and only by you.
+      if (coordinator(pick.reader)) box.append(row(t('The Coordinator learns from it'), t("Its notes also go into the training of the Coordinator's local AI, so it knows this project without opening it. Clearing it or revoking takes it out of the next export; a model already trained keeps what it learned until you train it again."), toggle(pick.train, (on) => { pick.train = on; render(); }, t('The Coordinator learns from it'))));
+      // D-S16 and D-S17: by you only, off unless you turn them on.
+      box.append(row(t('It shares its state'), t('Besides its notes, its canonical state as Continuity keeps it: objective, phase, next step, its last handoff, decisions and what is still open. Only if the project has Continuity installed; never its files or its code.'), toggle(pick.state, (on) => { pick.state = on; render(); }, t('It shares its state'))));
+      box.append(row(t('It receives delivered notes'), t('The project that reads can hand it notes. They wait there until you accept them (or an agent of that project in #3 EDIT or above): nothing enters its memory on its own.'), toggle(pick.deliver, (on) => { pick.deliver = on; render(); }, t('It receives delivered notes'))));
       page.append(box);
       actions.append(next());
     } else if (kind === 'orders') {
       const name = nameOf(ordersInto());
-      intro(t('Orders from the coordinator'), sayBold('With orders, the Coordinator can ask {room} for a task, and its agents do it there. Without them, it only reads. Edit (#3) and Full access (#4) never go this way: they arrive as a proposal you unlock in that project.', { room: name }));
+      intro(t('Orders from the Coordinator'), sayBold('With orders, the Coordinator can ask {room} for a task, and its agents do it there. Without them, it only reads. #3 EDIT and #4 FULL ACCESS never go this way: they arrive as a proposal you unlock in that project.', { room: name }));
       const box = card();
       box.append(row(sayBold('Allow orders into {room}', { room: name }), sayBold('Leave it off unless you need the Coordinator to act in {room}.', { room: name }), toggle(pick.orders, (on) => { pick.orders = on; render(); }, t('Allow orders into {room}', { room: name })), { recommended: !pick.orders }));
       if (pick.orders) {
@@ -2233,8 +2360,12 @@ function openLinkSheet({ reader = null, source = null } = {}) {
       said(pick.both ? sayBold('{a} and {b} will look up each other\'s {kinds}.', { a: nameOf(pick.reader), b: nameOf(pick.source), kinds: kindsSaid() }, ['a', 'b']) : sayBold('{reader} will look up the {kinds} of {source}.', { reader: nameOf(pick.reader), source: nameOf(pick.source), kinds: kindsSaid() }, ['reader', 'source']));
       said(pick.days ? t('Until {date}.', { date: until() }) : t('With no expiry: it lasts until you revoke it.'));
       said(pick.recall ? t('With every question, up to 3 of these notes arrive without being looked for.') : t('Its agents look them up only when they need them.'));
+      if (coordinator(pick.reader)) said(pick.train ? sayBold('The Coordinator learns from {room}: its notes go into its training.', { room: nameOf(pick.source) }) : t('The Coordinator does not learn from it: it only looks it up.'));
       if (ordersInto()) said(pick.orders ? sayBold('The Coordinator may send orders into {room}, up to #{n}, {k} an hour.', { room: nameOf(ordersInto()), n: pick.maxMode, k: pick.perHour }, ['room']) : t('No orders: the Coordinator only looks up.'));
-      said(t('Nothing is written across, and you can revoke it at any moment from Connections.'));
+      if (pick.state) said(pick.both ? t('Both also read each other\'s state, as Continuity keeps it.') : sayBold('{reader} also reads the state of {source}, as Continuity keeps it.', { reader: nameOf(pick.reader), source: nameOf(pick.source) }, ['reader', 'source']));
+      said(pick.deliver
+        ? (pick.both ? t('Each can deliver notes to the other; they wait until that project accepts them. Nothing is written directly, and you can revoke it at any moment from Connections.') : sayBold('{reader} can deliver notes to {source}; they wait there until accepted. Nothing is written directly, and you can revoke it at any moment from Connections.', { reader: nameOf(pick.reader), source: nameOf(pick.source) }, ['reader', 'source']))
+        : t('Nothing is written across, and you can revoke it at any moment from Connections.'));
       page.append(list);
       const warn = cautions();
       if (warn.length) { const box = card(); for (const words of warn) box.append(caution(words)); page.append(box); }
@@ -2246,6 +2377,9 @@ function openLinkSheet({ reader = null, source = null } = {}) {
           orders: pick.orders && ordersInto() ? { allowed: true, maxMode: pick.maxMode, perHour: pick.perHour } : { allowed: false, maxMode: 0, perHour: pick.perHour },
           designation: pick.orders && ordersInto() ? pick.designation.trim() : undefined,
           recall: pick.recall,
+          train: pick.train && coordinator(pick.reader),
+          state: pick.state,
+          deliver: pick.deliver,
         };
         sign.disabled = true;
         sign.textContent = t('Signing…');
@@ -2280,16 +2414,22 @@ async function refresh() {
   const answer = await refreshPending;
   refreshPending = null;
   if (!answer) { ui.foot.textContent = t('This project did not answer. It may have closed.'); ui.bar.live.classList.add('is-off'); ui.bar.live.lastChild.textContent = t('Not answering right now'); return; }
-  if (answer.language && answer.language !== language) { language = setLanguage(answer.language); root.lang = language; translateStatic(); drawAttention(); drawDecisions(); drawWork(); homeTour.repaint(); }
+  // Home is the first screen of `npx madre`: a MADRE nobody has set takes this browser's language
+  // here, once, and every project follows (public/i18n.js, browserLanguage).
+  if (answer.languageChosen === false && !languageAdopted) {
+    languageAdopted = true;
+    let chosenHere = null;
+    try { chosenHere = localStorage.getItem('pulse.language'); } catch { /* no storage */ }
+    const mine = chosenHere === 'es' || chosenHere === 'en' ? chosenHere : browserLanguage();
+    if (await post('/api/language', { language: mine }).then((response) => response?.ok !== false).catch(() => false)) answer.language = mine;
+  }
+  if (answer.language && answer.language !== language) { language = setLanguage(answer.language); root.lang = language; translateStatic(); drawAttention(); drawDecisions(); drawWork(); for (const widget of document.querySelectorAll('.sm-widget')) widget.say?.(); homeTour.repaint(); }
   data = answer;
   // A project that came up after Home stopped waiting is open: its card no longer says it did not.
   for (const room of answer.rooms ?? []) if (room.open) failed.delete(room.id);
   ui.foot.textContent = t('Every project runs on this Mac, on its own, with its own memory.');
   // The room's corner (app.js, #colophon): the version this Home runs, and NOTICE's own line.
-  if (answer.version) {
-    ui.colophon.replaceChildren(el('b', null, `MADRE ${answer.version}`), document.createTextNode('\u00a0·\u00a0© 2026 Jossue Alcalá'));
-    ui.colophon.hidden = false;
-  }
+  if (answer.version) { drawAttribution(ui.colophon, answer.version); void drawColophonKeys(ui.colophon); }
   draw();
 }
 
@@ -2387,7 +2527,7 @@ function macroWords() {
     back: t('Back to Home'),
     hint: t('Drag the space to move it · wheel to come closer · click a project to look at it · drag it to turn it · carry one onto the Coordinator for the Coordinator to read it, or onto another to connect them · ← → from one to the next · Esc to come back'),
     bishop: t('Coordinator'),
-    bishopAbout: t('Your coordinator. It reads across your projects, signs the connections between them and carries an order from one to another.'),
+    bishopAbout: t('Your Coordinator. It reads across your projects, signs the connections between them and carries an order from one to another.'),
     bishopReads: (n) => (n ? (n === 1 ? t('It reads 1 project by a connection') : t('It reads {n} projects by connections', { n })) : t('It reads no project yet: each one it reads is a connection you sign.')),
     notLinked: t('Not connected yet: touch one to connect it'),
     talk: t('Talk to the Coordinator'),
@@ -2395,7 +2535,7 @@ function macroWords() {
     recenter: t('RECENTER'),
     // The legend under its name, in the Memory map's words.
     legend: t('Memory kinds'),
-    kinds: { ...Object.fromEntries(KINDS.map((kind) => [kind, kindWord(kind)])), dim: t('OUT OF CIRCULATION') },
+    kinds: { ...Object.fromEntries(KINDS.map((kind) => [kind, kindWord(kind)])), dim: t('NOT USED') },
     veins: (n) => t('{n} connections', { n }),
     links: t('Connections'),
     link: t('Connect…'),
@@ -2473,7 +2613,10 @@ ui.macro.addEventListener('click', async () => {
     // BISHOP at the centre (D-S12): the macroverse draws its body itself (macroverso.js, bishopOrb).
     bishop: data.salas ? { id: data.salas } : null,
     words: macroWords(),
+    // Drawn as neurons when the person chose it (public/neural.js), here or in a project.
+    neural: neuralChosen(),
     actions: {
+      neural: (on) => { rememberNeural(on); pushLooks(); },
       wake: async (room) => { await startRoom(room); },
       // Dragged from one universe onto another: the notes of the first would travel to the second.
       link: (source, reader) => openLinkSheet({ source: source?.id ?? null, reader: reader?.id ?? null }),
@@ -2519,7 +2662,8 @@ function drawTopbar() {
   b.agents.replaceChildren();
   for (const agent of (agentsSeen?.agents ?? []).filter((one) => one.id !== 'madre')) {
     const state = agentState(agent, agentsSeen);
-    const key = button(`sm-agent-key ${state.key}`, null, () => openSettings('agents'));
+    // An agent that cannot answer (no session, not installed) looks switched off, as in the room.
+    const key = button(`sm-agent-key ${state.key}${!state.ok && !state.busyNow ? ' off' : ''}`, null, () => openSettings('agents'));
     key.append(mark(agent.id, 24));
     key.title = `${agent.label ?? agent.id} · ${state.words}`;
     key.setAttribute('aria-label', key.title);
@@ -2595,6 +2739,7 @@ function pinsShown() {
 function pinsWrite(list) {
   pins.saved = [...list];
   try { localStorage.setItem(PIN_KEY, JSON.stringify(pins.saved)); } catch { /* this page only */ }
+  pushHomeLayout();
   drawTopbar();
   settingsSheet?.sync({ detail: true });
 }
@@ -2610,6 +2755,7 @@ function pinRemove(id) { pinsWrite(pinsShown().filter((one) => one !== id)); }
 function pinsReset() {
   pins.saved = null;
   try { localStorage.removeItem(PIN_KEY); } catch { /* this page only */ }
+  pushHomeLayout();
   drawTopbar();
   settingsSheet?.sync({ detail: true });
 }
@@ -3038,6 +3184,8 @@ function reloadWithGrace() {
   }, 900);
 }
 ui.bar.reload.addEventListener('click', reloadWithGrace);
+// «Add to Home» had only a right-click and a menu; now a key of its own in the bar (2026-10-14).
+document.getElementById('sm-add-widgets')?.addEventListener('click', () => openHomeAdd());
 
 // From Home into a project, and back (2026-10-10): the page settles back under a veil of its own
 // ground and goes (styles.css, madre-leaving); the room lifts the veil as it arrives. Every way in
@@ -3066,17 +3214,19 @@ document.addEventListener('click', (event) => {
 // and over any open sheet, for a few seconds.
 let toastNode = null;
 let toastTimer = 0;
-function toast(words, tone = 'done') {
+// `action` ({ label, run }) puts one key at its end: the Market's news says «See it» (2026-10-18).
+function toast(words, tone = 'done', action = null) {
   toastNode?.remove();
   const node = el('div', 'toast sm-toast');
   node.setAttribute('role', 'status');
   node.dataset.tone = tone;
   node.append(el('i', 'toast-dot'), el('span', 'toast-text', words));
+  if (action) node.append(button('toast-act', action.label, () => { node.remove(); action.run(); }));
   document.body.append(node);
   if (typeof node.showPopover === 'function') { node.popover = 'manual'; node.showPopover(); }
   toastNode = node;
   clearTimeout(toastTimer);
-  toastTimer = setTimeout(() => { node.remove(); if (toastNode === node) toastNode = null; }, 5000);
+  toastTimer = setTimeout(() => { node.remove(); if (toastNode === node) toastNode = null; }, action ? 9000 : 5000);
 }
 
 // ---- THE LOBBY (2026-10-10). The first screen of MADRE: every project on this Mac, BISHOP above
@@ -3273,7 +3423,7 @@ function projectPicker({ onAdded = null, onChange = null, withAdd = true } = {})
   const chosen = new Map();     // path → name
   const node = el('div', 'sm-picker');
   const pages = foldPages();
-  let source = 'found';         // found · browse
+  let source = 'found';         // found · browse · new
   let found = null;             // the suggestions, once read
   let here = null;              // the folder being walked, as /api/salas/folders answered
   let query = '';
@@ -3298,7 +3448,46 @@ function projectPicker({ onAdded = null, onChange = null, withAdd = true } = {})
   const error = el('p', 'error');
   footer.append(pages.pager, count);
   if (addButton) footer.append(addButton);
-  node.append(head, line, pages.grid, footer, error);
+  // A project from nothing (2026-10-17): its name, where the folder goes (the one being walked in
+  // Your folders, else the home folder) and one key. Made, it is added like any chosen folder.
+  const fresh = el('form', 'sm-new-project');
+  fresh.hidden = true;
+  const nameField = el('label', 'sm-new-name');
+  const nameInput = el('input');
+  nameInput.type = 'text';
+  nameInput.autocomplete = 'off';
+  nameInput.spellcheck = false;
+  nameInput.maxLength = 120;
+  nameInput.placeholder = t('my-new-project');
+  nameField.append(el('span', null, t('Project name')), nameInput);
+  const whereLine = el('p', 'sm-new-where');
+  const makeKey = button('sm-btn primary', t('Create project'), () => {});
+  makeKey.type = 'submit';
+  const freshError = el('p', 'error');
+  fresh.append(nameField, whereLine, makeKey, freshError);
+  const parentNow = () => (here?.path && here.path !== here.home ? here.path : here?.home ?? null);
+  const sayWhere = () => {
+    whereLine.replaceChildren(el('span', null, t('The folder is made in')), ' ', el('code', null, parentNow() ? homeWord(parentNow()) : '~'), ' ');
+    const other = button('sm-new-other', t('Choose another place'), () => { touched = true; source = 'browse'; draw(); if (!here) void walk(); });
+    other.type = 'button';
+    whereLine.append(other);
+  };
+  fresh.addEventListener('submit', async (event) => {
+    event.preventDefault();
+    freshError.textContent = '';
+    makeKey.disabled = true;
+    const answer = await post('/api/salas/new', { name: nameInput.value, parent: parentNow() });
+    makeKey.disabled = false;
+    if (!answer.ok) { freshError.textContent = answer.body.error ?? t('It could not be created.'); nameInput.focus(); return; }
+    const added = answer.body.added ?? [];
+    nameInput.value = '';
+    await refresh();
+    if (added[0]) toast(t('{name} was created and added to Home.', { name: added[0].name }));
+    onAdded?.(added);
+    void loadFound();
+    if (here) void walk(here.path === here.home ? null : here.path);
+  });
+  node.append(head, line, pages.grid, fresh, footer, error);
   const sync = () => {
     count.textContent = chosen.size ? (chosen.size === 1 ? t('1 folder chosen') : t('{n} folders chosen', { n: chosen.size })) : t('Choose one or more folders');
     if (addButton) {
@@ -3315,14 +3504,25 @@ function projectPicker({ onAdded = null, onChange = null, withAdd = true } = {})
     onToggle: (on) => { if (on) chosen.set(one.path, one.name); else chosen.delete(one.path); sync(); },
   });
   function draw({ keepPage = false } = {}) {
-    const fresh = customSeg([['found', t('Found on this Mac')], ['browse', t('Your folders')]], source, (value) => {
+    const options = customSeg([['found', t('Found on this Mac')], ['browse', t('Your folders')], ['new', t('New project')]], source, (value) => {
       touched = true;
       source = value;
       draw();
-      if (value === 'browse' && !here) void walk();
-    }, 'two');
-    seg.replaceWith(fresh);
-    seg = fresh;
+      if (value !== 'found' && !here) void walk();
+      if (value === 'new') nameInput.focus();
+    });
+    seg.replaceWith(options);
+    seg = options;
+    const making = source === 'new';
+    fresh.hidden = !making;
+    pages.grid.hidden = making;
+    footer.hidden = making;
+    search.hidden = making;
+    if (making) {
+      line.replaceChildren(el('span', 'sm-picker-note', t('An empty folder, made for you, that becomes a project.')));
+      sayWhere();
+      return;
+    }
     const noMatch = () => t('No folder matches «{query}».', { query: input.value.trim() });
     if (source === 'found') {
       line.replaceChildren(el('span', 'sm-picker-note', found ? t('Folders that look like projects, in the places people keep them.') : t('Looking…')));
@@ -3361,7 +3561,7 @@ function projectPicker({ onAdded = null, onChange = null, withAdd = true } = {})
     const answer = await fetch(`/api/salas/folders${path ? `?path=${encodeURIComponent(path)}` : ''}`, { cache: 'no-store' }).then((response) => response.json()).catch(() => null);
     here = answer ?? { error: t('That folder is not there.') };
     if (path !== null) { query = ''; input.value = ''; }
-    if (source === 'browse') draw();
+    if (source !== 'found') draw();
   }
   async function add() {
     error.textContent = '';
@@ -3417,6 +3617,30 @@ function openAddSheet() {
 }
 ui.add.addEventListener('click', openAddSheet);
 
+// THE MARKET and MODULES (2026-10-18), full screen (market-view.js): the store, and what is on in
+// which project. From Home a module is turned on for every project or only in one; one that writes
+// into a project's folder opens that project, on its card, where its commands are read first.
+const openHomeMarket = (tab = 'shop', focus = null) => openMarket({
+  where: 'home',
+  tab,
+  focus,
+  host: {
+    localAi: () => openSettings('local'),
+    toast: (words) => toast(words),
+    changed: () => drawColophonKeys(ui.colophon),
+    openProject: async (projectId, item) => {
+      const answer = await post('/api/salas/start', { room: projectId });
+      if (!answer.ok || !answer.body.port) return false;
+      window.open(`http://127.0.0.1:${answer.body.port}/#modulo=${encodeURIComponent(item.id)}`, '_blank', 'noopener');
+      return true;
+    },
+  },
+});
+document.querySelector('#sm-tb-market')?.addEventListener('click', () => void openHomeMarket('shop'));
+document.querySelector('#sm-tb-modules')?.addEventListener('click', () => void openHomeMarket('mine'));
+// The Market's catalog from madre.run, and what it updated on its own since, said once.
+void loadMarket({ toast: (words, action) => toast(words, action ? 'news' : 'done', action), open: (id) => openHomeMarket('shop', id) });
+
 // The agents of this computer, with everything a connection needs in one place: which account
 // each one signs in with, the doors it has, the box where a pasted key goes, the address a
 // sign-in opened and the code that page gives back. Home used to show a name, a lamp and one
@@ -3425,7 +3649,7 @@ ui.add.addEventListener('click', openAddSheet);
 // `compact` is the welcome's first step: there, a connected agent is done, and a button to change
 // the account it signs in with is a question nobody asked on their first minute.
 // Who makes each agent, said under its name as the project's AJUSTES says it.
-const VENDOR_WORDS = { codex: 'OpenAI', claude: 'Anthropic', gemini: 'Google', opencode: 'OpenCode' };
+const VENDOR_WORDS = { codex: 'OpenAI', claude: 'Anthropic', gemini: 'Google', opencode: 'OpenCode', cursor: 'Cursor' };
 
 // OpenCode's providers in Home, the same block as the project's AJUSTES › Agents › OpenCode: a line
 // per provider with a key or an account and its switch for the chat, one row to add another, and
@@ -3550,6 +3774,16 @@ function agentsPanel({ onPaint = null, compact = false } = {}) {
       open.rel = 'noopener';
       box.append(open);
     }
+    // A device sign-in (GitHub Copilot through OpenCode) shows its code instead of asking for one.
+    if (live.deviceCode) {
+      const said = el('div', 'sm-agent-device');
+      said.append(el('span', null, t('Type this code on that page:')), el('code', null, live.deviceCode));
+      const copy = button('sm-btn small', t('Copy'), async () => {
+        try { await navigator.clipboard.writeText(live?.deviceCode ?? ''); copy.textContent = t('Copied'); } catch { copy.textContent = t('Select it'); }
+      });
+      said.append(copy);
+      box.append(said);
+    }
     if (live.asksForCode || live.awaitingCode) {
       const form = el('form', 'sm-agent-code');
       const input = el('input');
@@ -3661,10 +3895,19 @@ function agentsPanel({ onPaint = null, compact = false } = {}) {
       // One button per account the CLI can sign in with: Claude has two, and only the human can
       // say which one is paying.
       const doorKeys = () => {
-        const doors = agent.login?.methods?.length ? agent.login.methods : [{ id: null, label: null, note: agent.login?.note }];
+        // With a session, every agent offers the same «sign in again» as Codex. A single door
+        // (Gemini's Google account) is that door; two doors (Claude's subscription and Console)
+        // are chosen after the click.
+        const methods = agent.login?.methods ?? [];
+        const choosing = choosingAccount.has(agent.id);
+        const doors = !state.ok ? (methods.length ? methods : [{ id: null, label: null, note: agent.login?.note }])
+          : methods.length > 1 && choosing ? methods
+            : [{ id: methods.length === 1 ? methods[0].id : null, label: null, note: methods.length === 1 ? methods[0].note : agent.login?.note, choose: methods.length > 1 }];
         return doors.map((door) => {
           const name = door.label ? t(door.label) : state.ok ? t('Sign in again') : t('Sign in');
-          const key = button(`sm-btn ${state.ok ? '' : 'primary'} small`, name, async (event) => {
+          const key = button(`sm-btn ${(state.ok && !choosing) || agent.key?.first ? '' : 'primary'} small`, name, async (event) => {
+            if (door.choose) { choosingAccount.add(agent.id); void paint(); return; }
+            choosingAccount.delete(agent.id);
             event.currentTarget.disabled = true;
             await post(`/api/agents/${agent.id}/login`, { method: door.id });
             void paint();
@@ -3673,6 +3916,9 @@ function agentsPanel({ onPaint = null, compact = false } = {}) {
           return key;
         });
       };
+      // Gemini's key is its way in (agent.key.first): the field before the Google door.
+      const keyFirst = Boolean(agent.detected && agent.key?.first);
+      if (keyFirst) body.append(keyForm(agent));
       const acts = el('div', 'sm-agent-acts');
       if (!state.busyNow) {
         if (!agent.detected && agent.install) acts.append(button('sm-btn primary small', t('Install'), async (event) => { event.currentTarget.disabled = true; await post(`/api/agents/${agent.id}/install`); void paint(); }));
@@ -3682,9 +3928,12 @@ function agentsPanel({ onPaint = null, compact = false } = {}) {
       const ask = askBlock(agent);
       if (ask) body.append(ask);
       // A key, pasted here; OpenCode's are its providers', in the block below.
-      if (agent.detected && agent.key && agent.id !== 'opencode') body.append(keyForm(agent));
-      // A CLI that signs in from its own prompt gets the command, until it has a session.
-      if (agent.detected && agent.login && !agent.login.headless && !state.ok) body.append(el('code', 'sm-agent-command', agent.login.display));
+      if (agent.detected && agent.key && agent.id !== 'opencode' && !keyFirst) body.append(keyForm(agent));
+      // The same install or sign-in typed in a terminal, folded for whoever prefers it. Signed in,
+      // OpenCode's providers are added in the block below; its terminal is for a first sign-in.
+      const way = !agent.detected ? agent.install && [agent.install.display, ...(agent.install.alternatives ?? []).map((line) => `# ${t(line)}`)]
+        : agent.login?.terminal && !(agent.id === 'opencode' && state.ok) ? [agent.login.terminal.command, ...(agent.login.terminal.note ? [`# ${t(agent.login.terminal.note)}`] : [])] : null;
+      if (way && !state.busyNow) body.append(terminalWay(way, agent.id));
       if (agent.id === 'opencode' && agent.detected) body.append(openCodeProviders.node());
       item.append(body);
       list.append(item);
@@ -3967,7 +4216,7 @@ function setStatus(id) {
   if (id === 'local') {
     if (!localSeen) return { line: localFailed ? t('Home did not answer.') : t('Reading…') };
     const on = localSeen.projects.filter((one) => one.on).length;
-    return { line: `${LOCAL_MODE_WORDS[localSeen.mode]()} · ${t('{n} of {total} projects', { n: on, total: localSeen.projects.length })}`, warn: !localSeen.master ? t('Local AI is switched off for every project.') : !localSeen.ollama.running ? t('Ollama is not running') : null };
+    return { line: `${LOCAL_MODE_WORDS[localSeen.mode]()} · ${t('{n} of {total} projects', { n: on, total: localSeen.projects.length })}`, warn: !localSeen.master ? t('Local AI is off for every project.') : !localSeen.ollama.running ? t('Ollama is not running') : null };
   }
   if (id === 'projects') {
     if (!data) return { line: t('Reading…') };
@@ -3976,7 +4225,7 @@ function setStatus(id) {
   }
   if (id === 'release') {
     if (!versionSeen) return { line: t('Reading…') };
-    return { line: `MADRE ${versionSeen.current} · ${versionSeen.available ? t('{version} available', { version: versionSeen.latest }) : versionSeen.enabled === false ? t('not checked') : t('up to date')}`, warn: versionSeen.available ? t('{version} is on npm', { version: versionSeen.latest }) : null };
+    return { line: `MADRE ${versionSeen.current} · ${versionSeen.available ? t('{version} available', { version: versionSeen.latest }) : versionSeen.enabled === false ? t('not checked') : t('up to date')}`, warn: versionSeen.available ? t('{version} is out', { version: versionSeen.latest }) : null };
   }
   return { line: '' };
 }
@@ -4089,6 +4338,15 @@ function fillLook(host) {
   const papers = el('div', 'custom-papers');
   papers.setAttribute('role', 'radiogroup');
   for (const value of WALLPAPERS) {
+    // The person's own picture: chosen like any other once it is here; until then, the way to add it.
+    if (value === CUSTOM_WALL) {
+      const mine = customWall();
+      const paper = mine ? button('paper', null, () => saveLooks({ wallpaper: CUSTOM_WALL })) : button('paper', null, () => void addPicture({ busy: paper, chosen: () => saveLooks({ wallpaper: CUSTOM_WALL }), failed: (message) => toast(message, 'look') }));
+      if (mine) { paper.setAttribute('role', 'radio'); paper.setAttribute('aria-checked', String(looks.wallpaper === CUSTOM_WALL)); }
+      customTile(paper, mine);
+      papers.append(paper);
+      continue;
+    }
     const paper = button('paper', null, () => saveLooks({ wallpaper: value }));
     paper.dataset.wp = value;
     paper.setAttribute('role', 'radio');
@@ -4125,10 +4383,19 @@ function fillLook(host) {
       return line;
     };
     tune.append(dial('veil', t('Intensity')), dial('blur', t('Blur')));
+    // Your picture: where the screen falls on it, and changing it or taking it away.
+    if (looks.wallpaper === CUSTOM_WALL && customWall()) {
+      tune.append(customTools(customWall(), {
+        button: (words, click) => sxButton(words, click),
+        changed: (kept, { reframed }) => { if (!reframed) settingsSheet?.paintLooks(); },
+        removed: () => saveLooks({ wallpaper: 'default' }),
+        failed: (message) => toast(message, 'look'),
+      }));
+    }
     paperBox.append(tune);
   }
   sxBlock(page, t('Wallpaper'), photo
-    ? t('A photograph wears the project\'s ground as a layer or as a mesh of its own colours: choose how strong it is and how much the photograph blurs.')
+    ? t('The project\'s background can be a photograph, shown as a layer or as a mesh of its colors: choose how strong it looks and how much the photograph blurs.')
     : t('Behind Home, and behind the conversation of the project served at this address. Light and dark each have their own.')).rows.append(paperBox);
 
   // Home's own: its cards, its text, the order of its projects. The conversation's bubbles and text
@@ -4191,13 +4458,16 @@ function fillBishop(host) {
 // show; Ollama itself and what it does are set in a project's Modules › Local AI.
 const LOCAL_MODE_WORDS = { auto: () => t('Automatic'), pick: () => t('One by one'), manual: () => t('Manual') };
 const LOCAL_MODE_SAYS = {
-  auto: () => t('Every project uses the local AI, new ones too.'),
+  auto: () => t('Every project uses it, new ones too.'),
   pick: () => t('Only the projects you switch on below. New projects start without it.'),
-  manual: () => t('Each project decides in its own Settings › Modules › Local AI. New projects start with it.'),
+  manual: () => t('Each project decides in its own Modules › Local AI. New ones start with it.'),
 };
 let localFailed = false;        // the last read got no answer: the sheet says so instead of «Reading…» forever
+let localHardware = null;       // what this computer can run and train (src/modules/local-models.mjs)
 async function loadLocal() {
   const answer = await fetch('/api/salas/local-ai', { cache: 'no-store' }).then((response) => (response.ok ? response.json() : null)).catch(() => null);
+  const ollama = await fetch('/api/ollama', { cache: 'no-store' }).then((response) => (response.ok ? response.json() : null)).catch(() => null);
+  if (ollama?.recommended?.hardware) localHardware = ollama.recommended.hardware;
   if (answer) localSeen = answer;
   localFailed = !answer;
   settingsSheet?.sync({ detail: true });
@@ -4240,11 +4510,13 @@ function fillLocal(host) {
     return;
   }
   if (!localSeen) { host.append(el('p', 'settings-reading', t('Reading…'))); return; }
-  host.append(el('p', 'sx-intro', t('The local AI is Ollama, on this computer: it searches the memory by meaning, sums it up and answers as @madre, without spending tokens or sending anything out. Here you choose which projects use it.')));
+  host.append(el('p', 'sx-intro', t('Ollama runs local AI: it searches and sums up each project\'s memory and answers as @madre, free and private. Choose which projects use it.')));
   const mode = sxBlock(host, t('Which projects'), LOCAL_MODE_SAYS[localSeen.mode]());
   sxRow(mode, t('Mode'), null, localModeSeg());
-  if (!localSeen.master) sxRow(mode, t('Local AI is switched off for every project.'), t('Turn it on in a project, in Modules › Local AI.'));
-  else if (!localSeen.ollama.running) sxRow(mode, t('Ollama is not running'), t('The projects keep working with their agents until it starts. Start it from a project, in Modules › Local AI.'));
+  if (!localSeen.master) sxRow(mode, t('Local AI is off for every project.'), t('Turn it on in a project, in Modules › Local AI.'));
+  else if (!localSeen.ollama.running) sxRow(mode, t('Ollama is not running'), t('Projects keep working with their agents meanwhile. Start it from a project, in Modules › Local AI.'));
+  // What this computer can run and train, as a project shows it in Modules › Local AI.
+  if (localHardware) drawHardware(host, localHardware, { el, sxBlock, sxRow, sxChip: (text, tone = '') => el('span', `sx-chip${tone ? ` ${tone}` : ''}`, text) });
   const list = sxBlock(host, t('Projects'), localSeen.mode === 'auto' ? t('All of them use it. Choose «One by one» or «Manual» to turn some off.') : t('A switch here is the same one the project shows in its Settings.'));
   if (!localSeen.projects.length) { sxRow(list, t('No projects yet'), null); return; }
   const pages = Math.ceil(localSeen.projects.length / LOCAL_PER_PAGE);
@@ -4328,6 +4600,7 @@ function fillRelease(host) {
     const late = sxBlock(host, t('Projects on an older MADRE'), t('They keep running the version they started with until you restart them. What is running in them stops.'), { aside: behind.length > 1 ? sxButton(t('Restart all'), () => void restartAll(), { tone: 'primary' }) : null });
     for (const room of behind) sxRow(late, roomLabel(room), `MADRE ${room.open.version}`, sxButton(t('Restart'), () => { settingsSheet?.close(); void restartRoom(room); }));
   }
+  drawLegal(host);
 }
 async function updateHome(info, key, said) {
   key.disabled = true;
@@ -4518,6 +4791,10 @@ function openSettings(section = null) {
   show(section);
 }
 ui.gear.addEventListener('click', () => openSettings());
+// Turning MADRE off (public/power.js), last in the bar, after the settings.
+const powerButton = powerKey('sm-icon-key bar');
+powerButton.id = 'sm-power';
+ui.gear.after(powerButton);
 
 function translateStatic() {
   document.title = `MADRE · ${t('Home')}`;
@@ -4527,12 +4804,18 @@ function translateStatic() {
   ui.bar.open.setAttribute('aria-label', t('Projects on the bar'));
   ui.bar.agents.setAttribute('aria-label', t('Agents'));
   ui.bar.links.querySelector('span').textContent = t('Connections');
+  document.querySelector('#sm-tb-market span')?.replaceChildren(t('Market'));
+  document.querySelector('#sm-tb-modules span')?.replaceChildren(t('Modules'));
   ui.bar.reload.title = t('Reload the page');
   ui.bar.reload.setAttribute('aria-label', t('Reload the page'));
+  const addKey = document.getElementById('sm-add-widgets');
+  addKey?.setAttribute('title', t('Add widgets to Home'));
+  addKey?.setAttribute('aria-label', t('Add widgets to Home'));
   ui.stop.querySelector('span').textContent = t('Stop all');
   ui.macro.querySelector('span').textContent = t('Project map');
   ui.gear.title = t('Home settings');
   ui.gear.setAttribute('aria-label', t('Home settings'));
+  labelPowerKey(powerButton);
   ui.search.placeholder = t('Search a project…');
   ui.search.setAttribute('aria-label', t('Search a project…'));
   ui.filter.setAttribute('aria-label', t('Show'));
@@ -4544,9 +4827,9 @@ function translateStatic() {
   ui.bishop.go.textContent = t('Talk to the Coordinator');
   ui.bishop.tab.title = t('Open the Coordinator in a new tab');
   ui.bishop.tab.setAttribute('aria-label', t('Open the Coordinator in a new tab'));
-  ui.bishop.about.textContent = t('Your coordinator. It reads across your projects, signs the connections between them and carries an order from one to another.');
+  ui.bishop.about.textContent = t('Your Coordinator. It reads across your projects, signs the connections between them and carries an order from one to another.');
   ui.work.title.textContent = t('Recent summary');
-  ui.work.again.textContent = t('Summarise again');
+  ui.work.again.textContent = t('Summarize again');
   ui.waiting.title.textContent = t('Waiting on you');
   ui.linksTileTitle.textContent = t('Connections');
   ui.link.textContent = t('Connect projects');
@@ -4563,6 +4846,20 @@ function translateStatic() {
 translateStatic();
 drawWork();
 drawDecisions();
+// The arrangement kept for every port, before the first full drawing, and again whenever Home
+// comes back into view (another page may have changed it).
+const homeArranged = async () => {
+  if (!(await pullHomeLayout())) return;
+  layout = readLayout();
+  pins.saved = null;
+  applyLooks();
+  applyLayout();
+  if (data) { draw(); drawTopbar(); }
+  paintOrderKey();
+  settingsSheet?.paintLooks();
+};
+await homeArranged();
+document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') void homeArranged(); });
 await refresh();
 // Arriving from RELOAD (salas-mac.html put the curtain back): Home has read its projects, so the
 // bar fills and the curtain clears.
@@ -4583,6 +4880,11 @@ void loadDecisions();
 if (location.hash === '#welcome') { history.replaceState(null, '', location.pathname); welcomed = true; openWizard(); }
 // Sent here for the Macroverso (the key in BISHOP's room): straight into it, on a large screen.
 if (location.hash === '#macroverso' && data && !ui.macro.hidden) { history.replaceState(null, '', location.pathname); ui.macro.click(); }
+// Sent here for the Market (a project's MODULES, or a module offered in the conversation): straight in,
+// on that module's page when one is named.
+// The Market's addresses: #mercado, #mercado=<module>, #modulos.
+if (/^#mercado(=|$)/.test(location.hash)) openHomeMarket('shop', decodeURIComponent(location.hash.split('=')[1] ?? '') || null);
+else if (location.hash === '#modulos') openHomeMarket('mine');
 timer = setInterval(() => { if (!document.hidden && !busy.size && !pins.dropping && !pins.drag) void refresh(); }, 4000);
 document.addEventListener('visibilitychange', () => { if (!document.hidden) { void refresh(); void loadAgents(); void loadWork(); void loadDecisions(); } });
 // The decisions are asked again every few minutes (the route itself asks the rooms no oftener).