create-pmos 0.124.0 → 0.126.0

package/workspace/public/pm/c3-terminal-icons.js

@@ -0,0 +1,41 @@
+/* pm/c3-terminal-icons.js — the icon language of the agent surfaces, and the few glyphs the console3 sprite does not hold.
+ *
+ * Two glyphs, never swapped (the mockups draw them apart: agent-surfaces.html and terminal-layout.html):
+ *   AGENT  `pulse`  (the mockup's i-pulse) the agent surfaces: sessions that need you, results to accept. Header button (with the needs-you badge) and the
+ *                   dock's "Agent surfaces" button. It also means "the agent acts" everywhere else on the page (swipe right, suggested move).
+ *   TERMINAL `term` (`>_`)  a real session's terminal: the dock rail button, a session's "Open the session" link, a session row's mark.
+ * AGENT = "the interface that reads sessions for you". TERMINAL = "the raw CLI session". A button shows one or the other, with its own tooltip.
+ *
+ * The extra symbols are the mockup's own paths (agent-surfaces.html lines 168 to 184), added once under the c3i- ids c3ic() reads. A symbol
+ * another module already added is not added again. */
+import { c3ic } from './pm-work-view.js';
+
+export const ICON = { agent: 'pulse', terminal: 'term' };   // the mockup's header Sessions pill draws the pulse glyph; the rail draws the terminal glyph
+export const TIPS = {
+  agentHeader: (n) => (n ? 'Agent surfaces: ' + n + (n === 1 ? ' session needs you' : ' sessions need you') : 'Agent surfaces: sessions, results to accept, questions for you'),
+  agentDock: 'Agent surfaces: the full page of sessions that need you',
+  terminalRail: 'Sessions dock (Ctrl J): the terminals of your branches',
+  terminalOpen: 'Open the session: its real terminal, in the main app',
+};
+
+const NS = 'http://www.w3.org/2000/svg';
+const PATHS = {
+  edit: 'M4 20h4L19 9l-4-4L4 16zM13 7l4 4', book: 'M5 4h10a3 3 0 0 1 3 3v13H8a3 3 0 0 1-3-3zM5 17a3 3 0 0 1 3-3h10', flip: 'M4 8h13l-3-3M20 16H7l3 3',
+  run: 'M12 3a9 9 0 1 0 9 9', pulse: 'M3 12h4l3-7 4 14 3-7h4', chev: 'm9 6 6 6-6 6', chevl: 'm15 6-6 6 6 6', chat: 'M4 5h16v11H9l-5 4z',
+};
+let done = false;
+export function ensureTermIcons() {
+  if (done || typeof document === 'undefined') return;
+  done = true;
+  const missing = Object.keys(PATHS).filter((k) => !document.getElementById('c3i-' + k));
+  if (!missing.length) return;
+  const svg = document.createElementNS(NS, 'svg');
+  svg.setAttribute('width', '0'); svg.setAttribute('height', '0'); svg.setAttribute('aria-hidden', 'true'); svg.style.position = 'absolute';
+  for (const k of missing) {
+    const sym = document.createElementNS(NS, 'symbol'); sym.setAttribute('id', 'c3i-' + k); sym.setAttribute('viewBox', '0 0 24 24');
+    const p = document.createElementNS(NS, 'path'); p.setAttribute('d', PATHS[k]); sym.appendChild(p); svg.appendChild(sym);
+  }
+  document.body.appendChild(svg);
+}
+/** An icon element (the c3 sprite plus the extras above). */
+export function ic(name, cls) { ensureTermIcons(); return c3ic(name, cls); }

package/workspace/public/pm/c3-terminal-results.js

