create-pmos 0.162.0 → 0.164.0

package/workspace/public/pm/c3-session-term.js

@@ -6,7 +6,21 @@
 import { el } from './dom.js';
 import { openSheet } from './c3-sheet.js';
 import { toast } from './c3-toast.js';
-import { pmGet } from './http.js';
+import { pmGet, pmPost } from './http.js';
+import { button } from './primitives.js';
+import { c3ic } from './pm-work-view.js';
+
+/* a primitives button (keyboard, role) carrying the console3 look and children (the pattern c3-dock.js uses) */
+const c3btn = (attrs, onClick, ...kids) => { const b = button({ variant: 'ghost', attrs, onClick }); b.replaceChildren(...kids); return b; };
+const store = {
+  get(k) { try { return localStorage.getItem(k); } catch { return null; } },
+  set(k, v) { try { localStorage.setItem(k, v); } catch { /* no storage */ } },
+};
+export const SIZE_KEY = 'pmos.workspace.c3.term-size';
+export const PAD_KEY = 'pmos.workspace.c3.term-pad';
+/* the sheet widths: Normal is the 600px wide sheet; the others are classes in console3.css (desktop only) */
+export const SIZES = [['normal', 'Normal', 'Normal'], ['half', 'Half', 'Half of the window'], ['two-thirds', '2/3', 'Two-thirds of the window'], ['whole', 'Whole', 'Whole window']];
+export const sizeOf = (v) => (SIZES.some((x) => x[0] === v) ? v : 'normal');
 
 const VENDOR = ['/vendor/xterm.js', '/vendor/addon-fit.js', '/vendor/addon-web-links.js'];
 let vendor = null;
@@ -29,6 +43,43 @@ function loadVendor() {
   return vendor;
 }
 
