@leftoff/cli 0.9.18-beta.9 → 0.9.18

package/ui/app.js

@@ -1,8 +1,10 @@
 // Leftoff web UI: plain JS, no build step, no CDN. Talks to the daemon's
 // /v1 API on the same origin (auth rides the cookie set at GET /).
 import { goWithFeedback, goState, GIVE_UP_MS } from './go.js'
+import { mcpSetupHtml, mcpStateHtml } from './mcp-setup.js'
+import { paintDigestVersion } from './digest-versions.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 { fullViewportFit, isTypingTarget, outOfView, sheetAside, SHEET_BACK_AFTER_BLUR_MS, SETTLE_AFTER_BLUR_MS, SETTLE_WHILE_TYPING_MS, FOLLOW_FRAMES_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
@@ -12,9 +14,9 @@ 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 { canStartPull, pullStep, pullRelease, onPullHead } from './pull.js'
 import { navHideStep, NAVHIDE_TYPING } from './navhide.js'
 import { loadSessionOrWait, loadingFromHtml, missingSessionHtml, missingKind, startedHref, startingHtml, STARTING_MS } from './session-missing.js' // 0.9.12: a session this Mac can't load
 import { openLightbox } from './lightbox.js' // 0.9.8: the image preview
@@ -23,6 +25,7 @@ import { isBlank, composerKey, isTouchUi, composerHeight, composerBoxHtml, keepF
 import { parseBang, dropBang, ptyInput, commandOutput, outputMessage, createBangStore, bangRowHtml, cmdLabel } from './bang.js' // 0.9.15 "!" commands
 import { withFresh, pickFresh, newerFresh, freshWins, pendingHeadless, settled as headlessSettled } from './headless-fresh.js' // 0.9.9 another Mac's session, current after Stop/Resume/Permissions
 import { bgPillHtml } from './bgtasks.js' // 0.9.13 "2 tasks running"
+import { subPillHtml, subStripHtml, subSig } from './subagents-view.js' // 2026-11-06 "2 subagents working"
 import { scopeHtml, scopeHintHtml, scopeStart } from './sm-scope.js' // 0.9.15 per-machine summarizer
 import { startPageHtml, startPick, startAsksBanner, headlessBarHtml, hmHelpId, modePillHtml, termPillHtml, termBarHtml, modeLabel, startsSettingHtml, localPillHtml, lockedAttrs, lockHtml, startViewerLocal as startViewerAt, startTexts, fillStartTexts, browseTarget, startPairAskHtml, typedPath, fillApproved, startBody, startExtrasNote, startProjectLineHtml, START_SID, startAttachTodo, newDraftId } from './start.js' // 0.9.9 New session
 import { parseNewSession, projectStartItems, newSessionContext, startStateFor } from './cmdk-new.js' // 0.9.13 ⌘K New session…
@@ -43,27 +46,30 @@ 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 { STATE_IC as PR_STATE_IC, cardPrsHtml, sessionPrsSection, prsPageHtml, prsBodyHtml, prRowHtml, prRows, readPrFilter, prsHash, prCopyClick, WALK_IC as PR_WALK_IC, GH_MARK as PR_GH_IC, safeUrl as prSafeUrl } 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 { anyPending, shouldPoll, streamDead, isStale, liveSignature, wakeReason, createWake, createWatchdog, HEARTBEAT_MS, POLL_MS, AWAY_MS, resumedAfter, catchUp, viewSignature } from './live-wake.js' // 0.9.8 live after sleep; 2026-11-06 catch up on return
 import { mountPush, paintPush } from './push.js' // 0.9.8 phone notifications
 import { createViewStore, viewRouteStep, fullHrefWith, notifyHash } from './full-mem.js' // 0.9.15 a session opens the way you left it, on this device
 import { TABS_KEY, layoutFor, parseStored, serialize, openTab, promote, remember, closeTab, neighbours, indexOf, sessionOfHash, keepHash, tabView, stripHtml, allTabsItems, openRowHtml, pagerHtml, swipeDir, fullTabsHtml, tabTarget, moveTabBefore, syncPins, legacyPins, isPinned } from './tabs.js'
-import { fsSideHtml, createSideStore, railHtml, createWidthStore, clampSideWidth, sideMax, SIDE_W_STEP, SIDE_W_DEFAULT, WIDE_MIN } from './fs-side.js'
+import { fsSideHtml, createSideStore, railHtml, createWidthStore, clampSideWidth, sideMax, SIDE_W_STEP, SIDE_W_DEFAULT, WIDE_MIN, sheetDragStart, sheetDragOffset, sheetDragFlips } 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, 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 { walkthroughHtml, hydrateWalkthrough, fmToggle, eyeCountHtml, reviewedSet, stepAfter, visibleSteps, stepPos, toMarkdown, toHtmlDoc, exportName, revNextState, revNextLabel, revNextTip, 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, isPrKey, prScopeTip } 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 { spotsFor, spotFrom, spotTip, 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
 import { lastReply, ghostShows } from './ghost.js'
+import { slashTarget, slashMenu, slashMove, slashKey, slashMenuHtml } from './slash.js' // slash commands from the board
 import { digestHeadline, todayHidden, hideToday, todayCardHtml } from './today.js' // 0.9.16 the board's Today card // 0.9.16 the suggested next message // 0.9.16 the session panel beside full screen
 import { machinesListHtml, pendingCardsHtml, machineDialogHtml, stateOf as machineStateOf } from './machine-life.js' // 0.9.16 rename, re-pair, retire, merge
 import { reorderable, reordering } from './reorder.js' // 0.9.16 drag tabs to reorder // 0.9.8 tabs for sessions
+import { isHtmlDoc, remoteRefs, localRefs, previewDoc, previewBarHtml, PREVIEW_PAGE, VIEW_KEY as HP_VIEW_KEY } from './html-preview.js'
 import { todosSection, sessionTodosSection, cardHandoffChips, sessionFilesSection, docViewerBody, docDownloadHref, docMenuItems, docFileName, renderDoc } from './handoffs.js'
 import { widState, whatItDidSection, copyText as widCopyText, loadError as widError, hiddenText as widHidden, slotSource as widSlot } from './what-it-did.js' // 0.9.8 What it did
 import { copyButtonHtml, copyClick } from './copy-msg.js' // 0.9.11: Copy on Claude's messages
@@ -76,7 +82,10 @@ import { isDone, stillWorking, canMarkDone, DONE_CONFIRM, DONE_TIP, UNDONE_TIP,
 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 { decidedListHtml, decisionsGivenHtml, reviewCountHtml, decisionScope, decisionsPageHtml, projectDecisionsHtml, decisionItemHtml, decisionsHref } from './decisions.js' // 2026-11-03 decision memory
+import { cpFoldSummary, workItems } from './cp-fold.js' // 2026-11-05 the fold names what's inside
+import { digestBodyHtml } from './render-digest.js' // 2026-11-06 the digest renderer, shared with leftoff export
+import { digestExportHtml, decisionsExportHtml, walkthroughExportHtml, exportFileName } from './render-export.js' // 2026-11-06 Save as HTML (the same file leftoff export writes)
+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
@@ -465,7 +474,7 @@ function copiedMark(btn) {
   btn._copied = setTimeout(() => { btn.classList.remove('copied'); btn.innerHTML = icon('copy'); btn.setAttribute('aria-label', 'Copy resume command'); btn.title = tip }, 1500)
 }
 // 0.9.13: 'background' reads "2 tasks running", its tip naming them (ui/bgtasks.js)
-const pill = (status, s) => status === 'background' && s ? bgPillHtml(s, esc) : '<span class="pill s-' + esc(status) + '">' + esc(LABEL[status] || status) + '</span>'
+const pill = (status, s) => s && (status === 'active' || status === 'background') && s.subagents && s.subagents.n > 0 ? subPillHtml(s, esc) : status === 'background' && s ? bgPillHtml(s, esc) : '<span class="pill s-' + esc(status) + '">' + esc(LABEL[status] || status) + '</span>'
 // 0.9.8 Live link: the session's channel is listening (send it prompts from here)
 // It pulses while Claude is running a turn (liveWorking), steady when idle; lockPulses keeps redraws from restarting it.
 const liveBadge = (s) => (ownerOffline(s) ? '' : liveBadgeHtml(s)) // 0.9.14: an asleep Mac's channel isn't listening
@@ -499,8 +508,11 @@ 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', '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
@@ -519,11 +531,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)
@@ -533,16 +545,20 @@ function cpBlock(cp, { showWhen = true, more = false, open = false, md = false,
   }
   // 0.9.15: what the session is for and how far along, above its latest step
   const goal = rows && !rows.goal ? '' : String(cp.goal || '').trim(), prog = String(cp.progress || '').trim()
-  if (part === 'tail') return '<dl class="cp cp-tail' + (cp.format === 'markdown' ? ' cp-salvaged' : '') + '"><dt>Stopped</dt>' + dd(cp.stoppedAt) + (String(cp.next || '').trim() ? '<dt>Next</dt>' + dd(cp.next, 'next' + (you ? ' you' : '')) : '') + '</dl>'
+  // 2026-11-06: what the session's commands show got done (commits, PRs, tests), above where it stopped
+  const wl = workItems(cp)
+  const doneRow = wl.length ? '<dt>Got done</dt><dd class="cp-done"><ul>' + wl.map((x) => '<li class="dn dn-' + x.kind + '">' + fmtCode(x.text) + '</li>').join('') + '</ul></dd>' : ''
+  if (part === 'tail') return '<dl class="cp cp-tail' + (cp.format === 'markdown' ? ' cp-salvaged' : '') + '">' + doneRow + '<dt>Stopped</dt>' + dd(cp.stoppedAt) + (String(cp.next || '').trim() ? '<dt>Next</dt>' + dd(cp.next, 'next' + (you ? ' you' : '')) : '') + '</dl>'
   if (part === 'head') return (goal || String(cp.doing || '').trim() ? '<dl class="cp cp-head">' + (goal ? '<dt>Goal</dt><dd class="goal">' + fmtCode(goal) + (prog ? '<span class="cp-prog"> · ' + fmtCode(prog) + '</span>' : '') + '</dd>' : '') + (String(cp.doing || '').trim() ? '<dt>Doing</dt>' + dd(cp.doing) : '') + '</dl>' : '') + (n ? '<div class="cpx">' + cpExtras(cp, paths) + '</div>' : '')
   return '<dl class="cp' + (cp.format === 'markdown' ? ' cp-salvaged' : '') + '">' +
     (goal ? '<dt>Goal</dt><dd class="goal">' + fmtCode(goal) + (prog ? '<span class="cp-prog"> · ' + fmtCode(prog) + '</span>' : '') + '</dd>' : '') +
     (rows && !rows.doing ? '' : '<dt>Doing</dt>' + dd(cp.doing)) +
+    (rows ? '' : doneRow) +
     '<dt>Stopped</dt>' + dd(cp.stoppedAt) +
     (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.
@@ -1131,8 +1147,27 @@ function card(s) {
 // 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' : '') }
+// 2026-11-06 a PR range has no This session · Whole folder: it is the PR's own commits
+function wtBody(sid, extra = {}) { const sc = wtUi.scope.get(sid) || 'session'; return { scope: sc, ...(fileScope.get() === 'folder' && !isPrKey(sc) ? { files: 'folder' } : {}), ...extra } }
+function wtKey(sid) { const sc = wtUi.scope.get(sid) || 'session'; return sid + '|' + sc + (fileScope.get() === 'folder' && !isPrKey(sc) ? '|folder' : '') }
+// the ranges the daemon last listed for a session (any range's answer carries them all)
+function wtScopesOf(sid) { for (const [k, d] of wtUi.data) if (k.startsWith(sid + '|') && d && Array.isArray(d.scopes)) return d.scopes; return [] }
+function openWtPrMenu(btn, sid) {
+  const cur = wtUi.scope.get(sid)
+  const prs = wtScopesOf(sid).filter((x) => isPrKey(x.key))
+  lastMenuAnchor = btn
+  openActionMenu(btn, prs.map((x) => ({ label: x.label + (x.title ? ' · ' + x.title : ''), sub: prScopeTip({ repo: x.repo, state: x.state }), icon: PR_STATE_IC[x.state] || icon('git-pull-request'), cls: x.key === cur ? 'on' : '', on: x.key === cur, onLabel: 'shown now',
+    attrs: { 'data-action': 'wt-scope', 'data-id': sid, 'data-scope': x.key } })), { title: 'Walk through one PR' })
+}
+// 2026-11-06 a PR row's Open: where to (the session's walkthrough on this PR, or GitHub)
+function openPrOpenMenu(btn) {
+  const d = btn.dataset, n = '#' + d.num
+  lastMenuAnchor = btn
+  openActionMenu(btn, [
+    { label: 'Walk me through it', sub: 'In Leftoff', icon: PR_WALK_IC, attrs: { 'data-action': 'wt-open', 'data-id': d.id, 'data-scope': d.scope } },
+    ...(d.url ? [{ label: 'Open on GitHub', sub: (d.repo ? d.repo + ' ' : '') + n, icon: PR_GH_IC, attrs: { 'data-action': 'pr-gh', 'data-url': d.url } }] : []),
+  ], { title: 'Open ' + n })
+}
 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) {
@@ -1142,6 +1177,8 @@ function wtRestore(sid) {
 }
 async function wtOpen(sid, scope = null) {
   const s = wtSession(sid)
+  // 2026-11-06 from the PRs page, a session this page hasn't loaded: its page opens on the walkthrough (wtRestore)
+  if (!s && scope && sid) { try { sessionStorage.setItem('lo-wt', JSON.stringify({ sid, scope, view: 'story' })) } catch {} wtUi.restored = false; if (wtUi.sid === sid) wtUi.sid = null; location.hash = fullHref(sid); return }
   if (!s || s.agent) return
   wtUi.sid = sid
   if (scope) { wtUi.scope.set(sid, scope); wtUi.fellBack.delete(sid) }
@@ -1232,7 +1269,7 @@ function wtFallBack(sid) { wtUi.scope.set(sid, 'session'); wtUi.fellBack.add(sid
 // 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, peek = false } = {}) {
-  const k = wtKey(sid)
+  let 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) }
   if (wtUi.loading.has(k) || (wtUi.data.has(k) && !fresh && !update)) return wtFill(wtSession(sid))
@@ -1241,6 +1278,8 @@ async function wtLoad(sid, { fresh = false, update = false, peek = false } = {})
   try {
     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
+    // 2026-11-06 the old 'pr' (remembered from before): the daemon answers for that PR's own range
+    if (r && wtUi.scope.get(sid) === 'pr' && isPrKey(r.scope) && r.scope !== 'pr') { wtUi.scope.set(sid, r.scope); wtRemember(); wtUi.loading.delete(k); k = wtKey(sid); wtUi.loading.add(k) }
     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)
@@ -1319,11 +1358,30 @@ function wtRestoreView(node) {
   wtStuck(node.querySelector('.wt-scroll'))
 }
 // The reviewed marks and the count, in place (no redraw).
+// the steps reviewed, as saved plus the marks still on their way
+function wtRevNow(s, data) {
+  const rev = reviewedSet(s, data.fingerprint)
+  for (const x of wtUi.pending) if (x.fp === data.fingerprint) { if (x.on) rev.add(x.step); else rev.delete(x.step) }
+  return rev
+}
+// the slides as revNextState reads them: each step's id and number
+function wtDeckSteps(slides, data) {
+  const by = new Map((data.steps || []).map((x) => [x.id, x]))
+  return slides.map((x) => { const st = x.dataset.step && by.get(x.dataset.step); return { step: st ? { id: st.id, n: st.n } : null } })
+}
+// Mark reviewed & next / & step N / & finish, for the slide on screen and what's reviewed now
+function wtRevBtn(node, data, rev) {
+  const deck = node.querySelector('#wtDeck'), rv = node.querySelector('#wtDrev'); if (!deck || !rv) return
+  const slides = [...deck.children], rs = revNextState(wtDeckSteps(slides, data), Number(deck.dataset.cur) || 0, rev)
+  rv.hidden = !rs.show
+  const [l, sh] = revNextLabel(rs.last, rs.back)
+  rv.setAttribute('aria-label', l); rv.dataset.tip = revNextTip(rs)
+  const a1 = rv.querySelector('.wt-dl-l'), a2 = rv.querySelector('.wt-dl-s'); if (a1) a1.textContent = l; if (a2) a2.textContent = sh
+}
 function wtMarks(s) {
   const node = wtUi.node; if (!node || !s) return
   const data = wtUi.data.get(wtKey(s.id)); if (!data || data.status !== 'ok') return
-  const rev = reviewedSet(s, data.fingerprint)
-  for (const x of wtUi.pending) if (x.fp === data.fingerprint) { if (x.on) rev.add(x.step); else rev.delete(x.step) }
+  const rev = wtRevNow(s, data)
   for (const a of node.querySelectorAll('article.wt-st')) {
     const on = rev.has(a.dataset.step)
     a.classList.toggle('done', on)
@@ -1333,6 +1391,8 @@ function wtMarks(s) {
   for (const d of node.querySelectorAll('.wt-dot[data-step]')) { const on = rev.has(d.dataset.step); if (d.classList.contains('done') !== on) { d.classList.toggle('done', on); d.setAttribute('aria-label', d.getAttribute('aria-label').replace(/, reviewed$/, '') + (on ? ', reviewed' : '')) } } // 0.9.18 a ✓ on its dot
   for (const g of node.querySelectorAll('.wt-ag[data-step] .wt-ag-ok')) g.hidden = !rev.has(g.closest('.wt-ag').dataset.step)
   const p = node.querySelector('#wtProg'); if (p) p.textContent = (data.steps || []).filter((x) => rev.has(x.id)).length + ' of ' + (data.steps || []).length + ' reviewed'
+  const all = node.querySelector('#wtAllDone'); if (all) all.hidden = !((data.steps || []).length && data.steps.every((x) => rev.has(x.id)))
+  wtRevBtn(node, data, rev)
 }
 async function wtReviewed(sid, step, { force = null, advance = true } = {}) {
   const s = wtSession(sid)
@@ -1358,11 +1418,13 @@ async function wtReviewed(sid, step, { force = null, advance = true } = {}) {
 function wtRevNext() {
   const node = wtUi.node, deck = node && node.querySelector('#wtDeck'); if (!deck) return
   const slides = [...deck.children], cur = wtDeckCur()
-  const st = revNextState(slides.map((x) => ({ step: x.dataset.step || null })), cur)
+  const sid = wtUi.sid, s = wtSession(sid), data = wtUi.data.get(wtKey(sid))
+  if (!s || !data) return
+  const rev = wtRevNow(s, data)
+  const st = revNextState(wtDeckSteps(slides, data), cur, rev)
   if (!st.show) return void wtSlideGo(cur + 1)
-  const step = slides[cur].dataset.step, sid = wtUi.sid, s = wtSession(sid), data = wtUi.data.get(wtKey(sid))
-  const done = s && data && (reviewedSet(s, data.fingerprint).has(step) || wtUi.pending.some((x) => x.fp === data.fingerprint && x.step === step && x.on)) && !wtUi.pending.some((x) => data && x.fp === data.fingerprint && x.step === step && !x.on)
-  if (!done) wtReviewed(sid, step, { force: true, advance: false })
+  const step = slides[cur].dataset.step
+  if (!rev.has(step)) wtReviewed(sid, step, { force: true, advance: false })
   wtSlideGo(st.to)
 }
 function wtGo(sid, step, { group = null, file = null } = {}) {
@@ -1413,8 +1475,7 @@ function wtSlideGo(i) {
   if (nav) {
     nav.querySelector('.wt-dprev').disabled = i === 0
     nav.querySelector('.wt-dnext').disabled = i === n - 1
-    const rv = nav.querySelector('#wtDrev'), rs = revNextState(slides.map((x) => ({ step: x.dataset.step || null })), i)
-    if (rv) { rv.hidden = !rs.show; const [l, sh] = revNextLabel(rs.last); rv.setAttribute('aria-label', l); rv.dataset.tip = rs.last ? REVFINISH_TIP : REVNEXT_TIP; const a1 = rv.querySelector('.wt-dl-l'), a2 = rv.querySelector('.wt-dl-s'); if (a1) a1.textContent = l; if (a2) a2.textContent = sh }
+    const s = wtSession(wtUi.sid); if (s && data.fingerprint) wtRevBtn(node, data, wtRevNow(s, data))
     const now = nav.querySelector('#wtDnow'); if (now) now.textContent = (slides[i].getAttribute('aria-label') || '').replace(/^Step \d+ of \d+: /, '')
     const c = nav.querySelector('#wtDcount'); if (c) c.textContent = (i + 1) + ' / ' + n
     ;[...nav.querySelectorAll('.wt-dot')].forEach((d, j) => { d.classList.toggle('cur', j === i); if (j === i) d.setAttribute('aria-current', 'step'); else d.removeAttribute('aria-current') })
@@ -1477,11 +1538,26 @@ function wtExport(kind) {
   if (!s || !data || data.status !== 'ok') return
   const title = s.title || 'Session'
   if (kind === 'md') return copy(toMarkdown(data, { title })).then((ok) => toast(ok ? 'Copied as Markdown · paste it into the PR' : 'Couldn’t copy', 3000))
-  const html = toHtmlDoc(data, { title, repo: [s.repoLabel || s.repoName || '', s.repo && s.repo.branch].filter(Boolean).join(' · '), when: data.generatedAt ? clock(data.generatedAt) : '' })
+  return saveHtmlFile(walkthroughExportHtml(data, { ...s, title }), exportName(title)) // 2026-11-06 the same file as leftoff export walkthrough
+}
+// 2026-11-06 Save as HTML (digest, decision log, walkthrough): one self-contained file. On a phone the
+// share sheet (Save to Files, AirDrop, Mail …) where it takes files; else a download. Nothing is uploaded.
+async function saveHtmlFile(html, name) {
+  const coarse = !!(window.matchMedia && window.matchMedia('(pointer: coarse)').matches)
+  if (coarse && typeof File === 'function' && navigator.canShare && navigator.share) {
+    try {
+      const f = new File([html], name, { type: 'text/html' })
+      if (navigator.canShare({ files: [f] })) { await navigator.share({ files: [f], title: name.replace(/\.html$/, '') }); return true }
+    } catch (e) { if (e && e.name === 'AbortError') return false } // closed the sheet: nothing else
+  }
   const url = URL.createObjectURL(new Blob([html], { type: 'text/html' }))
-  const a = document.createElement('a'); a.href = url; a.download = exportName(title); document.body.appendChild(a); a.click(); a.remove()
+  const x = document.createElement('a'); x.href = url; x.download = name; document.body.appendChild(x); x.click(); x.remove()
   setTimeout(() => URL.revokeObjectURL(url), 4000)
+  toast('Saved ' + name + ' · one file, opens offline', 3000)
+  return true
 }
+const SAVE_HTML_TIP = 'Save as HTML · one file with nothing linked out: opens offline, on a phone, and prints'
+const saveHtmlBtn = (action, cls = '') => '<button type="button" class="btn save-html' + (cls ? ' ' + cls : '') + '" data-action="' + action + '" data-tip="' + esc(SAVE_HTML_TIP) + '" aria-label="Save as HTML">' + icon('download') + '<span class="save-html-l">Save as HTML</span></button>'
 // ---------------------------------------------------------------- 2026-10-30 walkthrough round 3
 // Line refs for Ask (asked: "reference line(s) in a file or multiple files for the ask"): a line
 // number picks it; shift-click or a drag across numbers, a range; Cmd/Ctrl-click adds another (any
@@ -1615,37 +1691,71 @@ function wtReveal(key, ri, { flash = false } = {}) {
 // Next spot (asked: "some sort of jump to next spot to really look at button"): the button and n
 // (Shift+N back) walk ui/walk-spots.js's spots across steps; the reason shows as a tag at the line
 function wtSpots(data) { return data && data.status === 'ok' ? spotsFor(data, readingOrder(data.steps, data)) : [] }
+// 2026-11-06 from where you're reading (ui/walk-spots.js spotFrom): the slide on screen, or on the
+// long page the step you're at; -1 the overview, Infinity Safe to skip
+function wtSpotAt(data) {
+  const order = readingOrder(data.steps, data).map((x) => x.id)
+  const rank = (id) => order.indexOf(id)
+  const deck = wtUi.node && wtUi.node.querySelector('#wtDeck')
+  let at = -1
+  if (deck) { const sl = deck.children[Number(deck.dataset.cur) || 0]; at = !sl || sl.dataset.slide === '0' ? -1 : sl.dataset.step ? rank(sl.dataset.step) : Infinity }
+  else { const c = wtUi.cur.get(wtKey(wtUi.sid)); at = c ? rank(c) : -1 }
+  return { rank, at }
+}
 function wtSpotGo(dir = 1) {
   const sid = wtUi.sid, data = sid && wtUi.data.get(wtKey(sid))
   if (!data || data.status !== 'ok' || !wtUi.node) return
   const spots = wtSpots(data)
   if (!spots.length) return
   const cur = wtUi.spot.has(data.fingerprint) ? wtUi.spot.get(data.fingerprint) : -1
-  const i = nextSpotIndex(spots.length, cur, dir)
+  const { rank, at } = wtSpotAt(data)
+  const i = spotFrom(spots, rank, at, cur, dir)
   wtUi.spot.set(data.fingerprint, i)
   const sp = spots[i]
+  const row = wtReveal('s:' + sp.step + ':' + sp.snip, wtSpotRi(data, sp))
+  wtSpotPaint()
+  if (!row) return
+  const n = wtUi.node.querySelector('#wtSpotN'); if (n) n.textContent = spotCountWords(spots.length, i)
+  const b = wtUi.node.querySelector('.wt-spot'); if (b) b.setAttribute('aria-label', 'Next spot to look at, ' + spotCountWords(spots.length, i))
+}
+// a spot -> its row's index in its snippet's drawn diff
+function wtSpotRi(data, sp) {
   const st = (data.steps || []).find((x) => x.id === sp.step)
   const sn = st && st.snippets[sp.snip]
   const rows = sn ? rowsOf(sn.patch) : []
-  const ri = rows.findIndex((r) => (r.k === 'add' || r.k === 'del' || r.k === 'ctx') && (sp.side === 'old' ? r.o : r.n) === sp.line)
-  for (const x of wtUi.node.querySelectorAll('.wt-spot-on')) x.classList.remove('wt-spot-on')
-  for (const x of wtUi.node.querySelectorAll('.wt-spot-tag')) x.remove()
-  const row = wtReveal('s:' + sp.step + ':' + sp.snip, ri)
-  // in the split drawing a removed line is the left half, an added one the right
-  const gd = row && row.closest('.wt-gd')
-  const cands = gd ? [...gd.querySelectorAll('[data-ri="' + ri + '"]')] : []
-  const at = cands.find((x) => x.classList.contains(sp.side === 'new' ? 'gd-hr' : 'gd-hl')) || cands[0] || null
-  if (at) {
-    at.classList.add('wt-spot-on')
-    const tag = document.createElement('span')
-    tag.className = 'wt-spot-tag'
-    tag.setAttribute('role', 'note')
-    tag.innerHTML = icon('crosshair') + '<span></span>'
-    tag.lastChild.textContent = sp.why || 'Worth a look'
-    at.appendChild(tag)
-  }
-  const n = wtUi.node.querySelector('#wtSpotN'); if (n) n.textContent = spotCountWords(spots.length, i)
-  const b = wtUi.node.querySelector('.wt-spot'); if (b) b.setAttribute('aria-label', 'Next spot to look at, ' + spotCountWords(spots.length, i))
+  return rows.findIndex((r) => (r.k === 'add' || r.k === 'del' || r.k === 'ctx') && (sp.side === 'old' ? r.o : r.n) === sp.line)
+}
+// 2026-11-06 (Joel: "it's the only time you see the special chip, that should probably be visible
+// all the time"): every spot's chip sits at its line whenever its diff is drawn, the one Next spot
+// is on marked; each chip explains itself in a tip (hover, focus, or a tap on a phone: ui/tips.js)
+function wtSpotPaint() {
+  const node = wtUi.node, sid = wtUi.sid, data = sid && wtUi.data.get(wtKey(sid))
+  if (!node || !data || data.status !== 'ok' || wtUi.view !== 'story') return
+  const spots = wtSpots(data)
+  const cur = wtUi.spot.has(data.fingerprint) ? wtUi.spot.get(data.fingerprint) : -1
+  spots.forEach((sp, i) => {
+    const gd = node.querySelector('.wt-gd[data-wtk="' + CSS.escape('s:' + sp.step + ':' + sp.snip) + '"]')
+    if (!gd) return
+    const ri = wtSpotRi(data, sp)
+    const cands = [...gd.querySelectorAll('[data-ri="' + ri + '"]')]
+    // in the split drawing a removed line is the left half, an added one the right
+    const at = cands.find((x) => x.classList.contains(sp.side === 'new' ? 'gd-hr' : 'gd-hl')) || cands[0]
+    if (!at) return
+    let tag = at.querySelector(':scope > .wt-spot-tag')
+    if (!tag) {
+      const id = 'wt-spot-tip-' + i
+      tag = document.createElement('span')
+      tag.className = 'wt-spot-tag'
+      tag.innerHTML = '<button type="button" class="tip-btn wt-spot-chip" aria-expanded="false" aria-controls="' + id + '" aria-describedby="' + id + '">' + icon('crosshair') + '<span></span></button><span class="tip" role="tooltip" id="' + id + '" hidden></span>'
+      tag.querySelector('.wt-spot-chip span').textContent = sp.why || 'Worth a look'
+      tag.querySelector('.wt-spot-chip').setAttribute('aria-label', 'Spot ' + (i + 1) + ' of ' + spots.length + ': ' + (sp.why || 'worth a look') + '. Why it is a spot')
+      tag.querySelector('.tip').textContent = spotTip(sp)
+      at.appendChild(tag)
+    }
+    const on = i === cur
+    at.classList.toggle('wt-spot-on', on)
+    tag.classList.toggle('cur', on)
+  })
 }
 // Unified / Split (asked: "Should we offer a side by side diff view too?"): kept per device; split
 // only on a screen 1000px or wider, else unified (the toggle is hidden there)
@@ -1653,7 +1763,7 @@ const wtWide = window.matchMedia ? window.matchMedia('(min-width: ' + SPLIT_MIN
 function wtSplitPref() { try { return localStorage.getItem('lo-wt-split') === '1' } catch { return false } }
 function wtSplitOn() { return wtSplitPref() && !!(wtWide && wtWide.matches) }
 if (wtWide && wtWide.addEventListener) wtWide.addEventListener('change', () => { if (wtUi.sid && wtSplitPref()) { wtUi.sig = ''; wtFill(wtSession(wtUi.sid)) } })
-function wtHydrate(node, data) { return hydrateWalkthrough(node, data, { renderDiff, renderSplit, split: wtSplitOn(), esc, icon }) }
+function wtHydrate(node, data) { const r = hydrateWalkthrough(node, data, { renderDiff, renderSplit, split: wtSplitOn(), esc, icon }); if (node === wtUi.node) wtSpotPaint(); return r }
 // the file list folds to a rail ([ or its button) and its edge drags; both kept per device
 function wtRailOn() { try { return localStorage.getItem('lo-wt-rail') === '1' } catch { return false } }
 function wtListUp() {
@@ -1820,6 +1930,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 = '') {
@@ -1830,7 +1943,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) {
@@ -1844,13 +1957,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
@@ -2590,9 +2703,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>' +
@@ -2898,8 +3033,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>' : ''
@@ -2945,9 +3080,9 @@ function sessionPageHtml(s, { spv = null, live: liveV = null, lists = null } = {
   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>'
   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 (cps.length && Array.isArray(cps[0].decided) && cps[0].decided.length) noteSessionDecisions(s)
-  if (cps.length && Array.isArray(cps[0].decided) && cps[0].decided.length) side += foldHtml({ key: 'cp-decided', title: 'Decided', count: cps[0].decided.length, open: sideFolds.open('cp-decided'), cls: 'fs-fold-in', body: decidedListHtml(cps[0].decided, { esc, log: decisionsUi.bySession[s.id] || null, repoId: s.decisionRepo || null, trusted: decisionsTrusted(), editing: decisionsUi.editing, may: !s.agent }) }, { esc }) // 2026-11-03 decision memory; 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) + '</div>' }, { esc })
+  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
@@ -3376,10 +3511,64 @@ document.addEventListener('scroll', (e) => {
   const el = e.target
   if (!el || !el.classList || !el.classList.contains('fs-side-in')) return
   const side = el.closest('.fs-side')
+  // 2026-11-06 not on a phone's sheet: there the head isn't pinned, so slimming it as you scroll moved the
+  // content under your finger by the head's change in height, which flipped it back (the sheet jumped)
+  if (sheetMq.matches) { if (side && side.classList.contains('is-scrolled')) side.classList.remove('is-scrolled'); fsScrolled = null; return }
   fsScrolled = side && el.scrollTop > 8 ? side.dataset.sid : null
   if (side) side.classList.toggle('is-scrolled', !!fsScrolled)
 }, true)
 
+// 2026-11-06 the phone's sheet follows a finger (ui/fs-side.js sheetDragStart): drag the peek up to
+// raise it, drag the raised sheet down from its peek, or from its content scrolled to the top, to lower
+// it. Anything else is the content's own native scroll, untouched.
+const sheetMq = window.matchMedia('(max-width: 600px)')
+{
+  let d = null
+  const travel = (side) => Math.max(0, side.getBoundingClientRect().height - (side.querySelector('.fs-peek') || side).getBoundingClientRect().height)
+  document.addEventListener('touchstart', (e) => {
+    d = null
+    if (!sheetMq.matches || e.touches.length !== 1) return
+    const side = e.target.closest && e.target.closest('#fsSide')
+    if (!side || side.classList.contains('collapsed') || !document.documentElement.classList.contains('live-full')) return
+    const fromPeek = !!e.target.closest('.fs-peek')
+    const inner = side.querySelector('.fs-side-in')
+    if (!fromPeek && e.target.closest('input, textarea, select, [contenteditable], pre, table, .scroll-x')) return
+    // a scroller of its own inside the content (a long list) that's scrolled: that's a scroll
+    for (let n = e.target; n && n !== inner && n !== side; n = n.parentElement) if (n.scrollTop > 0) return
+    const p = e.touches[0]
+    d = { side, x: p.clientX, y: p.clientY, at: Date.now(), up: side.classList.contains('sheet-up'), fromPeek, scrollTop: inner ? inner.scrollTop : 0, mode: null, travel: 0 }
+  }, { passive: true })
+  document.addEventListener('touchmove', (e) => {
+    if (!d || e.touches.length !== 1) return
+    const p = e.touches[0], dy = p.clientY - d.y, dx = p.clientX - d.x
+    if (!d.mode) {
+      d.mode = sheetDragStart({ up: d.up, fromPeek: d.fromPeek, scrollTop: d.scrollTop, dy, dx })
+      if (!d.mode) return
+      if (d.mode === 'scroll') { d = null; return } // the content's own scroll from here on
+      d.travel = travel(d.side)
+      d.side.classList.add('dragging')
+    }
+    if (e.cancelable) e.preventDefault() // the sheet moves, not the content's rubber band
+    const off = sheetDragOffset({ up: d.up, dy, travel: d.travel })
+    d.side.style.transform = 'translateY(' + ((d.up ? 0 : d.travel) + off) + 'px)'
+  }, { passive: false })
+  const end = (e, cancel) => {
+    const g = d
+    d = null
+    if (!g || g.mode !== 'drag') return
+    g.side.classList.remove('dragging')
+    g.side.style.transform = ''
+    const p = e.changedTouches && e.changedTouches[0]
+    if (cancel || !p) return
+    if (sheetDragFlips({ up: g.up, dy: p.clientY - g.y, ms: Date.now() - g.at })) {
+      toggleFsSheet()
+      sheetUi.ignoreClick = Date.now() // the click iOS sends after the drag isn't a tap on the peek
+    }
+  }
+  document.addEventListener('touchend', (e) => end(e, false), { passive: true })
+  document.addEventListener('touchcancel', (e) => end(e, true), { passive: true })
+}
+const sheetUi = { ignoreClick: 0 }
 function toggleFsSheet() {
   const side = document.getElementById('fsSide')
   if (!side) return
@@ -3434,10 +3623,33 @@ function setFullClass(on) {
 // 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)
+const lfKb = { scroll: null, settle: 0, blurAt: 0, back: 0, raf: 0, until: 0 } // scroll: window.scrollY as a text box took focus (iOS may scroll the page under the keyboard); blurAt: when a text box outside the sheet let go
+// 2026-11-06 the phone's session sheet steps aside while you type outside it (ui/viewport-fit.js sheetAside)
+function fitSheetAside() {
+  const html = document.documentElement, a = document.activeElement
+  const typing = isTypingTarget(a)
+  const inSheet = !!(typing && a.closest && a.closest('#fsSide'))
+  const aside = html.classList.contains('live-full') && sheetAside({ typing, inSheet, blurredMs: lfKb.blurAt ? Date.now() - lfKb.blurAt : null })
+  html.classList.toggle('lf-typing', aside)
+}
+// 2026-11-07: the thread at its end stays at its end as full screen changes height (the keyboard, the
+// sheet stepping aside): Chromium's scroll anchoring put a log that had grown back at its old scrollTop
+// as it shrank again, the scroll that made read as "you scrolled up" and the newest messages went
+// under the reply box. Measured before the change, put right after it.
+function logAtEnd() {
+  const ol = document.querySelector('.live-box.full .live-log')
+  return ol && ol._stick !== false && ol.scrollHeight - ol.clientHeight - ol.scrollTop <= 24 ? ol : null
+}
+function keepLogEnd(ol) { if (ol && ol.isConnected && ol.scrollHeight - ol.clientHeight - ol.scrollTop > 1) ol.scrollTop = ol.scrollHeight }
 function fitFullViewport() {
+  const end = document.documentElement.classList.contains('live-full') ? logAtEnd() : null
+  fitFullViewportNow()
+  keepLogEnd(end)
+}
+function fitFullViewportNow() {
   const vv = window.visualViewport
   const html = document.documentElement, st = html.style
+  fitSheetAside()
   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')
@@ -3470,7 +3682,21 @@ function keepTypingInView() {
 // 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)
+  if (isTypingTarget(document.activeElement) && document.documentElement.classList.contains('live-full')) { settleWhileTyping(1); followFrames() }
+}
+// 2026-11-06: and every frame for FOLLOW_FRAMES_MS after the box takes focus or iOS reports a change,
+// so the keyboard's animation (and iOS's numbers settling a frame or two late) is followed as it goes
+function followFrames() {
+  if (typeof requestAnimationFrame !== 'function') return
+  lfKb.until = performance.now() + FOLLOW_FRAMES_MS
+  if (lfKb.raf) return
+  const frame = () => {
+    lfKb.raf = 0
+    if (!isTypingTarget(document.activeElement) || !document.documentElement.classList.contains('live-full')) return
+    fitFullViewport()
+    if (performance.now() < lfKb.until) lfKb.raf = requestAnimationFrame(frame)
+  }
+  lfKb.raf = requestAnimationFrame(frame)
 }
 function settleWhileTyping(from = 0) {
   clearTimeout(lfKb.settle)
@@ -3490,15 +3716,23 @@ document.addEventListener('visibilitychange', () => { if (document.visibilitySta
 document.addEventListener('focusin', (e) => {
   if (!isTypingTarget(e.target) || !document.documentElement.classList.contains('live-full')) return
   if (lfKb.scroll == null) lfKb.scroll = window.scrollY
+  clearTimeout(lfKb.back); lfKb.blurAt = 0
+  { const end = logAtEnd(); fitSheetAside(); keepLogEnd(end) } // the sheet steps aside the moment the box takes focus, before the keyboard has said anything
   // 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)
+  followFrames()
 })
 // 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)
+  if (!(e.target.closest && e.target.closest('#fsSide'))) { // the sheet comes back a beat after the box lets go
+    lfKb.blurAt = Date.now()
+    clearTimeout(lfKb.back)
+    lfKb.back = setTimeout(() => { lfKb.blurAt = 0; fitSheetAside() }, SHEET_BACK_AFTER_BLUR_MS)
+  }
   let i = 0
   const step = () => {
     fitFullViewport()
@@ -3515,7 +3749,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
@@ -3614,7 +3850,7 @@ function liveBoxHtml(s, v, { strip = '' } = {}) {
     '<div class="live-thread" data-sid="' + esc(s.id) + '"><ol class="live-log" aria-live="polite" aria-label="Messages with this session">' +
       earlierHtml((v && v.earlier) || 0, { esc }) + threadHtml(msgs, { esc, ago, md: renderDoc, now, attHtml: (atts) => attBubbleHtml(atts, s.id), inserts: rows, openGroups: askUi.groups, earlier: (v && v.earlier) || 0, may, mode: s.headless ? s.headless.mode : null, acts: may && !docked && !ownerOffline(s) && !turnSpinning(s, now), retried: retryUi.done, retrying: retryUi.busy }) + '</ol>' +
       '<p class="faint live-empty"' + (msgs.length || rows.length ? ' hidden' : '') + '>Nothing sent yet. Claude answers here' + (s.headless ? '' : ' and in the terminal') + '.</p>' +
-      liveJumpHtml() + '</div>' +
+      liveJumpHtml() + '</div>' + '<div class="lv-subs-slot">' + subStripHtml((v && v.subagents) || s.subagents, esc) + '</div>' +
     (v && v.error ? '<p class="live-err">' + esc(v.error) + '</p>' : '') +
     (ownerOffline(s) ? '<p class="live-off" role="note">' + icon('wifi-off') + '<span>' + esc(awayNote(s)) + ' (' + esc(offlineLine(s)) + '). Sending and answering work again once it’s back.</span></p></section>' : // 0.9.14: no composer or Allow/Deny for an asleep Mac
     (strip ? '<div class="lf-needs">' + strip + '</div>' : '') + (dock ? '' : backHtml(s)) +
@@ -3979,6 +4215,7 @@ document.addEventListener('pointerdown', (ev) => { const a = document.activeElem
 function liveAfterRender(sid) {
   for (const ta of $app.querySelectorAll('.composer-input')) fitComposer(ta)
   bangAfterRender()
+  slashAfterRender()
   const r = liveKeeper.after($app)
   hydrateAttThumbs(); barWidths($app)
   fullAfterRender(sid)
@@ -4120,15 +4357,19 @@ const liveOnScreen = () => { const r = state.route; const box = document.querySe
 // Fetch the thread and diff it into the page, even while you type (busy()
 // holds full redraws back, never the thread). A turn that ended also redraws
 // the rest of the page (the pill stops pulsing) once you're not busy.
-async function refreshLive(reason) {
+async function refreshLive(reason, { force = false } = {}) {
   const id = liveOnScreen()
-  if (!id || liveUi.polling) return false
+  // 2026-11-06: a fetch that was in flight when the phone froze the page may never answer; coming
+  // back (force) doesn't wait behind it, and its late answer is dropped (the newer one wins)
+  if (!id || (liveUi.polling && !(force && Date.now() - (liveUi.triedAt || 0) > 1500))) return false
+  const gen = liveUi.gen = (liveUi.gen || 0) + 1
   liveUi.polling = true; liveUi.triedAt = Date.now()
   let v
-  try { v = await fetchLive(id, { timeoutMs: 8000 }) } finally { liveUi.polling = false }
+  try { v = await fetchLive(id, { timeoutMs: 8000 }) } finally { if (gen === liveUi.gen) liveUi.polling = false }
+  if (gen !== liveUi.gen) return false
   if (!v || v.error || liveOnScreen() !== id) { liveTick(); return false }
   const s = freshSession(state.sessions.find((x) => x.id === id))
-  const sig = liveSignature(v.messages)
+  const sig = liveSignature(v.messages) + '#' + subSig(v.subagents) // 2026-11-06: a subagent's step changes the thread's line
   const before = liveUi.sig[id]
   liveUi.sig[id] = sig
   if (s && before !== sig) {
@@ -4138,6 +4379,8 @@ async function refreshLive(reason) {
       const tmp = document.createElement('div')
       tmp.innerHTML = liveBoxHtml(s, v)
       const fresh = tmp.querySelector('.live-thread')
+      const slot = box.querySelector('.lv-subs-slot'), freshSlot = tmp.querySelector('.lv-subs-slot') // 2026-11-06: subagents working, outside the kept thread
+      if (slot && freshSlot) slot.innerHTML = freshSlot.innerHTML
       if (fresh) {
         const next = cur.nextSibling
         liveKeeper.before(box)
@@ -4157,8 +4400,13 @@ async function refreshLive(reason) {
 // The safety net, and the stream's watchdog, on one slow timer.
 const streamDog = createWatchdog()
 const wakeGate = createWake()
+let tickAt = Date.now() // 2026-11-06: the timer's own clock, to notice a frozen page (live-wake.js resumedAfter)
 setInterval(() => {
+  const was = tickAt; tickAt = Date.now()
   if (document.visibilityState === 'hidden') return
+  const frozen = resumedAfter(was, tickAt)
+  if (frozen) onWake({ type: 'resume', away: frozen })
+  if (renderDue && !busy()) { renderDue = false; render() } // a redraw a wake-up couldn't make while you typed
   const id = liveOnScreen()
   if (shouldPoll({ visible: true, onLive: !!id, pending: !!(id && liveUi.pending[id]) }) && Date.now() - Math.max(liveUi.okAt[id] || 0, liveUi.triedAt || 0) >= POLL_MS - 250) refreshLive('poll')
   if (streamDog.check() === 'dead') { connect(); refreshView('stream') }
@@ -4166,27 +4414,66 @@ setInterval(() => {
 // Coming back (iOS: the Home Screen app returns, the screen unlocks, a
 // bfcache restore, the network returns): fetch what's on screen at once, and
 // open a new stream if the old one missed its pings.
-function refreshView(reason) {
-  if (liveOnScreen()) refreshLive(reason)
-  if (!busy() && !(state.route && ['settings', 'setup'].includes(state.route.name))) render()
-  refreshHealth()
+let renderDue = false // 2026-11-06: a wake-up's redraw held back while you type (busy()); made once you stop
+let freshAt = Date.now() // when the view's data was last known current (a refetch that answered)
+const WAKES = new Set(['visible', 'focus', 'online', 'pageshow-bfcache', 'resume', 'reconnect', 'resync', 'relay-switch'])
+async function refreshView(reason) {
+  const editing = state.route && ['settings', 'setup'].includes(state.route.name)
+  const id = liveOnScreen()
+  const before = viewSignature(state.sessions, id ? liveUi.sig[id] : '')
+  const wake = WAKES.has(reason)
+  if (reason === 'reconnect' && Date.now() - wakeAt < 2500) return // the stream a wake-up just opened: that wake-up is reading the view
+  const jobs = [id ? refreshLive(reason, { force: wake }) : null, refreshHealth()]
+  if (editing) { /* Settings reads its own sections */ } else if (busy()) renderDue = true
+  else jobs.push(render())
+  await Promise.all(jobs.map((p) => Promise.resolve(p).catch(() => null)))
+  if (!wake) return
+  freshAt = Date.now()
+  const id2 = liveOnScreen()
+  if (viewSignature(state.sessions, id2 ? liveUi.sig[id2] : '') !== before) caughtUpCue()
+}
+// The quiet "Updated" a wake-up's refetch shows when it brought something new: a word and a check
+// (never color alone), no spinner, gone in a moment; still under reduced motion (app.css).
+function caughtUpCue() {
+  let el = document.getElementById('caughtUp')
+  if (!el) {
+    el = document.createElement('div')
+    el.id = 'caughtUp'; el.className = 'caught-up'; el.setAttribute('role', 'status'); el.setAttribute('aria-live', 'polite')
+    el.innerHTML = icon('check') + '<span>Updated</span>'
+    document.body.appendChild(el)
+  }
+  el.hidden = false; el.classList.remove('out'); void el.offsetWidth; el.classList.add('in')
+  clearTimeout(caughtUpCue.t)
+  caughtUpCue.t = setTimeout(() => { el.classList.remove('in'); el.classList.add('out'); caughtUpCue.t = setTimeout(() => { el.hidden = true }, 400) }, 1600)
 }
 let awayAt = 0 // when the page went to the background (hidden, or the window lost focus)
 function onWake(ev) {
   if (ev.type === 'blur' || (ev.type === 'visibilitychange' && document.visibilityState === 'hidden')) { awayAt = awayAt || Date.now(); return }
-  const why = wakeReason(ev.type, { visibilityState: document.visibilityState, persisted: !!ev.persisted })
+  const why = ev.type === 'resume' ? 'resume' : wakeReason(ev.type, { visibilityState: document.visibilityState, persisted: !!ev.persisted })
   if (!why) return
   liveTick() // a stale timer turns into "Reconnecting…" before anything else
-  const dead = !stream || stream.readyState === 2 || streamDead(streamDog.lastAt, Date.now(), HEARTBEAT_MS + 2000)
-  const away = awayAt ? Date.now() - awayAt : 0
+  const now = Date.now()
+  const dead = !stream || stream.readyState === 2 || streamDead(streamDog.lastAt, now, HEARTBEAT_MS + 2000)
+  const away = Math.max(awayAt ? now - awayAt : 0, ev.away || 0)
   awayAt = 0
-  // a click back into the window a moment later isn't a wake-up; coming back after a while, a restore or the network is
-  if ((why === 'focus' || why === 'visible') && away < AWAY_MS && !dead) return
-  if (!wakeGate.due()) return
-  if (why === 'pageshow-bfcache' || dead) connect()
+  // a click back into the window a moment later isn't a wake-up; coming back after a while, a
+  // restore, the network or a frozen page is (live-wake.js catchUp)
+  const plan = catchUp({ why, away, dead, freshAt: Math.max(freshAt, streamDog.lastAt || 0), now })
+  if (!plan.refetch) return
+  // the timer's freeze and the page's own events arrive together: one catch-up
+  if (now - wakeAt < 2500 && !dead) return
+  if (!wakeGate.due() && !plan.reconnect) return
+  wakeAt = now
+  if (plan.reconnect && now - (connect.at || 0) > 2000) connect()
   refreshView(why)
 }
+let wakeAt = 0
 for (const t of ['pageshow', 'focus', 'blur', 'online']) window.addEventListener(t, onWake)
+// 2026-11-06: the relay moved this board to another Mac: a new stream from it, and its data
+window.addEventListener('leftoff-relay', (e) => {
+  if (!(e.detail && e.detail.switched)) return
+  clearTimeout(onWake.sw); onWake.sw = setTimeout(() => { connect(); refreshView('relay-switch') }, 300)
+})
 // 0.9.15 (ui/away.js): when this board was last on screen here
 document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { if (presence.start()) { openAway.clear(); render() } } else presence.here() })
 window.addEventListener('pagehide', () => presence.here())
@@ -4402,6 +4689,91 @@ function bangAfterRender() {
     if (w && w.text === ta.value) { const row = box.querySelector('.composer-mode'); if (row && !row.classList.contains('why')) { row.hidden = false; row.classList.add('why'); const t = row.querySelector('.composer-mode-t'); if (t) t.textContent = 'Not run: ' + w.why } }
   }
 }
+// ------------------------------------------------------------ "/" commands (ui/slash.js, ui/slash-commands.js)
+// The menu lives in the Live composer's box, drawn from the text: a repaint draws it again (slashAfterRender).
+const slashUi = { active: -1, closedFor: null } // closedFor: the text Esc closed it on (it stays closed until the text changes)
+function slashFor(ta) {
+  const box = ta && ta.closest('.live-box .composer')
+  if (!box || ta.disabled) return null
+  if (slashUi.closedFor != null && slashUi.closedFor === ta.value) return null
+  return slashMenu(ta.value, { target: slashTarget(wtSession(box.dataset.sid)) })
+}
+function paintSlash(ta, { keep = false } = {}) {
+  const box = ta && ta.closest('.composer')
+  if (!box) return null
+  const menu = slashFor(ta)
+  let el = box.querySelector('.slash-menu')
+  if (!menu) {
+    if (el) el.remove()
+    box.classList.remove('has-slash'); ta.removeAttribute('aria-activedescendant'); ta.setAttribute('aria-expanded', 'false')
+    slashUi.active = -1
+    return null
+  }
+  if (!keep || slashUi.active >= menu.items.length || (menu.items[slashUi.active] || {}).off) slashUi.active = slashMove(menu, -1, 'first')
+  const id = 'slashMenu-' + box.dataset.sid
+  const html = slashMenuHtml(menu, { active: slashUi.active, id, esc })
+  if (el) el.outerHTML = html; else box.insertAdjacentHTML('afterbegin', html)
+  box.classList.add('has-slash')
+  ta.setAttribute('aria-controls', id); ta.setAttribute('aria-expanded', 'true')
+  if (slashUi.active >= 0) ta.setAttribute('aria-activedescendant', id + '-' + slashUi.active); else ta.removeAttribute('aria-activedescendant')
+  const on = box.querySelector('.slash-opt[aria-selected="true"]')
+  if (on && on.scrollIntoView) on.scrollIntoView({ block: 'nearest' })
+  return menu
+}
+function pickSlash(ta, value) {
+  ta.value = value
+  try { ta.setSelectionRange(value.length, value.length) } catch {}
+  ta.dispatchEvent(new Event('input', { bubbles: true })) // the draft, the size, the send button, and the next menu
+  ta.focus({ preventScroll: true })
+}
+document.addEventListener('input', (ev) => {
+  const ta = ev.target
+  if (!ta || !ta.classList || !ta.classList.contains('composer-input') || !ta.closest('.live-box')) return
+  if (slashUi.closedFor != null && slashUi.closedFor !== ta.value) slashUi.closedFor = null
+  paintSlash(ta)
+})
+// before the composer's own Enter (send) and Esc: with the menu open, the keys are the menu's
+window.addEventListener('keydown', (ev) => {
+  const ta = ev.target
+  if (ev.defaultPrevented || !ta || !ta.classList || !ta.classList.contains('composer-input')) return
+  const box = ta.closest('.live-box .composer')
+  if (!box || !box.querySelector('.slash-menu')) return
+  const k = slashKey(ev)
+  if (!k) return
+  const menu = slashFor(ta)
+  if (!menu) return
+  ev.preventDefault(); ev.stopPropagation()
+  if (k === 'move') { slashUi.active = slashMove(menu, slashUi.active, ev.key); paintSlash(ta, { keep: true }); return }
+  if (k === 'close') { slashUi.closedFor = ta.value; paintSlash(ta); return }
+  const it = menu.items[slashUi.active]
+  if (it && !it.off) pickSlash(ta, it.value)
+}, true)
+// a click or a tap picks; the textarea keeps focus (and a phone its keyboard). WebKit sends no click
+// for a tap here, so a tap picks on touchend (a drag that scrolls the list doesn't)
+function pickSlashOpt(o) {
+  if (!o || o.getAttribute('aria-disabled') === 'true') return false
+  const ta = o.closest('.composer') && o.closest('.composer').querySelector('.composer-input')
+  if (ta) pickSlash(ta, o.dataset.value)
+  return !!ta
+}
+let slashTap = null
+document.addEventListener('mousedown', (ev) => { if (ev.target && ev.target.closest && ev.target.closest('.slash-opt')) ev.preventDefault() })
+document.addEventListener('click', (ev) => { pickSlashOpt(ev.target && ev.target.closest && ev.target.closest('.slash-opt')) })
+document.addEventListener('touchstart', (ev) => {
+  const o = ev.target && ev.target.closest && ev.target.closest('.slash-opt')
+  slashTap = o && ev.touches.length === 1 ? { o, x: ev.touches[0].clientX, y: ev.touches[0].clientY } : null
+}, { passive: true })
+document.addEventListener('touchend', (ev) => {
+  const t = slashTap
+  slashTap = null
+  const p = ev.changedTouches && ev.changedTouches[0]
+  if (!t || !p || Math.abs(p.clientX - t.x) > 10 || Math.abs(p.clientY - t.y) > 10) return
+  if (pickSlashOpt(t.o)) ev.preventDefault() // no click after it, and the keyboard stays
+}, { passive: false })
+function slashAfterRender() {
+  const ta = document.activeElement
+  if (ta && ta.classList && ta.classList.contains('composer-input') && ta.closest('.live-box')) paintSlash(ta, { keep: true })
+}
 async function liveSendClick(btn) {
   const box = btn.closest('.live-box')
   const ta = box && box.querySelector('.live-text')
@@ -4528,10 +4900,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
@@ -4542,21 +4915,26 @@ function cpHeadLine(cp) {
     (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 = { bySession: {}, scope: null, view: null, all: false, editing: null, project: null, loadedRepo: {}, panelSession: null }
+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)
-// The session panel's Decided list reads the log's word on each one (once per repo per visit, quietly)
+// 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) => {
-    const norm = (t) => String(t || '').toLowerCase().replace(/[^\p{L}\p{N}]+/gu, ' ').trim()
-    const by = {}
-    for (const d of v.decisions || []) if (d.sessionId === s.id) { by[norm(d.text)] = d; if (d.original) by[norm(d.original.text)] = d }
-    decisionsUi.bySession[s.id] = by
-    const box = document.querySelector('[data-fold="cp-decided"] .fs-fold-b')
-    const cp = (s.checkpoints || []).filter((c) => !c.doubt).sort((a, b) => String(b.createdAt).localeCompare(String(a.createdAt)))[0]
-    if (box && cp && cp.decided) box.innerHTML = decidedListHtml(cp.decided, { esc, log: by, repoId: repo, trusted: decisionsTrusted(), editing: decisionsUi.editing, may: !s.agent })
+    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)
@@ -4635,11 +5013,26 @@ document.addEventListener('submit', async (ev) => {
     } catch (e) { toast(e.message || String(e)) }
   }
 })
-// 1k: the panel's Decided list, drawn again in place (editing one, or after the log loaded)
+// 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 box = document.querySelector('[data-fold="cp-decided"] .fs-fold-b')
-  const cp = s && (s.checkpoints || []).filter((c) => !c.doubt).sort((a, b) => String(b.createdAt).localeCompare(String(a.createdAt)))[0]
-  if (box && cp && cp.decided) box.innerHTML = decidedListHtml(cp.decided, { esc, log: decisionsUi.bySession[s.id] || null, repoId: s.decisionRepo || null, trusted: decisionsTrusted(), editing: decisionsUi.editing, may: !s.agent })
+  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) {
@@ -4686,6 +5079,7 @@ document.addEventListener('click', async (ev) => {
   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-save-html') { const v = decisionsUi.view; if (v) saveHtmlFile(decisionsExportHtml(v, { all: !!decisionsUi.all }), exportFileName('decisions', (v.scope && (v.scope.name || v.scope.label)) || '')); return } // 2026-11-06
   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)
@@ -4762,11 +5156,15 @@ document.addEventListener('submit', (ev) => {
   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?project=' + encodeURIComponent(token), undefined, { timeoutMs: 8000 })
-    decisionsUi.project = { token, v }
+    const v = await api('GET', '/v1/decisions?' + decisionScope(scopeArg).api, undefined, { timeoutMs: 8000 })
+    decisionsUi.project = { token, v, scopeArg }
     paintProjectDecisions()
   } catch { decisionsUi.project = null }
 }
@@ -4774,9 +5172,10 @@ function paintProjectDecisions() {
   const box = document.getElementById('projDecisionsBox')
   const pd = decisionsUi.project
   if (!box || !pd || pd.token !== qaUi.token) return
-  box.innerHTML = projectDecisionsHtml(pd.v, { esc, may: state.mayAnswer !== false, trusted: decisionsTrusted(), scopeArg: 'project:' + ((pd.v.scope && pd.v.scope.id) || pd.token) })
+  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('project:' + ((pd.v.scope && pd.v.scope.id) || pd.token)), cls: 'proj-review' })
+  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).
@@ -4941,9 +5340,6 @@ async function viewTimeline() {
   $app.innerHTML = html
 }
 
-// 0.9.8: a digest line may end in "<!-- s:<id> -->", its session: the title
-// links there and Start here gets that session's Go / Resume.
-const MD_SID = /\s*<!-- s:(\S+?) -->\s*$/
 function briefAction(id, sessions, viewer) {
   const open = '<a class="btn sh-open" href="#/s/' + encodeURIComponent(id) + '" aria-label="Open the session">Open</a>'
   const s = sessions && sessions.get(id)
@@ -4955,75 +5351,10 @@ function briefAction(id, sessions, viewer) {
   return b || open
 }
 
+// 2026-11-06 the digest's renderer lives in ui/render-digest.js (the CLI's HTML export uses it too)
 function renderMd(md, { spaces = [], sessions = null, viewer = null } = {}) {
-  const body = md.replace(/^---\n[\s\S]*?\n---\n/, '')
-  // 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 } }
-  const openList = (kind, cls) => { if (inList !== kind) { if (inList) out.push(inList === 'ol' ? '</ol>' : '</ul>'); out.push('<' + kind + (cls ? ' class="' + cls + '"' : '') + '>'); inList = kind } }
-  const href = (id) => '#/s/' + encodeURIComponent(id)
-  // v0.5.8: each "## <space>" opens a section with its own Copy for standup;
-  // other "## " headings (Lists, Top of mind) are whole-folder sections.
-  // 0.9.8: "## Start here" is the brief's own section, never hidden by a space.
-  const openSec = (h) => {
-    if (inSec) out.push('</section>')
-    inSec = true
-    if (h === 'Start here') out.push('<section class="start-sec"><h2>' + inline(h) + '</h2>')
-    else if (spaces.includes(h)) {
-      out.push('<section class="space-sec" data-space="' + esc(h) + '"><div class="space-head"><h2>' + esc(h) + '</h2>' +
-        '<button type="button" class="btn standup-btn' + (h === 'Work' ? ' primary' : '') + '" data-action="standup-copy" data-space="' + esc(h) + '">' + icon('clipboard') + 'Copy for standup</button></div>')
-    } else out.push('<section class="other-sec"><h2>' + inline(h) + '</h2>')
-  }
-  for (const raw of body.split('\n')) {
-    const mid = raw.match(MD_SID)
-    const id = mid ? mid[1] : null
-    const line = mid ? raw.slice(0, mid.index) : raw
-    // 0.9.8: Start here: "1. <step> — **Title** (repo)"
-    const st = /^\d+\. /.test(line) && line.match(/^\d+\. (.*?) — \*\*(.+?)\*\*(?: \(([^)]*)\))?$/)
-    if (st) {
-      openList('ol', 'start')
-      const t = id ? '<a href="' + href(id) + '">' + inline(st[2]) + '</a>' : inline(st[2])
-      out.push('<li' + (id ? ' data-sid="' + esc(id) + '"' : '') + '><div class="sh-main"><span class="sh-step">' + inline(st[1]) + '</span><span class="sh-sess">' + t + (st[3] ? ' <span class="sh-repo">' + esc(st[3]) + '</span>' : '') + '</span></div>' +
-        (id ? '<div class="sh-act">' + briefAction(id, sessions, viewer) + '</div>' : '') + '</li>')
-      continue
-    }
-    if (/^- /.test(line)) {
-      openList('ul')
-      // Digest items read "- **Title** (repo · branch) — state": tag the repo so the view can filter.
-      const m = line.match(/^- \*\*.*?\*\* \(([^)·]+?)(?: · [^)]*)?\) — /)
-      const attrs = (m ? ' data-repo="' + esc(m[1].trim()) + '"' : '') + (id ? ' data-sid="' + esc(id) + '"' : '')
-      // 0.9.8: "- **Title** (repo · state) — You were …; left off …." with its
-      // session: the title links to it, the sentence under it, the tags quiet.
-      const bi = id && line.match(/^- \*\*(.+?)\*\* \(([^)]*)\) — (.*)$/)
-      // 0.9.8: an Unfinished one is closed, so it has its Resume beside it
-      if (bi && inUnf) { out.push('<li class="bi unf"' + attrs + '><div class="bi-body"><div class="bi-head"><a class="bi-title" href="' + href(id) + '">' + inline(bi[1]) + '</a><span class="bi-tag">' + esc(bi[2]) + '</span></div><span class="bi-say">' + inline(bi[3]) + '</span></div><div class="sh-act">' + briefAction(id, sessions, viewer) + '</div>'); continue }
-      if (bi) { out.push('<li class="bi"' + attrs + '><div class="bi-head"><a class="bi-title" href="' + href(id) + '">' + inline(bi[1]) + '</a><span class="bi-tag">' + esc(bi[2]) + '</span></div><span class="bi-say">' + inline(bi[3]) + '</span>'); continue }
-      // v0.5.7: the "(repo · branch · machine)" part is set small so the title leads on a phone.
-      const li = inline(line.slice(2)).replace(/^(<strong>.*?<\/strong>) (\([^)]*\))( — )/, '$1 <span class="where">$2</span>$3')
-      out.push('<li' + attrs + '>' + li); continue
-    }
-    if (/^\s{2,}\S/.test(line) && inList) {
-      // "Stopped at: … Next: …" is two lines, each with its label.
-      const t = line.trim(), sm = t.match(/^(Stopped at|Next|Last reply|Doing|Latest|Needs you|Merged|Commits): ([\s\S]*?)(?: (Next): ([\s\S]*))?$/)
-      if (sm) out.push('<span class="sub"><span class="k">' + sm[1] + '</span> ' + inline(sm[2]) + '</span>' + (sm[3] ? '<span class="sub"><span class="k">' + sm[3] + '</span> ' + inline(sm[4]) + '</span>' : ''))
-      else out.push('<span class="sub">' + inline(t) + '</span>')
-      continue
-    }
-    closeList()
-    if (/^#{1,3} /.test(line)) inUnf = /^### Unfinished \(\d+\)\s*$/.test(line)
-    if (/^# /.test(line)) out.push('<h1>' + inline(line.slice(2)) + '</h1>')
-    else if (/^## /.test(line)) { seenH2 = true; const h = line.slice(3).trim(); if (spaces.length || h === 'Start here') openSec(h); else { if (inSec) { out.push('</section>'); inSec = false } out.push('<h2>' + inline(h) + '</h2>') } }
-    // 0.9.8: Finished folds away (older digests' "Finished or closed" too)
-    else if (/^### Finished(?: or closed)? \(\d+\)\s*$/.test(line)) { out.push('<details class="fin"><summary>' + inline(line.slice(4).replace(/ or closed/, '')) + '</summary>'); inFin = true }
-    else if (/^### /.test(line)) out.push('<h3>' + inline(line.slice(4)) + '</h3>')
-    // 0.9.8: the Yesterday / Today opener, above the first section
-    else if (line.trim()) out.push(seenH2 ? '<p>' + inline(line) + '</p>' : '<p class="lede">' + inline(line).replace(/^(Yesterday|Today):/, '<b>$1:</b>') + '</p>')
-  }
-  closeList()
-  if (inSec) out.push('</section>')
-  return out.join('\n')
+  return digestBodyHtml(md, { spaces, esc, action: (id) => briefAction(id, sessions, viewer),
+    standup: (h) => '<button type="button" class="btn standup-btn' + (h === 'Work' ? ' primary' : '') + '" data-action="standup-copy" data-space="' + esc(h) + '">' + icon('clipboard') + 'Copy for standup</button>' })
 }
 
 // "2026-10-10" → "Sat Oct 10" for the phone's past-digests strip (v0.5.7).
@@ -5132,6 +5463,7 @@ function repaintCalendar() {
 // repo chips, which only count the picked space.
 const digestUi = { standups: {}, date: null, open: null }
 async function viewDigest(date, machine) {
+  digestUi.md = null
   const [{ digests }, spv] = await Promise.all([api('GET', '/v1/digests'), api('GET', '/v1/spaces').catch(() => null)])
   const byDay = new Map()
   for (const d of digests) { if (!byDay.has(d.date)) byDay.set(d.date, []); byDay.get(d.date).push(d) }
@@ -5160,9 +5492,12 @@ async function viewDigest(date, machine) {
   if (pick) {
     try {
       // 0.9.8: the sessions too, for Start here's Go / Resume
-      const [d, sv] = await Promise.all([api('GET', '/v1/digests/' + pick + (pickD.machine ? '?machine=' + encodeURIComponent(pickD.machine) : '')), api('GET', '/v1/sessions?limit=500&archived=1').catch(() => null)])
+      const ver = ((state.route && state.route.params) || new URLSearchParams()).get('v') // 2026-11-06: an earlier version (ui/digest-versions.js)
+      const [d, sv] = await Promise.all([api('GET', '/v1/digests/' + pick + (pickD.machine ? '?machine=' + encodeURIComponent(pickD.machine) : ver ? '?version=' + encodeURIComponent(ver) : '')), api('GET', '/v1/sessions?limit=500&archived=1').catch(() => null)])
+      digestUi.shown = d
       if (sv) { state.sessions = sv.sessions || []; if (sv.viewer) { state.viewerLocal = sv.viewer.local !== false; state.ghostty = sv.viewer.ghostty === true } }
       const fm = d.meta || {}
+      digestUi.md = d.markdown; digestUi.mdDate = pick // 2026-11-06 for Save as HTML
       const madeAt = fm.generated_at
       spaces = Array.isArray(fm.spaces) ? fm.spaces.map(String) : []
       const whose = d.shared ? (d.by ? ' by ' + esc(d.by) : '') : ''
@@ -5170,12 +5505,13 @@ async function viewDigest(date, machine) {
       const others = (d.others || []).filter((x) => x.machine || x.shared)
       const also = others.length ? '<div class="digest-also">Also for this day: ' + others.map((x) => '<a href="#/digest/' + x.date + (x.shared ? '' : '?machine=' + encodeURIComponent(x.machine)) + '">' + esc(x.shared ? 'the shared digest' : x.machine + '’s') + '</a>').join(' · ') + '</div>' : ''
       const unnamed = spv && spaces.some((x) => (spv.machines || []).some((m) => !m.set && m.machine === x)) ? '<div class="digest-hint">Spaces are named after your Macs until you pick one for each: <a href="#/settings/spaces">Settings → Spaces</a> (Work, Personal or your own).</div>' : ''
-      html += '<article class="md"><div class="digest-meta">' + legacy + (madeAt ? 'Made ' + esc(clock(madeAt)) + whose + ' · ' : '') + nextLine + '</div>' + also + unnamed +
+      html += '<article class="md"><div class="digest-meta">' + legacy + (madeAt ? 'Made ' + esc(clock(madeAt)) + whose + ' · ' : '') + nextLine + '</div>' + '<div class="digest-save">' + saveHtmlBtn('digest-save-html') + '</div>' + also + unnamed +
         '<div id="digestSpaces"></div><div class="repos digest-repos" id="digestRepos"></div>' + renderMd(d.markdown, { spaces, sessions: sv ? new Map((sv.sessions || []).map((x) => [x.id, x])) : null, viewer: sv && sv.viewer }) + '</article>'
     } catch (e) { html += '<div class="empty">' + esc(e.message) + '</div>' }
   } else if (noSessionsYet) html += digestFirstHtml({ cfg: state.cfg, health: state.health, esc }) // 0.9.13: nothing to write about yet
   else html += '<div class="empty"><p><strong>No digest yet.</strong></p><p>' + nextLine + '</p><p><button type="button" class="btn primary" data-action="gen-digest">Generate now</button> makes one from your sessions so far.</p></div>'
   $app.innerHTML = html + '</div>'
+  if (pick && digestUi.shown) { try { paintDigestVersion($app, digestUi.shown, pick, { esc, storage: window.localStorage }) } catch {} digestUi.shown = null }
   // 0.9.8: the brief comes first; the space tabs and repo chips sit under it, over the sessions they filter
   const art = $app.querySelector('article.md')
   const after = art && (art.querySelector(':scope > section.start-sec') || [...art.querySelectorAll(':scope > p.lede')].pop())
@@ -5201,7 +5537,7 @@ function paintDigestFilter() {
   const spaces = state.digestSpaces || []
   const sp = state.digestSpace
   const secs = [...document.querySelectorAll('.md section')]
-  for (const sec of secs) sec.hidden = !sec.classList.contains('start-sec') && !!sp && (sec.classList.contains('other-sec') || sec.dataset.space !== sp)
+  for (const sec of secs) sec.hidden = !sec.classList.contains('start-sec') && !sec.classList.contains('done-sec') && !!sp && (sec.classList.contains('other-sec') || sec.dataset.space !== sp)
   const tabsBox = document.getElementById('digestSpaces')
   if (tabsBox) {
     const counts = new Map(spaces.map((x) => [x, document.querySelectorAll('.md section[data-space="' + CSS.escape(x) + '"] li[data-repo]').length]))
@@ -6085,7 +6421,7 @@ async function viewSettings() {
         '<label for="f-gap">Min gap (min)</label><input id="f-gap" type="number" min="0" step="1" value="' + esc(c.minGapMin) + '">' +
         '<div class="hint">No automatic checkpoint closer than this to the last.</div>' +
         '<div id="ghBox" class="ghbox">' + ghSection(gh) + '</div>'),
-    digest: digestSettings(c),
+    digest: digestSettings(c) + mcpSetupHtml(null, { esc, icon }), // 2026-11-06: leftoff mcp setup (ui/mcp-setup.js)
     spaces: '<div class="full-box" id="spacesBox">' + spacesSectionHtml() + '</div>',
     sync: syncSection(sync, stUi.data, peers) || unavailable('Couldn’t read the sync status from Leftoff.'),
     agents: '<div class="full-box" id="agentsBox">' + agentsSectionHtml() + '</div>',
@@ -6132,6 +6468,7 @@ async function viewSettings() {
       SETTINGS.map((x) => '<section class="set-pane" data-sec="' + x.key + '" aria-label="' + esc(x.label) + '" hidden>' + panes[x.key] + '</section>').join('') +
       '<div class="full set-save" id="setSave"><span class="faint" id="setSaveNote">Saves every section to config.json in your Leftoff folder.</span><button class="btn primary" type="submit" disabled aria-disabled="true">' + icon('check') + 'Save</button></div></form></div></div>'
   showSettingsSection(r)
+  api('GET', '/v1/mcp').then((reg) => { const box = document.getElementById('mcpState'); if (box) box.innerHTML = mcpStateHtml(reg, esc) }).catch(() => {})
   approvedUi.info = starts; approvedUi.err = ''
   fillApproved($app, starts) // approved folders: paths as text
   const ap = document.getElementById('f-start-approve')
@@ -7018,7 +7355,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') loadProjectDecisions(token)
+  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
@@ -7038,7 +7375,7 @@ 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') { // 2026-11-03 decision memory: the project's log and where it's kept
+  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()
@@ -8225,7 +8562,7 @@ document.addEventListener('keydown', (e) => { const b = e.target.closest && e.ta
       tip.classList.add('on')
     }, delay)
   }
-  const tipped = (e) => e.target.closest && e.target.closest('#tabStrip [data-tip], #tabPager [data-tip], #lfTabs [data-tip], .sg[data-tip], .lo-act-x[data-tip], .repos.projects [data-tip], .lo-sheet-x[data-tip], .proj-edit[data-tip], .feed-why[data-tip], .term-menu [data-tip], #wt [data-tip], .ghost-all[data-tip], .sug-chip [data-tip], .lf-needs .needs-fold[data-tip], .sstrip .ss[data-tip], .file-ref-off[data-tip], .pr-compact .pr-title-btn[data-tip], .files .chip[data-tip]') // 0.9.18 everything in the walkthrough (its header's icon buttons, the slide nav, file status glyphs); before: the file map's eye, step number and long folders; a step header's files and (cut short) title the file map's eye, step number and long folders; a step header's files and (cut short) title // 0.9.12: the project chips, the sheet's ×, a project page's Edit
+  const tipped = (e) => e.target.closest && e.target.closest('.save-html[data-tip], #tabStrip [data-tip], #tabPager [data-tip], #lfTabs [data-tip], .sg[data-tip], .lo-act-x[data-tip], .repos.projects [data-tip], .lo-sheet-x[data-tip], .proj-edit[data-tip], .feed-why[data-tip], .term-menu [data-tip], #wt [data-tip], .ghost-all[data-tip], .sug-chip [data-tip], .lf-needs .needs-fold[data-tip], .sstrip .ss[data-tip], .file-ref-off[data-tip], .pr-compact .pr-title-btn[data-tip], .files .chip[data-tip]') // 0.9.18 everything in the walkthrough (its header's icon buttons, the slide nav, file status glyphs); before: the file map's eye, step number and long folders; a step header's files and (cut short) title the file map's eye, step number and long folders; a step header's files and (cut short) title // 0.9.12: the project chips, the sheet's ×, a project page's Edit
   document.addEventListener('pointerover', (e) => { const el = tipped(e); if (!el) { if (cur) hide() } else if (e.pointerType === 'mouse' && el !== cur) show(el, 350) })
   document.addEventListener('pointerout', (e) => { const el = tipped(e); if (el && el === cur && !el.contains(e.relatedTarget)) hide() })
   document.addEventListener('focusin', (e) => { if (wtRefocusing) return; const el = tipped(e); if (el && el.matches(':focus-visible')) show(el, 0); else if (cur) hide() })
@@ -8367,14 +8704,14 @@ function keepPlace() {
   document.addEventListener('touchstart', (e) => {
     if (refreshing || e.touches.length !== 1) { pull = null; return }
     const t = e.touches[0]
-    pull = canStartPull({ coarse: coarse.matches, narrow: narrow.matches, scrollY: window.scrollY || document.scrollingElement.scrollTop, target: e.target, overlayOpen: overlayOpen() }) ? { x: t.clientX, y: t.clientY, step: null } : null
+    pull = canStartPull({ coarse: coarse.matches, narrow: narrow.matches, scrollY: window.scrollY || document.scrollingElement.scrollTop, target: e.target, overlayOpen: overlayOpen() }) ? { x: t.clientX, y: t.clientY, step: null, head: onPullHead(e.target) } : null
   }, { passive: true })
   document.addEventListener('touchmove', (e) => {
     if (!pull || e.touches.length !== 1) return
     const t = e.touches[0]
     const step = pullStep(t.clientY - pull.y, t.clientX - pull.x)
     if (!step.pulling && !pull.step) { if (t.clientY - pull.y < -4 || Math.abs(t.clientX - pull.x) > 10) pull = null; return }
-    if ((window.scrollY || 0) > 0) { pull = null; paint(null); return }
+    if (!pull.head && (window.scrollY || 0) > 0) { pull = null; paint(null); return } // a pull from the bars at the top works scrolled anywhere
     if (e.cancelable) e.preventDefault() // ours, not the page's rubber band or the browser's own pull
     pull.step = step
     paint(step)
@@ -8874,14 +9211,17 @@ document.addEventListener('click', async (ev) => {
     // 0.9.16 the session panel (ui/fs-side.js)
     if (action === 'fs-side') return toggleFsSide()
     if (action === 'fs-rail') return fsRailGo(btn.dataset.go)
-    if (action === 'fs-sheet') return toggleFsSheet()
+    if (action === 'fs-sheet') { if (Date.now() - sheetUi.ignoreClick < 500) return; return toggleFsSheet() }
     if (action === 'fs-timeline') { location.hash = '#/timeline?session=' + encodeURIComponent(id); return }
     if (action === 'tab-pin') return togglePin(id)
     // 0.9.17 Walk me through it
-    if (action === 'wt-open') return wtOpen(id, btn.dataset.scope || null)
+    if (action === 'pr-open') return openPrOpenMenu(btn)
+    if (action === 'pr-gh') { closeActionMenu(); const u = prSafeUrl(btn.dataset.url); if (u) window.open(u, '_blank', 'noopener,noreferrer'); return }
+    if (action === 'wt-open') { if (btn.closest('.lo-actmenu')) closeActionMenu(); return wtOpen(id, btn.dataset.scope || null) }
     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-prs') return openWtPrMenu(btn, btn.dataset.id || wtUi.sid)
+    if (action === 'wt-scope') { if (btn.disabled) return; if (btn.closest('.lo-actmenu')) closeActionMenu(); 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)) }
@@ -8932,6 +9272,7 @@ document.addEventListener('click', async (ev) => {
     if (action === 'wt-ref-go') { const p = wtUi.picks[Number(btn.dataset.i)]; if (p) wtReveal(p.k, p.a); return }
     if (action === 'wt-ask-lines') { const inp = document.getElementById('wtAsk'); if (inp) { inp.focus({ preventScroll: true }); inp.scrollIntoView({ block: 'nearest' }) } return }
     if (action === 'wt-export-html') return wtExport('html')
+    if (action === 'digest-save-html') { if (digestUi.md) saveHtmlFile(digestExportHtml(digestUi.md, { date: digestUi.mdDate }), exportFileName('digest', digestUi.mdDate || '')); return } // 2026-11-06
     if (action === 'wt-export-md') return wtExport('md')
     // 0.9.9: an info card on the session page (Directory, Worktree, Session id…): the whole value, a check for a moment
     if (action === 'copy-fact') {
@@ -8945,8 +9286,9 @@ document.addEventListener('click', async (ev) => {
     if (action === 'copy-cmd') {
       const ok = await copy(btn.dataset.cmd)
       if (ok && btn.classList.contains('copy-float')) { // 0.9.8: the floating copy shows a check for a moment, no tooltip
+        if (!btn._label) btn._label = btn.getAttribute('aria-label') || 'Copy' // 2026-11-06: each button keeps its own label (Live resume, the MCP setup lines)
         clearTimeout(btn._copied); btn.classList.add('copied'); btn.innerHTML = icon('check'); btn.setAttribute('aria-label', 'Copied'); btn.dataset.tip = 'Copied'
-        btn._copied = setTimeout(() => { btn.classList.remove('copied'); btn.innerHTML = icon('copy'); btn.setAttribute('aria-label', 'Copy Live resume'); btn.dataset.tip = 'Copy' }, 1500)
+        btn._copied = setTimeout(() => { btn.classList.remove('copied'); btn.innerHTML = icon('copy'); btn.setAttribute('aria-label', btn._label); btn.dataset.tip = 'Copy' }, 1500)
       }
       return
     }
@@ -9566,6 +9908,7 @@ document.addEventListener('click', async (ev) => {
     if (action === 'file-open') return openDoc(btn.dataset.session, { path: btn.dataset.path, plan: btn.dataset.plan })
     if (action === 'lv-tool-open') return openToolOutput(id, btn.dataset.tool, btn.dataset.label) // 0.9.8: a Live tool chip opens its output
     if (action === 'doc-close') return closeDoc()
+    if (action === 'hp-mode' || action === 'hp-show' || action === 'hp-allow' || action === 'hp-block' || action === 'hp-reload' || action === 'hp-show-local') return hpAction(action, btn)
     if (action === 'doc-dl') { ev.preventDefault(); return openDocMenu(btn) }
     if (action === 'doc-copy' || action === 'doc-download' || action === 'doc-pdf') return docAction(action.slice(4))
     if (action === 'need-restore' || action === 'need-restore-all') {
@@ -9864,7 +10207,7 @@ async function todoDoneChange(cb) {
 
 // The in-app viewer (0.7.0): a doc or plan a session wrote, read from the Mac
 // that owns it (through another Mac or the relay from a phone). Markdown is
-// rendered from escaped text; HTML files show as source; anything else downloads.
+// rendered from escaped text; HTML files open on Preview (sandboxed) or Code; anything else downloads.
 const docUi = { r: null, name: '', printing: null }
 function docViewerEl() {
   let el = document.getElementById('docViewer')
@@ -9884,7 +10227,89 @@ function docViewerEl() {
   document.body.appendChild(el)
   return el
 }
-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') }
+function closeDoc() { closeActionMenu(); endDocPrint(); const el = document.getElementById('docViewer'); if (el) { el.hidden = true; el.classList.remove('dv-isdec'); el.querySelector('.dv-body').innerHTML = ''; el.querySelector('.dv-body').classList.remove('dv-hpv'); hpUi.r = null; 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 docBodyLoading(el) { const b = el.querySelector('.dv-body'); b.classList.remove('dv-hpv'); hpUi.r = null; b.innerHTML = '<div class="empty">Opening…</div>' }
+// 2026-11-06 An HTML file: Preview (ui/html-preview.js, a sandboxed frame; remote
+// resources blocked until Allow, for this view only) or Code, remembered per device.
+const hpUi = { r: null, code: '', mode: 'preview', remote: false, open: false, refs: [], locals: [], openLocal: false }
+function hpViewPref() { try { return localStorage.getItem(HP_VIEW_KEY) === 'code' ? 'code' : 'preview' } catch { return 'preview' } }
+function mountHtmlPreview(body, r, code, { line = null } = {}) {
+  if (!isHtmlDoc(r)) return false
+  Object.assign(hpUi, { r, code, mode: line ? 'code' : hpViewPref(), remote: false, open: false, refs: remoteRefs(r.text), locals: localRefs(r.text), openLocal: false })
+  body.innerHTML = '<div class="hp-bar"></div><div class="hp-main"></div>'
+  paintHpBar(body); paintHpMain(body)
+  return true
+}
+function paintHpBar(body) { const bar = body.querySelector('.hp-bar'); if (bar) bar.innerHTML = previewBarHtml({ ...hpUi, icon }) }
+function paintHpMain(body) {
+  const main = body.querySelector('.hp-main')
+  if (!main || !hpUi.r) return
+  const pv = hpUi.mode === 'preview'
+  body.classList.toggle('dv-hpv', pv)
+  if (!pv) { main.innerHTML = hpUi.code; return }
+  main.textContent = ''
+  const f = document.createElement('iframe')
+  f.className = 'hp-frame'
+  f.setAttribute('sandbox', 'allow-scripts')
+  f.setAttribute('referrerpolicy', 'no-referrer')
+  f.setAttribute('aria-label', 'Preview of ' + (hpUi.r.name || 'the page'))
+  f._hpDoc = previewDoc(hpUi.r.text, { remote: hpUi.remote })
+  f._hpPing = 0
+  // once the page is in, every load is checked: only the page we wrote answers the ping
+  // (ui/html-preview.js GUARD), so silence means it went somewhere else
+  f.addEventListener('load', () => {
+    if (f._hpDoc != null || !f.isConnected || !f.contentWindow) return
+    const n = ++f._hpPing
+    f.contentWindow.postMessage({ t: 'lo-hp-ping', n }, '*')
+    clearTimeout(f._hpWait)
+    f._hpWait = setTimeout(() => { if (f._hpPong !== n) hpStopped(f) }, 1000)
+  })
+  f.src = PREVIEW_PAGE + (hpUi.remote ? '?remote=1' : '')
+  main.appendChild(f)
+}
+// The page sent itself somewhere (CSP can't stop that): the frame goes, and the bar says so.
+function hpStopped(f) {
+  if (!f || !f.isConnected) return
+  clearTimeout(f._hpWait)
+  const main = f.closest('.hp-main')
+  f.remove()
+  if (main) main.innerHTML = '<div class="empty fv-state hp-stopped"><b>Preview stopped</b><span>The page tried to open another address, so it was closed. Code shows what it does.</span><button type="button" class="btn sm" data-action="hp-reload">Load it again</button></div>'
+}
+function hpAction(action, btn) {
+  const body = document.querySelector('#docViewer .dv-body')
+  if (!body || !hpUi.r) return
+  if (action === 'hp-mode') {
+    const m = btn.dataset.mode === 'code' ? 'code' : 'preview'
+    if (m === hpUi.mode) return
+    hpUi.mode = m
+    try { localStorage.setItem(HP_VIEW_KEY, m) } catch {}
+    paintHpBar(body); paintHpMain(body); body.scrollTop = 0
+  } else if (action === 'hp-show') { hpUi.open = !hpUi.open; paintHpBar(body) }
+  else if (action === 'hp-show-local') { hpUi.openLocal = !hpUi.openLocal; paintHpBar(body) }
+  else if (action === 'hp-reload') paintHpMain(body)
+  else if (action === 'hp-allow' || action === 'hp-block') { hpUi.remote = action === 'hp-allow'; paintHpBar(body); paintHpMain(body) }
+  const again = body.querySelector('[data-action="' + action + '"]') || body.querySelector('[data-action="' + (action === 'hp-allow' ? 'hp-block' : action === 'hp-block' ? 'hp-allow' : action) + '"]')
+  if (again && action !== 'hp-mode') again.focus({ preventScroll: true })
+}
+// The sandbox asks for its page once (a frame that navigated away gets nothing), says where a
+// clicked link goes (it doesn't open), and passes Esc on, since keys in the frame stay there.
+window.addEventListener('message', (ev) => {
+  const d = ev.data
+  if (!d || typeof d !== 'object' || typeof d.t !== 'string' || !d.t.startsWith('lo-hp-')) return
+  const f = [...document.querySelectorAll('#docViewer .hp-frame')].find((x) => x.contentWindow === ev.source)
+  if (!f) return
+  if (d.t === 'lo-hp-ready' && f._hpDoc != null) {
+    const html = f._hpDoc; f._hpDoc = null
+    ev.source.postMessage({ t: 'lo-hp-html', html }, '*')
+    const n = ++f._hpPing // the write itself may not fire a load: check once now too
+    ev.source.postMessage({ t: 'lo-hp-ping', n }, '*')
+    f._hpWait = setTimeout(() => { if (f._hpPong !== n) hpStopped(f) }, 1500)
+  }
+  else if (d.t === 'lo-hp-pong') { if (d.n === f._hpPing) { f._hpPong = d.n; clearTimeout(f._hpWait) } }
+  else if (d.t === 'lo-hp-left') hpStopped(f)
+  else if (d.t === 'lo-hp-link' && typeof d.href === 'string') toast('Links don’t open from a preview: ' + d.href.slice(0, 160), 5000)
+  else if (d.t === 'lo-hp-esc') closeDoc()
+})
 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
@@ -9893,7 +10318,7 @@ async function openDoc(sessionId, { path, plan } = {}) {
   const name = plan ? 'Plan' : String(path).split('/').pop()
   el.querySelector('.dv-title').textContent = name
   el.querySelector('.dv-sub').textContent = ''
-  el.querySelector('.dv-body').innerHTML = '<div class="empty">Opening…</div>'
+  docBodyLoading(el)
   const dl = el.querySelector('.dv-dl'); dl.hidden = true
   docUi.r = null; docUi.name = name
   el.hidden = false
@@ -9905,6 +10330,7 @@ async function openDoc(sessionId, { path, plan } = {}) {
     el.querySelector('.dv-title').textContent = r.name || name
     el.querySelector('.dv-sub').textContent = [r.plan ? 'Plan' : r.kind === 'new' ? 'New' : r.kind === 'edited' ? 'Edited' : '', r.size ? (r.size < 1024 ? r.size + ' B' : Math.round(r.size / 1024) + ' KB') : '', r.peer ? 'from ' + r.peer : ''].filter(Boolean).join(' · ')
     el.querySelector('.dv-body').innerHTML = docViewerBody(r)
+    mountHtmlPreview(el.querySelector('.dv-body'), r, docViewerBody(r))
     el.querySelector('.dv-ptitle').textContent = docFileName(r, name)
     docUi.r = r; docUi.name = name
     const items = docMenuItems(r)
@@ -9929,7 +10355,7 @@ async function openToolOutput(sessionId, toolId, label) {
   const name = label || 'Tool output'
   el.querySelector('.dv-title').textContent = name
   el.querySelector('.dv-sub').textContent = ''
-  el.querySelector('.dv-body').innerHTML = '<div class="empty">Opening…</div>'
+  docBodyLoading(el)
   const dl = el.querySelector('.dv-dl'); dl.hidden = true
   docUi.r = null; docUi.name = name
   el.hidden = false
@@ -10010,7 +10436,7 @@ async function loadRefFile() {
   el.querySelector('.dv-title').textContent = name
   el.querySelector('.dv-sub').textContent = ''
   el.querySelector('.dv-ref').innerHTML = refBarHtml({ path: refUi.path, mac: false, icon })
-  el.querySelector('.dv-body').innerHTML = '<div class="empty">Opening…</div>'
+  docBodyLoading(el)
   const dl = el.querySelector('.dv-dl'); dl.hidden = true
   docUi.r = null; docUi.name = name; refUi.r = null
   const wasHidden = el.hidden
@@ -10026,7 +10452,9 @@ async function loadRefFile() {
     el.querySelector('.dv-ref').innerHTML = refBarHtml({ path: r.path || refUi.path, mac, icon })
     el.querySelector('.dv-sub').textContent = [r.size ? refSize(r.size) : '', r.lang ? r.lang.toUpperCase() : '', r.peer ? 'on ' + r.peer : '', refUi.line && (r.type === 'code' || r.type === 'text') ? 'line ' + refUi.line : ''].filter(Boolean).join(' · ')
     const body = el.querySelector('.dv-body')
-    body.innerHTML = refBody(r, { line: refUi.line })
+    const code = refBody(r, { line: refUi.line })
+    body.innerHTML = code
+    mountHtmlPreview(body, r, code, { line: refUi.line })
     el.querySelector('.dv-ptitle').textContent = r.name || name
     if (r.type === 'pdf' && r.base64) {
       const b64 = r.base64
@@ -10261,6 +10689,7 @@ let stream = null
 function connect() {
   if (stream) { try { stream.close() } catch {} }
   const es = stream = new EventSource('/v1/stream')
+  connect.at = Date.now()
   const again = connect.opened // a reconnect: events may have been missed while it was down
   streamDog.opened()
   // 0.9.8: every event and the daemon's ping say the stream is alive (ui/live-wake.js)
@@ -10271,6 +10700,9 @@ function connect() {
   // v0.5.8: standup text prefetched for a digest is stale once spaces or the digest change
   for (const t of ['spaces.updated', 'digest.created', 'checkpoint.created']) es.addEventListener(t, () => { digestUi.standups = {} })
   es.addEventListener('model.pull', (ev) => { try { onPull(JSON.parse(ev.data)) } catch {} })
+  // 2026-11-06: the relay's poll lost events (its Mac restarted, another Mac took over, or more
+  // happened than the daemon keeps): read the view again (ui/relay-client.js)
+  es.addEventListener('resync', () => { if (stream === es) refreshView('resync') })
   // A daemon that restarted (an upgrade, a folder move) comes back on the same
   // port; if the browser gave up on the stream, open a new one.
   es.onerror = () => { document.getElementById('health').className = 'health down'; if (es.readyState === 2 && stream === es) setTimeout(() => { if (stream === es) connect() }, 3000) }