@@ -0,0 +1,141 @@
+/* pm/c3-terminal-results.js — what a finished run shows, by result type (agent-surfaces.html: claims, hero, fileBox, deck, table, diagram, draft).
+ *   resultNodes(result, ctx)  result = the contract's folded result ({ type, ...value }); returns the nodes under the headline.
+ * Everything from a run goes in as a text node (el() never takes HTML). An svg is never inserted: a diagram is drawn from its source.
+ * ctx = { ui, redraw, canShare }: ui is the per-run state kept outside the render (the deck slide, the table sort), redraw repaints the card. */
+import { el } from './dom.js';
+import { ic } from './c3-terminal-icons.js';
+import { normalizeCase, slideFor } from './c3-case.js';
+
+const NS = 'http://www.w3.org/2000/svg';
+const LAB = { fact: ['l-fact', 'fact'], estimate: ['l-est', 'estimate'], assumption: ['l-ass', 'assumption'], reported: ['l-rep', 'reported'] };
+const NO_CHANNEL = 'No channel is connected, so this stays a draft. Nothing is sent.';
+
+/** The label chip of one claim: its basis, or "unlabelled" when the contract marked it not ok. */
+export function labelChip(c) {
+  const l = c && c.ok !== false && LAB[c.basis] ? LAB[c.basis] : ['l-unl', 'unlabelled'];
+  return el('span', { class: 'lab ' + l[0], title: c && c.ok === false ? 'No valid label. It cannot back a message.' : null }, l[1]);
+}
+export function claimsList(list) {
+  return el('ul', { class: 'c3t-claims', role: 'list' }, (list || []).map((c) => el('li', null, labelChip(c), el('span', null, c.text, (c.source || c.range) ? el('span', { class: 'dim mono c3t-src' }, ' ' + (c.source || c.range)) : null))));
+}
+
+/** The hero of a card.update (the mockup's three: a promise-versus-forecast line, a quote, a CI strip). Anything else is not drawn. */
+export function heroNode(h) {
+  if (!h || typeof h !== 'object') return null;
+  if (h.t === 'tl' && Number.isFinite(+h.p) && Number.isFinite(+h.f)) {
+    const pos = (v) => ((v - 1) / 29 * 100).toFixed(1) + '%';
+    return el('div', { class: 'c3t-tl', role: 'img', 'aria-label': 'Promise ' + h.p + ' Nov, forecast ' + h.f + ' Nov' }, el('div', { class: 'axis' }),
+      +h.f > +h.p ? el('div', { class: 'gap', style: 'left:' + pos(+h.p) + ';width:' + (((+h.f - +h.p) / 29) * 100).toFixed(1) + '%' }) : null,
+      el('div', { class: 'mk pr', style: 'left:' + pos(+h.p) }, el('span', null, 'promise ' + h.p + ' Nov')), el('div', { class: 'mk fc', style: 'left:' + pos(+h.f) }, el('span', null, 'forecast ' + h.f + ' Nov')));
+  }
+  if (h.t === 'q') return el('blockquote', { class: 'c3t-q' }, '“' + String(h.x || '') + '”', el('cite', null, String(h.by || '')));
+  if (h.t === 'ci' && Array.isArray(h.p)) return el('div', { class: 'c3t-ci' }, ...h.p.map((s) => el('i', { class: ['ok', 'bad', 'run'].includes(s) ? s : '' })), el('span', { class: 'dim mono' }, String(h.l || '')));
+  return null;
+}
+
+/** The mockup's md(): # and ## headings, "- " bullets, **bold**, paragraphs. Built as nodes. */
+export function mdNode(text) {
+  const out = []; let ul = null;
+  const bold = (s) => String(s).split(/(\*\*[^*]+\*\*)/).map((p) => (/^\*\*[^*]+\*\*$/.test(p) ? el('b', null, p.slice(2, -2)) : p));
+  for (const l of String(text || '').split('\n')) {
+    if (l.startsWith('- ')) { if (!ul) { ul = el('ul'); out.push(ul); } ul.append(el('li', null, ...bold(l.slice(2)))); continue; }
+    ul = null;
+    if (l.startsWith('## ') || l.startsWith('# ')) out.push(el('h4', null, ...bold(l.replace(/^#+ /, '')))); else if (l.trim()) out.push(el('p', null, ...bold(l)));
+  }
+  return el('div', { class: 'c3t-md' }, ...out);
+}
+
+function fileNode(r, ctx) {
+  const body = ctx.fileBody && ctx.fileBody(r.path);
+  return el('div', { class: 'c3t-file' },
+    el('div', { class: 'fh' }, ic('doc', 'sm'), el('b', null, r.title), el('span', { class: 'chip2' }, r.media + ' · ' + (r.render || ''))),
+    body ? el('div', { class: 'fb' }, mdNode(body)) : el('div', { class: 'fb dim mono' }, 'The page does not read run files. Open the session to read it.'),
+    el('div', { class: 'dim mono ft' }, r.path + (r.sha256 ? ' · checksum ' + r.sha256 : ' · no checksum')));
+}
+
+function draftNode(r) {
+  const c = normalizeCase({ id: 'draft', outward: true, outboxReason: NO_CHANNEL, options: [{ id: 'send', l: 'Send to ' + r.to, rec: 1, outward: true }] });
+  const s = slideFor(c, 'send', { outbox: false });
+  return el('div', { class: 'c3t-draft' },
+    el('div', { class: 'draft' }, r.body),
+    claimsList(r.claims),
+    r.can_send === false ? el('div', { class: 'dim mono', style: 'color:var(--destructive)' }, 'Send is blocked: a claim in this draft has no label. Ask for evidence or retry.')
+      : el('div', { class: 'dim mono' }, ic('next', 'sm'), ' Queued for ' + r.to + '. The slide sends exactly this text (hash ' + r.hash + ', computed by the workspace, not the agent). The session cannot send.'),
+    el('div', { class: 'slt off', 'aria-disabled': 'true', 'data-draft-slide': '', style: '--tc:var(--muted-foreground)' }, el('span', { class: 'lb' }, s.label + ' ›››'),
+      el('button', { type: 'button', class: 'th', disabled: true, 'aria-label': 'Send: not available. ' + s.reason }, ic('lock'))),
+    el('div', { class: 'slt-why', role: 'note' }, ic('lock', 'sm'), s.reason));
+}
+
+function optionsNode(r) {
+  return el('div', { class: 'c3t-opts' }, (r.options || []).map((o) => el('div', { class: 'opt-r' + (o.rec ? ' rec' : '') }, el('b', null, o.label), el('span', { class: 'dim mono' }, o.when || ''), el('span', { class: 'dim mono' }, (o.cost || '') + (o.rec ? ' · suggested' : '') + (r.close_call ? ' · a close call' : '')))));
+}
+
+function deckNode(r, ctx) {
+  const ui = ctx.ui; const sl = r.slides || []; const i = Math.max(0, Math.min(sl.length - 1, ui.slide || 0)); const s = sl[i];
+  if (!s) return null;
+  const go = (d) => { ui.slide = Math.max(0, Math.min(sl.length - 1, i + d)); ctx.redraw(); };
+  const box = el('div', { class: 'c3t-dk', 'data-c3t-deck': '' },
+    el('div', { class: 'sl' }, el('h4', null, s.title), ...(s.bullets || []).map((b) => el('div', { class: 'c3t-bul' }, labelChip(b), el('span', null, b.text)))),
+    el('div', { class: 'nv' }, el('button', { type: 'button', class: 'ib sm', 'aria-label': 'Previous slide', disabled: i === 0, onclick: () => go(-1) }, ic('chevl', 'sm')), el('span', { class: 'dim mono' }, (i + 1) + ' / ' + sl.length + ' · swipe or press'),
+      el('button', { type: 'button', class: 'ib sm', 'aria-label': 'Next slide', disabled: i === sl.length - 1, onclick: () => go(1) }, ic('chev', 'sm'))));
+  let x0 = null;
+  box.addEventListener('pointerdown', (e) => { if (!e.target.closest('button')) x0 = e.clientX; });
+  box.addEventListener('pointerup', (e) => { if (x0 === null) return; const dx = e.clientX - x0; x0 = null; if (Math.abs(dx) > 50) go(dx < 0 ? 1 : -1); });
+  return el('div', { class: 'c3t-deck' }, box, el('div', { class: 'foot' },
+    r.unlabelled ? el('span', { style: 'color:var(--destructive)' }, r.unlabelled + ' bullet' + (r.unlabelled > 1 ? 's' : '') + ' without a label. Cannot be shared.') : el('span', { class: 'dim mono' }, 'All bullets labelled.'),
+    el('button', { type: 'button', class: 'pill', disabled: true, title: 'A pptx export is not built on this page. Nothing leaves the machine.' }, ic('doc', 'sm'), 'Export as pptx')));
+}
+
+function tableNode(r, ctx) {
+  const ui = ctx.ui; const cols = r.columns || []; ui.col = ui.col == null ? 1 : ui.col; ui.dir = ui.dir || -1;
+  const rows = (r.rows || []).slice().sort((a, b) => { const x = a[ui.col], y = b[ui.col]; return (typeof x === 'number' ? x - y : String(x).localeCompare(String(y))) * ui.dir; });
+  const tog = el('div', { class: 'chips2' }, el('button', { type: 'button', class: 'pill', 'aria-pressed': String(!ui.cards), onclick: () => { ui.cards = false; ctx.redraw(); } }, 'Table'), el('button', { type: 'button', class: 'pill', 'aria-pressed': String(!!ui.cards), onclick: () => { ui.cards = true; ctx.redraw(); } }, 'Cards'),
+    el('span', { class: 'dim mono' }, 'Showing ' + rows.length + ' of ' + (r.total || rows.length) + ' · tap a heading to sort'));
+  if (ui.cards) return el('div', { class: 'c3t-tbl' }, tog, el('div', { class: 'c3t-opts' }, rows.map((row) => el('div', { class: 'opt-r' }, el('b', null, String(row[0])), el('span', { class: 'dim mono' }, row.slice(1, 2).join('') + (cols[1] ? ' ' + cols[1].label : '')), el('span', { class: 'dim mono' }, row.slice(2).join(' · '))))));
+  const head = el('tr', null, cols.map((c, i) => el('th', { class: c.type === 'number' ? 'n' : '', 'aria-sort': ui.col === i ? (ui.dir > 0 ? 'ascending' : 'descending') : 'none' },
+    el('button', { type: 'button', class: 'c3t-th', onclick: () => { ui.dir = ui.col === i ? -ui.dir : 1; ui.col = i; ctx.redraw(); } }, c.label + (ui.col === i ? (ui.dir > 0 ? ' ▲' : ' ▼') : '')))));
+  return el('div', { class: 'c3t-tbl' }, tog, el('div', { class: 'tw' }, el('table', { class: 'tbl' }, head, rows.map((row) => el('tr', null, row.map((v, i) => el('td', { class: cols[i] && cols[i].type === 'number' ? 'n' : '' }, v == null ? '' : String(v))))))));
+}
+
+/** A mermaid "graph LR" of edges, drawn as layers (the longest chain in the accent). Anything it cannot read stays as source text. */
+function diagramNode(r) {
+  const src = String(r.source || '');
+  const edges = []; const names = [];
+  for (const part of src.replace(/^\s*(graph|flowchart)\s+\w+\s*;?/i, '').split(/[;\n]/)) {
+    const m = /^\s*([\w-]+)\s*-->\s*([\w-]+)\s*$/.exec(part);
+    if (m) { edges.push([m[1], m[2]]); for (const n of [m[1], m[2]]) if (!names.includes(n)) names.push(n); }
+  }
+  const text = el('details', { class: 'c3t-src' }, el('summary', { class: 'chips2 dim' }, ic('chev', 'sm'), 'Source (' + r.kind + ')'), el('div', { class: 'raw' }, src));
+  if (r.kind !== 'mermaid' || !edges.length) return el('div', { class: 'c3t-dg' }, el('div', { class: 'dim mono' }, 'The diagram is shown as its source: this page draws only edge lists.'), text);
+  const depth = {}; const longest = {};
+  const lay = (n, seen = []) => { if (depth[n] != null) return depth[n]; if (seen.includes(n)) return 0; const ins = edges.filter((e) => e[1] === n).map((e) => e[0]); depth[n] = ins.length ? 1 + Math.max(...ins.map((x) => lay(x, seen.concat(n)))) : 0; return depth[n]; };
+  names.forEach((n) => lay(n));
+  const maxD = Math.max(...Object.values(depth));
+  const end = names.find((n) => depth[n] === maxD); let cur = end; longest[cur] = 1;
+  while (cur) { const prev = edges.map((e) => e).filter((e) => e[1] === cur && depth[e[0]] === depth[cur] - 1)[0]; cur = prev && prev[0]; if (cur) longest[cur] = 1; }
+  const rowOf = {}; const cnt = {};
+  names.forEach((n) => { cnt[depth[n]] = (cnt[depth[n]] || 0); rowOf[n] = longest[n] ? 0 : (cnt[depth[n]] += 1); });
+  const W = 120, H = 40, GX = 150, GY = 62; const maxRow = Math.max(...Object.values(rowOf));
+  const pt = (n) => ({ x: 10 + depth[n] * GX, y: 10 + rowOf[n] * GY });
+  const svg = document.createElementNS(NS, 'svg'); svg.setAttribute('viewBox', '0 0 ' + (20 + maxD * GX + W) + ' ' + (20 + maxRow * GY + H)); svg.setAttribute('role', 'img'); svg.setAttribute('aria-label', r.title || 'Diagram');
+  const mk = (tag, a, txt) => { const n = document.createElementNS(NS, tag); for (const k of Object.keys(a)) n.setAttribute(k, a[k]); if (txt) n.textContent = txt; svg.appendChild(n); return n; };
+  for (const [a, b] of edges) { const p = pt(a), q = pt(b); const cp = longest[a] && longest[b] && depth[b] === depth[a] + 1; mk('path', { d: 'M' + (p.x + W) + ' ' + (p.y + H / 2) + 'L' + q.x + ' ' + (q.y + H / 2), class: cp ? 'ec' : 'ed' }); }
+  for (const n of names) { const p = pt(n); mk('rect', { x: p.x, y: p.y, width: W, height: H, rx: 8, class: 'nd' + (longest[n] ? ' cp' : '') }); mk('text', { x: p.x + W / 2, y: p.y + H / 2 + 4, 'text-anchor': 'middle' }, n); }
+  return el('div', { class: 'c3t-dg' }, el('div', { class: 'dg' }, svg), text, el('div', { class: 'dim mono' }, 'The longest chain is blue. Drawn here from its source; the page loads nothing from the network.'));
+}
+
+export function resultNodes(r, ctx) {
+  if (!r) return [];
+  switch (r.type) {
+    case 'card.update': return [r.hero ? heroNode(r.hero) : null, claimsList(r.claims), r.chip ? el('div', { class: 'chips2' }, el('span', { class: 'chip2 ok' }, r.chip)) : null];
+    case 'evidence': return [claimsList(r.claims)];
+    case 'options': return [optionsNode(r)];
+    case 'draft': return [draftNode(r)];
+    case 'note': return [el('p', { class: 'c3t-note' }, r.note)];
+    case 'file': return [fileNode(r, ctx)];
+    case 'deck': return [deckNode(r, ctx)];
+    case 'table': return [tableNode(r, ctx)];
+    case 'diagram': return [diagramNode(r)];
+    default: return [el('p', { class: 'dim mono' }, 'A result of type ' + String(r.type) + ' that this page does not draw.')];
+  }
+}

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

@@ -0,0 +1,52 @@
+/* pm/c3-terminal.js — the Terminal page: the agent surfaces of agent-surfaces.html, opened by the header's agent button (spark, with the needs-you badge).
+ *   openTerminalPage({ tab })   closeTerminalPage()
+ * One wide sheet (c3-sheet.js: Esc closes, focus is kept inside, a bottom sheet on a phone) with the mockup's two views:
+ *   Sessions     On a card, Started by me, Past (7 days, with the observed / reported / you timeline), Automatic (hidden until switched on): sessions-panel.js,
+ *                every run a card (run-card.js) with its strip, its questions, its permission cards, its result and next moves.
+ *   Edge cases   the mockup's cases, one card each: c3-terminal-edge.js (example data, also in real mode).
+ * The mockup's third view, "Structure", is the design note (how a session is read); it is not drawn on the page.
+ * Real mode reads GET /api/runs and records presses; demo mode (the sample content) answers from c3-demo-term.js. Nothing here sends anything outward. */
+import { el } from './dom.js';
+import { openSheet, closeSheet } from './c3-sheet.js';
+import { ic } from './c3-terminal-icons.js';
+import { source, isDemo } from './c3-terminal-data.js';
+import { mountSessions, disposeSessions } from './sessions-panel.js';
+import { mountEdge, disposeEdge } from './c3-terminal-edge.js';
+
+const TABS = [['sessions', 'Sessions', 'pulse'], ['edge', 'Edge cases', 'alert']];
+const NEXT = [['', 'replies normally'], ['noresult', 'ends with no result'], ['rejected', 'is unreadable'], ['quiet', 'goes quiet'], ['unlabelled', 'has an unlabelled claim'], ['prose', 'answers in plain text'], ['attention', 'needs a sign-in'], ['crashed', 'crashes']];
+let sheet = null;
+
+export function closeTerminalPage() { if (sheet) closeSheet(); }
+
+export async function openTerminalPage(o = {}) {
+  const src = source();
+  const st = { tab: o.tab === 'edge' ? 'edge' : 'sessions' };
+  const host = el('div', { class: 'c3t-host', 'data-c3t': 'host' });
+  const seg = el('div', { class: 'seg', role: 'group', 'aria-label': 'Agent surfaces view', 'data-c3t': 'tabs' });
+  const note = el('div', { class: 'dim mono c3t-note', 'data-c3t': 'note' });
+  const demoBar = src.demo ? el('div', { class: 'chips2 c3t-demo', 'data-c3t': 'demo-controls' },
+    el('label', { class: 'dim mono', for: 'c3t-next' }, 'Demo: next reply'),
+    el('select', { id: 'c3t-next', 'aria-label': 'How the next reply ends', onchange: (e) => src.setNext(e.target.value) }, NEXT.map(([v, l]) => el('option', { value: v }, l))),
+    el('button', { type: 'button', class: 'pill', 'data-c3t': 'fire', onclick: () => src.fire() }, ic('bolt', 'sm'), 'Fire a detector')) : null;
+  let fx = null;
+  const draw = async () => {
+    seg.replaceChildren(...TABS.map(([id, label, icon]) => el('button', { type: 'button', 'aria-pressed': String(st.tab === id), 'data-c3t-tab': id, onclick: () => { if (st.tab !== id) { st.tab = id; draw(); } } }, ic(icon, 'sm'), label)));
+    disposeSessions(host); disposeEdge(host);
+    if (demoBar) demoBar.hidden = st.tab !== 'sessions';
+    if (st.tab === 'sessions') {
+      note.textContent = isDemo() ? 'Example data. A swipe right accepts a finished result, a swipe left opens the reply tray. Tap the corner icon to flip a card.' : 'Your runs, read from this workspace. A run is a real CLI session; the page reads its replies and records your presses. Nothing is sent outward.';
+      mountSessions(host, {});
+    } else {
+      note.textContent = '';
+      if (!fx) { try { fx = (await import('./c3-demo-term.js')).FX; } catch { fx = null; } }
+      if (st.tab !== 'edge') return;
+      if (fx) mountEdge(host, fx); else host.replaceChildren(el('p', { class: 'dim mono', role: 'status' }, 'The examples could not be loaded.'));
+    }
+  };
+  const body = [el('div', { class: 'c3 c3e c3t c3t-page', 'data-c3t': 'page' }, el('div', { class: 'chips2', style: 'justify-content:space-between' }, seg, demoBar), note, host)];
+  const s = openSheet({ title: 'Agent surfaces', icon: 'pulse', dw: true, body, onClose: () => { disposeSessions(host); disposeEdge(host); sheet = null; } });
+  sheet = s;
+  await draw();
+  return s;
+}

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

@@ -0,0 +1,163 @@
+/* pm/c3-tickets.js — the Tickets sub-view of Initiatives on /c3.html (console3.html patch at lines 3764 to 3860 and 4488: tkRow, list20, the
+ * "Open points by owner" card, raciCard and the agent-drafts card).
+ * Tickets are JIRA ONLY and their status is MIRRORED, read-only: the server never reads Jira (D53). The rows come from the cached Jira
+ * read the My work route serves: GET /api/my-work, the items with source 'jira' (id jira:KEY, key, title, status, category todo|doing|done,
+ * due, estimate, blocks, open, initiative). Nothing on this view writes.
+ * Real: key, title, status, category, due, estimate (XS 1, S 2, M 3, L 5, XL 8 points), blocks, initiative; "late" is an overdue date.
+ * Optional fields the real read does not carry (owner, pts, forecast_due, blocker, critical, in_work) and the cards `raci` and `drafts`
+ * are drawn only when present: the demo's fixtures carry them, a real read does not, so real mode never shows an invented owner or draft.
+ * Late or at risk = a forecast past the due date, an overdue date, or a named blocker. */
+import { el } from './dom.js';
+import { pmGet, pmPost } from './http.js';
+import { c3ic } from './pm-work-view.js';
+import { makeView, frame, hBars, card, listCard, emptyRow, dayLabel, short, rowShell, caseNode, markDone, say } from './c3-init-extras.js';
+
+const SIZE_PTS = { XS: 1, S: 2, M: 3, L: 5, XL: 8 };
+const OWN_COL = ['var(--acc)', 'var(--success)', 'var(--purple)', 'var(--warning)', 'var(--muted-foreground)', 'var(--destructive)'];
+const dayNum = (iso) => Math.round(Date.parse(String(iso).slice(0, 10) + 'T00:00:00Z') / 86400000);
+
+/** One ticket the view draws: the my-work item plus the derived state (late days, late or at risk). */
+export function ticketOf(it, today) {
+  const due = it.due || null; const fc = it.forecast_due || due;
+  const slip = due && fc ? Math.max(0, dayNum(fc) - dayNum(due)) : 0;
+  const over = !slip && due && today && it.category !== 'done' && dayNum(today) > dayNum(due) ? dayNum(today) - dayNum(due) : 0;
+  const risk = it.category !== 'done' && (it.blocker || (it.blocks > 0) || (it.open && it.open.length));
+  const bad = it.category !== 'done' && (slip > 0 || over > 0 || !!it.blocker);
+  return { ...it, due, fc, slip, over, bad, risk: !!risk, owner: it.owner || null, pts: it.pts != null ? it.pts : (SIZE_PTS[it.estimate] || null) };
+}
+export const jiraTickets = (j) => ((j && j.items) || []).filter((i) => i.source === 'jira').map((i) => ticketOf(i, j.today));
+
+const goTab = (V, k) => { const b = V.ctx.links && V.ctx.links.querySelector && V.ctx.links.querySelector('[data-c3-link=' + k + ']'); if (b) b.click(); };
+const mineish = (t) => !t.owner || /^(wawan|you)$/i.test(t.owner);
+
+/** The case file of a ticket (console3.html genTk, line 3770). READ-ONLY: Jira owns status, dates and owners; this page never changes them.
+ *  "Take it into today" is the page's own Work list (a page press); a nudge goes outside, so its slide is disabled until a channel is connected. */
+function caseOf(V, t) {
+  const chg = [];
+  if (t.blocker) chg.push(['alert', t.blocker, 'Jira', 'bad']);
+  if (t.slip > 0) chg.push(['clock', 'Forecast ' + dayLabel(t.fc) + ', ' + t.slip + ' day' + (t.slip === 1 ? '' : 's') + ' after plan', 'timeline', 'warn']);
+  else if (t.over > 0) chg.push(['clock', 'Overdue by ' + t.over + ' day' + (t.over === 1 ? '' : 's') + ', due ' + dayLabel(t.due), 'Jira', 'bad']);
+  if (t.critical) chg.push(['flag', 'On the critical path: it moves the ship date', 'path']);
+  if (t.in_work) chg.push(['check', 'Also in your Work list', 'Work']);
+  if (!chg.length) chg.push(['check', t.due ? 'On plan, due ' + dayLabel(t.fc || t.due) : 'No date in Jira', 'timeline', t.due ? 'ok' : '']);
+  chg.push(['lock', 'Status, dates and owner are Jira’s: ' + (t.status || 'no status read') + (t.owner ? ', ' + t.owner : ''), 'Jira, read-only']);
+  const opts = [];
+  if (!t.in_work && t.category !== 'done') opts.push({ id: 'tk', l: 'Take it into today', rec: mineish(t), fx: [['check', 'Appears in your Work list', 'ok']] });
+  if (t.category !== 'done' && !mineish(t)) opts.push({ id: 'nd', l: 'Ask ' + t.owner + ' for an update', rec: t.slip > 0 || !!t.blocker, outward: true, fx: [['reply', 'A draft to ' + t.owner, 'ok'], ['out', 'Goes out only by your slide', 'warn']] });
+  opts.push({ id: 'ok', l: 'Leave it', fx: [] });
+  const model = { sit: t.why || 'Ticket ' + t.key + (t.initiative ? ' in ' + (V.ctx.rows || []).reduce((n, r) => (r.id === t.initiative ? r.title : n), t.initiative) : '') + (t.owner ? ', owned by ' + t.owner : '') + '. Jira owns it: a change here is only ever a proposal.',
+    conf: Math.round(72 + (t.slip > 0 ? 6 : 10)), chg, opts, cta: 'Slide to confirm', outboxReason: 'This message goes outside. No channel is connected, so it stays a draft and nothing is sent.' };
+  return caseNode(V, 'tk:' + t.key, model, { onConfirm: (o) => decide(V, t, o) });
+}
+
+async function takeIntoToday(V, t) {
+  const r = await pmPost('/api/pm-items/add', { line: t.title + ' (' + t.key + ') today' });
+  if (!r || !r.ok) { say((r && r.error) || 'Not added to Work.'); return null; }
+  const id = r.item && r.item.id;
+  return () => (id ? pmPost('/api/pm-items/remove', { id }) : null);
+}
+async function decide(V, t, o) {
+  if (o.id === 'tk') {
+    const undo = await takeIntoToday(V, t); if (undo === null) return;
+    say('In your Work list for today.', undo); markDone(V, 'tk:' + t.key, 'Added to your Work list for today.', undo);
+  } else markDone(V, 'tk:' + t.key, 'Left as it is. No change.');
+}
+
+function row(V, t) {
+  const col = t.category === 'done' ? 'var(--success)' : t.bad ? 'var(--destructive)' : t.risk ? 'var(--warning)' : 'var(--success)';
+  const word = t.category === 'done' ? 'Done' : t.slip ? 'Delayed +' + t.slip + ' d' : t.over ? 'Overdue ' + t.over + ' d' : t.risk ? 'At risk' : 'On time';
+  const wcol = t.category === 'done' ? 'var(--success)' : t.slip || t.over ? 'var(--destructive)' : t.risk ? 'var(--warning)' : 'var(--success)';
+  const icon = t.category === 'done' ? 'check' : t.bad ? 'clock' : 'check';
+  /* the swipe (console3.html line 3879): right takes it into today, left drafts a nudge to the owner. A nudge goes outside: no channel, so nothing is sent. */
+  const sw = {
+    labelRight: 'take it into today', labelLeft: t.owner && !mineish(t) ? 'draft a nudge to ' + t.owner : 'nothing to nudge', iconRight: 'sun', iconLeft: 'bolt',
+    onRight: async () => { if (t.in_work || t.category === 'done') { say('Already in Work'); return; } const undo = await takeIntoToday(V, t); if (undo) { say('In your Work list for today', undo); markDone(V, 'tk:' + t.key, 'Added to your Work list for today.', undo); } },
+    onLeft: () => say(t.owner && !mineish(t) ? (window.__c3demo ? 'Nudge drafted for ' + t.owner : 'A nudge to ' + t.owner + ' goes outside. No channel is connected, so nothing was drafted or sent.') : 'Nothing to nudge: the ticket is yours or has no owner.'),
+  };
+  return rowShell(V, { key: 'tk:' + t.key, attrs: { 'data-in-ticket': t.key, 'data-id': t.key, 'data-tk': '1' }, icon, iconColor: col, sw, xpContent: caseOf(V, t),
+    titleNode: el('span', { class: 'tt' }, t.critical ? el('span', { class: 'st bad', title: 'On the critical path', style: 'margin-right:6px' }, c3ic('flag', 'sm')) : null, t.title),
+    chips: [el('span', { class: 'chip2 mono' }, t.key),
+      el('span', { class: 'chip2', style: 'color:' + wcol }, word),
+      t.owner ? el('span', { class: 'chip2' }, el('span', { class: 'av' }, t.owner.slice(0, 1)), t.owner) : null,
+      t.fc ? el('span', { class: 'chip2' }, c3ic('cal', 'sm'), dayLabel(t.fc)) : null,
+      t.blocker && t.category !== 'done' ? el('span', { class: 'st warn' }, c3ic('alert', 'sm'), t.blocker) : null,
+      t.in_work ? el('button', { type: 'button', class: 'chip2 lk', 'data-gowork': t.key, onclick: () => goTab(V, 'work') }, c3ic('check', 'sm'), 'In Work') : null,
+      t.status && !t.owner ? el('span', { class: 'chip2' }, t.status) : null,
+      el('span', { class: 'tag' }, 'Jira')] });
+}
+
+function raciCard(R) {
+  const cell = (v) => el('span', { class: 'c ' + v }, v);
+  return card('org', 'Who does what', 'responsible, accountable, consulted, informed',
+    el('div', { class: 'rcg' }, el('span'), ...R.people.map((p) => el('span', { class: 'h' }, p.slice(0, 3))),
+      ...R.rows.flatMap((r) => [el('span', null, r.title), ...r.cells.map(cell)])),
+    el('ul', { class: 'chgl' }, R.notes.map((n) => el('li', { class: n.tone }, c3ic('alert', 'sm'), el('span', null, n.text)))));
+}
+
+function load(V) {
+  pmGet('/api/my-work').then((j) => {
+    if (V.disposed) return;
+    V.data = { j: j && j.ok ? j : null, err: j && j.ok ? null : (j && j.error) || 'The Jira read could not be reached.' };
+    V.render();
+  }, () => { V.data = { j: null, err: 'The Jira read could not be reached.' }; V.render(); });
+}
+
+function render(V) {
+  const D = V.data;
+  const all = D && D.j ? jiraTickets(D.j) : [];
+  const T = V.scope ? all.filter((t) => t.initiative === V.scope) : all;
+  const bad = T.filter((t) => t.bad || t.risk);
+  const sorted = (f) => T.filter(f).sort((a, b) => String(a.fc || '9').localeCompare(String(b.fc || '9')));
+  const late = sorted((t) => t.category !== 'done' && (t.bad || t.risk));
+  const doing = sorted((t) => t.category === 'doing' && !late.includes(t));
+  const todo = sorted((t) => t.category === 'todo' && !late.includes(t));
+  const done = sorted((t) => t.category === 'done');
+  const reading = !D;
+  const none = !reading && !all.length;
+  const head = reading ? { icon: 'check', h: 'Reading the Jira tickets', s: 'Tickets live in Jira. The agent proposes, you accept.', ring: [0, 1] }
+    : none ? { icon: 'check', h: 'No Jira tickets read yet', s: D.err || 'The agent has not read Jira yet. A read from My work in the main app fills this view.', ring: [0, 1] }
+      : { icon: 'check', h: T.length + ' Jira ticket' + (T.length === 1 ? '' : 's') + ', ' + bad.length + ' late or at risk', s: 'Tickets live in Jira. The agent proposes, you accept.', ring: [done.length, T.length] };
+
+  const left = [];
+  if (reading) left.push(listCard('check', 'Tickets', null, '', [emptyRow('clock', 'Reading the Jira tickets.', { role: 'status' })]));
+  else if (none) left.push(listCard('check', 'Tickets', 0, 'Jira only, read-only', [emptyRow('moon', 'The agent has not read Jira yet, so there are no tickets to show. Nothing here is invented.', { 'data-in-empty': '' })]));
+  else if (!T.length) left.push(listCard('check', 'Tickets', 0, 'Jira only, read-only', [emptyRow('check', 'No Jira ticket belongs to this initiative.', { 'data-in-empty': '' })]));
+  else {
+    if (late.length) left.push(listCard('alert', 'Late or at risk', late.length, '', late.map((t) => row(V, t)), { 'data-in-list': 'late' }));
+    if (doing.length) left.push(listCard('clock', 'Doing', doing.length, '', doing.map((t) => row(V, t)), { 'data-in-list': 'doing' }));
+    if (todo.length) left.push(listCard('moon', 'To do', todo.length, '', todo.map((t) => row(V, t)), { 'data-in-list': 'todo' }));
+    if (done.length) left.push(listCard('check', 'Done', done.length, '', done.map((t) => row(V, t)), { 'data-in-list': 'done' }));
+  }
+
+  const right = [];
+  if (T.length) {
+    const by = {};
+    T.forEach((t) => { if (t.category !== 'done') { const o = t.owner || 'You'; by[o] = (by[o] || 0) + (t.pts || 0); } });
+    const names = Object.keys(by).sort((a, b) => by[b] - by[a]);
+    const mx = Math.max(1, ...names.map((n) => by[n]));
+    if (names.some((n) => by[n] > 0)) right.push(card('user', 'Open points by owner', '', hBars(names.map((n, i) => [n, by[n] / mx, OWN_COL[i % OWN_COL.length], by[n] + ' pts']))));
+  }
+  if (D && D.j && D.j.raci) right.push(raciCard(D.j.raci));
+  if (D && D.j && Array.isArray(D.j.drafts) && D.j.drafts.length) {
+    right.push(card('plus', 'Agent drafts', 'propose only, you accept',
+      el('ul', { class: 'chgl' }, D.j.drafts.map((t) => el('li', { class: 'warn' }, c3ic('plus', 'sm'), el('span', null, t.title + ' · ' + t.pts + ' pts')))),
+      el('div', { class: 'dim', style: 'font-size:var(--fs-2)' }, 'Nothing reaches Jira until you accept. Slide the card in the deck.')));
+  }
+  if (!right.length) right.push(card('info', 'Read-only mirror', '', el('ul', { class: 'chgl' },
+    el('li', null, c3ic('lock', 'sm'), el('span', null, 'Status, dates and owners are Jira’s. This view never writes to Jira.')),
+    el('li', null, c3ic('clock', 'sm'), el('span', null, 'The agent reads Jira with your connection and the server keeps the last read.')))));
+  const readAt = D && D.j && D.j.read_at;
+  if (readAt) right.push(el('p', { class: 'dim mono', style: 'font-size:var(--fs-2)', 'data-in-readat': '' }, 'Last read of Jira: ' + short(readAt, 25)));
+  frame(V, { head, left, right });
+}
+
+const view = makeView('tickets', { init: load, render });
+export const mount = view.mount;
+export const dispose = view.dispose;
+
+/** The count on the Tickets button: the Jira tickets that are late or at risk. */
+export async function badge(ctx) {
+  const j = await pmGet('/api/my-work' + (ctx && ctx.ws ? '?ws=' + encodeURIComponent(ctx.ws) : ''));
+  if (!j || !j.ok) return null;
+  return jiraTickets(j).filter((t) => t.category !== 'done' && (t.bad || t.risk)).length;
+}