@jossuealcala/madre 0.3.0 → 0.3.2

package/public/app.js

@@ -33,14 +33,14 @@ const els = {
 // Built-in commands live in the composer; module commands come from the
 // server (/api/commands) and run there, read-only, as fact cards.
 const CLIENT_COMMANDS = [
-  { name: 'create', title: 'CREATE', usage: '/create <what to make>', summary: 'Arm the creation lease for this message: the agent may create files inside .pulse/out/.', available: true, client: true },
+  { name: 'create', title: 'CREATE', usage: '/create <what to make>', summary: 'Arm CREATE for this message: the agent may add new files to the project where they belong.', available: true, client: true },
   { name: 'image', title: 'Image', usage: '/image <what to draw>', summary: 'Ask for an image: arms CREATE with the image scope and routes to an agent that can generate images.', available: true, client: true },
   { name: 'stopall', title: 'STOP ALL', usage: '/stopall', summary: 'Master brake: halt every plan and turn in flight. Never reaches an agent.', available: true, client: true },
 ];
 
 const PLACEHOLDERS = {
   plain: 'Type here, human. Ask the room…',
-  create: 'Creation lease on: what to create and how it should look. It lands in .pulse/out/',
+  create: 'CREATE on: what to make. New files land where they belong in the project; nothing existing changes.',
   order: 'Priority one. Terse transmissions; the original stays in the record.',
   ghost: 'Off the record. Ask anything; nothing is saved, nobody else will remember it.',
   control: 'Control armed. Say what to change in the project; every action runs without asking.',
@@ -55,7 +55,7 @@ const MAX_ROWS = 3;
 const MODES = {
   0: { key: 'ghost', label: 'GHOST', hint: 'Off the record. Nothing is saved; gone on reload.' },
   1: { key: 'exchange', label: 'EXCHANGE', hint: 'Read the project and talk to the room. Writes nothing.' },
-  2: { key: 'create', label: 'CREATE', hint: 'Write new files, only inside this turn\'s .pulse/out/.' },
+  2: { key: 'create', label: 'CREATE', hint: 'Add new files where they belong in the project. Existing files stay untouched.' },
   3: { key: 'control', label: 'CONTROL', hint: 'Edit the project itself, no approval per action. Override required.' },
 };
 
@@ -64,7 +64,9 @@ const state = {
   budget: null,
   timeouts: {},
   seen: new Set(),
-  userMessages: new Map(), // messageId -> { text, target }
+  userMessages: new Map(),
+  ratings: new Map(),        // messageId → good | bad, from the ledger
+  ratingNodes: new Map(),    // messageId → the buttons of that bubble // messageId -> { text, target }
   lastSequence: 0,
   lastSender: null,        // for iMessage-style grouping of consecutive bubbles
   failures: [],            // recorded conditions for MU/TH/UR
@@ -729,8 +731,8 @@ function renderPicker() {
     text.append('to ');
     text.append(el('b', null, `@${current.id}`));
     if (current.local) {
-      const note = el('span', 'pick-note', 'memory · answers, does not act');
-      note.title = '@madre runs on this machine and speaks only for what the room said. To convene the crew or change files, write to a CLI agent.';
+      const note = el('span', 'pick-note', 'memory · answers & asks the crew · never writes');
+      note.title = '@madre runs on this machine and speaks for what the room remembers. "@madre, ask the crew …" opens a round with every agent online. To change files, write to a CLI agent.';
       text.append(note);
     }
     const modeChip = el('button', `mode-chip m${state.mode}`);
@@ -1059,7 +1061,7 @@ function renderAssistantMessage(event) {
   bubble.append(renderMarkdown(text));
   if (originalText) bubble.append(ashOriginal(originalText, ashCode));
   if (event.payload.artifacts?.length) bubble.append(artifactTiles(event.payload.artifacts));
-  bubble.append(bubbleActions({ text: originalText ?? text, sender, sequence: event.sequence }));
+  bubble.append(bubbleActions({ text: originalText ?? text, sender, sequence: event.sequence, messageId: delegated ? null : messageId }));
   col.append(bubble);
   const stamp = el('div', 'stamp');
   stamp.id = `usage-${messageId}`;
@@ -1082,7 +1084,27 @@ function iconButton(svg, title, className) {
   button.innerHTML = svg;
   return button;
 }
-function bubbleActions({ text, sender, sequence }) {
+const ICON_GOOD = '<svg viewBox="0 0 16 16" aria-hidden="true"><path d="M5.5 7.5v5.5H3.2a.7.7 0 0 1-.7-.7V8.2a.7.7 0 0 1 .7-.7h2.3Zm0 0 2.6-4.6a1.3 1.3 0 0 1 2.4.8L10 6.8h2.6a1.3 1.3 0 0 1 1.3 1.5l-.8 3.9a1.3 1.3 0 0 1-1.3 1H5.5" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/></svg>';
+const ICON_BAD = '<svg viewBox="0 0 16 16" aria-hidden="true"><path d="M10.5 8.5V3H12.8a.7.7 0 0 1 .7.7v4.1a.7.7 0 0 1-.7.7h-2.3Zm0 0-2.6 4.6a1.3 1.3 0 0 1-2.4-.8L6 9.2H3.4a1.3 1.3 0 0 1-1.3-1.5l.8-3.9A1.3 1.3 0 0 1 4.2 3h6.3" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/></svg>';
+// The human's verdict on a reply. Saved in the ledger; the dataset drops what is marked bad.
+function ratingButtons(messageId, sender) {
+  const good = iconButton(ICON_GOOD, 'Good reply · keep it for MADRE AI', 'rate good');
+  const bad = iconButton(ICON_BAD, 'Bad reply · keep it out of the dataset', 'rate bad');
+  const apply = (rating) => { good.classList.toggle('on', rating === 'good'); bad.classList.toggle('on', rating === 'bad'); };
+  apply(state.ratings.get(messageId) ?? null);
+  const send = async (rating) => {
+    const current = state.ratings.get(messageId) ?? null;
+    const next = current === rating ? 'none' : rating;
+    try {
+      const payload = await fetch('/api/messages/rate', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ messageId, rating: next }) }).then((response) => response.json());
+      if (payload.error) throw new Error(payload.error);
+    } catch (error) { toast(`Rating was not saved: ${error.message}`); }
+  };
+  good.addEventListener('click', (event) => { event.stopPropagation(); void send('good'); });
+  bad.addEventListener('click', (event) => { event.stopPropagation(); void send('bad'); });
+  return { good, bad, apply, sender };
+}
+function bubbleActions({ text, sender, sequence, messageId = null }) {
   const bar = el('div', 'bubble-actions');
   const copy = iconButton(ICON_COPY, 'Copy this reply', 'copy');
   copy.addEventListener('click', async (event) => {
@@ -1102,6 +1124,11 @@ function bubbleActions({ text, sender, sequence }) {
     const rect = reply.getBoundingClientRect();
     showReplyMenu({ text, sender, sequence }, rect.left, rect.bottom + 6);
   });
+  if (messageId && sender !== 'madre') {
+    const rating = ratingButtons(messageId, sender);
+    state.ratingNodes.set(messageId, rating);
+    bar.append(rating.good, rating.bad);
+  }
   bar.append(copy, reply);
   return bar;
 }
@@ -1251,6 +1278,20 @@ function renderThinking(event) {
 }
 
 // The archivist reports: which agent read which stretch of the room and how many notes it kept.
+// privacy · @agent · 2 private terms replaced with [ENTIDAD-ORG]
+function renderPrivacy(event) {
+  const node = el('div', 'system memory privacy');
+  if (event.type === 'privacy.purged') {
+    const { events, entries, memories } = event.payload;
+    node.append('privacy · ', el('b', 'who', 'PURGE'), ` · ${events} event${events === 1 ? '' : 's'} · ${entries} indexed exchange${entries === 1 ? '' : 's'} · ${memories} memor${memories === 1 ? 'y' : 'ies'} rewritten with the marker`);
+    return node;
+  }
+  const { agent, hits, marker } = event.payload;
+  node.style.setProperty('--agent', agentColor(agent));
+  node.append('privacy · ', el('b', 'who', `@${agent}`), ` · ${hits} private term${hits === 1 ? '' : 's'} replaced with ${marker}`);
+  return node;
+}
+
 function renderDistilled(event) {
   const { agent, added, considered, fromSequence, throughSequence, remaining, error, skipped, total, next } = event.payload;
   const node = el('div', `system memory${error ? ' warn' : ''}`);
@@ -1385,6 +1426,18 @@ function renderLeaseRefused(event) {
 
 /* ---------- CONTROL: the project itself, between two checkpoints ---------- */
 
+// create · @codex · 2 existing files put back: CREATE only adds (README.md, src/index.astro)
+function renderCreateReverted(event) {
+  const { agent, existing = [], forbidden = [] } = event.payload;
+  const node = el('div', 'system memory warn');
+  node.style.setProperty('--agent', agentColor(agent));
+  node.append('create · ', el('b', 'who', `@${agent}`));
+  if (existing.length) node.append(` · ${existing.length} existing file${existing.length === 1 ? '' : 's'} put back, CREATE only adds: ${existing.slice(0, 4).join(', ')}${existing.length > 4 ? '…' : ''}`);
+  if (forbidden.length) node.append(` · ${forbidden.length} write${forbidden.length === 1 ? '' : 's'} into forbidden zones reverted`);
+  node.append(' · need to change existing files? ask again in #3 CONTROL');
+  return node;
+}
+
 function renderControlStarted(event) {
   const { agent, commit, message } = event.payload;
   const node = el('div', 'system control');
@@ -1511,7 +1564,7 @@ function renderModeRequest(event) {
       for (const other of actions.querySelectorAll('button')) other.disabled = false;
     }
   };
-  const once = el('button', 'grant', 'GRANT ONCE'); once.type = 'button'; once.title = `@${agent} creates files for this step only, inside its own .pulse/out/ directory.`;
+  const once = el('button', 'grant', 'GRANT ONCE'); once.type = 'button'; once.title = `@${agent} may add files to the project for this step only.`;
   const plan = el('button', 'grant plan', 'GRANT FOR PLAN'); plan.type = 'button'; plan.title = 'Every remaining writable step of this plan shares one lease directory.';
   const deny = el('button', 'deny', 'DENY'); deny.type = 'button'; deny.title = `@${agent} answers read-only and says what it would have created.`;
   once.addEventListener('click', () => decide('once', once));
@@ -1553,12 +1606,19 @@ function renderLease(event) {
   const { agent, outDir, scopes = [], unavailable = [], standing = false, escalated = null } = event.payload;
   const node = el('div', 'system lease');
   node.style.setProperty('--agent', agentColor(agent));
-  node.append(el('b', null, standing ? 'standing lease · ' : escalated ? `lease granted on request${escalated === 'plan' ? ' · whole plan' : ''} · ` : 'creation lease · '));
-  node.append(`@${agent} may ${scopes.map((scope) => CAP_LABELS[scope] ?? scope).join(', ') || 'create files'}${unavailable.length ? ` (cannot ${unavailable.join(', ')})` : ''} in `);
-  const link = el('a', 'file-link', outDir);
-  link.href = '#';
-  link.addEventListener('click', (ev) => { ev.preventDefault(); });
-  node.append(link);
+  const { delegated = false, scratchDir = null, grantedBy = null } = event.payload;
+  node.append(el('b', null, standing ? 'default #2 · ' : escalated ? `#2 granted on request${escalated === 'plan' ? ' · whole plan' : ''} · ` : delegated ? `#2 by @${grantedBy} · ` : 'create · '));
+  node.append(`@${agent} may ${scopes.map((scope) => CAP_LABELS[scope] ?? scope).join(', ') || 'create files'}${unavailable.length ? ` (cannot ${unavailable.join(', ')})` : ''} `);
+  if (outDir === '.' || !outDir) {
+    node.append('anywhere in the project · existing files stay untouched');
+    if (scratchDir) { node.append(' · scratch '); const link = el('a', 'file-link', scratchDir); link.href = '#'; link.addEventListener('click', (ev) => { ev.preventDefault(); }); node.append(link); }
+  } else {
+    node.append('in ');
+    const link = el('a', 'file-link', outDir);
+    link.href = '#';
+    link.addEventListener('click', (ev) => { ev.preventDefault(); });
+    node.append(link);
+  }
   state.lastSender = null;
   return node;
 }
@@ -1775,6 +1835,10 @@ function renderEventNode(event) {
     case 'message.failed': state.running.delete(event.payload.messageId); updateStopAll(); node = renderFailure(event); break;
     case 'handoff.created': node = renderHandoff(event); break;
     case 'memory.distilled': node = renderDistilled(event); break;
+    case 'message.rated': { const { messageId: rated, rating } = event.payload; if (rating === 'none') state.ratings.delete(rated); else state.ratings.set(rated, rating); state.ratingNodes.get(rated)?.apply(rating === 'none' ? null : rating); return; }
+    case 'privacy.redacted': node = renderPrivacy(event); break;
+    case 'privacy.purged': node = renderPrivacy(event); break;
+    case 'privacy.warning': if (!replaying) toast(`MU/TH/UR › your message carries ${event.payload.hits} private term${event.payload.hits === 1 ? '' : 's'}. Agents will read it as you wrote it; their replies are guarded.`); return;
     case 'memory.forgotten': node = renderForgotten(event); break;
     case 'memory.noted': attachMemoryHint(event); return;
     case 'dataset.exported': return;
@@ -1816,6 +1880,7 @@ function renderEventNode(event) {
     case 'lease.missing': node = renderLeaseMissing(event); break;
     case 'mode.requested': node = renderModeRequest(event); break;
     case 'control.started': node = renderControlStarted(event); break;
+    case 'create.reverted': node = renderCreateReverted(event); break;
     case 'control.changed': node = renderControlChanged(event); if (!replaying) ripleyMaybeReload((event.payload.files ?? []).map((file) => file.path)); break;
     case 'control.reverted': node = renderControlReverted(event); break;
     case 'mode.granted':
@@ -2306,8 +2371,8 @@ function renderCreateScopes() {
   const standing = Boolean(scopes?.write?.always);
   els.createToggle.classList.toggle('standing', standing);
   els.createToggle.title = standing
-    ? `Standing lease: every turn of @${id} may create files inside .pulse/out/ (set in CONNECTIONS). Arming CREATE is not needed.`
-    : 'Creation lease: let the agent create files for this request, only inside .pulse/out/';
+    ? `@${id} starts in #2 (DEFAULT MODE in CONNECTIONS): every turn may add files to the project. Arming CREATE is not needed.`
+    : 'CREATE: let the agent add new files to the project for this request; existing files stay untouched';
   box.hidden = !state.create || !scopes;
   if (box.hidden) return;
   box.replaceChildren();
@@ -2654,6 +2719,8 @@ function renderMotherRecorded() {
       jump.type = 'button';
       jump.addEventListener('click', () => {
         mother.input.value = '';
+        // Choosing a fix from the log is a request to see it: the list opens and stays open.
+        try { localStorage.setItem('pulse.mother.known', 'expanded'); } catch { /* no storage */ }
         renderMotherKnown(CONDITIONS, new Set(matches.map((item) => item.id)), failure.agent);
         document.getElementById(`mother-${condition.id}`)?.scrollIntoView({ behavior: 'smooth', block: 'center' });
       });
@@ -2666,7 +2733,23 @@ function renderMotherRecorded() {
 
 function renderMotherKnown(list = CONDITIONS, hits = new Set(), agent = null) {
   mother.known.replaceChildren();
-  mother.known.append(el('h3', null, `KNOWN CONDITIONS · ${list.length} OF ${CONDITIONS.length} · ${PLATFORMS[mother.platform].label.toUpperCase()} / ${PLATFORMS[mother.platform].shell.toUpperCase()}`));
+  let collapsed = false;
+  try { collapsed = localStorage.getItem('pulse.mother.known') === 'collapsed'; } catch { /* no storage */ }
+  // An inquiry that narrowed the list, or a fix chosen from the log, always shows its answer, whatever the stored state.
+  if (list.length !== CONDITIONS.length || hits.size) collapsed = false;
+  const head = el('h3', 'toggle');
+  const headButton = el('button', null, `KNOWN CONDITIONS · ${list.length} OF ${CONDITIONS.length} · ${PLATFORMS[mother.platform].label.toUpperCase()} / ${PLATFORMS[mother.platform].shell.toUpperCase()}`);
+  headButton.type = 'button';
+  headButton.setAttribute('aria-expanded', String(!collapsed));
+  headButton.append(el('span', 'caret', collapsed ? '▸ EXPAND' : '▾ COLLAPSE'));
+  headButton.addEventListener('click', () => {
+    try { localStorage.setItem('pulse.mother.known', collapsed ? 'expanded' : 'collapsed'); } catch { /* no storage */ }
+    renderMotherKnown(list, hits, agent);
+  });
+  head.append(headButton);
+  mother.known.append(head);
+  mother.known.classList.toggle('collapsed', collapsed);
+  if (collapsed) return;
   const grid = el('div', 'mother-grid');
   const ordered = [...list].sort((a, b) => Number(hits.has(b.id)) - Number(hits.has(a.id)));
   for (const condition of ordered) grid.append(conditionCard(condition, { hit: hits.has(condition.id), agent: agent && condition.perAgent ? agent : null, hintAgent: agent }));
@@ -3235,7 +3318,8 @@ function connectionCard(agent) {
   card.append(meta);
   const scopes = el('div', 'scopes');
   const agentScopes = settingsUI.data.settings.capabilities?.[agent.id]?.scopes ?? {};
-  for (const [key, labelText] of [['write', 'CREATE FILES'], ['imageGen', 'GENERATE IMAGES'], ['web', 'WEB ACCESS']]) {
+  // Two abilities per agent: images and web. Writing is not an ability, it is the ceiling below.
+  for (const [key, labelText] of [['imageGen', 'GENERATE IMAGES'], ['web', 'WEB ACCESS']]) {
     const scope = agentScopes[key] ?? { capable: false, enabled: false, wired: false };
     const line = el('label', `scope${!scope.capable || !scope.wired ? ' unavailable' : ''}`);
     const box = el('input'); box.type = 'checkbox'; box.checked = Boolean(scope.enabled); box.disabled = !scope.capable || !scope.wired;
@@ -3269,30 +3353,6 @@ function connectionCard(agent) {
       line.append(assist);
     }
     scopes.append(line);
-    if (key === 'write' && scope.capable) {
-      const always = el('label', `scope sub${scope.enabled ? '' : ' unavailable'}`);
-      const alwaysBox = el('input'); alwaysBox.type = 'checkbox'; alwaysBox.checked = Boolean(scope.always); alwaysBox.disabled = !scope.enabled;
-      alwaysBox.dataset.agent = agent.id; alwaysBox.dataset.scope = 'alwaysCreate'; alwaysBox.className = 'scope-input';
-      alwaysBox.addEventListener('change', async () => {
-        alwaysBox.disabled = true;
-        try {
-          const response = await fetch('/api/settings', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ scopes: { [agent.id]: { alwaysCreate: alwaysBox.checked } } }) });
-          const result = await response.json().catch(() => ({}));
-          if (!response.ok) throw new Error(result.error ?? `HTTP ${response.status}`);
-          if (result.settings?.capabilities) { state.capabilities = result.settings.capabilities; settingsUI.data.settings.capabilities = result.settings.capabilities; renderCreateScopes(); }
-          toast(`MU/TH/UR › @${agent.id} ${alwaysBox.checked ? 'now holds a standing lease: every turn may create files in .pulse/out/, including plan steps.' : 'creates files only when you arm CREATE.'}`);
-        } catch (error) {
-          alwaysBox.checked = !alwaysBox.checked;
-          toast(`Scope was not saved: ${error.message}`);
-        } finally {
-          alwaysBox.disabled = !scope.enabled;
-        }
-      });
-      always.append(alwaysBox, 'ALWAYS · STANDING LEASE');
-      always.append(el('span', 'why', scope.always ? 'every turn and plan step may create files' : 'only when CREATE is armed'));
-      always.title = 'Skip arming CREATE: this agent gets a fresh .pulse/out/ directory on every turn, also when another agent delegates to it.';
-      scopes.append(always);
-    }
   }
   // The ceiling: how far the composer may take this agent.
   const ceiling = el('div', 'ceiling');
@@ -3318,6 +3378,29 @@ function connectionCard(agent) {
   ceiling.append(seg);
   ceiling.append(el('span', 'why', `${MODES[currentCap].label} · ${MODES[currentCap].hint}`));
   scopes.append(ceiling);
+  // The start: where a message to this agent begins. #2 means every turn may create files without arming CREATE.
+  const start = el('div', 'ceiling');
+  start.append(el('span', 'k', 'DEFAULT MODE'));
+  const startSeg = el('div', 'seg');
+  const currentStart = agentScopes.defaultMode ?? 1;
+  for (const n of [1, 2]) {
+    const button = el('button', `seg-option o${n}${currentStart === n ? ' current' : ''}`, `#${n}`);
+    button.type = 'button';
+    button.title = n === 2 ? 'Every message to this agent starts in CREATE: new files where they belong, existing files untouched. Plan steps to it too.' : 'Messages start read-only; arm CREATE when you want files.';
+    button.disabled = n > currentCap;
+    button.addEventListener('click', async () => {
+      if (n === currentStart) return;
+      for (const other of startSeg.children) other.disabled = true;
+      try {
+        await saveSettingNow({ scopes: { [agent.id]: { defaultMode: n } } }, n === 2 ? `@${agent.id} starts in #2 CREATE: every turn may add files to the project.` : `@${agent.id} starts read-only; arm CREATE when you want files.`);
+        await loadSettings();
+      } catch (error) { toast(`Default mode was not saved: ${error.message}`); for (const other of startSeg.children) other.disabled = false; }
+    });
+    startSeg.append(button);
+  }
+  start.append(startSeg);
+  start.append(el('span', 'why', currentStart === 2 ? 'every turn may create files, plan steps too' : 'read-only until you arm CREATE'));
+  scopes.append(start);
   card.append(scopes);
 
   const row = el('div', 'row');
@@ -3512,7 +3595,11 @@ function renderSettings() {
     const datasetNote = el('span', 'note', 'LOADING…');
     const showDataset = (payload) => {
       const d = payload?.dataset;
-      datasetNote.textContent = d ? `${d.pairs} PAIRS · ${d.turns} TURNS · ${d.notes} NOTES · TRAIN ${d.train} · VALID ${d.valid} · ${new Date(d.exportedAt).toLocaleString()}${payload.trained ? ` · TRAINED MODEL ${payload.trained.toUpperCase()} IN USE` : ' · NO TRAINED MODEL YET · SEE docs/training'}` : 'NOT EXPORTED YET · PRESS EXPORT, THEN TRAIN WITH docs/training';
+      const r = payload?.readiness;
+      const live = r ? `${r.pairs} / ${r.target} CLEAN PAIRS${r.ready ? ' · READY TO TRAIN' : ''} · ${r.turns} TURNS · ${r.delegated} DELEGATED · ${r.notes} NOTES${r.good ? ` · ${r.good} RATED GOOD` : ''}${r.bad ? ` · ${r.bad} DROPPED AS BAD` : ''}` : '';
+      const exported = d ? `LAST EXPORT ${new Date(d.exportedAt).toLocaleString()} · TRAIN ${d.train} · VALID ${d.valid}` : 'NOT EXPORTED YET';
+      const trained = payload?.trained ? `TRAINED MODEL ${payload.trained.toUpperCase()} IN USE` : 'NO TRAINED MODEL YET · SEE docs/training';
+      datasetNote.textContent = [live, exported, trained].filter(Boolean).join(' · ');
     };
     fetch('/api/dataset').then((response) => response.json()).then(showDataset).catch(() => { datasetNote.textContent = 'DATASET UNAVAILABLE'; });
     exportButton.addEventListener('click', async () => {
@@ -3523,10 +3610,95 @@ function renderSettings() {
     });
     dataset.append(exportButton, datasetNote);
     mform.append(dataset);
+    // TRAIN: the recipe, with this room's paths and this project's model name filled in. Training runs outside MADRE.
+    const train = el('div', 'full train-card');
+    const trainHead = el('div', 'train-head', 'TRAIN MADRE AI · LOCAL, WITH MLX ON APPLE SILICON · NOTHING LEAVES THIS MACHINE');
+    const trainNote = el('p', 'note', 'EXPORT THE DATASET FIRST. EACH STEP IS ONE COMMAND FOR YOUR TERMINAL; COPY, RUN, COME BACK. WHEN THE MODEL EXISTS IN OLLAMA, @MADRE SWITCHES TO IT AT THE NEXT RECHECK AND EVERY AGENT IS TOLD TO ASK IT FIRST.');
+    const steps = el('ol', 'train-steps');
+    train.append(trainHead, trainNote, steps);
+    const renderTraining = (payload) => {
+      const t = payload?.training;
+      steps.replaceChildren();
+      if (!t) { steps.append(el('li', null, 'TRAINING INFO UNAVAILABLE')); return; }
+      const quote = (path) => `"${path.replace(/\/$/, '')}"`;
+      const items = [
+        ['ONCE · A PYTHON ENVIRONMENT WITH MLX-LM', 'python3 -m venv ~/.madre-train && source ~/.madre-train/bin/activate && pip install mlx-lm'],
+        [`TRAIN THE LORA · BASE ${t.baseModel} FOR ${t.memoryGb} GB`, `source ~/.madre-train/bin/activate && bash ${quote(`${t.recipeDir}train.sh`)} ${quote(t.roomDir)} ${t.baseModel}`],
+        ['FUSE THE ADAPTER INTO THE BASE', `source ~/.madre-train/bin/activate && cd ${quote(t.roomDir)} && mlx_lm.fuse --model ${t.baseModel} --adapter-path adapters --save-path fused`],
+        [`REGISTER IN OLLAMA AS ${t.modelName}`, `cd ${quote(t.roomDir)} && cp ${quote(`${t.recipeDir}Modelfile`)} . && ollama create ${t.modelName} -f Modelfile`],
+      ];
+      for (const [label, command] of items) {
+        const li = el('li');
+        const head = el('div', 'train-step-label', label);
+        const row = el('div', 'update-command');
+        const code = el('code', null, command);
+        const copy = el('button', null, 'COPY'); copy.type = 'button';
+        copy.addEventListener('click', async () => { try { await navigator.clipboard.writeText(command); copy.textContent = 'COPIED'; setTimeout(() => { copy.textContent = 'COPY'; }, 1400); } catch { toast('MU/TH/UR › select the command and copy it.'); } });
+        row.append(code, copy);
+        li.append(head, row);
+        steps.append(li);
+      }
+      steps.append(el('li', 'note', `QWEN NEEDS A GGUF BEFORE OLLAMA READS IT: ${quote(`${t.recipeDir}README.md`)} · SECTION 3 HAS THE TWO LINES. THEN ASK @MADRE TEN THINGS THE ROOM DECIDED AND FIVE IT NEVER DISCUSSED BEFORE TRUSTING IT.`));
+    };
+    fetch('/api/dataset').then((response) => response.json()).then(renderTraining).catch(() => renderTraining(null));
+    mform.append(train);
     if (mem.envWins) mform.append(el('span', 'note full', 'ENVIRONMENT VARIABLES ARE SET FOR MEMORY; THEY WIN OVER THESE VALUES ON THE NEXT LAUNCH.'));
     mform.addEventListener('submit', (event) => event.preventDefault());
     section.append(mform);
   }
+
+  // PRIVACY: terms that never travel through the room. Replaced at every hop: agent replies,
+  // the index, the notes, the dataset. PURGE does the same to what the room already holds.
+  const priv = data.settings.privacy;
+  if (priv) {
+    section.append(el('h3', null, `PRIVACY · ${priv.terms.length ? `${priv.terms.length} PRIVATE TERM${priv.terms.length === 1 ? '' : 'S'}` : 'NO PRIVATE TERMS'}`));
+    section.append(el('p', 'note', 'AN AGENT\'S OWN CONFIGURATION CAN LEAK INTO ITS REPLY: A COMPANY, A BRAND, A DOMAIN. NAME THEM HERE AND MADRE REPLACES THEM BEFORE THE LEDGER, THE ARCHIVIST, THE OTHER AGENTS OR THE DATASET SEE THEM. THE TERMS STAY IN CONFIG.JSON; THE ROOM ONLY EVER RECORDS HOW MANY.'));
+    const pform = el('form', 'room-form privacy-form');
+    const field = (labelText, node) => { const label = el('label'); label.append(labelText); label.append(node); return label; };
+    const terms = el('textarea'); terms.rows = 3; terms.value = priv.terms.join('\n'); terms.placeholder = 'one term per line · a company, a brand, a domain, a name'; terms.spellcheck = false;
+    const marker = el('input'); marker.value = priv.marker; marker.maxLength = 40; marker.spellcheck = false;
+    const exposure = el('span', 'note full', 'CHECKING THE ROOM…');
+    const purge = el('button', null, 'PURGE ROOM');
+    purge.type = 'button';
+    purge.title = 'Replace every private term already in the ledger, the index and the memories with the marker. Asks for the project designation.';
+    const showExposure = (payload) => {
+      const x = payload?.exposure;
+      if (!x) { exposure.textContent = ''; return; }
+      const total = x.events + x.entries + x.memories;
+      exposure.textContent = !payload.terms?.length ? 'WRITE THE TERMS FIRST.' : total ? `STILL IN THE ROOM: ${x.events} EVENT${x.events === 1 ? '' : 'S'} · ${x.entries} INDEXED EXCHANGE${x.entries === 1 ? '' : 'S'} · ${x.memories} MEMOR${x.memories === 1 ? 'Y' : 'IES'} · PURGE REPLACES THEM.` : 'THE ROOM IS CLEAN: NO PRIVATE TERM IN THE LEDGER, THE INDEX OR THE MEMORIES.';
+      purge.disabled = !payload.terms?.length || !total;
+    };
+    const savePrivacy = async (patch, describe) => {
+      try {
+        const payload = await fetch('/api/privacy', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(patch) }).then((response) => response.json());
+        if (payload.error) throw new Error(payload.error);
+        terms.value = payload.terms.join('\n'); marker.value = payload.marker; showExposure(payload);
+        toast(`MU/TH/UR › ${describe(payload)}`);
+      } catch (error) { toast(`Privacy setting was not saved: ${error.message}`); }
+    };
+    terms.addEventListener('change', () => savePrivacy({ terms: terms.value.split('\n') }, (payload) => `${payload.terms.length} private term${payload.terms.length === 1 ? '' : 's'} guarded from now on.`));
+    marker.addEventListener('change', () => savePrivacy({ marker: marker.value }, (payload) => `private terms appear as ${payload.marker}.`));
+    pform.append(field('PRIVATE TERMS · ONE PER LINE', terms));
+    pform.append(field('REPLACED WITH', marker));
+    const row = el('div', 'full dataset-row');
+    purge.addEventListener('click', async () => {
+      const designation = window.prompt('PURGE ROOM · Every private term already recorded becomes the marker, in the ledger, the index and the memories. This cannot be undone. Type the project designation to confirm:');
+      if (designation === null) return;
+      purge.disabled = true;
+      try {
+        const payload = await fetch('/api/privacy/purge', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ designation }) }).then((response) => response.json());
+        if (payload.error) throw new Error(payload.error);
+        toast(`MU/TH/UR › purged: ${payload.purged.events} events · ${payload.purged.entries} exchanges · ${payload.purged.memories} memories. Reloading.`);
+        setTimeout(() => location.reload(), 1600);
+      } catch (error) { toast(`Purge did not run: ${error.message}`); purge.disabled = false; }
+    });
+    row.append(purge, exposure);
+    pform.append(row);
+    if (priv.envWins) pform.append(el('span', 'note full', 'PULSE_PRIVATE_TERMS IS SET; THOSE TERMS ARE ADDED TO THIS LIST ON EVERY LAUNCH.'));
+    pform.addEventListener('submit', (event) => event.preventDefault());
+    section.append(pform);
+    fetch('/api/privacy').then((response) => response.json()).then(showExposure).catch(() => { exposure.textContent = 'EXPOSURE CHECK UNAVAILABLE'; });
+  }
 }
 
 // Save one setting the moment it changes, the way the scope boxes do; the
@@ -4336,6 +4508,60 @@ document.querySelector('#nostromo-forget')?.addEventListener('click', async (eve
 });
 
 
+/* ---------- Release channel: is there a newer MADRE? A pill in the bar, the command in MU/TH/UR. ---------- */
+
+const updateUI = { section: document.querySelector('#mother-update'), pill: document.querySelector('#update-pill'), info: null, timer: null };
+async function loadVersion({ force = false } = {}) {
+  try {
+    updateUI.info = await fetch(`/api/version${force ? '?force=1' : ''}`).then((response) => response.json());
+  } catch { updateUI.info = null; }
+  renderUpdate();
+  clearTimeout(updateUI.timer);
+  updateUI.timer = setTimeout(() => void loadVersion(), 60 * 60 * 1000);
+  updateUI.timer?.unref?.();   // a browser ignores this; the smoke test's Node must not stay alive for it
+}
+function renderUpdate() {
+  const info = updateUI.info;
+  const pill = updateUI.pill;
+  if (pill) {
+    pill.hidden = !info?.available;
+    if (info?.available) { pill.replaceChildren(el('span', 'stop-all-glyph update-glyph'), `${info.latest} AVAILABLE`); pill.title = `MADRE ${info.latest} is on npm · you run ${info.current} · open MU/TH/UR for the command`; }
+  }
+  const section = updateUI.section;
+  if (!section) return;
+  section.replaceChildren();
+  if (!info) { section.append(el('h3', null, 'RELEASE CHANNEL · UNAVAILABLE')); return; }
+  const when = info.checkedAt ? new Date(info.checkedAt).toLocaleString() : null;
+  section.append(el('h3', null, info.available ? `RELEASE CHANNEL · ${info.latest} AVAILABLE · YOU RUN ${info.current}` : `RELEASE CHANNEL · MADRE ${info.current}${info.latest ? ' · UP TO DATE' : info.enabled ? ' · NPM NOT REACHED YET' : ' · CHECK OFF'}`));
+  if (info.available) {
+    section.append(el('p', 'note', `A NEWER MADRE IS ON NPM. THIS COPY RUNS ${info.install === 'npx' ? 'FROM THE NPX CACHE' : info.install === 'project' ? 'FROM THIS PROJECT\'S NODE_MODULES' : info.install === 'global' ? 'AS A GLOBAL INSTALL' : 'FROM SOURCE'}; STOP THE ROOM, RUN THIS IN YOUR TERMINAL, START AGAIN. MADRE NEVER UPDATES ITSELF WHILE YOU WORK.`));
+    const row = el('div', 'update-command');
+    const code = el('code', null, info.command);
+    const copy = el('button', null, 'COPY');
+    copy.type = 'button';
+    copy.addEventListener('click', async () => { try { await navigator.clipboard.writeText(info.command); copy.textContent = 'COPIED'; setTimeout(() => { copy.textContent = 'COPY'; }, 1400); } catch { toast('MU/TH/UR › select the command and copy it.'); } });
+    row.append(code, copy);
+    section.append(row);
+    if (info.release) { const link = el('a', 'update-link', `WHAT ${info.latest} SHIPS ↗`); link.href = info.release; link.target = '_blank'; link.rel = 'noopener noreferrer'; section.append(link); }
+  } else {
+    section.append(el('p', 'note', `MADRE ASKS NPM FOR THE LATEST VERSION ONCE A DAY: THE PACKAGE NAME TRAVELS, NOTHING ELSE, THE SAME REQUEST NPX MAKES.${when ? ` LAST CHECK ${when.toUpperCase()}.` : ''}`));
+  }
+  const controls = el('div', 'sentinel-controls');
+  const toggle = el('label', 'toggle');
+  const box = el('input'); box.type = 'checkbox'; box.checked = Boolean(info.enabled); box.disabled = Boolean(info.envWins);
+  box.addEventListener('change', async () => {
+    box.disabled = true;
+    try { await fetch('/api/updates/settings', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ check: box.checked }) }); toast(`MU/TH/UR › release channel ${box.checked ? 'on: one check a day' : 'off: no request leaves for npm'}.`); await loadVersion(); }
+    catch (error) { toast(`Setting was not saved: ${error.message}`); box.disabled = false; }
+  });
+  toggle.append(box, `CHECK NPM FOR NEW VERSIONS ONCE A DAY${info.envWins ? ' · SET BY PULSE_UPDATE_CHECK' : ''}`);
+  controls.append(toggle);
+  if (info.enabled) { const now = el('button', null, 'CHECK NOW'); now.type = 'button'; now.addEventListener('click', () => void loadVersion({ force: true })); controls.append(now); }
+  section.append(controls);
+}
+updateUI.pill?.addEventListener('click', () => { document.querySelector('#mother-button')?.click(); updateUI.section?.scrollIntoView({ block: 'start', behavior: 'smooth' }); });
+void loadVersion();
+
 /* ---------- MU/TH/UR: the sentinel. Unknown conditions and crashes, redacted, ready to report. ---------- */
 
 const sentinelUI = { section: document.querySelector('#mother-sentinel'), settings: null, feedbackUrl: null, loaded: false };

package/public/index.html

@@ -23,6 +23,7 @@
         <div id="connection" class="connection" data-state="connecting" title="Live updates">
           <span class="connection-dot"></span><span class="connection-label">connecting</span>
         </div>
+        <button id="update-pill" class="stop-all update-pill" type="button" hidden title="A newer MADRE is on npm"></button>
         <button id="stop-all" class="stop-all" type="button" title="STOPALL · halt every plan and every agent turn" hidden>
           <span class="stop-all-glyph" aria-hidden="true"></span>STOP ALL
         </button>
@@ -74,6 +75,7 @@
               <button id="mother-close" class="mother-close" type="button">END SESSION ×</button>
             </span>
           </header>
+          <section id="mother-update" class="mother-section update"></section>
           <section id="mother-settings" class="mother-section settings" hidden></section>
           <section id="mother-sentinel" class="mother-section sentinel"></section>
           <pre id="mother-boot" class="mother-boot" aria-live="polite"></pre>

package/public/styles.css

@@ -112,6 +112,8 @@ body {
   grid-template-rows: auto 1fr auto auto auto;
 }
 .bar, .onboarding, .composer, .safety, .thread-inner { width: var(--column); margin-left: auto; margin-right: auto; }
+/* The bar is the ship's console: wider than the thread so the project root, the crew and the alerts share one line. */
+.shell > .bar { width: min(1280px, 100% - 40px); }
 .shell > .bar { grid-row: 1; } .shell > .onboarding { grid-row: 2; } .shell > .thread { grid-row: 3; } .shell > .composer { grid-row: 4; } .shell > .safety { grid-row: 5; }
 .shell > .bar, .shell > .onboarding, .shell > .thread, .shell > .composer, .shell > .safety, .shell > .tree { grid-column: 1; }
 .visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@@ -124,7 +126,7 @@ body {
   font-family: var(--mono); font-size: 11px; letter-spacing: .04em;
   color: var(--text-2);
 }
-.bar-left { display: flex; align-items: center; gap: 14px; min-width: 0; }
+.bar-left { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 auto; }
 .brand { display: flex; align-items: center; gap: 10px; color: var(--text); font-weight: 700; letter-spacing: .22em; font-size: 11px; text-decoration: none; cursor: pointer; }
 .brand:hover .brand-mark { filter: drop-shadow(0 0 10px var(--phosphor)); } .brand:hover .brand-word { color: var(--phosphor); }
 .brand-mark { width: 64px; height: 18px; color: var(--phosphor); overflow: visible; filter: drop-shadow(0 0 6px color-mix(in srgb, var(--phosphor) 55%, transparent)); }
@@ -140,9 +142,23 @@ body {
   .brand-mark .beat-dot { animation: none; opacity: 1; }
   .brand-word { animation: none; opacity: 1; transform: none; }
 }
-.project { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-3); }
+.project { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-3); }
+.update-command { display: flex; align-items: center; gap: 10px; margin: 8px 0; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb, var(--text) 4%, transparent); }
+.update-command code { flex: 1; min-width: 0; overflow-x: auto; white-space: nowrap; font-family: var(--mono); font-size: 11.5px; color: var(--text); }
+.update-command button { font: inherit; font-family: var(--mono); font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; border: 1px solid var(--line); background: transparent; color: var(--text-2); border-radius: 8px; padding: 4px 10px; cursor: pointer; }
+.mother-section.update .update-command { border: 1px solid var(--ph-dim); border-radius: 0; background: var(--ph-faint); margin: 8px 0 10px; }
+.mother-section.update .update-command code { color: var(--ph); font-size: 11px; letter-spacing: .04em; }
+.mother-section.update .update-command button { border-color: var(--ph-dim); color: var(--ph); border-radius: 0; }
+.mother-section.update .update-link { color: var(--ph); }
+.update-link { display: inline-block; margin: 2px 0 8px; font-family: var(--mono); font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--phosphor); }
+.train-card { margin-top: 8px; }
+.train-head { font-family: var(--mono); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--text-2); }
+.train-steps { margin: 6px 0 0; padding-left: 18px; }
+.train-steps li { margin: 6px 0; }
+.train-steps li.note { list-style: none; margin-left: -18px; }
+.train-step-label { font-family: var(--mono); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); }
 .project::before { content: "/ "; }
