create-pmos 0.116.0 → 0.118.0

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

@@ -8,9 +8,12 @@
  * Layout, as the mockup: the page title and a search field, then two cards side by side.
  *   left    BY INITIATIVE · n notes. One group per initiative, then "No initiative"; each row is the meeting time or day,
  *           the title, and an amber dot when a statement in the note differs from a file in the repository.
- *   right   the note: one meta line (Meeting note · day time · length · initiative), the title with Record / Resume / Stop
- *           and the ⋯ menu, then only what is there: Conflicts with other files, Highlights, the Overview, Decisions,
- *           Next steps (owner · due, and Make task), Open questions, and the discussion and transcript folded at the end.
+ *   right   THE FULL NOTE (meeting-notes Run 13: the pop-up note is gone). One meta line (Meeting note · day time · length ·
+ *           initiative) with an icon that shows the exact times and dates, the title with its icons (Resume and Stop, or Stop
+ *           while recording; Copy as Markdown; ⋯), the Meeting context card (people, agenda, what it is for, details), the live
+ *           block while the meeting is recording or paused (status, Your notes, the live transcript), then only what is there:
+ *           Conflicts with other files, Highlights, the Overview, Decisions, Next steps (owner · due, and Make task), Open
+ *           questions, and the discussion and transcript folded at the end. Every button is an icon with a tooltip.
  *
  * WHERE EACH PART COMES FROM. After Stop and the final pass, the agent's final notes (note.final_notes: grounded in quotes);
  * before that, what was caught live (view-notes.js caughtItems: the agent's minute bullets, else the labelled lines) and
@@ -20,9 +23,11 @@
  * to the note's initiative as a plan item in its first stage (POST /api/plan-items, the Breakdown's own writer), with Undo.
  */
 
-import { el } from './dom.js';
+import { el, patchChildren } from './dom.js';
 import { button, iconButton, field, row, menu, toast, empty, ensureComponentsCss } from './primitives.js';
-import { ensureSprite } from './icons.js';
+import { onNotes } from './notes-links.js';
+import { agendaHeard, peopleOf } from './notes-context.js';
+import { ensureSprite, icon } from './icons.js';
 import { pmGet, pmPost } from './http.js';
 import { registerCommand, openDestination } from './registry.js';
 import { askConfirm } from './dialogs.js';
@@ -43,10 +48,14 @@ export const COPY = Object.freeze({
   reading: 'Reading…',
   readError: 'The notes could not be read.',
   meetingNote: 'Meeting note',
-  record: 'Record', resume: 'Resume', stop: 'Stop',
+  record: 'Record this note', resume: 'Resume', stop: 'Stop for good (cannot be resumed)', copy: 'Copy as Markdown (with the meeting context)', timeInfo: 'Exact times and dates',
   conflicts: 'Conflicts with other files',
   conflictWith: 'conflicts with',
   openFile: 'Open file',
+  linkMeeting: 'Link to a meeting', linkInitiative: 'Link to an initiative',
+  context: 'Meeting context', people: 'People', agenda: 'Agenda', about: 'What it is for', details: 'Details',
+  noMeeting: 'Not linked to a meeting. Link it to add the meeting’s people, agenda and details to the note.',
+  noContext: 'The calendar gave no more about this meeting.',
   highlights: 'Highlights',
   overview: 'Overview',
   noOverview: 'No overview yet. It is written when you stop recording.',
@@ -58,7 +67,6 @@ export const COPY = Object.freeze({
   undo: 'Undo',
   discussion: 'Discussion',
   transcript: (n) => `${n} transcript ${n === 1 ? 'line' : 'lines'}`,
-  openFull: 'Open the full note',
   del: 'Delete note',
   delAsk: (t) => `Delete “${t}”?`,
   delBody: 'The note, its transcript and its audio are deleted from this machine.',
@@ -174,9 +182,10 @@ export function mountDestination(host, ctx) {
     inst.head = el('div', { class: 'rp-head nt-pg-head' }, el('h1', { class: 'rp-head__title' }, COPY.title), find);
     inst.root.replaceChildren(inst.head, el('div', { class: 'nt-pg-grid' }, inst.left, inst.right));
   }
+  if (!inst.unsub) inst.unsub = onNotes(() => { if (insts.get(host) === inst) refresh(inst); });
   inst.repo = (ctx && ctx.tab && ctx.tab.repo) || (ctx && ctx.state && ctx.state.product) || null;
   const slug = (ctx && ctx.tab && ctx.tab.slug) || null;
-  if (slug !== inst.slug) { inst.slug = slug; if (slug) { inst.open = slug; inst.note = null; } }
+  if (slug !== inst.slug) { inst.slug = slug; if (slug) { inst.open = slug; inst.note = null; inst.ctxOpen = null; inst.info = false; loadOpen(inst); } }
   if (!inst.rows || Date.now() - inst.readAt > REREAD_MS) refresh(inst);
   drawLeft(inst);
   drawRight(inst);
@@ -186,6 +195,7 @@ export function disposeDestination(host) {
   const inst = insts.get(host);
   if (!inst) return;
   inst.seq++;
+  if (inst.unsub) inst.unsub();
   inst.root.remove();
   insts.delete(host);
 }
@@ -211,7 +221,7 @@ async function loadOpen(inst) {
 }
 function choose(inst, id) {
   if (inst.open === id) return;
-  inst.open = id; inst.note = null;
+  inst.open = id; inst.note = null; inst.ctxOpen = null; inst.info = false;
   drawLeft(inst, true); drawRight(inst);
   loadOpen(inst);
 }
@@ -238,7 +248,7 @@ function drawLeft(inst, force) {
         trail: r.conflicts ? [el('span', { class: 'nt-pg-warn-dot', 'data-ntm-conflict-dot': '', title: r.conflicts + (r.conflicts === 1 ? ' conflict' : ' conflicts') })] : null,
         onOpen: () => choose(inst, r.id), openLabel: 'Open ' + (r.title || 'Untitled note'),
         openAttrs: { 'aria-current': r.id === inst.open ? 'true' : 'false' },
-        attrs: { class: 'nt-pg-row', 'data-ntm-row': r.id } })))));
+        attrs: { class: 'nt-pg-row', 'data-ntm-row': r.id, title: 'Started ' + fullAt((r.sessions && r.sessions[0] && r.sessions[0].from) || startOf(r)) } })))));
   }
   inst.left.replaceChildren(head, body);
 }
