create-pmos 0.106.0 → 0.108.0

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

@@ -0,0 +1,36 @@
+/* pm/notes-task.js — Make task: a meeting note's next step as a plan item of the note's initiative (meeting-notes Run 12,
+ * mockup board 3 "Next step to task in one click").
+ *
+ *   makeTask(note, { text, owner?, due? }, { repo?, btn? }) → Promise<item id | null>
+ *
+ * One press, no form: the item goes into the initiative's first stage through the Breakdown's own writer (POST
+ * /api/plan-items, as the PM), with the owner when the line names one and the due day when it is a date. A toast says
+ * where it went and offers Undo (the item is withdrawn). A note with no initiative gets a toast that says to link one.
+ */
+import { toast, SEL } from './primitives.js';
+import { pmGet, pmPost } from './http.js';
+import { wsOf } from './data.js';
+
+const DATE_RE = /^\d{4}-\d{2}-\d{2}$/;
+const iniName = (i) => (i ? i.title || i.id : null);
+const label = (btn, text, done) => { if (!btn) return; const l = btn.querySelector(SEL.btnLabel); if (l) l.textContent = text; btn.disabled = !!done; };
+
+export async function makeTask(n, x, { repo, btn } = {}) {
+  const ini = n.initiative;
+  const ws = ini && (ini.ws || n.ws || (repo ? wsOf(repo) : null));
+  if (!ini || !ini.id || !ws) { toast({ text: 'Link the note to an initiative first. Make task adds the step to its breakdown.' }); return null; }
+  if (btn) btn.disabled = true;
+  const lay = await pmGet('/api/plan-items?ladder=0&ws=' + encodeURIComponent(ws) + '&id=' + encodeURIComponent(ini.id));
+  const stage = lay && lay.ok && (lay.stages || [])[0];
+  if (!stage) { if (btn) btn.disabled = false; toast({ text: 'The task was not made: ' + ((lay && lay.error) || 'the initiative has no stage'), tone: 'destructive' }); return null; }
+  const ev = { ev: 'planned', initiative: ini.id, title: String(x.text || '').slice(0, 200), stage: stage.id, note: 'From the meeting note "' + (n.title || 'Untitled note') + '"' };
+  if (x.owner) ev.owner = /^(you|me)$/i.test(x.owner) ? 'you' : 'person:' + String(x.owner).slice(0, 60);
+  if (x.due && DATE_RE.test(x.due)) ev.due = x.due;
+  const r = await pmPost('/api/plan-items', { ws, events: [ev] });
+  if (!r || !r.ok) { if (btn) btn.disabled = false; toast({ text: 'The task was not made' + ((r && r.error) ? ': ' + r.error : ''), tone: 'destructive' }); return null; }
+  const item = (r.written && r.written[0] && r.written[0].item) || null;
+  label(btn, 'Task made', true);
+  toast({ text: 'Added to ' + iniName(ini) + ', under ' + (stage.label || stage.id), actionLabel: item ? 'Undo' : undefined,
+    onAction: item ? async () => { const u = await pmPost('/api/plan-items', { ws, events: [{ ev: 'withdrawn', item, initiative: ini.id }] }); if (u && u.ok) label(btn, 'Make task', false); } : undefined });
+  return item;
+}

package/workspace/public/pm/panel-cockpit.js

@@ -47,7 +47,6 @@ export const VIEWS = {
   // meeting-notes Run 1: typed notes, dictation, meeting transcripts and summaries; the PM's own, the same in every repository
   notes: { label: 'notes', mode: null, scoped: false, palette: true, hint: 'type, dictate or record a meeting' },
   // meeting-notes Run 11: notes menu with two-column view grouped by initiative (R47)
-  notesmenu: { label: 'notes menu', mode: null, scoped: false, hint: 'view and organize all notes by initiative' },
 };
 
 /** The view a list mode opens as, or null when the mode is not a view. `product` is the list itself. */
