create-pmos 0.134.0 → 0.136.0

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

@@ -0,0 +1,201 @@
+/* pm/c3-ib-items.js — the Backlog, Board and Timeline tabs of a board (mockup v5, 34-initiatives.js tabItems / backlogBody / kanbanBody /
+ * timelineBody). The three show the same work items, Jira items and PMOS tasks mixed (GET /api/boards/items through loadItems), under ONE
+ * filter set per board that the three tabs share: search, Type, Hide done, Initiative and Source. ctx.filter.ini (a link "this initiative
+ * only" from an initiative page) sets the Initiative filter on mount. Source shows only when the board has Build and deliver on: with it
+ * off there is no Jira, and every item is a PMOS task.
+ *   registerBoardTab('backlog' | 'board' | 'timeline', (host, ctx) => ...)
+ *   Backlog   an "Add a PMOS task" form (POST /api/boards/tasks/add: title, initiative), then a section per initiative: its epics, each
+ *             followed by its items, then the items with no epic. A row opens the item sheet (c3-ini-work.js openWorkSheet).
+ *   Board     four columns, one per item status (To do, In progress, In review, Done), 8 cards each with "Show more". A PMOS task is
+ *             dragged to another column (HTML drag and drop) or moved with its Move menu: POST /api/boards/tasks/state. A Jira item has
+ *             a lock: a drop says its status lives in Jira. Epics are on Backlog and Timeline, not here.
+ *   Timeline  initiative > epic > item on the HTML timeline (c3-ini-timeline.js): a PMOS bar drags to reschedule (POST
+ *             /api/boards/tasks/reschedule, with Undo), a Jira bar is locked; release dates (GET /api/releases) are markers.
+ * Every control is a button; the drag handlers are drag events on the cards and columns (pointer handlers stay on the document). */
+import { el } from './dom.js';
+import { registerBoardTab } from './c3-initiatives.js';
+import { icon, pill, lk, ib, pbtn, note, lbl, sect, card, list, empty, stepsMini, plural, trunc, openMenu, mono } from './c3-ini-ui.js';
+import { STATUSES, wfOf, tplName, loadItems, dropItems, workRow, workTlRows, iniTlRow, rescheduleTask, lockedToast } from './c3-ini-work.js';
+import { timeline, tlInit, tlRange, tlStill } from './c3-ini-timeline.js';
+
+const COL_CAP = 8;
+const TL_CAP = 14;
+const KINDS = [['', 'Any type'], ['Epic', 'Epic'], ['Story', 'Story'], ['Task', 'Task'], ['Bug', 'Bug']];
+const STATE = new Map();   // ws|board -> the shared filters
+const stateOf = (ctx) => {
+  const k = ctx.ws + '|' + ctx.board.id;
+  if (!STATE.has(k)) STATE.set(k, { q: '', ini: '', src: '', kind: '', hideDone: false, more: {}, tlAll: false });
+  return STATE.get(k);
+};
+const matches = (st, w) => {
+  const q = st.q.trim().toLowerCase();
+  return (!st.ini || w.ini === st.ini) && (!st.src || w.src === st.src) && (!st.kind || w.kind === st.kind) && (!st.hideDone || w.status !== 'Done')
+    && (!q || ((w.key || '') + ' ' + w.title + ' ' + (w.owner || '') + ' ' + w.ini).toLowerCase().includes(q));
+};
+
+function mountItems(tab) {
+  return async (host, ctx) => {
+    const b = ctx.board;
+    const st = stateOf(ctx);
+    if (ctx.filter && ctx.filter.ini) st.ini = ctx.filter.ini;
+    if (!b.build && st.src === 'jira') st.src = '';
+    let dead = false; let R = null;
+    host.replaceChildren(note('Reading the work items'));
+    async function reload(force) {
+      R = await loadItems(ctx, force);
+      if (!dead) draw();
+    }
+    const changed = () => { dropItems(ctx); reload(true); };
+
+    function toolbar(all, shown) {
+      const byId = new Map(R.initiatives.map((i) => [i.id, i]));
+      const withWork = [...new Set(all.map((w) => w.ini))].map((id) => byId.get(id)).filter(Boolean).sort((a, c) => ((c.featured ? 1 : 0) - (a.featured ? 1 : 0)) || a.id.localeCompare(c.id));
+      if (st.ini && !withWork.some((i) => i.id === st.ini) && byId.get(st.ini)) withWork.push(byId.get(st.ini));
+      const others = R.initiatives.length - withWork.length;
+      const n = shown.filter((w) => w.kind !== 'Epic').length; const ne = shown.filter((w) => w.kind === 'Epic').length;
+      const search = el('input', { type: 'text', value: st.q, placeholder: 'Search ' + b.name + ' work items', 'aria-label': 'Search work items', 'data-wk': 'q', autocomplete: 'off' });
+      let deb = null;
+      search.addEventListener('input', () => { clearTimeout(deb); deb = setTimeout(() => { st.q = search.value; draw('[data-wk="q"]'); }, 200); });
+      const any = st.q || st.ini || st.src || st.kind || st.hideDone;
+      return [
+        el('div', { class: 'calbar' }, el('div', { class: 'form ini-grow' }, search),
+          el('label', { class: 'chips2' }, lbl('Type'), el('select', { 'aria-label': 'Type', 'data-wk': 'kind', onchange: (e) => { st.kind = e.target.value; draw('[data-wk="kind"]'); } }, ...KINDS.map(([v, l]) => el('option', { value: v, selected: v === st.kind }, l)))),
+          pill({ 'data-wk': 'done', 'aria-pressed': String(st.hideDone), onclick: () => { st.hideDone = !st.hideDone; draw('[data-wk="done"]'); } }, 'Hide done')),
+        el('div', { class: 'chips2', role: 'group', 'aria-label': 'Initiative filter', 'data-wk': 'inis' }, lbl('INITIATIVE'),
+          pill({ 'data-wk-ini': '', 'aria-pressed': String(!st.ini), onclick: () => { st.ini = ''; draw('[data-wk-ini=""]'); } }, 'All initiatives'),
+          ...withWork.map((i) => pill({ 'data-wk-ini': i.id, 'aria-pressed': String(st.ini === i.id), title: i.id + ' ' + i.title, onclick: () => { st.ini = i.id; draw('[data-wk-ini="' + i.id + '"]'); } }, el('span', { class: 'mono' }, i.id), ' ' + trunc(i.title, 30))),
+          others > 0 ? el('span', { class: 'dim ini-note' }, plural(others, 'more initiative has', 'more initiatives have') + ' no epics or tasks yet') : null),
+        b.build
+          ? el('div', { class: 'chips2', role: 'group', 'aria-label': 'Source filter', 'data-wk': 'srcs' }, lbl('SOURCE'),
+            ...[['', 'All sources'], ['jira', [icon('jira', 'sm'), 'Jira ' + (b.jira || '')]], ['pmos', 'PMOS tasks']].map(([v, l]) => pill({ 'data-wk-src': v, 'aria-pressed': String(st.src === v), onclick: () => { st.src = v; draw('[data-wk-src="' + v + '"]'); } }, ...[].concat(l))))
+          : el('div', { class: 'dim ini-note', 'data-wk': 'no-jira' }, icon('info', 'sm'), ' Build and deliver is off for ' + b.name + ', so there is no Jira here: every item is a PMOS task. ', lk({ onclick: () => ctx.openBoardSettings() }, 'Board settings')),
+        el('div', { class: 'dim ini-note', 'data-wk': 'count' }, plural(n, 'item') + (ne ? ' in ' + plural(ne, 'epic') : '') + (st.ini ? ' · ' + st.ini + ' only' : '') + (st.src ? ' · ' + (st.src === 'jira' ? 'Jira only' : 'PMOS only') : '') + ' · ',
+          any ? lk({ 'data-wk': 'clear', onclick: () => { Object.assign(st, { q: '', ini: '', src: '', kind: '', hideDone: false }); draw(); } }, 'Clear filters') : null, any ? ' · ' : null, 'same filters on Backlog, Board and Timeline'),
+      ];
+    }
+
+    /* ── Backlog ── */
+    function addForm() {
+      const inis = R.initiatives.filter((i) => i.status !== 'done').sort((a, c) => ((c.featured ? 1 : 0) - (a.featured ? 1 : 0)) || a.id.localeCompare(c.id)).slice(0, 60);
+      const F = { ini: st.ini && inis.some((i) => i.id === st.ini) ? st.ini : (inis[0] || {}).id || '', busy: false };
+      const input = el('input', { type: 'text', placeholder: 'Add a PMOS task', 'aria-label': 'Add a PMOS task', 'data-wk': 'add-title' });
+      const msg = el('div', { class: 'fold w', role: 'alert', hidden: '', 'data-wk': 'add-error' });
+      async function add() {
+        const title = input.value.trim();
+        if (!title) { msg.textContent = 'Write the task first.'; msg.hidden = false; input.focus(); return; }
+        if (!F.ini || F.busy) return;
+        F.busy = true;
+        const r = await ctx.api.post('/api/boards/tasks/add', { board: b.id, initiative: F.ini, title });
+        F.busy = false;
+        if (!r || !r.ok) { msg.textContent = 'The task was not added: ' + ((r && r.error) || 'no answer') + '.'; msg.hidden = false; return; }
+        ctx.toast('PMOS task added to ' + F.ini + '. Drag it on the Timeline to set its dates.');
+        changed();
+      }
+      input.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); add(); } });
+      return card({ ic: 'plus', title: 'Add a PMOS task', sub: b.build ? 'Jira items are created in Jira' : 'this board has no Jira', attrs: { 'data-wk': 'add' } },
+        inis.length ? el('div', { class: 'form' }, input,
+          el('select', { 'aria-label': 'Initiative for the task', 'data-wk': 'add-ini', onchange: (e) => { F.ini = e.target.value; } }, ...inis.map((i) => el('option', { value: i.id, selected: i.id === F.ini }, i.id + ' ' + trunc(i.title, 28)))),
+          pbtn('outline', 'Add', 'plus', { 'data-wk': 'add-go', onclick: add })) : note('No open initiative to add a task to.'), msg);
+    }
+    function backlogBody(shown, all) {
+      const byId = new Map(R.initiatives.map((i) => [i.id, i]));
+      const groups = [...new Set(shown.map((w) => w.ini))].map((id) => byId.get(id)).filter(Boolean).sort((a, c) => ((c.featured ? 1 : 0) - (a.featured ? 1 : 0)) || String(a.start || '9').localeCompare(String(c.start || '9')));
+      const secs = groups.map((i) => {
+        const its = shown.filter((w) => w.ini === i.id); const epics = its.filter((w) => w.kind === 'Epic');
+        const inEpic = (w) => w.kind !== 'Epic' && w.epic && epics.some((e) => e.uid === w.epic);
+        const ordered = [...epics.flatMap((e) => [e, ...its.filter((w) => w.epic === e.uid)]), ...its.filter((w) => w.kind !== 'Epic' && !inEpic(w))];
+        return sect({ ic: 'init', title: i.id + ' ' + trunc(i.title, 48), count: its.length, attrs: { 'data-wk-group': i.id },
+          right: el('span', { class: 'chips2' }, stepsMini(wfOf(i, b), i.stage, tplName(i, b)), lk({ onclick: () => ctx.openInitiative(i.id, 'breakdown') }, 'Open initiative')) },
+        list(ordered.map((w) => workRow(ctx, w, { all, sub: inEpic(w), onChanged: changed }))));
+      });
+      return [addForm(), ...(secs.length ? secs : [empty('No work items match. Clear the filters, or add a PMOS task.', { 'data-wk': 'empty' })])];
+    }
+
+    /* ── Board (kanban) ── */
+    async function setState(w, s) {
+      if (w.src === 'jira') { lockedToast(ctx, w.key); return; }
+      if (w.status === s) return;
+      const r = await ctx.api.post('/api/boards/tasks/state', { board: b.id, task: w.ref, state: s });
+      if (!r || !r.ok) { ctx.toast({ text: 'The status did not change: ' + ((r && r.error) || 'no answer') + '.', tone: 'error' }); return; }
+      ctx.toast('"' + trunc(w.title, 40) + '" moved to ' + s + '.');
+      changed();
+    }
+    function kbCard(w, all) {
+      const li = workRow(ctx, w, { all, epic: true, onChanged: changed,
+        right: w.src === 'pmos' ? [ib('Move ' + w.title + ' to another status', 'more', { 'data-wk-move': w.ref, 'aria-haspopup': 'menu', 'aria-expanded': 'false',
+          onclick: (e) => openMenu(e.currentTarget, { label: 'Move to a status', items: [{ group: 'Move to' }, ...STATUSES.map((s) => ({ label: s, current: s === w.status, disabled: s === w.status, attrs: { 'data-wk-state': s }, onPick: () => setState(w, s) }))] }) })] : [] });
+      li.setAttribute('draggable', 'true'); li.setAttribute('data-ini-card', w.uid);
+      li.addEventListener('dragstart', (e) => { try { e.dataTransfer.setData('text/plain', w.uid); e.dataTransfer.effectAllowed = 'move'; } catch { /* no data transfer */ } li.classList.add('ini-dragging'); });
+      li.addEventListener('dragend', () => li.classList.remove('ini-dragging'));
+      return li;
+    }
+    function kanbanBody(shown, all) {
+      const items = shown.filter((w) => w.kind !== 'Epic');
+      const cols = STATUSES.map((s) => {
+        const cards = items.filter((w) => w.status === s).sort((a, c) => ((c.blocked ? 1 : 0) - (a.blocked ? 1 : 0)) || String(a.end || '9').localeCompare(String(c.end || '9')));
+        const cap = st.more[s] ? cards.length : COL_CAP;
+        const col = sect({ ic: s === 'Done' ? 'check' : s === 'To do' ? 'todo' : 'bolt', title: s, count: cards.length, attrs: { 'data-ini-col': s, 'aria-label': s } },
+          cards.length ? list(cards.slice(0, cap).map((w) => kbCard(w, all))) : empty('Drop a PMOS task here'),
+          cards.length > cap ? el('div', { class: 'chips2' }, pill({ 'data-wk-more': s, onclick: () => { st.more[s] = true; draw(); } }, 'Show ' + (cards.length - cap) + ' more')) : null);
+        col.addEventListener('dragover', (e) => { e.preventDefault(); col.classList.add('over'); });
+        col.addEventListener('dragleave', (e) => { if (!col.contains(e.relatedTarget)) col.classList.remove('over'); });
+        col.addEventListener('drop', (e) => {
+          e.preventDefault(); col.classList.remove('over');
+          let uid = ''; try { uid = e.dataTransfer.getData('text/plain'); } catch { uid = ''; }
+          const w = items.find((x) => x.uid === uid); if (w) setState(w, s);
+        });
+        return col;
+      });
+      return [note('Columns are item statuses. Drag a PMOS task to move it, or use its menu. Jira items carry a lock: their status changes in Jira and shows here after the next sync. Epics are in Backlog and Timeline.'),
+        el('div', { class: 'brief sbb' }, el('div', { class: 'ini-kb', 'data-wk': 'kanban' }, ...cols))];
+    }
+
+    /* ── Timeline ── */
+    let markers = null;
+    async function loadMarkers() {
+      if (!b.build) { markers = []; return; }
+      const r = await ctx.api.get('/api/releases', { board: b.id });
+      markers = r && r.ok ? (r.releases || []).filter((x) => !x.board || x.board === b.id).map((x) => ({ id: x.id, at: String(x.release_at || x.deploy_at || x.date || '').slice(0, 10), label: x.name || x.id, kind: 'release' })).filter((m) => m.at) : [];
+    }
+    function timelineBody(shown) {
+      const withItems = new Set(shown.map((w) => w.ini));
+      let inis = R.initiatives.filter((i) => (st.ini ? i.id === st.ini : true));
+      let hidden = 0;
+      if (!st.ini) {
+        const pick = inis.filter((i) => withItems.has(i.id)).sort((a, c) => ((c.featured ? 1 : 0) - (a.featured ? 1 : 0)) || String(a.start || '9').localeCompare(String(c.start || '9')));
+        const rest = (st.src || st.q || st.kind) ? [] : inis.filter((i) => !withItems.has(i.id) && i.status !== 'done' && i.start && i.end && (i.horizon === 'now' || i.featured)).sort((a, c) => String(a.start).localeCompare(String(c.start)));
+        const cap = st.tlAll ? 1e9 : TL_CAP; inis = [...pick, ...rest].slice(0, Math.max(cap, pick.length));
+        hidden = pick.length + rest.length - inis.length;
+      }
+      const rows = inis.map((i) => iniTlRow(ctx, i, workTlRows(ctx, shown.filter((w) => w.ini === i.id), changed), b));
+      const first = inis.find((i) => withItems.has(i.id));
+      const { from, to } = tlRange(ctx.today);
+      const key = 'b:' + ctx.ws + ':' + b.id;
+      const node = timeline({ key, rows, from, to, today: ctx.today, markers: markers || [], head: 'Initiative > epic > item',
+        defOpen: st.ini ? [st.ini] : first ? [first.id, ...shown.filter((w) => w.ini === first.id && w.kind === 'Epic').map((e) => e.uid)] : [],
+        onMove: (task, days) => rescheduleTask(ctx, task, days, () => { tlStill(key); changed(); }),
+        onLocked: (k) => lockedToast(ctx, k) });
+      requestAnimationFrame(() => { if (!dead) tlInit(host); });
+      return [sect({ ic: 'cal', title: 'Timeline', count: rows.length, right: mono('press a row to open its epics') }, node,
+        hidden > 0 ? el('div', { class: 'chips2' }, el('span', { class: 'dim ini-note' }, plural(hidden, 'more Now initiative', 'more Now initiatives') + ' with no epics yet'), pill({ 'data-wk': 'tl-all', onclick: () => { st.tlAll = true; draw(); } }, 'Show all')) : null,
+        b.build ? note('Release dates come from Jira ' + (b.jira || '') + ' fix versions. PMOS bars drag to reschedule; Jira bars are locked.') : note('Every bar here is a PMOS task: drag it to reschedule.'))];
+    }
+
+    function draw(focusSel) {
+      if (dead) return;
+      if (!R.ok) { host.replaceChildren(el('div', { class: 'fold w', role: 'alert', 'data-ini': 'error' }, icon('alert', 'sm'), 'The work items could not be read: ' + R.error + '.')); return; }
+      const all = R.items; const shown = all.filter((w) => matches(st, w));
+      const body = tab === 'backlog' ? backlogBody(shown, all) : tab === 'board' ? kanbanBody(shown, all) : timelineBody(shown);
+      host.replaceChildren(el('div', { class: 'calbody', 'data-wk-tab': tab }, ...toolbar(all, shown), ...body));
+      if (focusSel) { const f = host.querySelector(focusSel); if (f) { f.focus(); if (f.setSelectionRange && f.value) f.setSelectionRange(f.value.length, f.value.length); } }
+    }
+
+    if (tab === 'timeline') await loadMarkers();
+    await reload(false);
+    return () => { dead = true; };
+  };
+}
+
+registerBoardTab('backlog', mountItems('backlog'));
+registerBoardTab('board', mountItems('board'));
+registerBoardTab('timeline', mountItems('timeline'));

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