-.agents { display: flex; gap: 8px; margin-left: auto; }
+.agents { display: flex; gap: 8px; margin-left: 0; flex: none; }
 .connection { display: inline-flex; align-items: center; gap: 6px; color: var(--text-3); text-transform: uppercase; font-size: 10px; }
 .connection-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--text-3); }
 .connection[data-state="live"] .connection-dot { background: var(--phosphor); box-shadow: 0 0 10px var(--phosphor); }
@@ -315,6 +331,8 @@ dialog.nostromo::backdrop { background: #000; }
 .nostromo-empty { position: absolute; inset: 50% 0 auto 0; margin: 0; text-align: center; font-size: 11px; letter-spacing: .22em; color: var(--ph-dim); }
 @media (max-width: 720px) { .nostromo-head { grid-template-columns: auto 1fr auto; } .nostromo-legend { display: none; } .nostromo-card { right: 16px; left: 16px; width: auto; } }
 .system.memory.forgotten { color: var(--terror); }
+.system.memory.privacy { color: var(--warn); }
+.privacy-form textarea { min-height: 64px; resize: vertical; }
 .system.mother-alert { display: grid; gap: 6px; justify-items: center; max-width: min(720px, 92%); padding: 12px 16px; border: 1px solid color-mix(in srgb, var(--terror) 60%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--terror) 7%, transparent); color: var(--terror); text-shadow: 0 0 8px color-mix(in srgb, var(--terror) 45%, transparent); }
 .system.mother-alert .head b { color: var(--terror); font-weight: 700; }
 .system.mother-alert .clear { color: var(--text); text-shadow: none; text-transform: none; letter-spacing: 0; font-size: 12px; }
