@leftoff/cli 0.8.8 → 0.9.0

package/ui/app.js

@@ -2,16 +2,16 @@
 // /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 { selectHtml, comboHtml, closeMenu, openActionMenu, closeActionMenu, actionMenuKey } from './picker.js'
+import { selectHtml, comboHtml, closeMenu, openActionMenu, closeActionMenu, actionMenuKey, openNameSheet } from './picker.js'
 import { SETTINGS, settingsKeyFor } from './settings-nav.js'
-import { inStatus, repoChips, applyFilter, readFilter, saveRepos, filterHash, toggleRepo, chipSelected, splitChips, repoMatches, orderSelectedFirst, searchMatches } from './repos.js'
+import { inStatus, repoChips, applyFilter, readFilter, saveRepos, filterHash, toggleRepo, chipSelected, splitChips, repoMatches, orderSelectedFirst, searchMatches, saveProject, inProject, projectChips, projectLabel } from './repos.js'
 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, prsBodyHtml, prRowHtml, prRows, readPrFilter, prsHash } from './prs.js'
 import { wantsSetupBanner, setupCandidate, localLeftoffAnswers, thisOneSuffix } from './viewer.js'
 import { defaultEmoji, PICKER_SET, isEmoji } from './machines.js'
-import { todosSection, sessionTodosSection, cardHandoffChips, sessionFilesSection, docViewerBody, docDownloadHref } from './handoffs.js'
+import { todosSection, sessionTodosSection, cardHandoffChips, sessionFilesSection, docViewerBody, docDownloadHref, docMenuItems, docFileName } from './handoffs.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)
@@ -165,7 +165,7 @@ function where(s) {
   if (s.agent) return (s.project ? '<button type="button" class="chip mono repo-link" data-action="repo" data-repo="' + esc(s.repoLabel) + '" data-key="' + esc(s.repoKey || '') + '" title="' + esc(s.repoLabel + ' · show only this project') + '">' + esc(s.repoLabel) + '</button>' : '') + agentChip(s.agent)
   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>' + wtChips(s) +
+  return projChip(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>' + wtChips(s) +
     (multi() || !s.isLocal ? (() => { const sn = s.isLocal ? '' : staleNote(s.machine); return '<button type="button" class="chip machine' + (s.isLocal ? '' : ' remote') + (sn ? ' stale' : '') + '" title="' + (s.isLocal ? 'this machine' : sn ? 'showing data as of ' + esc(sn.replace(/^as of /, '')) + ': ' + esc(s.machine) + ' hasn’t synced since' : 'synced from another machine') + '" data-action="machine-emoji" data-machine="' + esc(s.machine) + '"><span class="memo">' + esc(mEmoji(s.machine)) + '</span> ' + esc(s.machine) + (sn ? ' · ' + esc(sn) : '') + '</button>' })() : '') + modelChip(s)
 }
 
@@ -420,7 +420,7 @@ function copyResumeIcon(s) {
 }
 // items: [{ action, label, icon, title, attrs }]
 function moreMenu(s, items) {
-  items = items.filter(Boolean)
+  items = items.concat([projectMenuItem(s)]).filter(Boolean) // 0.9.0: Add to project… on every card with a repo
   if (!items.length) return ''
   return '<button type="button" class="btn icon-btn more" data-action="card-more" data-id="' + esc(s.id) + '" aria-label="More actions" title="More actions" aria-haspopup="menu" aria-expanded="false">' + icon('ellipsis') + '</button>' +
     '<template class="more-items">' + items.map((it) => '<button type="button" data-action="' + esc(it.action) + '" data-id="' + esc(s.id) + '"' +
@@ -438,11 +438,13 @@ function openCardMenu(btn) {
     for (const a of b.attributes) if (a.name.startsWith('data-') || a.name === 'title') attrs[a.name] = a.value
     return { label: b.textContent.trim(), icon: svg ? svg.outerHTML : '', attrs }
   })
+  lastMenuAnchor = btn
   openActionMenu(btn, items, { title })
 }
 const sessionMenuItems = (s) => s.isLocal ? [
   { action: 'checkpoint', label: 'Checkpoint now', icon: 'bookmark-plus' },
   { action: 'pin', label: s.pinned ? 'Unpin' : 'Pin', icon: s.pinned ? 'pin-off' : 'pin' },
+  { action: 'title-auto', label: 'Regenerate title', icon: 'refresh-cw', title: 'A new title from the latest messages (like /cp-name --auto)' },
   { action: 'archive', label: 'Archive', icon: 'archive' },
 ] : []
 const roNote = (t) => '<span class="ro" title="' + esc(t) + '">' + esc(t) + '</span>'
@@ -490,8 +492,9 @@ function boardFilter() {
   return f
 }
 function setBoardFilter(next) {
-  const f = { repos: next.repos || [], status: next.status || null }
+  const f = { repos: next.repos !== undefined ? next.repos || [] : ((state.boardFilter || {}).repos || []), status: next.status !== undefined ? next.status || null : ((state.boardFilter || {}).status || null), project: next.project !== undefined ? next.project || null : ((state.boardFilter || {}).project || null) }
   saveRepos(window.localStorage, f.repos)
+  saveProject(window.localStorage, f.project)
   history.replaceState(null, '', hashFor(f))
   state.route = parseRoute()
   return render()
@@ -532,10 +535,93 @@ function chipBar(chips, selected, allCount, emptyNote) {
   return '<div class="repos" role="group" aria-label="Filter by repo"><div class="track">' + all + row.map(chip).join('') + '</div>' + menu + '</div>'
 }
 
+// ------------------------------------------------------------ projects (0.9.0)
+// A project is a named group of repos (projects.json in the synced folder).
+// Read everywhere; changed on a Mac's own board (the relay's phone view only reads).
+const projectsUi = { list: [], repos: [], mayEdit: false, at: 0 }
+async function loadProjects({ fresh = false } = {}) {
+  if (!fresh && projectsUi.at && Date.now() - projectsUi.at < 3000) return projectsUi
+  try { const d = await api('GET', '/v1/projects'); projectsUi.list = d.projects || []; projectsUi.repos = d.repos || []; projectsUi.mayEdit = d.mayEdit !== false; projectsUi.at = Date.now() } catch { projectsUi.at = Date.now() }
+  return projectsUi
+}
+function projectsChanged(d) { if (d && d.projects) { projectsUi.list = d.projects; projectsUi.repos = d.repos || projectsUi.repos; projectsUi.at = Date.now() } }
+// The small chip next to the repo: tap = show only this project.
+function projChip(s) {
+  const p = s && s.repoProject
+  if (!p) return ''
+  return '<button type="button" class="chip proj" data-action="project-filter" data-project="' + esc(p.id) + '" title="' + esc('Project ' + p.name + ' · show only this project') + '">' + (p.emoji ? '<span class="pe" aria-hidden="true">' + esc(p.emoji) + '</span>' : '') + esc(p.name) + '</button>'
+}
+const canProject = (s) => !!(s && !s.agent && s.repoKey && s.repoKey !== 'no-repo' && projectsUi.mayEdit)
+function projectMenuItem(s) {
+  if (!canProject(s)) return null
+  const p = s.repoProject
+  return { action: 'project-menu', label: p ? 'Project: ' + p.name + '…' : 'Add to project…', icon: 'folder', attrs: { 'data-key': s.repoKey, 'data-repo': s.repoLabel || s.repoName || '' } }
+}
+// "Add to project": the projects (✓ the one it's in), New project…, and Remove.
+function openProjectMenu(anchor, { key, label }) {
+  const s = (state.sessions || []).find((x) => x.repoKey === key)
+  const cur = (s && s.repoProject) || (projectsUi.repos.find((r) => r.key === key) || {}).project || null
+  const items = projectsUi.list.map((p) => ({ label: (cur && cur.id === p.id ? '✓ ' : '') + projectLabel(p), icon: '', cls: cur && cur.id === p.id ? 'on' : '', attrs: { 'data-action': 'project-add', 'data-project': p.id, 'data-key': key, 'aria-checked': String(!!(cur && cur.id === p.id)) } }))
+  items.push({ label: 'New project…', icon: icon('plus'), attrs: { 'data-action': 'project-new', 'data-key': key, 'data-repo': label } })
+  if (cur) items.push({ label: 'Remove from ' + cur.name, icon: icon('x'), attrs: { 'data-action': 'project-rm', 'data-project': cur.id, 'data-key': key } })
+  openActionMenu(anchor, items, { title: 'Add ' + (label || 'this repo') + ' to a project' })
+}
+// The selected project's own menu (from the filter row): rename, remove a repo, delete.
+function openProjectManage(anchor, id) {
+  const p = projectsUi.list.find((x) => x.id === id)
+  if (!p) return
+  const items = [{ label: 'Rename…', icon: icon('pencil'), attrs: { 'data-action': 'project-rename', 'data-project': p.id } }]
+  for (const r of p.repos) items.push({ label: 'Remove ' + (r.label || r.name || r.github || r.path), icon: icon('x'), attrs: { 'data-action': 'project-rm', 'data-project': p.id, 'data-key': r.key || r.github || r.path || r.id, 'data-rid': r.id } })
+  items.push({ label: 'Delete project', icon: icon('trash'), cls: 'danger', attrs: { 'data-action': 'project-delete', 'data-project': p.id, title: 'Its sessions stay as they are' } })
+  openActionMenu(anchor, items, { title: projectLabel(p) + ' · ' + p.repos.length + (p.repos.length === 1 ? ' repo' : ' repos') })
+}
+// The project chips (board and PRs page): All, then each project with its count; the picked one has ⋯.
+function projectRow(list, sel, action, counts) {
+  if (!projectsUi.list.length) return ''
+  const chips = projectChips(projectsUi.list, list)
+  const total = counts != null ? counts : (list || []).length
+  const b = (id, label, n, on) => '<button type="button" class="rchip pchip' + (on ? ' on' : '') + (n || on || !id ? '' : ' zero') + '" data-action="' + action + '" data-project="' + esc(id) + '" aria-pressed="' + on + '"><span class="rl">' + label + '</span>' + (n != null ? '<span class="rc">' + n + '</span>' : '') + '</button>'
+  const manage = sel && projectsUi.mayEdit && projectsUi.list.some((p) => p.id === sel) ? '<button type="button" class="btn icon-btn more proj-more" data-action="project-manage" data-project="' + esc(sel) + '" aria-label="Project actions" title="Rename, remove a repo, delete" aria-haspopup="menu" aria-expanded="false">' + icon('ellipsis') + '</button>' : ''
+  return '<div class="repos projects" role="group" aria-label="Filter by project"><div class="track">' + b('', 'All projects', total, !sel) +
+    chips.map((c) => b(c.id, (c.emoji ? '<span class="pe" aria-hidden="true">' + esc(c.emoji) + '</span>' : '') + esc(c.name), c.count, sel === c.id)).join('') + manage + '</div></div>'
+}
+async function projectAction(action, btn) {
+  const anchorFor = () => (lastMenuAnchor && lastMenuAnchor.isConnected ? lastMenuAnchor : btn)
+  const done = (d) => { projectsChanged(d); return render() }
+  const toastErr = (e) => toast(e.message || String(e))
+  if (action === 'project-menu') { await loadProjects(); return openProjectMenu(btn.isConnected && !btn.classList.contains('palette-proxy') ? btn : anchorFor(), { key: btn.dataset.key, label: btn.dataset.repo }) }
+  if (action === 'project-manage') { await loadProjects(); return openProjectManage(btn, btn.dataset.project) }
+  if (action === 'project-add') {
+    try { const d = await api('POST', '/v1/projects/' + encodeURIComponent(btn.dataset.project) + '/repos', { repo: btn.dataset.key }); toast('Added ' + ((d.added && d.added.name) || 'the repo') + ' to ' + (d.project ? d.project.name : 'the project') + (d.movedFrom ? ' (was in ' + d.movedFrom + ')' : '')); return done(d) } catch (e) { return toastErr(e) }
+  }
+  if (action === 'project-rm') {
+    const p = projectsUi.list.find((x) => x.id === btn.dataset.project)
+    try { const d = await api('POST', '/v1/projects/' + encodeURIComponent(btn.dataset.project) + '/repos', { repo: btn.dataset.rid || btn.dataset.key, remove: true }); toast('Removed from ' + (p ? p.name : 'the project')); return done(d) } catch (e) { return toastErr(e) }
+  }
+  if (action === 'project-new') {
+    const anchor = btn.isConnected && !btn.classList.contains('palette-proxy') ? btn : anchorFor()
+    return openNameSheet(anchor, { title: 'New project' + (btn.dataset.repo ? ' with ' + btn.dataset.repo : ''), label: 'Project name', placeholder: 'e.g. Acme', submit: 'Create',
+      onSubmit: async (name) => { const d = await api('POST', '/v1/projects', { name, repos: btn.dataset.key ? [btn.dataset.key] : [] }); toast('Made ' + name); projectsChanged(d); render() } })
+  }
+  if (action === 'project-rename') {
+    const p = projectsUi.list.find((x) => x.id === btn.dataset.project)
+    if (!p) return
+    const anchor = document.querySelector('[data-action="project-manage"]') || document.body
+    return openNameSheet(anchor, { title: 'Rename project', label: 'Project name', value: p.name, submit: 'Rename',
+      onSubmit: async (name) => { const d = await api('PATCH', '/v1/projects/' + encodeURIComponent(p.id), { name }); projectsChanged(d); render() } })
+  }
+  if (action === 'project-delete') {
+    const p = projectsUi.list.find((x) => x.id === btn.dataset.project)
+    if (!p || !confirm('Delete the project “' + p.name + '”? Its repos and sessions stay as they are.')) return
+    try { const d = await api('DELETE', '/v1/projects/' + encodeURIComponent(p.id)); toast('Deleted ' + p.name); if ((state.boardFilter || {}).project === p.id) { saveProject(window.localStorage, null); projectsChanged(d); return setBoardFilter({ project: null }) } return done(d) } catch (e) { return toastErr(e) }
+  }
+}
+let lastMenuAnchor = null
+
 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: all, viewer, closedCount, todoCount, parked = [] } = await api('GET', '/v1/sessions?limit=200' + (state.machine ? '&machine=' + encodeURIComponent(state.machine) : ''))
+  const [{ sessions: all, viewer, closedCount, todoCount, parked = [] }] = await Promise.all([api('GET', '/v1/sessions?limit=200' + (state.machine ? '&machine=' + encodeURIComponent(state.machine) : '')), loadProjects()])
   // 0.8.2: parked sessions have their own section (any age), not a status group
   const sessions = all.filter((s) => !s.parked)
   state.sessions = all.concat(parked.filter((p) => !all.some((s) => s.id === p.id)))
@@ -567,12 +653,16 @@ async function viewBoard() {
   state.boardSpace = sp
   const spCounts = new Map(spaces.map((x) => [x, shown.filter((s) => s.space === x).length]))
   const allShown = shown
-  const inSpace = sp ? shown.filter((s) => s.space === sp) : shown
+  // 0.9.0: a project (its repos), after the space and before the repo chips
+  const pj = f.project && projectsUi.list.some((p) => p.id === f.project) ? f.project : null
+  if (f.project && !pj && projectsUi.at) { f.project = null; saveProject(window.localStorage, null) }
+  const spaced = sp ? shown.filter((s) => s.space === sp) : shown
+  const inSpace = spaced.filter((s) => inProject(s, pj))
   const inRepos = applyFilter(inSpace, { repos: f.repos })
   const count = (k) => k === 'closed' ? (closedCount == null ? '—' : closedCount) : inRepos.filter((s) => inStatus(s, k)).length
   const bq = (state.boardQ || '').trim()
   // 0.8.6: a search looks through every session the board has (not only today's), folded ones too
-  const list = filter === 'closed' ? [] : bq ? applyFilter(sp ? sessions.filter((s) => s.space === sp) : sessions, f).filter((s) => searchMatches(s, bq)).sort((a, b) => (rank[a.status] - rank[b.status]) || (Date.parse(b.lastActivityAt || 0) - Date.parse(a.lastActivityAt || 0))) : applyFilter(inSpace, f)
+  const list = filter === 'closed' ? [] : bq ? applyFilter((sp ? sessions.filter((s) => s.space === sp) : sessions).filter((s) => inProject(s, pj)), f).filter((s) => searchMatches(s, bq)).sort((a, b) => (rank[a.status] - rank[b.status]) || (Date.parse(b.lastActivityAt || 0) - Date.parse(a.lastActivityAt || 0))) : applyFilter(inSpace, f)
   let closedHits = 0
   if (bq && filter !== 'closed') { try { const c = await api('GET', '/v1/sessions/closed?limit=1&q=' + encodeURIComponent(bq) + (state.machine ? '&machine=' + encodeURIComponent(state.machine) : '')); closedHits = c.total || 0 } catch {} }
   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>' + syncChip() + '</div>' +
@@ -586,10 +676,11 @@ async function viewBoard() {
   const needs = needsItems(sessions)
   html += needsStrip(needs, needOpts())
   // 0.7.0: open to-dos are their own sub-count, not part of the Needs you number
-  const todoN = f.repos.length || sp ? inRepos.reduce((n, s) => n + ((s.todos && s.todos.length) || 0), 0) : (todoCount || 0)
+  const todoN = f.repos.length || sp || pj ? inRepos.reduce((n, s) => n + ((s.todos && s.todos.length) || 0), 0) : (todoCount || 0)
   html += '<div class="stats">' + Object.entries(FILTERS).map(([k, fl]) =>
     '<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) + (k === 'needs' && todoN ? '<span class="todo-subn" title="To-dos handed back to you (not counted as waiting)">' + todoN + (todoN === 1 ? ' to-do' : ' to-dos') + '</span>' : '') + '</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)
+  html += projectRow(spaced, pj, 'board-project')
   if (filter === 'closed') {
     html += await closedSection(f, sp)
     $app.innerHTML = banners() + html
@@ -599,24 +690,25 @@ async function viewBoard() {
   html += boardSearch(bq, closedHits, list.length)
   if (bq) {
     if (list.length) html += '<div class="grid mt">' + list.map(card).join('') + '</div>'
-    $app.innerHTML = banners() + html
+    paintBoardKeepingSearch(banners() + html)
     revealStat()
     return boardSearchWire()
   }
   if (!shown.length && !empties.length && !parked.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>'
   } else if (!list.length && shown.length) {
-    const inWhat = (f.repos.length ? ' in ' + f.repos.join(', ') : '') + (sp ? ' in ' + sp : '')
+    const pjName = pj ? (projectsUi.list.find((p) => p.id === pj) || {}).name : null
+    const inWhat = (pjName ? ' in ' + pjName : '') + (f.repos.length ? ' in ' + f.repos.join(', ') : '') + (sp ? ' in ' + sp : '')
     html += '<div class="empty mt">' + (filter ? 'Nothing ' + esc(FILTERS[filter].label.toLowerCase()) + esc(inWhat) + ' right now.' : 'No sessions' + esc(inWhat) + ' today.') +
       ' <button type="button" class="linkish" data-action="clear-filters">Show everything</button></div>'
   } else if (list.length) {
     html += '<div class="grid mt">' + list.map(card).join('') + '</div>'
   }
-  html += emptyFold(applyFilter(sp ? empties.filter((s) => s.space === sp) : empties, { repos: f.repos }))
-  if (!filter) html += parkedSection(applyFilter(sp ? parked.filter((s) => s.space === sp) : parked, { repos: f.repos }), viewer || {})
+  html += emptyFold(applyFilter((sp ? empties.filter((s) => s.space === sp) : empties).filter((s) => inProject(s, pj)), { repos: f.repos }))
+  if (!filter) html += parkedSection(applyFilter((sp ? parked.filter((s) => s.space === sp) : parked).filter((s) => inProject(s, pj)), { repos: f.repos }), viewer || {})
   // 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
+  paintBoardKeepingSearch(banners() + html)
   revealStat()
   boardSearchWire()
 }
@@ -628,6 +720,18 @@ function boardSearch(q, closedHits, n) {
     (q ? '<div class="board-search-note">' + (n ? esc(n + (n === 1 ? ' match' : ' matches')) : 'No open or recent session matches.') +
       (closedHits ? ' <button type="button" class="linkish" data-action="closed-search" data-q="' + esc(q) + '">' + esc(closedHits + ' closed ' + (closedHits === 1 ? 'match' : 'matches')) + ' →</button>' : '') + '</div>' : '') + '</div>'
 }
+// A repaint from a live update (or the 30 s refresh) while you type in the
+// search box keeps the box focused, with what you typed and the caret.
+function paintBoardKeepingSearch(h) {
+  const old = document.getElementById('boardQ')
+  const keep = old && document.activeElement === old ? { v: old.value, pos: old.selectionStart } : null
+  $app.innerHTML = h
+  if (!keep) return
+  const q = document.getElementById('boardQ')
+  if (!q) return
+  if (q.value !== keep.v) q.value = keep.v
+  q.focus(); try { q.setSelectionRange(keep.pos, keep.pos) } catch {}
+}
 let boardQTimer = null
 function boardSearchWire() {
   const q = document.getElementById('boardQ')
@@ -658,6 +762,7 @@ function closedQuery(f, sp) {
   if (closedUi.docs) qs.set('docs', '1')
   if (state.machine) qs.set('machine', state.machine)
   if (f.repos.length) qs.set('repo', f.repos.join(','))
+  if (f.project) qs.set('project', f.project)
   if (sp) qs.set('space', sp)
   return '/v1/sessions/closed?' + qs
 }
@@ -705,7 +810,7 @@ function closedCard(s, viewer) {
   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>' + wtChips(s) +
+      projChip(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>' + wtChips(s) +
       '<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>' +
     cardHandoffChips(s) + cpBlock(s.latestCheckpoint, { showWhen: false }) +
@@ -778,7 +883,7 @@ function parkedCard(s, viewer) {
   return '<article class="card is-parked parked-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-parked">parked</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>' + wtChips(s) +
+      projChip(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>' + wtChips(s) +
       (s.isLocal ? '' : '<span class="chip machine remote" title="another machine">⌂ ' + esc(s.machine) + '</span>') + modelChip(s) +
       '<span title="' + esc(clock(p.at)) + '">parked ' + esc(ago(p.at)) + '</span>' + (open ? '<span>·</span><span>still open</span>' : '') + '</div>' +
     (note ? '<div class="park-note"><span class="k">' + (p.note ? 'Note' : 'Next') + '</span> ' + esc(note) + '</div>' : '') +
@@ -994,12 +1099,16 @@ async function viewSession(id) {
   const s = await api('GET', '/v1/sessions/' + encodeURIComponent(id))
   state.sessions = state.sessions.filter((x) => x.id !== s.id).concat([s])
   const branch = s.repo && s.repo.branch
-  const spv = await api('GET', '/v1/spaces').catch(() => null)
+  const [spv] = await Promise.all([api('GET', '/v1/spaces').catch(() => null), loadProjects()])
   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 }) + wtChips(s) + ' &nbsp;' + esc(s.titleSource ? s.titleSource + ' title' : '') + '</div></div>' +
+  // 0.8.9: rename in place: tap the title or the pencil (this Mac's sessions; like /cp-name, your name wins over automatic ones)
+  const canRename = s.isLocal !== false && !s.agent && !/^agent:/.test(String(s.id || ''))
+  html += '<div class="pagehead"><div>' + (canRename
+    ? '<div class="title s-title" data-id="' + esc(s.id) + '"><h1><span class="s-title-text" role="button" tabindex="0" data-action="rename" data-id="' + esc(s.id) + '" data-title="' + esc(s.title || '') + '" title="Rename">' + esc(s.title || 'Untitled session') + '</span></h1><button type="button" class="icon rename-pen" data-action="rename" data-id="' + esc(s.id) + '" data-title="' + esc(s.title || '') + '" aria-label="Rename" title="Rename">' + icon('pencil') + '</button></div>'
+    : '<h1>' + esc(s.title || 'Untitled session') + '</h1>') + '<div class="sub">' + pill(s.status) + ' ' + spaceChip(s, { force: true }) + projChip(s) + wtChips(s) + (canProject(s) ? '<button type="button" class="chip proj-add" data-action="project-menu" data-key="' + esc(s.repoKey) + '" data-repo="' + esc(s.repoLabel || s.repoName || '') + '" title="' + esc(s.repoProject ? 'Move ' + (s.repoLabel || 'this repo') + ' to another project, or out of it' : 'Add ' + (s.repoLabel || 'this repo') + ' to a project') + '">' + (s.repoProject ? 'Change project' : '+ Project') + '</button>' : '') + ' &nbsp;' + esc(s.titleSource ? s.titleSource + ' title' : '') + '</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', mEmoji(s.machine) + ' ' + s.machine + (thisOneSuffix(s.machine, state.health) || (s.isLocal ? '' : ' (synced)'))) + fact('Repo', (s.repoName || '—') + (branch ? ' · ' + branch : '')) + (s.worktree ? fact('Worktree', '⑂ ' + s.worktree.name + (s.worktree.branch ? ' · ' + s.worktree.branch : ''), 'wrap') : '') + (s.startedIn ? fact('Started in', s.startedIn) : '') + fact('Directory', s.cwd || '—') + fact('Last activity', ago(s.lastActivityAt)) + fact('Started', clock(s.startedAt)) +
+    fact('Machine', mEmoji(s.machine) + ' ' + s.machine + (thisOneSuffix(s.machine, state.health) || (s.isLocal ? '' : ' (synced)'))) + fact('Repo', (s.repoName || '—') + (branch ? ' · ' + branch : '')) + (s.repoProject ? fact('Project', projectLabel(s.repoProject)) : '') + (s.worktree ? fact('Worktree', '⑂ ' + s.worktree.name + (s.worktree.branch ? ' · ' + s.worktree.branch : ''), 'wrap') : '') + (s.startedIn ? fact('Started in', s.startedIn) : '') + 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.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.codingAgent === 'codex' ? ({ 'codex-ide': 'Codex in the IDE', 'codex-app': 'Codex app', 'codex-exec': 'codex exec' }[s.surface] || 'Codex CLI') : '—') + (s.tty ? ' · ' + s.tty.replace('/dev/', '') : '') + ' · tab cp:' + (s.shortId || '')) + '</div>'
@@ -1022,17 +1131,23 @@ async function viewSession(id) {
   state.listsMayEdit = state.mayAnswer !== false
   html += '<section class="slists" id="lists">' + sessionListsSection(s) + '</section>'
   html += '<h2>Checkpoints <span class="count">' + s.checkpointCount + '</span></h2>'
-  const newestCp = s.checkpoints.reduce((a, b) => (!a || String(b.createdAt) > String(a.createdAt) ? b : a), null)
+  const newestCp = s.checkpoints.filter((cp) => !cp.doubt).reduce((a, b) => (!a || String(b.createdAt) > String(a.createdAt) ? b : a), null)
   if (!s.checkpoints.length) html += '<div class="empty">No checkpoints yet.</div>'
-  else html += '<div class="timeline">' + s.checkpoints.map((cp) =>
+  else html += '<div class="timeline">' + cpTimeline(s.checkpoints.filter((cp) => !cp.doubt), newestCp) + '</div>'
+  // 0.9.0: checkpoints written while Leftoff had another session's branch for this one: kept, folded away
+  const doubted = s.checkpoints.filter((cp) => cp.doubt)
+  if (doubted.length) html += '<details class="tl-doubt"><summary>' + doubted.length + ' checkpoint' + (doubted.length === 1 ? '' : 's') + ' set aside: written with another session’s branch</summary><div class="timeline">' + cpTimeline(doubted, null) + '</div></details>'
+  html += answeredList(s)
+  $app.innerHTML = html
+}
+function cpTimeline(list, newestCp) {
+  return list.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) : '') + (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>' : '') +
-    '</div>').join('') + '</div>'
-  html += answeredList(s)
-  $app.innerHTML = html
+    '</div>').join('')
 }
 // Space of one session (or, on an agent's page, of that agent's feed): its
 // own override, or back to the repo / Mac default (v0.5.8).
@@ -1050,10 +1165,10 @@ function fact(k, v, cls) { return '<div class="fact' + (cls ? ' ' + cls : '') +
 // PRs (0.6.9): Mine (PRs linked to your sessions, grouped) and Team (every open
 // PR in the repos your sessions are in). The daemon fetches with gh (or asks
 // the Mac that has it) and caches ~5 min; while it loads we look again shortly.
-const prsUi = { fresh: false, polls: 0, timer: null, data: {}, at: {}, open: new Set(), details: {}, quietOpen: false, view: 'mine', filter: {} }
+const prsUi = { fresh: false, polls: 0, timer: null, data: {}, at: {}, open: new Set(), details: {}, quietOpen: false, doneOpen: {}, view: 'mine', filter: {} }
 // 0.8.5: the filters live in the hash (linkable; back/forward work); a chip
 // tap repaints from what we have and reads again only when that is old.
-function prsOpts(view, filter) { return { view, mayEdit: true, sessionAction: prSessionAction, filter, open: prsUi.open, details: prsUi.details, quietOpen: prsUi.quietOpen } }
+function prsOpts(view, filter) { return { view, mayEdit: true, sessionAction: prSessionAction, filter, open: prsUi.open, details: prsUi.details, quietOpen: prsUi.quietOpen, doneOpen: prsUi.doneOpen, projects: projectsUi.list } }
 function paintPrs(d) {
   const q = document.getElementById('prs-q')
   const focused = q && document.activeElement === q, caret = focused ? q.selectionStart : null
@@ -1072,6 +1187,7 @@ async function viewPrs() {
   view = view === 'team' ? 'team' : 'mine'
   prsUi.view = view
   prsUi.filter = readPrFilter(params)
+  await loadProjects()
   const cached = prsUi.data[view]
   paintPrs(cached || null)
   const fresh = prsUi.fresh; prsUi.fresh = false
@@ -1102,7 +1218,7 @@ async function togglePr(url, { retry = false } = {}) {
     const d = prsUi.data[prsUi.view]
     const r = prRows(d).find((x) => x.pr.url === url)
     const el = [...document.querySelectorAll('article.prrow[data-pr]')].find((a) => a.dataset.pr === url)
-    if (el && r) el.outerHTML = prRowHtml(r, { ...prsOpts(prsUi.view, prsUi.filter), team: prsUi.view === 'team', now: Date.now(), showMachine: !!d.multiMachine, open: prsUi.open.has(url), detail: prsUi.details[url] })
+    if (el && r) el.outerHTML = prRowHtml(r, { ...prsOpts(prsUi.view, prsUi.filter), team: prsUi.view === 'team', now: Date.now(), showMachine: !!d.multiMachine, me: d.me || null, open: prsUi.open.has(url), detail: prsUi.details[url] })
   }
   const have = prsUi.details[url]
   if (!prsUi.open.has(url) || (have && !retry && (have.loading || (have.ok && Date.now() - have.at < 60000)))) return repaint()
@@ -1199,7 +1315,7 @@ function renderMd(md, { spaces = [] } = {}) {
     }
     if (/^\s{2,}\S/.test(line) && inList) {
       // "Stopped at: … Next: …" is two lines, each with its label.
-      const t = line.trim(), sm = t.match(/^(Stopped at|Next|Last reply|Doing|Latest|Needs you): ([\s\S]*?)(?: (Next): ([\s\S]*))?$/)
+      const t = line.trim(), sm = t.match(/^(Stopped at|Next|Last reply|Doing|Latest|Needs you|Merged|Commits): ([\s\S]*?)(?: (Next): ([\s\S]*))?$/)
       if (sm) out.push('<span class="sub"><span class="k">' + sm[1] + '</span> ' + inline(sm[2]) + '</span>' + (sm[3] ? '<span class="sub"><span class="k">' + sm[3] + '</span> ' + inline(sm[4]) + '</span>' : ''))
       else out.push('<span class="sub">' + inline(t) + '</span>')
       continue
@@ -2903,7 +3019,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'], ['PRs', '#/prs'], ['Timeline', '#/timeline'], ['Digest', '#/digest'], ['Catch me up', '#/catchup/new'], ['What’s new', '#/whats-new'], ['Settings', '#/settings']]
+const PAGES = [['Board', '#/'], ['Projects', '#/?project='], ['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')
@@ -2923,19 +3039,73 @@ function closeSearch() {
   document.documentElement.classList.remove('cmdk-open')
   clearTimeout(searchUi.timer)
 }
+// 0.9.0: the palette. Results grouped (Sessions, PRs, Projects, Lists, To-dos,
+// Files, Actions, Go to), "fuzzy-ish" for pages and actions (the letters in
+// order), and what you opened lately when the box is empty.
+const RECENT_KEY = 'cp.recent'
+function recentItems() { try { const v = JSON.parse(localStorage.getItem(RECENT_KEY) || '[]'); return Array.isArray(v) ? v.slice(0, 6) : [] } catch { return [] } }
+function rememberItem(it) {
+  if (!it || !it.href || it.action || /^#\/search/.test(it.href)) return
+  try { const keep = [{ href: it.href, title: it.title, sub: it.sub || '', icon: it.icon || 'history', ext: !!it.ext }, ...recentItems().filter((x) => x.href !== it.href)].slice(0, 6); localStorage.setItem(RECENT_KEY, JSON.stringify(keep)) } catch {}
+}
+const fuzzy = (hay, q) => { const h = hay.toLowerCase(); return q.split(/\s+/).filter(Boolean).every((w) => { if (h.includes(w)) return true; if (w.length < 3) return false; let i = 0; for (const ch of h) if (ch === w[i]) i++; return i === w.length }) }
+// What the palette can do here: on a session's page, that session's actions.
+function paletteActions() {
+  const out = []
+  const sid = state.route && state.route.name === 's' ? state.route.arg : null
+  const s = sid ? (state.sessions || []).find((x) => x.id === sid) : null
+  if (s) {
+    if (s.isLocal && !s.agent) out.push({ action: 'checkpoint', id: s.id, title: 'Checkpoint now', sub: s.title || 'this session', icon: 'bookmark-plus' })
+    if (!s.agent) out.push({ action: 'resume', id: s.id, title: 'Copy resume command', sub: s.title || 'this session', icon: 'copy' })
+    if (canProject(s)) out.push({ action: 'project-menu', key: s.repoKey, repo: s.repoLabel || '', title: s.repoProject ? 'Change project…' : 'Add to project…', sub: s.repoLabel || '', icon: 'folder' })
+  }
+  if (projectsUi.mayEdit) out.push({ action: 'project-new', title: 'New project…', sub: 'a named group of repos', icon: 'plus' })
+  out.push({ action: 'gen-digest-go', title: 'Today’s digest', sub: 'open it', icon: 'newspaper', href: '#/digest' })
+  return out
+}
 function searchGroups(q, r) {
   const low = q.toLowerCase()
   const groups = []
-  const pages = PAGES.filter(([n]) => !low || n.toLowerCase().includes(low)).map(([n, href]) => ({ href, title: n, sub: '', icon: 'layout-dashboard' }))
-  const sets = low ? SETTINGS.filter((x) => (x.label + ' ' + x.words).toLowerCase().includes(low)).map((x) => ({ href: '#/settings/' + x.key, title: 'Settings → ' + x.label, sub: x.sub, icon: x.icon })) : []
-  if (r) {
-    if (r.sessions.length) groups.push(['Sessions', r.sessions.slice(0, 6).map((x) => ({ href: '#/s/' + encodeURIComponent(x.id), title: x.title || 'Untitled', sub: [x.repoLabel || x.repoName, x.machine, x.lastActivityAt ? ago(x.lastActivityAt) : ''].filter(Boolean).join(' · '), icon: 'history' }))])
-    if (r.checkpoints.length) groups.push(['Checkpoints', r.checkpoints.slice(0, 6).map((cp) => ({ href: '#/s/' + encodeURIComponent(cp.sessionId), title: cp.doing || cp.next || 'Checkpoint', sub: [cp.sessionTitle || 'Untitled', cp.createdAt ? clock(cp.createdAt) : ''].filter(Boolean).join(' · '), icon: 'check' }))])
+  const pages = PAGES.filter(([n]) => !low || fuzzy(n, low)).map(([n, href]) => ({ href, title: n, sub: '', icon: 'layout-dashboard' }))
+  const acts = paletteActions().filter((a) => !low || fuzzy(a.title + ' ' + (a.sub || ''), low)).map((a) => a.href ? { ...a, action: null } : a)
+  const sets = low ? SETTINGS.filter((x) => fuzzy(x.label + ' ' + x.words, low)).map((x) => ({ href: '#/settings/' + x.key, title: 'Settings → ' + x.label, sub: x.sub, icon: x.icon })) : []
+  if (!low) {
+    const rec = recentItems()
+    if (rec.length) groups.push(['Recent', rec])
   }
+  if (r) {
+    const proj = (x) => (x.repoProject ? projectLabel(x.repoProject) : '')
+    if (r.sessions.length) groups.push(['Sessions', r.sessions.slice(0, 6).map((x) => ({ href: '#/s/' + encodeURIComponent(x.id), title: x.title || 'Untitled', sub: [x.endedAt ? 'closed' : x.parked ? 'parked' : 'open', proj(x), x.repoLabel || x.repoName, x.machine, x.lastActivityAt ? ago(x.lastActivityAt) : ''].filter(Boolean).join(' · '), icon: 'history' }))])
+    if ((r.projects || []).length) groups.push(['Projects', r.projects.map((p) => ({ href: '#/?project=' + encodeURIComponent(p.id), title: projectLabel(p), sub: p.repos + (p.repos === 1 ? ' repo' : ' repos'), icon: 'folder' }))])
+    if ((r.prs || []).length) groups.push(['PRs', r.prs.slice(0, 5).map((p) => ({ href: p.url, ext: true, title: '#' + p.number + ' ' + (p.title || ''), sub: [p.repo, p.state].filter(Boolean).join(' · '), icon: 'chevron-right' }))])
+    if ((r.lists || []).length) groups.push(['Lists', r.lists.slice(0, 4).map((l) => ({ href: listHref(l.ref), title: l.name, sub: [l.repo, l.progress].filter(Boolean).join(' · '), icon: 'list-checks' }))])
+    if ((r.todos || []).length) groups.push(['To-dos', r.todos.slice(0, 4).map((t) => ({ href: t.sessionId ? '#/s/' + encodeURIComponent(t.sessionId) : '#/waiting', title: t.text, sub: t.sessionTitle || '', icon: 'circle-check' }))])
+    if ((r.files || []).length) groups.push(['Files', r.files.slice(0, 5).map((f) => ({ href: '#/s/' + encodeURIComponent(f.sessionId), title: f.name, sub: f.sessionTitle || '', icon: 'file-text' }))])
+    if (r.checkpoints.length) groups.push(['Checkpoints', r.checkpoints.slice(0, 4).map((cp) => ({ href: '#/s/' + encodeURIComponent(cp.sessionId), title: cp.doing || cp.next || 'Checkpoint', sub: [cp.sessionTitle || 'Untitled', cp.createdAt ? clock(cp.createdAt) : ''].filter(Boolean).join(' · '), icon: 'check' }))])
+  }
+  if (acts.length) groups.push(['Actions', acts.slice(0, low ? 4 : 5)])
   if (sets.length) groups.push(['Settings', sets.slice(0, 5)])
   if (pages.length) groups.push(['Go to', pages.slice(0, low ? 4 : 8)])
   return groups
 }
+// An action item runs through the board's own click handler (the same code as its button).
+function runPaletteItem(it) {
+  closeSearch()
+  if (!it.action) return false
+  const b = document.createElement('button')
+  b.type = 'button'; b.dataset.action = it.action
+  if (it.id) b.dataset.id = it.id
+  if (it.key) b.dataset.key = it.key
+  if (it.repo) b.dataset.repo = it.repo
+  b.className = 'palette-proxy'
+  const anchor = document.getElementById('searchBtn')
+  if (anchor) { lastMenuAnchor = anchor }
+  b.style.cssText = 'position:fixed;left:-9999px;top:0'
+  document.body.appendChild(b)
+  b.click()
+  setTimeout(() => b.remove(), 60000) // kept while its action runs (a checkpoint takes a while)
+  return true
+}
 function paintSearch() {
   const q = document.getElementById('q').value.trim()
   const list = document.getElementById('cmdkList')
@@ -2947,10 +3117,11 @@ function paintSearch() {
   for (const [name, items] of groups) { h += '<div class="cmdk-group" role="presentation">' + esc(name) + '</div>'; for (const it of items) { searchUi.items.push(it); h += optHtml(it, searchUi.items.length - 1) } }
   if (q) h = optHtml(searchUi.items[0], 0) + h
   if (q && q.length >= 2 && !r) h += '<div class="cmdk-note">Searching…</div>'
-  else if (q && r && !r.sessions.length && !r.checkpoints.length) h += '<div class="cmdk-note">No sessions or checkpoints match “' + esc(q) + '”.</div>'
+  else if (q && r && !r.sessions.length && !r.checkpoints.length && !(r.projects || []).length && !(r.prs || []).length && !(r.files || []).length && !(r.lists || []).length && !(r.todos || []).length) h += '<div class="cmdk-note">Nothing matches “' + esc(q) + '”.</div>'
   list.innerHTML = h
-  setSearchActive(searchUi.items.length ? 0 : -1)
-  function optHtml(it, i) { return '<a class="cmdk-opt" role="option" id="cmdk-o' + i + '" data-i="' + i + '" href="' + esc(it.href) + '" aria-selected="false">' + icon(it.icon || 'search') + '<span class="co-text"><span class="co-title">' + esc(it.title) + '</span>' + (it.sub ? '<span class="co-sub">' + esc(it.sub) + '</span>' : '') + '</span></a>' }
+  // 0.9.0: Enter opens the best match (the first result); ↑ reaches "All results for …"
+  setSearchActive(q && searchUi.items.length > 1 ? 1 : searchUi.items.length ? 0 : -1)
+  function optHtml(it, i) { return '<a class="cmdk-opt" role="option" id="cmdk-o' + i + '" data-i="' + i + '" href="' + esc(it.href || '#') + '"' + (it.ext ? ' target="_blank" rel="noopener"' : '') + (it.action ? ' data-palette-action="' + esc(it.action) + '"' : '') + ' aria-selected="false">' + icon(it.icon || 'search') + '<span class="co-text"><span class="co-title">' + esc(it.title) + '</span>' + (it.sub ? '<span class="co-sub">' + esc(it.sub) + '</span>' : '') + '</span></a>' }
 }
 function setSearchActive(i) {
   searchUi.active = i
@@ -2964,10 +3135,10 @@ async function runSearch() {
   if (q.length < 2) { paintSearch(); return }
   paintSearch()
   try {
-    const r = await api('GET', '/v1/search?q=' + encodeURIComponent(q))
+    const r = await api('GET', '/v1/search?light=1&limit=20&q=' + encodeURIComponent(q))
     if (seq !== searchUi.seq) return
     searchUi.last = { q, r }
-  } catch { if (seq === searchUi.seq) searchUi.last = { q, r: { sessions: [], checkpoints: [] } } }
+  } catch { if (seq === searchUi.seq) searchUi.last = { q, r: { sessions: [], checkpoints: [], prs: [], projects: [], lists: [], todos: [], files: [] } } }
   if (searchIsOpen()) paintSearch()
 }
 document.getElementById('searchBtn').addEventListener('click', () => openSearch())
@@ -2979,7 +3150,8 @@ document.getElementById('q').addEventListener('keydown', (e) => {
 })
 document.getElementById('cmdk').addEventListener('click', (e) => {
   if (e.target.closest('[data-cmdk-close]') || e.target === e.currentTarget) { closeSearch(); return }
-  if (e.target.closest('.cmdk-opt')) closeSearch()
+  const o = e.target.closest('.cmdk-opt')
+  if (o) { const it = searchUi.items[Number(o.dataset.i)]; rememberItem(it); if (it && it.action) { e.preventDefault(); runPaletteItem(it); return } closeSearch() }
 })
 document.getElementById('cmdk').addEventListener('mousemove', (e) => { const o = e.target.closest('.cmdk-opt'); if (o && Number(o.dataset.i) !== searchUi.active) setSearchActive(Number(o.dataset.i)) })
 document.addEventListener('keydown', (e) => {
@@ -3009,7 +3181,10 @@ document.addEventListener('click', (ev) => {
   if (String(window.getSelection && window.getSelection()).trim()) return
   togglePr(row.dataset.pr)
 })
-document.addEventListener('toggle', (ev) => { if (ev.target && ev.target.matches && ev.target.matches('details.prgroup.quiet')) prsUi.quietOpen = ev.target.open }, true)
+document.addEventListener('toggle', (ev) => {
+  if (ev.target && ev.target.matches && ev.target.matches('details.prgroup.quiet')) prsUi.quietOpen = ev.target.open
+  if (ev.target && ev.target.matches && ev.target.matches('details.prgroup.done')) prsUi.doneOpen[ev.target.dataset.group] = ev.target.open // 0.9.0
+}, true)
 let prsQTimer = null
 document.addEventListener('input', (ev) => {
   if (ev.target.id !== 'prs-q') return
@@ -3022,6 +3197,8 @@ document.addEventListener('input', (ev) => {
 document.addEventListener('keydown', (ev) => { if (ev.target.id === 'prs-q' && ev.key === 'Escape' && ev.target.value) { ev.preventDefault(); ev.target.value = ''; ev.target.dispatchEvent(new Event('input', { bubbles: true })) } })
 
 window.addEventListener('hashchange', () => closeActionMenu())
+// 0.8.9: a session page's title is a button too (Enter or Space renames it)
+document.addEventListener('keydown', (e) => { const t = e.target; if ((e.key === 'Enter' || e.key === ' ') && t && t.matches && t.matches('.s-title-text[role="button"]')) { e.preventDefault(); t.click() } })
 // 0.8.7: a card's ⋯ opens from the keyboard with the arrows too (Enter and Space click it).
 document.addEventListener('keydown', (ev) => {
   const b = ev.target && ev.target.closest && ev.target.closest('[data-action="card-more"]')
@@ -3045,7 +3222,8 @@ document.addEventListener('click', async (ev) => {
     if (action === 'prs-filter') {
       const f = { ...prsUi.filter }, k = btn.dataset.k, v = btn.dataset.v || ''
       if (k === 'repo') f.repos = v ? toggleRepo(f.repos || [], { key: btn.dataset.key || v, label: v }, ev.shiftKey || ev.metaKey || ev.ctrlKey) : []
-      else if (k === 'state' || k === 'checks') f[k] = f[k] === v ? null : v
+      else if (k === 'state') f.state = f.state === v ? null : v
+      else if (k === 'project') { f.project = f.project === v || !v ? null : v; if (f.project) f.repos = [] } // 0.9.0
       return setPrsFilter(f)
     }
     if (action === 'prs-clear') { const q = document.getElementById('prs-q'); if (q) q.value = ''; return setPrsFilter({}) }
@@ -3278,7 +3456,17 @@ document.addEventListener('click', async (ev) => {
     if (action === 'tl-session') { const tf = state.tlFilter || {}; location.hash = timelineHash({ ...tf, session: btn.dataset.session || null }); return }
     if (action === 'tl-trigger') { const tf = state.tlFilter || {}; location.hash = timelineHash({ ...tf, trigger: btn.dataset.trigger || null }); return }
     if (action === 'tl-clear') { saveRepos(window.localStorage, []); location.hash = '#/timeline?repo='; return }
-    if (action === 'clear-filters') { state.moreOpen = false; state.boardSpace = null; saveSpace(null); return setBoardFilter({ repos: [], status: null }) }
+    if (action === 'clear-filters') { state.moreOpen = false; state.boardSpace = null; saveSpace(null); return setBoardFilter({ repos: [], status: null, project: null }) }
+    // Projects (0.9.0): the filter chips, the chip on a card, and the menus
+    if (action === 'board-project' || action === 'project-filter') {
+      ev.preventDefault(); ev.stopPropagation()
+      const cur = (state.boardFilter || {}).project || null
+      const id = btn.dataset.project || null
+      const next = action === 'board-project' && cur === id ? null : id
+      if (!state.route || state.route.name !== 'board') { saveProject(window.localStorage, next); location.hash = filterHash({ repos: [], status: null, project: next }); return }
+      return setBoardFilter({ project: next, repos: next && next !== cur ? [] : undefined })
+    }
+    if (action && action.startsWith('project-')) { ev.preventDefault(); ev.stopPropagation(); return projectAction(action, btn) }
     // Spaces (v0.5.8)
     if (action === 'board-space') {
       state.boardSpace = btn.dataset.space || null
@@ -3327,6 +3515,8 @@ document.addEventListener('click', async (ev) => {
     }
     if (action === 'file-open') return openDoc(btn.dataset.session, { path: btn.dataset.path, plan: btn.dataset.plan })
     if (action === 'doc-close') return closeDoc()
+    if (action === 'doc-dl') { ev.preventDefault(); return openDocMenu(btn) }
+    if (action === 'doc-copy' || action === 'doc-download' || action === 'doc-pdf') return docAction(action.slice(4))
     if (action === 'need-restore' || action === 'need-restore-all') {
       btn.disabled = true
       state.dismissedOpen = true
@@ -3353,7 +3543,7 @@ document.addEventListener('click', async (ev) => {
       if (await copy(cmd) && btn.classList.contains('copy-resume')) copiedMark(btn)
     } else if (action === 'checkpoint') {
       btn.disabled = true; btn.textContent = 'Writing…'
-      if (!btn.isConnected) toast('Writing a checkpoint…', 20000) // from the ⋯ menu, which has closed
+      if (!btn.isConnected || btn.classList.contains('palette-proxy')) toast('Writing a checkpoint…', 20000) // from the ⋯ menu (closed) or ⌘K
       const cp = await api('POST', '/v1/sessions/' + encodeURIComponent(id) + '/checkpoints', { trigger: 'manual', generate: true })
       toast('Checkpoint saved · Next: ' + cp.next)
       render()
@@ -3367,24 +3557,41 @@ document.addEventListener('click', async (ev) => {
       digestUi.standups = {}; digestUi.date = null
       location.hash = '#/digest/' + d.meta.date
       render()
+    } else if (action === 'title-auto') {
+      toast('Naming it from the latest messages…', 20000)
+      const r = await api('POST', '/v1/sessions/' + encodeURIComponent(id) + '/title/auto')
+      toast('Named “' + r.title + '” from the latest messages')
+      render()
     } else if (action === 'rename') {
       const box = btn.closest('.title')
       if (!box || box.querySelector('input')) return
-      const current = s ? s.title || '' : ''
-      box.innerHTML = '<input value="' + esc(current) + '" aria-label="Session title">'
+      const current = s ? s.title || '' : btn.dataset.title || ''
+      box.innerHTML = '<input value="' + esc(current) + '" aria-label="Session title" maxlength="120" enterkeyhint="done">' +
+        (s && s.isLocal === false ? '' : '<button type="button" class="btn icon-btn title-auto" aria-label="Regenerate from recent messages" title="Regenerate from recent messages">↻</button>')
       const input = box.querySelector('input')
       input.focus(); input.select()
       let finished = false
+      // 0.9.0: ↻ names it from the latest messages (like /cp-name --auto); pressed before the box loses focus
+      const regen = box.querySelector('.title-auto')
+      if (regen) regen.addEventListener('pointerdown', async (e) => {
+        e.preventDefault(); e.stopPropagation()
+        finished = true
+        regen.disabled = true; input.disabled = true
+        try { const r = await api('POST', '/v1/sessions/' + encodeURIComponent(id) + '/title/auto'); toast('Named “' + r.title + '” from the latest messages') } catch (err) { toast(err.message, 5000) }
+        render()
+      })
       const done = async (save) => {
         if (finished) return
         finished = true
         if (save && input.value.trim() && input.value.trim() !== current) {
-          await api('PATCH', '/v1/sessions/' + encodeURIComponent(id), { title: input.value.trim() })
-          toast('Renamed. With the mod, the session and its tab title follow within a minute')
+          try {
+            await api('PATCH', '/v1/sessions/' + encodeURIComponent(id), { title: input.value.trim() })
+            toast('Renamed. With the mod, the session and its tab title follow within a minute')
+          } catch (e) { toast(e.message, 5000) }
         }
         render()
       }
-      input.addEventListener('keydown', (e) => { if (e.key === 'Enter') done(true); if (e.key === 'Escape') done(false) })
+      input.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); done(true) } if (e.key === 'Escape') { e.stopPropagation(); done(false) } })
       input.addEventListener('blur', () => done(true))
     }
   } catch (e) { toast(e.message); btn.disabled = false }
@@ -3507,6 +3714,7 @@ async function todoDoneChange(cb) {
 // The in-app viewer (0.7.0): a doc or plan a session wrote, read from the Mac
 // that owns it (through another Mac or the relay from a phone). Markdown is
 // rendered from escaped text; HTML files show as source; anything else downloads.
+const docUi = { r: null, name: '', printing: null }
 function docViewerEl() {
   let el = document.getElementById('docViewer')
   if (el) return el
@@ -3517,12 +3725,15 @@ function docViewerEl() {
   el.setAttribute('role', 'dialog')
   el.setAttribute('aria-modal', 'true')
   el.setAttribute('aria-labelledby', 'docViewerTitle')
-  el.innerHTML = '<div class="dv-sheet"><div class="dv-head"><div class="dv-title" id="docViewerTitle"></div><a class="btn sm dv-dl" hidden>Download</a><button type="button" class="dv-x" data-action="doc-close" aria-label="Close">×</button></div><div class="dv-sub faint"></div><div class="dv-body"></div></div>'
+  // 0.8.9: Download is a small menu (Copy / Download as Markdown / Download as PDF…), our own, not a native one
+  el.innerHTML = '<div class="dv-sheet"><div class="dv-head"><div class="dv-title" id="docViewerTitle"></div>' +
+    '<button type="button" class="btn sm dv-dl" data-action="doc-dl" aria-haspopup="menu" aria-expanded="false" hidden>' + icon('download') + '<span class="dl-word">Download</span><span class="chev" aria-hidden="true">▾</span></button>' +
+    '<button type="button" class="dv-x" data-action="doc-close" aria-label="Close">×</button></div><div class="dv-sub faint"></div><div class="dv-ptitle" aria-hidden="true"></div><div class="dv-body"></div></div>'
   el.addEventListener('click', (ev) => { if (ev.target === el) closeDoc() })
   document.body.appendChild(el)
   return el
 }
-function closeDoc() { const el = document.getElementById('docViewer'); if (el) { el.hidden = true; el.querySelector('.dv-body').innerHTML = '' } document.documentElement.classList.remove('dv-open') }
+function closeDoc() { closeActionMenu(); endDocPrint(); const el = document.getElementById('docViewer'); if (el) { el.hidden = true; el.querySelector('.dv-body').innerHTML = '' } docUi.r = null; document.documentElement.classList.remove('dv-open') }
 document.addEventListener('keydown', (ev) => { if (ev.key === 'Escape' && document.getElementById('docViewer') && !document.getElementById('docViewer').hidden) closeDoc() })
 async function openDoc(sessionId, { path, plan } = {}) {
   if (!sessionId || (!path && !plan)) return
@@ -3531,7 +3742,8 @@ async function openDoc(sessionId, { path, plan } = {}) {
   el.querySelector('.dv-title').textContent = name
   el.querySelector('.dv-sub').textContent = ''
   el.querySelector('.dv-body').innerHTML = '<div class="empty">Opening…</div>'
-  const dl = el.querySelector('.dv-dl'); dl.hidden = true; dl.removeAttribute('href')
+  const dl = el.querySelector('.dv-dl'); dl.hidden = true
+  docUi.r = null; docUi.name = name
   el.hidden = false
   document.documentElement.classList.add('dv-open')
   const qs = new URLSearchParams(plan ? { plan } : { path })
@@ -3541,12 +3753,88 @@ async function openDoc(sessionId, { path, plan } = {}) {
     el.querySelector('.dv-title').textContent = r.name || name
     el.querySelector('.dv-sub').textContent = [r.plan ? 'Plan' : r.kind === 'new' ? 'New' : r.kind === 'edited' ? 'Edited' : '', r.size ? (r.size < 1024 ? r.size + ' B' : Math.round(r.size / 1024) + ' KB') : '', r.peer ? 'from ' + r.peer : ''].filter(Boolean).join(' · ')
     el.querySelector('.dv-body').innerHTML = docViewerBody(r)
-    const href = docDownloadHref(r)
-    if (href) { dl.href = href; dl.download = String(r.name || name).split('/').pop() + (r.plan ? '.md' : ''); dl.hidden = false }
+    el.querySelector('.dv-ptitle').textContent = docFileName(r, name)
+    docUi.r = r; docUi.name = name
+    const items = docMenuItems(r)
+    if (items.length) {
+      dl.hidden = false
+      const menu = items.length > 1
+      dl.setAttribute('aria-haspopup', menu ? 'menu' : 'false')
+      dl.querySelector('.chev').hidden = !menu
+      dl.title = menu ? 'Copy or download' : 'Download ' + docFileName(r, name)
+      dl.setAttribute('aria-label', menu ? 'Copy or download' : 'Download')
+    }
   } catch (e) {
     el.querySelector('.dv-body').innerHTML = '<div class="empty">' + esc(e.message) + '</div>'
   }
 }
+function openDocMenu(btn) {
+  const r = docUi.r
+  const items = docMenuItems(r)
+  if (!items.length) return
+  if (items.length === 1) return docAction(items[0].key)
+  const ic = { copy: 'copy', download: 'download', pdf: 'file-text' }
+  openActionMenu(btn, items.map((it) => ({ label: it.label, icon: icon(ic[it.key] || 'download'), attrs: { 'data-action': 'doc-' + it.key, title: it.title } })), { title: docFileName(r, docUi.name) })
+}
+async function copyRaw(text) {
+  if (await clipWrite(text)) return true
+  const ta = document.createElement('textarea')
+  ta.value = text; ta.setAttribute('readonly', ''); ta.style.cssText = 'position:fixed;top:0;left:0;opacity:0;font-size:16px'
+  document.body.appendChild(ta); ta.select()
+  let ok = false
+  try { ok = document.execCommand('copy') } catch {}
+  ta.remove()
+  return ok
+}
+async function docAction(key) {
+  const r = docUi.r
+  if (!r) return
+  const btn = document.querySelector('#docViewer .dv-dl')
+  if (key === 'copy') {
+    const ok = await copyRaw(String(r.text || ''))
+    if (!ok) { toast('Couldn’t copy here. Download it instead.', 4000); return }
+    toast('Copied ' + docFileName(r, docUi.name))
+    if (btn) {
+      const word = btn.querySelector('.dl-word')
+      btn.classList.add('copied'); if (word) word.textContent = 'Copied'
+      clearTimeout(docUi.copiedTimer)
+      docUi.copiedTimer = setTimeout(() => { btn.classList.remove('copied'); if (word) word.textContent = 'Download' }, 1500)
+    }
+    return
+  }
+  if (key === 'download') {
+    const a = document.createElement('a')
+    a.href = docDownloadHref(r); a.download = docFileName(r, docUi.name); a.rel = 'noopener'
+    document.body.appendChild(a); a.click(); a.remove()
+    return
+  }
+  if (key === 'pdf') return printDoc()
+}
+// Download as PDF: the browser's print dialog over just this file (print
+// styles in app.css), in the light theme, titled with the file's name, so
+// "Save as PDF" makes a clean PDF. No PDF library.
+function printDoc() {
+  const r = docUi.r
+  if (!r || r.type !== 'markdown') return
+  endDocPrint()
+  const root = document.documentElement
+  docUi.printing = { title: document.title, theme: root.getAttribute('data-theme') }
+  root.setAttribute('data-theme', 'light')
+  root.classList.add('dv-printing')
+  document.title = docFileName(r, docUi.name).replace(/\.(md|markdown)$/i, '')
+  window.addEventListener('afterprint', endDocPrint, { once: true })
+  toast('Choose “Save as PDF” in the print dialog', 5000)
+  setTimeout(() => { try { window.print() } catch { endDocPrint() } }, 60)
+}
+function endDocPrint() {
+  const p = docUi.printing
+  if (!p) return
+  docUi.printing = null
+  const root = document.documentElement
+  root.classList.remove('dv-printing')
+  if (p.theme) root.setAttribute('data-theme', p.theme); else root.removeAttribute('data-theme')
+  document.title = p.title
+}
 
 // Dismiss a need (0.6.5): gone from every card and count at once, kept on
 // the daemon (so your other devices and the relay see it too), Undo for 5 s.
@@ -3616,7 +3904,10 @@ document.addEventListener('submit', async (ev) => {
     ev.preventDefault()
     const q = document.getElementById('q').value.trim()
     const it = searchUi.items[searchUi.active]
+    rememberItem(it)
+    if (it && it.action) { runPaletteItem(it); return }
     closeSearch()
+    if (it && it.ext) { window.open(it.href, '_blank', 'noopener'); return }
     location.hash = it ? it.href : q ? '#/search?q=' + encodeURIComponent(q) : location.hash
   } else if (ev.target.id === 'settingsForm') {
     ev.preventDefault()
@@ -3670,7 +3961,8 @@ function connect() {
   if (stream) { try { stream.close() } catch {} }
   const es = stream = new EventSource('/v1/stream')
   es.addEventListener('prs.updated', () => { prsUi.at = {} }) // 0.8.5: the PR page reads again on its next paint
-  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)
+  es.addEventListener('projects.updated', () => { projectsUi.at = 0 }) // 0.9.0
+  for (const t of ['session.updated', 'checkpoint.created', 'digest.created', 'spaces.updated', 'projects.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 {} })