create-pmos 0.124.0 → 0.126.0

package/workspace/public/pm/c3-lifecycle-panels.js

@@ -0,0 +1,476 @@
+/* pm/c3-lifecycle-panels.js — the panels the Lifecycle lens draws for each stage, as the console3 mockup draws them (console3.html: iniInfo 3577, iniLeft 3582, iniRight 3592,
+ * ideaRow 3563, hypRow 3565, gateCard 3573, evMatrix 3572, scoreCard 3574, lessonsCard 3575, scatter 3455, hRubric 3487, c3needs 4713, the Build lens 4760 to 4768).
+ *
+ *   lensPanels(V, lens, scope) -> { head: { icon, h, s, ring } | null, left: [nodes], after: [nodes], right: [nodes] }
+ *     left goes under the initiative's lifecycle line and above "What <stage> needs"; after goes below it (the Build lens); right is the second column.
+ *   ensureLife(V)               starts the reads once and draws again when they land. V.life holds what came back.
+ *
+ * DATA, all real, all read-only until a PM press:
+ *   ideas, hypotheses, decisions   GET /api/records/<kind>            (scripts/records; add forms POST /api/records/<kind>/add through pmPost)
+ *   gates                          GET /api/console?name=ladder&id=   (the engine's steps; one initiative per call, so only the ones shown are asked for)
+ *   evaluations, corrections       GET /api/c3-life                   (workspace/lib/routes-c3-life.js)
+ *   calibration                    GET /api/console?name=radar        (the evaluator's kappa against PM labels, D40)
+ *   capacity, work items, tickets  GET /api/c3-init/roadmap, /api/c3-init/breakdown, /api/forecast
+ * Where a record does not exist the panel says what is missing and how to add it. No number is invented: an idea with a missing figure has no score, a gate the engine does not
+ * claim is drawn as unknown, a rubric with no recorded weights is unweighted. The maths is lifecycle-lens-model.js (ports of scripts/trust/reader.js 11 to 16).
+ * The demo (/c3.html?demo=1) answers the same routes from c3-demo-life.js, in the same shapes. Built with el(); every string from data is a text node. */
+import { el } from './dom.js';
+import { pmGet, pmPost } from './http.js';
+import { c3ic } from './pm-work-view.js';
+import { openSheet } from './c3-sheet.js';
+import { renderCase } from './c3-case.js';
+import { card, hBars, rowShell, caseNode, markDone, say, short, dayLabel } from './c3-init-extras.js';
+import { progressCard } from './c3-plan-panels.js';
+import { releasePanels } from './releases-view.js';
+import { ideaScore, normIdea, rankIdeas, capacityUsed, normHyp, hypStatus, HYP_LABEL, GATES, gateLadder, gateCell, normEval, evalVerdict, correctionRate, nineOf, stageBucket } from './lifecycle-lens-model.js';
+
+const isDemo = () => !!window.__c3demo;
+const SVGNS = 'http://www.w3.org/2000/svg';
+const sv = (tag, attrs, ...kids) => { const n = document.createElementNS(SVGNS, tag); for (const k of Object.keys(attrs || {})) if (attrs[k] != null) n.setAttribute(k, attrs[k]); for (const c of kids) if (c) n.appendChild(c); return n; };
+const svt = (x, y, t, a) => { const n = sv('text', { x, y, ...(a || {}) }); n.textContent = t; return n; };
+const ST_COLOR = { new: ['var(--acc)', 'new'], short: ['var(--acc)', 'shortlisted'], committed: ['var(--success)', 'committed'], parked: ['var(--muted-foreground)', 'parked'] };
+const HYP_COLOR = { supported: 'var(--success)', mixed: 'var(--warning)', untested: 'var(--ring)', refuted: 'var(--destructive)', open: 'var(--ring)' };
+const DIM = 'text-transform:none;letter-spacing:0';
+const pct = (n) => Math.round(n * 100);
+
+/* ── the reads ── */
+const rdOk = (r) => !!(r && r.ok);
+const nameOf = (V, id) => { const r = (V.ctx.rows || []).find((x) => x.id === id); return r ? r.title : id || ''; };
+
+/** Start the reads once. V.life: { state: 'idle'|'loading'|'ready', ideas, hyps, decisions, evals, corr, sources, calib, capacity, items, ladders, tickets, err }. */
+export function ensureLife(V) {
+  const L = V.life || (V.life = { state: 'idle', st: {}, ladders: {}, tickets: {}, err: {} });
+  if (L.state === 'idle') { L.state = 'loading'; load(V, L); }
+  return L;
+}
+export function reloadLife(V) { if (V.life) V.life.state = 'idle'; if (!V.disposed) V.render(); }
+
+async function load(V, L) {
+  const ws = V.ctx.ws ? '&ws=' + encodeURIComponent(V.ctx.ws) : '';
+  const [ideas, hyps, decs, life, radar, rm, bd] = await Promise.all([
+    pmGet('/api/records/ideas'), pmGet('/api/records/hypotheses'), pmGet('/api/records/decisions'), pmGet('/api/c3-life'),
+    pmGet('/api/console?name=radar' + ws), pmGet('/api/c3-init/roadmap'), pmGet('/api/c3-init/breakdown'),
+  ]);
+  if (V.disposed) return;
+  L.err = {};
+  L.ideas = rdOk(ideas) ? (ideas.records || []).map(normIdea) : null; if (!rdOk(ideas)) L.err.ideas = (ideas && ideas.error) || 'The ideas could not be read.';
+  L.hyps = rdOk(hyps) ? (hyps.records || []).map(normHyp) : null; if (!rdOk(hyps)) L.err.hyps = (hyps && hyps.error) || 'The hypotheses could not be read.';
+  L.decisions = rdOk(decs) ? decs.records || [] : null;
+  L.life = rdOk(life) ? life : null; if (!L.life) L.err.life = 'The evaluations and the corrections are not served by this server yet (GET /api/c3-life). Restart the workspace to load the route.';
+  L.calib = rdOk(radar) && radar.data ? { ...(radar.data.calibration || {}), source: radar.source || '' } : null; if (L.calib && !radar.data.calibration) L.calib = { none: true, source: radar.source || '' };
+  L.bets = rdOk(rm) ? rm.bets || [] : null;
+  L.capacity = rdOk(rm) ? rm.capacity || null : null; L.people = rdOk(rm) ? rm.people || [] : [];
+  L.items = rdOk(bd) ? bd.items || [] : null;
+  L.state = 'ready';
+  V.render();
+}
+
+/** One initiative's ladder (GET /api/console?name=ladder). Asked for once, only for the initiatives a panel shows. */
+function ensureLadder(V, id) {
+  const L = V.life; const cur = L.ladders[id];
+  if (cur) return cur;
+  const ws = V.ctx.ws ? '&ws=' + encodeURIComponent(V.ctx.ws) : '';
+  const slot = L.ladders[id] = { state: 'loading', row: null };
+  pmGet('/api/console?name=ladder&id=' + encodeURIComponent(id) + ws).then((r) => {
+    if (V.disposed) return;
+    slot.state = rdOk(r) && !r.empty && r.row ? 'ready' : 'none'; slot.row = rdOk(r) && r.row ? r.row : null; slot.err = rdOk(r) ? '' : (r && r.error) || 'The ladder could not be read.';
+    V.render();
+  });
+  return slot;
+}
+/** Jira-side tickets of one initiative (GET /api/forecast?initiative=): the Build lens. */
+function ensureTickets(V, id) {
+  const L = V.life; if (L.tickets[id]) return L.tickets[id];
+  const slot = L.tickets[id] = { state: 'loading', items: [] };
+  pmGet('/api/forecast?initiative=' + encodeURIComponent(id)).then((r) => {
+    if (V.disposed) return;
+    slot.state = rdOk(r) ? 'ready' : 'none'; slot.items = rdOk(r) ? r.items || [] : []; slot.err = rdOk(r) ? '' : (r && r.error) || '';
+    V.render();
+  });
+  return slot;
+}
+
+/* ── pieces ── */
+const inScope = (scope) => (x) => !scope || x.init === scope;
+const loading = (what) => el('li', { class: 'fold', 'data-life-loading': '' }, c3ic('clock', 'sm'), 'Reading ' + what + '…');
+const note = (icon, text, attr) => el('li', { class: 'fold', ...(attr || {}) }, c3ic(icon, 'sm'), text);
+const chip2 = (icon, text, color, title) => el('span', { class: 'chip2', style: color ? 'color:' + color : null, title: title || null }, icon ? c3ic(icon, 'sm') : null, text);
+const section = (icon, title, count, sub, rows, attrs) => el('section', { class: 'card sect', ...(attrs || {}) },
+  el('div', { class: 'sh2' }, el('h2', null, c3ic(icon, 'sm'), title, count == null ? null : [' ', el('span', { class: 'bdg g' }, String(count))]), sub ? el('span', { class: 'dim', style: 'font-size:var(--fs-2)' }, sub) : null),
+  el('ul', { class: 'list' }, rows));
+
+/** The mockup's hNum: a number, a delta line and the trend against a target. arr = the series, target = the line. */
+function numCard(big, unit, delta, tone, arr, target) {
+  const W = 340; const H = 60; const all = target == null ? arr : arr.concat([target]); const mn = Math.min(...all); const mx = Math.max(...all);
+  const X = (i) => 4 + i * (W - 8) / Math.max(1, arr.length - 1); const Y = (v) => H - 6 - (v - mn) / (mx - mn || 1) * (H - 26);
+  const p = arr.map((v, i) => X(i) + ',' + Y(v)).join(' ');
+  const s = sv('svg', { viewBox: `0 0 ${W} ${H}`, role: 'img', 'aria-label': 'Trend: ' + arr.join(', ') });
+  if (target != null) s.append(sv('line', { x1: 4, x2: W - 4, y1: Y(target), y2: Y(target), stroke: 'var(--ring)', 'stroke-dasharray': '4 4' }), svt(W - 4, Y(target) - 4, 'target ' + target + unit, { 'text-anchor': 'end' }));
+  s.append(sv('polygon', { points: `4,${H - 4} ${p} ${W - 4},${H - 4}`, fill: tone, 'fill-opacity': '.1' }), sv('polyline', { class: 'draw', pathLength: 1, points: p, fill: 'none', stroke: tone, 'stroke-width': 3, 'stroke-linecap': 'round', 'stroke-linejoin': 'round' }),
+    sv('circle', { cx: X(arr.length - 1), cy: Y(arr[arr.length - 1]), r: 4.5, fill: tone, stroke: 'var(--card)', 'stroke-width': 2 }));
+  return el('div', { class: 'hn' }, el('div', { class: 'a' }, el('b', null, big), el('span', null, unit)), el('div', { class: 'd', style: 'color:' + tone }, delta), s);
+}
+
+/** The mockup's hSegs: a row of coloured blocks with a value and a label. a = [[label, value, colour]]. */
+function segs(a, unit) {
+  const W = 340; const H = 84; const tot = a.reduce((t, r) => t + r[1], 0) || 1; let x = 0;
+  const s = sv('svg', { viewBox: `0 0 ${W} ${H}`, role: 'img', 'aria-label': a.map((r) => r[0] + ' ' + r[1]).join(', ') });
+  a.forEach((r, i) => { const w = (W - (a.length - 1) * 4) * (r[1] / tot);
+    s.append(sv('rect', { class: 'grow', style: 'animation-delay:' + (i * 90) + 'ms', x, y: 20, width: w, height: 30, rx: 9, fill: r[2], opacity: '.92' }), svt(x + w / 2, 39, r[1] + (unit || ''), { 'text-anchor': 'middle', style: 'fill:#fff;font-weight:500' }), svt(x + w / 2, 68, short(r[0], Math.max(5, Math.floor(w / 6.5))), { 'text-anchor': 'middle' }));
+    x += w + 4; });
+  s.append(svt(0, 12, 'total ' + tot + (unit || ''), {}));
+  return s;
+}
+
+/** The mockup's scatter (line 3455): impact up, effort across, a bubble per idea sized by confidence. Pressing a dot opens that idea's row. */
+function scatter(V, list) {
+  const W = 560; const H = 250; const x0 = 40; const x1 = W - 16; const y0 = 14; const y1 = H - 34;
+  const X = (v) => x0 + (v - 1) / 9 * (x1 - x0); const Y = (v) => y1 - (v - 1) / 9 * (y1 - y0);
+  const s = sv('svg', { class: 'sct', viewBox: `0 0 ${W} ${H}`, role: 'img', 'aria-label': 'Ideas by impact and effort' });
+  s.append(sv('rect', { x: x0, y: y0, width: X(5.5) - x0, height: Y(5.5) - y0, fill: 'var(--success)', 'fill-opacity': '.08' }),
+    svt(x0 + 6, y0 + 14, 'quick wins'), svt(x1 - 6, y0 + 14, 'big bets', { 'text-anchor': 'end' }), svt(x0 + 6, y1 - 8, 'fill-ins'), svt(x1 - 6, y1 - 8, 'money pits', { 'text-anchor': 'end' }),
+    sv('line', { x1: X(5.5), x2: X(5.5), y1: y0, y2: y1, stroke: 'var(--border)' }), sv('line', { x1: x0, x2: x1, y1: Y(5.5), y2: Y(5.5), stroke: 'var(--border)' }),
+    sv('line', { x1: x0, x2: x1, y1: y1, y2: y1, stroke: 'var(--ring)' }), sv('line', { x1: x0, x2: x0, y1: y0, y2: y1, stroke: 'var(--ring)' }),
+    svt((x0 + x1) / 2, H - 8, 'effort, low to high', { 'text-anchor': 'middle' }), svt(12, (y0 + y1) / 2, 'impact', { transform: `rotate(-90 12 ${(y0 + y1) / 2})`, 'text-anchor': 'middle' }));
+  list.filter((x) => ideaScore(x) != null).forEach((x, i) => {
+    const c = x.st === 'parked' ? 'var(--ring)' : x.st === 'committed' ? 'var(--success)' : x.st === 'short' ? 'var(--acc)' : x.src === 'agent' ? 'var(--purple)' : 'var(--muted-foreground)';
+    const t = sv('title'); t.textContent = x.n + ': impact ' + x.imp + ', effort ' + x.eff + ', confidence ' + pct(x.conf) + '%';
+    const dot = sv('circle', { class: 'pop', style: 'animation-delay:' + (i * 50) + 'ms', cx: X(Math.min(10, Math.max(1, x.eff))), cy: Y(Math.min(10, Math.max(1, x.imp))), r: 7 + x.conf * 9, fill: c, 'fill-opacity': '.65', stroke: 'var(--card)', 'stroke-width': 2, 'data-idea-dot': x.id }, t);   // a convenience as in the mockup, not a control: the idea's row is the control (44px, keys, swipe)
+    const go = () => { V.open = V.open || {}; V.open['idea' + x.id] = true; V.render(); const row = V.root.querySelector('[data-idea="' + (window.CSS && CSS.escape ? CSS.escape(x.id) : x.id) + '"]'); if (row && row.scrollIntoView) row.scrollIntoView({ block: 'center' }); };
+    dot.addEventListener('click', go);
+    s.append(dot);
+  });
+  return el('div', null, s, el('div', { class: 'pgl' }, el('span', { style: 'color:var(--acc)' }, '● shortlisted'), el('span', { style: 'color:var(--success)' }, '● committed'), el('span', { style: 'color:var(--purple)' }, '● from the agent'), el('span', null, '● yours or customers\''), el('span', null, 'bubble size = confidence')));
+}
+
+/* ── writes: a record edit through pmPost, with the page's undo ── */
+async function patch(V, kind, rid, fields, why) {
+  const r = await pmPost('/api/records/' + kind + '/edit', { rid, fields, why });
+  return r && r.ok ? { ok: true } : { ok: false, error: (r && r.error) || 'Not recorded.' };
+}
+/** Set an idea's status. The page shows it at once (V.life.st); a real record is read again after the write; the demo keeps the local one. */
+async function setIdeaStatus(V, x, status, msg) {
+  const L = V.life; const prev = L.st[x.id] || x.st;
+  const r = await patch(V, 'ideas', x.id, { status }, 'Set from the lifecycle lens');
+  if (!r.ok) { say(r.error); return false; }
+  L.st[x.id] = status; if (!isDemo()) { x.st = status; }
+  const undo = async () => { const u = await patch(V, 'ideas', x.id, { status: prev }, 'Undone from the lifecycle lens'); if (u.ok) { L.st[x.id] = prev; if (!isDemo()) x.st = prev; V.render(); } };
+  say(msg, undo); V.render();
+  return undo;
+}
+const withSt = (V, list) => list.map((x) => (V.life.st[x.id] ? { ...x, st: V.life.st[x.id] } : x));
+
+/* ── the add forms of the empty states: one record through pmPost ── */
+function field(label, input) { return el('label', null, label, input); }
+function addForm(V, kind, spec) {
+  const open = !!(V.addOpen && V.addOpen[kind]);
+  const err = el('div', { class: 'err', role: 'alert' });
+  const inputs = {};
+  const mk = (name, type, attrs) => { const i = el('input', { type, name, 'aria-label': name, ...(attrs || {}) }); inputs[name] = i; return i; };
+  const rowsIni = (V.ctx.rows || []).slice(0, 12);
+  const sel = el('select', { name: 'initiative', 'aria-label': 'initiative' }, el('option', { value: '' }, 'No initiative'), ...rowsIni.map((r) => el('option', { value: r.id }, short(r.title, 40))));
+  const body = spec.fields(mk, field);
+  const form = el('form', { class: 'lfm', 'data-life-form': kind, onSubmit: async (e) => {
+    e.preventDefault(); err.textContent = '';
+    const f = spec.collect(inputs); if (f.error) { err.textContent = f.error; return; }
+    if (sel.value) f.fields.initiative = sel.value;
+    const r = await pmPost('/api/records/' + kind + '/add', { fields: f.fields, why: 'Added from the lifecycle lens' });
+    if (!r || !r.ok) { err.textContent = (r && r.error) || 'Not recorded.'; return; }
+    say(isDemo() ? spec.done + ' (demo: nothing is saved)' : spec.done);
+    if (isDemo()) { V.life[spec.key] = (V.life[spec.key] || []).concat([spec.local({ ...f.fields, rid: 'demo-' + Date.now() })]); V.addOpen[kind] = false; V.render(); } else { V.addOpen[kind] = false; reloadLife(V); }
+  } }, ...body, field('Initiative', sel), err, el('button', { type: 'submit', class: 'pill', style: 'min-height:44px' }, spec.button));
+  V.addOpen = V.addOpen || {};
+  return el('li', { class: 'fold', 'data-life-add': kind, style: 'display:grid;gap:8px' },
+    el('div', { style: 'display:flex;gap:8px;align-items:center;flex-wrap:wrap' }, c3ic('plus', 'sm'), el('button', { type: 'button', class: 'pill', style: 'min-height:44px', 'aria-expanded': String(open), 'data-life-add-btn': kind, onClick: () => { V.addOpen[kind] = !V.addOpen[kind]; V.render(); } }, spec.open), el('span', { class: 'dim', style: 'font-size:var(--fs-2)' }, spec.how)),
+    open ? form : null);
+}
+const num = (v) => (v === '' || v == null ? NaN : Number(v));
+const IDEA_FORM = { key: 'ideas', open: 'Add an idea', button: 'Save the idea', done: 'Idea added.', how: 'Needs a title, impact, effort and confidence. It is written to planning/records/ideas.jsonl.', local: normIdea,
+  fields: (mk, f) => [f('Title', mk('title', 'text', { required: '', placeholder: 'What would we do?' })), el('div', { class: 'row2' }, f('Impact (1 to 10)', mk('impact', 'number', { min: 1, max: 10, step: 'any', required: '' })), f('Effort (above 0)', mk('effort', 'number', { min: 0.1, step: 'any', required: '' })), f('Confidence (0 to 1)', mk('confidence', 'number', { min: 0, max: 1, step: 'any', required: '' })))],
+  collect: (i) => { const t = i.title.value.trim(); const impact = num(i.impact.value); const effort = num(i.effort.value); const confidence = num(i.confidence.value);
+    if (!t) return { error: 'A title is needed.' }; if (!Number.isFinite(impact) || !Number.isFinite(effort) || effort <= 0 || !Number.isFinite(confidence) || confidence < 0 || confidence > 1) return { error: 'Impact, effort (above 0) and confidence (0 to 1) must be numbers.' };
+    return { fields: { title: t, impact, effort, confidence, status: 'new', source: 'you' } }; } };
+const HYP_FORM = { key: 'hyps', open: 'Add a hypothesis', button: 'Save the hypothesis', done: 'Hypothesis added.', how: 'Needs a statement, what would prove it wrong, and a review date. Evidence is added to the record as it comes in.', local: normHyp,
+  fields: (mk, f) => [f('Statement', mk('title', 'text', { required: '' })), f('What result would prove it wrong?', mk('falsifier', 'text', { required: '' })), f('Review by', mk('review_by', 'date', { required: '' }))],
+  collect: (i) => { const t = i.title.value.trim(); const fa = i.falsifier.value.trim(); const d = i.review_by.value;
+    if (!t || !fa || !/^\d{4}-\d{2}-\d{2}$/.test(d)) return { error: 'A statement, a falsifier and a review date are needed.' };
+    return { fields: { title: t, falsifier: fa, review_by: d, evidence: [] } }; } };
+const LESSON_FORM = { key: 'decisions', open: 'Add a lesson', button: 'Save the lesson', done: 'Lesson added.', how: 'Written to planning/records/decisions.jsonl as a decision with a lesson.', local: (f) => ({ ...f }),
+  fields: (mk, f) => [f('What we learned', mk('lesson', 'text', { required: '' }))],
+  collect: (i) => { const t = i.lesson.value.trim(); if (!t) return { error: 'Say what was learned.' }; return { fields: { case: 'Lesson', chose: 'recorded', why: t, lesson: t, tone: '' } }; } };
+
+/* ── DISCOVER: Hypotheses, the evidence matrix, Interviews ── */
+const dayName = (v) => { const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(String(v || '')); if (!m) return ''; const d = new Date(Date.UTC(+m[1], +m[2] - 1, +m[3])); return ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][d.getUTCDay()] + ' ' + (+m[3]); };
+const baseName = (s) => String(s || '').split('/').pop().replace(/\.[a-z]+$/i, '');
+
+function hypCase(V, h, hs) {
+  const n = hs.supports; const tot = h.ev.length;
+  const chg = [['notes', n + ' supporting source' + (n === 1 ? '' : 's') + (hs.refutes ? ', ' + hs.refutes + ' against' : ''), 'sources', n ? 'ok' : ''], ['target', 'Status: ' + HYP_LABEL[hs.shown], 'now'], ['alert', 'Falsifier: ' + (h.falsifier || 'none recorded'), 'falsifier', h.falsifier ? '' : 'bad']];
+  if (hs.untraced.length) chg.push(['alert', 'Untraced: ' + hs.untraced.slice(0, 3).join(', ') + (hs.untraced.length > 3 ? ' and ' + (hs.untraced.length - 3) + ' more' : '') + '. These sources are not files in the repository.', 'untraced', 'warn']);
+  if (h.review_by) chg.push(['clock', 'Review by ' + dayLabel(h.review_by), 'review']);
+  return { sit: 'Evidence so far: ' + n + ' of ' + tot + ' sources support it.' + (hs.status !== hs.shown && hs.status === 'open' ? ' The bar for supported is a net weight of 3.' : ''), conf: hs.shown === 'untested' ? 60 : 80, chg, cta: 'Slide to confirm',
+    opts: [{ id: 't', l: 'Add a question to the next interview', rec: hs.shown === 'untested', outward: !isDemo(), fx: [['check', 'Tests it this week', 'ok']] },
+      { id: 's', l: 'Mark it supported', fx: [['check', 'Recorded as your call; the derived status stays as the evidence says', 'ok']] },
+      { id: 'r', l: 'Mark it refuted', fx: [['x', 'Closes the question', 'warn']] }],
+    outboxReason: 'Adding a question goes to the interview guide, and this page has no route to the calendar yet. Nothing is written.' };
+}
+function hypRow(V, h, known, ncols) {
+  const hs = hypStatus(h, known); const col = HYP_COLOR[hs.shown]; const key = 'hyp' + h.id; const call = (V.life.call || {})[h.id];
+  const decide = async (o) => {
+    if (o.id === 't') { say('Question added to the next interview guide.'); markDone(V, 'hyp:' + h.id, 'Question added.'); return; }
+    const v = o.id === 's' ? 'supported' : 'refuted';
+    const r = await patch(V, 'hypotheses', h.id, { pm_call: v }, 'Marked ' + v + ' from the lifecycle lens');
+    if (!r.ok) { say(r.error); return; }
+    (V.life.call = V.life.call || {})[h.id] = v; say('Marked ' + v + '.', async () => { const u = await patch(V, 'hypotheses', h.id, { pm_call: '' }, 'Undone'); if (u.ok) { delete V.life.call[h.id]; V.render(); } }); markDone(V, 'hyp:' + h.id, 'Marked ' + v + '. Recorded as your call.');
+  };
+  return rowShell(V, { key, attrs: { 'data-hyp': h.id, 'data-id': h.id }, icon: hs.shown === 'supported' ? 'check' : hs.shown === 'mixed' ? 'alert' : hs.shown === 'refuted' ? 'x' : 'info', iconColor: col, title: h.t, hint: false,
+    chips: [chip2(null, HYP_LABEL[hs.shown], col), el('span', { class: 'chip2' }, hs.supports + ' of ' + Math.max(h.ev.length, ncols) + ' sources'), hs.untraced.length ? el('span', { class: 'st warn', 'data-untraced': '', title: hs.untraced.join(', ') }, c3ic('alert', 'sm'), hs.untraced.length + ' untraced') : null,
+      call ? chip2('user', 'you: ' + call) : null, h.init ? el('span', { class: 'tag' }, nameOf(V, h.init)) : null],
+    xpContent: caseNode(V, 'hyp:' + h.id, hypCase(V, h, hs), { onConfirm: decide }) });
+}
+function hypothesesCard(V, L, scope) {
+  if (!L.hyps) return section('target', 'Hypotheses', null, null, [note('alert', L.err.hyps || 'The hypotheses could not be read.', { 'data-life-error': '' })], { 'data-life-panel': 'hypotheses' });
+  const list = L.hyps.filter(inScope(scope)); const known = L.life ? L.life.sources || {} : {};
+  const ncols = Math.min(3, sourceCols(list).length);
+  const rows = list.map((h) => hypRow(V, h, known, ncols));
+  return section('target', 'Hypotheses', list.length, null, [...rows, !list.length ? note('target', L.hyps.length ? 'No hypothesis is recorded for this initiative.' : 'No hypotheses are recorded yet. A hypothesis is a statement plus the result that would prove it wrong; adding evidence moves it to supported or refuted.', { 'data-life-empty': 'hypotheses' }) : null, addForm(V, 'hypotheses', HYP_FORM)], { 'data-life-panel': 'hypotheses' });
+}
+/** The sources the evidence matrix columns stand for: the last three distinct sources named by the hypotheses of the scope, in the order they were recorded. */
+const sourceCols = (hyps) => { const at = {}; const cols = []; hyps.forEach((h) => h.ev.forEach((e) => { if (!cols.includes(e.src)) { cols.push(e.src); at[e.src] = e.at || ''; } })); return cols.map((c, i) => [c, i]).sort((a, b) => (at[a[0]] < at[b[0]] ? -1 : at[a[0]] > at[b[0]] ? 1 : a[1] - b[1])).map((x) => x[0]); };
+function evidenceMatrix(V, L, scope) {
+  const H = (L.hyps || []).filter(inScope(scope));
+  const cols = sourceCols(H);
+  if (!cols.length) return card('notes', 'Evidence matrix', 'which source supports which hypothesis', el('p', { class: 'dim', 'data-life-empty': 'evidence' }, 'No evidence is recorded yet. Evidence is a list on the hypothesis: { src, dir: supports or refutes, w }.'));
+  const shown = cols.slice(-3);
+  const today = new Date().toISOString().slice(0, 10);
+  const head = (s) => { const at = ((L.hyps || []).flatMap((h) => h.ev).find((e) => e.src === s) || {}).at; return at && at.slice(0, 10) === today ? 'Today' : dayName(at) || short(baseName(s), 10); };
+  const grid = el('div', { class: 'evm', role: 'table', 'aria-label': 'Evidence matrix', style: 'grid-template-columns:minmax(0,1.6fr) repeat(' + shown.length + ',minmax(0,.5fr))' }, el('span'), ...shown.map((s) => el('span', { class: 'h', title: s }, head(s))),
+    H.map((h) => [el('span', null, short(h.t, 40)), ...shown.map((s) => { const e = h.ev.find((x) => x.src === s); return el('span', { class: 'c' }, el('i', { class: e ? (e.dir === 'refutes' ? 'x' : '') : 'o', title: e ? e.dir : 'no signal' })); })]));
+  return card('notes', 'Evidence matrix', 'which source supports which hypothesis', grid, el('div', { class: 'pgl' }, el('span', { style: 'color:var(--success)' }, '● supports'), H.some((h) => h.ev.some((e) => e.dir === 'refutes' && shown.includes(e.src))) ? el('span', { style: 'color:var(--destructive)' }, '● refutes') : null, el('span', null, '◌ no signal'), cols.length > shown.length ? el('span', null, 'last ' + shown.length + ' of ' + cols.length + ' sources') : null));
+}
+function interviewsCard(V, L) {
+  const iv = L.life && Array.isArray(L.life.interviews) ? L.life.interviews : null;
+  if (!iv || !iv.length) return card('cal', 'Interviews', '', el('p', { class: 'dim', 'data-life-empty': 'interviews' }, 'No interviews are tied to this initiative. Interviews are calendar events: add them in the Calendar, tagged to the initiative.'));
+  const col = { done: 'var(--success)', now: 'var(--acc)', next: 'var(--ring)' };
+  return card('cal', 'Interviews', '', segs(iv.map((x) => [x.label, 1, col[x.state] || col.next])));
+}
+
+/* ── IDEATE and PRIORITIZE: Ideas, Ranked by score, the scatter, Capacity ── */
+function ideaCase(V, x, ranked) {
+  const sc = ideaScore(x); const top = ranked.slice(0, 3).some((r) => r.id === x.id);
+  const chg = [['target', 'Impact ' + x.imp + ' of 10, effort ' + x.eff + ' of 10', sc == null ? 'no score' : 'score ' + sc], ['user', 'From ' + x.src, 'source'], ['spark', 'Confidence ' + pct(x.conf) + '%', 'agent']];
+  const spike = x.conf < 0.6 && x.imp >= 7;
+  return { sit: x.why || 'No reason is recorded for this idea.', conf: pct(x.conf), chg, cta: 'Slide to confirm',
+    opts: [{ id: 'sh', l: 'Shortlist it', rec: top, fx: [['check', 'Joins the prioritization', 'ok']] }, { id: 'cm', l: 'Commit it to the plan', fx: [['flag', 'Gets scope and an owner', 'ok']] },
+      { id: 'sp', l: 'Run a 1-day spike first', rec: spike, outward: !isDemo(), fx: [['clock', 'Cheap test of the assumption', 'ok']] }, { id: 'pk', l: 'Park it', rec: !top && x.conf < 0.5 && x.imp < 6, fx: [['moon', 'Out of the way', 'warn']] }],
+    outboxReason: 'A spike is scoped by an agent session, and this page cannot start one. Ask for it in your terminal.' };
+}
+function ideaRow(V, x, ranked, lens) {
+  const sc = ideaScore(x); const st = ST_COLOR[x.st] || ST_COLOR.new;
+  const decide = (o) => { const to = { sh: ['short', 'Shortlisted.'], cm: ['committed', 'Committed. It appears in Plan as work to break down.'], pk: ['parked', 'Parked.'] }[o.id];
+    if (!to) { say('Spike scoped as a draft.'); markDone(V, 'idea:' + x.id, 'Spike scoped as a draft.'); return; }
+    setIdeaStatus(V, x, to[0], to[1]).then((u) => { if (u) markDone(V, 'idea:' + x.id, to[1], async () => { await u(); }); }); };
+  const swipe = (status, msg) => () => { setIdeaStatus(V, x, status, msg); };
+  return rowShell(V, { key: 'idea' + x.id, attrs: { 'data-idea': x.id, 'data-id': x.id }, icon: x.src === 'agent' ? 'spark' : x.src === 'customer' ? 'user' : 'notes', iconColor: x.src === 'agent' ? 'var(--purple)' : null, title: x.n,
+    sw: { labelRight: lens === 'prioritize' ? 'commit it' : 'shortlist it', labelLeft: 'park it', iconRight: 'check', iconLeft: 'moon', onRight: swipe(lens === 'prioritize' ? 'committed' : 'short', lens === 'prioritize' ? 'Committed to the plan.' : 'Shortlisted.'), onLeft: swipe('parked', 'Parked.') },
+    chips: [el('span', { class: 'chip2', title: 'Score: impact x confidence / effort' }, c3ic('scale', 'sm'), sc == null ? 'no score' : String(sc)), el('span', { class: 'chip2' }, 'impact ' + x.imp), el('span', { class: 'chip2' }, 'effort ' + x.eff), chip2(null, st[1], st[0]), x.init ? el('span', { class: 'tag' }, nameOf(V, x.init)) : null],
+    xpContent: caseNode(V, 'idea:' + x.id, ideaCase(V, x, ranked), { onConfirm: decide }) });
+}
+function ideasCard(V, L, scope, lens) {
+  if (!L.ideas) return section('spark', lens === 'prioritize' ? 'Ranked by score' : 'Ideas', null, null, [note('alert', L.err.ideas || 'The ideas could not be read.', { 'data-life-error': '' })], { 'data-life-panel': lens });
+  const all = withSt(V, L.ideas).filter(inScope(scope)); const ranked = rankIdeas(all);
+  const list = lens === 'prioritize' ? ranked : all.slice().sort((a, b) => (ideaScore(b) ?? -1) - (ideaScore(a) ?? -1));
+  const empty = !list.length ? note('spark', L.ideas.length ? 'No idea is recorded for this initiative.' : 'No ideas are recorded yet. An idea is a title with impact, effort and confidence; the score is impact x confidence / effort.', { 'data-life-empty': 'ideas' }) : null;
+  return section(lens === 'prioritize' ? 'scale' : 'spark', lens === 'prioritize' ? 'Ranked by score' : 'Ideas', list.length, lens === 'prioritize' ? 'impact x confidence / effort' : null, [...list.map((x) => ideaRow(V, x, ranked, lens)), empty, addForm(V, 'ideas', IDEA_FORM)], { 'data-life-panel': lens });
+}
+function scatterCard(V, L, scope, lens) {
+  if (!L.ideas) return null;
+  const all = withSt(V, L.ideas).filter(inScope(scope)); const list = lens === 'prioritize' ? rankIdeas(all) : all;
+  if (!list.filter((x) => ideaScore(x) != null).length) return card('spark', 'Impact and effort', '', el('p', { class: 'dim', 'data-life-empty': 'scatter' }, 'Nothing to plot yet. Each idea is a dot once it has impact and effort.'));
+  return card(lens === 'prioritize' ? 'scale' : 'spark', 'Impact and effort', lens === 'prioritize' ? '' : 'tap a dot to open it', scatter(V, list));
+}
+const CAP_COLORS = ['var(--acc)', 'var(--success)', 'var(--purple)', 'var(--warning)'];
+function capacityOf(L) { const c = L.life && L.life.capacity; return c && Number.isFinite(c.points) ? c : null; }
+function capacityCard(V, L, scope) {
+  const all = withSt(V, L.ideas || []).filter(inScope(scope)); const held = rankIdeas(all).filter((x) => x.st === 'short' || x.st === 'committed'); const cap = capacityOf(L);
+  const body = [];
+  if (held.length) body.push(segs(held.map((x, i) => [x.n, x.eff, CAP_COLORS[i % 4]]), ' pts'));
+  else body.push(el('p', { class: 'dim', 'data-life-empty': 'capacity-held' }, 'No idea is shortlisted or committed yet.'));
+  body.push(cap ? el('div', { class: 'dim', style: 'font-size:var(--fs-2)' }, 'Capacity is ' + cap.points + ' effort points' + (cap.basis ? ': ' + cap.basis.charAt(0).toLowerCase() + cap.basis.slice(1) : '') + '.')
+    : el('div', { class: 'dim', style: 'font-size:var(--fs-2)', 'data-life-empty': 'capacity' }, 'No capacity is recorded, so none is assumed. Add the people and their points a week in the Roadmap view.'));
+  return card('user', 'Capacity', '', ...body);
+}
+
+/* ── MONITOR: Quality gates ── */
+function gateCase(V, id, lad) {
+  const nm = nameOf(V, id); const nx = lad.next;
+  const chg = lad.gates.map((g) => [g.state === 'done' ? 'check' : g.state === 'na' ? 'moon' : g.state === 'unknown' ? 'info' : 'clock', g.name + ': ' + (g.state === 'done' ? 'passed' : g.state === 'next' ? 'next' : g.state === 'na' ? 'not required' : g.state === 'unknown' ? 'not claimed by the engine' : 'not yet') + (g.evidence ? '. ' + g.evidence : ''), g.key, g.state === 'done' ? 'ok' : g.state === 'next' ? 'warn' : '']);
+  lad.violations.forEach((v) => chg.push(['alert', 'Order violation: ' + v, 'order', 'bad']));
+  return { sit: nx ? (lad.done ? lad.done + ' gate' + (lad.done === 1 ? '' : 's') + ' passed, so ' + nx.name + ' is next. ' : '') + 'Asking for the ' + nx.name + ' gate early surfaces problems while they are cheap.' : 'Every gate that applies is passed.', conf: 72, chg, cta: 'Slide to request',
+    opts: nx ? [{ id: 'r', l: 'Request an early ' + nx.name, rec: 1, outward: !isDemo(), fx: [['check', 'Finds problems early', 'ok']] }, { id: 'w', l: 'Wait for ' + (lad.gates.find((g) => g.key === 'build' && g.state === 'next') ? 'build to finish' : 'the work to reach it'), fx: [['clock', 'Later feedback', 'warn']] }] : [],
+    outboxReason: 'A gate is requested from an agent session, and this page cannot start one. Ask for it in your terminal.', go: ['open', id, 'Open ' + nm] };
+}
+function gateRow(V, id, slot) {
+  const nm = nameOf(V, id);
+  if (slot.state === 'loading') return el('div', { class: 'gtr', 'data-life-gate': id }, el('b', null, nm), el('span', { class: 'dim' }, c3ic('clock', 'sm'), 'Reading the gates…'), el('span'));
+  if (!slot.row) return el('div', { class: 'gtr', 'data-life-gate': id }, el('b', null, nm), el('span', { class: 'dim' }, c3ic('alert', 'sm'), slot.err || 'No record for this initiative, so no gate is claimed.'), el('span', { class: 'chip-s', style: '--c:var(--muted-foreground)' }, 'unknown'));
+  const lad = gateLadder(slot.row);
+  const open = () => { const model = gateCase(V, id, lad); const sh = openSheet({ title: nm + ': gates', icon: 'shield', body: () => renderCase({ ...model, id: 'gate:' + id }, { outbox: false, onConfirm: (r) => { say(r.option.id === 'r' ? 'Early review requested.' : 'Waiting.'); sh.close(); }, onGo: () => { sh.close(); if (V.ctx.openInitiative) V.ctx.openInitiative(V.ctx.repo, id); } }) }); };
+  const bar = el('div', { class: 'hbs', style: 'gap:2px' }, el('div', { class: 'gt', role: 'img', 'aria-label': 'Quality gates', 'aria-description': lad.gates.map((g) => g.name + ' ' + g.state).join(', ') }, lad.gates.map((g) => el('i', { class: gateCell(g), title: g.name + ': ' + g.state + (g.evidence ? '. ' + g.evidence : '') }))),
+    el('div', { class: 'gtl' }, GATES.map(([n]) => el('span', null, n))));
+  return el('div', { class: 'gtr', 'data-life-gate': id, role: 'button', tabindex: '0', style: 'cursor:pointer;min-height:44px', title: 'Open the case', onClick: open, onKeydown: (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); open(); } } },
+    el('b', null, nm), bar, el('span', { class: 'chip-s', style: '--c:' + (lad.violations.length ? 'var(--destructive)' : 'var(--muted-foreground)') }, lad.done + ' of ' + lad.counted));
+}
+function gatesCard(V, L, scope, rows) {
+  const ids = scope ? [scope] : pickGateRows(rows).map((r) => r.id);
+  if (!ids.length) return card('shield', 'Quality gates', 'enforced in order', el('p', { class: 'dim', 'data-life-empty': 'gates' }, 'No initiative to show gates for.'));
+  const slots = ids.map((id) => ensureLadder(V, id));
+  const extra = [];
+  ids.forEach((id, i) => { const s = slots[i]; if (!s.row) return; const lad = gateLadder(s.row);
+    lad.violations.forEach((v) => extra.push(el('li', { class: 'bad' }, c3ic('alert', 'sm'), el('span', null, nameOf(V, id) + ': ' + v + '.'))));
+    if (lad.next) extra.push(el('li', null, c3ic('next', 'sm'), el('span', null, nameOf(V, id) + ': next gate is ' + lad.next.name + (lad.nextAction && lad.nextAction.action ? '. ' + short(lad.nextAction.action.charAt(0).toUpperCase() + lad.nextAction.action.slice(1), 140) : '') + '.')));
+    else extra.push(el('li', { class: 'ok' }, c3ic('check', 'sm'), el('span', null, nameOf(V, id) + ': every gate that applies is passed.')));
+  });
+  return card('shield', 'Quality gates', 'enforced in order', ...ids.map((id, i) => gateRow(V, id, slots[i])),
+    el('div', { class: 'pgl' }, el('span', { style: 'color:var(--success)' }, '▮ passed'), el('span', null, '◐ next'), el('span', null, '▯ not yet'), el('span', null, '┅ not required'), el('span', null, '▨ the engine does not claim it')),
+    extra.length ? el('ul', { class: 'chgl', 'data-life-gate-notes': '' }, extra) : null);
+}
+/** The initiatives the gates card shows when no initiative is chosen: the ones in flight (Build to Evaluate) first, then the rest in row order. At most four: each is one engine run. */
+function pickGateRows(rows) {
+  const inFlight = (r) => ['build', 'deliver', 'monitor', 'evaluate'].includes(stageBucket(nineOf(r)));
+  return rows.filter(inFlight).concat(rows.filter((r) => !inFlight(r))).slice(0, 4);
+}
+
+/* ── EVALUATE: the scorecard, What we learned, the correction rate ── */
+function rubricBars(ev) {
+  const thr = ev.threshold;
+  return el('div', { class: 'sc' }, ev.dims.map((d) => { const c = d.score >= 0.8 ? 'var(--success)' : d.score >= 0.65 ? 'var(--warning)' : 'var(--destructive)';
+    return el('div', { class: 'scr', style: '--c:' + c }, el('div', { class: 'l' }, el('span', null, d.name + (d.w != null ? ' · ' + pct(d.w) + '%' : '')), el('i', { class: 'mono', style: 'font-style:normal' }, String(pct(d.score)))),
+      el('div', { class: 'tk' }, el('u', { style: 'width:' + d.score * 100 + '%' }), thr != null ? el('s', { style: 'left:' + thr * 100 + '%' }) : null)); }));
+}
+function calibrationLine(L) {
+  const c = L.calib;
+  if (!c) return el('li', { 'data-life-calib': 'none' }, c3ic('info', 'sm'), el('span', null, 'Calibration is not read: the radar surface did not answer. The Review gate stays advisory until Cohen\'s kappa is at least 0.60 over 10 or more labeled pairs (D40).'));
+  if (c.none || c.kappa == null) return el('li', { 'data-life-calib': 'none' }, c3ic('info', 'sm'), el('span', null, 'No calibration figure is recorded. The Review gate stays advisory until kappa is at least 0.60 over 10 or more PM-labeled pairs (D40); your acceptance is the binding call.'));
+  const ok = !!c.meets_d40;
+  return el('li', { class: ok ? 'ok' : 'warn', 'data-life-calib': ok ? 'calibrated' : 'advisory' }, c3ic(ok ? 'check' : 'alert', 'sm'),
+    el('span', null, 'Evaluator against your labels: kappa ' + c.kappa + (c.n != null ? ' over ' + c.n + ' pairs' : '') + (c.tnr != null ? ', TNR ' + c.tnr : '') + '. ' + (ok ? 'Meets the D40 standard.' : 'Below the D40 standard (kappa at least 0.60, n at least 10, healthy TNR): the verdict is advisory.') + (c.source ? ' Source: ' + c.source + '.' : '')));
+}
+function scoreCard(V, L, scope, rows) {
+  if (!L.life) return card('check', 'Evaluation scorecard', 'weighted, against a threshold', el('p', { class: 'dim', 'data-life-error': '' }, L.err.life || 'The evaluations could not be read.'));
+  const evals = L.life.evals || {};
+  const cand = (scope ? rows.filter((r) => r.id === scope) : rows.slice().sort((a, b) => (stageBucket(nineOf(b)) === 'evaluate') - (stageBucket(nineOf(a)) === 'evaluate'))).filter((r) => evals[r.id]);
+  if (!cand.length) return card('check', 'Evaluation scorecard', 'weighted, against a threshold', el('p', { class: 'dim', 'data-life-empty': 'scorecard' }, (scope ? nameOf(V, scope) + ' has no evaluation recorded.' : 'No evaluation is recorded for these initiatives.') + ' The evaluator writes one row per run to planning/runs/evals.jsonl: a score, a threshold and a score for each dimension.'));
+  return cand.slice(0, scope ? 1 : 2).map((r) => {
+    const ev = normEval(evals[r.id]); const vd = evalVerdict(ev);
+    if (!ev || !vd) return card('check', 'Evaluation scorecard', r.title, el('p', { class: 'dim' }, 'The latest evaluation has no usable score.'));
+    const ok = vd.passes; const flags = [];
+    if (vd.watermelon) flags.push(el('li', { class: 'warn', 'data-life-watermelon': '' }, c3ic('alert', 'sm'), el('span', null, 'Watermelon guard: it passes at ' + pct(ev.score) + '%, but ' + vd.weakest.name + ' scores ' + pct(vd.weakest.score) + '%. Read that dimension before accepting.')));
+    flags.push(el('li', { class: vd.weakest && vd.weakest.score < 0.7 ? 'warn' : '' }, c3ic(vd.weakest && vd.weakest.score < 0.7 ? 'alert' : 'info', 'sm'), el('span', null, vd.weakest ? 'Weakest dimension: ' + vd.weakest.name + ' at ' + pct(vd.weakest.score) + '.' : 'No dimension scores are recorded.')));
+    if (!ev.weighted && ev.dims.length) flags.push(el('li', null, c3ic('info', 'sm'), el('span', null, 'No weights are recorded for this rubric, so the dimensions are shown unweighted; the score is the evaluator\'s own.')));
+    flags.push(calibrationLine(L));
+    return el('section', { class: 'card', 'data-life-panel': 'scorecard', 'data-life-eval': r.id }, el('h3', null, c3ic('check'), 'Evaluation scorecard ', el('span', { class: 'dim', style: DIM }, short(r.title, 34) + ' · weighted, against a threshold')),
+      ev.dims.length ? rubricBars(ev) : null,
+      el('div', { class: 'chips2', style: 'justify-content:space-between' }, el('b', { style: 'font-size:var(--fs-4)' }, pct(ev.score) + '%'), el('span', { class: 'st ' + (ok ? 'ok' : 'warn') }, c3ic(ok ? 'check' : 'alert', 'sm'), (ok === null ? 'No threshold recorded' : ok ? (ev.verdict && /FINDING/i.test(ev.verdict) ? 'Passes with findings' : 'Passes') : 'Below threshold') + (ev.threshold != null ? ' · threshold ' + pct(ev.threshold) + '%' : ''))),
+      el('ul', { class: 'chgl' }, flags), ev.model ? el('div', { class: 'dim mono', style: 'font-size:var(--fs-2)' }, 'Evaluator ' + ev.model + (ev.at ? ' · ' + ev.at.slice(0, 10) : '')) : null);
+  });
+}
+function lessonsCard(V, L, scope, rows) {
+  const out = [];
+  (L.decisions || []).filter((d) => d.lesson && (!scope || d.initiative === scope)).forEach((d) => out.push([d.tone === 'warn' ? 'warn' : d.tone === 'ok' ? 'ok' : '', d.tone === 'warn' ? 'alert' : d.tone === 'ok' ? 'check' : 'info', String(d.lesson)]));
+  const evals = (L.life && L.life.evals) || {};
+  rows.filter((r) => !scope || r.id === scope).forEach((r) => ((evals[r.id] && evals[r.id].findings) || []).forEach((f) => out.push([/should|block|must/i.test(f.severity) ? 'warn' : '', /should|block|must/i.test(f.severity) ? 'alert' : 'info', (scope ? '' : r.title + ': ') + f.text])));
+  return el('section', { class: 'card', 'data-life-panel': 'learned' }, el('h3', null, c3ic('spark'), 'What we learned'),
+    out.length ? el('ul', { class: 'chgl' }, out.slice(0, 6).map((l) => el('li', { class: l[0] }, c3ic(l[1], 'sm'), el('span', null, short(l[2], 260))))) : el('p', { class: 'dim', 'data-life-empty': 'learned' }, 'Nothing is recorded yet. A lesson comes from the evaluation findings or from a decision recorded with a lesson.'),
+    el('ul', { class: 'list', style: 'margin-top:8px' }, addForm(V, 'decisions', LESSON_FORM)));
+}
+function correctionCard(V, L) {
+  if (!L.life) return card('up', 'Human correction rate', '', el('p', { class: 'dim', 'data-life-error': '' }, L.err.life || 'The corrections could not be read.'));
+  const c = correctionRate(L.life.corrections && L.life.corrections.series);
+  if (!c) return card('up', 'Human correction rate', '', el('p', { class: 'dim', 'data-life-empty': 'corrections' }, 'No run records a human correction count yet. Each run in planning/runs/agent-runs.jsonl carries human_corrections.'));
+  const tone = c.improved ? 'var(--success)' : 'var(--warning)';
+  const per100 = c.vals.map((v) => Math.round(v * 100)); const first = per100[0]; const last = per100[per100.length - 1];
+  return card('up', 'Human correction rate', 'corrections per 100 agent runs, lower is better', numCard(String(last), ' per 100 runs', per100.length > 1 ? (c.improved ? 'down from ' : 'up from ') + first + ' at the start' : 'one period of runs so far', tone, per100.length > 1 ? per100 : [last, last], null),
+    el('div', { class: 'dim', style: 'font-size:var(--fs-2)' }, L.life.corrections.runs + ' runs, ' + L.life.corrections.corrections + ' corrections in all. Each point is a week of runs.'));
+}
+
+/* ── PLAN: Work breakdown, who holds the work ── */
+function wbsCard(V, L, scope) {
+  if (!L.items) return section('tree', 'Work breakdown', null, null, [note('alert', 'The breakdown could not be read.', { 'data-life-error': '' })], { 'data-life-panel': 'wbs' });
+  const list = L.items.filter((x) => !scope || x.initiative === scope);
+  const rows = list.map((c) => { const done = !!c.done; const col = done ? 'var(--success)' : 'var(--muted-foreground)';
+    return el('li', { class: 'nrow', 'data-row': '', tabindex: '0', 'data-wbs': c.rid }, el('span', { class: 'ki', style: 'color:' + col }, c3ic(done ? 'check' : 'moon')),
+      el('div', { class: 'nb' }, el('span', { class: 'tt' }, c.title), el('div', { class: 'chips' }, chip2(null, done ? 'done' : 'to do', col), c.owner ? el('span', { class: 'chip2' }, c.owner) : el('span', { class: 'st warn' }, c3ic('alert', 'sm'), 'no owner'), c.points ? el('span', { class: 'chip2' }, c.points + ' pts') : null, c.initiative ? el('span', { class: 'tag' }, nameOf(V, c.initiative)) : null))); });
+  return section('tree', 'Work breakdown', list.length, 'from the Breakdown view', [...rows, !rows.length ? note('tree', 'No work items yet. Add them in the Breakdown view; each gets an owner and points.', { 'data-life-empty': 'wbs' }) : null], { 'data-life-panel': 'wbs' });
+}
+function whoCard(V, L, scope) {
+  const list = (L.items || []).filter((x) => !scope || x.initiative === scope);
+  if (!list.length) return card('org', 'Who does what', 'owner of each work item', el('p', { class: 'dim', 'data-life-empty': 'who' }, 'No work items, so no owners. Roles beyond the owner (accountable, consulted, informed) are not recorded anywhere yet.'));
+  const people = []; list.forEach((x) => { if (x.owner && !people.includes(x.owner)) people.push(x.owner); });
+  const shown = people.slice(0, 5);
+  const grid = el('div', { class: 'rcg', style: 'grid-template-columns:minmax(0,1.6fr) repeat(' + shown.length + ',minmax(0,.5fr))' }, el('span'), ...shown.map((p) => el('span', { class: 'h', title: p }, p.slice(0, 3))),
+    list.slice(0, 8).map((x) => [el('span', null, short(x.title, 34)), ...shown.map((p) => el('span', { class: 'c ' + (x.owner === p ? 'R' : '') }, x.owner === p ? 'R' : ''))]));
+  const gaps = list.filter((x) => !x.owner);
+  return card('org', 'Who does what', 'the owner of each work item (R)', grid, el('ul', { class: 'chgl' }, gaps.length ? gaps.slice(0, 4).map((x) => el('li', { class: 'bad' }, c3ic('alert', 'sm'), el('span', null, x.title + ' has nobody responsible.'))) : el('li', { class: 'ok' }, c3ic('check', 'sm'), el('span', null, 'Every work item has an owner.'))));
+}
+
+/* ── BUILD: tickets, merged by initiative, the factory boundary ── */
+function buildPanels(V, L, scope, rows) {
+  const ids = scope ? [scope] : rows.slice(0, 6).map((r) => r.id);
+  const slots = ids.map((id) => ensureTickets(V, id));
+  const tix = []; ids.forEach((id, i) => slots[i].items.forEach((t) => tix.push({ ...t, ini: id })));
+  const pending = slots.some((s) => s.state === 'loading');
+  const merged = (it) => it.state === 'done';
+  const tickets = section('branch', 'Build tickets', tix.length, 'Jira, read-only here', [...tix.map((t) => el('li', { class: 'nrow', 'data-row': '', tabindex: '0', 'data-ticket': t.id }, el('span', { class: 'ki', style: 'color:' + (merged(t) ? 'var(--success)' : 'var(--muted-foreground)') }, c3ic(merged(t) ? 'check' : t.state === 'doing' ? 'clock' : 'moon')),
+    el('div', { class: 'nb' }, el('span', { class: 'tt' }, t.title), el('div', { class: 'chips' }, el('span', { class: 'chip2 mono' }, t.id), chip2(null, t.state === 'done' ? 'done' : t.state === 'doing' ? 'doing' : 'to do'), t.forecast && t.forecast.slip_days ? el('span', { class: 'st warn' }, c3ic('alert', 'sm'), t.forecast.slip_days + ' d late') : null, el('span', { class: 'tag' }, nameOf(V, t.ini)))))),
+  pending ? loading('the tickets') : null, !tix.length && !pending ? note('check', 'No tickets are read for these initiatives. Tickets come from Jira; connect it in Settings.', { 'data-life-empty': 'tickets' }) : null], { 'data-life-panel': 'tickets' });
+  const bars = ids.map((id, i) => { const its = slots[i].items; const d = its.filter(merged).length; return its.length ? [short(nameOf(V, id), 24), d / its.length || 0.03, CAP_COLORS[i % 4], d + ' of ' + its.length] : null; }).filter(Boolean);
+  const right = [card('branch', 'Merged by initiative', '', bars.length ? hBars(bars) : el('p', { class: 'dim', 'data-life-empty': 'merged' }, pending ? 'Reading the tickets…' : 'No tickets to count.'), el('div', { class: 'dim', style: 'font-size:var(--fs-2)' }, 'A ticket counts when it is done in Jira. Merging needs required CI to be green.')),
+    el('section', { class: 'card' }, el('h3', null, c3ic('shield'), 'Factory boundary'), el('ul', { class: 'chgl' }, el('li', { class: 'ok' }, c3ic('check', 'sm'), el('span', null, 'Opens pull requests only')), el('li', { class: 'ok' }, c3ic('check', 'sm'), el('span', null, 'Never writes a control-graph record')), el('li', { class: 'warn' }, c3ic('alert', 'sm'), el('span', null, 'A failed rubric review sends the work back, not forward'))))];
+  const total = tix.length; const done = tix.filter(merged).length;
+  return { after: [tickets], right, head: { icon: 'branch', h: pending && !total ? 'Reading the build tickets' : done + ' of ' + total + ' build tickets are done' + (scope ? ' for ' + nameOf(V, scope) : ' across the initiatives'), s: 'The factory opens pull requests and holds no merge rights. CI and review decide.', ring: [done, Math.max(1, total)] } };
+}
+
+/* ── the header of each lens (iniInfo, line 3577) and the panels per lens ── */
+export function lensPanels(V, lens, scope) {
+  const L = ensureLife(V); const rows = V.ctx.rows || [];
+  const out = { head: null, left: [], after: [], right: [] };
+  const wait = L.state !== 'ready';
+  if (wait) { out.left = [section('info', 'Reading the records', null, null, [loading('ideas, hypotheses, evaluations')])]; return out; }
+  const ideas = withSt(V, L.ideas || []).filter(inScope(scope)); const hyps = (L.hyps || []).filter(inScope(scope));
+  if (lens === 'discover') {
+    const hs = hyps.map((h) => hypStatus(h, L.life ? L.life.sources || {} : {}));
+    out.head = { icon: 'search', h: hyps.length ? hyps.length + ' hypothes' + (hyps.length === 1 ? 'is' : 'es') + ': ' + hs.filter((s) => s.shown === 'supported').length + ' supported, ' + hs.filter((s) => s.shown === 'untested').length + ' untested' : 'No hypotheses are recorded yet', s: hyps.length ? 'A hypothesis is supported at a net evidence weight of 3 and refuted at -2. Evidence that points to a missing source is flagged untraced.' : 'Add a hypothesis with what would prove it wrong. Evidence moves it to supported or refuted.', ring: [hs.filter((s) => s.shown === 'supported').length, Math.max(1, hyps.length)] };
+    out.left = [hypothesesCard(V, L, scope)]; out.right = [evidenceMatrix(V, L, scope), interviewsCard(V, L)];
+  } else if (lens === 'ideate') {
+    out.head = { icon: 'spark', h: ideas.length ? ideas.length + ' ideas, ' + ideas.filter((x) => x.src === 'agent').length + ' proposed by the agent' : 'No ideas are recorded yet', s: 'Score by impact, confidence and effort, then shortlist.', ring: [ideas.filter((x) => x.st === 'short' || x.st === 'committed').length, Math.max(1, ideas.length)] };
+    out.left = [ideasCard(V, L, scope, 'ideate')]; out.right = [scatterCard(V, L, scope, 'ideate')];
+  } else if (lens === 'prioritize') {
+    const cap = capacityOf(L); const r = rankIdeas(ideas); const used = capacityUsed(ideas, cap && cap.points);
+    out.head = { icon: 'scale', h: r.length + ' ranked ideas' + (cap ? ' against capacity of ' + cap.points : ', no capacity recorded'), s: used.cap != null && used.over ? 'You hold ' + used.used + ' effort points, ' + used.over + ' over capacity. Commit the top three and park the rest.' : 'Commit the top three and park the rest.', ring: [ideas.filter((x) => x.st === 'committed').length, 3] };
+    out.left = [ideasCard(V, L, scope, 'prioritize')]; out.right = [scatterCard(V, L, scope, 'prioritize'), capacityCard(V, L, scope)];
+  } else if (lens === 'plan') {
+    const items = (L.items || []).filter((x) => !scope || x.initiative === scope);
+    const owned = items.filter((x) => x.owner).length;
+    out.head = { icon: 'tree', h: items.length ? items.length + ' work items, ' + items.filter((x) => x.done).length + ' done' : 'No work items yet', s: items.length ? (items.length - owned ? (items.length - owned) + ' work item' + (items.length - owned === 1 ? ' lacks' : 's lack') + ' an owner.' : 'Every work item has an owner.') : 'Add work items in the Breakdown view.', ring: [items.filter((x) => x.done).length, Math.max(1, items.length)] };
+    out.left = [wbsCard(V, L, scope)]; out.right = [whoCard(V, L, scope), progressCard(V, 'Path and dates', '', { cap: 6, uid: 'plan', onOpen: (id) => V.ctx.openInitiative && V.ctx.openInitiative(V.ctx.repo, id) })];
+  } else if (lens === 'monitor') {
+    const ids = scope ? [scope] : pickGateRows(rows).map((r) => r.id);
+    const lads = ids.map((id) => L.ladders[id]).filter((s) => s && s.row).map((s) => gateLadder(s.row));
+    out.head = lads.length ? { icon: 'report', h: lads.reduce((a, l) => a + l.done, 0) + ' of ' + lads.reduce((a, l) => a + l.counted, 0) + ' gates passed across ' + lads.length + ' initiative' + (lads.length === 1 ? '' : 's'), s: lads.some((l) => l.violations.length) ? 'Order violations: ' + lads.flatMap((l) => l.violations).slice(0, 2).join('; ') + '.' : 'Gates are enforced in order: spec and rubric before build.', ring: [lads.reduce((a, l) => a + l.done, 0), Math.max(1, lads.reduce((a, l) => a + l.counted, 0))] }
+      : { icon: 'report', h: 'Reading the quality gates', s: 'Each initiative\'s gates come from the workflow engine.', ring: [0, 1] };
+    out.left = [gatesCard(V, L, scope, rows)]; out.right = [progressCard(V, 'Progress and timing', '', { cap: 8, uid: 'monitor', onOpen: (id) => V.ctx.openInitiative && V.ctx.openInitiative(V.ctx.repo, id) })];
+  } else if (lens === 'evaluate') {
+    const evals = (L.life && L.life.evals) || {}; const cand = (scope ? rows.filter((r) => r.id === scope) : rows).filter((r) => evals[r.id]);
+    const first = cand[0] ? normEval(evals[cand[0].id]) : null; const vd = first ? evalVerdict(first) : null;
+    out.head = first && vd ? { icon: 'check', h: cand[0].title + (vd.passes ? ' passes' + (/FINDING/i.test(first.verdict) ? ' with findings' : '') : ' is below its threshold') + ' at ' + pct(first.score) + '%', s: (vd.weakest ? vd.weakest.name + ' is weakest. ' : '') + 'Decide whether to scale, iterate or stop.', ring: [pct(first.score), 100] }
+      : { icon: 'check', h: 'No evaluation is recorded' + (scope ? ' for ' + nameOf(V, scope) : ''), s: 'The evaluator writes one row per run to planning/runs/evals.jsonl.', ring: [0, 100] };
+    out.left = [...[].concat(scoreCard(V, L, scope, rows)), lessonsCard(V, L, scope, rows)]; out.right = [correctionCard(V, L)];
+  } else if (lens === 'deliver') {
+    const rp = releasePanels(V, scope); out.left = rp.left; out.right = rp.right;
+  } else if (lens === 'build') {
+    const b = buildPanels(V, L, scope, rows); out.head = b.head; out.after = b.after; out.right = b.right;
+  }
+  out.right = out.right.filter(Boolean);
+  return out;
+}