@@ -248,42 +258,134 @@ function drawLeft(inst, force) {
 function drawRight(inst, force) {
   const n = inst.note;
   const live = dock.recordState();
-  const sig = JSON.stringify([inst.open, n && [n.updated_at, n.title, n.final_notes && n.final_notes.at, (n.transcript || []).length, (n.highlights || []).length, n.agent && n.agent.markdown, iniName(n.initiative)], live.mode, live.id, !!inst.rows]);
-  if (!force && sig === inst.rightSig) return;
-  // a field being typed in is not redrawn under the cursor; the next read after it is left draws it
-  if (inst.right.contains(document.activeElement) && document.activeElement.matches('input, [contenteditable="true"]')) return;
+  const held = !!n && live.mode !== 'idle' && live.id === n.id;
+  const sig = JSON.stringify([inst.open, n && [n.updated_at, n.title, n.final_notes && n.final_notes.at, (n.transcript || []).length, (n.highlights || []).length, n.agent && n.agent.markdown, iniName(n.initiative), n.state, n.resume_until, n.ended_at, (n.sessions || []).length, n.meeting && n.meeting.context && n.meeting.context.taken_at], live.mode, live.id, !!inst.rows, inst.ctxOpen, inst.info]);
+  // a held note draws again on every render: the clock, the lines and the paused minutes move. Nothing else draws without a change.
+  if (!force && !held && sig === inst.rightSig) return;
+  // a field being typed in is not redrawn under the cursor, except in the live block, whose fields are kept across redraws
+  const active = typeof document !== 'undefined' ? document.activeElement : null;
+  if (active && inst.right.contains(active) && active.matches('input, textarea, [contenteditable="true"]') && !active.closest('[data-nt-part="live"]')) return;
   inst.rightSig = sig;
-  if (!inst.open) { inst.right.replaceChildren(empty({ text: inst.rows && inst.rows.length ? COPY.pick : COPY.none })); return; }
-  if (!n) { inst.right.replaceChildren(el('p', { class: 'nt-hint' }, COPY.reading)); return; }
-  inst.right.replaceChildren(...noteParts(inst, n, live));
+  const fresh = el('div');
+  if (!inst.open) fresh.appendChild(empty({ text: inst.rows && inst.rows.length ? COPY.pick : COPY.none }));
+  else if (!n) fresh.appendChild(el('p', { class: 'nt-hint' }, COPY.reading));
+  else for (const part of noteParts(inst, n, live)) fresh.appendChild(part);
+  // a live transcript read to its end follows the new lines; one the PM scrolled up in stays where they left it
+  const was = inst.right.querySelector('[data-nt-transcript]');
+  const atEnd = !!was && was.scrollTop + was.clientHeight >= was.scrollHeight - 8;
+  patchChildren(inst.right, fresh);
+  const box = inst.right.querySelector('[data-nt-transcript]');
+  if (atEnd && box && box.isConnected) box.scrollTop = box.scrollHeight;
+}
+
+const pad2 = (v) => String(v).padStart(2, '0');
+const fullAt = (t) => { const d = new Date(t); return Number.isFinite(d.getTime()) ? d.toLocaleDateString('en-GB', { weekday: 'short', day: 'numeric', month: 'short', year: 'numeric' }) + ', ' + pad2(d.getHours()) + ':' + pad2(d.getMinutes()) + ':' + pad2(d.getSeconds()) : ''; };
+const hmAt = (t) => { const d = new Date(t); return Number.isFinite(d.getTime()) ? pad2(d.getHours()) + ':' + pad2(d.getMinutes()) : ''; };
+const TZ = (() => { try { return Intl.DateTimeFormat().resolvedOptions().timeZone; } catch { return ''; } })();
+
+/** The exact times and dates of a note (R56): the calendar event, each recording stretch, the total, the status, the resume deadline. */
+function infoPanel(n) {
+  const rows = [];
+  const m = n.meeting && n.meeting.kind === 'event' ? n.meeting : null;
+  if (m && m.start) rows.push(['Calendar event', fullAt(m.start).replace(/:\d\d$/, '') + (m.end ? '–' + hmAt(m.end) : '')]);
+  (n.sessions || []).forEach((x, i) => rows.push(['Recording ' + (i + 1), fullAt(x.from) + (x.to ? ' → ' + fullAt(x.to) : ' → now')]));
+  const total = (n.sessions || []).reduce((a, x) => a + Math.max(0, (x.to ? Date.parse(x.to) : Date.now()) - Date.parse(x.from)), 0);
+  if (total) rows.push(['Total recorded', V.fmtTime(total)]);
+  rows.push(['Status', ({ recording: 'Recording', paused: 'Paused', ended: 'Ended', idle: 'Not recorded' })[n.state] || '']);
+  if (n.state === 'paused' && n.resume_until) rows.push(['Can be resumed', 'yes, until ' + fullAt(n.resume_until)]);
+  else if (n.state === 'ended') rows.push(['Can be resumed', 'no: ' + (n.ended_by === 'stop' ? 'stopped for good' : 'paused over an hour, so it ended') + (n.ended_at ? ' at ' + fullAt(n.ended_at) : '')]);
+  if (TZ) rows.push(['Time zone', TZ]);
+  return el('dl', { class: 'nt-pg-info', 'data-ntm': 'info' }, rows.map(([k, v]) => [el('dt', null, k), el('dd', null, v)]));
+}
+
+/** The Meeting context card (R59): what the note kept of its meeting. Only what the calendar and the brief gave; nothing is made up. */
+function contextCard(inst, n, held) {
+  const m = n.meeting && n.meeting.kind === 'event' ? n.meeting : null;
+  if (!m) {
+    return el('section', { class: 'nt-pg-ctx', 'data-ntm': 'context', 'data-ntm-context': 'none' },
+      el('div', { class: 'nt-pg-ctx__h' }, el('h3', { class: 'nt-pg-sec__h' }, COPY.context), el('span', { class: 'nt-pg-ctx__sum' }, COPY.noMeeting),
+        iconButton({ icon: 'link', ariaLabel: COPY.linkMeeting, onClick: () => V.linkMeeting({ state: inst.ctx.state, setState: inst.ctx.setState }, n.id), attrs: { 'data-ntm-link-meeting': '' } })));
+  }
+  const c = m.context || null;
+  const lines = (n.final && n.final.segments && n.final.segments.length ? n.final.segments : (n.transcript || []).filter((x) => !x.dropped)).map((x) => ({ t: x.t, text: x.text }));
+  const heard = c ? agendaHeard(c, lines) : [];
+  const names = peopleOf(c);
+  const open = inst.ctxOpen == null ? (held || !(n.transcript || []).length) : inst.ctxOpen;
+  const sum = [names.length ? names.length + (names.length === 1 ? ' person' : ' people') : c && c.attendees ? c.attendees + ' attendees' : null,
+    c && c.agenda && c.agenda.length ? heard.filter((x) => x !== null).length + ' of ' + c.agenda.length + ' agenda items heard' : null].filter(Boolean).join(' · ') || m.title;
+  const head = el('div', { class: 'nt-pg-ctx__h' }, el('h3', { class: 'nt-pg-sec__h' }, COPY.context), el('span', { class: 'nt-pg-ctx__sum' }, sum),
+    iconButton({ icon: 'chevron-down', ariaLabel: open ? 'Hide the meeting context' : 'Show the meeting context', expanded: open,
+      onClick: () => { inst.ctxOpen = !open; drawRight(inst, true); }, attrs: { class: 'nt-pg-ctx__toggle' + (open ? ' nt-pg-ctx__toggle--open' : ''), 'data-ntm-context-toggle': '' } }));
+  if (!open) return el('section', { class: 'nt-pg-ctx', 'data-ntm': 'context', 'data-ntm-context': 'folded' }, head);
+  const cols = [];
+  if (names.length) cols.push(el('div', { class: 'nt-pg-ctx__col', 'data-ntm-ctx': 'people' }, el('h4', null, COPY.people),
+    el('ul', null, names.map((x) => el('li', null, el('span', { class: 'nt-pg-av', 'aria-hidden': 'true' }, x.split(/\s+/).map((w) => w[0]).slice(0, 2).join('').toUpperCase()), el('span', null, x))))));
+  else if (c && c.attendees) cols.push(el('div', { class: 'nt-pg-ctx__col', 'data-ntm-ctx': 'people' }, el('h4', null, COPY.people), el('p', null, c.attendees + ' attendees. Names are not kept while calendar names are off.')));
+  if (c && c.agenda && c.agenda.length) cols.push(el('div', { class: 'nt-pg-ctx__col', 'data-ntm-ctx': 'agenda' }, el('h4', null, COPY.agenda),
+    el('ul', null, c.agenda.map((a, i) => el('li', { class: heard[i] !== null ? 'nt-pg-ag nt-pg-ag--heard' : 'nt-pg-ag', 'data-ntm-agenda': heard[i] !== null ? 'heard' : 'open' },
+      el('span', { class: 'nt-pg-ag__mk', 'aria-hidden': 'true' }, heard[i] !== null ? icon('check') : null), el('span', null, a),
+      heard[i] !== null ? el('span', { class: 'nt-pg-li__at' }, V.fmtTime(heard[i])) : null)))));
+  const about = [];
+  if (c && c.purpose) about.push(el('p', null, c.purpose));
+  if (c && c.prep) about.push(el('p', { class: 'nt-pg-dim' }, 'To be ready: ' + c.prep));
+  const tags = [];
+  if (n.initiative) tags.push(el('span', { class: 'nt-pg-chip' }, 'Initiative · ' + iniName(n.initiative)));
+  for (const r of (c && c.refs) || []) tags.push(r.link ? el('a', { class: 'nt-pg-chip', href: r.link, target: '_blank', rel: 'noopener noreferrer' }, r.label) : el('span', { class: 'nt-pg-chip' }, r.label));
+  if (about.length || tags.length) cols.push(el('div', { class: 'nt-pg-ctx__col', 'data-ntm-ctx': 'about' }, el('h4', null, COPY.about), ...about, tags.length ? el('div', { class: 'nt-pg-chips' }, tags) : null));
+  const det = [['When', fullAt(m.start).replace(/:\d\d$/, '') + (m.end ? '–' + hmAt(m.end) : '')]];
+  if (c && c.series) det.push(['Series', c.series]);
+  if (c && c.role) det.push(['Your role', c.role]);
+  if (c && c.external) det.push(['Outside', 'someone from outside the company attends']);
+  const links = ((c && c.links) || []).map((l) => el('a', { class: 'nt-pg-chip', href: l.url, target: '_blank', rel: 'noopener noreferrer' }, l.label));
+  cols.push(el('div', { class: 'nt-pg-ctx__col', 'data-ntm-ctx': 'details' }, el('h4', null, COPY.details),
+    el('dl', { class: 'nt-pg-dl' }, det.map(([k, v]) => [el('dt', null, k), el('dd', null, v)])), links.length ? el('div', { class: 'nt-pg-chips' }, links) : null));
+  return el('section', { class: 'nt-pg-ctx nt-pg-ctx--open', 'data-ntm': 'context', 'data-ntm-context': 'open' }, head,
+    el('div', { class: 'nt-pg-ctx__b' }, cols, c ? null : el('p', { class: 'nt-pg-dim nt-pg-ctx__note' }, COPY.noContext)));
 }
 
 function noteParts(inst, n, live) {
   const p = partsOf(n);
+  const held = live.mode !== 'idle' && live.id === n.id;
+  const recording = held && live.mode === 'recording';
   const meta = [COPY.meetingNote, whenLong(startOf(n)), minutes(lengthOf(n)), iniName(n.initiative)].filter(Boolean).join(' · ');
   const title = field({ label: 'Title', kind: 'title', hideLabel: true, value: n.title || '', placeholder: 'Untitled note',
     attrs: { 'data-ntm': 'title', class: 'nt-pg-title' },
-    onCommit: async (v) => { const r = await pmPost('/api/notes/save', { id: n.id, title: v }); if (r && r.ok) { n.title = v; refresh(inst); } else toast({ text: COPY.notSaved, tone: 'destructive' }); } });
-  const isLive = live.mode === 'recording' && live.id === n.id;
+    onCommit: async (v) => { const r = await pmPost('/api/notes/save', { id: n.id, title: v }); if (r && r.ok) { n.title = v; V.noteTitled(n.id, v); refresh(inst); } else toast({ text: COPY.notSaved, tone: 'destructive' }); } });
+  // the icons (R54): recording shows Stop only (Highlight and Pause are in the top bar); paused shows Resume and Stop; a stopped
+  // meeting shows neither; a note never recorded shows Record
   const acts = [];
   if (!n.private) {
-    acts.push(isLive
-      ? button({ label: COPY.stop, variant: 'outline', size: 'sm', onClick: () => dock.finish(), attrs: { 'data-ntm': 'stop' } })
-      : button({ label: (n.transcript || []).length ? COPY.resume : COPY.record, variant: 'primary', size: 'sm', icon: 'mic',
-        onClick: () => dock.recordNote(n.id, n.title), attrs: { 'data-ntm': (n.transcript || []).length ? 'resume' : 'record' } }));
+    if (held && !recording) acts.push(iconButton({ icon: 'play', ariaLabel: 'Resume ' + (n.title || 'the note'), onClick: () => dock.resumeNow(), attrs: { class: 'nt-pg-resume', 'data-ntm': 'resume' } }));
+    if (held) acts.push(iconButton({ icon: 'square', ariaLabel: COPY.stop, onClick: () => dock.stopNow(), attrs: { class: 'nt-pg-stop', 'data-ntm': 'stop' } }));
+    else if (n.state === 'idle' || (n.state === undefined && !(n.transcript || []).length)) {
+      const busy = live.mode === 'recording';
+      const b = iconButton({ icon: 'mic', ariaLabel: busy ? 'Pause or stop the meeting being recorded first' : COPY.record, onClick: () => { if (!busy) dock.recordNote(n.id); }, attrs: { 'data-ntm': 'record' } });
+      if (busy) b.setAttribute('aria-disabled', 'true');
+      acts.push(b);
+    }
   }
