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

package/ui/app.js

@@ -2,7 +2,7 @@
 // /v1 API on the same origin (auth rides the cookie set at GET /).
 import { goWithFeedback, goState, GIVE_UP_MS } from './go.js'
 import { icon } from './icons.js'
-import { fullViewportFit, isTypingTarget, outOfView, SETTLE_AFTER_BLUR_MS, SETTLE_WHILE_TYPING_MS } from './viewport-fit.js' // 2026-11-03: no gap above full screen after the keyboard closes; 2026-11-04: nor a hidden composer after switching keyboards
+import { fullViewportFit, isTypingTarget, outOfView, sheetAside, SHEET_BACK_AFTER_BLUR_MS, SETTLE_AFTER_BLUR_MS, SETTLE_WHILE_TYPING_MS } from './viewport-fit.js' // 2026-11-03: no gap above full screen after the keyboard closes; 2026-11-04: nor a hidden composer after switching keyboards
 import { selectHtml, comboHtml, closeMenu, openActionMenu, closeActionMenu, actionMenuKey, openNameSheet, openProjectSheet, refreshActionMenu } from './picker.js'
 import { sheetRepos, sheetPlan, runSheetPlan, askScopeItems } from './project-sheet.js' // 0.9.12: New project with several repos
 import { watchChipFades } from './chip-fade.js' // 0.9.12: chip rows fade only where chips run off
@@ -43,7 +43,7 @@ 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'
@@ -54,14 +54,15 @@ import { anyPending, shouldPoll, streamDead, isStale, liveSignature, wakeReason,
 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, 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, 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 { 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
@@ -1136,8 +1137,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) {
@@ -1147,6 +1167,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) }
@@ -1237,7 +1259,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))
@@ -1246,6 +1268,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)
@@ -3406,10 +3430,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
@@ -3464,10 +3542,19 @@ 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 } // 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)
+}
 function fitFullViewport() {
   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')
@@ -3520,6 +3607,8 @@ 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
+  fitSheetAside() // 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)
@@ -3529,6 +3618,11 @@ document.addEventListener('focusin', (e) => {
 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()
@@ -4011,6 +4105,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)
@@ -4434,6 +4529,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')
@@ -8932,14 +9112,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)) }

package/ui/chip-fade.js

@@ -18,7 +18,7 @@ export function paintFade(track) {
   return s
 }
 
