create-pmos 0.53.0 → 0.53.2

package/workspace/public/pm/dest-reports.js

@@ -23,7 +23,8 @@ import { pmGet, pmPost } from './http.js';
 import { watchSig } from './sig-watch.js';
 import { wsOf } from './data.js';
 import { COPY, cadenceName } from './reports-copy.js';
-import { renderReport, openIssueSheet, openNotesSheet, draftNow, printReport, copyMarkdown, clearPrint, ensurePrintCss } from './report-view.js';
+import { openIssueSheet, openNotesSheet, draftNow, printReport, copyMarkdown, clearPrint, ensurePrintCss } from './report-view.js';
+import { openSlides, slideCards } from './report-slides.js';
 
 const SHOWN = 4;                                      // the reports listed before "Show older"
 const insts = new WeakMap();                          // host -> instance
@@ -227,6 +228,10 @@ function viewerBlock(inst) {
   const bar = el('div', { class: 'rp-toolbar', role: 'toolbar', 'aria-label': COPY.reportName(r.cadence, r.slot) });
   bar.appendChild(el('h3', { class: 'rp-section__title rp-toolbar__title' }, COPY.reportName(r.cadence, r.slot)));
   const acts = el('div', { class: 'rp-toolbar__acts' });
+  // Present: the slides full screen (Run 6, R22.7); it reads the file and writes nothing
+  const present = button({ label: COPY.present, variant: 'outline', size: 'sm', icon: 'columns-2', attrs: { 'data-rp-act': 'present', 'data-rp-key': 'present' }, disabled: !doc,
+    onClick: () => doc && openSlides({ md: doc.markdown, label: COPY.reportName(r.cadence, r.slot), printable: !!r.issued, returnFocus: present }) });
+  acts.appendChild(present);
   if (r.issued) {
     acts.appendChild(button({ label: COPY.print, variant: 'outline', size: 'sm', attrs: { 'data-rp-act': 'print', 'data-rp-key': 'print' }, disabled: !doc, onClick: () => doc && printReport(doc.markdown) }));
     acts.appendChild(button({ label: COPY.copyMd, variant: 'outline', size: 'sm', attrs: { 'data-rp-act': 'copy', 'data-rp-key': 'copy' }, disabled: !doc, onClick: () => doc && copyMarkdown(doc.markdown) }));
@@ -246,7 +251,8 @@ function viewerBlock(inst) {
   bar.appendChild(acts);
   sec.appendChild(bar);
   if (r.issued) sec.appendChild(el('p', { class: 'rp-viewer__state' }, r.edited ? COPY.editedWhy : COPY.frozen));
-  sec.appendChild(doc ? renderReport(doc.markdown) : el('p', { class: 'rp-section__empty' }, COPY.loading));
+  // the report is read as its slides (Run 6): the PM-OS deck, scaled to the column
+  sec.appendChild(doc ? slideCards(doc.markdown) : el('p', { class: 'rp-section__empty' }, COPY.loading));
   return sec;
 }
 

package/workspace/public/pm/dest-today.js

@@ -21,6 +21,7 @@ import { wsOf } from './data.js';
 import { state, setState, FIXTURE } from './state.js';
 import { COPY } from './today-copy.js';
 import { todayCard, acceptCard, rankNodes, scopeCtx, ensureFeed, feedOf, feedErrorOf, bannerOf, onFeed } from './today-cards.js';
+import { goalsSection, goalsSig } from './today-goals.js';
 
 const SHOWN = 3;   // cards drawn before "Show more": the first paint holds at most 17 controls (first-paint-today.test.js)
 let expanded = false;
@@ -117,7 +118,10 @@ function build(ctx0) {
     ? button({ label: expanded ? COPY.fewer : COPY.more(nodes.length - SHOWN), variant: 'ghost', attrs: { 'data-today': 'more' }, onClick: () => { expanded = !expanded; setState({}); } })
     : null;
   nodes.forEach((node) => node.setAttribute('role', 'listitem'));
-  return { children: [head, health, list, more], sig: JSON.stringify([sc.all, sc.repo, n, ready, expanded, banner]) + nodes.map((x) => x.outerHTML).join('') };
+  // today-goals (G6): the PM's goals sit above what is owed; they are joined to the cards of the first repository in scope
+  const goalsWs = sc.repos.length ? wsOf(sc.repos[0]) : null;
+  const goals = goalsSection({ ws: goalsWs, setState: ctx0.setState || setState });
+  return { children: [head, goals, health, list, more], sig: JSON.stringify([sc.all, sc.repo, n, ready, expanded, banner]) + goalsSig(goalsWs) + nodes.map((x) => x.outerHTML).join('') };
 }
 
 /** The key of the control that has the focus inside the board, so it can be focused again after a rebuild. */
@@ -128,6 +132,7 @@ function focusKey(root) {
   const attr = ['data-today-act', 'data-today-more', 'data-today-add-note', 'data-today-accept', 'data-today-return'].find((k) => a.hasAttribute(k));
   if (card && attr) return { id: card.getAttribute('data-today-id'), attr };
   if (a.closest('[data-today-note]')) return { id: card && card.getAttribute('data-today-id'), note: true };
+  if (a.getAttribute('data-goals') === 'input') return { goalsInput: true, caret: a.selectionStart };
   if (a.hasAttribute('data-today-scope')) return { scope: a.getAttribute('data-today-scope') };
   if (a.hasAttribute('data-today') && a.getAttribute('data-today') === 'more') return { more: true };
   return null;
@@ -138,9 +143,10 @@ function refocus(root, k) {
   let t = null;
   if (k.note && card) t = card.querySelector('[data-today-note] input, [data-today-note] textarea, input[data-today-note], textarea[data-today-note]');
   else if (k.attr && card) t = card.querySelector('[' + k.attr + ']');
+  else if (k.goalsInput) t = root.querySelector('[data-goals="input"]');
   else if (k.scope) t = root.querySelector('[data-today-scope="' + k.scope + '"]');
   else if (k.more) t = root.querySelector('[data-today="more"]');
-  if (t && !t.hidden) { try { t.focus({ preventScroll: true }); } catch { /* not focusable */ } }
+  if (t && !t.hidden) { try { t.focus({ preventScroll: true }); if (k.goalsInput && typeof k.caret === 'number') t.setSelectionRange(k.caret, k.caret); } catch { /* not focusable */ } }
 }
 
 /** Draw Today into `host`. Safe to call on every render: nothing changes unless what Today shows changed. */

package/workspace/public/pm/dock.js

@@ -6,8 +6,11 @@
  * the dock is a rail waits in the dock until the PM opens it.
  *
  * This module holds the parts of the dock that are new in the frame:
- *   createDockRail({ open, label })      the 44px rail: one control that opens the dock
+ *   createDockRail({ open, resize })     the 44px rail: one control that opens the dock. While the dock is open the rail
+ *                                         is a thin grip on the dock's left edge that resizes it (0.53.1)
  *   foldButton({ fold })                  the control in the open dock's strip that folds it back to the rail
+ *   focusButton({ toggle }) / paintFocus(b, on)
+ *                                         Focus: the dock takes the whole window, and Exit focus gives the page back (0.53.1)
  *   sessionMenuButton({ newSession, withOptions, openSkill, ws })
  *                                         "＋ Session": New session, Session with options, then the skills to start
  *                                         from (R10: Skills start from the dock's ＋session menu; the Skills view goes)
@@ -47,9 +50,76 @@ export function setSessionDefaults(patch) {
 
 /* ── the rail and the fold control ────────────────────────────────────────────────────────────────────────────────── */
 
-export function createDockRail({ open } = {}) {
+export function createDockRail({ open, resize } = {}) {
   const b = iconButton({ icon: 'bot', ariaLabel: COPY.dock.open, onClick: () => open && open(), attrs: { 'data-fr': 'dock-open', 'aria-keyshortcuts': 'Meta+J Control+J' } });
-  return el('div', { class: 'fr-dock-rail', 'data-fr': 'dock-rail' }, b);
+  return el('div', { class: 'fr-dock-rail', 'data-fr': 'dock-rail' }, b, resize ? dockGrip(resize) : null);
+}
+
+/* ── the dock's width (0.53.1: the PM found the terminal too small) ───────────────────────────────────────────────────
+ * The grip sits in the rail's place while the dock is open, so the body keeps its four children and the dock stays the
+ * fourth. `resize` = { get() → px | null, set(px | null) }: null is the default width (the CSS clamp). The grip measures
+ * from the body's right edge, so the dock is as wide as the distance from the pointer to the window's edge. */
+export const DOCK_MIN = 320;
+export const DOCK_STEP = 32;
+/** The widest the dock may be in a body `bodyW` wide: the page keeps 280px beside it. */
+export const dockMax = (bodyW) => Math.max(DOCK_MIN, Math.round(bodyW) - 280);
+export const clampDock = (px, bodyW) => Math.min(dockMax(bodyW), Math.max(DOCK_MIN, Math.round(px)));
+
+function dockGrip(resize) {
+  const g = el('div', {
+    class: 'fr-dock-grip', 'data-fr': 'dock-grip', role: 'separator', 'aria-orientation': 'vertical',
+    'aria-label': COPY.dock.resize, title: COPY.dock.resize, tabindex: '0',
+  });
+  grips.set(g, resize);
+  g.addEventListener('dblclick', () => resize.set(null));
+  g.addEventListener('keydown', (e) => {
+    if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return;
+    e.preventDefault();
+    const b = g.closest('.fr-body');
+    const d = b && b.querySelector(':scope > .fr-dock');
+    const now = resize.get() || (d ? d.getBoundingClientRect().width : 0);
+    resize.set(clampDock(now + (e.key === 'ArrowLeft' ? DOCK_STEP : -DOCK_STEP), b ? b.getBoundingClientRect().width : window.innerWidth));
+  });
+  return g;
+}
+
+/* The drag is read on the document, once: a press on a grip starts it, and the moves and the release are the window's,
+ * so a drag that leaves the grip (it is 6px wide) keeps going. The grip itself is a separator with keys (above). */
+const grips = new WeakMap();   // grip -> resize
+let drag = null;               // { g, resize, right }
+document.addEventListener('pointerdown', (e) => {
+  const g = e.button === 0 && e.target && e.target.closest ? e.target.closest('[data-fr="dock-grip"]') : null;
+  const resize = g && grips.get(g);
+  const b = g && g.closest('.fr-body');
+  if (!resize || !b) return;
+  e.preventDefault();
+  drag = { g, resize, body: b, right: b.getBoundingClientRect().right };
+  g.setAttribute('data-dragging', '');
+});
+window.addEventListener('pointermove', (e) => {
+  if (drag) drag.resize.set(clampDock(drag.right - e.clientX, drag.body.getBoundingClientRect().width));
+});
+const endDrag = () => { if (drag) { drag.g.removeAttribute('data-dragging'); drag = null; } };
+window.addEventListener('pointerup', endDrag);
+window.addEventListener('pointercancel', endDrag);
+
+const focusLabels = new WeakMap();   // the Focus control -> its label node
+export function focusButton({ toggle } = {}) {
+  const label = el('span', null, COPY.dock.focus);
+  const b = button({ label, variant: 'ghost', size: 'sm',
+    attrs: { class: 'fr-dock-focus', 'data-fr': 'dock-focus', 'aria-pressed': 'false', title: COPY.dock.focusTitle, 'aria-keyshortcuts': 'Meta+Shift+J Control+Shift+J' },
+    onClick: () => toggle && toggle() });
+  focusLabels.set(b, label);
+  return b;
+}
+/** Show the Focus control's state: pressed while the dock has the whole window. */
+export function paintFocus(b, on) {
+  if (!b) return;
+  const label = focusLabels.get(b);
+  const text = on ? COPY.dock.unfocus : COPY.dock.focus;
+  if (label && label.textContent !== text) label.textContent = text;
+  b.setAttribute('aria-pressed', on ? 'true' : 'false');
+  b.title = on ? COPY.dock.unfocusTitle : COPY.dock.focusTitle;
 }
 
 export function foldButton({ fold } = {}) {

package/workspace/public/pm/frame-copy.js

@@ -36,6 +36,11 @@ export const COPY = {
   dock: {
     open: 'Open the agent dock (⌘J)',
     fold: 'Fold the agent dock (⌘J)',
+    focus: 'Focus',
+    unfocus: 'Exit focus',
+    focusTitle: 'Give the dock the whole window (⌘⇧J)',
+    unfocusTitle: 'Show the page beside the dock again (⌘⇧J)',
+    resize: 'Resize the agent dock. Drag, or use the left and right arrow keys. Double-click resets the width.',
     session: 'Session',
     sessionMenu: 'Start a session',
     newSession: 'New session',

package/workspace/public/pm/initiative-list.js

@@ -23,6 +23,7 @@ import { watchSig } from './sig-watch.js';
 import { COPY, shortDate } from './initiatives-copy.js';
 import { getList, sigKey, place, placed, leaveNow, setLifecycleBulk } from './initiatives-api.js';
 import { healthSignal, say, confirmSheet, checkBySheet, onContextMenu } from './initiatives-ui.js';
+import { openDoc } from './panel-initiatives.js';
 
 const ORDER = { now: 0, next: 1, later: 2 };
 const MAX_BULK = 20;
@@ -143,6 +144,20 @@ export function mountList(host, env) {
       el('h3', { class: 'in-group__head' }, head), g.anchors.map(anchorEl));
   }
 
+  // The units with documents and no record (routes-initiatives.js unrecordedOf), last: they have no anchor to group by.
+  function unrecordedEl(list) {
+    return el('section', { class: 'in-group', 'data-in-group': 'unrecorded' },
+      el('h3', { class: 'in-group__head' }, el('span', { class: 'in-group__name' }, COPY.noRecordGroup)),
+      el('div', { class: 'in-rows', role: 'list' }, list.map((u) => {
+        const doc = u.artifacts.find((a) => a.role === 'PRD') || u.artifacts[0];
+        return row({
+          title: u.title, meta: [COPY.noRecord],
+          onOpen: () => openDoc(null, doc.path, doc.role || 'DOC'), openLabel: COPY.aria.open(u.title),
+          attrs: { class: 'in-row', 'data-in-unrecorded-row': u.id }, openAttrs: { 'data-in-unrecorded-open': u.id },
+        });
+      })));
+  }
+
   function bulkBar() {
     const n = picked.size;
     const can = env.grants().includes('lifecycle-bulk');
@@ -167,12 +182,14 @@ export function mountList(host, env) {
       return;
     }
     const kids = [];
-    if (!allRows().length) kids.push(empty({ text: COPY.emptyAll }));
+    const unrecorded = data.unrecorded || [];
+    if (!allRows().length && !unrecorded.length) kids.push(empty({ text: COPY.emptyAll }));
     else {
       kids.push(el('p', { class: 'in-note in-hint', 'data-in-hint': '' }, COPY.menuHintRow));
       kids.push(el('div', { class: 'in-toolbar' }, selecting ? bulkBar() : button({ label: COPY.select, variant: 'ghost', size: 'sm', onClick: () => { selecting = true; render(); }, attrs: { 'data-in-select-mode': '' } })));
       kids.push(...data.groups.map(groupEl));
     }
+    if (unrecorded.length) kids.push(unrecordedEl(unrecorded));
     root.replaceChildren(...kids);
     if (active) { const t = root.querySelector('[data-in-open="' + CSS.escape(active) + '"], [data-in-select="' + CSS.escape(active) + '"]'); if (t) t.focus({ preventScroll: true }); }
   }

package/workspace/public/pm/initiatives-copy.js

@@ -41,6 +41,10 @@ export const COPY = {
   emptyColumn: { now: 'Nothing in Now.', next: 'Nothing in Next.', later: 'Nothing in Later.' },
   dormant: (n) => `${n} dormant`,
   hideDormant: (n) => `Hide ${n} dormant`,
+  unrecorded: (n) => `${n} with no record`,
+  hideUnrecorded: (n) => `Hide ${n} with no record`,
+  noRecord: 'no record yet',
+  noRecordGroup: 'No record yet',
   unconfirmed: 'unconfirmed',
   checkBy: (d) => `check-by ${d}`,
   waitingYou: 'waiting on you',

package/workspace/public/pm/panel-tabs.js

@@ -719,13 +719,11 @@ const bottomBar = el('div', { 'data-tabs': 'bottom', 'data-term-chrome': '', cla
   button({ label: copyLabel, variant: 'outline', size: 'sm', onClick: () => copyActive() }),
 );
 
-/* pm-os-absorb Run 3 (R11): the capture box is gone, so in real mode the bar has no scratchpad toggle and paintBottom
- * lays it out: the session's name and `copy`, or, on a phone, the terminal's compose line. Fixture mode keeps the
- * prototype's bar (the parity lock holds until slice 3D lifts it). */
-const [, bottomTitle, bottomCopy] = bottomBar.children;
-
-/* The drawer had its toggle in the bar and has none now: a stored "open" is dropped once, at load, so no capture box comes back. */
-if (!FIXTURE && state.scratchOpen) setState({ scratchOpen: false });
+/* pm-os-absorb Run 3 (R11) took the scratchpad toggle out of the bar, and with it the only way to the pad on a desktop.
+ * 0.53.1 puts it back: paintBottom lays the bar out as the scratchpad toggle, the session's name and `copy`, or, on a
+ * phone, the terminal's compose line (the same per-session pad). Fixture mode keeps the prototype's bar. */
+const [bottomToggle, bottomTitle, bottomCopy] = bottomBar.children;
+bottomToggle.setAttribute('data-scratch', 'toggle');
 
 /* The compose line: one message field and Send on the SAME per-session pad as the drawer (padKey), so the text is kept
  * on this machine and never crosses sessions. On a desktop ⌘K "Ask <session>" types to a session (pm/palette.js). */
@@ -751,7 +749,7 @@ function sendCompose() {
   onScratchInput('');
 }
 
-/** The bar in real mode: no scratchpad toggle; a phone's terminal gets the compose line in its place. */
+/** The bar in real mode: the scratchpad toggle, the title and copy; a phone's terminal gets the compose line instead. */
 function paintBottom(act) {
   const compose = isMobile() && !!act && act.kind === 'term';
   bottomTitle.textContent = act ? act.title : '';
@@ -761,7 +759,7 @@ function paintBottom(act) {
     if (composeInput.control.value !== text) composeInput.control.value = text;
     composeSend.disabled = !text.trim();
   }
-  setChildren(bottomBar, compose ? [composeLine] : (act ? [bottomTitle, bottomCopy] : [bottomTitle]));
+  setChildren(bottomBar, compose ? [composeLine] : (act ? [bottomToggle, bottomTitle, bottomCopy] : [bottomToggle, bottomTitle]));
 }
 
 /* ── clipboard + scratchpad actions (lines 2098–2118) ───────────────────────────────────────── */
@@ -1101,9 +1099,12 @@ function frameDock() {
         openSkill: (sk) => openTab({ id: 'skill:' + sk.id, kind: 'skill', title: sk.label || sk.skill || sk.id, skillId: sk.id, repo: state.product || null, slug: null, role: 'SKILL' }),
       }),
       fold: dockParts ? dockParts.fold : dockMod.foldButton({ fold: () => window.pmApp.frame.foldDock() }),
+      focus: dockParts ? dockParts.focus : dockMod.focusButton({ toggle: () => window.pmApp.frame.toggleFocus() }),
     };
   }
-  return { session: dockParts.session, fold: isMobile() ? null : dockParts.fold };
+  if (isMobile()) return { session: dockParts.session, fold: null, focus: null };
+  dockMod.paintFocus(dockParts.focus, !!window.pmApp.frame.dockMax);
+  return { session: dockParts.session, fold: dockParts.fold, focus: dockParts.focus };
 }
 
 /**
@@ -1290,6 +1291,7 @@ export function renderTabs(host) {
         newSessionOptsBtn,
         canSplit ? splitBtn : null,
         orientBtn,
+        fr ? fr.focus : null,
         fr ? fr.fold : null),
     ]);
   } else if (ck) {
@@ -1304,7 +1306,7 @@ export function renderTabs(host) {
     ].filter(Boolean);
     extras[0].style.marginLeft = 'auto';
     // The switch sits after `+ session`, so the strip still ends the mockup's way in the fixture, which does not draw it.
-    setChildren(tabBar, [...visTabs.map((t) => cockpitTabNode(t, act, splitTab)), ...extras, fr ? fr.session : newSessionBtn, FIXTURE ? null : orientBtn, fr ? fr.fold : null]);
+    setChildren(tabBar, [...visTabs.map((t) => cockpitTabNode(t, act, splitTab)), ...extras, fr ? fr.session : newSessionBtn, FIXTURE ? null : orientBtn, fr ? fr.focus : null, fr ? fr.fold : null]);
   } else {
     tabBar.setAttribute('style', BAR_STYLE);
     newSessionBtn.setAttribute('style', CHIP_STYLE);
@@ -1363,7 +1365,7 @@ export function renderTabs(host) {
     newSessionBlock(),
     visTabs.length === 0 && !state.startPrompt && !state.newSess ? emptyState : null,
     panesRow,
-    state.scratchOpen ? scratchBlock : null,
+    state.scratchOpen && (FIXTURE || !isMobile()) ? scratchBlock : null,
     bottomBar,
   ]);
 }

package/workspace/public/pm/print.css

@@ -5,6 +5,11 @@
 @page {
   margin: 16mm;
 }
+/* the slides (Run 6): each slide is one 1280 × 720 px page (13.333in × 7.5in), 16:9, with no margin */
+@page slides {
+  size: 13.3333in 7.5in;
+  margin: 0;
+}
 @media print {
   body > *:not(.rp-print) {
     display: none !important;
@@ -30,4 +35,10 @@
   .rp-print .rp-doc__note {
     break-inside: avoid;
   }
+  .rp-print--slides .rp-slide {
+    page: slides;
+    break-after: page;
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+  }
 }