create-pmos 0.146.0 → 0.148.0

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

@@ -1,7 +1,7 @@
 /* pm/c3-sheet.js — the console3 sheet, as a primitive (console3.html: bsHtml line 2502, the .sheet rules 143 to 145, 180, 496 to 502,
  * the Esc handler 2536 and the phone drag 2538 to 2540).
  *
- *   openSheet({ title, icon, body, wide, dw, scrim, onClose }) -> { close, root, sheet, body }
+ *   openSheet({ title, icon, body, wide, dw, scrim, onClose, passKeys }) -> { close, root, sheet, body }   passKeys(e): true leaves that key to the page
  *   closeSheet()                                          closes the open sheet, if any
  *
  * On a desktop window the sheet is the right-hand panel (340px; `wide` 600px; `dw` the document sheet, up to 780px) over a
@@ -50,7 +50,7 @@ export function closeSheet() {
   if (typeof c.onClose === 'function') { try { c.onClose(); } catch { /* the caller reports its own errors */ } }
 }
 
-export function openSheet({ title = '', icon = 'doc', body, wide = false, dw = false, scrim = true, onClose } = {}) {
+export function openSheet({ title = '', icon = 'doc', body, wide = false, dw = false, scrim = true, onClose, passKeys } = {}) {
   closeSheet();
   ensureC3Css();
   const opener = document.activeElement && document.activeElement !== document.body ? document.activeElement : null;
@@ -91,6 +91,7 @@ export function openSheet({ title = '', icon = 'doc', body, wide = false, dw = f
   sheet.addEventListener('pointercancel', () => { if (drag) { drag = null; sheet.classList.remove('dragging'); sheet.style.transform = ''; } });
 
   const onKey = (e) => {
+    if (typeof passKeys === 'function' && passKeys(e)) return;   // a terminal in the sheet owns Esc and Tab while it has focus
     if (e.key === 'Escape') { e.stopPropagation(); e.preventDefault(); close(); return; }
     if (e.key !== 'Tab') return;
     const items = [...sheet.querySelectorAll(FOCUSABLE)].filter((n) => n.offsetWidth > 0 || n.offsetHeight > 0 || n === document.activeElement);

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

@@ -424,7 +424,8 @@ function dock() {
     onCount: (live, need) => { S.termBdg.textContent = String(need); S.termBdg.hidden = need === 0; import('./c3-terminal-icons.js').then((m) => { const t = m.TIPS.agentHeader(need); S.termBtn.title = t; S.termBtn.setAttribute('aria-label', t); }); },   // the badge counts runs that need you, never running ones
   });
   S.dockEl = S.dock.side; S.rail = S.dock.rail;
-  window.addEventListener('pmos:open-session', () => location.assign('/'));
+  // a session opens in its own terminal sheet on this page (c3-session-term.js), not in the main app
+  window.addEventListener('pmos:open-session', (e) => { const id = e.detail && e.detail.id; if (!id) { location.assign('/'); return; } import('./c3-session-term.js').then((m) => m.openSessionTerm({ id, name: e.detail.name })); });
   return [S.dock.side, S.dock.rail];
 }
 /* The mockup opens the dock on the Briefing and folds it to a rail on the other tabs (console3.html line 2017). */

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

@@ -7,7 +7,7 @@
  * needsYou(runs) is the one count for the needs-you badge: a run that asks, holds a permission, needs the terminal or did not start. */
 import { pmGet, pmPost } from './http.js';
 
-export const WHY_PROMPT = 'Sending a prompt to a session is not available on this page: no safe route sends one. The session\'s terminal is in the main app.';
+export const WHY_PROMPT = 'Sending a prompt to a session is not available on this page: no safe route sends one. To type to the session, press Open the session.';
 
 const real = {
   demo: false, canPrompt: false, why: WHY_PROMPT,

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

@@ -15,7 +15,7 @@ export const TIPS = {
   agentHeader: (n) => (n ? 'Agent surfaces: ' + n + (n === 1 ? ' session needs you' : ' sessions need you') : 'Agent surfaces: sessions, results to accept, questions for you'),
   agentDock: 'Agent surfaces: the full page of sessions that need you',
   terminalRail: 'Sessions dock (Ctrl J): the terminals of your branches',
-  terminalOpen: 'Open the session: its real terminal, in the main app',
+  terminalOpen: 'Open the session: its real terminal, on this page',
 };
 
 const NS = 'http://www.w3.org/2000/svg';

package/workspace/public/pm/console3.css

@@ -529,6 +529,9 @@
 .c3 .cal3-ov{margin:0}
 .c3 .cal3-tdr{text-align:right}
 .c3 .cal3-ncard{display:grid;gap:var(--sp-2)}
+.c3 .cal3-nlinks{display:grid;gap:var(--sp-1);margin-top:var(--sp-1)}
+.c3 .cal3-replay{display:grid;gap:var(--sp-1)}
+.c3 .cal3-replay audio{width:100%;max-width:100%}
 /* a primitives.js button drawn as a console3 control: the primitive's own height, padding, nowrap and hover come off */
 .c3 .cal3-b{height:auto;min-height:0;line-height:inherit;font-weight:inherit;justify-content:flex-start;text-align:left}
 .c3 .cal3-b.chip2{padding:0;border:0;background:transparent;white-space:nowrap}
@@ -628,10 +631,32 @@
 .c3 .cal3-counts{display:flex;gap:4px;flex-wrap:wrap}
 .c3 .cal3-year{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
 .c3 .cal3-ym{border:1px solid var(--border);border-radius:8px;padding:8px;display:grid;gap:6px;align-content:start;min-width:0}
+/* calendar-highlights: the range summary above the grid, a highlight per Month day, per Quarter month and per Year quarter */
+.c3 .cal3-sum{display:grid;gap:4px;margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--acc);border-radius:8px;background:var(--muted)}
+.c3 .cal3-sum-h{font:var(--fs-1) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em}
+.c3 .cal3-sum p{margin:0;font-size:var(--fs-3);line-height:1.55;color:var(--foreground)}
+.c3 .cal3-hl{margin:2px 2px 0;font-size:var(--fs-1);line-height:1.45;color:var(--foreground);overflow-wrap:anywhere}
+.c3 .cal3-col .cal3-hl{font-size:var(--fs-2);line-height:1.55}
+.c3 .cal3 button.cal3-sl{display:inline;height:auto;min-height:0;padding:0;border:0;background:none;font:inherit;font-weight:600;line-height:inherit;color:inherit;white-space:normal;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}
+@media (hover:hover){.c3 .cal3 button.cal3-sl:hover{text-decoration-color:currentColor}}
+.c3 .cal3 button.cal3-sl:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
+.c3 .cal3-watch{color:var(--destructive)}
+.c3 .cal3 button.cal3-more.cal3-rt{justify-content:flex-start;margin-top:auto;text-align:left}
+.c3 .cal3-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
+.c3 .cal3-cols.cal3-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
+.c3 .cal3-col{padding:10px;gap:8px;min-height:160px}
+.c3 .cal3-mlinks{display:flex;gap:4px;flex-wrap:wrap}
+.c3 .cal3-fold{margin:8px 4px 0;font-size:var(--fs-2)}
+/* titles wrap instead of being cut, in Month, Quarter and Year */
+.c3 .cal3-mc button.cal3-mk,.c3 .cal3-qmk button.cal3-mk{white-space:normal;align-items:flex-start}
+.c3 .cal3-mc button.cal3-mk>span,.c3 .cal3-qmk button.cal3-mk>span{align-items:flex-start;overflow:visible}
+.c3 .cal3-mc .cal3-mk .cal3-mk-t,.c3 .cal3-qmk .cal3-mk .cal3-mk-t{overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 @container (max-width:640px){
   .c3 .cal3-mk.compact .cal3-mk-t{display:none}
   .c3 .cal3-mc{min-height:64px;padding:2px}
   .c3 .cal3-qrow{grid-template-columns:minmax(0,1fr)}
+  .c3 .cal3-cols,.c3 .cal3-cols.cal3-cols-4{grid-template-columns:minmax(0,1fr)}
+  .c3 .cal3-col{min-height:0}
 }
 /* the detail column */
 .c3 .cal3-dt{display:flex;align-items:center;gap:8px}
@@ -1628,6 +1653,8 @@
 .c3 .c3t-sw[aria-checked="true"] i{background:var(--acc)}.c3 .c3t-sw[aria-checked="true"] i::after{transform:translateX(16px)}
 .c3 .c3t-sw:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
 .c3 .c3t-panel{display:grid;gap:var(--sp-2);border:1px solid var(--border);border-radius:10px;padding:var(--sp-3)}
+/* a session's terminal in a sheet (c3-session-term.js) */
+.c3 .c3t-term{height:calc(100vh - 150px);min-height:240px;display:flex;flex-direction:column}
 .c3 .c3t-panel .feed{display:flex;flex-direction:column;gap:var(--sp-2);max-height:220px;overflow:auto}
 .c3 .c3t-panel .m{padding:6px 12px;border-radius:12px;max-width:88%;overflow-wrap:anywhere}
 .c3 .c3t-panel .m.me{align-self:flex-end;background:var(--acc);color:var(--on-accent)}.c3 .c3t-panel .m.bot{background:var(--muted)}
@@ -1876,3 +1903,7 @@
 .c3 .kp.k-foreground{--c:var(--foreground)}
 .c3 .kp.k-muted-foreground{--c:var(--muted-foreground)}
 .c3 .psess{display:inline-flex;gap:6px;align-items:center}
+/* the card before a meeting (initiative c3-meeting-card) */
+.c3 .cal3-ctx .cal3-p{margin:0;font-size:var(--fs-2);line-height:1.5;color:var(--foreground)}
+.c3 .cal3-ctx.cal3-gist{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--muted)}
+.c3 .cal3-ctx h4{display:flex;align-items:center;gap:6px}

package/workspace/public/pm/note-dock.js

@@ -8,8 +8,8 @@
  *
  * PAUSE keeps the meeting open and resumable for an hour (the server ends it by itself after that and writes the final
  * notes). STOP ends it for good, asks first, and writes the final notes now. A stopped meeting cannot be resumed. A note
- * that is stopped within a minute, or before anything was heard, with nothing typed, is deleted instead (a recording started
- * by mistake must not take the place of the meeting before it). Resume applies to the most recent meeting only.
+ * that is stopped before anything was heard, with nothing typed, is deleted instead (a recording started by mistake must not
+ * take the place of the meeting before it). A short note with speech in it is kept. Resume applies to the most recent meeting only.
  *
  * What is held is read, not remembered: the listening note comes from pm/view-notes.js, and a paused meeting from the note
  * rows (GET /api/notes: state, resume_until, sessions), read again every REREAD_MS and after each action.
@@ -28,7 +28,6 @@ import { state, setState, subscribe, FIXTURE } from './state.js';
 import { meetingOf, refreshNotes, noteById, notesRows, onNotes } from './notes-links.js';
 
 const REREAD_MS = 30000;
-const MIN = 60000;
 let V = null;                 // pm/view-notes.js, read the first time it is needed
 let mounted = false;
 const viewCtx = { state, setState, FIXTURE };
@@ -163,14 +162,12 @@ export async function resumeNow() {
   return ok;
 }
 
-/** Is this note one that was started by mistake? Within a minute, or nothing heard, nothing typed, no highlight, one stretch. Pure. */
-export function discardable(n, now = Date.now()) {
+/** Is this note one that was started by mistake? Nothing heard, nothing typed, no highlight, one stretch. A short note with speech is kept. Pure. */
+export function discardable(n) {
   if (!n || String(n.body || '').trim() || (n.highlights || []).length) return false;
   const s = n.sessions || [];
   if (s.length !== 1) return false;
-  const from = Date.parse(s[0].from); const to = s[0].to ? Date.parse(s[0].to) : now;
-  const heard = (n.transcript || []).some((x) => !x.dropped);
-  return !heard || to - from < MIN;
+  return !(n.transcript || []).some((x) => !x.dropped);
 }
 
 /** The "Stop for good?" pop-up. Resolves 'stop', 'pause' (only while recording) or null. */

package/workspace/public/pm/run-card.js

@@ -12,6 +12,7 @@
  * would send a prompt to the session (a suggestion, a revision, the free line, the mic) is drawn disabled with the reason: ctx.src.canPrompt.
  * Per-run UI state (the open tray, the Revise chips, the flipped face) lives in `UI`, outside the render, so a poll never closes it. */
 import { el } from './dom.js';
+import { button } from './primitives.js';
 import { ic } from './c3-terminal-icons.js';
 import { ensureC3Css } from './pm-work-view.js';
 import { attachSwipe } from './c3-swipe.js';
@@ -100,7 +101,9 @@ function pausedBox(ctx, card) {
     el('div', { class: 'prog', 'aria-hidden': 'true' }, el('i', { class: 'd' }), el('i', { class: 'd' }), el('i'), el('i')), el('div', { class: 'c3t-tray' }, openBtn(ctx)));
 }
 export function openBtn(ctx) {
-  return el('button', { type: 'button', class: 'pill c3t-open', 'data-open-session': '', title: 'Open the session: its real terminal, in the main app', onclick: () => ctx.openSession && ctx.openSession(ctx.id) }, ic('term', 'sm'), 'Open the session');
+  const b = button({ label: 'Open the session', onClick: () => ctx.openSession && ctx.openSession(ctx.id), attrs: { class: 'pill c3t-open', 'data-open-session': '', title: 'Open the session: its real terminal, on this page' } });
+  b.prepend(ic('term', 'sm'));
+  return b;
 }
 
 /* ── the next moves, the sub-chips, the tray, the voice line ── */

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

@@ -13,6 +13,8 @@ import { mountRunCard, disposeRunCard, openBtn, uiFor } from './run-card.js';
 import { source, needsYou } from './c3-terminal-data.js';
 import { attachExpand, makeXp } from './c3-expand.js';
 import { toast } from './c3-toast.js';
+import { pmPost } from './http.js';
+import { button } from './primitives.js';
 
 const live = new WeakMap();
 const DOT = { working: 'w', queued: 'w', asking: 'n', permission: 'n', attention: 'n', not_started: 'n', failed: 'b', quiet: '', paused: 'n', done: '' };
@@ -20,6 +22,10 @@ const DOT = { working: 'w', queued: 'w', asking: 'n', permission: 'n', attention
 const ago = (iso) => { const m = Math.max(0, Math.round((Date.now() - Date.parse(iso)) / 60000)); return Number.isFinite(m) ? (m < 1 ? 'just now' : m < 60 ? m + ' min' : m < 1440 ? Math.round(m / 60) + ' h' : Math.round(m / 1440) + ' d') : ''; };
 const when = (iso) => { const d = new Date(iso); return Number.isFinite(+d) ? d.toLocaleDateString('en-GB', { weekday: 'short', day: 'numeric', month: 'short' }) : ''; };
 const stateWord = (c) => (c.permissions && c.permissions.length ? 'waiting for your allow or deny' : ({ asking: 'asking you', permission: 'waiting for your allow or deny', working: 'working', queued: 'starting', quiet: 'quiet', failed: 'failed', done: 'result ready', attention: 'needs the terminal', not_started: 'not started', paused: 'paused', degraded: 'plain text only' })[c.state] || c.state);
+/* A run with no reply lines (a plain terminal session) folds to 'queued', which read as "starting" for days. The server's own state of the
+ * session (GET /api/runs carries it as `label`) says what it is doing instead. */
+const plain = (s, c) => (!c || (c.state === 'queued' && !(c.steps || []).length && !(c.permissions || []).length)) && !!s.label;
+const liveWord = (s, c) => (plain(s, c) ? s.label : stateWord(c || { state: 'working' }));
 function outcomeOf(card, meta) {
   if (meta && meta.out) return meta.out;
   if (!card) return 'ended';
@@ -64,10 +70,37 @@ function blankPanel(st, s, card) {
   return el('div', { class: 'c3t-panel', 'data-blank-panel': s.id },
     can ? el('div', { class: 'feed' }, chat.map((m) => el('div', { class: 'm ' + m[0] }, m[1]))) : null,
     can ? el('div', { class: 'c3t-tray' }, ["Review this week's slips", 'Draft the monthly report'].map((t, i) => el('button', { type: 'button', class: 'pill' + (i ? '' : ' rec'), onclick: () => say(t) }, t))) : null,
-    el('div', { class: 'c3t-tray' }, input, openBtn({ id: s.id, openSession: st.openSession })),
+    el('div', { class: 'c3t-tray' }, input, openBtn({ id: s.id, openSession: st.openSession }), endBtn(st, s)),
+    st.confirm === s.id ? endConfirm(st, s) : null,
     can ? null : dim(st.src.why));
 }
 
+/* End: the route the dock's End uses, POST /api/session/remove (it ends the process and removes the session). Asked first, as the dock asks. */
+/* a primitives.js button with the console3 pill look (as c3-swipe.js's confirm): the icon goes before the label */
+function pill(label, icon, onClick, attrs) {
+  const b = button({ label, onClick, attrs: { ...attrs, class: 'pill' + (attrs && attrs.class ? ' ' + attrs.class : '') } });
+  if (icon) b.prepend(ic(icon, 'sm'));
+  return b;
+}
+function endBtn(st, s) {
+  return pill('End the session', 'stop', () => { st.confirm = st.confirm === s.id ? null : s.id; st.redraw(); },
+    { 'data-end-session': s.id, 'aria-expanded': String(st.confirm === s.id), title: 'End the session' });
+}
+function endConfirm(st, s) {
+  return el('div', { class: 'c3t-tray', role: 'group', 'aria-label': 'End this session?', 'data-end-confirm': s.id },
+    dim('End it? Any pending change stays a proposal.'),
+    pill('End', 'stop', () => endSession(st, s), { class: 'rec', 'data-end-yes': s.id }),
+    pill('Keep it', null, () => { st.confirm = null; st.redraw(); }, {}));
+}
+async function endSession(st, s) {
+  st.confirm = null;
+  if (st.src.demo) { toast('In the real workspace this ends the session.'); st.redraw(); return; }
+  const r = await pmPost('/api/session/remove', { id: s.id });
+  if (r && r.ok) toast({ text: r.removed === false ? 'Asked it to end. Press End again to remove it.' : 'Ended. Any pending change stays a proposal.', timeout: 4200 });
+  else toast({ text: 'Not ended: ' + ((r && r.error) || 'the workspace server did not answer'), tone: 'error' });
+  st.last = ''; st.redraw(); st.refresh();
+}
+
 function tlBody(st, s, card, meta) {
   const tl = st.data.demo && st.data.demo.timeline;
   const kids = [];
@@ -92,13 +125,14 @@ function draw(host, st) {
   /* On a card: each run is its card */
   const on = g.onCard || [];
   root.append(section('spark', 'On a card', on.length, null, on.length
-    ? el('div', { class: 'c3t-cards', 'data-c3t': 'on-card' }, on.map((s) => cardHost(st, s, cards[s.id] || { state: 'working', title: 'Working', nextMoves: [], claims: [], steps: [] })))
+    ? el('div', { class: 'c3t-cards', 'data-c3t': 'on-card' }, on.map((s) => el('div', null, cardHost(st, s, cards[s.id] || { state: 'working', title: 'Working', nextMoves: [], claims: [], steps: [] }),
+      el('div', { class: 'c3t-tray' }, endBtn(st, s)), st.confirm === s.id ? endConfirm(st, s) : null)))
     : none('None running. A result appears on its card.')));
   /* Started by me */
   const mine = g.startedByMe || [];
   const add = el('a', { class: 'chip2 lk c3t-new', href: '/', title: 'Start a session in the main app. A session starts over the terminal connection; this page has no route for it.' }, ic('plus', 'sm'), 'New');
   root.append(section('term', 'Started by me', mine.length, add, mine.length
-    ? el('ul', { class: 'list', 'data-c3t': 'mine' }, mine.map((s) => { const c = cards[s.id]; return row(st, s, c, { sub: stateWord(c || { state: 'working' }) + ' · ' + ago(s.startedAt) + ' · main tree', body: [cardHost(st, s, c || { state: 'working', title: 'Working', nextMoves: [], claims: [], steps: [] }), blankPanel(st, s, c)] }); }))
+    ? el('ul', { class: 'list', 'data-c3t': 'mine' }, mine.map((s) => { const c = cards[s.id]; return row(st, s, c, { sub: liveWord(s, c) + ' · ' + ago(s.startedAt) + ' · main tree', body: [plain(s, c) ? null : cardHost(st, s, c || { state: 'working', title: 'Working', nextMoves: [], claims: [], steps: [] }), blankPanel(st, s, c)].filter(Boolean) }); }))
     : none('None. Start one in the main app.')));
   /* Past */
   const past = g.past || [];
@@ -120,7 +154,9 @@ export function mountSessions(host, ctx = {}) {
   disposeSessions(host);
   if (ctx && ctx.FIXTURE) return;
   ensureC3Css();
-  const st = { src: source(), data: null, showAuto: false, last: '', gone: false, timer: null, refresh: null, redraw: null, open: new Set(), openSession: (id) => { try { window.dispatchEvent(new CustomEvent('pmos:open-session', { detail: { id } })); } catch { /* no event */ } } };
+  const st = { src: source(), data: null, showAuto: false, last: '', gone: false, timer: null, refresh: null, redraw: null, open: new Set(), confirm: null,
+    openSession: (id) => { const r = st.data && st.data.groups ? [].concat(...Object.values(st.data.groups).filter(Array.isArray)).find((x) => x.id === id) : null;
+      import('./c3-session-term.js').then((m) => m.openSessionTerm({ id, name: r ? r.name : id })); } };
   if (st.src.demo) st.openSession = () => toast('In the real workspace this opens the CLI session.');
   st.redraw = () => draw(host, st);
   const busy = () => host.contains(document.activeElement) && ['INPUT', 'TEXTAREA'].includes(document.activeElement.tagName);

package/workspace/test-files.json

@@ -136,6 +136,7 @@
     "pm-portfolio-inline-test.js",
     "pm-brief-page-test.js",
     "c3-settings-test.js",
+    "c3-sessions-panel-test.js",
     "c3-updates-test.js"
   ],
   "ui": [
@@ -269,6 +270,7 @@
     "pm-portfolio-inline-test.js": 15,
     "settings-store.test.js": 1,
     "c3-settings-test.js": 25,
+    "c3-sessions-panel-test.js": 20,
     "c3-updates-test.js": 20
   },
   "_comment_seconds": "Measured wall time of each suite run alone (4-CPU sandbox, 2026-10-05). Only the ORDER uses it: the slowest suites start first, and --shard deals suites to the least-loaded shard so the shards finish together. A wrong or missing number never skips a suite; a missing one counts as 10."

package/workspace/test-lists/c3-meeting-card.json

@@ -0,0 +1,5 @@
+{
+  "_comment": "Initiative c3-meeting-card: the console3 Calendar's card before a meeting (In short, What matters today, Since the last one, To prepare, What PMOS knows).",
+  "panels": ["pm-c3-meeting-card-test.js"],
+  "seconds": { "pm-c3-meeting-card-test.js": 40 }
+}