create-pmos 0.252.0 → 0.253.0

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

@@ -0,0 +1,281 @@
+#!/usr/bin/env node
+'use strict';
+/* briefing-premium-work-test.js — the premium My work page (initiative briefing-premium-work; planning/prd/briefing-premium-work-prd.md M1 to M12).
+ * Serves the real page from the real server. Most checks answer GET /api/my-work-premium with the model lib/my-work-premium.js builds from a fixture
+ * (fixtures/my-work-premium-facts.js) and answer the presses themselves, so no real item is touched; the last block drives the real routes of a scratch state folder.
+ *   M1 rail and place · M2 hero · M3 add · M4 the plate · M5 agents (held controls) · M6 waiting · M7 review · M8 presses · M9 one count
+ *   M10 header · M11 refusals · M12 floors and fidelity against the mockup
+ */
+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-work' });
+const WP = require('./lib/my-work-premium.js');
+const F = require('./fixtures/my-work-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-work assertions passed`);
+  process.exit(code !== undefined ? code : (bad ? 1 : 0));
+};
+process.on('unhandledRejection', (e) => { console.error(e); finish(1); });
+
+const mk = () => WP.build({ v: F.view(), now: F.NOW });
+const MOCKUP = path.join(__dirname, '..', 'prototype', 'premium-ux-concept', 'briefing-artifact.html');
+
+(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) }) });
+  await T.waitForServer(BASE);
+  browser = await chromium.launch({ executablePath: exe });
+
+  /* a page whose list and presses the test answers */
+  const open = async ({ w = 1280, h = 900, theme = 'light', model = mk() } = {}) => {
+    const ctx = await browser.newContext({ viewport: { width: w, height: h } });
+    const page = await ctx.newPage();
+    let current = model; const errors = [], posts = []; let answer = { status: 200, body: { ok: true } }; let thread = { ok: true, turns: [], working: false }; let gets = 0;
+    page.on('pageerror', (e) => errors.push(String((e && e.message) || e)));
+    await page.route('**/api/my-work-premium', (r) => { gets++; r.fulfill({ contentType: 'application/json', body: JSON.stringify({ ok: true, state: 'ready', model: current, as_of: Date.now() }) }); });
+    await page.route('**/api/pm-items/**', (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/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() }); return r.fulfill({ status: answer.status, contentType: 'application/json', body: JSON.stringify(answer.body) }); });
+    await page.goto(BASE + '/premium-work.html?theme=' + theme);
+    const up = await until(() => page.evaluate(() => document.querySelectorAll('#plateBody .wrow').length > 0), 20000);
+    return { ctx, page, errors, posts, up, setModel: (m) => { current = m; }, set: (a) => { answer = a; }, setThread: (t) => { thread = t; }, gets: () => gets };
+  };
+
+  const A = await open();
+  ok('0 the page draws the plate', A.up);
+  if (!A.up) return finish(1);
+  const p = A.page, M = mk();
+  const txt = (s) => p.evaluate((q) => (document.querySelector(q) || {}).textContent || '', s);
+
+  /* M1 */
+  const rail = await p.evaluate(() => ({ names: [...document.querySelectorAll('.rail .pl')].map((b) => b.textContent.trim()), cur: document.querySelector('.rail [aria-current="page"]').textContent.trim(), go: [...document.querySelectorAll('.rail [data-go]')].map((b) => b.dataset.go), pi: getComputedStyle(document.querySelector('.rail')).getPropertyValue('--pi').trim(), title: document.title }));
+  ok('M1 the rail names four places, My work is current and the indicator sits on it', rail.names.join() === 'Briefing,My work,Board,Insights' && rail.cur === 'My work' && rail.go.join() === 'brief,work,init,rep' && rail.pi === '1', JSON.stringify(rail));
+  const res = await fetch(BASE + '/premium-work').then((r) => r.status);
+  ok('M1 the page is served at /premium-work and /premium-work.html', res === 200 && (await fetch(BASE + '/premium-work.html')).status === 200);
+  {
+    const r2 = await open(); await r2.page.locator('.rail [data-go="brief"]').click();
+    ok('M1 the Briefing button opens the Briefing page', await until(() => /\/premium\.html$/.test(r2.page.url()), 5000), r2.page.url());
+    await r2.ctx.close();
+  }
+
+  /* M2 */
+  const hero = await p.evaluate(() => ({ text: document.querySelector('#brief').textContent, k: [...document.querySelectorAll('#brief .k')].map((x) => x.textContent) }));
+  ok('M2 the hero is the model\'s sentences, numbers marked', hero.text === M.hero.map((s) => s.parts.map((x) => x.t).join('')).join(' ') && hero.k.length >= 5, hero.text);
+  ok('M2 the hero says what the records hold', /Three new in your inbox, one overdue, one due today\./.test(hero.text) && /longest for 8 days/.test(hero.text));
+
+  /* M10 */
+  ok('M10 the header says what is real and that Jira and Slack appear only when read', /^Real data · as of 18:05/.test(await txt('#snap')) && /only when an agent session has read them/.test(await txt('#snap')));
+
+  /* M4 */
+  const plate = await p.evaluate(() => ({ labels: [...document.querySelectorAll('#plateBody .wsec .label')].map((x) => x.textContent), counts: [...document.querySelectorAll('#plateBody .wsec em')].map((x) => x.textContent), cap: document.querySelector('#plateCap').textContent, first: [...document.querySelectorAll('.tgf')].map((x) => x.closest('.wrow').dataset.key), titles: [...document.querySelectorAll('#plateBody .wtit')].map((x) => x.textContent.replace('Do this first', '')), chips: [...document.querySelectorAll('#plateBody .due')].map((x) => x.textContent), od: [...document.querySelectorAll('#plateBody .due.od')].length, ck: [...document.querySelectorAll('#plateBody .wck')].map((b) => Math.round(b.getBoundingClientRect().height)), glyphs: [...document.querySelectorAll('#plateBody .inb .wgl')].map((x) => x.title) }));
+  ok('M4 four places in order with their counts', plate.labels.join() === 'Inbox,Today,Upcoming,Someday' && plate.counts.join() === '3 open,3 open,2 open,1 open', JSON.stringify(plate));
+  ok('M4 rows are the items, in order, with a due chip only where a date was set; the overdue one says so', plate.titles.length === 9 && plate.titles[3] === 'Sign off the fit-out contractor shortlist' && plate.chips.join() === 'Overdue · 15 Oct,Today,19 Oct,2 Nov' && plate.od === 1, JSON.stringify(plate.chips));
+  ok('M4 "Do this first" tags the overdue item only', plate.first.length === 1 && plate.first[0] === 'work:wbs:alpha:4.2', JSON.stringify(plate.first));
+  ok('M4 an inbox row shows its source, a check circle is 44 px', plate.glyphs.join() === 'Jira,Jira,Slack' && plate.ck.length === 6 && plate.ck.every((h) => h >= 44), JSON.stringify([plate.glyphs, plate.ck]));
+  const dec = await p.evaluate(() => { const b = document.querySelector('.wrow[data-key="work:wbs:alpha:4.2"] .wck'); const r = b.closest('.wrow'); return { dec: b.classList.contains('dec'), eye: !!b.querySelector('circle'), label: b.getAttribute('aria-label'), first: r.classList.contains('first'), tagBlock: getComputedStyle(r.querySelector('.tgf')).display, bar: getComputedStyle(r).boxShadow !== 'none', others: [...document.querySelectorAll('#plateBody .wck')].filter((x) => x !== b).every((x) => !x.classList.contains('dec')) }; });
+  ok('M4 an item whose agent draft is ready has a highlighted eye circle (not a check), the first overdue row carries the ember bar and its tag sits on its own line', dec.dec && dec.eye && /^Review the agent draft/.test(dec.label) && dec.first && dec.tagBlock === 'block' && dec.bar && dec.others, JSON.stringify(dec));
+  const tray = await p.evaluate(() => ({ cap: document.querySelector('#trayCap').textContent, titles: [...document.querySelectorAll('#trayBody .wtit')].map((x) => x.textContent), note: document.querySelector('#trayNote').textContent, checks: document.querySelectorAll('#trayBody .wck').length, inbox: [...document.querySelectorAll('#plateBody .wsec')].find((x) => x.dataset.lane === 'inbox').textContent }));
+  ok('M4 your tray holds what you threw in and have not placed, apart from the plate, and says how it works', tray.cap === '1 to place' && tray.titles.join() === 'Is the payment-step experiment worth another week?' && /Nothing here counts as work to clear/.test(tray.note) && tray.checks === 0 && /3 open/.test(tray.inbox), JSON.stringify(tray));
+  ok('M4 the add box has no Enter label', !(await p.evaluate(() => !!document.querySelector('#cap kbd'))));
+  ok('M4 no suggestion, no estimate and no demo label is drawn', !(await p.evaluate(() => /Accept all|~\d+ min|demo/i.test(document.querySelector('#plate').textContent))));
+
+  /* M5 */
+  const ag = await p.evaluate(() => ({ tiles: [...document.querySelectorAll('#pipe .pst')].map((x) => x.textContent.replace(/\s+/g, ' ').trim()), hot: document.querySelectorAll('#pipe .pst.hot').length, rows: [...document.querySelectorAll('#agl .ws')].map((x) => x.textContent), cap: document.querySelector('#agCap').textContent, hold: document.querySelector('#agHold').textContent, buttons: [...document.querySelectorAll('button')].map((b) => b.textContent).join('|') }));
+  ok('M5 three counts from the agent field and the rows that are running or ready', ag.tiles.join() === '1Running,1Failed,1To review' && ag.hot === 1 && ag.rows.length === 3 && /draft ready to review/.test(ag.rows[0]) && /the run failed/.test(ag.rows.join()) && ag.cap === 'one to review', JSON.stringify(ag));
+  ok('M5 Give to agent, Approve, Revise and Retry are not on the page, and the page says why', !/\b(Give to agent|Approve|Revise|Retry)\b/i.test(ag.buttons) && /not built yet/.test(ag.hold));
+
+  /* M6 */
+  const wt = await p.evaluate(() => ({ cap: document.querySelector('#waitCap').textContent, rows: [...document.querySelectorAll('#waitBody .wtit')].map((x) => x.textContent), subs: [...document.querySelectorAll('#waitBody .ws')].map((x) => x.textContent), nudge: /Nudge/.test(document.querySelector('#waitCard').textContent) }));
+  ok('M6 waiting on others: longest first, who and how long, no nudge', wt.cap === 'longest 8 days' && wt.rows[0] === 'Review the partner data-sharing clause' && /waiting on Dara/.test(wt.subs[0]) && !wt.nudge, JSON.stringify(wt));
+
+  /* M7 */
+  const rv = await p.evaluate(() => ({ hidden: document.querySelector('#revCard').hidden, txt: document.querySelector('#revTxt').textContent }));
+  ok('M7 the untouched card counts the items from the review list', !rv.hidden && /^2 items have sat untouched for 7 days/.test(rv.txt), JSON.stringify(rv));
+
+  /* M9 */
+  ok('M9 the hero, the plate and the dock agree on one count', await p.evaluate(() => document.querySelector('#plateCap').textContent === '7 to clear' && document.querySelector('#dN').textContent === '7' && document.querySelector('#dLab').textContent === 'to clear'));
+
+  /* M3 add */
+  A.set({ status: 200, body: { ok: true, item: { id: 'item-new', title: 'Reply to Lee', due: null, priority: 'P1' } } });
+  { const v = F.view(); v.work.inbox.push(F.it('item-new', 'Reply to Lee', { priority: 'P1' })); A.setModel(WP.build({ v, now: F.NOW })); }
+  await p.fill('#capIn', 'Reply to Lee !p1'); await p.press('#capIn', 'Enter');
+  ok('M3 one line is posted to the Work page\'s add route, and the page shows what was read', await until(() => A.posts.some((x) => x.path === '/api/pm-items/add' && x.body.line === 'Reply to Lee !p1' && Object.keys(x.body).join() === 'line')) && await until(() => txt('#capHint').then((t) => /Added: Reply to Lee \(P1\)\. It is in your tray until you place it\./.test(t))));
+  ok('M3 a new item lands in the tray, not on the plate, and its dialog opens at once so it can be placed', await until(() => p.evaluate(() => document.querySelector('#dlg').classList.contains('on') && document.querySelector('#dTitle').textContent === 'Reply to Lee' && /Tray/.test(document.querySelector('#oMain').textContent) && !!document.querySelector('#trayBody [data-key="work:item-new"]') && !document.querySelector('#plateBody [data-key="work:item-new"]')), 6000));
+  await p.keyboard.press('Escape'); await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on'))); A.setModel(mk());
+  const n0 = A.posts.length; await p.fill('#capIn', '   '); await p.press('#capIn', 'Enter'); await sleep(200);
+  ok('M3 an empty line is not posted', A.posts.length === n0 && /Write one line/.test(await txt('#capHint')));
+
+  /* M8 presses from a check circle, and from the dialog */
+  {
+    const n = A.posts.length;
+    await p.locator('.wrow[data-key="work:wbs:alpha:4.2"] .wck.dec').click(); await until(() => p.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(500);
+    ok('M8 the eye circle opens the item to review the draft and posts nothing', A.posts.length === n && (await p.textContent('#dTitle')) === 'Sign off the fit-out contractor shortlist' && /Agent draft, not checked/.test(await p.textContent('#oMain')));
+    await p.keyboard.press('Escape'); await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on')));
+  }
+  const openKey = async (key) => { await p.locator(`.wrow[data-key="${key}"] .wrh`).first().click(); await until(() => p.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(700); };
+  const shut = async () => { await p.keyboard.press('Escape'); await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on'))); };
+  const lastPost = () => A.posts[A.posts.length - 1];
+  A.set({ status: 200, body: { ok: true } });
+  const g0 = A.gets();
+  await p.locator('.wrow[data-key="work:item-bbbbbbbbbbb2"] .wck').click();
+  ok('M8 a check circle posts Done with the item id only, offers Undo, and the page reads again', await until(() => A.posts.some((x) => x.path === '/api/pm-items/done' && Object.keys(x.body).join() === 'id' && x.body.id === 'item-bbbbbbbbbbb2')) && await until(() => p.evaluate(() => /Undo/.test(document.querySelector('#toast').textContent))) && await until(() => A.gets() > g0));
+  await p.locator('#toast .undo').click();
+  ok('M8 Undo posts Reopen for that item', await until(() => A.posts.some((x) => x.path === '/api/pm-items/reopen' && x.body.id === 'item-bbbbbbbbbbb2')));
+  await openKey('work:item-aaaaaaaaaaa1');
+  const dlg = await p.evaluate(() => ({ title: document.querySelector('#dTitle').textContent, btn: [...document.querySelectorAll('#card button')].map((b) => b.textContent.trim()), mod: document.querySelector('#dlg').getAttribute('aria-modal'), ask: !!document.querySelector('#askGo'), wDis: document.querySelector('#wBtn').disabled }));
+  ok('M8 a dialog offers Done, Not yet, Move to, Waiting and Drop, and the agent box; Keep only where the review list holds the item', dlg.title === 'Decide how partial refunds are handled' && dlg.btn.join() === 'Done,Later today,Tomorrow,Next week,Do today,Later,Wait for them,Drop it' && dlg.mod === 'true' && dlg.ask && dlg.wDis, JSON.stringify(dlg));
+  await p.locator('#card [data-p="notyet"][data-when="tomorrow"]').click();
+  ok('M8 Not yet posts the item and the day, and closes the dialog', await until(() => A.posts.some((x) => x.path === '/api/pm-items/notyet' && x.body.id === 'item-aaaaaaaaaaa1' && x.body.when === 'tomorrow' && Object.keys(x.body).sort().join() === 'id,when')) && await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on'))));
+  for (const [sel, route, check] of [['[data-p="flag"]', '/api/pm-items/flag', (b) => b.flagged === true], ['[data-p="park"]', '/api/pm-items/park', (b) => Object.keys(b).join() === 'id'], ['[data-p="done"]', '/api/pm-items/done', (b) => Object.keys(b).join() === 'id'], ['[data-p="remove"]', '/api/pm-items/remove', (b) => Object.keys(b).join() === 'id']]) {
+    await openKey('work:item-aaaaaaaaaaa2'); const n = A.posts.length;
+    await p.locator('#card ' + sel).click();
+    ok(`M8 ${route.split('/').pop()} posts exactly what the Work page's route takes`, await until(() => A.posts.length > n && lastPost().path === route && lastPost().body.id === 'item-aaaaaaaaaaa2' && check(lastPost().body)), JSON.stringify(lastPost()));
+    await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on')));
+  }
+  ok('M8 Done and Drop offer Undo for a short time', await p.evaluate(() => /Undo/.test(document.querySelector('#toast').textContent)));
+  await openKey('work:item-aaaaaaaaaaa3'); await p.fill('#wOn', '  Priya '); 
+  ok('M8 Waiting needs a name', await p.evaluate(() => !document.querySelector('#wBtn').disabled));
+  await p.click('#wBtn');
+  ok('M8 Waiting posts the name', await until(() => A.posts.some((x) => x.path === '/api/pm-items/waiting' && x.body.id === 'item-aaaaaaaaaaa3' && x.body.on === 'Priya')));
+  await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on')));
+  await openKey('work:item-ddddddddddd1');
+  ok('M7 an item on the review list offers Keep, and Keep posts it', await p.evaluate(() => !!document.querySelector('#card [data-p="keep"]')));
+  await p.click('#card [data-p="keep"]');
+  ok('M7 Keep posts the item id only', await until(() => A.posts.some((x) => x.path === '/api/pm-items/keep' && Object.keys(x.body).join() === 'id' && x.body.id === 'item-ddddddddddd1')));
+  await until(() => p.evaluate(() => !document.querySelector('#dlg').classList.contains('on')));
+  ok('M8 no press carried a writer field', A.posts.every((x) => !['by', 'via', 'at', 'actor', 'pm', 'nonce'].some((k) => k in x.body)));
+  const mint = await T.nonce(BASE);
+  ok('M8 every press carried the launch nonce', !!mint && A.posts.filter((x) => x.path.startsWith('/api/pm-items/')).every((x) => x.headers['x-pmos-nonce'] === mint));
+
+  /* M11 refusal */
+  A.set({ status: 409, body: { ok: false, error: 'that item is already done' } });
+  await openKey('work:item-ccccccccccc1'); await p.locator('#card [data-p="done"]').click();
+  ok('M11 a refused press shows the route\'s reason, keeps the dialog open and turns the buttons back on', await until(() => p.evaluate(() => !document.querySelector('#cardErr').hidden && /already done/.test(document.querySelector('#cardErr').textContent) && document.querySelector('#dlg').classList.contains('on') && !document.querySelector('#card [data-p="done"]').disabled)));
+  A.set({ status: 200, body: { ok: true } });
+
+  /* agent beside the item */
+  A.setThread({ ok: true, working: false, turns: [{ id: 'bq-1', q: 'What is this about?', state: 'answered', a: 'It is about <b>shipping</b>.' }] });
+  await shut(); await openKey('work:item-aaaaaaaaaaa1');
+  ok('A1 the read-only agent is beside the item: its answer is labelled and shown as text', await until(() => p.evaluate(() => /Agent · not checked against records/.test(document.querySelector('#dBody .stream').textContent) && document.querySelector('#dBody .stream').textContent.includes('<b>shipping</b>')), 5000));
+  A.setThread({ ok: true, working: false, turns: [] });
+  await p.fill('#askIn', 'Why is this here?'); const nA = A.posts.length; await p.press('#askIn', 'Enter');
+  ok('A1 a question posts the item key and the text, and nothing else', await until(() => A.posts.length > nA && lastPost().path === '/api/briefing-premium/ask' && lastPost().body.key === 'work:item-aaaaaaaaaaa1' && lastPost().body.text === 'Why is this here?' && Object.keys(lastPost().body).sort().join() === 'key,text'), JSON.stringify(lastPost()));
+  await shut();
+
+  ok('0 no page error', A.errors.length === 0, A.errors.join(' | '));
+  await A.ctx.close();
+
+  /* M2 / M4 degraded: an empty list */
+  {
+    const E = await open({ model: WP.build({ v: { today: '2026-10-16', work: {} }, now: F.NOW }) });
+    ok('M2 an empty list says so, in one sentence, and the plate says nothing waits', await E.page.evaluate(() => document.querySelector('#brief').textContent === 'Your list is empty.' && /Nothing waits to be sorted/.test(document.querySelector('#plateBody').textContent) && document.querySelector('#revCard').hidden && /Nobody owes you anything/.test(document.querySelector('#waitBody').textContent) && document.querySelector('#dN').textContent === '0'));
+    await E.ctx.close();
+  }
+  {
+    // a failed read says why and draws nothing
+    const ctx = await browser.newContext({ viewport: { width: 1280, height: 900 } }), pg = await ctx.newPage();
+    await pg.route('**/api/my-work-premium', (r) => r.fulfill({ status: 500, contentType: 'application/json', body: JSON.stringify({ ok: false, state: 'error', error: 'the list could not be read' }) }));
+    await pg.goto(BASE + '/premium-work.html');
+    ok('M10 a failed read says why and shows nothing instead of a guess', await until(() => pg.evaluate(() => /The reason: the list could not be read/.test(document.querySelector('#brief').textContent) && document.querySelectorAll('#plateBody .wrow').length === 0), 5000));
+    await ctx.close();
+  }
+
+  {
+    const R = await open({ w: 820, h: 1000 }), t = R.page;
+    await t.locator('.wrow[data-key="work:item-aaaaaaaaaaa1"] .wrh').click(); await until(() => t.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(900);
+    const g = await t.evaluate(() => { const r = document.querySelector('#dlg').getBoundingClientRect(); return { l: Math.round(r.left), w: Math.round(r.width), vw: innerWidth, tabs: getComputedStyle(document.querySelector('#dTabs')).display }; });
+    ok('M12 on a tablet (820 px) the dialog is centred with a 12 px margin, and the tab strip is hidden', Math.abs(g.l - (g.vw - g.w) / 2) <= 2 && g.w === g.vw - 24 && g.tabs === 'none', JSON.stringify(g));
+    await R.ctx.close();
+  }
+  /* M12 floors on a phone, both themes */
+  for (const theme of ['light', 'dark']) {
+    const R = await open({ w: 390, h: 844, theme }), q = R.page;
+    await q.locator('.wrow[data-key="work:item-aaaaaaaaaaa1"] .wrh').click(); await until(() => q.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(800);
+    const geo = () => q.evaluate(() => { const r = document.querySelector('#dlg').getBoundingClientRect(); return { l: Math.round(r.left), w: Math.round(r.width), vw: innerWidth }; });
+    const g1 = await geo();
+    ok(`M12 at 390 px (${theme}) the dialog opens on Detail at the full width of the screen`, g1.l === 0 && g1.w === g1.vw, JSON.stringify(g1));
+    await q.click('#dPane'); await sleep(900);
+    const g2 = await geo();
+    ok(`M12 at 390 px (${theme}) with the conversation brought in it is still full width`, g2.l === 0 && g2.w === g2.vw && await q.evaluate(() => document.querySelector('#dPane').getAttribute('aria-pressed') === 'true' && getComputedStyle(document.querySelector('#dBody')).display !== 'none' && getComputedStyle(document.querySelector('#dOut')).display === 'none'), JSON.stringify(g2));
+    const m = await q.evaluate(() => { const hs = (sel) => [...document.querySelectorAll(sel)].map((b) => Math.round(b.getBoundingClientRect().height)); return { over: document.documentElement.scrollWidth > innerWidth + 1 || document.querySelector('#dlg').scrollWidth > document.querySelector('#dlg').clientWidth + 1, small: [].concat(hs('#card .cta'), hs('#card .seg2 button'), hs('#wOn'), hs('.askbar input'), hs('#askGo')).filter((h) => h < 44) }; });
+    ok(`M12 at 390 px (${theme}) the dialog has no sideways scroll and every control is 44 px`, !m.over && m.small.length === 0, JSON.stringify(m));
+    await q.keyboard.press('Escape'); await sleep(300);
+    const pg = await q.evaluate(() => ({ over: document.documentElement.scrollWidth > innerWidth + 1, small: [...document.querySelectorAll('.wck, .capb, .wrh, #revBtn, .fchip')].filter((b) => !b.closest('[hidden]') && b.getBoundingClientRect().height < 44 && b.getBoundingClientRect().height > 0).map((b) => b.className + ':' + Math.round(b.getBoundingClientRect().height)) }));
+    ok(`M12 at 390 px (${theme}) the page has no sideways scroll and every control is 44 px`, !pg.over && pg.small.length === 0, JSON.stringify(pg));
+    await R.ctx.close();
+  }
+  {
+    const R = await open(); await R.page.locator('.wrow[data-key="work:item-aaaaaaaaaaa1"] .wrh').first().focus();
+    await R.page.keyboard.press('Enter'); await until(() => R.page.evaluate(() => document.querySelector('#dlg').classList.contains('on'))); await sleep(500);
+    ok('M12 the page behind a dialog is inert, Escape closes it and focus returns to the row', await R.page.evaluate(() => ['.rail', 'main.stage', '#dock'].every((s) => document.querySelector(s).inert)) && (await R.page.keyboard.press('Escape'), await until(() => R.page.evaluate(() => !document.querySelector('#dlg').classList.contains('on') && document.activeElement.classList.contains('wrh')))));
+    await R.ctx.close();
+  }
+
+  /* the real routes, over a scratch state folder: add, read back, mark done, read back */
+  {
+    const ctx = await browser.newContext({ viewport: { width: 1280, height: 900 } }), pg = await ctx.newPage(), errs = [];
+    pg.on('pageerror', (e) => errs.push(String(e)));
+    await pg.goto(BASE + '/premium-work.html');
+    ok('E1 on an empty scratch state the real page says the list is empty', await until(() => pg.evaluate(() => document.querySelector('#brief').textContent === 'Your list is empty.'), 20000));
+    await pg.fill('#capIn', 'Reply to Rina about SSO !p1'); await pg.press('#capIn', 'Enter');
+    ok('E2 an added line comes back through the real routes in the tray, with its priority, not counted to clear, and its dialog opens', await until(() => pg.evaluate(() => /Reply to Rina about SSO/.test(document.querySelector('#trayBody').textContent) && /P1/.test(document.querySelector('#trayBody').textContent) && !/Reply to Rina/.test(document.querySelector('#plateBody').textContent) && document.querySelector('#dN').textContent === '0' && document.querySelector('#dlg').classList.contains('on')), 15000));
+    await sleep(700);
+    await pg.locator('#card [data-p="flag"]').click();
+    ok('E3 Do today, pressed in that dialog, moves it from the tray to Today through the real route', await until(() => pg.evaluate(() => { const s = [...document.querySelectorAll('#plateBody .wsec')].find((x) => x.dataset.lane === 'today'); return !!s && /1 open/.test(s.textContent) && /Nothing in your tray/.test(document.querySelector('#trayBody').textContent) && document.querySelector('#dN').textContent === '1'; }), 15000));
+    await pg.locator('#plateBody .wck').first().click();
+    ok('E4 the check circle marks it done, and the list is empty again', await until(() => pg.evaluate(() => document.querySelector('#brief').textContent === 'Your list is empty.' && document.querySelector('#dN').textContent === '0'), 15000));
+    const api = await fetch(BASE + '/api/my-work-premium').then((r) => r.json());
+    ok('E5 the model route answers ready with the list the Work page reads', api.ok && api.state === 'ready' && api.model.dock.needs === 0);
+    const hdr = await T.pressHeaders(BASE);
+    const ask = await fetch(BASE + '/api/briefing-premium/ask', { method: 'POST', headers: hdr, body: JSON.stringify({ key: 'work:item-ghost', text: 'q' }) }).then((r) => r.status);
+    ok('E6 a question about an item that is not on the page starts nothing (404)', ask === 404, String(ask));
+    const post = await fetch(BASE + '/api/my-work-premium', { method: 'POST', headers: hdr, body: '{}' }).then((r) => r.status);
+    ok('E7 the model route is read-only', post === 405, String(post));
+    ok('0 no page error against the real routes', errs.length === 0, errs.join(' | '));
+    await ctx.close();
+  }
+
+  /* M12 fidelity against the mockup: computed style and geometry of the regions both pages have */
+  if (!fs.existsSync(MOCKUP)) ok('M12 the mockup is in the repository', false, MOCKUP);
+  else {
+    const PAIRS = [['rail', '.rail'], ['name', '.top .name'], ['date', '.hero .date'], ['brief', '.brief'], ['cap', '.cap'], ['capin', '.cap input'], ['capbtn', '.cap .capb'], ['plate', '#plate'], ['heading', '#hPlate'], ['section', '#plateBody .wsec'], ['label', '#plateBody .wsec .label'], ['row', '#plateBody .wrow'], ['title', '#plateBody .wtit'], ['sub', '#plateBody .ws'], ['glyph', '#plateBody .wgl'], ['due', '#plateBody .due:not(.od)'], ['agents', '#agCard'], ['tile', '#pipe .pst:not(.hot)'], ['pipe', '#pipe'], ['waitrow', '#waitBody .wrow'], ['dock', '.dock']];
+    const SKIP_GEOM = { 1280: ['row', 'section'], 390: ['heading', 'row', 'section'] };
+    const PROPS = ['fontSize', 'fontWeight', 'fontFamily', 'color', 'backgroundColor', 'borderRadius', 'paddingTop', 'paddingLeft', 'letterSpacing', 'lineHeight', 'boxShadow', 'backdropFilter', 'borderTopColor'];
+    const grab = (pg, pairs) => 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="work"]').click(); }, th);
+      await until(() => m.evaluate(() => document.querySelectorAll('#plateBody .wrow').length > 0)); await sleep(900);
+      const R = await open({ w, h, theme: th }); await sleep(500);
+      const a = await grab(m, PAIRS), c = await grab(R.page, PAIRS), 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 && (SKIP_GEOM[w].includes(n) || ['brief', 'title', 'sub', 'due', 'label', 'glyph', 'waitrow', 'tile', 'capin'].includes(n) && k === 'width' || ['brief', 'title', 'sub'].includes(n) && k === 'left')) 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(`M12 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); });

package/workspace/fixtures/board-premium-facts.js

@@ -0,0 +1,38 @@
+'use strict';
+/* fixtures/board-premium-facts.js — the facts lib/board-premium.js builds from, for a plausible board on 17 Oct 2026, 09:12 local. Shapes follow the routes
+ * of lib/routes-boards.js and lib/routes-core-docs.js. Seven initiatives are loaded of nine open; one is late with a recorded end date in the past. */
+const NOW = new Date(2026, 9, 17, 9, 12).getTime();
+const WF = ['Discover', 'Ideate', 'Strategize', 'Prioritize', 'Plan', 'Build', 'Deliver', 'Monitor', 'Evaluate'].map((name, i) => ({ name, cat: ['Discover', 'Discover', 'Plan', 'Plan', 'Plan', 'Do', 'Do', 'Learn', 'Learn'][i] }));
+const row = (id, title, o = {}) => ({ id, title, lane: 'feature', stage: 'Build', cat: 'Do', owner: null, anchor: 'q3-2026:o1:kr1', horizon: 'now', status: 'on track', start: null, end: null, progress: null, warnings: [], rank: 0, health: 'on', updated: '2026-10-15T08:00:00.000Z', reading: 'build', stageSource: 'derived', dupOf: null, ...o });
+const ROWS = [
+  row('self-serve-v2', 'Self-serve onboarding v2', { owner: 'Dara', stage: 'Build', status: 'late', start: '2026-09-01', end: '2026-10-10', progress: 62 }),
+  row('partner-rate-limits', 'Partner API rate limits', { owner: 'Lee', stage: 'Plan', cat: 'Plan', status: 'at risk', start: '2026-09-20', end: '2026-11-30', progress: 18 }),
+  row('usage-billing', 'Usage-based billing', { stage: 'Discover', cat: 'Discover', status: 'at risk' }),
+  row('sso-partners', 'SSO for partners', { owner: 'Lee', stage: 'Deliver', status: 'on track', start: '2026-08-15', end: '2026-10-23', progress: 80 }),
+  row('audit-log-export', 'Audit log export', { owner: 'Dara', stage: 'Monitor', cat: 'Learn', status: 'on track' }),
+  row('refund-reason-codes', 'Refund reason codes', { stage: 'Evaluate', cat: 'Learn', status: 'on track', progress: 100, dupOf: 'refund-flow' }),
+  row('docs-search', 'Docs search', { lane: 'chore', stage: 'Build', status: 'on track', warnings: ['no recorded owner'] }),
+];
+const columns = () => WF.map((s) => { const rs = ROWS.filter((r) => r.stage === s.name); return { stage: s.name, cat: s.cat, hint: 'Derived by scripts/workflow-state.js; not moved by hand.', count: rs.length + (s.name === 'Evaluate' ? 20 : 0), rows: rs }; });
+const doc = (key, title, o = {}) => ({ key, title, ic: 'doc', for: 'What ' + title + ' is for.', reader: 'Team', cadence: 'Every two weeks', by: 'drafts', kind: 'doc', st: 'missing', act: { label: 'Draft it', do: 'draft' }, running: false, open: null, ...o });
+const DOCS = [
+  doc('charter', 'Board charter', { cadence: 'When the board changes' }),
+  doc('backlog', 'Roadmap and backlog', { by: 'live', kind: 'live', st: 'ok', act: null, open: { tab: 'initiatives' } }),
+  doc('bstatus', 'Board status report', { kind: 'report', act: { label: 'Set it up', go: 'reports' } }),
+  doc('capacity', 'Capacity plan', { st: 'draft', act: { label: 'Review the draft', do: 'review' } }),
+  doc('brisks', 'Board risks', { st: 'stale' }),
+  doc('retro', 'Board retro', { running: true }),
+];
+function facts(o = {}) {
+  return {
+    now: NOW, pending: false, missing: [],
+    boards: [{ ws: 'w1', id: 'w1', name: 'pmos' }],
+    board: { ws: 'w1', id: 'w1', name: 'pmos', workflow: WF },
+    counts: { total: 30, open: 9, byStage: {}, byStatus: { 'on track': 5, 'at risk': 3, late: 1, 'on hold': 0, done: 21, cancelled: 0 } },
+    rows: ROWS.map((r) => ({ ...r })), total: 7, columns: columns(),
+    sprints: { source: 'none', readAt: null, sprints: [] },
+    docs: { scope: 'board:w1', summary: { draft: 1, due: 0, missing: 4, stale: 1 }, docs: DOCS.map((d) => ({ ...d })) },
+    nextRelease: null, ...o,
+  };
+}
+module.exports = { NOW, facts, row, ROWS, WF, doc };

package/workspace/fixtures/briefing-premium-facts.js

@@ -0,0 +1,32 @@
+'use strict';
+/* fixtures/briefing-premium-facts.js — the facts the premium Briefing suites build the page from (initiative briefing-premium).
+ * They reproduce the shape of the mockup's snapshot: two blocked initiatives, a prototype waiting for a disposition with a meeting that
+ * needs it, one missed kill-condition date, five failed reviews, merges and runs today, one meeting ahead and one earlier. */
+const NOW = new Date(2026, 9, 15, 18, 5).getTime();
+const at = (h, m) => new Date(2026, 9, 15, h, m).getTime();
+const day = (d) => NOW - d * 86400000;
+const iso = (ms) => new Date(ms).toISOString();
+const init = (id, o = {}) => ({ id, title: id + ' title', lane: 'feature', stage: 'build', accepted: false, stopped: false, legacy: false, anchor: 'q3-2026:o1:kr1', last_activity: Math.floor(day(2) / 1000), blockers: [], steps: [], ...o });
+const blocked = (id, key, o = {}) => init(id, { blockers: [key], steps: [{ key, status: 'blocked', next: 'do the ' + key + ' first', blocking: true }], ...o });
+const runs = (k, from, to, corr) => Array.from({ length: k }, (_, i) => ({ initiative_id: 'x', created_at: iso(from + (to - from) * (i / k)), human_corrections: corr(i) }));
+
+function facts() {
+  return {
+    now: NOW, asOf: NOW,
+    initiatives: [
+      blocked('console-3-boards', 'spec', { title: 'Console 3 Initiatives as Portfolio, Board and Initiative' }),
+      blocked('onboarding-scan', 'prototype', { title: 'Onboarding scan and map' }),
+      init('premium-ux', { lane: 'prototype', stage: 'accept', title: 'Premium UX concept — principles and design system' }),
+      init('idle-1', { last_activity: Math.floor(day(40) / 1000) }), init('idle-2', { last_activity: Math.floor(day(50) / 1000) }),
+      ...[1, 2, 3, 4, 5, 6, 7, 8].map((n) => init('up-' + n, { anchor: n % 2 ? 'health:tech' : 'health:ops' })),
+      init('f-1'), init('f-2'), init('f-3'), init('f-4'), init('f-5'),
+    ],
+    runs: runs(20, day(14), day(7) - 1, (i) => (i < 4 ? 1 : 0)).concat(runs(20, day(7), at(0, 0) - 1, (i) => (i < 2 ? 1 : 0))),
+    merges: [{ at: at(18, 0), title: 'One ranking for every Briefing list' }, { at: at(17, 38), title: 'Cut server lag: gzip, ETag, memoized delivery trunk' }, { at: at(15, 57), title: 'Browser suites never open the PM’s own Chrome' }],
+    evals: ['f-1', 'f-2', 'f-3', 'f-4', 'f-5'].map((id, i) => ({ initiative_id: id, verdict: 'FAIL', recorded_at: iso(day(71 + i * 1.5)) })),
+    meetings: [{ start: at(18, 30), end: at(19, 15), title: 'Design review', with: 'Lee, Priya', initiative: 'premium-ux' }, { start: at(14, 0), end: at(15, 0), title: 'Sprint planning', with: 'Dara, Priya, Sam', initiative: null }],
+    tripwires: [{ id: 'KC5', name: 'Evaluator leniency — κ stalls', date: '2026-09-30', decided: false }],
+    missing: [],
+  };
+}
+module.exports = { facts, NOW };

package/workspace/fixtures/initiative-premium-facts.js

@@ -0,0 +1,42 @@
+'use strict';
+/* fixtures/initiative-premium-facts.js — the facts lib/initiative-premium.js builds from, for one plausible initiative on 17 Oct 2026, 09:12 local.
+ * Shapes follow the routes of lib/routes-boards.js (initiative, items), lib/routes-initiatives.js (sheet) and lib/routes-core-docs.js (initiative level). */
+const NOW = new Date(2026, 9, 17, 9, 12).getTime();
+const WF = ['Discover', 'Ideate', 'Strategize', 'Prioritize', 'Plan', 'Build', 'Deliver', 'Monitor', 'Evaluate'].map((name, i) => ({ name, cat: ['Discover', 'Discover', 'Plan', 'Plan', 'Plan', 'Do', 'Do', 'Learn', 'Learn'][i] }));
+const ROW = { id: 'self-serve-v2', title: 'Self-serve onboarding v2', lane: 'feature', stage: 'Build', cat: 'Do', owner: 'Dara', anchor: 'q3-2026:o1:kr1', horizon: 'now', status: 'at risk', start: '2026-09-01', end: '2026-10-30', progress: 40, warnings: ['no recorded owner for the rubric'], stageSource: 'derived', workflow: WF };
+const SHEET = {
+  initiative: { id: 'self-serve-v2', health: { level: 'warn', reasons: ['the contract is not approved'] }, progress: { done: 2, total: 5, label: '2 of 5 · from self-serve-v2-prd.md' }, display: { word: 'Build', line2: 'The contract waits for you' } },
+  stepper: [{ id: 'intake', label: 'Intake', state: 'done', owed: null }, { id: 'spec', label: 'Spec', state: 'done', owed: null }, { id: 'contract', label: 'Contract', state: 'current', owed: 'Approve the contract' }, { id: 'build', label: 'Build', state: 'todo', owed: null }, { id: 'evaluate', label: 'Evaluate', state: 'todo', owed: null }],
+  waiting: { on: 'pm', act: 'contract', action: { label: 'Approve the contract', kind: 'accept' } },
+  files: [{ kind: 'prd', label: 'PRD', path: 'planning/prd/self-serve-v2-prd.md', source: 'record' }, { kind: 'record', label: 'Record', path: 'planning/initiatives/self-serve-v2.md', source: 'record' }],
+  derived: { source: 'planning/prd/self-serve-v2-prd.md', basis: 'no build is evidenced on the trunk yet', state: 'todo', items: [{ id: 'R1', ref: 'R1', title: 'A partner reaches a first call' }, { id: 'R2', ref: 'R2', title: 'The key is shown once' }, { id: 'R3', ref: 'R3', title: 'Errors say what to do' }] },
+};
+const ITEMS = [
+  { uid: 'ONB-12', key: 'ONB-12', kind: 'Story', src: 'jira', title: 'Sandbox key step', status: 'In progress', blocked: false, owner: null, ini: 'self-serve-v2', start: null, end: null },
+  { uid: 'ONB-13', key: 'ONB-13', kind: 'Task', src: 'jira', title: 'Checklist empty state', status: 'Done', blocked: false, owner: null, ini: 'self-serve-v2', start: null, end: null },
+  { uid: 't1', key: '', kind: 'Task', src: 'pmos', title: 'UAT with five partners', status: 'To do', blocked: false, owner: 'Dara', ini: 'self-serve-v2', start: '2026-10-20', end: '2026-10-27', ref: 't1' },
+  { uid: 'X-1', key: 'X-1', kind: 'Story', src: 'jira', title: 'Another initiative', status: 'To do', blocked: false, owner: null, ini: 'other', start: null, end: null },
+];
+const LADDER = { steps: [
+  { key: 'spec', label: 'spec', status: 'done', evidence: 'planning/prd/self-serve-v2-prd.md + planning/evals/self-serve-v2-eval-rubric.md — first-appeared at or before the first build commit', rule: null, basis: { rule: 'The PRD and rubric named in the record exist.' } },
+  { key: 'contract', label: 'contract', status: 'pending', evidence: '1 run(s) logged, none with pre_run_contract.PM_approved: true', rule: null, basis: { rule: 'A run holds done criteria and a test method with PM_approved set.' } },
+  { key: 'build', label: 'build', status: 'pending', evidence: 'no implementation commits in this range', rule: null, basis: { rule: 'Commits attributed to this initiative change a build path.' } },
+  { key: 'quality', label: 'quality', status: 'unknown', evidence: 'CI decides on the PR — this engine never claims a test result it did not run', rule: null, basis: { rule: 'CI decides.' } },
+  { key: 'review', label: 'review', status: 'na', evidence: 'no Review-Gate verdict — it runs on request', rule: null, basis: { rule: 'evals.jsonl holds a verdict.' } },
+  { key: 'accept', label: 'accept', status: 'pending', evidence: 'no acceptance record needed (D94)', rule: null, basis: { rule: 'acceptances.jsonl holds an accepted line.' } },
+  { key: 'route', label: 'route', status: 'done', evidence: 'feature lane', rule: null, basis: { rule: 'The lane is one this repository offers.' } },
+], next: { step: 'contract', why: 'run(s) logged, none with pre_run_contract.PM_approved: true', action: 'agree done_criteria + test_method with the PM and record it in planning/runs/agent-runs.jsonl' } };
+const doc = (key, title, o = {}) => Object.assign({ cat: 'Plan', key, title, ic: 'doc', for: 'What ' + title + ' is for.', by: 'drafts', kind: 'derived', st: 'missing', when: null, open: null, act: { label: 'Draft it', do: 'draft' }, running: false }, o);
+const DOCS = { scope: 'initiative:self-serve-v2', docs: [
+  doc('record', 'Initiative record', { st: 'ok', when: '2026-10-16', open: { path: 'planning/initiatives/self-serve-v2.md' }, act: null }),
+  doc('problem', 'Problem statement', { cat: 'Discover' }),
+  doc('research', 'Research notes', { cat: 'Discover' }),
+  doc('prd', 'PRD', { st: 'ok', when: '2026-10-17', open: { path: 'planning/prd/self-serve-v2-prd.md' }, act: null }),
+  doc('risks', 'Risks', { st: 'draft', act: { label: 'Review the draft', do: 'review' } }),
+  doc('launch', 'Launch checklist and comms', { running: true }),
+  doc('rubric', 'Eval rubric', { st: 'ok', when: '2026-10-16', open: { path: 'planning/evals/self-serve-v2-eval-rubric.md' }, act: null }),
+] };
+const BOARDS = [{ ws: 'w1', id: 'w1', name: 'Onboarding' }, { ws: 'w2', id: 'w2', name: 'Payments' }];
+const SIBLINGS = [{ id: 'self-serve-v2', title: 'Self-serve onboarding v2' }, { id: 'partner-rate-limits', title: 'Partner API rate limits' }, { id: 'usage-billing', title: 'Usage-based billing' }];
+const facts = (o = {}) => Object.assign({ now: NOW, board: { ws: 'w1', id: 'w1', name: 'Onboarding', workflow: WF }, row: ROW, sheet: SHEET, items: ITEMS, docs: DOCS, ladder: LADDER, boards: BOARDS, siblings: SIBLINGS, missing: [], pending: false }, o);
+module.exports = { LADDER, BOARDS, SIBLINGS, facts, NOW, WF, ROW, SHEET, ITEMS, DOCS };

package/workspace/fixtures/my-work-premium-facts.js

@@ -0,0 +1,31 @@
+'use strict';
+/* fixtures/my-work-premium-facts.js — the answer of GET /api/pm-items for a plausible day, shared by the unit and browser tests of the premium My work page.
+ * 16 Oct 2026, 18:05 local. Four in the inbox (one of them the PM's own capture, which waits in the tray), three due or flagged today (one overdue with an agent draft ready), two upcoming, two waiting, one someday. */
+const NOW = new Date(2026, 9, 16, 18, 5).getTime();
+const A = (state, extra) => ({ state, suggest: null, instruction: null, draft: null, sent: null, error: null, session: null, asks: null, revisions: 0, started_at: null, decided_at: null, log: null, ...extra });
+const it = (id, title, o = {}) => ({ id, title, due: null, priority: null, waiting_on: null, job: null, source: 'local', created_at: '2026-10-14T09:00:00.000Z', touched_at: '2026-10-14T09:00:00.000Z', steps: [], agent: A('suggest'), ...o });
+function view() {
+  const inbox = [
+    it('item-aaaaaaaaaaa1', 'Decide how partial refunds are handled', { source: 'jira', created_at: '2026-10-16T08:00:00.000Z', touched_at: '2026-10-16T08:00:00.000Z' }),
+    it('item-aaaaaaaaaaa2', 'Write acceptance criteria for partner rate limits', { source: 'jira', created_at: '2026-10-16T09:30:00.000Z', touched_at: '2026-10-16T09:30:00.000Z' }),
+    it('item-aaaaaaaaaaa3', 'Rina asks if the SSO beta can move to November', { source: 'slack', created_at: '2026-10-16T17:20:00.000Z', touched_at: '2026-10-16T17:20:00.000Z' }),
+    it('item-aaaaaaaaaaa4', 'Is the payment-step experiment worth another week?', { created_at: '2026-10-16T17:50:00.000Z', touched_at: '2026-10-16T17:50:00.000Z' }),
+  ];
+  const today = [
+    it('wbs:alpha:4.2', 'Sign off the fit-out contractor shortlist', { source: 'wbs', due: '2026-10-15', priority: 'P1', agent: A('ready', { draft: { summary: 'Shortlist sign-off', body: 'Two of the three quotes meet the brief. I would sign off A and B.' } }) }),
+    it('item-bbbbbbbbbbb2', 'Prepare for the Design review', { due: '2026-10-16' }),
+    it('item-bbbbbbbbbbb3', 'Send the revised roadmap to Finance', { flagged: true, agent: A('working') }),
+  ];
+  const upcoming = [
+    it('item-ccccccccccc1', 'Choose the win-back email subject line', { due: '2026-10-19' }),
+    it('item-ccccccccccc2', 'Outline the weekly partner digest', { due: '2026-11-02', agent: A('failed', { error: 'the run ended' }) }),
+  ];
+  const waiting = [
+    it('item-ddddddddddd1', 'Review the partner data-sharing clause', { waiting_on: 'Dara', waiting_since: '2026-10-08T09:00:00.000Z', touched_at: '2026-10-08T09:00:00.000Z' }),
+    it('item-ddddddddddd2', 'Send the funnel cut', { waiting_on: 'Priya', waiting_since: '2026-10-10T09:00:00.000Z', touched_at: '2026-10-10T09:00:00.000Z' }),
+  ];
+  const someday = [it('item-eeeeeeeeeee1', 'Rework the onboarding checklist', { parked: true })];
+  const review = [waiting[0], someday[0]].map((x) => ({ id: x.id }));
+  return { ok: true, today: '2026-10-16', lists: {}, jobs: [], items: [], work: { inbox, today, upcoming, waiting, someday }, review, review_days: 7, focus: {}, counts: { inbox: 4, today: 3, upcoming: 2, waiting: 2, someday: 1, review: 2 } };
+}
+module.exports = { NOW, view, it, A };