@@ -0,0 +1,51 @@
+/* pm/c3-ib-releases.js — the Releases tab of a board with Build and deliver on (mockup v5, 34-initiatives.js tabReleases).
+ *   registerBoardTab('releases', (host, ctx) => ...)
+ * Reads GET /api/releases (lib/routes-releases.js: id, name?, initiative_ids, deploy_at, release_at, accepted_at, gapFlags, and `board`
+ * and `status` when a release carries them) and keeps the releases whose initiative_ids meet the board's initiatives (loadItems). A
+ * release that names another board in `board` is left out. Read-only: releases mirror Jira fix versions; their dates live on the Calendar.
+ * Left: Unreleased (the nearest first), each row with its status, date and days to go, the share of its scope done, and in place its
+ * scope as links; then Released. Right: where releases live, and Open the Calendar. Nothing is invented: a release with no name shows
+ * its id, one with no date says "No date yet". */
+import { el } from './dom.js';
+import { registerBoardTab } from './c3-initiatives.js';
+import { icon, pbtn, lk, chip, tag, st, note, sect, card, list, empty, nrow, cols, hbs, hbr, statusChip, plural, day, daysBetween } from './c3-ini-ui.js';
+import { loadItems } from './c3-ini-work.js';
+
+const whenOf = (r) => String(r.release_at || r.deploy_at || r.date || '').slice(0, 10);
+const relSt = (s) => (/at risk/i.test(s) ? st('warn', 'alert', 'At risk') : /ready/i.test(s) ? st('ok', 'check', 'Ready') : /released|accepted/i.test(s) ? st('ok', 'check', s) : tag(s));
+
+registerBoardTab('releases', async (host, ctx) => {
+  let dead = false;
+  const b = ctx.board;
+  host.replaceChildren(note('Reading the releases'));
+  const [items, rel] = await Promise.all([loadItems(ctx), ctx.api.get('/api/releases', { board: b.id })]);
+  if (dead) return () => {};
+  const fail = (t) => { host.replaceChildren(el('div', { class: 'fold w', role: 'alert' }, icon('alert', 'sm'), t)); return () => { dead = true; }; };
+  if (!items.ok) return fail('The initiatives of this board could not be read: ' + items.error + '.');
+  if (!rel || !rel.ok) return fail('The releases could not be read: ' + ((rel && rel.error) || 'no answer') + '.');
+  const byId = new Map(items.initiatives.map((i) => [i.id, i]));
+  const mine = (rel.releases || []).filter((r) => (r.board ? r.board === b.id : Array.isArray(r.initiative_ids) && r.initiative_ids.some((id) => byId.has(id))));
+  const statusOf = (r, past) => r.status || (r.accepted_at ? 'Released' : past ? 'Past' : 'Planned');
+  const up = mine.filter((r) => !whenOf(r) || whenOf(r) >= ctx.today).sort((a, c) => (!whenOf(a)) - (!whenOf(c)) || whenOf(a).localeCompare(whenOf(c)));
+  const past = mine.filter((r) => whenOf(r) && whenOf(r) < ctx.today).sort((a, c) => whenOf(c).localeCompare(whenOf(a)));
+  const row = (r, isPast) => {
+    const scope = (r.initiative_ids || []).map((id) => byId.get(id) || { id, title: '', progress: null, status: '' });
+    const known = scope.filter((i) => i.progress != null);
+    const prog = known.length ? known.reduce((n, i) => n + (Number(i.progress) || 0), 0) / known.length : 0;
+    const status = statusOf(r, isPast); const w = whenOf(r); const gaps = Array.isArray(r.gapFlags) ? r.gapFlags.length : 0;
+    return nrow({ ic: isPast ? 'check' : 'out', hot: /at risk/i.test(status), tone: isPast ? 'ok' : '', title: r.name || r.id, titleAttrs: { 'data-inb-relopen': r.id },
+      chips: [relSt(status), chip(icon('cal', 'sm'), w ? day(w) + (isPast ? '' : ' · ' + plural(daysBetween(ctx.today, w), 'day')) : 'No date yet'),
+        known.length ? chip(Math.round(prog * 100) + '% of scope done') : null, gaps ? st('warn', 'alert', plural(gaps, 'gap')) : null, tag(icon('jira', 'sm'), 'fix version')],
+      xp: [hbs([hbr('Scope done', Math.round(prog * 100) + '%', prog, /at risk/i.test(status) ? 'warn' : 'ok')]),
+        el('div', { class: 'chips', 'data-inb': 'release-scope' }, el('span', { class: 'dim ini-note' }, 'Scope:'),
+          ...(scope.length ? scope.map((i) => el('span', { class: 'chips2' }, byId.has(i.id) ? lk({ onclick: () => ctx.openInitiative(i.id), 'data-inb-scope': i.id }, i.id + (i.title ? ' ' + i.title : '')) : chip(i.id), i.status ? statusChip(i.status) : null))
+            : [el('span', { class: 'dim' }, 'No initiatives in scope')]))],
+      attrs: { 'data-inb-release': r.id, 'data-inb-when': isPast ? 'past' : r === up[0] ? 'next' : 'later' } });
+  };
+  host.replaceChildren(cols(
+    [sect({ ic: 'out', title: 'Unreleased', count: up.length, attrs: { 'data-inb': 'release-next' } }, up.length ? list(up.map((r) => row(r, false))) : empty('No release planned for ' + b.name + '.', { 'data-inb': 'release-none-next' })),
+      past.length ? sect({ ic: 'check', title: 'Released', count: past.length, attrs: { 'data-inb': 'release-past' } }, list(past.map((r) => row(r, true)))) : null],
+    [card({ ic: 'out', title: 'Where releases live' }, note('Releases mirror Jira ' + (b.jira || '') + ' fix versions, because this board builds and delivers. Release dates are references: their home is the Calendar.'),
+      el('div', { class: 'chips2' }, pbtn('outline', 'Open the Calendar', 'cal', { 'data-inb': 'open-calendar', onclick: () => ctx.showTab('cal') })))]));
+  return () => { dead = true; };
+});

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

