create-pmos 0.157.0 → 0.159.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-pmos",
-  "version": "0.157.0",
+  "version": "0.159.0",
   "description": "Scaffold the PMOS portable kit — run the PMOS product-management workflow (initiative → lane-fit spec → contract → build → three gates, with work-type lanes for features, research, maintenance, incidents, and content) entirely inside your own repo, with all state as git-versioned files. Includes `workflow-sweep`, which audits the state every board derives from and separates real defects from work you simply have not done. `create-pmos workspace` also installs + launches the local Terminal Workspace GUI. No database, no network, no telemetry.",
   "license": "MIT",
   "bin": {

package/payload/KIT-VERSION

@@ -1,3 +1,3 @@
-kernel-source: pmos@078081c
+kernel-source: pmos@83408fe
 assembled: 2026-10-12
 mode: vendor

package/payload/planning/evals/eval-calibration.md

@@ -2,7 +2,7 @@
 type: Reference
 title: "Eval calibration log"
 description: "Append-only record of every PM override of an evaluator verdict."
-generated: {by: process:create-pmos, at: "2026-10-12T05:27:25Z"}
+generated: {by: process:create-pmos, at: "2026-10-12T06:01:43Z"}
 status: stable
 ---
 

package/payload/planning/okrs/health-budgets.md

@@ -2,7 +2,7 @@
 type: Reference
 title: "Health budgets"
 description: "Closed registry of health-budget anchors (D59), edited only by the PM."
-generated: {by: process:create-pmos, at: "2026-10-12T05:27:25Z"}
+generated: {by: process:create-pmos, at: "2026-10-12T06:01:43Z"}
 status: stable
 ---
 

package/payload/state/discoveries.md

@@ -2,7 +2,7 @@
 type: Reference
 title: "Discoveries and friction log"
 description: "Append-only record of what runs discovered and where the process rubbed."
-generated: {by: process:create-pmos, at: "2026-10-12T05:27:25Z"}
+generated: {by: process:create-pmos, at: "2026-10-12T06:01:43Z"}
 status: stable
 ---
 

package/workspace/c3-briefing-test.js

@@ -118,6 +118,17 @@ process.on('unhandledRejection', (e) => { console.error(e); finish(1); });
   const M = await open({ viewport: { width: 400, height: 900 } });
   ok('R6 at 400 wide the Briefing does not scroll sideways', M.up && await M.page.evaluate(() => document.documentElement.scrollWidth <= innerWidth + 1 && document.getElementById('c3-root').scrollWidth <= innerWidth + 1), 'scrollWidth');
   ok('R6 at 400 wide the stance and Needs you are on the page, with no day-part switch', await M.page.evaluate(() => !!document.querySelector('.stance') && document.querySelectorAll('[data-pg-dp]').length === 0 && !!document.querySelector('[data-c3pg="needs"]')));
+  /* c3-phone-layout: the five tabs share the width, the tool buttons fit on one row, and an avatar keeps its round look */
+  const ph = await M.page.evaluate(() => {
+    const W = innerWidth;
+    const tabs = [...document.querySelectorAll('.c3tabs [data-c3-tab]')].map((b) => b.getBoundingClientRect());
+    const tools = [...document.querySelectorAll('.c3top .tools > .ib, .c3top .tools > .psess, .c3top .tools > .c3pg-bell, .c3top .tools > .c3pg-menuwrap')].map((b) => Math.round(b.getBoundingClientRect().top));
+    const av = [...document.querySelectorAll('.nrow .av')].map((a) => a.getBoundingClientRect()).filter((r) => r.width);
+    return { tabs: tabs.length, inside: tabs.every((r) => r.left >= 0 && r.right <= W + 1 && r.height >= 44), rows: new Set(tools).size, toolsN: tools.length, av: av.length, round: av.every((r) => Math.abs(r.width - r.height) < 1) };
+  });
+  ok('phone: the five tabs are all on screen and each is a 44px target', ph.tabs === 5 && ph.inside, JSON.stringify(ph));
+  ok('phone: the tool buttons sit on one row', ph.toolsN >= 4 && ph.rows === 1, JSON.stringify(ph));
+  ok('phone: a person avatar is as wide as it is tall', ph.round, JSON.stringify(ph));
   ok('0 no page error (400 wide)', M.errors.length === 0, M.errors.join(' | '));
   await M.ctx.close();
   return finish();

package/workspace/c3-initiatives-test.js

@@ -90,7 +90,8 @@ const { harness } = require('./c3-ini-harness');
   await page.click('[data-ini="new-initiative"]');
   await until(() => st(() => !!document.querySelector('[data-ini="new-ini-form"]')));
   await page.fill('[data-ini="ni-title"]', 'Partner sign-up page');
-  await page.fill('[data-ini="ni-anchor"]', 'KR 2.1 Activation to 45%');
+  await until(() => st(() => { const s = document.querySelector('select[data-ini="ni-anchor"]'); return !!s && !s.disabled; }));
+  await page.selectOption('[data-ini="ni-anchor"]', 'KR 2.1 Activation to 45%');
   await page.click('[data-ini="ni-create"]');
   await until(() => st(() => !!document.querySelector('[data-ini-crumb="board"]')));
   await page.click('[data-ini-crumb="board"]');
@@ -106,7 +107,12 @@ const { harness } = require('./c3-ini-harness');
   await page.fill('[data-ini="ni-title"]', 'Passwordless login with email OTP');
   await page.click('[data-ini="ni-create"]');
   ok('NI1 an initiative without an anchor is refused, and the sheet says why', /anchor/.test(await st(() => (document.querySelector('[data-ini="new-ini-form"] [data-ini="error"]') || {}).textContent || '')));
-  await page.fill('[data-ini="ni-anchor"]', 'KR 2.1 Activation to 45%');
+  await until(() => st(() => { const s = document.querySelector('select[data-ini="ni-anchor"]'); return !!s && !s.disabled; }));
+  await page.selectOption('[data-ini="ni-anchor"]', 'KR 2.1 Activation to 45%');
+  const ap = await st(() => { const s = document.querySelector('select[data-ini="ni-anchor"]'); return { groups: [...s.querySelectorAll('optgroup')].map((g) => g.label), health: [...s.options].filter((o) => /^health:/.test(o.value)).length }; });
+  ok('NI3 the anchor is picked from the declared key results and health budgets, not typed', ap.groups.includes('Health budgets') && ap.health === 3 && ap.groups.some((g) => /^Objective/.test(g)), JSON.stringify(ap));
+  const nul = await st(() => [...document.querySelector('[data-ini="new-ini-form"]').childNodes].filter((n) => n.nodeType === 3 && /null/.test(n.textContent)).length);
+  ok('NI4 the New initiative sheet shows no stray "null" line', nul === 0, String(nul));
   await page.click('[data-ini="new-ini-form"] [data-ini-tpl="research"]');
   await page.click('[data-ini="ni-create"]');
   await until(() => st(() => !!document.querySelector('[data-ini-page]') && !!document.querySelector('[data-ini="stepper"]')));

package/workspace/guide/briefing.md

@@ -80,3 +80,5 @@ An item has its actions in one place only. On the Briefing, Today and Portfolio
 ## On a phone
 
 At 400 pixels wide the Briefing is one column (greeting, cards, Needs you, Today, Portfolio pulse) with no sideways scroll. Each button in an opened row is 44 pixels high.
+
+On a phone, every console page has the same top. The page title has Record at its right. The sunrise line is under it, then the tool buttons in one row. The five tabs share the width, and each tab shows an icon over its name, so Initiatives and Reports are always on screen. A count shows at the top right of its tab's icon. A person in a row shows as a small round letter, and you can tap anywhere in the 44-pixel square around it. A line that has a sentence and a due date wraps like normal text.

package/workspace/guide/initiative-boards.md

@@ -26,7 +26,7 @@ The tabs are **Summary**, **Initiatives**, **Triage**, **Backlog**, **Board**, *
 
 - **Summary** shows the initiatives at a glance and one bar per category. At a glance lists up to six open initiatives. Initiatives with work, and Now initiatives that are not on track, come first. The others follow by end date. Press a bar to open the Initiatives tab with that category.
 - **Initiatives** lists the initiatives of the board, 25 on each page. Use the saved views (Now and next, Mine, At risk, No owner, All), the filters and the sort. Press **Move** on a row to move the initiative to a stage of its own workflow.
-- **Triage** lists the new asks. Add an ask, then open it to see its draft. Press **Accept** to start an initiative. An initiative needs an anchor (a KR or a health budget). Press **Ask for more** to ask a question, or **Decline** and give a reason.
+- **Triage** lists the new asks. Add an ask, then open it to see its draft. Press **Accept** to start an initiative. An initiative needs an anchor (a KR or a health budget). On a board, **New initiative** lists the anchors that `planning/okrs/` declares. Pick one from the list. Press **Ask for more** to ask a question, or **Decline** and give a reason.
 - **Backlog**, **Board** and **Timeline** show the epics and items. Jira items and PMOS tasks are mixed. The **Initiative** and **Source** filters are the same on the three tabs.
   - In Backlog, add a PMOS task to an initiative.
   - In Board, drag a PMOS task to a column, or use its menu. A Jira item has a lock: change it in Jira.

package/workspace/lib/initiative-rows.js

@@ -11,7 +11,7 @@
  *   answerSig(r)              → the records part of a GET's sig, from the answer used (a stale answer is marked)
  *   cachedSig(root)           → the cache entry as a string; it changes each time a derivation lands
  *   recordsSig(root)          → sha1 of lib/board-cache.js signature (HEAD, the records, lifecycle and acceptances)
- *   anchorsOf(root)           → { resolve(raw) → anchor info, period, error }
+ *   anchorsOf(root)           → { resolve(raw) → anchor info, list() → [{ value, kind, group, label }], period, error }
  *   workGroupOf(root)         → { [lane]: group }    from scripts/lane-defs.js through the engine (never a list here)
  *
  * A ROW is one line of `node scripts/workflow-state.js --json` (every record, uncapped), narrowed to what the planning
@@ -197,7 +197,15 @@ function anchorsOf(root) {
     try {
       const file = engine.layout(root).budgets;
       budgets = { ok: true, text: fs.readFileSync(file, 'utf8'), path: path.relative(root, file) };
-    } catch { budgets = A.readBudgets(root); }
+    } catch {
+      // Not at the engine's path. A kit vendors the registry to pmos/planning/okrs/ (build-kit.sh; server.js budgetsFor), so
+      // look there too: without it every health:<id> in a kit repository was refused as undeclared.
+      budgets = A.readBudgets(root);
+      if (!budgets || !budgets.ok) {
+        const kit = A.readBudgets(path.join(root, 'pmos'));
+        if (kit && kit.ok) budgets = { ...kit, path: path.join('pmos', kit.path) };
+      }
+    }
   } else error = 'the anchor resolver is not present in this install';
   const period = index && index.ok ? periodLabel(index.period) : null;
   function resolve(raw) {
@@ -218,7 +226,29 @@ function anchorsOf(root) {
     // Written but not resolved (or no resolver): shown as written, in a group of its own, never dropped.
     return { anchor: text, kind: /^health:/i.test(text) ? 'health' : 'kr', key: `raw:${text}`, objective: null, title: text, token: text, status: r ? r.status : 'unknown' };
   }
-  return { resolve, period, error, ok: !!(index && index.ok) };
+  /** Every anchor the OKR files and the health budgets declare, for a picker: [{ value, kind, group, label }]. `value` is
+   *  what resolve() and the writer accept; an entry that does not resolve is left out, so the list never offers a refusal. */
+  function list() {
+    const out = [];
+    if (index && index.ok) {
+      for (const o of index.objectives) {
+        const group = o.name ? `${o.token} ${o.name}` : o.token;
+        for (const k of o.krs) out.push({ value: `${o.token}.${k.token}`, kind: 'kr', group, label: k.name ? `${k.token} ${k.name}` : k.token });
+      }
+    }
+    const seen = new Set();
+    for (const m of String((budgets && budgets.text) || '').matchAll(/^\|\s*`?health:([a-z0-9_-]+)`?\s*\|\s*([^|]*?)\s*\|/gim)) {
+      const id = m[1].toLowerCase();
+      if (seen.has(id)) continue;
+      seen.add(id);
+      out.push({ value: `health:${id}`, kind: 'health', group: 'Health budgets', label: m[2] ? `health:${id} (${m[2]})` : `health:${id}` });
+    }
+    for (const d of (budgets && budgets.domains && budgets.domains.ok && budgets.domains.rows) || []) {
+      out.push({ value: `domain:${d.id}`, kind: 'domain', group: 'Domains', label: d.goal ? `domain:${d.id} (${d.goal})` : `domain:${d.id}` });
+    }
+    return out.filter((a) => resolve(a.value).status === 'resolved');
+  }
+  return { resolve, list, period, error, ok: !!(index && index.ok) };
 }
 
 module.exports = { deriveSync, rowsFor, rescan, peek, setBackground, isDeriving, deriveNow, answerSig, cachedSig, recordsSig, invalidate, anchorsOf, workGroupOf, periodLabel, narrow };