@@ -439,8 +457,12 @@ dialog.mother::backdrop { background: rgba(0, 0, 0, .82); backdrop-filter: blur(
 .mother-os button { border: 0; background: transparent; color: var(--ph-dim); font: inherit; font-size: 10px; letter-spacing: .16em; padding: 6px 10px; cursor: pointer; }
 .mother-os button[aria-checked="true"] { background: var(--ph); color: #041004; text-shadow: none; }
 .mother-answer { margin: 14px 0 6px; font-size: 12px; letter-spacing: .14em; min-height: 1.4em; }
-.mother-section { margin-top: 22px; }
 .mother-section h3 { margin: 0 0 12px; font-size: 10px; letter-spacing: .28em; color: var(--ph-dim); font-weight: 400; }
+/* Air between the blocks of one MU/TH/UR screen: every heading after the first starts a new block. */
+.mother-section { margin-top: 34px; }
+.mother-section h3:not(:first-child) { margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--ph-faint); }
+.mother-section h3.toggle:not(:first-child) { margin-top: 40px; }
+.settings .room-form, .settings .conn-grid, .settings .mother-grid { margin-bottom: 8px; }
 .mother-section h3::before { content: "▌ "; color: var(--ph); }
 .mother-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr)); }
 .mother-card { border: 1px solid var(--ph-dim); padding: 14px 16px; background: rgba(2, 6, 2, .6); display: grid; gap: 8px; align-content: start; }