@@ -0,0 +1,55 @@
+/* pm/c3-ib-sprints.js — the Sprints tab of a board with Build and deliver on (mockup v5, 34-initiatives.js tabSprints).
+ *   registerBoardTab('sprints', (host, ctx) => ...)
+ * Reads GET /api/boards/sprints { source: jira|none, readAt, sprints: [{ name, state: active|future|closed, issues: [{ key, summary, status,
+ * category: todo|doing|done, initiative }], counts }] }. READ-ONLY: the sprints mirror Jira, so there is no create, edit or move control.
+ * Left: the source line (mirrored from Jira, read at), the active sprint's items as rows (a linked initiative opens its page), then the
+ * future and closed sprints in place. Right: the active sprint's counts, and its burndown from GET /api/stage-tools/burndown (built by
+ * the stage-records change; when that route is not on this server yet, the card says so quietly). source 'none' says there is no tracker. */
+import { el } from './dom.js';
+import { registerBoardTab } from './c3-initiatives.js';
+import { icon, pbtn, lk, chip, tag, st, note, sect, card, list, empty, nrow, cols, hbs, hbr, kv, plural, day } from './c3-ini-ui.js';
+import { loadItems } from './c3-ini-work.js';
+import { recordCards } from './c3-ini-records.js';
+
+const CAT = { todo: 'To do', doing: 'In progress', done: 'Done' };
+const readTime = (s) => { const m = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})/.exec(String(s || '')); return m ? day(m[1]) + ', ' + m[2] : ''; };
+const countsOf = (sp) => { const c = sp.counts || {}; const f = (k) => (c[k] != null ? Number(c[k]) : (sp.issues || []).filter((i) => i.category === k).length); return { todo: f('todo'), doing: f('doing'), done: f('done') }; };
+
+registerBoardTab('sprints', async (host, ctx) => {
+  let dead = false;
+  const b = ctx.board;
+  host.replaceChildren(note('Reading the sprints'));
+  const [r, items] = await Promise.all([ctx.api.get('/api/boards/sprints', { board: b.id }), loadItems(ctx)]);
+  if (dead) return () => {};
+  if (!r || !r.ok) { host.replaceChildren(el('div', { class: 'fold w', role: 'alert' }, icon('alert', 'sm'), 'The sprints could not be read: ' + ((r && r.error) || 'no answer') + '.')); return () => { dead = true; }; }
+  if (r.source === 'none') { host.replaceChildren(empty('Waiting for the first sync from Jira ' + (b.jira || '') + '. Sprints will be mirrored here, read-only.', { 'data-inb': 'sprints-none' })); return () => { dead = true; }; }
+  const sprints = r.sprints || [];
+  const active = sprints.find((s) => s.state === 'active');
+  const others = sprints.filter((s) => s !== active);
+  const issueRow = (i) => nrow({ ic: i.category === 'done' ? 'check' : i.category === 'doing' ? 'bolt' : 'todo', hot: i.category === 'doing', title: i.summary || i.key,
+    chips: [el('span', { class: 'chip2 mono' }, i.key), tag(icon('jira', 'sm'), 'Jira'), i.category === 'done' ? st('ok', 'check', i.status || 'Done') : chip(i.status || CAT[i.category] || ''),
+      i.initiative ? lk({ onclick: () => ctx.openInitiative(i.initiative), 'data-inb-issue-ini': i.initiative }, icon('init', 'sm'), i.initiative) : el('span', { class: 'dim' }, 'No initiative')],
+    right: [el('span', { class: 'chip2', title: 'Status lives in Jira' }, icon('lock', 'sm'))], attrs: { 'data-inb-issue': i.key } });
+  const t = readTime(r.readAt);
+  const left = [
+    el('div', { class: 'fold', 'data-inb': 'sprints-source' }, icon('lock', 'sm'), el('b', null, 'Mirrored from Jira, read-only.'), ' ' + (t ? 'Read ' + t + ' from Jira ' + (b.jira || '') + '.' : 'Not read yet.') + ' Change sprints in Jira.'),
+    active ? sect({ ic: 'check', title: active.name + ' items', count: (active.issues || []).length, right: tag('read-only'), attrs: { 'data-inb-sprint': active.name, 'data-inb-state': 'active' } },
+      (active.issues || []).length ? list(active.issues.map(issueRow)) : empty('No items in this sprint yet.', { 'data-inb': 'sprint-no-issues' }))
+      : empty(sprints.length ? 'No sprint is active.' : 'Jira has no sprints for this board.', { 'data-inb': sprints.length ? 'sprints-no-active' : 'sprints-empty' }),
+    ...others.map((s) => { const c = countsOf(s); return sect({ ic: s.state === 'closed' ? 'check' : 'clock', title: s.name, count: (s.issues || []).length, right: tag(s.state || 'sprint'), attrs: { 'data-inb-sprint': s.name, 'data-inb-state': s.state } },
+      nrow({ ic: 'clock', title: c.done + ' done, ' + c.doing + ' in progress, ' + c.todo + ' to do', xp: (s.issues || []).length ? [list(s.issues.map(issueRow))] : [note('No items.')] })); }),
+  ];
+  const right = [];
+  if (active) {
+    const c = countsOf(active); const tot = Math.max(1, c.todo + c.doing + c.done);
+    right.push(card({ ic: 'clock', title: active.name, attrs: { 'data-inb': 'sprint-counts' } }, kv([['Items', String(c.todo + c.doing + c.done)], ['Done', String(c.done)], ['In progress', String(c.doing)], ['To do', String(c.todo)]]),
+      hbs([hbr('Done', c.done, c.done / tot, 'ok'), hbr('In progress', c.doing, c.doing / tot, 'acc'), hbr('To do', c.todo, c.todo / tot, 'pm')])));
+    const ids = items.ok ? items.initiatives.map((i) => i.id) : [];
+    const pseudo = { ...ctx, row: { id: ids.join(','), title: '' } };
+    right.push(...await recordCards(pseudo, ['burndown']));
+  }
+  right.push(card({ ic: 'out', title: 'In Jira' }, note('Sprints, their dates and their items are Jira\'s. PMOS mirrors them after each sync.'), el('div', { class: 'chips2' }, pbtn('outline', 'Open the Board', 'cols', { onclick: () => ctx.openBoard(b.id, 'board') }))));
+  if (dead) return () => {};
+  host.replaceChildren(cols(left, right));
+  return () => { dead = true; };
+});

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

