create-pmos 0.133.0 → 0.135.0

package/workspace/c3-ib-items-test.js

@@ -0,0 +1,105 @@
+#!/usr/bin/env node
+/* PMOS workspace — the Backlog, Board and Timeline tabs of a board on the console3 Initiatives page (mockup v5, 34-initiatives.js
+ * tabBacklog, tabBoard and tabTimeline), in demo mode (browser). Jira items and PMOS tasks are mixed: a PMOS task moves (drag or its
+ * menu) and reschedules (an arrow key on its bar, with Undo), a Jira item is locked and says so. The Initiative and Source filters
+ * are shared by the three tabs; a board with Build and deliver off has no Source filter. Backlog adds a PMOS task. The Timeline has
+ * zoom buttons, a Today line and release markers.
+ *
+ * The files it drives (named so `run-tests.js --changed` traces a change in any of them to this suite): public/pm/c3-ib-items.js,
+ * c3-ini-timeline.js, c3-ini-work.js, c3-ini-ui.js, c3-initiatives.js, c3-initiatives.css, c3-demo-boards.js, c3-demo.js, c3-toast.js
+ * and c3-ini-harness.js. Its list fragment is test-lists/c3-ib-items.json.
+ */
+'use strict';
+const { harness } = require('./c3-ini-harness');
+
+(async () => {
+  const H = await harness('c3-ib-items');
+  const { page, ok, until, st, open, toast } = H;
+  const task = (id) => st((x) => { const t = window.__c3boards.tasks.find((k) => k.id === x); return t ? { state: t.state, start: t.start, due: t.due } : null; }, id);
+  const colOf = (uid) => st((u) => { const c = document.querySelector('[data-ini-card="' + u + '"]'); return c ? c.closest('[data-ini-col]').dataset.iniCol : ''; }, uid);
+  const waitToast = (re) => until(async () => { const t = await toast(); return re.test(t) && t; });
+
+  /* ── Board ── */
+  await open('board:idpf:board');
+  await until(() => st(() => document.querySelectorAll('[data-ini-col]').length === 4));
+  const cols = await st(() => [...document.querySelectorAll('[data-ini-col]')].map((c) => c.dataset.iniCol).join(','));
+  ok('K1 the Board has one column per item status', cols === 'To do,In progress,In review,Done', cols);
+  const mix = await st(() => { const s = [...document.querySelectorAll('[data-ini-card]')].map((c) => c.dataset.src); return s.includes('jira') && s.includes('pmos'); });
+  ok('K2 Jira items and PMOS tasks share the columns', mix);
+  ok('K3 only a PMOS task has a Move menu', await st(() => !!document.querySelector('[data-ini-card="t-idpf-2"] [data-wk-move]') && !document.querySelector('[data-ini-card="IDPF-1201"] [data-wk-move]')));
+
+  await page.click('[data-wk-move="t-idpf-2"]');
+  await until(() => st(() => !!document.querySelector('[data-wk-state="In review"]')));
+  await page.click('[data-wk-state="In review"]');
+  await until(async () => (await task('t-idpf-2')).state === 'In review');
+  const t4 = await waitToast(/moved to In review/);
+  ok('K4 the menu moves a PMOS task, the store records it and the toast says so', !!t4 && await until(async () => (await colOf('t-idpf-2')) === 'In review'), t4);
+
+  // a real HTML5 drag: the card is scrolled to the middle first (at the bottom edge of the view the press lands on its neighbour), and
+  // it is pressed on its own padding (its centre is the title link) and dropped on the column header
+  const drag = async (uid, col) => {
+    await st((u) => document.querySelector('[data-ini-card="' + u + '"]').scrollIntoView({ block: 'center' }), uid);
+    await page.dragAndDrop('[data-ini-card="' + uid + '"]', '[data-ini-col="' + col + '"]', { sourcePosition: { x: 4, y: 20 }, targetPosition: { x: 30, y: 20 } });
+  };
+  await drag('t-idpf-4', 'Done');
+  await until(async () => (await task('t-idpf-4')).state === 'Done');
+  ok('K5 a drag to another column moves a PMOS task', (await task('t-idpf-4')).state === 'Done' && await until(async () => (await colOf('t-idpf-4')) === 'Done'));
+
+  await drag('IDPF-1201', 'In review');
+  const t6 = await waitToast(/IDPF-1201 is a Jira item/);
+  ok('K6 a Jira item dropped on a column stays put and the toast says it changes in Jira', !!t6 && (await colOf('IDPF-1201')) === 'To do', t6);
+
+  /* ── shared filters ── */
+  await page.click('[data-wk-ini="IDPF-21"]');
+  await until(() => st(() => document.querySelector('[data-wk-ini="IDPF-21"]').getAttribute('aria-pressed') === 'true'));
+  const only21 = await st(() => [...document.querySelectorAll('[data-ini-card]')].map((c) => c.dataset.iniCard).join(','));
+  ok('F1 the Initiative filter keeps that initiative\'s items', only21 === 't-idpf-3' || /^(t-idpf-3,?)+$/.test(only21) || (only21.length > 0 && await st(() => [...document.querySelectorAll('[data-ini-card] [data-ini-open]')].every((n) => n.dataset.iniOpen === 'IDPF-21'))), only21);
+  await page.click('[data-wk-ini=""]');
+  await page.click('[data-wk-src="pmos"]');
+  await until(() => st(() => document.querySelector('[data-wk-src="pmos"]').getAttribute('aria-pressed') === 'true'));
+  ok('F2 the Source filter keeps PMOS tasks only', await st(() => { const s = [...document.querySelectorAll('[data-ini-card]')].map((c) => c.dataset.src); return s.length > 0 && s.every((x) => x === 'pmos'); }));
+  await page.click('[data-ini-tab="backlog"]');
+  await until(() => st(() => !!document.querySelector('[data-wk-tab="backlog"]')));
+  ok('F3 the filters stay on when the tab changes to Backlog', await st(() => document.querySelector('[data-wk-src="pmos"]').getAttribute('aria-pressed') === 'true' && [...document.querySelectorAll('[data-ini-item]')].every((n) => n.dataset.src === 'pmos')));
+  await page.click('[data-wk="clear"]');
+  await until(() => st(() => document.querySelector('[data-wk-src=""]').getAttribute('aria-pressed') === 'true'));
+
+  /* ── Backlog: add a PMOS task ── */
+  const groups = await st(() => [...document.querySelectorAll('[data-wk-group]')].map((g) => g.dataset.wkGroup).join(','));
+  ok('B1 Backlog groups the items by initiative', groups.split(',').length >= 2, groups);
+  await page.fill('[data-wk="add-title"]', 'Write the beta FAQ');
+  await page.selectOption('[data-wk="add-ini"]', 'IDPF-12');
+  await page.click('[data-wk="add-go"]');
+  await until(() => st(() => window.__c3boards.tasks.some((t) => t.title === 'Write the beta FAQ' && t.initiative === 'IDPF-12')));
+  ok('B2 Add stores a PMOS task on the initiative and shows it in its group', await until(() => st(() => [...document.querySelectorAll('[data-wk-group="IDPF-12"] [data-ini-item]')].some((n) => /Write the beta FAQ/.test(n.textContent)))));
+
+  /* ── Timeline ── */
+  await page.click('[data-ini-tab="timeline"]');
+  await until(() => st(() => !!document.querySelector('[data-wk-tab="timeline"] [data-tldrag="t-idpf-1"]')));
+  ok('T1 the Timeline draws a Today line and the release markers', await st(() => !!document.querySelector('.ini-tlnow') && document.querySelectorAll('.ini-tlm.release').length > 0));
+  ok('T2 PMOS bars can be dragged and Jira bars carry a lock', await st(() => document.querySelectorAll('[data-tldrag]').length > 0 && document.querySelectorAll('[data-tllock]').length > 0));
+  const before = await task('t-idpf-1');
+  await page.focus('[data-tldrag="t-idpf-1"]');
+  await page.keyboard.press('ArrowRight');
+  await until(async () => (await task('t-idpf-1')).start !== before.start);
+  const after = await task('t-idpf-1');
+  const t3 = await waitToast(/Rescheduled/);
+  ok('T3 ArrowRight on a PMOS bar moves the task one day and the toast offers Undo', after.start > before.start && after.due > before.due && !!t3 && /Undo/.test(t3), JSON.stringify([before, after, t3]));
+  await page.click('[data-c3-toast] button:has-text("Undo")').catch(() => {});
+  await until(async () => (await task('t-idpf-1')).start === before.start);
+  ok('T4 Undo puts the dates back', (await task('t-idpf-1')).start === before.start);
+  await until(() => st(() => !!document.querySelector('[data-tllock="IDPF-1190"]')));
+  await page.focus('[data-tllock="IDPF-1190"]');
+  await page.keyboard.press('ArrowRight');
+  const t5 = await waitToast(/IDPF-1190 is a Jira item/);
+  ok('T5 an arrow key on a Jira bar is refused with the locked toast', !!t5, t5);
+  await page.click('[data-tlzoom="week"]');
+  ok('T6 the zoom buttons change the day width', await until(() => st(() => document.querySelector('[data-tlzoom="week"]').getAttribute('aria-pressed') === 'true' && getComputedStyle(document.querySelector('.ini-tl')).getPropertyValue('--in-pd').trim() !== '6')));
+
+  /* ── a board with Build and deliver off ── */
+  await open('board:office:backlog');
+  await until(() => st(() => !!document.querySelector('[data-wk-tab="backlog"]')));
+  ok('O1 with Build and deliver off there is no Source filter and the note says why', await st(() => !document.querySelector('[data-wk="srcs"]') && /Build and deliver is off/.test(document.querySelector('[data-wk="no-jira"]').textContent)));
+  ok('O2 every item there is a PMOS task', await st(() => { const s = [...document.querySelectorAll('[data-ini-item]')].map((n) => n.dataset.src); return s.length > 0 && s.every((x) => x === 'pmos'); }));
+  await H.finish();
+})();

