create-pmos 0.213.0 → 0.215.0

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

@@ -1,43 +1,116 @@
 /* pm/c3-ib-sprints.js — the Sprints tab of a board with Build and deliver on (mockup v5, 34-initiatives.js tabSprints; the sprint goal
- * and team summary from mockup-c3-sprint-goal v3, initiative sprint-goal-summary).
+ * and team summary from mockup-c3-sprint-goal v3; the sprint brief from mockup-c3-sprint-brief v3, initiative sprint-goal-summary).
  *   registerBoardTab('sprints', (host, ctx) => ...)
- * Reads GET /api/boards/sprints { source: jira|none, readAt, sprints: [{ name, state: active|future|closed, start, end, issues: [{ key, summary,
- * status, category: todo|doing|done, initiative }], counts, goal: { from: 'tickets', text, jira } | null, jiraGoal?, summary,
- * themes: [{ title, line, tickets, done, blocked, people, initiative }], writtenAt, closed: { done, total, carried, carriedTo, points } | null,
- * frozen }] }. READ-ONLY: the sprints mirror Jira, so there is no create, edit or move control.
- * Left: the active sprint's goal and summary (the goal, always written from the tickets, with Jira's goal as a reference; what the team is working on,
- * one row per theme), its items (header chip: Jira, read-only and the read time; c3-board-declutter: no banner), then the next sprint
- * with its goal and summary, and each closed sprint with its goal, summary, done and carried counts and the read-once note. Right: the
- * active sprint's card, its burndown from GET /api/stage-tools/burndown (when that route is not on this server yet, the card says so
- * quietly), and how sprints are read. source 'none' says there is no tracker. */
+ * Reads GET /api/boards/sprints { source: jira|none, readAt, velocity: [{ name, committed, done }], sprints: [{ name, state: active|future|closed,
+ * start, end, issues: [{ key, summary, status, category: todo|doing|done, initiative, flagged, points }], counts, goal: { from: 'tickets', text,
+ * jira } | null, jiraGoal?, summary, themes: [{ title, line, tickets, done, blocked, people, initiative }], brief: { health, verdict,
+ * issues: [{ sev, title, keys, initiative, why, by, plan, doneWhen }], done: [{ title, keys, initiative, line, waiting }], asks } | null,
+ * points: { committed, done, unestimated } | null, flow: [{ status, category, n }], pace: { day, days, daysLeft, avg, hitRate, forecast }
+ * (active only), writtenAt, closed: { done, total, carried, carriedTo, points } | null, hit, got, frozen }] }.
+ * READ-ONLY: the sprints mirror Jira, so there is no create, edit or move control. "Add to my Work" files a note in the PM's Work inbox
+ * (POST /api/capture); nothing is ever written to Jira.
+ * Left: the active sprint's brief (the goal, always written from the tickets; where the sprint stands; the issues to resolve, each with
+ * the agent's proposed plan; what is done; where the tickets are; what the team is working on; the asks for the PM), its tickets
+ * behind "Show all", then the next sprint's goal and summary. Right: the active sprint's card with points and the forecast, the
+ * velocity of the last four closed sprints, the burndown from GET /api/stage-tools/burndown, the past sprints (each opens in a
+ * sheet; closed sprints are kept out of the page, Wawan 2026-10-14) and how sprints are read. source 'none' says there is no tracker. */
 import { el } from './dom.js';
 import { registerBoardTab } from './c3-initiatives.js';
-import { icon, lk, chip, tag, st, note, lbl, sect, card, list, empty, nrow, cols, kv, jiraLabel, day, put, plural } from './c3-ini-ui.js';
+import { icon, lk, chip, tag, st, lbl, sect, card, list, empty, nrow, cols, kv, jiraLabel, day, put, plural, pbtn, geo, healthSt, note } from './c3-ini-ui.js';
 import { loadItems } from './c3-ini-work.js';
 import { recordCards } from './c3-ini-records.js';
 
 const CAT = { todo: 'To do', doing: 'In progress', done: 'Done' };
 const readTime = (s) => { const m = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})/.exec(String(s || '')); return m ? day(m[1]) + ', ' + m[2] : ''; };
 const timeOf = (s) => { const m = /T(\d{2}:\d{2})/.exec(String(s || '')); return m ? m[1] : ''; };
-/* Quiet pages (c3-quiet.css) hide .ini-note, .ini-lhm .dim and a row's third chip. The goal's reason, the theme chips and the
- * read-once note are the content of this tab (mockup v3), so they use their own classes. */
+const num = (v) => (Number.isInteger(v) ? String(v) : String(Math.round(v * 10) / 10));
+/* Quiet pages (c3-quiet.css) hide .ini-note, .ini-lhm .dim and a row's third chip. The goal's reason, the theme chips, the plans and
+ * the read-once note are the content of this tab, so they use their own .ini-sp-* classes. */
+const spNote = (text, attrs) => el('div', { class: 'dim ini-sp-note', ...(attrs || {}) }, text);
 /* The goal is always written from the sprint's tickets: Jira's sprint goal is often empty, too broad or incomplete (the PM,
  * 2026-10-14). Jira's own text shows underneath as a reference. */
-const jiraRef = (j) => (j ? el('div', { class: 'dim ini-sp-note', 'data-inb': 'sprint-goal-jira' }, 'In Jira: “' + j + '”') : null);
+const jiraRef = (j) => (j ? spNote('In Jira: “' + j + '”', { 'data-inb': 'sprint-goal-jira' }) : null);
 function goalBlock(g, jiraGoal) {
   if (!g) return el('div', { class: 'lh', 'data-inb': 'sprint-goal', 'data-inb-goal': 'missing' }, el('span', { class: 'ki' }, icon('target')),
-    el('div', { class: 'ini-sp-goal' }, lbl('SPRINT GOAL'), el('div', { class: 'dim ini-sp-note' }, 'No goal yet. The Jira status check writes one from the tickets at its next check.'), jiraRef(jiraGoal)));
+    el('div', { class: 'ini-sp-goal' }, lbl('SPRINT GOAL'), spNote('No goal yet. The Jira status check writes one from the tickets at its next check.'), jiraRef(jiraGoal)));
   return el('div', { class: 'lh', 'data-inb': 'sprint-goal', 'data-inb-goal': 'tickets' }, el('span', { class: 'ki' }, icon('target')),
     el('div', { class: 'ini-sp-goal' }, lbl('SPRINT GOAL · from the tickets'), el('b', null, g.text), jiraRef(g.jira)));
 }
