@leftoff/cli 0.9.18-beta.1 → 0.9.18-beta.10

package/ui/app.js

@@ -2,6 +2,7 @@
 // /v1 API on the same origin (auth rides the cookie set at GET /).
 import { goWithFeedback, goState, GIVE_UP_MS } from './go.js'
 import { icon } from './icons.js'
+import { fullViewportFit, isTypingTarget, outOfView, SETTLE_AFTER_BLUR_MS, SETTLE_WHILE_TYPING_MS } from './viewport-fit.js' // 2026-11-03: no gap above full screen after the keyboard closes; 2026-11-04: nor a hidden composer after switching keyboards
 import { selectHtml, comboHtml, closeMenu, openActionMenu, closeActionMenu, actionMenuKey, openNameSheet, openProjectSheet, refreshActionMenu } from './picker.js'
 import { sheetRepos, sheetPlan, runSheetPlan, askScopeItems } from './project-sheet.js' // 0.9.12: New project with several repos
 import { watchChipFades } from './chip-fade.js' // 0.9.12: chip rows fade only where chips run off
@@ -11,7 +12,7 @@ import { shouldAutoTour, startTour } from './tour.js' // 0.9.8 the product tour
 import { changedKeys } from './settings-dirty.js'
 import { looksMd, stripMd, plainCp, tidyCp } from './cp-text.js'
 import { beginWriting, settleWriting, reconcileWriting, dismissWriting, isWriting, writingText, WRITING_SYNC_MS, FRESH_MS } from './writing.js'
-import { inStatus, repoChips, applyFilter, readFilter, saveRepos, filterHash, toggleRepo, chipSelected, splitChips, repoMatches, orderSelectedFirst, searchMatches, saveProject, inProject, projectChips, projectLabel, repoDisplay } from './repos.js'
+import { repoKeyOf, inStatus, repoChips, applyFilter, readFilter, saveRepos, filterHash, toggleRepo, chipSelected, splitChips, repoMatches, orderSelectedFirst, searchMatches, saveProject, inProject, projectChips, projectLabel, repoDisplay } from './repos.js'
 import { navKey, moreActive, badgeText, quickLookItems, quickLookHtml } from './nav.js'
 import { canStartPull, pullStep, pullRelease } from './pull.js'
 import { navHideStep, NAVHIDE_TYPING } from './navhide.js'
@@ -39,13 +40,15 @@ import { createScrollKeep } from './scroll-keep.js' // 0.9.18 every scroll box k
 import { needsLine, needsItems, needsStrip, needPanel, agentNeedPanel, httpsOnly, agentReplyButton, agentChipHtml, cardBadge, questionAnswer, turnsHtml, dismissedHtml, askDocked, askDockHtml, askSlimHtml, askRows, askBottom } from './needs.js'
 import { SUMMARY_EXAMPLES, LENGTH_CHOICES } from './summary-examples.js'
 import { mdInline, renderSection } from './changelog-md.js'
+import { hooksFixButtonHtml, openHookFix } from './hook-fix.js' // 2026-11-03 "Let me answer prompts here"
 import { crumbHtml, metaLineHtml, detailsHtml, detailsOpen, rememberDetails, branchTileHtml } from './session-head.js' // 0.9.11: the session page's smaller head
 import { projectHref, threadHref, projectPageHtml, askPageHtml, threadHtml as askThreadHtml, recentAsksHtml, fillAsk, pickupState, paletteProjectItems, scopeOfSession, askHref, sessionAskHtml, sessionAskScope, sessionAskToken, scopeHref, pickListHtml, pickFull, PICK_MAX, ARCHIVE_UNDO_MS } from './ask.js' // Ask about a project (roadmap #4)
 import { cardPrsHtml, sessionPrsSection, prsPageHtml, prsBodyHtml, prRowHtml, prRows, readPrFilter, prsHash, prCopyClick } from './prs.js'
 import { wantsSetupBanner, setupCandidate, localLeftoffAnswers, thisOneSuffix, isPhoneUa } from './viewer.js'
 import { restoreAccess, hintHtml, restoreWhen, restoreHeadline, askLine } from './restore-gate.js'
 import { defaultEmoji, PICKER_SET, isEmoji, boardMachineFilter, machineOnlyLabel } from './machines.js'
-import { sessionTitle, titleIsWhere, titleHtml, cardPills, foldsAsEmpty, threadHtml, earlierHtml, createLiveKeeper, liveHref, parseLiveRoute, scrollDecision, atBottom, jumpView, fadeBelow, jumpTarget, liveBadgeHtml, lockPulses, liveWorking, liveBoxKind, liveThreadWanted, pastViewWanted, pastEmptyText, parseFullRoute, fullHref, pageHref, fullButtonHtml, fullBarHtml, retryPayload, editDraft, messageAttachments, createRetryGate } from './live-view.js' // 0.9.8 Live link polish
+import { cutTitle } from './session-title.js'
+import { sessionTitle, sessionWhere, titleIsWhere, titleHtml, cardPills, foldsAsEmpty, threadHtml, earlierHtml, createLiveKeeper, liveHref, parseLiveRoute, scrollDecision, atBottom, jumpView, fadeBelow, jumpTarget, liveBadgeHtml, lockPulses, liveWorking, liveBoxKind, liveThreadWanted, pastViewWanted, pastEmptyText, parseFullRoute, fullHref, pageHref, fullButtonHtml, fullBarHtml, retryPayload, editDraft, messageAttachments, createRetryGate } from './live-view.js' // 0.9.8 Live link polish
 import { statusView, elapsedText } from './live-status.js'
 import { anyPending, shouldPoll, streamDead, isStale, liveSignature, wakeReason, createWake, createWatchdog, HEARTBEAT_MS, POLL_MS, AWAY_MS } from './live-wake.js' // 0.9.8 live after sleep
 import { mountPush, paintPush } from './push.js' // 0.9.8 phone notifications
