create-pmos 0.117.0 → 0.118.0

package/workspace/public/pm/topbar.js

@@ -19,11 +19,12 @@
  */
 
 import { el, setChildren } from './dom.js';
-import { button, needsDot, needsCount } from './primitives.js';
+import { button, iconButton, menu, needsDot, needsCount } from './primitives.js';
 import { COPY } from './frame-copy.js';
 import * as dock from './note-dock.js';
-import { iconButton } from './primitives.js';
 import { el as h } from './dom.js';
+import { upcomingToday, upcomingWithoutNote } from './notes-links.js';
+import { contextOf, peopleOf } from './notes-context.js';
 
 /** The destinations the bar names, in order. Settings sits at the end of the bar, after Sync. Docs joined the bar at the
  * PM's word (2026-10-06, docs-three-way-sync: "I thought Docs is one of the main menu"). People joined after Docs when the
@@ -57,8 +58,9 @@ export function createTopbar({ go, openPalette, openView, repoMenu, sync } = {})
   const dot = needsDot();
   const links = {};
   for (const id of [...BAR_DESTS, 'settings']) {
-    links[id] = button({
-      label: COPY.nav[id], variant: 'ghost', icon: NAV_ICON[id],
+    // icon only (meeting-notes Run 13): the place's name is its tooltip and its aria-label
+    links[id] = iconButton({
+      icon: NAV_ICON[id], ariaLabel: COPY.nav[id],
       attrs: { class: 'fr-link', 'data-fr-dest': id, 'aria-current': 'false' },
       onClick: () => go && go(id),
     });
@@ -80,42 +82,80 @@ export function createTopbar({ go, openPalette, openView, repoMenu, sync } = {})
   }
   const nav = el('nav', { class: 'fr-nav', 'aria-label': COPY.nav.label }, BAR_DESTS.map((id) => links[id]));
 
-  const search = button({
-    label: COPY.search, variant: 'outline', icon: 'search',
+  const search = iconButton({
+    icon: 'search', ariaLabel: COPY.search + ' (' + COPY.searchKey + ')',
     attrs: { class: 'fr-search', 'data-fr': 'search', 'aria-keyshortcuts': 'Meta+K Control+K' },
     onClick: () => openPalette && openPalette(),
   });
-  search.appendChild(el('kbd', { class: 'fr-kbd' }, COPY.searchKey));
 
-  /* The Record control (meeting-notes Run 12, mockup board 2), right of the bar before Settings. Idle: Record. Recording: the
-   * red dot and the clock (a press opens the note), the highlight and Pause. Paused: the clock and Resume. Stop is in the note. */
+  /* The Record control (meeting-notes Run 13, prototype/meeting-notes/record-control-mockup.html). Two groups, always in the same
+   * place. Left, only while a meeting is recording or paused: the chip that names it, then Highlight, Pause and Stop (recording)
+   * or Resume and Stop (paused). Nothing to resume: no left group. Right, always: New (an untitled note) and an arrow that lists
+   * today's meetings that have not started; both are unavailable while a meeting is recording. The highlight's pop-up hangs
+   * under the control. */
   const recSlot = el('div', { class: 'fr-rec', 'data-fr': 'record' });
   let recKey = '';
   let recTick = null;