package/workspace/c3-ib-more-test.js

@@ -0,0 +1,120 @@
+#!/usr/bin/env node
+/* PMOS workspace — the Releases, Docs and Sprints tabs of a board, the six tabs of an initiative, and the stage records on an
+ * initiative's Overview (problem statement, RICE, launch checklist, kill conditions, learnings, sprint burndown) on the console3
+ * Initiatives page (mockup v5, 34-initiatives.js), in demo mode (browser). c3-demo-boards.js answers /api/boards and /api/stage-tools
+ * with the shapes of the stage-records route contract ("As built"); when the routes answer 404 (they are not on this server yet) the
+ * record cards say so quietly.
+ *
+ * The files it drives (named so `run-tests.js --changed` traces a change in any of them to this suite): public/pm/c3-ib-releases.js,
+ * c3-ib-docs.js, c3-ib-sprints.js, c3-ii-tabs.js, c3-ini-records.js, c3-ini-work.js, c3-ini-timeline.js, c3-initiatives.js,
+ * c3-initiatives.css, c3-demo-boards.js, c3-demo.js, c3-toast.js and c3-ini-harness.js. Its list fragment is test-lists/c3-ib-more.json.
+ */
+'use strict';
+const { harness } = require('./c3-ini-harness');
+
+(async () => {
+  const H = await harness('c3-ib-more');
+  const { page, ok, until, st, open, toast } = H;
+  const rec = (id, tool) => st(([i, t]) => { const r = (window.__c3boards.records[i] || {})[t]; return r ? r.data : null; }, [id, tool]);
+  const waitToast = (re) => until(async () => { const t = await toast(); return re.test(t) && t; });
+  const text = (sel) => st((s) => { const n = document.querySelector(s); return n ? n.textContent : ''; }, sel);
+
+  /* ── Releases ── */
+  await open('board:idpf:releases');
+  await until(() => st(() => !!document.querySelector('[data-inb="release-next"]')));
+  const when = await st(() => [...document.querySelectorAll('[data-inb-release]')].map((n) => n.dataset.inbRelease + ':' + n.dataset.inbWhen).join(','));
+  ok('R1 Releases shows the next release first, then a later one and the past ones', /^rel-idpf-31:next,rel-idpf-32:later,rel-idpf-30:past$/.test(when), when);
+  ok('R2 each release lists its scope initiatives as links', await st(() => !!document.querySelector('[data-inb-release="rel-idpf-31"] [data-inb-scope="IDPF-12"]')));
+  await page.click('[data-inb-release="rel-idpf-31"] [data-inb-scope="IDPF-12"]').catch(async () => { await page.click('[data-inb-release="rel-idpf-31"] .tt'); await page.click('[data-inb-release="rel-idpf-31"] [data-inb-scope="IDPF-12"]'); });
+  ok('R3 a scope link opens the initiative', await until(() => st(() => /ini:idpf:IDPF-12/.test(decodeURIComponent(location.search)))));
+
+  /* ── Docs ── */
+  await open('board:idpf:docs');
+  await until(() => st(() => !!document.querySelector('[data-inb="docs-list"]')));
+  const grps = await st(() => [...document.querySelectorAll('[data-inb-docgrp]')].map((n) => n.dataset.inbDocgrp).join(','));
+  ok('D1 Docs groups the documents by initiative', grps === 'IDPF-12,IDPF-21', grps);
+  await page.fill('[data-inb="docs-search"]', 'rubric');
+  ok('D2 the search keeps the matching documents', await until(() => st(() => { const r = [...document.querySelectorAll('[data-inb-docrow]')].map((n) => n.dataset.inbDocrow); return r.length === 1 && r[0] === 'planning/ib/idpf-12-rubric.md'; })));
+  await page.fill('[data-inb="docs-search"]', 'zzz-nothing');
+  ok('D3 no match says so', await until(() => st(() => !!document.querySelector('[data-inb="docs-none"]'))));
+
+  /* ── Sprints, with the burndown card ── */
+  await open('board:idpf:sprints');
+  await until(() => st(() => !!document.querySelector('[data-inb="sprints-source"]')));
+  ok('SP1 Sprints says it is mirrored from Jira, read-only', /Mirrored from Jira, read-only/.test(await text('[data-inb="sprints-source"]')));
+  ok('SP2 the active sprint is drawn with its counts; future and closed sprints are listed', await st(() => !!document.querySelector('[data-inb-state="active"]') && !!document.querySelector('[data-inb-state="future"]') && !!document.querySelector('[data-inb-state="closed"]') && /Items12/.test(document.querySelector('[data-inb="sprint-counts"]').textContent)));
+  ok('SP3 the sprint burndown card draws the ideal and actual lines', await until(() => st(() => !!document.querySelector('[data-ini-tool-card="burndown"] svg.ini-burn path.ideal') && !!document.querySelector('[data-ini-tool-card="burndown"] svg.ini-burn path.act'))));
+
+  /* ── an initiative's six tabs ── */
+  await open('ini:idpf:IDPF-12:overview');
+  const itabs = await st(() => [...document.querySelectorAll('[data-ini="ini-tabs"] [data-ini-tab]')].map((n) => n.dataset.iniTab).join(','));
+  ok('IT1 an initiative has six tabs', itabs === 'overview,breakdown,docs,tickets,timeline,history', itabs);
+  const cards = await until(() => st(() => [...document.querySelectorAll('[data-ini-tool-card]')].map((n) => n.dataset.iniToolCard).join(',')));
+  ok('IT2 Overview of a Do initiative carries the launch checklist and the sprint burndown', /launch/.test(cards) && /burndown/.test(cards), cards);
+  ok('IT3 Overview links the board\'s Backlog, Board and Timeline', (await st(() => [...document.querySelectorAll('[data-ini-boardlink]')].map((n) => n.dataset.iniBoardlink).join(','))) === 'backlog,board,timeline');
+  await page.click('[data-ini="ini-tabs"] [data-ini-tab="breakdown"]');
+  ok('IT4 Breakdown lists the epics and items', await until(() => st(() => document.querySelectorAll('[data-ini="breakdown"] [data-ini-item]').length > 0)));
+  await page.fill('[data-wk="add-title"]', 'Draft the rollback runbook');
+  await page.click('[data-wk="add-go"]');
+  ok('IT5 Breakdown adds a PMOS task to the initiative', await until(() => st(() => window.__c3boards.tasks.some((t) => t.title === 'Draft the rollback runbook' && t.initiative === 'IDPF-12'))));
+  await page.click('[data-ini="ini-tabs"] [data-ini-tab="docs"]');
+  ok('IT6 Docs lists the initiative\'s documents', await until(() => st(() => document.querySelectorAll('[data-inb-docrow]').length === 3)));
+  await page.click('[data-ini="ini-tabs"] [data-ini-tab="tickets"]');
+  ok('IT7 Tickets lists the linked Jira items', await until(() => st(() => { const r = [...document.querySelectorAll('[data-ini="tickets"] [data-ini-item]')]; return r.length > 0 && r.every((n) => n.dataset.src === 'jira'); })));
+  await page.click('[data-ini="ini-tabs"] [data-ini-tab="timeline"]');
+  ok('IT8 Timeline draws the epic and item bars', await until(() => st(() => document.querySelectorAll('.ini-tl [data-tlb]').length > 0)));
+  await page.click('[data-ini="ini-tabs"] [data-ini-tab="history"]');
+  ok('IT9 History lists the recorded moves', await until(() => st(() => !!document.querySelector('[data-inb="hist-list"]'))));
+  await open('ini:idpf:IDPF-07:docs');
+  ok('IT10 an initiative with no documents says so', await until(() => st(() => !!document.querySelector('[data-inb="docs-empty"]'))));
+  await open('ini:idpf:IDPF-21:tickets');
+  ok('IT11 an initiative with no Jira items says so', await until(() => st(() => !!document.querySelector('[data-inb="tk-empty"]'))));
+
+  /* ── stage records ── */
+  // problem statement (Discover)
+  await open('ini:idpf:IDPF-21:overview');
+  await until(() => st(() => !!document.querySelector('[data-rec-field="problem"]')));
+  await page.fill('[data-rec-field="problem"]', 'Large API users cannot forecast spend under a flat fee.');
+  await page.click('[data-rec-save="problem"]');
+  await until(async () => ((await rec('IDPF-21', 'problem')) || {}).text === 'Large API users cannot forecast spend under a flat fee.');
+  ok('RC1 Save stores the problem statement and the toast says so', !!(await waitToast(/Problem statement saved/)));
+
+  // RICE (Plan): live score and rank among the board's scored initiatives
+  await open('ini:idpf:IDPF-07:overview');
+  await until(() => st(() => /Ranks/.test((document.querySelector('[data-rec="rice-rank"]') || {}).textContent || '')));
+  ok('RC2 RICE shows the score and its rank on the board', (await text('[data-rec="rice-score"]')) === '420' && /Ranks 2 of 2/.test(await text('[data-rec="rice-rank"]')), await text('[data-rec="rice-rank"]'));
+  await page.fill('[data-rec-rice="reach"]', '1200');
+  ok('RC3 the score follows the inputs as they are typed', await until(async () => (await text('[data-rec="rice-score"]')) === '840'), await text('[data-rec="rice-score"]'));
+  await page.click('[data-rec-save="rice"]');
+  await until(async () => ((await rec('IDPF-07', 'rice')) || {}).reach === 1200);
+  ok('RC4 Save stores RICE, and the rank is read again', !!(await waitToast(/RICE saved: score 840/)) && await until(async () => /Ranks 1 of 2/.test(await text('[data-rec="rice-rank"]'))), await text('[data-rec="rice-rank"]'));
+
+  // launch checklist (Do), kill conditions and learnings (picked from More tools)
+  await open('ini:idpf:IDPF-12:overview:kill');
+  await until(() => st(() => document.querySelectorAll('[data-rec-check]').length === 4));
+  ok('RC5 a picked tool from another stage is drawn first', (await st(() => document.querySelector('[data-ini-tool-card]').dataset.iniToolCard)) === 'kill');
+  await page.click('[data-rec-check="1"]');
+  ok('RC6 a launch check is stored', await until(async () => { const d = await rec('IDPF-12', 'launch'); return d && d.items[1].done === true; }));
+  await page.click('[data-rec-kill="0"] [data-rec-killst="tripped"]');
+  await until(async () => { const d = await rec('IDPF-12', 'kill'); return d && d.items[0].status === 'tripped'; });
+  ok('RC7 a kill condition set to Tripped is stored and the toast asks for a decision', !!(await waitToast(/Kill condition tripped/)) && await until(() => st(() => document.querySelector('[data-rec-kill="0"] [data-rec-killst="tripped"]').getAttribute('aria-pressed') === 'true')));
+  await open('ini:idpf:IDPF-12:overview:learnings');
+  await until(() => st(() => !!document.querySelector('[data-rec-add="learnings"]')));
+  await page.fill('[data-rec-add="learnings"]', 'Brief Support a week before a beta, not a day.');
+  await page.click('[data-rec-addgo="learnings"]');
+  ok('RC8 a learning is added and listed', await until(async () => { const d = await rec('IDPF-12', 'learnings'); return d && d.items.some((x) => /Brief Support a week/.test(x.text)); }) && await until(() => st(() => [...document.querySelectorAll('[data-rec-learning]')].some((n) => /Brief Support a week/.test(n.textContent)))));
+
+  // the routes are not on this server: 404 -> the cards say so quietly (no reload: the fetch wrapper lives in the page)
+  await st(() => { const prev = window.fetch; window.fetch = (input, init) => (/\/api\/stage-tools\//.test(String((input && input.url) || input)) ? Promise.resolve(new Response('{"ok":false,"error":"Not found"}', { status: 404, headers: { 'content-type': 'application/json' } })) : prev(input, init)); });
+  await page.click('[data-ini="ini-tabs"] [data-ini-tab="docs"]');
+  await until(() => st(() => !document.querySelector('[data-ini-tool-card]')));
+  await page.click('[data-ini="ini-tabs"] [data-ini-tab="overview"]');
+  await until(() => st(() => document.querySelectorAll('[data-rec="quiet"]').length >= 2));
+  const quiet = await st(() => [...document.querySelectorAll('[data-rec="quiet"]')].map((n) => n.textContent).join(' | '));
+  ok('RC9 on a 404 the record cards say "Nothing recorded yet" and "No sprint burndown yet", with no alert', /Nothing recorded yet/.test(quiet) && /No sprint burndown yet/.test(quiet) && await st(() => !document.querySelector('[data-ini-tool-card] [role="alert"]')), quiet);
+
+  // a project initiative on a board with Build and deliver off: the project workflow's records, and no sprint burndown
+  await open('ini:office:OFF-01:overview');
+  ok('RC10 a project initiative carries its launch checklist and learnings', await until(() => st(() => { const c = [...document.querySelectorAll('[data-ini-tool-card]')].map((n) => n.dataset.iniToolCard); return c.includes('launch') && !c.includes('burndown'); })));
+  await H.finish();
+})();

package/workspace/c3-ib-triage-backlog-test.js

@@ -0,0 +1,119 @@
+#!/usr/bin/env node
+/* PMOS workspace — the Triage and Initiatives tabs of a board on the console3 Initiatives page (mockup v5, 34-initiatives.js tabTriage and
+ * tabInitiatives), in demo mode (browser). Triage: add an ask and see its intake draft, Accept (the anchor is required; the initiative
+ * starts on the board's default workflow), Ask for more, Decline with a reason. Initiatives: the saved views, the category, status and
+ * owner filters (comma lists for "At risk or late"), sort with its direction, the numbered pager, the Move menu, and that every answer
+ * is the server's page of 25.
+ *
+ * The files it drives (named so `run-tests.js --changed` traces a change in any of them to this suite): public/pm/c3-ib-triage.js,
+ * c3-ib-initiatives.js, c3-initiatives.js, c3-initiatives.css, c3-ini-ui.js, c3-ini-work.js, c3-demo-boards.js, c3-demo.js, c3-sheet.js,
+ * c3-toast.js and c3-ini-harness.js. Its list fragment is test-lists/c3-ib-triage-backlog.json.
+ */
+'use strict';
+const { harness } = require('./c3-ini-harness');
+
+(async () => {
+  const H = await harness('c3-ib-triage-backlog');
+  const { page, ok, until, st, open, toast } = H;
+  const store = (f, a) => st(f, a);
+
+  /* ── Triage ── */
+  await open('board:idpf:triage');
+  const asks = await until(() => st(() => [...document.querySelectorAll('[data-ibt="asks"] [data-ibt-ask]')].map((n) => n.dataset.ibtAsk).join(',')));
+  ok('T1 the open asks of the board, newest first', asks === 'ask-1,ask-3', asks);
+  ok('T2 an ask that was asked for more says so', await st(() => !!document.querySelector('[data-ibt-ask="ask-3"] [data-ibt="need-more"]')));
+  const intro = await st(() => document.querySelector('[data-ibt="intro"]').textContent);
+  ok('T3 the intro names the default workflow and its first stage', /Product, in Discover/.test(intro), intro);
+  await page.fill('[data-ibt="line"]', 'Audit log export to S3 for enterprise admins');
+  await page.click('[data-ibt="add"]');
+  const added = await until(() => st(() => { const r = document.querySelector('[data-ibt="asks"] [data-ibt-ask]'); return r && /Audit log export/.test(r.textContent) && r.dataset.ibtAsk; }));
+  ok('T4 Add puts the ask on top and opens it on its intake draft', !!added && await until(() => st((id) => { const r = document.querySelector('[data-ibt-ask="' + id + '"]'); return r && !!r.querySelector('.xp.open [data-ibt-accept]'); }, added)), String(added));
+
+  await page.click('[data-ibt-ask="ask-1"] .tt');
+  await until(() => st(() => !!document.querySelector('[data-ibt-ask="ask-1"] .xp.open [data-ibt="draft"]')));
+  const draft = await st(() => document.querySelector('[data-ibt-ask="ask-1"] [data-ibt="draft"]').textContent);
+  ok('T5 an ask opens in place on its draft: lane guess, anchor and a prior rejection', /feature, 72% sure/.test(draft) && /KR 2\.1/.test(draft) && /Rejected before: IDPF-5/.test(draft), draft);
+  await page.click('[data-ibt-more="ask-1"]');
+  await page.fill('[data-ibt="f-more"]', 'Which trials need SSO first?');
+  await page.click('[data-ibt="more-go"]');
+  await until(() => store(() => window.__c3boards.asks.find((a) => a.id === 'ask-1').needMore === true));
+  ok('T6 Ask for more records the question; the ask stays open', await store(() => { const a = window.__c3boards.asks.find((x) => x.id === 'ask-1'); return a.state === 'open' && a.moreNote === 'Which trials need SSO first?'; }) && /prompted for more detail/.test(await toast()));
+
+  await page.click('[data-ibt-ask="ask-1"] .tt').catch(() => {});
+  await until(() => st(() => !!document.querySelector('[data-ibt-ask="ask-1"] .xp.open [data-ibt-accept]')));
+  await page.click('[data-ibt-accept="ask-1"]');
+  await until(() => st(() => !!document.querySelector('[data-ibt="accept-form"]')));
+  await page.fill('[data-ibt="f-anchor"]', '');
+  ok('T7 Accept needs an anchor: with none the button is off and the sheet says why', await st(() => document.querySelector('[data-ibt="accept-go"]').disabled && /needs an anchor/.test(document.querySelector('[data-ibt="anchor-why"]').textContent)));
+  await page.fill('[data-ibt="f-anchor"]', 'KR 2.1 Activation to 45%');
+  await page.click('[data-ibt="accept-go"]');
+  await until(() => store(() => window.__c3boards.asks.find((a) => a.id === 'ask-1').state === 'accepted'));
+  const t8 = await until(async () => { const t = await toast(); return /Accepted as/.test(t) && t; });
+  ok('T8 Accept starts an initiative with the default workflow, and the toast opens it', /Accepted as \S+ in Discover, with the Product workflow/.test(t8 || ''), t8);
+
+  // no reload: the demo store lives in the page, and ask-1 must stay accepted
+  await until(() => st(() => !!document.querySelector('[data-ibt="closed"] [data-ibt-ask="ask-1"]') && !!document.querySelector('[data-ibt="asks"] [data-ibt-ask="ask-3"]')));
+  await page.click('[data-ibt-ask="ask-3"] .tt');
+  await until(() => st(() => !!document.querySelector('[data-ibt-ask="ask-3"] .xp.open [data-ibt-decline]')));
+  await page.click('[data-ibt-decline="ask-3"]');
+  ok('T9 Decline needs a reason', await until(() => st(() => document.querySelector('[data-ibt="decline-go"]') && document.querySelector('[data-ibt="decline-go"]').disabled)));
+  await page.fill('[data-ibt="f-why"]', 'Partner X moves to the new webhook service in Q1');
+  await page.click('[data-ibt="decline-go"]');
+  await until(() => store(() => window.__c3boards.asks.find((a) => a.id === 'ask-3').state === 'declined'));
+  await until(() => st(() => !!document.querySelector('[data-ibt="closed"] [data-ibt-ask="ask-3"]')));
+  ok('T10 the declined ask moves to Decided, with the accepted one', await st(() => !!document.querySelector('[data-ibt="closed"] [data-ibt-ask="ask-1"][data-state="accepted"]') && !!document.querySelector('[data-ibt="closed"] [data-ibt-ask="ask-3"][data-state="declined"]')));
+
+  /* ── Initiatives ── */
+  await open('board:idpf:initiatives');
+  const ready = () => until(() => st(() => document.querySelector('[data-ini-panel="initiatives"]') && document.querySelector('[data-ini-panel="initiatives"]').dataset.ibbState === 'ready'));
+  const rows = () => st(() => [...document.querySelectorAll('[data-ibb="rows"] [data-ibb-row]')].map((r) => r.dataset.ibbRow));
+  const seq = () => st(() => Number(document.querySelector('[data-ini-panel="initiatives"]').dataset.ibbSeq));
+  const after = async (s0) => { await until(async () => (await seq()) > s0 && (await st(() => document.querySelector('[data-ini-panel="initiatives"]').dataset.ibbState)) === 'ready'); };
+  await ready();
+  const count0 = await st(() => document.querySelector('[data-ibb="count"]').textContent);
+  ok('L1 the tab opens on Now and next, 25 rows a page', (await rows()).length === 25 && /Now and next/.test(count0) && await st(() => document.querySelector('[data-ibb-view="now"]').getAttribute('aria-pressed') === 'true'), count0);
+  const r0 = await st(() => document.querySelector('[data-ibb-row]').textContent);
+  ok('L2 a row shows its workflow template, its stage dots, status, owner, progress and dates', /Product|Quick fix|Research only/.test(r0) && await st(() => !!document.querySelector('[data-ibb-row] .ini-steps') && !!document.querySelector('[data-ibb-row] .ini-mini')), r0.slice(0, 200));
+  let s0 = await seq();
+  await page.selectOption('[data-ibb-filter="status"]', 'at risk,late');
+  await after(s0);
+  const st1 = await st(() => [...document.querySelectorAll('[data-ibb-row]')].every((r) => /At risk|Late/.test(r.textContent)));
+  ok('L3 "At risk or late" is a comma list the server reads as any of', st1 && (await rows()).length > 0);
+  s0 = await seq();
+  await page.click('[data-ibb-view="all"]');
+  await after(s0);
+  s0 = await seq();
+  await page.selectOption('[data-ibb-filter="cat"]', 'Learn');
+  await after(s0);
+  const learn = await st(() => [...document.querySelectorAll('[data-ibb-row]')].map((r) => r.dataset.cat));
+  ok('L4 the Category filter keeps one category, whatever each initiative\'s workflow calls its stage', learn.length > 0 && learn.every((c) => c === 'Learn'), learn.join(','));
+  s0 = await seq();
+  await page.click('[data-ibb="clear"]');
+  await after(s0);
+  const pager = await st(() => [...document.querySelectorAll('[data-ibb-page]')].map((b) => b.dataset.ibbPage).join(','));
+  ok('L5 All has the numbered pager (123 initiatives, 5 pages)', /^1,2,.*5$/.test(pager) && /123 initiatives/.test(await st(() => document.querySelector('[data-ibb="count"]').textContent)), pager);
+  s0 = await seq();
+  await page.click('[data-ibb-page="5"]');
+  await after(s0);
+  ok('L6 a page number reads that page from the server', (await rows()).length === 23 && /101–123 of 123/.test(await st(() => document.querySelector('[data-ibb="pager"]').textContent)));
+  s0 = await seq();
+  await page.selectOption('[data-ibb="sort"]', 'title');
+  await after(s0);
+  const t1 = await st(() => [...document.querySelectorAll('[data-ibb-row] .tt')].map((n) => n.textContent));
+  s0 = await seq();
+  await page.click('[data-ibb="dir"]');
+  await after(s0);
+  const t2 = await st(() => [...document.querySelectorAll('[data-ibb-row] .tt')].map((n) => n.textContent));
+  ok('L7 Sort by title, then the direction button flips it', t1[0].localeCompare(t1[1]) <= 0 && t2[0].localeCompare(t2[1]) >= 0 && t1[0] !== t2[0], t1[0] + ' / ' + t2[0]);
+
+  await page.fill('[data-ibb="q"]', 'IDPF-07');
+  await until(async () => (await rows()).join() === 'IDPF-07');
+  await page.click('[data-ibb-move="IDPF-07"]');
+  await until(() => st(() => !!document.querySelector('[data-ini="menu"] [data-ini-moveto]')));
+  const opts = await st(() => [...document.querySelectorAll('[data-ini-moveto]')].map((b) => b.dataset.iniMoveto).join(','));
+  ok('L8 Move lists the stages of the initiative\'s own workflow', opts === 'Discover,Plan,Build & Deliver,Monitor & Evaluate', opts);
+  await page.click('[data-ini-moveto="Discover"]');
+  await until(() => store(() => window.__c3boards.rows.find((r) => r.id === 'IDPF-07').stage === 'Discover'));
+  ok('L9 a pick moves it and the toast confirms', /IDPF-07 moved to Discover/.test(await toast()), await toast());
+  await H.finish();
+})();

package/workspace/c3-ini-harness.js

@@ -0,0 +1,66 @@
+/* c3-ini-harness.js — what the four console3 Initiatives browser suites share (c3-initiatives-test.js, c3-ib-triage-backlog-test.js,
+ * c3-ib-items-test.js, c3-ib-more-test.js): a workspace server on the suite's own port, a Chromium page in demo mode (?demo=1, so
+ * c3-demo-boards.js answers every /api/boards and /api/stage-tools call and nothing is written), and the small helpers the suites
+ * assert with. Not a suite: it asserts nothing itself.
+ *
+ *   const H = await harness('name', { width })   -> { page, ok, until, st, open(loc), toast(), sheet(), clickText(sel, text), shot(name), finish() }
+ *   open('board:idpf:board') goes to /c3.html?demo=1&tab=init&init=<loc> and waits for the page to draw.
+ *   finish() asserts that no page error was thrown, closes everything and exits 1 when any assertion failed.
+ * A suite whose machine has no Chromium (or no playwright-core) prints that it was skipped and exits 0, as the other browser suites do. */
+'use strict';
+const { spawn } = require('child_process');
+const path = require('path');
+const { findBrowser } = require('./lib/find-browser');
+
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+async function until(fn, ms = 12000, 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); }
+}
+
+async function harness(name, opts = {}) {
+  const T = require('./test-run').configure({ name });
+  const BASE = `http://127.0.0.1:${T.PORT}`;
+  const results = [];
+  let srv = null; let browser = null;
+  const ok = (n, cond, extra = '') => { results.push({ n, cond: !!cond }); console.log(`${cond ? '✓' : '✗'} ${n}${extra !== '' && !cond ? ' — ' + String(extra).slice(0, 400) : ''}`); };
+  const close = async (code) => {
+    if (browser) await browser.close().catch(() => {});
+    if (srv) srv.kill('SIGKILL');
+    T.killTmux();
+    const bad = results.filter((x) => !x.cond).length;
+    if (code === undefined) console.log(`\n${results.length - bad}/${results.length} ${name} assertions passed`);
+    process.exit(code !== undefined ? code : (bad ? 1 : 0));
+  };
+  process.on('unhandledRejection', (e) => { console.error(e); close(1); });
+  const exe = findBrowser();
+  if (!exe) { console.log('· no Chrome/Chromium on this machine — ' + name + ' suite skipped'); process.exit(0); }
+  let chromium;
+  try { ({ chromium } = require('playwright-core')); } catch { console.log('· playwright-core not installed — ' + name + ' suite skipped'); process.exit(0); }
+
+  srv = spawn(process.execPath, ['server.js'], { cwd: __dirname, env: T.env({ PMOS_WS_PORT: String(T.PORT) }) });
+  srv.stderr.on('data', () => {}); srv.stdout.on('data', () => {});
+  await T.waitForServer(BASE);
+  browser = await chromium.launch({ executablePath: exe });
+  const ctx = await browser.newContext({ viewport: { width: opts.width || 1280, height: 900 } });
+  const page = await ctx.newPage();
+  const errors = [];
+  page.on('pageerror', (e) => errors.push(String((e && e.message) || e)));
+  const st = (f, a) => page.evaluate(f, a);
+  const open = async (loc, extra) => {
+    await page.goto(BASE + '/c3.html?demo=1&tab=init' + (loc ? '&init=' + encodeURIComponent(loc) : '') + (extra || ''), { waitUntil: 'load' });
+    await until(() => st(() => { const p = document.querySelector('[data-ini="page"]'); return !!p && !p.querySelector('[data-ini="status"]') && p.children.length > 1; }));
+    await sleep(150);
+  };
+  const toast = () => st(() => [...document.querySelectorAll('[data-c3-toast]')].map((t) => t.textContent).join(' | '));
+  const sheet = () => page.$('[data-shell="sheet"] [role="dialog"]');
+  const clickText = async (sel, text) => {
+    const h = await page.evaluateHandle(([s, t]) => [...document.querySelectorAll(s)].find((n) => n.textContent.includes(t)) || null, [sel, text]);
+    const e = h.asElement(); if (!e) return false; await e.click(); return true;
+  };
+  const shot = async (n) => { if (process.env.C3_SHOTS) await page.screenshot({ path: path.join(process.env.C3_SHOTS, name + '-' + n + '.png'), fullPage: true }).catch(() => {}); };
+  const finish = async () => { ok('no page error was thrown', errors.length === 0, errors.join(' | ')); await close(); };
+  return { page, ok, until, sleep, st, open, toast, sheet, clickText, shot, finish, BASE, errors };
+}
+
+module.exports = { harness, until, sleep };

package/workspace/c3-initiatives-test.js

@@ -0,0 +1,140 @@
+#!/usr/bin/env node
+/* PMOS workspace — the console3 Initiatives page (/c3.html, mockup v5; PRD planning/prd/console3-initiatives-parity-prd.md), its shell:
+ * Portfolio, a board's frame and setup, the board settings, New board, New initiative, an initiative's header, stepper and workflow
+ * editor. DEMO mode (?demo=1): c3-demo-boards.js answers every /api/boards read and write from its in-memory fixture, so the server only
+ * serves the page. Nothing here writes a repository.
+ *
+ * The files it drives (named so `run-tests.js --changed` traces a change in any of them to this suite): public/pm/c3-initiatives.js,
+ * c3-initiatives.css, c3-ini-ui.js, c3-ini-work.js, c3-ini-timeline.js, c3-ini-records.js, c3-demo-boards.js, c3-demo.js, c3-shell.js,
+ * c3-sheet.js, c3-toast.js, c3-ib-initiatives.js, c3-ii-tabs.js and c3-ini-harness.js. Its list fragment is test-lists/c3-initiative-boards.json.
+ */
+'use strict';
+const { harness } = require('./c3-ini-harness');
+
+(async () => {
+  const H = await harness('c3-initiatives');
+  const { page, ok, until, st, open, toast } = H;
+  const store = (f) => st(f);
+
+  /* ── Portfolio ── */
+  await open('');
+  const ids = await until(() => st(() => [...document.querySelectorAll('[data-ini="boards"] [data-ini-board]')].map((r) => r.dataset.iniBoard).join(',')));
+  ok('N1 the Portfolio lists the 5 boards in order', ids === 'idpf,pay,growth,office,hiring', ids);
+  const pf = await st(() => document.querySelector('[data-ini="portfolio"]').closest('[data-ini="page"]').textContent);
+  ok('N2 the header counts boards, initiatives and new asks; the sentence names the boards off track', /5 boards/.test(pf) && /312 initiatives/.test(pf) && /4 new asks/.test(pf) && /1 board is off track/.test(pf), pf.slice(0, 300));
+  const idpfRow = await st(() => document.querySelector('[data-ini-board="idpf"]').textContent);
+  ok('N3 a board row shows health, owner, Build and deliver with its Jira key, the four categories and the next release',
+    /Needs attention/.test(idpfRow) && /Build and deliver/.test(idpfRow) && /Jira · IDPF/.test(idpfRow) && /Discover\s*28/.test(idpfRow) && /Learn\s*31/.test(idpfRow) && /IDPF 3\.1/.test(idpfRow), idpfRow.slice(0, 300));
+  const offRow = await st(() => document.querySelector('[data-ini-board="office"]').textContent);
+  ok('N4 a board with Build and deliver off says PMOS tasks only', /PMOS tasks only/.test(offRow) && !/Jira/.test(offRow), offRow.slice(0, 200));
+  const tl = await until(() => st(() => { const t = document.querySelector('[data-ini="pf-timeline"] .ini-tl'); return t && t.querySelectorAll('[data-tlb]').length; }));
+  ok('N5 the timeline across boards draws board > initiative > epic bars with a Today line', tl > 10 && await st(() => !!document.querySelector('[data-ini="pf-timeline"] .ini-tlnow')), String(tl));
+  const asks = await st(() => [...document.querySelectorAll('[data-ini-asks]')].map((n) => n.dataset.iniAsks));
+  ok('N6 the asks card links each board with new asks to its Triage', asks.includes('idpf') && asks.includes('pay') && asks.includes('office'), asks.join(','));
+
+  /* ── a board ── */
+  await page.click('[data-ini-open-board="idpf"]');
+  await until(() => st(() => !!document.querySelector('[data-ini-board-page="idpf"] [data-ini="board-tabs"]')));
+  const tabs = await st(() => [...document.querySelectorAll('[data-ini="board-tabs"] [data-ini-tab]')].map((b) => b.dataset.iniTab).join(','));
+  ok('B1 a Build and deliver board has the nine tabs, Summary first', tabs === 'summary,initiatives,triage,backlog,board,timeline,releases,docs,sprints', tabs);
+  ok('B2 the URL keeps the place: init=board:idpf:summary', (await st(() => new URLSearchParams(location.search).get('init'))) === 'board:idpf:summary');
+  const setup = await st(() => document.querySelector('[data-ini="setup"]').textContent);
+  ok('B3 the setup chips say Build and deliver on, the Jira project and the default workflow', /Build and deliver on/.test(setup) && /IDPF/.test(setup) && /start with Product/.test(setup), setup);
+  const glance = await until(() => st(() => document.querySelectorAll('[data-ini="glance"] [data-ini-row]').length));
+  ok('B4 Summary lists initiatives at a glance with their own stage dots', glance > 0 && await st(() => !!document.querySelector('[data-ini="glance"] .ini-steps')), String(glance));
+  await page.click('[data-ini-catgo="Do"]');
+  await until(() => st(() => document.querySelector('[data-ibb-filter="cat"]') && document.querySelector('[data-ibb-filter="cat"]').value === 'Do'));
+  ok('B5 a category bar opens the Initiatives tab filtered to that category', /board:idpf:initiatives:/.test(await st(() => new URLSearchParams(location.search).get('init'))) && await st(() => document.querySelector('[data-ibb-filter="cat"]').value === 'Do'));
+  await page.reload({ waitUntil: 'load' });
+  await until(() => st(() => document.querySelector('[data-ibb-filter="cat"]') && document.querySelector('[data-ibb-filter="cat"]').value === 'Do'));
+  ok('B6 a reload comes back to the same tab and filter', await st(() => document.querySelector('[data-ini-tab="initiatives"]').getAttribute('aria-pressed') === 'true' && document.querySelector('[data-ibb-filter="cat"]').value === 'Do'));
+
+  await open('board:office:summary');
+  const offTabs = await st(() => [...document.querySelectorAll('[data-ini="board-tabs"] [data-ini-tab]')].map((b) => b.dataset.iniTab).join(','));
+  ok('B7 a board with Build and deliver off has no Releases and no Sprints tab', offTabs === 'summary,initiatives,triage,backlog,board,timeline,docs', offTabs);
+  await open('board:office:sprints');
+  ok('B8 a Sprints URL on such a board falls back to Summary', await st(() => document.querySelector('[data-ini-tab="summary"]').getAttribute('aria-pressed') === 'true'));
+
+  /* ── board settings: turn Build and deliver on for Office move ── */
+  await page.click('[data-ini="board-settings"]');
+  await until(() => st(() => !!document.querySelector('[data-ini="settings-form"]')));
+  ok('S1 the settings sheet offers no Build template while Build and deliver is off', await st(() => document.querySelector('[data-ini-offer="fix"]').disabled && document.querySelector('[data-ini-offer="product"]').disabled));
+  await page.click('[data-ini="build"]');
+  await until(() => st(() => !!document.querySelector('[data-ini="jira-key"]')));
+  await page.fill('[data-ini="jira-key"]', 'off');
+  ok('S2 turning it on offers the Build templates and asks for the Jira key', await st(() => !document.querySelector('[data-ini-offer="fix"]').disabled && document.querySelector('[data-ini-offer="fix"]').checked));
+  await page.click('[data-ini="settings-save"]');
+  await until(() => store(() => window.__c3boards.boards.find((b) => b.id === 'office').build === true));
+  const off = await store(() => { const b = window.__c3boards.boards.find((x) => x.id === 'office'); return { build: b.build, jira: b.jira, offer: b.offer }; });
+  ok('S3 Save posts buildDeliver: Office move mirrors Jira OFF and offers the Build templates', off.build === true && off.jira === 'OFF' && off.offer.includes('fix'), JSON.stringify(off));
+  const s4 = await until(async () => { const t = await toast(); return /Build and deliver on, mirroring Jira OFF/.test(t) && t; });
+  ok('S4 a toast says what changed', !!s4, await toast());
+  await until(() => st(() => !!document.querySelector('[data-ini-tab="sprints"]')));
+  ok('S5 the board now has Releases and Sprints', await st(() => !!document.querySelector('[data-ini-tab="releases"]') && !!document.querySelector('[data-ini-tab="sprints"]')));
+
+  /* ── New board ── */
+  await open('');
+  await page.click('[data-ini="new-board"]');
+  await page.fill('[data-ini="nb-name"]', 'Partner portal');
+  await page.click('[data-ini="nb-build"]');
+  ok('NB1 with Build and deliver off, the Build workflows cannot be the default', await st(() => document.querySelector('[data-ini="new-board-form"] [data-ini-tpl="product"]').disabled && !document.querySelector('[data-ini="new-board-form"] [data-ini-tpl="project"]').disabled));
+  await page.click('[data-ini="new-board-form"] [data-ini-tpl="simple"]');
+  await page.click('[data-ini="nb-create"]');
+  await until(() => st(() => !!document.querySelector('[data-ini-board-page="partner-portal"]')));
+  const nb = await store(() => { const b = window.__c3boards.boards.find((x) => x.id === 'partner-portal'); return b && { build: b.build, defTpl: b.defTpl }; });
+  ok('NB2 Create board adds the board (Build and deliver off, Simple by default) and opens its Triage', nb && nb.build === false && nb.defTpl === 'simple' && await st(() => document.querySelector('[data-ini-tab="triage"]').getAttribute('aria-pressed') === 'true'), JSON.stringify(nb));
+
+  /* ── New initiative, with its own workflow ── */
+  await open('board:idpf:initiatives');
+  await page.click('[data-ini="new-initiative"]');
+  await until(() => st(() => !!document.querySelector('[data-ini="new-ini-form"]')));
+  await page.fill('[data-ini="ni-title"]', 'Passwordless login with email OTP');
+  await page.click('[data-ini="ni-create"]');
+  ok('NI1 an initiative without an anchor is refused, and the sheet says why', /anchor/.test(await st(() => (document.querySelector('[data-ini="new-ini-form"] [data-ini="error"]') || {}).textContent || '')));
+  await page.fill('[data-ini="ni-anchor"]', 'KR 2.1 Activation to 45%');
+  await page.click('[data-ini="new-ini-form"] [data-ini-tpl="research"]');
+  await page.click('[data-ini="ni-create"]');
+  await until(() => st(() => !!document.querySelector('[data-ini-page]') && !!document.querySelector('[data-ini="stepper"]')));
+  const steps = await st(() => [...document.querySelectorAll('[data-ini="stepper"] [data-ini-step]')].map((b) => b.dataset.iniStep).join(','));
+  ok('NI2 Create opens the new initiative on its own workflow (Research only: Discover, Plan, Evaluate)', steps === 'Discover,Plan,Evaluate', steps);
+
+  /* ── an initiative: tools, stepper, workflow editor ── */
+  await open('ini:idpf:IDPF-07:overview');
+  const strip = await st(() => [...document.querySelectorAll('[data-ini="tools"] [data-ini-tool]')].map((b) => b.dataset.iniTool).join(','));
+  ok('I1 the tools strip shows the tools of the current stage (Plan: RICE, PRD, Done-criteria, ...)', /^rice,prd,rubric/.test(strip), strip);
+  await page.click('[data-ini="more-tools"]');
+  const more = await until(() => st(() => document.querySelectorAll('[data-ini="menu"] [data-ini-moretool]').length));
+  ok('I2 More tools lists the tools of the other stages, grouped by stage', more > 3 && /Discover/.test(await st(() => document.querySelector('[data-ini="menu"]').textContent)), String(more));
+  await page.keyboard.press('Escape');
+  ok('I3 Escape closes the menu', await until(() => st(() => !document.querySelector('[data-ini="menu"]'))));
+  await page.click('[data-ini-step="Build & Deliver"]');
+  await until(() => st(() => document.querySelector('[data-ini-step="Build & Deliver"]') && document.querySelector('[data-ini-step="Build & Deliver"]').getAttribute('aria-pressed') === 'true'));
+  const i4 = await until(async () => { const t = await toast(); return /moved to Build & Deliver/.test(t) && /No spec yet/.test(t) && t; });
+  ok('I4 a stepper press moves the stage; the order warning is shown, not a block', !!i4, await toast());
+  ok('I5 the move is written to the store', await store(() => window.__c3boards.rows.find((r) => r.id === 'IDPF-07').stage === 'Build & Deliver'));
+
+  await page.click('[data-ini="edit-workflow"]');
+  await until(() => st(() => !!document.querySelector('[data-ini="wf-editor"]')));
+  ok('W1 the editor offers only the templates the board offers', await st(() => !document.querySelector('[data-wf-tpl="fix"]').disabled && document.querySelector('[data-wf-tpl="project"]').disabled));
+  await page.focus('[data-wf-down="0"]'); await page.keyboard.press('Enter');
+  const order = await st(() => [...document.querySelectorAll('[data-wf-name]')].map((i) => i.value).join(','));
+  ok('W2 a stage moves down from the keyboard', order.startsWith('Plan,Discover'), order);
+  await page.click('[data-wf-tpl="research"]');
+  await page.click('[data-wf-save]');
+  await until(() => st(() => !!document.querySelector('[data-ini="wf-confirm"]')));
+  ok('W3 removing the current stage asks where it goes before saving', /Move IDPF-07 from Build & Deliver to Plan/.test(await st(() => document.querySelector('[data-ini="wf-confirm"]').textContent)));
+  await page.click('[data-wf-confirm]');
+  await until(() => store(() => window.__c3boards.rows.find((r) => r.id === 'IDPF-07').template === 'research'));
+  const r07 = await store(() => { const r = window.__c3boards.rows.find((x) => x.id === 'IDPF-07'); return { stage: r.stage, wf: (r.workflow || []).map((s) => s.name).join(',') }; });
+  ok('W4 the initiative now runs Research only and moved to Plan; other initiatives keep theirs', r07.stage === 'Plan' && r07.wf === 'Discover,Plan,Evaluate'
+    && await store(() => !window.__c3boards.rows.find((r) => r.id === 'IDPF-12').template), JSON.stringify(r07));
+
+  /* ── phone width ── */
+  await page.setViewportSize({ width: 400, height: 860 });
+  for (const loc of ['', 'board:idpf:summary', 'ini:idpf:IDPF-12:overview']) {
+    await open(loc);
+    const sx = await st(() => document.documentElement.scrollWidth - document.documentElement.clientWidth);
+    ok('P1 at 400 px nothing scrolls sideways: ' + (loc || 'portfolio'), sx <= 0, String(sx));
+  }
+  await H.finish();
+})();

package/workspace/c3-one-home-test.js

@@ -43,7 +43,7 @@ function collect(tab) {
   if (!pane) return null;
   const norm = (s) => String(s || '').replace(/\s+/g, ' ').trim().toLowerCase();
   const visible = (e) => !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length) && !e.closest('[hidden]');
-  const ITEM = '[data-row], [data-id], [data-due-row], [data-needs-row], [data-draft-row], li, article';
+  const ITEM = '[data-row], [data-id], [data-due-row], [data-needs-row], [data-draft-row], [data-ibb-row], [data-ibt-ask], [data-inb-board], li, article';
   const out = new Map();
   // A control is a button, an element with a press action (data-a), or a row that acts by itself: a swipe row or a focusable
   // row (Work's rows have no buttons; a swipe or an arrow key is the action).
@@ -98,6 +98,19 @@ function collect(tab) {
       last = n;
     }
     byTab[tab] = items || [];
+    // Initiatives opens on the Portfolio; the homes of initiatives and new asks are a board's Backlog and Triage, so open the
+    // first board and collect those two tabs into the same pane's list.
+    if (tab === 'init' && await page.$('[data-inb-board] [data-inb-open]')) {
+      await page.click('[data-inb-board] [data-inb-open]');
+      for (const sub of ['triage', 'backlog']) {
+        const at = await page.waitForSelector('[data-inb-tab="' + sub + '"]', { timeout: 10000 }).catch(() => null);
+        if (!at) continue;
+        await at.click();
+        let n0 = -1; let got = null;
+        for (let i = 0; i < 20; i++) { await sleep(250); got = await page.evaluate(collect, tab); const n = got ? got.length : -1; if (n === n0 && n > 0) break; n0 = n; }
+        for (const it of got || []) if (!byTab[tab].some((x) => x.title === it.title)) byTab[tab].push(it);
+      }
+    }
     // Reports (since the dashboards) draws widgets and charts, not items: it may have none, and then it cannot hold a second home.
     if (tab === 'rep') ok('the rep tab holds no item with an action control, or only widgets', true);
     else ok(`the ${tab} tab shows items with action controls`, byTab[tab].length > 0, JSON.stringify(items));