create-pmos 0.133.0 → 0.134.0

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

@@ -1,14 +1,18 @@
-/* pm/shell-recording.js — the recording indicator beside the bell (console3 wave E2b).
+/* pm/shell-recording.js — the Record control in console3's top bar (console3 wave E2b; the Record control port).
  *
  *   mountRecording(host) / disposeRecording(host)
  *
- * It starts nothing. It reads the real recorder through note-dock.js (recordState) and offers only the controls the Record control in
- * the top bar already has: open the note, mark a moment (highlightNow), pause, resume and stop (pauseNow, resumeNow, stopNow). When
- * nothing is recording or paused the group is hidden. While one is, a red dot sits on the Notes tab (`[data-fr-dest="notes"]` in the
- * frame's bar; a phone tab `[data-dest="notes"]` if one is drawn). Lifted: console3.html `.recg` and `recCtl` (lines 916 to 924, 4385
- * to 4400). The group shows the recorder's state under reduced motion as a static dot. The clock is the recorder's own start time.
+ * The control is always there, idle included, with the same capabilities as the main app's Record control (pm/topbar.js, pm/note-dock.js):
+ * New (an untitled note that records at once), an arrow that lists today's meetings that have not started (a pick makes a note linked to that
+ * calendar event and records it), and, while a meeting records or is paused, a chip that names it with Highlight, Pause or Resume, and Stop
+ * (Stop asks first and offers "Pause instead"). All of it goes through pm/note-dock.js, which owns the real recorder, so the audio capture of
+ * pm/view-notes.js runs here without the main app's Notes place on screen. The chip opens the note in the main app, because console3 has no
+ * Notes place. While one meeting records, a red dot sits on the Calendar tab (`[data-c3-tab="cal"]`) and on a Notes tab if a frame draws one.
+ * On /c3.html?demo=1 the control drives a SIMULATED recorder (see below): it opens no microphone and saves nothing, and it shows only while
+ * the simulation runs. Lifted: console3.html `.recg` and `recCtl` (lines 916 to 924, 4385 to 4400). The clock is the recorder's own start time.
  */
 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 { recView, clockOf } from './shell-model.js';
@@ -20,10 +24,10 @@ import { toast } from './c3-toast.js';
 const TAB = '[data-fr-dest="notes"], #mobNav [data-dest="notes"], [data-c3-tab="cal"]';
 
 /* ── demo mode: a SIMULATED recorder ──────────────────────────────────────────────────────────────────────────────────────────────
- * A page cannot record (nothing on a page may record). On /c3.html?demo=1 the Record button of the Calendar's During and After stages drives
- * this stand-in, so the top bar shows the mockup's recording group: a pulsing dot, the clock, mark moment, pause or resume, and stop.
- * It keeps a clock (performance.now: the demo freezes Date) and nothing else. No microphone is opened and nothing is saved.
- * Real mode never reaches it: `isDemo()` reads the page's data-c3-demo mark, which only the demo sets. */
+ * On /c3.html?demo=1 the Record button of the Calendar's During and After stages drives this stand-in, so the top bar shows the mockup's
+ * recording group: a pulsing dot, the clock, mark moment, pause or resume, and stop. It keeps a clock (performance.now: the demo freezes
+ * Date) and nothing else. No microphone is opened and nothing is saved. Real mode never reaches it: `isDemo()` reads the page's
+ * data-c3-demo mark, which only the demo sets. */
 export const isDemo = () => typeof document !== 'undefined' && !!document.querySelector('[data-c3-demo]');
 const SIM = { mode: 'idle', id: 'sim', title: '', started: 0, pausedAt: 0 };
 const tick = () => performance.now();
