@leftoff/cli 0.6.5 → 0.6.9

package/ui/app.js

@@ -8,6 +8,7 @@ import { inStatus, repoChips, applyFilter, readFilter, saveRepos, filterHash, to
 import { needsItems, needsStrip, needPanel, agentNeedPanel, httpsOnly, agentReplyButton, agentChipHtml, cardBadge, questionAnswer, turnsHtml, dismissedHtml } from './needs.js'
 import { SUMMARY_EXAMPLES, LENGTH_CHOICES } from './summary-examples.js'
 import { mdInline, renderSection } from './changelog-md.js'
+import { cardPrsHtml, sessionPrsSection, prsPageHtml } from './prs.js'
 const $app = document.getElementById('app')
 const state = { sessions: [], health: null, cfg: null, route: null, machine: localStorage.getItem('cp.machine') || '', drafts: {}, pendingAsk: {}, mayAnswer: true, needOpen: {}, needTurns: {} }
 const multi = () => !!(state.health && state.health.machines && state.health.machines.length > 1)
@@ -142,7 +143,16 @@ function where(s) {
   const branch = s.repo && s.repo.branch
   const label = s.repoLabel || s.repoName || 'no repo'
   return '<button type="button" class="chip mono repo-link" data-action="repo" data-repo="' + esc(label) + '" data-key="' + esc(s.repoKey || '') + '" title="' + esc((s.repoKey || label) + ' · show only this repo') + '">' + esc(label) + (branch ? ' · ' + esc(branch) : '') + '</button>' +
-    (multi() || !s.isLocal ? '<span class="chip machine' + (s.isLocal ? '' : ' remote') + '" title="' + (s.isLocal ? 'this machine' : 'synced from another machine') + '">⌂ ' + esc(s.machine) + '</span>' : '')
+    (multi() || !s.isLocal ? '<span class="chip machine' + (s.isLocal ? '' : ' remote') + '" title="' + (s.isLocal ? 'this machine' : 'synced from another machine') + '">⌂ ' + esc(s.machine) + '</span>' : '') + modelChip(s)
+}
+
+// 0.6.8: a session that ran through Ollama (or another server) says so on its card.
+function modelChip(s) {
+  if (!s || !s.backend || !s.modelLabel) return ''
+  // the model name gives way first; "· Ollama" always shows
+  const i = s.modelLabel.lastIndexOf(' · ')
+  const inner = i > 0 ? '<span class="m">' + esc(s.modelLabel.slice(0, i)) + '</span><span class="via">· ' + esc(s.modelLabel.slice(i + 3)) + '</span>' : '<span class="m">' + esc(s.modelLabel) + '</span>'
+  return '<span class="chip model" title="' + esc((s.backend.kind === 'ollama' ? 'Runs through Ollama: ' : 'Runs on another server: ') + s.modelLabel) + '">' + inner + '</span>'
 }
 
 // Notices above the board: things that need the user's hand, from /v1/health.
@@ -288,7 +298,7 @@ function card(s) {
     '</div>' + pill(s.status) + '</div>' +
     '<div class="meta">' + spaceChip(s) + where(s) + (ln ? '<span class="livenote ' + esc(s.live) + '">' + esc(ln) + '</span>' : '') + (endedNote ? '<span>' + esc(endedNote) + '</span>' : '') + '<span>·</span><span>' + esc(s.turns) + (s.turns === 1 ? ' turn' : ' turns') + (s.historyTurns ? ' · resumed (' + esc(s.historyTurns) + ' before)' : s.startSource === 'resume' && !s.turns ? ' · resumed' : s.empty && s.live !== 'closed' ? ' · no prompt yet' : '') + '</span>' +
       (s.needsInput && s.lastNotification && !s.needsYou ? '<span class="chip">' + esc(s.lastNotification.replace(/_/g, ' ')) + '</span>' : '') + '</div>' +
-    listChips(s) + nb + cpBlock(s.latestCheckpoint) +
+    cardPrsHtml(s.prs) + listChips(s) + nb + cpBlock(s.latestCheckpoint) +
     '<a class="cplink" href="#/s/' + encodeURIComponent(s.id) + '">' + (s.checkpointCount ? s.checkpointCount + (s.checkpointCount === 1 ? ' checkpoint' : ' checkpoints') : 'Session history') + ' →</a>' +
     '<div class="actions-row">' + goButton(s) +
       '<button type="button" class="btn" data-action="resume">Copy resume</button>' +
@@ -306,6 +316,7 @@ const FILTERS = {
   waiting: { label: 'Waiting', cls: 's-waiting', statuses: ['waiting'] },
   dormant: { label: 'Dormant', cls: 's-dormant', statuses: ['dormant', 'stale'] },
   ended: { label: 'Ended today', cls: 's-ended', statuses: ['ended'] },
+  closed: { label: 'Closed', cls: 's-closed', statuses: ['ended'] },
 }
 
 // The board's filter: hash first, then the last repo choice from this browser.
@@ -360,9 +371,10 @@ function chipBar(chips, selected, allCount, emptyNote) {
 async function viewBoard() {
   if (!state.health) await refreshHealth()
   if (state.health && state.health.update && state.health.update.available && !state.updates) { try { state.updates = await api('GET', '/v1/updates') } catch {} }
-  const { sessions, viewer } = await api('GET', '/v1/sessions?limit=200' + (state.machine ? '&machine=' + encodeURIComponent(state.machine) : ''))
+  const { sessions, viewer, closedCount } = await api('GET', '/v1/sessions?limit=200' + (state.machine ? '&machine=' + encodeURIComponent(state.machine) : ''))
   state.sessions = sessions
   state.viewerLocal = viewer ? viewer.local !== false : true
+  state.ghostty = viewer ? viewer.ghostty === true : false
   state.mayAnswer = viewer ? viewer.mayAnswer !== false : true
   try { state.restore = await api('GET', '/v1/restore') } catch { state.restore = null }
   const today = new Date(); today.setHours(0, 0, 0, 0)
@@ -391,8 +403,8 @@ async function viewBoard() {
   const allShown = shown
   const inSpace = sp ? shown.filter((s) => s.space === sp) : shown
   const inRepos = applyFilter(inSpace, { repos: f.repos })
-  const count = (k) => inRepos.filter((s) => inStatus(s, k)).length
-  const list = applyFilter(inSpace, f)
+  const count = (k) => k === 'closed' ? (closedCount == null ? '—' : closedCount) : inRepos.filter((s) => inStatus(s, k)).length
+  const list = filter === 'closed' ? [] : applyFilter(inSpace, f)
   let html = '<div class="pagehead"><div><h1>Sessions</h1><div class="sub">Every Claude Code session on ' + (multi() ? 'your machines' : 'this machine') + (agentNames().length ? ', plus ' + esc(agentNames().join(' and ')) : '') + ', grouped by what needs you.</div></div>' +
     '<div class="actions">' + (multi() || agentNames().length ? selectHtml({ id: 'machineFilter', cls: 'btn', label: 'Machine', value: state.machine,
       options: [['', 'All machines'], ...state.health.machines.map((m) => [m, m + (m === state.health.machine ? ' (this one)' : '')]), ...agentNames().map((m) => [m, m + ' (agent)'])] }) : '') +
@@ -403,8 +415,13 @@ async function viewBoard() {
   const needs = needsItems(sessions)
   html += needsStrip(needs, needOpts())
   html += '<div class="stats">' + Object.entries(FILTERS).map(([k, fl]) =>
-    '<button type="button" class="stat' + (filter === k ? ' on' : '') + '" data-action="filter" data-filter="' + k + '"><div class="n">' + count(k) + '</div><div class="k"><span class="pill ' + fl.cls + '" aria-hidden="true"></span>' + esc(fl.label) + '</div></button>').join('') + '</div>'
+    '<button type="button" class="stat' + (filter === k ? ' on' : '') + '" data-action="filter" data-filter="' + k + '" aria-pressed="' + (filter === k) + '" title="' + esc(filter === k ? 'Showing ' + fl.label.toLowerCase() + ' · tap to show all' : 'Show ' + fl.label.toLowerCase()) + '"><div class="n">' + count(k) + '</div><div class="k"><span class="pill ' + fl.cls + '" aria-hidden="true"></span>' + esc(fl.label) + '</div></button>').join('') + '</div>'
   html += spaceTabs(spaces, sp, spCounts, 'board-space', allShown.length)
+  if (filter === 'closed') {
+    html += await closedSection(f, sp)
+    $app.innerHTML = banners() + html
+    return closedWire()
+  }
   html += repoRow(inSpace, f)
   if (!shown.length && !empties.length) {
     html += '<div class="empty mt"><p><strong>No sessions yet.</strong></p><p>Start Claude Code with the mod loaded (<code>claude --plugin-dir ./mod</code>) or install the settings hooks (<code>leftoff init --hooks</code>). Sessions show up here as soon as you send a prompt.</p></div>'
@@ -416,7 +433,118 @@ async function viewBoard() {
     html += '<div class="grid mt">' + list.map(card).join('') + '</div>'
   }
   html += emptyFold(applyFilter(sp ? empties.filter((s) => s.space === sp) : empties, { repos: f.repos }))
+  // 0.6.9: the Closed view was only a small stat tile; a quiet way in under the grid too.
+  if (closedCount > 0) html += '<div class="closed-link"><button type="button" class="linkish" data-action="filter" data-filter="closed">Closed (' + esc(closedCount) + ') →</button></div>'
   $app.innerHTML = banners() + html
+  revealStat()
+}
+
+// Closed (0.6.7): every ended session on every machine, newest first, with
+// a search box and Show more. Each card has its last checkpoint and Resume,
+// which reopens it in a new Ghostty tab (claude --resume) on the Mac that owns it.
+const CLOSED_PAGE = 30
+const closedUi = { q: '', limit: CLOSED_PAGE, data: null, seq: 0, timer: null, busy: new Set() }
+function closedQuery(f, sp) {
+  const qs = new URLSearchParams({ limit: String(closedUi.limit) })
+  if (closedUi.q.trim()) qs.set('q', closedUi.q.trim())
+  if (state.machine) qs.set('machine', state.machine)
+  if (f.repos.length) qs.set('repo', f.repos.join(','))
+  if (sp) qs.set('space', sp)
+  return '/v1/sessions/closed?' + qs
+}
+async function closedFetch(f, sp) {
+  const seq = ++closedUi.seq
+  const r = await api('GET', closedQuery(f, sp))
+  if (seq === closedUi.seq) closedUi.data = r
+  return closedUi.data
+}
+async function closedSection(f, sp) {
+  const r = await closedFetch(f, sp)
+  return chipBar(r.repos.map((c) => ({ ...c, count: c.total })), f.repos, r.total, 'nothing closed yet') +
+    '<div class="closed-head"><div class="set-search closed-search">' + icon('search') + '<input id="closedQ" type="search" placeholder="Search closed sessions" aria-label="Search closed sessions" autocomplete="off" autocapitalize="off" spellcheck="false" value="' + esc(closedUi.q) + '"></div></div>' +
+    '<div id="closedList">' + closedListHtml(r, f, sp) + '</div>'
+}
+function closedListHtml(r, f, sp) {
+  if (!r.sessions.length) {
+    const inWhat = (f.repos.length ? ' in ' + f.repos.join(', ') : '') + (sp ? ' in ' + sp : '')
+    return '<div class="empty mt">' + (closedUi.q.trim() ? 'No closed sessions match “' + esc(closedUi.q.trim()) + '”' + esc(inWhat) + '.' : 'No closed sessions' + esc(inWhat) + ' yet.') +
+      (f.repos.length || sp || closedUi.q ? ' <button type="button" class="linkish" data-action="closed-clear">Clear</button>' : '') + '</div>'
+  }
+  return '<div class="grid mt closed-grid">' + r.sessions.map((s) => closedCard(s, r.viewer || {})).join('') + '</div>' +
+    (r.more ? '<div class="closed-more"><button type="button" class="btn" data-action="closed-more">Show more <span class="faint">· ' + (r.total - r.sessions.length) + ' older</span></button></div>' : '<div class="closed-end faint">' + r.total + ' closed session' + (r.total === 1 ? '' : 's') + '</div>')
+}
+// Resume is a button only where it can run: a Mac's own browser, with Ghostty,
+// for a session this Mac owns or one another Mac will open for it. Elsewhere
+// (a phone, a remote browser) Copy resume is the way.
+function resumeButton(s, viewer = {}) {
+  if (s.agent || !s.cwd) return ''
+  if (viewer.local === false || state.viewerLocal === false) return ''
+  const busy = closedUi.busy.has(s.id)
+  if (s.isLocal) {
+    if (!viewer.ghostty) return ''
+    return '<button type="button" class="btn primary" data-action="resume-open" data-id="' + esc(s.id) + '"' + (busy ? ' disabled' : '') + ' title="Open it in a new Ghostty tab: claude --resume">' + icon('rotate-ccw') + (busy ? 'Opening…' : 'Resume') + '</button>'
+  }
+  if (!(s.peer && s.peer.ok)) return '' // that Mac can't be reached from here: Copy resume
+  return '<button type="button" class="btn primary" data-action="resume-open" data-id="' + esc(s.id) + '"' + (busy ? ' disabled' : '') + ' title="' + esc('Open it in a new Ghostty tab on ' + s.machine) + '">' + icon('rotate-ccw') + (busy ? 'Opening…' : 'Resume on ' + esc(s.machine)) + '</button>'
+}
+function closedCard(s, viewer) {
+  const href = '#/s/' + encodeURIComponent(s.id)
+  const branch = s.repo && s.repo.branch
+  const label = s.repoLabel || s.repoName || 'no repo'
+  return '<article class="card ended is-closed closed-card" data-id="' + esc(s.id) + '" data-href="' + esc(href) + '">' +
+    '<div class="row1"><div class="title"><a href="' + href + '">' + esc(s.title || 'Untitled session') + '</a></div><span class="pill s-closed">closed</span></div>' +
+    '<div class="meta">' + (s.space && s.space !== s.machine ? spaceChip(s) : '') +
+      '<button type="button" class="chip mono repo-link" data-action="repo" data-repo="' + esc(label) + '" data-key="' + esc(s.repoKey || '') + '" title="' + esc((s.repoKey || label) + ' · show only this repo') + '">' + esc(label) + (branch ? ' · ' + esc(branch) : '') + '</button>' +
+      '<span class="chip machine' + (s.isLocal ? '' : ' remote') + '" title="' + (s.isLocal ? 'this machine' : 'another machine') + '">⌂ ' + esc(s.machine) + '</span>' + modelChip(s) +
+      '<span title="' + esc(clock(s.endedAt)) + '">ended ' + esc(ago(s.endedAt)) + '</span><span>·</span><span>' + esc(s.turns) + (s.turns === 1 ? ' turn' : ' turns') + '</span></div>' +
+    cpBlock(s.latestCheckpoint, { showWhen: false }) +
+    '<div class="actions-row">' + resumeButton(s, viewer) +
+      '<button type="button" class="btn" data-action="resume" data-id="' + esc(s.id) + '">Copy resume</button>' +
+      '<a class="btn" href="' + href + '">' + (s.checkpointCount ? s.checkpointCount + (s.checkpointCount === 1 ? ' checkpoint' : ' checkpoints') : 'Details') + ' →</a>' +
+    '</div></article>'
+}
+function closedRepaint() {
+  const el = document.getElementById('closedList')
+  if (!el || !closedUi.data) return
+  const f = state.boardFilter || { repos: [] }
+  el.innerHTML = closedListHtml(closedUi.data, f, state.boardSpace)
+}
+// On a phone the status counts are one row that scrolls: bring the picked one into view.
+function revealStat() {
+  const on = document.querySelector('.stats .stat.on'), row = on && on.parentElement
+  if (row && row.scrollWidth > row.clientWidth) row.scrollLeft = Math.max(0, on.offsetLeft - row.offsetLeft - (row.clientWidth - on.offsetWidth) / 2)
+}
+function closedWire() {
+  revealStat()
+  const q = document.getElementById('closedQ')
+  if (!q) return
+  q.addEventListener('input', () => {
+    closedUi.q = q.value
+    closedUi.limit = CLOSED_PAGE
+    clearTimeout(closedUi.timer)
+    closedUi.timer = setTimeout(async () => {
+      try { await closedFetch(state.boardFilter || { repos: [] }, state.boardSpace); closedRepaint() } catch (e) { toast(e.message, 5000) }
+    }, 180)
+  })
+  q.addEventListener('keydown', (ev) => { if (ev.key === 'Escape' && q.value) { ev.preventDefault(); q.value = ''; q.dispatchEvent(new Event('input')) } })
+}
+// Resume, from a closed card or a session page. -> true when it opened.
+async function resumeOpen(btn, id) {
+  if (closedUi.busy.has(id)) return false
+  closedUi.busy.add(id)
+  const idle = btn.innerHTML
+  btn.disabled = true; btn.textContent = 'Opening…'
+  try {
+    const r = await api('POST', '/v1/sessions/' + encodeURIComponent(id) + '/resume', {}, { timeoutMs: 60000 })
+    toast(r.peer ? 'Resumed on ' + r.peer + ' in a new Ghostty tab' : 'Resumed in a new Ghostty tab')
+    return true
+  } catch (e) {
+    toast(e.message, 6000)
+    return false
+  } finally {
+    closedUi.busy.delete(id)
+    if (btn.isConnected) { btn.disabled = false; btn.innerHTML = idle }
+  }
 }
 
 // The folded row of empty sessions (v0.4.8), closed by default.
@@ -451,7 +579,7 @@ function restoreBanner() {
   const local = state.viewerLocal !== false
   const picked = restorePicked().length
   const rows = r.sessions.map((s) => '<label class="rs-row"><input type="checkbox" name="rs" value="' + esc(s.id) + '"' + (restoreUi.off.has(s.id) ? '' : ' checked') + '>' +
-    '<span class="rs-main"><span class="rs-t">' + esc(s.title || '(untitled)') + '</span><span class="rs-m">' + esc([s.repoLabel, s.branch, s.lastAliveAt ? 'last seen ' + ago(s.lastAliveAt) : null, 'cp:' + (s.shortId || s.id.slice(0, 8))].filter(Boolean).join(' · ')) + '</span></span></label>').join('')
+    '<span class="rs-main"><span class="rs-t">' + esc(s.title || '(untitled)') + '</span><span class="rs-m">' + esc([s.repoLabel, s.branch, s.modelLabel, s.lastAliveAt ? 'last seen ' + ago(s.lastAliveAt) : null, 'cp:' + (s.shortId || s.id.slice(0, 8))].filter(Boolean).join(' · ')) + '</span>' + (s.blocked ? '<span class="rs-m err">' + esc(s.error) + '</span>' : '') + '</span></label>').join('')
   return '<div class="banner info restore open" id="restoreBanner" role="region" aria-label="Restore sessions"><div class="rs-head"><span class="grow">' + head + '. Each opens in a new Ghostty tab, in its folder, with <code>claude --resume</code> and its name.</span>' +
     '<button type="button" class="btn x" data-action="restore-close" aria-label="Close" title="Close">✕</button></div>' +
     '<div class="rs-list">' + rows + '</div>' +
@@ -612,13 +740,14 @@ async function viewSession(id) {
   const spv = await api('GET', '/v1/spaces').catch(() => null)
   let html = '<a class="back" href="#/">← All sessions</a>'
   html += '<div class="pagehead"><div><h1>' + esc(s.title || 'Untitled session') + '</h1><div class="sub">' + pill(s.status) + ' ' + spaceChip(s, { force: true }) + ' &nbsp;' + esc(s.titleSource ? s.titleSource + ' title' : '') + '</div></div>' +
-    '<div class="actions">' + goButton(s) + '<a class="btn" href="#/timeline?session=' + encodeURIComponent(s.id) + '">' + icon('history') + 'Open in Timeline</a><button type="button" class="btn" data-action="resume" data-id="' + esc(s.id) + '">Copy resume</button>' + (s.isLocal ? '<button type="button" class="btn primary" data-action="checkpoint" data-id="' + esc(s.id) + '">Checkpoint now</button>' : '') + '</div></div>'
+    '<div class="actions">' + goButton(s) + (s.status === 'ended' || s.live === 'closed' ? resumeButton(s, s.viewer || { local: state.viewerLocal !== false, ghostty: !!state.ghostty }) : '') + '<a class="btn" href="#/timeline?session=' + encodeURIComponent(s.id) + '">' + icon('history') + 'Open in Timeline</a><button type="button" class="btn" data-action="resume" data-id="' + esc(s.id) + '">Copy resume</button>' + (s.isLocal ? '<button type="button" class="btn primary" data-action="checkpoint" data-id="' + esc(s.id) + '">Checkpoint now</button>' : '') + '</div></div>'
   html += '<div class="facts">' +
     fact('Machine', s.machine + (s.isLocal ? ' (this one)' : ' (synced)')) + fact('Repo', (s.repoName || '—') + (branch ? ' · ' + branch : '')) + fact('Directory', s.cwd || '—') + fact('Last activity', ago(s.lastActivityAt)) + fact('Started', clock(s.startedAt)) +
-    fact('Turns', s.turns + ' (' + s.turnsSinceCheckpoint + ' since checkpoint)' + (s.historyTurns ? ' · resumed, ' + s.historyTurns + ' before' : '')) + fact('Capture', s.capture || '—') + fact('Model', s.model || '—') + fact('Session id', s.id) +
+    fact('Turns', s.turns + ' (' + s.turnsSinceCheckpoint + ' since checkpoint)' + (s.historyTurns ? ' · resumed, ' + s.historyTurns + ' before' : '')) + fact('Capture', s.capture || '—') + fact('Model', s.modelLabel || s.model || '—', 'wrap') + fact('Session id', s.id) +
     fact('Open?', s.live === 'open' ? 'open' + (s.liveVia === 'pid' ? ' (process ' + s.pid + ' running)' : ' (heartbeat)') : s.live === 'closed' ? 'closed ' + ago(s.closedAt) : 'unknown') +
     fact('Terminal', (s.terminal ? s.terminal.label : '—') + (s.tty ? ' · ' + s.tty.replace('/dev/', '') : '') + ' · tab cp:' + (s.shortId || '')) + '</div>'
   html += spacePicker(s, spv, 'session', s.id)
+  html += '<section class="sprs" id="prs">' + sessionPrsSection(s, { mayEdit: !s.agent }) + '</section>'
   if (s.needsYou) html += '<section class="needs-strip one" aria-label="Needs you"><div class="needs-head"><h2>Needs you</h2></div><div class="needs-list">' + needPanel({ ...s.needsYou, session: s }, needOpts({ compact: true })) + '</div></section>'
   if (s.statusChanges && s.statusChanges.length) {
     html += '<div class="striplabel">Status history</div><div class="strip">' + s.statusChanges.slice(-24).map((c) => '<span class="s-' + esc(c.status) + '" title="' + esc(clock(c.at)) + '">' + esc(LABEL[c.status] || c.status) + '</span>').join('') + '</div>'
@@ -636,7 +765,7 @@ async function viewSession(id) {
   if (!s.checkpoints.length) html += '<div class="empty">No checkpoints yet.</div>'
   else html += '<div class="timeline">' + s.checkpoints.map((cp) =>
     '<div class="tl-item ' + esc(cp.trigger) + '"><div class="tl-head"><span class="t">' + esc(clock(cp.createdAt)) + '</span><span class="trig">' + esc(cp.trigger) + '</span><span>' + esc(ago(cp.createdAt)) + '</span>' +
-    (cp.generator && cp.generator.by ? '<span>· ' + esc(cp.generator.by) + (cp.generator.model ? ' / ' + esc(cp.generator.model) : '') + '</span>' : '') + '</div>' +
+    (cp.generator && cp.generator.by ? '<span>· ' + esc(cp.generator.by) + (cp.generator.model ? ' / ' + esc(cp.generator.model) : '') + (cp.generator.backend === 'ollama' ? ' · Ollama' : '') + '</span>' : '') + '</div>' +
     cpBlock(cp, { showWhen: false, more: true, open: cp === newestCp }) +
     (cp.userNote ? '<div class="note">✎ ' + esc(cp.userNote) + '</div>' : '') +
     (cp.filesTouched && cp.filesTouched.length ? '<div class="files">' + cp.filesTouched.map((f) => '<span class="chip mono">' + esc(f) + '</span>').join('') + '</div>' : '') +
@@ -655,7 +784,43 @@ function spacePicker(s, spv, kind, key) {
       options: [['', own ? 'Default (repo or Mac)' : s.space + ' · ' + (SPACE_WHY[s.spaceSource] || 'default')], ...opts.map((x) => [x, x]), ['__new', 'New space…']] }) +
     '<span class="faint">' + (kind === 'agent' ? 'For everything from this agent’s feed.' : 'Just this session; repos and Macs are set in <a href="#/settings/spaces">Settings → Spaces</a>.') + '</span></div>'
 }
-function fact(k, v) { return '<div class="fact"><div class="k">' + esc(k) + '</div><div class="v" title="' + esc(v) + '">' + esc(v) + '</div></div>' }
+function fact(k, v, cls) { return '<div class="fact' + (cls ? ' ' + cls : '') + '"><div class="k">' + esc(k) + '</div><div class="v" title="' + esc(v) + '">' + esc(v) + '</div></div>' }
+
+// PRs (0.6.9): Mine (PRs linked to your sessions, grouped) and Team (every open
+// PR in the repos your sessions are in). The daemon fetches with gh (or asks
+// the Mac that has it) and caches ~5 min; while it loads we look again shortly.
+const prsUi = { fresh: false, polls: 0, timer: null, data: {} }
+async function viewPrs() {
+  const params = (state.route && state.route.params) || new URLSearchParams()
+  let view = params.get('view')
+  if (!view) { try { view = localStorage.getItem('leftoff.prsView') } catch {} }
+  view = view === 'team' ? 'team' : 'mine'
+  const opts = { view, mayEdit: true, sessionAction: prSessionAction }
+  if (!prsUi.data[view]) $app.innerHTML = banners() + prsPageHtml(null, opts)
+  const fresh = prsUi.fresh; prsUi.fresh = false
+  let d
+  try { d = await api('GET', '/v1/prs?view=' + view + (fresh ? '&fresh=1' : ''), undefined, { timeoutMs: 30000 }) }
+  catch (e) { if (e.code === 'login_required') throw e; d = { error: 'Couldn’t load PRs: ' + e.message } }
+  if (!(state.route && state.route.name === 'prs')) return
+  if (d && d.groups) {
+    // Go / Resume on a row look the session up like a card does.
+    for (const g of d.groups) for (const r of g.rows || []) for (const x of r.sessions || []) if (!state.sessions.some((y) => y.id === x.id)) state.sessions.push(x)
+    d.multiMachine = new Set(state.sessions.map((x) => x.machine).filter(Boolean)).size > 1
+  }
+  prsUi.data[view] = d
+  $app.innerHTML = banners() + prsPageHtml(d, opts)
+  clearTimeout(prsUi.timer)
+  if (d && d.loading && prsUi.polls < 6) { prsUi.polls++; prsUi.timer = setTimeout(() => { if (state.route && state.route.name === 'prs') render() }, 2500) }
+  else if (!(d && d.loading)) prsUi.polls = 0
+}
+function prSessionAction(s) {
+  if (s.live === 'closed' || s.status === 'ended') {
+    const b = resumeButton(s, s.viewer || { local: state.viewerLocal !== false, ghostty: !!state.ghostty })
+    return b ? b.replace('class="btn primary"', 'class="btn sm"') : ''
+  }
+  const g = goButton(s)
+  return g && !/disabled/.test(g) ? g.replace('class="btn go', 'class="btn sm go') : ''
+}
 
 // Timeline (0.4.3): the board's repo chips (same remembered pick), a session
 // filter and a trigger filter. #/timeline?repo=a,b&session=<id>&trigger=manual
@@ -1040,7 +1205,7 @@ function syncProviderFields() {
     st.textContent = k.found ? '✓ key found' + (k.envSet ? ' ($' + k.env + ')' : ' (saved)') : 'no key yet'
     document.getElementById('f-key').placeholder = k.found ? 'paste a new key to replace it' : 'paste your key, or set $' + (k.env || '') + ' for the daemon'
     document.getElementById('f-key-hint').innerHTML = (f.key === 'ollama-cloud' ? 'Create one at <a href="https://ollama.com/settings/keys" target="_blank" rel="noopener">ollama.com/settings/keys</a>. ' : '') +
-      'Saved to ' + esc(k.file || '.secret/') + ' (mode 0600), never config.json. $' + esc(k.env || '') + ' wins if the daemon sees it.'
+      'Saved in ' + esc(k.file || '.secret/') + ' on this Mac, never config.json.'
   }
 }
 
@@ -1123,9 +1288,12 @@ function summariesSection(c) {
     '<label>Checkpoint length</label><div class="lengths" role="radiogroup" aria-label="Checkpoint length">' + LENGTH_CHOICES.map((o) =>
       '<label class="lenopt"><input type="radio" name="f-length" value="' + o.key + '"' + (cur === o.key ? ' checked' : '') + '>' +
       '<span class="lo-t">' + esc(o.label) + (o.recommended ? ' <span class="lo-rec">default</span>' : '') + '</span><span class="lo-a">' + esc(o.approx) + '</span><span class="lo-b">' + esc(o.blurb) + '</span></label>').join('') + '</div>' +
-    '<div class="hint">In a session, <code>/cp --short</code> or <code>/cp --long</code> overrides it for one checkpoint. The board, the pane and the digest always use the first three lines.</div>' +
-    '<label>Example</label><div class="len-example" id="f-length-example" aria-live="polite">' + lengthExample(cur) + '</div>' +
-    '<div class="hint"><button type="button" class="linkish" data-action="length-try">Try the selected length on your latest session</button> <span class="faint">(runs the summarizer once; nothing is saved)</span></div>'
+    '<div class="hint"><code>/cp --short</code> or <code>/cp --long</code> overrides it once.</div>'
+}
+function lengthExampleHtml(c) {
+  const cur = (c.summary && c.summary.length) || 'informative'
+  return '<label>Example</label><div class="len-example" id="f-length-example" aria-live="polite">' + lengthExample(cur) + '</div>' +
+    '<div class="hint"><button type="button" class="linkish" data-action="length-try">Try it on your latest session</button> <span class="faint">(nothing is saved)</span></div>'
 }
 async function tryLength() {
   const k = ((document.querySelector('input[name="f-length"]:checked') || {}).value) || 'informative'
@@ -1137,7 +1305,7 @@ async function tryLength() {
   box.innerHTML = '<div class="ex-head">Writing a ' + esc(k) + ' checkpoint of “' + esc(s.title || 'Untitled') + '”…</div>'
   try {
     const cp = await api('POST', '/v1/checkpoints/preview', { sessionId: s.id, length: k })
-    box.innerHTML = '<div class="ex-head">Your session · ' + esc(s.title || 'Untitled') + ' <span class="faint">' + esc(k) + (cp.generator && cp.generator.by ? ' · by ' + esc(cp.generator.by) + (cp.generator.model ? ' / ' + esc(cp.generator.model) : '') : '') + ' · not saved</span></div>' +
+    box.innerHTML = '<div class="ex-head">Your session · ' + esc(s.title || 'Untitled') + ' <span class="faint">' + esc(k) + (cp.generator && cp.generator.by ? ' · by ' + esc(cp.generator.by) + (cp.generator.model ? ' / ' + esc(cp.generator.model) : '') + (cp.generator.backend === 'ollama' ? ' · Ollama' : '') : '') + ' · not saved</span></div>' +
       cpBlock(cp, { showWhen: false }) + (hasExtras(cp) ? '<div class="cpx">' + cpExtras(cp) + '</div>' : '')
   } catch (e) { box.innerHTML = lengthExample(k); toast('Couldn’t write it: ' + e.message) }
 }
@@ -1174,9 +1342,11 @@ function remoteSection(r) {
       : '<span class="chip">no sign-in needed</span>') + '</div>' +
     '<div class="hint">' + (r.requireToken ? 'A signed-in browser stays signed in for 30 days after its last visit.' : 'Anyone on your tailnet who can reach the URL gets the board (remoteRequireToken is off).') + '</div>'
   if (r.requireToken) {
-    if (local) {
+    // A trusted remote browser may sign in another phone too (0.6.6, Trust my paired devices).
+    const trusted = !!(state.cfg && state.cfg.remote && state.cfg.remote.allowAnswers)
+    if (local || trusted) {
       h += '<label>Sign in a phone</label><div class="remote-actions"><button type="button" class="btn primary" data-action="remote-link">' + icon('qr-code') + 'Show QR code</button>' +
-        (n ? '<button type="button" class="btn" data-action="remote-revoke">Sign out remote browsers</button>' : '') + '</div>' +
+        (n && local ? '<button type="button" class="btn" data-action="remote-revoke">Sign out remote browsers</button>' : '') + '</div>' +
         '<div class="full signin" id="remoteLink" hidden></div>'
     } else {
       h += '<label>Home-screen app</label><div class="remote-actions"><button type="button" class="btn primary" data-action="remote-code">Get a code</button></div>' +
@@ -1212,7 +1382,7 @@ function signupBlock(r, su, local) {
 
 // Use from anywhere (v0.6.0): the hosted relay at <user>.leftoff.dev. The
 // switch, the name, the relay's state, pairing a phone, the paired devices.
-function anywhereSection(r) {
+function anywhereSection(r, adv = []) {
   if (!r) return ''
   const v = r.viewer || {}
   const local = !!v.local
@@ -1220,27 +1390,33 @@ function anywhereSection(r) {
   const dom = esc(r.domain || 'leftoff.dev')
   const su = r.signup || { status: 'none' }
   let h = '<div class="section" id="anywhere">Use from anywhere</div>' +
-    '<div class="full hint">Your board at <b>' + esc(r.host || 'you.leftoff.dev') + '</b> on your phone or any browser, with no Tailscale and no open ports. Each Mac keeps one outbound connection to your relay. The board’s data is end-to-end encrypted between a paired browser and your Macs, so the relay passes along what it can’t read. <a href="https://leftoff.dev/how-it-works" target="_blank" rel="noopener">How it works ↗</a></div>'
+    '<div class="full hint">Your board at <b>' + esc(r.host || 'yourname.leftoff.dev') + '</b> from any browser, end-to-end encrypted. <a href="https://leftoff.dev/how-it-works" target="_blank" rel="noopener">How it works ↗</a></div>'
   // No name yet on any Mac in this folder: claim one (0.6.1, an email link, no admin token).
   if ((!r.user || su.status === 'pending') && su.status !== 'confirmed') h += signupBlock(r, su, local)
-  h += '<label for="f-anywhere">Use from anywhere</label><label class="check"><input id="f-anywhere" type="checkbox" data-action="relay-toggle"' + (r.enabled ? ' checked' : '') + dis + '><span>On for this Mac (' + esc(r.machine || '') + ')</span></label>' +
-    '<label for="f-anywhere-user">' + (r.user ? 'Your name' : 'Have a name?') + '</label><div class="anyuser"><input id="f-anywhere-user" value="' + esc(r.user || '') + '" placeholder="yourname" spellcheck="false" autocapitalize="none" autocomplete="off" maxlength="32"' + dis + '><span class="faint mono">.' + dom + '</span>' +
+  h += '<label for="f-anywhere">Use from anywhere</label><label class="check"><input id="f-anywhere" type="checkbox" data-action="relay-toggle"' + (r.enabled ? ' checked' : '') + dis + '><span>On for this Mac (' + esc(r.machine || '') + ')</span></label>'
+  // The name: up top until there is one, then Advanced (0.6.6).
+  const nameRow = '<label for="f-anywhere-user">' + (r.user ? 'Your name' : 'Have a name?') + '</label><div class="anyuser"><input id="f-anywhere-user" value="' + esc(r.user || '') + '" placeholder="yourname" spellcheck="false" autocapitalize="none" autocomplete="off" maxlength="32"' + dis + '><span class="faint mono">.' + dom + '</span>' +
     (local && r.user ? '<button type="button" class="btn sm" data-action="relay-user">Save</button>' : '') + '</div>' +
-    '<div class="hint">' + (r.user ? 'Your own subdomain. Your other Macs join on their own when you switch this on there, while a Mac that’s already on it is awake.' : 'Already claimed one on another Mac? Type it here and switch this on; that Mac vouches for this one while it’s awake.') + '</div>'
+    '<div class="hint">' + (r.user ? 'Your other Macs join when you switch this on there.' : 'Claimed one on another Mac? Type it here and switch this on.') + '</div>'
+  if (r.user) adv.push(nameRow); else h += nameRow
   if (r.enabled) {
     const st = r.connected ? '<span class="chip ok">Connected' + (r.latencyMs != null ? ' · ' + esc(r.latencyMs) + ' ms' : '') + '</span>' : '<span class="chip warn">' + (r.connecting && !r.problem ? 'Connecting…' : 'Not connected') + '</span>'
     h += '<label>Relay</label><div class="relaystat">' + st + (r.problem ? '<div class="hint warnish">' + esc(r.problem) + '</div>' : '') + '</div>'
     if (r.boardUrl) h += '<label>Address</label><div class="remote-urls"><span class="chip mono">' + esc(r.boardUrl) + '</span><button type="button" class="btn sm" data-action="copy-cmd" data-cmd="' + esc(r.boardUrl) + '">Copy</button></div>'
-    if (local) h += '<label>Pair a phone</label><div class="remote-actions"><button type="button" class="btn primary" data-action="relay-pair"' + (r.connected ? '' : ' disabled') + '>' + icon('qr-code') + 'Pair a phone</button></div>' +
+    // Pairing from a paired phone follows Trust my paired devices (0.6.6).
+    const mayPair = v.mayPair != null ? !!v.mayPair : local
+    if (mayPair) h += '<label>Pair a phone</label><div class="remote-actions"><button type="button" class="btn primary" data-action="relay-pair"' + (r.connected ? '' : ' disabled') + '>' + icon('qr-code') + 'Pair a phone</button></div>' +
       '<div class="full signin" id="relayPair" hidden></div>'
+    else h += '<label>Pair a phone</label><div class="hint nomt" id="pairUntrusted">Turn on <a href="#/settings/security">Trust my paired devices</a> on a Mac to pair from here.</div>'
   }
+  const mayRevoke = v.mayRevoke != null ? !!v.mayRevoke : local
   const list = r.list || []
   h += '<label>Paired devices</label><div class="devlist">' + (list.length ? list.map((d) =>
     '<div class="dev" data-device="' + esc(d.id) + '"><div class="dev-main"><b>' + esc(d.name) + '</b>' + (v.device === d.id ? ' <span class="chip">this one</span>' : '') +
     '<div class="faint">Paired ' + esc(fmtAgo(d.createdAt)) + ' on ' + esc(d.pairedOn || '?') + (d.lastSeenAt ? ' · used ' + esc(fmtAgo(d.lastSeenAt)) : '') + ' · reaches ' + esc((d.macs || []).join(', ')) + '</div></div>' +
-    (local ? '<button type="button" class="btn sm danger" data-action="relay-revoke" data-device="' + esc(d.id) + '" data-name="' + esc(d.name) + '">Revoke</button>' : '') + '</div>').join('')
+    (mayRevoke ? '<button type="button" class="btn sm danger" data-action="relay-revoke" data-device="' + esc(d.id) + '" data-name="' + esc(d.name) + '"' + (v.device === d.id ? ' data-self="1"' : '') + '>Revoke</button>' : '') + '</div>').join('')
     : '<div class="faint">None yet.</div>') + '</div>' +
-    '<div class="hint">' + (local ? 'Revoking works at once: the relay refuses the device and your Macs throw away its key.' : 'Revoke devices from a Mac.') + ' Answering prompts from a phone follows <a href="#/settings/security">Privacy &amp; security</a>. Planned: a passkey as a second factor.</div>'
+    '<div class="hint">' + (local ? 'Revoking works at once, from any paired device.' : 'Revoking works at once, this browser included.') + '</div>'
   return h
 }
 function fmtAgo(iso) {
@@ -1270,7 +1446,7 @@ function paintRelayPair(l) {
   box.innerHTML = '<div class="qr"><img alt="QR code: scan with the iPhone camera" width="220" height="220" src="data:image/svg+xml;base64,' + btoa(l.qrSvg) + '"></div>' +
     '<div class="signin-text"><div class="faint">Scan with your phone’s camera, or open this link on it:</div><code class="link">' + esc(l.link) + '</code>' +
     '<button type="button" class="btn sm" data-action="copy-cmd" data-cmd="' + esc(l.link) + '">Copy link</button>' +
-    '<div class="faint gap">Or type this code at ' + esc(l.link.split('#')[0]) + ':</div><div class="code-big long" aria-label="Pairing code">' + esc(l.code) + '</div>' +
+    '<div class="faint gap">Or type this code at ' + esc(l.link.split('#')[0]) + ':</div><div class="joinline"><div class="code-big long" aria-label="Pairing code">' + esc(l.code) + '</div><button type="button" class="btn sm" data-action="copy-cmd" data-cmd="' + esc(l.code) + '">Copy code</button></div>' +
     '<div class="expiry" id="relayExpiry" data-expires="' + esc(l.expiresAt) + '"></div>' +
     '<button type="button" class="linkish" data-action="relay-pair">New code</button></div>'
   const tick = () => {
@@ -1292,9 +1468,10 @@ function answeringSection(r, relay) {
   if (!r || !(r.enabled || anywhere)) return ''
   const local = r.via !== 'remote'
   const allow = !!(state.cfg && state.cfg.remote && state.cfg.remote.allowAnswers)
-  return '<label for="f-remote-answers">Answering</label><label class="check"><input id="f-remote-answers" type="checkbox"' + (allow ? ' checked' : '') + (local ? '' : ' disabled') + '><span>Allow answering permission prompts and questions from other devices</span></label>' +
-    '<div class="warnbox"><b>Think before turning this on.</b> Anyone signed in to this board over Tailscale, or using a browser you paired for Use from anywhere, could then approve what Claude runs on this machine, including commands that delete files or push code. Off, other devices still see what’s waiting and can’t answer it. ' +
-    (local ? 'Every answer is recorded in the session’s answers.md with where it came from.' : 'This can only be changed on the machine running Leftoff.') + '</div>'
+  return '<label for="f-remote-answers">Paired devices</label><label class="check"><input id="f-remote-answers" type="checkbox"' + (allow ? ' checked' : '') + (local ? '' : ' disabled') + '><span>Trust my paired devices</span></label>' +
+    '<div class="hint">On: your phone and other paired browsers can answer prompts and pair new devices. Off: they can look, not touch.</div>' +
+    '<div class="warnbox"><b>Think first.</b> A trusted device can approve what Claude runs here, including deleting files or pushing code.' +
+    (local ? '' : ' Change this on a Mac.') + '</div>'
 }
 
 // The sign-in box under "Show QR code" / "Get a code": the QR image, the link,
@@ -1338,11 +1515,11 @@ function digestSettings(c) {
   const zoneNote = bz && zone && bz !== zone ? '<div class="hint warnish">This browser is in ' + esc(bz) + '. The digest runs on ' + esc(zone) + ' time' + (d.timeZone ? ' (set below)' : ', the zone of the machine running Leftoff') + '.</div>' : ''
   return '<div class="section dup" id="digest">Digest</div>' +
     '<label for="f-time">Time</label><div class="timerow"><input id="f-time" type="time" value="' + esc(d.time || '') + '"><span class="zone" id="f-zone">' + esc(zone) + (dg.zoneAbbr && dg.zoneAbbr !== zone ? ' (' + esc(dg.zoneAbbr) + ')' : '') + '</span></div>' +
-    '<div class="hint">' + (dg.time ? 'Next one: ' + esc(dg.nextAt ? clock(dg.nextAt) : '—') + '. ' : '') + 'Clear the time to turn automatic digests off.</div>' + zoneNote +
+    '<div class="hint">' + (dg.time ? 'Next one: ' + esc(dg.nextAt ? clock(dg.nextAt) : '—') + '. ' : '') + 'Clear it to turn digests off.</div>' + zoneNote +
     '<label>Days</label><div class="days" role="group" aria-label="Digest days">' + DAY_KEYS.map(([k, l, full]) => '<button type="button" class="day" data-action="day-toggle" data-day="' + k + '" aria-pressed="' + days.includes(k) + '" title="' + full + '" aria-label="' + full + '">' + l + '</button>').join('') +
       '<span class="presets"><button type="button" class="linkish" data-action="days-preset" data-days="all">Every day</button> · <button type="button" class="linkish" data-action="days-preset" data-days="weekdays">Weekdays</button></span></div>' +
-    '<label for="f-skip">Quiet days</label><label class="check"><input id="f-skip" type="checkbox"' + (d.skipEmpty !== false ? ' checked' : '') + '><span>Skip days with no activity (no empty digest is written).</span></label>' +
-    '<label for="f-tz">Time zone</label>' + selectHtml({ id: 'f-tz', value: d.timeZone || '', options: [['', 'This machine’s (' + (dg.daemonZone || '?') + ')'], ...zones.map((z) => [z, z.replace(/_/g, ' ')])] })
+    advanced('digest', '<label for="f-skip">Quiet days</label><label class="check"><input id="f-skip" type="checkbox"' + (d.skipEmpty !== false ? ' checked' : '') + '><span>Skip days with no activity (no empty digest is written).</span></label>' +
+    '<label for="f-tz">Time zone</label>' + selectHtml({ id: 'f-tz', value: d.timeZone || '', options: [['', 'This machine’s (' + (dg.daemonZone || '?') + ')'], ...zones.map((z) => [z, z.replace(/_/g, ' ')])] }))
 }
 
 // Settings (v0.5.9): one section at a time. Desktop (≥900px) has a sidebar of
@@ -1417,6 +1594,12 @@ function settingsFilter() {
   }
   wrap.querySelectorAll('.set-hit').forEach((el) => el.classList.remove('set-hit'))
   if (q) for (const el of wrap.querySelectorAll('.set-pane:not([hidden]) label, .set-pane:not([hidden]) .section, .set-pane:not([hidden]) .sp-sub')) if (el.textContent.toLowerCase().includes(q)) el.classList.add('set-hit')
+  // A match under Advanced opens it; clearing the search folds it back (unless you opened it).
+  for (const d of wrap.querySelectorAll('details.set-adv')) {
+    const inside = q && [...d.querySelectorAll('.set-advbody label, .set-advbody .section, .set-advbody .sp-sub')].some((el) => el.textContent.toLowerCase().includes(q))
+    if (inside && !d.open) { d.dataset.auto = '1'; d.open = true }
+    else if (!inside && d.dataset.auto) { delete d.dataset.auto; d.open = !!settingsUi.adv[d.dataset.adv] }
+  }
   const none = wrap.querySelector('.set-nomatch')
   none.hidden = !!first
   none.textContent = first ? '' : 'Nothing in Settings matches “' + settingsUi.q.trim() + '”.'
@@ -1457,10 +1640,30 @@ function ghSection(g) {
     '<button type="button" class="linkish" data-action="gh-check">Check again</button></div>'
   if (g.fix && g.fix.cmd) h += '<div class="joinline ghfix"><code class="cmd">' + esc(g.fix.cmd) + '</code><button type="button" class="btn sm" data-action="copy-cmd" data-cmd="' + esc(g.fix.cmd) + '">Copy</button></div>'
   h += '</div>'
-  if (!ok) h += '<div class="hint">' + (g.fix && g.fix.url ? 'Optional. Install gh from <a href="' + esc(g.fix.url) + '" target="_blank" rel="noopener">cli.github.com</a>, then run this in Terminal.' : 'Optional. Run this in Terminal on this Mac.') + ' Without gh, cards just skip the pull request.</div>'
+  if (!ok) h += '<div class="hint">' + (g.fix && g.fix.url ? 'Optional. Install gh from <a href="' + esc(g.fix.url) + '" target="_blank" rel="noopener">cli.github.com</a>, then run this.' : 'Optional. Run this in Terminal on this Mac.') + '</div>'
   return h
 }
 
+// Advanced (0.6.6): each section shows what people change up top; the rest
+// folds under one closed Advanced per section. Same form, same Save; the
+// search opens a fold when something inside matches; opening one sticks.
+settingsUi.adv = settingsUi.adv || {}
+function advanced(key, html) {
+  if (!html) return ''
+  return '<details class="set-adv" data-adv="' + key + '"' + (settingsUi.adv[key] ? ' open' : '') + '><summary>Advanced</summary><div class="set-advbody">' + html + '</div></details>'
+}
+// Phone & remote: Use from anywhere up top; Tailscale under Advanced unless it's
+// the only way in (remote access on, the relay off).
+function phonePane(relay, remote, unavailable) {
+  const adv = []
+  const any = anywhereSection(relay, adv)
+  const ts = remoteSection(remote) || unavailable('Couldn’t read remote access from Leftoff.')
+  const tsOnly = !!(remote && remote.enabled) && !(relay && relay.enabled)
+  if (!any) return ts
+  if (tsOnly) return any + advanced('phone', adv.join('')) + '<div class="section">Over Tailscale</div>' + ts
+  return any + advanced('phone', adv.join('') + '<div class="section">Over Tailscale</div>' + ts)
+}
+
 async function viewSettings() {
   const [c, , remote, sync, peers, st, , , relay, gh] = await Promise.all([api('GET', '/v1/config'), spacesLoad(), api('GET', '/v1/remote').catch(() => null), api('GET', '/v1/sync').catch(() => null), api('GET', '/v1/peers').catch(() => null), api('GET', '/v1/syncthing').catch(() => null), refreshHealth().catch(() => null), agentsLoad(), api('GET', '/v1/relay').catch(() => null), api('GET', '/v1/gh').catch(() => null)])
   state.relay = relay
@@ -1473,17 +1676,16 @@ async function viewSettings() {
   const h = state.health || {}
   const unavailable = (what) => '<div class="full hint set-empty">' + esc(what) + '</div>'
   const panes = {
-    general: '<div class="section">Checkpoints</div>' +
-      '<label for="f-dormant">Dormant after (min)</label><input id="f-dormant" type="number" min="1" step="1" value="' + esc(c.dormantAfterMin) + '">' +
-      '<div class="hint">A session with no activity this long gets a checkpoint.</div>' +
-      '<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 one.</div>' +
-      '<div class="section">Needs you</div>' +
-      '<label for="f-notify">Notify me</label><label class="check"><input id="f-notify" type="checkbox"' + (c.notify && c.notify.needsYou === false ? '' : ' checked') + '><span>Show a macOS notification when a session has waited on a permission prompt or question for ' + esc((c.notify && c.notify.delaySec != null) ? c.notify.delaySec : 10) + ' seconds</span></label>' +
-      '<div class="hint">Answered sooner (in the terminal or here), no notification. With <code>terminal-notifier</code> installed (<code>brew install terminal-notifier</code>), clicking the notification jumps to the session.</div>' +
-      '<div id="ghBox" class="ghbox">' + ghSection(gh) + '</div>' +
+    general: '<div class="section">Needs you</div>' +
+      '<label for="f-notify">Notify me</label><label class="check"><input id="f-notify" type="checkbox"' + (c.notify && c.notify.needsYou === false ? '' : ' checked') + '><span>Show a notification when a prompt or question has waited ' + esc((c.notify && c.notify.delaySec != null) ? c.notify.delaySec : 10) + ' seconds</span></label>' +
+      '<div class="hint">With <code>terminal-notifier</code>, a click jumps to the session.</div>' +
       '<div class="section">Appearance</div>' +
-      '<label>Theme</label><div class="theme" role="group" aria-label="Theme">' + ['light', 'dark', 'system'].map((t) => '<button type="button" data-theme-set="' + t + '" aria-pressed="' + (pref === t) + '">' + THEME_ICONS[t] + (t === 'system' ? 'System' : t[0].toUpperCase() + t.slice(1)) + '</button>').join('') + '</div>',
+      '<label>Theme</label><div class="theme" role="group" aria-label="Theme">' + ['light', 'dark', 'system'].map((t) => '<button type="button" data-theme-set="' + t + '" aria-pressed="' + (pref === t) + '">' + THEME_ICONS[t] + (t === 'system' ? 'System' : t[0].toUpperCase() + t.slice(1)) + '</button>').join('') + '</div>' +
+      advanced('general', '<label for="f-dormant">Dormant after (min)</label><input id="f-dormant" type="number" min="1" step="1" value="' + esc(c.dormantAfterMin) + '">' +
+        '<div class="hint">No activity this long, and the session gets a checkpoint.</div>' +
+        '<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),
     spaces: '<div class="full-box" id="spacesBox">' + spacesSectionHtml() + '</div>',
     sync: syncSection(sync, stUi.data) || unavailable('Couldn’t read the sync status from Leftoff.'),
@@ -1496,21 +1698,22 @@ async function viewSettings() {
       '<label for="f-base" data-row="base">Server URL</label><input id="f-base" data-row="base" value="' + esc(sm.baseUrl || '') + '">' +
       '<label for="f-key" data-row="key">API key</label><div class="keyrow" data-row="key"><input id="f-key" type="password" autocomplete="new-password" spellcheck="false"><span class="keystate" id="f-keystate"></span></div>' +
       '<div class="hint" data-row="key" id="f-key-hint"></div>' +
-      summariesSection(c),
-    phone: (anywhereSection(relay) ? anywhereSection(relay) + '<div class="section">Over Tailscale</div>' : '') + (remoteSection(remote) || unavailable('Couldn’t read remote access from Leftoff.')) +
-      (remote && remote.enabled ? '<div class="full hint set-link">Answering prompts from your phone is in <a href="#/settings/security">Privacy &amp; security</a>.</div>' : ''),
-    security: '<div class="section" id="answering">Answering from other devices</div>' + (answeringSection(remote, relay) ||
-        '<div class="full hint">Other devices reach this board only once remote access or Use from anywhere is on (<a href="#/settings/phone">Phone &amp; remote</a>). Until then nothing can answer from elsewhere.</div>') +
-      machinesSection(peers) +
-      '<div class="section">Your data</div>' +
-      '<div class="full hint">Everything Leftoff writes is plain Markdown and JSON in your Leftoff folder. API keys, machine keys and the board token stay on each Mac. <a href="' + SECURITY_URL + '" target="_blank" rel="noopener">The full security notes ↗</a></div>',
-    updates: '<div class="section">Updates</div>' +
-      '<label for="f-updates">Check daily</label><label class="check"><input id="f-updates" type="checkbox"' + (!(c.updates && c.updates.check === false) ? ' checked' : '') + '><span>Look for a newer version once a day. Nothing installs on its own.</span></label>' +
-      '<div class="hint">' + updateLine() + ' <button type="button" class="linkish" data-action="check-updates">Check now</button></div>' +
-      '<div class="section">About</div>' +
+      summariesSection(c) +
+      advanced('models', lengthExampleHtml(c)),
+    phone: phonePane(relay, remote, unavailable),
+    security: '<div class="section" id="answering">Other devices</div>' + (answeringSection(remote, relay) ||
+        '<div class="full hint">Nothing reaches this board from elsewhere until <a href="#/settings/phone">Phone &amp; remote</a> is on.</div>') +
+      // a changed machine key needs a click here, so Other machines stays up top then
+      (peers && (peers.peers || []).some((x) => x.trust === 'key_changed') ? machinesSection(peers) : '') +
+      advanced('security', (peers && (peers.peers || []).some((x) => x.trust === 'key_changed') ? '' : machinesSection(peers)) +
+        '<div class="section">Your data</div>' +
+        '<div class="full hint">Plain Markdown and JSON in your Leftoff folder; keys stay on each Mac. <a href="' + SECURITY_URL + '" target="_blank" rel="noopener">Security notes ↗</a></div>'),
+    updates: '<div class="section">About</div>' +
       '<label>Version</label><div class="aboutline"><span class="chip mono">v' + esc(h.version || '') + '</span><a href="#/whats-new">What’s new</a><a href="' + REPO_URL + '" target="_blank" rel="noopener">GitHub ↗</a></div>' +
-      '<label>Machine</label><div><span class="chip machine">⌂ ' + esc(c.machineResolved) + '</span></div>' +
-      '<label>Folder</label><div><a class="chip mono" href="file://' + esc(c.folder) + '">' + esc(c.folder) + '</a></div>',
+      '<div class="hint">' + updateLine() + ' <button type="button" class="linkish" data-action="check-updates">Check now</button></div>' +
+      advanced('updates', '<label for="f-updates">Check daily</label><label class="check"><input id="f-updates" type="checkbox"' + (!(c.updates && c.updates.check === false) ? ' checked' : '') + '><span>Look for a new version daily. Nothing installs on its own.</span></label>' +
+        '<label>Machine</label><div><span class="chip machine">⌂ ' + esc(c.machineResolved) + '</span></div>' +
+        '<label>Folder</label><div><a class="chip mono" href="file://' + esc(c.folder) + '">' + esc(c.folder) + '</a></div>'),
   }
   const r = state.route || parseRoute()
   $app.innerHTML = '<div class="settings no-sec" id="settingsWrap">' +
@@ -1537,6 +1740,14 @@ async function viewSettings() {
     document.getElementById('f-model').value = same ? (c.summarizer.model || '') : ''
     syncProviderFields()
   })
+  // Opening or closing Advanced by hand sticks across redraws (the search's own opening doesn't).
+  document.getElementById('settingsWrap').addEventListener('toggle', (ev) => {
+    const d = ev.target
+    if (!d.classList || !d.classList.contains('set-adv')) return
+    if (d.dataset.auto && d.open) return
+    delete d.dataset.auto
+    settingsUi.adv[d.dataset.adv] = d.open
+  }, true)
   const f = document.getElementById('setFilter')
   f.addEventListener('input', () => { settingsUi.q = f.value; settingsFilter() })
   f.addEventListener('keydown', (ev) => {
@@ -2203,6 +2414,7 @@ async function render() {
     if (r.name === 's' && r.arg) await viewSession(r.arg)
     else if (r.name === 'waiting') await viewWaiting()
     else if (r.name === 'timeline') await viewTimeline()
+    else if (r.name === 'prs') await viewPrs()
     else if (r.name === 'digest') await viewDigest(r.arg, r.params.get('machine'))
     else if (r.name === 'catchup') await viewCatchup(r.arg)
     else if (r.name === 'lists') await viewLists(r.arg)
@@ -2380,7 +2592,7 @@ window.addEventListener('resize', () => { placeStatus() })
 // ⌘K search: a centered panel with the results grouped as you type. Enter on
 // nothing picked opens the full results page (#/search?q=…), as before.
 const searchUi = { seq: 0, items: [], active: -1, timer: null, last: null }
-const PAGES = [['Board', '#/'], ['Needs you', '#/waiting'], ['Lists', '#/lists'], ['Timeline', '#/timeline'], ['Digest', '#/digest'], ['Catch me up', '#/catchup/new'], ['What’s new', '#/whats-new'], ['Settings', '#/settings']]
+const PAGES = [['Board', '#/'], ['Needs you', '#/waiting'], ['Lists', '#/lists'], ['PRs', '#/prs'], ['Timeline', '#/timeline'], ['Digest', '#/digest'], ['Catch me up', '#/catchup/new'], ['What’s new', '#/whats-new'], ['Settings', '#/settings']]
 const searchIsOpen = () => !document.getElementById('cmdk').hidden
 function openSearch(prefill) {
   const box = document.getElementById('cmdk'), q = document.getElementById('q')
@@ -2488,9 +2700,17 @@ document.addEventListener('click', async (ev) => {
   const action = btn.dataset.action
   const card = btn.closest('[data-id]')
   const id = btn.dataset.id || (card && card.dataset.id)
-  const s = state.sessions.find((x) => x.id === id)
+  const s = state.sessions.find((x) => x.id === id) || (closedUi.data && closedUi.data.sessions.find((x) => x.id === id))
   try {
     if (action === 'copy-cmd') { await copy(btn.dataset.cmd); return }
+    // PRs (0.6.9)
+    if (action === 'prs-view') { const v = btn.dataset.view === 'team' ? 'team' : 'mine'; try { localStorage.setItem('leftoff.prsView', v) } catch {} location.hash = v === 'team' ? '#/prs?view=team' : '#/prs'; return }
+    if (action === 'prs-refresh') { btn.disabled = true; prsUi.fresh = true; return render() }
+    if (action === 'pr-unlink') {
+      btn.disabled = true
+      try { await api('POST', '/v1/sessions/' + encodeURIComponent(btn.dataset.id) + '/prs', { ref: btn.dataset.url, unlink: true }); toast('Unlinked') } catch (e) { btn.disabled = false; toast(e.message, 5000); return }
+      return render()
+    }
     if (action === 'gh-check') {
       btn.disabled = true
       try { state.gh = await api('GET', '/v1/gh?fresh=1') } catch { state.gh = null }
@@ -2527,8 +2747,11 @@ document.addEventListener('click', async (ev) => {
     if (action === 'relay-signup-cancel') { await api('POST', '/v1/relay/signup/cancel'); stopSignupPoll(); return render() }
     if (action === 'relay-pair') { const l = await api('POST', '/v1/relay/pair'); paintRelayPair(l); return }
     if (action === 'relay-revoke') {
-      if (!confirm('Revoke ' + btn.dataset.name + '? It stops working at once and needs pairing again.')) return
+      const self = btn.dataset.self === '1'
+      if (!confirm(self ? 'Revoke this browser? It stops working at once and needs pairing again.' : 'Revoke ' + btn.dataset.name + '? It stops working at once and needs pairing again.')) return
       const r = await api('POST', '/v1/relay/devices/' + encodeURIComponent(btn.dataset.device) + '/revoke')
+      // Revoked itself (0.6.6): the same screen a revoked browser gets.
+      if ((self || r.self) && window.leftoffRelay && window.leftoffRelay.unpaired) return window.leftoffRelay.unpaired()
       toast('Revoked ' + btn.dataset.name + (r.relay === 'done' ? '' : ' (the relay hears it once this Mac reconnects)')); return render()
     }
     if (action === 'relay-mac') { if (window.leftoffRelay && btn.dataset.mac !== window.leftoffRelay.mac) window.leftoffRelay.pick(btn.dataset.mac); return }
@@ -2572,7 +2795,7 @@ document.addEventListener('click', async (ev) => {
     if (action === 'list-help') { listUi.help = !listUi.help; return render() }
     if (action === 'list-help-go') { listUi.help = true; location.hash = '#/lists'; return }
     if (action === 'remote-link' || action === 'remote-code') {
-      const l = await api('POST', '/v1/remote/link')
+      const l = await api('POST', '/v1/remote/link', action === 'remote-link' ? { full: true } : undefined)
       if (l.needed === false) { toast('No sign-in needed (remoteRequireToken is off)'); return }
       paintSignin(l); return
     }
@@ -2741,6 +2964,9 @@ document.addEventListener('click', async (ev) => {
       return render()
     }
     if (action === 'go') return goClick(btn, id, s)
+    if (action === 'resume-open') return resumeOpen(btn, btn.dataset.id || id)
+    if (action === 'closed-more') { closedUi.limit += CLOSED_PAGE; btn.disabled = true; try { await closedFetch(state.boardFilter || { repos: [] }, state.boardSpace); closedRepaint() } catch (e) { toast(e.message, 5000) } return }
+    if (action === 'closed-clear') { closedUi.q = ''; closedUi.limit = CLOSED_PAGE; state.boardSpace = null; saveSpace(null); return setBoardFilter({ repos: [], status: 'closed' }) }
     if (action && action.startsWith('st-')) return stAction(action, btn)
     if (action && action.startsWith('sync-') || action === 'peer-trust') return syncAction(action, btn)
     if (action === 'resume') {
@@ -2912,6 +3138,15 @@ function goClick(btn, id, s) {
 }
 
 document.addEventListener('submit', async (ev) => {
+  if (ev.target.dataset && ev.target.dataset.prLink) {
+    ev.preventDefault()
+    const input = ev.target.querySelector('input[name=ref]')
+    const ref = input.value.trim()
+    if (!ref) { input.focus(); return }
+    const b = ev.target.querySelector('button'); if (b) b.disabled = true
+    try { const r = await api('POST', '/v1/sessions/' + encodeURIComponent(ev.target.dataset.prLink) + '/prs', { ref }); input.value = ''; toast('Linked #' + String(r.url || '').split('/').pop()) ; await render() } catch (e) { toast(e.message, 5000) } finally { if (b) b.disabled = false }
+    return
+  }
   if (ev.target.dataset && ev.target.dataset.listAdd) {
     ev.preventDefault()
     const input = ev.target.querySelector('input[name=text]')
@@ -2958,7 +3193,7 @@ document.addEventListener('submit', async (ev) => {
         ...(() => {
           const el = document.getElementById('f-remote-answers')
           if (!el || el.disabled || el.checked === !!(state.cfg.remote && state.cfg.remote.allowAnswers)) return {}
-          if (el.checked && !confirm('Allow approving prompts from other devices on your tailnet? Anyone signed in to the board there could approve commands on this machine.')) { el.checked = false; return {} }
+          if (el.checked && !confirm('Trust your paired devices? They could approve commands on this machine and pair new devices.')) { el.checked = false; return {} }
           return { remote: { allowAnswers: el.checked } }
         })(),
       })
@@ -2977,7 +3212,7 @@ let stream = null
 function connect() {
   if (stream) { try { stream.close() } catch {} }
   const es = stream = new EventSource('/v1/stream')
-  for (const t of ['session.updated', 'checkpoint.created', 'digest.created', 'spaces.updated', 'catchup.created', 'needs.updated', 'restore.updated', 'lists.updated', 'peers.updated', 'agents.updated', 'relay.updated']) es.addEventListener(t, soon)
+  for (const t of ['session.updated', 'checkpoint.created', 'digest.created', 'spaces.updated', 'catchup.created', 'needs.updated', 'restore.updated', 'lists.updated', 'peers.updated', 'agents.updated', 'relay.updated', 'prs.updated']) es.addEventListener(t, soon)
   // 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 {} })