+const iniChip = (id, ctx, attr) => (id ? lk({ onclick: () => ctx.openInitiative(id), [attr]: id }, icon('init', 'sm'), id) : el('span', { class: 'chip2 dim' }, 'No initiative'));
 const themeRow = (t, ctx) => nrow({ ic: t.blocked ? 'alert' : t.tickets && t.done === t.tickets ? 'check' : t.initiative ? 'bolt' : 'task', hot: !t.blocked && t.done < t.tickets && !!t.initiative,
   title: t.title, attrs: { 'data-inb-theme': t.initiative || 'none' },
-  after: el('div', null, t.line ? el('div', { class: 'dim ini-sp-note' }, t.line) : null, el('div', { class: 'chips ini-sp-chips' }, ...[chip(plural(t.tickets, 'ticket')), t.done ? st('ok', 'check', t.done + ' done') : null, t.blocked ? st('warn', 'alert', t.blocked + ' blocked') : null,
-    t.people ? chip(icon('user', 'sm'), t.people) : null,
-    t.initiative ? lk({ onclick: () => ctx.openInitiative(t.initiative), 'data-inb-theme-ini': t.initiative }, icon('init', 'sm'), t.initiative) : el('span', { class: 'chip2 dim' }, 'No initiative')].filter(Boolean))) });
-const summaryBody = (sp, ctx) => [goalBlock(sp.goal, sp.jiraGoal), sp.summary ? el('p', { class: 'ini-sp-sum' }, sp.summary) : null,
-  sp.themes && sp.themes.length ? [lbl('WHAT THE TEAM IS WORKING ON'), list(sp.themes.map((t) => themeRow(t, ctx)), { 'data-inb': 'sprint-themes' })] : null];
+  after: el('div', null, t.line ? spNote(t.line) : null, el('div', { class: 'chips ini-sp-chips' }, ...[chip(plural(t.tickets, 'ticket')), t.done ? st('ok', 'check', t.done + ' done') : null, t.blocked ? st('warn', 'alert', t.blocked + ' blocked') : null,
+    t.people ? chip(icon('user', 'sm'), t.people) : null, iniChip(t.initiative, ctx, 'data-inb-theme-ini')].filter(Boolean))) });
+const themesBlock = (sp, ctx) => (sp.themes && sp.themes.length ? [lbl('WHAT THE TEAM IS WORKING ON'), list(sp.themes.map((t) => themeRow(t, ctx)), { 'data-inb': 'sprint-themes' })] : []);
 const countsOf = (sp) => { const c = sp.counts || {}; const f = (k) => (c[k] != null ? Number(c[k]) : (sp.issues || []).filter((i) => i.category === k).length); return { todo: f('todo'), doing: f('doing'), done: f('done') }; };
