create-pmos 0.204.0 → 0.206.0

package/workspace/lib/report-design.js

@@ -47,7 +47,8 @@ const issues = require('./issues.js');
 
 const EVENTS = Object.freeze(['describe', 'sample', 'fetched', 'took', 'turn', 'version', 'accept', 'revert', 'error', 'cycle-decision']);
 const FORMATS = Object.freeze(['deck', 'doc']);
-const SAMPLE_KINDS = Object.freeze(['pdf', 'pptx', 'docx', 'image', 'link', 'pmos-doc']);
+const SAMPLE_KINDS = Object.freeze(['pdf', 'pptx', 'docx', 'image', 'pictures', 'link', 'pmos-doc']);
+const MAX_PICTURES = 12;
 const MAX_SAMPLE_BYTES = 20 * 1024 * 1024;
 const MAX_THUMB_BYTES = 256 * 1024;
 const MAX_TEXT = 4000;
@@ -118,7 +119,8 @@ function fold(events) {
       if (FORMATS.includes(l.format)) st.format = l.format;
       st.log.push({ at: l.at, who: 'you', kind: 'describe', text: str(l.text) });
     } else if (l.ev === 'sample') {
-      st.samples.set(l.id, { id: l.id, name: str(l.name), kind: l.kind, source: str(l.source), ext: str(l.ext), took: null, readable: l.readable !== false, at: l.at });
+      st.samples.set(l.id, { id: l.id, name: str(l.name), kind: l.kind, source: str(l.source), ext: str(l.ext), took: null, readable: l.readable !== false, at: l.at,
+        ...(l.via === 'chrome' ? { via: 'chrome' } : {}), ...(Number.isInteger(l.count) ? { count: l.count } : {}), ...(Number.isInteger(l.pages) ? { pages: l.pages } : {}) });
       st.log.push({ at: l.at, who: 'you', kind: 'sample', text: str(l.name), sample: l.id });
     } else if (l.ev === 'fetched') {
       const s = st.samples.get(l.id);
@@ -220,6 +222,32 @@ function addSample(root, cadence, input, { actor, now } = {}) {
     writeAtomic(path.join(p.samples, `${id}.md`), text);
     const fm = /^---\r?\n[\s\S]*?\btitle:\s*["']?([^\n"']+)/.exec(text);
     rec = { id, name: oneLine(input.name || (fm ? fm[1] : rel.split('/').slice(-2).join(' ')), 120), kind: 'pmos-doc', source: rel, ext: 'md', readable: true, thumb: null, text_file: null };
+  } else if (str(input.kind) === 'pictures' || Array.isArray(input.pictures)) {
+    // pictures of a whole page, scrolled top to bottom, from the Chrome extension (the page frames PMOS; see extension/popup.js)
+    const list = Array.isArray(input.pictures) ? input.pictures : null;
+    if (str(input.kind) !== 'pictures' || !list || !list.length) return refuse(400, 'pictures needs kind "pictures" and a list of pictures (base64 JPEG or PNG)');
+    if (list.length > MAX_PICTURES) return refuse(400, `at most ${MAX_PICTURES} pictures in one sample`);
+    const bufs = [];
+    let total = 0;
+    for (const [i, raw] of list.entries()) {
+      if (typeof raw !== 'string' || !raw) return refuse(400, `picture ${i + 1} is empty`);
+      const b64 = raw.replace(/^data:[^,]*,/, '');
+      total += Math.floor(b64.length * 3 / 4);
+      if (total > MAX_SAMPLE_BYTES + 4 * list.length) return refuse(413, 'a sample is at most 20 MB');
+      const buf = Buffer.from(b64, 'base64');
+      const s = buf.length ? sniff(buf) : null;
+      if (!s || s.kind !== 'image') return refuse(415, `picture ${i + 1} must be a PNG or a JPG`);
+      bufs.push({ buf, ext: s.ext });
+    }
+    if (bufs.reduce((n, b) => n + b.buf.length, 0) > MAX_SAMPLE_BYTES) return refuse(413, 'a sample is at most 20 MB');
+    fs.mkdirSync(p.samples, { recursive: true });
+    const files = bufs.map((b, i) => { const f = `${id}-${i + 1}.${b.ext}`; writeAtomic(path.join(p.samples, f), b.buf); return f; });
+    const first = bufs[0];
+    const thumb = first.buf.length <= MAX_THUMB_BYTES ? `data:image/${first.ext === 'jpg' ? 'jpeg' : 'png'};base64,${first.buf.toString('base64')}` : null;
+    const src = typeof input.source_url === 'string' ? input.source_url.trim() : '';
+    const u = parseUrl(src);
+    const source = u && /^https?:$/.test(u.protocol) && src.length <= 2000 ? src : 'upload';
+    rec = { id, name: oneLine(input.name || 'Page pictures', 120), kind: 'pictures', source, ext: first.ext, count: files.length, files, via: 'chrome', bytes: bufs.reduce((n, b) => n + b.buf.length, 0), readable: true, thumb, text_file: null };
   } else {
     const kind = str(input.kind);
     if (!['pdf', 'pptx', 'docx', 'image'].includes(kind)) return refuse(400, 'kind must be pdf, pptx, docx or image (or send a link, or a report doc)');
@@ -244,19 +272,42 @@ function addSample(root, cadence, input, { actor, now } = {}) {
       try { thumb = ooxmlThumb(buf); } catch { thumb = null; }
     }
     rec = { id, name: oneLine(input.name || `${kind} sample`, 120), kind, source: 'upload', ext, bytes: buf.length, readable, thumb, text_file: textFile };
+    if (kind === 'pdf' && input.from === 'chrome') {
+      // a PDF the Chrome extension fetched: where it came from and how many pages it has
+      const src = typeof input.source_url === 'string' ? input.source_url.trim() : '';
+      const u = parseUrl(src);
+      if (u && /^https?:$/.test(u.protocol) && src.length <= 2000) rec.source = src;
+      rec.via = 'chrome';
+      const n = Number(input.pages);
+      if (Number.isInteger(n) && n > 0 && n < 5000) rec.pages = n;
+    }
   }
   writeAtomic(path.join(p.samples, `${id}.json`), JSON.stringify({ ...rec, took: null, added_at: iso(now) }, null, 2) + '\n');
-  append(root, cadence, { ev: 'sample', id, name: rec.name, kind: rec.kind, source: rec.source, ext: rec.ext, readable: rec.readable }, { actor, now });
+  append(root, cadence, { ev: 'sample', id, name: rec.name, kind: rec.kind, source: rec.source, ext: rec.ext, readable: rec.readable,
+    ...(rec.via ? { via: rec.via } : {}), ...(rec.count ? { count: rec.count } : {}), ...(rec.pages ? { pages: rec.pages } : {}) }, { actor, now });
   return { ok: true, sample: sampleOut(rec) };
 }
 function sampleOut(s, { fetching } = {}) {
   const out = { id: s.id, name: s.name, kind: s.kind, source: s.source, took: s.took || null, thumb: typeof s.thumb === 'string' && s.thumb.startsWith('data:image/') ? s.thumb : null, readable: s.readable !== false };
+  if (s.via === 'chrome') {
+    out.via = 'chrome';
+    out.line = chromeLine(s);
+    if (s.count) out.count = s.count;
+    if (s.pages) out.pages = s.pages;
+  }
   if (s.kind === 'link') {
     if (fetching) { out.fetching = true; out.hint = 'PMOS is reading this link with your connectors.'; }
     else out.hint = linkHint(s.source, { fetched: !!(s.text_file && s.fetched), reason: s.fetch_reason });
   }
   return out;
 }
+/** The kind line of a sample the Chrome extension added: 'From Chrome, PDF, 12 slides' | 'From Chrome, PDF, 3 pages' | 'From Chrome, 3 page pictures'. */
+function chromeLine(s) {
+  if (s.kind === 'pictures') { const n = s.count || 0; return n ? `From Chrome, ${n} page ${n === 1 ? 'picture' : 'pictures'}` : 'From Chrome, page pictures'; }
+  const g = googleOf(parseUrl(s.source));
+  const n = s.pages || 0;
+  return n ? `From Chrome, PDF, ${n} ${g && g[2] === 'Slides' ? (n === 1 ? 'slide' : 'slides') : (n === 1 ? 'page' : 'pages')}` : 'From Chrome, PDF';
+}
 /* Google files: name them for what they are, and say which download PMOS can read */
 // a PDF, because the job sees its pages; from a .pptx or .docx it gets the words only, not the look
 const GOOGLE = [[/^\/presentation\//, 'Google Slides deck', 'Slides'], [/^\/document\//, 'Google Docs document', 'Docs'], [/^\/spreadsheets\//, 'Google Sheets sheet', 'Sheets']];
@@ -309,6 +360,13 @@ function recordTook(root, cadence, id, took, readable, { now } = {}) {
 /** The file the job reads for a sample: the pdf or image itself, the extracted words of a .pptx/.docx, the copy of a report doc, the text copy of a fetched link; null for any other link. */
 function sampleReadPath(root, cadence, s) {
   const p = paths(root, cadence);
+  if (s.kind === 'pictures') {
+    // every picture of the page, in order (samples/<id>-1.jpg, <id>-2.jpg, …); null when none is there
+    let names = [];
+    try { names = fs.readdirSync(p.samples).filter((f) => f.startsWith(`${s.id}-`) && /^\d+\.(jpg|png)$/.test(f.slice(s.id.length + 1))); } catch { names = []; }
+    names.sort((a, b) => parseInt(a.slice(s.id.length + 1), 10) - parseInt(b.slice(s.id.length + 1), 10));
+    return names.length ? names.map((f) => path.join(p.samples, f)) : null;
+  }
   if (s.kind === 'link') { const f = path.join(p.samples, `${s.id}.txt`); return s.fetched && fs.existsSync(f) ? f : null; }
   if (s.kind === 'pptx' || s.kind === 'docx') { const f = path.join(p.samples, `${s.id}.txt`); return fs.existsSync(f) ? f : null; }
   const f = path.join(p.samples, `${s.id}.${s.ext}`);
@@ -352,7 +410,7 @@ function writeBrief(root, cadence, setup, { now } = {}) {
     '## Description', '', st.description ? st.description : 'No description was given.', '', '## Samples', ''];
   const samples = [...st.samples.values()];
   if (!samples.length) lines.push('No samples.');
-  for (const s of samples) lines.push(`- ${s.name} (${s.kind}${s.kind === 'link' || s.kind === 'pmos-doc' ? ', ' + s.source : ''}): ${s.took ? 'PMOS took ' + s.took : (s.readable ? 'nothing taken yet' : 'could not be read')}`);
+  for (const s of samples) lines.push(`- ${s.name} (${s.kind}${s.kind === 'link' || s.kind === 'pmos-doc' ? ', ' + s.source : ''}${s.via === 'chrome' ? ', from Chrome' : ''}): ${s.took ? 'PMOS took ' + s.took : (s.readable ? 'nothing taken yet' : 'could not be read')}`);
   lines.push('', '## Reference outline', '');
   for (const o of (Array.isArray(meta.outline) ? meta.outline : [])) lines.push(`- ${o.id} (${o.kind || 'slide'}): ${o.title || ''}`);
   const sec = (h, list) => { lines.push('', `## ${h}`, ''); if (!list || !list.length) lines.push('None written yet.'); else for (const x of list) lines.push(`- ${x}`); };

package/workspace/lib/routes-boards.js

@@ -9,7 +9,7 @@
  *   GET  /api/boards/columns?ws&board&q&owner&cap     → { ok, columns: [{ stage, cat, hint, count, rows }] }
  *   GET  /api/boards/initiative?ws&board&id           → { ok, row, board, history, tools }
  *   GET  /api/boards/asks?ws&board&state              → { ok, asks }                            state: open (default) | accepted | declined | all
- *   GET  /api/boards/sprints?ws&board                 → { ok, source: jira|none, readAt, sprints }
+ *   GET  /api/boards/sprints?ws&board                 → { ok, source: jira|none, readAt, sprints } (each with goal, summary, themes, frozen)
  *   GET  /api/boards/items?ws&board                   → { ok, build, jira, items, initiatives }   PMOS tasks + Jira items (Build and deliver only)
  *   GET  /api/boards/anchors?ws&board                 → { ok, anchors: [{ value, kind, group, label }], error }   the declared KRs,
  *                                                       health budgets and domains a new initiative can anchor to (D59)
@@ -548,7 +548,9 @@ const READS = {
     } catch { /* no snapshot yet */ }
     let whole = null;
     try { whole = jiraStatus.readSprints(r.w.root); } catch { whole = null; }
-    ctx.json(res, { ok: true, ws: r.w.id, board: r.board.id, ...B.sprintsOf(snaps, (id) => ids.has(id), whole) });
+    let notes = null;
+    try { notes = jiraStatus.readSprintNotes(r.w.root); } catch { notes = null; }
+    ctx.json(res, { ok: true, ws: r.w.id, board: r.board.id, ...B.sprintsOf(snaps, (id) => ids.has(id), whole, notes) });
   },
 };
 
@@ -1000,7 +1002,9 @@ function meetingBoards(ctx) {
       } catch { /* no snapshot yet */ }
       let whole = null;
       try { whole = jiraStatus.readSprints(w.root); } catch { whole = null; }
-      sprints = B.sprintsOf(snaps, (id) => ids.has(id), whole);
+      let notes = null;
+      try { notes = jiraStatus.readSprintNotes(w.root); } catch { notes = null; }
+      sprints = B.sprintsOf(snaps, (id) => ids.has(id), whole, notes);
     }
     return { ...head, health: B.health(rows), counts: { total: c.total, open: c.open, risk: c.risk, late: c.late },
       rows: rows.filter((r) => r.status === 'late' || r.status === 'at risk').map((r) => ({ id: r.id, title: r.title, status: r.status, end: r.end || null, owner: r.owner || null })),

package/workspace/lib/routes-report-design.js

@@ -5,6 +5,8 @@
  *   GET  /api/report-design/version?ws&id&n       → text/html, the sanitized render of D<n>
  *   POST /api/report-design/describe { ws, id, text, format? }
  *   POST /api/report-design/sample   { ws, id, name, kind, data } | { ws, id, link, name? } | { ws, id, doc, name? }   → { ok, sample }
+ *                                                   from Chrome: { kind: 'pdf', data, from: 'chrome', source_url?, pages? } | { kind: 'pictures', pictures: [base64 JPEG or PNG, …], source_url?, name, from: 'chrome' }   (the field is `from`: pm-guard reserves `via` for the writer; the record keeps via: 'chrome')
+ *   GET  /api/report-design/last?ws               → { ok, id, name, at }   the report whose design studio was opened last (the Chrome popup's default report); id null when none
  *   POST /api/report-design/turn     { ws, id, text, points: [{ n, slide, x, y, text }] }   → { ok, running }   ONE job per report; 409 while one runs
  *   POST /api/report-design/accept   { ws, id, n }   → { ok, design, brief, redraw }   "This is it": writes brief.md and redraws the current
  *                                                   cycle in the saved design (redraw: { path, slot, started, reason? }; a sent cycle keeps its look)
@@ -101,6 +103,11 @@ function promptFor(skill, { mode, root, cadence, setup, st, turnText, points, cy
     lines.push(samples.length ? '- Samples:' : '- Samples: none');
     for (const s of samples) {
       const f = D.sampleReadPath(root, cadence, s);
+      if (s.kind === 'pictures') {
+        const fs_ = Array.isArray(f) ? f : [];
+        lines.push(`  - ${s.id}${s.took ? '' : ' (NEW)'} "${s.name}", pictures of a whole web page from Chrome, top to bottom, ${fs_.length ? `${fs_.length} in all: read every one, in this order, and follow the look closely: ${fs_.join(', ')}` : 'its files could not be read'}`);
+        continue;
+      }
       const where = s.kind === 'link' ? (f ? `a link: ${s.source}. PMOS read its words and structure through the PM's connectors: read ${f}. It has the words and the order, not the look` : `a link: ${s.source} (you have no web tool)`) : f ? `read ${f}` : 'its file could not be read';
       lines.push(`  - ${s.id}${s.took ? '' : ' (NEW)'} "${s.name}", ${s.kind}: ${where}`);
     }
@@ -352,6 +359,26 @@ function sweep(ctx) {
 }
 
 // ── the Edit log line ───────────────────────────────────────────────────────────────────────────────────────
+/* The report whose design studio was opened last, for each workspace: <runtime>/report-design-last.json { [ws]: { id, at } }. A read of a design is an open of its studio. */
+function lastFile(ctx) { return ctx.runtimeDir ? path.join(ctx.runtimeDir, 'report-design-last.json') : null; }
+function lastEntry(ctx, w) {
+  const f = lastFile(ctx);
+  if (!f) return null;
+  try { const o = JSON.parse(fs.readFileSync(f, 'utf8')); const e = o && o[w.id]; return e && D.CADENCE_RE.test(String(e.id)) ? { id: e.id, at: typeof e.at === 'string' ? e.at : null } : null; } catch { return null; }
+}
+const lastStudio = (ctx, w) => { const e = lastEntry(ctx, w); return e ? e.id : null; };
+function rememberStudio(ctx, w, id) {
+  const f = lastFile(ctx);
+  if (!f || lastStudio(ctx, w) === id) return false;
+  try {
+    let o = {};
+    try { o = JSON.parse(fs.readFileSync(f, 'utf8')) || {}; } catch { o = {}; }
+    o[w.id] = { id, at: new Date().toISOString() };
+    fs.mkdirSync(path.dirname(f), { recursive: true });
+    fs.writeFileSync(f, JSON.stringify(o) + '\n');
+    return true;
+  } catch { return false; }
+}
 function editLog(ctx, row) {
   if (!ctx.runtimeDir) return false;
   try {
@@ -430,8 +457,14 @@ async function handle(req, res, url, ctx) {
         return sendHtml(res, D.sanitize(html));
       }
       try { settleStale(w.root, id); } catch { /* a read never fails on this */ }
+      rememberStudio(ctx, w, id);
       return send({ status: 200, body: { ok: true, setup, design: D.designAnswer(w.root, id, designOpts(w.root, id)) } });
     }
+    if (sub === 'last') {
+      const e = lastEntry(ctx, w);
+      const setup = e ? setupOf(w.root, e.id) : null;
+      return send({ status: 200, body: { ok: true, id: setup ? e.id : null, name: setup ? setup.name : null, at: setup ? e.at : null } });
+    }
     if (sub === 'cycle' || sub === 'cycle-html') {
       const d = reportDoc(w, text(url.searchParams.get('path'))); if (d.error) return send(d.error);
       if (sub === 'cycle') return send({ status: 200, body: cycleAnswer(w, d.c) });

package/workspace/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "pmos-workspace",
-  "version": "0.204.0",
+  "version": "0.206.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "pmos-workspace",
-      "version": "0.204.0",
+      "version": "0.206.0",
       "license": "MIT",
       "dependencies": {
         "@xterm/addon-fit": "^0.11.0",

package/workspace/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pmos-workspace",
-  "version": "0.204.0",
+  "version": "0.206.0",
   "private": true,
   "description": "PMOS Terminal Workspace — local companion hosting real PTYs beside the library and gates (D62)",
   "license": "MIT",

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

@@ -6,5 +6,6 @@
 const narrow = typeof matchMedia === 'function' && matchMedia('(max-width:640px)').matches;
 let desk = false;
 try { desk = localStorage.getItem('pmos.c3.testDesk') === 'desk'; } catch { /* no storage */ }
-if (narrow && !desk) import('./c3-phone-boot.js');
+if (new URLSearchParams(location.search).get('capture') === '1') import('./c3-capture.js');   // the PMOS Chrome extension's popup page: a small page on its own, at any width
+else if (narrow && !desk) import('./c3-phone-boot.js');
 else import('./c3-shell.js');

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

@@ -0,0 +1,23 @@
+/* pm/c3-capture.css — the page the PMOS Chrome extension frames in its popup (c3-capture.js). Mockup 42-reportdeck.css .mk-cx-pop and friends. */
+.c3.c3-cap { min-height: 0; padding: 8px; background: var(--background); }
+.c3 .cap-pop { display: grid; gap: 10px; padding: 12px; box-sizing: border-box; }
+.c3 .cap-head { display: flex; gap: 8px; align-items: center; font-size: var(--fs-3); font-weight: 600; }
+.c3 .cap-head b { font-size: var(--fs-1); color: var(--acc); }
+.c3 .cap-head span { flex: 1; min-width: 0; }
+.c3 .cap-what { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px; align-items: start; padding: 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--background); }
+.c3 .cap-what b { display: flex; gap: 6px; align-items: center; font-size: var(--fs-2); overflow-wrap: anywhere; }
+.c3 .cap-what .mono { font-size: var(--fs-1); overflow-wrap: anywhere; }
+.c3 .cap-thumb { display: grid; gap: 3px; align-content: start; width: 56px; aspect-ratio: 16 / 9; padding: 4px; box-sizing: border-box; border: 1px solid var(--slide-border); border-radius: 6px; background: var(--slide-bg); }
+.c3 .cap-thumb i { display: block; height: 3px; background: var(--slide-track); }
+.c3 .cap-thumb.deck i:first-child { height: 6px; background: var(--slide-brand); }
+.c3 .cap-thumb.page { aspect-ratio: 3 / 4; width: 40px; justify-self: center; }
+.c3 .cap-f { display: grid; gap: 4px; }
+.c3 .cap-f select { width: 100%; box-sizing: border-box; padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--background); color: var(--foreground); font: inherit; font-size: var(--fs-3); }
+.c3 .cap-lbl { font-size: var(--fs-1); }
+.c3 .cap-line { font-size: var(--fs-2); line-height: 1.5; }
+.c3 .cap-step { font-size: var(--fs-1); }
+.c3 .cap-acts { display: flex; gap: 8px; flex-wrap: wrap; }
+.c3 .cap-msg { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: var(--fs-3); line-height: 1.5; }
+.c3 .cap-msg .ic { flex: 0 0 auto; margin-top: 4px; }
+.c3 .cap-prog { height: 6px; border-radius: 6px; background: var(--muted); overflow: hidden; }
+.c3 .cap-prog i { display: block; width: var(--rp-w, 6%); height: 100%; background: var(--acc); }

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

@@ -0,0 +1,152 @@
+/* pm/c3-capture.js — the page the PMOS Chrome extension frames in its popup (initiative report-design-studio; mockup 42-reportdeck.js, hashes
+ * #design-chrome and #design-chrome-page). c3-boot.js loads it alone for /c3.html?capture=1&pop=1&pkind=deck|doc|page&ptitle=…&purl=…[&pscreens=N].
+ *
+ * It draws "Add this page to a report design": the page, the report to add it to (the report whose studio was opened last is chosen), how it is
+ * saved, and Add as a sample. The extension never posts to PMOS itself: every PMOS write needs a press on a PMOS page. So this page asks its
+ * parent, the extension popup, with postMessage { pmosCapture: 'request' }; the popup takes the page and answers { pmosCapture: 'data', kind, … }, and
+ * THIS page uploads it with its own press (POST /api/report-design/sample, from 'chrome').
+ *
+ * Messages in: only from window.parent, only from a chrome-extension:// origin or this page's own origin, only these words, and 'data' only while a
+ * request is waiting. Messages out: to the parent's origin, never '*'. Nothing here sends anything outside the workspace. */
+import { el } from './dom.js';
+import { icon, pbtn, plural } from './c3-ini-ui.js';
+import { pmGet, pmPost } from './http.js';
+import { ensureC3Css } from './pm-work-view.js';
+
+const q = new URLSearchParams(location.search);
+const KIND = ['deck', 'doc', 'page'].includes(q.get('pkind')) ? q.get('pkind') : 'page';
+const TITLE = (q.get('ptitle') || 'This page').slice(0, 120);
+const URL_OF = (q.get('purl') || '').slice(0, 2000);
+const SCREENS = Math.max(0, Math.min(500, parseInt(q.get('pscreens') || '0', 10) || 0));
+const MAX_MB = 20;
+const host = (() => { try { return new URL(URL_OF).hostname; } catch { return ''; } })();
+
+let parentOrigin = '';
+try { parentOrigin = (location.ancestorOrigins && location.ancestorOrigins[0]) || ''; } catch { parentOrigin = ''; }
+if (!parentOrigin) { try { parentOrigin = new URL(document.referrer).origin; } catch { parentOrigin = ''; } }
+const trusted = (o) => !!o && (o.startsWith('chrome-extension://') || o === location.origin) && (!parentOrigin || o === parentOrigin);
+const say = (m) => { if (window.parent !== window && parentOrigin) { try { window.parent.postMessage(m, parentOrigin); } catch { /* the popup is gone */ } } };
+
+const S = { st: 'load', reports: [], rep: null, last: null, err: '', step: 0, of: 1, text: '', got: '', waiting: false, root: null };
+
+const WHAT = {
+  deck: { what: 'Google Slides', how: 'PMOS saves the deck as a PDF so the design can follow its look. Only your own PMOS gets it.', saving: 'Saving the deck as a PDF' },
+  doc: { what: 'Google Docs', how: 'PMOS saves the document as a PDF so the design can follow its look. Only your own PMOS gets it.', saving: 'Saving the document as a PDF' },
+  page: { what: '', how: 'PMOS saves the page as pictures, scrolled top to bottom, so the design can follow its look. Only your own PMOS gets it.', saving: 'Saving the page as pictures' },
+};
+const whatLine = () => (KIND === 'page' ? [host || 'Web page', SCREENS ? 'about ' + plural(SCREENS, 'screen') + ' long' : ''].filter(Boolean).join(', ') : WHAT[KIND].what);
+
+function whatCard() {
+  return el('div', { class: 'cap-what', 'data-cap': 'page' },
+    el('span', { class: 'cap-thumb ' + (KIND === 'page' ? 'page' : 'deck'), 'aria-hidden': 'true' }, el('i'), el('i'), el('i')),
+    el('div', null, el('b', null, icon(KIND === 'page' ? 'notes' : 'img', 'sm'), TITLE), el('span', { class: 'dim mono' }, whatLine())));
+}
+function head() {
+  return el('div', { class: 'cap-head' }, el('b', { class: 'mono' }, 'PMOS'), el('span', null, 'Add this page to a report design'));
+}
+const repOf = () => S.reports.find((r) => r.key === S.rep) || null;
+
+function bar(pct) { const i = el('i'); i.style.setProperty('--rp-w', pct + '%'); return i; }
+
+function draw() {
+  const r = repOf();
+  let body;
+  if (S.st === 'load') body = [el('p', { class: 'dim mono cap-msg', role: 'status' }, 'Reading your reports.')];
+  else if (S.st === 'none') body = [whatCard(), el('p', { class: 'cap-msg', 'data-cap': 'none' }, icon('alert', 'sm'), el('span', null, 'There is no report set up in PMOS yet. Set one up in Reports, then add this page to its design.'))];
+  else if (S.st === 'error') body = [el('p', { class: 'cap-msg', role: 'alert', 'data-cap': 'error' }, icon('alert', 'sm'), el('span', null, S.err)), el('div', { class: 'cap-acts' }, pbtn('outline', 'Try again', 'undo', { 'data-cap': 'retry', onclick: () => { S.st = 'ready'; draw(); } }))];
+  else if (S.st === 'sending') {
+    const pct = Math.max(6, Math.min(100, Math.round((S.step / Math.max(1, S.of)) * 100)));
+    body = [whatCard(), el('p', { class: 'cap-msg', 'data-cap': 'saving' }, el('b', null, WHAT[KIND].saving)),
+      el('div', { class: 'cap-prog', role: 'progressbar', 'aria-label': WHAT[KIND].saving, 'aria-valuenow': String(pct), 'aria-valuemin': '0', 'aria-valuemax': '100' }, bar(pct)),
+      el('div', { class: 'dim mono cap-step' }, (S.text || 'Starting') + '. Keep this popup open.')];
+  } else if (S.st === 'done') {
+    body = [el('p', { class: 'cap-msg ok', 'data-cap': 'done' }, icon('check', 'sm'), el('b', null, 'Added to ' + (r ? r.name : 'the report'))),
+      el('div', { class: 'dim cap-line' }, TITLE + ', ' + S.got + '. PMOS reads its look on your next turn in the studio.'),
+      el('div', { class: 'cap-acts' }, pbtn('primary', 'Open the studio', 'spark', { 'data-cap': 'studio', onclick: openStudio }))];
+  } else {
+    body = [whatCard(),
+      el('label', { class: 'cap-f' }, el('span', { class: 'dim cap-lbl' }, 'Report'),
+        el('select', { 'data-cap-rep': '', 'aria-label': 'Report', onchange: (e) => { S.rep = e.target.value; draw(); } },
+          ...S.reports.map((x) => el('option', { value: x.key, selected: x.key === S.rep }, x.label)))),
+      S.rep === S.last ? el('div', { class: 'dim cap-lbl' }, 'The report whose studio you opened last.') : null,
+      el('div', { class: 'dim cap-line' }, WHAT[KIND].how),
+      el('div', { class: 'cap-acts' }, pbtn('primary', 'Add as a sample', 'plus', { 'data-cap': 'send', onclick: send }))];
+  }
+  S.root.replaceChildren(el('div', { class: 'card cap-pop', role: 'dialog', 'aria-label': 'PMOS extension' }, head(), ...body.filter(Boolean)));
+  requestAnimationFrame(() => say({ pmosCapture: 'resize', height: Math.max(120, Math.min(600, Math.ceil(S.root.getBoundingClientRect().height) + 8)) }));
+}
+
+function send() {
+  if (!repOf()) return;
+  S.st = 'sending'; S.step = 0; S.of = 1; S.text = 'Asking the page'; S.waiting = true;
+  draw();
+  if (window.parent === window) { S.waiting = false; fail('Open this page from the PMOS button in Chrome.'); return; }
+  say({ pmosCapture: 'request' });
+}
+function fail(text) { S.waiting = false; S.st = 'error'; S.err = text; draw(); }
+
+async function upload(m) {
+  const r = repOf();
+  if (!r) return fail('Choose a report, then try again.');
+  const body = m.kind === 'pdf'
+    ? { ws: r.ws, id: r.id, name: m.name, kind: 'pdf', data: m.data, from: 'chrome', source_url: m.url, ...(m.pages ? { pages: m.pages } : {}) }
+    : { ws: r.ws, id: r.id, name: m.name, kind: 'pictures', pictures: m.pictures, from: 'chrome', source_url: m.url };
+  S.text = 'Sending it to PMOS'; S.step = S.of; draw();
+  const res = await Promise.resolve(pmPost('/api/report-design/sample', body)).catch((e) => ({ ok: false, error: String((e && e.message) || e) }));
+  if (!res || !res.ok) {
+    const e = String((res && res.error) || '');
+    return fail(res && res.status === 413 || /20 MB/.test(e) ? 'The sample is over ' + MAX_MB + ' MB. PMOS keeps a sample up to ' + MAX_MB + ' MB. Open a shorter page, or add a smaller copy.'
+      : e ? 'PMOS did not take the sample: ' + e + '.' : 'PMOS is not answering. Start PMOS, then try again.');
+  }
+  S.got = m.kind === 'pdf' ? (m.pages ? plural(m.pages, KIND === 'deck' ? 'slide' : 'page') + ' as a PDF' : 'a PDF') : plural(m.pictures.length, 'page picture');
+  S.st = 'done';
+  draw();
+}
+
+function openStudio() {
+  const r = repOf(); if (!r) return;
+  if (window.parent !== window) { say({ pmosCapture: 'open', report: r.id }); return; }
+  location.href = '/c3.html?studio=' + encodeURIComponent(r.id) + (r.ws ? '&ws=' + encodeURIComponent(r.ws) : '');
+}
+
+window.addEventListener('message', (e) => {
+  if (e.source !== window.parent || window.parent === window || !trusted(e.origin)) return;
+  const m = e.data;
+  if (!m || typeof m !== 'object' || typeof m.pmosCapture !== 'string' || !S.waiting) return;
+  if (m.pmosCapture === 'progress' && typeof m.text === 'string' && Number.isInteger(m.step) && Number.isInteger(m.of) && m.of > 0) { S.text = m.text.slice(0, 80); S.step = m.step; S.of = m.of; draw(); return; }
+  if (m.pmosCapture === 'error' && typeof m.error === 'string') { fail(m.error.slice(0, 400)); return; }
+  if (m.pmosCapture !== 'data' || S.st !== 'sending') return;
+  if (m.kind === 'pdf' && typeof m.data === 'string' && m.data) { S.waiting = false; upload({ kind: 'pdf', name: String(m.name || TITLE).slice(0, 120), url: String(m.url || URL_OF), pages: Number.isInteger(m.pages) ? m.pages : 0, data: m.data }); return; }
+  if (m.kind === 'pictures' && Array.isArray(m.pictures) && m.pictures.length && m.pictures.length <= 12 && m.pictures.every((p) => typeof p === 'string' && p)) { S.waiting = false; upload({ kind: 'pictures', name: String(m.name || TITLE).slice(0, 120), url: String(m.url || URL_OF), pictures: m.pictures }); return; }
+  fail('The page came back in a form PMOS could not use.');
+});
+
+async function load() {
+  const list = await pmGet('/api/workspaces').then((j) => (j && j.workspaces) || []).catch(() => []);
+  const want = q.get('ws');
+  const wss = want ? list.filter((w) => w.id === want) : list;
+  const per = await Promise.all(wss.map(async (w) => {
+    const [a, b] = await Promise.all([pmGet('/api/report-setups?ws=' + encodeURIComponent(w.id)).catch(() => null), pmGet('/api/report-design/last?ws=' + encodeURIComponent(w.id)).catch(() => null)]);
+    return { w, setups: ((a && a.setups) || []).filter((s) => s && s.id && s.status !== 'removed'), last: b && b.ok && b.id ? { id: b.id, at: b.at || '' } : null };
+  }));
+  const many = per.filter((x) => x.setups.length).length > 1;
+  S.reports = per.flatMap((x) => x.setups.map((s) => ({ key: x.w.id + '|' + s.id, ws: x.w.id, id: s.id, name: s.name || s.id, label: many ? (s.name || s.id) + ' (' + (x.w.name || x.w.id) + ')' : (s.name || s.id) })));
+  const lasts = per.filter((x) => x.last && x.setups.some((s) => s.id === x.last.id)).sort((a, b) => String(b.last.at).localeCompare(String(a.last.at)));
+  S.last = lasts.length ? lasts[0].w.id + '|' + lasts[0].last.id : null;
+  S.rep = S.last || (S.reports[0] && S.reports[0].key) || null;
+  S.st = S.reports.length ? 'ready' : 'none';
+  draw();
+}
+
+function boot() {
+  S.root = document.getElementById('c3-root');
+  const theme = q.get('theme') === 'dark' || (typeof matchMedia === 'function' && matchMedia('(prefers-color-scheme: dark)').matches && q.get('theme') !== 'light') ? 'dark' : 'light';
+  document.documentElement.setAttribute('data-pm-page-theme', theme);
+  S.root.setAttribute('data-pm-theme', theme);
+  S.root.classList.add('c3-cap');
+  ensureC3Css();
+  const l = document.createElement('link'); l.rel = 'stylesheet'; l.href = new URL('./c3-capture.css', import.meta.url).href; document.head.appendChild(l);
+  draw();
+  load().then(() => say({ pmosCapture: 'ready' }), () => { S.st = 'none'; draw(); say({ pmosCapture: 'ready' }); });
+}
+boot();

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

@@ -385,7 +385,17 @@ export function handle(S, method, path, p, body) {
       const counts = { todo: issues.filter((i) => i.category === 'todo').length, doing: issues.filter((i) => i.category === 'doing').length, done: issues.filter((i) => i.category === 'done').length };
       const num = key === 'IDPF' ? 42 : 19;
       const extra = (k, state, name, cat, n) => { const is = Array.from({ length: n }, (_, i) => ({ key: key + '-' + (1100 + k * 20 + i), summary: (own[i % Math.max(1, own.length)] || { title: 'Sprint work' }).title + ': part ' + (i + 1), status: cat === 'done' ? 'Done' : 'To Do', category: cat, initiative: (own[i % Math.max(1, own.length)] || {}).id || null })); return { name, state, issues: is, counts: { todo: cat === 'todo' ? n : 0, doing: 0, done: cat === 'done' ? n : 0 } }; };
-      return okb({ source: 'jira', readAt: TODAY + 'T08:10:00', sprints: [{ name: key + ' Sprint ' + num, state: 'active', issues, counts }, extra(1, 'future', key + ' Sprint ' + (num + 1), 'todo', 3), extra(0, 'closed', key + ' Sprint ' + (num - 1), 'done', 5)] });
+      // The goal and summary the Jira status check writes (sprint-goal-summary): Jira's goal is too broad for the active sprint,
+      // missing for the next, and fine for the closed one, which was summarised once.
+      const ini0 = own[0] ? own[0].id : null;
+      const themes = [{ title: own[0] ? own[0].title : 'Sprint work', line: 'Most items are in progress or in review.', tickets: issues.filter((i) => i.initiative === ini0).length || 1, done: issues.filter((i) => i.initiative === ini0 && i.category === 'done').length, blocked: 1, people: 'Ana, Budi', initiative: ini0 },
+        { title: 'Fixes and upkeep', line: 'Small fixes outside any initiative.', tickets: 2, done: 1, blocked: 0, people: 'Chen', initiative: null }];
+      const act = { name: key + ' Sprint ' + num, state: 'active', issues, counts, goal: { from: 'broad', text: 'Get the first initiative ready for internal users and clear the blocked work.', jira: 'Q4 delivery' },
+        summary: 'Most of the sprint is on the first initiative. One item is blocked. Two small fixes sit outside any initiative.', themes, writtenAt: TODAY + 'T06:30:00Z', summarisedTickets: issues.length, closed: null, frozen: false };
+      const fut = { ...extra(1, 'future', key + ' Sprint ' + (num + 1), 'todo', 3), goal: { from: 'none', text: 'Finish the first initiative and start the beta.', jira: null }, summary: 'Planned so far: three follow-up items.', themes: [], writtenAt: TODAY + 'T06:30:00Z', closed: null, frozen: false };
+      const old = { ...extra(0, 'closed', key + ' Sprint ' + (num - 1), 'done', 5), goal: { from: 'jira', text: 'Start the first initiative.', jira: 'Start the first initiative.' }, summary: 'Goal met. Five items shipped; two moved to the next sprint.', themes: [{ title: 'Sprint work', line: '', tickets: 5, done: 5, blocked: 0, people: '', initiative: ini0 }],
+        writtenAt: '2026-09-29T06:30:00Z', closed: { done: 5, total: 7, carried: 2, carriedTo: key + ' Sprint ' + num, points: '21 of 26' }, frozen: true };
+      return okb({ source: 'jira', readAt: TODAY + 'T08:10:00', sprints: [act, fut, old] });
     }
     return fail(404, 'No route ' + path);
   }

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

@@ -19,8 +19,8 @@ import { RD, failed, splitRender, slideCard, frame, wireFrame, diffOutlines, ens
 
 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' : ''; };
-const SICON = { pdf: 'pdf', pptx: 'img', docx: 'doc', image: 'img', link: 'link', 'pmos-doc': 'doc' };
-const SWORD = { pdf: 'Upload, PDF', pptx: 'Upload, .pptx', docx: 'Upload, .docx', image: 'Upload, image', link: 'Link', 'pmos-doc': 'Past PMOS document' };
+const SICON = { pdf: 'pdf', pptx: 'img', docx: 'doc', image: 'img', pictures: 'img', link: 'link', 'pmos-doc': 'doc' };
+const SWORD = { pdf: 'Upload, PDF', pptx: 'Upload, .pptx', docx: 'Upload, .docx', image: 'Upload, image', pictures: 'Page pictures', link: 'Link', 'pmos-doc': 'Past PMOS document' };
 /* the studio's width, as a session's terminal sheet has it: half, three-quarters or the whole window; kept on this browser */
 const SIZE_KEY = 'pmos.workspace.c3.studio-size';
 export const STUDIO_SIZES = [['half', 'Half', 'Half of the window'], ['three-quarters', '3/4', 'Three-quarters of the window'], ['whole', 'Whole', 'Whole window']];
@@ -36,8 +36,8 @@ const LOCAL = {};
 const local = (id) => LOCAL[id] || (LOCAL[id] = { view: null, cmp: false, cmpA: null, sidx: 0, point: true, markers: [], draft: null, mOpen: null, panel: false, text: '', fmt: null });
 
 function sampleChip(s) {
-  const th = s.thumb && /^data:image\//.test(s.thumb) ? el('img', { class: 'rd-dks-thumb img', src: s.thumb, alt: '' }) : el('span', { class: 'rd-dks-thumb ' + (s.kind === 'pptx' || s.kind === 'image' ? 'deck' : 'page'), 'aria-hidden': 'true' }, el('i'), el('i'), el('i'));
-  return el('div', { class: 'rd-dks-smp', 'data-rd-sample': s.id }, th, el('div', null, el('b', null, icon(SICON[s.kind] || 'doc', 'sm'), s.name), el('span', { class: 'dim mono' }, SWORD[s.kind] || s.kind),
+  const th = s.thumb && /^data:image\//.test(s.thumb) ? el('img', { class: 'rd-dks-thumb img', src: s.thumb, alt: '' }) : el('span', { class: 'rd-dks-thumb ' + (s.kind === 'pptx' || s.kind === 'image' || s.kind === 'pictures' || (s.via === 'chrome' && s.kind === 'pdf') ? 'deck' : 'page'), 'aria-hidden': 'true' }, el('i'), el('i'), el('i'));
+  return el('div', { class: 'rd-dks-smp', 'data-rd-sample': s.id }, th, el('div', null, el('b', null, icon(SICON[s.kind] || 'doc', 'sm'), s.name), el('span', { class: 'dim mono' }, s.line || SWORD[s.kind] || s.kind),
     s.hint ? [el('p', { class: 'rd-warn', 'data-rd-hint': '' }, s.hint), s.took ? el('p', null, el('span', { class: 'dim' }, 'PMOS took: '), s.took) : null]
       : s.readable === false ? el('p', { class: 'rd-warn' }, 'PMOS could not read it with your tools. It is kept, but it does not shape the design.')
       : el('p', null, el('span', { class: 'dim' }, 'PMOS took: '), s.took || 'PMOS reads it on the next turn.')));
@@ -52,7 +52,7 @@ export function openStudio({ ws, id, name, view, onClose } = {}) {
   let size = sizeOf(sizeStore.get());
   const sizeBtns = STUDIO_SIZES.map(([k, label, title]) => btn({ class: 'ds-btn', 'aria-pressed': String(k === size), 'data-rd-size': k, title, 'aria-label': title, onclick: () => setSize(k) }, label));
   const seg = el('div', { class: 'seg rd-dks-size', role: 'group', 'aria-label': 'Studio width' }, ...sizeBtns);
-  const ui = openSheet({ title: 'Design studio', icon: 'spark', wide: true, dw: true, cls: 'rd-wide rdsz-' + size, body, actions: [seg], onClose: () => { S.closed = true; clearTimeout(S.timer); if (onClose) onClose(); } });
+  const ui = openSheet({ title: 'Design studio', icon: 'spark', wide: true, dw: true, cls: 'rd-wide rdsz-' + size, body, actions: [seg], onClose: () => { S.closed = true; clearTimeout(S.timer); clearInterval(S.watch); window.removeEventListener('focus', checkNew); if (onClose) onClose(); } });
   function setSize(k) {
     ui.sheet.classList.remove('rdsz-' + size); size = sizeOf(k); ui.sheet.classList.add('rdsz-' + size);
     sizeStore.set(size);
@@ -74,6 +74,16 @@ export function openStudio({ ws, id, name, view, onClose } = {}) {
     if (n == null || S.cache[n]) return;
     try { S.cache[n] = splitRender(await RD.version(ws, id, n)); } catch (e) { const style = ''; S.cache[n] = { err: (e && e.message) || 'not readable', slides: [], secs: [], style, body: '' }; }
   }
+  /* A sample added from another tab (the PMOS Chrome extension) shows here: the open studio reads the design every few seconds and when the window gets focus. */
+  const sampleSig = (D) => ((D && D.samples) || []).map((x) => x.id + (x.fetching ? '~' : '')).join(',');
+  async function checkNew() {
+    if (S.closed || S.busy || !S.D || S.D.running) return;
+    const r = await RD.design(ws, id);
+    if (S.closed || !r || r.ok === false || !r.design || !S.D || S.D.running) return;
+    if (sampleSig(r.design) !== sampleSig(S.D)) load(true);
+  }
+  S.watch = setInterval(checkNew, 4000);
+  window.addEventListener('focus', checkNew);
   function poll() { clearTimeout(S.timer); S.timer = setTimeout(async () => { if (S.closed) return; const was = S.D && S.D.current; await load(false); if (S.D && !S.D.running && S.D.current !== was) { K.markers = []; K.draft = null; scrollLog(); } }, 1500); }
   const ver = (n) => (S.D.versions || []).find((v) => v.n === n);
   const cmpA = () => { const b = S.D.current; const a = K.cmpA != null && K.cmpA !== b && ver(K.cmpA) ? K.cmpA : (S.D.versions.filter((v) => v.n < b).pop() || S.D.versions.find((v) => v.n !== b) || {}).n; return a; };
@@ -104,6 +114,8 @@ export function openStudio({ ws, id, name, view, onClose } = {}) {
     return el('div', { class: 'rd-dks-panel', 'data-rd-panel': '' }, el('div', { class: 'ds-h' }, 'Add a sample'),
       btn({ class: 'rd-dks-opt', 'data-rd-smp': 'file', onclick: () => file.click() }, icon('drop', 'sm'), el('span', null, 'Upload a past deck or document', el('br'), el('span', { class: 'dim rd-small' }, 'PDF, .pptx, .docx or a screenshot, up to 20 MB'))), file,
       el('div', { class: 'ds-whyadd' }, link, btn({ class: 'ds-btn', 'data-rd-smp': 'link', onclick: () => addLink() }, 'Add')),
+      btn({ class: 'rd-dks-opt', 'data-rd-smp': 'chrome', 'aria-expanded': String(!!K.chrome), onclick: () => { K.chrome = !K.chrome; paint(); } }, icon('out', 'sm'), el('span', null, 'From Chrome', el('br'), el('span', { class: 'dim rd-small' }, 'Open any page in Chrome and press the PMOS button. Decks come as a PDF, other pages as pictures.'))),
+      K.chrome ? el('div', { class: 'fold', 'data-rd-chrome': '' }, icon('info', 'sm'), el('span', null, 'In Chrome, open the page you want, for example a Google Slides deck, and press the PMOS button in the toolbar. Choose this report and press Add as a sample. The sample shows here in a moment. If the PMOS button is not in Chrome yet, run ', el('code', null, 'pmos extension'), ' in a terminal for the steps to load it.')) : null,
       docs.map((d) => btn({ class: 'rd-dks-opt', 'data-rd-smp': 'doc', 'data-v': d.path, onclick: () => addDoc(d) }, icon('doc', 'sm'), el('span', null, 'Pick a past PMOS document', el('br'), el('span', { class: 'dim rd-small' }, d.name + ', ' + slotWord(d.slot))))),
       el('div', { class: 'dim rd-small' }, 'PMOS reads a sample to learn how it looks. It does not copy its numbers. A Google or Confluence link is read through your connectors for its words and structure, not its look.'));
   }