create-pmos 0.134.0 → 0.136.0

package/workspace/public/pm/c3-demo-brief-page.js

@@ -37,7 +37,7 @@ export function installBriefPage() {
       const u = new URL(raw, location.origin);
       const method = String((init && init.method) || (input && input.method) || 'GET').toUpperCase();
       if (u.origin === location.origin) {
-        if (method === 'GET' && u.pathname === '/api/brief-page') return Promise.resolve(json({ ok: true, date: '2026-10-08', today: TODAY.map((m) => ({ ...m, minutes: (Date.parse(m.end) - Date.parse(m.start)) / 60000, state: Date.parse(m.end) <= Date.now() ? 'past' : 'later' })).map((m, i, a) => ({ ...m, state: m.state === 'past' ? 'past' : (a.findIndex((x) => x.state !== 'past' && Date.parse(x.start) > Date.now()) === i ? 'next' : 'later') })), needs: NEEDS.filter((n) => !gone[n.id]) }));
+        if (method === 'GET' && u.pathname === '/api/brief-page') return Promise.resolve(json({ ok: true, date: '2026-10-08', me: 'Wawan', today: TODAY.map((m) => ({ ...m, minutes: (Date.parse(m.end) - Date.parse(m.start)) / 60000, state: Date.parse(m.end) <= Date.now() ? 'past' : 'later' })).map((m, i, a) => ({ ...m, state: m.state === 'past' ? 'past' : (a.findIndex((x) => x.state !== 'past' && Date.parse(x.start) > Date.now()) === i ? 'next' : 'later') })), needs: NEEDS.filter((n) => !gone[n.id]) }));
         const m = /^\/api\/pm-items\/(done|notyet|remove|reopen|undo)$/.exec(u.pathname);
         if (method !== 'GET' && m) {
           let b = {}; try { b = init && init.body ? JSON.parse(init.body) : {}; } catch { b = {}; }

package/workspace/public/pm/c3-demo-cal4.js

@@ -9,6 +9,7 @@
  * The content reuses the demo's initiatives (checkout, sso, search, returns), its people and its meetings and work items
  * (c3-demo-data.js). Real mode never loads this file. Nothing here reaches the server. */
 import * as D from './c3-demo-data.js';
+import { withCalendarTidy } from './c3-demo-cal5.js';   // the tidy-up suggestions and the one meeting they need
 
 const DAY = 86400000;
 const addDays = (iso, n) => new Date(Date.parse(iso + 'T00:00:00Z') + n * DAY).toISOString().slice(0, 10);
@@ -56,7 +57,7 @@ const SUGGEST = [
 const MIN = 90; const START = 9 * 60; const END = 18 * 60;
 
 function meetingsOn(date) {
-  const day = D.calendarViews('/api/calendar-views?view=day&date=' + date);
+  const day = withCalendarTidy(D.calendarViews('/api/calendar-views?view=day&date=' + date));
   return ((day.cells[0] && day.cells[0].events) || []).filter((e) => e.kind !== 'milestone')
     .map((e) => [minOf(e.at), minOf(e.end)]).filter((x) => x[0] !== null && x[1] !== null).sort((a, b) => a[0] - b[0]);
 }
@@ -110,5 +111,5 @@ const CONTEXT = {
 export function withCalendarPage(out) {
   if (!out || !out.range) return out;
   const { start, end } = out.range;
-  return { ...out, layers: layersIn(start, end), free: freeIn(start, end), context: CONTEXT };
+  return withCalendarTidy({ ...out, layers: layersIn(start, end), free: freeIn(start, end), context: CONTEXT });
 }

package/workspace/public/pm/c3-demo-cal5.js

@@ -0,0 +1,52 @@
+/* pm/c3-demo-cal5.js — DEMO fixtures for the Calendar tidy-up (initiative calendar-tidy-up) on /c3.html?demo=1.
+ * c3-demo-cal4.js passes its answer through withCalendarTidy(), which adds:
+ *   one meeting  "Checkout design review" on Thu 15 Oct, 09:45 to 10:30, about Checkout v2. It overlaps the Standup.
+ *   tidy         the suggestions of the range, from the rules of lib/calendar-tidy.js applied by hand to the demo's
+ *                meetings and initiatives: one of each severity across the zooms, with an overlap and a review too early.
+ *   tidy_total, tidy_note
+ * With &tidy=none on the page address the three tidy keys are left out, to show the state of a server that sends none;
+ * with &tidy=unread the list is empty and tidy_note names a rule that could not run.
+ * Each suggestion points at a demo meeting or initiative that the page draws. Real mode never loads this file. Nothing
+ * here reaches the server, and nothing writes. */
+
+const REVIEW = { id: 'm6@2026-10-15', title: 'Checkout design review', at: '2026-10-15T09:45:00', end: '2026-10-15T10:30:00', kind: 'ready', initiative: 'checkout' };
+
+const ev = (id) => ({ type: 'event', id });
+const init = (id) => ({ type: 'initiative', id });
+
+/* [id, rule, severity, date, title, why, suggestion, refs] */
+const TIDY = [
+  ['overlap:m1@2026-10-15+m6@2026-10-15', 'overlap', 'bad', '2026-10-15', 'Standup overlaps Checkout design review',
+    'Standup runs from 09:30 to 10:00 and Checkout design review starts at 09:45, so you cannot attend both in full.',
+    'Move Checkout design review to 10:00 or shorten Standup.', [ev('m1@2026-10-15'), ev('m6@2026-10-15')]],
+  ['likely-delay:ini:checkout:promised', 'likely-delay', 'bad', '2026-10-24', 'The promised date of Checkout v2 is likely to slip',
+    'Checkout v2 is delayed, and the promised date of Checkout v2 is on 2026-10-24.',
+    'Agree a new date for the promised date with the people who depend on it, or cut its scope to keep 2026-10-24.', [init('checkout')]],
+  ['no-buffer:m3@2026-10-08+m4@2026-10-08', 'no-buffer', 'warn', '2026-10-08', 'No break between Customer interview and Sprint planning',
+    'Sprint planning starts at 14:00, the minute Customer interview ends. You have no time to move, take notes or prepare.',
+    'Move Sprint planning to 14:10 or end Customer interview 10 minutes earlier.', [ev('m3@2026-10-08'), ev('m4@2026-10-08')]],
+  ['prep-risk:m4@2026-10-08', 'prep-risk', 'warn', '2026-10-08', 'Little time to prepare for Sprint planning',
+    'Sprint planning has 1 prep step left, and only 0 minutes of free working time remain before it. Each step needs about 30 minutes.',
+    'Block time before Sprint planning for the prep, or move Sprint planning to a later day.', [ev('m4@2026-10-08')]],
+  ['likely-delay:ini:search:promised', 'likely-delay', 'warn', '2026-10-30', 'The promised date of Search relevance is likely to slip',
+    'Search relevance is at risk, and the promised date of Search relevance is on 2026-10-30.',
+    'Agree a new date for the promised date with the people who depend on it, or cut its scope to keep 2026-10-30.', [init('search')]],
+  ['review-early:m6@2026-10-15', 'review-early', 'info', '2026-10-15', 'Checkout design review comes before what it reviews',
+    'Checkout design review is on 2026-10-15, but the promised date of Checkout v2 is on 2026-10-24 and is not done yet.',
+    'Move Checkout design review to 2026-10-24 or later, or keep it as a progress check and say so in the invite.', [ev('m6@2026-10-15'), init('checkout')]],
+].map(([id, rule, severity, date, title, why, suggestion, refs]) => ({ id, rule, severity, date, title, why, suggestion, refs }));
+
+/** The calendar-views answer with the extra meeting in its day cell and the tidy-up keys of its range. */
+export function withCalendarTidy(out) {
+  if (!out || !out.range) return out;
+  const { start, end } = out.range;
+  const cells = (out.cells || []).map((c) => (c.start === c.end && c.start === REVIEW.at.slice(0, 10)
+    ? { ...c, events: [...(c.events || []).filter((e) => e.id !== REVIEW.id), { ...REVIEW }] } : c));
+  // /c3.html?demo=1&tidy=none shows the page of a server that sends no tidy-up list (the honest absent state)
+  // and &tidy=unread the state of a server that could not read the initiatives (an empty list with the reason)
+  let knob = ''; try { knob = new URLSearchParams(location.search).get('tidy') || ''; } catch { knob = ''; }
+  if (knob === 'none') return { ...out, cells };
+  if (knob === 'unread') return { ...out, cells, tidy: [], tidy_total: 0, tidy_note: { 'likely-delay': 'no initiative status was read, so initiatives cannot be checked' } };
+  const tidy = TIDY.filter((s) => s.date >= start && s.date <= end).map((s) => ({ ...s, refs: s.refs.map((r) => ({ ...r })) }));
+  return { ...out, cells, tidy, tidy_total: tidy.length, tidy_note: {} };
+}

package/workspace/public/pm/c3-demo-data.js

@@ -71,53 +71,43 @@ const card = (key, tag, headline, sub, rich, o) => ({ key, tag, headline, sub, h
 
 const DECISION = card('decision', 'Critical', 'Cut Checkout v2 to 3 flows to hold 24 Oct?', 'Dara needs it before Sprint planning. Jira shows 3 blockers on the full scope.',
   { kind: 'chain', ring: { frac: 0.36, lines: ['5h 48m', 'left'], tone: C.acc }, steps: [['Decide', 'by 14:00', C.acc], ['Sprint planning', 'blocked', C.bad], ['Ship 24 Oct', 'at risk', C.warn]] },
-  { kpis: [['5h 48m', 'left', C.acc], ['3', 'blockers', C.bad], ['82%', 'confidence', C.ok]], factsX: [['user', 'Dara is waiting'], ['alert', '3 blockers on full scope']],
+  { pov: 'Decision', kpis: [['5h 48m', 'left', C.acc], ['3', 'blockers', C.bad], ['82%', 'confidence', C.ok]], factsX: [['user', 'Dara is waiting'], ['alert', '3 blockers on full scope']],
     move: { suggested: { id: 'cut', label: 'Cut to 3 flows', conf: 82 }, options: [{ id: 'cut', label: 'Cut to 3 flows', slipAfter: 0 }, { id: 'add', label: 'Cut and add one engineer', slipAfter: 0 }, { id: 'keep', label: 'Keep the full scope', slipAfter: 7 }], note: 'Dara\'s estimate for flow 4 is a range of 3 to 6 days.' },
     deadline: { days: 0.24, source: 'calendar', text: 'Sprint planning at 14:00, 5h 48m left' }, waitsFor: 'Dara', why: { text: 'Sprint planning cannot start until scope is decided; the 24 Oct date depends on it.', impact: 0.9, urgency: 0.85, irreversible: 0.4, score: 0.82 },
     pinned: false });
 const METRIC = card('metric', 'Just in', 'Conversion is down 0.2 points', 'Landed at 07:30. The biggest loss is cart to address: 45% of carts stop.',
   { kind: 'num', big: '3.1', unit: '%', delta: '-0.2 pts since last week', tone: C.bad, arr: [3.5, 3.4, 3.4, 3.3, 3.3, 3.2, 3.1], target: 4 },
-  { kpis: [['3.1%', 'now', C.bad], ['4.0%', 'target', C.mfg], ['45%', 'lost at address', C.warn]], factsX: [['bolt', 'Data landed 07:30'], ['alert', 'Mobile shows the same pattern']],
+  { pov: 'Early signal', kpis: [['3.1%', 'now', C.bad], ['4.0%', 'target', C.mfg], ['45%', 'lost at address', C.warn]], factsX: [['bolt', 'Data landed 07:30'], ['alert', 'Mobile shows the same pattern']],
     move: { suggested: { id: 'x', label: 'Draft an experiment for the address step', conf: 71 }, options: [{ id: 'x', label: 'Draft an experiment for the address step' }, { id: 'w', label: 'Watch 3 more days' }, { id: 't', label: 'Tell Priya in the 10:30 update' }], note: 'One week of data. A seasonal dip is not ruled out.' },
     deadline: null, why: { text: 'Conversion is the earliest warning on the checkout bet.', impact: 0.8, urgency: 0.6, irreversible: 0.2, score: 0.71 } });
 const DATE = card('date', 'Critical', 'Checkout v2 may slip 7 days', 'Forecast Oct 31 vs promised Oct 24 (+7 days). Scope is the cause, not capacity.',
   { kind: 'rows', rows: [['target', 'Promised to leadership on 2 Oct', '', '24 Oct'], ['alert', 'Forecast on the full scope', 'bad', '31 Oct'], ['scale', 'Cause: scope, not capacity', 'warn', '']] },
-  { kpis: [['+7 d', 'vs promise', C.bad], ['24 Oct', 'promised', 'var(--foreground)'], ['74%', 'confidence', C.acc]], factsX: [['target', 'Promised to leadership on 2 Oct'], ['alert', 'Cause: scope, not capacity']],
+  { pov: 'Deadline moved', kpis: [['+7 d', 'vs promise', C.bad], ['24 Oct', 'promised', 'var(--foreground)'], ['74%', 'confidence', C.acc]], factsX: [['target', 'Promised to leadership on 2 Oct'], ['alert', 'Cause: scope, not capacity']],
     move: { suggested: { id: 'warn', label: 'Warn Priya now, with the fix attached', conf: 74 }, options: [{ id: 'warn', label: 'Warn Priya now, with the fix attached' }, { id: 'wait', label: 'Wait for the 14:00 decision' }] }, deadline: null });
 const INSIGHT = card('insight', 'Opportunity', 'Label printing is the main pain', '3 of 3 calls name it so far. Interview 3 is today at 13:00.',
   { kind: 'bars', bars: [['Labels are the main pain', 1, C.ok, '3 of 3'], ['Customers miss the 30-day window', 0.67, C.warn, '2 of 3'], ['Support is a workaround', 0, 'var(--ring)', 'untested']] },
-  { kpis: [['3 of 3', 'calls agree', C.ok], ['2 of 5', 'interviews done', C.acc], ['76%', 'confidence', C.opp]], factsX: [['cal', 'Interview 3 at 13:00'], ['target', 'Stop rule after interview 5']],
+  { pov: 'Discovery', kpis: [['3 of 3', 'calls agree', C.ok], ['2 of 5', 'interviews done', C.acc], ['76%', 'confidence', C.opp]], factsX: [['cal', 'Interview 3 at 13:00'], ['target', 'Stop rule after interview 5']],
     move: { suggested: { id: 'a', label: 'Add a support-route question to interview 3', conf: 76 }, options: [{ id: 'a', label: 'Add a support-route question to interview 3' }, { id: 'k', label: 'Keep the guide as it is' }] } });
 const SSO = card('sso', 'Big win', 'SSO is live with 3 customers', 'No incidents in 7 days. Release on 14 Oct is on track.',
   { kind: 'ring', done: 5, total: 8, cap: '5 of 8 gates', sub: 'release checklist' },
-  { kpis: [['3', 'customers live', C.ok], ['0', 'incidents', C.ok], ['5 of 8', 'gates', C.acc]], factsX: [['user', 'Marta and Priya have not heard yet'], ['flag', 'First enterprise milestone']],
+  { pov: 'Milestone', kpis: [['3', 'customers live', C.ok], ['0', 'incidents', C.ok], ['5 of 8', 'gates', C.acc]], factsX: [['user', 'Marta and Priya have not heard yet'], ['flag', 'First enterprise milestone']],
     move: { suggested: { id: 's', label: 'Lead the weekly status with it', conf: 90 }, options: [{ id: 's', label: 'Lead the weekly status with it' }, { id: 'n', label: 'Send Marta and Priya a note now' }, { id: 'h', label: 'Hold until the release' }] } });
 const SEARCH = card('search', 'Small win', 'Search got 28% faster', 'p95 latency fell from 420 to 300 ms after the 6 Oct merge.',
   { kind: 'num', big: '300', unit: 'ms', delta: '-120 ms since the merge', tone: C.ok, arr: [420, 418, 410, 405, 300, 296, 300], target: 350 },
-  { kpis: [['-28%', 'p95 latency', C.ok], ['300 ms', 'now', 'var(--foreground)'], ['350 ms', 'target', C.mfg]], factsX: [['check', 'Merged 6 Oct, CI green'], ['report', 'Measured over 7 days']],
+  { pov: 'Milestone', kpis: [['-28%', 'p95 latency', C.ok], ['300 ms', 'now', 'var(--foreground)'], ['350 ms', 'target', C.mfg]], factsX: [['check', 'Merged 6 Oct, CI green'], ['report', 'Measured over 7 days']],
     move: { suggested: { id: 'b', label: 'Bank it in Friday\'s report', conf: 93 }, options: [{ id: 'b', label: 'Bank it in Friday\'s report' }, { id: 's', label: 'Skip' }] } });
 const BOARD = card('board', 'Opportunity', 'The board update is 70% ready', 'Three sections wait on Thursday\'s numbers. It sends on 20 Dec.',
   { kind: 'ring', done: 7, total: 10, cap: '7 of 10 sections', sub: '3 wait on numbers' },
-  { kpis: [['70%', 'ready', C.acc], ['3', 'waiting', C.warn], ['20 Dec', 'sends', 'var(--foreground)']], factsX: [['clock', 'Sends 20 Dec'], ['spark', 'The agent is filling the rest']],
+  { pov: 'Prep', kpis: [['70%', 'ready', C.acc], ['3', 'waiting', C.warn], ['20 Dec', 'sends', 'var(--foreground)']], factsX: [['clock', 'Sends 20 Dec'], ['spark', 'The agent is filling the rest']],
     move: { suggested: { id: 'f', label: 'Let the agent fill from Thursday\'s numbers', conf: 79 }, options: [{ id: 'f', label: 'Let the agent fill from Thursday\'s numbers' }, { id: 'r', label: 'Review the sections yourself first' }] } });
 
-/* Calendar tab (the mockup's calCards, day) */
-const CAL_DM = card('dm', 'Critical', 'Sprint planning', '14:00 to 15:00 · Checkout v2. The sprint cannot start until scope is decided. The 24 Oct date depends on it.',
-  { kind: 'ring', done: 5, total: 6, size: 76, cap: 'Prep 5 of 6', lines: [['check', 'Agenda', true], ['check', 'What changed', true], ['check', 'Outcome', true], ['check', 'Reading', true], ['check', 'People', true], ['clock', 'Pre-read', false]] },
-  { kpis: [['5 of 6', 'prep ready', C.ok], ['3', 'attendees', C.acc], ['78%', 'confidence', C.bad]], factsX: [['user', 'Dara, Lee, Sam'], ['cal', '14:00 to 15:00']],
-    move: { suggested: { id: 'k', label: 'Keep 14:00 and decide before', conf: 78 }, options: [{ id: 'k', label: 'Keep 14:00 and decide before' }] }, deadline: { days: 0.24, source: 'calendar', text: '14:00' } });
-const CAL_DD = card('dd', 'Critical', 'Two items are slipping', 'The sandbox keys are 2 days late and the scope decision is due at 14:00. Fix the order of work.',
-  { kind: 'rows', rows: [['alert', 'Payments sandbox keys', 'bad', 'overdue'], ['alert', 'Confirm the 1 Oct numbers before the 10:30 update', 'warn', 'at risk'], ['alert', 'Cut Checkout v2 to 3 core flows to hold 24 Oct?', 'warn', 'at risk']] },
-  { kpis: [['4', 'due today', C.acc], ['2 d', 'oldest late', C.bad], ['80%', 'confidence', C.ok]], factsX: [['clock', '4 due today'], ['alert', 'Both block 24 Oct']] });
-const CAL_DF = card('df', 'Opportunity', '1.8 h of focus at 11:15', 'The longest free window today. Best used before the 14:00 decision.',
-  { kind: 'tiles', tiles: [['1.8 h', 'free', C.opp], ['11:15', 'starts', 'var(--foreground)'], ['74%', 'confidence', C.acc]] },
-  { kpis: [['1.8 h', 'free', C.opp], ['11:15', 'starts', 'var(--foreground)'], ['74%', 'confidence', C.acc]], factsX: [['clock', '11:15 to 13:00'], ['doc', 'Pre-read is half drafted']] });
-const CAL_DL = card('dl', 'Small win', 'Get back 45 minutes', 'Skip Standup and trim one sync. 3.8 h of meetings today, 3.3 h tied to a promise.',
-  { kind: 'tiles', tiles: [['3.3 h', 'tied to a promise', C.acc], ['30 min', 'routine', C.mfg], ['45 min', 'you could win back', C.ok]] },
-  { kpis: [['45 min', 'to win back', C.ok], ['3.8 h', 'meetings', C.acc], ['71%', 'confidence', C.ok]], factsX: [['check', 'Standup has an async summary'], ['clock', 'Sync can end in 15 min']] });
-const CAL_DN = card('dn', 'Just in', 'Marta confirmed 3 slots and Priya replied', 'Two quick items since you last looked. One unblocks the interview.',
-  { kind: 'rows', rows: [['mail', 'Marta: 3 interview slots confirmed', 'ok', '08:05'], ['user', 'Priya: replied on the numbers', 'ok', '08:10']] },
-  { kpis: [['2', 'new', C.acc], ['<2 min', 'each', C.ok], ['88%', 'confidence', C.ok]], factsX: [['bolt', '2 new'], ['clock', 'Both take under 2 minutes']] });
+/* the Calendar tab's headline deck (the mockup's CARDS.calendar, c5 and c6): a Conflict and a Prep at risk, from the demo's own day */
+const CAL_CF = card('cf', 'Small win', 'Customer interview runs into Sprint planning', '13:00 to 14:00, then 14:00 to 15:00. There is no break between them.',
+  { kind: 'tiles', tiles: [['0 min', 'break', C.bad], ['14:10', 'planning could start', C.ok], ['80%', 'confidence', C.acc]] },
+  { pov: 'Conflict', kpis: [['0 min', 'buffer', C.bad], ['14:10', 'proposed start', C.ok]], factsX: [['clock', 'You are free again at 15:30']], move: { suggested: { id: 's', label: 'Start Sprint planning at 14:10', conf: 80 }, options: [{ id: 's', label: 'Start Sprint planning at 14:10' }] } });
+const CAL_PR = card('pr', 'Critical', 'Sprint planning has little time to prepare', 'One prep step is left and no free working time remains before 14:00.',
+  { kind: 'tiles', tiles: [['1', 'step left', C.bad], ['0 min', 'free before', C.warn], ['70%', 'confidence', C.acc]] },
+  { pov: 'Prep at risk', kpis: [['1', 'prep step', C.bad], ['0 min', 'free', C.warn]], factsX: [['clock', 'Starts 14:00']], move: { suggested: { id: 'b', label: 'Block time before Sprint planning', conf: 70 }, options: [{ id: 'b', label: 'Block time before Sprint planning' }] } });
 
 /* Work tab (the deck per view: Inbox, Today, Upcoming, Waiting, Someday, Review). The decisions the mockup's Triage cards pointed at
  * ("5 need a real decision", "The agent drafted 3 replies") live in Briefing · Needs you now, so no Work card names them. */
@@ -196,10 +186,10 @@ const unfilled = (c) => ({ ...c });
 const PLAN_BRIEF = [DECISION, METRIC, DATE, INSIGHT, SSO].map(unfilled);
 const BY_SCOPE = {
   brief: PLAN_BRIEF,
-  cal: [CAL_DM, CAL_DD, CAL_DF, CAL_DL, CAL_DN],
+  cal: [CAL_CF, CAL_PR],
   work: [WK_KO, WK_KR, WORK_KI, WORK_KRV, WK_KDN],
   init: [INI_DIR, INI_MAT, INI_SIG, { ...SSO, key: 'ysso' }, { ...BOARD, key: 'ybd' }],
-  rep: [REP_LEAD, REP_NEXT, { ...BOARD, key: 'rbd', pov: 'PRODUCT' }, { ...SEARCH, key: 'rsr' }, { ...SSO, key: 'rss' }],
+  rep: [REP_LEAD, REP_NEXT, { ...SEARCH, key: 'rsr' }],   // report-specific cards only: the Reports page draws this deck above its tabs, and one home holds (the board and SSO cards live on Briefing and Initiatives)
 };
 const LENS_ORDER = {
   Plan: ['decision', 'metric', 'date', 'insight', 'sso'],
@@ -252,7 +242,7 @@ export function briefing(url) {
   if (wl && WORK_LENS[wl[1]]) { cards = WORK_LENS[wl[1]].slice(); if (wl[1] === 'today' && lens === 'Close') cards = [WK_KEV, ...cards].slice(0, 5); }
   if (scope === 'brief') cards = LENS_ORDER[lens].map((k) => ALL[k]);
   else if (lens !== 'Plan' && !wl) cards = cards.slice().reverse();
-  return { ok: true, lens, zoom: q.get('zoom') || 'week', cards: cards.map((c) => ({ ...c })), ticker: [], banner: null, unread: 2, kept_out: scope === 'brief' ? '3 FYI · raised 1 from a person with a deadline' : undefined, review: scope === 'brief' ? REVIEW : undefined, handled: scope === 'brief' ? HANDLED : undefined, trust: scope === 'brief' ? TRUST : undefined, foot: scope === 'brief' ? { left: 'used as is 68% · P1 missed 0', right: 'drag a row → done, ← later · tap to open · j k move' } : undefined, needs: scope === 'brief' ? NEEDS : undefined };
+  return { ok: true, scope, lens, zoom: q.get('zoom') || 'week', cards: cards.map((c) => ({ ...c })), ticker: [], banner: null, unread: 2, kept_out: scope === 'brief' ? '3 FYI · raised 1 from a person with a deadline' : undefined, review: scope === 'brief' ? REVIEW : undefined, handled: scope === 'brief' ? HANDLED : undefined, trust: scope === 'brief' ? TRUST : undefined, foot: scope === 'brief' ? { left: 'used as is 68% · P1 missed 0', right: 'drag a row → done, ← later · tap to open · j k move' } : undefined, needs: scope === 'brief' ? NEEDS : undefined };
 }
 
 /* ── the calendar ───────────────────────────────────────────────────────────────────────────────────────────────────────────────── */

package/workspace/public/pm/c3-demo-rep3.js

@@ -4,7 +4,10 @@
  *   GET  /api/report-dashboards/data       the Calendar's demo strategy answer (c3-demo-cal3.js STRATEGY) narrowed to the scope
  *   POST /api/report-dashboards/layout     checks the key and the report ids as the real route does (400 on an unknown one), and
  *                                          keeps the layout in this tab's sessionStorage, so a reload shows it. Nothing reaches the server.
- *   POST /api/outbox/draft                 answers with an entry in the real route's shape. Nothing is queued.
+ *   POST /api/report-dashboards/schedule   checks the key, plan and audience as the real route does, keeps the schedule in memory (one is seeded)
+ *   POST /api/outbox/draft                 answers with an entry in the real route's shape and keeps it in memory for this tab
+ *   GET  /api/outbox                       the demo queue plus those drafts (two are seeded), for Reports > Drafts
+ *   POST /api/outbox/discard               hides a draft (undo: true brings it back), in memory
  *
  * Wiring: c3-demo.js imports installRep3 and calls it in installDemo() AFTER its own fetch wrapper is in place, the way it installs
  * c3-demo-rep2.js. This wrapper must sit OVER c3-demo.js's: that wrapper answers every non-GET with { ok: true }, so a wrapper under it
@@ -66,10 +69,46 @@ function layout(b) {
   L[b.key] = [...new Set(b.reports)]; store.write(L);
   return json({ ok: true, key: b.key, reports: L[b.key] });
 }
+/* The demo's schedules (lib/report-schedules.js shape): the portfolio sends Leadership a monthly draft, as the mockup seeds it. In memory. */
+const PLAN_TXT = { weekly: 'Weekly, Mondays 08:00', monthly: 'Monthly, 1st at 08:00' };
+const nextOf = (plan) => { const d = new Date(); d.setHours(8, 0, 0, 0); if (plan === 'weekly') { do d.setDate(d.getDate() + 1); while (d.getDay() !== 1); } else { d.setDate(1); d.setMonth(d.getMonth() + 1); } return d.toISOString(); };
+const SCHEDS = { portfolio: { key: 'portfolio', ws: null, plan: 'monthly', audience: 'Leadership', last_status: 'ok', last_error: null, last_draft: 'out-demo-rep3-s1' } };
+const schedView = () => Object.fromEntries(Object.entries(SCHEDS).map(([k, v]) => [k, { ...v, label: PLAN_TXT[v.plan], next_run: nextOf(v.plan) }]));
+function schedule(b) {
+  const m = KEY_RE.exec(String(b.key || ''));
+  if (!m || (m[2] && !BOARDS.some((x) => x.id === m[2])) || (m[3] && !INITIATIVES.some((x) => x.id === m[3]))) return json({ ok: false, error: 'key must be portfolio, board:<id> or initiative:<id>' }, 400);
+  if (b.plan === 'none') delete SCHEDS[b.key];
+  else if (!PLAN_TXT[b.plan]) return json({ ok: false, error: 'plan must be none, weekly or monthly' }, 400);
+  else if (!['Leadership', 'Team'].includes(b.audience)) return json({ ok: false, error: 'audience must be Leadership or Team' }, 400);
+  else SCHEDS[b.key] = { key: b.key, ws: null, plan: b.plan, audience: b.audience, last_status: null, last_error: null, last_draft: null };
+  const v = schedView();
+  return json({ ok: true, key: b.key, schedule: v[b.key] || null, schedules: v });
+}
 let seq = 0;
+/* The dashboard drafts of the demo (Reports > Drafts): two seeded, then the ones the Share sheet makes in this tab. Kept in memory; a reload starts again. */
+const mkEntry = (id, b, at, by) => ({ ...(by ? { made_by: by, schedule_key: 'portfolio' } : {}), id, channel: b.channel, recipient: b.recipient || null, subject: b.subject || '', body: b.body, origin: 'pm', state: 'queued', hash: 'demo-' + id, claims: { ok: true, refused: [] }, last_result: null, created_at: at });
+const DRAFTS = [
+  mkEntry('out-demo-rep3-s1', { channel: 'customer-note', recipient: 'Leadership', subject: 'Portfolio for Leadership', body: 'Portfolio for Leadership, 2026-10-08\nHeadline: Conversion is off course. 1 more thing needs your call.\n\nSections\nQuarter outcomes\n- 2 of 4 outcomes are on course. [reported]\n\nNeeds your call\n- Conversion is off course. [reported]\n\nSources: KR metric records. Read on 2026-10-08.' }, '2026-10-01T08:00:00.000Z', 'schedule'),
+  mkEntry('out-demo-rep3-s2', { channel: 'customer-note', recipient: 'Team', subject: 'Board: Shop for Team', body: 'Board: Shop for Team, 2026-10-10\nHeadline: Checkout v2 is delayed.\n\nSections\nDelivery against promise\n- 1 of 4 commitments is delayed. [reported]\n\nNeeds your call\n- Checkout v2 is delayed. [reported]\n\nSources: Initiative plans and promised dates. Read on 2026-10-10.' }, '2026-10-10T16:20:00.000Z'),
+];
+const gone = new Set();
 function draft(b) {
   if (!b.body || !String(b.body).trim()) return json({ ok: false, error: 'body required' }, 400);
-  return json({ ok: true, entry: { id: 'out-demo-rep3-' + (++seq), channel: b.channel, recipient: b.recipient || null, subject: b.subject || '', body: b.body, origin: 'pm', state: 'queued', hash: 'demo' + seq, claims: { ok: true, refused: [] }, last_result: null } });
+  const e = mkEntry('out-demo-rep3-' + (++seq), b, new Date().toISOString());
+  DRAFTS.push(e);
+  return json({ ok: true, entry: e });
+}
+function discard(b) {
+  const id = String(b.id || '');
+  if (b.undo === true) { if (!gone.has(id)) return json({ ok: false, error: 'no discarded outbox entry with that id' }, 404); gone.delete(id); return json({ ok: true, id, restored: true }); }
+  if (!DRAFTS.some((e) => e.id === id) || gone.has(id)) return json({ ok: false, error: 'no such outbox entry' }, 404);
+  gone.add(id); return json({ ok: true, id, discarded: true });
+}
+/* The demo queue (Communications) plus the dashboard drafts, newest first. */
+async function outboxWith(prevFetch, input, init) {
+  const r = await prevFetch(input, init); const j = await r.clone().json().catch(() => null);
+  if (!j || !j.ok) return r;
+  return json({ ...j, entries: [...(j.entries || []), ...DRAFTS.filter((e) => !gone.has(e.id)).slice().reverse()] });
 }
 
 export function installRep3() {
@@ -80,15 +119,17 @@ export function installRep3() {
       const method = String((init && init.method) || (input && input.method) || 'GET').toUpperCase();
       const u = new URL(raw, location.origin);
       if (u.origin === location.origin) {
-        if (method === 'GET' && u.pathname === '/api/report-dashboards') return Promise.resolve(json({ ok: true, library: LIBRARY, layouts: store.read(), defaults: DEFAULTS, boards: BOARDS, initiatives: INITIATIVES }));
+        if (method === 'GET' && u.pathname === '/api/report-dashboards') return Promise.resolve(json({ ok: true, library: LIBRARY, layouts: store.read(), defaults: DEFAULTS, boards: BOARDS, initiatives: INITIATIVES, schedules: schedView() }));
         if (method === 'GET' && u.pathname === '/api/report-dashboards/data') {
           const scope = u.searchParams.get('scope') || 'portfolio'; const id = u.searchParams.get('id') || '';
           if (!['portfolio', 'board', 'initiative'].includes(scope)) return Promise.resolve(json({ ok: false, error: 'unknown scope: ' + scope }, 400));
           return Promise.resolve(json(scoped(scope, id)));
         }
-        if (method === 'POST' && (u.pathname === '/api/report-dashboards/layout' || u.pathname === '/api/outbox/draft')) {
+        if (method === 'GET' && u.pathname === '/api/outbox') return outboxWith(prev, input, init);
+        if (method === 'POST' && u.pathname === '/api/report-dashboards/schedule') { let b = {}; try { b = init && init.body ? JSON.parse(init.body) : {}; } catch { b = {}; } return Promise.resolve(schedule(b)); }
+        if (method === 'POST' && (u.pathname === '/api/report-dashboards/layout' || u.pathname === '/api/outbox/draft' || u.pathname === '/api/outbox/discard')) {
           let b = {}; try { b = init && init.body ? JSON.parse(init.body) : {}; } catch { b = {}; }
-          return Promise.resolve(u.pathname === '/api/outbox/draft' ? draft(b) : layout(b));
+          return Promise.resolve(u.pathname === '/api/outbox/draft' ? draft(b) : u.pathname === '/api/outbox/discard' ? discard(b) : layout(b));
         }
       }
     } catch { /* an unreadable request goes on as it is */ }

package/workspace/public/pm/c3-demo.js

@@ -11,6 +11,7 @@
 import { el } from './dom.js';
 import * as D from './c3-demo-data.js';
 import { installInit } from './c3-demo-init.js';
+import { installBoards } from './c3-demo-boards.js';   // Initiatives boards: answers every /api/boards GET and POST (installed outermost, in installDemo)
 import './c3-demo-cal-ix.js';   // Calendar and the ribbon: sets window.__c3calix (calendar-views.js reads it in demo only)
 import './c3-demo-cal3.js';   // Calendar Quarter and Year: answers GET /api/c3-strategy (chained under this file's fetch wrapper)
 import './c3-demo-rep-ix.js';   // Reports fixtures: sets window.__c3repix (report-families-view.js reads it in demo only)
@@ -118,4 +119,4 @@ export function demoPill() {
 }
 
 export const DEMO_WS = D.WS_ID;
-export function installDemo() { freezeClock(); install(); installRep3(); installInit(); import('./c3-demo-rep2.js').then((m) => m.installRep2()); window.__c3demo = true; window.__c3demoReady = import('./c3-demo-brief-ix.js').then((m) => m.installBriefIx()).then(() => import('./c3-demo-misc2.js')).then((m) => m.installMisc2()).then(() => import('./c3-demo-brief-page.js')).then((m) => m.installBriefPage()); }   // Briefing case files, people and a simulated agent (c3-shell.js waits for __c3demoReady)
+export function installDemo() { freezeClock(); install(); installRep3(); installInit(); installBoards(); import('./c3-demo-rep2.js').then((m) => m.installRep2()); window.__c3demo = true; window.__c3demoReady = import('./c3-demo-brief-ix.js').then((m) => m.installBriefIx()).then(() => import('./c3-demo-misc2.js')).then((m) => m.installMisc2()).then(() => import('./c3-demo-brief-page.js')).then((m) => m.installBriefPage()); }   // Briefing case files, people and a simulated agent (c3-shell.js waits for __c3demoReady)

package/workspace/public/pm/c3-dock.js

@@ -46,7 +46,7 @@ export function createDock(opts) {
   /* the AGENT button: the full agent surfaces (the Terminal page), not a terminal. It carries the needs-you count; the header's button opens the same page. */
   const agentBdg = el('span', { class: 'bdg', hidden: true, 'data-c3pg': 'dock-agent-count' }, '0');
   const listBtn = el('button', { type: 'button', class: 'ib sm', title: TIPS.agentDock, 'aria-label': TIPS.agentDock, 'aria-haspopup': 'dialog', 'data-c3pg': 'dock-agent', style: 'position:relative',
-    onclick: () => { import('./c3-terminal.js').then((m) => m.openTerminalPage()); } }, ic('pulse'), agentBdg);
+    onclick: () => { import('./c3-terminal.js').then((m) => m.openTerminalPage()); } }, ic('bolt'), agentBdg);
   const side = el('aside', { class: 'c3dock dock', 'aria-label': 'Sessions', 'data-c3pg': 'dock' },
     el('div', { class: 'dk-h' }, c3ic('repo', 'sm'), sel,
       listBtn,

package/workspace/public/pm/c3-ib-docs.js

@@ -0,0 +1,80 @@
+/* pm/c3-ib-docs.js — the Docs tab of a board (mockup v5, 34-initiatives.js tabDocs / docList / docRow), and the doc helpers the
+ * initiative's own Docs tab (c3-ii-tabs.js) shares.
+ *   registerBoardTab('docs', (host, ctx) => ...)
+ * DOCS  The documents of the board's initiatives from the Documents data: GET /api/docs/library (files { path, title, category, date,
+ *       initiative }, categories). A file belongs to the board when its `initiative` is one of the board's initiatives (from
+ *       loadItems, c3-ini-work.js). Graph nodes (files with `node`) are left out. A search box filters by title, path, type and
+ *       initiative. A row opens in place (its path, type and date) and "Open the document" opens the document sheet (c3-doc-sheet.js);
+ *       when the sheet cannot load, the toast names the path.
+ * SHARED  loadDocs(ctx, idSet) · renderDocs(host, ctx, docs, order, titles, grouped)
+ * Nothing is invented: a board with no linked documents says so. */
+import { el } from './dom.js';
+import { registerBoardTab } from './c3-initiatives.js';
+import { icon, pbtn, lk, chip, tag, st, note, sect, list, empty, nrow, plural, day, ago, parseDay } from './c3-ini-ui.js';
+import { loadItems } from './c3-ini-work.js';
+
+const STALE_DAYS = 30;
+/** The documents of the library that belong to the ids: { ok, error, docs: [{ path, name, cat, ty, date, ini, st }] }. */
+export async function loadDocs(ctx, idSet) {
+  const lib = await ctx.api.get('/api/docs/library', { board: ctx.board.id });
+  if (!lib || !lib.ok) return { ok: false, error: (lib && lib.error) || 'no answer', docs: [] };
+  const catName = Object.fromEntries((lib.categories || []).map((c) => [c.key, c.name]));
+  const docs = (lib.files || []).filter((f) => !f.node && f.initiative && idSet.has(f.initiative)).map((f) => {
+    const age = parseDay(f.date) ? -(Math.round((parseDay(f.date) - parseDay(ctx.today)) / 864e5)) : null;
+    return { path: f.path, name: f.title || f.path, cat: f.category || '', ty: catName[f.category] || f.category || 'Document', date: f.date || '', ini: f.initiative, st: age != null && age > STALE_DAYS ? 'stale' : 'current' };
+  });
+  docs.sort((a, b) => String(b.date).localeCompare(String(a.date)));
+  return { ok: true, error: '', docs };
+}
+
+async function openDoc(ctx, d, titles) {
+  try {
+    const { openDocSheet } = await import('./c3-doc-sheet.js');
+    openDocSheet({ ws: ctx.ws, doc: { path: d.path, name: d.name, ty: d.ty, v: '', st: d.st, ini: d.ini, iniName: titles.get(d.ini) || d.ini } });
+  } catch { ctx.toast('The document sheet could not open. The file is ' + d.path + '.'); }
+}
+
+/** The search box and the list of docs. `grouped` false draws one flat list (an initiative's own page). */
+export function renderDocs(host, ctx, docs, order, titles, grouped) {
+  const results = el('div', { 'data-inb': 'docs-list' });
+  const input = el('input', { type: 'text', placeholder: 'Search documents', 'aria-label': 'Search documents', 'data-inb': 'docs-search', autocomplete: 'off' });
+  const count = el('span', { class: 'dim mono ini-meta', 'data-inb': 'docs-count', 'aria-live': 'polite' });
+  const row = (d) => nrow({ ic: 'doc', title: d.name, titleAttrs: { 'data-inb-doc': d.path },
+    chips: [/spec|prd/i.test(d.cat + ' ' + d.ty) ? tag(d.ty) : chip(d.ty), d.st === 'stale' ? st('warn', 'clock', 'Stale') : null, d.date ? chip(icon('clock', 'sm'), 'updated ' + ago(d.date, ctx.today)) : null,
+      grouped && d.ini ? lk({ onclick: () => ctx.openInitiative(d.ini), 'data-inb-docini': d.ini }, d.ini) : null],
+    xp: [note(d.path + (d.date ? ' · ' + day(d.date) : '')), el('div', { class: 'chips2' }, pbtn('outline', 'Open the document', 'next', { 'data-inb-docopen': d.path, onclick: () => openDoc(ctx, d, titles) }))],
+    attrs: { 'data-inb-docrow': d.path } });
+  const draw = () => {
+    const q = input.value.trim().toLowerCase();
+    const shown = docs.filter((d) => !q || (d.name + ' ' + d.path + ' ' + d.ty + ' ' + d.ini + ' ' + (titles.get(d.ini) || '')).toLowerCase().includes(q));
+    count.textContent = q ? plural(shown.length, 'document') + ' match' + (shown.length === 1 ? 'es' : '') : plural(docs.length, 'document');
+    if (!shown.length) { results.replaceChildren(empty(q ? 'No document matches "' + input.value.trim() + '".' : 'No documents.', { 'data-inb': 'docs-none' })); return; }
+    if (!grouped) { results.replaceChildren(sect({ ic: 'doc', title: 'Documents', count: shown.length }, list(shown.map(row)))); return; }
+    results.replaceChildren(...order.filter((id) => shown.some((d) => d.ini === id)).map((id) => {
+      const g = shown.filter((d) => d.ini === id);
+      return sect({ ic: 'init', title: id + ' ' + (titles.get(id) || ''), count: g.length, attrs: { 'data-inb-docgrp': id }, right: lk({ onclick: () => ctx.openInitiative(id, 'docs'), 'aria-label': 'Open ' + id }, 'Open initiative') }, list(g.map(row)));
+    }));
+  };
+  input.addEventListener('input', draw);
+  host.replaceChildren(el('div', { class: 'calbar' }, el('div', { class: 'form ini-grow' }, input), count), results);
+  draw();
+}
+
+registerBoardTab('docs', async (host, ctx) => {
+  let dead = false;
+  host.replaceChildren(note('Reading the documents'));
+  const items = await loadItems(ctx);
+  if (dead) return () => {};
+  if (!items.ok) { host.replaceChildren(el('div', { class: 'fold w', role: 'alert' }, icon('alert', 'sm'), 'The initiatives of this board could not be read: ' + items.error + '.')); return () => {}; }
+  const titles = new Map(items.initiatives.map((r) => [r.id, r.title]));
+  const lib = await loadDocs(ctx, new Set(titles.keys()));
+  if (dead) return () => {};
+  if (!lib.ok) { host.replaceChildren(el('div', { class: 'fold w', role: 'alert' }, icon('alert', 'sm'), 'The documents could not be read: ' + lib.error + '.')); return () => {}; }
+  if (!lib.docs.length) {
+    host.replaceChildren(empty(items.initiatives.length ? 'No documents are linked to the initiatives of ' + ctx.board.name + ' yet.' : ctx.board.name + ' has no initiatives, so there are no documents.', { 'data-inb': 'docs-empty' }));
+    return () => { dead = true; };
+  }
+  const order = [...new Set(lib.docs.map((d) => d.ini))];
+  renderDocs(host, ctx, lib.docs, order, titles, true);
+  return () => { dead = true; };
+});

package/workspace/public/pm/c3-ib-initiatives.js

@@ -0,0 +1,134 @@
+/* pm/c3-ib-initiatives.js — the Initiatives tab of a board (mockup v5, 34-initiatives.js tabInitiatives / iniToolbar / iniRow).
+ *   registerBoardTab('initiatives', (host, ctx) => ...)   ctx is documented in the header of c3-initiatives.js.
+ * What it draws, all of it paged on the server (GET /api/boards/backlog; q, view, cat, stage, status, owner, horizon, sort, offset, limit):
+ *   - a search box (debounced), the saved views as pills (Now and next, Mine, At risk, No owner, All) and New initiative;
+ *   - the selects Category, Stage, Status, Owner and Horizon, the Sort select and a direction toggle (sort=-key is descending). "Not done"
+ *     and "At risk or late" are comma lists (status=on track,at risk,late), which the server reads as any of;
+ *   - one console3 row per initiative: id, its workflow template, the stage dots of its own workflow, status, owner, progress, dates,
+ *     warnings; Move (a menu of its own stages, ctx.moveTo) and Open;
+ *   - a numbered pager of 25 ("26–50 of 312", Previous, 1 2 … 13, Next).
+ * ctx.filter (from the URL or a Summary tile) opens the tab on that view and those filters. One request is in flight at a time; a change
+ * made meanwhile is sent when it returns and the older answer is dropped. host.dataset.ibbState is loading | ready | error and
+ * host.dataset.ibbSeq counts the answers drawn (the browser suite polls both). */
+import { el } from './dom.js';
+import { registerBoardTab } from './c3-initiatives.js';
+import { icon, pill, lk, ib, pbtn, chip, st, note, lbl, sect, list, empty, nrow, statusChip, ownerChip, stepsMini, progChip, dateChip, daysBetween, plural, openMenu, sw, CATS } from './c3-ini-ui.js';
+import { wfOf, catOf, tplName } from './c3-ini-work.js';
+
+const PAGE = 25;
+const VIEWS = [['now', 'Now and next'], ['mine', 'Mine'], ['risk', 'At risk'], ['noowner', 'No owner'], ['all', 'All']];
+const STATUS = [['', 'Any'], ['on track,at risk,late', 'Not done'], ['on track', 'On track'], ['at risk,late', 'At risk or late'], ['at risk', 'At risk'], ['late', 'Late'], ['done', 'Done']];
+const HORIZON = [['', 'Any'], ['now,next', 'Now and next'], ['now', 'Now'], ['next', 'Next'], ['later', 'Later']];
+const SORTS = [['horizon', 'Horizon'], ['end', 'Ends'], ['title', 'Title'], ['stage', 'Stage'], ['progress', 'Progress'], ['status', 'Status'], ['owner', 'Owner'], ['id', 'Key']];
+const FKEYS = ['cat', 'stage', 'status', 'owner', 'horizon'];
+const toneOf = (s) => (s === 'late' ? 'bad' : s === 'at risk' ? 'warn' : 'ok');
+const warnChip = (w) => st('warn', 'alert', w, { title: 'An order rule, shown as a warning. It never blocks.', 'data-ini-warning': w });
+
+registerBoardTab('initiatives', (host, ctx) => {
+  const b = ctx.board;
+  const f0 = ctx.filter || {};
+  const sort0 = String(f0.sort || 'horizon');
+  const Q = { q: String(f0.q || ''), view: VIEWS.some((v) => v[0] === f0.view) ? f0.view : 'now', cat: CATS.includes(f0.cat) ? f0.cat : '', stage: f0.stage || '', status: f0.status || '', owner: f0.owner || '', horizon: f0.horizon || '',
+    sort: SORTS.some((s) => s[0] === sort0.replace(/^-/, '')) ? sort0.replace(/^-/, '') : 'horizon', dir: sort0.startsWith('-') ? -1 : 1, offset: Math.max(0, Number(f0.offset) || 0) };
+  const S = { data: null, flying: false, again: false, dead: false, seq: 0, err: '' };
+
+  const search = el('input', { type: 'text', 'data-ibb': 'q', 'aria-label': 'Search initiatives', placeholder: 'Search ' + b.name + ' initiatives', value: Q.q, autocomplete: 'off' });
+  let deb = null;
+  search.addEventListener('input', () => { clearTimeout(deb); deb = setTimeout(() => { Q.q = search.value.trim(); Q.offset = 0; request(); }, 250); });
+  search.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); clearTimeout(deb); Q.q = search.value.trim(); Q.offset = 0; request(); } });
+  const views = el('div', { class: 'chips2', role: 'group', 'aria-label': 'Saved views', 'data-ibb': 'views' });
+  const top = el('div', { class: 'calbar' }, el('div', { class: 'form ini-grow' }, search), views,
+    pbtn('primary', 'New initiative', 'plus', { 'data-ini': 'new-initiative', 'aria-haspopup': 'dialog', onclick: () => ctx.newInitiative() }));
+  const filters = el('div', { class: 'chips2', 'data-ibb': 'filters' });
+  const count = el('div', { class: 'dim ini-note', 'data-ibb': 'count', 'aria-live': 'polite' });
+  const err = el('div', { class: 'fold w', role: 'alert', 'data-ibb': 'error', hidden: '' });
+  const body = el('div', { 'data-ibb': 'body' });
+  const pager = el('div', { class: 'chips2 ini-pager', 'data-ibb': 'pager' });
+  host.replaceChildren(el('div', { class: 'calbody', 'data-ibb': 'initiatives' }, top, filters, count, err, body, pager));
+  host.dataset.ibbState = 'loading'; host.dataset.ibbSeq = '0';
+
+  const sel = (k, label, opts) => el('label', { class: 'chips2' }, lbl(label),
+    el('select', { 'data-ibb-filter': k, 'aria-label': label, onchange: (e) => { Q[k] = e.target.value; Q.offset = 0; request(); } }, ...opts.map(([v, l]) => el('option', { value: v, selected: v === Q[k] }, l))));
+  function drawControls() {
+    views.replaceChildren(...VIEWS.map(([k, l]) => pill({ 'data-ibb-view': k, 'aria-pressed': String(Q.view === k), onclick: () => { Q.view = k; Q.offset = 0; request(); } }, l)));
+    const fa = (S.data && S.data.facets) || {};
+    const keep = (k, keys) => (Q[k] && !keys.includes(Q[k]) ? [Q[k], ...keys] : keys);
+    const order = (b.workflow || []).map((s) => s.name);
+    const stages = keep('stage', Object.keys(fa.stage || {}).sort((x, y) => ((order.indexOf(x) + 1 || 99) - (order.indexOf(y) + 1 || 99)) || x.localeCompare(y)));
+    const owners = keep('owner', Object.keys(fa.owner || {}).filter((o) => o !== 'none').sort((x, y) => (x === 'You' ? -1 : y === 'You' ? 1 : x.localeCompare(y))));
+    const n = (k, v) => (fa[k] && fa[k][v] != null ? ' (' + fa[k][v] + ')' : '');
+    filters.replaceChildren(
+      sel('cat', 'Category', [['', 'Any'], ...CATS.map((c) => [c, c + n('cat', c)])]),
+      sel('stage', 'Stage', [['', 'Any'], ...stages.map((s) => [s, s + n('stage', s)])]),
+      sel('status', 'Status', STATUS),
+      sel('owner', 'Owner', [['', 'Anyone'], ['none', 'No owner' + n('owner', 'none')], ...owners.map((o) => [o, o + n('owner', o)])]),
+      sel('horizon', 'Horizon', HORIZON),
+      el('label', { class: 'chips2' }, lbl('Sort'), el('select', { 'data-ibb': 'sort', 'aria-label': 'Sort by', onchange: (e) => { Q.sort = e.target.value; Q.offset = 0; request(); } }, ...SORTS.map(([v, l]) => el('option', { value: v, selected: v === Q.sort }, l)))),
+      ib(Q.dir > 0 ? 'Ascending, press to flip' : 'Descending, press to flip', el('span', { class: Q.dir > 0 ? 'ini-up' : 'ini-down' }, icon('next', 'sm')), { 'data-ibb': 'dir', onclick: () => { Q.dir = -Q.dir; Q.offset = 0; request(); } }));
+  }
+  const active = () => FKEYS.some((k) => Q[k]) || Q.q;
+  function clearFilters() { for (const k of FKEYS) Q[k] = ''; Q.q = ''; search.value = ''; Q.offset = 0; request(); }
+
+  function moveMenu(anchor, r) {
+    const wf = wfOf(r, b);
+    openMenu(anchor, { label: 'Move ' + r.id + ' to a stage', items: [{ group: 'Move ' + r.id + ' to' }, ...wf.map((s) => ({ kids: [sw(s.cat), s.name], current: s.name === r.stage, disabled: s.name === r.stage, attrs: { 'data-ini-moveto': s.name },
+      onPick: async () => { const m = await ctx.moveTo(r.id, s.name); if (m && m.ok) request(); } }))] });
+  }
+  function rowOf(r) {
+    const wf = wfOf(r, b);
+    const late = r.status !== 'done' && r.end && daysBetween(ctx.today, r.end) < 0;
+    return nrow({ ic: r.status === 'late' || r.status === 'at risk' ? 'alert' : r.status === 'done' ? 'check' : 'init', hot: r.status === 'late' || r.status === 'at risk', title: r.title || r.id,
+      onOpen: () => ctx.openInitiative(r.id), openLabel: 'Open ' + r.id + ' ' + (r.title || ''), titleAttrs: { 'data-ibb-open': r.id },
+      chips: [el('span', { class: 'chip2 mono' }, r.id), el('span', { class: 'tag', title: 'Workflow' }, tplName(r, b)), stepsMini(wf, r.stage, tplName(r, b)), statusChip(r.status), ownerChip(r.owner),
+        progChip(r.progress || 0, toneOf(r.status)), dateChip(r.start, r.end, late), r.anchor ? null : st('warn', 'alert', 'No anchor'), ...(r.warnings || []).map(warnChip)],
+      right: [ib('Move ' + r.id + ' to another stage', 'more', { 'data-ibb-move': r.id, 'aria-haspopup': 'menu', 'aria-expanded': 'false', disabled: !!b.self, onclick: (e) => moveMenu(e.currentTarget, r) }),
+        ib('Open ' + r.id, 'next', { 'data-ini-open': r.id, onclick: () => ctx.openInitiative(r.id) })],
+      attrs: { 'data-ibb-row': r.id, 'data-cat': r.cat || catOf(wf, r.stage) } });
+  }
+  function drawPager(d) {
+    const pages = Math.max(1, Math.ceil(d.total / PAGE)); const cur = Math.floor(d.offset / PAGE);
+    if (pages < 2) { pager.replaceChildren(); return; }
+    const nums = []; for (let p = 0; p < pages; p++) if (p < 2 || p >= pages - 1 || Math.abs(p - cur) <= 1) nums.push(p); else if (nums[nums.length - 1] !== '…') nums.push('…');
+    const to = (p) => { Q.offset = p * PAGE; request(true); };
+    pager.replaceChildren(el('span', { class: 'dim mono ini-meta' }, (d.offset + 1) + '–' + Math.min(d.total, d.offset + d.rows.length) + ' of ' + d.total),
+      pill({ 'data-ibb': 'prev', disabled: cur === 0, onclick: () => to(cur - 1) }, 'Previous'),
+      ...nums.map((p) => (p === '…' ? el('span', { class: 'dim' }, '…') : pill({ 'data-ibb-page': String(p + 1), 'aria-pressed': String(p === cur), 'aria-label': 'Page ' + (p + 1), onclick: () => to(p) }, String(p + 1)))),
+      pill({ 'data-ibb': 'next', disabled: cur >= pages - 1, onclick: () => to(cur + 1) }, 'Next'));
+  }
+  function draw() {
+    err.textContent = S.err; err.hidden = !S.err;
+    drawControls();
+    const d = S.data;
+    if (!d) return;
+    const label = (VIEWS.find((v) => v[0] === Q.view) || [])[1];
+    count.replaceChildren(plural(d.total, 'initiative') + ' · ' + label + (active() ? ' · ' : ''), active() ? lk({ 'data-ibb': 'clear', onclick: clearFilters }, 'Clear filters') : '', ' · each row shows its own workflow and stage');
+    body.replaceChildren(sect({ ic: 'init', title: 'Initiatives', count: d.total },
+      d.rows.length ? list(d.rows.map(rowOf), { 'data-ibb': 'rows' }) : empty(active() || Q.view !== 'all' ? 'No initiatives match. Clear the filters or pick All.' : b.name + ' has no initiatives yet. Press New initiative, or accept an ask in Triage.', { 'data-ibb': 'empty' })));
+    drawPager(d);
+    host.dataset.ibbSeq = String(++S.seq);
+  }
+
+  async function request(keepFocus) {
+    if (S.dead) return;
+    if (S.flying) { S.again = true; return; }
+    S.flying = true; host.dataset.ibbState = 'loading'; host.setAttribute('aria-busy', 'true');
+    let r;
+    for (;;) {
+      S.again = false;
+      const q = { ...Q };
+      r = await ctx.api.get('/api/boards/backlog', { board: b.id, q: q.q, view: q.view, cat: q.cat, stage: q.stage, status: q.status, owner: q.owner, horizon: q.horizon, sort: (q.dir < 0 ? '-' : '') + q.sort, offset: q.offset, limit: PAGE });
+      if (S.dead) return;
+      if (!S.again) break;
+    }
+    S.flying = false; host.removeAttribute('aria-busy');
+    if (!r || !r.ok || r.pending) { S.err = r && r.pending ? 'The repository is still being read. Try again in a moment.' : 'The initiatives could not be read: ' + ((r && r.error) || 'no answer') + '.'; host.dataset.ibbState = 'error'; draw(); return; }
+    S.err = ''; S.data = { total: r.total || 0, offset: r.offset || 0, limit: r.limit || PAGE, rows: r.rows || [], facets: r.facets || {} };
+    Q.offset = S.data.offset;
+    draw(); host.dataset.ibbState = 'ready';
+    if (keepFocus) { const f = pager.querySelector('[aria-pressed="true"]'); if (f) f.focus(); }
+  }
+
+  drawControls();
+  request();
+  return () => { S.dead = true; clearTimeout(deb); };
+});