create-pmos 0.502.0 → 0.503.0

package/workspace/public/pm/premium-vw-mtg.js

@@ -34,13 +34,13 @@
  *   aboutOptions(row | null, W | null, choices | null, notesText) → the What it is about choices (pure)
  *   openMeeting(ref, { ws }) → opens the card. ref: a note id, { note }, { event, date }, a calendar week row or a brief-page today row. */
 import * as IM from './impact.js';   // Your impact's meeting moment (batch 16 item 7)
-import { open as vOpen, current as vCur, back as vBack, czSummary, czSections } from './cozy-viewer.js';
+import { open as vOpen, current as vCur, back as vBack, czSummary, czSections, wide as vWide } from './cozy-viewer.js';
 import { pmGet, pmPost, pressFetch } from './http.js';
 import { ownTab, bring, tabUrl } from './rec-tab-core.js';
 import { noteSheet, aboutChoices, aboutBody, aboutNow } from './premium-vw-meet.js';
 import { weekView, noteOfRow, sameMeeting, recordable, prevOf, taskEvent, linkBody, mmss, focusView, replayModel, RECORD_LINE, FOCUS_LINE, STOP_LINE, CONSENT_LINE, recCore } from './premium-meeting.js';
 import { APPS, recall, remember } from './listen-sources.js';
-import { replayView, playerHtml, partHtml, keptHtml, phoneHtml, editHtml, mentions, phraseOf as phraseOfPage } from './premium-mtg-replay.js';
+import { replayView, phoneHtml, editHtml, mentions, phraseOf as phraseOfPage, deskHtml, leftHtml, wx, placesOf, viewTexts, wordFieldHtml } from './premium-mtg-replay.js';
 import { announce } from './rec-state.js';
 import { presentInRecording } from './cozy-rec-bridge.js';   // while a meeting records, Present goes to the recording tab (batch 12 item 1, rule 10)
 