+/* the scratchpad under the terminal: the classic app's per-session pad (panel-tabs.js), kept through /api/scratchpad */
+function makePad(id, term, tab) {
+  const url = '/api/scratchpad?session=' + encodeURIComponent(id);
+  let typed = false; let timer = null; let pending = null; let closed = false;
+  const flush = () => {
+    if (timer) { clearTimeout(timer); timer = null; }
+    if (pending === null) return;
+    const text = pending; pending = null;
+    pmPost('/api/scratchpad', { session: id, text }).catch(() => { /* the text stays in the box */ });
+  };
+  const ta = el('textarea', { class: 'c3t-pad-ta', rows: '4', placeholder: 'Scratchpad. One pad for each session. Saved on this machine.', 'aria-label': 'Scratchpad', 'data-c3-pad': 'text',
+    oninput: () => { typed = true; pending = ta.value; if (timer) clearTimeout(timer); timer = setTimeout(flush, 500); sync(); } });
+  const send = c3btn({ class: 'pill', 'data-c3-pad': 'send', title: 'Type the pad into this session. Enter is not pressed.' }, () => {
+    if (!ta.value.trim()) return;
+    if (!term.sendToTerm(tab, ta.value)) { toast({ text: 'The text was not sent. The terminal is not connected.', tone: 'error' }); return; }
+    if (typeof term.focusTerm === 'function') term.focusTerm(tab);
+  }, c3ic('out', 'sm'), 'Send to terminal');
+  const open0 = store.get(PAD_KEY) !== 'closed';
+  const box = el('div', { class: 'c3t-pad', 'data-c3-pad': 'box' });
+  const toggle = c3btn({ class: 'chip2 lk', 'data-c3-pad': 'toggle' }, () => { const on = box.dataset.open !== 'true'; store.set(PAD_KEY, on ? 'open' : 'closed'); set(on); },
+    c3ic('edit', 'sm'), 'Scratchpad');
+  function set(on) {
+    box.dataset.open = String(on);
+    toggle.setAttribute('aria-expanded', String(on));
+    toggle.title = on ? 'Hide the scratchpad. The text is kept.' : 'Show the scratchpad';
+    ta.hidden = !on;
+    requestAnimationFrame(() => term.refitVisible());
+  }
+  function sync() { send.disabled = !ta.value.trim(); }
+  box.append(el('div', { class: 'c3t-pad-h' }, toggle, send), ta);
+  set(open0); sync();
+  pmGet(url).then((r) => { if (!typed && r && typeof r.text === 'string') { ta.value = r.text; sync(); } }).catch(() => { /* an empty pad */ });
+  const onHide = () => flush();
+  window.addEventListener('pagehide', onHide);
+  return { box, ta, dispose() { if (closed) return; closed = true; window.removeEventListener('pagehide', onHide); flush(); } };
+}
+
 export async function openSessionTerm({ id, name } = {}) {
   if (!id) return null;
   if (!name) { const r = await pmGet('/api/sessions').catch(() => null); const x = r && Array.isArray(r.sessions) ? r.sessions.find((y) => y.id === id) : null; name = x ? x.name : id; }
@@ -36,8 +87,23 @@ export async function openSessionTerm({ id, name } = {}) {
   if (!ok || !term) { toast({ text: 'The terminal could not be loaded on this page.', tone: 'error' }); return null; }
   const tab = { id: 'c3-session:' + id, kind: 'term', sessionId: id, spawn: false, sess: id };
   const host = el('div', { class: 'c3t-term', 'data-c3-session-term': id });
-  // Esc and Tab belong to the shell while the terminal has focus (Esc interrupts an agent); the close button and a press outside still close
-  const sheet = openSheet({ title: name || id, icon: 'term', wide: true, body: host, onClose: () => term.disposeTerm(tab), passKeys: (e) => host.contains(e.target) });
+  const pad = makePad(id, term, tab);
+  const wrap = el('div', { class: 'c3t-tw' }, host, pad.box);
+  // the size control: Normal is the 600px sheet, the others are the classic dock's presets. Hidden on a phone, where the sheet is full width.
+  let size = sizeOf(store.get(SIZE_KEY));
+  const sizeBtns = SIZES.map(([k, label, title]) => c3btn({ 'aria-pressed': String(k === size), 'data-c3-size': k, title, 'aria-label': title }, () => setSize(k), label));
+  const seg = el('div', { class: 'seg c3t-size', role: 'group', 'aria-label': 'Terminal size', 'data-c3-size-seg': '' }, ...sizeBtns);
+  const cls = (k) => 'tsz-' + k;
+  // Esc and Tab belong to the shell while the terminal has focus (Esc interrupts an agent); the close button and a press outside still close.
+  // The scratchpad is outside the terminal host, so its keys are the page's own.
+  const sheet = openSheet({ title: name || id, icon: 'term', wide: true, body: wrap, actions: seg, cls: cls(size),
+    onClose: () => { pad.dispose(); term.disposeTerm(tab); }, passKeys: (e) => host.contains(e.target) });
+  function setSize(k) {
+    sheet.sheet.classList.remove(cls(size)); size = sizeOf(k); sheet.sheet.classList.add(cls(size));
+    store.set(SIZE_KEY, size);
+    sizeBtns.forEach((b) => b.setAttribute('aria-pressed', String(b.dataset.c3Size === size)));
+    requestAnimationFrame(() => { term.refitVisible(); requestAnimationFrame(() => term.refitVisible()); });
+  }
   term.mountTerm(host, tab);
   requestAnimationFrame(() => { term.refitVisible(); term.focusTerm(tab); });
   return sheet;

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

@@ -1,7 +1,8 @@
 /* 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, passKeys }) -> { close, root, sheet, body }   passKeys(e): true leaves that key to the page
+ *   openSheet({ title, icon, body, wide, dw, scrim, onClose, passKeys, actions, cls }) -> { close, root, sheet, body }   passKeys(e): true leaves that key to the page
+ *                                                          actions: a Node or an array of Nodes placed in the header before the close button; cls: extra class names on the sheet
  *   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 +51,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, passKeys } = {}) {
+export function openSheet({ title = '', icon = 'doc', body, wide = false, dw = false, scrim = true, onClose, passKeys, actions, cls = '' } = {}) {
   closeSheet();
   ensureC3Css();
   const opener = document.activeElement && document.activeElement !== document.body ? document.activeElement : null;
@@ -60,8 +61,8 @@ export function openSheet({ title = '', icon = 'doc', body, wide = false, dw = f
   const sbb = el('div', { class: 'brief sbb' }, ...bodyNodes(body));
   const closeBtn = el('button', { type: 'button', class: 'ib sm', 'aria-label': 'Close', title: 'Close (Esc)', onclick: close }, c3ic('x', 'sm'));
   const grab = el('div', { class: 'grab' });
-  const head = el('div', { class: 'sh2' }, el('span', { class: 'chips2' }, c3ic(icon), el('b', null, title)), el('span', { class: 'chips2' }, closeBtn));
-  const sheet = el('div', { class: 'sheet bs' + (wide ? ' wide' : '') + (dw ? ' dw' : ''), role: 'dialog', 'aria-modal': String(!!scrim), 'aria-label': title, tabindex: '-1' },
+  const head = el('div', { class: 'sh2' }, el('span', { class: 'chips2' }, c3ic(icon), el('b', null, title)), el('span', { class: 'chips2' }, ...bodyNodes(actions), closeBtn));
+  const sheet = el('div', { class: 'sheet bs' + (wide ? ' wide' : '') + (dw ? ' dw' : '') + (cls ? ' ' + cls : ''), role: 'dialog', 'aria-modal': String(!!scrim), 'aria-label': title, tabindex: '-1' },
     grab, head, el('div', { class: 'sb' }, sbb));
   /* the mockup's person and playbooks sheets have no scrim (they are panels beside the page, closed by their own button or Esc): `scrim: false` */
   root.append(...(scrim ? [el('div', { class: 'scrim', onclick: close })] : []), sheet);

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

@@ -616,6 +616,7 @@ async function boot() {
   let start = q.get('tab');
   const saved = DEMO ? null : await pmGet('/api/settings' + (S.ws ? '?ws=' + encodeURIComponent(S.ws) : '')).catch(() => null);   // demo mode's workspace is not registered
   if (saved && saved.ok) { applyLook(root, saved.settings); if (!start) { const s = (saved.settings || []).find((x) => x.key === 'look.start'); if (s && BUILD[s.value]) start = s.value; } }
+  if (q.get('focus') || q.get('fdate')) import('./c3-focus.js').then((m) => m.openFocus({ event: { id: q.get('focus') || '' }, date: q.get('fdate') || '' })).catch(() => { /* the focus page is not available */ });   // a reload keeps the Meeting focus page open
   if (!S.userNav) showTab(start || 'brief', false);   // a press during the read above (the gear, a tab) wins over the start page
   new ResizeObserver(moveInd).observe(S.tabNav);
   workCount(); briefCount(); askCount(); S.dock.start();

package/workspace/public/pm/components.css

@@ -8356,4 +8356,5 @@
 }
 
 /* -- layouts · .cal3- the console3 Calendar page (calendar-time-page): its rules sit in console3.css beside the .vday rules they extend -- */
+/* -- layouts · .fc- the console3 meeting focus page (c3-meeting-focus): its rules sit in c3-focus.css -- */
 /* -- end of the layout sections: add nothing below this line -- */

package/workspace/public/pm/console3.css

@@ -1660,6 +1660,22 @@
 .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}
+/* the terminal plus its scratchpad (c3-session-term.js): the terminal shrinks to make room for the pad */
+.c3 .c3t-tw{height:calc(100vh - 150px);min-height:240px;display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}
+.c3 .c3t-tw .c3t-term{height:auto;flex:1 1 0;min-height:120px}
+.c3 .c3t-pad{display:grid;gap:var(--sp-2);flex:none;border-top:1px solid var(--border);padding-top:var(--sp-2)}
+.c3 .c3t-pad-h{display:flex;gap:var(--sp-2);align-items:center;justify-content:space-between}
+.c3 .c3t-pad-h .pill:disabled{opacity:.35;cursor:not-allowed}
+.c3 .c3t-pad-ta{width:100%;min-height:72px;max-height:40vh;resize:vertical;font:var(--fs-2) var(--mono);box-sizing:border-box}
+/* terminal sheet sizes, as the classic dock has them; the phone sheet is already full width */
+.c3 .c3t-size{flex:none}
+.c3 .c3t-size button{padding:4px 8px}
+.c3.ph .c3t-size{display:none}
+@media (min-width:761px){
+  .c3 .sheet.wide.tsz-half{width:50vw}
+  .c3 .sheet.wide.tsz-two-thirds{width:66.667vw}
+  .c3 .sheet.wide.tsz-whole{width:calc(100vw - 24px)}
+}
 .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)}

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