@@ -539,11 +561,16 @@ dialog.mother::backdrop { background: rgba(0, 0, 0, .82); backdrop-filter: blur(
 .system.plan .stop:disabled { opacity: .4; cursor: default; }
 
 /* ================= STOPALL ================= */
-.stop-all { display: inline-flex; align-items: center; gap: 7px; height: 26px; padding: 0 10px; border-radius: 6px; border: 1px solid var(--line-2); background: transparent; color: var(--text-3); font-family: var(--mono); font-size: 10px; letter-spacing: .18em; cursor: default; opacity: .55; transition: color .3s, border-color .3s, opacity .3s; }
+.stop-all { display: inline-flex; align-items: center; gap: 7px; height: 26px; padding: 0 10px; white-space: nowrap; flex: none; border-radius: 6px; border: 1px solid var(--line-2); background: transparent; color: var(--text-3); font-family: var(--mono); font-size: 10px; letter-spacing: .18em; cursor: default; opacity: .55; transition: color .3s, border-color .3s, opacity .3s; }
 .stop-all:disabled { cursor: default; }
 .stop-all.armed { opacity: 1; cursor: pointer; border-color: var(--terror); background: color-mix(in srgb, var(--terror) 12%, transparent); color: var(--terror); text-shadow: 0 0 8px color-mix(in srgb, var(--terror) 60%, transparent); animation: blink 1.4s infinite; }
 .stop-all.armed:hover { background: var(--terror); color: #fff; text-shadow: none; animation: none; }
 .stop-all-glyph { width: 8px; height: 8px; background: currentColor; }
+.update-pill { opacity: 1; cursor: pointer; border-color: var(--warn); background: color-mix(in srgb, var(--warn) 12%, transparent); color: var(--warn); text-shadow: 0 0 8px color-mix(in srgb, var(--warn) 60%, transparent); animation: update-breathe 2.8s ease-in-out infinite; }
+.update-pill:hover { background: var(--warn); color: #050605; text-shadow: none; animation: none; }
+.update-pill .update-glyph { border-radius: 50%; }
+@keyframes update-breathe { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--warn) 0%, transparent); } 50% { box-shadow: 0 0 14px 0 color-mix(in srgb, var(--warn) 45%, transparent); } }
+@media (prefers-reduced-motion: reduce) { .update-pill { animation: none; } }
 .system.alert { color: var(--terror); text-shadow: 0 0 10px color-mix(in srgb, var(--terror) 70%, transparent); letter-spacing: .14em; animation: terror-in 1.4s steps(3, end) 1; }
 .system.alert b { color: var(--terror); }
 .system.alert .cmd { display: inline-block; margin-left: 8px; padding: 1px 8px; border: 1px solid var(--terror); letter-spacing: .2em; }
@@ -995,6 +1022,8 @@ dialog.viewer::backdrop { background: rgba(0,0,0,.7); backdrop-filter: blur(4px)
 .bubble-actions .act { width: 26px; height: 26px; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: var(--text-3); cursor: pointer; padding: 0; transition: color .15s, background .15s; }
 .bubble-actions .act svg { width: 15px; height: 15px; }
 .bubble-actions .act:hover { color: var(--text); background: color-mix(in srgb, var(--text) 8%, transparent); }
+.bubble-actions .act.good.on { color: var(--phosphor); }
+.bubble-actions .act.bad.on { color: var(--terror); }
 .bubble-actions .act.done { color: var(--phosphor); }
 .reply-menu { width: min(280px, calc(100vw - 24px)); padding: 8px; }
 .reply-menu .model-menu-title { margin: 4px 8px 6px; }
@@ -1023,12 +1052,12 @@ dialog.viewer::backdrop { background: rgba(0,0,0,.7); backdrop-filter: blur(4px)
 :root[data-scheme="light"] .crew-label { text-shadow: none; animation: none; }
 
 /* MU/TH/UR: the sentinel section. */
-.mother-section.sentinel .sentinel-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 6px 0 12px; }
-.mother-section.sentinel .toggle { display: flex; align-items: center; gap: 8px; font-size: 10px; letter-spacing: .16em; color: var(--ph-dim); cursor: pointer; }
-.mother-section.sentinel .toggle input { accent-color: #9bff66; }
+.mother-section.sentinel .sentinel-controls, .mother-section.update .sentinel-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 6px 0 12px; }
+.mother-section.sentinel .toggle, .mother-section.update .toggle { display: flex; align-items: center; gap: 8px; font-size: 10px; letter-spacing: .16em; color: var(--ph-dim); cursor: pointer; }
+.mother-section.sentinel .toggle input, .mother-section.update .toggle input { accent-color: #9bff66; }
 .mother-section.sentinel .toggle input:disabled + * , .mother-section.sentinel .toggle:has(input:disabled) { opacity: .6; cursor: default; }
-.mother-section.sentinel button { border: 1px solid var(--ph-dim); background: transparent; color: var(--ph); font: inherit; font-size: 9.5px; letter-spacing: .16em; padding: 6px 10px; cursor: pointer; }
-.mother-section.sentinel button:hover { background: var(--ph-faint); }
+.mother-section.sentinel button, .mother-section.update button { border: 1px solid var(--ph-dim); background: transparent; color: var(--ph); font: inherit; font-size: 9.5px; letter-spacing: .16em; padding: 6px 10px; cursor: pointer; }
+.mother-section.sentinel button:hover, .mother-section.update button:hover { background: var(--ph-faint); }
 .mother-section.sentinel .sentinel-report.sent { opacity: .65; }
 .settings .memory-form .toggle { display: inline-flex; align-items: center; gap: 6px; margin-right: 14px; font-size: 9.5px; letter-spacing: .14em; color: var(--ph-dim); cursor: pointer; text-transform: uppercase; }
 .settings .memory-form .toggle input { accent-color: #9bff66; width: auto; }
@@ -1038,4 +1067,4 @@ dialog.viewer::backdrop { background: rgba(0,0,0,.7); backdrop-filter: blur(4px)
 .module-card .ollama-status dt { color: var(--ph-dim); } .module-card .ollama-status dd { margin: 0; color: rgba(210, 255, 190, .85); overflow-wrap: anywhere; }
 .module-card .actions .toggle { display: inline-flex; align-items: center; gap: 6px; font-size: 9.5px; letter-spacing: .14em; color: var(--ph-dim); cursor: pointer; }
 .module-card .actions .toggle input { accent-color: #9bff66; }
-.mother-section.sentinel .note { margin: 0 0 10px; font-size: 10px; letter-spacing: .12em; line-height: 1.7; color: var(--ph-dim); }
+.mother-section.sentinel .note, .mother-section.update .note { margin: 0 0 10px; font-size: 10px; letter-spacing: .12em; line-height: 1.7; color: var(--ph-dim); }