@@ -97,7 +96,7 @@ function modes() {
  * every `data-*` hook the suites use, and only adds the board's frame around it. A view with no board module draws as before. */
 export const BOARD_MODULES = {
   today: './view-today.js', validate: './view-validate.js', addrepo: './view-addrepo.js', livenotes: './view-livenotes.js',
-  notes: './view-notes.js', notesmenu: './view-notes-menu.js',
+  notes: './view-notes.js',
 };
 const boardMods = {};   // view -> undefined (not tried) · null (loading or absent) · module
 function boardOf(view) {

package/workspace/public/pm/registry.js

@@ -53,6 +53,8 @@ export const DESTINATIONS = Object.freeze([
   // Not a pm-os-absorb run (run: null): docs-three-way-sync added it — is each linked document the same as its copies.
   Object.freeze({ id: 'docs', label: 'Docs', key: 'g d', module: 'dest-docs.js', run: null }),
   // Not a pm-os-absorb run (run: null): people-directory added it — the people the PM works with in a repository.
+  // Not a pm-os-absorb run (run: null): meeting-notes Run 12 added it — every meeting note by initiative, and the note.
+  Object.freeze({ id: 'notes', label: 'Notes', key: 'g n', module: 'dest-notes.js', run: null }),
   Object.freeze({ id: 'people', label: 'People', key: 'g p', module: 'dest-people.js', run: null }),
   Object.freeze({ id: 'settings', label: 'Settings', key: null, module: 'dest-settings.js', run: 3 }),
 ]);

package/workspace/public/pm/topbar.js

@@ -21,13 +21,16 @@
 import { el, setChildren } from './dom.js';
 import { button, needsDot, needsCount } from './primitives.js';
 import { COPY } from './frame-copy.js';
-import { isRecording } from './note-dock.js';
+import * as dock from './note-dock.js';
+import { iconButton } from './primitives.js';
+import { el as h } from './dom.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
  * PM approved the People mockup and said build it (2026-10-06, people-directory). My work joined beside Agenda when the PM
- * approved the mockup that puts it there and said build it (2026-10-07, my-work), so the bar holds 10 controls. */
-export const BAR_DESTS = Object.freeze(['today', 'mywork', 'initiatives', 'board', 'reports', 'docs', 'people']);
+ * approved the mockup that puts it there and said build it (2026-10-07, my-work). Notes joined between Docs and People with the
+ * Record control before Settings, as the "Notes: next features" mockup the PM approved (2026-10-07, meeting-notes Run 12). */
+export const BAR_DESTS = Object.freeze(['today', 'mywork', 'initiatives', 'board', 'reports', 'docs', 'notes', 'people']);
 
 /** Is this sync reading "not in sync"? Behind, ahead, records not yet recorded, or `remote_stale`: no fetch in the last
  * few minutes, so another machine's push would be invisible here and "in sync" cannot be claimed. An unreadable status
@@ -38,7 +41,10 @@ export function unsyncedOf(st) {
 }
 
 /** The lucide symbol each place wears in the bar (UI comfort, 2026-10-07: a word alone is slow to find; the phone's tab bar already wears these). */
-const NAV_ICON = Object.freeze({ today: 'house', mywork: 'list-checks', initiatives: 'target', board: 'square-kanban', reports: 'chart-column', docs: 'file-text', people: 'users', settings: 'settings' });
+const NAV_ICON = Object.freeze({ today: 'house', mywork: 'list-checks', initiatives: 'target', board: 'square-kanban', reports: 'chart-column', docs: 'file-text', notes: 'notebook-pen', people: 'users', settings: 'settings' });
+
+const fmtClock = (ms) => { const t = Math.max(0, Math.floor(ms / 1000)); const m = Math.floor(t / 60); return (m >= 60 ? Math.floor(m / 60) + ':' + String(m % 60).padStart(2, '0') : String(m)) + ':' + String(t % 60).padStart(2, '0'); };
+const dockHighlight = () => (dock.highlightBusy ? dock.highlightBusy() : null);
 
 export function createTopbar({ go, openPalette, openView, repoMenu, sync } = {}) {
   const node = el('header', { class: 'fr-bar', 'data-shell': 'top', 'data-fr': 'bar' });
@@ -47,12 +53,6 @@ export function createTopbar({ go, openPalette, openView, repoMenu, sync } = {})
   let repoLabel = null;
   const repoSlot = el('div', { class: 'fr-bar__repo' });
 
-  const recordingIndicator = el('span', {
-    class: 'fr-recording-dot', 'data-fr-recording': '',
-    title: 'Notes are being recorded',
-    'aria-hidden': 'true',
-  });
-
   const count = needsCount('0', { 'data-today-badge': '' });
   const dot = needsDot();
   const links = {};
@@ -87,11 +87,36 @@ export function createTopbar({ go, openPalette, openView, repoMenu, sync } = {})
   });
   search.appendChild(el('kbd', { class: 'fr-kbd' }, COPY.searchKey));
 
-  const notes = button({
-    label: 'Notes', variant: 'outline', icon: 'notebook-pen',
-    attrs: { class: 'fr-notes', 'data-fr': 'notes', 'data-fr-view': 'notes', title: 'Open notes menu (all notes by initiative)' },
-    onClick: () => openView && openView('notesmenu'),
-  });
+  /* 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. */
+  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) : ''; };
+  function drawRecord() {
+    const st = dock.recordState();
+    const busy = st.mode === 'recording' && dockHighlight();
+    const key = st.mode + ':' + st.id + ':' + (busy ? busy.state + busy.open : '');
+    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 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)]);
+  }
 
   let syncBtn = null;
   let syncLabel = null;