+  acts.push(iconButton({ icon: 'file-text', ariaLabel: COPY.copy, onClick: () => copyMarkdown(n), attrs: { 'data-ntm': 'copy' } }));
   const more = iconButton({ icon: 'ellipsis', ariaLabel: 'More', attrs: { 'data-ntm': 'more' },
     onClick: () => menu({ anchor: more, ariaLabel: 'Note actions', items: [
-      { label: COPY.openFull, onSelect: () => dock.openDock(n.id) },
-      { label: COPY.del, onSelect: () => deleteNote(inst, n) },
+      { label: COPY.linkMeeting, icon: 'link', onSelect: () => V.linkMeeting({ state: inst.ctx.state, setState: inst.ctx.setState }, n.id), attrs: { 'data-ntm-more-meeting': '' } },
+      { label: COPY.linkInitiative, icon: 'target', onSelect: () => V.linkInitiative({ state: inst.ctx.state, setState: inst.ctx.setState }, n.id), attrs: { 'data-ntm-more-initiative': '' } },
+      { sep: true },
+      { label: COPY.del, danger: true, onSelect: () => deleteNote(inst, n) },
     ] }) });
   acts.push(more);
   const out = [
     el('div', { class: 'nt-pg-top' },
-      el('span', { class: 'nt-pg-meta', 'data-ntm': 'meta' }, meta),
+      el('div', { class: 'nt-pg-metarow' }, el('span', { class: 'nt-pg-meta', 'data-ntm': 'meta' }, meta),
+        iconButton({ icon: 'clock', ariaLabel: COPY.timeInfo, expanded: !!inst.info, size: 'sm', onClick: () => { inst.info = !inst.info; drawRight(inst, true); }, attrs: { 'data-ntm': 'time-info' } })),
+      inst.info ? infoPanel(n) : null,
       el('div', { class: 'nt-pg-titlerow' }, el('div', { class: 'nt-pg-titlewrap' }, title), el('div', { class: 'nt-pg-acts' }, acts))),
   ];
   if (n.private) out.push(el('p', { class: 'nt-hint' }, 'This note is private: it is not recorded, and nothing from it goes to Jev or to any agent.'));