@@ -50,7 +54,8 @@ export function mountRecording(host, opts) {
   if (!host) return;
   disposeRecording(host);
   ensureC3Css();
-  const d = (opts && opts.dock) || (isDemo() ? simDock : dock);
+  if (!(opts && opts.dock) && !isDemo()) return mountReal(host);
+  const d = (opts && opts.dock) || simDock;
   const nowMs = () => (d.now ? d.now() : Date.now());
   const grp = el('span', { class: 'recg', role: 'group', 'aria-label': 'Recording', hidden: true, 'data-shell': 'recording' });
   host.insertBefore(grp, host.firstChild);
@@ -80,7 +85,8 @@ export function mountRecording(host, opts) {
       else {
         rec.clock = el('span', { class: 'recclk', 'data-shell-rec-clock': '' });
         const open = el('button', { type: 'button', title: (v.mode === 'recording' ? 'Recording: ' : 'Paused: ') + v.title + '. Open the live note', 'aria-label': 'Open the note: ' + v.title, 'data-shell-rec-open': '', onclick: () => d.openDock(st.id) },
-          el('span', { class: 'recdot' + (v.dot === 'static' ? ' static' : ''), 'data-dot': v.dot }), rec.clock, el('span', { class: 'rt' }, v.title));
+          el('span', { class: 'recdot' + (v.dot === 'static' ? ' static' : ''), 'data-dot': v.dot }), rec.clock, el('span', { class: 'rt' }, v.title),
+          ...(eng.text ? [el('span', { class: 'c3rec__eng', 'data-fr-rec-engine': '', title: 'The live transcript: engine and language (Notes settings)' }, eng.text)] : []));
         const kids = [open];
         if (v.canMark) kids.push(btn('Mark this moment', 'highlighter', () => d.highlightNow(), 'data-shell-rec-mark'));
         if (v.canPause) kids.push(btn('Pause', 'pause', () => d.pauseNow(), 'data-shell-rec-pause'));
@@ -103,8 +109,112 @@ export function disposeRecording(host) {
   const rec = host && live.get(host);
   if (!rec) return;
   clearInterval(rec.timer);
+  if (rec.off) rec.off();
   if (rec.onSim) window.removeEventListener('c3-sim-rec', rec.onSim);
   rec.grp.remove();
   for (const t of document.querySelectorAll(TAB)) { const dot = t.querySelector('.shell-recdot'); if (dot) dot.remove(); }
   live.delete(host);
 }
+
+/* ── real mode: the always-visible Record control ─────────────────────────────────────────────────────────────────────────────────── */
+
+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') };
+
+/** The chip opens the note. console3 has no Notes place, so it opens the main app, where the full note is. */
+const openNote = () => { try { window.open('/', '_blank', 'noopener'); } catch { /* a blocked pop-up */ } };
+
+/* The engine and language the live transcript uses, on the chip (notes-recording-reliability): a meeting transcribed in the wrong
+ * language because of a setting is visible while it records. Read once per recording from GET /api/notes/engine. */
+const ENGINE = { Whisper: 'whisper', Qwen: 'qwen' };
+async function engineLabel() {
+  try {
+    const { pmGet } = await import('./http.js');
+    const r = await pmGet('/api/notes/engine');
+    const w = r && r.ok ? r.whisper : null;
+    if (!w || !w.live) return '';
+    const name = Object.keys(ENGINE).find((k) => ENGINE[k] === w.live) || w.live;
+    const lang = ((w.languages || []).find((x) => x.value === w.language) || {}).label || w.language || '';
+    return name + (lang ? ' · ' + lang : '');
+  } catch { return ''; }
+}
+
+function mountReal(host) {
+  ensureC3Css();
+  let ready = false;
+  const wrap = el('span', { class: 'c3rec', 'data-fr': 'record', 'data-shell': 'recording' });
+  host.insertBefore(wrap, host.firstChild);
+  const rec = { grp: wrap, key: '', clock: null };
+  const tabDot = (on) => {
+    for (const t of document.querySelectorAll(TAB)) {
+      let dot = t.querySelector('.shell-recdot');
+      if (!dot) { dot = el('span', { class: 'shell-recdot', 'aria-hidden': 'true' }); t.appendChild(dot); }
+      dot.hidden = !on;
+    }
+  };
+  const btn = (label, name, fn, attrs) => button({ label: RGL[name](), variant: 'ghost', onClick: fn, attrs: { title: label, 'aria-label': label, ...attrs } });
+  const off = (b, why) => { b.setAttribute('aria-disabled', 'true'); b.classList.add('c3rec__off'); b.title = why; b.setAttribute('aria-label', why); return b; };
+  const chipText = (st) => (st.mode === 'recording' ? (st.started ? clockOf(Date.now() - st.started) : '') : st.until ? 'paused · ' + Math.max(1, Math.ceil((st.until - Date.now()) / 60000)) + ' min left' : 'paused');
+
+  /** The arrow beside New: Untitled note, then today's meetings that have not started and have no note, the next one marked. */
+  async function openUpcoming(anchor) {
+    const { menu } = await import('./primitives.js');
+    const links = await import('./notes-links.js');
+    const evs = links.upcomingWithoutNote(await links.upcomingToday());
+    const fmt = (e, i) => {
+      const mins = Math.max(1, Math.round((Date.parse(e.start) - Date.now()) / 60000));
+      const inText = mins < 60 ? 'in ' + mins + ' min' : 'in ' + Math.floor(mins / 60) + ' h' + (mins % 60 ? ' ' + (mins % 60) + ' min' : '');
+      return { label: e.title, hint: e.time || '', detail: [i === 0 ? 'Next' : null, inText, e.with || null].filter(Boolean).join(' · '), attrs: { 'data-fr-rec-event': e.id || '' }, onSelect: () => dock.recordEvent(e) };
+    };
+    menu({ anchor, ariaLabel: 'Record a new meeting', items: [{ label: 'Untitled note', icon: 'plus', detail: 'not linked to a meeting', attrs: { 'data-fr-rec-untitled': '' }, onSelect: () => dock.recordNew() }, { sep: true },
+      ...(evs.length ? evs.map(fmt) : [{ label: 'No more meetings today', attrs: { 'data-fr-rec-none': '' }, onSelect: () => {} }])] });
+  }
+
+  let eng = { id: null, text: '' };
+  const sync = () => {
+    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(':');
+    if (key !== rec.key) {
+      rec.key = key; rec.clock = null;
+      const recording = st.mode === 'recording';
+      const kids = [];
+      if (st.mode !== 'idle') {
+        const v = recView(st, reducedMotion());
+        rec.clock = el('span', { class: 'recclk', 'data-fr-rec-clock': '' }, chipText(st));
+        const chip = button({ variant: 'ghost', onClick: () => openNote(st.id),
+          attrs: { class: 'c3rec__chip', title: (recording ? 'Recording: ' : 'Paused: ') + v.title + '. Open the note in the main app', 'aria-label': (recording ? 'Recording ' : 'Paused: ') + v.title + '. Open the note.', 'data-fr-rec': st.mode, 'data-shell-rec-open': '' },
+          label: [el('span', { class: 'recdot' + (v.dot === 'static' ? ' static' : ''), 'data-dot': v.dot }), rec.clock, el('span', { class: 'rt' }, v.title),
+            ...(eng.text ? [el('span', { class: 'c3rec__eng', 'data-fr-rec-engine': '', title: 'The live transcript: engine and language (Notes settings)' }, eng.text)] : [])] });
+        const group = [chip];
+        if (recording) {
+          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': '' }));
+        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));
+      }
+      const why = 'Pause or stop the meeting being recorded to start a new one';
+      const mic = button({ variant: 'ghost', label: [RGL.mic(), el('span', { class: 'c3rec__lbl' }, 'Record')], onClick: (e) => { if (!recording) dock.recordNew(e.currentTarget); },
+        attrs: { title: 'Record an untitled note', 'aria-label': 'Record an untitled note', 'data-fr-rec-new': '' } });
+      const arrow = btn('Record for an upcoming meeting', 'down', (e) => { if (!recording) openUpcoming(e.currentTarget); }, { 'data-fr-rec-upcoming': '', 'aria-haspopup': 'menu' });
+      if (recording) { off(mic, why); off(arrow, why); }
+      kids.push(el('span', { class: 'recg idle', role: 'group', 'aria-label': 'New recording' }, mic, arrow));
+      const panel = recording && dock.highlightPanel ? dock.highlightPanel() : null;
+      if (panel) kids.push(el('div', { class: 'c3rec__pop' }, panel));
+      wrap.replaceChildren(...kids);
+      tabDot(st.mode !== 'idle');
+    }
+    if (rec.clock) rec.clock.textContent = chipText(st);
+  };
+  /* note-dock reads the notes (a meeting the server still holds open is found again) and re-draws on every state change */
+  try { dock.mountDock(); } catch { /* the dock is not available on this page */ }
+  let unsub = null;
+  import('./state.js').then((m) => { unsub = m.subscribe(sync); }).catch(() => {});
+  rec.timer = setInterval(sync, 1000);
+  rec.off = () => { if (unsub) unsub(); };
+  sync();
+  live.set(host, rec);
+}

package/workspace/public/pm/view-notes.js

@@ -647,7 +647,7 @@ function checkSilence(ctx, a) {
   ctx.setState({});
 }
 async function startAudio(ctx, n, want) {
-  const a = { id: n.id, state: 'starting', sources: [], streams: [], ctx: null, started: Date.now(), clock: null, msg: null, queue: {}, buf: {}, rs: {}, rs24: {}, buf24: {}, peak: {}, began: Date.now(), lost: 0, ended: 0 };
+  const a = { id: n.id, state: 'starting', sources: [], streams: [], ctx: null, started: Date.now(), clock: null, msg: null, queue: {}, buf: {}, rs: {}, rs24: {}, buf24: {}, peak: {}, began: Date.now(), lost: 0, ended: 0, cap: null, seq: {}, off: {} };
   const opened = [];
   // the meeting first, straight from the press: the browser lets a page share a screen only right after a click
   for (const kind of want.slice().sort((x, y) => (x === 'meeting' ? -1 : y === 'meeting' ? 1 : 0))) {
@@ -662,6 +662,8 @@ async function startAudio(ctx, n, want) {
   n.recorded_from = r.recorded_from;
   // the clock counts the meeting time, as the line times do: Listen again carries on from where it stopped
   a.started = Date.parse(r.clock_from || r.recorded_from) || a.started;
+  // each chunk names its capture, its sequence number and its sample offset, so the server writes it once and in its place
+  a.cap = r.capture && r.capture.token ? r.capture.token : null;
   let ac;
   // the device's own rate: the 16 kHz audio for transcription and the 24 kHz audio for the replay are both made from the same blocks (D92 as amended)
   try { ac = new AudioContext(); } catch { ac = new AudioContext({ sampleRate: RATE }); }
@@ -694,13 +696,16 @@ async function startAudio(ctx, n, want) {
 function sendChunk(ctx, a, kind, final) {
   const b = a.buf[kind] || []; a.buf[kind] = [];
   const pcm = b64(Int16Array.from(b));
+  const seq = a.seq[kind] = a.seq[kind] === undefined ? 0 : a.seq[kind] + 1;
+  const off = a.off[kind] || 0; a.off[kind] = off + b.length;
+  const where = a.cap ? { cap: a.cap, seq, off } : {};
   const b24 = a.buf24[kind] || []; a.buf24[kind] = [];
   const pcm24 = b24.length ? b64(Int16Array.from(b24)) : undefined;
   const seconds = b.length / RATE;
   a.queue[kind] = a.queue[kind].then(async () => {
     let r = null;
     for (let tries = 0; tries < SEND_TRIES; tries++) {
-      r = await pmPost('/api/notes/audio', { id: a.id, source: kind, pcm, pcm24, final });
+      r = await pmPost('/api/notes/audio', { id: a.id, source: kind, pcm, pcm24, final, ...where });
       if (r && r.ok) return;
       if (r && (r.status === 409 || r.status === 404)) break;   // the server refused this note's audio: sending again changes nothing
       if (tries + 1 < SEND_TRIES) await new Promise((res) => setTimeout(res, SEND_BACKOFF_MS * 3 ** tries));

package/workspace/test-files.json

@@ -119,6 +119,7 @@
     "pm-live-notes-test.js",
     "pm-notes-menu-test.js",
     "pm-record-control-test.js",
+    "pm-c3-record-test.js",
     "pm-r30-test.js",
     "pm-breakdown-test.js",
     "pm-breakdown-phone-test.js",
@@ -234,6 +235,7 @@
     "pm-live-notes-test.js": 24,
     "pm-notes-menu-test.js": 10,
     "pm-record-control-test.js": 12,
+    "pm-c3-record-test.js": 12,
     "pm-r30-test.js": 4,
     "ui-test.js": 30,
     "plan-items.test.js": 1,

package/workspace/test-lists/meeting-notes.json

@@ -1,5 +1,5 @@
 {
-  "_comment": "meeting-notes Runs 1 to 10: the Notes engine and routes (notes.test.js), local Whisper, line labels and repository checks (notes-listen.test.js), the final pass after Stop and the Wispr Flow fetch (notes-final.test.js), Qwen3-ASR kept loaded (notes-qwen.test.js), and the Notes view in a browser (pm-notes-test.js), the echo canceller for the replay (notes-echo.test.js, notes-audio-quality Run 2) and the optional cleaned copy of the replay (notes-polish.test.js, Run 3) and the 24 kHz replay (notes-hires.test.js, Run 4), plus the note pop-up patched in place while it listens (pm-note-dock-test.js).",
+  "_comment": "meeting-notes Runs 1 to 10: the Notes engine and routes (notes.test.js), local Whisper, line labels and repository checks (notes-listen.test.js), the final pass after Stop and the Wispr Flow fetch (notes-final.test.js), Qwen3-ASR kept loaded (notes-qwen.test.js), and the Notes view in a browser (pm-notes-test.js), the echo canceller for the replay (notes-echo.test.js, notes-audio-quality Run 2) and the optional cleaned copy of the replay (notes-polish.test.js, Run 3) and the 24 kHz replay (notes-hires.test.js, Run 4), plus the note pop-up patched in place while it listens (pm-note-dock-test.js). notes-recording-reliability adds the duplication fixture (notes-duplication.test.js): duplicated audio and transcript across retry, restart, two tabs and a late chunk, and the live guards.",
   "modules": [
     "notes.test.js",
     "notes-listen.test.js",
@@ -7,7 +7,8 @@
     "notes-qwen.test.js",
     "notes-echo.test.js",
     "notes-polish.test.js",
-    "notes-hires.test.js"
+    "notes-hires.test.js",
+    "notes-duplication.test.js"
   ],
   "panels": [
     "pm-notes-test.js",
@@ -22,6 +23,7 @@
     "pm-note-dock-test.js": 20,
     "notes-echo.test.js": 25,
     "notes-polish.test.js": 3,
-    "notes-hires.test.js": 10
+    "notes-hires.test.js": 10,
+    "notes-duplication.test.js": 25
   }
 }