create-pmos 0.179.0 → 0.180.0

package/workspace/public/pm/c3-report-setup.js

@@ -0,0 +1,260 @@
+/* pm/c3-report-setup.js — the REPORTS tab of the console3 Reports page (initiative report-workspace; mockup 41-reportsetup.js, hashes #rs, #rs-ask, #rs-proposal, #rs-cycles,
+ * #reports-documents, #dash-send). Top to bottom: the rule line, Ask PMOS, Found in your work, Set up, Documents.
+ *
+ *   mountReportSetup(host, ctx) -> { dispose, refresh }    ctx = { ws }
+ *   openSendSheet({ ws, key, title, charts, onDone })      "Send this as a report…" from a dashboard: a prefilled set-up sheet
+ *   openReportDoc(doc, mode)                               a report cycle in the document sheet (c3-doc-sheet.js, report option)
+ *   openFindingSheet(id, change)                           the proposal of one finding, as a sheet
+ *
+ * Reads and presses are c3-report-store.js. Nothing here sends anything: Set up, Create the copy, Update the copy and Download happen only on a press.
+ * A report is a document: Open on a row opens its markdown file in the document sheet, in the format of its output. */
+import { el } from './dom.js';
+import { icon, pbtn, chip, tag, sect, put, list, empty, lk, btn } from './c3-ini-ui.js';
+import { openSheet, closeSheet } from './c3-sheet.js';
+import { openDocSheet } from './c3-doc-sheet.js';
+import { toast } from './c3-toast.js';
+import { FORMATS, OUTPUTS, formatOf, ensureReportCss } from './c3-doc-formats.js';
+import { RS, onReports, loadReports, askPmos, changeIt, cancelAsk, setupFrom, dismissLater, pauseResume, fromDashboard, goTo, evidenceKind, normProposal, scheduleLabel, nextDraftDate, dayText, docsOf, outChip, copyChip, srcChip } from './c3-report-store.js';
+
+const MON = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+/** 'Wed 21 Oct 2026' for a day, 'Oct 2026' for a month, any other slot as it is. */
+export function slotText(slot) {
+  const s = String(slot || '');
+  let m = /^(\d{4})-(\d{2})-(\d{2})/.exec(s); if (m) return dayText(s) + ' ' + m[1];
+  m = /^(\d{4})-(\d{2})$/.exec(s); if (m) return MON[+m[2] - 1] + ' ' + m[1];
+  return s;
+}
+const vText = (v) => (v == null || v === '' ? '' : /^\d+$/.test(String(v)) ? 'v' + v : String(v));
+const lbl = (t) => el('div', { class: 'dim mono rs-lbl' }, t);
+const help = (...k) => el('div', { class: 'dim rs-help' }, ...k);
+const li = (ic, kids, right) => el('li', null, icon(ic, 'sm'), el('span', null, ...[].concat(kids)), right ? el('span', { class: 'dim' }, right) : el('span'));
+const kv = (pairs) => el('dl', { class: 'rs-kv' }, pairs.filter(Boolean).map(([k, v]) => [el('dt', null, k), el('dd', null, ...[].concat(v))]));
+const stag = (d) => el('span', { class: 'tag ' + (d.state === 'issued' ? 'ok' : 'acc'), 'data-rs-state': d.state }, d.state === 'issued' ? 'Issued' : 'Draft');
+
+/* ── one proposal, drawn the same in the sheet and in the Ask card ── */
+const view = (key, P) => { const notes = (RS.chg[key] && RS.chg[key].notes) || []; return { ...P, output: (RS.edit[key] && RS.edit[key].output) || P.output, ...(notes.length ? { notes } : {}) }; };
+function foundList(P) {
+  return [P.found.length ? el('ul', { class: 'chgl' }, P.found.map((e) => { const [ic, nm] = evidenceKind(e.kind); return li(ic, [el('b', null, nm), ' ' + e.text], e.when); }))
+    : el('div', { class: 'fold' }, icon('info', 'sm'), ' PMOS found no earlier copy or event for this. It works from your words.'),
+  el('div', { class: 'fold' }, icon('shield', 'sm'), ' PMOS read mail subjects and recipient counts only. It did not open any message body.')];
+}
+function outSeg(key, P, redo) {
+  return [el('div', { class: 'seg', role: 'group', 'aria-label': 'Output' }, OUTPUTS.map((k) => btn({ 'data-rs-act': 'out', 'data-v': k, 'aria-pressed': String(P.output === k),
+    onclick: () => { RS.edit[key] = { ...(RS.edit[key] || {}), output: k }; redo(); } }, FORMATS[k].l))),
+  help('PMOS shows it in the same format here. It writes to Google or Confluence only when you press Update the copy.')];
+}
+function proposed(key, P, redo) {
+  const sch = P.schedule && typeof P.schedule === 'object' ? P.schedule : null; const first = sch ? nextDraftDate(sch) : null;
+  const lines = (RS.chg[key] && RS.chg[key].notes) || [];
+  return kv([['Name', P.name || ''], ['Purpose', P.purpose || ''], ['Audience', P.audience || ''], ['Output', outSeg(key, P, redo)],
+    ['Schedule', [P.label || scheduleLabel(sch), first ? el('span', { class: 'dim' }, ' First draft ' + dayText(first)) : sch && !sch.day && !sch.dayOfMonth ? el('span', { class: 'dim' }, ' First draft not set yet') : null]],
+    ['Sources it will read', P.sources.join(', ') || 'Your earlier copies'],
+    ['Sections in order', P.sections.length ? el('ol', null, P.sections.map((s) => el('li', null, typeof s === 'string' ? s : s.name || s.title || ''))) : 'PMOS learns them from your earlier copies'],
+    lines.length ? ['Your changes', lines.join('. ')] : null]);
+}
+const learnedBlock = (P) => (P.learned ? [el('div', { class: 'chips' }, chip(icon('doc', 'sm'), P.learned.name)), P.learned.why ? help(P.learned.why) : null] : help('PMOS found no earlier copy to learn from.'));
+const fixesList = (P) => (P.fixes.length ? el('ul', { class: 'chgl' }, P.fixes.map((f) => li('check', [String(f)]))) : help('No fix is needed.'));
+function changeBox(key, id, redo) {
+  const st = RS.chg[key] || {};
+  const said = st.said ? el('div', { class: 'chips' }, chip(icon('user', 'sm'), 'You: ' + st.said)) : null;
+  if (!st.open) return said;
+  const inp = el('input', { type: 'text', 'data-rs-reply': key, placeholder: 'Tell PMOS what to change, for example: draft it on Tuesday instead', 'aria-label': 'Tell PMOS what to change', autocomplete: 'off',
+    onkeydown: (e) => { if (e.key === 'Enter') go.click(); } });
+  const go = pbtn('primary', 'Update', 'reply', { 'data-rs-act': 'send', onclick: async () => {
+    const v = inp.value.trim(); if (!v) { inp.focus(); return; }
+    /* the change call takes an ask id; a finding has none, so its change is kept as a note that goes with the proposal at Set up */
+    const isAsk = RS.asks.some((x) => x.id === id);
+    const r = isAsk ? await changeIt(id, v) : { ok: true }; if (!r || !r.ok) return;
+    RS.chg[key] = { open: false, said: v, changed: true, notes: isAsk ? [] : [...((RS.chg[key] && RS.chg[key].notes) || []), v] };
+    toast(isAsk ? 'Sent. PMOS revises the proposal. Set it up when it reads right.' : 'Noted. It goes with the proposal when you set it up.'); redo(); } });
+  return [said, el('div', { class: 'form' }, inp, go, pbtn('ghost', 'Cancel', null, { 'data-rs-act': 'cancel-change', onclick: () => { RS.chg[key] = { ...st, open: false }; redo(); } }))];
+}
+const confTag = (c) => el('span', { class: 'tag ' + (c === 'not-sure' ? 'warn' : 'acc'), 'data-rs-conf': c || '' }, c === 'not-sure' ? 'Not sure' : c === 'likely' ? 'Likely' : 'Matched');
+
+/* ── a finding, as a sheet ── */
+export function openFindingSheet(id, change) {
+  const f0 = RS.findings.find((x) => x.id === id); if (!f0) return;
+  if (change) RS.chg[id] = { ...(RS.chg[id] || {}), open: true };
+  const body = el('div', { class: 'rs' });
+  const paint = () => {
+    const f = RS.findings.find((x) => x.id === id); if (!f || RS.hidden.has(id)) { closeSheet(); return; }
+    const P = view(id, normProposal(f.proposal)); const st = RS.chg[id] || {}; const cb = changeBox(id, id, paint);
+    put(body, el('div', { class: 'calbody brief rs', 'data-rs-sheet': id },
+      el('div', { class: 'lh' }, el('span', { class: 'ki' }, icon('report')), el('div', { class: 'rs-min0' }, el('b', null, f.name), el('div', { class: 'dim' }, f.why || '')),
+        el('span', { class: 'chips2' }, confTag(f.confidence), st.changed ? el('span', { class: 'tag acc' }, 'Changed') : null)),
+      sect({ ic: 'search', title: 'What PMOS found', count: P.found.length }, ...foundList(P)),
+      sect({ ic: 'report', title: 'Proposed report' }, proposed(id, P, paint)),
+      sect({ ic: 'doc', title: 'Learned from' }, ...[].concat(learnedBlock(P))),
+      sect({ ic: 'check', title: 'Fixes it will apply', count: P.fixes.length }, fixesList(P)),
+      cb ? sect({ ic: 'edit', title: 'Your change' }, ...[].concat(cb)) : null,
+      el('div', { class: 'chips2' }, pbtn('primary', 'Set up', 'check', { 'data-rs-act': 'setup', onclick: async () => { const r = await setupFrom({ finding: id, proposal: P }); if (r && r.ok) closeSheet(); } }),
+        pbtn('outline', 'Change first', 'edit', { 'data-rs-act': 'change', onclick: () => { RS.chg[id] = { ...(RS.chg[id] || {}), open: true }; paint(); } }),
+        pbtn('ghost', 'Not a report', 'x', { 'data-rs-act': 'dismiss', onclick: () => { closeSheet(); dismissLater(id); } })),
+      help('PMOS reads your past copies to learn the sections. It drafts only; you issue.')));
+  };
+  const off = onReports(paint);
+  openSheet({ title: 'Report found: ' + f0.name, icon: 'report', wide: true, body, onClose: off });
+  paint();
+}
+
+/* ── Ask PMOS ── */
+function askCard(a, redo) {
+  const key = a.id; const st = RS.chg[key] || {};
+  const head = el('div', { class: 'chips' }, chip(icon('user', 'sm'), 'You: ' + a.text), a.changed || st.changed ? el('span', { class: 'tag acc', 'data-rs-changed': '' }, 'Changed') : null);
+  const attrs = { 'data-rs-card': a.id, 'data-rs-ask-state': a.state, 'aria-label': 'PMOS answer' };
+  if (a.state === 'running') {
+    return sect({ ic: 'spark', title: 'PMOS answer', attrs, right: el('span', { class: 'tag' }, 'Working') }, el('div', { class: 'rs-stack' }, head,
+      el('div', { class: 'fold', role: 'status', 'data-rs-running': '' }, icon('clock', 'sm'), ' PMOS is reading your earlier copies and the report definitions. This takes a minute. You can leave this page.'),
+      el('div', { class: 'chips2' }, pbtn('ghost', 'Cancel', 'x', { 'data-rs-act': 'cancel-ask', onclick: async () => { const r = await cancelAsk(a.id); if (r && r.ok) toast('Cancelled. Nothing was set up.'); } }))));
+  }
+  if (a.state === 'failed') {
+    return sect({ ic: 'spark', title: 'PMOS answer', attrs }, el('div', { class: 'rs-stack' }, head,
+      el('div', { class: 'fold w', role: 'alert', 'data-rs-failed': '' }, icon('alert', 'sm'), ' PMOS could not make a proposal: ' + (a.error || 'the run did not finish') + '. Nothing was set up.'),
+      el('div', { class: 'chips2' }, pbtn('ghost', 'Dismiss', 'x', { 'data-rs-act': 'cancel-ask', onclick: () => cancelAsk(a.id) }))));
+  }
+  const P = view(key, normProposal(a.proposal)); const cb = changeBox(key, a.id, redo);
+  return sect({ ic: 'spark', title: 'PMOS answer', attrs, right: confTag('') }, el('div', { class: 'rs-stack' }, head,
+    lbl('WHAT PMOS FOUND'), ...foundList(P), lbl('PROPOSED REPORT'), proposed(key, P, redo), lbl('LEARNED FROM'), ...[].concat(learnedBlock(P)), lbl('FIXES IT WILL APPLY'), fixesList(P), ...(cb ? [].concat(cb) : []),
+    el('div', { class: 'chips2' }, pbtn('primary', 'Set up', 'check', { 'data-rs-act': 'setup', onclick: () => setupFrom({ ask: a.id, proposal: P }) }),
+      pbtn('outline', 'Change', 'edit', { 'data-rs-act': 'change', onclick: () => { RS.chg[key] = { ...st, open: true }; redo(); } }),
+      pbtn('ghost', 'Cancel', 'x', { 'data-rs-act': 'cancel-ask', onclick: async () => { const r = await cancelAsk(a.id); if (r && r.ok) toast('Cancelled. Nothing was set up.'); } })),
+    help('PMOS reads your past copies to learn the sections. It drafts only; you issue.')));
+}
+
+/* ── a report document in the document sheet ── */
+export function openReportDoc(d, mode) {
+  ensureReportCss();
+  const setup = RS.setups.find((x) => x.id === d.setup) || null; const cyc = slotText(d.slot);
+  const board = d.board || (d.source && d.source !== 'work' ? RS.names(String(d.source).replace(/^dashboard:/, '')) : '') || (setup && setup.name) || 'Portfolio';
+  const reload = () => loadReports(RS.ws, true);
+  const prev = docsOf(RS.docs, d.setup).filter((x) => x.path !== d.path && String(x.slot) < String(d.slot))[0];
+  const rel = (h, rows) => [el('h3', { class: 'ds-h' }, h), el('ul', { class: 'ds-rel' }, rows.map(([ic, t, sub, open]) => el('li', null, icon(ic, 'sm'),
+    open ? btn({ class: 'ds-rlk', 'data-rel-open': open.path, onclick: () => { closeSheet(); openReportDoc(open); } }, t, el('small', null, sub)) : el('span', { class: 'ds-rlk' }, t, el('small', null, sub)), el('span'))))];
+  const relations = () => [
+    rel('Report', [['report', (setup ? setup.name : d.name) + (d.source && d.source !== 'work' ? ' (built from dashboard ' + RS.names(String(d.source).replace(/^dashboard:/, '')) + ')' : ''), (setup ? setup.label || scheduleLabel(setup.schedule) : 'One-off, no schedule') + '. The definition lives under Reports, Set up.', null]]),
+    rel('Previous cycle', prev ? [['doc', prev.name + ' · ' + slotText(prev.slot), (prev.state === 'issued' ? 'Issued' : 'Draft') + ' · ' + (formatOf(prev.output).app ? formatOf(prev.output).app + ': ' + (prev.copy && prev.copy.state ? prev.copy.state.replace(/-/g, ' ') : 'not created') : 'PDF: no live copy'), prev]] : [['doc', 'No earlier cycle in PMOS', 'This is the first cycle.', null]]),
+    rel('Metric dictionary', [['scale', 'Metric dictionary', 'One definition per metric, used by this report and by the dashboards.', null]]),
+    rel('Initiatives it covers', (d.initiatives || (setup && setup.initiatives) || []).length ? (d.initiatives || setup.initiatives).map((i) => ['init', (i.id ? i.id + ' ' : '') + (i.title || ''), 'Linked from Jira', null]) : [['init', 'Not recorded for this report', 'The initiatives appear here when the report names them.', null]])];
+  return openDocSheet({ ws: RS.ws, doc: { path: d.path, name: d.name + ' · ' + cyc, ty: 'Report', v: vText(d.v), st: d.state, ini: '', iniName: board }, mode: mode || 'read', relations,
+    library: () => Promise.resolve({ ok: true, files: [], edges: [], kinds: [], categories: [], initiatives: {} }), onChanged: reload,
+    report: { output: d.output, state: d.state, name: d.name, cycle: cyc, foot: String(board).split(/[\s:·]/)[0],
+      onIssue: reload,
+      onNext: (doc, ui) => {
+        const nx = docsOf(RS.docs, d.setup).find((x) => x.state === 'draft' && x.path !== d.path);
+        if (nx) { ui.close(); openReportDoc(nx); return; }
+        toast(setup ? 'The next cycle starts on its schedule. PMOS drafts it ' + (setup.next_draft ? 'on ' + dayText(setup.next_draft) : 'then') + '.' : 'This was a one-off. Set up a recurring report to get the next cycle.');
+      } } });
+}
+
+/* ── Send this as a report… (from a dashboard) ── */
+const SEND = { weekly: [{ cadence: 'weekly', day: 'mon', time: '08:00' }, 'Weekly, Mondays'], biweekly: [{ cadence: 'biweekly', day: 'wed', time: '15:00' }, 'Every other Wednesday'], monthly: [{ cadence: 'monthly', dayOfMonth: 1, time: '08:00' }, 'Monthly, the 1st'] };
+export function openSendSheet({ ws, key, title, charts, onDone }) {
+  ensureReportCss();
+  const st = { name: title + ' snapshot', out: 'pdf', sched: 'monthly', aud: 'Leadership', busy: false };
+  const body = el('div', { class: 'rs' });
+  const seg = (label, k, opts) => el('div', { class: 'seg', role: 'group', 'aria-label': label }, opts.map(([v, l]) => btn({ 'data-rs-send': k, 'data-v': v, 'aria-pressed': String(st[k] === v), onclick: () => { st[k] = v; paint(); } }, l)));
+  const paint = () => {
+    const first = nextDraftDate(SEND[st.sched][0]);
+    const nameIn = el('input', { type: 'text', 'data-rs-send-name': '', value: st.name, 'aria-label': 'Report name', autocomplete: 'off', oninput: (e) => { st.name = e.target.value; } });
+    put(body, el('div', { class: 'calbody brief rs', 'data-rs-send-sheet': '' },
+      el('div', { class: 'lh' }, el('span', { class: 'ki' }, icon('report')), el('div', { class: 'rs-min0' }, el('b', null, 'Send ' + title + ' as a report'), el('div', { class: 'dim' }, 'The dashboard stays live. Each cycle is a snapshot document in Reports.'))),
+      sect({ ic: 'report', title: 'Proposed report' }, kv([['Name', nameIn], ['Built from', [srcChip('dashboard:' + key), el('span', { class: 'dim rs-help' }, ' ' + charts + ' chart' + (charts === 1 ? '' : 's') + ', as they are on the day')]],
+        ['Output', seg('Output', 'out', [['pdf', 'PDF'], ['google-slides', 'Google Slides']])],
+        ['Schedule', [seg('Schedule', 'sched', [['weekly', 'Weekly'], ['biweekly', 'Every 2 weeks'], ['monthly', 'Monthly']]), help(SEND[st.sched][1] + '. First draft ' + (first ? dayText(first) : 'on its first day') + '.')]],
+        ['Audience', seg('Audience', 'aud', [['Leadership', 'Leadership'], ['Team', 'Team']])]])),
+      el('div', { class: 'fold' }, icon('shield', 'sm'), ' PMOS drafts only. It writes to Google only when you press Create the copy. Nothing is sent.'),
+      el('div', { class: 'chips2' }, pbtn('primary', 'Set up', 'check', { 'data-rs-act': 'send-go', disabled: st.busy, onclick: async () => {
+        st.busy = true; paint();
+        const r = await fromDashboard({ ws, key, name: (st.name || '').trim() || title + ' snapshot', output: st.out, schedule: SEND[st.sched][0], audience: st.aud });
+        st.busy = false; if (!r || !r.ok) { paint(); return; }
+        closeSheet(); toast('Set up. First draft ' + (first ? dayText(first) : 'on its first day') + '. Nothing is sent.'); if (onDone) onDone(r.setup);
+      } }), pbtn('ghost', 'Cancel', 'x', { 'data-rs-act': 'send-cancel', onclick: () => closeSheet() }))));
+  };
+  openSheet({ title: 'Send this as a report', icon: 'report', wide: true, body }); paint();
+}
+
+/* ── the tab ── */
+export function mountReportSetup(host, ctx) {
+  ensureReportCss();
+  const ws = (ctx && ctx.ws) || RS.ws; if (ws) RS.ws = ws;
+  const root = el('div', { class: 'calbody brief rs', 'data-rs-tab': '' });
+  const inp = el('input', { type: 'text', 'data-rs-ask-in': '', value: RS.askText, placeholder: 'Describe a report you send, for example: my TSC update every month, due a week before TSC', 'aria-label': 'Describe a report you send', autocomplete: 'off',
+    oninput: () => { RS.askText = inp.value; }, onkeydown: (e) => { if (e.key === 'Enter') send.click(); } });
+  const send = pbtn('primary', 'Set up', 'spark', { 'data-rs-act': 'ask', onclick: async () => {
+    const v = inp.value.trim(); if (!v) { inp.focus(); return; }
+    send.disabled = true; const r = await askPmos(v); send.disabled = false; if (r && r.ok) draw(); } });
+  const answers = el('div', { class: 'rs-stack', 'data-rs-answers': '' });
+  const askBox = el('section', { class: 'card sect', 'data-rs-askbox': '', 'aria-label': 'Ask PMOS' }, el('div', { class: 'sh2' }, el('h2', null, icon('spark', 'sm'), 'Ask PMOS')),
+    el('div', { class: 'form' }, inp, send), help('PMOS reads your past copies to learn the sections. It drafts only; you issue.'), answers);
+  const foundHost = el('div', { 'data-rs-found': '' }); const setupHost = el('div', { 'data-rs-setups': '' }); const docsHost = el('div', { 'data-rs-docs': '' });
+  root.append(el('div', { class: 'fold' }, icon('mail', 'sm'), 'Documents you send. PMOS drafts; you issue. Nothing is sent.'), askBox, foundHost, setupHost, docsHost);
+  host.replaceChildren(root);
+
+  const found = () => RS.findings.filter((f) => !RS.hidden.has(f.id));
+  function foundRow(f) {
+    const open = () => openFindingSheet(f.id);
+    return el('li', { class: 'nrow', 'data-rs-row': f.id }, el('span', { class: 'ki hot' }, icon('report')),
+      el('div', { class: 'nb' }, btn({ class: 'tt', 'data-rs-act': 'open', onclick: open }, f.name), el('div', { class: 'dim rs-help' }, f.why || ''),
+        el('div', { class: 'chips' }, (f.evidence || []).map((e) => { const [ic, nm] = evidenceKind(e.kind); return chip(icon(ic, 'sm'), nm + ': ' + e.text); }), confTag(f.confidence))),
+      el('div', { class: 'acts' }, pbtn('primary', 'Set up', 'check', { 'data-rs-act': 'setup', onclick: () => setupFrom({ finding: f.id, proposal: view(f.id, normProposal(f.proposal)) }) }),
+        pbtn('outline', 'Change first', 'edit', { 'data-rs-act': 'open-change', onclick: () => openFindingSheet(f.id, true) }),
+        pbtn('ghost', 'Not a report', 'x', { 'data-rs-act': 'dismiss', onclick: () => dismissLater(f.id) })));
+  }
+  const cycRows = (s) => el('ul', { class: 'chgl', 'aria-label': 'All cycles of ' + s.name, 'data-rs-cycles': s.id }, docsOf(RS.docs, s.id).map((d) => el('li', null, icon('doc', 'sm'),
+    el('span', null, btn({ class: 'tt', onclick: () => openReportDoc(d) }, slotText(d.slot)), ' ', el('span', { class: 'dim rs-help' }, d.state === 'issued' ? 'Issued' : 'Draft')),
+    el('span', { class: 'chips2' }, stag(d), copyChip(d.output, d.copy), pbtn('ghost', 'Open', 'out', { onclick: () => openReportDoc(d) })))));
+  function openSetup(s) {
+    const L = docsOf(RS.docs, s.id); const d = L.find((x) => x.state === 'draft') || L[0];
+    if (d) openReportDoc(d); else toast('No draft yet. The first draft is ' + (s.next_draft ? dayText(s.next_draft) : 'when you confirm the day') + '.');
+  }
+  function setupRow(s) {
+    const paused = s.status === 'paused'; const cy = docsOf(RS.docs, s.id); const n = s.cycles != null ? s.cycles : cy.length; const open = RS.cyc.has(s.id);
+    return el('li', { class: 'nrow', 'data-rs-reg': s.id }, el('span', { class: 'ki' }, icon('report')),
+      el('div', { class: 'nb' }, btn({ class: 'tt', 'data-rs-act': 'open-reg', onclick: () => openSetup(s) }, s.name),
+        el('div', { class: 'chips' }, RS.newIds.has(s.id) ? el('span', { class: 'tag acc' }, 'New') : null, srcChip(s.source), outChip(s.output), copyChip(s.output, s.copy), paused ? el('span', { class: 'tag warn' }, 'Paused') : null,
+          chip(icon('cal', 'sm'), s.label || scheduleLabel(s.schedule)), paused ? null : chip(icon('clock', 'sm'), 'Next draft ' + (s.next_draft ? dayText(s.next_draft) : 'not set yet')),
+          chip(icon('mail', 'sm'), 'Last issued ' + (s.last_issued ? dayText(s.last_issued) : 'not yet'))),
+        open ? cycRows(s) : null),
+      el('div', { class: 'acts' }, pbtn('outline', 'Open', 'out', { 'data-rs-act': 'open-reg', onclick: () => openSetup(s) }),
+        pbtn('ghost', 'All cycles (' + n + ')', 'fold', { 'data-rs-act': 'cyc', 'aria-expanded': String(open), onclick: () => { if (RS.cyc.has(s.id)) RS.cyc.delete(s.id); else RS.cyc.add(s.id); drawSetups(); } }),
+        pbtn('ghost', paused ? 'Resume' : 'Pause', paused ? 'play' : 'pause', { 'data-rs-act': 'pause', onclick: () => pauseResume(s, !paused) })));
+  }
+  const isWork = (d) => !d.source || d.source === 'work';
+  function docRow(d) {
+    const f = formatOf(d.output);
+    return el('li', { class: 'nrow', 'data-rs-doc': d.path }, el('span', { class: 'ki' }, icon(f.ic)),
+      el('div', { class: 'nb' }, btn({ class: 'tt', 'data-rs-act': 'opendoc', onclick: () => openReportDoc(d) }, d.name + ' · ' + slotText(d.slot)),
+        el('div', { class: 'chips' }, stag(d), outChip(d.output), copyChip(d.output, d.copy), srcChip(d.source), el('span', { class: 'tag' }, d.made_by === 'schedule' ? 'Made by schedule' : d.made_by === 'agent' ? 'Made by PMOS' : 'Made by you'), el('span', { class: 'chip2 mono' }, vText(d.v)))),
+      el('div', { class: 'acts' }, pbtn('outline', 'Open', 'out', { 'data-rs-act': 'opendoc', onclick: () => openReportDoc(d) })));
+  }
+  function drawFound() {
+    const f = found(); const fin = RS.finder;
+    const none = fin && fin.cadence === 'off' ? 'The report finder is off. Turn it on in Settings to see what PMOS finds.' : 'Nothing new found. PMOS looks again ' + (fin && fin.next_run ? dayText(fin.next_run) : 'next Monday') + '.';
+    put(foundHost, sect({ ic: 'search', title: 'Found in your work', count: f.length, attrs: { 'data-pg': 'rs-found' } }, f.length ? list(f.map(foundRow)) : el('div', { class: 'fold', 'data-rs-nofound': '' }, icon('check', 'sm'), none),
+      help('From your calendar, Slack and the subjects of mail you sent. Never message bodies. ', lk({ 'data-rs-act': 'finder-settings', onclick: () => goTo({ tab: 'settings', section: 'connectors' }) }, 'Report finder settings'))));
+  }
+  function drawSetups() {
+    put(setupHost, sect({ ic: 'cal', title: 'Set up', count: RS.setups.length, attrs: { 'data-pg': 'rs-regular' } }, RS.setups.length ? list(RS.setups.map(setupRow)) : el('div', { class: 'fold', 'data-rs-nosetup': '' }, icon('check', 'sm'), 'No recurring report yet. Ask PMOS above, or set one up from what it found.')));
+  }
+  function drawDocs() {
+    const F = RS.docF; const all = RS.docs; const nState = (v) => all.filter((d) => d.state === v).length; const nSrc = (w) => all.filter((d) => isWork(d) === w).length;
+    const rows = all.filter((d) => (F.state === 'all' || d.state === F.state) && (F.src === 'all' || (F.src === 'work') === isWork(d)));
+    const seg = (k, label, opts) => el('div', { class: 'seg', role: 'group', 'aria-label': label }, opts.map(([v, l, c]) => btn({ 'data-rs-act': 'docf', 'data-k': k, 'data-v': v, 'aria-pressed': String(F[k] === v),
+      onclick: () => { F[k] = v; drawDocs(); } }, l, c != null ? [' ', el('span', { class: 'bdg g' }, String(c))] : null)));
+    put(docsHost, sect({ ic: 'doc', title: 'Documents', count: rows.length, attrs: { 'data-pg': 'rs-docs' } }, el('div', { class: 'calbar' }, seg('state', 'State', [['all', 'All', all.length], ['draft', 'Draft', nState('draft')], ['issued', 'Issued', nState('issued')]]),
+      seg('src', 'Source', [['all', 'All sources'], ['work', 'Your work'], ['dash', 'Dashboards']])),
+    rows.length ? list(rows.map(docRow)) : el('div', { class: 'fold', 'data-rs-nodoc': '' }, icon('check', 'sm'), all.length ? 'No document matches this filter.' : 'No report document yet. A draft appears here on its day.')));
+  }
+  function drawAnswers() { put(answers, ...RS.asks.map((a) => askCard(a, drawAnswers))); }
+  function draw() {
+    if (!RS.loaded) { put(foundHost, el('p', { class: 'dim mono', role: 'status', 'data-rs-loading': '' }, 'Reading the repository')); return; }
+    if (RS.err && !RS.setups.length && !RS.docs.length) put(foundHost, el('div', { class: 'fold w', role: 'alert', 'data-rs-error': '' }, icon('alert', 'sm'), RS.err));
+    else drawFound();
+    drawAnswers(); drawSetups(); drawDocs();
+  }
+  const off = onReports(draw); draw();
+  loadReports(ws, true).then(() => {
+    if (RS.openFinding) { const id = RS.openFinding; RS.openFinding = null; openFindingSheet(id); }
+  });
+  return { dispose: off, refresh: () => loadReports(RS.ws, true), root };
+}