-const SEL = '.repos .track'
+const SEL = '.repos .track, #tabStrip .tab-scroll' // 0.9.18: the tab strip fades where tabs run off too
 // Keeps every chip row's fade right: on first paint (any re-render adds new
 // tracks), on its own scroll, and when its width or its chips' widths change.
 export function watchChipFades(doc = document) {

package/ui/decisions.js

@@ -10,6 +10,15 @@ export const SOURCE_WORDS = { asked: 'You answered', plan: 'Plan approved', corr
 export const STATUS_SHAPE = { proposed: '◌', accepted: '●', rejected: '✕', superseded: '↻' }
 export const STATUS_WORD = { proposed: 'Proposed', accepted: 'Accepted', rejected: 'Rejected', superseded: 'Superseded' }
 
+// 2026-11-05: a status Leftoff set on its own (statusAuto), in words beside the source, and why in the tip.
+export const AUTO_WORDS = { asked: 'automatically', plan: 'automatically', reversed: 'you changed it later' }
+export const AUTO_TIPS = {
+  asked: 'Accepted on its own: you picked this answer in the session. Reject keeps it out of new sessions.',
+  plan: 'Accepted on its own: you approved this plan in the session. Reject keeps it out of new sessions.',
+  reversed: 'Rejected on its own: later in the session you answered the same question differently.',
+}
+const autoOf = (d) => (d && ((d.status === 'accepted' && (d.statusAuto === 'asked' || d.statusAuto === 'plan')) || (d.status === 'rejected' && d.statusAuto === 'reversed')) ? d.statusAuto : null)
+const autoBit = (d, esc) => { const a = autoOf(d); return a ? '<span class="dec-auto" data-tip="' + esc(AUTO_TIPS[a]) + '">' + esc(AUTO_WORDS[a]) + '</span>' : '' }
 const normD = (t) => String(t || '').toLowerCase().replace(/[^\p{L}\p{N}]+/gu, ' ').trim()
 const byNewest = (a, b) => String(b.createdAt || '').localeCompare(String(a.createdAt || ''))
 
@@ -61,11 +70,12 @@ export function decidedListHtml(decided, { esc = escD, log = null, repoId = null
     const rp = (hit && (hit.repo || repoId)) || ''
     const btn = (act, label, cls) => '<button type="button" class="btn' + cls + '" data-action="dec-act" data-act="' + act + '" data-id="' + esc(hit.id) + '" data-repo="' + esc(rp) + '"' + offAttrs(trusted, esc) + '>' + label + '</button>'
     const acts = !readOnly && hit && hit.status === 'proposed' && may ? '<div class="dec-acts dec-acts-panel">' + btn('accept', 'Accept', ' primary') + btn('reject', 'Reject', '') +
-      '<button type="button" class="btn" data-action="dec-edit" data-id="' + esc(hit.id) + '" data-repo="' + esc(rp) + '"' + offAttrs(trusted, esc) + '>Edit</button></div>' : ''
+      '<button type="button" class="btn" data-action="dec-edit" data-id="' + esc(hit.id) + '" data-repo="' + esc(rp) + '"' + offAttrs(trusted, esc) + '>Edit</button></div>'
+      : !readOnly && hit && may && autoOf(hit) && hit.status === 'accepted' ? '<div class="dec-acts dec-acts-panel dec-acts-quiet">' + btn('reject', 'Reject', '') + '</div>' : ''
     const why = (hit && hit.why) || d.why, alts = (hit && hit.alternatives && hit.alternatives.length ? hit.alternatives : d.alternatives) || []
     // a quiet line first (status · id · where it came from), then the decision in words, then why / over
     const src = '<span class="dec-src">' + esc(SOURCE_WORDS[(hit && hit.source) || d.source] || SOURCE_WORDS.agent) + '</span>'
-    const head = [st, hit ? '<span class="dec-id">' + esc(hit.id) + '</span>' : '', src].filter(Boolean).join('<span class="dec-dot" aria-hidden="true"> · </span>')
+    const head = [st, hit ? '<span class="dec-id">' + esc(hit.id) + '</span>' : '', src, autoBit(hit, esc)].filter(Boolean).join('<span class="dec-dot" aria-hidden="true"> · </span>')
     return '<li class="dec-row' + (hit ? ' dec-row-' + esc(hit.status) : '') + '"' + (hit && !readOnly ? ' id="decp-' + esc(hit.id) + '"' : '') + '><div class="dec-row-h">' + head + '</div>' +
       '<div class="dec-text">' + esc(hit && (hit.edited || d.entry) ? hit.text : d.text) + '</div>' +
       (why ? '<div class="dec-why">' + esc(why) + '</div>' : '') +
@@ -155,13 +165,13 @@ export function decisionItemHtml(d, { esc = escD, byId = new Map(), may = true,
   const editBtn = (cls) => edit ? '<button type="button" class="' + cls + '" data-action="dec-edit" data-id="' + esc(d.id) + '" data-repo="' + esc(d.repo) + '"' + offAttrs(trusted, esc) + '>Edit</button>' : ''
   const link = replaces && !(d.supersedes || []).includes(replaces) ? '<button type="button" class="btn" data-action="dec-link" data-id="' + esc(d.id) + '" data-to="' + esc(replaces) + '" data-repo="' + esc(d.repo) + '"' + offAttrs(trusted, esc) + '>Confirm it replaces ' + esc(replaces) + '</button>' : ''
   const acts = !may && !link ? '' : !may ? '<div class="dec-acts">' + link + '</div>' : review ? '<div class="dec-acts">' + btn('accept', 'Accept', ' primary') + btn('reject', 'Reject') + editBtn('btn') + link + '</div>'
-    : '<div class="dec-acts dec-acts-quiet">' + (d.status === 'rejected' ? btn('reopen', 'Review again') : editBtn('linkish')) + link + '</div>'
+    : '<div class="dec-acts dec-acts-quiet">' + (d.status === 'rejected' ? btn('reopen', 'Review again') : (autoOf(d) && d.status === 'accepted' ? btn('reject', 'Reject') : '') + editBtn('linkish')) + link + '</div>'
   return '<li class="dec-item dec-' + esc(d.status) + '" id="dec-' + esc(d.id) + '">' + head +
     '<div class="dec-text">' + esc(d.text) + (d.edited ? ' <span class="faint" data-tip="' + esc('Edited · was: ' + ((d.original && d.original.text) || '')) + '">(edited)</span>' : '') + '</div>' +
     (d.why ? '<div class="dec-why">' + esc(d.why) + '</div>' : '') +
     (d.alternatives && d.alternatives.length ? '<div class="dec-alt">Over: ' + d.alternatives.map(esc).join(' · ') + '</div>' : '') +
     chainBit(d, byId, esc) + sug +
-    '<div class="dec-meta"><span class="dec-src">' + esc(SOURCE_WORDS[d.source] || SOURCE_WORDS.agent) + '</span>' + (sessionBit(d, esc) ? ' · ' + sessionBit(d, esc) : '') + '</div>' + acts + '</li>'
+    '<div class="dec-meta"><span class="dec-src">' + esc(SOURCE_WORDS[d.source] || SOURCE_WORDS.agent) + '</span>' + (autoBit(d, esc) ? ' · ' + autoBit(d, esc) : '') + (sessionBit(d, esc) ? ' · ' + sessionBit(d, esc) : '') + '</div>' + acts + '</li>'
 }
 
 // The storage choice (one per project). Off by default: the log stays in Leftoff's folder.
@@ -195,7 +205,7 @@ export function decisionsPageHtml(v, ui = {}, { esc = escD } = {}) {
     (multi ? '<p class="faint">' + v.repos.map((r) => esc(r.label)).join(' · ') + '</p>' : '') + '</header>'
   if (ui.trusted === false) h += '<p class="faint dec-trust"><span aria-hidden="true">◌</span> View only on this device. ' + esc(DEC_TRUST_TIP) + '</p>' // 1h: the reason in words too (a phone shows no tips)
   if (v && (v.project || sc.kind === 'repo')) h += '<section class="proj-sec">' + storageChoiceHtml(v.project, { esc, may: ui.may !== false, trusted: ui.trusted !== false }) + '</section>'
-  if (review.length) h += '<section class="proj-sec dec-review"><h2>To review <span class="count">' + review.length + '</span></h2><p class="faint">Proposed from checkpoints. Only accepted decisions reach new sessions, Ask and walkthroughs.</p><ul class="dec-tl">' + review.map((d) => decisionItemHtml(d, { ...opts, review: true })).join('') + '</ul></section>'
+  if (review.length) h += '<section class="proj-sec dec-review"><h2>To review <span class="count">' + review.length + '</span></h2><p class="faint">Proposed from checkpoints. Questions you answered and plans you approved are accepted on their own. Only accepted decisions reach new sessions, Ask and walkthroughs.</p><ul class="dec-tl">' + review.map((d) => decisionItemHtml(d, { ...opts, review: true })).join('') + '</ul></section>'
   const ctl = '<div class="dec-ctl"><button type="button" class="sask-opt" data-action="dec-all" aria-pressed="' + !!ui.all + '">' + (ui.all ? 'Showing superseded and rejected' : 'Include superseded and rejected' + (hidden ? ' (' + hidden + ')' : '')) + '</button>' +
     '<button type="button" class="btn" data-action="dec-copy">Copy as Markdown</button>' + testplanLinkHtml(sc, { esc, cls: 'btn' }) + '</div>'
   h += '<section class="proj-sec dec-timeline"><h2>Timeline <span class="count">' + rows.length + '</span></h2>' + ctl +

package/ui/fs-side.js

@@ -80,3 +80,32 @@ export function fsSideHtml({ id, side = '', foot = '', label = '', away = '', cp
   return '<aside class="fs-side' + (collapsed ? ' collapsed' : '') + (sheet ? ' sheet-up' : '') + (scrolled ? ' is-scrolled' : '') + '" id="fsSide" data-sid="' + esc(id) + '" aria-label="This session">' +
     resizeHandleHtml({ width, viewport }, { esc }) + peek + '<div class="fs-side-in">' + side + '</div>' + foot + railHtml({ cpCount, cu, away }, { esc, icon }) + '</aside>'
 }
+
+// 2026-11-06 The phone's sheet follows a finger: drag its peek up to raise it, and drag the raised
+// sheet down to lower it, from the peek or from its content when that's scrolled to the very top.
+// Everywhere else a finger scrolls the sheet's content natively, both ways (a drag never starts
+// once the content has room above it, nor when the finger first heads the way that scrolls it).
+export const SHEET_DRAG_SLOP = 8 // px a finger moves before it's a drag or a scroll
+export const SHEET_DRAG_FLIP = 64 // px of drag that raises or lowers the sheet on letting go
+// up: the sheet is raised; fromPeek: the finger started on the peek; scrollTop: the content's at the touch's start;
+// dy, dx: the finger's travel so far (down and right positive) -> 'drag' | 'scroll' | null (not decided yet)
+export function sheetDragStart({ up = false, fromPeek = false, scrollTop = 0, dy = 0, dx = 0 } = {}) {
+  const ay = Math.abs(dy), ax = Math.abs(dx)
+  if (ay < SHEET_DRAG_SLOP && ax < SHEET_DRAG_SLOP) return null
+  if (ax > ay) return 'scroll' // sideways: a table or code block, never the sheet
+  if (!up) return fromPeek && dy < 0 ? 'drag' : 'scroll' // lowered: only the peek, only upwards
+  if (dy <= 0) return 'scroll' // raised, finger heading up: the content scrolls down
+  return fromPeek || (Number(scrollTop) || 0) <= 0 ? 'drag' : 'scroll'
+}
+// How far the sheet sits from where it rests while dragged (px, down positive; never past either end).
+// travel: the px between raised and lowered.
+export function sheetDragOffset({ up = false, dy = 0, travel = 0 } = {}) {
+  const t = Math.max(0, Number(travel) || 0)
+  return up ? Math.round(Math.max(0, Math.min(t, dy))) : Math.round(Math.max(-t, Math.min(0, dy)))
+}
+// Letting go: true when the sheet should change (raise or lower), from the travel or a quick flick.
+export function sheetDragFlips({ up = false, dy = 0, ms = 1000 } = {}) {
+  const d = up ? dy : -dy
+  if (d >= SHEET_DRAG_FLIP) return true
+  return d >= 24 && ms > 0 && d / ms > 0.5 // a flick: 0.5 px/ms
+}

package/ui/live-view.js

@@ -326,7 +326,9 @@ export function entryHtml(m, { esc, ago, md, now = Date.now(), status = null, at
   const who = senderLabel(m)
   const title = m.from === 'you' ? senderTitle(m) : ''
   let body
+  const cmd = isCommandEntry(m)
   if (m.from === 'claude') body = '<div class="lv-text lv-md">' + (md ? md(m.text || '') : esc(m.text || '')) + '</div>'
+  else if (cmd) body = commandHtml(m, { esc })
   else if (m.from === 'you') {
     const a = messageAttachments(m)
     // 0.9.9 Queued: a long one folds to two lines; a tap opens it in place
@@ -352,6 +354,8 @@ export function entryHtml(m, { esc, ago, md, now = Date.now(), status = null, at
     // 0.9.11: Copy, once the reply is whole (none while it streams)
     const cp = m.done ? copyButtonHtml(m.text) : ''
     if (cp) foot += '<div class="msg-foot">' + cp + '</div>'
+  } else if (cmd && m.status && m.status.phase === 'replied') {
+    // ran: what it printed is the body's; nothing to add
   } else if (m.status && m.from === 'you' && isQueued(m.status)) {
     foot = queuedHtml(m, { esc, may })
   } else if (m.status) {
@@ -369,6 +373,16 @@ export function entryHtml(m, { esc, ago, md, now = Date.now(), status = null, at
   return '<li class="lv lv-' + esc(m.from) + (m.history ? ' lv-history' : '') + (queued ? ' lv-queued' : '') + '" data-key="' + esc(entryKey(m)) + '" data-sig="' + esc(sigHash(sig)) + '">' + head + body + foot + '</li>'
 }
 
+// A slash command sent from the board (ui/slash-commands.js; src/live-link.js sendCommand): the command
+// in mono, then what Claude Code printed, once the transcript shows it ran (settleCommands).
+export function isCommandEntry(m) { return !!m && m.from === 'you' && m.command === true }
+export function commandHtml(m, { esc }) {
+  const ran = !!(m.status && m.status.phase === 'replied')
+  const out = typeof m.out === 'string' ? m.out.trim() : ''
+  return '<div class="lv-text lv-cmd"><code>' + esc(m.text || '') + '</code></div>' +
+    (out ? '<pre class="lv-cmd-out">' + esc(out) + '</pre>' : ran ? '<div class="lv-cmd-out lv-cmd-done">Done</div>' : '')
+}
+
 // 0.9.15: an answer that is still the Stop hook's words, clipped by the mod (280 characters ending in "…")
 export function partialAnswer(m) { return !!(m && m.from === 'claude' && m.via === 'turn' && typeof m.text === 'string' && /…\s*$/.test(m.text)) }
 
@@ -565,7 +579,7 @@ export function threadHtml(msgs, opts) {
     // 0.9.14: Edit on the message; Retry on Claude's "stopped" card (or on the message, when it didn't arrive)
     const acts = m === tgt ? { retry: m.status.phase === 'failed', edit: true, busy } : null
     html += entryHtml(m, acts ? { ...opts, lvActs: acts } : opts)
-    if (m.status && !m.status.folded && !answered.has(m.id) && m.status.phase !== 'failed' && m.status.phase !== 'sent') {
+    if (m.status && !m.status.folded && !answered.has(m.id) && m.status.phase !== 'failed' && m.status.phase !== 'sent' && !isCommandEntry(m)) { // a command has no turn: what it printed is in its own bubble
       // the asks of this turn go before Claude's Working bubble: the answer that replaces it in place then lands after them, as on a fresh page
       html += upTo(next == null ? Infinity : next)
       html += pendingClaudeHtml(m, m === tgt ? { ...opts, lvActs: { retry: true, busy } } : opts)
@@ -664,7 +678,7 @@ export { ranWithoutAsking }
 // A content signature, to replace only the entries that changed (the time-ago
 // text is left out so a minute ticking over doesn't redraw a reply).
 function sigHash(s) { let h = 5381; for (let i = 0; i < s.length; i++) h = ((h << 5) + h + s.charCodeAt(i)) | 0; return (h >>> 0).toString(36) }
-export function entrySig(m) { return JSON.stringify([m.text, (m.attachments || []).map((a) => a.id), m.state, m.status && [m.status.phase, m.status.tool, m.status.waiting, (m.status.ran || []).length, m.status.endedAt, m.status.folded || null, !!m.status.queued, !!m.status.cancellable, !!m.status.sendNow], m.done, m.ranWithoutAsking, m.ranWhy || null, m.errorText, m.via === 'turn' ? 1 : 0]) }
+export function entrySig(m) { return JSON.stringify([m.text, m.out == null ? null : m.out, (m.attachments || []).map((a) => a.id), m.state, m.status && [m.status.phase, m.status.tool, m.status.waiting, (m.status.ran || []).length, m.status.endedAt, m.status.folded || null, !!m.status.queued, !!m.status.cancellable, !!m.status.sendNow], m.done, m.ranWithoutAsking, m.ranWhy || null, m.errorText, m.via === 'turn' ? 1 : 0]) }
 
 // ------------------------------------------------------------ the DOM keeper
 

package/ui/prs.js

@@ -5,7 +5,7 @@ const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, (c) => ({ '&':
 import { repoChips, labelRepos, repoMatches, chipSelected, orderSelectedFirst, PROJECT_KEY } from './repos.js'
 import { renderDoc } from './handoffs.js'
 import { COPY_IC, DONE_IC, COPIED_TIP, COPIED_MS, copyIconClick } from './copy-icon.js'
-const safeUrl = (u) => (/^https:\/\/github\.com\//.test(String(u || '')) ? String(u) : '')
+export const safeUrl = (u) => (/^https:\/\/github\.com\//.test(String(u || '')) ? String(u) : '')
 
 export function shortAgo(iso, now = Date.now()) {
   const t = Date.parse(iso || '')
@@ -93,24 +93,38 @@ export async function prCopyClick(btn, env = {}) {
 export function prMoreHtml(p, open = false) {
   return ' · <button type="button" class="pr-more pr-toggle" data-action="pr-expand" data-url="' + esc(p.url) + '" aria-expanded="' + !!open + '">' + (open ? 'Less' : 'More…') + '</button>'
 }
+// 2026-11-06 Walk me through this PR: the session's walkthrough opened on this PR's own range (src/walk-pr.js)
+export const WALK_IC = '<svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="18" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><path d="M13 6h3a2 2 0 0 1 2 2v7"/><path d="M11 18H8a2 2 0 0 1-2-2V9"/></svg>'
+export { GH_MARK }
+const OPEN_IC = '<svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg>'
+export const prWalkScope = (p) => (p && p.repo && p.number ? 'pr:' + p.repo + '#' + p.number : null)
+// One Open button: a menu asking where (Walk me through it in Leftoff, or GitHub) when the PR has a walkthrough;
+// else the plain GitHub link. (Joel, 2026-11-06: four glyphs took the title's room.)
+export function prOpenHtml(p, walkId) {
+  const url = safeUrl(p.url), sc = walkId && prWalkScope(p), n = '#' + (p.number || '')
+  if (sc) return '<button type="button" class="pr-ic pr-open" data-action="pr-open" data-id="' + esc(walkId) + '" data-scope="' + esc(sc) + '" data-url="' + esc(url || '') + '" data-repo="' + esc(p.repo || '') + '" data-num="' + esc(p.number) + '" aria-haspopup="menu" data-tip="Open in Leftoff or on GitHub" aria-label="' + esc('Open ' + n + '…') + '">' + OPEN_IC + '</button>'
+  return url ? '<a class="pr-ic pr-gh" href="' + esc(url) + '" target="_blank" rel="noopener noreferrer" data-tip="Open on GitHub" aria-label="Open ' + esc(n) + ' on GitHub">' + GH_MARK + '</a>' : ''
+}
 // 2026-10-29 a compact row (closed): GitHub only; Copy link and Unlink come with the details
-export function prGhOnlyHtml(p) {
-  const url = safeUrl(p.url)
-  return url ? '<div class="pr-actions"><a class="pr-ic pr-gh" href="' + esc(url) + '" target="_blank" rel="noopener noreferrer" data-tip="Open on GitHub" aria-label="Open ' + esc('#' + (p.number || '')) + ' on GitHub">' + GH_MARK + '</a></div>' : ''
+// (2026-11-06 Open asks Leftoff or GitHub, when the row is a session's)
+export function prGhOnlyHtml(p, { walkId = null } = {}) {
+  const open = prOpenHtml(p, walkId)
+  return open ? '<div class="pr-actions">' + open + '</div>' : ''
 }
-export function prActionsHtml(p, { unlinkId = null } = {}) {
+export function prActionsHtml(p, { unlinkId = null, walkId = null } = {}) {
   const url = safeUrl(p.url), n = '#' + (p.number || '')
   if (!url && !unlinkId) return ''
   const copyLabel = 'Copy link to ' + n
   return '<div class="pr-actions">' +
     (url ? '<button type="button" class="pr-ic pr-copy" data-action="pr-copy" data-copy="' + esc(url) + '" data-tip="' + PR_COPY_TIP + '" data-label="' + esc(copyLabel) + '" aria-label="' + esc(copyLabel) + '">' + COPY_IC + DONE_IC + '</button>' : '') +
-    (url ? '<a class="pr-ic pr-gh" href="' + esc(url) + '" target="_blank" rel="noopener noreferrer" data-tip="Open on GitHub" aria-label="Open ' + esc(n) + ' on GitHub">' + GH_MARK + '</a>' : '') +
+    prOpenHtml(p, walkId) +
     (unlinkId ? '<button type="button" class="pr-ic pr-unlink" data-action="pr-unlink" data-id="' + esc(unlinkId) + '" data-url="' + esc(p.url) + '" data-tip="Unlink from this session" aria-label="Unlink ' + esc(n) + ' from this session">' + UNLINK + '</button>' : '') +
     '</div>'
 }
 
 // The session page: its PRs with Unlink, and "Link a PR" (a text box: a URL or #number).
 export function sessionPrsSection(s, { mayEdit = true, open = null, details = {} } = {}) {
+  const walkId = s && !s.agent ? s.id : null
   // 2026-10-29 + prsMore: closed PRs (a card leaves them out) and refs that couldn't be checked
   const more = (s.prsMore || []).filter((p) => p && p.number)
   const list = (s.prs || []).filter((p) => p && p.number).concat(more.filter((p) => !p.unchecked && p.url && !(s.prs || []).some((x) => x && x.url === p.url)))
@@ -122,11 +136,13 @@ export function sessionPrsSection(s, { mayEdit = true, open = null, details = {}
     // the repo, branch, checks and the details in place. Copy, GitHub and Unlink stay one tap away.
     h += '<div class="prlist pr-compact">' + list.map((p) => {
       const isOpen = !!(open && open.has && open.has(p.url))
-      return '<article class="prrow slim' + (isOpen ? ' open' : '') + '" data-pr="' + esc(p.url) + '"><div class="pr-main">' +
+      // how many glyphs sit at the right (the title line leaves them room when open)
+      const acts = isOpen ? (safeUrl(p.url) ? 1 : 0) + (safeUrl(p.url) || (prWalkScope(p) && walkId) ? 1 : 0) + (mayEdit ? 1 : 0) : 0
+      return '<article class="prrow slim' + (isOpen ? ' open pr-acts-' + acts : '') + '" data-pr="' + esc(p.url) + '"><div class="pr-main">' +
         '<div class="pr-c1">' + stateHtml(p.state) + '<span class="pr-num">#' + esc(p.number) + '</span>' +
         '<span class="pr-title"><button type="button" class="linkish pr-title-btn" data-tip="' + esc(p.title || 'Pull request #' + p.number) + '" data-action="pr-expand" data-url="' + esc(p.url) + '" aria-expanded="' + isOpen + '">' + esc(p.title || 'Pull request #' + p.number) + '</button></span></div>' +
-        (isOpen ? '<div class="pr-meta">' + esc(p.repo || '') + (p.branch ? ' · <span class="mono">' + esc(p.branch) + '</span>' : '') + (whyText(p) ? ' · <span class="pr-why">' + esc(whyText(p)) + '</span>' : '') + checksHtml(p.checks) + prMoreHtml(p, isOpen) + '</div>' + prDetailHtml(p, details && details[p.url], {}) : '') + '</div>' +
-        (isOpen ? prActionsHtml(p, { unlinkId: mayEdit ? s.id : null }) : prGhOnlyHtml(p)) + '</article>'
+        (isOpen ? '<div class="pr-meta">' + esc(p.repo || '') + (p.branch ? ' · <span class="mono">' + esc(p.branch) + '</span>' : '') + (whyText(p) ? ' · <span class="pr-why">' + esc(whyText(p)) + '</span>' : '') + (checksHtml(p.checks) ? ' · ' + checksHtml(p.checks) : '') + prMoreHtml(p, isOpen) + '</div>' + prDetailHtml(p, details && details[p.url], {}) : '') + '</div>' +
+        (isOpen ? prActionsHtml(p, { unlinkId: mayEdit ? s.id : null, walkId }) : prGhOnlyHtml(p, { walkId })) + '</article>'
     }).join('') + '</div>'
   }
   // several refs that couldn't be checked fold into one "+4 not checked" row
@@ -198,12 +214,14 @@ export function prRowHtml(r, { team = false, now = Date.now(), mayEdit = true, s
     : [p.repo, p.branch, when].filter(Boolean)
   const why = whyText(r)
   const unlinkTo = !team && mayEdit && (r.sessions || []).length === 1 ? r.sessions[0] : null
+  // 2026-11-06 Walk me through this PR: in its newest session's walkthrough (never a scripted run's)
+  const walkTo = !team ? (r.sessions || []).find((x) => x && x.id && !x.nonInteractive && x.archivedReason !== 'non_interactive' && !x.agent) : null
   return '<article class="prrow' + (open ? ' open' : '') + (pick ? ' pickable' : '') + (picked ? ' picked' : '') + '" data-pr="' + esc(p.url) + '">' + pick + '<div class="pr-main">' +
     '<div class="pr-line1">' + line1 + '</div>' +
     '<div class="pr-title">' + (url ? '<a href="' + esc(url) + '" target="_blank" rel="noopener noreferrer">' + esc(p.title || '') + '</a>' : esc(p.title || '')) + '</div>' +
     '<div class="pr-meta">' + meta.map(esc).join(' · ') + (why ? ' · <span class="pr-why">' + esc(why) + '</span>' : '') + prMoreHtml(p, open) + '</div>' +
     sessionLinks(r, { sessionAction, showMachine }) + (open ? prDetailHtml(p, detail, { now }) : '') + '</div>' +
-    prActionsHtml(p, { unlinkId: unlinkTo ? unlinkTo.id : null }) + '</article>'
+    prActionsHtml(p, { unlinkId: unlinkTo ? unlinkTo.id : null, walkId: walkTo ? walkTo.id : null }) + '</article>'
 }
 
 // ---------------------------------------------------------------- 0.8.5: details on tap