@@ -0,0 +1,178 @@
+/* pm/c3-ib-triage.js — the Triage tab of a board: the home of new asks (mockup v5, 34-initiatives.js tabTriage / askRow).
+ *   registerBoardTab('triage', (host, ctx) => ...)   ctx is documented in the header of c3-initiatives.js.
+ * Left: "Add an ask" (one line, POST /api/boards/asks/add; its intake draft shows on the new row), the new asks (GET /api/boards/asks
+ * state=open, newest first) and the decided ones (accepted and declined). Each ask row opens in place: its draft (the lane guess with its
+ * confidence, the anchor suggestion, any prior rejection) and Accept, Ask for more, Decline.
+ *   Accept       a sheet with title, lane and anchor prefilled from the draft; the anchor is required and the sheet says why when it is
+ *                empty. POST /api/boards/asks/accept starts an initiative with the board's default workflow, in its first stage; a toast
+ *                opens it.
+ *   Ask for more a sheet for the question to the asker (POST /api/boards/asks/more). The ask stays open, marked "asked for more".
+ *   Decline      a sheet that asks for the reason (POST /api/boards/asks/decline).
+ * Right: how triage works, naming the default workflow and its first stage.
+ * Contract fields relied on: an ask is { id, line, source?, at?, by?, needMore?, moreNote?, draft?: { title?, lane, confidence,
+ * anchor_suggestion, prior_rejections: [{ id, title, why }] }, initiative? (accepted), why? (declined) }. Nothing is invented. */
+import { el } from './dom.js';
+import { registerBoardTab } from './c3-initiatives.js';
+import { icon, pbtn, lk, chip, tag, st, note, noteA, lbl, sect, card, list, empty, nrow, cols, chgl, ago } from './c3-ini-ui.js';
+import { TEMPLATES } from './c3-ini-work.js';
+
+const LANES = ['feature', 'discovery', 'chore', 'incident', 'content', 'prototype'];
+const ANCHOR_WHY = 'An initiative needs an anchor: a key result or a health budget. PMOS refuses to create one without it.';
+const pct = (c) => (typeof c === 'number' && c >= 0 && c <= 1 ? Math.round(c * 100) + '%' : '');
+const errText = (r, what) => what + ': ' + ((r && r.error) || 'no answer') + '.';
+const errLine = (attrs) => el('div', { class: 'fold w', role: 'alert', hidden: '', ...attrs });
+
+registerBoardTab('triage', async (host, ctx) => {
+  const b = ctx.board;
+  const def = TEMPLATES[b.defTpl] || TEMPLATES[b.template] || TEMPLATES.product;
+  const first = (TEMPLATES[b.defTpl] ? def.stages[0] : (b.workflow || [])[0]) || def.stages[0];
+  const S = { open: [], other: [], busy: false, dead: false, err: '', justAdded: '' };
+
+  const input = el('input', { type: 'text', 'data-ibt': 'line', 'aria-label': 'Add an ask', placeholder: 'Add an ask: who wants what, and why', maxlength: '300', autocomplete: 'off' });
+  input.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); add(); } });
+  const addBtn = pbtn('outline', 'Add', 'plus', { 'data-ibt': 'add', onclick: () => add() });
+  const msg = errLine({ 'data-ibt': 'error' });
+  const left = el('div', { class: 'ini-col' });
+  const right = card({ ic: 'inbox', title: 'How triage works', attrs: { 'data-ibt': 'intro' } },
+    note('New asks land here from Slack, email, Jira Service Desk and meeting notes. Each gets a sharpness check and a prior-ask check. Accepting starts an initiative with this board\'s default workflow, ' + def.name + ', in ' + first.name + '. You can switch the initiative to another workflow afterwards.'),
+    chgl([el('li', null, icon('check', 'sm'), el('span', null, 'Accept: starts an initiative (' + def.name + ', ' + first.name + ')'), el('span')),
+      el('li', null, icon('reply', 'sm'), el('span', null, 'Ask for more: the asker is prompted for detail'), el('span')),
+      el('li', null, icon('x', 'sm'), el('span', null, 'Decline: the asker is told why'), el('span'))]));
+  host.replaceChildren(cols(left, right));
+  const setErr = (t) => { msg.textContent = t || ''; msg.hidden = !t; };
+
+  function draftNodes(a) {
+    const d = a.draft;
+    if (!d) return [noteA({ 'data-ibt': 'no-draft' }, 'No intake draft for this ask.')];
+    const c = pct(d.confidence);
+    return [el('div', { class: 'chips', 'data-ibt': 'draft' },
+      tag('Lane guess: ' + (d.lane || 'none') + (c ? ', ' + c + ' sure' : '')),
+      d.anchor_suggestion ? chip(icon('target', 'sm'), 'Anchor: ' + d.anchor_suggestion) : st('warn', 'alert', 'No anchor suggested', { 'data-ibt': 'anchor-sug' }),
+      ...(Array.isArray(d.prior_rejections) ? d.prior_rejections : []).map((p) => st('bad', 'x', 'Rejected before: ' + (p.id ? p.id + ' ' : '') + (p.title || '') + (p.why ? ' (' + p.why + ')' : ''), { title: p.why || '', 'data-ibt': 'prior' })))];
+  }
+  function row(a, state) {
+    const open = state === 'open';
+    const ini = a.initiative && (a.initiative.id || a.initiative);
+    const sharp = a.draft && typeof a.draft.confidence === 'number' ? (a.draft.confidence >= 0.7 ? 'sharp' : a.draft.confidence < 0.5 ? 'needs detail' : 'readable') : 'no draft';
+    return nrow({ ic: state === 'declined' ? 'x' : state === 'accepted' ? 'check' : 'bolt', hot: open, title: a.line, key: 'ask:' + a.id,
+      chips: [a.source ? chip(a.source) : null, a.by ? chip(icon('user', 'sm'), a.by) : null, a.at ? chip(ago(a.at, ctx.today)) : null,
+        open && a.needMore ? st('warn', 'alert', 'asked for more', { 'data-ibt': 'need-more', title: a.moreNote || '' }) : null,
+        state === 'accepted' ? st('ok', 'check', 'Accepted') : null, state === 'accepted' && ini ? lk({ 'data-ibt-open': ini, onclick: () => ctx.openInitiative(ini) }, ini) : null,
+        state === 'declined' ? tag('declined') : null],
+      right: open ? [tag(sharp)] : [],
+      xp: open ? [...draftNodes(a), a.needMore && a.moreNote ? note('You asked: ' + a.moreNote) : null,
+        el('div', { class: 'chips2' }, pbtn('primary', 'Accept', 'check', { 'data-ibt-accept': a.id, onclick: () => openAccept(a) }),
+          pbtn('outline', 'Ask for more', 'reply', { 'data-ibt-more': a.id, onclick: () => openMore(a) }),
+          pbtn('ghost', 'Decline', 'x', { 'data-ibt-decline': a.id, onclick: () => openDecline(a) }))].filter(Boolean)
+        : state === 'declined' && a.why ? [note('Declined: ' + a.why)] : null,
+      attrs: { 'data-ibt-ask': a.id, 'data-state': state } });
+  }
+  function draw() {
+    left.replaceChildren(
+      card({ ic: 'plus', title: 'Add an ask' }, el('div', { class: 'form', 'data-ibt': 'add-form' }, input, addBtn), msg),
+      sect({ ic: 'inbox', title: 'New asks', count: S.open.length }, S.open.length ? list(S.open.map((a) => row(a, 'open')), { 'data-ibt': 'asks', 'aria-label': 'Open asks' }) : empty('Nothing new to triage on this board.', { 'data-ibt': 'empty' })),
+      S.other.length ? sect({ ic: 'check', title: 'Decided', count: S.other.length, attrs: { 'data-ibt': 'closed' } }, list(S.other.map((x) => row(x, x.state)))) : null);
+    if (S.justAdded) {
+      const li = left.querySelector('[data-ibt-ask="' + CSS.escape(S.justAdded) + '"] .tt'); S.justAdded = '';
+      if (li) li.click();
+    }
+  }
+  async function reload() {
+    const [op, ac, de] = await Promise.all(['open', 'accepted', 'declined'].map((state) => ctx.api.get('/api/boards/asks', { board: b.id, state })));
+    if (S.dead) return;
+    if (!op || !op.ok) { setErr(errText(op, 'The asks could not be read')); return; }
+    const by = (x, y) => String(y.at || '').localeCompare(String(x.at || ''));
+    S.open = (op.asks || []).slice().sort(by);
+    S.other = [...((ac && ac.ok && ac.asks) || []).map((x) => ({ ...x, state: 'accepted' })), ...((de && de.ok && de.asks) || []).map((x) => ({ ...x, state: 'declined' }))].sort(by);
+  }
+
+  async function add() {
+    const line = input.value.trim();
+    if (!line) { setErr('Write the ask in one line first.'); input.focus(); return; }
+    if (S.busy) return;
+    S.busy = true; addBtn.disabled = true; setErr('');
+    const r = await ctx.api.post('/api/boards/asks/add', { board: b.id, line });
+    S.busy = false; addBtn.disabled = false;
+    if (S.dead) return;
+    if (!r || !r.ok) { setErr(errText(r, 'The ask was not added')); input.focus(); return; }
+    const ask = { ...(r.ask || { id: 'ask-' + Date.now(), line }), draft: r.draft || (r.ask && r.ask.draft) || null };
+    S.open = [ask, ...S.open.filter((x) => x.id !== ask.id)];
+    input.value = ''; S.justAdded = ask.id;
+    draw();
+    ctx.toast('Ask added to ' + b.name + ' triage. Its intake draft is on the row.');
+  }
+  const fieldOf = (label, node) => el('label', { class: 'ini-field' }, lbl(label), el('div', { class: 'form' }, node));
+
+  function openAccept(a) {
+    const d = a.draft || {};
+    const F = { title: d.title || a.line, lane: LANES.includes(d.lane) ? d.lane : 'feature', anchor: d.anchor_suggestion || '' };
+    const body = el('div', { class: 'ini-form', 'data-ibt': 'accept-form' });
+    const sheet = ctx.openSheet({ title: 'Accept ask', icon: 'check', body });
+    const title = el('input', { type: 'text', 'data-ibt': 'f-title', 'aria-label': 'Title', value: F.title, oninput: (e) => { F.title = e.target.value; sync(); } });
+    const lane = el('select', { 'data-ibt': 'f-lane', 'aria-label': 'Lane', onchange: (e) => { F.lane = e.target.value; } }, ...LANES.map((l) => el('option', { value: l, selected: l === F.lane }, l)));
+    const anchor = el('input', { type: 'text', 'data-ibt': 'f-anchor', 'aria-label': 'Anchor', 'aria-describedby': 'ibt-anchor-why', placeholder: 'For example: KR 2.1 Activation to 45%', value: F.anchor, oninput: (e) => { F.anchor = e.target.value; sync(); } });
+    const why = el('div', { class: 'dim ini-note', id: 'ibt-anchor-why', 'data-ibt': 'anchor-why' });
+    const fail = errLine({ 'data-ibt': 'accept-error' });
+    const go = pbtn('primary', 'Accept into ' + first.name, null, { 'data-ibt': 'accept-go', onclick: submit });
+    function sync() {
+      const none = !F.anchor.trim();
+      why.textContent = none ? (d.anchor_suggestion ? '' : 'The intake draft has no anchor suggestion. ') + ANCHOR_WHY + ' Type one to go on.'
+        : 'It starts with the ' + def.name + ' workflow, in ' + first.name + '.';
+      go.disabled = none || !F.title.trim();
+    }
+    async function submit() {
+      if (!F.anchor.trim() || !F.title.trim()) { sync(); return; }
+      go.disabled = true; fail.hidden = true;
+      const r = await ctx.api.post('/api/boards/asks/accept', { board: b.id, ask: a.id, title: F.title.trim(), lane: F.lane, anchor: F.anchor.trim() });
+      if (!r || !r.ok) { fail.textContent = errText(r, 'The ask was not accepted'); fail.hidden = false; go.disabled = false; return; }
+      sheet.close();
+      const id = (r.initiative && (r.initiative.id || r.initiative)) || '';
+      ctx.toast({ text: 'Accepted as ' + id + ' in ' + (r.stage || first.name) + ', with the ' + def.name + ' workflow.', actionLabel: 'Open ' + id, onAction: () => ctx.openInitiative(id), timeout: 9000 });
+      ctx.refresh();
+    }
+    body.replaceChildren(note('"' + a.line + '"'), fieldOf('TITLE', title), fieldOf('LANE', lane), fieldOf('ANCHOR', anchor), why, fail,
+      el('div', { class: 'chips2' }, go, pbtn('ghost', 'Cancel', null, { onclick: () => sheet.close() })));
+    sync();
+    title.focus();
+  }
+  function openMore(a) {
+    const F = { note: '' };
+    const body = el('div', { class: 'ini-form', 'data-ibt': 'more-form' });
+    const sheet = ctx.openSheet({ title: 'Ask for more', icon: 'reply', body });
+    const q = el('input', { type: 'text', 'data-ibt': 'f-more', 'aria-label': 'What do you need to know', placeholder: 'For example: who asked, and how often does it happen?', maxlength: '500', oninput: (e) => { F.note = e.target.value; } });
+    const fail = errLine({ 'data-ibt': 'more-error' });
+    const go = pbtn('primary', 'Ask for more', null, { 'data-ibt': 'more-go', onclick: async () => {
+      go.disabled = true; fail.hidden = true;
+      const r = await ctx.api.post('/api/boards/asks/more', { board: b.id, ask: a.id, note: F.note.trim() });
+      if (!r || !r.ok) { fail.textContent = errText(r, 'The question was not sent'); fail.hidden = false; go.disabled = false; return; }
+      sheet.close();
+      ctx.toast('The asker is prompted for more detail. The ask stays in triage.');
+      if (!S.dead) { a.needMore = true; a.moreNote = F.note.trim(); draw(); }
+    } });
+    body.replaceChildren(note('"' + a.line + '"' + (a.source ? ' · ' + a.source : '')), fieldOf('QUESTION', q), fail, el('div', { class: 'chips2' }, go, pbtn('ghost', 'Cancel', null, { onclick: () => sheet.close() })));
+    q.focus();
+  }
+  function openDecline(a) {
+    const F = { why: '' };
+    const body = el('div', { class: 'ini-form', 'data-ibt': 'decline-form' });
+    const sheet = ctx.openSheet({ title: 'Decline ask', icon: 'x', body });
+    const why = el('textarea', { rows: '3', 'data-ibt': 'f-why', 'aria-label': 'Reason', placeholder: 'Why not? The reason is kept and shows if the same ask comes again.', oninput: (e) => { F.why = e.target.value; go.disabled = !F.why.trim(); } });
+    const fail = errLine({ 'data-ibt': 'decline-error' });
+    const go = pbtn('primary', 'Decline', null, { 'data-ibt': 'decline-go', disabled: true, onclick: async () => {
+      if (!F.why.trim()) return;
+      go.disabled = true; fail.hidden = true;
+      const r = await ctx.api.post('/api/boards/asks/decline', { board: b.id, ask: a.id, why: F.why.trim() });
+      if (!r || !r.ok) { fail.textContent = errText(r, 'The ask was not declined'); fail.hidden = false; go.disabled = false; return; }
+      sheet.close();
+      ctx.toast('Ask declined. The asker is told why.');
+      ctx.refresh();
+    } });
+    body.replaceChildren(note('"' + a.line + '"'), el('label', { class: 'ini-field' }, lbl('REASON'), el('div', { class: 'form ini-text' }, why)), fail,
+      el('div', { class: 'chips2' }, go, pbtn('ghost', 'Cancel', null, { onclick: () => sheet.close() })));
+    why.focus();
+  }
+
+  await reload();
+  if (!S.dead) draw();
+  return () => { S.dead = true; };
+});