create-pmos 0.158.0 → 0.160.0

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/c3-plan.js

@@ -143,7 +143,7 @@ export function newInitLine(ctx) {
       call.then((out) => { if (me !== run) return; slot.replaceChildren(out && out.ok && out.draft ? answer(text, out.draft) : el('div', { class: 'fold w', role: 'alert' }, c3ic('alert', 'sm'), (out && out.error) || 'The draft did not answer.')); }); }, 650);
   };
   input.addEventListener('keydown', (e) => { if (e.key === 'Enter' && !e.isComposing) start(input.value); });
-  const mic = c3ib('Speak is off on this line: on-device dictation runs in Notes, in the main app. Type the line here.', 'mic', { disabled: true });
+  const mic = c3ib('Speak is off on this line: on-device dictation runs in Notes, in the classic app (/classic.html). Type the line here.', 'mic', { disabled: true });
   const spark = c3ib('Start: an agent runs the intake', 'spark', { 'data-a': 'c3nigo', 'data-c3pg': 'new-init-go', onClick: () => start(input.value) }, 'pri');
   return el('div', null, el('div', { class: 'c3add' }, el('div', { class: 'form' }, input, mic, spark),
     el('div', { class: 'chips2' }, el('span', { class: 'dim mono', style: 'font-size:var(--fs-2)' }, 'try'),

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

@@ -570,9 +570,9 @@ export function mountSettings(host, ctx = {}) {
     return [group('New sessions', [
       extRow('sess.cli', seg('Start with', [['claude', 'Claude Code'], ['shell', 'A shell']], d.cli, (v) => setDef({ cli: v }, 'sess.cli', { cli: d.cli })), { scope: 'computer', note: 'Kept in this browser, as the dock keeps it.' }),
       extRow('sess.tier', seg('Model', [['auto', 'Auto'], ['fast', 'Fast'], ['balanced', 'Balanced'], ['deep', 'Deep']], d.tier, (v) => setDef({ tier: v }, 'sess.tier', { tier: d.tier })), { scope: 'computer' }),
-      extRow('sess.profile', profileSelect('c3set-sess-profile'), { scope: 'computer', forId: 'c3set-sess-profile', note: profs.length ? null : p ? 'No profile was found. Make one in the main app\'s Settings, Profiles.' : 'Reading profiles.' }),
+      extRow('sess.profile', profileSelect('c3set-sess-profile'), { scope: 'computer', forId: 'c3set-sess-profile', note: profs.length ? null : p ? 'No profile was found. Make one in the classic app\'s Settings, Profiles (/classic.html).' : 'Reading profiles.' }),
       lockedRow('sess.flags', 'Launch flags', 'Flags for the claude command, such as a permission mode.', 'Set when you start a session', 'computer')], 'term'),
-    profs.length ? sect('Profiles', [list(profRows), help('A new profile is made in the main app\'s Settings, Profiles.')], { ic: 'user', count: profs.length }) : null,
+    profs.length ? sect('Profiles', [list(profRows), help('A new profile is made in the classic app\'s Settings, Profiles (/classic.html).')], { ic: 'user', count: profs.length }) : null,
     groupOf('sessions', 'Housekeeping', 'term'),
     sect('Running now' + (M.running ? ' · ' + run.length + (max ? ' of ' + max : '') : ''), [M.running ? (run.length ? list(runRows) : fold(null, 'No sessions running.')) : fold(null, 'Reading the sessions.'),
       help('Close a session from the dock at the bottom of the page.')], { ic: 'term' }),

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

@@ -136,7 +136,7 @@ function toggleMore() {
     item(S.theme === 'dark' ? 'sun' : 'moon', S.theme === 'dark' ? 'Light theme' : 'Dark theme', () => setTheme(S.theme === 'dark' ? 'light' : 'dark')),
     ((b) => { b.firstChild.replaceWith(gearIcon('sm')); return b; })(item('info', 'Settings', () => showTab('settings', true), false, { 'data-a': 'settings' })),
     item('term', S.dockOpen ? 'Fold the dock' : 'Open the dock', () => { S.dockOpen = !S.dockOpen; syncDock(); }, false, { 'data-a': 'dockt' }, 'Ctrl J'),
-    el('a', { class: 'c3pg-mi', role: 'menuitem', href: '/' }, c3ic('term', 'sm'), el('span', null, 'Open the main app')));
+    el('a', { class: 'c3pg-mi', role: 'menuitem', href: '/classic.html' }, c3ic('term', 'sm'), el('span', null, 'Open the classic app')));
   S.root.append(S.menu);   // on the page root with position:fixed, so no ancestor's overflow, transform or stacking order can hide it
   S.placeMenu = () => { const r = S.moreBtn.getBoundingClientRect(); const w = S.menu.offsetWidth || 220; S.menu.style.top = Math.round(r.bottom + 6) + 'px'; S.menu.style.left = Math.round(Math.max(8, Math.min(r.right - w, innerWidth - w - 8))) + 'px'; S.menu.style.maxHeight = Math.max(160, innerHeight - r.bottom - 14) + 'px'; };
   S.placeMenu(); addEventListener('resize', S.placeMenu); addEventListener('scroll', S.placeMenu, true);
@@ -425,7 +425,7 @@ function dock() {
   });
   S.dockEl = S.dock.side;
   // a session opens in its own terminal sheet on this page (c3-session-term.js), not in the main app
-  window.addEventListener('pmos:open-session', (e) => { const id = e.detail && e.detail.id; if (!id) { location.assign('/'); return; } import('./c3-session-term.js').then((m) => m.openSessionTerm({ id, name: e.detail.name })); });
+  window.addEventListener('pmos:open-session', (e) => { const id = e.detail && e.detail.id; if (!id) { location.assign('/classic.html'); return; } import('./c3-session-term.js').then((m) => m.openSessionTerm({ id, name: e.detail.name })); });
   return [S.dock.side];
 }
 /* The dock is open on the Briefing and folded away on the other tabs. A folded dock leaves no rail (PM, 2026-10-12): the header's Sessions button, Ctrl J and the More menu reach it. */
@@ -491,7 +491,7 @@ function showInit(id) {
     S.initHosts[k].hidden = k !== id;
     if (k === id && !S.mounted['init-' + k] && S.initRows) {
       S.mounted['init-' + k] = true;
-      const ctx = { ...initiativesViewCtx({ repo: ws.root || null, ws: S.ws, rows: S.initRows.rows, sig: S.initRows.sig, openInitiative: () => location.assign('/'), setState: () => {} }), strategy: S.initRows.strategy, plan: planNode(sc(OWN.has(k) ? 'init-' + k : 'init')), links: crossLinks((t) => showTab(t, true)) };
+      const ctx = { ...initiativesViewCtx({ repo: ws.root || null, ws: S.ws, rows: S.initRows.rows, sig: S.initRows.sig, openInitiative: () => location.assign('/classic.html'), setState: () => {} }), strategy: S.initRows.strategy, plan: planNode(sc(OWN.has(k) ? 'init-' + k : 'init')), links: crossLinks((t) => showTab(t, true)) };
       if (k === 'lifecycle' || OWN.has(k)) mount(S.initHosts[k], Object.freeze(ctx));
       else { const view = el('div'); S.initHosts[k].replaceChildren(ctx.plan, view); mount(view, Object.freeze({ ...ctx, plan: null })); }
     }

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

@@ -115,7 +115,7 @@ function render(V) {
   const reading = !D;
   const none = !reading && !all.length;
   const head = reading ? { icon: 'check', h: 'Reading the Jira tickets', s: 'Tickets live in Jira. The agent proposes, you accept.', ring: [0, 1] }
-    : none ? { icon: 'check', h: 'No Jira tickets read yet', s: D.err || 'The agent has not read Jira yet. A read from My work in the main app fills this view.', ring: [0, 1] }
+    : none ? { icon: 'check', h: 'No Jira tickets read yet', s: D.err || 'The agent has not read Jira yet. A read from My work in the classic app (/classic.html) fills this view.', ring: [0, 1] }
       : { icon: 'check', h: T.length + ' Jira ticket' + (T.length === 1 ? '' : 's') + ', ' + bad.length + ' late or at risk', s: 'Tickets live in Jira. The agent proposes, you accept.', ring: [done.length, T.length] };
 
   const left = [];

package/workspace/public/pm/console3.css

@@ -2215,3 +2215,6 @@
   .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}
 }
+/* the dock's note under the branch list and its empty detail (c3-dock.js) */
+.c3dock .dk-more { font-size: var(--fs-1); padding: 4px; }
+.c3dock .dk-empty { font-size: var(--fs-2); }

package/workspace/public/pm/pm-work-view.js

@@ -122,7 +122,7 @@ export const COPY = Object.freeze({
   empty: 'Nothing here.', noJobGroup: 'No job yet', jobs: 'Jobs to be done', noJobs: 'No jobs yet.',
   addJob: 'Add a job', addJobPlaceholder: 'when I plan a release, I want honest dates, so Dana can trust them',
   groupJob: 'Group by job to be done', groupTime: 'Group by time', loading: 'Reading…',
-  micOff: 'Speak is off on this line: on-device dictation runs in Notes, in the main app. Type the item here.',
+  micOff: 'Speak is off on this line: on-device dictation runs in Notes, in the classic app (/classic.html). Type the item here.',
   jobsNote: 'The count is every item in the job, across all views. Tap a job to edit or delete it.',
   legend: ['open', 'done'], readError: 'Your items could not be read.', saveError: 'Nothing was saved.',
   removed: 'Removed.', undo: 'Undo', restored: 'Restored.', tooLate: 'Too late to undo.', drop: 'Drop',