@@ -129,8 +154,8 @@ export function createTopbar({ go, openPalette, openView, repoMenu, sync } = {})
       syncLabel = want;
       syncBtn = want ? syncButton(want, !!model.syncing) : null;
     }
-    recordingIndicator.classList.toggle('fr-recording-dot--active', isRecording());
-    setChildren(node, [repoSlot, recordingIndicator, nav, search, notes, syncBtn, links.settings]);
+    drawRecord();
+    setChildren(node, [repoSlot, nav, search, syncBtn, recSlot, links.settings]);
   }
 
   update({});

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

@@ -39,14 +39,12 @@
  *   POST /api/notes/new · save · dictate · record · transcript · audio · label · speaker · switch · whisper-setup · private
  *        · summarize · summarize-agent · delete · line · recording-delete · link
  */
-import { el } from './dom.js';
+import { el, kept } from './dom.js';
 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, menu, toast, ensureComponentsCss } from './primitives.js';
-import { startHighlight, updateListenProgress, formatListenRemaining, addHighlightToNote } from '/lib/notes-highlight.js';
-import { checkConflict, collectRepoPassages, formatConflict } from '/lib/notes-conflicts.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
@@ -66,6 +64,10 @@ 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)
+/** 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);
 let pollTimer = null; let agentTimer = null;
 let busy = '';
 let player = null;            // the replay: { id, bytes, el, playing }, kept across redraws so playback goes on
@@ -735,161 +737,119 @@ async function startSpeech(ctx, n, mode, install = false) {
 
 /* ── highlighting during recording (Run 11) ─────────────────────────────────────── */
 /** Start a highlight: capture last 30s, listen forward for the chosen duration. */
