create-pmos 0.240.0 → 0.241.0

package/workspace/public/pm/c3-demo-rd.js

@@ -407,6 +407,10 @@ function press(k, b) {
 /** The routes. Returns a Response, or undefined for a route this file does not answer. */
 export function rdRoute(method, u, body) {
   const p = u.pathname; const qp = u.searchParams;
+  /* the Structure step (initiative report-structure): demo mode holds no structure and no data chart, and saves nothing */
+  if (p === '/api/report-structure' && method === 'GET') { const id = qp.get('id'); const s = ctx.setups().find((x) => x.id === id); return s ? json({ ok: true, setup: { id, name: s.name, cadence: s.schedule && s.schedule.cadence }, structure: { running: false, job: null, current: null, saved: null, versions: [], log: [], plan: null, dry: null, checks: {}, errors: [] } }) : json({ ok: false, error: 'no such report' }, 404); }
+  if (p === '/api/charts' && method === 'GET') return json({ ok: true, charts: [] });
+  if (p.startsWith('/api/report-structure') && method === 'POST') return json({ ok: false, error: 'Demo data: nothing is saved' });
   if (!p.startsWith('/api/report-design') && !p.startsWith('/api/report-notes')) return undefined;
   if (method === 'GET') {
     if (p === '/api/report-design') { const id = qp.get('id'); if (!ctx.setups().some((x) => x.id === id)) return json({ ok: false, error: 'no such report' }, 404); return json(designView(id)); }

package/workspace/public/pm/c3-design-studio.js

@@ -16,6 +16,7 @@ import { toast } from './c3-toast.js';
 import { RS, scheduleLabel } from './c3-report-store.js';
 import { formatOf } from './c3-doc-formats.js';
 import { RD, failed, splitRender, slideCard, frame, wireFrame, diffOutlines, ensureDeckCss, slotWord } from './c3-report-deck.js';
+import { openStructure, structureSection } from './c3-report-structure.js';
 
 const MAX = 20 * 1024 * 1024;
 const KIND_OF = (name) => { const e = String(name || '').toLowerCase().split('.').pop(); return e === 'pdf' ? 'pdf' : e === 'pptx' ? 'pptx' : e === 'docx' ? 'docx' : /^(png|jpe?g)$/.test(e) ? 'image' : ''; };
@@ -304,7 +305,9 @@ export function openStudio({ ws, id, name, view, onClose } = {}) {
     const sb = body.closest('.sb'); const y = sb ? sb.scrollTop : 0; const log = body.querySelector('.rd-dks-log'); const ly = log ? log.scrollTop : null;
     const focus = document.activeElement && body.contains(document.activeElement) && document.activeElement.matches('[data-rd-in],[data-rd-link]') ? document.activeElement.getAttribute('data-rd-in') != null ? '[data-rd-in]' : '[data-rd-link]' : null;
     S.dks = S.dks || el('div', { class: 'rd-dks' }); S.out = S.out || el('div', { class: 'rd-dks-out', 'data-rd-preview': '' });
-    keep(body, el('div', { class: 'rd-dk-bar' }, el('div', { class: 'chips2 rd-wrap' }, el('div', { class: 'seg', role: 'group', 'aria-label': 'Report type' },
+    keep(body, el('div', { class: 'rd-dk-bar' }, el('div', { class: 'chips2 rd-wrap' }, el('div', { class: 'seg', role: 'group', 'aria-label': 'Studio step', 'data-rd-steps': '' },
+      btn({ 'data-rd-step': 'structure', 'aria-pressed': 'false', onclick: () => openStructure({ ws, id, name: nm }) }, icon('todo', 'sm'), '1 Structure'), btn({ 'data-rd-step': 'design', 'aria-pressed': 'true' }, icon('img', 'sm'), '2 Design')),
+    el('div', { class: 'seg', role: 'group', 'aria-label': 'Report type' },
       btn({ 'data-rd-fmt': 'deck', 'aria-pressed': String(K.fmt === 'deck'), onclick: () => setFmt('deck') }, icon('img', 'sm'), 'Deck'), btn({ 'data-rd-fmt': 'doc', 'aria-pressed': String(K.fmt === 'doc'), onclick: () => setFmt('doc') }, icon('doc', 'sm'), 'Document')),
     el('b', null, nm), D.saved ? el('span', { class: 'chip2 ds-good', 'data-rd-saved': String(D.saved.version) }, icon('check', 'sm'), 'Saved design: D' + D.saved.version) : el('span', { class: 'chip2', 'data-rd-saved': '' }, 'Not saved yet')),
     el('div', { class: 'chips2' }, pbtn('primary', 'This is it', 'check', { 'data-rd-act': 'accept', disabled: !D.versions.length, onclick: () => accept() }),
@@ -332,8 +335,9 @@ export function openBrief({ ws, id, name } = {}) {
     const nm = setup.name || name || id; const out = formatOf(setup.output);
     const lh = el('div', { class: 'lh' }, el('span', { class: 'ki' }, icon('report')), el('div', { class: 'rs-min0' }, el('b', null, nm),
       el('div', { class: 'dim' }, (setup.label || scheduleLabel(setup.schedule)) + '. Output: ' + (setup.output === 'google-slides' ? 'a slide deck in PMOS. A Google Slides copy is optional.' : out.l + '.'))));
+    const SS = await structureSection({ ws, id, name: nm });   // the saved structure (step 1), above the design
     if (!D.saved) {
-      put(body, lh, sect({ ic: 'spark', title: 'Design', attrs: { 'data-rd-design': '' } }, el('div', { class: 'fold', 'data-rd-nosaved': '' }, icon('info', 'sm'), ' No saved design yet. Describe the report and refine it in the Design studio, then press This is it.'),
+      put(body, lh, SS, sect({ ic: 'spark', title: 'Design', attrs: { 'data-rd-design': '' } }, el('div', { class: 'fold', 'data-rd-nosaved': '' }, icon('info', 'sm'), ' No saved design yet. Describe the report and refine it in the Design studio, then press This is it.'),
         el('div', { class: 'ds-acts' }, pbtn('primary', 'Design how it looks', 'spark', { 'data-rd-act': 'studio', onclick: () => openStudio({ ws, id, name: nm }) }))));
       return;
     }
@@ -345,7 +349,7 @@ export function openBrief({ ws, id, name } = {}) {
     const rules = D.rules || {};
     const cycHost = el('ul', { class: 'chgl', 'data-rd-briefcycles': '' });
     const docs = (RS.docs || []).filter((d) => d.setup === id).sort((a, b) => String(b.slot).localeCompare(String(a.slot)));
-    put(body, lh,
+    put(body, lh, SS,
       sect({ ic: 'spark', title: 'Design', right: el('span', { class: 'tag acc' }, 'Design D' + n), attrs: { 'data-rd-design': '' } },
         el('div', { class: 'dim rd-small' }, 'Written by PMOS from your studio session. It is not a template: PMOS reads it each cycle and drafts to match it. Saved ' + dayAt(D.saved.at) + ', version D' + n + '.'),
         el('h3', { class: 'ds-h' }, 'Your description'), el('blockquote', { class: 'rd-dks-q', 'data-rd-desc': '' }, D.description || 'No description.'),

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

@@ -16,6 +16,7 @@ import { toast } from './c3-toast.js';
 import { FORMATS, OUTPUTS, formatOf, ensureReportCss } from './c3-doc-formats.js';
 import { createDeck } from './c3-report-deck.js';
 import { openStudio, openBrief } from './c3-design-studio.js';
+import { openStructure } from './c3-report-structure.js';
 import { RS, onReports, loadReports, askPmos, changeIt, cancelAsk, setupFrom, draftNow, 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'];
@@ -118,6 +119,7 @@ function askCard(a, 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', 'Shape it with PMOS', 'todo', { 'data-rs-act': 'shape', title: 'Set the report up, then decide with PMOS what it answers, where each number comes from and how it is worked out', onclick: async () => { const r = await setupFrom({ ask: a.id, proposal: P }); if (r && r.ok && r.setup) openStructure({ ws: RS.ws, id: r.setup.id, name: r.setup.name }); } }),
       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.')));
@@ -232,6 +234,7 @@ export function mountReportSetup(host, ctx) {
         open ? cycRows(s) : null),
       el('div', { class: 'acts' }, cy.length || paused || s.source !== 'work' ? pbtn('outline', 'Open', 'out', { 'data-rs-act': 'open-reg', onclick: () => openSetup(s) })
         : pbtn('outline', 'Draft it now', 'spark', { 'data-rs-act': 'draft-now', onclick: () => openSetup(s) }),
+        s.source === 'work' ? pbtn('ghost', 'Shape the report', 'todo', { 'data-rs-act': 'shape', onclick: () => openStructure({ ws: RS.ws, id: s.id, name: s.name }) }) : null,
         s.source === 'work' ? pbtn('ghost', 'Design how it looks', 'spark', { 'data-rs-act': 'design', onclick: () => openStudio({ ws: RS.ws, id: s.id, name: s.name }) }) : null,
         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) })));

package/workspace/public/pm/c3-report-structure.css

@@ -0,0 +1,40 @@
+/* pm/c3-report-structure.css — the Structure step of the report studio (c3-report-structure.js; mockup 43-reportstructure.css).
+   The conversation reuses the Design studio's .rd-dks-* rules (c3-report-deck.css). Tokens only; font sizes are the --fs-* scale. */
+.c3 .rs-st { display: grid; gap: var(--sp-3); min-width: 0; }
+.c3 .rs-st-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
+.c3 .rs-st-bar .seg button { display: inline-flex; gap: 4px; align-items: center; }
+.c3 .rs-st .rd-dks-out > .card.sect { margin: 0; }
+.c3 .rs-st-q { display: grid; gap: 4px; }
+.c3 .rs-st-q b { font-size: var(--fs-2); font-weight: 500; }
+.c3 .rs-st-small { font-size: var(--fs-2); }
+.c3 .rs-st-tiny { font-size: var(--fs-1); }
+.c3 .rs-st-fg { color: var(--foreground); }
+.c3 .rs-st-field { display: grid; gap: 2px; font-size: var(--fs-2); }
+.c3 .rs-st-field input { width: 100%; box-sizing: border-box; padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--card); color: var(--foreground); font: var(--fs-3)/1.4 var(--sans); }
+.c3 .rs-st-form { display: grid; gap: 8px; padding: 8px 10px; margin: 0 0 4px; border: 1px solid var(--border); border-radius: 8px; background: var(--background); }
+.c3 .rs-st-tw { overflow-x: auto; }
+.c3 .rs-st-tbl { min-width: 640px; font-size: var(--fs-2); }
+.c3 .rs-st-tbl td { vertical-align: top; }
+.c3 .rs-st-row.on td { background: var(--muted); }
+.c3 .rs-st-tbl .tt { text-align: left; }
+.c3 .rs-st-det > td { border-top: 0; padding-top: 0; }
+.c3 .rs-st-detb { display: grid; gap: 10px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--background); }
+.c3 .rs-st-detb p, .c3 .rs-st-opt p, .c3 .rs-st-p { margin: 2px 0 0; font-size: var(--fs-3); line-height: 1.5; }
+.c3 .rs-st-detb .dim.mono, .c3 .rs-st-opt .dim.mono { font-size: var(--fs-1); }
+.c3 .rs-st-code { font-size: var(--fs-2); overflow-wrap: anywhere; }
+.c3 .rs-st-ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
+.c3 .rs-st-ol > li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; align-items: start; }
+.c3 .rs-st-ol .chips { margin-top: 4px; }
+.c3 .rs-st-n { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--border); border-radius: 6px; font-size: var(--fs-1); color: var(--muted-foreground); }
+.c3 .rs-st-mini { margin: 0; padding-left: 20px; display: grid; gap: 2px; font-size: var(--fs-2); }
+.c3 .rs-st-opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--sp-2); }
+.c3 .rs-st-opt { display: grid; gap: 10px; align-content: start; margin: 0; }
+.c3 .rs-st-chk > li { grid-template-columns: 16px minmax(0, 1fr) auto; }
+.c3 .rs-st-saved { display: grid; gap: var(--sp-3); }
+.c3 .rs-st .rd-dks-panel { display: flex; flex-direction: column; max-height: 42vh; overflow: auto; }
+.c3 .rs-st .rd-dks-panel > * { flex: none; }
+@media (max-width: 760px) {
+  .c3 .rs-st .rd-dks { grid-template-columns: minmax(0, 1fr); }
+  .c3 .rs-st .rd-dks-chat { position: static; max-height: none; }
+  .c3 .rs-st .rd-dks-log { max-height: 420px; }
+}