+const dates = (s) => (s.start && s.end ? day(s.start) + ' to ' + day(s.end) : '');
+
+/* ── the sprint brief: PMOS counts the numbers, the agent writes the words ── */
+function verdictBlock(sp) {
+  const p = sp.points; const pace = sp.pace || {};
+  const blocked = (sp.issues || []).filter((i) => i.flagged).length;
+  const facts = [
+    pace.day && pace.days ? chip(icon('cal', 'sm'), 'Day ' + pace.day + ' of ' + pace.days + ' · ' + Math.round(pace.day / pace.days * 100) + '% of the time') : null,
+    p ? chip(num(p.done) + ' of ' + num(p.committed) + ' points · ' + (p.committed ? Math.round(p.done / p.committed * 100) : 0) + '%') : null,
+    p && p.unestimated ? chip(plural(p.unestimated, 'ticket') + ' with no estimate') : null,
+    blocked ? st('bad', 'alert', blocked + ' blocked') : null,
+  ].filter(Boolean);
+  return el('div', { class: 'lh ini-sp-verdict', 'data-inb': 'sprint-verdict', 'data-inb-health': sp.brief.health },
+    el('span', { class: 'ki' + (sp.brief.health === 'ok' ? '' : ' hot') }, icon(sp.brief.health === 'ok' ? 'check' : 'alert')),
+    el('div', { class: 'ini-sp-goal' }, lbl('WHERE THE SPRINT STANDS'), el('div', null, sp.brief.verdict), facts.length ? el('div', { class: 'chips ini-sp-chips' }, ...facts) : null));
+}
+function addToWork(ctx, x) {
+  const text = 'Sprint issue: ' + x.title + (x.keys ? ' (' + x.keys + ')' : '') + (x.plan.length ? '. Next: ' + x.plan[0] : '') + (x.doneWhen ? ' Done when: ' + x.doneWhen : '');
+  if (ctx.demo) { ctx.toast('Added to your Work inbox: ' + x.title); return; }
+  ctx.api.post('/api/capture', { ws: ctx.ws, text }).then((r) => ctx.toast(r && r.ok !== false ? 'Added to your Work inbox. PMOS sorts it.' : { text: 'That was not added' + (r && r.error ? ': ' + r.error : '.'), tone: 'error' }));
+}
+const issueRow = (x, ctx) => nrow({ ic: x.sev === 'bad' ? 'alert' : 'clock', hot: x.sev === 'bad', title: x.title, attrs: { 'data-inb-sp-issue': x.sev },
+  after: el('div', null, x.why ? spNote(x.why) : null,
+    el('div', { class: 'chips ini-sp-chips' }, ...[x.sev === 'bad' ? st('bad', 'alert', 'Blocked') : st('warn', 'alert', 'Watch'), x.keys ? el('span', { class: 'chip2 mono' }, x.keys) : null,
+      iniChip(x.initiative, ctx, 'data-inb-sp-issue-ini'), x.by ? chip(icon('clock', 'sm'), x.by) : null].filter(Boolean)),
+    el('div', { class: 'ini-sp-plan', 'data-inb': 'sprint-plan' }, lbl('PROPOSED PLAN'), el('ol', null, ...x.plan.map((t) => el('li', null, t))),
+      x.doneWhen ? spNote('Done when: ' + x.doneWhen) : null,
+      el('div', { class: 'chips ini-sp-chips' }, pbtn('outline', 'Add to my Work', 'plus', { onclick: () => addToWork(ctx, x), 'data-inb-sp-addwork': x.title })))) });
+const doneRow = (d, ctx) => nrow({ ic: 'check', title: d.title, attrs: { 'data-inb-sp-done': d.waiting ? 'waiting' : 'done' },
+  after: el('div', null, d.line ? spNote(d.line) : null, el('div', { class: 'chips ini-sp-chips' }, ...[d.waiting ? st('warn', 'clock', 'Not in Prod yet') : st('ok', 'check', 'Done'),
+    d.keys ? el('span', { class: 'chip2 mono' }, d.keys) : null, iniChip(d.initiative, ctx, 'data-inb-sp-done-ini')].filter(Boolean))) });
+const FLOW_TONE = { todo: 'todo', doing: 'doing', done: 'done' };
+function flowBlock(sp) {
+  const f = sp.flow || [];
+  if (!f.length) return [];
+  const label = f.map((x) => x.n + ' ' + x.status).join(', ');
+  return [lbl('WHERE THE TICKETS ARE'),
+    el('div', { class: 'ini-sp-flow', role: 'img', 'aria-label': label, 'data-inb': 'sprint-flow' }, ...f.map((x) => geo(el('u', { class: 'ini-sp-f-' + FLOW_TONE[x.category], title: x.n + ' ' + x.status }), { '--sp-n': x.n }))),
+    el('div', { class: 'chips ini-sp-chips' }, ...f.map((x) => chip(el('i', { class: 'ini-sp-dot ini-sp-f-' + FLOW_TONE[x.category], 'aria-hidden': 'true' }), x.n + ' ' + x.status.toLowerCase())))];
+}
+function briefBody(sp, ctx) {
+  const b = sp.brief;
+  if (!b) return [goalBlock(sp.goal, sp.jiraGoal), sp.summary ? el('p', { class: 'ini-sp-sum' }, sp.summary) : null, ...flowBlock(sp), ...themesBlock(sp, ctx)];
+  return [goalBlock(sp.goal, sp.jiraGoal), verdictBlock(sp),
+    b.issues.length ? [lbl('ISSUES TO RESOLVE · and how to close them'), list(b.issues.map((x) => issueRow(x, ctx)), { 'data-inb': 'sprint-issues' })] : spNote('No issue to resolve.', { 'data-inb': 'sprint-no-issues-to-resolve' }),
+    b.done.length ? [lbl('COMPLETED SO FAR'), list(b.done.map((d) => doneRow(d, ctx)), { 'data-inb': 'sprint-done' })] : null,
+    ...flowBlock(sp), ...themesBlock(sp, ctx),
+    b.asks.length ? [lbl('FOR YOU'), list(b.asks.map((a, k) => nrow({ ic: k ? 'next' : 'target', hot: !k, title: a })), { 'data-inb': 'sprint-asks' })] : null];
+}
+
+/* ── velocity: the last four closed sprints, committed against done, and this sprint so far ── */
+const SVGNS = 'http://www.w3.org/2000/svg';
+const svg = (tag, attrs, text) => { const n = document.createElementNS(SVGNS, tag); for (const [k, v] of Object.entries(attrs || {})) n.setAttribute(k, String(v)); if (text != null) n.textContent = text; return n; };
+function velocitySvg(vel, active) {
+  const rows = [...vel.map((v) => ({ n: v.name.replace(/^.*?(\d+)\s*$/, 'S$1'), c: v.committed, d: v.done })), ...(active && active.points ? [{ n: 'now', c: active.points.committed, d: active.points.done, now: true }] : [])];
+  const W = 360; const H = 150; const max = Math.max(1, ...rows.map((r) => r.c)) * 1.1;
+  const avg = vel.reduce((a, v) => a + v.done, 0) / vel.length; const bw = (W - 50) / rows.length; const y = (v) => 10 + (1 - v / max) * (H - 32);
+  const s = svg('svg', { class: 'ini-vel', viewBox: '0 0 ' + W + ' ' + H, role: 'img', 'aria-label': 'Velocity: ' + num(avg) + ' points done a sprint on average' });
+  s.append(svg('line', { class: 'ax', x1: 34, y1: y(0), x2: W - 10, y2: y(0) }));
+  rows.forEach((r, k) => {
+    const x = 36 + k * bw + bw * 0.18; const w = bw * 0.64;
+    s.append(svg('rect', { class: 'com' + (r.now ? ' now' : ''), x, y: y(r.c), width: w, height: Math.max(0, y(0) - y(r.c)), rx: 2 }),
+      svg('rect', { class: 'done' + (r.now ? ' now' : ''), x, y: y(r.d), width: w, height: Math.max(0, y(0) - y(r.d)), rx: 2 }),
+      svg('text', { class: 'v', x: x + w / 2, y: y(r.d) - 4, 'text-anchor': 'middle' }, num(r.d)), svg('text', { x: x + w / 2, y: H - 6, 'text-anchor': 'middle' }, r.n));
+  });
+  s.append(svg('line', { class: 'avg', x1: 34, y1: y(avg), x2: W - 10, y2: y(avg) }), svg('text', { x: 30, y: y(avg) + 3, 'text-anchor': 'end' }, num(avg)));
+  return s;
+}
 
 registerBoardTab('sprints', async (host, ctx) => {
   let dead = false;
@@ -48,49 +121,79 @@ registerBoardTab('sprints', async (host, ctx) => {
   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 vel = Array.isArray(r.velocity) ? r.velocity : [];
   const active = sprints.find((s) => s.state === 'active');
-  const others = sprints.filter((s) => s !== active);
-  const issueRow = (i) => nrow({ ic: i.category === 'done' ? 'check' : i.category === 'doing' ? 'bolt' : 'todo', hot: i.category === 'doing', title: i.summary || i.key,
+  const future = sprints.filter((s) => s.state !== 'closed' && s !== active);
+  const past = sprints.filter((s) => s.state === 'closed');
+  const ticketRow = (i) => nrow({ ic: i.category === 'done' ? 'check' : i.category === 'doing' ? 'bolt' : 'todo', hot: i.category === 'doing', title: i.summary || i.key,
     chips: [el('span', { class: 'chip2 mono' }, i.key), tag(icon('jira', 'sm'), 'Jira'), i.category === 'done' ? st('ok', 'check', i.status || 'Done') : chip(i.status || CAT[i.category] || ''),
       i.initiative ? lk({ onclick: () => ctx.openInitiative(i.initiative), 'data-inb-issue-ini': i.initiative }, icon('init', 'sm'), i.initiative) : el('span', { class: 'dim' }, 'No initiative')],
     right: [el('span', { class: 'chip2', title: 'Status lives in Jira' }, icon('lock', 'sm'))], attrs: { 'data-inb-issue': i.key } });
   const t = readTime(r.readAt);
-  const dates = (s) => (s.start && s.end ? day(s.start) + ' to ' + day(s.end) : '');
-  const itemsRow = (s) => { const c = countsOf(s); return nrow({ ic: 'clock', title: c.done + ' done, ' + c.doing + ' in progress, ' + c.todo + ' to do', xp: (s.issues || []).length ? [list(s.issues.map(issueRow))] : [note('No items.')] }); };
+  const itemsRow = (s) => { const c = countsOf(s); return nrow({ ic: 'clock', title: c.done + ' done, ' + c.doing + ' in progress, ' + c.todo + ' to do', xp: (s.issues || []).length ? [list(s.issues.map(ticketRow))] : [note('No items.')] }); };
+  /* the tickets stay behind a press: the brief says what matters, the list is there when it is needed (Wawan, 2026-10-14) */
+  function ticketsSect(s) {
+    const n = (s.issues || []).length; const c = countsOf(s);
+    const hold = el('div', { 'data-inb': 'sprint-ticket-list', hidden: true }, n ? list(s.issues.map(ticketRow)) : empty('No items in this sprint yet.', { 'data-inb': 'sprint-no-issues' }));
+    const show = pbtn('outline', 'Show all ' + plural(n, 'ticket'), 'ul', { 'data-inb': 'sprint-show-tickets', 'aria-expanded': 'false', onclick: () => {
+      hold.hidden = !hold.hidden; show.setAttribute('aria-expanded', String(!hold.hidden));
+      const w = document.createTreeWalker(show, NodeFilter.SHOW_TEXT); let last = null; while (w.nextNode()) last = w.currentNode; if (last) last.textContent = (hold.hidden ? 'Show all ' : 'Hide ') + plural(n, 'ticket');
+    } });
+    return sect({ ic: 'check', title: s.name + ' tickets', count: n, right: el('span', { class: 'chip2', 'data-inb': 'sprints-source', title: 'Mirrored from Jira ' + jiraLabel(b) + '. Every issue in the sprint, whoever it is assigned to. Change sprints in Jira.' }, icon('lock', 'sm'), 'Jira, read-only' + (t ? ' · read ' + t : '')), attrs: { 'data-inb-sprint': s.name, 'data-inb-state': 'active' } },
+      el('div', { class: 'chips ini-sp-chips' }, show, spNote(c.done + ' done, ' + c.doing + ' in progress, ' + c.todo + ' to do.')), hold);
+  }
   const closedSect = (s) => {
     const c = countsOf(s); const x = s.closed || {}; const n = x.total || (s.issues || []).length; const done = x.total ? x.done : c.done;
     return sect({ ic: 'check', title: s.name, count: n, right: tag('closed'), attrs: { 'data-inb-sprint': s.name, 'data-inb-state': 'closed' } },
-      ...summaryBody({ ...s, themes: [] }, ctx),
+      goalBlock(s.goal, s.jiraGoal),
+      s.summary || s.hit ? el('p', { class: 'ini-sp-sum' }, s.hit === 'met' ? st('ok', 'check', 'Goal met') : s.hit === 'partly' ? st('warn', 'alert', 'Goal partly met') : s.hit === 'missed' ? st('bad', 'alert', 'Goal missed') : null, s.hit && s.summary ? ' ' : null, s.summary || null) : null,
       el('div', { class: 'chips ini-sp-facts' }, dates(s) ? chip(icon('cal', 'sm'), dates(s)) : null, st('ok', 'check', done + ' of ' + n + ' done'),
         x.points ? chip(x.points + ' points') : null, x.carried ? chip(icon('next', 'sm'), x.carried + ' carried' + (x.carriedTo ? ' to ' + x.carriedTo : '')) : null),
-      el('div', { class: 'dim ini-sp-note', 'data-inb': 'sprint-read-once' }, icon('lock', 'sm'), s.frozen ? ' Closed. Read and summarised once on ' + day(String(s.writtenAt || '').slice(0, 10)) + '. PMOS does not read a closed sprint again.'
-        : ' Closed. The Jira status check summarises it once at its next check, then does not read it again.'),
+      s.got ? el('div', { class: 'lh', 'data-inb': 'sprint-got' }, el('span', { class: 'ki' }, icon('alert')), el('div', { class: 'ini-sp-goal' }, lbl('WHAT GOT IN THE WAY'), el('div', null, s.got))) : null,
+      spNote([icon('lock', 'sm'), s.frozen ? ' Closed. Read and summarised once on ' + day(String(s.writtenAt || '').slice(0, 10)) + '. PMOS does not read a closed sprint again.'
+        : ' Closed. The Jira status check summarises it once at its next check, then does not read it again.'], { 'data-inb': 'sprint-read-once' }),
       itemsRow(s));
   };
+  const openPast = () => ctx.openSheet({ title: 'Past sprints · ' + b.name, icon: 'check', wide: true, body: el('div', { 'data-inb': 'sprints-past-sheet' }, ...past.map(closedSect)) });
   const n = active ? (active.issues || []).length : 0;
   const left = [
-    active ? sect({ ic: 'clock', title: active.name + ' · goal and summary', right: st('ok', null, 'active'), attrs: { 'data-inb': 'sprint-summary' } },
-      ...summaryBody(active, ctx),
-      el('div', { class: 'dim ini-sp-note', 'data-inb': 'sprint-written' }, active.summary ? 'Goal and summary written by the Jira status check' + (timeOf(active.writtenAt) ? ' at ' + timeOf(active.writtenAt) : '') + ' from all ' + plural(active.summarisedTickets != null ? active.summarisedTickets : n, 'ticket') + ' in the sprint. Read and summarised again at each check while the sprint is active.'
-        : 'No summary yet. The Jira status check writes one from the sprint\'s tickets at its next check.')) : null,
-    active ? sect({ ic: 'check', title: active.name + ' items', count: n, right: el('span', { class: 'chip2', 'data-inb': 'sprints-source', title: 'Mirrored from Jira ' + jiraLabel(b) + '. Every issue in the sprint, whoever it is assigned to. Change sprints in Jira.' }, icon('lock', 'sm'), 'Jira, read-only' + (t ? ' · read ' + t : '')), attrs: { 'data-inb-sprint': active.name, 'data-inb-state': 'active' } },
-      n ? list(active.issues.map(issueRow)) : empty('No items in this sprint yet.', { 'data-inb': 'sprint-no-issues' }))
-      : empty(sprints.length ? 'No sprint is active.' : 'Jira has no sprints for this board.', { 'data-inb': sprints.length ? 'sprints-no-active' : 'sprints-empty' }),
-    ...others.filter((s) => s.state !== 'closed').map((s) => sect({ ic: 'cal', title: s.name, count: (s.issues || []).length, right: tag(s.state || 'sprint'), attrs: { 'data-inb-sprint': s.name, 'data-inb-state': s.state } },
+    active ? sect({ ic: 'clock', title: active.name + ' · sprint brief', right: active.brief ? healthSt(active.brief.health) : st('ok', null, 'active'), attrs: { 'data-inb': 'sprint-summary' } },
+      ...briefBody(active, ctx),
+      spNote(active.summary ? 'Written by the Jira status check' + (timeOf(active.writtenAt) ? ' at ' + timeOf(active.writtenAt) : '') + ' from all ' + plural(active.summarisedTickets != null ? active.summarisedTickets : n, 'ticket') + ' in the sprint' + (vel.length ? ' and the last ' + plural(vel.length, 'closed sprint') : '') + '. PMOS counted the numbers; the agent wrote the words. Read again at each check while the sprint is active.'
+        : 'No brief yet. The Jira status check writes one from the sprint\'s tickets at its next check.', { 'data-inb': 'sprint-written' })) : null,
+    active ? ticketsSect(active) : empty(sprints.length ? 'No sprint is active.' : 'Jira has no sprints for this board.', { 'data-inb': sprints.length ? 'sprints-no-active' : 'sprints-empty' }),
+    ...future.map((s) => sect({ ic: 'cal', title: s.name, count: (s.issues || []).length, right: tag(s.state || 'sprint'), attrs: { 'data-inb-sprint': s.name, 'data-inb-state': s.state } },
       goalBlock(s.goal, s.jiraGoal), s.summary ? el('p', { class: 'ini-sp-sum' }, s.summary) : null, itemsRow(s))),
-    ...others.filter((s) => s.state === 'closed').map(closedSect),
   ];
   const right = [];
   if (active) {
-    const c = countsOf(active);
+    const c = countsOf(active); const p = active.points; const pace = active.pace || {};
     right.push(card({ ic: 'clock', title: active.name, attrs: { 'data-inb': 'sprint-counts' } }, kv([dates(active) ? ['Dates', dates(active)] : null,
-      ['Items', n + ': ' + c.done + ' done, ' + c.doing + ' in progress, ' + c.todo + ' to do']])));
+      ['Items', n + ': ' + c.done + ' done, ' + c.doing + ' in progress, ' + c.todo + ' to do'],
+      p ? ['Committed', num(p.committed) + ' points'] : null, p ? ['Done', num(p.done) + ' points'] : null,
+      p && pace.daysLeft != null ? ['Left · ' + plural(pace.daysLeft, 'day'), num(Math.max(0, p.committed - p.done)) + ' points'] : null,
+      pace.forecast != null ? ['Forecast', 'about ' + num(pace.forecast) + ' of ' + num(p.committed) + ' points' + (active.end ? ' by ' + day(active.end) : '')] : null])));
+  }
+  if (vel.length) {
+    const avg = vel.reduce((a, v) => a + v.done, 0) / vel.length; const pace = (active && active.pace) || {};
+    const over = active && active.points && avg ? Math.round((active.points.committed / avg - 1) * 100) : null;
+    right.push(card({ ic: 'up', title: 'Velocity', sub: 'last ' + plural(vel.length, 'sprint'), attrs: { 'data-inb': 'sprint-velocity' } }, velocitySvg(vel, active),
+      spNote('Average ' + num(avg) + ' points done a sprint' + (pace.hitRate != null ? ', ' + Math.round(pace.hitRate * 100) + '% of what was committed' : '') + '.' + (over != null ? ' This sprint committed ' + num(active.points.committed) + (over > 0 ? ', ' + over + '% above that average.' : over < 0 ? ', ' + -over + '% below that average.' : ', the same as the average.') : ''))));
+  }
+  if (active) {
     const ids = items.ok ? items.initiatives.map((i) => i.id) : [];
     const pseudo = { ...ctx, row: { id: ids.join(','), title: '' } };
     right.push(...await recordCards(pseudo, ['burndown']));
   }
+  if (past.length) right.push(card({ ic: 'lock', title: 'Past sprints', attrs: { 'data-inb': 'sprints-past' } },
+    list(past.map((s) => nrow({ ic: 'check', title: s.name, onOpen: openPast, attrs: { 'data-inb-past': s.name },
+      after: el('div', null, spNote([dates(s), s.closed && s.closed.total ? s.closed.done + ' of ' + s.closed.total + ' done' : null, s.closed && s.closed.points ? s.closed.points + ' points' : null].filter(Boolean).join(' · ')),
+        s.hit ? el('div', { class: 'chips ini-sp-chips' }, s.hit === 'met' ? st('ok', 'check', 'Goal met') : s.hit === 'partly' ? st('warn', 'alert', 'Goal partly met') : st('bad', 'alert', 'Goal missed')) : null) }))),
+    el('div', { class: 'chips ini-sp-chips' }, pbtn('outline', 'Open ' + plural(past.length, 'past sprint'), 'next', { onclick: openPast, 'data-inb': 'sprints-past-open' })),
+    spNote('Closed sprints are read and summarised once, then kept here.')));
   if (sprints.length) right.push(card({ ic: 'redo', title: 'How sprints are read', attrs: { 'data-inb': 'sprints-how' } }, kv([
-    ['Goal', 'Written from the sprint\'s tickets. Jira\'s goal is shown for reference'], ['Active sprint', 'Read and summarised at each Jira status check'],
+    ['Goal', 'Written from the sprint\'s tickets. Jira\'s goal is shown for reference'], ['Numbers', 'Counted by PMOS from the Jira read: points, statuses and flags'],
+    ['Words', 'The verdict, the issues and their plans, and the asks are written by the agent from the tickets'], ['Active sprint', 'Read and summarised at each Jira status check'],
     ['Next sprint', 'Read at each check, until it starts'], ['Closed sprints', 'Read and summarised once, then kept'], ['Jira', 'Read-only. PMOS changes nothing there']])));
   if (dead) return () => {};
   put(host, cols(left, right));

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

@@ -60,6 +60,24 @@
 .c3 .ini-sp-goal{min-width:0}
 .c3 .ini-sp-note{font-size:var(--fs-2);line-height:1.45;margin-top:var(--sp-1)}
 .c3 .ini-sp-chips{margin-top:var(--sp-1)}
+.c3 .ini-sp-verdict{margin:var(--sp-3) 0;padding:var(--sp-3);border:1px solid var(--border);border-radius:8px}   /* the sprint brief (sprint-goal-summary) */
+.c3 .ini-sp-plan{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-left:2px solid var(--acc)}
+.c3 .ini-sp-plan ol{margin:var(--sp-1) 0;padding-left:1.2em;display:grid;gap:var(--sp-1);line-height:1.45}
+.c3 .ini-sp-flow{display:flex;gap:2px;height:10px;border-radius:6px;overflow:hidden;margin:var(--sp-2) 0}
+.c3 .ini-sp-flow u{display:block;flex:var(--sp-n,1) 1 0;min-width:4px}
+.c3 .ini-sp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}
+.c3 .ini-sp-f-todo{background:var(--muted-foreground)}
+.c3 .ini-sp-f-doing{background:var(--acc)}
+.c3 .ini-sp-f-done{background:var(--foreground)}
+.c3 .ini-vel{display:block;width:100%;max-width:420px;height:auto}
+.c3 .ini-vel .ax{stroke:var(--border)}
+.c3 .ini-vel .com{fill:none;stroke:var(--muted-foreground)}
+.c3 .ini-vel .com.now{stroke-dasharray:3 3}
+.c3 .ini-vel .done{fill:var(--acc)}
+.c3 .ini-vel .done.now{fill:var(--warning)}
+.c3 .ini-vel .avg{stroke:var(--foreground);stroke-dasharray:4 3}
+.c3 .ini-vel text{fill:var(--muted-foreground);font:var(--fs-1) var(--mono)}
+.c3 .ini-vel text.v{fill:var(--foreground)}
 .c3 .ini-num{width:84px;flex:none}
 .c3 .ini-up,.c3 .ini-down{display:inline-flex}
 .c3 .ini-up{transform:rotate(-90deg)}

package/workspace/public/pm/c3-session-conv.js

@@ -0,0 +1,164 @@
+/* pm/c3-session-conv.js — a session as a conversation, the first view of the session sheet (c3-session-term.js).
+ * The approved mockup (2026-10-14, version 1) without its side-by-side layout; see planning/prd/c3-session-conversation-prd.md.
+ *   convView({ id, onTerminal }) -> { node, input, start(), stop() }
+ * The words come from GET /api/sessions/conversation: Claude Code's own transcript, word for word (nothing is summarised and
+ * nothing is read from terminal bytes). A run of tool calls is one line that opens to list each call and its target. While a
+ * tool call is open and Claude Code's "Do you want to …" prompt is on the pane's screen, the reply's `ask` draws a card whose
+ * buttons type the option's number. Sends go over the page's terminal socket (tab-term.js typeIntoSession), as the Sessions
+ * panel's message box does; Stop types Esc. A plain shell, an unreadable record and an ended session each say so plainly. */
+import { el } from './dom.js';
+import { pmGet } from './http.js';
+import { toast } from './c3-toast.js';
+import { c3ic } from './pm-work-view.js';
+import { renderMd } from './c3-session-chat.js';
+import { button } from './primitives.js';
+
+const POLL_MS = 1500;
+const NOT_SENT = 'Not sent: the connection to the workspace server is down. Your message is still in the box.';
+
+/** "Used Read ×2, Edit" for a run of tool calls. Pure, for Node. */
+export const toolSummary = (tools) => 'Used ' + Object.entries(tools || {}).map(([n, k]) => (k > 1 ? n + ' ×' + k : n)).join(', ');
+/** The status tag for a reply: [label, tone]. Pure, for Node. */
+export function statusOf(r) {
+  if (!r) return ['Reading', 'muted'];
+  if (r.state === 'ended') return ['Ended', 'muted'];
+  if (r.state === 'shell') return ['Shell', 'muted'];
+  if (r.state !== 'conv') return ['Running', 'acc'];
+  if (r.ask) return ['Needs you', 'warning'];
+  if (r.turn === 'agent' || r.turn === 'tool') return ['Working', 'acc'];
+  if (r.turn === 'user') return ['Your turn', 'muted'];
+  return ['Running', 'acc'];
+}
+
+const keys = async (id, data) => { const t = await import('./tab-term.js').catch(() => null); return !!(t && typeof t.pressKeys === 'function' && await t.pressKeys(id, data)); };
+const type = async (id, text) => { const t = await import('./tab-term.js').catch(() => null); return !!(t && typeof t.typeIntoSession === 'function' && await t.typeIntoSession(id, text)); };
+/* a primitives button (keyboard, role) carrying the console3 look and children (the pattern c3-dock.js uses) */
+const c3btn = (attrs, onClick, ...kids) => { const b = button({ variant: 'ghost', attrs, onClick }); b.replaceChildren(...kids); return b; };
+const pill = (label, onClick, attrs = {}) => c3btn({ class: 'pill', ...attrs }, onClick, label);
+
+export function convView({ id, onTerminal } = {}) {
+  const st = { data: null, pending: [], busy: false, timer: null, stick: true, sig: '' };
+  const tag = el('span', { class: 'tg', 'data-cv': 'status' });
+  const metaRest = el('span', { class: 'chips2', 'data-cv': 'meta' });
+  const meta = el('div', { class: 'c3t-cv-meta' }, tag, metaRest);
+  const feed = el('div', { class: 'c3t-cv-feed', 'data-cv': 'feed', 'aria-live': 'polite' });
+  const input = el('textarea', { rows: '1', 'aria-label': 'Message', placeholder: 'Message Claude', 'data-cv': 'msg',
+    onkeydown: (e) => { if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) { e.preventDefault(); send(); } },
+    oninput: () => grow() });
+  const stopBtn = c3btn({ class: 'ib sm', title: 'Stop Claude (types Esc)', 'aria-label': 'Stop Claude', 'data-cv': 'stop', hidden: '' },
+    async () => { if (!await keys(id, '\x1b')) toast({ text: NOT_SENT, tone: 'error' }); else toast({ text: 'Stopped. Claude waits for your next message.' }); }, c3ic('stop', 'sm'));
+  const sendBtn = c3btn({ class: 'ib pri sm', title: 'Send (Enter)', 'aria-label': 'Send', 'data-cv': 'send' }, () => send(), c3ic('out', 'sm'));
+  const slash = el('span', { class: 'chips2' },
+    pill('/compact', () => { input.value = '/compact'; input.focus(); grow(); }, { title: 'Claude summarises the conversation so far to free room', 'data-cv-slash': '/compact' }),
+    pill('/clear', () => { input.value = '/clear'; input.focus(); grow(); }, { title: 'Start a fresh conversation in this session', 'data-cv-slash': '/clear' }));
+  const comp = el('div', { class: 'c3t-cv-comp', 'data-cv': 'composer' },
+    el('div', { class: 'box' }, input, stopBtn, sendBtn),
+    el('div', { class: 'hint' }, slash, el('span', { class: 'kb' }, 'Enter sends · Shift Enter for a new line')));
+  const node = el('div', { class: 'c3t-cv-main', 'data-c3-conv': id }, meta, feed, comp);
+
+  // the box grows with its lines, up to eight, by its own rows (no inline style)
+  function grow() { input.rows = Math.max(1, Math.min(8, input.value.split('\n').length)); }
+
+  async function send() {
+    const text = input.value.trim();
+    if (!text) return;
+    const p = { text, at: Date.now() };
+    st.pending.push(p); st.stick = true; input.value = ''; grow(); paint();
+    if (!await type(id, text)) {
+      st.pending = st.pending.filter((x) => x !== p); input.value = text; grow(); paint();
+      toast({ text: NOT_SENT, tone: 'error' });
+      return;
+    }
+    setTimeout(poll, 400);
+  }
+
+  function toolsRow(m) {
+    const calls = Array.isArray(m.calls) ? m.calls : [];
+    return el('details', { class: 'tools', 'data-chat': 'tool' },
+      el('summary', null, el('span', { class: 'car' }, c3ic('next', 'sm')), c3ic('tree', 'sm'), toolSummary(m.tools)),
+      calls.length ? el('ul', null, ...calls.map((c) => el('li', null, el('b', null, c.tool), c.target ? el('span', { title: c.target }, c.target) : null))) : null);
+  }
+  function askCard(a) {
+    return el('div', { class: 'perm', role: 'group', 'aria-label': 'Claude asks before it runs a tool', 'data-cv': 'ask' },
+      el('b', { class: 'chips2' }, c3ic('alert', 'sm'), st.data && st.data.openCall ? 'Claude wants to run ' + st.data.openCall : 'Claude asks before it goes on'),
+      el('div', { class: 'q' }, a.question),
+      el('div', { class: 'c3t-tray' },
+        ...a.options.map((o) => pill(o.label, async () => { if (!await keys(id, o.n)) toast({ text: NOT_SENT, tone: 'error' }); else setTimeout(poll, 500); },
+          { 'data-cv-opt': o.n, title: 'Answer "' + o.label + '" (types ' + o.n + ')' })),
+        c3btn({ class: 'chip2 lk', 'data-cv': 'ask-term' }, () => onTerminal && onTerminal(), c3ic('term', 'sm'), 'Answer in the terminal')));
+  }
+  function none(icon, title, text, ...btns) {
+    return el('div', { class: 'none', 'data-cv': 'none' }, c3ic(icon), el('b', null, title), el('span', { class: 'dim' }, text), el('div', { class: 'chips2' }, ...btns));
+  }
+  const termBtn = () => c3btn({ class: 'pill', 'data-cv': 'open-term' }, () => onTerminal && onTerminal(), c3ic('term', 'sm'), 'Open the terminal');
+
+  function paint() {
+    const d = st.data;
+    const [label, tone] = statusOf(d);
+    tag.dataset.tone = tone;
+    tag.textContent = label;
+    metaRest.replaceChildren(...[d && d.agent ? (d.agent === 'shell' ? 'Shell' : d.agent === 'claude' ? 'Claude' : d.agent) : null, d && d.model]
+      .filter(Boolean).map((t) => el('span', null, t)));
+    const conv = d && d.state === 'conv';
+    comp.hidden = !d || d.state === 'ended' || d.state === 'unlinked' || d.state === 'other';
+    input.placeholder = d && d.state === 'shell' ? 'Type a command for the shell' : d && d.ask ? 'Answer above, or type to tell Claude something else' : 'Message Claude';
+    slash.hidden = !conv;
+    stopBtn.hidden = !(conv && (d.turn === 'agent' || d.turn === 'tool') && !d.ask);
+
+    const kids = [];
+    if (!d) kids.push(el('div', { class: 'm st' }, 'Reading the conversation…'));
+    else if (d.state === 'shell') {
+      kids.push(none('term', 'No Claude in this shell yet', 'This is a plain shell. Start Claude here and its conversation shows in this view.',
+        c3btn({ class: 'pill', 'aria-pressed': 'true', 'data-cv': 'start-claude' },
+          async () => { if (!await type(id, 'claude')) toast({ text: NOT_SENT, tone: 'error' }); else setTimeout(poll, 1500); }, c3ic('spark', 'sm'), 'Start Claude here'),
+        termBtn()));
+    } else if (d.state === 'unlinked') {
+      kids.push(none('alert', "Claude's conversation can't be read here", d.missing + '. PMOS will not guess which transcript is this session\'s, because that could show another session\'s words.', termBtn()));
+    } else if (d.state === 'other') {
+      kids.push(none('term', 'This agent keeps no Claude transcript', 'Its output is in the terminal.', termBtn()));
+    } else if (d.state === 'ended') {
+      kids.push(none('clock', 'This session has ended', 'Its terminal output is kept in the Sessions panel under Past.'));
+    } else {
+      for (const m of d.messages || []) {
+        if (m.role === 'user') kids.push(el('div', { class: 'who me' }, 'You'), el('div', { class: 'm me', 'data-chat': 'me' }, m.text));
+        else if (m.role === 'assistant') kids.push(el('div', { class: 'who' }, c3ic('spark', 'sm'), 'Claude'), el('div', { class: 'm bot', 'data-chat': 'bot' }, renderMd(m.text)));
+        else kids.push(toolsRow(m));
+      }
+      if (!(d.messages || []).length && !st.pending.length) kids.push(el('div', { class: 'm st', 'data-chat': 'empty' }, 'No messages yet. Type below to talk to Claude.'));
+    }
+    for (const p of st.pending) kids.push(el('div', { class: 'who me' }, 'You'), el('div', { class: 'm me', 'data-chat': 'me', 'data-pending': '' }, p.text));
+    if (conv && d.ask) kids.push(askCard(d.ask));
+    else if (conv && (d.turn === 'agent' || d.turn === 'tool' || st.pending.length)) {
+      kids.push(el('div', { class: 'live', role: 'status', 'data-chat': 'working' }, el('span', { class: 'c3spin' }, c3ic('clock', 'sm')),
+        d.turn === 'tool' && d.openCall ? 'Running ' + d.openCall + ', or waiting for your allow in the terminal' : 'Claude is working…'));
+    }
+    const atEnd = feed.scrollHeight - feed.scrollTop - feed.clientHeight < 60;
+    feed.replaceChildren(el('div', { class: 'wrap' }, ...kids));
+    if (atEnd || st.stick) { feed.scrollTop = feed.scrollHeight; st.stick = false; }
+  }
+
+  async function poll() {
+    if (st.busy) return;
+    st.busy = true;
+    try {
+      const r = await pmGet('/api/sessions/conversation?id=' + encodeURIComponent(id)).catch(() => null);
+      if (!r || !r.ok) { if (!st.data) { st.data = { state: 'unlinked', messages: [], missing: (r && r.error) || 'The conversation could not be read' }; paint(); } return; }
+      const msgs = r.messages || [];
+      // a message sent from here is done when the transcript holds it; one Claude never recorded goes after a minute
+      st.pending = st.pending.filter((p) => !msgs.some((m) => m.role === 'user' && m.text.trim() === p.text && (!m.at || Date.parse(m.at) >= p.at - 5000))
+        && Date.now() - p.at < 60000);
+      const sig = [r.stamp, r.state, r.turn, r.ask ? JSON.stringify(r.ask) : '', st.pending.length].join('|');
+      if (sig === st.sig) return;
+      st.sig = sig; st.data = r;
+      paint();
+    } finally { st.busy = false; }
+  }
+
+  paint();
+  return {
+    node, input,
+    start() { if (!st.timer) { poll(); st.timer = setInterval(() => { if (!node.isConnected) return; poll(); }, POLL_MS); } },
+    stop() { if (st.timer) { clearInterval(st.timer); st.timer = null; } },
+    get state() { return st.data ? st.data.state : null; },
+  };
+}

package/workspace/public/pm/c3-session-term.js

@@ -1,5 +1,7 @@
-/* pm/c3-session-term.js — a session's real terminal inside console3, in a sheet, so "Open the session" no longer leaves /c3.html.
- *   openSessionTerm({ id, name })
+/* pm/c3-session-term.js — a session inside console3, in a sheet, so "Open the session" no longer leaves /c3.html.
+ *   openSessionTerm({ id, name, view })   view: 'conv' (the default) or 'term'
+ * The sheet opens on the conversation (c3-session-conv.js); Terminal shows the session's real terminal and Conversation comes back.
+ * The terminal is mounted on first use and stays attached while the sheet is open, so switching never restarts anything.
  * The terminal is tab-term.js's own (the one the main app draws): the same socket, attach, resize and input. Closing the sheet detaches the
  * pane and leaves the session running, as closing a tab in the main app does. xterm and its addons are the main app's vendored globals,
  * loaded here on the first open because /c3.html does not load them up front. */
@@ -9,6 +11,7 @@ import { toast } from './c3-toast.js';
 import { pmGet, pmPost } from './http.js';
 import { button } from './primitives.js';
 import { c3ic } from './pm-work-view.js';
+import { convView } from './c3-session-conv.js';
 
 /* a primitives button (keyboard, role) carrying the console3 look and children (the pattern c3-dock.js uses) */
 const c3btn = (attrs, onClick, ...kids) => { const b = button({ variant: 'ghost', attrs, onClick }); b.replaceChildren(...kids); return b; };
@@ -135,35 +138,79 @@ function makePad(id, term, tab) {
   return { box, ta, dispose() { if (closed) return; closed = true; window.removeEventListener('pagehide', onHide); flush(); } };
 }
 
-export async function openSessionTerm({ id, name } = {}) {
+/* the sheet's two views: the conversation (c3-session-conv.js) first, the live terminal one press away. VIEWS: [key, label, title] */
+export const VIEWS = [['conv', 'Conversation', 'The conversation: your messages and Claude\'s replies'], ['term', 'Terminal', 'The live terminal of this session']];
+/** Which view a session opens on: the one asked for, else Terminal for an agent that keeps no Claude transcript, else Conversation. Pure. */
+export const firstView = (agent, asked) => (asked === 'term' || asked === 'conv' ? asked : agent && agent !== 'claude' && agent !== 'shell' ? 'term' : 'conv');
+/* the running sessions the sheet's list shows (at 2/3 and Whole): newest first, background runs left out */
+const listed = (all) => (Array.isArray(all) ? all : []).filter((x) => x && x.id && x.state !== 'exited' && x.shown !== 'exited' && !x.headless && !x.automatic)
+  .sort((a, b) => String(b.created || '').localeCompare(String(a.created || '')));
+
+/** The session sheet: Conversation | Terminal, All sessions and the sizes. `view` 'term' opens straight on the terminal (Set up Laya). */
+export async function openSessionTerm({ id, name, view } = {}) {
   if (!id) return null;
   rememberSession(id);
-  if (!name) { const r = await pmGet('/api/sessions').catch(() => null); const x = r && Array.isArray(r.sessions) ? r.sessions.find((y) => y.id === id) : null; name = x ? x.name : id; }
-  const [ok, term] = await Promise.all([loadVendor(), import('./tab-term.js').catch(() => null)]);
-  if (!ok || !term) { toast({ text: 'The terminal could not be loaded on this page.', tone: 'error' }); return null; }
+  const r = await pmGet('/api/sessions').catch(() => null);
+  const all = r && Array.isArray(r.sessions) ? r.sessions : [];
+  const me = all.find((y) => y.id === id) || null;
+  if (!name) name = me ? me.name : id;
   const tab = { id: 'c3-session:' + id, kind: 'term', sessionId: id, spawn: false, sess: id };
   const host = el('div', { class: 'c3t-term', 'data-c3-session-term': id });
-  const pad = makePad(id, term, tab);
-  const wrap = el('div', { class: 'c3t-tw' }, host, pad.box);
+  let term = null; let pad = null; let mounted = false;
+  const wrap = el('div', { class: 'c3t-tw', 'data-c3-view-pane': 'term' }, host);
+  const conv = convView({ id, onTerminal: () => show('term') });
+  conv.node.setAttribute('data-c3-view-pane', 'conv');
+  const list = el('nav', { class: 'c3t-cv-list', 'aria-label': 'Running sessions', 'data-c3-sess-list': '' },
+    el('div', { class: 'eyebrow' }, 'Running'),
+    ...listed(all).map((x) => c3btn({ 'aria-current': String(x.id === id), 'data-c3-sess-pick': x.id, title: x.name },
+      () => { if (x.id !== id) openSessionTerm({ id: x.id, name: x.name }); },
+    el('span', { class: 'nm' }, x.name || x.id), el('span', { class: 'sub' }, [x.agent === 'shell' ? 'Shell' : x.agent, x.shown || x.state].filter(Boolean).join(' · ')))));
+  const body = el('div', { class: 'c3t-cv', 'data-c3-session': id }, list, el('div', { class: 'c3t-cv-panes' }, conv.node, wrap));
+
   // the size control: Normal is the 600px sheet, the others are the classic dock's presets. Hidden on a phone, where the sheet is full width.
   let size = sizeOf(store.get(SIZE_KEY));
   const sizeBtns = SIZES.map(([k, label, title]) => c3btn({ 'aria-pressed': String(k === size), 'data-c3-size': k, title, 'aria-label': title }, () => setSize(k), label));
   const seg = el('div', { class: 'seg c3t-size', role: 'group', 'aria-label': 'Terminal size', 'data-c3-size-seg': '' }, ...sizeBtns);
+  let cur = firstView(me && me.agent, view);
+  const viewBtns = VIEWS.map(([k, label, title]) => c3btn({ 'aria-pressed': String(k === cur), 'data-c3-view': k, title, 'aria-label': label }, () => show(k),
+    c3ic(k === 'conv' ? 'reply' : 'term', 'sm'), el('span', { class: 'lb' }, label)));
+  const views = el('div', { class: 'seg c3t-views', role: 'group', 'aria-label': 'View', 'data-c3-view-seg': '' }, ...viewBtns);
   // the way back to every session: the Sessions panel, in place of this sheet
-  const all = c3btn({ class: 'chip2 lk', 'data-c3-all-sessions': '', title: 'All sessions: the Sessions panel' }, () => { sheet.close(); import('./c3-terminal.js').then((m) => m.openTerminalPage()); },
-    c3ic('menu', 'sm'), 'All sessions');
+  const allBtn = c3btn({ class: 'chip2 lk c3t-all', 'data-c3-all-sessions': '', title: 'All sessions: the Sessions panel', 'aria-label': 'All sessions' }, () => { sheet.close(); import('./c3-terminal.js').then((m) => m.openTerminalPage()); },
+    c3ic('menu', 'sm'), el('span', { class: 'lb' }, 'All sessions'));
   const cls = (k) => 'tsz-' + k;
   // Esc and Tab belong to the shell while the terminal has focus (Esc interrupts an agent); the close button and a press outside still close.
-  // The scratchpad is outside the terminal host, so its keys are the page's own.
-  const sheet = openSheet({ title: name || id, icon: 'term', wide: true, body: wrap, actions: [all, seg], cls: cls(size),
-    onClose: () => { pad.dispose(); term.disposeTerm(tab); }, passKeys: (e) => host.contains(e.target) });
+  // The scratchpad and the conversation are outside the terminal host, so their keys are the page's own.
+  const sheet = openSheet({ title: name || id, icon: 'term', wide: true, body, actions: [views, allBtn, seg], cls: 'c3t-ss ' + cls(size),
+    onClose: () => { conv.stop(); if (pad) pad.dispose(); if (term && mounted) term.disposeTerm(tab); }, passKeys: (e) => host.contains(e.target) });
+
+  async function mountTerminal() {
+    if (mounted) return true;
+    const [ok, t] = await Promise.all([loadVendor(), import('./tab-term.js').catch(() => null)]);
+    if (!ok || !t) { toast({ text: 'The terminal could not be loaded on this page.', tone: 'error' }); return false; }
+    if (mounted || !host.isConnected) return mounted;
+    term = t; mounted = true;
+    pad = makePad(id, term, tab);
+    wrap.append(pad.box);
+    term.mountTerm(host, tab);
+    return true;
+  }
+  async function show(k) {
+    cur = k === 'term' ? 'term' : 'conv';
+    viewBtns.forEach((b) => b.setAttribute('aria-pressed', String(b.dataset.c3View === cur)));
+    body.dataset.view = cur;
+    conv.node.hidden = cur !== 'conv'; wrap.hidden = cur !== 'term';
+    if (cur === 'conv') { conv.start(); requestAnimationFrame(() => conv.input.focus()); return; }
+    conv.stop();   // the hidden conversation does not read the transcript; it reads it again on the way back
+    if (!await mountTerminal()) return;
+    requestAnimationFrame(() => { term.refitVisible(); term.focusTerm(tab); });
+  }
   function setSize(k) {
     sheet.sheet.classList.remove(cls(size)); size = sizeOf(k); sheet.sheet.classList.add(cls(size));
     store.set(SIZE_KEY, size);
     sizeBtns.forEach((b) => b.setAttribute('aria-pressed', String(b.dataset.c3Size === size)));
-    requestAnimationFrame(() => { term.refitVisible(); requestAnimationFrame(() => term.refitVisible()); });
+    if (term) requestAnimationFrame(() => { term.refitVisible(); requestAnimationFrame(() => term.refitVisible()); });
   }
-  term.mountTerm(host, tab);
-  requestAnimationFrame(() => { term.refitVisible(); term.focusTerm(tab); });
+  await show(cur);
   return sheet;
 }

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

@@ -613,7 +613,7 @@ export function mountSettings(host, ctx = {}) {
         M.typesafe = r.key; delete M.err['typesafe.local'];
         M.localTest = { ok: !!r.started, text: r.started ? 'A terminal named Set up Laya opened with the commands typed in. Press Enter there, wait until Laya says it is running, then press Test.' : 'No terminal opened (' + (r.reason || 'unknown') + '). Run this in a terminal: ' + r.command };
         // the server only starts the session; the page must open it, or nothing appears to happen
-        if (r.started && r.session) import('./c3-session-term.js').then((m) => m.openSessionTerm({ id: r.session, name: 'Set up Laya' })).catch(() => {});
+        if (r.started && r.session) import('./c3-session-term.js').then((m) => m.openSessionTerm({ id: r.session, name: 'Set up Laya', view: 'term' })).catch(() => {});
       } else { M.localTest = null; M.err['typesafe.local'] = (r && r.error) || 'Not started.'; }
       draw();
     };