create-pmos 0.124.0 → 0.126.0

package/workspace/public/pm/timeline-forecast-view.js

@@ -0,0 +1,164 @@
+/* pm/timeline-forecast-view.js — the Timeline view of Initiatives (console3, read only), built like the mockup's Timeline (console3.html, patch21).
+ *
+ * One initiative at a time, as the mockup: the LEFT column is the Timeline-history card (the track of checks with Replay, the Gantt of every item with its
+ * dependency elbows, the critical path, the promised line, the thin forecast bar, the dashed "where it was before"); the RIGHT column is What changed (who,
+ * what, why), the forecast and the scope at each check, and the dates that reach the Calendar. The All scope shows the forecast of every initiative at every
+ * check (tap a cell to replay it) and a chooser. The Gantt draws the plan items, the Breakdown tasks and the Jira tickets of the initiative TOGETHER.
+ * Every check is a whole frame from GET /api/c3-timeline (the server folds the events and plans each check with plan.js), so a click on a check, and Replay,
+ * REDRAW the Gantt from that frame; Replay steps through the checks every 1.3 seconds, as the mockup's isplay does, and stops on any press.
+ * Capacity and the rebalance proposal were removed: the mockup's Timeline has neither (its capacity is on Breakdown).
+ * Drawing lives in c3-timeline.js. Nothing here writes: the apply control is disabled and no write route is called.
+ * Self-registers as the 'forecast' Initiatives view, like Releases. */
+import { el } from './dom.js';
+import { ensureComponentsCss } from './primitives.js';
+import { pmGet } from './http.js';
+import { registerInitiativesView } from './registry.js';
+import { ensureC3Css, c3ic, c3ring, c3Phone } from './pm-work-view.js';
+import { historyCard, whatChangedCard, driftSvg, creepSvg, calSyncCard, calSyncFromCommits, matrixCard, dlabS, short } from './c3-timeline.js';
+import { goInitiative } from './c3-init-extras.js';
+import { progressCard, whySlipsCard, dependenciesCard, slipFacts } from './c3-plan-panels.js';
+
+const views = new WeakMap();
+const qs = (V, path, params) => path + '?' + params + (V.ctx.ws ? '&ws=' + encodeURIComponent(V.ctx.ws) : '');
+const titleOf = (V, id) => ((V.ctx.rows || []).find((r) => r.id === id) || {}).title || id;
+
+function stopReplay(V) { if (V.timer) { clearInterval(V.timer); V.timer = null; } }
+
+function problems(fr) {
+  if (!fr || !fr.problems || !fr.problems.length) return null;
+  return el('ul', { class: 'chgl', 'data-fc-problems': '' }, fr.problems.map((p) => el('li', { class: 'warn' }, c3ic('alert', 'sm'),
+    el('span', null, p.kind === 'cycle' ? 'Dependency cycle: ' + p.path.join(' > ') : p.item + ' waits for ' + p.dependency + ', which is not in this plan'), el('span', { class: 'tag' }, 'plan'))));
+}
+
+function handlers(V) {
+  return {
+    snap: (i) => { stopReplay(V); V.snap = i; render(V); },
+    replay: () => {
+      stopReplay(V);
+      const d = V.data[V.scope]; if (!d || !d.frames || d.frames.length < 2) return;
+      V.snap = 0; render(V);
+      V.timer = setInterval(() => { if (V.disposed || V.snap >= d.frames.length - 1) { stopReplay(V); return; } V.snap++; render(V); }, 1300);
+    },
+  };
+}
+
+/** The mockup's lh header for one initiative: the answer first. */
+function lens(V, d, fr) {
+  const name = titleOf(V, V.scope);
+  const slip = fr.slip_days;
+  const crit = fr.items.filter((t) => t.critical).slice(0, 3).map((t) => t.title);
+  const done = fr.items.filter((t) => t.state === 'done').length;
+  return el('div', { class: 'lh', 'data-tl-lh': '' }, el('span', { class: 'ki' }, c3ic('clock')),
+    el('div', { style: 'min-width:0' }, el('b', null, slip > 0 ? name + ' ships ' + slip + ' day' + (slip === 1 ? '' : 's') + ' late' : fr.promised ? name + ' holds ' + dlabS(fr.promised) : name + ': ' + fr.items.length + ' item' + (fr.items.length === 1 ? '' : 's')),
+      el('div', { class: 'dim' }, crit.length ? 'The critical path runs through ' + crit.join(', ') + '.' : 'No item waits on another, so there is no critical path yet.')),
+    c3ring(done, Math.max(1, fr.items.length), 44, done + '/' + fr.items.length));
+}
+
+function emptyOne(V, d) {
+  return el('div', { class: 'fold', 'data-fc-empty': '' }, c3ic('check', 'sm'), 'Nothing is planned for ' + titleOf(V, V.scope) + ' yet: no plan items, no Breakdown tasks and no Jira tickets. The timeline draws all three once they exist.' + (d && d.notes && d.notes.length ? ' ' + d.notes.join(' ') : ''));
+}
+
+function oneBody(V) {
+  const d = V.data[V.scope];
+  if (!d) return { head: null, body: null };
+  const frames = d.frames || [];
+  if (!frames.length || !frames.some((f) => f.items.length)) return { head: null, body: emptyOne(V, d) };
+  const n = Math.max(0, Math.min(V.snap == null ? frames.length - 1 : V.snap, frames.length - 1));
+  const fr = frames[n]; const h = handlers(V);
+  const todayFr = frames[frames.length - 1];
+  const notes = (d.notes || []).length ? el('div', { class: 'dim', style: 'font-size:var(--fs-2)', 'data-tl-notes': '' }, d.notes.join(' ')) : null;
+  const srcs = d.sources || {};
+  const where = el('div', { class: 'dim', style: 'font-size:var(--fs-2)', 'data-tl-sources': '' }, `Drawn together: ${srcs.plan || 0} plan item${srcs.plan === 1 ? '' : 's'}, ${srcs.breakdown || 0} Breakdown task${srcs.breakdown === 1 ? '' : 's'}, ${srcs.jira || 0} Jira ticket${srcs.jira === 1 ? '' : 's'}.`);
+  const body = el('div', { class: 'brief sbb' }, el('div', { class: 'bcols' },
+    el('div', { class: 'bcol l' }, problems(fr), historyCard(frames, n, h, d.today), where, notes),
+    el('div', { class: 'bcol r' }, whatChangedCard(frames, n),
+      el('section', { class: 'card' }, el('h3', null, c3ic('clock'), 'Forecast at each check'), driftSvg(frames, n)),
+      el('section', { class: 'card' }, el('h3', null, c3ic('alert'), 'Scope at each check'), creepSvg(frames, n)),
+      calSyncCard(todayFr))));
+  return { head: lens(V, d, todayFr), body };
+}
+
+function allBody(V) {
+  const d = V.data.all;
+  if (!d) return { head: null, body: null };
+  const titles = {}; (d.rows || []).forEach((r) => { titles[r.id] = titleOf(V, r.id); });
+  const rows = (d.rows || []).filter((r) => r.cells.some(Boolean));
+  const late = rows.filter((r) => { const c = r.cells[r.cells.length - 1]; return c && c.promised && c.forecast_end > c.promised; }).length;
+  const head = el('div', { class: 'lh', 'data-tl-lh': '' }, el('span', { class: 'ki' }, c3ic('clock')), el('div', { style: 'min-width:0' }, el('b', null, rows.length ? (late ? late + ' of ' + rows.length + ' initiatives miss their date' : 'Every initiative holds its date') : 'No initiative has a plan yet'),
+    el('div', { class: 'dim' }, 'Forecast dates are derived from the dependencies and never typed.')));
+  if (!rows.length) return { head, body: el('div', { class: 'fold', 'data-fc-empty': '' }, c3ic('check', 'sm'), 'No initiative has plan items, Breakdown tasks or Jira tickets yet, so there is no forecast to compare.') };
+  const pick = el('section', { class: 'card', 'data-tl-pick': '' }, el('h3', null, c3ic('tree'), 'Pick one to see its path'),
+    el('div', { class: 'chips2' }, rows.map((r) => { const c = r.cells[r.cells.length - 1]; const sl = c && c.slip_days > 0 ? ' +' + c.slip_days + ' d' : '';
+      return el('button', { type: 'button', class: 'pill', onClick: () => pickScope(V, r.id, null) }, titles[r.id] + sl); })));
+  const fx = window.__c3demo && window.__c3planfx;
+  const F = fx ? { causes: fx.why, deps: fx.deps } : V.facts;
+  const cm = V.commits && V.commits.state === 'ready' && V.commits.rows.length ? V.commits.rows : null;
+  const right = F ? [whySlipsCard(F.causes), cm ? calSyncFromCommits(cm) : null, dependenciesCard(F.deps)] : [el('section', { class: 'card', 'data-plan-loading': '' }, el('div', { class: 'fold' }, c3ic('clock', 'sm'), 'Reading the plan of each late initiative…'))];
+  return { head, body: el('div', { class: 'brief sbb' }, el('div', { class: 'bcols' }, el('div', { class: 'bcol l' }, progressCard(V, 'All initiatives', 'promised, forecast and progress', { cap: 9, uid: 'all', onOpen: (id) => { if (!goInitiative(id)) pickScope(V, id, null); } }), pick, matrixCard({ checks: d.checks, rows }, titles, (id, i) => pickScope(V, id, i))), el('div', { class: 'bcol r' }, right))) };
+}
+
+/** Real mode: the plans of the late initiatives give Why it slips and Dependencies (GET /api/c3-timeline per initiative; at most four). */
+async function loadFacts(V) {
+  const d = V.data.all; if (!d || window.__c3demo) return;
+  const late = (d.rows || []).map((r) => { const c = r.cells[r.cells.length - 1]; return c && c.slip_days > 0 ? { id: r.id, slip: c.slip_days } : null; }).filter(Boolean).sort((a, b) => b.slip - a.slip).slice(0, 4);
+  const seq = V.seq;
+  const got = await Promise.all(late.map((l) => pmGet(qs(V, '/api/c3-timeline', 'initiative=' + encodeURIComponent(l.id))).catch(() => null)));
+  if (V.disposed) return;
+  const by = {}; late.forEach((l, i) => { if (got[i] && got[i].ok) by[l.id] = { title: titleOf(V, l.id), frames: got[i].frames }; });
+  V.facts = slipFacts(by);
+  if (V.scope === 'all') render(V);
+  void seq;
+}
+
+function render(V) {
+  const pills = el('div', { class: 'chips2', 'data-fc-scope': '', role: 'group', 'aria-label': 'Initiative' }, [['all', 'All'], ...V.ids.map((id) => [id, short(titleOf(V, id), 18)])].map(([id, lab]) => el('button', { type: 'button', class: 'pill', 'aria-pressed': String(V.scope === id), 'data-fc-pill': id, title: id === 'all' ? 'All initiatives' : id,
+    onClick: () => pickScope(V, id, null) }, lab)));
+  const { head, body } = V.scope === 'all' ? allBody(V) : oneBody(V);
+  V.root.replaceChildren(el('div', { class: 'calwrap' }, el('div', { class: 'calbar', style: 'flex-wrap:wrap;gap:8px' }, pills),
+    el('div', { class: 'calbody' }, head, V.error ? el('div', { class: 'fold', 'data-fc-error': '' }, c3ic('alert', 'sm'), V.error) : null, body)));
+}
+
+async function load(V, scope) {
+  const seq = ++V.seq;
+  const url = scope === 'all' ? qs(V, '/api/c3-timeline', 'initiatives=' + encodeURIComponent(V.ids.join(','))) : qs(V, '/api/c3-timeline', 'initiative=' + encodeURIComponent(scope));
+  const a = await pmGet(url);
+  if (V.disposed || seq !== V.seq) return;
+  if (a && a.ok) { V.data[scope] = a; V.error = null; } else { V.data[scope] = null; V.error = (a && a.error) || 'The timeline could not be read.'; }
+  render(V);
+  if (scope === 'all' && a && a.ok) loadFacts(V);
+}
+
+function pickScope(V, id, snap) {
+  stopReplay(V);
+  V.scope = id; V.snap = snap;
+  if (V.data[id]) render(V); else { V.error = null; render(V); }
+  load(V, id);
+}
+
+export function mountForecast(host, ctx) {
+  const ids = (ctx.rows || []).map((r) => r.id).filter(Boolean);
+  let V = views.get(host);
+  if (V && V.ctx.ws !== ctx.ws) { disposeForecast(host); V = null; }
+  if (V) { V.ctx = ctx; V.ids = ids; if (host.firstChild !== V.root) host.replaceChildren(V.root); return; }
+  ensureComponentsCss();
+  ensureC3Css();
+  V = { ctx, ids, scope: 'all', snap: null, data: {}, facts: null, root: el('div', { class: 'c3', 'data-in-view': 'forecast' }), error: null, timer: null, seq: 0, disposed: false };
+  V.render = () => render(V);
+  V.stopPhone = c3Phone(V.root);
+  views.set(host, V);
+  host.replaceChildren(V.root);
+  render(V);
+  load(V, V.scope);
+}
+
+export function disposeForecast(host) {
+  const V = views.get(host);
+  if (!V) return;
+  V.disposed = true;
+  stopReplay(V);
+  if (V.stopPhone) V.stopPhone();
+  views.delete(host);
+  if (V.root.parentNode === host) V.root.remove();
+}
+
+registerInitiativesView('forecast', { label: 'Forecast', mount: mountForecast, dispose: disposeForecast });

