create-pmos 0.107.0 → 0.109.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/panel-newsess.js

@@ -34,7 +34,7 @@ import { state, setState, FIXTURE } from './state.js';
 import * as FX from './fixture.js';
 import { openTerm as openTermTab } from './panel-initiatives.js';
 import { startHere } from './panel-trees.js';
-import { sessionDefaults } from './dock.js';
+import { sessionDefaults, setSessionDefaults, adoptProfileDefault } from './dock.js';
 import { button } from './primitives.js';
 import { flagPicker, flagsLine, flagsMissingValue, flagsWire } from './flag-picker.js';
 
@@ -184,6 +184,8 @@ function refreshReads() {
   }
   if (typeof dataMod.loadProfiles === 'function') {
     dataMod.loadProfiles().then((r) => {
+      // the server's Claude default wins over this browser's copy (dock.js adoptProfileDefault)
+      adoptProfileDefault(r);
       setState({ profiles: r || null });
       // Preselect from the server's remembered preference — never from a hardcoded name. A
       // preference naming a descriptor that no longer reads preselects NOTHING rather than
@@ -414,6 +416,8 @@ async function setDefault() {
   if (!dataMod || typeof dataMod.preferProfile !== 'function') return;
   const r = await dataMod.preferProfile(state.newSessAgent || 'shell', state.preflightProfile === undefined ? null : state.preflightProfile);
   if (!r || !r.ok) { setState({ newSessError: (r && r.error) || 'the default could not be saved' }); return; }
+  // the Claude default is one default: Settings and a dock start read it too, so they follow this choice
+  if ((state.newSessAgent || 'shell') === 'claude') setSessionDefaults({ profile: state.preflightProfile || null });
   setState((s) => ({ newSessError: null, profiles: s.profiles ? { ...s.profiles, prefs: r.prefs || {} } : s.profiles }));
 }
 

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

@@ -45,8 +45,6 @@ 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
@@ -739,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) {
@@ -909,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);
@@ -1197,13 +1164,13 @@ 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': '' } }));
@@ -1244,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) {
@@ -1557,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();

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"];

package/workspace/test-files.json

@@ -42,6 +42,7 @@
     "doc-category.test.js",
     "doc-category-corrections.test.js",
     "notes-highlight.test.js",
+    "notes-page.test.js",
     "notes-conflicts.test.js",
     "proactive-prepare.test.js",
     "learn.test.js",
@@ -149,6 +150,7 @@
     "doc-category.test.js": 1,
     "doc-category-corrections.test.js": 1,
     "notes-highlight.test.js": 1,
+    "notes-page.test.js": 1,
     "notes-conflicts.test.js": 1,
     "proactive-prepare.test.js": 9,
     "learn.test.js": 3,
@@ -206,7 +208,7 @@
     "pm-r29-filespad-test.js": 5,
     "pm-r29-newsession-alignment-test.js": 8,
     "pm-live-notes-test.js": 24,
-    "pm-notes-menu-test.js": 8,
+    "pm-notes-menu-test.js": 10,
     "pm-r30-test.js": 4,
     "ui-test.js": 30,
     "plan-items.test.js": 1,

package/workspace/third-party/README.md

@@ -12,7 +12,7 @@ The workspace runs with no network (D62). Two third-party browser files are comm
 | Package | Version | Licence | Tarball | Tarball sha256 | Shipped file |
 |---|---|---|---|---|---|
 | sortablejs | 1.15.7 | MIT | https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.7.tgz | `66cbfc8fa18860783584fe0c346baf6cbf3399da72d23d21053425ba232abed4` | `public/vendor/Sortable.min.js`: an unmodified copy of `package/Sortable.min.js` (45 478 bytes, sha256 `bf4241bc73fef7f11c59a283a69fe8051cdd31c6d8ff5a2b9ba219e7831fcf76`; npm integrity `sha512-Kk8wLQPlS+yi1ZEf48a4+fzHa4yxjC30M/Sr2AnQu+f/MPwvvX9XjZ6OWejiz8crBsLwSq8GHqaxaET7u6ux0A==`) |
-| lucide-static | 1.52.0 | ISC, plus the Feather MIT notice | https://registry.npmjs.org/lucide-static/-/lucide-static-1.52.0.tgz | `4d2aa079171e4eba4c704844b8b0c9edb6e4cfb2fb8bd86f7b14353994f04a87` | `public/vendor/lucide-sprite.js`: generated by `build-lucide-sprite.js` (21 404 bytes, sha256 `b97ca7eba4a6f6d29614c41d3b050c96df67d77b36a5db5ee175b830d003edfc`). It holds 61 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, then the eight the frame's chrome draws (Run 3): settings, search, refresh-cw, chevron-left, sun, moon, arrow-left, arrow-right, then globe, columns-2, arrow-up-down and arrow-left-right for the dock strip's web, split and orientation chips (Run 3, C6), then panel-top, panel-left, maximize-2, minimize-2, git-branch and clock for the dock's icon controls and session rows (0.54.2), then bold, italic, code, link, type, heading, list, list-checks, text-quote, file-code, git-compare, cloud and share-2 for the document tab's in-place editor, its Confluence copy and its connections, then house, target, square-kanban, file-text, square-terminal, calendar and chart-column for the phone's tab bar and view switches, then users, git-merge, mail, message-square, ticket and ban for the People place's nav icon, merge button and interaction sources |
+| lucide-static | 1.52.0 | ISC, plus the Feather MIT notice | https://registry.npmjs.org/lucide-static/-/lucide-static-1.52.0.tgz | `4d2aa079171e4eba4c704844b8b0c9edb6e4cfb2fb8bd86f7b14353994f04a87` | `public/vendor/lucide-sprite.js`: generated by `build-lucide-sprite.js` (23 263 bytes, sha256 `6866d7d284f4f09139daa9f31cff28c4cc56b6c008aa0b58e6ee0e61907aac2f`). It holds 67 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, then the eight the frame's chrome draws (Run 3): settings, search, refresh-cw, chevron-left, sun, moon, arrow-left, arrow-right, then globe, columns-2, arrow-up-down and arrow-left-right for the dock strip's web, split and orientation chips (Run 3, C6), then panel-top, panel-left, maximize-2, minimize-2, git-branch and clock for the dock's icon controls and session rows (0.54.2), then bold, italic, code, link, type, heading, list, list-checks, text-quote, file-code, git-compare, cloud and share-2 for the document tab's in-place editor, its Confluence copy and its connections, then house, target, square-kanban, file-text, square-terminal, calendar and chart-column for the phone's tab bar and view switches, then users, git-merge, mail, message-square, ticket and ban for the People place's nav icon, merge button and interaction sources, then notebook-pen, mic, pause, play, highlighter and circle-dot for the Notes place, the Record button and the highlight |
 
 The licences are in this folder: [sortablejs-1.15.7.LICENSE](sortablejs-1.15.7.LICENSE) and [lucide-static-1.52.0.LICENSE](lucide-static-1.52.0.LICENSE). The sprite also carries the lucide licence text as its first comment.