package/workspace/public/pm/c3-report-store.js

@@ -0,0 +1,208 @@
+/* pm/c3-report-store.js — the shared state and small views of the report workspace (initiative report-workspace, PRD sections 3, 4 and 6; mockup 41-reportsetup.js).
+ * One store for the three places that read it: Reports (c3-report-setup.js), the Briefing card, and the Settings block. It reads
+ *   GET /api/report-setups?ws=     { setups, findings, asks, finder }       GET /api/report-documents?ws=   { docs }
+ * and presses POST /api/report-setups/{ask,change,cancel,setup,dismiss,pause,resume,from-dashboard,finder} through the page's pmPost.
+ * Nothing here sends anything. A press that PMOS can take back (Not a report) waits five seconds before it posts, so Undo costs nothing.
+ *   RS                         the state; onReports(fn) -> off() runs after every change
+ *   loadReports(ws, force)     reads both; polls while an ask runs
+ *   askPmos, changeIt, cancelAsk, setupFrom, dismissLater, pauseResume, fromDashboard, setFinder   the presses
+ *   reportFoundSection(S)      the Briefing card; finderBlock(ws)   the Settings block
+ * Pure parts (Node-testable): scheduleLabel, nextDraftDate, dayText, copyStateOf, evidenceKind, bestFinding, docsOf, draftsWaiting, normProposal. */
+import { el } from './dom.js';
+import { icon, pbtn, chip, tag, sect, put, list, lk, btn } from './c3-ini-ui.js';
+import { pmGet, pmPost } from './http.js';
+import { toast } from './c3-toast.js';
+import { onBriefing } from './shell-ticker.js';
+import { FORMATS, formatOf, ensureReportCss } from './c3-doc-formats.js';
+
+const WD = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; const MON = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+const DAYS = { sun: 0, mon: 1, tue: 2, wed: 3, thu: 4, fri: 5, sat: 6 };
+const dayIdx = (d) => DAYS[String(d || '').slice(0, 3).toLowerCase()];
+const ord = (n) => n + (n % 10 === 1 && n !== 11 ? 'st' : n % 10 === 2 && n !== 12 ? 'nd' : n % 10 === 3 && n !== 13 ? 'rd' : 'th');
+
+/** "Every other Wed 15:00, draft only" from a schedule { cadence, day, dayOfMonth, time }. */
+export function scheduleLabel(s) {
+  if (!s) return 'No schedule, draft only';
+  const day = dayIdx(s.day); const dn = day == null ? '' : WD[day]; const t = s.time ? ' ' + s.time : '';
+  if (s.cadence === 'daily') return 'Every working day' + t + ', draft only';
+  if (s.cadence === 'weekly') return 'Every ' + (dn || 'Mon') + t + ', draft only';
+  if (s.cadence === 'biweekly') return 'Every other ' + (dn || 'Mon') + t + ', draft only';
+  if (s.cadence === 'monthly') return (s.dayOfMonth ? 'Monthly on the ' + ord(+s.dayOfMonth) + t : 'Monthly, day to be confirmed') + ', draft only';
+  return 'Draft only';
+}
+/** The first date a schedule fires on or after `from` (a Date), or null when the schedule has no day yet. */
+export function nextDraftDate(s, from = new Date()) {
+  if (!s) return null;
+  const d = new Date(from); d.setHours(12, 0, 0, 0);
+  if (s.cadence === 'monthly') {
+    const n = +s.dayOfMonth; if (!n) return null;
+    for (let i = 0; i < 3; i++) { const c = new Date(d.getFullYear(), d.getMonth() + i, n, 12); while (c.getDay() === 0 || c.getDay() === 6) c.setDate(c.getDate() - 1); if (c > d) return c; }
+    return null;
+  }
+  const day = s.cadence === 'daily' ? null : dayIdx(s.day); if (s.cadence !== 'daily' && day == null) return null;
+  for (let i = 1; i <= 14; i++) { const c = new Date(d); c.setDate(d.getDate() + i); if (day == null ? c.getDay() % 6 !== 0 : c.getDay() === day) return c; }
+  return null;
+}
+/** 'Mon 19 Oct' for a Date or an ISO text; any other text comes back as it is. */
+export function dayText(v) {
+  if (v instanceof Date) return WD[v.getDay()] + ' ' + v.getDate() + ' ' + MON[v.getMonth()];
+  const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(String(v || '')); if (!m) return String(v || '');
+  const d = new Date(Date.UTC(+m[1], +m[2] - 1, +m[3]));
+  return WD[d.getUTCDay()] + ' ' + (+m[3]) + ' ' + MON[+m[2] - 1];
+}
+export const EVIDENCE = { mail: ['mail', 'Mail'], calendar: ['cal', 'Calendar'], slack: ['reply', 'Slack'], drive: ['repo', 'Drive'], confluence: ['notes', 'Confluence'] };
+export const evidenceKind = (k) => EVIDENCE[k] || ['info', String(k || 'Source')];
+/** The copy state words of a setup or a document: [label word, icon, class]. */
+export function copyStateOf(copy) {
+  const st = (copy && copy.state) || 'none';
+  return { none: ['not created', 'info', ''], 'in-step': ['in step', 'check', 'ds-good'], 'pmos-ahead': ['PMOS ahead', 'up', 'ds-acc'], 'copy-changed': ['copy changed', 'alert', 'ds-warn'], 'not-checked': ['not checked', 'info', ''], 'in-progress': ['in progress', 'clock', 'ds-acc'] }[st] || ['not checked', 'info', ''];
+}
+/** The finding the Briefing names: the first Likely one that is not hidden, else the first not hidden. */
+export const bestFinding = (findings, hidden) => { const f = (findings || []).filter((x) => !(hidden && hidden.has(x.id))); return f.find((x) => x.confidence === 'likely') || f[0] || null; };
+export const draftsWaiting = (docs) => (docs || []).filter((d) => d.state === 'draft').length;
+/** The documents of a setup, newest slot first. */
+export const docsOf = (docs, id) => (docs || []).filter((d) => d.setup === id).sort((a, b) => String(b.slot).localeCompare(String(a.slot)));
+/** A proposal as the page draws it: a learned_from that is a name or { name, why }; fixes and sections as lists. */
+export function normProposal(p) {
+  const q = p || {}; const lf = q.learned_from;
+  return { ...q, learned: lf && typeof lf === 'object' ? { name: lf.name || lf.title || '', why: lf.why || lf.reason || '' } : lf ? { name: String(lf), why: '' } : null,
+    fixes: Array.isArray(q.fixes) ? q.fixes : [], sections: Array.isArray(q.sections) ? q.sections : [], sources: Array.isArray(q.sources) ? q.sources : [], found: Array.isArray(q.found) ? q.found : [] };
+}
+
+/* ── the state ── */
+export const RS = { ws: '', setups: [], findings: [], asks: [], finder: null, docs: [], loaded: false, err: '', hidden: new Set(), newIds: new Set(), askText: '', docF: { state: 'all', src: 'all' }, cyc: new Set(),
+  edit: {}, chg: {}, openFinding: null, names: (k) => k };
+const subs = new Set(); let timer = null; let inflight = null;
+export const onReports = (fn) => { subs.add(fn); return () => { subs.delete(fn); if (!subs.size) stopPoll(); }; };
+const emit = () => { for (const f of [...subs]) { try { f(); } catch { /* one view's error is its own */ } } };
+const running = () => RS.asks.some((a) => a.state === 'running');
+function stopPoll() { if (timer) { clearInterval(timer); timer = null; } }
+function poll() { if (!timer && running() && subs.size) timer = setInterval(() => { if (!running() || !subs.size) { stopPoll(); return; } loadReports(RS.ws, true); }, 2500); }
+
+/** Read the setups, findings, asks, finder and the documents. Kept: a second call while one runs shares it; `force` reads again. */
+export function loadReports(ws, force) {
+  if (ws) RS.ws = ws;
+  if (inflight && !force) return inflight;
+  const q = RS.ws ? '?ws=' + encodeURIComponent(RS.ws) : '';
+  const run = Promise.all([Promise.resolve(pmGet('/api/report-setups' + q)).catch(() => null), Promise.resolve(pmGet('/api/report-documents' + q)).catch(() => null)]).then(([a, b]) => {
+    inflight = null;
+    if (a && a.ok !== false && Array.isArray(a.setups)) { RS.setups = a.setups; RS.findings = a.findings || []; RS.asks = a.asks || []; RS.finder = a.finder || RS.finder; RS.err = ''; } else RS.err = (a && (a.error || a.reason)) || 'The report set-ups could not be read.';
+    if (b && b.ok !== false && Array.isArray(b.docs)) RS.docs = b.docs; else if (!RS.err) RS.err = (b && (b.error || b.reason)) || 'The report documents could not be read.';
+    RS.loaded = true; emit(); poll(); return RS;
+  });
+  inflight = run; return run;
+}
+
+/* ── the presses ── */
+const post = (path, body) => Promise.resolve(pmPost('/api/report-setups/' + path, { ws: RS.ws, ...body })).catch((e) => ({ ok: false, error: String((e && e.message) || e) }));
+const fail = (r, what) => toast({ text: what + ': ' + ((r && (r.error || r.reason)) || 'the workspace did not answer') + '.', tone: 'error', timeout: 6000 });
+export async function askPmos(text) {
+  const r = await post('ask', { text }); if (!r || !r.ok) { fail(r, 'PMOS did not start'); return r; }
+  await loadReports(RS.ws, true); return r;
+}
+export async function changeIt(id, text) {
+  const r = await post('change', { id, text }); if (!r || !r.ok) { fail(r, 'The change was not sent'); return r; }
+  await loadReports(RS.ws, true); return r;
+}
+export async function cancelAsk(id) {
+  const r = await post('cancel', { id }); if (!r || !r.ok) { fail(r, 'It was not cancelled'); return r; }
+  await loadReports(RS.ws, true); return r;
+}
+/** Set up from an ask or a finding: body = { ask } or { finding }, plus the proposal as the PM left it. */
+export async function setupFrom(body) {
+  const r = await post('setup', body); if (!r || !r.ok) { fail(r, 'It was not set up'); return r; }
+  if (r.setup && r.setup.id) RS.newIds.add(r.setup.id);
+  await loadReports(RS.ws, true);
+  const fd = r.first_draft; const first = (r.setup && r.setup.next_draft) || (fd && typeof fd === 'object' ? fd.day || fd.slot : fd);
+  toast('Set up. First draft ' + (first ? dayText(first) : 'once you confirm the day') + '. Nothing is sent.');
+  return r;
+}
+/** Not a report: the finding leaves the list at once, the POST waits five seconds, and Undo cancels it. */
+export function dismissLater(id, onChange) {
+  RS.hidden.add(id); emit(); if (onChange) onChange();
+  const t = setTimeout(async () => { const r = await post('dismiss', { finding: id }); if (!r || !r.ok) { RS.hidden.delete(id); fail(r, 'It was not dismissed'); } await loadReports(RS.ws, true); if (onChange) onChange(); }, 5000);
+  toast({ text: "PMOS won't suggest this again", actionLabel: 'Undo', timeout: 6000, onAction: () => { clearTimeout(t); RS.hidden.delete(id); emit(); if (onChange) onChange(); } });
+}
+export async function pauseResume(setup, pause) {
+  const r = await post(pause ? 'pause' : 'resume', { id: setup.id }); if (!r || !r.ok) { fail(r, 'It was not ' + (pause ? 'paused' : 'resumed')); return r; }
+  await loadReports(RS.ws, true);
+  toast({ text: pause ? 'Paused ' + setup.name + '. No draft until you resume' : 'Resumed ' + setup.name, actionLabel: 'Undo', timeout: 6000, onAction: () => pauseResume(setup, !pause) });
+  return r;
+}
+export async function fromDashboard(body) {
+  const r = await post('from-dashboard', body); if (!r || !r.ok) { fail(r, 'It was not set up'); return r; }
+  if (r.setup && r.setup.id) RS.newIds.add(r.setup.id);
+  await loadReports(RS.ws, true); return r;
+}
+export async function setFinder(patch, msg) {
+  const r = await post('finder', patch); if (!r || !r.ok) { fail(r, 'The finder was not changed'); return r; }
+  if (r.finder) RS.finder = r.finder; emit(); if (msg) toast(msg); return r;
+}
+
+/** Go to a page of the console: the shell listens (c3-shell.js). detail = { tab, view?, section?, finding? }. */
+export function goTo(detail) {
+  if (detail.finding) RS.openFinding = detail.finding;
+  try { window.dispatchEvent(new CustomEvent('pmos:go-tab', { detail })); } catch { /* no events */ }
+}
+
+/* ── chips shared by the rows ── */
+export const outChip = (o) => { const f = formatOf(o); return chip(icon(f.ic, 'sm'), f.l); };
+export function copyChip(output, copy) {
+  if (output === 'pdf') return null;
+  const f = formatOf(output); const [word, ic, cls] = copyStateOf(copy);
+  return el('span', { class: 'chip2 ' + cls, 'data-rs-copy': (copy && copy.state) || 'none' }, icon(ic, 'sm'), f.app + ': ' + word);
+}
+export const srcChip = (source) => (!source || source === 'work' ? chip(icon('spark', 'sm'), 'Built from: your work') : chip(icon('report', 'sm'), 'Built from: dashboard ' + RS.names(String(source).replace(/^dashboard:/, ''))));
+
+/* ── Briefing: the Report found card ── */
+function foundCard(f) {
+  const P = normProposal(f.proposal);
+  const sentence = (f.why || 'You send this report regularly.') + ' Set it up so PMOS drafts it?';
+  return sect({ ic: 'report', title: 'Report found', attrs: { 'data-c3pg': 'rs-card', 'data-rs-card': f.id, 'aria-label': 'Report found' } },
+    el('div', { class: 'rs-stack' },
+      el('div', { class: 'chips' }, f.name ? chip(icon('report', 'sm'), f.name) : null, el('span', { class: 'tag acc' }, 'Found in your work')),
+      el('p', null, sentence),
+      el('div', { class: 'chips' }, (f.evidence || []).map((e) => { const [ic, nm] = evidenceKind(e.kind); return chip(icon(ic, 'sm'), nm + ': ' + e.text); })),
+      el('div', { class: 'fold' }, icon('info', 'sm'), ' PMOS drafts only. Nothing is sent.'),
+      el('div', { class: 'chips2' },
+        pbtn('primary', 'Set up', 'check', { 'data-rs-act': 'b-setup', onclick: async () => { const r = await setupFrom({ finding: f.id, proposal: P }); if (r && r.ok) goTo({ tab: 'rep', view: 'reports' }); } }),
+        pbtn('outline', 'See what PMOS found', 'search', { 'data-rs-act': 'b-see', onclick: () => goTo({ tab: 'rep', view: 'reports', finding: f.id }) }),
+        pbtn('ghost', 'Not a report', 'x', { 'data-rs-act': 'b-no', onclick: () => dismissLater(f.id) }))));
+}
+/** The Briefing's Report found card: a container that holds the card while a finding waits, and nothing otherwise. */
+export function reportFoundSection(S) {
+  ensureReportCss();
+  const host = el('div', { 'data-rs-host': '' }); let sig = '';
+  const fill = () => {
+    const f = RS.loaded ? bestFinding(RS.findings, RS.hidden) : null;
+    const g = JSON.stringify(f && [f.id, f.name, f.why]); if (g === sig) return; sig = g;
+    put(host, f ? foundCard(f) : null);
+  };
+  onReports(fill);
+  const go = () => loadReports((S && S.ws) || RS.ws).then(fill, () => {});
+  onBriefing(() => { go(); });
+  go();
+  return host;
+}
+
+/* ── Settings: the Report finder block ── */
+/** The block under Connectors: Weekly | Off, and the sources, with Mail subjects off until the PM turns it on. */
+export function finderBlock(ws) {
+  ensureReportCss();
+  const host = el('div', { 'data-rs-finder-host': '' });
+  const draw = () => {
+    const F = RS.finder || { cadence: 'weekly', sources: {} }; const src = F.sources || {};
+    const seg = (label, opts, cur, onPick) => el('div', { class: 'seg', role: 'group', 'aria-label': label }, opts.map(([v, l]) => btn({ 'aria-pressed': String(String(cur) === String(v)), 'data-rs-act': 'finder', 'data-v': String(v), onclick: () => onPick(v) }, l)));
+    const row = (t, help, right) => el('li', { class: 'nrow' }, el('div', { class: 'nb' }, el('span', { class: 'tt' }, t), el('div', { class: 'dim rs-help' }, help)), el('div', { class: 'acts' }, ...right));
+    const on = [['calendar', 'Calendar', 'cal'], ['slack', 'Slack', 'reply'], ['drive', 'Drive', 'repo']].filter(([k]) => src[k] !== false);
+    const names = on.map((x) => x[1]); const lead = names.length ? names.slice(0, -1).join(', ') + (names.length > 1 ? ' and ' : '') + names[names.length - 1] + (names.length > 1 ? ' are on.' : ' is on.') : 'No source is on.';
+    put(host, sect({ ic: 'search', title: 'Report finder', attrs: { 'data-rs-finder': '' } }, list([
+      row('Look for reports you send', F.cadence === 'off' ? 'Off. PMOS does not look for reports.' : 'PMOS looks every Monday and shows what it found on Reports.' + (F.last_run ? ' Last looked ' + dayText(F.last_run) + '.' : ''),
+        [seg('How often PMOS looks for reports you send', [['weekly', 'Weekly'], ['off', 'Off']], F.cadence === 'off' ? 'off' : 'weekly', (v) => setFinder({ cadence: v }, v === 'off' ? 'Report finder is off' : 'Report finder looks weekly'))]),
+      row('Sources', lead + ' Sent mail is read for subjects and recipient counts only, never bodies.',
+        [...on.map(([, l, ic]) => chip(icon(ic, 'sm'), l)), seg('Sent mail subjects', [[false, 'Off'], [true, 'On']], !!src.mail, (v) => setFinder({ sources: { mail: v === 'true' || v === true } }, v === 'true' || v === true ? 'Report finder reads sent mail subjects' : 'Report finder skips sent mail'))])])));
+  };
+  onReports(draw); draw();
+  loadReports(ws || RS.ws).then(draw, () => {});
+  return host;
+}

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

@@ -60,3 +60,7 @@
 .ph .tiles,.rp3.ph .tiles{grid-template-columns:minmax(0,1fr)}
 .rp3 button.ib.ib{width:28px;padding:0;justify-content:center;color:var(--foreground)}
 .rp3 button.ib.ib:disabled{opacity:.35}
+
+/* the rule line under the tabs: how Reports is organised (Live, Sent, Building blocks) */
+.rp3 .rp3-rule { margin: 0 0 var(--sp-3); align-items: center; }
+.rp3 .rp3-rulelbl { font-size: var(--fs-1); }