create-pmos 0.523.0 → 0.524.0

package/workspace/public/pm/cozy-reveal.js

@@ -0,0 +1,130 @@
+/* pm/cozy-reveal.js — Home right after setup (onboarding build B2; frames ObA2First and ObA5Aha on the In development canvas; the model is
+ * lib/first-reveal.js, GET /api/first-reveal).
+ *
+ * In the Home chat's own place, in order: the ticks of what setup did (each with its real time), the product portrait (only the cells a
+ * source returned, each with its source), the drafted first initiative (✓ keeps it, ✕ drops it; one ✦ at a time), and one quiet line for what
+ * the notes did not say. The composer is open: what the PM types goes to Home's normal chat. ✓ creates the initiative, then its chat is
+ * asked for the BRD (the existing Triage output), so the PM sees it drafted with its open questions marked.
+ *
+ *   mountReveal(host, { ws, model, send(text), openIni(id, prompt), changed(model) }) → { el, close() }
+ *   leftHtml(model)  the rows Home's list shows at its top while the reveal is new: the draft, the weekly, the PM's own tickets
+ *
+ * Every text from a connector is escaped. No confetti, no streaks, no "great job": the mood is never happier than the data. */
+import { pmPost } from './http.js';
+import { adler } from './cozy-adler.js';
+
+// its own stylesheet, from the module's own folder so it shares the module's build (test.js N2-build); premium.html stays as it is
+if (typeof document !== 'undefined') {
+  const href = new URL('./cozy-reveal.css', import.meta.url).href;
+  if (![...document.querySelectorAll('link[rel="stylesheet"]')].some((x) => x.href === href)) { const l = document.createElement('link'); l.rel = 'stylesheet'; l.href = href; document.head.append(l); }
+}
+const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
+const SVG = (d, n = 16, w = 2.2) => `<svg width="${n}" height="${n}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="${w}" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${d}</svg>`;
+const I = {
+  check: '<path d="M5 12.5l4.5 4.5L19 7.5"/>',
+  x: '<path d="M6 6l12 12M18 6L6 18"/>',
+  edit: '<path d="M4 20h4L19 9l-4-4L4 16v4z"/><path d="M14 6l4 4"/>',
+  up: '<path d="M12 19V5M5 12l7-7 7 7"/>',
+  spark: '<path d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5L18 18M6 18l2.5-2.5M15.5 8.5L18 6"/>',
+};
+const srcLine = (s) => (!s ? '' : Array.isArray(s) ? s.map(srcLine).filter(Boolean).join(' · ') : (s.url ? `<a href="${esc(s.url)}" target="_blank" rel="noopener noreferrer">${esc(s.label)}</a>` : esc(s.label)) + (s.title ? ' · ' + esc(s.title) : ''));
+const hhmm = (iso) => { const t = Date.parse(iso || ''); return Number.isFinite(t) ? new Date(t).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) : ''; };
+
+function ticksHtml(M) {
+  if (!M.ticks || !M.ticks.length) return '';
+  return `<ul class="rv-ticks">${M.ticks.map((t, i) => `<li style="--rv-i:${i}">${SVG(I.check, 14, 2.8)}<span>${esc(t.text)}</span><em>${esc(t.at)}</em></li>`).join('')}</ul>`;
+}
+function cellHtml(c) {
+  if (c.key === 'goal') {
+    const nums = c.now || c.target ? `<b class="rv-big">${esc(c.now || '—')}${c.target ? ` <i>→</i> ${esc(c.target)}` : ''}</b>` : '';
+    return `<div class="rv-cell"><p class="rv-lab">${esc(c.label)}</p>${nums}<p class="rv-txt">${esc(c.metric)}</p>${c.pct != null ? `<div class="rv-bar" role="img" aria-label="${esc(c.now)} of ${esc(c.target)}"><i style="width:${c.pct}%"></i></div>` : ''}<p class="rv-src">${srcLine(c.src)}</p></div>`;
+  }
+  if (c.key === 'time') {
+    const marks = c.months.map((m) => `<span class="rv-mon" style="left:${m.at}%">${esc(m.label)}</span>`).join('')
+      + c.weekly.map((w) => `<i class="rv-dot" style="left:${w.at}%" title="${esc(w.day)}"></i>`).join('')
+      + `<i class="rv-today" style="left:${c.today}%" title="Today"></i><span class="rv-chk" style="left:${c.check.at}%" title="Check ${esc(c.check.label)}">${SVG(I.check, 11, 3)}</span>`;
+    return `<div class="rv-cell"><p class="rv-lab">${esc(c.label)}</p><div class="rv-track">${marks}</div><p class="rv-txt">${esc(c.line)}${c.line ? ' · ' : ''}check ${esc(c.check.label)}</p>${c.meet ? `<p class="rv-txt">${esc(c.meet)}</p>` : ''}<p class="rv-src">${srcLine(c.src)}</p></div>`;
+  }
+  if (c.key === 'work') {
+    return `<div class="rv-cell"><p class="rv-lab">${esc(c.label)}</p><b class="rv-big">${c.open}<i> open</i>${c.mine != null ? ` · ${c.mine}<i> yours</i>` : ''}</b><p class="rv-txt">${c.key_ ? 'Jira ' + esc(c.key_) : ''}${c.due_week ? ' · ' + c.due_week + ' due this week' : ''}</p><p class="rv-src">${srcLine(c.src)}${c.read_at ? ' · read ' + esc(hhmm(c.read_at)) : ''}</p></div>`;
+  }
+  return '';
+}
+function portraitHtml(M) {
+  const P = M.portrait, h = P.header;
+  return `<div class="ut-card rv-portrait"><div class="rv-head"><span class="rv-av" aria-hidden="true">${esc(h.initials)}</span><div><b>${esc(h.name)}</b><p>${h.line.map(esc).join(' · ')}</p></div></div>`
+    + (P.cells.length ? `<div class="rv-cells">${P.cells.map(cellHtml).join('')}</div>` : '')
+    + `<div class="rv-foot"><span>Wrong somewhere? Say so, or change a line</span><button type="button" class="ut-ib" data-rv="edit" aria-label="Change a line" title="Change a line">${SVG(I.edit, 16, 1.8)}</button></div></div>`;
+}
+function draftHtml(M, S) {
+  const d = M.draft;
+  if (M.state === 'kept') return `<div class="ob-good">${SVG(I.check, 14, 2.8)}<b>Kept · ${esc(d.title)}</b><span>In Triage${M.kept && M.kept.horizon ? ' · check ' + esc(M.kept.horizon) : ''}. I’m drafting its BRD in its chat.</span></div>`;
+  if (M.state === 'later') return '';   // the PM said ✕ to "Draft the first initiative" in setup: no draft now, nothing written
+  if (M.state === 'dropped') return '<p class="ob-sub">Dropped. Tell me the first piece of work in your own words, and I draft it from that.</p>';
+  const row = (k, v, src) => `<div class="rv-dl"><dt>${k}</dt><dd>${v}${src ? `<em>${srcLine(src)}</em>` : ''}</dd></div>`;
+  const outcome = d.outcome ? row('Expected outcome', esc(d.outcome), d.outcome_src)
+    : `<div class="rv-dl"><dt>Expected outcome</dt><dd><input class="rv-in" name="rv-outcome" maxlength="300" value="${esc(S.typed)}" placeholder="What should change once it ships?" aria-label="Expected outcome"></dd></div>`;
+  return `<div class="ut-card rv-draft" role="group" aria-label="Drafted initiative"><p class="rv-kind">${SVG(I.spark, 13, 2)}<span>Initiative · ${esc(d.stage)} · ${esc(d.workflow)} · draft</span></p>`
+    + `<b class="rv-title">${esc(d.title)}</b><dl>${outcome}${row('Checked', esc(d.horizon_label), d.horizon_src || { label: d.horizon_why })}${row('Owner', esc(d.owner), d.owner_src)}</dl>`
+    + (d.goal_new ? '<p class="ob-sub">The product has no goal yet. Keeping this makes the expected outcome its first goal.</p>' : '')
+    + `<p class="rv-next">${esc(d.next)}</p>`
+    + `<div class="rv-acts"><button type="button" class="ut-ib solid lg" data-rv="keep" aria-label="Keep this initiative" title="Keep this initiative"${S.busy ? ' disabled' : ''}>${SVG(I.check, 18, 2.6)}</button><button type="button" class="ut-ib lg" data-rv="drop" aria-label="Drop this draft" title="Drop this draft"${S.busy ? ' disabled' : ''}>${SVG(I.x, 18, 2.2)}</button></div>`
+    + (S.note ? `<p class="ob-note" role="status">${esc(S.note)}</p>` : '') + '</div>';
+}
+
+/** The rows at the top of Home's list while the reveal is new (frame ObA2First, left column). Zero is silence: a row only with its data. */
+export function leftHtml(M) {
+  if (!M || M.none) return '';
+  const L = M.left || {}, rows = [];
+  if (L.weekly) rows.push(`<div class="rv-lrow"><b>Your day · ${esc(L.weekly.title)}</b><span>${esc([L.weekly.next, L.weekly.when].filter(Boolean).join(' · '))} · Prepared from the initiative. Open it the evening before.</span></div>`);
+  if (L.draft) rows.push(`<button type="button" class="rv-lrow rv-ldraft" data-rv-left="draft"><b>${SVG(I.spark, 12, 2)} ${esc(L.draft.title)}</b><span>Draft · ${esc(L.draft.stage)} · check ${esc(L.draft.check)}</span></button>`);
+  if (L.mywork) rows.push(`<div class="rv-lrow"><b>My work</b><span>${L.mywork.mine} ticket${L.mywork.mine === 1 ? '' : 's'} in ${esc(L.mywork.key)} ${L.mywork.mine === 1 ? 'is' : 'are'} yours${L.mywork.due_week ? ' · ' + L.mywork.due_week + ' due this week' : ''}</span></div>`);
+  if (!rows.length) return '';
+  return `<div class="rv-left" aria-label="Set up just now">${rows.join('')}<p class="rv-lnote">Board, Intelligence and reports appear as there is something to show.</p></div>`;
+}
+
+export function mountReveal(host, { ws, model, send, openIni, changed } = {}) {
+  const sec = document.createElement('section');
+  sec.className = 'hm-chat ob-chat rv-chat'; sec.id = 'rvChat'; sec.setAttribute('aria-label', 'Your product, set up');
+  sec.innerHTML = '<div class="hm-log ob-log" role="log" aria-live="polite"></div><div class="hm-foot"></div>';
+  host.after(sec); host.hidden = true; document.body.classList.add('ob-on');
+  const log = sec.querySelector('.hm-log'), foot = sec.querySelector('.hm-foot');
+  const S = { M: model, busy: false, note: '', typed: '' };
+  const turn = (body, mood, latest) => `<div class="hm-a ob-turn">${latest ? `<span class="hm-av hm-adler" aria-hidden="true">${adler(mood, 36, { label: false, id: 'rv', dress: true })}</span>` : '<span class="hm-av t-C s28" aria-hidden="true">C</span>'}<div class="hm-ab"><p class="hm-who">Claude</p>${body}</div></div>`;
+
+  function draw() {
+    const M = S.M, list = [];
+    if (M.ticks && M.ticks.length) list.push({ mood: 'handled', body: ticksHtml(M) });
+    list.push({ mood: 'handled', body: `<p>${M.portrait.said ? 'You typed one sentence. ' : ''}Here is <b>${esc(M.name)}</b> as I see it.</p>${portraitHtml(M)}` });
+    if (M.state !== 'later') list.push({ mood: M.state === 'open' ? 'needs-you' : 'handled', body: `${M.state === 'open' ? '<p>I drafted the first initiative from it. Nothing is final until you keep it.</p>' : ''}${draftHtml(M, S)}` });
+    if (M.quiet) list.push({ mood: 'handled', body: `<p class="ob-sub">${esc(M.quiet)}</p>` });
+    log.innerHTML = list.map((t, i) => turn(t.body, t.mood, i === list.length - 1)).join('');
+    if (!foot.firstChild) {
+      foot.innerHTML = `<form class="hm-box" data-rv-form="say"><textarea rows="1" aria-label="Message Claude" placeholder="Message Claude"></textarea><div class="hm-tb"><span class="sp"></span><span class="hm-key">Enter sends · Shift+Enter for a new line</span><button type="submit" class="hm-send" aria-label="Send">${SVG(I.up, 18, 2.4)}</button></div></form>`;
+    }
+  }
+  async function act(a) {
+    if (S.busy) return;
+    const inp = log.querySelector('input[name="rv-outcome"]'); if (inp) S.typed = inp.value;
+    if (a === 'edit') { const ta = foot.querySelector('textarea'); ta.value = 'In the portrait, change '; ta.focus(); return; }
+    S.busy = true; S.note = ''; draw();
+    const r = await pmPost('/api/first-reveal/' + a, a === 'keep' ? { ws, outcome: S.typed } : { ws }).catch(() => null);
+    S.busy = false;
+    if (!r || !r.ok) { S.note = (r && r.error) || 'PMOS did not answer. Try again.'; draw(); return; }
+    S.M = { ...S.M, state: a === 'keep' ? 'kept' : 'dropped', kept: a === 'keep' ? r : null, left: { ...S.M.left, draft: null } };
+    draw();
+    if (changed) changed(S.M);
+    if (a === 'keep' && r.id && openIni) openIni(r.id, S.M.brd);
+  }
+  sec.addEventListener('click', (e) => { const b = e.target.closest('[data-rv]'); if (b && !b.disabled) act(b.dataset.rv); });
+  sec.addEventListener('input', (e) => { if (e.target.name === 'rv-outcome') S.typed = e.target.value; });
+  sec.addEventListener('submit', (e) => {
+    e.preventDefault();
+    const ta = e.target.querySelector('textarea'); const v = ta && ta.value.trim(); if (!v) return;
+    close(); if (send) send(v);
+  });
+  sec.addEventListener('keydown', (e) => { if (e.key === 'Enter' && !e.shiftKey && e.target.matches('textarea')) { e.preventDefault(); e.target.closest('form').requestSubmit(); } });
+  function close() { sec.remove(); host.hidden = false; document.body.classList.remove('ob-on'); }
+  draw();
+  return { el: sec, close, show: () => { const c = log.querySelector('.rv-draft'); if (c) c.scrollIntoView({ block: 'center' }); } };
+}

