create-pmos 0.251.0 → 0.253.0

package/workspace/briefing-premium-initiative-test.js

@@ -0,0 +1,304 @@
+#!/usr/bin/env node
+'use strict';
+/* briefing-premium-initiative-test.js — the premium initiative page (initiative briefing-premium-initiative; planning/prd/briefing-premium-initiative-prd.md I1 to I12).
+ * Serves the real page from the real server. Most checks answer GET /api/initiative-premium with the model lib/initiative-premium.js builds from a fixture
+ * (fixtures/initiative-premium-facts.js); the last blocks read this repository's own initiative through the real routes and compare with the mockup.
+ *   I1 place · I2 reading · I3 header · I4 overview · I5 checks · I6 tasks · I7 documents · I8 document sheet · I9 opening · I10 presses · I11 one count · I12 floors and fidelity */
+const fs = require('fs');
+const path = require('path');
+const { spawn } = require('child_process');
+const { findBrowser } = require('./lib/find-browser');
+const T = require('./test-run').configure({ name: 'briefing-premium-initiative' });
+const IP = require('./lib/initiative-premium.js');
+const F = require('./fixtures/initiative-premium-facts.js');
+
+const BASE = T.BASE;
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+const until = async (fn, ms = 10000, step = 100) => { const t0 = Date.now(); for (;;) { const v = await fn(); if (v) return v; if (Date.now() - t0 > ms) return v; await sleep(step); } };
+const results = [];
+const ok = (name, cond, extra = '') => { results.push({ name, cond: !!cond }); console.log(`${cond ? '✓' : '✗'} ${name}${!cond && extra !== '' ? ' — ' + extra : ''}`); };
+let srv = null; let browser = null;
+const finish = async (code) => {
+  if (browser) await browser.close().catch(() => {});
+  if (srv) { try { srv.kill('SIGKILL'); } catch { /* gone */ } }
+  T.killTmux();
+  const bad = results.filter((x) => !x.cond).length;
+  console.log(`\n${results.length - bad}/${results.length} briefing-premium-initiative assertions passed`);
+  process.exit(code !== undefined ? code : (bad ? 1 : 0));
+};
+process.on('unhandledRejection', (e) => { console.error(e); finish(1); });
+
+const mk = (o) => IP.build(F.facts(o));
+const MOCKUP = path.join(__dirname, '..', 'prototype', 'premium-ux-concept', 'briefing-artifact.html');
+const LOG = { ok: true, path: 'planning/prd/self-serve-v2-prd.md', revisions: [{ rev: 1, why: '', by: 'baseline', at: '2026-10-16T08:00:00Z' }, { rev: 2, why: 'tightened the goal', by: 'pm', at: '2026-10-17T08:00:00Z' }], events: [{ kind: 'asked', at: '2026-10-17T08:30:00Z', prompt: 'What is missing?' }] };
+const TEXT = '---\ntype: PRD\ntitle: "Self-serve onboarding v2"\n---\n\n# PRD: Self-serve onboarding v2\n\n## Problem\n\nA partner waits for a person.\n\n## Goal\n\n- a first call without help\n- a key shown once\n\n## Requirements\n\n```\nR1 a first call\n```\n';
+const HEALTH = { ok: true, path: 'planning/prd/self-serve-v2-prd.md', health: { passed: 1, total: 2, checks: [{ id: 'fresh', pass: true, reason: 'no cited source changed after it' }, { id: 'traced', pass: false, reason: 'a line with a figure has no source' }, { id: 'readers', pass: null, reason: 'no input' }] } };
+
+(async () => {
+  const exe = findBrowser();
+  if (!exe) { console.log('✗ no Chrome/Chromium on this machine — the suite cannot run'); return finish(1); }
+  let chromium;
+  try { ({ chromium } = require('playwright-core')); } catch { console.log('✗ playwright-core is not installed'); return finish(1); }
+  srv = spawn(process.execPath, [path.join(__dirname, 'server.js')], { cwd: __dirname, stdio: 'ignore', env: T.env({ PMOS_WS_PORT: String(T.PORT), PMOS_SELF_ROOT: path.resolve(__dirname, '..') }) });
+  await T.waitForServer(BASE);
+  browser = await chromium.launch({ executablePath: exe });
+
+  const open = async ({ w = 1280, h = 900, theme = 'light', model = mk(), answers = null, qs = '?id=self-serve-v2&ws=w1&board=w1' } = {}) => {
+    const ctx = await browser.newContext({ viewport: { width: w, height: h } });
+    const page = await ctx.newPage();
+    let current = model, calls = 0; const errors = [], posts = [], gets = []; let answer = { status: 200, body: { ok: true } }; let thread = { ok: true, turns: [], working: false };
+    page.on('pageerror', (e) => errors.push(String((e && e.message) || e)));
+    await page.route('**/api/initiative-premium*', (r) => { calls++; if (answers) { const a = answers(calls); return r.fulfill({ status: a.status, contentType: 'application/json', body: JSON.stringify(a.body) }); } return r.fulfill({ contentType: 'application/json', body: JSON.stringify({ ok: true, state: 'ready', model: current, as_of: F.NOW }) }); });
+    await page.route('**/api/core-docs/**', (r) => { const rq = r.request(); posts.push({ path: new URL(rq.url()).pathname, body: JSON.parse(rq.postData() || '{}'), headers: rq.headers() }); r.fulfill({ status: answer.status, contentType: 'application/json', body: JSON.stringify(answer.body) }); });
+    await page.route('**/api/doc-sheet/**', (r) => { const rq = r.request(), u = new URL(rq.url()); (rq.method() === 'GET' ? gets : posts).push({ path: u.pathname, query: u.search, method: rq.method() }); const b = u.pathname.endsWith('/log') ? LOG : u.pathname.endsWith('/at') ? { ok: true, path: LOG.path, rev: 2, text: TEXT } : { ok: false, error: 'not in this test' }; r.fulfill({ contentType: 'application/json', body: JSON.stringify(b) }); });
+    await page.route('**/api/boards/tasks/**', (r) => { const rq = r.request(); posts.push({ path: new URL(rq.url()).pathname, body: JSON.parse(rq.postData() || '{}'), headers: rq.headers() }); r.fulfill({ status: answer.status, contentType: 'application/json', body: JSON.stringify(answer.body) }); });
+    await page.route('**/api/doc-health/check', (r) => { posts.push({ path: '/api/doc-health/check', body: JSON.parse(r.request().postData() || '{}'), method: 'POST' }); r.fulfill({ contentType: 'application/json', body: JSON.stringify(HEALTH) }); });
+    await page.route('**/api/briefing-premium/**', (r) => { const rq = r.request(); if (rq.method() === 'GET') return r.fulfill({ contentType: 'application/json', body: JSON.stringify(thread) }); posts.push({ path: new URL(rq.url()).pathname, body: JSON.parse(rq.postData() || '{}'), headers: rq.headers() }); r.fulfill({ contentType: 'application/json', body: JSON.stringify({ ok: true }) }); });
+    await page.goto(BASE + '/premium-initiative.html' + qs + '&theme=' + theme);
+    const up = await until(() => page.evaluate(() => document.querySelector('#cIniTk') || /could not be read|No initiative|not on a board/.test(document.querySelector('#snap').textContent + document.querySelector('#iMain').textContent)), 20000);
+    return { ctx, page, errors, posts, gets, up, calls: () => calls, setModel: (m) => { current = m; }, set: (a) => { answer = a; }, setThread: (t) => { thread = t; } };
+  };
+
+  const A = await open();
+  ok('0 the page draws the cards', A.up && await A.page.evaluate(() => !!document.querySelector('#cIniOv') && !!document.querySelector('#cIniTk')));
+  if (!A.up) return finish(1);
+  const p = A.page, M = mk();
+  const txt = (s) => p.evaluate((q) => (document.querySelector(q) || {}).textContent || '', s);
+  const all = (s) => p.evaluate((q) => [...document.querySelectorAll(q)].map((e) => e.textContent.trim()), s);
+
+  /* I1 place */
+  const rail = await p.evaluate(() => ({ names: [...document.querySelectorAll('.rail .pl')].map((b) => b.textContent.trim()), cur: document.querySelector('.rail [aria-current="page"]').textContent.trim() }));
+  ok('I1 the rail names the four places and marks Board', rail.names.join() === 'Briefing,My work,Board,Insights' && rail.cur === 'Board');
+  ok('I1 the crumb names the board and the initiative, with a switcher for each and the sparkle', await p.evaluate(() => document.querySelector('#crBoard').textContent === 'Onboarding' && document.querySelector('#crIni').textContent === 'Self-serve onboarding v2' && !!document.querySelector('#crSw') && !!document.querySelector('#crSw2') && document.querySelector('#crAsk').getAttribute('aria-label') === 'Ask about this initiative'));
+  await p.route('**/premium-board.html*', (r) => r.fulfill({ contentType: 'text/html', body: '<title>b</title>' }));
+  await p.route('**/premium-initiative.html?id=partner*', (r) => r.fulfill({ contentType: 'text/html', body: '<title>i</title>' }));
+  await p.click('#crSw'); const bm = await p.evaluate(() => ({ open: !document.querySelector('#crMenu').hidden, items: [...document.querySelectorAll('#crMenu button')].map((b) => b.textContent + (b.hasAttribute('aria-current') ? '*' : '')).join('|'), exp: document.querySelector('#crSw').getAttribute('aria-expanded') }));
+  ok('I1 the board switcher lists the boards and marks this one', bm.open && bm.items === 'Onboarding*|Payments' && bm.exp === 'true', JSON.stringify(bm));
+  await p.keyboard.press('Escape'); ok('I1 Escape closes the menu and gives the focus back to its button', await p.evaluate(() => document.querySelector('#crMenu').hidden && document.activeElement.id === 'crSw'));
+  await p.click('#crSw2'); const im = await p.evaluate(() => [...document.querySelectorAll('#crMenu button')].map((b) => b.textContent + (b.hasAttribute('aria-current') ? '*' : '')).join('|'));
+  ok('I1 the initiative switcher lists the board\'s initiatives and marks this one', im === 'Self-serve onboarding v2*|Partner API rate limits|Usage-based billing', im);
+  await p.click('#crMenu [data-swi="partner-rate-limits"]'); await sleep(500);
+  { const u = new URL(p.url()); ok('I1 choosing an initiative opens its page on the same board', u.pathname === '/premium-initiative.html' && u.searchParams.get('id') === 'partner-rate-limits' && u.searchParams.get('board') === 'w1', p.url()); await p.goBack(); await until(() => p.evaluate(() => !!document.querySelector('#cIniTk'))); }
+  await p.click('#crSw'); await p.click('#crMenu [data-sw="w2|w2"]'); await sleep(500);
+  { const u = new URL(p.url()); ok('I1 choosing a board opens that board\'s page', u.pathname === '/premium-board.html' && u.searchParams.get('ws') === 'w2' && u.searchParams.get('board') === 'w2', p.url()); await p.goBack(); await until(() => p.evaluate(() => !!document.querySelector('#cIniTk'))); }
+  await p.click('#crBoard'); await sleep(500);
+  { const u = new URL(p.url()); ok('I1 the board\'s name leads back to the Board', u.pathname === '/premium-board.html' && u.searchParams.get('board') === 'w1', p.url()); await p.goBack(); await until(() => p.evaluate(() => !!document.querySelector('#cIniTk'))); }
+  await p.click('#crAsk'); await until(() => p.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(500);
+  ok('I1 the sparkle opens the initiative in the dialog with the read-only agent beside it', await p.evaluate(() => document.querySelector('#dTitle').textContent === 'Self-serve onboarding v2' && /Lane\|feature/.test([...document.querySelectorAll('#oMain .kv2 span')].map((x) => x.textContent).join('|')) && !document.querySelector('#askF').hidden));
+  await p.keyboard.press('Escape'); await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on')));
+
+  /* I3 header */
+  const head = await p.evaluate(() => ({ chip: document.querySelector('.ihead .chp').textContent.trim(), tone: document.querySelector('.ihead .chp').className, meta: document.querySelector('.ihm').textContent, segs: [...document.querySelectorAll('.iws .sg2 i')].map((i) => i.className).join('|'), cur: document.querySelector('.iws em b').textContent }));
+  ok('I3 the chip, the meta and the stage strip are the record\'s', head.chip === 'At risk' && /warn/.test(head.tone) && head.meta === 'Onboarding · Dara · planned finish 30 Oct · stage derived by the workflow engine' && head.segs === 'p|p|p|p|p|n|||' && head.cur === 'Build', JSON.stringify(head));
+
+  /* I4 overview and I5 checks */
+  const ov = await p.evaluate(() => ({ who: document.querySelector('#cIniOv .tdw').textContent, h: document.querySelector('#cIniOv .todo b').textContent, p: document.querySelector('#cIniOv .todo p').textContent, more: document.querySelector('#cIniOv .todo small').textContent, skip: document.querySelector('#cIniOv .tdk').textContent, notes: [...document.querySelectorAll('#cIniOv .note')].map((n) => n.textContent) }));
+  ok('I4 the next step, its reason, its action and what happens if you wait come from the workflow engine; the reasons are shown', ov.who === 'Waits on you' && ov.h === 'Next: contract' && /pre_run_contract/.test(ov.p) && /Agree done_criteria/.test(ov.more) && ov.skip === 'If you wait: it stays at contract.' && ov.notes.length === 2, JSON.stringify(ov));
+  const chk = await p.evaluate(() => [...document.querySelectorAll('#cIniChk > .ckl .ckr')].map((r) => r.className + ':' + r.querySelector('b').textContent + ':' + r.querySelector('span').textContent));
+  ok('I5 the six checks carry the engine\'s state, the next one marked, and no row borrows the Overview\'s box', chk.join() === 'ckr done:spec:Done,ckr pending cur:contract:Waiting,ckr pending:build:Waiting,ckr unknown:quality:Unknown,ckr na:review:Not needed,ckr pending:accept:Waiting', chk.join());
+  ok('I5 each check states its evidence', /first-appeared at or before the first build commit/.test(await txt('#cIniChk .ckr:first-child small')) && /never claims a test result it did not run/.test(await all('#cIniChk .ckr small').then((x) => x.join(' '))));
+  ok('I5 "All 7 workflow steps" lists every step of the ladder', /All 7 workflow steps/.test(await txt('#cIniChk .src summary')) && (await p.evaluate(() => document.querySelectorAll('#cIniChk .src .ckr').length)) === 7);
+  ok('I4 the description line is shown only when the record has one', await p.evaluate(() => !document.querySelector('#cIniOv .lede')));
+  /* PMOS can help: two real presses */
+  ok('I4 PMOS can help offers a draft of the first document not started and a question for the agent', (await all('#cIniOv .agc')).join('|') === 'Draft the problem statement|Summarise the review findings');
+  A.set({ status: 200, body: { ok: true, run: 'r0' } });
+  await p.locator('#cIniOv .agc').first().click();
+  ok('I10 the draft button posts the existing draft route with the initiative scope and the key', await until(() => A.posts.some((x) => x.path === '/api/core-docs/draft' && x.body.key === 'problem' && x.body.scope === 'initiative:self-serve-v2' && Object.keys(x.body).sort().join() === 'key,scope,ws')));
+  const nH = A.posts.length;
+  await p.locator('#cIniOv .agc').nth(1).click(); await until(() => p.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(500);
+  ok('I10 the question button opens the dialog and sends its question to the read-only agent, and nothing else', await until(() => A.posts.length > nH && A.posts[A.posts.length - 1].path === '/api/briefing-premium/ask' && A.posts[A.posts.length - 1].body.key === 'init:self-serve-v2' && /^Summarise the review findings/.test(A.posts[A.posts.length - 1].body.text) && A.posts.slice(nH).every((x) => x.path === '/api/briefing-premium/ask')));
+  await p.keyboard.press('Escape'); await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on')));
+
+  /* I6 tasks, I11 one count */
+  ok('I6 the caption, the bar and the list read one set', await txt('#hTk + small') === '3 PRD requirements · 3 from the board · no tracker link' && /1 done · 1 in progress · 1 to do/.test(await txt('#cIniTk .stb small')) && (await all('#cIniTk .tkq .tkn b')).join('|') === 'Sandbox key step|Checklist empty state|UAT with five partners|A partner reaches a first call|The key is shown once|Errors say what to do');
+  ok('I6 another initiative\'s tracker item is not listed', !/Another initiative/.test(await txt('#cIniTk')));
+  ok('I6 a requirement says no result; a tracker item says its state; a dated item shows its due date', (await all('#cIniTk .tkp')).join('|') === 'In progress|Done|To do|No result|No result|No result' && /Due 27 Oct/.test(await txt('#cIniTk')));
+  ok('I6 the views are List, By stage and Timeline', (await all('#tkTabs button')).join('|') === 'List|By stage|Timeline');
+  await p.click('#tkTabs [data-v="stage"]');
+  const cols = await p.evaluate(() => [...document.querySelectorAll('#tkBody .isc')].map((c) => c.querySelector('.label').textContent.replace(/\s+/g, ' ').trim()));
+  ok('I6 By stage groups by the records\' states, shows an empty column as None and puts the requirements under "No result recorded"', cols.join('|') === 'To do 1|In progress 1|On hold 0|Done 1|No result recorded 3', cols.join('|'));
+  await p.click('#tkTabs [data-v="time"]');
+  const tl = await p.evaluate(() => ({ bars: document.querySelectorAll('#tkBody .tkt').length, title: (document.querySelector('#tkBody .tkt .tlt b') || {}).textContent, und: [...document.querySelectorAll('#tkBody .tkch b')].map((b) => b.textContent).join('|'), months: [...document.querySelectorAll('#tkBody .tlax i')].map((i) => i.textContent).join(), today: !!document.querySelector('#tkBody .tlax b'), legend: document.querySelectorAll('#tkBody .gleg span').length }));
+  ok('I6 the Timeline draws a bar for each task with both dates, lists the rest as "No dates set", and draws today', tl.bars === 1 && tl.title === 'UAT with five partners' && /Sandbox key step/.test(tl.und) && /A partner reaches a first call/.test(tl.und) && tl.today && tl.legend === 3 && /Oct/.test(tl.months), JSON.stringify(tl));
+  await p.click('#tkTabs [data-v="list"]');
+  await p.locator('#cIniTk .tkq').first().click(); await until(() => p.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(500);
+  const td = await p.evaluate(() => ({ title: document.querySelector('#dTitle').textContent, grid: [...document.querySelectorAll('#oMain .kv2 span')].map((s) => s.textContent).join('|'), ask: document.querySelector('#askF').hidden, seg: !!document.querySelector('#oMain .tkst') }));
+  ok('I6 a Jira task opens its record as a grid, read-only: no status control and no question box', td.title === 'Sandbox key step' && /Reference\|ONB-12\|Source\|Jira \(read-only\)/.test(td.grid) && td.ask === true && td.seg === false, JSON.stringify(td));
+  await p.keyboard.press('Escape'); await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on')));
+  /* a PMOS task: its status can be changed */
+  A.set({ status: 200, body: { ok: true, item: {} } });
+  await p.locator('#cIniTk .tkq', { hasText: 'UAT with five partners' }).click(); await until(() => p.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(500);
+  ok('I6 a PMOS task offers the board\'s four states, with its own marked', await p.evaluate(() => [...document.querySelectorAll('#oMain [data-tks]')].map((b) => b.textContent + (b.getAttribute('aria-pressed') === 'true' ? '*' : '')).join('|')) === 'To do*|In progress|In review|Done');
+  await p.click('#oMain [data-tks="In progress"]');
+  ok('I10 a status change posts the board, the task and the state to the board\'s own route, and nothing else', await until(() => A.posts.some((x) => x.path === '/api/boards/tasks/state' && x.body.ws === 'w1' && x.body.board === 'w1' && x.body.task === 't1' && x.body.state === 'In progress' && Object.keys(x.body).sort().join() === 'board,state,task,ws')));
+  await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on')));
+  /* add a task */
+  await p.click('[data-tkadd]'); await until(() => p.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(400);
+  ok('I6 Add a task opens a form with common tasks, a title, an owner and optional dates, and says what empty dates mean', await p.evaluate(() => document.querySelectorAll('#oMain .chq button').length === 6 && !!document.querySelector('#atT') && !!document.querySelector('#atO') && !!document.querySelector('#atF') && !!document.querySelector('#atD') && /from tomorrow, for a week/.test(document.querySelector('#oMain').textContent)));
+  await p.click('#atGo'); ok('I6 an empty title is refused before any post', /Give the task a title/.test(await txt('#atM')) && !A.posts.some((x) => x.path === '/api/boards/tasks/add'));
+  await p.fill('#atT', 'UAT'); await p.fill('#atF', '2026-11-05'); await p.click('#atGo'); ok('I6 a start without a due date is refused', /Add a due date too/.test(await txt('#atM')));
+  await p.fill('#atD', '2026-11-01'); await p.click('#atGo'); ok('I6 a due date before the start is refused', /due date is before the start/.test(await txt('#atM')) && !A.posts.some((x) => x.path === '/api/boards/tasks/add'));
+  await p.click('#oMain [data-pre="1"]'); ok('I6 a common task fills the title', await p.inputValue('#atT') === 'Release plan');
+  await p.fill('#atF', ''); await p.fill('#atD', '');
+  A.set({ status: 400, body: { ok: false, error: 'no initiative self-serve-v2 on this board' } }); await p.click('#atGo');
+  ok('I6 a refusal shows the route\'s reason, keeps the form and turns the button back on', await until(() => p.evaluate(() => /no initiative self-serve-v2 on this board/.test(document.querySelector('#atM').textContent) && !document.querySelector('#atGo').disabled)));
+  A.set({ status: 200, body: { ok: true, item: {} } }); await p.fill('#atO', 'Dara'); await p.fill('#atF', '2026-11-01'); await p.fill('#atD', '2026-11-05'); await p.click('#atGo');
+  ok('I10 Add task posts the workspace, the board, this initiative, the title, the owner and the dates to the board\'s own route', await until(() => A.posts.some((x) => x.path === '/api/boards/tasks/add' && x.body.ws === 'w1' && x.body.board === 'w1' && x.body.initiative === 'self-serve-v2' && x.body.title === 'Release plan' && x.body.owner === 'Dara' && x.body.start === '2026-11-01' && x.body.due === '2026-11-05' && Object.keys(x.body).sort().join() === 'board,due,initiative,owner,start,title,ws')));
+  const mint0 = await T.nonce(BASE);
+  ok('I10 both task presses carried the launch nonce and no writer field', !!mint0 && A.posts.filter((x) => /^\/api\/boards\/tasks\//.test(x.path)).every((x) => x.headers['x-pmos-nonce'] === mint0 && !['by', 'via', 'at', 'actor', 'pm', 'nonce'].some((k) => k in x.body)));
+  await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on')));
+  ok('I6 there is no Add a document: no store for it exists', !(await p.evaluate(() => /Add a document/.test(document.body.textContent))));
+
+  /* I7 documents, I11 one count */
+  ok('I7 the counts agree: caption, summary, filter and bar', await p.evaluate(() => { const s = document.querySelector('.dsum').textContent.replace(/\s+/g, ' '); const f = [...document.querySelectorAll('#dmF button')].map((b) => b.textContent.replace(/\s+/g, '')).join(','); return document.querySelector('#hDoc + small').textContent === '5' && /1 draft to review/.test(s) && /3 not started/.test(s) && /1 up to date/.test(s) && f === 'All5,Notstarted3,Draft1,Uptodate1' && document.querySelectorAll('.dprog i').length === 5; }));
+  ok('I7 the technical documents are grouped and not counted', await p.evaluate(() => /Technical documents \(2\)/.test(document.querySelector('.dmtech summary').textContent)));
+  await p.click('#dmF [data-dmf="none"]');
+  ok('I7 the filter shows the documents not started', (await all('#dmList .dmn b')).join('|') === 'Problem statement|Research notes|Launch checklist and comms');
+  await p.click('#dmF [data-dmf="all"]'); await p.fill('#dmQ', 'risk');
+  ok('I7 the search finds a document and keeps the focus in the box', (await all('#dmList .dmn b')).join('|') === 'Risks' && await p.evaluate(() => document.activeElement.id === 'dmQ'));
+  await p.fill('#dmQ', 'zzz'); ok('I7 no match says so', /No document matches/.test(await txt('#dmList')));
+  await p.fill('#dmQ', '');
+
+  /* I10 the press */
+  A.set({ status: 200, body: { ok: true, run: 'r1' } });
+  await p.locator('#dmList [data-draft="problem"]').click();
+  ok('I10 Draft it posts the workspace, the initiative scope and the key and nothing else, and says what happens', await until(() => A.posts.some((x) => x.path === '/api/core-docs/draft' && x.body.ws === 'w1' && x.body.scope === 'initiative:self-serve-v2' && x.body.key === 'problem' && Object.keys(x.body).sort().join() === 'key,scope,ws')) && await until(() => p.evaluate(() => /drafting “Problem statement”/.test(document.querySelector('#toast').textContent))));
+  const mint = await T.nonce(BASE);
+  ok('I10 the press carried the launch nonce and no writer field', !!mint && A.posts.filter((x) => x.path === '/api/core-docs/draft').every((x) => x.headers['x-pmos-nonce'] === mint && !['by', 'via', 'at', 'actor', 'pm', 'nonce'].some((k) => k in x.body)));
+  A.set({ status: 409, body: { ok: false, error: 'a run is already drafting that document' } });
+  await p.locator('#dmList [data-draft="problem"]').click();
+  ok('I10 a refused press shows the route\'s reason and turns the button back on', await until(() => p.evaluate(() => /already drafting/.test(document.querySelector('#toast').textContent) && !document.querySelector('#dmList [data-draft="problem"]').disabled)));
+  ok('I10 Issue, Drop and editing are not on the page', !/\b(Issue it|Drop|Accept|Edit)\b/.test(await txt('#iMain')));
+  ok('I7 a running document shows Drafting and is off', await p.evaluate(() => { const b = document.querySelector('#dmList [data-draft="launch"]'); return !!b && b.disabled && /Drafting/.test(b.textContent); }));
+
+  /* the batch press: one existing draft run for each document not started */
+  ok('I7 "Draft the 2 not started" counts the documents a press can draft, not the one already running', /Draft the 2 not started/.test(await txt('.dsum .dlink')));
+  A.set({ status: 200, body: { ok: true, run: 'rb' } }); const nB = A.posts.length;
+  await p.click('.dsum .dlink');
+  ok('I10 it posts one draft for each, with the initiative scope and nothing else', await until(() => A.posts.slice(nB).filter((x) => x.path === '/api/core-docs/draft').map((x) => x.body.key).sort().join() === 'problem,research' && A.posts.slice(nB).every((x) => x.path === '/api/core-docs/draft' && x.body.scope === 'initiative:self-serve-v2' && Object.keys(x.body).sort().join() === 'key,scope,ws')));
+
+  /* I8 the document sheet */
+  const nPost0 = A.posts.length;
+  await p.locator('#dmList .dmo[data-doc="prd"]').click(); await until(() => p.evaluate(() => document.querySelector('#dlg').classList.contains('on') && /Self-serve onboarding v2/.test(document.querySelector('#oMain').textContent) && document.querySelector('#oMain .dsbody'))); await sleep(500);
+  const sh = await p.evaluate(() => ({ title: document.querySelector('#dTitle').textContent, path: document.querySelector('#oMain .dpath').textContent, tabs: [...document.querySelectorAll('#shT button')].map((b) => b.textContent).join(','), fm: [...document.querySelectorAll('#oMain .kv2 span')].map((s) => s.textContent).join('|'), heads: [...document.querySelectorAll('#oMain h3.d2')].map((h) => h.textContent).join('|'), outline: [...document.querySelectorAll('#oMain .dso button')].map((b) => b.textContent).join('|'), pre: [...document.querySelectorAll('#oMain pre')].map((e) => e.textContent).join('|'), li: document.querySelectorAll('#oMain li').length }));
+  ok('I8 Read shows the file\'s path, its front matter as a grid, its headings, list and code', sh.title === 'PRD' && sh.path === 'planning/prd/self-serve-v2-prd.md' && sh.tabs === 'Read,Edit log,Health' && /type\|PRD\|title\|Self-serve onboarding v2/.test(sh.fm) && sh.heads === 'PRD: Self-serve onboarding v2|Problem|Goal|Requirements' && sh.li === 2 && /R1 a first call/.test(sh.pre), JSON.stringify(sh));
+  ok('I8 Read asked for the log and the last revision, by GET, for this path', A.gets.some((g) => g.path === '/api/doc-sheet/log' && /path=planning%2Fprd%2Fself-serve-v2-prd.md/.test(g.query)) && A.gets.some((g) => g.path === '/api/doc-sheet/at' && /rev=2/.test(g.query)));
+  await p.click('#shT [data-sh="log"]');
+  const lg = await until(() => p.evaluate(() => document.querySelector('#oMain .hsr') && [...document.querySelectorAll('#oMain .hsr')].map((r) => r.textContent.replace(/\s+/g, ' ').trim())));
+  ok('I8 Edit log lists the revisions newest first with their reasons and the other entries', lg && /v2 tightened the goal · pm/.test(lg[0]) && /v1 The file as the sheet first saw it · baseline/.test(lg[1]) && /asked What is missing\?/.test(lg[2]), JSON.stringify(lg));
+  await p.click('#shT [data-sh="health"]');
+  const hl = await until(() => p.evaluate(() => document.querySelector('#oMain .ckr') && { note: document.querySelector('#oMain .note').textContent, rows: [...document.querySelectorAll('#oMain .ckr')].map((r) => r.className + ':' + r.querySelector('span').textContent) }));
+  ok('I8 Health shows each check as passed, not passed or no input, and says no input is not counted', hl && /1 of 2 checks/.test(hl.note) && hl.rows.join() === 'ckr done:Passed,ckr blocked:Not passed,ckr skipped:No input', JSON.stringify(hl));
+  ok('I8 the health check posts the path and the workspace only', A.posts.some((x) => x.path === '/api/doc-health/check' && Object.keys(x.body).sort().join() === 'path,ws' && x.body.ws === 'w1'));
+  ok('I8 the sheet wrote nothing: no edit, propose, accept, reject, why, mark or ask post went out', !A.posts.slice(nPost0).some((x) => /doc-sheet/.test(x.path)) && !A.posts.some((x) => /^\/api\/doc-sheet\/(edit|propose|accept|reject|why|mark-current|ask)/.test(x.path)));
+  ok('I8 the sheet says it is read-only', /Read-only/.test(await txt('#oMain .xn')));
+  A.setThread({ ok: true, working: false, turns: [] });
+  await p.fill('#askIn', 'What is missing?'); const nA = A.posts.length; await p.press('#askIn', 'Enter');
+  ok('I8 a question posts the document key and the text', await until(() => A.posts.length > nA && A.posts[A.posts.length - 1].path === '/api/briefing-premium/ask' && A.posts[A.posts.length - 1].body.key === 'doc:self-serve-v2:prd' && A.posts[A.posts.length - 1].body.text === 'What is missing?'));
+  await p.keyboard.press('Escape'); await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on')));
+  ok('I8 a document with no file has no sheet to open', await p.evaluate(() => !document.querySelector('#dmList [data-doc="problem"]')));
+  ok('0 no page error', A.errors.length === 0, A.errors.join(' | '));
+  await A.ctx.close();
+
+  /* I8 a file that cannot be read */
+  {
+    const B = await open();
+    await B.page.unroute('**/api/doc-sheet/**'); await B.page.route('**/api/doc-sheet/**', (r) => r.fulfill({ status: 404, contentType: 'application/json', body: JSON.stringify({ ok: false, error: 'the file is not in this repository' }) }));
+    await B.page.locator('#dmList .dmo[data-doc="prd"]').click();
+    ok('I8 a file that cannot be read says why and shows no text', await until(() => B.page.evaluate(() => /the file is not in this repository/.test(document.querySelector('#oMain').textContent))));
+    await B.ctx.close();
+  }
+
+  /* I2 reading and failure */
+  {
+    let n = 0;
+    const ctx = await browser.newContext({ viewport: { width: 1280, height: 900 } }), rp = await ctx.newPage();
+    await rp.route('**/api/initiative-premium*', (r) => { n++; return r.fulfill(n < 3 ? { status: 202, contentType: 'application/json', body: JSON.stringify({ ok: true, state: 'reading' }) } : { contentType: 'application/json', body: JSON.stringify({ ok: true, state: 'ready', model: mk(), as_of: F.NOW }) }); });
+    await rp.goto(BASE + '/premium-initiative.html?id=self-serve-v2');
+    ok('I2 while the initiatives are read the page says so and shows no card', await until(() => rp.evaluate(() => /Reading the initiative/.test(document.querySelector('#snap').textContent) && !document.querySelector('#cIniTk'))));
+    ok('I2 it asks again and draws when the read ends', await until(() => rp.evaluate(() => !!document.querySelector('#cIniTk')), 15000) && n >= 3);
+    await ctx.close();
+    const E = await open({ answers: () => ({ status: 500, body: { ok: false, state: 'error', error: 'boom' } }) });
+    ok('I2 a failed read says why and draws no card', await E.page.evaluate(() => /The initiative could not be read/.test(document.querySelector('#snap').textContent) && /boom/.test(document.querySelector('#iMain').textContent) && !document.querySelector('#cIniTk')));
+    await E.ctx.close();
+    const N = await open({ answers: () => ({ status: 404, body: { ok: false, state: 'error', error: 'nope is not an initiative on a board' } }), qs: '?id=nope' });
+    ok('I2 an initiative that is not on a board says so and does not retry', await N.page.evaluate(() => /nope is not an initiative on a board/.test(document.querySelector('#iMain').textContent)) && N.calls() === 1);
+    await N.ctx.close();
+    const X = await open({ qs: '?x=1', answers: () => ({ status: 400, body: { ok: false, state: 'error', error: 'id must name an initiative' } }) });
+    ok('I2 no initiative named says so', await X.page.evaluate(() => /needs an initiative/.test(document.querySelector('#iMain').textContent)));
+    await X.ctx.close();
+  }
+
+  /* I4 the description */
+  {
+    const L = await open({ model: mk({ row: Object.assign({}, F.ROW, { title: 'Self-serve onboarding v2 — a partner reaches a first call without help' }) }) });
+    ok('I4 a title "name — purpose" puts the name in the crumb and the purpose in the description line', await L.page.evaluate(() => document.querySelector('#crIni').textContent === 'Self-serve onboarding v2' && document.querySelector('#cIniOv .lede').textContent === 'A partner reaches a first call without help' && document.querySelector('#iH1').textContent.includes('—')));
+    await L.ctx.close();
+  }
+
+  /* I3 degraded: nothing invented */
+  {
+    const D = await open({ model: mk({ row: Object.assign({}, F.ROW, { owner: null, end: null, status: null }), sheet: null, ladder: null, items: [], docs: null }) });
+    const d = await D.page.evaluate(() => ({ chip: !!document.querySelector('.ihead .chp'), meta: document.querySelector('.ihm').textContent, ov: document.querySelector('#cIniOv').textContent, chk: !!document.querySelector('#cIniChk'), tk: document.querySelector('#cIniTk').textContent, docs: document.querySelector('#cIniDoc').textContent }));
+    ok('I3 with no status, owner, finish, sheet, items or documents the page says so and draws none of them', !d.chip && d.meta === 'Onboarding · stage derived by the workflow engine' && /could not be read, so the next step is not shown/.test(d.ov) && !d.chk && /no PRD requirement list and no tracker item/.test(d.tk) && /could not be read, so none is shown/.test(d.docs), JSON.stringify(d));
+    await D.ctx.close();
+  }
+
+  /* I12 floors */
+  for (const [w, h] of [[1280, 900], [390, 844]]) {
+    const R = await open({ w, h });
+    const f = await R.page.evaluate(() => { const bad = []; for (const e of document.querySelectorAll('button,a,[role=button],input')) { if (e.closest('[hidden],[inert]')) continue; const r = (e.tagName === 'INPUT' && e.closest('label') ? e.closest('label') : e).getBoundingClientRect(); if (r.width && r.height && (r.height < 32 || r.width < 32) && !e.closest('.seg,.dprog')) bad.push((e.id || e.className || e.tagName) + ' ' + Math.round(r.width) + 'x' + Math.round(r.height)); } return { sx: document.documentElement.scrollWidth - innerWidth, small: bad.slice(0, 6) }; });
+    ok(`I12 no sideways scroll and no tiny target at ${w} px`, f.sx <= 0 && f.small.length === 0, JSON.stringify(f));
+    if (w === 390) {
+      await R.page.locator('#dmList .dmo[data-doc="prd"]').click(); await until(() => R.page.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(700);
+      const g = await R.page.evaluate(() => { const r = document.querySelector('#dlg').getBoundingClientRect(); return { l: Math.round(r.left), w: Math.round(r.width), vw: innerWidth }; });
+      ok('I12 the sheet is full width on a phone', g.l <= 1 && g.w >= g.vw - 2, JSON.stringify(g));
+    }
+    await R.ctx.close();
+  }
+
+  /* the real routes against this repository */
+  {
+    const get = async (q) => { for (let i = 0; i < 60; i++) { const r = await fetch(BASE + '/api/initiative-premium' + q); const b = await r.json(); if (r.status !== 202) return { status: r.status, body: b }; await sleep(3000); } return { status: 202, body: null }; };
+    const r = await get('?id=briefing-premium-board');
+    const m = r.body && r.body.model;
+    ok('I1 the real route answers ready with this initiative\'s model', r.status === 200 && r.body.state === 'ready' && m && m.id === 'briefing-premium-board' && m.key === 'init:briefing-premium-board', JSON.stringify(r.body).slice(0, 200));
+    ok('I6 its PRD requirements are the PRD\'s own (B1 to B13) and no more', m && m.tasks.reqs >= 12 && m.tasks.rows.filter((t) => t.src === 'PRD requirement').every((t) => /^B\d+$/.test(t.ref)));
+    ok('I7 its core documents come with a scope and counts that add up', m && m.docs.scope === 'initiative:briefing-premium-board' && m.docs.counts.all === m.docs.rows.filter((d) => !d.tech).length);
+    const miss = await get('?id=no-such-initiative-xyz');
+    ok('I1 an initiative that is not on a board answers 404 with a reason', miss.status === 404 && miss.body && miss.body.ok === false && /no-such-initiative-xyz/.test(miss.body.error), JSON.stringify(miss.body));
+    const bad = await fetch(BASE + '/api/initiative-premium?id=../etc/passwd'); ok('I1 an id that is not an id is refused', bad.status === 400);
+    const post = await fetch(BASE + '/api/initiative-premium?id=x', { method: 'POST' }); ok('I10 the route answers GET only', post.status === 405);
+  }
+  /* I12 fidelity against the mockup */
+  if (!fs.existsSync(MOCKUP)) ok('I12 the mockup is in the repository', false, MOCKUP);
+  else {
+    const PAIRS = [['rail', '.rail'], ['crumb', '.crumb'], ['crb', '#crBoard'], ['cri', '#crSw'], ['crask', '#crAsk'], ['lede', '#cIniOv .lede'], ['agr', '#cIniOv .agr2'], ['agc', '#cIniOv .agc'], ['tkadd', '.tkadd'], ['ckrs', '#cIniChk .ckr small'], ['chip', '.ihead .chp'], ['meta', '.ihm'], ['strip', '.iws em'], ['segs', '.iws .sg2'], ['ov', '#cIniOv'], ['ovh', '#cIniOv h2'], ['todo', '#cIniOv .todo'], ['tdw', '#cIniOv .tdw'], ['chk', '#cIniChk'], ['ckr', '#cIniChk .ckr'], ['tk', '#cIniTk'], ['tkq', '#cIniTk .tkq:last-child'], ['tki', '#cIniTk .tkq:last-child .tki'], ['tkn', '#cIniTk .tkq:last-child .tkn b'], ['tkp', '#cIniTk .tkq:last-child .tkp'], ['doc', '#cIniDoc'], ['dsum', '.dsum'], ['dprog', '.dprog'], ['dtool', '.dtool'], ['dmr', '#cIniDoc .dmr'], ['dmi', '#cIniDoc .dmi.c-Plan'], ['dock', '.dock']];
+    const SKIP_W = ['crumb', 'crb', 'lede', 'agr', 'agc', 'tkadd', 'ckrs', 'chip', 'meta', 'strip', 'segs', 'ov', 'ovh', 'todo', 'tdw', 'chk', 'ckr', 'tk', 'tkq', 'tki', 'tkn', 'tkp', 'doc', 'dsum', 'dprog', 'dtool', 'dmr', 'dmi'];
+    const SKIP_L = ['crumb', 'crb', 'cri', 'crask', 'lede', 'agr', 'agc', 'tkadd', 'ckrs', 'chip', 'meta', 'strip', 'segs', 'tdw', 'ovh', 'ckr', 'tkq', 'tki', 'tkn', 'tkp', 'dmr', 'dmi', 'dsum', 'dprog', 'dtool', 'todo'];
+    const PROPS = ['fontSize', 'fontWeight', 'fontFamily', 'color', 'backgroundColor', 'borderRadius', 'paddingTop', 'paddingLeft', 'letterSpacing', 'lineHeight', 'boxShadow', 'backdropFilter', 'borderTopColor'];
+    const grab = (pg) => pg.evaluate(([pairs, props]) => { const o = {}; for (const [n, s0] of pairs) { const s = (n === 'rail' || n === 'dock') ? s0 : 'main.stage:not([hidden]) ' + s0; const e = document.querySelector(s); if (!e) { o[n] = null; continue; } const cs = getComputedStyle(e), r = e.getBoundingClientRect(), v = { left: Math.round(r.left), width: Math.round(r.width) }; props.forEach((k) => { v[k] = cs[k]; }); o[n] = v; } return o; }, [PAIRS, PROPS]);
+    for (const [w, h] of [[1280, 900], [390, 844]]) for (const th of ['light', 'dark']) {
+      const m = await (await browser.newContext({ viewport: { width: w, height: h } })).newPage();
+      await m.goto('file://' + MOCKUP);
+      await until(() => m.evaluate(() => document.querySelectorAll('#rank .rr').length > 0));
+      await m.evaluate((t) => { document.documentElement.dataset.theme = t; document.querySelector('.pl[data-p="init"]').click(); }, th);
+      await until(() => m.evaluate(() => document.querySelectorAll('#ibBody .ini2').length > 0)); await sleep(500);
+      await m.evaluate(() => { showInit('initiative', 'pmos', 0); });
+      await until(() => m.evaluate(() => !!document.querySelector('#cIniTk') && !!document.querySelector('#cIniDoc .dmr'))); await sleep(900);
+      const R = await open({ w, h, theme: th, model: mk({ row: Object.assign({}, F.ROW, { title: 'Self-serve onboarding v2 — a partner reaches a first call without help' }) }) }); await sleep(500);
+      const a = await grab(m), c = await grab(R.page), diffs = [];
+      for (const [n] of PAIRS) {
+        if (!a[n] || !c[n]) { diffs.push(n + ' missing'); continue; }
+        for (const k of Object.keys(a[n])) {
+          const geom = k === 'left' || k === 'width';
+          if (geom && ((k === 'width' && SKIP_W.includes(n)) || (k === 'left' && SKIP_L.includes(n)))) continue;
+          if (geom ? Math.abs(a[n][k] - c[n][k]) > 2 : a[n][k] !== c[n][k]) diffs.push(`${n}.${k} ${a[n][k]} | ${c[n][k]}`);
+        }
+      }
+      ok(`I12 styles and geometry match the mockup at ${w} px, ${th}`, diffs.length === 0, diffs.join(' ; '));
+      await m.context().close(); await R.ctx.close();
+    }
+  }
+  return finish();
+})().catch((e) => { console.error(e); finish(1); });