@@ -224,7 +224,7 @@ export function meetModel(D, now = Date.now()) {
   const since = S && S.since ? { sub: S.since.day.replace(/^\w+ /, '') + ' · ' + plural(S.since.items.length, 'step') + ' then, ' + S.since.fresh.length + ' new',
     rows: S.since.items.map((x) => ({ tag: x.state === 'done' ? 'Done' : x.state === 'again' || x.state === 'raised' ? 'Raised again' : 'Not mentioned', k: x.state === 'done' ? 'ok' : x.state === 'again' || x.state === 'raised' ? 'warn' : '', text: x.text, owner: x.owner }))
       .concat(S.since.fresh.map((x) => ({ tag: 'New', k: 'new', text: x.text, owner: x.owner }))) } : null;
-  const replay = rep ? replayView(rep, { n, points: D.points || {}, edits: D.edits || {}, lessons: D.lessons || [], now }) : null;
+  const replay = rep ? replayView(rep, { n, points: D.points || {}, edits: D.edits || {}, lessons: D.lessons || [], terms: D.terms || [], now }) : null;
   const trk = rep ? { len: rep.len } : null;
   const decided = S ? S.decisions.length : 0, nsteps = steps.length, nq = S ? S.questions.length : 0;
   /* ⋯ (xvMore order: change it, look back, then stop or remove last) */
@@ -308,12 +308,12 @@ function weightBar(cls, parts) {
   return `<svg class="${cls}" aria-hidden="true" width="100%" height="100%">${rects}</svg>`;
 }
 const fillBar = (f, k) => `<svg class="vzm-fb" aria-hidden="true" width="100%" height="8"><rect width="100%" height="8" rx="4" class="bg"/>${f > 0 ? `<rect width="${(Math.min(1, f) * 100).toFixed(1)}%" height="8" rx="4" class="fg" data-k="${k}"/>` : ''}</svg>`;
-const lineHtml = (l, i, ui, seek) => {
+const lineHtml = (l, i, ui, seek, W) => {
   const naming = ui.naming === i;
   const who = naming ? `<span class="vz-name"><input data-a="namein" data-i="${i}" aria-label="Name this speaker" value="${esc(l.who)}" maxlength="60"><button type="button" class="vz-link vz-hv" data-a="nameok" data-i="${i}">Save</button></span>`
     : `<button type="button" class="vz-who vz-hv" data-a="name" data-i="${i}" title="Name this speaker">${esc(l.who)}</button>`;
   const t = seek && Number.isFinite(l.t) ? `<button type="button" class="vzm-t vz-hv" data-a="trseek" data-t="${l.t}" aria-label="Play from ${esc(mmss(l.t))}">${esc(mmss(l.t))}</button>` : `<time>${esc(mmss(l.t))}</time>`;
-  return `<div class="vz-line">${t}<span>${who} ${esc(l.text)}</span></div>`;
+  return `<div class="vz-line">${t}<span>${who} <span class="vz-said">${W ? wx(W, l.text) : esc(l.text)}</span></span></div>`;
 };
 /** A round press that the icon says (Record, Stop, Highlight, Pause, Resume): no words, the name is its label and its tooltip. */
 const roundBtn = (a, label, icon, tone) => `<button type="button" class="vzm-rb" data-a="${a}" data-tone="${tone || ''}" aria-label="${esc(label)}" title="${esc(label)}">${svg(icon, tone === 'red' ? 22 : 17)}</button>`;
@@ -346,8 +346,10 @@ export function summaryHtml(m, ui = {}) {
   const N = m.notes, V = N.replay;
   const text = N.summary || (m.private ? 'This note is private: only what you typed is kept.' : 'No summary was written for this meeting.');
   if (V) {
-    const line = (V.raised > V.points.length ? V.points.length + ' of ' + V.raised + ' points kept' : plural(V.points.length, 'point') + ' kept') + (V.toConfirm ? ' · ' + V.toConfirm + ' to confirm' : '');
-    return czSummary({ line, tone: V.toConfirm ? 'you' : 'ok', text, extra: metaLine([m.sub, serPos(m)]), primary: V.toConfirm ? { label: 'Confirm ' + V.toConfirm, act: 'confirmall' } : null });
+    /* MvC: the summary first, two lines and Read it all; Confirm N sits in the kept points' header, so the summary has no primary */
+    const long = text.length > 220;
+    return czSummary({ text: wx(V.W, text), textHtml: true, extra: `<div class="vzr-sm">${long ? `<button type="button" class="vzr-more2" data-a="sumall" aria-expanded="${!!ui.sumAll}">${ui.sumAll ? 'Show less' : 'Read it all'}</button>` : ''}${metaLine([m.sub, serPos(m)])}</div>` })
+      .replace('<div class="czs-sum">', `<div class="czs-sum vzr-sum${ui.sumAll || !long ? ' all' : ''}">`);
   }
   const said = [N.decisions.length && plural(N.decisions.length, 'decision'), N.steps.length && plural(N.steps.length, 'next step'), N.questions.length && plural(N.questions.length, 'open question')].filter(Boolean).join(' · ');
   return czSummary({ line: said || 'Notes', text, extra: metaLine([m.sub, serPos(m)]) });
@@ -388,7 +390,8 @@ function liveAgendaHtml(m, ui) {
   return change + (Fo.agenda.length ? Fo.agenda.map((a) => `<div class="vzm-ag" data-k="${a.k}"><span>${a.k === 'now' || a.k === 'late' ? `<b>${a.n} ${esc(a.text)}</b>` : esc(a.n + ' ' + a.text)}</span>${fillBar(a.fill, a.k)}<small>${esc(a.say)}</small></div>`).join('') : '<p class="vz-empty">The invite lists no topics yet.</p>');
 }
 function transcriptHtml(m, ui, lines, seek) {
-  return (lines.length ? lines.map((l, i) => lineHtml(l, i, ui, seek)).join('') : `<p class="vz-empty">${m.private ? 'This note is private: only what you type is kept.' : m.mk === 'live' ? 'Nothing has been said yet.' : 'Nothing was transcribed.'}</p>`)
+  const W = m.notes && m.notes.replay ? m.notes.replay.W : null;   // the word fixes (MvF) show in the transcript too
+  return (lines.length ? lines.map((l, i) => lineHtml(l, i, ui, seek, W)).join('') : `<p class="vz-empty">${m.private ? 'This note is private: only what you type is kept.' : m.mk === 'live' ? 'Nothing has been said yet.' : 'Nothing was transcribed.'}</p>`)
     + `<p class="vz-note vz-fine">${esc(LIVE_FOOT)}</p>`;
 }
 function stepHtml(a, ui) {
@@ -400,12 +403,28 @@ function stepHtml(a, ui) {
 }
 const decisionsHtml = (N) => N.decisions.map((d) => `<div class="vzm-trow vzm-top"><span class="vzm-grow">${esc(d.text)}</span>${d.why ? `<span class="vzm-mut vzm-sm vzm-why">${esc(d.why)}</span>` : ''}</div>`).join('')
   + IM.meetingLine();   // Your impact (batch 16 item 7, GmA4Moments): one quiet line under the decisions, only while it is on
-/** Replay (XvAReplay): the player and "In this part" in one card; phone: the phone's Replay. The editor shows where the PM pressed. */
-function replayCardHtml(V, ui) {
-  const part = { ...ui, edit: ui.editIn === 'part' ? ui.edit : null };
-  return `<div class="vzp vzp-card vzp-dt">${playerHtml(V, ui)}${partHtml(V, part)}</div><div class="vzp vzp-card vzp-mb">${phoneHtml(V, ui)}</div>`;
+/** Names and terms (MvN): the people of the invite, and the words fixed in place (here, and in other meetings: the guesses). */
+function namesHtml(m, V) {
+  const row = (name, meta, extra = '') => `<div class="vzm-trow"><span class="vzm-grow"><b>${esc(name)}</b>${meta ? ` <span class="vzm-mut vzm-sm">${esc(meta)}</span>` : ''}</span>${extra}</div>`;
+  const rows = m.people.map((p) => row(p, 'Invite'))
+    .concat(V.W.fix.map((x) => row(x.means, 'heard as “' + x.heard + '” · fixed here', `<button type="button" class="vzm-btn vzm-ghost" data-a="wundo" data-id="${esc(x.id)}">Undo</button>`)))
+    .concat(V.W.guess.map((x) => row(x.means, 'heard as “' + x.heard + '” · fixed in another meeting')));
+  if (!rows.length) return '';
+  return `<p class="vzm-sm vzm-mut">Select a word that was heard wrong in the summary, a quote or the transcript to fix it everywhere. Later notes spell it your way.</p>` + rows.join('');
+}
+const namesCount = (m, V) => m.people.length + V.W.fix.length + V.W.guess.length;
+/** The one strip under the kept points (MvC): the parts this module owns. Left out is the replay module's own. */
+function stripOf(m, ui) {
+  const N = m.notes, P = m.prep, L = m.live, V = N.replay;
+  return [
+    N.steps.length ? { k: 'steps', title: 'Next steps', n: String(N.stepsSub && /proposed/.test(N.stepsSub) ? N.stepsSub : N.steps.length), html: N.steps.map((a) => stepHtml(a, ui)).join('') } : null,
+    N.since ? { k: 'since', title: 'Since the last one', n: String(N.since.rows.length), html: tagRows(N.since.rows) } : null,
+    N.facts.length ? { k: 'facts', title: 'Facts mentioned', n: String(N.facts.length), html: tagRows(N.facts) } : null,
+    namesCount(m, V) ? { k: 'names', title: 'Names and terms', n: String(namesCount(m, V)), html: namesHtml(m, V) } : null,
+    { k: 'prep', title: 'Prep and material', n: m.material.length ? String(m.material.length) : '', html: (P.agenda.length ? agendaHtml(P) : '') + materialHtml(m.material, ui) },
+    { k: 'tr', title: 'Transcript', n: N.lines.length ? plural(N.lines.length, 'line') : '', html: `<p class="vzm-lbl">Your notes</p>${mineHtml(L)}${L.hl.length ? '<p class="vzm-lbl">Highlights</p>' + hlHtml(L) : ''}<p class="vzm-lbl">${esc(N.trTitle)}</p>${transcriptHtml(m, ui, N.lines, true)}` },
+  ];
 }
-const countOf = (V) => [['decision', 'decision'], ['question', 'question'], ['action', 'action']].map(([k, w]) => { const c = V.points.filter((p) => p.kind === k).length; return c ? plural(c, w) : ''; }).filter(Boolean).join(' · ');
 
 /** The folding rows of each state (shell A czSections). An empty part is left out (zero is silence). */
 export function sectionsOf(m, ui = {}) {
@@ -436,9 +455,8 @@ export function sectionsOf(m, ui = {}) {
   const facts = N.facts.length ? { id: 'facts', title: 'Facts mentioned', count: N.facts.length, html: tagRows(N.facts) } : null;
   const prep = { id: 'prep', title: 'Prep and material', count: m.material.length ? plural(m.material.length, 'item') : '', html: (P.agenda.length ? agendaHtml(P) : '') + materialHtml(m.material, ui) };
   const tr = { id: 'tr', title: 'Transcript', count: N.lines.length ? plural(N.lines.length, 'line') : '', html: `<p class="vzm-lbl">Your notes</p>${mineHtml(L)}${L.hl.length ? '<p class="vzm-lbl">Highlights</p>' + hlHtml(L) : ''}<p class="vzm-lbl">${esc(N.trTitle)}</p>${transcriptHtml(m, ui, N.lines, !!V)}` };
-  if (V) {
-    const kept = { ...ui, edit: ui.editIn === 'kept' ? ui.edit : null };
-    return [{ id: 'kept', title: 'All ' + V.points.length + ' kept', count: countOf(V), html: keptHtml(V, kept) }, steps, since, facts, prep, tr];
+  if (V) {   // the phone: the phone's Replay lists the points; Left out and the rest fold below it
+    return [V.left.length ? { id: 'left', title: 'Left out', count: V.left.length, html: leftHtml(V) } : null, steps, since, facts, prep, tr];
   }
   return [
     steps,
@@ -460,7 +478,12 @@ export function meetHtml(m, ui = {}) {
   if (ui.src && m.mk === 'live') h.push(appsHtml(m.live));
   if (ui.why) h.push(`<div class="vz-why" role="note"><p>${esc(RECORD_LINE)}</p><p>${esc(FOCUS_LINE)}</p></div>`);
   if (ui.msg) h.push(`<p class="vz-msg" role="status" data-tone="${ui.msg.tone || ''}"><span>${esc(ui.msg.text)}</span>${ui.msg.undo ? '<button type="button" class="vz-link vz-hv" data-a="msgundo">Undo</button>' : ''}</p>`);
-  if (m.mk === 'notes' && m.notes.replay) h.push(replayCardHtml(m.notes.replay, ui));
+  const V = m.mk === 'notes' ? m.notes.replay : null;
+  if (V) {   // a recording (MvC): the desk is the two columns and the docked timeline; the phone keeps its Replay and the folds
+    h.push(deskHtml(V, ui, { summary: summaryHtml(m, ui), strip: stripOf(m, ui) }));
+    h.push(`<div class="vzp vzp-card vzp-mb">${phoneHtml(V, ui)}</div><div class="vzr-mbonly">${czSections(sectionsOf(m, ui), { key: 'meeting-' + m.mk })}</div>`);
+    return `<div class="vzr-mbonly">${summaryHtml(m, ui)}</div><div class="vz vz-mtg vz-rec" data-mk="${m.mk}">${h.join('')}</div>`;
+  }
   h.push(czSections(sectionsOf(m, ui), { key: 'meeting-' + m.mk }));
   return summaryHtml(m, ui) + `<div class="vz vz-mtg" data-mk="${m.mk}">${h.join('')}</div>`;
 }
@@ -609,7 +632,8 @@ async function load(me, quiet) {
     people: (row && row.who && row.who.length ? row.who : F && F.ok && F.event && F.event.attendees && F.event.attendees.length ? F.event.attendees : S && S.context ? S.context.people : []),
     rec: { held, started: held ? C.started() : null }, elapsedBase: nr ? nr.meeting_ms || 0 : 0, frames: one && one.screen ? (one.screen.frames || []).length : 0,
     canRecord: row ? recordable(row) : !!(n && (n.state === 'idle' || !n.state)), app: recall(safeStorage()).app, steps, points: pts && pts.ok ? pts.points || {} : (me.D && me.D.points) || {},
-    edits: pts && pts.ok ? pts.edits || {} : (me.D && me.D.edits) || {}, lessons: pts && pts.ok ? pts.lessons || [] : (me.D && me.D.lessons) || [] };
+    edits: pts && pts.ok ? pts.edits || {} : (me.D && me.D.edits) || {}, lessons: pts && pts.ok ? pts.lessons || [] : (me.D && me.D.lessons) || [],
+    terms: pts && pts.ok ? pts.terms || [] : (me.D && me.D.terms) || [] };
   draw(me);
 }
 async function keyOf(text) {
@@ -634,11 +658,19 @@ function draw(me) {
     vOpen({ id: me.vid, kind: m.kind, title: m.head, icon: 'meet', url: meetingUrl({ ...refNow(me), ws: me.ws }), render: (b) => paint(me, b), onClose: () => closed(me), more: moreOf(me, m) });
     widen('mtg');
     me.reopen = false;
+    wideOnce(me, m);
     return;
   }
   if (busy) return;   // the PM is typing: the next read draws it
   paint(me, body);
 }
+/** A recording (MvC) needs room for its two columns: the Viewer opens wide once per meeting when it is narrower. ⤢ takes it back. */
+function wideOnce(me, m) {
+  if (me.wided || !m.notes.replay) return;
+  me.wided = true;
+  const v = document.getElementById('czViewer');
+  if (v && v.offsetWidth && v.offsetWidth < 900) { try { vWide(true); } catch { /* the shell has no wide */ } }
+}
 const refNow = (me) => (me.n ? { note: me.n.id } : me.row ? { event: me.row.id, date: me.row.day } : me.R);
 /** ⋯ of the meeting: the model's list, each with its press. */
 function moreOf(me, m) {
@@ -681,11 +713,12 @@ function paint(me, body) {
   body.querySelectorAll('input[type="file"][data-a="matfile"]').forEach((i) => { i.onchange = (e) => { e.stopPropagation(); change(me, e); }; });
   body.oninput = (e) => input(me, e);
   body.onkeydown = (e) => keydown(me, e, body);
+  body.onmouseup = () => { if (me.model && me.model.notes.replay) setTimeout(() => { if (MT === me) selectWord(me); }, 0); };   // a word selected to fix (MvF)
 }
 /** The open popover goes in its anchor, drawn once per paint (its list is redrawn on its own while the PM types). */
 function placePop(me, body) {
   const P = me.ui.pop; if (P !== 'mat' && P !== 'about') return;
-  const anc = P === 'mat' ? body.querySelector('[data-pop="mat"]') : body.querySelector('[data-pop="head"]'); if (!anc) return;
+  const anc = P === 'mat' ? shown(body, '[data-pop="mat"]') : body.querySelector('[data-pop="head"]'); if (!anc) return;
   if (P === 'mat') { anc.innerHTML = matPopHtml(me.mat || { row: me.row }); if (!me.matShown && anc.scrollIntoView) { me.matShown = true; anc.scrollIntoView({ block: 'nearest' }); } }
   else anc.innerHTML = me.about ? aboutPopHtml(me.about, me.aboutQ || '', me.row ? 'Applies to every meeting of “' + me.row.title + '”. The calendar itself is never written.' : 'Applies to this note.') : '<div class="vzm-pop"><p class="vz-empty">Reading what it can be about.</p></div>';
 }
@@ -694,6 +727,8 @@ function keydown(me, e, body) {
   if (e.key === 'Enter' && a === 'namein') { e.preventDefault(); nameIt(me, +e.target.dataset.i, e.target.value); }
   if (e.key === 'Enter' && a === 'minin') { e.preventDefault(); setMin(me, +e.target.dataset.i, e.target.value); }
   if (e.key === 'Enter' && a === 'matlink') { e.preventDefault(); addLink(me, e.target.value); }
+  if (a === 'wfin' && e.key === 'Enter') { e.preventDefault(); const f = e.target.closest('.vzr-fe'); if (f) fixWord(me, f.dataset.w, e.target.value); }
+  if (a === 'wfin' && e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); paint(me, body); }
   if (e.key === 'Escape' && me.ui.naming != null) { me.ui.naming = null; paint(me, body); }
   if (e.key === 'Escape' && me.ui.pop) { e.stopPropagation(); me.ui.pop = ''; paint(me, body); }
   if (a === 'seek' && (e.key === 'ArrowRight' || e.key === 'ArrowLeft')) { e.preventDefault(); const P = ensurePlay(me); if (P) seek(me, P.pos + (e.key === 'ArrowRight' ? 10000 : -10000), false); }
@@ -745,8 +780,8 @@ async function press(me, e) {
       ui.ask = null; const r = await pmPost('/api/notes/private', { id: me.n.id, private: true });
       say(me, r && r.ok ? 'Private. Only what you type is kept.' : 'Not changed: ' + ((r && r.error) || 'no answer'), r && r.ok ? '' : 'bad'); return load(me);
     }
-    case 'name': ui.naming = +t.dataset.i; repaint(me); { const i = bodyEl().querySelector('[data-a="namein"]'); if (i) { i.focus(); i.select(); } } return;
-    case 'nameok': { const i = bodyEl().querySelector('[data-a="namein"]'); return nameIt(me, +t.dataset.i, i ? i.value : ''); }
+    case 'name': ui.naming = +t.dataset.i; repaint(me); { const i = shown(bodyEl(), '[data-a="namein"]'); if (i) { i.focus(); i.select(); } } return;
+    case 'nameok': { const i = t.closest('.vz-name') && t.closest('.vz-name').querySelector('[data-a="namein"]'); return nameIt(me, +t.dataset.i, i ? i.value : ''); }
     case 'min': {
       const row = t.closest('.vz-ag'), a0 = m.prep.agenda[+t.dataset.i]; if (!a0) return;
       t.outerHTML = `<span class="vz-min"><input type="number" min="0" max="240" step="5" data-a="minin" data-i="${t.dataset.i}" value="${a0.min}" aria-label="Minutes for ${esc(a0.text)}"></span>`;
@@ -770,15 +805,24 @@ async function press(me, e) {
     case 'trseek': { seek(me, +t.dataset.t, true); const c = bodyEl() && bodyEl().querySelector('.vzp-card'); if (c && c.scrollIntoView) c.scrollIntoView({ block: 'nearest' }); return; }
     case 'seek': { const r = t.getBoundingClientRect(); return seek(me, Math.max(0, Math.min(1, (e.clientX - r.left) / r.width)) * m.notes.replay.len, false); }
     case 'shotbig': if (m.notes.replay && m.notes.replay.noteId) window.open('/api/notes/screen?id=' + encodeURIComponent(m.notes.replay.noteId) + '&t=' + t.dataset.t, '_blank', 'noopener'); return;
-    case 'pf': ui.filter = t.dataset.k; return repaint(me);
-    case 'tick': { const id = t.dataset.id; if (ui.sel.has(id)) ui.sel.delete(id); else ui.sel.add(id); return repaint(me); }
     case 'leftout': ui.leftOpen = !ui.leftOpen; return repaint(me);
-    case 'bulk': return bulk(me, t.dataset.k, [...ui.sel]);
+    /* the recording view (MvC): select a point, play it, confirm it, the strip, the filmstrip, the summary */
+    case 'psel': return selectPoint(me, t.dataset.id);
+    case 'pplay': return seek(me, +t.dataset.t, true);
+    case 'pconf': { const ids = String(t.dataset.ids || '').split(',').filter(Boolean), on = t.getAttribute('aria-pressed') === 'true'; return verdict(me, ids, on ? null : 'confirmed', on ? 'No longer confirmed.' : ids.length > 1 ? 'Confirmed, with its follow-up.' : 'Confirmed.'); }
+    case 'pwrong': ui.edit = null; ui.draft = null; return verdict(me, [t.dataset.id], 'wrong', 'Moved to Left out.', true);
+    case 'strip': ui.strip = ui.strip === t.dataset.k ? '' : t.dataset.k; return repaint(me);
+    case 'allshots': ui.allShots = !ui.allShots; return repaint(me);
+    case 'sumall': ui.sumAll = !ui.sumAll; return repaint(me);
+    /* a word fixed in place (MvF) */
+    case 'wfix': return openWordField(me, t, t.dataset.w, t.dataset.g);
+    case 'wfok': { const f = t.closest('.vzr-fe'), i = f && f.querySelector('input'); return f ? fixWord(me, f.dataset.w, i ? i.value : '') : null; }
+    case 'wundo': return forgetWord(me, t.dataset.id);
     case 'confirmall': return bulk(me, 'confirmed', m.notes.replay.points.filter((p) => !p.verdict).map((p) => p.id));
     case 'unwrong': return verdict(me, [t.dataset.id], null, 'It is back in the kept points.');
     case 'ptask': return bulk(me, 'task', [t.dataset.id]);
     /* a correction (XvAReplayEdit) */
-    case 'pedit': return startEdit(me, t.dataset.id, t.closest('.czs-body') ? 'kept' : 'part');
+    case 'pedit': return startEdit(me, t.dataset.id, 'ev');
     case 'ekind': ui.draft = { ...ui.draft, kind: t.dataset.k, text: draftText() }; return repaint(me);
     case 'elearn': ui.draft = { ...ui.draft, learn: ui.draft.learn === false, text: draftText() }; return repaint(me);
     case 'ecancel': ui.edit = null; ui.draft = null; return repaint(me);
@@ -793,6 +837,56 @@ async function press(me, e) {
   }
 }
 const draftText = () => { const ta = bodyEl() && bodyEl().querySelector('.vzp-ed [data-a="etext"]'); return ta ? ta.value : undefined; };
+/** The first match the PM can see (the desk and the phone both draw some parts; the stylesheet shows one). */
+const shown = (root, sel) => (root ? [...root.querySelectorAll(sel)].find((x) => x.offsetParent !== null) || root.querySelector(sel) : null);
+/** Press a kept point (MvC): it is the selected one, and the replay moves to its time (it does not play). */
+function selectPoint(me, id) {
+  const V = me.model && me.model.notes.replay, p = V && V.points.find((x) => x.id === id); if (!p) return;
+  const ui = me.ui; ui.pt = id; if (ui.edit && ui.edit !== id) { ui.edit = null; ui.draft = null; }
+  if (p.t != null) { const P = ensurePlay(me); if (P) { P.pos = Math.max(0, Math.min(V.len, p.t)); if (P.aud) { try { P.aud.currentTime = P.pos / 1000; } catch { /* not loaded */ } } ui.pos = P.pos; me.shotNow = V.shotAt(P.pos); } }
+  repaint(me);
+}
+/* ── a word fixed in place (MvF): the texts it reaches, the field, the fix, Undo ── */
+function wordTexts(me) {
+  const m = me.model, V = m && m.notes.replay; if (!V) return [];
+  return viewTexts(V).concat([m.notes.summary], m.notes.lines.map((l) => l.text));
+}
+function openWordField(me, node, heard, guess) {
+  const w = String(heard || '').trim(); if (!w || !me.n) return;
+  const n = placesOf(wordTexts(me), w);
+  const box = document.createElement('span'); box.innerHTML = wordFieldHtml(w, guess || w, n);
+  const f = box.firstElementChild;
+  if (node.nodeType === 1) node.replaceWith(f); else return;
+  const i = f.querySelector('input'); if (i) { i.focus(); i.select(); }
+}
+/** A selection in the summary, a quote, Left out or the transcript (one to four words): it becomes the field. */
+function selectWord(me) {
+  const sel = window.getSelection && window.getSelection(); if (!sel || sel.isCollapsed || !sel.rangeCount || me.ui.edit) return;
+  const r = sel.getRangeAt(0), tn = r.startContainer;
+  if (tn !== r.endContainer || tn.nodeType !== 3 || !tn.parentElement || !tn.parentElement.closest('.czs-p, .vzr-q, .vz-said, .vzp-lr > span')) return;
+  const raw = r.toString(), w = raw.trim();
+  if (!w || w.length > 60 || w.split(/\s+/).length > 4 || !/^[\p{L}\p{N}][\p{L}\p{N} .'&+-]*$/u.test(w)) return;
+  const lead = raw.length - raw.trimStart().length, trail = raw.length - raw.trimEnd().length;
+  if (lead) r.setStart(tn, r.startOffset + lead); if (trail) r.setEnd(tn, r.endOffset - trail);
+  const mark = document.createElement('span'); r.deleteContents(); r.insertNode(mark); sel.removeAllRanges();
+  openWordField(me, mark, w, w);
+}
+async function fixWord(me, heard, means) {
+  const w = String(heard || '').trim(), to = String(means || '').replace(/\s+/g, ' ').trim();
+  if (!w || !to || to === w || !me.n) return repaint(me);
+  const places = placesOf(wordTexts(me), w);
+  const r = await pmPost('/api/meeting-points/term', { note: me.n.id, heard: w, means: to });
+  if (!r || !r.ok) return say(me, 'Not fixed: ' + ((r && r.error) || 'no answer'), 'bad');
+  me.D.terms = r.terms || me.D.terms; draw(me);
+  say(me, (places > 1 ? 'Fixed in ' + places + ' places' : 'Fixed') + '. Later notes spell it “' + to + '”.', '', async () => forgetWord(me, r.term && r.term.id, true));
+}
+async function forgetWord(me, id, undo) {
+  if (!id) return;
+  const f = await pmPost('/api/meeting-points/forget', { lesson: id });
+  if (!f || !f.ok) return say(me, 'Not undone: ' + ((f && f.error) || 'no answer'), 'bad');
+  me.D.terms = (me.D.terms || []).filter((x) => x.id !== id); draw(me);
+  say(me, undo ? 'Undone. The word shows as it was heard.' : 'The fix is gone. The word shows as it was heard.');
+}
 /** Opens the correction of one kept point where the PM pressed it: "In this part" or the All kept fold. */
 function startEdit(me, id, where) {
   const V = me.model && me.model.notes.replay, p = V && V.points.find((x) => x.id === id); if (!p) return;