@@ -15,6 +15,7 @@ import { el } from './dom.js';
 import { button } from './primitives.js';
 import { ensureC3Css, c3ic } from './pm-work-view.js';
 import * as dock from './note-dock.js';
+import { noteById } from './notes-links.js';
 import { recView, clockOf } from './shell-model.js';
 import { reducedMotion } from './shell-ticker.js';
 import { toast } from './c3-toast.js';
@@ -141,7 +142,7 @@ export function disposeRecording(host) {
 
 const NS_SVG = 'http://www.w3.org/2000/svg';
 const glyph = (d) => { const s = document.createElementNS(NS_SVG, 'svg'); s.setAttribute('class', 'ic sm'); s.setAttribute('viewBox', '0 0 24 24'); s.setAttribute('aria-hidden', 'true'); const p = document.createElementNS(NS_SVG, 'path'); p.setAttribute('d', d); s.appendChild(p); return s; };
-const RGL = { highlighter: () => c3ic('flag', 'sm'), pause: () => glyph('M8 5v14M16 5v14'), play: () => c3ic('play', 'sm'), square: () => c3ic('stop', 'sm'), mic: () => c3ic('mic', 'sm'), down: () => glyph('M6 9l6 6 6-6') };
+const RGL = { highlighter: () => c3ic('flag', 'sm'), pause: () => glyph('M8 5v14M16 5v14'), play: () => c3ic('play', 'sm'), square: () => c3ic('stop', 'sm'), mic: () => c3ic('mic', 'sm'), focus: () => c3ic('target', 'sm'), down: () => glyph('M6 9l6 6 6-6') };
 
 /** The chip opens the note: on console3, Calendar › Notes on the During stage (calendar-views.js listens for c3-open-note);
  * elsewhere the main app, where the full note is. */
@@ -165,6 +166,19 @@ async function engineLabel() {
   } catch { return ''; }
 }
 