package/workspace/lib/routes-boards.js

@@ -11,6 +11,8 @@
  *   GET  /api/boards/asks?ws&board&state              → { ok, asks }                            state: open (default) | accepted | declined | all
  *   GET  /api/boards/sprints?ws&board                 → { ok, source: jira|none, readAt, sprints }
  *   GET  /api/boards/items?ws&board                   → { ok, build, jira, items, initiatives }   PMOS tasks + Jira items (Build and deliver only)
+ *   GET  /api/boards/anchors?ws&board                 → { ok, anchors: [{ value, kind, group, label }], error }   the declared KRs,
+ *                                                       health budgets and domains a new initiative can anchor to (D59)
  *   POST /api/boards/create        { ws, name, domain?, template }                       → { ok, board }
  *   POST /api/boards/workflow      { ws, board, stages, moveRemoved?, sprints? }        → { ok, board, moved }
  *   POST /api/boards/move          { ws, board, id, to, why? }                           → { ok, row, warnings }
@@ -437,6 +439,12 @@ const READS = {
       .sort((a, b) => String(b.at || '').localeCompare(String(a.at || ''))).map(pageAsk);
     ctx.json(res, { ok: true, ws: r.w.id, board: r.board.id, asks });
   },
+  '/api/boards/anchors': (ctx, res, url) => {
+    const r = boardRead(ctx, res, url, { rows: false });
+    if (!r) return;
+    const A = rowsLib.anchorsOf(r.w.root);
+    ctx.json(res, { ok: true, ws: r.w.id, board: r.board.id, anchors: A.list(), error: A.error || null });
+  },
   '/api/boards/items': (ctx, res, url) => {
     const r = boardRead(ctx, res, url);
     if (!r) return;

package/workspace/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "pmos-workspace",
-  "version": "0.157.0",
+  "version": "0.159.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "pmos-workspace",
-      "version": "0.157.0",
+      "version": "0.159.0",
       "license": "MIT",
       "dependencies": {
         "@xterm/addon-fit": "^0.11.0",

package/workspace/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pmos-workspace",
-  "version": "0.157.0",
+  "version": "0.159.0",
   "private": true,
   "description": "PMOS Terminal Workspace — local companion hosting real PTYs beside the library and gates (D62)",
   "license": "MIT",

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

@@ -341,6 +341,12 @@ export function handle(S, method, path, p, body) {
       const state = p.state || 'open';
       return okb({ asks: S.asks.filter((a) => (!b || a.board === b.id) && (state === 'all' || a.state === state)).map((a) => ({ ...a })) });
     }
+    if (path === '/api/boards/anchors') {
+      const krs = Object.keys(KR).map((k) => ({ value: 'KR ' + k + ' ' + KR[k], kind: 'kr', group: 'Objective ' + k.split('.')[0], label: 'KR ' + k + ' ' + KR[k] }));
+      const health = [['tech', 'refactors, debt, tooling'], ['security', 'hardening, rotations, audits'], ['ops', 'pipelines, deploys, monitoring']]
+        .map(([id, covers]) => ({ value: 'health:' + id, kind: 'health', group: 'Health budgets', label: 'health:' + id + ' (' + covers + ')' }));
+      return okb({ board: b.id, anchors: [...krs, ...health], error: null });
+    }
     if (path === '/api/boards/items') {
       const list = S.rows.filter((r) => r.board === b.id);
       return okb({ board: b.id, build: b.build, jira: b.jira, items: itemsOf(S, b),

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

@@ -10,7 +10,7 @@
  * 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 { icon, pbtn, lk, chip, tag, st, note, sect, list, empty, nrow, plural, day, ago, parseDay, put } from './c3-ini-ui.js';
 import { loadItems } from './c3-ini-work.js';
 
 const STALE_DAYS = 30;
@@ -50,30 +50,30 @@ export function renderDocs(host, ctx, docs, order, titles, grouped) {
     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) => {
+    if (!shown.length) { put(results, empty(q ? 'No document matches "' + input.value.trim() + '".' : 'No documents.', { 'data-inb': 'docs-none' })); return; }
+    if (!grouped) { put(results, sect({ ic: 'doc', title: 'Documents', count: shown.length }, list(shown.map(row)))); return; }
+    put(results, ...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);
+  put(host, 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'));
+  put(host, 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 () => {}; }
+  if (!items.ok) { put(host, 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.ok) { put(host, 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' }));
+    put(host, 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))];

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

@@ -12,7 +12,7 @@
  * 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 { icon, pill, lk, ib, pbtn, chip, st, note, lbl, sect, list, empty, nrow, statusChip, ownerChip, stepsMini, progChip, dateChip, daysBetween, plural, openMenu, sw, CATS, put } from './c3-ini-ui.js';
 import { wfOf, catOf, tplName } from './c3-ini-work.js';
 
 const PAGE = 25;
@@ -44,20 +44,20 @@ registerBoardTab('initiatives', (host, ctx) => {
   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));
+  put(host, 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)));
+    put(views, ...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(
+    put(filters, 
       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),
@@ -90,7 +90,7 @@ registerBoardTab('initiatives', (host, ctx) => {
     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),
+    put(pager, 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'));
@@ -101,8 +101,8 @@ registerBoardTab('initiatives', (host, ctx) => {
     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 },
+    put(count, plural(d.total, 'initiative') + ' · ' + label + (active() ? ' · ' : ''), active() ? lk({ 'data-ibb': 'clear', onclick: clearFilters }, 'Clear filters') : '', ' · each row shows its own workflow and stage');
+    put(body, 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);

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

@@ -14,7 +14,7 @@
  * 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, jiraLabel, plural, trunc, openMenu, mono } from './c3-ini-ui.js';
+import { icon, pill, lk, ib, pbtn, note, lbl, sect, card, list, empty, stepsMini, jiraLabel, plural, trunc, openMenu, mono, put } 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';
 
@@ -40,7 +40,7 @@ function mountItems(tab) {
     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'));
+    put(host, note('Reading the work items'));
     async function reload(force) {
       R = await loadItems(ctx, force);
       if (!dead) draw();
@@ -183,10 +183,10 @@ function mountItems(tab) {
 
     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; }
+      if (!R.ok) { put(host, 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));
+      put(host, 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); } }
     }
 

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

@@ -8,7 +8,7 @@
  * 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, jiraLabel, plural, day, daysBetween } from './c3-ini-ui.js';
+import { icon, pbtn, lk, chip, tag, st, note, sect, card, list, empty, nrow, cols, hbs, hbr, statusChip, jiraLabel, plural, day, daysBetween, put } 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);
@@ -17,10 +17,10 @@ const relSt = (s) => (/at risk/i.test(s) ? st('warn', 'alert', 'At risk') : /rea
 registerBoardTab('releases', async (host, ctx) => {
   let dead = false;
   const b = ctx.board;
-  host.replaceChildren(note('Reading the releases'));
+  put(host, 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; }; };
+  const fail = (t) => { put(host, 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]));
@@ -42,7 +42,7 @@ registerBoardTab('releases', async (host, ctx) => {
             : [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(
+  put(host, 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 ' + jiraLabel(b) + ' fix versions, because this board builds and delivers. Release dates are references: their home is the Calendar.'),

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

@@ -7,7 +7,7 @@
  * 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, jiraLabel, plural, day } from './c3-ini-ui.js';
+import { icon, pbtn, lk, chip, tag, st, note, sect, card, list, empty, nrow, cols, hbs, hbr, kv, jiraLabel, plural, day, put } from './c3-ini-ui.js';
 import { loadItems } from './c3-ini-work.js';
 import { recordCards } from './c3-ini-records.js';
 
@@ -18,11 +18,11 @@ const countsOf = (sp) => { const c = sp.counts || {}; const f = (k) => (c[k] !=
 registerBoardTab('sprints', async (host, ctx) => {
   let dead = false;
   const b = ctx.board;
-  host.replaceChildren(note('Reading the sprints'));
+  put(host, 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 ' + jiraLabel(b) + '. Sprints will be mirrored here, read-only.', { 'data-inb': 'sprints-none' })); return () => { dead = true; }; }
+  if (!r || !r.ok) { put(host, 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') { put(host, empty('Waiting for the first sync from Jira ' + jiraLabel(b) + '. 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);
@@ -50,6 +50,6 @@ registerBoardTab('sprints', async (host, ctx) => {
   }
   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));
+  put(host, cols(left, right));
   return () => { dead = true; };
 });

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

@@ -13,7 +13,7 @@
  * 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 { icon, pbtn, lk, chip, tag, st, note, noteA, lbl, sect, card, list, empty, nrow, cols, chgl, ago, put } from './c3-ini-ui.js';
 import { TEMPLATES } from './c3-ini-work.js';
 
 const LANES = ['feature', 'discovery', 'chore', 'incident', 'content', 'prototype'];
@@ -38,7 +38,7 @@ registerBoardTab('triage', async (host, ctx) => {
     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));
+  put(host, cols(left, right));
   const setErr = (t) => { msg.textContent = t || ''; msg.hidden = !t; };
 
   function draftNodes(a) {
@@ -68,7 +68,7 @@ registerBoardTab('triage', async (host, ctx) => {
       attrs: { 'data-ibt-ask': a.id, 'data-state': state } });
   }
   function draw() {
-    left.replaceChildren(
+    put(left, 
       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);
@@ -130,7 +130,7 @@ registerBoardTab('triage', async (host, ctx) => {
       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,
+    put(body, 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();
@@ -149,7 +149,7 @@ registerBoardTab('triage', async (host, ctx) => {
       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() })));
+    put(body, 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) {
@@ -167,7 +167,7 @@ registerBoardTab('triage', async (host, ctx) => {
       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,
+    put(body, 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();
   }

package/workspace/public/pm/c3-ii-tabs.js

@@ -14,7 +14,7 @@
  * Every tab has an honest empty state and an error line when its read fails. */
 import { el } from './dom.js';
 import { registerInitiativeTab } from './c3-initiatives.js';
-import { icon, pbtn, lk, chip, tag, st, note, sect, card, list, empty, cols, hbs, hbr, kv, chgl, stageChip, ownerText, statusChip, jiraLabel, plural, trunc, day, dayLong, ago, PORTFOLIO } from './c3-ini-ui.js';
+import { icon, pbtn, lk, chip, tag, st, note, sect, card, list, empty, cols, hbs, hbr, kv, chgl, stageChip, ownerText, statusChip, jiraLabel, plural, trunc, day, dayLong, ago, PORTFOLIO, put } from './c3-ini-ui.js';
 import { wfOf, catOf, kindOf, tplName, toolLabel, toolIcon, loadItems, dropItems, workRow, workTlRows, iniTlRow, rescheduleTask, lockedToast } from './c3-ini-work.js';
 import { recordCards, recordToolsFor, RECORD_META } from './c3-ini-records.js';
 import { loadDocs, renderDocs } from './c3-ib-docs.js';
@@ -27,11 +27,11 @@ const toneOf = (s) => (s === 'late' ? 'bad' : s === 'at risk' ? 'warn' : 'ok');
 function tab(id, build) {
   registerInitiativeTab(id, async (host, ctx) => {
     let dead = false;
-    host.replaceChildren(note('Reading'));
+    put(host, note('Reading'));
     try {
       const nodes = await build(ctx, () => dead, host);
-      if (!dead && nodes) host.replaceChildren(...[].concat(nodes).filter(Boolean));
-    } catch (e) { if (!dead) host.replaceChildren(errLine('This view could not be drawn: ' + ((e && e.message) || e) + '.')); }
+      if (!dead && nodes) put(host, ...[].concat(nodes).filter(Boolean));
+    } catch (e) { if (!dead) put(host, errLine('This view could not be drawn: ' + ((e && e.message) || e) + '.')); }
     return () => { dead = true; };
   });
 }
@@ -149,7 +149,7 @@ tab('breakdown', async (ctx, isDead, host) => {
   const draw = async (force) => {
     const RR = force ? await loadItems(ctx, true) : R;
     if (isDead()) return;
-    host.replaceChildren(...body(RR));
+    put(host, ...body(RR));
   };
   const changed = () => { dropItems(ctx); draw(true); };
   function body(RR) {
@@ -228,7 +228,7 @@ tab('timeline', async (ctx, isDead, host) => {
     return [sect({ ic: 'cal', title: 'Timeline', count: work.length, right: el('span', { class: 'dim mono ini-meta' }, r.start || r.end ? day(r.start) + ' to ' + day(r.end) : 'no dates yet') }, node,
       work.some((w) => !w.start || !w.end) ? note(plural(work.filter((w) => !w.start || !w.end).length, 'item has', 'items have') + ' no dates' + (ctx.board.build ? '; Jira items get theirs from Jira' : '') + '.') : null)];
   };
-  async function changed() { dropItems(ctx); const RR = await loadItems(ctx, true); if (!isDead()) host.replaceChildren(...build(RR).filter(Boolean)); }
+  async function changed() { dropItems(ctx); const RR = await loadItems(ctx, true); if (!isDead()) put(host, ...build(RR).filter(Boolean)); }
   return build(R);
 });
 

package/workspace/public/pm/c3-ini-records.js

@@ -15,7 +15,7 @@
  *   recordCards(ctx, ids, { boardIds }) -> Promise<[section]>   one card per id, each `[data-ini-tool-card=<id>]`; boardIds ranks RICE
  */
 import { el } from './dom.js';
-import { icon, pill, lk, pbtn, chip, note, lbl, card, chgl, kv, hbs, hbr, plural, day, ago } from './c3-ini-ui.js';
+import { icon, pill, lk, pbtn, chip, note, lbl, card, chgl, kv, hbs, hbr, plural, day, ago, put } from './c3-ini-ui.js';
 
 export const RECORD_META = {
   problem: ['Problem statement', 'target'], rice: ['RICE prioritisation', 'scale'], launch: ['Launch checklist', 'out'],
@@ -60,8 +60,8 @@ export async function recordCards(ctx, ids, opts) {
     const host = el('div', { 'data-rec': id });
     out.push(card({ ic: meta[1], title: meta[0], attrs: { 'data-ini-tool-card': id, id: 'tool-' + id } }, host));
     if (id === 'burndown') { burndown(ctx, host); continue; }
-    if (R.missing) { host.replaceChildren(quiet('Nothing recorded yet.')); continue; }
-    if (!R.ok) { host.replaceChildren(el('div', { class: 'fold w', role: 'alert' }, icon('alert', 'sm'), 'The records could not be read: ' + R.error + '.')); continue; }
+    if (R.missing) { put(host, quiet('Nothing recorded yet.')); continue; }
+    if (!R.ok) { put(host, el('div', { class: 'fold w', role: 'alert' }, icon('alert', 'sm'), 'The records could not be read: ' + R.error + '.')); continue; }
     const rec = R.records[id] || null;
     ({ problem, rice, launch, kill, learnings })[id](ctx, host, rec, opts);
   }
@@ -75,7 +75,7 @@ function problem(ctx, host, rec) {
     const ta = el('textarea', { rows: '3', 'aria-label': 'Problem statement', 'data-rec-field': 'problem', placeholder: 'Who has the problem, what it costs them, and how we know', maxlength: '4000' });
     ta.value = S.text;
     const go = pbtn('outline', 'Save', null, { 'data-rec-save': 'problem', onclick: async () => { const r = await save(ctx, 'problem', { text: ta.value.trim() }); if (r) { S.text = ta.value.trim(); S.rec = r; ctx.toast('Problem statement saved.'); draw(); } } });
-    host.replaceChildren(el('div', { class: 'form ini-text' }, ta), el('div', { class: 'chips2' }, go, note('Write it before ideas. The evidence should back each claim.')), stamp(S.rec, ctx.today));
+    put(host, el('div', { class: 'form ini-text' }, ta), el('div', { class: 'chips2' }, go, note('Write it before ideas. The evidence should back each claim.')), stamp(S.rec, ctx.today));
   };
   draw();
 }
@@ -106,7 +106,7 @@ function rice(ctx, host, rec, opts) {
     if (r) { S.rec = r; ctx.toast('RICE saved: score ' + scoreOf(data) + '.'); readRank(); host.querySelector('[data-rec="stamp"]')?.replaceWith(stampNode()); }
   }
   const stampNode = () => { const n = stamp(S.rec, ctx.today) || el('span'); n.setAttribute('data-rec', 'stamp'); return n; };
-  host.replaceChildren(
+  put(host, 
     el('div', { class: 'chips2' }, num('reach', 'Reach', 'accounts a quarter'),
       el('label', { class: 'chips2' }, lbl('Impact'), el('select', { 'aria-label': 'Impact, 0.25 to 3', 'data-rec-rice': 'impact', onchange: (e) => { S.impact = Number(e.target.value); upd(); } }, ...IMPACT.map((v) => el('option', { value: String(v), selected: Number(S.impact) === v }, String(v))))),
       num('confidence', 'Confidence', 'percent'), num('effort', 'Effort', 'person-months')),
@@ -130,7 +130,7 @@ function listTool(ctx, host, rec, o) {
     const input = el('input', { type: 'text', placeholder: o.placeholder, 'aria-label': o.addLabel, 'data-rec-add': o.tool, maxlength: '300' });
     const add = () => { const t = input.value.trim(); if (!t) { input.focus(); return; } if (S.items.length >= o.max) { ctx.toast({ text: 'At most ' + o.max + ' items.', tone: 'error' }); return; } commit([...S.items, o.make(t)], null).then(() => { const f = host.querySelector('[data-rec-add]'); if (f) f.focus(); }); };
     input.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); add(); } });
-    host.replaceChildren(
+    put(host, 
       S.items.length ? o.list(S.items, (next, msg) => commit(next, msg)) : note(o.empty),
       el('div', { class: 'form' }, input, pbtn('outline', 'Add', 'plus', { 'data-rec-addgo': o.tool, onclick: add })),
       o.foot ? o.foot(S.items) : null, stamp(S.rec, ctx.today));
@@ -181,13 +181,13 @@ function burnSvg(b, W, H) {
   return s;
 }
 async function burndown(ctx, host) {
-  host.replaceChildren(note('Reading the sprint'));
+  put(host, note('Reading the sprint'));
   const r = await ctx.api.get('/api/stage-tools/burndown', { board: ctx.board.id, ids: ctx.row.id });
-  if (missing(r)) { host.replaceChildren(quiet('No sprint burndown yet.')); return; }
-  if (!r.ok) { host.replaceChildren(el('div', { class: 'fold w', role: 'alert' }, icon('alert', 'sm'), 'The burndown could not be read: ' + (r.error || 'no answer') + '.')); return; }
-  if (!r.available) { host.replaceChildren(quiet(r.reason || 'The Jira snapshot has no sprint dates or points yet.')); return; }
+  if (missing(r)) { put(host, quiet('No sprint burndown yet.')); return; }
+  if (!r.ok) { put(host, el('div', { class: 'fold w', role: 'alert' }, icon('alert', 'sm'), 'The burndown could not be read: ' + (r.error || 'no answer') + '.')); return; }
+  if (!r.available) { put(host, quiet(r.reason || 'The Jira snapshot has no sprint dates or points yet.')); return; }
   const sp = r.sprint || {};
-  host.replaceChildren(
+  put(host, 
     el('div', { class: 'chips2' }, chip(icon('lock', 'sm'), 'Mirrored from Jira, read-only'), chip(icon('clock', 'sm'), (sp.name || 'Sprint') + ' · ' + day(sp.start) + ' to ' + day(sp.end))),
     burnSvg(r, 360, 140),
     kv([['Committed', String(r.committed ?? 0) + ' points'], ['Done', String(r.done ?? 0)], ['Left · ' + plural(Number(r.daysLeft) || 0, 'day'), String(r.left ?? 0)]]),

package/workspace/public/pm/c3-ini-timeline.js

@@ -19,7 +19,7 @@
  * pans it (mouse). Pointer handlers are on the document (R28-15); every control is a button. Reduced motion turns the motion off.
  */
 import { el } from './dom.js';
-import { btn, icon, geo, day, parseDay } from './c3-ini-ui.js';
+import { btn, icon, geo, day, parseDay, put } from './c3-ini-ui.js';
 
 const DAY = 864e5;
 export const ZOOMS = [['week', 'Week', 22], ['month', 'Month', 6], ['quarter', 'Quarter', 2]];
@@ -125,7 +125,7 @@ export function timeline({ key, rows, from, to, today, markers = [], defOpen, he
     node.classList.add('zooming');
     const finish = () => {
       geo(node, { '--in-pd': p1 }); sc.scrollLeft = center * p1 - view / 2; st.scroll = sc.scrollLeft;
-      ax.replaceChildren(...axis(from, days, z)); gr.replaceChildren(...grid(from, days, z));
+      put(ax, ...axis(from, days, z)); put(gr, ...grid(from, days, z));
       node.classList.remove('zooming');
     };
     if (reduced()) { finish(); return; }
@@ -174,7 +174,7 @@ function tipShow(bar, ev, nd, extra) {
   const s = new Date(+parseDay(bar.dataset.s) + (nd || 0) * DAY); const e = new Date(+parseDay(bar.dataset.e) + (nd || 0) * DAY);
   const iso = (d) => d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
   const len = Math.max(1, Math.round((e - s) / DAY));
-  I.tip.replaceChildren(el('b', null, t.t || r.label || ''),
+  put(I.tip, el('b', null, t.t || r.label || ''),
     el('div', null, icon('cal', 'sm'), day(iso(s)) + ' to ' + day(iso(e)) + ' · ' + len + ' days', nd ? el('span', { class: 'ini-tlmv' }, (nd > 0 ? '+' : '') + nd + 'd') : null),
     el('div', null, icon('up', 'sm'), (t.p || '0%') + ' done' + (t.st ? ' · ' + t.st : '')),
     t.o ? el('div', null, icon('user', 'sm'), t.o) : null,

package/workspace/public/pm/c3-ini-ui.js

@@ -50,6 +50,13 @@ export function icon(name, cls) {
   return c3ic(name, cls);
 }
 
+/** Replace a node's children, skipping null, undefined and false. The native replaceChildren() writes a null as the text
+ *  "null", so a form whose optional line is off showed the word "null" (new-initiative-anchor-picker). */
+export function put(node, ...kids) {
+  node.replaceChildren(...kids.flat().filter((k) => k != null && k !== false && k !== true));
+  return node;
+}
+
 /* ── controls ── */
 /** A native button drawn as a console3 control. attrs: class (the console3 class), onclick, and any attribute. */
 export function btn(attrs, ...kids) {

package/workspace/public/pm/c3-ini-work.js

@@ -9,7 +9,7 @@
  *   workTlRows(ctx, items, onChanged) · iniTlRow(ctx, ini, kids, board) · iniTip(ini, board)   rows for c3-ini-timeline.js
  *   loadItems(ctx) · dropItems(ctx)   GET /api/boards/items, kept for a few seconds per board */
 import { el } from './dom.js';
-import { icon, chip, tag, st, note, kv, nrow, sect, list, lk, dateChip, ownerChip, ownerText, day, daysBetween, trunc, progChip, pill, plural } from './c3-ini-ui.js';
+import { icon, chip, tag, st, note, kv, nrow, sect, list, lk, dateChip, ownerChip, ownerText, day, daysBetween, trunc, progChip, pill, plural, put } from './c3-ini-ui.js';
 
 const S = (name, cat) => ({ name, cat });
 /** The workflow templates (scripts/boards.js INI_TEMPLATES): name, kind, use and stages. */
@@ -96,7 +96,7 @@ export function openWorkSheet(ctx, w, all, onChanged) {
     ctx.toast('"' + trunc(w.title, 40) + '" moved to ' + s + '.');
     if (onChanged) onChanged(r.item);
   }
-  body.replaceChildren(
+  put(body, 
     el('div', { class: 'chips2' }, srcTag(w), chip(icon(KIND_IC[w.kind] || 'check', 'sm'), w.kind), wkStatus(w), ini ? lk({ onclick: () => { sh.close(); ctx.openInitiative(ini); } }, icon('init', 'sm'), ini) : null),
     kv([['Owner', ownerText(w.owner)], ['Dates', w.start || w.end ? (day(w.start) || 'No start') + ' to ' + (day(w.end) || 'no end') : 'No dates yet'], ['Progress', progChip(w.progress || 0, w.status === 'Done' ? 'ok' : 'acc')]]),
     kids.length ? sect({ ic: 'bolt', title: 'In this epic', count: kids.length }, list(kids.map((k) => workRow(ctx, k, { all, epic: false, onChanged })))) : null,

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

@@ -43,7 +43,7 @@ import { openSheet, closeSheet } from './c3-sheet.js';
 import { toast } from './c3-toast.js';
 import {
   btn, geo, icon, pbtn, pill, lk, ib, chip, tag, st, note, lbl, mono, sw, jiraLabel, plural, trunc, day, daysBetween, statusChip, healthSt, HEALTH, ownerChip, ownerText,
-  stageChip, stepsMini, progChip, dateChip, list, empty, sect, card, nrow, crumbs, lh, segTabs, cols, hbs, hbr, kv, chgl, chgli, openMenu, closeMenu, CATS, PORTFOLIO,
+  stageChip, stepsMini, progChip, dateChip, list, empty, sect, card, nrow, crumbs, lh, segTabs, cols, hbs, hbr, kv, chgl, chgli, openMenu, closeMenu, CATS, PORTFOLIO, put
 } from './c3-ini-ui.js';
 import { TEMPLATES, BOARD_TEMPLATES, isBuildStage, templateBuilds, offered, wfOf, catOf, kindOf, tplName, TOOL_META, toolLabel, toolIcon, loadItems, dropItems, workTlRows, iniTlRow, rescheduleTask, lockedToast } from './c3-ini-work.js';
 import { timeline, tlInit, tlRange } from './c3-ini-timeline.js';
@@ -121,7 +121,7 @@ export function mountInitiatives(pane, opts) {
   loadTabModules();
   const P = { loc: parseLoc(new URLSearchParams(location.search).get('init')), boards: null, today: null, seq: 0, dispose: null, ini: null };
   const root = el('div', { class: 'calwrap ini', 'data-ini': 'page' });
-  pane.replaceChildren(root);
+  put(pane, root);
 
   /* ── the api, with the board's ws ── */
   const apiFor = (ws) => ({
@@ -174,7 +174,7 @@ export function mountInitiatives(pane, opts) {
     throw new Error('the repository is taking long to read. Reload in a moment.');
   }
   const findBoard = (id) => { const all = (P.boards || []).filter((b) => b.id === id); return all.find((b) => b.ws === opts.ws) || all[0] || null; };
-  function status(text) { root.replaceChildren(note(text)); root.firstChild.setAttribute('role', 'status'); root.firstChild.setAttribute('data-ini', 'status'); }
+  function status(text) { put(root, note(text)); root.firstChild.setAttribute('role', 'status'); root.firstChild.setAttribute('data-ini', 'status'); }
 
   async function draw() {
     const token = ++P.seq;
@@ -183,12 +183,12 @@ export function mountInitiatives(pane, opts) {
     closeMenu();
     if (!P.boards) status('Reading the boards');
     let boards;
-    try { boards = await loadBoards(); } catch (e) { if (live()) root.replaceChildren(errLine('The boards could not be read: ' + e.message)); return; }
+    try { boards = await loadBoards(); } catch (e) { if (live()) put(root, errLine('The boards could not be read: ' + e.message)); return; }
     if (!live()) return;
     root.dataset.iniView = P.loc.view;
     if (P.loc.view === 'portfolio') return drawPortfolio(boards, token);
     const b = findBoard(P.loc.board);
-    if (!b) { root.replaceChildren(pathCrumbs(null), errLine('No board "' + P.loc.board + '" is in the portfolio. It may have been renamed or removed.')); return; }
+    if (!b) { put(root, pathCrumbs(null), errLine('No board "' + P.loc.board + '" is in the portfolio. It may have been renamed or removed.')); return; }
     if (P.loc.view === 'board') return drawBoard(b, token);
     return drawIni(b, token);
   }
@@ -219,12 +219,12 @@ export function mountInitiatives(pane, opts) {
     await loadTabModules();
     if (token !== P.seq) return;
     const m = (ctx.row ? INITIATIVE_TABS : BOARD_TABS)[ctx.tab] || mount;
-    if (typeof m !== 'function') { host.replaceChildren(note('The ' + label + ' view is not built yet.')); return; }
+    if (typeof m !== 'function') { put(host, note('The ' + label + ' view is not built yet.')); return; }
     try {
       const d = await m(host, ctx);
       if (typeof d === 'function') { if (token === P.seq) P.dispose = d; else d(); }
     } catch (e) {
-      if (token === P.seq) host.replaceChildren(errLine('The ' + label + ' view could not draw: ' + String((e && e.message) || e)));
+      if (token === P.seq) put(host, errLine('The ' + label + ' view could not draw: ' + String((e && e.message) || e)));
     }
   }
 
@@ -248,7 +248,7 @@ export function mountInitiatives(pane, opts) {
         askBoards.length ? chgl(askBoards.map((b) => el('li', null, icon('inbox', 'sm'), lk({ onclick: () => openBoard(b.id, 'triage'), 'data-ini-asks': b.id }, b.name), el('span', { class: 'tag' }, plural(Number(b.asks), 'new ask')))))
           : note('No new asks on any board.')),
     ];
-    root.replaceChildren(
+    put(root, 
       pathCrumbs(null, null, el('div', { class: 'chips2' }, mono(plural(boards.length, 'board') + ' · ' + plural(total, 'initiative') + ' · ' + plural(asks, 'new ask')),
         pbtn('primary', 'New board', 'plus', { 'data-ini': 'new-board', onclick: () => openNewBoard() }))),
       el('div', { class: 'calbody', 'data-ini': 'portfolio' },
@@ -278,7 +278,7 @@ export function mountInitiatives(pane, opts) {
     const node = timeline({ key: 'pf', rows, from, to, today: P.today, markers: [], defOpen: boards.map((b) => 'b:' + b.id), head: 'Board > initiative > epic',
       onMove: (task, days, uid) => { const b = (reads.find(({ r }) => r.items.some((w) => w.ref === task)) || {}).b; if (b) rescheduleTask(makeCtx(b, {}), task, days, () => draw()); },
       onLocked: (k) => lockedToast(makeCtx(boards[0] || {}, {}), k) });
-    tlHost.replaceChildren(node, note('Featured, at-risk and active initiatives with dates. ' + (more ? plural(more, 'more is', 'more are') + ' on each board\'s Timeline.' : 'Each board\'s Timeline shows all of its own.')));
+    put(tlHost, node, note('Featured, at-risk and active initiatives with dates. ' + (more ? plural(more, 'more is', 'more are') + ' on each board\'s Timeline.' : 'Each board\'s Timeline shows all of its own.')));
     requestAnimationFrame(() => tlInit(tlHost));
   }
   function boardRow(b) {
@@ -311,7 +311,7 @@ export function mountInitiatives(pane, opts) {
       k === 'triage' && asks ? el('span', { class: 'bdg' }, String(asks)) : k === 'initiatives' ? el('span', { class: 'bdg g' }, String(c.total || 0)) : k === 'backlog' && items.ok ? el('span', { class: 'bdg g' }, String(work.filter((w) => w.status !== 'Done' && w.kind !== 'Epic').length)) : null]);
     const host = el('div', { class: 'calbody', 'data-ini-panel': tab });
     const def = TEMPLATES[b.defTpl] || TEMPLATES[b.template] || TEMPLATES.product;
-    root.replaceChildren(
+    put(root, 
       pathCrumbs(b, null, el('div', { class: 'chips2' }, pbtn('outline', 'Dashboard', 'report', { onclick: () => ctx0.showTab('rep') }),
         pbtn('outline', 'Board settings', 'settings', { 'data-ini': 'board-settings', 'aria-haspopup': 'dialog', onclick: () => openBoardSettings(b) }))),
       el('div', { class: 'calbody', 'data-ini-board-page': b.id },
@@ -331,7 +331,7 @@ export function mountInitiatives(pane, opts) {
   async function mountSummary(host, ctx) {
     const b = ctx.board;
     const r = await loadItems(ctx);
-    if (!r.ok) { host.replaceChildren(errLine('The board could not be read: ' + r.error + '.')); return; }
+    if (!r.ok) { put(host, errLine('The board could not be read: ' + r.error + '.')); return; }
     const inis = r.initiatives; const work = r.items; const open = inis.filter((i) => i.status !== 'done');
     const risk = inis.filter((i) => ['at risk', 'late'].includes(i.status)).sort((x, y) => String(x.end || '9').localeCompare(String(y.end || '9')));
     const withWork = new Set(work.map((w) => w.ini));
@@ -348,7 +348,7 @@ export function mountInitiatives(pane, opts) {
     const items = work.filter((w) => w.kind !== 'Epic'); const tot = Math.max(1, items.length); const nSt = (s) => items.filter((w) => w.status === s).length;
     const goIni = (filter) => ctx.openBoard(b.id, 'initiatives', filter);
     const rel = b.build && b.nextRelease;
-    host.replaceChildren(cols(
+    put(host, cols(
       [sect({ ic: 'init', title: 'Initiatives at a glance', count: open.length, right: lk({ onclick: () => goIni({ view: 'all' }), 'data-ini': 'all-initiatives' }, 'All ' + plural(inis.length, 'initiative')) },
         glance.length ? list(glance.map(iniGlance), { 'data-ini': 'glance' }) : empty('No open initiatives yet. Accept an ask in Triage to start one.')),
       sect({ ic: 'alert', title: 'Needs attention', count: risk.length, right: risk.length > att.length ? lk({ onclick: () => goIni({ view: 'risk' }) }, 'See all ' + risk.length) : null },
@@ -395,7 +395,7 @@ export function mountInitiatives(pane, opts) {
       const jiraN = usage && usage.ok ? usage.items.filter((w) => w.src === 'jira').length : 0;
       const usingBuild = inis.filter((i) => wfOf(i, b).some(isBuildStage)).length;
       const jira = el('input', { type: 'text', value: B.jira, 'aria-label': 'Jira project keys', placeholder: 'Project keys, e.g. IDPF, LB', 'data-ini': 'jira-key', oninput: (e) => { B.jira = e.target.value; } });
-      host.replaceChildren(
+      put(host, 
         note('Settings for the board. Workflows belong to each initiative; here you choose which templates the board offers and which one new initiatives start with.'),
         checkbox(B.build, [el('b', null, 'Build and deliver'), ': this board builds a product and mirrors Jira'], { 'data-ini': 'build' }, (e) => { B.build = e.target.checked; if (B.build) Object.keys(TEMPLATES).filter(templateBuilds).forEach((k) => B.offer.add(k)); render('[data-ini="build"]'); }),
         B.build ? el('div', { class: 'ini-field' }, lbl('JIRA PROJECTS'), el('div', { class: 'form' }, jira), note('One or more Jira projects, separated by commas. Shows their epics, stories, tasks and bugs next to PMOS tasks, and adds the Sprints and Releases tabs (mirrored, read-only). Link each initiative to its Jira epics on the initiative page.'))
@@ -440,7 +440,7 @@ export function mountInitiatives(pane, opts) {
     function render(focusSel) {
       const allowed = Object.keys(TEMPLATES).filter((k) => N.build || !templateBuilds(k));
       if (!allowed.includes(N.tpl)) N.tpl = allowed[0];
-      host.replaceChildren(
+      put(host, 
         note('A board sits in the ' + PORTFOLIO + ' and holds initiatives. Each initiative picks its own workflow; the board only offers templates and a default.'),
         lbl('BOARD NAME'), el('div', { class: 'form' }, name),
         wsList.length > 1 ? el('label', { class: 'ini-field' }, lbl('WORKSPACE'), el('select', { 'data-ini': 'nb-ws', onchange: (e) => { N.ws = e.target.value; } }, ...wsList.map((w) => el('option', { value: w.id, selected: w.id === N.ws }, w.name || w.id)))) : null,
@@ -481,12 +481,31 @@ export function mountInitiatives(pane, opts) {
     const host = el('div', { class: 'ini-form', 'data-ini': 'new-ini-form' });
     const sh = openSheet({ title: 'New initiative · ' + b.name, icon: 'plus', body: host, wide: true });
     const title = el('input', { type: 'text', 'aria-label': 'Initiative title', placeholder: 'e.g. Enable passwordless login with email OTP', 'data-ini': 'ni-title', oninput: (e) => { F.title = e.target.value; } });
-    const anchor = el('input', { type: 'text', 'aria-label': 'Anchor', placeholder: 'A key result or a health budget, e.g. KR 2.1 Activation to 45%', 'data-ini': 'ni-anchor', oninput: (e) => { F.anchor = e.target.value; } });
+    // The anchor is picked from what the OKR files and the health budgets declare (GET /api/boards/anchors), so a typed
+    // word the writer refuses (D59) cannot be sent. With nothing declared, or no answer, the field takes typed text.
+    const pick = el('select', { 'aria-label': 'Anchor', 'data-ini': 'ni-anchor', disabled: true, onchange: (e) => { F.anchor = e.target.value; } },
+      el('option', { value: '' }, 'Reading the key results and health budgets'));
+    const typed = el('input', { type: 'text', 'aria-label': 'Anchor', placeholder: 'A key result or health:<id>, e.g. health:tech', 'data-ini': 'ni-anchor', oninput: (e) => { F.anchor = e.target.value; } });
+    F.anchors = null;
+    const anchorField = () => (F.anchors && !F.anchors.length ? typed : pick);
+    const anchorNote = () => (F.anchors && !F.anchors.length
+      ? 'No key result or health budget could be read' + (F.anchorsErr ? ' (' + F.anchorsErr + ')' : '') + '. Type an anchor declared in planning/okrs/.'
+      : 'Every initiative anchors to a key result or a health budget. PMOS refuses one without it.');
+    apiFor(b.ws).get('/api/boards/anchors', { board: b.id }).then((r) => {
+      F.anchors = r && r.ok && Array.isArray(r.anchors) ? r.anchors : [];
+      F.anchorsErr = r && r.ok ? r.error || '' : (r && r.error) || 'no answer';
+      const groups = [];
+      for (const a of F.anchors) { let g = groups.find((x) => x.name === a.group); if (!g) groups.push(g = { name: a.group, items: [] }); g.items.push(a); }
+      put(pick, el('option', { value: '' }, 'Pick a key result or a health budget'),
+        ...groups.map((g) => el('optgroup', { label: g.name }, ...g.items.map((a) => el('option', { value: a.value, selected: a.value === F.anchor }, a.label)))));
+      pick.disabled = false;
+      if (host.isConnected) render();
+    });
     function render(focusSel) {
-      host.replaceChildren(
+      put(host, 
         note('Lives in ' + PORTFOLIO + ' > ' + b.name + '. It gets its own workflow: pick one of the templates this board offers. You can edit its stages later. It is recorded as an ask you accepted.'),
         lbl('TITLE'), el('div', { class: 'form' }, title),
-        lbl('ANCHOR'), el('div', { class: 'form' }, anchor), note('Every initiative anchors to a key result or a health budget. PMOS refuses one without it.'),
+        anchorField() === pick ? el('label', { class: 'ini-field' }, lbl('ANCHOR'), pick) : [lbl('ANCHOR'), el('div', { class: 'form' }, typed)], note(anchorNote()),
         el('label', { class: 'ini-field' }, lbl('LANE'), el('select', { 'aria-label': 'Lane', 'data-ini': 'ni-lane', onchange: (e) => { F.lane = e.target.value; } }, ...['feature', 'discovery', 'chore', 'incident', 'content', 'prototype'].map((l) => el('option', { value: l, selected: l === F.lane }, l)))),
         lbl('WORKFLOW'), tplSeg(offer, F.tpl, (k) => { F.tpl = k; render('[data-ini-tpl="' + k + '"]'); }, 'Workflow', b.defTpl), tplCase(F.tpl),
         b.build ? null : note(b.name + ' does not build a product, so workflows with Build and Deliver are not offered.'),
@@ -496,7 +515,7 @@ export function mountInitiatives(pane, opts) {
     }
     async function create() {
       const t = F.title.trim(); const a = F.anchor.trim();
-      if (!t || !a) { F.err = !t ? 'Give the initiative a title.' : 'Give it an anchor: a key result or a health budget.'; render(); (t ? anchor : title).focus(); return; }
+      if (!t || !a) { F.err = !t ? 'Give the initiative a title.' : 'Give it an anchor: a key result or a health budget.'; render(); (t ? anchorField() : title).focus(); return; }
       const api = apiFor(b.ws);
       F.busy = true; F.err = ''; render();
       const add = await api.post('/api/boards/asks/add', { board: b.id, line: t, source: 'New initiative, typed by you' });
@@ -537,7 +556,7 @@ export function mountInitiatives(pane, opts) {
     const rowsUi = stageRows(W, { current: row.stage, build: b.build !== false, onChange: () => { W.confirm = false; render(); } });
     function render(focusSel) {
       const m = mv();
-      host.replaceChildren(
+      put(host, 
         note('The ordered stages of ' + row.id + ' only. Other initiatives on ' + b.name + ' keep their own. Each stage sits in one category so the portfolio can compare. No conditions or validators, by design: moving work is your call.'),
         el('div', { class: 'chips2', role: 'group', 'aria-label': 'Start from a template' }, mono('Start from a template ' + b.name + ' offers'),
           ...Object.keys(TEMPLATES).map((k) => pill({ 'aria-pressed': String(W.tpl === k), 'data-wf-tpl': k, disabled: !offer.includes(k), title: offer.includes(k) ? TEMPLATES[k].use : templateBuilds(k) && b.build === false ? 'Needs Build and deliver on the board' : 'Not offered on this board',
@@ -620,7 +639,7 @@ export function mountInitiatives(pane, opts) {
     const rowsUi = stageRows(W, { build: b.build !== false, counts, onChange: () => render() });
     function render(focusSel) {
       const gone = removed().filter((n) => Number(counts[n]) > 0);
-      host.replaceChildren(
+      put(host, 
         note('The stages that ' + b.name + '\'s initiatives run when they have no workflow of their own. Each initiative can still pick its own from the templates the board offers.'),
         el('div', { class: 'chips2', role: 'group', 'aria-label': 'Start from a template' }, mono('Start from a template'),
           ...BOARD_TEMPLATES.map((k) => pill({ 'aria-pressed': String(W.tpl === k), 'data-wf-tpl': k, disabled: b.build === false && templateBuilds(k), onclick: () => { W.tpl = k; W.draft = TEMPLATES[k].stages.map((s) => ({ key: 'k' + (++seq), name: s.name, cat: s.cat, hint: '', was: old.includes(s.name) ? s.name : null })); render('[data-wf-tpl="' + k + '"]'); } }, TEMPLATES[k].name))),
@@ -658,7 +677,7 @@ export function mountInitiatives(pane, opts) {
       const r = await apiFor(b.ws).get('/api/boards/initiative', { board: b.id, id });
       if (token !== P.seq) return;
       if (!r || !r.ok || !r.row) {
-        root.replaceChildren(pathCrumbs(b, { id, title: '' }), errLine(r && r.pending ? 'Reading the repository. Open the page again in a moment.' : 'The initiative could not be read: ' + ((r && r.error) || 'no answer') + '.'));
+        put(root, pathCrumbs(b, { id, title: '' }), errLine(r && r.pending ? 'Reading the repository. Open the page again in a moment.' : 'The initiative could not be read: ' + ((r && r.error) || 'no answer') + '.'));
         return;
       }
       P.ini = { id, board: b.id, row: r.row, history: r.history || [], tools: r.tools || [], toolsByCat: r.toolsByCat || null, b: { ...b, ...(r.board || {}), counts: b.counts, asks: b.asks, nextRelease: b.nextRelease } };
@@ -685,7 +704,7 @@ export function mountInitiatives(pane, opts) {
     const tabs = INI_TAB_LIST.filter(([k]) => k !== 'tickets' || bb.build).map(([k, l, ic]) => [k, l, ic,
       k === 'breakdown' && work.length ? el('span', { class: 'bdg g' }, String(work.length)) : k === 'tickets' ? el('span', { class: 'bdg g' }, String(work.filter((w) => w.src === 'jira').length)) : null]);
     const host = el('div', { class: 'calbody', 'data-ini-panel': tab });
-    root.replaceChildren(
+    put(root, 
       pathCrumbs(bb, row, el('div', { class: 'chips2' }, pbtn('outline', 'Dashboard', 'report', { onclick: () => ctxI.showTab('rep') }))),
       el('div', { class: 'calbody', 'data-ini-page': row.id },
         lh('target', row.title || row.id, [row.id, bb.name, row.anchor || 'no anchor', row.owner || 'no owner', row.start || row.end ? day(row.start) + ' to ' + day(row.end) : 'no dates yet', row.horizon ? row.horizon[0].toUpperCase() + row.horizon.slice(1) : '', Math.round((Number(row.progress) || 0) * 100) + '% done'].filter(Boolean).join(' · ')),
@@ -705,7 +724,7 @@ export function mountInitiatives(pane, opts) {
     const sh = openSheet({ title: 'Jira epics · ' + row.id, icon: 'bolt', body: host });
     function render() {
       const input = el('input', { type: 'text', value: E.text, 'aria-label': 'Jira epic keys', placeholder: 'Epic keys, e.g. IDPF-2685, LB-120', 'data-ini': 'epics-input', oninput: (e) => { E.text = e.target.value; } });
-      host.replaceChildren(
+      put(host, 
         note('The Jira epics this initiative runs on. The daily Jira check reads each epic and the issues under it, read-only, and shows them as its Jira items.' + (jiraLabel(b) ? ' ' + b.name + ' mirrors Jira ' + jiraLabel(b) + '.' : '')),
         row.epicsFrom === 'record' ? note('Now from the initiative record (jira: ' + row.epics.join(', ') + '). Saving here takes over from it.') : null,
         el('div', { class: 'ini-field' }, lbl('JIRA EPICS'), el('div', { class: 'form' }, input)),

package/workspace/public/pm/console3.css

@@ -2172,3 +2172,46 @@
 .c3 .cal3-bar i.p{background:var(--acc);opacity:.55}
 .c3 .cal3-bar i.t{background:var(--border)}
 .c3 .cal3-counts{gap:10px;font-size:var(--fs-1)}
+
+/* ── Phone layout pass (initiative c3-phone-layout): at 760px and under, each console3 page fits a 390px screen ─────────────────
+ * Layout only; the desktop is unchanged. The header puts Record beside the title and the tool buttons on one row; the five tabs
+ * share the width, each an icon over its word; rows keep their chips, dates and avatars legible; switch rows wrap as whole groups. */
+@media (max-width:760px){
+  /* header: title and Record on the first line, the sun line, then the tool buttons; the demo pill last */
+  .c3.c3pg .c3top{gap:8px 6px;justify-content:flex-start}
+  .c3.c3pg .c3top .tools{display:contents}
+  .c3.c3pg .c3top>div:first-child{order:0;flex:1 1 auto;min-width:0}
+  .c3.c3pg .c3top .c3rec{order:1;margin-left:auto}
+  .c3.c3pg .c3top .c3pg-daylight{order:2;flex:1 0 100%}
+  .c3.c3pg .c3top .tools>*{order:3}
+  .c3.c3pg .c3top .tools>.c3rec{order:1}
+  .c3.c3pg[data-c3-demo] .c3top .c3pg-demo{order:4;flex:1 0 100%;justify-content:center}
+  /* tabs: five equal columns, an icon over a short word, the count on the icon's shoulder; nothing hides off the right */
+  .c3.c3pg .c3tabs{gap:0;overflow-x:visible}
+  .c3.c3pg .c3tabs button{position:relative;flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:3px;padding:6px 2px;font-size:var(--fs-1);line-height:1.1}
+  .c3.c3pg .c3tabs button>svg{flex:none}
+  .c3.c3pg .c3tabs .bdg{position:absolute;top:3px;left:calc(50% + 6px)}
+  /* an avatar keeps its round 22px look; its 44px tap area is the transparent box around it */
+  .c3.ph .nrow .av,.c3.ph .drow .av{width:44px;height:44px;min-height:44px;flex:none;border:0;background:radial-gradient(circle closest-side,var(--muted) 0 calc(100% - 12px),var(--border) calc(100% - 12px) calc(100% - 11px),transparent calc(100% - 10.5px))}
+  /* a chip that holds a sentence and its date wraps as one line of text instead of two squeezed columns */
+  .c3 .nrow .chips .chip2:has(>.dim){display:block;min-width:0;max-width:100%}
+  .c3 .nrow .chips .chip2:has(>.dim)>svg{display:inline-block;vertical-align:-3px;margin-right:4px}
+  .c3 .nrow .chips .chip2:has(>.dim)>span{display:inline}
+  .c3 .nrow .chips .chip2>.dim{white-space:nowrap}
+  .c3 .wrow .chips .jc{max-width:100%;white-space:normal;overflow:visible}
+  /* a row's trailing button keeps its icon centred */
+  .c3 .nrow .acts .ib{justify-content:center}
+  /* a card head wraps its note under the title rather than squeeze both */
+  .c3 .sect>.sh2,.c3 .brief .sect .sh2{flex-wrap:wrap}
+  .c3 .sect>.sh2>h2,.c3 .brief .sect .sh2>h2{flex:0 1 auto;min-width:0}
+  .c3 .card>h3{flex-wrap:wrap}
+  /* switch rows (Calendar/Notes, Day to Yr): each switch stays in one piece and the row wraps between them */
+  .c3 .calbar .lens{flex-wrap:wrap;gap:6px}
+  .c3 .calbar .lens>.seg{flex-wrap:nowrap}
+  /* Work's lead line: Open Briefing sits on its own line under the sentence */
+  .c3 .lh .wk-min .pill{display:flex;width:max-content;margin-top:6px}
+  /* Settings: search takes the row, the workspace picker the next */
+  .c3.c3pg .c3set .st-hd .tools{width:100%}
+  .c3.c3pg .c3set .st-hd input[type=text]{flex:1 1 100%;width:auto}
+  .c3.c3pg .c3set .st-hd select{flex:1 1 0;min-width:0}
+}