create-pmos 0.75.0 → 0.76.0

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

@@ -44,14 +44,14 @@ import { askConfirm, askText } 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, ensureComponentsCss } from './primitives.js';
+import { button, iconButton, field, row, sheet, empty, menu, toast, ensureComponentsCss } from './primitives.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
 const AGENT_POLL_MS = 3000;
 const CHUNK_SAMPLES = 16000;  // one second at 16 kHz
 const RATE = 16000;
-const SECTIONS = [['decision', 'Decisions'], ['action', 'Actions'], ['question', 'Questions']];
+const SECTIONS = [['decision', 'Decisions'], ['action', 'Next steps'], ['question', 'Open questions']];
 
 /* ── module state: survives the redraw every setState causes ─────────────────────────────── */
 let list = null;              // { state, notes, error }
@@ -69,6 +69,7 @@ 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
 const LABELS = [['decision', 'Decision'], ['action', 'Action'], ['question', 'Question'], ['fact', 'Fact'], ['topic', 'Topic'], ['statement', 'Statement'], ['small talk', 'Small talk']];
@@ -212,7 +213,7 @@ async function loadList(ctx) {
   if (!currentId && list.notes.length) currentId = list.notes[0].id;
   ctx.setState({});
 }
-const sig = (n) => JSON.stringify([n.transcript, n.summary && n.summary.at, n.agent && n.agent.markdown, n.private, n.speakers, n.title, (n.versions || []).length, n.__recording && n.__recording.bytes, n.meeting, n.initiative]);
+const sig = (n) => JSON.stringify([n.transcript, n.bullets, n.bullets_state && n.bullets_state.agent, n.summary && n.summary.at, n.agent && n.agent.markdown, n.private, n.speakers, n.title, (n.versions || []).length, n.__recording && n.__recording.bytes, n.meeting, n.initiative]);
 async function loadNote(ctx, id) {
   const r = await pmGet('/api/notes/one?id=' + encodeURIComponent(id));
   if (r && r.ok) {
@@ -221,6 +222,7 @@ async function loadNote(ctx, id) {
     if (editor && editor.id === id && dirty) { r.note.title = editor.title.value; r.note.body = editor.body.value; }
     r.note.__audio = r.audio || null;
     r.note.__recording = r.recording || null;
+    r.note.bullets_state = r.bullets_state || null;
     cache.set(id, r.note);
     if (!had || sig(had) !== sig(r.note)) ctx.setState({});
   } else if (r && r.status === 404) { cache.delete(id); if (currentId === id) currentId = null; loadList(ctx); }
@@ -306,12 +308,22 @@ async function selectNote(ctx, id) {
   loadNote(ctx, id);
 }
 async function deleteNote(ctx, n) {
-  const sure = await askConfirm({ title: 'Delete this note?', body: '"' + (n.title || 'Untitled note') + '" and its transcript and summaries are deleted from this machine. This cannot be undone.', confirmLabel: 'Delete note', danger: true });
+  const sure = await askConfirm({ title: 'Delete "' + (n.title || 'Untitled note') + '"?', body: 'The note, its transcript, its summaries and its kept audio are deleted from this machine. Its summary goes from the calendar and the initiative. This cannot be undone.', confirmLabel: 'Delete note', cancelLabel: 'Keep it', danger: true });
   if (!sure) return;
-  await stopAll(ctx, { discard: true }); clearTimeout(saveTimer); dirty = false; dropPlayer();
+  const here = n.id === currentId;
+  // only the note that is deleted stops listening; another note that listens goes on
+  if (listeningId() === n.id) await stopAll(ctx, { discard: true });
+  if (here) { clearTimeout(saveTimer); dirty = false; dropPlayer(); }
   const r = await pmPost('/api/notes/delete', { id: n.id });
-  if (r && r.ok) { cache.delete(n.id); currentId = null; editor = null; if (list) list.notes = (list.notes || []).filter((x) => x.id !== n.id); if (list && list.notes.length) currentId = list.notes[0].id; banner = { tone: 'ok', text: 'The note was deleted.' }; }
-  else banner = { tone: 'bad', text: (r && r.error) || 'the note was not deleted' };
+  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; }
+    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.' });
+    banner = null;
+  } else banner = { tone: 'bad', text: (r && r.error) || 'the note was not deleted' };
   ctx.setState({});
 }
 async function setPrivate(ctx, n, priv) {
@@ -326,9 +338,13 @@ async function summarize(ctx, n, quiet = false) {
   await flushSave(ctx);
   busy = 'summary'; ctx.setState({});
   const ws = n.ws || wsOf(ctx);
-  const r = await pmPost('/api/notes/summarize', { id: n.id, ...(ws ? { ws } : {}) });
+  // after Stop the agent writes the overview when it can (Run 7); the local summary is stored first as the fallback
+  const r = await pmPost('/api/notes/summarize', { id: n.id, ...(ws ? { ws } : {}), ...(quiet && !n.private ? { prefer: 'agent' } : {}) });
   busy = '';
-  if (r && r.ok) { n.summary = r.summary; if (r.initiative !== undefined) { n.initiative = r.initiative; const c = cache.get(n.id); if (c) c.initiative = r.initiative; } banner = null; } else if (!quiet) banner = { tone: 'bad', text: (r && r.error) || 'no summary was made' };
+  if (r && r.ok) {
+    n.summary = r.summary; if (r.initiative !== undefined) { n.initiative = r.initiative; const c = cache.get(n.id); if (c) c.initiative = r.initiative; } banner = null;
+    if (r.agent && r.agent.started) { n.agent = { requested_at: new Date().toISOString(), started: true, reason: '', session: r.agent.session, withheld: r.agent.withheld, markdown: null, out: r.agent.out }; pollAgent(ctx, n.id); }
+  } else if (!quiet) banner = { tone: 'bad', text: (r && r.error) || 'no summary was made' };
   ctx.setState({});
 }
 async function summarizeAgent(ctx, n) {
@@ -362,6 +378,13 @@ async function copyMarkdown(ctx, n) {
   catch { banner = { tone: 'bad', text: 'The clipboard was not available. Select the text and copy it instead.' }; }
   ctx.setState({});
 }
+/** Take a key point out of the note's sections (POST /api/notes/bullet, Run 7). */
+async function dropBullet(ctx, n, bullet) {
+  const r = await pmPost('/api/notes/bullet', { id: n.id, bullet, drop: true });
+  if (r && r.ok) { const b = (n.bullets || []).find((x) => x.id === bullet); if (b) b.dropped = true; if (r.summary) n.summary = r.summary; }
+  else banner = { tone: 'bad', text: (r && r.error) || 'the point was not removed' };
+  ctx.setState({});
+}
 async function unpick(ctx, n, x) {
   const r = await pmPost('/api/notes/label', { id: n.id, index: x.index, cat: x.cat, drop: true });
   if (r && r.ok) { n.transcript[x.index] = r.segment; } else banner = { tone: 'bad', text: (r && r.error) || 'not changed' };
@@ -526,8 +549,8 @@ async function startAudio(ctx, n, want) {
   const r = await pmPost('/api/notes/record', wsOf(ctx) ? { id: n.id, ws: wsOf(ctx) } : { id: n.id });
   if (!r || !r.ok) { for (const [, s] of opened) for (const t of s.getTracks()) t.stop(); audio = null; banner = { tone: 'bad', text: (r && r.error) || 'listening did not start' }; ctx.setState({}); return; }
   n.recorded_from = r.recorded_from;
-  // the clock counts from the note's first Listen, as the line times do
-  a.started = Date.parse(r.recorded_from) || a.started;
+  // 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;
   let ac;
   try { ac = new AudioContext({ sampleRate: RATE }); } catch { ac = new AudioContext(); }
   a.ctx = ac;
@@ -546,7 +569,7 @@ async function startAudio(ctx, n, want) {
     for (const t of stream.getTracks()) t.addEventListener('ended', () => { if (audio !== a) return; a.ended++; if (a.ended >= a.streams.length) stopAudio(ctx); });
   }
   a.state = 'on';
-  a.clock = setInterval(() => { const c = typeof document !== 'undefined' && document.querySelector('[data-nt-clock]'); if (c) c.textContent = fmtTime(Date.now() - a.started); }, 1000);
+  a.clock = setInterval(() => tickClocks(a.started), 1000);
   ctx.setState({});
   poll(ctx, n.id);
 }
@@ -569,6 +592,7 @@ async function stopAudio(ctx, { discard = false } = {}) {
   if (discard) { ctx.setState({}); return; }
   // the rest of what was said, then the summary once the last line is transcribed
   await Promise.all(a.sources.map((k) => sendChunk(ctx, a, k, true)));
+  await pmPost('/api/notes/pause', { id: a.id });
   ctx.setState({});
   const n = cache.get(a.id);
   if (!n || n.private) return;
@@ -603,13 +627,15 @@ async function onFinal(ctx, s, text) {
   // dictation: the server cleans the phrase and resolves the spoken commands; the page applies them at the cursor
   const r = await pmPost('/api/notes/dictate', { text });
   if (!r || !r.ok || !editor || editor.id !== s.id) return;
-  const ta = editor.body;
+  const ta = editor.add;
   const focused = document.activeElement === ta;
   const sel = focused ? [ta.selectionStart, ta.selectionEnd] : (editor.sel || [ta.value.length, ta.value.length]);
   const out = applyOps(ta.value, sel, r.ops, s.last);
-  ta.value = out.value; editor.sel = out.sel; s.last = out.last; fitBody();
+  // a spoken "new line" adds what is before it as a note line; the rest stays in the field
+  const parts = out.value.split('\n');
+  if (parts.length > 1) { addLines(ctx, parts.slice(0, -1)); ta.value = parts[parts.length - 1]; editor.sel = [ta.value.length, ta.value.length]; s.last = null; return; }
+  ta.value = out.value; editor.sel = out.sel; s.last = out.last;
   if (focused) { try { ta.setSelectionRange(out.sel[0], out.sel[1]); } catch { /* detached */ } }
-  scheduleSave(ctx);
 }
 async function startSpeech(ctx, n, mode, install = false) {
   await stopAll(ctx);
@@ -634,7 +660,7 @@ async function startSpeech(ctx, n, mode, install = false) {
     const r = await pmPost('/api/notes/record', wsOf(ctx) ? { id: n.id, ws: wsOf(ctx) } : { id: n.id });
     if (!r || !r.ok) { s.state = 'error'; s.msg = (r && r.error) || 'listening did not start'; ctx.setState({}); return; }
     n.recorded_from = r.recorded_from;
-    s.started = Date.parse(r.recorded_from) || s.started;
+    s.started = Date.parse(r.clock_from || r.recorded_from) || s.started;
   }
   if (speech !== s) return;
   const rec = new C();
@@ -660,7 +686,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(() => { const c = typeof document !== 'undefined' && document.querySelector('[data-nt-clock]'); if (c) c.textContent = fmtTime(Date.now() - s.started); }, 1000); poll(ctx, n.id); }
+  if (mode === 'record') { s.clock = setInterval(() => tickClocks(s.started), 1000); poll(ctx, n.id); }
   ctx.setState({});
 }
 async function stopRecording(ctx) {
@@ -668,6 +694,7 @@ async function stopRecording(ctx) {
   if (s && s.mode === 'record') {
     clearInterval(s.clock); stopSpeech();
     await s.queue;
+    await pmPost('/api/notes/pause', { id: s.id });
     const n = cache.get(s.id);
     if (n && !n.private && (n.transcript || []).length) await summarize(ctx, n, true);
   }
@@ -756,26 +783,55 @@ function openSettings(ctx, n) {
 }
 
 /* ── drawing ──────────────────────────────────────────────────────────────────────────────────── */
-function fitBody() {
-  if (!editor || !editor.body) return;
-  const t = editor.body;
-  t.style.setProperty('--nt-h', 'auto');
-  t.style.setProperty('--nt-h', Math.max(96, t.scrollHeight + 2) + 'px');
+/** Every clock on the page, and the time beside the note field, from the meeting clock's start. */
+function tickClocks(started) {
+  if (typeof document === 'undefined') return;
+  const t = fmtTime(Date.now() - started);
+  for (const c of document.querySelectorAll('[data-nt-clock], [data-nt-clock-now]')) c.textContent = t;
 }
+/** The meeting time now, while this note listens; else null. */
+const liveMs = (n) => { const l = n ? listening(n) : null; return l && l.started ? Date.now() - l.started : null; };
 function editorFor(ctx, n) {
   if (editor && editor.id === n.id) return editor;
   const tf = field({ label: 'Title', kind: 'title', hideLabel: true, value: n.title || '', placeholder: 'Untitled meeting', attrs: { 'data-nt-title': '', class: 'nt-titlein' } });
-  const bf = field({ label: 'Your notes', kind: 'textarea', hideLabel: true, value: n.body || '', placeholder: 'Type your own notes. They steer the summary.',
-    attrs: { 'data-nt-body': '', class: 'nt-text', rows: 3 } });
-  const title = tf.control; const body = bf.control;
-  editor = { id: n.id, title, body, titleWrap: tf, bodyWrap: bf, sel: null };
-  const remember = () => { editor.sel = [body.selectionStart, body.selectionEnd]; };
+  // Your notes are lines (Run 7): each line typed and committed with Enter is kept with the meeting time it was added at
+  const af = field({ label: 'Add a note', kind: 'text', hideLabel: true, value: '', placeholder: 'Add a note and press Enter',
+    attrs: { 'data-nt-body': '', class: 'nt-addin' } });
+  // Enter adds the line. A blur does not: a redraw moves the field, and half a line must not become a note line.
+  af.control.addEventListener('keydown', (e) => {
+    if (e.key !== 'Enter' || e.isComposing || !String(af.control.value).trim()) return;
+    addLines(ctx, [af.control.value]); af.control.resetCommitted('');
+  });
+  const title = tf.control; const add = af.control;
+  editor = { id: n.id, title, add, titleWrap: tf, addWrap: af, text: n.body || '', sel: null };
+  // the notes text, as the saves, History and Copy read it
+  editor.body = { get value() { return editor.text; }, set value(v) { editor.text = String(v == null ? '' : v); } };
+  const remember = () => { editor.sel = [add.selectionStart, add.selectionEnd]; };
   title.addEventListener('input', () => scheduleSave(ctx));
-  body.addEventListener('input', () => { remember(); fitBody(); if (speech) speech.last = null; scheduleSave(ctx); });
-  for (const ev of ['keyup', 'mouseup', 'select', 'blur']) body.addEventListener(ev, remember);
+  add.addEventListener('input', () => { remember(); if (speech) speech.last = null; });
+  for (const ev of ['keyup', 'mouseup', 'select', 'blur']) add.addEventListener(ev, remember);
   title.addEventListener('blur', () => flushSave(ctx));
   return editor;
 }
+/** Add note lines at the end of Your notes and save at once, so each gets the meeting time it was added at. */
+function addLines(ctx, lines) {
+  if (!editor) return;
+  const add = lines.map((l) => String(l).trim()).filter(Boolean);
+  if (!add.length) return;
+  const n = cache.get(editor.id);
+  const ms = liveMs(n);
+  editor.text = [String(editor.text || '').replace(/\s+$/, ''), ...add].filter(Boolean).join('\n');
+  if (n) { n.body = editor.text; if (ms !== null) { n.line_times = { ...(n.line_times || {}) }; for (const l of add) if (n.line_times[l] === undefined) n.line_times[l] = Math.round(ms); } }
+  dirty = true; flushSave(ctx); ctx.setState({});
+}
+function removeLine(ctx, k) {
+  if (!editor) return;
+  const lines = String(editor.text || '').split(/\r?\n/);
+  lines.splice(k, 1);
+  editor.text = lines.join('\n');
+  const n = cache.get(editor.id); if (n) n.body = editor.text;
+  dirty = true; flushSave(ctx); ctx.setState({});
+}
 /* ── the meeting and the initiative of a note (Run 4) ───────────────────────────────────────────── */
 const BY_WORDS = { event: 'from the calendar event', local: 'suggested from what was said', pm: 'chosen by you' };
 const ymOfIso = (iso) => { const d = new Date(iso); return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0'); };
@@ -862,49 +918,86 @@ async function openInitiativeOf(ctx, ini) {
   const reg = await import('./registry.js');
   reg.openInitiative(ini.repo || (ctx.state && ctx.state.product) || ctx.repo || null, ini.id);
 }
-function linksLine(ctx, n) {
-  const m = n.meeting; const ini = n.initiative;
-  const meet = m && m.kind === 'event'
-    ? [el('b', null, m.title), el('span', { class: 'nt-hint' }, dayOf(m.start) + ', ' + nowClock(m.start) + (m.end ? '–' + nowClock(m.end) : ''))]
-    : m && m.kind === 'adhoc' ? [el('b', null, 'Not on the calendar'), el('span', { class: 'nt-hint' }, dayOf(n.created_at) + ', ' + nowClock(n.created_at))]
-      : [el('b', null, 'None')];
-  return el('div', { class: 'nt-links', 'data-nt-part': 'links' },
-    el('div', { class: 'nt-link', 'data-nt-link': 'meeting' }, el('span', { class: 'nt-link__k' }, 'Meeting'), ...meet,
-      button({ label: 'Change', variant: 'ghost', size: 'sm', onClick: () => meetingSheet(ctx, n), attrs: { 'data-nt-meeting': '' } })),
-    el('div', { class: 'nt-link', 'data-nt-link': 'initiative', 'data-nt-ini-by': ini ? ini.by : '' }, el('span', { class: 'nt-link__k' }, 'Initiative'),
-      ini ? [button({ label: ini.title || ini.id, variant: 'ghost', size: 'sm', onClick: () => openInitiativeOf(ctx, ini), attrs: { 'data-nt-ini-open': ini.id } }), el('span', { class: 'nt-hint' }, BY_WORDS[ini.by] || '')] : el('b', null, 'None'),
-      button({ label: 'Change', variant: 'ghost', size: 'sm', onClick: () => initiativeSheet(ctx, n), attrs: { 'data-nt-ini': '' } })));
-}
 function listening(n) {
   if (audio && audio.id === n.id) return { kind: 'local', state: audio.state, sources: audio.sources, started: audio.started };
   if (speech && speech.id === n.id && speech.mode === 'record' && (speech.state === 'on' || speech.state === 'checking')) return { kind: 'browser', state: speech.state, sources: ['mic'], started: speech.started };
   return null;
 }
-function header(ctx, n, ed, opts = {}) {
-  const live = listening(n);
-  const when = el('span', { class: 'nt-when' }, dayOf(n.created_at) + ', ' + nowClock(n.created_at));
+/** The day, the time, the meeting and the initiative, on one line under the title. The ⋯ menu changes them. */
+function whenLine(ctx, n) {
+  const m = n.meeting; const ini = n.initiative;
+  const at = m && m.kind === 'event' ? m.start : n.created_at;
+  const meet = m && m.kind === 'event' ? m.title + ', ' + nowClock(m.start) + (m.end ? '–' + nowClock(m.end) : '') : m && m.kind === 'adhoc' ? 'Not on the calendar' : 'No meeting';
   const nv = (n.versions || []).length;
-  const left = el('div', { class: 'nt-headl' }, ed.titleWrap, when, el('span', { class: 'nt-saved', 'data-nt-saved': '' }, saveWords()),
+  return el('div', { class: 'nt-when', 'data-nt-part': 'links' },
+    el('span', null, dayOf(at) + ', ' + nowClock(n.created_at)),
+    el('span', { class: 'nt-link', 'data-nt-link': 'meeting', title: 'Change it with More' }, el('span', { class: 'nt-sr' }, 'Meeting: '), meet),
+    el('span', { class: 'nt-link', 'data-nt-link': 'initiative', 'data-nt-ini-by': ini ? ini.by : '', title: 'Change it with More' }, el('span', { class: 'nt-sr' }, 'Initiative: '),
+      ini ? ini.title || ini.id : 'No initiative', ini && BY_WORDS[ini.by] ? el('span', { class: 'nt-sr' }, ' (' + BY_WORDS[ini.by] + ')') : null),
+    el('span', { class: 'nt-saved', 'data-nt-saved': '' }, saveWords()),
     nv ? button({ label: 'Edited', icon: 'history', variant: 'ghost', size: 'sm', onClick: () => openHistory(ctx, n), attrs: { 'data-nt-history': String(nv), title: nv + ' earlier version' + (nv === 1 ? '' : 's') + ' kept' } }) : null);
+}
+/** Who was in the meeting, as the note knows them: the speakers named in the transcript and the people tagged. */
+export function peopleOf(n) {
+  const out = [];
+  const add = (p) => { const s = String(p || '').trim(); if (s && !/^(you|meeting|speaker)$/i.test(s) && !out.some((x) => x.toLowerCase() === s.toLowerCase())) out.push(s); };
+  for (const v of Object.values(n.speakers || {})) add(v);
+  for (const x of n.transcript || []) for (const p of x.people || []) add(p);
+  for (const b of n.bullets || []) if (b && b.owner) add(b.owner);
+  return out.slice(0, 12);
+}
+const initials = (name) => name.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join('');
+function peopleRow(n) {
+  const ps = peopleOf(n);
+  if (!ps.length) return null;
+  return el('div', { class: 'nt-people', 'data-nt-people': String(ps.length) },
+    el('span', { class: 'nt-avs', 'aria-hidden': 'true' }, ps.slice(0, 5).map((p) => el('span', { class: 'nt-av' }, initials(p)))),
+    el('span', null, ps.join(', ')));
+}
+/** The ⋯ menu: everything that is not taking the note. */
+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': '' } },
+    { 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': '' } },
+    n.initiative ? { label: 'Open the initiative', onSelect: () => openInitiativeOf(ctx, n.initiative), attrs: { 'data-nt-ini-open': n.initiative.id } } : null,
+    has && !n.private ? { label: 'Summary by agent', onSelect: () => summarizeAgent(ctx, n), attrs: { 'data-nt-menu-agent': '' } } : null,
+    { label: n.private ? 'Mark not private' : 'Mark private', onSelect: () => setPrivate(ctx, n, !n.private), attrs: { 'data-nt-menu-private': '' } },
+    { label: 'Settings', icon: 'settings', onSelect: () => openSettings(ctx, n), attrs: { 'data-nt-settings': '' } },
+    { sep: true },
+    { label: 'Delete note', danger: true, onSelect: () => deleteNote(ctx, n), attrs: { 'data-nt-menu-delete': '' } },
+  ].filter(Boolean);
+  menu({ anchor, items, ariaLabel: 'More for this note' });
+}
+function header(ctx, n, ed, opts = {}) {
+  const live = listening(n);
   const acts = [];
+  let status;
   if (live) {
-    acts.push(el('span', { class: 'nt-live', 'data-nt-listening': live.kind, role: 'status' },
-      el('span', { class: 'nt-live-dot', 'aria-hidden': 'true' }),
+    status = el('span', { 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-sr' }, ' Notes are being taken.')));
-    acts.push(button({ label: 'Stop', variant: 'danger', onClick: () => stopRecording(ctx), attrs: { 'data-nt-stop': '' } }));
-  } else if ((n.transcript || []).length) {
-    acts.push(button({ label: 'Copy as Markdown', variant: 'ghost', onClick: () => copyMarkdown(ctx, n), attrs: { 'data-nt-copy': '' } }));
-    if (!n.private) acts.push(button({ label: 'Listen again', variant: 'ghost', onClick: () => chooseSources(ctx, n), attrs: { 'data-nt-listen': 'again' } }));
-    if (!opts.inline) acts.push(button({ label: busy === 'new' ? 'Creating …' : 'New meeting', disabled: busy === 'new', onClick: () => newNote(ctx), attrs: { 'data-nt-new': '' } }));
-  } else if (!n.private) {
-    acts.push(button({ label: 'Listen', variant: 'primary', onClick: () => chooseSources(ctx, n), attrs: { 'data-nt-listen': '' } }));
+      el('span', { class: 'nt-sr' }, ' Notes are being taken.'));
+    acts.push(button({ label: 'Stop', variant: 'outline', size: 'sm', onClick: () => stopRecording(ctx), attrs: { 'data-nt-stop': '' } }));
+  } else {
+    const len = (n.transcript || []).length ? fmtTime(Math.max(...(n.transcript || []).map((x) => x.t || 0))) : '';
+    status = el('span', { class: 'nt-live' }, el('b', null, 'Meeting note'), len ? el('span', null, len) : null);
+    if (!n.private) acts.push((n.transcript || []).length
+      ? button({ label: 'Listen again', variant: 'ghost', size: 'sm', onClick: () => chooseSources(ctx, n), attrs: { 'data-nt-listen': 'again' } })
+      : button({ label: 'Listen', variant: 'primary', size: 'sm', onClick: () => chooseSources(ctx, n), attrs: { 'data-nt-listen': '' } }));
   }
-  if (opts.inline) acts.push(button({ label: 'Open in Notes', variant: 'ghost', onClick: () => openFull(ctx, n.id), attrs: { 'data-nt-full': '' } }));
-  else acts.push(button({ label: 'All notes', variant: 'ghost', onClick: () => { showList = !showList; ctx.setState({}); if (showList) loadList(ctx); }, attrs: { 'data-nt-all': '', 'aria-expanded': showList ? 'true' : 'false' } }));
-  acts.push(iconButton({ icon: 'settings', ariaLabel: 'Settings', onClick: () => openSettings(ctx, n), attrs: { 'data-nt-settings': '' } }));
-  return el('header', { class: 'nt-header', 'data-nt-part': 'header' }, el('div', { class: 'nt-headwrap' }, left, linksLine(ctx, n)), el('div', { class: 'nt-acts' }, acts));
+  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' } }));
+  const more = iconButton({ icon: 'ellipsis', ariaLabel: 'More', onClick: () => moreMenu(ctx, n, opts, more), attrs: { 'data-nt-more': '' } });
+  acts.push(more);
+  return el('header', { class: 'nt-header', 'data-nt-part': 'header' },
+    el('div', { class: 'nt-bar' }, status, el('div', { class: 'nt-acts' }, acts)),
+    el('div', { class: 'nt-headl' }, ed.titleWrap, whenLine(ctx, n), peopleRow(n)));
 }
 function listPane(ctx) {
   const rows = (list && list.notes) || [];
@@ -913,6 +1006,7 @@ function listPane(ctx) {
     rows.length ? el('div', { class: 'nt-rows' }, rows.map((r) => row({ title: r.title || 'Untitled note',
       meta: [dayOf(r.updated_at) + ' ' + nowClock(r.updated_at), r.segments ? 'listened' : null, r.private ? 'private' : null],
       onOpen: () => selectNote(ctx, r.id), openLabel: 'Open ' + (r.title || 'Untitled note'),
+      trail: [button({ label: 'Delete', variant: 'ghost', size: 'sm', onClick: (e) => { if (e) e.stopPropagation(); deleteNote(ctx, { id: r.id, title: r.title }); }, attrs: { 'data-nt-row-delete': r.id, 'aria-label': 'Delete ' + (r.title || 'Untitled note'), class: 'nt-del' } })],
       attrs: { 'data-nt-row': r.id, 'aria-current': r.id === currentId ? 'true' : 'false', class: r.id === currentId ? 'nt-row--current' : '' } })))
       : empty({ text: list && list.state === 'loading' ? 'reading …' : 'No notes yet.' }));
 }
@@ -929,84 +1023,135 @@ function chips(x) {
     ...(x.people || []).map((p) => el('span', { class: 'nt-tag nt-tag--person', 'data-nt-person': p }, '@' + p))];
 }
 const editedMark = (x) => (x.orig_text !== undefined ? el('span', { class: 'nt-edited', 'data-nt-edited': '', title: 'Heard as: ' + x.orig_text }, 'edited') : null);
-function sectionOf(ctx, n, key, title, items) {
-  if (!items.length) return null;
+/** One item of a section: its meeting time first, then the words, its repository check, and the press that takes it out. */
+function itemRow(ctx, n, key, title, x) {
+  const bullet = x.bullet !== undefined;
+  return el('li', { class: 'nt-item', 'data-nt-item': bullet ? null : String(x.index), 'data-nt-bullet': bullet ? String(x.bullet) : null },
+    el('span', { class: 'nt-at' }, typeof x.t === 'number' ? fmtTime(x.t) : ''),
+    el('span', { class: 'nt-item__text' },
+      x.text, x.open ? el('span', { class: 'nt-who', 'data-nt-open': '' }, ' … continuing') : null, x.owner ? el('span', { class: 'nt-who' }, ' · ' + x.owner) : null,
+      ' ', checkMark(x), ' ', editedMark(x), chips(x)),
+    bullet ? iconButton({ icon: 'x', ariaLabel: 'Remove from ' + title, onClick: () => dropBullet(ctx, n, x.bullet), size: 'sm', attrs: { 'data-nt-unbullet': String(x.bullet) } })
+      : key === 'fact' || key === 'tagged' || key === 'point' ? null
+        : iconButton({ icon: 'x', ariaLabel: 'Remove from ' + title, onClick: () => unpick(ctx, n, x), size: 'sm', attrs: { 'data-nt-unpick': String(x.index) } }));
+}
+function sectionOf(ctx, n, key, title, items, extra) {
+  if (!items.length && !extra) return null;
   return el('section', { class: 'nt-sec', 'data-nt-sec': key },
-    el('h3', { class: 'nt-sec__h' }, title),
-    el('ul', { class: 'nt-items' }, items.map((x) => el('li', { class: 'nt-item', 'data-nt-item': String(x.index) },
-      el('span', { class: 'nt-item__text' },
-        key === 'action' && x.source && x.source !== 'speech' ? el('span', { class: 'nt-who' }, speakerOf(n, x.source) + ': ') : null,
-        x.text, ' ', checkMark(x), ' ', editedMark(x), chips(x)),
-      el('span', { class: 'nt-at' }, fmtTime(x.t)),
-      key === 'fact' || key === 'tagged' ? null : iconButton({ icon: 'x', ariaLabel: 'Remove from ' + title, onClick: () => unpick(ctx, n, x), size: 'sm', attrs: { 'data-nt-unpick': String(x.index) } })))));
+    el('h3', { class: 'nt-sec__h' }, title, extra || null),
+    items.length ? el('ul', { class: 'nt-items' }, items.map((x) => itemRow(ctx, n, key, title, x))) : null);
+}
+/** What was caught, by section: from the agent's minute bullets when the note has them (Run 7), else from the lines. Pure. */
+export function caughtItems(n) {
+  const bs = (n.bullets || []).filter((b) => b && b.text && !b.dropped);
+  if (!bs.length) return { ...caught(n), point: [] };
+  const out = { decision: [], action: [], question: [], fact: [], point: [] };
+  bs.forEach((b, i) => {
+    const x = { ...b, bullet: b.id !== undefined ? b.id : i };
+    if (b.open) { out.point.push(x); return; }        // cut at the minute: no category until the next minute ends it
+    if (b.cat === 'small talk') return;
+    if (out[b.cat] && b.cat !== 'point') out[b.cat].push(x); else out.point.push(x);
+  });
+  return out;
 }
 function summarySection(ctx, n) {
   const a = n.agent;
   if (a && a.markdown) {
     let blocks = [];
     try { blocks = mdRender(a.markdown).blocks || []; } catch { blocks = [el('div', { class: 'nt-pre' }, a.markdown)]; }
-    return el('section', { class: 'nt-sec', 'data-nt-summary': 'agent' }, el('h3', { class: 'nt-sec__h' }, 'Summary'), el('div', { class: 'nt-md' }, blocks), el('p', { class: 'nt-hint' }, 'Written by your agent session.'));
+    return el('section', { class: 'nt-sec', 'data-nt-summary': 'agent' }, el('h3', { class: 'nt-sec__h' }, 'Overview', el('span', { class: 'nt-src' }, ' · by your agent session')), el('div', { class: 'nt-md' }, blocks));
   }
   const ov = n.summary && n.summary.sections && n.summary.sections.overview;
   const out = [];
-  if (a && a.started && !a.markdown) out.push(el('p', { class: 'nt-hint', 'data-nt-agent-wait': '' }, 'Waiting for your agent session to write the summary.'));
+  if (a && a.started && !a.markdown) out.push(el('p', { class: 'nt-hint', 'data-nt-agent-wait': '' }, 'Your agent session is writing the overview.'));
   else if (a && a.started === false && a.reason) out.push(el('p', { class: 'nt-hint', 'data-nt-agent-failed': '' }, 'No agent session started: ' + a.reason + '.'));
-  if (!ov || !ov.length) return out.length ? el('section', { class: 'nt-sec' }, out) : null;
-  return el('section', { class: 'nt-sec', 'data-nt-summary': 'local' }, el('h3', { class: 'nt-sec__h' }, 'Summary'),
+  if (!ov || !ov.length) return out.length ? el('section', { class: 'nt-sec' }, el('h3', { class: 'nt-sec__h' }, 'Overview'), out) : null;
+  return el('section', { class: 'nt-sec', 'data-nt-summary': 'local' }, el('h3', { class: 'nt-sec__h' }, 'Overview', el('span', { class: 'nt-src' }, ' · picked on this machine')),
     el('ul', { class: 'nt-items' }, ov.map((x) => el('li', { class: 'nt-item nt-item--plain', 'data-nt-ov': x.index === undefined ? null : String(x.index) }, el('span', { class: 'nt-item__text' }, x.text),
-      x.index === undefined ? null : iconButton({ icon: 'x', ariaLabel: 'Take out of the summary', onClick: () => unsummarize(ctx, n, x.index), size: 'sm', attrs: { 'data-nt-unsum': String(x.index) } })))),
-    el('p', { class: 'nt-hint' }, 'Picked from what was said, on this machine.'), ...out);
+      x.index === undefined ? null : iconButton({ icon: 'x', ariaLabel: 'Take out of the overview', onClick: () => unsummarize(ctx, n, x.index), size: 'sm', attrs: { 'data-nt-unsum': String(x.index) } })))),
+    ...out);
 }
-function noteColumn(ctx, n, ed) {
+/** Your notes: one line each, with the meeting time it was added at, and the field that adds the next line. */
+function myNotes(ctx, n, ed) {
   const live = listening(n);
-  const c = caught(n);
+  const times = n.line_times || {};
   const replaying = player && player.id === n.id && player.playing;
-  const notes = replaying
-    ? el('div', { class: 'nt-notelines', 'data-nt-notelines': '' }, String(ed.body.value || '').split(/\r?\n/).map((l, k) => el('div', { class: 'nt-noteline', 'data-nt-noteline': String(k) }, l || ' ')),
-      el('p', { class: 'nt-hint' }, 'Your notes, as the meeting plays. Pause to edit them.'))
-    : ed.bodyWrap;
-  const parts = [summarySection(ctx, n), notes];
+  const items = [];
+  String(ed.text || '').split(/\r?\n/).forEach((l, k) => {
+    const s = l.trim();
+    if (!s) return;
+    items.push(el('li', { class: 'nt-item', 'data-nt-noteline': String(k) },
+      el('span', { class: 'nt-at' }, typeof times[s] === 'number' ? fmtTime(times[s]) : ''),
+      el('span', { class: 'nt-item__text' }, s),
+      replaying ? null : iconButton({ icon: 'x', ariaLabel: 'Remove this note', onClick: () => removeLine(ctx, k), size: 'sm', attrs: { 'data-nt-unline': String(k) } })));
+  });
+  const t = liveMs(n);
+  const parts = [el('h3', { class: 'nt-sec__h' }, 'Your notes')];
+  if (items.length) parts.push(el('ul', { class: 'nt-items', 'data-nt-notelines': '' }, items));
+  if (!replaying) parts.push(el('div', { class: 'nt-addrow' }, el('span', { class: 'nt-at', 'data-nt-clock-now': '' }, t !== null ? fmtTime(t) : ''), ed.addWrap));
+  else parts.push(el('p', { class: 'nt-hint' }, 'Your notes, as the meeting plays. Pause to add more.'));
   const sp = speech && speech.id === n.id ? speech : null;
   const bar = [];
-  if (sp && sp.mode === 'dictate' && sp.state === 'on') bar.push(el('span', { class: 'nt-hint', 'data-nt-listening': 'dictate', role: 'status' }, 'Dictating into your notes.'), button({ label: 'Stop dictating', variant: 'ghost', onClick: () => { stopSpeech(); ctx.setState({}); }, attrs: { 'data-nt-stop-dictate': '' } }));
-  else if (!live) bar.push(button({ label: sp && sp.mode === 'dictate' && (sp.state === 'checking' || sp.state === 'installing') ? 'Starting …' : 'Dictate', variant: 'ghost', onClick: () => startSpeech(ctx, n, 'dictate'), attrs: { 'data-nt-dictate': '' } }));
+  if (sp && sp.mode === 'dictate' && sp.state === 'on') bar.push(el('span', { class: 'nt-hint', 'data-nt-listening': 'dictate', role: 'status' }, 'Dictating into your notes. Say "new line" to add the line.'), button({ label: 'Stop dictating', variant: 'ghost', size: 'sm', onClick: () => { stopSpeech(); ctx.setState({}); }, attrs: { 'data-nt-stop-dictate': '' } }));
+  else if (!live && !replaying) bar.push(button({ label: sp && sp.mode === 'dictate' && (sp.state === 'checking' || sp.state === 'installing') ? 'Starting …' : 'Dictate', variant: 'ghost', size: 'sm', onClick: () => startSpeech(ctx, n, 'dictate'), attrs: { 'data-nt-dictate': '' } }));
   if (sp && sp.state === 'needs-install') bar.push(button({ label: 'Download for ' + sp.lang, onClick: () => startSpeech(ctx, n, sp.mode, true), attrs: { 'data-nt-install': '' } }));
-  parts.push(el('div', { class: 'nt-row' }, bar));
+  if (bar.length) parts.push(el('div', { class: 'nt-row' }, bar));
   if (sp && sp.msg && sp.state !== 'on') parts.push(el('p', { class: 'nt-hint', 'data-nt-listen-msg': sp.state }, sp.msg));
+  return el('section', { class: 'nt-sec', 'data-nt-sec': 'mine' }, parts);
+}
+/** The note, top to bottom as in the Run 7 mockup: while listening, Your notes first; after Stop, the Overview first. */
+function noteColumn(ctx, n, ed) {
+  const live = listening(n);
+  const c = caughtItems(n);
+  const bs = n.bullets_state;
+  const parts = [];
   if (n.__audio && n.__audio.error && live) parts.push(el('p', { class: 'nt-hint nt-hint--bad', 'data-nt-audio-error': '' }, n.__audio.error));
-  const secs = SECTIONS.map(([k, t]) => sectionOf(ctx, n, k, t, c[k])).filter(Boolean);
-  if (!live && (n.transcript || []).length) { const f = sectionOf(ctx, n, 'fact', 'Facts mentioned', c.fact); if (f) secs.push(f); }
-  const tg = sectionOf(ctx, n, 'tagged', 'Tagged', tagged(n)); if (tg) secs.push(tg);
-  if (secs.length) parts.push(...secs);
-  else parts.push(el('p', { class: 'nt-hint', 'data-nt-caught-hint': '' }, live ? 'Listening …' : (n.transcript || []).length ? 'Nothing was caught as a decision, action or question.'
+  if (live) parts.push(myNotes(ctx, n, ed)); else parts.push(summarySection(ctx, n));
+  const each = bs && bs.agent === 'on' ? el('span', { class: 'nt-src', 'data-nt-each-minute': '' }, ' · each minute') : null;
+  const secs = [sectionOf(ctx, n, 'point', 'Key points', c.point, c.point.length || each ? each : null)];
+  for (const [k, t] of SECTIONS) secs.push(sectionOf(ctx, n, k, t, c[k]));
+  if (!live && (n.transcript || []).length) secs.push(sectionOf(ctx, n, 'fact', 'Facts mentioned', c.fact));
+  secs.push(sectionOf(ctx, n, 'tagged', 'Tagged', tagged(n)));
+  const shown = secs.filter(Boolean);
+  if (shown.some((x) => x.querySelector('li'))) parts.push(...shown);
+  else parts.push(el('p', { class: 'nt-hint', 'data-nt-caught-hint': '' }, live ? 'Listening … Key points, decisions, next steps and questions appear here as they are said.' : (n.transcript || []).length ? 'Nothing was caught as a decision, next step or question.'
     : 'Decisions, actions and questions appear here as they are said, each checked against this repository.'));
+  if (bs && bs.agent === 'failed' && bs.reason) parts.push(el('p', { class: 'nt-hint', 'data-nt-bullets-failed': '' }, 'Key points are not written each minute: ' + bs.reason + '. Lines are labelled on this machine.'));
+  if (!live) parts.push(myNotes(ctx, n, ed));
   return el('section', { class: 'nt-notecol', 'data-nt-part': 'notes' }, parts.filter(Boolean));
 }
-function transcriptColumn(ctx, n) {
+function transcriptColumn(ctx, n, opts = {}) {
   const tr = n.transcript || [];
   const live = listening(n);
   const lines = tr.map((x, i) => {
+    if (x.source === 'typed' && x.dropped) return null;      // a note line the PM removed
     const lab = x.cat && x.cat !== 'small talk' ? el('span', { class: 'nt-lab', 'data-nt-cat': x.cat }, x.cat) : null;
-    const who = speakerOf(n, x.source);
+    const who = x.source === 'typed' ? 'You, typed' : speakerOf(n, x.source);
     const spk = x.source === 'meeting'
       ? button({ label: who, variant: 'ghost', size: 'sm', onClick: () => renameSpeaker(ctx, n, 'meeting'), attrs: { 'data-nt-spk': 'meeting', title: 'Name this speaker' } })
-      : el('span', { class: 'nt-spk', 'data-nt-spk': x.source || 'speech' }, who);
+      : el('span', { class: 'nt-spk' + (x.source === 'typed' ? ' nt-spk--typed' : ''), 'data-nt-spk': x.source || 'speech' }, who);
     const at = n.__recording && !live && typeof x.t === 'number'
       ? button({ label: fmtTime(x.t), variant: 'ghost', size: 'sm', onClick: () => seek(ctx, n, x.t), attrs: { 'data-nt-seek': String(i), title: 'Play from here' } })
       : el('span', { class: 'nt-at' }, fmtTime(x.t));
     return el('div', { class: 'nt-ln' + (['decision', 'action', 'question', 'fact'].includes(x.cat) ? ' nt-ln--picked' : ''), 'data-nt-seg': String(i) },
-      el('div', { class: 'nt-ln__meta' }, spk, at, lab, editedMark(x),
+      el('div', { class: 'nt-ln__meta' }, at, spk, lab, editedMark(x),
         iconButton({ icon: 'ellipsis', ariaLabel: 'Correct this line', onClick: () => editLine(ctx, n, i), size: 'sm', attrs: { 'data-nt-edit': String(i) } })),
       el('div', null, x.text), x.tags || x.people ? el('div', { class: 'nt-tags' }, chips(x)) : null);
   });
   const sp = speech && speech.id === n.id && speech.mode === 'record' && speech.state === 'on' ? speech : null;
   if (sp) lines.push(el('div', { class: 'nt-ln nt-ln--interim', 'data-nt-interim': '', 'aria-live': 'polite' }, sp.interim || ''));
   const pending = n.__audio && n.__audio.pending;
+  for (let k = lines.length - 1; k >= 0; k--) if (!lines[k]) lines.splice(k, 1);
   if (!lines.length) lines.push(el('p', { class: 'nt-hint' }, live ? 'Waiting for speech …' : 'The transcript runs here.'));
   else if (live && pending) lines.push(el('p', { class: 'nt-hint', 'data-nt-pending': '' }, 'Transcribing …'));
   const box = el('div', { class: 'nt-lines', 'data-nt-transcript': '' }, lines);
-  if (live) requestAnimationFrame(() => { box.scrollTop = box.scrollHeight; });
-  return el('aside', { class: 'nt-trans', 'data-nt-part': 'transcript' }, el('h3', { class: 'nt-sec__h' }, 'Transcript'), box);
+  const shownN = tr.filter((x) => !(x.source === 'typed' && x.dropped)).length;
+  const where = opts.inline ? 'inline' : 'full';
+  const d = el('details', { class: 'nt-trans', 'data-nt-part': 'transcript', open: transcriptOpen[where] },
+    el('summary', { class: 'nt-sec__h nt-fold' }, 'Transcript', el('span', { class: 'nt-src' }, ' · ' + shownN + (shownN === 1 ? ' line' : ' lines') + (live ? ' so far' : ''))), box);
+  d.addEventListener('toggle', () => { transcriptOpen[where] = d.open; if (d.open) box.scrollTop = box.scrollHeight; });
+  if (live && transcriptOpen[where]) requestAnimationFrame(() => { box.scrollTop = box.scrollHeight; });
+  return d;
 }
 
 export function renderBoard(inner, ctx) {
@@ -1046,7 +1191,6 @@ export function renderBoard(inner, ctx) {
     wrap.appendChild(el('div', { class: 'nt-body2' }, noteColumn(ctx, n, ed), transcriptColumn(ctx, n)));
     if (pl) queueMicrotask(paintNow);
     if (n.agent && n.agent.started && !n.agent.markdown && !agentTimer) pollAgent(ctx, n.id);
-    requestAnimationFrame(fitBody);
   }
   inner.appendChild(wrap);
   keep();
@@ -1056,7 +1200,7 @@ export function renderBoard(inner, ctx) {
  * them; focus comes back in a microtask, after the frame is attached and before the next key event, so no keystroke lands
  * while the field is detached. */
 function keepFocus() {
-  const focus = typeof document !== 'undefined' && editor && (document.activeElement === editor.body ? 'body' : document.activeElement === editor.title ? 'title' : null);
+  const focus = typeof document !== 'undefined' && editor && (document.activeElement === editor.add ? 'add' : document.activeElement === editor.title ? 'title' : null);
   if (!focus) return () => {};
   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 */ } });
@@ -1096,7 +1240,7 @@ export const listeningId = () => (audio && audio.id) || (speech && speech.mode =
 /** 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) {
+export function renderInline(host, ctx, id, opts = {}) {
   if (ctx.FIXTURE) return false;
   const other = listeningId();
   if (other && other !== id) return false;
@@ -1109,14 +1253,13 @@ export function renderInline(host, ctx, id) {
   const ed = editorFor(ctx, n);
   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 }));
+  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'), pl.el));
-  wrap.appendChild(el('div', { class: 'nt-body2' }, noteColumn(ctx, n, ed), transcriptColumn(ctx, n)));
+  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);
-  requestAnimationFrame(fitBody);
   host.appendChild(wrap);
   keep();
   return true;