create-pmos 0.69.1 → 0.70.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-pmos",
-  "version": "0.69.1",
+  "version": "0.70.0",
   "description": "Scaffold the PMOS portable kit — run the PMOS product-management workflow (initiative → lane-fit spec → contract → build → three gates, with work-type lanes for features, research, maintenance, incidents, and content) entirely inside your own repo, with all state as git-versioned files. Includes `workflow-sweep`, which audits the state every board derives from and separates real defects from work you simply have not done. `create-pmos workspace` also installs + launches the local Terminal Workspace GUI. No database, no network, no telemetry.",
   "license": "MIT",
   "bin": {

package/payload/KIT-VERSION

@@ -1,3 +1,3 @@
-kernel-source: pmos@bbb66c2
+kernel-source: pmos@9bbf3fc
 assembled: 2026-10-07
 mode: vendor

package/payload/planning/evals/eval-calibration.md

@@ -2,7 +2,7 @@
 type: Reference
 title: "Eval calibration log"
 description: "Append-only record of every PM override of an evaluator verdict."
-generated: {by: process:create-pmos, at: "2026-10-07T03:27:10Z"}
+generated: {by: process:create-pmos, at: "2026-10-07T03:58:26Z"}
 status: stable
 ---
 

package/payload/planning/okrs/health-budgets.md

@@ -2,7 +2,7 @@
 type: Reference
 title: "Health budgets"
 description: "Closed registry of health-budget anchors (D59), edited only by the PM."
-generated: {by: process:create-pmos, at: "2026-10-07T03:27:10Z"}
+generated: {by: process:create-pmos, at: "2026-10-07T03:58:26Z"}
 status: stable
 ---
 

package/payload/state/discoveries.md

@@ -2,7 +2,7 @@
 type: Reference
 title: "Discoveries and friction log"
 description: "Append-only record of what runs discovered and where the process rubbed."
-generated: {by: process:create-pmos, at: "2026-10-07T03:27:10Z"}
+generated: {by: process:create-pmos, at: "2026-10-07T03:58:26Z"}
 status: stable
 ---
 

package/workspace/guide/layout.md

@@ -55,7 +55,7 @@ The dock holds your terminals, documents, conversations, skills and web pages. I
 - Press **⋯** on a row to change the name, the initiative or the type of work.
 - Press **✕** on a row to end the session. The row asks "End “name”?". Press **End** or **Cancel**. When you end the last running session on its own working copy, the message offers **Remove working copy**. This removes the folder only. The branch stays. If the folder has unsaved work, the workspace keeps it and tells you why.
 - **＋ Session** at the top of the dock, or **＋** on an initiative, opens one sheet. Type a name, or leave it empty to name the session after the skill and the initiative. **For** is the initiative. **On** is where the session runs. **Automatic** uses the initiative's own working copy on `initiative/<id>` (made the first time), or the main tree when there is no initiative. You can also choose a branch that has a working copy, or **New branch…**. Then press **Blank session** (the CLI and model from Settings) or a skill. The session starts at once.
-- The icons at the bottom of the dock show the sessions as a strip on top, give the dock the whole window (Focus), and fold the dock. On top, a select chooses the group, and each session of the group is a button. **＋** starts a session, and **✕** ends the session in front.
+- The icons at the top of the session list, under **＋ Session**, show the sessions as a strip on top, give the dock the whole window (Focus), and fold the dock. They stay in view when you scroll the list. On top, a select chooses the group, and each session of the group is a button. **＋** starts a session, and **✕** ends the session in front.
 - To make the dock wider or narrower, drag its left edge. With the edge focused, the left and right arrow keys change the width in steps. Double-click the edge to go back to the default width. The width is kept in this browser.
 - **Focus** in the dock gives the dock the whole window. The place and the detail are hidden, and the dock stays full width on every place. Press Focus again, or ⌘⇧J (Ctrl-Shift-J), to show the place again. Folding the dock also ends Focus.
 - **Scratchpad** in the bar at the bottom of the dock opens and closes the scratchpad. The pad keeps one note for each terminal session, and one for the repository when no terminal is in front. **Send to terminal** types the note into the session in front and presses Enter. It is available only when a terminal is in front. **Copy** and **Clear** act on the note.

package/workspace/guide/notes.md

@@ -2,7 +2,7 @@
 type: Guide
 title: "Guide: notes"
 description: "How to take notes in a meeting: listen to your microphone and the meeting on this machine, see decisions, actions and questions caught as they are said, check them against the repository, correct and tag lines, see what changed in your notes, replay the meeting, link a note to its meeting and its initiative, and get a summary."
-timestamp: 2026-10-06
+timestamp: 2026-10-07
 ---
 
 # Guide: notes
@@ -95,7 +95,7 @@ Under the title, a note shows two lines: **Meeting** and **Initiative**.
 
 When a note has no initiative, the summary suggests one: the open initiative that shares 3 or more words with what was said, when no other initiative shares as many. A suggestion never replaces an initiative you chose.
 
-To take notes for a calendar event, open the event's detail on the Agenda and press **Take notes**. The note is linked to the event, and to the event's initiative when it has one. An event that already has a note shows its summary and **Open notes** instead. See [Today](today.md) and [the initiative sheet](initiatives-screen.md).
+To take notes for a calendar event, open the event's detail on the Agenda and press **Take notes**. The note is linked to the event, and to the event's initiative when it has one. The note opens inside the event's detail, in one column: type your notes, press **Listen**, and read the transcript there, without leaving the calendar. Press **Open in Notes** to see the same note on the full screen, and **Close** to fold it back to its summary. An event that already has a note shows its summary and **Open notes**, which opens the note in the detail. While one meeting is being listened to, another event's detail shows only its summary, so the meeting that is being heard is not stopped. See [Today](today.md) and [the initiative sheet](initiatives-screen.md).
 
 ## Dictate into your notes
 

package/workspace/guide/today.md

@@ -2,7 +2,7 @@
 type: Guide
 title: "Today: what needs you"
 description: "The Agenda month and the calendar it remembers, the meeting notes of a meeting, the two-column day (your jobs and the agent's jobs), the eight kinds of card on Today, the one button on each card, the count, the empty state, and the pmos today command."
-timestamp: 2026-10-06
+timestamp: 2026-10-07
 ---
 
 # Today: what needs you
@@ -50,7 +50,7 @@ Each day of the month answers three questions:
 
 The switch above the month shows one answer at a time: **Overview** (all three), **Full** (the time in meetings), **Key** (the meeting that matters), **Prep** (how ready you are) or **Free** (the free blocks of 90 minutes or more).
 
-A meeting's detail ends with **Meeting notes**. Press **Take notes** to start a note linked to the meeting, and to its initiative when the brief names one. When the meeting has a note, the detail shows its summary and **Open notes**, and the meeting's row shows **notes**. See [Notes](notes.md).
+A meeting's detail ends with **Meeting notes**. Press **Take notes** to start a note linked to the meeting, and to its initiative when the brief names one. The note runs in the detail: you type and listen there. **Open in Notes** shows it on the full screen. When the meeting has a note, the detail shows its summary and **Open notes**, which opens it in the detail again, and the meeting's row shows **notes**. See [Notes](notes.md).
 
 The memory of a meeting says what kind of meeting it is (one-to-one, onboarding or group), how many times it was held, how many are to come, and why it matters.
 

package/workspace/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "pmos-workspace",
-  "version": "0.69.1",
+  "version": "0.70.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {

package/workspace/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pmos-workspace",
-  "version": "0.69.1",
+  "version": "0.70.0",
   "private": true,
   "description": "PMOS Terminal Workspace — local companion hosting real PTYs beside the library and gates (D62)",
   "license": "MIT",

package/workspace/public/pm/components.css

@@ -2500,13 +2500,21 @@
   align-self: center;
   padding: 0 6px;
 }