+  out.push(contextCard(inst, n, held));
+  if (held) {
+    const liveHost = el('div', { class: 'nt-pg-live', 'data-ntm': 'live' });
+    if (V.renderLive(liveHost, { state: inst.ctx.state, setState: inst.ctx.setState, FIXTURE: inst.ctx.FIXTURE }, n.id)) out.push(liveHost);
+  }
 
   const cf = conflictsOf(n);
   if (cf.length) {
@@ -292,7 +394,7 @@ function noteParts(inst, n, live) {
       cf.map((c) => el('div', { class: 'nt-pg-li', 'data-ntm-conflict': c.doc },
         el('span', { class: 'nt-pg-warn-dot' }),
         el('span', { class: 'nt-pg-li__text' }, '“' + c.text + '” ', el('span', { class: 'nt-pg-dim' }, COPY.conflictWith + ' '), el('span', { class: 'nt-pg-mono' }, c.doc + (c.line ? ':' + c.line : ''))),
-        button({ label: COPY.openFile, variant: 'outline', size: 'sm', onClick: () => openFile(inst, c.doc), attrs: { 'data-ntm-open-file': c.doc } })))));
+        iconButton({ icon: 'file-text', ariaLabel: COPY.openFile + ': ' + c.doc, onClick: () => openFile(inst, c.doc), attrs: { 'data-ntm-open-file': c.doc } })))));
   }
 
   const hl = n.highlights || [];