-async function startHighlighting(ctx, n) {
-  try {
-    highlight = await startHighlight(n.id, { buffer: true });  // placeholder for actual audio buffer
-    highlight.state = 'capturing';
-    ctx.setState({});
-
-    // Simulate capture completion after 100ms
-    setTimeout(() => {
-      if (highlight && highlight.id) {
-        highlight.state = 'listening';
-        let listenedMs = 0;
-        const duration = { '30s': 30 * 1000, '1min': 60 * 1000, '2min': 120 * 1000 }[highlightListenDuration] || 30 * 1000;
-
-        highlightTimer = setInterval(() => {
-          listenedMs += 100;
-          if (highlight) highlight.listenedMs = listenedMs;
-          ctx.setState({});
-          if (listenedMs >= duration) {
-            clearInterval(highlightTimer);
-            highlightTimer = null;
-            if (highlight) {
-              highlight.state = 'transcribing';
-              ctx.setState({});
-              // Simulate transcription
-              setTimeout(() => {
-                if (highlight) {
-                  highlight.text = 'Transcribed highlight text here.';
-                  highlight.state = 'labeling';
-                  ctx.setState({});
-                  // Simulate labeling
-                  setTimeout(() => {
-                    if (highlight) {
-                      highlight.label = 'Statement';
-                      highlight.state = 'checking';
-                      ctx.setState({});
-                      // Simulate checking
-                      setTimeout(() => {
-                        if (highlight) {
-                          highlight.state = 'done';
-                          ctx.setState({});
-                        }
-                      }, 500);
-                    }
-                  }, 300);
-                }
-              }, 500);
-            }
-          }
-        }, 100);
-      }
-    }, 100);
-  } catch (e) {
-    banner = { tone: 'bad', text: 'Highlight failed: ' + e.message };
-    ctx.setState({});
-  }
-}
-
-/** Close the highlight pop-up (work continues in background). */
-function closeHighlight(ctx) {
-  highlight = null;
-  if (highlightTimer) clearInterval(highlightTimer);
-  highlightTimer = null;
+/* ── highlights (meeting-notes Run 12, mockup board 0) ──────────────────────────────────────────────────────────────
+ * A press keeps the last 30 seconds and listens for 30 s, 1 min or 2 min more (the PM can change it while it listens).
+ * When the window closes and its audio is transcribed, POST /api/notes/highlight makes the highlight from the transcript
+ * lines said in the window: their words, the strongest label among them (Jev's when it is on), and the closest file in
+ * the repository with Jev's comparison when the check is on. The pop-up shows each step as it happens; closing it does not
+ * stop the work, and the highlight is kept in the note. Nothing here is made up: a window with no transcribed line says so. */
+const HL_BEFORE_MS = 30 * 1000;
+const HL_AFTER = [['30s', 30 * 1000, '30 s'], ['1min', 60 * 1000, '1 min'], ['2min', 120 * 1000, '2 min']];
+const hlAfterMs = () => (HL_AFTER.find((x) => x[0] === highlightListenDuration) || HL_AFTER[0])[1];
+let hlOpen = false;
+/** Highlight on the note that is listening: from the Record control, the note's own button, or H. */
+export function highlightNow(ctx, id) {
+  const n = cache.get(id);
+  const at = liveMs(n);
+  if (at === null) return false;
+  if (highlight && highlight.state === 'listening') { hlOpen = true; ctx.setState({}); return true; }
+  highlight = { id: n.id, title: n.title || '', at, from: Math.max(0, at - HL_BEFORE_MS), state: 'listening', pressed: Date.now(), result: null, error: null };
+  hlOpen = true;
+  clearInterval(highlightTimer);
+  highlightTimer = setInterval(() => hlTick(ctx), 500);
   ctx.setState({});
+  return true;
 }
-
-/** Accept the highlight and add it to the note. */
-async function acceptHighlight(ctx, n) {
-  if (highlight && highlight.text) {
-    addHighlightToNote(n, highlight);
-    closeHighlight(ctx);
-    await pmPost('/api/notes/save', { id: n.id, notes: n });
-    ctx.setState({});
+function hlTick(ctx) {
+  const h = highlight;
+  if (!h) { clearInterval(highlightTimer); highlightTimer = null; return; }
+  const live = cache.get(h.id) && listening(cache.get(h.id));
+  // the window closes when its time is up, or when listening stops first
+  if (h.state === 'listening' && (Date.now() - h.pressed >= hlAfterMs() || !live)) {
+    clearInterval(highlightTimer); highlightTimer = null;
+    h.to = h.at + Math.min(hlAfterMs(), Date.now() - h.pressed);
+    finishHighlight(ctx, h);
   }
+  const t = typeof document !== 'undefined' && document.querySelector('[data-nt-hl-left]');
+  if (t) t.textContent = hlLeft(h); else ctx.setState({});
 }
-
-/** Create a task from a note next step (Run 11). */
-async function makeTask(ctx, n, text) {
-  try {
-    const title = text.split('\n')[0].slice(0, 100);  // First line, max 100 chars
-    const result = await pmPost('/api/notes/make-task', {
-      noteId: n.id,
-      title: title,
-      description: text,
-      relatedNoteId: n.id
-    });
-    banner = { tone: 'good', text: 'Task created: ' + title };
-    ctx.setState({});
-    setTimeout(() => { banner = null; ctx.setState({}); }, 2000);
-  } catch (e) {
-    banner = { tone: 'bad', text: 'Failed to create task: ' + e.message };
-    ctx.setState({});
+const hlLeft = (h) => fmtTime(Math.min(Date.now() - h.pressed, hlAfterMs())) + ' of ' + (HL_AFTER.find((x) => x[0] === highlightListenDuration) || HL_AFTER[0])[2];
+async function finishHighlight(ctx, h) {
+  h.state = 'transcribing'; ctx.setState({});
+  // the window's last audio is still being transcribed: wait for it (at most 30 s)
+  const t0 = Date.now();
+  for (;;) {
+    const r = await loadNote(ctx, h.id);
+    const done = r && r.ok && !(r.audio && r.audio.pending) && (r.note.transcript || []).every((x) => !(typeof x.t === 'number' && x.t <= h.to && x.open));
+    if (done || Date.now() - t0 > 30000 || highlight !== h) break;
+    await new Promise((res) => setTimeout(res, 1000));
   }
+  if (highlight !== h) return;
+  h.state = 'checking'; ctx.setState({});
+  const r = await pmPost('/api/notes/highlight', { id: h.id, from: h.from, to: h.to });
+  if (highlight !== h) return;
+  if (r && r.ok) { h.result = r.highlight; h.checked = r.checked; h.jev = r.jev; h.state = 'done'; await loadNote(ctx, h.id); }
+  else { h.state = 'failed'; h.error = (r && r.error) || 'the highlight was not made'; }
+  hlOpen = true;
+  ctx.setState({});
 }
+function closeHighlight(ctx) {
+  // closing while it still works only hides the pop-up; a finished one is let go
+  if (highlight && (highlight.state === 'done' || highlight.state === 'failed')) highlight = null;
+  hlOpen = false;
+  ctx.setState({});
+}
+async function removeHighlight(ctx, h) {
+  if (h.result) await pmPost('/api/notes/highlight-remove', { id: h.id, hid: h.result.id });
+  highlight = null; hlOpen = false;
+  await loadNote(ctx, h.id);
+  ctx.setState({});
+}
+/** Is a highlight being made, and is its result waiting to be seen? (the Record control's dot) */
+export const highlightBusy = () => (highlight ? { state: highlight.state, open: hlOpen } : null);
+export function openHighlight(ctx) { if (highlight) { hlOpen = true; ctx.setState({}); } }
 
-/** Render the highlight pop-up when a highlight is active. */
-function highlightPopup(ctx, n) {
-  if (!highlight) return null;
-
-  const steps = [
-    { id: 'captured', label: 'Captured', done: highlight.state !== null && highlight.state !== 'capturing' },
-    { id: 'listening', label: 'Listening', done: highlight.state !== 'listening' && highlight.state !== 'capturing' },
-    { id: 'transcribed', label: 'Transcribed', done: highlight.state === 'labeling' || highlight.state === 'checking' || highlight.state === 'done' },
-    { id: 'labeled', label: 'Labeled', done: highlight.state === 'checking' || highlight.state === 'done', dim: !highlight.label },
-    { id: 'checked', label: 'Checked', done: highlight.state === 'done', dim: true },
-    { id: 'done', label: 'Done', done: highlight.state === 'done' },
+/** The highlight's pop-up (pm/note-dock.js draws it on every place), or null when there is none or it is closed. */
+export function highlightPanel(ctx) {
+  const h = highlight;
+  if (!h || !hlOpen) return null;
+  const order = ['listening', 'transcribing', 'checking', 'done'];
+  const at = order.indexOf(h.state);
+  const step = (k, label, extra) => {
+    const i = order.indexOf(k);
+    const done = h.state === 'done' || (at > i && h.state !== 'failed');
+    const now = h.state === k;
+    return el('li', { class: 'nt-hl-step' + (done ? ' nt-hl-step--done' : now ? ' nt-hl-step--now' : ''), 'data-nt-hl-step': k },
+      el('span', { class: 'nt-hl-step__mk' }, icon(done ? 'check' : 'circle-dot')), el('span', null, label), extra || null);
+  };
+  const durs = el('div', { class: 'nt-hl-durs', role: 'group', 'aria-label': 'Listen after' }, HL_AFTER.map(([k, , label]) => button({ label, variant: highlightListenDuration === k ? 'secondary' : 'ghost', size: 'sm',
+    onClick: () => { highlightListenDuration = k; ctx.setState({}); }, attrs: { 'data-nt-duration': k, 'aria-pressed': highlightListenDuration === k ? 'true' : 'false' } })));
+  const body = [
+    el('div', { class: 'nt-hl-head' }, el('h3', { class: 'nt-hl-title' }, 'Highlight'), el('span', { class: 'nt-hl-at' }, fmtTime(h.from) + (h.to ? '–' + fmtTime(h.to) : ' →')),
+      h.result ? el('span', { class: 'nt-hl-tag' }, h.result.label) : null),
+    el('ol', { class: 'nt-hl-steps' },
+      el('li', { class: 'nt-hl-step nt-hl-step--done' }, el('span', { class: 'nt-hl-step__mk' }, icon('check')), el('span', null, 'Kept the last 30 seconds')),
+      step('listening', 'Listening', h.state === 'listening' ? el('span', { class: 'nt-hl-left', 'data-nt-hl-left': '' }, hlLeft(h)) : null),
+      step('transcribing', 'Transcribe the window'),
+      step('checking', 'Label it and check the repository'),
+    ),
+    h.state === 'listening' ? durs : null,
   ];
-
-  const progress = el('div', { class: 'nt-highlight__progress' });
-  steps.forEach((step) => {
-    const stepEl = el('div', { class: 'nt-highlight__step' + (step.done ? ' nt-highlight__step--done' : '') + (step.dim ? ' nt-highlight__step--dim' : '') });
-    const checkSpan = el('span', { class: 'nt-highlight__check' });
-    const checkIcon = step.done ? icon('check', { 'aria-label': 'Done' }) : icon('circle-dot', { 'aria-label': 'Not done' });
-    checkSpan.appendChild(checkIcon);
-    stepEl.appendChild(checkSpan);
-    stepEl.appendChild(el('span', { class: 'nt-highlight__label' }, step.label));
-    if (step.id === 'listening' && highlight.state === 'listening') {
-      const remaining = formatListenRemaining(highlight);
-      stepEl.appendChild(el('span', { class: 'nt-highlight__time' }, remaining));
-    }
-    progress.appendChild(stepEl);
-  });
-
-  const durationOptions = el('div', { class: 'nt-highlight__durations' });
-  ['30s', '1min', '2min'].forEach((dur) => {
-    const opt = button({
-      label: dur,
-      variant: highlightListenDuration === dur ? 'primary' : 'secondary',
-      onClick: () => {
-        highlightListenDuration = dur;
-        ctx.setState({});
-      },
-      attrs: { class: 'nt-highlight__duration-btn', 'data-nt-duration': dur }
-    });
-    durationOptions.appendChild(opt);
-  });
-
-  const actions = el('div', { class: 'nt-highlight__actions' });
-  actions.appendChild(button({
-    label: highlight.state === 'done' ? 'Accept' : 'Cancel',
-    variant: 'primary',
-    onClick: () => {
-      if (highlight.state === 'done') acceptHighlight(ctx, n);
-      else closeHighlight(ctx);
-    },
-    attrs: { 'data-nt-highlight-accept': '' }
-  }));
-
-  const popup = el('div', { class: 'nt-highlight__popup', 'data-nt-part': 'highlight-popup' },
-    el('div', { class: 'nt-highlight__header' }, el('h3', {}, 'Recording Highlight')),
-    progress,
-    highlight.state === 'listening' ? durationOptions : null,
-    actions
-  );
-
-  return popup;
+  if (h.state === 'done' && h.result) {
+    const c = h.result.check;
+    body.push(el('p', { class: 'nt-hl-text', 'data-nt-hl-text': '' }, h.result.text));
+    body.push(el('p', { class: 'nt-hint', 'data-nt-hl-check': c ? c.verdict : 'none' }, c && c.doc
+      ? (c.verdict === 'differs' ? 'Differs from ' : c.verdict === 'agrees' ? 'Agrees with ' : 'Closest file: ') + c.doc + (c.line ? ':' + c.line : '') + (c.by === 'jev' ? '' : ' (found on this machine; turn on the Jev check in Notes settings to compare)')
+      : h.checked ? 'No file in the repository talks about this.' : 'Not checked: the note is not linked to a repository.'));
+  }
+  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': '' } }));
+  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) {
@@ -905,6 +865,17 @@ async function stopRecording(ctx) {
   ctx.setState({});
 }
 
+/** Stop in the note: listening stops and the note leaves the Record control at the top right (pm/note-dock.js). */
+async function stopAndFinish(ctx) {
+  const d = await import('./note-dock.js');
+  if (d.recordState().mode !== 'idle') await d.finish(); else await stopRecording(ctx);
+}
+/** 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);
+}
+
 /* ── the two sheets: what to listen to, and settings ─────────────────────────────────────────── */
 async function chooseSources(ctx, n) {
   const eng = engine && engine.ws === wsOf(ctx) && engine.whisper ? engine : await loadEngine(ctx);
@@ -1193,22 +1164,22 @@ function header(ctx, n, ed, opts = {}) {
       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.'));
     // Highlight button (Run 11)
-    acts.push(iconButton({ icon: 'zap', ariaLabel: 'Highlight (H)', title: 'Highlight the last 30 seconds and listen forward', onClick: () => startHighlighting(ctx, n), attrs: { 'data-nt-highlight': '' } }));
-    acts.push(button({ label: 'Stop', variant: 'outline', size: 'sm', onClick: () => stopRecording(ctx), attrs: { 'data-nt-stop': '' } }));
+    acts.push(iconButton({ icon: 'highlighter', ariaLabel: 'Highlight the last 30 seconds and what is said next', onClick: () => highlightNow(ctx, n.id), attrs: { 'data-nt-highlight': '' } }));
+    acts.push(button({ label: 'Stop', variant: 'outline', size: 'sm', onClick: () => stopAndFinish(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: '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' } }));
-  const more = iconButton({ icon: 'ellipsis', ariaLabel: 'More', onClick: () => moreMenu(ctx, n, opts, more), attrs: { 'data-nt-more': '' } });
+  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' },
     el('div', { class: 'nt-bar' }, status, el('div', { class: 'nt-acts' }, acts)),
-    el('div', { class: 'nt-headl' }, ed.titleWrap, whenLine(ctx, n), peopleRow(n)));
+    el('div', { class: 'nt-headl' }, own(ed.titleWrap), whenLine(ctx, n), peopleRow(n)));
 }
 function listPane(ctx) {
   const rows = (list && list.notes) || [];
@@ -1240,7 +1211,7 @@ function itemRow(ctx, n, key, title, x) {
   const actions = [];
   // Add "Make task" button for action items (Run 11)
   if (key === 'action') {
-    actions.push(iconButton({ icon: 'plus', ariaLabel: 'Make a task from this', onClick: () => makeTask(ctx, n, x.text), size: 'sm', attrs: { 'data-nt-make-task': '' } }));
+    actions.push(iconButton({ icon: 'plus', ariaLabel: 'Make a task from this', onClick: (e) => import('./notes-task.js').then((m) => m.makeTask(n, x, { repo: ctx.state && ctx.state.product, btn: e && e.currentTarget })), size: 'sm', attrs: { 'data-nt-make-task': '' } }));
   }
   // Add remove buttons for unpinned items
   if (bullet) {
@@ -1421,7 +1392,7 @@ function myNotes(ctx, n, ed) {
   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));
+  if (!replaying) parts.push(el('div', { class: 'nt-addrow' }, el('span', { class: 'nt-at', 'data-nt-clock-now': '' }, t !== null ? fmtTime(t) : ''), own(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 = [];
@@ -1553,11 +1524,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) || finalPending(n)) && !agentTimer) pollAgent(ctx, n.id);
-    // Add highlight pop-up if active
-    if (highlight && n.id === currentId) {
-      const hlPopup = highlightPopup(ctx, n);
-      if (hlPopup) wrap.appendChild(hlPopup);
-    }
   }
   inner.appendChild(wrap);
   keep();
@@ -1618,16 +1584,20 @@ 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);
+  inlineDraw = true;
+  try { drawInline(ctx, n, ed, host, opts); } 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'), pl.el));
+  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);
-  keep();
-  return true;
 }

package/workspace/public/vendor/lucide-sprite.js

@@ -1,5 +1,5 @@
 /* lucide-sprite.js — GENERATED by workspace/third-party/build-lucide-sprite.js from lucide-static 1.52.0.
- * Do not edit by hand. The icons: grip-vertical, plus, check, square, square-check-big, x, undo-2, flag, bot, chevron-right, chevron-down, ellipsis, circle-alert, history, arrow-up, arrow-down, diamond, settings, search, refresh-cw, chevron-left, sun, moon, arrow-left, arrow-right, globe, columns-2, arrow-up-down, arrow-left-right, panel-top, panel-left, maximize-2, minimize-2, git-branch, clock, bold, italic, code, link, type, heading, list, list-checks, text-quote, file-code, git-compare, cloud, share-2, house, target, square-kanban, file-text, square-terminal, calendar, chart-column, users, git-merge, mail, message-square, ticket, ban.
+ * Do not edit by hand. The icons: grip-vertical, plus, check, square, square-check-big, x, undo-2, flag, bot, chevron-right, chevron-down, ellipsis, circle-alert, history, arrow-up, arrow-down, diamond, settings, search, refresh-cw, chevron-left, sun, moon, arrow-left, arrow-right, globe, columns-2, arrow-up-down, arrow-left-right, panel-top, panel-left, maximize-2, minimize-2, git-branch, clock, bold, italic, code, link, type, heading, list, list-checks, text-quote, file-code, git-compare, cloud, share-2, house, target, square-kanban, file-text, square-terminal, calendar, chart-column, users, git-merge, mail, message-square, ticket, ban, notebook-pen, mic, pause, play, highlighter, circle-dot.
  *
  * ISC License
  *
@@ -107,5 +107,11 @@ export const SPRITE = '<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true
   + '<symbol id="lucide-message-square" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" /></symbol>'
   + '<symbol id="lucide-ticket" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" /><path d="M13 5v2" /><path d="M13 17v2" /><path d="M13 11v2" /></symbol>'
   + '<symbol id="lucide-ban" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><path d="M4.929 4.929 19.07 19.071" /></symbol>'
+  + '<symbol id="lucide-notebook-pen" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4" /><path d="M2 6h4" /><path d="M2 10h4" /><path d="M2 14h4" /><path d="M2 18h4" /><path d="M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z" /></symbol>'
+  + '<symbol id="lucide-mic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19v3" /><path d="M19 10v2a7 7 0 0 1-14 0v-2" /><rect x="9" y="2" width="6" height="13" rx="3" /></symbol>'
+  + '<symbol id="lucide-pause" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="14" y="3" width="5" height="18" rx="1" /><rect x="5" y="3" width="5" height="18" rx="1" /></symbol>'
+  + '<symbol id="lucide-play" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" /></symbol>'
+  + '<symbol id="lucide-highlighter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 11-6 6v3h9l3-3" /><path d="m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4" /></symbol>'
+  + '<symbol id="lucide-circle-dot" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1" /><circle cx="12" cy="12" r="10" /></symbol>'
   + '</svg>';
-export const ICONS = ["grip-vertical","plus","check","square","square-check-big","x","undo-2","flag","bot","chevron-right","chevron-down","ellipsis","circle-alert","history","arrow-up","arrow-down","diamond","settings","search","refresh-cw","chevron-left","sun","moon","arrow-left","arrow-right","globe","columns-2","arrow-up-down","arrow-left-right","panel-top","panel-left","maximize-2","minimize-2","git-branch","clock","bold","italic","code","link","type","heading","list","list-checks","text-quote","file-code","git-compare","cloud","share-2","house","target","square-kanban","file-text","square-terminal","calendar","chart-column","users","git-merge","mail","message-square","ticket","ban"];
+export const ICONS = ["grip-vertical","plus","check","square","square-check-big","x","undo-2","flag","bot","chevron-right","chevron-down","ellipsis","circle-alert","history","arrow-up","arrow-down","diamond","settings","search","refresh-cw","chevron-left","sun","moon","arrow-left","arrow-right","globe","columns-2","arrow-up-down","arrow-left-right","panel-top","panel-left","maximize-2","minimize-2","git-branch","clock","bold","italic","code","link","type","heading","list","list-checks","text-quote","file-code","git-compare","cloud","share-2","house","target","square-kanban","file-text","square-terminal","calendar","chart-column","users","git-merge","mail","message-square","ticket","ban","notebook-pen","mic","pause","play","highlighter","circle-dot"];