-.fr-ds-foot {
+.fr-ds-top {
+  position: sticky;
+  top: 0;
+  z-index: 1;
   display: flex;
+  flex-wrap: wrap;
   justify-content: flex-end;
+  align-items: center;
   gap: 4px;
-  margin-top: auto;
-  padding-top: 8px;
-  border-top: 1px solid var(--border);
+  padding-bottom: 6px;
+  background: var(--background);
+}
+/* ＋ Session keeps its whole label on its own row; the controls sit in a row under it, right-aligned, still above the list */
+.fr-ds-top .fr-session {
+  flex: 1 0 100%;
 }
 .fr-ds-note {
   margin: 0;
@@ -6027,6 +6035,30 @@
   font-size: 12px;
   color: var(--muted-foreground);
 }
+
+/* meeting-notes Run 5: the note runs inside a calendar event's detail, in one column */
+.nt-inhost__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+.nt-wrap--inline .nt-body2 {
+  grid-template-columns: 1fr;
+}
+.nt-wrap--inline .nt-notecol {
+  padding-right: 0;
+}
+.nt-wrap--inline .nt-trans {
+  padding-left: 0;
+  padding-top: 16px;
+  border-left: 0;
+  border-top: 1px solid var(--border);
+}
+.nt-wrap--inline .nt-lines {
+  max-height: 320px;
+}
+
 /* -- layouts · .lg- the legacy and fixture shells (Run 3, slice 3D) -- */
 /* The legacy and fixture cockpit's two columns: the list head (a stack) and the rail's tile column. */
 .lg-stack {

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

@@ -2,8 +2,9 @@
  *
  *   notesFor(e)                    → the note rows linked to a calendar event (same id, or same start minute and title)
  *   notesOfInitiative(id)          → the note rows linked to an initiative, newest first
- *   notesBlock(e, { ws, repo, initiative }) → the "Meeting notes" block of an event's detail: the summary and Open notes,
- *                                    or Take notes; Take notes on an event that already has a note opens that note
+ *   notesBlock(e, { ws, repo, initiative }) → the "Meeting notes" block of an event's detail. Take notes makes a note linked
+ *                                    to the event and runs it right there (typing and listening, pm/view-notes.js renderInline);
+ *                                    an event that has a note shows its summary and Open notes, which opens it there too
  *   noteRows(rows, { onOpen })     → the rows of an initiative's Notes tab; onOpen runs before the note opens
  *   openNote(id)                   → opens the Notes tab on that note
  *   onNotes(fn) · refreshNotes()   → redraw when the list is read
@@ -14,10 +15,14 @@
 import { el } from './dom.js';
 import { button } from './primitives.js';
 import { pmGet, pmPost } from './http.js';
+import { state, setState, FIXTURE } from './state.js';
 
 const READ_MS = 15000;       // the list is read again at most this often while a calendar or an initiative is drawn
 let rows = null; let readAt = 0; let reading = null; let failed = false;
 const subs = new Set();
+let shown = null;            // the note open in an event's detail (Take notes or Open notes); the listening note is shown too
+let V = null;                // pm/view-notes.js, read the first time a note is shown in a detail
+const viewCtx = { state, setState, FIXTURE };
 
 export function onNotes(fn) { subs.add(fn); return () => subs.delete(fn); }
 export function refreshNotes() {
@@ -64,8 +69,14 @@ async function takeNotes(e, { ws, repo, initiative } = {}, btn) {
   const r = await pmPost('/api/notes/new', { meeting: meetingOf(e), ...(ini ? { initiative: ini } : {}) });
   if (btn) btn.disabled = false;
   if (!r || !r.ok) { const { toast } = await import('./primitives.js'); toast({ text: (r && r.error) || 'The note was not made.', tone: 'destructive' }); return; }
-  refreshNotes();
-  openNote(r.note.id);
+  shown = r.note.id;
+  await refreshNotes();
+  setState({});
+}
+function show(id) { shown = id; setState({}); }
+function view() {
+  if (!V) import('./view-notes.js').then((m) => { V = m; setState({}); });
+  return V;
 }
 
 const dayOf = (iso) => { try { return new Date(iso).toLocaleDateString([], { weekday: 'short', day: 'numeric', month: 'short' }); } catch { return ''; } };
@@ -77,13 +88,24 @@ export function notesBlock(e, opts = {}) {
   const ended = !!e.ended;
   if (mine.length) {
     const n = mine[0];
+    const v = view();
+    const live = v && v.listeningId() === n.id;
+    if (v && (shown === n.id || live)) {
+      const host = el('div', { class: 'td-day__notes nt-inhost', 'data-notes-block': 'inline', 'data-notes-id': n.id });
+      const head = el('div', { class: 'nt-inhost__head' }, el('h4', null, 'Meeting notes'),
+        live ? null : button({ label: 'Close', variant: 'ghost', size: 'sm', attrs: { 'data-notes-close': n.id }, onClick: () => show(null) }));
+      host.appendChild(head);
+      if (v.renderInline(host, viewCtx, n.id)) return host;
+    }
     const lines = n.summary_lines || [];
+    const busy = v && v.listeningId() && v.listeningId() !== n.id;
     return el('div', { class: 'td-day__notes', 'data-notes-block': 'linked', 'data-notes-id': n.id },
       el('h4', null, 'Meeting notes'),
       n.private ? el('p', { class: 'td-day__note' }, 'This note is private.')
         : lines.length ? el('ul', { class: 'nt-lsum' }, ...lines.map((l) => el('li', null, l)))
           : el('p', { class: 'td-day__note' }, n.segments ? 'No summary yet. Open the note and press Summarize.' : 'No summary yet.'),
-      el('div', { class: 'td-day__acts' }, button({ label: 'Open notes', size: 'sm', attrs: { 'data-notes-open': n.id }, onClick: () => openNote(n.id) })));
+      busy ? el('p', { class: 'td-day__note', 'data-notes-busy': '' }, 'Another meeting is being listened to. Stop it first to open this note here.') : null,
+      busy ? null : el('div', { class: 'td-day__acts' }, button({ label: 'Open notes', size: 'sm', attrs: { 'data-notes-open': n.id }, onClick: () => show(n.id) })));
   }
   if (!notesKnown()) return null;
   const take = button({ label: 'Take notes', variant: ended ? undefined : 'primary', size: 'sm', attrs: { 'data-notes-take': e.id || '' }, onClick: () => takeNotes(e, opts, take) });

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

@@ -1139,6 +1139,7 @@ let dsMod = null;
 if (!FIXTURE) import('./dock-sessions.js').then((m) => { dsMod = m; if (inFrame()) setState({}); }).catch(() => { dsMod = null; });
 let dockParts = null;
 let dockOrient = null;
+let dockHead = null;   // the side list's head: ＋ Session and the dock's controls, one node across paints
 function frameDock() {
   if (!dockMod || !inFrame()) return null;
   const repo = currentProduct();
@@ -1429,16 +1430,18 @@ export function renderTabs(host) {
    * the frame's dock (split stays only to undo one already made). */
   if (ck && ds) {
     const others = notListed(dsMod.listedSessionIds(ds));
+    // The dock's own controls (tabs on top, Focus, Minimize) sit beside ＋ Session at the head of the list, held in view while
+    // the list scrolls: at the foot they were below every session, and a long list put them off screen.
     setChildren(tabBar, vertical ? [
-      fr.session,
+      dockHead || (dockHead = el('div', { 'data-tabs': 'vcontrols', class: 'fr-ds-top' })),
       ...dsMod.railNodes(ds, others.map((t) => dockTabRow(t, (act && act.id === t.id) || (splitTab && splitTab.id === t.id)))),
-      el('div', { 'data-tabs': 'vcontrols', class: 'fr-ds-foot' }, state.splitId ? splitBtn : null, fr.orient, fr.focus, fr.fold),
     ] : [
       ...dsMod.stripNodes(ds, others.map((t) => dockTabChip(t, (act && act.id === t.id) || (splitTab && splitTab.id === t.id)))),
       state.splitId ? splitBtn : null, fr.orient, fr.focus, fr.fold,
     ]);
   }
 
+  if (ck && ds && vertical) setChildren(dockHead, [fr.session, state.splitId ? splitBtn : null, fr.orient, fr.focus, fr.fold]);
   if (tabBar.scrollLeft !== keepX) tabBar.scrollLeft = keepX;
   if (tabBar.scrollTop !== keepY) tabBar.scrollTop = keepY;
   // When the tab in front changes, the bar scrolls just enough to show it, so a tab opened at the far end of a crowded strip or a

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

@@ -1,4 +1,4 @@
-/* pm/view-notes.js — the Notes view tab: one meeting on one screen (meeting-notes, Runs 1 to 4).
+/* pm/view-notes.js — the Notes view tab: one meeting on one screen (meeting-notes, Runs 1 to 5).
  *
  * The screen follows the simplified mockup the PM reviewed (prototype/meeting-notes):
  *   header      the title and the date, and one action: Listen; while listening a red dot, the time, the sources and Stop;
@@ -26,7 +26,10 @@
  *
  * MEETING AND INITIATIVE (Run 4). Under the title, the note says which meeting it is (a calendar event, or not on the
  * calendar) and which initiative it belongs to, and how that was set: from the calendar event, suggested from what was said,
- * or chosen by the PM. Change opens a sheet for each. A note taken from an event's detail (pm/notes-links.js) opens here.
+ * or chosen by the PM. Change opens a sheet for each.
+ *
+ * IN THE EVENT'S DETAIL (Run 5). renderInline draws the same note inside a calendar event's detail (pm/notes-links.js), in
+ * one column: the PM types and listens there without leaving the calendar. Open in Notes shows it on the full screen.
  *
  * Reads and writes (lib/routes-notes.js). Notes live in the per-user runtime directory, never in a repository:
  *   GET  /api/notes · /api/notes/one?id=… · /api/notes/engine?ws=… · /api/notes/recording?id=… · /api/people?ws=…
@@ -64,6 +67,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 inlineSwitch = null;      // the note an event's detail is switching to (renderInline), so a redraw does not start it twice
 const LABELS = [['decision', 'Decision'], ['action', 'Action'], ['question', 'Question'], ['fact', 'Fact'], ['topic', 'Topic'], ['statement', 'Statement'], ['small talk', 'Small talk']];
 
 const nowClock = (iso) => { try { return new Date(iso).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); } catch { return ''; } };
@@ -873,7 +877,7 @@ function listening(n) {
   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) {
+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));
   const nv = (n.versions || []).length;
@@ -890,11 +894,12 @@ function header(ctx, n, ed) {
   } 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' } }));
-    acts.push(button({ label: busy === 'new' ? 'Creating …' : 'New meeting', disabled: busy === 'new', onClick: () => newNote(ctx), attrs: { 'data-nt-new': '' } }));
+    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': '' } }));
   }
-  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' } }));
+  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));
 }
@@ -1009,8 +1014,7 @@ export function renderBoard(inner, ctx) {
   if (pendingOpen) { const id = pendingOpen; pendingOpen = null; if (id !== currentId) { selectNote(ctx, id); loadList(ctx); } }
   if (!engine || engine.ws !== wsOf(ctx)) { if (!engine || !engine.loading || engine.ws !== wsOf(ctx)) loadEngine(ctx); }
 
-  const focus = typeof document !== 'undefined' && editor && (document.activeElement === editor.body ? 'body' : document.activeElement === editor.title ? 'title' : null);
-  const caret = focus ? [editor[focus].selectionStart, editor[focus].selectionEnd] : null;
+  const keep = keepFocus();
 
   const wrap = el('div', { class: 'nt-wrap', 'data-nt-part': 'view' });
   if (list && list.state === 'error') wrap.appendChild(el('div', { class: 'nt-banner nt-banner--bad', role: 'alert' }, list.error));
@@ -1037,7 +1041,53 @@ export function renderBoard(inner, ctx) {
     requestAnimationFrame(fitBody);
   }
   inner.appendChild(wrap);
-  // the redraw moves the fields, which blurs 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
-  if (caret) queueMicrotask(() => { try { const t = editor[focus]; if (t.isConnected) { t.focus(); t.setSelectionRange(caret[0], caret[1]); } } catch { /* the field is gone */ } });
+  keep();
+}
+
+/** Which field has the focus, and a function that gives it back after the redraw. The redraw moves the fields, which blurs
+ * 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);
+  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 */ } });
+}
+async function openFull(ctx, id) {
+  await flushSave(ctx);
+  const c = await import('./panel-cockpit.js');
+  pendingOpen = id;
+  c.openView('notes');
+}
+
+/** The note that is listening now, or null. */
+export const listeningId = () => (audio && audio.id) || (speech && speech.mode === 'record' && (speech.state === 'on' || speech.state === 'checking') ? speech.id : null);
+
+/** One note drawn inside a calendar event's detail (meeting-notes Run 5): 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) {
+  if (ctx.FIXTURE) return false;
+  const other = listeningId();
+  if (other && other !== id) return false;
+  ensureComponentsCss();
+  if (!engine || engine.ws !== wsOf(ctx)) { if (!engine || !engine.loading || engine.ws !== wsOf(ctx)) loadEngine(ctx); }
+  if (id !== currentId) { if (!inlineSwitch) { inlineSwitch = selectNote(ctx, id).finally(() => { inlineSwitch = null; }); } host.appendChild(el('p', { class: 'nt-hint' }, 'reading the note …')); return true; }
+  const n = cache.get(id);
+  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);
+  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 }));
+  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)));
+  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;
 }