@@ -325,12 +427,13 @@ function noteParts(inst, n, live) {
   out.push(section('decision', COPY.decisions, p.decisions, '—'));
   out.push(section('action', COPY.actions, p.actions, '○', (x) => [
     x.owner || x.due ? el('span', { class: 'nt-pg-li__who' }, [x.owner, x.due].filter(Boolean).join(' · ')) : null,
-    button({ label: COPY.makeTask, variant: 'outline', size: 'sm', onClick: (e) => makeTaskFrom(n, x, { repo: inst.repo, btn: e && e.currentTarget }), attrs: { 'data-ntm-make-task': '' } }),
+    iconButton({ icon: 'list-checks', ariaLabel: COPY.makeTask, onClick: (e) => makeTaskFrom(n, x, { repo: inst.repo, btn: e && e.currentTarget }), attrs: { 'data-ntm-make-task': '' } }),
   ]));
   out.push(section('question', COPY.questions, p.questions, '?'));
 
   const tr = (n.final && n.final.segments && n.final.segments.length ? n.final.segments.map((g) => ({ t: g.t, text: g.text })) : (n.transcript || []).filter((x) => !x.dropped));
-  if (p.topics.length || tr.length) {
+  // while the meeting is held the live block already shows the transcript, so the fold waits for the end
+  if (!held && (p.topics.length || tr.length)) {
     const bits = [p.topics.length ? p.topics.length + (p.topics.length === 1 ? ' topic' : ' topics') : null, tr.length ? COPY.transcript(tr.length) : null].filter(Boolean).join(' · ');
     out.push(el('details', { class: 'nt-pg-sec nt-pg-fold', 'data-ntm': 'discussion' },
       el('summary', { class: 'nt-pg-fold__sum' }, COPY.discussion + ' · ' + bits),
@@ -364,6 +467,10 @@ async function saveFinal(inst, n, sec, i, text) {
   return true;
 }
 
+async function copyMarkdown(n) {
+  try { await navigator.clipboard.writeText(V.noteMarkdown(n)); toast({ text: 'The note is on the clipboard as Markdown, with its meeting context.', timeout: 2500 }); }
+  catch { toast({ text: 'The clipboard was not available.', tone: 'destructive' }); }
+}
 function openFile(inst, doc) {
   if (!inst.repo) return;
   import('./panel-tabs.js').then((m) => m.openDoc(inst.repo, doc, 'notes')).catch(() => toast({ text: 'The file could not be opened.', tone: 'destructive' }));