package/workspace/public/pm/home-app.js

@@ -18,6 +18,7 @@ import './fetch-share.js';   // first: identical GETs in flight are asked once (
 import { mountNav } from './cozy-nav.js';
 import { mountSetupChecklist } from './setup-checklist.js';
 import { mountOnboard } from './cozy-onboard.js';
+import { mountReveal, leftHtml as revealLeft } from './cozy-reveal.js';
 import { mountLivePill } from './cozy-live-pill.js';
 import { mountPanels } from './cozy-panels.js';
 import { ownTab, bring, tabUrl } from './rec-tab-core.js';
@@ -59,6 +60,7 @@ import * as SO from './sort-order.js';   // the sort button and ONE order with t
 import * as PO from './prog-order.js';   // a program's order on Home: the grip, hold-then-drag on a phone, ✦ Claude's order from the dates (canvas RoAPhone)
 import * as IMP from './home-impact.js';   // Your impact: the weekly check in Home's own chat (batch 16 item 7, GmP1Ledger)
 import * as DRIFT from './home-drift.js';   // What you might have missed: the weekly drift ✦ in Home's own chat (weekly-drift-check)
+import * as MOM from './home-moment.js';   // a feature appears when its moment comes: the day's ✦ in Home's own chat (onboarding B3, ObA4Gradual)
 import * as LPV from './loose-props.js';   // Claude's clean-up of "Not in an initiative": the ✦ on its header and the Viewer (batch 13 item 3)
 import * as IM from './impact.js';
 import { mountPull } from './cozy-pull.js';   // pull to refresh on Your day, Adler peeking up (batch 17 item 4-B, AdP2)   // Your impact (batch 16 item 7): Adler's sprout on the greeting, the week in the Viewer, the Friday chapter