+/** The calendar meeting a note is recording, or null for a note that is not linked to one. */
+function meetingOfNote(id) {
+  let n = null; try { n = noteById(id); } catch { n = null; }
+  const m = n && n.meeting;
+  return m && m.kind === 'event' && m.start ? m : null;
+}
+/** Meeting focus (initiative c3-meeting-focus): the page for the meeting being recorded. The event id is empty for a meeting without a stored id; the page then finds it by start and title. */
+function openFocusFor(m) {
+  const day = String(m.start || '').slice(0, 10);
+  import('./c3-focus.js').then((f) => f.openFocus({ event: { id: m.event_id || '', at: m.start, end: m.end || null, title: m.title }, date: day }))
+    .catch(() => toast({ text: 'The focus page could not load.', tone: 'error' }));
+}
+
 function mountReal(host) {
   ensureC3Css();
   let ready = false;
@@ -201,7 +215,8 @@ function mountReal(host) {
     let st; try { st = dock.recordState(); } catch { st = { mode: 'idle' }; }
     if (st.mode !== 'idle' && eng.id !== st.id) { eng = { id: st.id, text: '' }; const want = st.id; engineLabel().then((t) => { if (eng.id === want && t) { eng.text = t; rec.key = ''; sync(); } }); }
     const hl = st.mode === 'recording' && dock.highlightBusy ? dock.highlightBusy() : null;
-    const key = [st.mode, st.id, st.title, hl ? hl.state + hl.open : '', eng.text].join(':');
+    const mt = st.mode !== 'idle' ? meetingOfNote(st.id) : null;
+    const key = [st.mode, st.id, st.title, hl ? hl.state + hl.open : '', eng.text, mt ? 'f' + (mt.event_id || '') + mt.start : ''].join(':');
     if (key !== rec.key) {
       rec.key = key; rec.clock = null;
       const recording = st.mode === 'recording';
@@ -218,6 +233,7 @@ function mountReal(host) {
           group.push(btn(hl ? 'Highlight in progress: show it' : 'Highlight the last 30 seconds and what is said next', 'highlighter', () => dock.highlightNow(), { 'data-fr-rec-highlight': hl ? hl.state : '', 'data-shell-rec-mark': '' }),
             btn('Pause (you can resume within 1 hour)', 'pause', () => dock.pauseNow(), { 'data-fr-rec-pause': '', 'data-shell-rec-pause': '' }));
         } else group.push(btn('Resume ' + st.title, 'play', () => dock.resumeNow(), { 'data-fr-rec-resume': '', 'data-shell-rec-resume': '' }));
+        if (mt) group.push(btn('Open the focus page for this meeting', 'focus', () => openFocusFor(mt), { 'data-fr-rec-focus': '', 'data-shell-rec-focus': '' }));
         group.push(btn('Stop for good (cannot be resumed)', 'square', () => dock.stopNow(), { 'data-fr-rec-stop': '', 'data-shell-rec-stop': '' }));
         kids.push(el('span', { class: 'recg c3rec__live' + (recording ? '' : ' paused'), role: 'group', 'aria-label': (recording ? 'Recording ' : 'Paused: ') + st.title }, group));
       }

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

@@ -0,0 +1,6 @@
+{
+  "_comment": "Initiative c3-meeting-focus: the Meeting focus page of console3. The unit suite covers the route (read, topic, ask), the companion prompt and its parsing, and when the companion runs; the browser suite runs the page in demo mode.",
+  "modules": ["meeting-focus.test.js"],
+  "panels": ["pm-c3-meeting-focus-test.js"],
+  "seconds": { "meeting-focus.test.js": 10, "pm-c3-meeting-focus-test.js": 60 }
+}