@jossuealcala/madre 1.0.2 → 1.0.3

package/public/salas-mac.js

@@ -12,11 +12,17 @@ import { brandOf, monogram } from './brands.js';
 import { startReviewAsk } from './review-ask.js';
 import { startTour } from './tour.js';
 import { dropStickyHover } from './touch.js';
-import { drawAttribution, drawLegal } from './attribution.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;
@@ -66,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'];
@@ -85,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;
@@ -104,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),
@@ -135,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).
@@ -154,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();
@@ -172,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) {
@@ -187,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);
@@ -286,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);
@@ -810,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.
@@ -828,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(); }));
@@ -1308,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);
@@ -1608,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.') });
@@ -1794,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();
@@ -1837,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,
@@ -1934,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);
@@ -2215,6 +2324,11 @@ 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') {
@@ -2246,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); }
@@ -2259,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…');
@@ -2302,13 +2423,13 @@ async function refresh() {
     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(); homeTour.repaint(); }
+  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) drawAttribution(ui.colophon, answer.version);
+  if (answer.version) { drawAttribution(ui.colophon, answer.version); void drawColophonKeys(ui.colophon); }
   draw();
 }
 
@@ -2492,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 }),
@@ -2538,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);
@@ -2614,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 });
 }
@@ -2629,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 });
 }
@@ -3087,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
@@ -3294,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 = '';
@@ -3319,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) {
@@ -3336,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…')));
@@ -3382,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 = '';
@@ -3438,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
@@ -3446,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
@@ -3571,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');
@@ -3682,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();
@@ -3694,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(); }));
@@ -3703,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);
@@ -4110,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');
@@ -4146,6 +4383,15 @@ 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
@@ -4217,8 +4463,11 @@ const LOCAL_MODE_SAYS = {
   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 });
@@ -4266,6 +4515,8 @@ function fillLocal(host) {
   sxRow(mode, t('Mode'), null, localModeSeg());
   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);
@@ -4540,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')}`;
@@ -4549,6 +4804,8 @@ 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');
@@ -4558,6 +4815,7 @@ function translateStatic() {
   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'));
@@ -4588,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.
@@ -4608,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).