@@ -216,6 +218,7 @@ async function load() {
   NEED.refresh();   // an open ask: its agent finished, or it left Home while it was open
   loadImpact();
   loadDrift();
+  loadMoment();
   readImpact();
   loadGrillNews();
   // the boards of the other products Home reads, each its own closed group: read after the list is drawn, so a slow one never holds it up
@@ -349,7 +352,7 @@ function homeListHtml() {
   S.lo = { sel, ses: S.ses, restOpen: (k) => S.rest.has(k), pin: S.pin, phone: false };   // the folded rail's card draws Home's rows with these
   return TD.listHtml(M, todayModel(), {
     sel, selHead: S.head, ses: S.ses, pOpen, here: isPhone() ? null : TD.groupOfOpen(M, sel) || S.head, restOpen: (k) => S.rest.has(k), cap: S.cap, pin: S.pin, avHtml, ready: S.ready, err: S.D.err.length ? S.D.err[0] : '',
-    pick: S.D.pick, tones: pickTones(), review: R, mic: canDictate(), phone: isPhone(), day: S.day, news: S.news && S.news.ok ? S.news.count : 0, top: S.ready ? RECROW.html() + MEN.rowHtml(S.D, { sel: S.sel }) + (S.impact ? IMP.rowHtml(S.impact.c, { esc, sel: S.sel === 'impact' }) : '') + (S.drift ? DRIFT.rowHtml(S.drift.c, { esc, sel: S.sel === 'drift' }) : '') : S.menIn ? '<div class="ls-stale" inert>' + LS.inert(MEN.rowHtml(S.D, {})) + '</div>' : LS.menShape(),   // Mentions on its own clock, seen but not pressed until Home is fresh (SpG)
+    pick: S.D.pick, tones: pickTones(), review: R, mic: canDictate(), phone: isPhone(), day: S.day, news: S.news && S.news.ok ? S.news.count : 0, top: S.ready ? revealLeft(S.reveal) + RECROW.html() + MEN.rowHtml(S.D, { sel: S.sel }) + (S.impact ? IMP.rowHtml(S.impact.c, { esc, sel: S.sel === 'impact' }) : '') + (S.drift ? DRIFT.rowHtml(S.drift.c, { esc, sel: S.sel === 'drift' }) : '') : S.menIn ? '<div class="ls-stale" inert>' + LS.inert(MEN.rowHtml(S.D, {})) + '</div>' : LS.menShape(),   // Mentions on its own clock, seen but not pressed until Home is fresh (SpG)
     last: S.ready ? '' : LS.last(LAST_KEY), keep: S.ready && S.filter === 'today' && !S.ini ? (b) => LS.keepLast(LAST_KEY, b) : null,
     imFace: IM.faceHtml(S.im, { joy: S.imJoy }), grill: S.ready ? grillNews() : null,
   });
@@ -775,7 +778,30 @@ function turnEnded() {
  * finished project's next steps on ?onboarded=1, and opens by itself on a first run: setup not finished and no registered folder holds an
  * initiative. A named workspace does not stop it: the installer opens its own empty ~/PMOS folder by name (bug 2026-11-02, Windows). */
 const startOnboard = (done) => { document.body.classList.add('ob-on'); mountOnboard($('#hmChat'), { ws: WS, done }); };
-if (P.get('onboard') === '1' || P.get('onboarded') === '1') startOnboard(P.get('onboarded') === '1');
+/* onboarding B2 (cozy-reveal.js): right after setup, Home's chat shows what setup did and read, the product portrait and the drafted first
+ * initiative, and the list shows the draft, the weekly and the PM's own tickets at its top. It opens on ?onboarded=1, and again on a later
+ * visit while the draft waits for ✓ or ✕. With nothing to reveal it falls back to the old next steps. */
+let RV = null;
+function startReveal(M) {
+  S.reveal = M; drawList();
+  RV = mountReveal($('#hmChat'), {
+    ws: WS, model: M,
+    send: (t) => { RV = null; chat.send(t); },
+    openIni: (id, prompt) => { RV && RV.close(); RV = null; load().then(() => goIni(id)).then(() => { if (prompt) chat.send(prompt); }); },
+    changed: (m) => { S.reveal = m; drawList(); },
+  });
+}
+$('#hmList').addEventListener('click', (e) => { if (e.target.closest('[data-rv-left="draft"]')) { if (RV) RV.show(); else if (S.reveal) startReveal(S.reveal); } });
+if (P.get('onboard') === '1') startOnboard(false);
+else if (P.get('onboarded') === '1' || WS) {
+  pmGet('/api/first-reveal?ws=' + encodeURIComponent(WS)).then((r) => {
+    // setup's own ✦ "Draft the first initiative" (onboarding B1) sends &first=draft on ✓ and &first=none on ✕: with none, no draft is shown
+    if (r && r.ok && !r.none && P.get('onboarded') === '1' && P.get('first') === 'none' && r.state === 'open') startReveal({ ...r, state: 'later', left: { ...r.left, draft: null } });
+    else if (r && r.ok && !r.none && (P.get('onboarded') === '1' || r.state === 'open')) startReveal(r);
+    else if (P.get('onboarded') === '1') startOnboard(true);
+    else pmGet('/api/onboard/state').then((x) => { if (x && x.ok && !x.has_projects) startOnboard(false); }).catch(() => {});
+  }).catch(() => { if (P.get('onboarded') === '1') startOnboard(true); });
+}
 else pmGet('/api/onboard/state').then((r) => { if (r && r.ok && !r.has_projects) startOnboard(false); }).catch(() => {});
 
 /* The chat's header line on a desktop (HvACDesk): the open row's mark and title, and where it sits: its initiative with the stage track, or
@@ -1076,7 +1102,7 @@ function programTarget(id, task) {
 function homeTarget() {
   return { key: 'chat:main', ws: WS || undefined, title: 'Home', scope: { text: 'All work', icon: I.home }, rich: false, placeholder: 'Message Claude', role: CLAUDE,
     empty: 'Ask anything about your work. Claude reads your repositories and works in a real Claude Code session.', also: alsoOf(null),
-    intro: S.sel === 'drift' && S.drift ? S.drift.intro : S.impact ? S.impact.intro : S.drift ? S.drift.intro : undefined };
+    intro: S.sel === 'drift' && S.drift ? S.drift.intro : S.impact ? S.impact.intro : S.drift ? S.drift.intro : S.moment ? S.moment.intro : undefined };
 }
 /* Your impact (batch 16 item 7; batch 23 item 4, IcA): while last week's check is open, Home's own chat opens on Claude's thank-you card.
  * Off in Settings, or nothing to check: no card. Read after the list is drawn, so it never holds Home up. */
@@ -1097,6 +1123,15 @@ async function loadDrift() {
   if ((was || S.drift) && cur && cur.key === 'chat:main') { chat.open(homeTarget()); }
   if (was || S.drift) drawList();
 }
+/* The day's moment (onboarding B3, ObA4Gradual): one ✦ when a place's moment comes (three initiatives, a goal kept, a week of movement). It
+ * waits behind Your impact and the drift check, so Home's chat holds one ✦ at a time. ✕ drops it for good; ✓ opens the place. */
+async function loadMoment() {
+  const m = await MOM.readMoment(pmGet).catch(() => null);
+  const was = !!S.moment;
+  S.moment = m ? { m, intro: MOM.momentIntro(m, { esc, pmPost, guide: (pg) => import('./premium-vw-open.js').then((V) => V.openGuide(pg)), done: () => { S.moment = null; const c = chat.current && chat.current(); if (c && c.key === 'chat:main') chat.open(homeTarget()); } }) } : null;
+  const cur = chat.current && chat.current();
+  if ((was || S.moment) && cur && cur.key === 'chat:main') { chat.open(homeTarget()); }
+}
 // the switch in Settings › General (pm/cozy-settings.js) turns the check off and on at once
 window.addEventListener('pmos:impact', () => { loadImpact(); readImpact(); });   // the switch: the weekly check row and Adler's sprout follow at once
 function openTarget(t) {

package/workspace/public/pm/home-impact.css

@@ -24,3 +24,15 @@
 .im-msg { margin: 4px 0 0; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .im-msg:empty { display: none; }
 @media (prefers-reduced-motion: no-preference) { .im-q { transition: background-color .2s ease; } }
+/* the day's moment (pm/home-moment.js, onboarding B3 ObA4Gradual): one ✦, the Guide page inline, ✓ opens the place, ✕ never again */
+.mo-card { clear: both; margin-top: 10px; max-width: 600px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 12px 12px 16px; border-radius: 18px; background: var(--cz-bluebg); }
+.mo-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
+.mo-w { font-size: var(--fs-body); color: var(--cz-ink2); line-height: var(--lh-body); overflow-wrap: anywhere; }
+.mo-guide { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; margin-top: 2px; padding: 0; border: 0; background: none; color: var(--cz-blueink); font: inherit; font-size: var(--fs-body); font-weight: var(--fw-strong); cursor: pointer; }
+.mo-guide:hover { text-decoration: underline; }
+.mo-ok, .mo-x { flex: none; width: 36px; height: 36px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; }
+.mo-ok { border: 0; background: var(--cz-ink); color: var(--cz-card); }
+.mo-x { border: 1px solid var(--cz-hair2, var(--cz-hair)); background: var(--cz-card); color: var(--cz-ink2); }
+.mo-ok:disabled, .mo-x:disabled { opacity: .5; cursor: default; }
+.mo-card .im-msg { flex-basis: 100%; margin: 0; }
+.mo-card .im-msg:empty { display: none; }

package/workspace/public/pm/home-moment.js

@@ -0,0 +1,41 @@
+/* pm/home-moment.js — a feature appears when its moment comes: the day's ✦ in Home's own chat (onboarding build B3, design ObA4Gradual).
+ * The rules are lib/moments.js; the routes lib/routes-moments.js.
+ *
+ *   readMoment(pmGet)                    → the day's moment, or null (none due, a workspace that was in use before, or answered today)
+ *   momentIntro(m, { esc, pmPost, guide, done }) → the intro of Home's chat: { role, mood, text, card: { html, press } }
+ * The card: Claude's line, one line of what was done or where it leads, the Guide page inline ("How the Board works"), then two icons:
+ * ✓ opens the place (it is kept), ✕ drops it, and it never comes back. The first draw tells the server it was shown (that day's moment).
+ * guide(page) opens the guide page in the Viewer; done() is called after ✕, so the host can redraw Home's chat without the card. */
+
+const SV = (d, w = 18) => `<svg aria-hidden="true" width="${w}" height="${w}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="${d}"/></svg>`;
+const P = { ok: 'M5 12.5l4.5 4.5L19 7.5', no: 'M6 6l12 12M18 6L6 18', guide: 'M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6M12 17h.01' };
+
+export async function readMoment(pmGet) {
+  const r = await pmGet('/api/moments');
+  return r && r.ok && r.moment && r.moment.id ? r.moment : null;
+}
+
+export function momentIntro(m, { esc, pmPost, guide, done }) {
+  const st = { told: !!m.shown, msg: '' };
+  const html = () => {
+    if (!st.told) { st.told = true; Promise.resolve(pmPost('/api/moments/shown', { ws: m.ws, id: m.id })).catch(() => {}); }
+    return `<div class="mo-card" role="group" aria-label="${esc(m.text)}">`
+      + `<div class="mo-tx">${m.sub ? `<span class="mo-w">${esc(m.sub)}</span>` : ''}${m.product ? `<span class="mo-w">${esc(m.product)}</span>` : ''}`
+      + `<button type="button" class="mo-guide" data-mo-guide>${SV(P.guide, 14)}${esc(m.guideLabel)}</button></div>`
+      + `<button type="button" class="mo-ok" data-mo-keep aria-label="${esc(m.go)}" title="${esc(m.go)}">${SV(P.ok)}</button>`
+      + `<button type="button" class="mo-x" data-mo-drop aria-label="Not now, and not again" title="Not now, and not again">${SV(P.no, 16)}</button>`
+      + `<p class="im-msg" role="status">${esc(st.msg)}</p></div>`;
+  };
+  const press = async (b) => {
+    const d = b.dataset;
+    if ('moGuide' in d) { guide(m.guide); return false; }
+    if (!('moKeep' in d) && !('moDrop' in d)) return false;
+    b.disabled = true;
+    const r = await pmPost('/api/moments/' + ('moKeep' in d ? 'keep' : 'drop'), { ws: m.ws, id: m.id });
+    if (!r || !r.ok) { b.disabled = false; st.msg = (r && r.error) || 'Not saved.'; return true; }
+    if ('moKeep' in d) { location.href = m.href; return false; }
+    done();
+    return false;
+  };
+  return { role: { key: 'claude', name: 'Claude', initial: 'C' }, mood: 'handled', text: '✦ ' + m.text, card: { html, press } };
+}

package/workspace/public/pm/ini-props.js

@@ -11,6 +11,8 @@
  *                           Simulated tag on Voices and What-if; ✓ adds the next step as a task, ✎ lets the PM word it first, ✕ drops it. 3 show,
  *                           "+N smaller findings" unfolds the rest. Over them, quietly: the angles Claude chose, when it ran, and what it cost.
  *                           On a phone the findings are cards side by side, one per screen.
+ *                           The idle lab (canvas I2 IlB): Claude prototyped it, Claude improved it, Claude scanned for it, drawn by
+ *                           pm/cozy-lab.js cardHtml; ⤢ opens the compare view (I3), ✕ asks why first, ✓ keeps it as a document.
  *   lookHtml(v)             the Tasks' dashed placeholder while Claude looks and nothing is kept yet (PiA1)
  *   foundDocs(v)            the documents a ✓ kept from elsewhere, for the Documents fold: [{ title, meta, ref }]
  *
@@ -18,6 +20,7 @@
 import { pmGet, pmPost } from './http.js';
 import { taskTitle } from './ini-links.js';
 import * as GW from './grill-words.js';   // Grill findings: the angle, its mark, the next step, the Simulated tag (canvas GrillResult)
+import * as LC from './cozy-lab.js';   // the idle lab (canvas I2 IlB, I3 IlCompare): its three ✦ cards and the compare view they open
 
 const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
 const SVG = (d, w = 16, sw = 1.8) => `<svg aria-hidden="true" width="${w}" height="${w}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round"><path d="${d}"/></svg>`;
@@ -36,7 +39,7 @@ const md = (iso) => { const m = DAY.exec(String(iso || '')); return m ? MON[+m[2
 const span = (a, b) => (a && b && a !== b ? md(a) + ' – ' + md(b) : md(a || b));
 const plural = (n, a, b) => n + ' ' + (n === 1 ? a : b);
 const clip = (s, n) => { s = String(s || ''); return s.length > n ? s.slice(0, n - 1) + '…' : s; };
-const GROUP = { description: 'Description', outcome: 'Expected outcome', found: 'Found elsewhere', dates: 'Dates', status: 'Looks done', names: 'Names', links: 'Links', grill: 'Claude grilled it' };
+const GROUP = { description: 'Description', outcome: 'Expected outcome', prototyped: 'Claude prototyped it', improved: 'Claude improved it', scanned: 'Claude scanned for it', found: 'Found elsewhere', dates: 'Dates', status: 'Looks done', names: 'Names', links: 'Links', grill: 'Claude grilled it' };
 
 /* ── the chip and the live look ── */
 export function chipOf(p) {
@@ -87,7 +90,7 @@ export function foundDocs(v) {
 }
 
 /* ── the Viewer ── */
-const S = { id: null, props: null, open: new Set(), choices: {}, H: null, title: '', timer: null, edit: null, all: false, run: null };
+const S = { id: null, props: null, open: new Set(), choices: {}, H: null, title: '', timer: null, edit: null, all: false, run: null, why: null };
 const titleOf = (p) => {
   if (p.title) return p.title;
   const n = p.items.length;
@@ -143,6 +146,7 @@ function grillSec(g) {
 }
 function propHtml(p) {
   if (p.group === 'grill') return grillHtml(p);
+  if (LC.isLab(p)) return LC.cardHtml(p, { why: S.why === p.id });
   if (p.group === 'links') {
     const l = p.link || {}, a = taskTitle(p.ini || S.id, l.from), b = taskTitle(p.ini || S.id, l.to);
     const t = l.kind === 'link' ? clip(b, 40) + ' waits on ' + clip(a, 40) : l.kind === 'pull' ? 'Pull ' + plural((l.tasks || []).length, 'task', 'tasks') + ' in' : 'Move ' + plural((l.tasks || []).length, 'task', 'tasks') + ' to keep your links';
@@ -208,11 +212,12 @@ async function keep(ids, all) {
   });
   if (!S.props || (!S.props.n && !(S.props.look && !S.props.look.ended))) window.czViewer.back();
 }
-async function drop(sig) {
-  const res = await write(S.H, '/api/proposals/drop', { initiative: S.id, sig });
+async function drop(sig, why) {
+  const res = await write(S.H, '/api/proposals/drop', { initiative: S.id, sig, ...(why ? { why } : {}) });
   if (!res || res.ok === false) { say((res && res.error) || 'Nothing was changed.'); return; }
   await fresh(); after();
 }
+const labProp = (id) => (S.props && S.props.groups || []).flatMap((g) => g.props).find((x) => x.id === id) || null;
 async function onPress(e) {
   const b = e.target.closest('button'); if (!b) return;
   const d = b.dataset;
@@ -221,6 +226,10 @@ async function onPress(e) {
   if (d.ppEdit) { const i = b.closest('.pp-p') && b.closest('.pp-p').querySelector('[data-pp-ned]'); if (i && i.value.trim()) S.choices[d.ppEdit] = i.value.trim(); S.edit = S.edit === d.ppEdit ? null : d.ppEdit; draw(); const n = document.getElementById('ppNed'); if (n) n.focus(); return; }
   if ('ppGall' in d) { S.all = true; b.disabled = true; await fresh(); return; }
   if (d.ppKeep) { const i = document.querySelector(`[data-pp-ned="${CSS.escape(d.ppKeep)}"]`); if (i && i.value.trim()) S.choices[d.ppKeep] = i.value.trim(); b.disabled = true; S.edit = null; await keep([d.ppKeep], false); return; }
+  // the idle lab's ✕ asks why first (Claude learns from it); the reason is optional, and ✕ again drops it
+  if (d.labWhy) { S.why = S.why === d.labWhy ? null : d.labWhy; draw(); const i = document.querySelector(`[data-lab-reason="${CSS.escape(d.labWhy)}"]`); if (i) i.focus(); return; }
+  if (d.labDrop) { const i = document.querySelector(`[data-lab-reason="${CSS.escape(d.labDrop)}"]`), p = labProp(d.labDrop); if (!p) return; b.disabled = true; S.why = null; await drop(p.sig, i ? i.value.trim() : ''); return; }
+  if (d.labOpen) { const p = labProp(d.labOpen); if (p) LC.openCompare({ where: S.H && S.H.where ? S.H.where() : {}, id: p.id, key: d.labKey || '', H: { toast: say, reload: async () => { await fresh(); after(); } } }); return; }
   if (d.ppDrop) { b.disabled = true; await drop(d.ppDrop); return; }
   if (d.ppDropit) { b.disabled = true; await drop(d.ppDropit); return; }
   if ('ppDroplk' in d) {
@@ -245,12 +254,12 @@ async function onPress(e) {
 /** The ✦'s press: the drill-in. v: the initiative's view (id, title, props). */
 export function open(v, H) {
   const VW = window.czViewer; if (!VW || !v || !v.id) return;
-  S.id = v.id; S.props = v.props; S.H = H; S.open = new Set(); S.choices = {}; S.title = v.title; S.edit = null; S.all = false; S.run = null;
+  S.id = v.id; S.props = v.props; S.H = H; S.open = new Set(); S.choices = {}; S.title = v.title; S.edit = null; S.all = false; S.run = null; S.why = null;
   if (v.props && (v.props.groups || []).some((g) => g.group === 'grill')) readRun(H, v.id).then((r) => { if (S.id === v.id && r) { S.run = r; draw(); } });
   VW.drill();
   VW.open({ id: 'pp:' + v.id, kind: 'Claude proposes', title: 'Claude proposes' + (v.props && v.props.n ? ' ' + v.props.n : ''), sub: v.title, icon: I.spark,
     presses: presses(v.props),
     onPress: (act) => { if (act === 'all') keep([], true); },
-    render: (b) => { b.innerHTML = bodyHtml(S.props); if (!b.__pp) { b.__pp = true; } b.onclick = onPress; b.onkeydown = (e) => { if (e.key !== 'Enter' || !e.target.matches('[data-pp-ned]')) return; e.preventDefault(); const k = e.target.closest('.pp-p').querySelector('[data-pp-keep]'); if (k) k.click(); }; draw(); if (!S.props || S.props.look) fresh(); },
+    render: (b) => { b.innerHTML = bodyHtml(S.props); if (!b.__pp) { b.__pp = true; } b.onclick = onPress; b.onkeydown = (e) => { if (e.key === 'Enter' && e.target.matches('[data-lab-reason]')) { e.preventDefault(); const x = e.target.closest('.pp-p').querySelector('[data-lab-drop]'); if (x) x.click(); return; } if (e.key !== 'Enter' || !e.target.matches('[data-pp-ned]')) return; e.preventDefault(); const k = e.target.closest('.pp-p').querySelector('[data-pp-keep]'); if (k) k.click(); }; draw(); if (!S.props || S.props.look) fresh(); },
     onClose: () => { clearTimeout(S.timer); if (S.id === v.id) S.id = null; } });
 }

package/workspace/public/pm/premium-board.js

@@ -23,6 +23,7 @@ import { followDoc } from './doc-follow.js';
 import { $, $$, esc, store, chatAbout, setPageGaps } from './premium-shell.js';
 import * as PK from './cozy-pick.js';   // the one product picker Home, Board and Insights share (batch 12 item 5)
 import { mountNav } from './cozy-nav.js';
+import { quietPlace } from './quiet-place.js';   // onboarding B3: before three initiatives or a date, the Board shows one line
 import { mountLivePill } from './cozy-live-pill.js';
 import { stepsHelpHtml } from './bd-stages.js';
 import { msMode } from './bd-pins.js';
@@ -90,6 +91,7 @@ let byProduct = store.get(GROUPING_KEY) === 'product';   // the grouping: progra
 let DM = {};                      // the documents' history (GET /api/board-docs): { [path]: { changed, by, log } }
 let peek = null;                  // what the Viewer shows for the Board: { kind: 'ini', key } an initiative or its ticket, { kind: 'acts' } an acts panel
 mountNav('board');
+quietPlace('board', document.getElementById('stage'));
 mountLivePill();
 /* The page is the first panel (panels on Board and Intelligence, canvas BiB1Split): a Viewer opens beside it, behind the divider. A row's
  * name drags beside, or ⌘/Ctrl-click opens it beside (a By stage card's drag moves the stage, so it is no source). fit(): the width the

package/workspace/public/pm/premium-first.js

@@ -14,7 +14,7 @@ function toolState() {
 }
 export function mountFirst() {
   const q = new URLSearchParams(location.search), id = q.get('first'), ws = q.get('ws') || '';
-  if (!id) return null;
+  if (!id || q.get('onboarded') === '1') return null;   // onboarding's own first=draft|none is the reveal's, not an import id
   const sec = document.createElement('section');
   sec.className = 'hm-first hx hm-tc'; sec.id = 'wlFirst'; sec.setAttribute('aria-labelledby', 'hWl');
   sec.innerHTML = '<h2 id="hWl" class="ut-h2">Your first Briefing</h2><p class="ut-small ut-mut">Reading what the scan found.</p>';

package/workspace/public/pm/premium-insights.js

@@ -35,6 +35,7 @@ import * as GW from './grill-words.js';   // Grill and Forecast screens (canvas
 import * as PK from './cozy-pick.js';   // the one product picker Home, Board and Insights share (batch 12 item 5)
 import { openReport } from './premium-report-read.js';
 import { mountNav } from './cozy-nav.js';
+import { quietPlace, quietLine } from './quiet-place.js';   // onboarding B3: before a goal is kept Intelligence shows one line; reports before a week of movement
 import { mountLivePill } from './cozy-live-pill.js';
 import { mountPanels } from './cozy-panels.js';
 import * as IM from './impact.js';   // Your impact's ✦ line (batch 16 item 7): a key result your work moved
@@ -45,6 +46,7 @@ import * as TRV from './trends-review.js';   // Delivery trends' words (batch 22
 import * as OK from './okr-list.js';   // Claude runs the OKRs (batch 16 item 6, 6-B): the goal list, its drafts, the ✦ line, ⋯ › Metrics, the notify choice
 import * as IP2 from './ins-pane.js';   // Intelligence as the first panel (panels on Board and Intelligence, P-B): the narrow form, Moved by, the open row
 import * as GC from './goals-clear.js';
+import * as LAB from './cozy-lab-ins.js';   // Intelligence › Lab (idle lab B+C, canvas I1 IlBC): what fits no initiative, the week's background record, next time
 import * as FCV from './goal-forecast.js';   // a goal's forecast in its Viewer (FcViewer, FcPhone): the state line, the range band, the baseline ✓   // goals made clear (batch 18 item 11, 11-B): the drafts table, the check panel, first readings, failed and held
 
 let M = null;                    // the model
@@ -62,6 +64,7 @@ let loadedAt = 0;
 let selecting = false; let picked = [];   // New dashboard: the goals picked in the table, in order
 wireRail('rep');
 mountNav('insights');
+quietPlace('insights', document.getElementById('stage'));
 mountLivePill();
 // the page is the first panel (canvas BiI1Split): a goal row drags beside or opens beside on ⌘/Ctrl-click; the table needs about 880 px whole
 mountPanels({ page: document.getElementById('stage'), key: 'intel', sources: IP2.SOURCES, fit: IP2.fit });
@@ -2079,7 +2082,7 @@ function drawList() {
   const nNeed = waits.length + waitAsks.length;
   const needs = nNeed ? `<div class="ins-sec"><h3>Needs you</h3><span class="q">${nNeed}</span></div><div class="ins-nlist" id="repNeeds" role="list">${waits.map(needRowHtml).join('')}${waitAsks.map(askNeedHtml).join('')}</div>` : '';
   const table = rest.length + restAsks.length ? `<div class="ins-sec"><h3>Yours</h3><span class="q">${rest.length + restAsks.length}</span></div><div class="ins-rtbl" id="repAsks">${head3}<div role="list">${rest.map(repRowHtml).join('')}${restAsks.map(askRowHtml).join('')}</div></div>`
-    : !empty && !needs ? '<div class="ins-empty"><b>No report is set up and no report file is on record.</b> Reports are made in Home.</div>' : '';
+    : !empty && !needs ? (quietLine('reports') ? `<div class="ins-empty"><b>${esc(quietLine('reports'))}</b></div>` : '<div class="ins-empty"><b>No report is set up and no report file is on record.</b> Reports are made in Home.</div>') : '';
   const dd = savedDash().length ? null : draftedDash();
   const dashBlock = `<div class="ins-sec"><h3>Dashboards</h3><span class="q">${dashes.length && !dd ? dashes.length + ' · a dashboard is a saved view of Goals' : dd ? '1 drafted · ' + esc(dd.name) : 'none saved · select rows, then Save'}</span></div><div class="ins-dgrid" role="list">${dd ? draftedCard(dd) : ''}${dashes.map(dashCard).join('')}</div>`;
   $('#repBody').innerHTML = `${needs}${oneNote()}${libFolds(LIB.L) || '<div id="readyLib"></div>'}<div id="listRows" aria-label="Dashboards and reports">${fbox}${empty}${table}${dashBlock}</div>`;
@@ -2340,8 +2343,10 @@ async function load() {
   if (first) { const t = new URLSearchParams(location.search).get('tab'); if (t === 'outcomes' || t === 'library') setTab(t); }
   if (first) draftsLoad();
   if (!PF) fcGrillLoad().then(() => { if (M && FCG) drawStrip(); }).catch(() => {});
+  if (!PF) LAB.load(); else { const el = $('#pLab'); if (el) el.hidden = true; }
   if (!PF) { await noteOpen(); RI.loadProposals(M.board.ws, M.board.id).then(() => { if (M) drawStrip(); }); IM.readWeek().then(() => { if (M && IM.intelItem()) drawStrip(); }).catch(() => {}); }
 }
+LAB.mount({ el: $('#pLab'), where: () => (M ? { ws: M.board.ws, board: M.board.id } : {}), iniHref, toast: (m, undo) => toast(m, undo ? { label: 'Undo', fn: undo } : undefined) });
 /* a report from Intelligence (batch 15 item 4): the view on screen is its first scope; a saved dashboard is its own */
 RI.mount({ model: () => (PF ? null : M), scope: () => { const D = curDash(); return D && D.saved ? 'dashboard:' + D.id : 'view'; }, viewer, close: () => closeMenus(), reload: () => load(),
   openFile: (setup, p) => { const sl = (/(\d{4}-\d{2}-\d{2})\.md$/.exec(p) || [])[1]; openReport({ cadence: setup, slot: sl, path: p, state: 'draft' }, { ws: M.board.ws, onIssue: () => load(), onChange: () => load() }); },

package/workspace/public/pm/quiet-place.js

@@ -0,0 +1,31 @@
+/* pm/quiet-place.js — a place whose moment has not come shows one honest line instead of empty tables (onboarding build B3, ObA4Gradual;
+ * rules in lib/moments.js). Board: "The Board starts at three initiatives, or a date." Intelligence: "Intelligence starts when you keep a goal."
+ * Reports: "The first report comes after a week of movement."
+ *
+ *   quietPlace(place, stage)   follows the menu's read of GET /api/moments (the event 'cz:moments' from pm/cozy-nav.js): while the place is
+ *                              quiet, the page's panel shows only its line; the moment it opens, the page is back as it was
+ *   quietLine(place)           the line while that place is quiet, else '' (Intelligence's reports panel uses it for its empty state)
+ * A published (read-only) copy is never quiet. Quiet only applies when every workspace on this computer is new and none has reached that
+ * place, so a PMOS already in use never loses a page. */
+let last = null;
+if (typeof document !== 'undefined') document.addEventListener('cz:moments', (e) => { last = e.detail || null; });
+
+export const quietLine = (place) => {
+  if (typeof window !== 'undefined' && window.PMOS_READONLY) return '';
+  const p = last && last.places && last.places[place];
+  return p && p.quiet ? String(p.line || '') : '';
+};
+
+export function quietPlace(place, stage, doc = document) {
+  if (!stage || (typeof window !== 'undefined' && window.PMOS_READONLY)) return;
+  const draw = () => {
+    const line = quietLine(place);
+    let el = stage.querySelector(':scope > .qp-line');
+    if (!line) { stage.classList.remove('qp-on'); if (el) el.remove(); return; }
+    if (!el) { el = doc.createElement('p'); el.className = 'qp-line'; el.setAttribute('role', 'status'); stage.prepend(el); }
+    el.textContent = line;
+    stage.classList.add('qp-on');
+  };
+  doc.addEventListener('cz:moments', () => setTimeout(draw, 0));
+  draw();
+}

package/workspace/public/premium-intelligence.html

@@ -64,6 +64,9 @@
  <section class="ins-pane" id="pOutcomes" aria-label="Did it work?" hidden>
   <div class="ins-tbl" id="outTbl" role="table" aria-label="Did it work?"></div>
  </section>
+ <!-- Lab (idle lab B+C, canvas I1 IlBC): the ✦ that fit no initiative, the week's record of every background job, the keep rate, next time.
+      Hidden until there is something (pm/cozy-lab-ins.js). -->
+ <section class="ins-pane lab-sec" id="pLab" aria-labelledby="hLab" hidden></section>
 </main>
 
 <!-- Reports and dashboards (⋯; the old Library): Found in your work, requests from Home, the reports, then the dashboards -->

package/workspace/replaced-tests.json

@@ -3625,6 +3625,20 @@
         "T21 progress is ledger-only and leaves proposed items out",
         "T25 batches and flags are this initiative's: another initiative's batch and kept-not-ui stay out; a torn line (no initiative) is shown"
       ]
+    },
+    {
+      "id": "E81",
+      "group": "E",
+      "file": "workspace/proactive-prepare.test.js",
+      "section": "runner wiring",
+      "change": "replaced",
+      "slice": "bg-queue",
+      "reason": "Idle lab frame I4 (PM wawan, 2026-11-04, 'build B+C'): the 60-second interval now runs one queue (lib/bg-queue.js) and every job, the prepare runner included, is a registered queue job; the literal call chain C5 matched is gone.",
+      "replacement": "C5 (rewritten) asserts the runner is the queue's 'prepare' job, the interval runs bgQueue.tick(), and no setInterval names prepareTick; bg-queue.test.js Q1/Q10 assert the queue's order and that registered jobs run each tick.",
+      "pm_approval": null,
+      "names": [
+        "C5 the runner is called from the existing 60-second interval and nowhere else is a second timer made"
+      ]
     }
   ]
 }