@@ -54,7 +57,7 @@ import { TABS_KEY, layoutFor, parseStored, serialize, openTab, promote, remember
 import { fsSideHtml, createSideStore, railHtml, createWidthStore, clampSideWidth, sideMax, SIDE_W_STEP, SIDE_W_DEFAULT, WIDE_MIN } from './fs-side.js'
 import { fileReach, gateFileRefs } from './file-reach.js' // 2026-10-29 a path links only when its file can be read
 import { createFoldStore, foldHtml, relPath, rootsOf, filesTouchedHtml, dropJunkCps, statusStripHtml, answeredHtml, whereWords } from './side-fold.js' // 2026-10-29 a calmer session panel
-import { walkthroughHtml, hydrateWalkthrough, fmToggle, eyeCountHtml, reviewedSet, stepAfter, visibleSteps, stepPos, toMarkdown, toHtmlDoc, exportName, revNextState, revNextLabel, REVNEXT_TIP, REVFINISH_TIP, sfState, sfSet, patchFor, readingOrder, SPLIT_MIN, RAIL_MIN as WT_SIDE_MIN, RAIL_MAX as WT_SIDE_MAX, RAIL_DEFAULT as WT_SIDE_DEFAULT } from './semdiff.js' // 0.9.17 Walk me through it
+import { walkthroughHtml, hydrateWalkthrough, fmToggle, eyeCountHtml, reviewedSet, stepAfter, visibleSteps, stepPos, toMarkdown, toHtmlDoc, exportName, revNextState, revNextLabel, REVNEXT_TIP, REVFINISH_TIP, sfState, sfSet, patchFor, readingOrder, uniqueStepIds, SPLIT_MIN, RAIL_MIN as WT_SIDE_MIN, RAIL_MAX as WT_SIDE_MAX, RAIL_DEFAULT as WT_SIDE_DEFAULT, fileScopeStore, scopeAskLine } from './semdiff.js' // 0.9.17 Walk me through it
 import { rowsOf, pickLine, dragTo, describePicks, refsPrompt } from './walk-lines.js' // 2026-10-30 line refs for Ask
 import { spotsFor, nextSpotIndex, spotCountWords } from './walk-spots.js' // 2026-10-30 Next spot
 import { walkButtonHtml, sizeLineHtml, popContent, initPops } from './walk-pop.js' // 0.9.18 Walk me through it's size line and popover
@@ -73,6 +76,9 @@ import { loginBannersHtml, loginSig, dismissedKeys as loginDismissed, dismissLog
 import { isDone, stillWorking, canMarkDone, DONE_CONFIRM, DONE_TIP, UNDONE_TIP, doneChipHtml } from './done.js' // 0.9.15 Done
 import { mountTerminal, escInTerminal } from './term.js' // 0.9.15 the embedded terminal
 import { termTipFor } from './term-host.js' // 0.9.15 a terminal for another Mac's session
+import { testplanPageHtml, testplanNewHtml, planMarkdown, planHtmlDoc, testplanHref } from './testplan.js' // testplan Part 3
+import { cpFoldSummary } from './cp-fold.js' // 2026-11-05 the fold names what's inside
+import { decidedListHtml, sessionDecisions, sessionDecisionsCount, logBySession, decisionsGivenHtml, reviewCountHtml, decisionScope, decisionsPageHtml, projectDecisionsHtml, decisionItemHtml, decisionsHref } from './decisions.js' // 2026-11-03 decision memory
 import { recapLineHtml, beforeClearHtml } from './recap-line.js' // 0.9.15 Claude Code's recap; before /clear
 import { Presence, cardRows, awayWords } from './away.js' // 0.9.15 a card shows more the longer you've been away
 import { backLine, backLineHtml, BACK_PREFIX, BACK_AWAY_MS } from './back-line.js' // 0.9.15 the recap above the Live composer
@@ -468,15 +474,38 @@ const liveBadge = (s) => (ownerOffline(s) ? '' : liveBadgeHtml(s)) // 0.9.14: an
 // The status pill beside it: a live session that is only waiting shows just Live (never "dormant").
 // 0.9.14: another Mac that's asleep or unreachable: "offline · last seen 12m ago" instead (never "needs you").
 const statusPill = (s) => { if (ownerOffline(s)) return offlinePill(s); const st = cardPills(s).status; return st ? pill(st, s) : '' }
+// 2026-11-03 Claude Code's own hook events never came for this session (only the mod's), so its turns
+// are read from the transcript: a quiet note, a dashed ring plus words, the why in the tip
+const HOOKS_QUIET_TIP = 'Claude Code’s hooks aren’t reaching Leftoff for this session, so its prompts and turn ends are read from the transcript instead (a few seconds late). Restarting Claude Code in this folder, or leftoff doctor, usually brings them back.'
+// 2026-11-03 and when Leftoff knows which (Claude Code passed them over: a plugin seated ahead of Leftoff's
+// sends them on past it), the note says which and why; the daemon writes the words (src/hook-skips.js)
+const hooksQuietHtml = (s) => {
+  if (!s || s.endedAt) return ''
+  const k = s.hooksSkipped
+  if (k && k.label) return '<span class="s-hooks s-hooks-skip' + (k.applied ? ' s-hooks-applied' : '') + '" data-tip="' + esc(k.tip || k.label) + '"><span class="s-hooks-ring" aria-hidden="true"></span><span class="s-hooks-t">' + esc(k.label) + '</span></span>' + hooksFixButtonHtml(s, { esc }) // 2026-11-03 applied: "restart Claude Code to apply", no button
+  return s.hooksQuiet ? '<span class="s-hooks" data-tip="' + esc(HOOKS_QUIET_TIP) + '"><span class="s-hooks-ring" aria-hidden="true"></span>hooks not reporting</span>' : ''
+}
+// the note's button: the sheet with the managed-settings lines (ui/hook-fix.js)
+document.addEventListener('click', (e) => {
+  const b = e.target.closest && e.target.closest('[data-hookfix]')
+  if (!b) return
+  e.preventDefault()
+  const sid = b.dataset.hookfix
+  const s = (state.session && state.session.id === sid ? state.session : null) || (state.sessions || []).find((x) => x.id === sid) || { id: sid }
+  openHookFix({ session: s, from: b, api, esc, toast, thisMachine: state.health && state.health.machine })
+})
 const offlinePill = (s) => { const w = offlineLine(s); return '<span class="pill s-offline" data-tip="' + esc(offlineTip(s, w, { was: offlineWas(s) })) + '">' + esc(w) + '</span>' }
 
 const fmtCode = (x) => esc(x).replace(/`([^`]+)`/g, '<code>$1</code>')
 
 // The sections an informative / long checkpoint adds below the three lines (v0.4.6).
-const EXTRA_TITLES = [['decisions', 'Key decisions'], ['questions', 'Open questions'], ['files', 'Files touched'], ['didntWork', 'What didn’t work'], ['recap', 'Recap'], ['nextSteps', 'Next steps']]
+const EXTRA_TITLES = [['decisions', 'Approach notes'], ['questions', 'Open questions'], ['files', 'Files touched'], ['didntWork', 'What didn’t work'], ['recap', 'Recap'], ['nextSteps', 'Next steps']]
 function hasExtras(cp) { return !!cp && EXTRA_TITLES.some(([k]) => (Array.isArray(cp[k]) ? cp[k].length : !!cp[k])) }
-function cpExtras(cp, paths = null) {
-  let h = ''
+// decided ({ log }, 2026-11-05): an older checkpoint in the Timeline also lists its own Decided lines, read-only
+const decidedHere = (cp, decided) => !!(decided && cp && Array.isArray(cp.decided) && cp.decided.length)
+const decidedSecHtml = (cp, log) => '<div class="cpx-sec cpx-decided" data-cp="' + esc(cp.id || '') + '"><div class="cpx-h">Decided</div>' + decidedListHtml(cp.decided, { esc, log, readOnly: true }) + '</div>'
+function cpExtras(cp, paths = null, decided = null) {
+  let h = decidedHere(cp, decided) ? decidedSecHtml(cp, decided.log) : ''
   for (const [k, title] of EXTRA_TITLES) {
     const v = cp[k]
     if (!v || (Array.isArray(v) && !v.length)) continue
@@ -495,11 +524,11 @@ function cpExtras(cp, paths = null) {
 // rows (0.9.15, ui/away.js cardRows): which of Goal / Doing a card shows; omitted: all.
 // part (2026-10-29, the session panel's newest checkpoint): 'tail' is Stopped + Next only, 'head' Goal + Doing only.
 // paths: { roots, home } so a file reads relative to the session's repo (ui/side-fold.js relPath).
-function cpBlock(cp, { showWhen = true, more = false, open = false, md = false, rows = null, part = null, paths = null } = {}) {
+function cpBlock(cp, { showWhen = true, more = false, open = false, md = false, rows = null, part = null, paths = null, decided = null } = {}) {
   if (!cp) return '<div class="nocp">No checkpoint yet. One appears when the session goes quiet, or press “Checkpoint now”.</div>'
   cp = tidyCp(cp) // 0.9.9: an older code-made one (another Mac's, or from before) reads like a new one
   const you = /^YOU:/i.test(cp.next || '')
-  const n = EXTRA_TITLES.filter(([k]) => (Array.isArray(cp[k]) ? cp[k].length : !!cp[k])).length
+  const n = EXTRA_TITLES.filter(([k]) => (Array.isArray(cp[k]) ? cp[k].length : !!cp[k])).length + (decidedHere(cp, decided) ? 1 : 0)
   const dd = (t, cls = '') => {
     if (md && looksMd(t)) return '<dd class="' + (cls ? cls + ' ' : '') + 'cp-md">' + renderDoc(t) + '</dd>'
     const plainT = looksMd(t) ? stripMd(t) : String(t == null ? '' : t)
@@ -518,7 +547,7 @@ function cpBlock(cp, { showWhen = true, more = false, open = false, md = false,
     (String(cp.next || '').trim() ? '<dt>Next</dt>' + dd(cp.next, 'next' + (you ? ' you' : '')) : '') +
     (showWhen ? '<div class="when">' + esc(cp.trigger) + ' checkpoint · ' + esc(ago(cp.createdAt)) + (cp.generator && cp.generator.by ? ' · ' + (cp.generator.by === 'heuristic' ? '' : 'by ') + esc(cpByText(cp.generator)) + cpByHintHtml(cp.generator) : '') + '</div>' : '') +
     '</dl>' +
-    (more && n ? '<details class="cp-more"' + (open ? ' open' : '') + '><summary>' + (cp.length === 'long' ? 'Recap, decisions, files' : 'Decisions, files, open questions') + ' <span class="faint">· ' + n + ' section' + (n === 1 ? '' : 's') + '</span></summary><div class="cpx">' + cpExtras(cp, paths) + '</div></details>' : '')
+    (more && n ? '<details class="cp-more"' + (open ? ' open' : '') + '><summary>' + esc(cpFoldSummary(cp, { decided: decidedHere(cp, decided) })) + ' <span class="faint">· ' + n + ' section' + (n === 1 ? '' : 's') + '</span></summary><div class="cpx">' + cpExtras(cp, paths, decided) + '</div></details>' : '')
 }
 
 // External agents (v0.5.4): the chip a feed's sessions wear, like a machine's.
@@ -1104,7 +1133,11 @@ function card(s) {
 // own node is kept between the page's redraws (the live poll repaints the page
 // every few seconds) so the scroll, the drawn code and the open groups stay.
 // Mark reviewed is the session's own record (session.md, like a pin).
-function wtKey(sid) { return sid + '|' + (wtUi.scope.get(sid) || 'session') }
+// 2026-11-03 This session · Whole folder: one choice on this device for the walkthrough, its Files view, What it did and Ask
+const fileScope = fileScopeStore((() => { try { return localStorage } catch { return null } })())
+const filesQ = (sep = '?') => (fileScope.get() === 'folder' ? sep + 'files=folder' : '')
+function wtBody(sid, extra = {}) { return { scope: wtUi.scope.get(sid) || 'session', ...(fileScope.get() === 'folder' ? { files: 'folder' } : {}), ...extra } }
+function wtKey(sid) { return sid + '|' + (wtUi.scope.get(sid) || 'session') + (fileScope.get() === 'folder' ? '|folder' : '') }
 function wtSession(sid) { const c = sessionCache.get(sid); return (c && c.s) || state.sessions.find((x) => x.id === sid) || null }
 function wtRemember() { try { if (wtUi.sid) sessionStorage.setItem('lo-wt', JSON.stringify({ sid: wtUi.sid, scope: wtUi.scope.get(wtUi.sid) || 'session', view: wtUi.view })); else sessionStorage.removeItem('lo-wt') } catch {} }
 function wtRestore(sid) {
@@ -1135,14 +1168,27 @@ async function wtCheck(sid) {
   if (wtUi.checking.has(k)) return
   wtUi.checking.add(k)
   try {
-    const r = await api('POST', '/v1/sessions/' + encodeURIComponent(sid) + '/walkthrough', { scope: wtUi.scope.get(sid) || 'session', stale: true, peek: true }, { timeoutMs: 60000 })
+    const r = await api('POST', '/v1/sessions/' + encodeURIComponent(sid) + '/walkthrough', wtBody(sid, { stale: true, peek: true }), { timeoutMs: 60000 })
     const had = wtUi.data.get(k)
     if (r && r.status === 'ok' && had && !wtUi.loading.has(k) && (r.fingerprint !== had.fingerprint || JSON.stringify(r.stale || null) !== JSON.stringify(had.stale || null))) {
+      if (r && Array.isArray(r.steps)) uniqueStepIds(r.steps) // a walkthrough from an older Mac: two steps could share an id
       wtUi.data.set(k, r)
       if (wtUi.sid === sid) { wtUi.sig = ''; wtFill(wtSession(sid)) }
     }
   } catch {} finally { wtUi.checking.delete(k) }
 }
+// 2026-11-03 This session · Whole folder: kept on this device; the walkthrough's story goes stale (Update writes
+// it again, never a model run on its own: peek), its Files view and What it did show the other side at once
+function setFileScope(v, { id = null } = {}) {
+  const want = v === 'folder' ? 'folder' : 'session'
+  if (fileScope.get() === want) return
+  fileScope.set(want)
+  wtUi.filter = 'all'; wtUi.picks = []
+  for (const [k, z] of wtSize) { if (!z.pending) { z.at = 0; wtSizeFetch(k) } }
+  for (const [k, w] of widUi) { if (w.open && w.diff) loadWid(k); else if (w.diff) Object.assign(w, { tools: null, diff: null, files: {} }) }
+  if (wtUi.sid) { wtUi.sig = ''; wtLoad(wtUi.sid, { peek: true }) }
+  else if (id) repaintSession(id)
+}
 function wtClose() {
   const sid = wtUi.sid
   document.documentElement.classList.remove('wt-open')
@@ -1165,7 +1211,7 @@ async function wtSizeFetch(sid) {
   e.pending = true; wtSize.set(sid, e)
   const sc = wtUi.scope.get(sid)
   let data = e.data
-  try { data = await api('GET', '/v1/sessions/' + encodeURIComponent(sid) + '/change-size' + (sc === 'checkpoint' || sc === 'session' ? '?scope=' + sc : '')) } catch { data = e.data || null } // an older Mac: no line
+  try { data = await api('GET', '/v1/sessions/' + encodeURIComponent(sid) + '/change-size' + (sc === 'checkpoint' || sc === 'session' ? '?scope=' + sc + filesQ('&') : filesQ('?'))) } catch { data = e.data || null } // an older Mac: no line
   wtSize.set(sid, { at: Date.now(), data, pending: false })
   for (const slot of document.querySelectorAll('.fs-wt-size[data-id="' + CSS.escape(sid) + '"]')) {
     slot.innerHTML = sizeLineHtml(data, { esc, icon, reviewed: wtRevCount(wtSession(sid), data) })
@@ -1190,7 +1236,7 @@ let loPop = null
 function wtFallBack(sid) { wtUi.scope.set(sid, 'session'); wtUi.fellBack.add(sid); wtRemember() }
 // 2026-10-30 stale: true: with nothing written for this exact diff, the daemon hands back the newest
 // walkthrough it kept for this session and scope, marked stale, instead of a model run (Update: update)
-async function wtLoad(sid, { fresh = false, update = false } = {}) {
+async function wtLoad(sid, { fresh = false, update = false, peek = false } = {}) {
   const k = wtKey(sid)
   const had = wtUi.data.get(k)
   if (!fresh && !update && had && had.status === 'empty' && wtUi.scope.get(sid) === 'checkpoint') { wtFallBack(sid); return wtLoad(sid) }
@@ -1198,7 +1244,8 @@ async function wtLoad(sid, { fresh = false, update = false } = {}) {
   wtUi.loading.add(k); wtUi.error.delete(k)
   wtFill(wtSession(sid))
   try {
-    const r = await api('POST', '/v1/sessions/' + encodeURIComponent(sid) + '/walkthrough', { scope: wtUi.scope.get(sid) || 'session', ...(fresh ? { fresh: true } : {}), ...(fresh || update ? {} : { stale: true }) }, { timeoutMs: 480000 }) // the session's agent: up to ~3 min a read
+    const r = await api('POST', '/v1/sessions/' + encodeURIComponent(sid) + '/walkthrough', wtBody(sid, { ...(fresh ? { fresh: true } : {}), ...(fresh || update ? {} : { stale: true }), ...(peek && !fresh && !update ? { peek: true } : {}) }), { timeoutMs: 480000 }) // the session's agent: up to ~3 min a read
+    if (r && Array.isArray(r.steps)) uniqueStepIds(r.steps) // a walkthrough from an older Mac: two steps could share an id
     wtUi.data.set(k, r)
     if (r && r.status === 'ok') { const st = (r.steps || [])[0]; if (st && !wtUi.cur.has(k)) wtUi.cur.set(k, st.id) }
     // 2026-10-30 a new walkthrough comes with its marks (the ones carried over from the one before)
@@ -1323,18 +1370,21 @@ function wtRevNext() {
   if (!done) wtReviewed(sid, step, { force: true, advance: false })
   wtSlideGo(st.to)
 }
-function wtGo(sid, step, { group = null } = {}) {
+function wtGo(sid, step, { group = null, file = null } = {}) {
   const node = wtUi.node; if (!node) return
   if (group && node.querySelector('#wtDeck')) { const d = node.querySelector('#wtDeck'), sk = d.lastElementChild; if (sk && !sk.dataset.step && sk.dataset.slide !== '0') wtSlideGo(Number(sk.dataset.slide)) }
   if (group) { const g = node.querySelector('#wt-g-' + CSS.escape(group)); if (g) { g.open = true; g.scrollIntoView({ block: 'start', behavior: reducedMotion() ? 'auto' : 'smooth' }) } return }
   const k = wtKey(sid)
   const deck = node.querySelector('#wtDeck')
-  if (deck) { const sl = [...deck.children].findIndex((x) => x.dataset.step === step); if (sl >= 0) { wtUi.cur.set(k, step); wtSlideGo(sl) } return } // 0.9.18 the slideshow: that step's slide
+  // 2026-11-03 "Also in step N": that step's row for the file, opened, is where it lands
+  const fileRow = () => { if (!file) return null; const d = node.querySelector('details.wt-sf[data-sfk="' + CSS.escape(step + '|' + file) + '"]'); if (d && !d.open) d.open = true; return d }
+  if (deck) { const sl = [...deck.children].findIndex((x) => x.dataset.step === step); if (sl >= 0) { wtUi.cur.set(k, step); wtSlideGo(sl); const d = fileRow(); if (d) d.scrollIntoView({ block: 'nearest', behavior: 'auto' }) } return } // 0.9.18 the slideshow: that step's slide
   wtUi.cur.set(k, step)
   for (const a of node.querySelectorAll('article.wt-st')) a.classList.toggle('cur', a.dataset.step === step)
   for (const a of node.querySelectorAll('.wt-fm-i[data-step]')) a.classList.toggle('cur', a.dataset.step === step)
   const el = node.querySelector('#wt-' + CSS.escape(step))
-  if (el) { el.scrollIntoView({ block: 'start', behavior: reducedMotion() ? 'auto' : 'smooth' }); el.focus({ preventScroll: true }) }
+  const row = fileRow()
+  if (el) { (row || el).scrollIntoView({ block: 'start', behavior: reducedMotion() ? 'auto' : 'smooth' }); el.focus({ preventScroll: true }) }
   const data = wtUi.data.get(k); const n = node.querySelector('#wtPnavN'); if (n && data) n.textContent = stepPos(data.steps, { filter: wtUi.filter, cur: step })
 }
 // 0.9.18 the walkthrough as slides (ui/semdiff.js deckHtml): "Show all" (kept per device)
@@ -1396,8 +1446,11 @@ function wtAsk(sid, text) {
   const data = wtUi.data.get(wtKey(sid))
   // 2026-10-30 lines you picked: each ref and its exact lines go in with the question (ui/walk-lines.js)
   const picks = wtPicksNow(data)
+  // 2026-11-03 which changes the question is about, as the toggle has it right now
+  const line = scopeAskLine(data)
+  const lead = (m) => (line ? line + '\n' + m : m)
   if (picks.length) {
-    const msg = refsPrompt(describePicks(picks, (p) => { const x = patchFor(data, p.k); return x && { rows: rowsOf(x.patch), label: x.label, stepTitle: x.stepTitle } }), text)
+    const msg = lead(refsPrompt(describePicks(picks, (p) => { const x = patchFor(data, p.k); return x && { rows: rowsOf(x.patch), label: x.label, stepTitle: x.stepTitle } }), text))
     wtUi.picks = []
     return wtAskPut(sid, msg)
   }
@@ -1405,7 +1458,7 @@ function wtAsk(sid, text) {
   const st = data && data.status === 'ok' ? (data.steps || []).find((x) => x.id === wtUi.cur.get(wtKey(sid))) : null
   const co = st && st.callouts[0]
   const where = st ? (co ? co.file + ':' + co.line : st.files[0] + (st.snippets[0] ? ':' + ((/^@@ -\d+(?:,\d+)? \+(\d+)/.exec(st.snippets[0].patch) || [])[1] || '') : '')).replace(/:$/, '') : ''
-  const msg = (where ? 'About `' + where + '`' + (st ? ' (' + st.title + ')' : '') + ': ' : '') + text
+  const msg = lead((where ? 'About `' + where + '`' + (st ? ' (' + st.title + ')' : '') + ': ' : '') + text)
   wtAskPut(sid, msg)
 }
 function wtAskPut(sid, msg) {
@@ -1772,6 +1825,9 @@ function repoRow(shown, f, tail = '') {
   return chipBar(repoChips(shown, { countIn: statusOnly }), f.repos, statusOnly.length, 'no sessions today', tail)
 }
 
+// 2026-11-05 a repo outside a project: the same quiet ◌ count of decisions to review a project chip has
+// (the counts are per log; a chip's log is its sessions' decisionRepo)
+const repoReviewHtml = (c) => { const rv = projectsUi.repoReviews || {}; if (!Object.keys(rv).length) return ''; const s = (state.sessions || []).find((x) => x.decisionRepo && rv[x.decisionRepo] && repoKeyOf(x) === c.key); return s ? reviewCountHtml(rv[s.decisionRepo], { esc, cls: 'pchip-rc' }) : '' }
 // The repo chip row, shared by the board and the timeline: All, the top 8,
 // and More ▾ with a filter box. chips: repoChips() output.
 function chipBar(chips, selected, allCount, emptyNote, tail = '') {
@@ -1782,7 +1838,7 @@ function chipBar(chips, selected, allCount, emptyNote, tail = '') {
   // with nothing in this view: a filter is never active out of sight.
   chips = orderSelectedFirst(chips, selected)
   const { shown: row, more } = splitChips(chips, selected, 8)
-  const chip = (c) => { const on = chipSelected(selected, c); return '<button type="button" class="rchip' + (on ? ' on' : '') + (c.count ? '' : ' zero') + '" data-action="repo" data-repo="' + esc(c.label) + '" data-key="' + esc(c.key) + '" title="' + esc((c.missing ? emptyNote + ' · ' : '') + (on ? 'tap to remove this filter · ' : '') + c.key + ' · shift- or ⌘-click to pick several') + '" aria-pressed="' + on + '"' + (on ? ' aria-label="' + esc('Remove filter ' + c.label) + '"' : '') + '><span class="rl">' + esc(c.label) + '</span><span class="rc">' + c.count + '</span>' + (on ? '<span class="rx" aria-hidden="true">✕</span>' : '') + '</button>' }
+  const chip = (c) => { const on = chipSelected(selected, c); return '<button type="button" class="rchip' + (on ? ' on' : '') + (c.count ? '' : ' zero') + '" data-action="repo" data-repo="' + esc(c.label) + '" data-key="' + esc(c.key) + '" title="' + esc((c.missing ? emptyNote + ' · ' : '') + (on ? 'tap to remove this filter · ' : '') + c.key + ' · shift- or ⌘-click to pick several') + '" aria-pressed="' + on + '"' + (on ? ' aria-label="' + esc('Remove filter ' + c.label) + '"' : '') + '><span class="rl">' + esc(c.label) + repoReviewHtml(c) + '</span><span class="rc">' + c.count + '</span>' + (on ? '<span class="rx" aria-hidden="true">✕</span>' : '') + '</button>' }
   const all = '<button type="button" class="rchip all' + (selected.length ? '' : ' on') + '" data-action="repo-all" aria-pressed="' + !selected.length + '"><span class="rl">All</span><span class="rc">' + allCount + '</span></button>'
   let menu = ''
   if (more.length) {
@@ -1796,13 +1852,13 @@ function chipBar(chips, selected, allCount, emptyNote, tail = '') {
 // ------------------------------------------------------------ projects (0.9.0)
 // A project is a named group of repos (projects.json in the synced folder).
 // Read everywhere; changed on a Mac's own board (the relay's phone view only reads).
-const projectsUi = { list: [], repos: [], mayEdit: false, at: 0 }
+const projectsUi = { list: [], repos: [], repoReviews: {}, mayEdit: false, at: 0 }
 async function loadProjects({ fresh = false } = {}) {
   if (!fresh && projectsUi.at && Date.now() - projectsUi.at < 3000) return projectsUi
-  try { const d = await api('GET', '/v1/projects'); projectsUi.list = d.projects || []; projectsUi.repos = d.repos || []; projectsUi.mayEdit = d.mayEdit !== false; projectsUi.at = Date.now() } catch { projectsUi.at = Date.now() }
+  try { const d = await api('GET', '/v1/projects'); projectsUi.list = d.projects || []; projectsUi.repos = d.repos || []; projectsUi.repoReviews = d.repoReviews || {}; projectsUi.mayEdit = d.mayEdit !== false; projectsUi.at = Date.now() } catch { projectsUi.at = Date.now() }
   return projectsUi
 }
-function projectsChanged(d) { if (d && d.projects) { projectsUi.list = d.projects; projectsUi.repos = d.repos || projectsUi.repos; projectsUi.at = Date.now() } }
+function projectsChanged(d) { if (d && d.projects) { projectsUi.list = d.projects; projectsUi.repos = d.repos || projectsUi.repos; if (d.repoReviews) projectsUi.repoReviews = d.repoReviews; projectsUi.at = Date.now() } }
 // The small chip next to the repo: tap = show only this project.
 function projChip(s) {
   const p = s && s.repoProject
@@ -1865,7 +1921,7 @@ function projectRow(list, sel, action, counts, tail = '') {
   const manage = sel && projectsUi.mayEdit && projectsUi.list.some((p) => p.id === sel) ? '<button type="button" class="btn icon-btn more proj-more" data-action="project-manage" data-project="' + esc(sel) + '" aria-label="Project actions" data-tip="Rename, edit repos, delete" aria-haspopup="menu" aria-expanded="false">' + icon('ellipsis') + '</button>' : ''
   // the ⋯ sits just past the scrolling track (whose edge fades only while chips run past it), never clipped
   return '<div class="repos projects" role="group" aria-label="Filter by project"><div class="track">' + b('', 'All projects', total, !sel) +
-    chips.map((c) => b(c.id, (c.emoji ? '<span class="pe" aria-hidden="true">' + esc(c.emoji) + '</span>' : '') + esc(c.name), c.count, sel === c.id)).join('') + '</div>' + manage + tail + '</div>'
+    chips.map((c) => b(c.id, (c.emoji ? '<span class="pe" aria-hidden="true">' + esc(c.emoji) + '</span>' : '') + esc(c.name) + reviewCountHtml(((projectsUi.list.find((p) => p.id === c.id) || {}).decisionsToReview) || 0, { esc, cls: 'pchip-rc' }), c.count, sel === c.id)).join('') + '</div>' + manage + tail + '</div>'
 }
 // 0.9.12: the board's own way in to a project with several repos: a "New
 // project" button at the end of the project row (or the repo row before there
@@ -2542,9 +2598,31 @@ const sessionCache = new Map() // id -> { s, live, lists, spv }, the last few se
 const SESSION_CACHE_MAX = 8
 function cacheSession(id, v) { sessionCache.delete(id); sessionCache.set(id, v); while (sessionCache.size > SESSION_CACHE_MAX) sessionCache.delete(sessionCache.keys().next().value) }
 const onSession = (id) => { const r = parseRoute(); return r.name === 's' && r.arg === id }
+// 2026-11-05 session titles: a one-line name that doesn't fit is cut at a word
+// (the longest whole-word cut that fits, with …), never mid-word by the
+// ellipsis; the whole name is in its tip.
+function fitTitleWords(el, text) {
+  el.textContent = text
+  if (text) el.setAttribute('data-tip', text); else el.removeAttribute('data-tip')
+  if (!(el.clientWidth > 0) || el.scrollWidth <= el.clientWidth + 1) return
+  let lo = 4, hi = text.length, best = ''
+  while (lo <= hi) {
+    const mid = (lo + hi) >> 1
+    el.textContent = cutTitle(text, mid)
+    if (el.scrollWidth <= el.clientWidth + 1) { best = el.textContent; lo = mid + 1 } else hi = mid - 1
+  }
+  el.textContent = best || cutTitle(text, lo)
+}
+addEventListener('resize', () => { const t = document.querySelector('#live.full .lf-title'); const full = t && t.getAttribute('data-tip'); if (full) fitTitleWords(t, full) }, { passive: true }) // a turned phone re-fits
+// 2026-11-05 session titles: where it runs, a small muted line under the name (the full folder in its tip)
+const wherePathOf = (s) => (s && ((s.repo && (s.repo.worktree || s.repo.root)) || s.cwd)) || ''
+function whereLineHtml(s) {
+  const w = sessionWhere(s)
+  return w ? '<div class="s-where faint" data-tip="' + esc(wherePathOf(s) || w) + '">' + titleHtml(w, esc) + '</div>' : ''
+}
 function sessionShellHtml(s) {
   const head = s
-    ? '<h1>' + titleHtml(sessionTitle(s), esc) + '</h1><div class="sub">' + glyphFor(s, { cls: 'head-sg' }) + statusPill(s) + liveBadge(s) + '</div>'
+    ? '<h1>' + titleHtml(sessionTitle(s), esc) + '</h1>' + whereLineHtml(s) + '<div class="sub">' + glyphFor(s, { cls: 'head-sg' }) + statusPill(s) + liveBadge(s) + '</div>'
     : '<h1 class="skel-line skel-title" aria-label="Loading"></h1>'
   return '<a class="back" href="#/">← All sessions</a><div class="pagehead s-head s-shell" data-sid="' + esc((s && s.id) || '') + '"><div class="s-head-main">' + head + '</div></div>' +
     '<div class="s-skel" role="status" aria-live="polite" aria-busy="true"><div class="s-skel-note"><span class="lv-spin" aria-hidden="true"></span>Opening…</div>' +
@@ -2750,7 +2828,7 @@ async function loadWid(id) {
   paintWid(id)
   await Promise.all([
     api('GET', widPath(id, 'tools')).then((r) => { ui.tools = r.tools || [] }, (e) => { ui.toolsError = widError(e) }),
-    api('GET', widPath(id, 'diff')).then((r) => { ui.diff = r }, (e) => { ui.diffError = widError(e) }),
+    api('GET', widPath(id, 'diff') + filesQ('?')).then((r) => { ui.diff = r }, (e) => { ui.diffError = widError(e) }),
   ])
   ui.loading = false
   // a file you had open shows its lines again
@@ -2762,7 +2840,7 @@ async function loadWidFile(id, p) {
   const f = ui.diff && (ui.diff.files || []).find((x) => x.path === p)
   if (!f || f.hidden || f.binary || f.big || ui.fileLoading[p]) return
   ui.fileLoading[p] = true; paintWid(id)
-  try { const r = await api('GET', widPath(id, 'diff') + '?file=' + encodeURIComponent(p)); ui.files[p] = r.file || { error: 'Not found.' } } catch (e) { ui.files[p] = { error: widError(e) } }
+  try { const r = await api('GET', widPath(id, 'diff') + '?file=' + encodeURIComponent(p) + filesQ('&')); ui.files[p] = r.file || { error: 'Not found.' } } catch (e) { ui.files[p] = { error: widError(e) } }
   delete ui.fileLoading[p]
   paintWid(id)
 }
@@ -2850,8 +2928,8 @@ function sessionPageHtml(s, { spv = null, live: liveV = null, lists = null } = {
   // title is being made, its spinner sits in the cluster.
   const fullTitle = sessionTitle(s)
   const title = canRename
-    ? '<div class="title s-title" data-id="' + esc(s.id) + '"><h1 data-tip="' + esc(fullTitle) + '"><span class="s-title-text" role="button" tabindex="0" data-action="rename" data-id="' + esc(s.id) + '" data-title="' + esc(s.title || '') + '" aria-label="' + esc('Rename: ' + fullTitle) + '">' + titleHtml(sessionTitle(s), esc) + '</span></h1></div>'
-    : '<div class="title s-title"><h1 data-tip="' + esc(fullTitle) + '"><span class="s-title-text">' + titleHtml(sessionTitle(s), esc) + '</span></h1></div>'
+    ? '<div class="title s-title" data-id="' + esc(s.id) + '"><h1 data-tip="' + esc(fullTitle) + '"><span class="s-title-text" role="button" tabindex="0" data-action="rename" data-id="' + esc(s.id) + '" data-title="' + esc(s.title || '') + '" aria-label="' + esc('Rename: ' + fullTitle) + '">' + titleHtml(sessionTitle(s), esc) + '</span></h1>' + whereLineHtml(s) + '</div>'
+    : '<div class="title s-title"><h1 data-tip="' + esc(fullTitle) + '"><span class="s-title-text">' + titleHtml(sessionTitle(s), esc) + '</span></h1>' + whereLineHtml(s) + '</div>'
   const menu = fsMenuItems(s, mine)
   const busyTitle = canRename && retitling.has(s.id) ? retitleButtonHtml(s, { esc, icon, reach: reachOf(s), busy: true, cls: 'fs-hact' }) : ''
   const more = menu ? '<span class="more-wrap s-more">' + moreMenu(s, menu, { project: false, title: s.title || 'This session', tip: true }) + '</span>' : ''
@@ -2861,7 +2939,7 @@ function sessionPageHtml(s, { spv = null, live: liveV = null, lists = null } = {
   const head = '<div class="pagehead s-head fs-head" data-sid="' + esc(s.id) + '"><div class="fs-head-row">' +
     '<button type="button" class="fs-side-x" data-action="fs-side" aria-expanded="true" aria-controls="fsSide" aria-label="Hide the session panel" data-tip="Hide panel (⌘\\)">' + icon('chevron-right') + '</button>' +
     title + (acts0 ? '<div class="fs-hacts">' + acts0 + '</div>' : '') + '</div>' +
-    '<div class="sub">' + glyphFor(s, { cls: 'head-sg' }) + statusPill(s) + liveBadge(s) + termPillHtml(s, { esc }) + (isDone(s) ? doneChipHtml(s, { icon, esc }) : archivedChipHtml(s)) + projChip(s) + wtChips(s) + (s.titleSource ? '<span class="s-tsrc">' + esc(s.titleSource === 'prompt' ? 'named from the first prompt' : s.titleSource === 'fallback' ? 'named from your prompt' : s.titleSource + ' title') + '</span>' : '') + '</div></div>' +
+    '<div class="sub">' + glyphFor(s, { cls: 'head-sg' }) + statusPill(s) + liveBadge(s) + termPillHtml(s, { esc }) + hooksQuietHtml(s) + (isDone(s) ? doneChipHtml(s, { icon, esc }) : archivedChipHtml(s)) + projChip(s) + wtChips(s) + (s.titleSource ? '<span class="s-tsrc">' + esc(s.titleSource === 'prompt' ? 'named from the first prompt' : s.titleSource === 'fallback' ? 'named from your prompt' : s.titleSource + ' title') + '</span>' : '') + '</div></div>' +
     // 2026-10-29: the head above (title row, the status and Live chips) stays pinned while the panel scrolls; these scroll
     (where.length ? '<div class="fs-where fs-repo" data-tip="' + esc(wherePath ? wherePath + (branch ? ' · ' + branch : '') : where.join(' · ')) + '">' + icon('folder') + '<span>' + esc(where.join(' · ')) + '</span></div>' : '') +
     '<div class="fs-where">' + icon('monitor') + '<span>' + esc(mEmoji(s.machine) + ' ' + s.machine) + '</span><span class="faint">· ' + esc(ago(s.lastActivityAt)) + '</span></div>'
@@ -2895,7 +2973,11 @@ function sessionPageHtml(s, { spv = null, live: liveV = null, lists = null } = {
   // 2026-10-29 a calmer panel: only the newest checkpoint (Stopped + Next, the rest behind More); older ones fold
   side += '<section class="fs-sec fs-cps" id="fsCps"><h2>Checkpoints <span class="count">' + cps.length + '</span></h2>'
   side += !cps.length && !wrRow ? '<div class="empty">No checkpoints yet.</div>' : '<div class="timeline">' + wrRow + (cps.length ? cpLatestHtml(cps[0], s.agent ? null : s.id, paths) : '') + '</div>'
-  if (cps.length > 1) side += foldHtml({ key: 'cps-earlier', title: 'Earlier checkpoints', count: cps.length - 1, open: sideFolds.open('cps-earlier'), cls: 'fs-fold-in', body: '<div class="timeline">' + cpTimeline(cps.slice(1), null, null, paths) + '</div>' }, { esc })
+  side += decisionsGivenHtml(s, { esc, when: (iso) => clock(iso) + ' · ' + ago(iso) }) // 1b
+  decisionsUi.panelSession = s // 1k: the session whose panel is drawn (Accept / Edit there redraw it)
+  if (s.decisionRepo) noteSessionDecisions(s)
+  side += '<div id="fsDecided">' + panelDecidedFold(s) + '</div>' // 2026-11-05 every decision the session made (its repo's log, else all its checkpoints'); 1k Accept / Reject / Edit right here
+  if (cps.length > 1) side += foldHtml({ key: 'cps-earlier', title: 'Earlier checkpoints', count: cps.length - 1, open: sideFolds.open('cps-earlier'), cls: 'fs-fold-in', body: '<div class="timeline">' + cpTimeline(cps.slice(1), null, null, paths, { log: sessionLogBy(s) }) + '</div>' }, { esc })
   const doubted = s.checkpoints.filter((cp) => cp.doubt && cp.doubt !== 'empty') // 0.9.0: written with another session's branch: kept, folded away
   if (doubted.length) side += '<details class="tl-doubt"><summary>' + doubted.length + ' checkpoint' + (doubted.length === 1 ? '' : 's') + ' set aside: written with another session’s branch</summary><div class="timeline">' + cpTimeline(doubted, null) + '</div></details>'
   const empties = s.checkpoints.filter((cp) => cp.doubt === 'empty') // 0.9.2
@@ -3379,21 +3461,83 @@ function setFullClass(on) {
   applyNav()
 }
 // The window as you see it: on a phone the keyboard takes the bottom of it,
-// and the composer stays just above the keyboard.
+// and the composer stays just above the keyboard. When the keyboard closes the
+// layout goes back exactly to where it was (ui/viewport-fit.js: iOS can leave
+// its pan behind after a send, which put full screen ~300px down the screen).
+const lfKb = { scroll: null, settle: 0 } // scroll: window.scrollY as a text box took focus (iOS may scroll the page under the keyboard)
 function fitFullViewport() {
   const vv = window.visualViewport
-  const st = document.documentElement.style
-  if (!document.documentElement.classList.contains('live-full')) { st.removeProperty('--lf-h'); st.removeProperty('--lf-top'); st.removeProperty('--lf-bar'); return }
+  const html = document.documentElement, st = html.style
+  if (!html.classList.contains('live-full')) { st.removeProperty('--lf-h'); st.removeProperty('--lf-top'); st.removeProperty('--lf-bar'); html.classList.remove('lf-kb'); lfKb.scroll = null; return }
   // 0.9.14: from 700px full screen starts under the board's own tab bar (pinned to the top, the rail hidden)
   const strip = document.getElementById('tabStrip')
   const bar = strip && !strip.hidden && getComputedStyle(strip).display !== 'none' ? Math.round(strip.getBoundingClientRect().height) : 0
   st.setProperty('--lf-bar', bar + 'px')
-  if (!vv) { st.removeProperty('--lf-h'); st.removeProperty('--lf-top'); return }
-  st.setProperty('--lf-h', Math.round(vv.height) + 'px')
-  st.setProperty('--lf-top', Math.round(vv.offsetTop) + 'px')
-  document.documentElement.classList.toggle('lf-kb', window.innerHeight - vv.height > 120) // the keyboard is up: no home-indicator gap under the composer
-}
-if (window.visualViewport) for (const ev of ['resize', 'scroll']) window.visualViewport.addEventListener(ev, fitFullViewport)
+  const typing = isTypingTarget(document.activeElement)
+  const fit = fullViewportFit({ innerHeight: window.innerHeight, vv, typing })
+  if (!fit) { st.removeProperty('--lf-h'); st.removeProperty('--lf-top'); html.classList.remove('lf-kb'); return }
+  st.setProperty('--lf-h', fit.h + 'px')
+  st.setProperty('--lf-top', fit.top + 'px')
+  html.classList.toggle('lf-kb', fit.kb) // the keyboard is up: no home-indicator gap under the composer
+  // the keyboard's gone: the page under full screen back where it was before the text box took focus
+  if (!typing && lfKb.scroll != null && Math.abs(window.scrollY - lfKb.scroll) >= 1) window.scrollTo(window.scrollX, lfKb.scroll)
+  if (typing) keepTypingInView()
+}
+// 2026-11-04 (switching to another keyboard mid-typing hid the composer, and switching back didn't
+// bring it back): while you type, check where the composer really is against what you can see, from
+// this moment's numbers only, and if it isn't in view move full screen by the difference.
+// (Since 0.9.16 a session always opens in full screen, so that's the Live composer's only home.)
+function keepTypingInView() {
+  const vv = window.visualViewport, el = document.activeElement, html = document.documentElement
+  if (!vv || !html.classList.contains('live-full') || !isTypingTarget(el) || !el.closest) return
+  const box = el.closest('.live-box.full')
+  if (!box) return
+  const d = outOfView((el.closest('.composer') || el).getBoundingClientRect(), vv)
+  if (d) html.style.setProperty('--lf-top', Math.round((parseFloat(html.style.getPropertyValue('--lf-top')) || 0) - d) + 'px')
+}
+// Every report while you type (a keyboard opening, swapping, changing height, or iOS scrolling the
+// page under it) fits full screen then and looks again a few beats after: a swap's last change can
+// come with no report of its own, and a passing bogus one is put right by the next look.
+function onViewportChange(ev) {
+  fitFullViewport()
+  if (isTypingTarget(document.activeElement) && document.documentElement.classList.contains('live-full')) settleWhileTyping(1)
+}
+function settleWhileTyping(from = 0) {
+  clearTimeout(lfKb.settle)
+  if (from >= SETTLE_WHILE_TYPING_MS.length) return
+  let i = from
+  const step = () => {
+    if (!isTypingTarget(document.activeElement)) return
+    fitFullViewport()
+    if (++i < SETTLE_WHILE_TYPING_MS.length) lfKb.settle = setTimeout(step, SETTLE_WHILE_TYPING_MS[i] - SETTLE_WHILE_TYPING_MS[i - 1])
+  }
+  lfKb.settle = setTimeout(step, SETTLE_WHILE_TYPING_MS[i] - (i ? SETTLE_WHILE_TYPING_MS[i - 1] : 0))
+}
+if (window.visualViewport) for (const ev of ['resize', 'scroll']) window.visualViewport.addEventListener(ev, onViewportChange)
+window.addEventListener('scroll', (ev) => { if (isTypingTarget(document.activeElement) && document.documentElement.classList.contains('live-full')) onViewportChange(ev) }, { passive: true })
+for (const ev of ['resize', 'orientationchange', 'pageshow']) window.addEventListener(ev, onViewportChange)
+document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') fitFullViewport() })
+document.addEventListener('focusin', (e) => {
+  if (!isTypingTarget(e.target) || !document.documentElement.classList.contains('live-full')) return
+  if (lfKb.scroll == null) lfKb.scroll = window.scrollY
+  // 2026-11-04: a third-party keyboard (Raycast, Gboard, SwiftKey) can come up late, or change the
+  // visual viewport without a resize event of its own: measure again as it opens, as on the way down
+  settleWhileTyping(0)
+})
+// A text box let go (a send closes the phone's keyboard, or a tap away): look again as the keyboard
+// goes down, whatever iOS reports or doesn't on the way.
+document.addEventListener('focusout', (e) => {
+  if (!isTypingTarget(e.target) || !document.documentElement.classList.contains('live-full')) return
+  clearTimeout(lfKb.settle)
+  let i = 0
+  const step = () => {
+    fitFullViewport()
+    if (isTypingTarget(document.activeElement)) return // another text box took focus: the keyboard stays
+    if (++i < SETTLE_AFTER_BLUR_MS.length) lfKb.settle = setTimeout(step, SETTLE_AFTER_BLUR_MS[i] - SETTLE_AFTER_BLUR_MS[i - 1])
+    else lfKb.scroll = null
+  }
+  lfKb.settle = setTimeout(step, SETTLE_AFTER_BLUR_MS[0])
+})
 function fullAfterRender(sid) {
   const box = document.querySelector('.live-box.full')
   setFullClass(!!box)
@@ -3401,7 +3545,9 @@ function fullAfterRender(sid) {
   if (box) {
     const s = state.sessions.find((x) => x.id === sid) || ((sessionCache.get(sid) || {}).s)
     const t = box.querySelector('.lf-title')
-    if (t) t.textContent = sessionTitle(s) // the session's name, as text
+    if (t) fitTitleWords(t, sessionTitle(s)) // the session's name, as text, cut at a word to fit the bar
+    const w = box.querySelector('.lf-where')
+    if (w) { w.textContent = sessionWhere(s); if (w.textContent) w.setAttribute('data-tip', wherePathOf(s) || w.textContent); else w.removeAttribute('data-tip') } // 2026-11-05: folder@branch, muted, its own line
     paintLfTabs()
     const ol = box.querySelector('.live-log')
     if (ol && ol._stick !== false) ol.scrollTop = ol.scrollHeight
@@ -3638,11 +3784,40 @@ function composerFor(el) {
   const box = (el && el.closest && el.closest('.composer')) || document.querySelector('#app .composer[data-sid]')
   return box && !box.classList.contains('off') ? box : null
 }
+// The picker the paperclip opens lives outside the page (0.9.18). A phone's
+// photo picker covers the board for seconds; coming back is a wake-up (focus
+// after more than AWAY_MS away) that redraws the page, and iOS hands the
+// picked photo over only after that, to the <input> it opened from. A picker
+// inside the composer was gone by then (the redraw made a new one), so its
+// change event went nowhere and the photo never showed. This one is never
+// redrawn; the composer's own hidden input stays for drops and tests.
+let attPicker = null
+function attachPicker() {
+  if (attPicker && attPicker.isConnected) return attPicker
+  attPicker = document.createElement('input')
+  attPicker.type = 'file'; attPicker.multiple = true; attPicker.tabIndex = -1
+  attPicker.className = 'att-input att-picker'; attPicker.id = 'att-picker'
+  attPicker.setAttribute('aria-hidden', 'true')
+  document.body.appendChild(attPicker)
+  return attPicker
+}
+function openPicker(sid) {
+  if (!sid) return
+  const pk = attachPicker()
+  pk.dataset.sid = sid
+  pk.value = ''
+  pk.click() // still inside the tap: iOS opens a picker only from a user gesture
+}
+function takePicked(inp) {
+  const files = Array.from(inp.files || [])
+  if (!files.length) return
+  inp.value = '' // the same file can be picked again
+  try { addFiles(inp.dataset.sid, files) } catch (e) { toast('Couldn’t attach ' + (files.length === 1 ? files[0].name || 'that file' : files.length + ' files') + ': ' + (e.message || e), 6000) }
+}
 document.addEventListener('change', (ev) => {
   const inp = ev.target
   if (!inp || !inp.classList || !inp.classList.contains('att-input')) return
-  addFiles(inp.dataset.sid, inp.files)
-  inp.value = '' // the same file can be picked again
+  takePicked(inp)
 })
 document.addEventListener('paste', (ev) => {
   const t = ev.target
@@ -4385,10 +4560,11 @@ async function aroundWire(id) {
     if (hit) { hit.scrollIntoView({ block: 'center' }); const mk = hit.querySelector('mark'); if (mk && hit.scrollHeight > hit.clientHeight) mk.scrollIntoView({ block: 'center' }) }
   }
 }
-function cpTimeline(list, newestCp, wtSid = null, paths = null) {
+// decided: { log } shows each checkpoint's own Decided lines among its extras, read-only (2026-11-05), with the log's word when loaded
+function cpTimeline(list, newestCp, wtSid = null, paths = null, decided = null) {
   return list.map((cp) =>
     '<div class="tl-item ' + esc(cp.trigger) + (isFresh(cp) ? ' cp-fresh' : '') + '">' + cpHeadLine(cp) +
-    cpBlock(cp, { showWhen: false, more: true, open: cp === newestCp, md: true, paths }) +
+    cpBlock(cp, { showWhen: false, more: true, open: cp === newestCp, md: true, paths, decided }) +
     (cp.userNote ? '<div class="note">✎ ' + esc(cp.userNote) + '</div>' : '') +
     filesTouchedHtml(cp.filesTouched, paths || {}, { esc }) + // 2026-10-29: relative paths, the first five, then +N more
     (wtSid && cp === newestCp ? '<button type="button" class="linkish wt-since" data-action="wt-open" data-id="' + esc(wtSid) + '" data-scope="checkpoint">' + icon('route') + 'Walk through since here</button>' : '') + // 0.9.17
@@ -4398,6 +4574,268 @@ function cpHeadLine(cp) {
   return '<div class="tl-head"><span class="t">' + esc(clock(cp.createdAt)) + '</span><span class="trig">' + esc(cp.trigger) + '</span><span>' + esc(ago(cp.createdAt)) + '</span>' +
     (cp.generator && cp.generator.by ? '<span>· ' + esc(cpByText(cp.generator)) + cpByHintHtml(cp.generator) + '</span>' : '') + '</div>'
 }
+// 2026-11-03 decision memory: the log's word on a session's decisions (by text), once its repo's log is loaded
+const decisionsUi = { repoLog: {}, scope: null, view: null, all: false, editing: null, project: null, loadedRepo: {}, panelSession: null }
+const panelSess = () => (state.route && state.route.name === 's' && decisionsUi.panelSession && decisionsUi.panelSession.id === state.route.arg ? decisionsUi.panelSession : null)
+// 2026-11-05 the session's rows in its repo's log (null until loaded, or with no repo), and the same keyed by text
+const sessionLogRows = (s) => { const v = s && s.decisionRepo && decisionsUi.repoLog[s.decisionRepo]; return v ? v.filter((d) => d.sessionId === s.id) : null }
+const sessionLogBy = (s) => { const v = s && s.decisionRepo && decisionsUi.repoLog[s.decisionRepo]; return v ? logBySession(v, s.id) : null }
+// The Decided fold: every decision the session made, shown whenever there's at least one
+function panelDecidedFold(s) {
+  const list = sessionDecisions(s.checkpoints, sessionLogRows(s))
+  if (!list.length) return ''
+  return foldHtml({ key: 'cp-decided', title: 'Decided', count: sessionDecisionsCount(list), open: sideFolds.open('cp-decided'), cls: 'fs-fold-in', body: decidedListHtml(list, { esc, repoId: s.decisionRepo || null, trusted: decisionsTrusted(), editing: decisionsUi.editing, may: !s.agent }) }, { esc })
+}
+// The session panel reads its repo's log (once per repo per visit, quietly); the old rows stay on screen until the new ones land
+function noteSessionDecisions(s) {
+  const repo = s && s.decisionRepo
+  if (!repo || decisionsUi.loadedRepo[repo]) return
+  decisionsUi.loadedRepo[repo] = true
+  api('GET', '/v1/decisions?repo=' + encodeURIComponent(repo), undefined, { timeoutMs: 8000 }).then((v) => {
+    decisionsUi.repoLog[repo] = Array.isArray(v && v.decisions) ? v.decisions : []
+    const ps = panelSess()
+    if (ps && ps.decisionRepo === repo) paintPanelDecided(ps)
+  }).catch(() => { decisionsUi.loadedRepo[repo] = false })
+}
+// ---- testplan Part 3: #/testplan/new?scope=…&prs=… (before a run) and #/testplan/<id>?machine=… (a plan)
+const tpUi = { id: null, machine: null, plan: null, timer: null, noting: null, proposing: null, nu: null }
+const tpTrusted = () => state.mayAnswer !== false && (state.viewerLocal !== false || !!(state.health && state.health.answering && state.health.answering.remoteAllowed))
+async function viewTestplan(arg, params) {
+  clearTimeout(tpUi.timer)
+  if (arg === 'new') {
+    const q = { scope: params.get('scope') || '', since: params.get('since') || '', prs: params.get('prs') || '' }
+    const key = JSON.stringify(q)
+    if (!tpUi.nu || tpUi.nu.key !== key) tpUi.nu = { key, q, preview: null, recent: null, minutes: 30, starting: false, error: null }
+    paintTestplanNew()
+    const qs = 'scope=' + encodeURIComponent(q.scope) + (q.since ? '&since=' + encodeURIComponent(q.since) : '') + (q.prs ? '&prs=' + q.prs.split(',').map((u) => encodeURIComponent(decodeURIComponent(u))).join(',') : '')
+    try { tpUi.nu.preview = await api('GET', '/v1/testplans/preview?' + qs, undefined, { timeoutMs: 30000 }) } catch (e) { tpUi.nu.error = e.message || String(e) }
+    try { tpUi.nu.recent = await api('GET', '/v1/testplans' + (q.scope ? '?scope=' + encodeURIComponent(q.scope) : ''), undefined, { timeoutMs: 8000 }) } catch {}
+    paintTestplanNew()
+    const w = tpUi.nu.preview && tpUi.nu.preview.walking
+    if (w && w.running) tpUi.timer = setTimeout(() => { if (state.route && state.route.name === 'testplan' && state.route.arg === 'new') viewTestplan('new', params) }, 2500)
+    return
+  }
+  const machine = params.get('machine') || null
+  if (tpUi.id !== arg || tpUi.machine !== machine) { tpUi.id = arg; tpUi.machine = machine; tpUi.plan = null; tpUi.noting = null; tpUi.proposing = null; paintTestplan() }
+  tpUi.plan = await api('GET', '/v1/testplans/' + encodeURIComponent(arg) + (machine ? '?machine=' + encodeURIComponent(machine) : ''), undefined, { timeoutMs: 10000 })
+  paintTestplan()
+  if (tpUi.plan && tpUi.plan.status === 'running') tpUi.timer = setTimeout(() => { if (state.route && state.route.name === 'testplan' && state.route.arg === arg) viewTestplan(arg, params) }, 1500)
+}
+function paintTestplanNew() {
+  if (!state.route || state.route.name !== 'testplan' || state.route.arg !== 'new' || !tpUi.nu) return
+  const n = tpUi.nu
+  $app.innerHTML = testplanNewHtml(n.preview, { minutes: n.minutes, trusted: tpTrusted(), starting: n.starting, recent: n.recent, here: state.health && state.health.machine }, { esc }) + (n.error ? '<div class="banner warn" role="alert"><span>' + esc(n.error) + '</span></div>' : '')
+}
+function paintTestplan() {
+  if (!state.route || state.route.name !== 'testplan' || state.route.arg === 'new') return
+  $app.innerHTML = testplanPageHtml(tpUi.plan, { trusted: tpTrusted(), noting: tpUi.noting, proposing: tpUi.proposing, here: state.health && state.health.machine }, { esc })
+}
+async function tpCheck(id, check, body) {
+  try { tpUi.plan = await api('POST', '/v1/testplans/' + encodeURIComponent(id) + '/check' + (tpUi.machine ? '?machine=' + encodeURIComponent(tpUi.machine) : ''), { check, ...body }); paintTestplan() } catch (e) { toast(e.message || String(e)) }
+}
+document.addEventListener('click', async (ev) => {
+  const b = ev.target.closest && ev.target.closest('[data-action^="tp-"]')
+  if (!b || b.tagName === 'FORM' || b.disabled) return
+  const a = b.dataset.action
+  if (a === 'tp-minutes') { if (tpUi.nu) { tpUi.nu.minutes = Number(b.dataset.m) || 30; paintTestplanNew() } return }
+  if (a === 'tp-run' || a === 'tp-walk') {
+    const n = tpUi.nu
+    if (!n) return
+    const body = { scope: n.q.scope, since: n.q.since || null, prs: n.q.prs ? n.q.prs.split(',').map((u) => decodeURIComponent(u)) : null }
+    if (a === 'tp-walk') { try { await api('POST', '/v1/testplans/walk', body); toast('Walking through them one at a time'); viewTestplan('new', state.route.params) } catch (e) { toast(e.message || String(e)) } return }
+    n.starting = true; paintTestplanNew()
+    try { const r = await api('POST', '/v1/testplans', { ...body, minutes: n.minutes }, { timeoutMs: 90000 }); location.hash = testplanHref(r.id) } catch (e) { n.starting = false; n.error = e.message || String(e); paintTestplanNew() }
+    return
+  }
+  const id = b.dataset.id, check = b.dataset.check
+  if (a === 'tp-tick') { const cur = tpUi.plan && tpUi.plan.ticks && tpUi.plan.ticks[check]; const want = b.dataset.state || null; return tpCheck(id, check, { state: cur && cur.state === want ? null : want }) }
+  if (a === 'tp-propose') { tpUi.proposing = check; paintTestplan(); const i = document.querySelector('.tp-propf .dec-in'); if (i) i.focus({ preventScroll: true }); return }
+  if (a === 'tp-propose-cancel') { tpUi.proposing = null; return paintTestplan() }
+  if (a === 'tp-copy') { const md = tpUi.plan && planMarkdown(tpUi.plan); if (md && await clipWrite(md)) toast('Copied as Markdown'); else if (md) prompt('Copy this:', md); return }
+  if (a === 'tp-download') {
+    if (!tpUi.plan) return
+    const url = URL.createObjectURL(new Blob([planHtmlDoc(tpUi.plan)], { type: 'text/html' }))
+    const x = document.createElement('a'); x.href = url; x.download = exportName('Test plan ' + ((tpUi.plan.scope && tpUi.plan.scope.label) || '')); document.body.appendChild(x); x.click(); x.remove()
+    setTimeout(() => URL.revokeObjectURL(url), 4000)
+    return
+  }
+  if (a === 'tp-delete') { if (!confirm('Delete this test plan?')) return; try { await api('DELETE', '/v1/testplans/' + encodeURIComponent(id)); location.hash = '#/prs' } catch (e) { toast(e.message || String(e)) } }
+})
+document.addEventListener('submit', async (ev) => {
+  const f = ev.target.closest && ev.target.closest('form[data-action^="tp-"]')
+  if (!f) return
+  ev.preventDefault()
+  if (f.dataset.action === 'tp-note') return tpCheck(f.dataset.id, f.dataset.check, { note: f.querySelector('[name="note"]').value })
+  if (f.dataset.action === 'tp-propose-save') {
+    try {
+      const r = await api('POST', '/v1/testplans/' + encodeURIComponent(f.dataset.id) + '/propose', { check: f.dataset.check, text: f.querySelector('[name="text"]').value })
+      tpUi.plan = r.plan; tpUi.proposing = null; paintTestplan(); toast('Proposed ' + (r.decision ? r.decision.id : '') + ': review it in the decision log')
+    } catch (e) { toast(e.message || String(e)) }
+  }
+})
+// 1k: the panel's Decided fold, drawn again in place (editing one, after the log loaded, after Accept): its body and
+// count only, so the fold keeps its element, its open state and the scroll around it; added when it wasn't there
+function paintPanelDecided(s) {
+  const slot = document.getElementById('fsDecided')
+  if (!slot || !s) return
+  const list = sessionDecisions(s.checkpoints, sessionLogRows(s))
+  const fold = slot.querySelector('[data-fold="cp-decided"]')
+  if (!list.length) { if (fold) slot.innerHTML = ''; return }
+  if (!fold) { slot.innerHTML = panelDecidedFold(s); return }
+  const n = fold.querySelector('.fs-fold-n'), cnt = ' · ' + sessionDecisionsCount(list)
+  if (n && n.textContent !== cnt) n.textContent = cnt
+  const box = fold.querySelector('.fs-fold-b')
+  const html = decidedListHtml(list, { esc, repoId: s.decisionRepo || null, trusted: decisionsTrusted(), editing: decisionsUi.editing, may: !s.agent })
+  if (box && box.innerHTML !== html) box.innerHTML = html
+  // the Timeline's older checkpoints read the same log
+  const by = sessionLogBy(s)
+  if (by) for (const sec of document.querySelectorAll('#fsCps .cpx-decided[data-cp]')) {
+    const cp = (s.checkpoints || []).find((c) => c.id === sec.dataset.cp)
+    if (cp) { const h = decidedSecHtml(cp, by); if (sec.outerHTML !== h) sec.outerHTML = h }
+  }
+}
+// 1k: after Accept / Reject / Edit, the panel's Decided list reads the log again
+function refreshPanelDecisions(s) {
+  if (!s || !s.decisionRepo) return
+  decisionsUi.loadedRepo[s.decisionRepo] = false
+  noteSessionDecisions(s)
+}
+// ---- the decision log page (#/decisions/<repo id> or #/decisions/project:<id>)
+async function viewDecisions(arg) {
+  const raw = decodeURIComponent(arg || '')
+  if (decisionsUi.scope !== raw) { decisionsUi.scope = raw; decisionsUi.view = null; decisionsUi.editing = null }
+  decisionsUi.view = await api('GET', '/v1/decisions?' + decisionScope(raw).api)
+  const want = state.route && state.route.params && state.route.params.get('d')
+  if (want && (decisionsUi.view.decisions || []).some((d) => d.id === want && (d.status === 'superseded' || d.status === 'rejected'))) decisionsUi.all = true
+  paintDecisions()
+  if (want) { const el = document.getElementById('dec-' + want); if (el) { el.scrollIntoView({ block: 'center' }); el.classList.add('dec-flash'); setTimeout(() => el.classList.remove('dec-flash'), 1600) } }
+}
+function paintDecisions() {
+  if (!decisionsUi.view || !state.route || state.route.name !== 'decisions') return
+  $app.innerHTML = decisionsPageHtml(decisionsUi.view, { all: decisionsUi.all, editing: decisionsUi.editing, may: state.mayAnswer !== false, trusted: decisionsTrusted() }, { esc })
+  if (decisionsUi.editing) { const i = $app.querySelector('.dec-edit .dec-in'); if (i) i.focus({ preventScroll: true }) }
+}
+async function decisionAction(repo, ref, action, body = {}) {
+  try {
+    const r = await api('POST', '/v1/decisions/action', { repo, ref, action, ...body })
+    decisionsUi.loadedRepo = {}
+    // a walkthrough citing it shows its new word (Proposed goes once accepted)
+    const dd = r && r.decision
+    if (dd) for (const w of wtUi.data.values()) for (const x of (w && w.decisions) || []) if (x.id === dd.id) { if (dd.status === 'proposed') x.status = 'proposed'; else delete x.status; wtUi.sig = '' }
+    if (wtUi.sid) wtFill(wtSession(wtUi.sid))
+    const dv = document.querySelector('.dv-isdec:not([hidden])')
+    if (dv && decViewerCtx) openDecisionViewer(decViewerCtx.repo, decViewerCtx.id, decViewerCtx.from, decViewerCtx.ctx)
+    if (panelSess()) refreshPanelDecisions(panelSess()) // 1k
+    if (state.route && state.route.name === 'decisions') await viewDecisions(decisionsUi.scope)
+    else if (state.route && state.route.name === 'project') loadProjectDecisions(qaUi.token, true)
+  } catch (e) { toast(e.message || String(e)) }
+}
+document.addEventListener('click', async (ev) => {
+  const btn = ev.target.closest && ev.target.closest('[data-action^="dec-"]')
+  if (!btn || btn.tagName === 'FORM') return
+  const a = btn.dataset.action
+  if (a === 'dec-act') return decisionAction(btn.dataset.repo, btn.dataset.id, btn.dataset.act, btn.dataset.act === 'accept' ? {} : {})
+  if (a === 'dec-link') return decisionAction(btn.dataset.repo, btn.dataset.id, 'link', { supersedes: [btn.dataset.to] })
+  if (a === 'dec-edit') { decisionsUi.editing = btn.dataset.id; if (panelSess()) { paintPanelDecided(panelSess()); const i = document.querySelector('#decp-' + CSS.escape(btn.dataset.id) + ' .dec-in'); if (i) i.focus({ preventScroll: true }); return } return paintDecisions() }
+  if (a === 'dec-cancel') { decisionsUi.editing = null; if (panelSess()) return paintPanelDecided(panelSess()); return paintDecisions() }
+  if (a === 'dec-all') { decisionsUi.all = !decisionsUi.all; return paintDecisions() }
+  if (a === 'dec-copy') { const md = decisionsUi.view && decisionsUi.view.markdown; if (md && await clipWrite(md)) toast('Copied as Markdown'); else if (md) prompt('Copy this:', md); return }
+  if (a === 'dec-show') {
+    const el = document.getElementById('dec-' + btn.dataset.id)
+    if (el) { el.scrollIntoView({ block: 'center', behavior: matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth' }); el.classList.add('dec-flash'); setTimeout(() => el.classList.remove('dec-flash'), 1600); return }
+    if (btn.dataset.repo) { location.hash = '#/decisions/' + btn.dataset.repo + '?d=' + encodeURIComponent(btn.dataset.id) }
+    return
+  }
+  if (a === 'dec-store') {
+    const on = btn.dataset.on === 'true'
+    try {
+      await api('POST', '/v1/projects/' + encodeURIComponent(btn.dataset.project) + '/decision-log', { inRepo: on })
+      toast(on ? 'Accepted decisions now go into each repo’s docs/DECISIONS.md' : 'The decision log stays in Leftoff; repo files are left as they are')
+      if (state.route && state.route.name === 'decisions') await viewDecisions(decisionsUi.scope)
+      else loadProjectDecisions(qaUi.token, true)
+    } catch (e) { toast(e.message || String(e)) }
+  }
+})
+// A walkthrough step's decision chip: the decision and its chain, in the viewer (centered; a bottom sheet on a phone)
+document.addEventListener('click', (ev) => {
+  const b = ev.target.closest && ev.target.closest('[data-action="wt-dec"]')
+  if (!b) return
+  ev.preventDefault()
+  const s = wtSession(wtUi.sid)
+  openDecisionViewer(b.dataset.repo || (s && s.decisionRepo) || '', b.dataset.id, b, { departs: b.dataset.departs === '1', sessionId: wtUi.sid || null })
+})
+// 1h: the board's gate for changing the decision log (POST /v1/decisions/action is trustedOnly)
+const decisionsTrusted = () => state.mayAnswer !== false && (state.viewerLocal !== false || !!(state.health && state.health.answering && state.health.answering.remoteAllowed))
+let decViewerCtx = null // 1f/1g: the viewer's last open, to redraw after Accept / Reject / a link
+async function openDecisionViewer(repo, id, from, ctx = {}) {
+  if (!repo || !id) return
+  decViewerCtx = { repo, id, from, ctx }
+  let v
+  try { v = await api('GET', '/v1/decisions?repo=' + encodeURIComponent(repo), undefined, { timeoutMs: 8000 }) } catch (e) { toast(e.message || String(e)); return }
+  const list = v.decisions || [], byId = new Map(list.map((d) => [d.id, d]))
+  const d = byId.get(id)
+  const el = docViewerEl()
+  el.querySelector('.dv-title').textContent = 'Decision ' + id
+  el.querySelector('.dv-dl').hidden = true
+  el.querySelector('.dv-ref').innerHTML = ''; el.querySelector('.dv-ptitle').textContent = ''
+  el.querySelector('.dv-sub').textContent = d ? (d.repoLabel || '') : 'Not in the log any more'
+  // the chain: what it replaced (oldest first), the decision, what replaced it
+  const chain = []
+  if (d) {
+    const back = []; let cur = d, guard = 0
+    while (cur && cur.supersedes && cur.supersedes.length && guard++ < 20) { const o = byId.get(cur.supersedes[0]); if (!o || back.includes(o)) break; back.unshift(o); cur = o }
+    chain.push(...back, d)
+    cur = d; guard = 0
+    while (cur && cur.supersededBy && guard++ < 20) { const n = byId.get(cur.supersededBy); if (!n || chain.includes(n)) break; chain.push(n); cur = n }
+  }
+  // 1f: a proposed one (a walkthrough cites this session's own) can be accepted or rejected right here, same API and gate.
+  // 1g: from a step that departs from it, this session's own decisions offer the supersede link (once accepted).
+  const trusted = decisionsTrusted()
+  const item = (x) => decisionItemHtml(x, { esc, byId, may: x === d && x.status === 'proposed', review: x === d && x.status === 'proposed', edit: false, trusted })
+  let offer = ''
+  if (d && ctx.departs && ctx.sessionId) {
+    const own = list.filter((x) => x.sessionId === ctx.sessionId && x.id !== d.id && (x.status === 'proposed' || x.status === 'accepted') && !(x.supersedes || []).includes(d.id))
+    if (own.length) offer = '<section class="dec-offer"><h3>This step departs from ' + esc(d.id) + '</h3><p class="faint">If one of this session’s decisions changes it, link them so ' + esc(d.id) + ' reads as superseded.</p><ul class="dec-tl">' +
+      own.map((x) => decisionItemHtml(x, { esc, byId, may: x.status === 'proposed', review: x.status === 'proposed', edit: false, trusted, replaces: x.status === 'accepted' ? d.id : null })).join('') + '</ul></section>'
+  }
+  el.querySelector('.dv-body').innerHTML = (chain.length ? '<ol class="dec-tl dec-chainview">' + chain.map(item).join('') + '</ol>' : '<p class="faint">This decision isn’t in the repo’s log.</p>') + offer +
+    '<p><a class="linkish dec-open" href="' + esc(decisionsHref(repo)) + '?d=' + encodeURIComponent(id) + '">Open the decision log →</a></p>'
+  el.classList.remove('dv-isref'); el.classList.add('dv-isdec')
+  refUi.from = from || null
+  el.hidden = false
+  document.documentElement.classList.add('dv-open')
+  const x = el.querySelector('.dv-x'); if (x) x.focus({ preventScroll: true })
+}
+document.addEventListener('submit', (ev) => {
+  const f = ev.target.closest && ev.target.closest('form[data-action="dec-save"]')
+  if (!f) return
+  ev.preventDefault()
+  const text = f.querySelector('[name="text"]').value, why = f.querySelector('[name="why"]').value
+  decisionsUi.editing = null
+  decisionAction(f.dataset.repo, f.dataset.id, 'edit', { text, why })
+})
+// The project page's Decisions section
+// (2026-11-05) or a single repo's page: that repo's log (the page names its id)
+const pageDecisionScope = (token) => { const p = qaUi.page; return p && p.scope && p.scope.kind !== 'project' ? (p.decisionRepo || null) : 'project:' + token }
+async function loadProjectDecisions(token, force = false) {
+  if (!token) return
+  const scopeArg = pageDecisionScope(token)
+  if (!scopeArg) return
+  try {
+    const v = await api('GET', '/v1/decisions?' + decisionScope(scopeArg).api, undefined, { timeoutMs: 8000 })
+    decisionsUi.project = { token, v, scopeArg }
+    paintProjectDecisions()
+  } catch { decisionsUi.project = null }
+}
+function paintProjectDecisions() {
+  const box = document.getElementById('projDecisionsBox')
+  const pd = decisionsUi.project
+  if (!box || !pd || pd.token !== qaUi.token) return
+  const scopeArg = pd.scopeArg || 'project:' + ((pd.v.scope && pd.v.scope.id) || pd.token)
+  box.innerHTML = projectDecisionsHtml(pd.v, { esc, may: state.mayAnswer !== false, trusted: decisionsTrusted(), scopeArg })
+  const slot = document.getElementById('projDecReview') // 1k: the header's quiet count
+  if (slot) slot.innerHTML = reviewCountHtml((pd.v.decisions || []).filter((d) => d.status === 'proposed').length, { esc, href: decisionsHref(scopeArg), cls: 'proj-review' })
+}
 // 2026-10-29 The panel's newest checkpoint: Stopped + Next; Goal, Doing, the extra sections,
 // your note and the files behind More (open or closed as you last left it on this device).
 function cpLatestHtml(cp, wtSid, paths) {
@@ -4425,10 +4863,10 @@ function fact(k, v, cls, opts = {}) { return factHtml(k, v, { cls, ...opts }) }
 // PRs (0.6.9): Mine (PRs linked to your sessions, grouped) and Team (every open
 // PR in the repos your sessions are in). The daemon fetches with gh (or asks
 // the Mac that has it) and caches ~5 min; while it loads we look again shortly.
-const prsUi = { fresh: false, polls: 0, timer: null, data: {}, at: {}, open: new Set(), details: {}, quietOpen: false, doneOpen: {}, view: 'mine', filter: {}, done: {} }
+const prsUi = { fresh: false, polls: 0, timer: null, data: {}, at: {}, open: new Set(), details: {}, quietOpen: false, doneOpen: {}, view: 'mine', filter: {}, done: {}, picks: new Set() } // testplan Part 3: picks, merged PRs for a test plan
 // 0.8.5: the filters live in the hash (linkable; back/forward work); a chip
 // tap repaints from what we have and reads again only when that is old.
-function prsOpts(view, filter) { return { view, mayEdit: true, sessionAction: prSessionAction, filter, open: prsUi.open, details: prsUi.details, quietOpen: prsUi.quietOpen, doneOpen: prsUi.doneOpen, projects: projectsUi.list } }
+function prsOpts(view, filter) { return { view, mayEdit: true, sessionAction: prSessionAction, filter, open: prsUi.open, details: prsUi.details, quietOpen: prsUi.quietOpen, doneOpen: prsUi.doneOpen, projects: projectsUi.list, picks: prsUi.picks } }
 function paintPrs(d) {
   const q = document.getElementById('prs-q')
   const focused = q && document.activeElement === q, caret = focused ? q.selectionStart : null
@@ -4577,7 +5015,8 @@ function briefAction(id, sessions, viewer) {
 
 function renderMd(md, { spaces = [], sessions = null, viewer = null } = {}) {
   const body = md.replace(/^---\n[\s\S]*?\n---\n/, '')
-  const inline = (t) => esc(t).replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>').replace(/`([^`]+)`/g, '<code>$1</code>').replace(/(^|[^\w*])_([^_\s][^_]*?)_(?!\w)/g, '$1<em>$2</em>')  // not inside snake_case names (clutch_hockey)
+  // testplan Part 2: the Decisions part links into the log: [D-7f3a](#/decisions/…) only, nothing else becomes a link
+  const inline = (t) => esc(t).replace(/\[([^\]]{1,80})\]\((#\/decisions\/[^)\s"<>]{1,200})\)/g, '<a class="dg-dec" href="$2">$1</a>').replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>').replace(/`([^`]+)`/g, '<code>$1</code>').replace(/(^|[^\w*])_([^_\s][^_]*?)_(?!\w)/g, '$1<em>$2</em>')  // not inside snake_case names (clutch_hockey)
   const out = []
   let inList = false, inSec = false, inFin = false, seenH2 = false, inUnf = false
   const closeList = () => { if (inList) { out.push(inList === 'ol' ? '</ol>' : '</ul>'); inList = false } if (inFin) { out.push('</details>'); inFin = false } }
@@ -6601,6 +7040,8 @@ async function render() {
     else if (r.name === 'search') await viewSearch(r.q || '')
     else if (r.name === 'new') await viewNewSession()
     else if (r.name === 'project' && r.arg) await viewProject(r.arg)
+    else if (r.name === 'decisions' && r.arg) await viewDecisions(location.hash.replace(/^#\/decisions\//, '').split('?')[0])
+    else if (r.name === 'testplan' && r.arg) await viewTestplan(r.arg, r.params) // testplan Part 3
     else if (r.name === 'ask' && r.arg) await viewAsk(r.arg, r.params.get('m'))
     else if (r.name === 'setup') await viewSetup()
     else if (r.name === 'tour') { location.replace('#/'); startTour({ api }); return }
@@ -6635,6 +7076,7 @@ async function viewProject(token) {
   const [page] = await Promise.all([api('GET', '/v1/project-page?scope=' + encodeURIComponent(token)), loadProjects()]) // 0.9.12: the projects, for the title's scope menu
   qaUi.page = page
   paintProject()
+  if (page && page.scope && (page.scope.kind === 'project' || page.decisionRepo)) loadProjectDecisions(token) // 2026-11-05 a single repo's page too
   if (fresh) window.scrollTo(0, 0)
   const r = state.route || {}
   if (sAskUi.carry && sAskUi.carry.token === token) { // 0.9.11: "Whole project" from a session's Ask carries the question here
@@ -6654,6 +7096,11 @@ function paintProject() {
   const kf = fa && fa.id === 'askIn' ? { a: fa.selectionStart, b: fa.selectionEnd } : null
   $app.innerHTML = out.html
   fillAsk($app, out.keys)
+  if (p.scope && (p.scope.kind === 'project' || p.decisionRepo)) { // 2026-11-03 decision memory: the project's log and where it's kept; 2026-11-05 a repo's log
+    const at = document.getElementById('projAsks')
+    if (at && !document.getElementById('projDecisionsBox')) { const box = document.createElement('div'); box.id = 'projDecisionsBox'; at.after(box) }
+    paintProjectDecisions()
+  }
   const ta = document.getElementById('askIn')
   if (ta) { ta.value = state.drafts['ask:' + ((p.scope || {}).key || '')] || ''; fitComposer(ta); if (kf && !ta.disabled) { ta.focus({ preventScroll: true }); try { ta.setSelectionRange(kf.a, kf.b) } catch {} } }
 }
@@ -8493,6 +8940,7 @@ document.addEventListener('click', async (ev) => {
     if (action === 'wt-close') return wtClose()
     if (action === 'wt-stop') { const sid = btn.dataset.id; btn.disabled = true; const r = await api('POST', '/v1/sessions/' + encodeURIComponent(sid) + '/walkthrough/stop').catch(() => null); if (!r || !r.stopped) { const k = wtKey(sid); wtUi.loading.delete(k); wtUi.error.set(k, 'Stopped waiting. It may still finish: open it again in a minute.'); wtUi.sig = ''; wtFill(wtSession(sid)) } return }
     if (action === 'wt-scope') { if (btn.disabled) return; wtUi.fellBack.delete(wtUi.sid); wtUi.scope.set(wtUi.sid, btn.dataset.scope); wtUi.filter = 'all'; wtRemember(); return wtLoad(wtUi.sid) }
+    if (action === 'wt-files') { if (btn.disabled) return; return setFileScope(btn.dataset.files, { from: 'wt', id: wtUi.sid }) }
     if (action === 'wt-view') { wtUi.view = btn.dataset.view === 'files' ? 'files' : 'story'; wtRemember(); return wtFill(wtSession(wtUi.sid)) }
     if (action === 'wt-filter') { wtUi.filter = btn.dataset.filter || 'all'; return wtFill(wtSession(wtUi.sid)) }
     if (action === 'wt-reviewed') return wtReviewed(wtUi.sid, btn.dataset.step)
@@ -8523,7 +8971,7 @@ document.addEventListener('click', async (ev) => {
       const sm = d.querySelector('summary'); if (sm) sm.focus({ preventScroll: true })
       return
     }
-    if (action === 'wt-go') { ev.preventDefault(); return wtGo(wtUi.sid, btn.dataset.step || null, { group: btn.dataset.group || null }) }
+    if (action === 'wt-go') { ev.preventDefault(); ev.stopPropagation(); return wtGo(wtUi.sid, btn.dataset.step || null, { group: btn.dataset.group || null, file: btn.dataset.file || null }) }
     if (action === 'wt-step') return wtStep(Number(btn.dataset.dir) || 1)
     // 2026-10-30 walkthrough round 3
     if (action === 'wt-dmode') { try { if (btn.dataset.mode === 'split') localStorage.setItem('lo-wt-split', '1'); else localStorage.removeItem('lo-wt-split') } catch {} wtUi.sig = ''; return void wtFill(wtSession(wtUi.sid)) }
@@ -8583,6 +9031,7 @@ document.addEventListener('click', async (ev) => {
     // 0.9.8 What it did
     if (action === 'wid-toggle') { const ui = widOf(id); ui.open = !ui.open; paintWid(id); if (ui.open && !ui.tools && !ui.diff && !ui.loading) loadWid(id); return }
     if (action === 'wid-refresh') return loadWid(id)
+    if (action === 'wid-files') return setFileScope(btn.dataset.files, { from: 'wid', id })
     if (action === 'wid-tool') {
       const ui = widOf(id), t = btn.dataset.tool
       ui.toolOpen[t] = !ui.toolOpen[t]; paintWid(id)
@@ -8623,6 +9072,8 @@ document.addEventListener('click', async (ev) => {
     if (action === 'prs-clear') { const q = document.getElementById('prs-q'); if (q) q.value = ''; return setPrsFilter({}) }
     if (action === 'pr-expand') return togglePr(btn.dataset.url)
     if (action === 'pr-expand-retry') return togglePr(btn.dataset.url, { retry: true })
+    if (action === 'prs-pick') { const u = btn.dataset.url; if (prsUi.picks.has(u)) prsUi.picks.delete(u); else prsUi.picks.add(u); return paintPrsBody() } // testplan Part 3
+    if (action === 'prs-pick-clear') { prsUi.picks.clear(); return paintPrsBody() }
     if (action === 'prs-older') { const d = prsUi.data[prsUi.view]; if (!d) return; d.olderLoading = true; btn.disabled = true; btn.textContent = 'Loading…'; prsUi.done[prsUi.view] = (Number(d.doneShown) || 0) + 100; prsUi.at[prsUi.view] = 0; return render() } // 0.9.12
     if (action === 'prs-refresh') { btn.disabled = true; prsUi.fresh = true; return render() }
     if (action === 'pr-unlink') {
@@ -9151,7 +9602,7 @@ document.addEventListener('click', async (ev) => {
     if (action === 'lv-queued-cancel' || action === 'lv-queued-edit') return queuedClick(btn, action === 'lv-queued-edit')
     if (action === 'lv-queued-now') return sendNowClick(btn)
     if (action === 'lv-queued-more') { if (ev.target.closest('a[href]')) return; const open = !btn.classList.contains('open'); btn.classList.toggle('open', open); btn.setAttribute('aria-expanded', open ? 'true' : 'false'); return }
-    if (action === 'attach') { const inp = btn.closest('.composer') && btn.closest('.composer').querySelector('.att-input'); if (inp && !inp.disabled) inp.click(); return }
+    if (action === 'attach') { const inp = btn.closest('.composer') && btn.closest('.composer').querySelector('.att-input'); if (inp && !inp.disabled) openPicker(inp.dataset.sid); return }
     if (action === 'att-remove') return removeAttachment(btn.dataset.lid)
     if (action === 'att-retry') return retryAttachment(btn.dataset.lid)
     if (action === 'att-open') return openAttachment(btn)
@@ -9491,7 +9942,7 @@ function docViewerEl() {
   document.body.appendChild(el)
   return el
 }
-function closeDoc() { closeActionMenu(); endDocPrint(); const el = document.getElementById('docViewer'); if (el) { el.hidden = true; el.querySelector('.dv-body').innerHTML = ''; const back = el.classList.contains('dv-isref') ? refUi.from : null; el.classList.remove('dv-isref'); refUi.sid = null; refUi.from = null; refUi.r = null; if (back && back.isConnected) back.focus({ preventScroll: true }) } docUi.r = null; document.documentElement.classList.remove('dv-open') }
+function closeDoc() { closeActionMenu(); endDocPrint(); const el = document.getElementById('docViewer'); if (el) { el.hidden = true; el.classList.remove('dv-isdec'); el.querySelector('.dv-body').innerHTML = ''; const back = el.classList.contains('dv-isref') ? refUi.from : null; el.classList.remove('dv-isref'); refUi.sid = null; refUi.from = null; refUi.r = null; if (back && back.isConnected) back.focus({ preventScroll: true }) } docUi.r = null; document.documentElement.classList.remove('dv-open') }
 document.addEventListener('keydown', (ev) => { if (ev.key === 'Escape' && !escInTerminal(ev) && document.getElementById('docViewer') && !document.getElementById('docViewer').hidden) closeDoc() })
 async function openDoc(sessionId, { path, plan } = {}) {
   if (!sessionId || (!path && !plan)) return