-  const recClock = () => { const st = dock.recordState(); return st.started ? fmtClock(Date.now() - st.started) : ''; };
+  const left = (until) => Math.max(1, Math.ceil((until - Date.now()) / 60000));
+  const chipText = (st) => (st.mode === 'recording' ? (st.started ? fmtClock(Date.now() - st.started) : '') : st.until ? 'paused · ' + left(st.until) + ' min left' : 'paused');
+  const tip = (b, text) => { b.title = text; b.setAttribute('aria-label', text); return b; };
+  const off = (b, why) => { b.setAttribute('aria-disabled', 'true'); b.classList.add('fr-rec__off'); tip(b, why); return b; };
+  const chipOf = (st) => {
+    const clock = h('span', { class: 'fr-rec__clock', 'data-fr-rec-clock': '' }, chipText(st));
+    const dotEl = h('span', { class: 'fr-rec-dot' + (st.mode === 'paused' ? ' fr-rec-dot--paused' : ''), 'aria-hidden': 'true' });
+    const b = button({ label: h('span', { class: 'fr-rec__txt' }, dotEl, h('b', { class: 'fr-rec__title' }, st.title), clock), variant: 'ghost',
+      attrs: { class: 'fr-rec__seg fr-rec__chip', 'data-fr-rec': st.mode, 'aria-label': (st.mode === 'recording' ? 'Recording ' : 'Paused: ') + st.title + '. Open the note.' }, onClick: () => dock.openDock(st.id) });
+    return b;
+  };
   function drawRecord() {
     const st = dock.recordState();
-    const busy = st.mode === 'recording' && dockHighlight();
-    const key = st.mode + ':' + st.id + ':' + (busy ? busy.state + busy.open : '');
+    const hl = st.mode === 'recording' ? dock.highlightBusy() : null;
+    const key = [st.mode, st.id, st.title, hl ? hl.state + hl.open : ''].join(':');
     if (key === recKey) return;
     recKey = key;
     clearInterval(recTick); recTick = null;
-    if (st.mode === 'idle') {
-      setChildren(recSlot, [button({ label: 'Record', variant: 'outline', icon: 'mic', attrs: { class: 'fr-rec__start', 'data-fr-rec': 'idle', title: 'Start a note and record the meeting' }, onClick: (e) => dock.recordNew(e && e.currentTarget) })]);
-      return;
-    }
-    if (st.mode === 'paused') {
-      setChildren(recSlot, [button({ label: 'Resume', variant: 'outline', icon: 'mic', attrs: { class: 'fr-rec__start', 'data-fr-rec': 'paused', title: 'Resume recording ' + (st.title || 'the note') }, onClick: () => dock.resumeNow() })]);
-      return;
+    const kids = [];
+    const recording = st.mode === 'recording';
+    if (st.mode !== 'idle') {
+      const chip = chipOf(st);
+      const group = [chip];
+      if (recording) {
+        const hlb = iconButton({ icon: 'highlighter', ariaLabel: hl ? 'Highlight in progress: show it' : 'Highlight the last 30 seconds and what is said next',
+          attrs: { class: 'fr-rec__seg' + (hl ? ' fr-rec__seg--busy' : ''), 'data-fr-rec-highlight': hl ? hl.state : '' }, onClick: () => dock.highlightNow() });
+        group.push(hlb, iconButton({ icon: 'pause', ariaLabel: 'Pause (you can resume within 1 hour)', attrs: { class: 'fr-rec__seg', 'data-fr-rec-pause': '' }, onClick: () => dock.pauseNow() }));
+      } else {
+        group.push(iconButton({ icon: 'play', ariaLabel: 'Resume ' + st.title, attrs: { class: 'fr-rec__seg fr-rec__resume', 'data-fr-rec-resume': '' }, onClick: () => dock.resumeNow() }));
+      }
+      group.push(iconButton({ icon: 'square', ariaLabel: 'Stop for good (cannot be resumed)', attrs: { class: 'fr-rec__seg fr-rec__stop', 'data-fr-rec-stop': '' }, onClick: () => dock.stopNow() }));
+      kids.push(h('div', { class: 'fr-rec__group', role: 'group', 'aria-label': (recording ? 'Recording ' : 'Paused: ') + st.title }, group));
+      const clockNode = chip.querySelector('[data-fr-rec-clock]');
+      recTick = setInterval(() => { const s2 = dock.recordState(); if (clockNode) clockNode.textContent = chipText(s2); }, 1000);
     }
-    const clock = h('span', { class: 'fr-rec__clock', 'data-fr-rec-clock': '' }, recClock());
-    recTick = setInterval(() => { clock.textContent = recClock(); }, 1000);
-    const open = button({ label: h('span', { class: 'fr-rec__txt' }, h('span', { class: 'fr-rec-dot', 'aria-hidden': 'true' }), clock), variant: 'ghost',
-      attrs: { class: 'fr-rec__seg fr-rec__open', 'data-fr-rec': 'recording', 'aria-label': 'Recording ' + (st.title || 'a note') + '. Open the note.' }, onClick: () => dock.openDock(st.id) });
-    const hl = iconButton({ icon: 'highlighter', ariaLabel: busy ? 'Highlight in progress: show it' : 'Highlight the last 30 seconds and what is said next',
-      attrs: { class: 'fr-rec__seg' + (busy ? ' fr-rec__seg--busy' : ''), 'data-fr-rec-highlight': busy ? busy.state : '' }, onClick: () => dock.highlightNow() });
-    const pause = iconButton({ icon: 'pause', ariaLabel: 'Pause recording', attrs: { class: 'fr-rec__seg', 'data-fr-rec-pause': '' }, onClick: () => dock.pauseNow() });
-    setChildren(recSlot, [h('div', { class: 'fr-rec__group', role: 'group', 'aria-label': 'Recording' }, open, hl, pause)]);
+    const why = 'Pause or stop the meeting being recorded to start a new one';
+    const mic = iconButton({ icon: 'mic', ariaLabel: 'Record an untitled note', attrs: { class: 'fr-rec__seg fr-rec__new', 'data-fr-rec-new': '' }, onClick: (e) => { if (recording) return; dock.recordNew(e && e.currentTarget); } });
+    const arrow = iconButton({ icon: 'chevron-down', ariaLabel: 'Record for an upcoming meeting', size: 'sm', attrs: { class: 'fr-rec__seg fr-rec__upcoming', 'data-fr-rec-upcoming': '' },
+      onClick: (e) => { if (!recording) openUpcoming(e && e.currentTarget); } });
+    if (recording) { off(mic, why); off(arrow, why); }
+    kids.push(h('div', { class: 'fr-rec__group fr-rec__group--new', role: 'group', 'aria-label': 'New recording' }, mic, arrow));
+    const panel = recording ? dock.highlightPanel() : null;
+    if (panel) kids.push(panel);
+    setChildren(recSlot, kids);
+  }
+  /** 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 evs = upcomingWithoutNote(await upcomingToday());
+    const fmt = (e, i) => {
+      const c = contextOf(e) || {};
+      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' : '');
+      const who = peopleOf(c); const extra = c.attendees ? ' (' + c.attendees + ' attendees)' : '';
+      const bits = [i === 0 ? 'Next' : null, inText, who.length ? who.slice(0, 2).join(', ') + (who.length > 2 ? ' +' + (who.length - 2) : '') : c.attendees ? c.attendees + ' attendees' : null, c.agenda && c.agenda.length ? c.agenda.length + ' agenda item' + (c.agenda.length === 1 ? '' : 's') : null].filter(Boolean);
+      void extra;
+      return { label: e.title, hint: e.time || '', detail: bits.join(' · '), attrs: { 'data-fr-rec-event': e.id || '' }, onSelect: () => dock.recordEvent(e) };
+    };
+    const 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: () => {} }])];
+    menu({ anchor, items, ariaLabel: 'Record a new meeting' });
   }
 
   let syncBtn = null;
@@ -130,11 +170,10 @@ export function createTopbar({ go, openPalette, openView, repoMenu, sync } = {})
     return b;
   }
   function syncButton(label, busy) {
-    return button({
-      label, variant: 'outline', size: 'sm', disabled: busy,
-      attrs: { class: 'fr-sync', 'data-fr': 'sync', title: COPY.sync.title },
-      onClick: () => sync && sync(),
-    });
+    const b = iconButton({ icon: 'refresh-cw', ariaLabel: busy ? label : COPY.sync.title || label,
+      attrs: { class: 'fr-sync', 'data-fr': 'sync', 'data-fr-sync-label': label, 'aria-busy': busy ? 'true' : 'false' }, onClick: () => { if (!busy && sync) sync(); } });
+    if (busy) { b.setAttribute('aria-disabled', 'true'); b.classList.add('fr-sync--busy'); }
+    return b;
   }
 
   function update(m) {

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

@@ -28,10 +28,11 @@
  * calendar) and which initiative it belongs to, and how that was set: from the calendar event, suggested from what was said,
  * or chosen by the PM. Change opens a sheet for each.
  *
- * MINIMIZED AT THE BOTTOM RIGHT (Run 6). Take notes on a calendar event starts listening at once (listenNow: no chooser) and
- * keeps the note as a pill at the bottom right (pm/note-dock.js). The pill opens the note as a pop-up, which renderInline
- * draws in one column. While the pop-up shows a note, the Notes tab says so and does not draw it a second time.
- * Open in Notes shows it on the full screen.
+ * ONE FULL NOTE (Run 13). Take notes, Record and Resume start listening at once (listenNow: no chooser), and the Record
+ * control in the top bar (pm/topbar.js, pm/note-dock.js) holds the meeting. The note itself is the right column of the Notes
+ * place (pm/dest-notes.js); while the meeting is recording or paused that column draws renderLive: the status, Your notes
+ * and the live transcript. There is no pop-up note. PAUSE keeps the meeting open and resumable for an hour (POST
+ * /api/notes/pause); STOP ends it for good and writes the final notes (POST /api/notes/stop).
  *
  * Reads and writes (lib/routes-notes.js). Notes live in the per-user runtime directory, never in a repository:
  *   GET  /api/notes · /api/notes/one?id=… · /api/notes/engine?ws=… · /api/notes/recording?id=… · /api/people?ws=…
@@ -40,12 +41,13 @@
  *        · summarize · summarize-agent · delete · line · recording-delete · link
  */
 import { el, kept } from './dom.js';
-import { askConfirm, askText } from './dialogs.js';
+import { askConfirm, askText, askChoice } from './dialogs.js';
 import { pmGet, pmPost } from './http.js';
 import { mdRender } from './markdown.js';
 import { icon } from './icons.js';
 import { button, iconButton, field, row, sheet, empty, menu, toast, ensureComponentsCss } from './primitives.js';
 import { toInt16, makeResampler, openCapture } from './audio-capture.js';
+import { agendaHeard, peopleOf as contextPeople } from './notes-context.js';
 
 const SAVE_MS = 700;          // a pause this long in typing saves the note
 const POLL_MS = 1500;         // while listening, and until the last line is labelled, the note is read this often
@@ -68,7 +70,7 @@ let speech = null;            // the browser recogniser: { mode: 'dictate'|'reco
 let audio = null;             // local Whisper capture: { id, state, sources, ctx, streams, started, clock, msg }
 let engine = null;            // { ws, whisper, jev, at }
 let showList = false;
-let inlineDraw = false;       // the pop-up is drawing: the fields and the player it shows are left in place (pm/note-dock.js)
+let inlineDraw = false;       // the live block is drawing: the fields it shows are left in place (renderLive)
 /** A node this view keeps across redraws (an editor field, the player). The pop-up patches itself (dom.js patchChildren), so
  * there the node is a placeholder and stays where it is: a field that is typed in is never moved, and keeps its focus. */
 const own = (node) => (inlineDraw ? kept(node) : node);
@@ -77,9 +79,9 @@ let busy = '';
 let player = null;            // the replay: { id, bytes, el, playing }, kept across redraws so playback goes on
 let people = null;            // { ws, names } — the repository's people, offered in the line editor
 let pendingOpen = null;       // a note another page asked to open (openNote), selected at the next draw
-let transcriptOpen = { inline: false, full: true };   // the transcript is folded in the pop-up and open on the full screen
-let inlineSwitch = null;      // the note the pop-up is switching to (renderInline), so a redraw does not start it twice
-let popped = null;            // the note the pop-up shows (pm/note-dock.js), which the Notes tab then does not draw
+let transcriptOpen = { inline: false, full: true };   // the transcript is open in the live block and on the full screen
+let starting = false;         // a listen is starting (listenNow): the live block must not switch notes under it
+let inlineSwitch = null;      // the note the live block is switching to (renderLive), so a redraw does not start it twice
 let liveTranscript = false;   // after the final pass, the PM can look at the live transcript instead (Run 9)
 let wisprTimer = null;
 let highlight = null;         // { id, state, listenDurationMs, listenedMs, text, label, conflicts } while highlighting
@@ -180,10 +182,38 @@ export function lineDiff(a, b) {
   while (j < y.length) out.push({ op: 'add', text: y[j++] });
   return out;
 }
+/** The meeting's context as Markdown lines, first in the note (R59): when, where, people, the agenda with what was heard, what it is
+ * for and how to be ready, the links and related items. Empty when the note keeps no context. Pure. */
+export function contextMarkdown(n) {
+  const m = n.meeting;
+  const c = m && m.context;
+  if (!m || m.kind !== 'event' || !c) return [];
+  const out = [];
+  const when = m.start ? dayOf(m.start) + ', ' + nowClock(m.start) + (m.end ? '–' + nowClock(m.end) : '') : '';
+  if (when) out.push('**When:** ' + when);
+  if (n.initiative) out.push('**Initiative:** ' + (n.initiative.title || n.initiative.id));
+  const who = contextPeople(c);
+  if (who.length) out.push('**People:** ' + who.join(', '));
+  else if (c.attendees !== null && c.attendees !== undefined) out.push('**People:** ' + c.attendees + (c.attendees === 1 ? ' attendee' : ' attendees'));
+  if (c.role) out.push('**Your role:** ' + c.role);
+  if (c.external) out.push('**Someone from outside the company attends.**');
+  if (c.series) out.push('**Series:** ' + c.series);
+  if (c.purpose) out.push('', '**What it is for:** ' + c.purpose);
+  if (c.prep) out.push('**How to be ready:** ' + c.prep);
+  if ((c.agenda || []).length) {
+    const heard = agendaHeard(c, (n.transcript || []).filter((x) => !x.dropped));
+    out.push('', '## Agenda', '', ...c.agenda.map((a, i) => '- [' + (heard[i] !== null ? 'x' : ' ') + '] ' + a + (heard[i] !== null ? ' (heard at ' + fmtTime(heard[i]) + ')' : '')));
+  }
+  if ((c.links || []).length) out.push('', ...c.links.map((l) => '- [' + l.label + '](' + l.url + ')'));
+  if ((c.refs || []).length) out.push('', '**Related:** ' + c.refs.map((r) => r.label).join('; '));
+  out.push('');
+  return out;
+}
 /** The whole note as Markdown, for "Copy as Markdown". Pure, for the suite. */
 export function noteMarkdown(n) {
   const out = ['# ' + (n.title || 'Untitled note'), ''];
   if (n.created_at) out.push('_' + dayOf(n.created_at) + ', ' + nowClock(n.created_at) + '_', '');
+  out.push(...contextMarkdown(n));
   if (n.agent && n.agent.markdown) out.push('## Summary', '', n.agent.markdown.trim(), '');
   else if (n.summary && n.summary.sections && n.summary.sections.overview && n.summary.sections.overview.length) out.push('## Summary', '', ...n.summary.sections.overview.map((x) => '- ' + x.text), '');
   if (String(n.body || '').trim()) out.push('## Notes', '', n.body.trim(), '');
@@ -320,7 +350,7 @@ async function deleteNote(ctx, n) {
   if (r && r.ok) {
     cache.delete(n.id);
     if (list) list.notes = (list.notes || []).filter((x) => x.id !== n.id);
-    if (here) { currentId = list && list.notes && list.notes.length ? list.notes[0].id : null; editor = null; if (popped === n.id) popped = null; }
+    if (here) { currentId = list && list.notes && list.notes.length ? list.notes[0].id : null; editor = null; }
     import('./note-dock.js').then((d) => d.forget(n.id)).catch(() => {});
     import('./notes-links.js').then((l) => l.refreshNotes && l.refreshNotes()).catch(() => {});
     toast({ text: '"' + (n.title || 'Untitled note') + '" was deleted.' });
@@ -401,8 +431,18 @@ async function finalSetup(ctx) {
     : { tone: 'bad', text: 'No terminal opened' + (r && r.reason ? ': ' + r.reason : '') + '. Run this in a terminal: ' + ((r && r.command) || '') };
   ctx.setState({});
 }
+/** Name a speaker. When the note keeps its meeting's people (R59), the choice starts with them; "Someone else" asks for a name. */
+async function askSpeaker(n, current, placeholder) {
+  const names = contextPeople(n.meeting && n.meeting.context);
+  const ask = () => askText({ title: 'Name this speaker', label: 'Name', value: current, placeholder, confirmLabel: 'Save' });
+  if (!names.length) return ask();
+  const other = '__other';
+  const pick = await askChoice({ title: 'Who is speaking?', label: 'Speaker', options: [...names.map((x) => ({ value: x, label: x })), { value: other, label: 'Someone else …' }], value: names.includes(current) ? current : names[0], confirmLabel: 'Save' });
+  if (pick == null) return null;
+  return pick === other ? ask() : pick;
+}
 async function renameFinalSpeaker(ctx, n, key, now) {
-  const name = await askText({ title: 'Name this speaker', label: 'Name', value: now, placeholder: now, confirmLabel: 'Save' });
+  const name = await askSpeaker(n, now, now);
   if (name == null) return;
   const r = await pmPost('/api/notes/speaker', { id: n.id, key, name });
   // the note may have been read again since this button was drawn, so read it once more rather than change a stale copy
@@ -428,7 +468,7 @@ async function unpick(ctx, n, x) {
   ctx.setState({});
 }
 async function renameSpeaker(ctx, n, source) {
-  const name = await askText({ title: 'Name this speaker', label: 'Name', value: n.speakers && n.speakers[source] ? n.speakers[source] : '', placeholder: SPEAKER[source], confirmLabel: 'Save' });
+  const name = await askSpeaker(n, n.speakers && n.speakers[source] ? n.speakers[source] : '', SPEAKER[source]);
   if (name == null) return;
   const r = await pmPost('/api/notes/speaker', { id: n.id, source, name });
   if (r && r.ok) n.speakers = r.speakers; else banner = { tone: 'bad', text: (r && r.error) || 'not renamed' };
@@ -629,6 +669,7 @@ async function startAudio(ctx, n, want) {
   a.clock = setInterval(() => tickClocks(a.started), 1000);
   ctx.setState({});
   poll(ctx, n.id);
+  import('./notes-links.js').then((m) => m.refreshNotes()).catch(() => {});
 }
 function sendChunk(ctx, a, kind, final) {
   const b = a.buf[kind] || []; a.buf[kind] = [];
@@ -655,7 +696,7 @@ function sendChunk(ctx, a, kind, final) {
   }).catch(() => {});
   return a.queue[kind];
 }
-async function stopAudio(ctx, { discard = false } = {}) {
+async function stopAudio(ctx, { discard = false, resumable = true } = {}) {
   const a = audio;
   if (!a) return;
   audio = null;
@@ -669,8 +710,10 @@ async function stopAudio(ctx, { discard = false } = {}) {
     const tail24 = a.rs24[k] ? a.rs24[k].flush() : []; const b24 = a.buf24[k]; for (let i = 0; i < tail24.length; i++) b24.push(tail24[i]);
   }
   await Promise.all(a.sources.map((k) => sendChunk(ctx, a, k, true)));
-  await pmPost('/api/notes/pause', { id: a.id });
+  await pmPost(resumable ? '/api/notes/pause' : '/api/notes/stop', { id: a.id });
   ctx.setState({});
+  // a pause keeps the meeting open: the final notes wait for Stop, or for the hour to end
+  if (resumable) { poll(ctx, a.id); return; }
   const n = cache.get(a.id);
   if (!n || n.private) return;
   const t0 = Date.now();
@@ -763,7 +806,7 @@ async function startSpeech(ctx, n, mode, install = false) {
   rec.onend = () => { if (speech === s && s.state === 'on') { try { rec.start(); } catch { /* it is starting */ } } };
   s.rec = rec;
   try { rec.start(); s.state = 'on'; } catch (e) { s.state = 'error'; s.msg = 'Listening did not start: ' + ((e && e.message) || e); }
-  if (mode === 'record') { s.clock = setInterval(() => tickClocks(s.started), 1000); poll(ctx, n.id); }
+  if (mode === 'record') { s.clock = setInterval(() => tickClocks(s.started), 1000); poll(ctx, n.id); import('./notes-links.js').then((m) => m.refreshNotes()).catch(() => {}); }
   ctx.setState({});
 }
 
@@ -841,7 +884,7 @@ async function removeHighlight(ctx, h) {
 export const highlightBusy = () => (highlight ? { state: highlight.state, open: hlOpen } : null);
 export function openHighlight(ctx) { if (highlight) { hlOpen = true; ctx.setState({}); } }
 
-/** The highlight's pop-up (pm/note-dock.js draws it on every place), or null when there is none or it is closed. */
+/** The highlight's pop-up (pm/topbar.js draws it under the Record control), or null when there is none or it is closed. */
 export function highlightPanel(ctx) {
   const h = highlight;
   if (!h || !hlOpen) return null;
@@ -877,36 +920,57 @@ export function highlightPanel(ctx) {
   if (h.state === 'failed') body.push(el('p', { class: 'nt-hint nt-hint--bad', 'data-nt-hl-failed': '' }, 'No highlight: ' + h.error + '.'));
   const acts = [];
   if (h.state === 'listening') acts.push(button({ label: 'Stop listening now', variant: 'outline', size: 'sm', onClick: () => { h.pressed = Date.now() - hlAfterMs(); hlTick(ctx); }, attrs: { 'data-nt-hl-stop': '' } }));
-  if (h.state === 'done') acts.push(button({ label: 'Done', variant: 'primary', size: 'sm', onClick: () => closeHighlight(ctx), attrs: { 'data-nt-hl-done': '' } }),
-    button({ label: 'Remove', variant: 'ghost', size: 'sm', onClick: () => removeHighlight(ctx, h), attrs: { 'data-nt-hl-remove': '' } }));
-  else acts.push(button({ label: 'Close', variant: 'ghost', size: 'sm', onClick: () => closeHighlight(ctx), attrs: { 'data-nt-hl-close': '' } }));
+  // icons only (Run 13): keep, discard, close; each carries its name as a tooltip and an aria-label
+  if (h.state === 'done') acts.push(iconButton({ icon: 'check', ariaLabel: 'Keep the highlight in the note', onClick: () => closeHighlight(ctx), attrs: { 'data-nt-hl-done': '' } }),
+    iconButton({ icon: 'ban', ariaLabel: 'Discard the highlight', onClick: () => removeHighlight(ctx, h), attrs: { 'data-nt-hl-remove': '' } }));
+  else acts.push(iconButton({ icon: 'x', ariaLabel: 'Close (the highlight keeps working)', onClick: () => closeHighlight(ctx), attrs: { 'data-nt-hl-close': '' } }));
   body.push(el('div', { class: 'nt-hl-acts' }, acts));
   return el('section', { class: 'nt-hl', role: 'dialog', 'aria-label': 'Highlight', 'data-nt-part': 'highlight-popup', 'data-nt-hl': h.state }, body);
 }
 
-async function stopRecording(ctx) {
+async function stopRecording(ctx, { resumable = true } = {}) {
   const s = speech;
   if (s && s.mode === 'record') {
     clearInterval(s.clock); stopSpeech();
     await s.queue;
-    await pmPost('/api/notes/pause', { id: s.id });
+    await pmPost(resumable ? '/api/notes/pause' : '/api/notes/stop', { id: s.id });
     const n = cache.get(s.id);
-    if (n && !n.private && (n.transcript || []).length) await summarize(ctx, n, true);
+    if (!resumable && n && !n.private && (n.transcript || []).length) await summarize(ctx, n, true);
   }
-  await stopAudio(ctx);
+  await stopAudio(ctx, { resumable });
   ctx.setState({});
 }
-
-/** Stop in the note: listening stops and the note leaves the Record control at the top right (pm/note-dock.js). */
+/** Stop in the note: ask the Record control to stop the meeting for good (it asks first). */
 async function stopAndFinish(ctx) {
   const d = await import('./note-dock.js');
-  if (d.recordState().mode !== 'idle') await d.finish(); else await stopRecording(ctx);
+  await d.stopNow();
 }
 /** Resume in the note: the Record control holds it again and it listens. */
 async function resumeOn(n) {
   const d = await import('./note-dock.js');
   await d.recordNote(n.id, n.title);
 }
+/** PAUSE: listening stops and the meeting stays open for an hour; it can be resumed. No final notes yet. */
+export const pauseListening = (ctx) => stopRecording(ctx, { resumable: true });
+/** STOP: the meeting ends for good. Listening stops, the server ends the meeting, and the final notes are written. */
+export async function stopMeeting(ctx, id) {
+  if (listeningId() === id) { await stopRecording(ctx, { resumable: false }); return; }
+  const r = await pmPost('/api/notes/stop', { id });
+  if (!(r && r.ok)) { banner = { tone: 'bad', text: (r && r.error) || 'the meeting was not stopped' }; ctx.setState({}); return; }
+  await loadNote(ctx, id);
+  const n = cache.get(id);
+  if (n && !n.private && (n.transcript || []).length) await summarize(ctx, n, true);
+  poll(ctx, id);
+  ctx.setState({});
+}
+/** Delete a recording that was started by mistake: stop listening without keeping the audio, then delete the note. */
+export async function discardRecording(ctx, id) {
+  if (listeningId() === id) await stopAll(ctx, { discard: true });
+  const r = await pmPost('/api/notes/delete', { id });
+  if (r && r.ok) { cache.delete(id); if (currentId === id) { currentId = null; editor = null; dirty = false; clearTimeout(saveTimer); } }
+  ctx.setState({});
+  return !!(r && r.ok);
+}
 
 /* ── the two sheets: what to listen to, and settings ─────────────────────────────────────────── */
 async function chooseSources(ctx, n) {
@@ -1215,8 +1279,7 @@ function moreMenu(ctx, n, opts, anchor) {
   const has = (n.transcript || []).length > 0;
   const items = [
     has ? { label: 'Copy as Markdown', onSelect: () => copyMarkdown(ctx, n), attrs: { 'data-nt-copy': '' } } : null,
-    opts.inline ? { label: 'Open in Notes', onSelect: () => openFull(ctx, n.id), attrs: { 'data-nt-full': '' } }
-      : { label: 'New meeting', onSelect: () => newNote(ctx), attrs: { 'data-nt-new': '' } },
+    { label: 'New meeting', onSelect: () => newNote(ctx), attrs: { 'data-nt-new': '' } },
     { sep: true },
     { label: 'Change meeting', onSelect: () => meetingSheet(ctx, n), attrs: { 'data-nt-meeting': '' } },
     { label: n.initiative ? 'Change initiative' : 'Link an initiative', onSelect: () => initiativeSheet(ctx, n), attrs: { 'data-nt-ini': '' } },
@@ -1249,8 +1312,7 @@ function header(ctx, n, ed, opts = {}) {
       ? button({ label: 'Resume', variant: 'primary', size: 'sm', onClick: () => resumeOn(n), attrs: { 'data-nt-listen': 'again' } })
       : button({ label: 'Listen', variant: 'primary', size: 'sm', onClick: () => chooseSources(ctx, n), attrs: { 'data-nt-listen': '' } }));
   }
-  if (opts.onMinimize) acts.push(button({ label: 'Minimize', variant: 'ghost', size: 'sm', onClick: opts.onMinimize, attrs: { 'data-nt-minimize': '' } }));
-  if (!opts.inline) acts.push(button({ label: 'All notes', variant: 'ghost', size: 'sm', onClick: () => { showList = !showList; ctx.setState({}); if (showList) loadList(ctx); }, attrs: { 'data-nt-all': '', 'aria-expanded': showList ? 'true' : 'false' } }));
+  acts.push(button({ label: 'All notes', variant: 'ghost', size: 'sm', onClick: () => { showList = !showList; ctx.setState({}); if (showList) loadList(ctx); }, attrs: { 'data-nt-all': '', 'aria-expanded': showList ? 'true' : 'false' } }));
   const more = iconButton({ icon: 'ellipsis', ariaLabel: 'More', onClick: (e) => moreMenu(ctx, n, opts, (e && e.currentTarget) || more), attrs: { 'data-nt-more': '' } });
   acts.push(more);
   return el('header', { class: 'nt-header', 'data-nt-part': 'header' },
@@ -1601,12 +1663,7 @@ export function renderBoard(inner, ctx) {
   if (banner) wrap.appendChild(el('div', { class: 'nt-banner' + (banner.tone === 'bad' ? ' nt-banner--bad' : ''), 'data-nt-banner': banner.tone, role: banner.tone === 'bad' ? 'alert' : 'status' }, banner.text));
   const n = currentId ? cache.get(currentId) : null;
   if (currentId && !n) { loadNote(ctx, currentId); wrap.appendChild(el('p', { class: 'nt-hint' }, 'reading the note …')); }
-  else if (n && popped === n.id) {
-    wrap.appendChild(el('div', { class: 'nt-start', 'data-nt-popped': '' },
-      el('h2', { class: 'nt-h' }, n.title || 'Untitled note'),
-      el('p', { class: 'nt-hint' }, 'This note is open in the pop-up at the bottom right.'),
-      button({ label: 'Show it here', variant: 'primary', onClick: () => openFull(ctx, n.id), attrs: { 'data-nt-unpop': '' } })));
-  } else if (!n) {
+  else if (!n) {
     wrap.appendChild(el('div', { class: 'nt-start' },
       el('h2', { class: 'nt-h' }, 'Notes'),
       el('p', { class: 'nt-hint', 'data-nt-about': '' }, 'Take notes in a meeting. PMOS listens on this machine, catches the decisions, actions and questions, and checks them against your repository. No audio leaves this machine, and notes are kept outside every repository.'),
@@ -1637,43 +1694,38 @@ function keepFocus() {
   const caret = [editor[focus].selectionStart, editor[focus].selectionEnd];
   return () => queueMicrotask(() => { try { const t = editor[focus]; if (t.isConnected) { t.focus(); t.setSelectionRange(caret[0], caret[1]); } } catch { /* the field is gone */ } });
 }
-async function openFull(ctx, id) {
-  await flushSave(ctx);
-  popped = null;
-  const [c, d] = await Promise.all([import('./panel-cockpit.js'), import('./note-dock.js')]);
-  d.minimize();
-  pendingOpen = id;
-  c.openView('notes');
-}
-
-/** The note the pop-up shows (pm/note-dock.js), or null. */
-export function setPopped(id) { popped = id || null; }
 /** The note's title as last read or typed, or ''. */
 export const titleOf = (id) => (editor && editor.id === id && editor.title.value.trim()) || ((cache.get(id) || {}).title) || '';
 /** When the note that is listening started, or null. */
 export const liveStarted = () => (audio && audio.state === 'on' ? audio.started : speech && speech.mode === 'record' && speech.state === 'on' ? speech.started : null);
 /** Stop the note that is listening, as its Stop does. */
-export const stopListening = (ctx) => stopRecording(ctx);
+export const stopListening = (ctx) => stopRecording(ctx, { resumable: true });
 /** Start listening on this note at once, with no chooser (Run 6, Take notes): the microphone and the meeting when Whisper is set
  * up, else the microphone through the browser's on-device recognition. False when the note cannot listen (private, gone). */
 export async function listenNow(ctx, id) {
-  if (id !== currentId) await selectNote(ctx, id);
-  let n = cache.get(id);
-  if (!n) { await loadNote(ctx, id); n = cache.get(id); }
-  if (!n || n.private) return false;
-  const eng = engine && engine.ws === wsOf(ctx) && engine.whisper ? engine : await loadEngine(ctx);
-  if (eng.whisper && eng.whisper.ready) await startAudio(ctx, n, ['mic', 'meeting']); else await startSpeech(ctx, n, 'record');
-  return listeningId() === id;
+  starting = true;
+  try {
+    // a highlight belongs to the meeting it was pressed in: it does not carry over to the next one
+    if (highlight && highlight.id !== id) { highlight = null; hlOpen = false; clearInterval(highlightTimer); highlightTimer = null; }
+    if (id !== currentId) await selectNote(ctx, id);
+    let n = cache.get(id);
+    if (!n) { await loadNote(ctx, id); n = cache.get(id); }
+    if (!n || n.private) return false;
+    const eng = engine && engine.ws === wsOf(ctx) && engine.whisper ? engine : await loadEngine(ctx);
+    if (eng.whisper && eng.whisper.ready) await startAudio(ctx, n, ['mic', 'meeting']); else await startSpeech(ctx, n, 'record');
+    return listeningId() === id;
+  } finally { starting = false; ctx.setState({}); }
 }
 
 /** The note that is listening now, or null. */
 export const listeningId = () => (audio && audio.id) || (speech && speech.mode === 'record' && (speech.state === 'on' || speech.state === 'checking') ? speech.id : null);
 
-/** One note drawn in the pop-up (meeting-notes Run 6, pm/note-dock.js): the same note, editor and listening as the Notes tab,
- * in one column, with Open in Notes for the full screen. It never stops a meeting that is being heard: when another note is
- * listening it draws nothing and returns false. */
-export function renderInline(host, ctx, id, opts = {}) {
-  if (ctx.FIXTURE) return false;
+/** The live part of the note, drawn in the Notes place's right column while the meeting is recording or paused (meeting-notes
+ * Run 13): the status, Your notes (the field to type in) and the live transcript. It is the same editor and listening as the
+ * rest of this view. It never stops a meeting that is being heard: when another note is listening it draws nothing and returns
+ * false. The fields it shows are kept across redraws (kept() through own()), so typing and scrolling survive new lines. */
+export function renderLive(host, ctx, id) {
+  if (ctx.FIXTURE || starting) return false;
   const other = listeningId();
   if (other && other !== id) return false;
   ensureComponentsCss();
@@ -1683,20 +1735,37 @@ export function renderInline(host, ctx, id, opts = {}) {
   if (!n) { loadNote(ctx, id); host.appendChild(el('p', { class: 'nt-hint' }, 'reading the note …')); return true; }
   const keep = keepFocus();
   const ed = editorFor(ctx, n);
+  // the title is typed in the Notes place, not here: this editor takes it from the note, so a save here never puts back an old one
+  if (!dirty && ed.title.value !== (n.title || '')) ed.title.value = n.title || '';
   inlineDraw = true;
-  try { drawInline(ctx, n, ed, host, opts); } finally { inlineDraw = false; }
+  try { host.appendChild(liveBlock(ctx, n, ed)); } finally { inlineDraw = false; }
   keep();
   return true;
 }
-function drawInline(ctx, n, ed, host, opts) {
-  const wrap = el('div', { class: 'nt-wrap nt-wrap--inline', 'data-nt-part': 'inline', 'data-nt-id': n.id });
-  if (banner) wrap.appendChild(el('div', { class: 'nt-banner' + (banner.tone === 'bad' ? ' nt-banner--bad' : ''), 'data-nt-banner': banner.tone, role: banner.tone === 'bad' ? 'alert' : 'status' }, banner.text));
-  wrap.appendChild(header(ctx, n, ed, { inline: true, onMinimize: opts.onMinimize }));
-  if (n.private) wrap.appendChild(el('p', { class: 'nt-hint', 'data-nt-private': '' }, 'This note is private: it is not recorded, and nothing from it goes to Jev or to any agent.'));
-  const pl = !listening(n) ? playerFor(ctx, n) : null;
-  if (pl) wrap.appendChild(el('div', { class: 'nt-replay', 'data-nt-part': 'replay' }, el('span', { class: 'nt-sec__h' }, 'Replay'), own(pl.el)));
-  wrap.appendChild(el('div', { class: 'nt-body2' }, noteColumn(ctx, n, ed), transcriptColumn(ctx, n, { inline: true })));
-  if (pl) queueMicrotask(paintNow);
-  if (n.agent && n.agent.started && !n.agent.markdown && !agentTimer) pollAgent(ctx, n.id);
-  host.appendChild(wrap);
-}
+function liveBlock(ctx, n, ed) {
+  const live = listening(n);
+  const parts = [];
+  if (banner) parts.push(el('div', { class: 'nt-banner' + (banner.tone === 'bad' ? ' nt-banner--bad' : ''), 'data-nt-banner': banner.tone, role: banner.tone === 'bad' ? 'alert' : 'status' }, banner.text));
+  if (live) {
+    parts.push(el('div', { class: 'nt-live', 'data-nt-listening': live.kind, role: 'status' },
+      el('span', { class: 'nt-live-dot', 'aria-hidden': 'true' }), el('b', null, 'Taking notes'),
+      el('span', { 'data-nt-clock': '' }, fmtTime(Date.now() - live.started)),
+      el('span', { 'data-nt-sources': '' }, ' · ' + (live.state === 'starting' || live.state === 'checking' ? 'starting' : ['mic', 'meeting'].filter((s) => live.sources.includes(s)).join(' + '))),
+      el('span', { class: 'nt-hint' }, 'Highlight and Pause are in the top bar.'),
+      el('span', { class: 'nt-sr' }, ' Notes are being taken.')));
+  } else {
+    const left = n.resume_until ? Math.max(1, Math.ceil((Date.parse(n.resume_until) - Date.now()) / 60000)) : null;
+    parts.push(el('div', { class: 'nt-live nt-live--paused', 'data-nt-paused': '', role: 'status' }, el('b', null, 'Paused'),
+      el('span', { class: 'nt-hint' }, (left ? left + (left === 1 ? ' minute' : ' minutes') + ' left to resume. ' : '') + 'Stop ends the meeting for good.')));
+  }
+  if (n.private) parts.push(el('p', { class: 'nt-hint', 'data-nt-private': '' }, 'This note is private: it is not recorded, and nothing from it goes to Jev or to any agent.'));
+  parts.push(myNotes(ctx, n, ed), transcriptColumn(ctx, n, {}));
+  return el('section', { class: 'nt-liveblock', 'data-nt-part': 'live', 'data-nt-id': n.id }, parts);
+}
+/** Link the note to a calendar meeting, or to an initiative, from the Notes place's ⋯ menu: the same sheets as the Notes tab. */
+export async function linkMeeting(ctx, id) { await loadNote(ctx, id); const n = cache.get(id); if (n) await meetingSheet(ctx, n); }
+export async function linkInitiative(ctx, id) { await loadNote(ctx, id); const n = cache.get(id); if (n) await initiativeSheet(ctx, n); }
+/** The text of the last failure shown on this view (for example "this meeting was stopped"), and forget it. */
+export function takeBanner() { const t = banner && banner.tone === 'bad' ? banner.text : null; if (t) banner = null; return t; }
+/** The title was changed elsewhere (the Notes place): keep this view's copy in step. */
+export function noteTitled(id, title) { const c = cache.get(id); if (c) c.title = title; if (editor && editor.id === id && !dirty) editor.title.value = title || ''; }

package/workspace/test-files.json

@@ -44,6 +44,7 @@
     "notes-highlight.test.js",
     "notes-page.test.js",
     "notes-conflicts.test.js",
+    "notes-resume.test.js",
     "proactive-prepare.test.js",
     "learn.test.js",
     "session-flag.test.js",
@@ -107,6 +108,7 @@
     "pm-r29-newsession-alignment-test.js",
     "pm-live-notes-test.js",
     "pm-notes-menu-test.js",
+    "pm-record-control-test.js",
     "pm-r30-test.js",
     "pm-breakdown-test.js",
     "pm-breakdown-phone-test.js",
@@ -152,6 +154,7 @@
     "notes-highlight.test.js": 1,
     "notes-page.test.js": 1,
     "notes-conflicts.test.js": 1,
+    "notes-resume.test.js": 8,
     "proactive-prepare.test.js": 9,
     "learn.test.js": 3,
     "session-flag.test.js": 1,
@@ -209,6 +212,7 @@
     "pm-r29-newsession-alignment-test.js": 8,
     "pm-live-notes-test.js": 24,
     "pm-notes-menu-test.js": 10,
+    "pm-record-control-test.js": 12,
     "pm-r30-test.js": 4,
     "ui-test.js": 30,
     "plan-items.test.js": 1,