package/workspace/public/pm/today-day.js

@@ -62,7 +62,7 @@ const ui = {
   open: (() => { const v = store.get(OPEN_KEY); return v === 'true' ? true : v === 'false' ? false : null; })(),
   section: (() => { const v = store.get(SECTION_KEY); return ['agenda', 'goals', 'jobs', 'mentions'].includes(v) ? v : 'agenda'; })(),
   sel: null, mtab: 'all', openSrc: null, showIgn: {}, showIgnDigests: false,
-  revising: new Set(), notes: new Map(), siteDraft: '', placeDraft: {}, busy: new Set(), scroll: false,
+  revising: new Set(), notes: new Map(), siteDraft: '', placeDraft: {}, busy: new Set(), inflight: new Map(), scroll: false,
   // today-act-prepare: the folded groups the PM opened, the item whose hold form is open, and its draft
   cur: new Map(), groupsOpen: new Set(), holding: null, holdDraft: { who: '', when: 'h2' }, compose: new Map(), verdict: new Map(),
 };
@@ -343,7 +343,10 @@ async function markPress(ws, id, op, said) {
   const key = 'mark:' + id;
   if (ui.busy.has(key)) return;
   ui.busy.add(key); rerender();
-  const r = await pmPost('/api/proactive/day/mark', { id, ...op });
+  const req = pmPost('/api/proactive/day/mark', { id, ...op });
+  ui.inflight.set(key, req);   // a step press made while this write is out waits for it (below) instead of being dropped as busy
+  const r = await req;
+  ui.inflight.delete(key);
   ui.busy.delete(key);
   if (r && r.ok) {
     if (op.action !== 'step') ui.holding = null;
@@ -684,6 +687,9 @@ function stepChecks(ctx, id, steps, { refs = [], mark = null, focus = false } =
     let press = null;
     if (focus && isCur && !st.done) {
       press = button({ label: F.press[st.note ? 'note' : r ? 'read' : 'do'], variant: 'primary', size: 'sm', attrs: { 'data-day-step-press': st.t, onMousedown: (ev) => ev.preventDefault() }, onClick: async () => {
+        // the box losing focus may have started saving the note already: wait for that write, or this press is dropped as busy
+        const prior = ui.inflight.get('mark:' + id);
+        if (prior) await prior.catch(() => null);
         // a note typed in the box is saved first, in this press, so the box losing focus does not redraw the card under the pointer
         const ta = noteEl && noteEl.querySelector('textarea');
         if (ta && ta.value !== ((mark && mark.note) || '')) await markPress(ctx.ws, id, { action: 'note', text: ta.value }, A.noteSaved);

package/workspace/public/pm/tokens.css

@@ -59,6 +59,7 @@
   --accent:oklch(0.275 0.011 216.9);--border:oklch(1 0 0 / 10%);--input:oklch(1 0 0 / 15%);
   --ring:oklch(0.56 0.021 213.5);--sidebar:oklch(0.218 0.008 223.9);
   --primary:var(--foreground);--primary-foreground:var(--background);
+  --on-accent:#fff;--mask:#000;
   --brand-mark:oklch(0.623 0.214 259.815);
   --brand:var(--foreground);--brand-wash:color-mix(in oklab, var(--foreground) 8%, transparent);
   --success:oklch(0.76 0.17 152);--warning:oklch(0.82 0.15 82);--info:oklch(0.79 0.11 195);

package/workspace/server.js

@@ -3382,6 +3382,9 @@ function spawnSession({ name, agent, cwd, ws, origin, initialInput, profile, ini
   if (!fres.ok) return exitedSession(base, workdir, `launch flag refused — ${fres.error}`);
   if (launchFlags !== undefined) base.launchFlags = fres.applied;
   const argv = [...(mres.state === 'applied' ? mres.args : []), ...fres.args];
+  /* PER-SESSION HOOKS (console3 wave D). Off unless PMOS_AGENT_HOOKS=1: then an agent session starts with --settings whose
+   * hooks post to this workspace (lib/routes-hooks.js, loopback only; the session token travels in the PMOS_SESSION env). */
+  if (process.env.PMOS_AGENT_HOOKS === '1' && agent === 'claude') argv.push('--settings', JSON.stringify(require('./lib/routes-hooks.js').settingsFor(PORT)));
   const launchArgs = argv;
   if (mres.tier) {
     const mc = modelLib.core();
@@ -5463,12 +5466,12 @@ async function handleRequest(req, res) {
   const built = BUILD_RE.exec(url.pathname);
   const p = built ? built[1] : url.pathname;
 
-  if (p === '/' || p === '/index.html') {
+  if (p === '/' || p === '/index.html' || p === '/c3.html') {
     // pm-os-absorb Run 2 (R25, X11): the per-launch nonce goes into the base meta line, nowhere else. no-store, so a
     // restarted server never answers a press from a page that holds the previous launch's value. The page code is
     // referenced under this launch's build prefix.
     const n = pmGuard.launchNonce();
-    return fs.readFile(path.join(PUB, 'index.html'), 'utf8', (err, html) => {
+    return fs.readFile(path.join(PUB, p === '/c3.html' ? 'c3.html' : 'index.html'), 'utf8', (err, html) => {
       if (err) { res.writeHead(404); res.end('not found'); return; }
       let out = withBuild(html);
       if (n) out = out.replace('<meta name="' + pmGuard.NONCE_META + '" content="" />', '<meta name="' + pmGuard.NONCE_META + '" content="' + n + '" />');

package/workspace/test-files.json

@@ -22,6 +22,10 @@
     "no-network.test.js",
     "typesafe-validation.test.js",
     "claims.test.js",
+    "pm-items.test.js",
+    "jobs-to-be-done.test.js",
+    "pm-items-routes.test.js",
+    "item-steps.test.js",
     "status-facts-panel.test.js",
     "jev-claims.test.js",
     "jev-categorize.test.js",
@@ -55,7 +59,10 @@
     "plan-tree.test.js",
     "item-cli.test.js",
     "plan-routes.test.js",
-    "glossary.test.js"
+    "glossary.test.js",
+    "c3-daypart.test.js",
+    "briefing-icons.test.js",
+    "needs-overdue.test.js"
   ],
   "panels": [
     "pm-shell-test.js",
@@ -112,7 +119,9 @@
     "pm-r30-test.js",
     "pm-breakdown-test.js",
     "pm-breakdown-phone-test.js",
-    "first-paint-count.test.js"
+    "first-paint-count.test.js",
+    "pm-card-layout-test.js",
+    "pm-portfolio-inline-test.js"
   ],
   "ui": [
     "ui-test.js"
@@ -132,6 +141,10 @@
     "no-network.test.js": 1,
     "typesafe-validation.test.js": 1,
     "claims.test.js": 1,
+    "pm-items.test.js": 1,
+    "jobs-to-be-done.test.js": 1,
+    "pm-items-routes.test.js": 1,
+    "item-steps.test.js": 1,
     "status-facts-panel.test.js": 1,
     "jev-claims.test.js": 3,
     "jev-categorize.test.js": 1,
@@ -222,7 +235,12 @@
     "glossary.test.js": 1,
     "pm-breakdown-test.js": 62,
     "pm-breakdown-phone-test.js": 19,
-    "first-paint-count.test.js": 15
+    "first-paint-count.test.js": 15,
+    "c3-daypart.test.js": 1,
+    "briefing-icons.test.js": 1,
+    "needs-overdue.test.js": 1,
+    "pm-card-layout-test.js": 20,
+    "pm-portfolio-inline-test.js": 15
   },
   "_comment_seconds": "Measured wall time of each suite run alone (4-CPU sandbox, 2026-10-05). Only the ORDER uses it: the slowest suites start first, and --shard deals suites to the least-loaded shard so the shards finish together. A wrong or missing number never skips a suite; a missing one counts as 10."
 }

package/workspace/test-lists/browser-suites-green.json

@@ -0,0 +1,5 @@
+{
+  "_comment": "Initiative browser-suites-green: the one-home check of the console3 feedback plan (section 2). Known duplicates are listed in fixtures/one-home-baseline.json until the Phase 2 restructure.",
+  "panels": ["c3-one-home-test.js"],
+  "seconds": { "c3-one-home-test.js": 30 }
+}