@leftoff/cli 0.9.5 → 0.9.6

package/docs/SECURITY.md

@@ -35,6 +35,7 @@ The folder (`~/checkpoints`, or wherever you moved it) is plain Markdown and JSO
 | Paired browsers' keys (0.6.0) | `relay/devices/<id>.json` **in the folder, wrapped** | Each device key is encrypted to each Mac's own X25519 key (whose private half never leaves that Mac) and the file is signed by the Mac that wrote it. The sync service sees ciphertext. Revoking erases the wrapped copies. |
 | Relay admin token (0.6.0) | A wrangler secret on your Cloudflare account, and wherever you keep it | Leftoff never stores it. `leftoff relay register` sends it once, over https, to your relay. `leftoff relay signup` (0.6.1) needs no token at all. |
 | Pairing secret | `~/.config/checkpoints/syncthing-pairing.json`, mode 0600, first Mac only | Erased the moment a Mac pairs with it, or when it expires. |
+| Transcript search index (0.9.6) | `~/.cache/checkpoints/search/<machine>-<hash>/` (or `$XDG_CACHE_HOME`) | Per Mac, never in the folder: words and snippets from your prompts and Claude's replies (no tool output). Another Mac only gets the search results it asks for through the sealed peer channel. Safe to delete; it is rebuilt in the background. |
 | Board token (`.secret/token`) and phone sign-ins (`.secret/remote.json`, hashes) | In the folder | **With Syncthing:** kept on each Mac by Leftoff's `.stignore`, so each Mac has its own token. **With iCloud, Dropbox or another folder:** they sync, because those tools have no ignore file Leftoff can rely on. The token only works against a Mac's board, which listens on `127.0.0.1` unless you turned on remote access. Anyone who can read your synced folder *and* reach a board could use it, so treat the folder as private. |
 
 Leftoff's `.stignore` for its Syncthing folder also keeps lock files, temp files, `.DS_Store` and the daemon's pid and log on each Mac.

package/docs/peer-protocol.md

@@ -58,6 +58,8 @@ Each command is one envelope. It's JSON and travels the same way over every tran
 | `session.checkpoint` | `sessionId`, `length?`, `userNote?`, `next?` | `engine.generateCheckpoint()`: Checkpoint now (0.9.2); returns the checkpoint, which the asking board lists at once |
 | `session.patch` | `sessionId`, `title?`, `pinned?`, `archived?` | `engine.patchSession()`: rename, Pin, Archive (0.9.2) |
 | `session.title.auto` | `sessionId` | `engine.regenerateTitle()`: Regenerate title (0.9.2) |
+| `transcripts.search` | `q`, `limit` | `engine.searchTranscripts(q, { local: true })`: search inside that Mac's transcripts (0.9.6). Answers with snippets (plain text + mark ranges), never whole transcripts; the asking Mac rebuilds any HTML itself |
+| `transcripts.around` | `sessionId`, `anchor`, `q` | `engine.transcriptAround()`: the few messages around a search hit, for the session page (0.9.6) |
 
 Answers are recorded in the session's `answers.md` as *from studio's board (direct)* or *(through the relay)*.
 

package/mod/.claude-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "leftoff",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "description": "Leftoff (formerly Checkpoints): WTF was I working on? Tracks every Claude Code session on this machine, writes a 3-line checkpoint when one goes quiet, and adds /cp (checkpoint now), /cp-name and a /leftoff pane. Talks to the local Leftoff daemon on 127.0.0.1:7429 and falls back to writing markdown in ~/checkpoints.",
   "author": {
     "name": "Joel"

package/mod/hooks/register.js

@@ -28,7 +28,7 @@ const END_TIMEOUT_MS = 1000
 const MODEL_TIMEOUT_MS = 20000
 
 // Module state. $.state is not used: the pane redraws with $.ui.invalidate.
-const MOD_VERSION = '0.9.5' // keep in step with .claude-plugin/plugin.json
+const MOD_VERSION = '0.9.6' // keep in step with .claude-plugin/plugin.json
 
 const st = {
   internal: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leftoff/cli",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "description": "Leftoff: WTF was I working on? Tracks every Claude Code session, writes a 3-line checkpoint when one goes quiet, and gives you a daily digest and a board, on your Mac and (optionally) your phone.",
   "keywords": [
     "claude",

package/ui/app.css

@@ -1878,3 +1878,56 @@ html.dv-open .lo-menu { z-index: 62; }
 .cp dd.cp-md a { color: var(--accent); }
 .cp dd.cp-md blockquote { margin: 4px 0; padding-left: 10px; border-left: 2px solid var(--line-strong); color: var(--muted); }
 .cp dd.cp-md hr { border: 0; border-top: 1px solid var(--line); margin: 8px 0; }
+
+/* 0.9.6: search inside transcripts — ⌘K's "In transcripts", the Search page, the session page's "Found in the transcript" */
+mark.tx, .co-snip mark, .tx-snip mark, .tx-msg-text mark { background: var(--tx-mark); color: inherit; border-radius: 3px; padding: 0 1px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
+/* (the dark theme is the default; the light one sets data-theme="light") */
+:root, [data-theme="dark"] { --tx-mark: rgba(250, 204, 21, .32); }
+[data-theme="light"] { --tx-mark: #fde68a; }
+.cmdk-opt.tx-opt { align-items: flex-start; }
+.cmdk-opt.tx-opt .ic { margin-top: 2px; }
+.co-snip { font-size: 12.5px; color: var(--muted); line-height: 1.45; margin-top: 2px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
+.tx-who { font-weight: 600; font-size: 11.5px; color: var(--faint); }
+.tx-who.a { color: var(--accent); }
+.cmdk-note.tx-note { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 8px 12px 10px; }
+.cmdk-note.tx-note .spin { width: 12px; height: 12px; }
+.tx-note-line { flex-basis: 100%; }
+.search-page-form { display: flex; gap: 8px; align-items: center; margin: 4px 0 18px; max-width: 640px; }
+.search-page-form .set-search { flex: 1; }
+.search-page-form .set-search input { height: 44px; font-size: 16px; border-radius: 11px; }
+.search-page-form .btn { height: 44px; }
+.tx-section { margin: 4px 0 22px; }
+.tx-h { display: flex; align-items: baseline; gap: 8px; }
+.tx-count { font-size: 12.5px; font-weight: 500; color: var(--faint); }
+.tx-list { display: flex; flex-direction: column; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--card-shadow); overflow: hidden; }
+.tx-hit { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; min-height: 44px; color: var(--text2); text-decoration: none; border-top: 1px solid var(--line); }
+.tx-hit:first-child { border-top: 0; }
+.tx-hit:hover, .tx-hit:focus-visible { background: var(--bg2); }
+.tx-hit:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+.tx-title { font-weight: 600; color: var(--text); display: flex; gap: 8px; align-items: baseline; min-width: 0; overflow-wrap: anywhere; }
+.tx-tag { font-size: 11px; font-weight: 500; color: var(--faint); border: 1px solid var(--line); border-radius: 6px; padding: 0 5px; }
+.tx-sub { font-size: 12.5px; color: var(--faint); }
+.tx-snip { font-size: 13.5px; line-height: 1.5; color: var(--muted); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
+.tx-note { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; margin: 8px 2px; }
+.tx-note.tx-indexing { color: var(--text2); }
+.tx-more { margin: 8px 2px; font-size: 13.5px; }
+.tx-board-link { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; }
+.tx-board-link .ic { width: 14px; height: 14px; }
+.tx-around { margin: 0 0 20px; padding: 12px 14px 14px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--card-shadow); }
+.tx-around-head { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: var(--faint); margin-bottom: 6px; }
+.tx-around-head .tx-close { margin-left: auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; font-size: 20px; text-decoration: none; color: var(--muted); text-transform: none; }
+.tx-around-head .tx-close:hover { background: var(--bg2); }
+.tx-msg { padding: 10px 12px; border-radius: 10px; margin-top: 6px; border: 1px solid transparent; }
+.tx-msg.u { background: var(--bg2); }
+.tx-msg.hit { border-color: var(--accent); box-shadow: 0 0 0 3px var(--focus); }
+.tx-msg.hit:focus { outline: none; }
+.tx-msg-head { display: flex; gap: 8px; align-items: baseline; margin-bottom: 3px; }
+.tx-msg-head .t { font-size: 12px; color: var(--faint); }
+.tx-msg-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.5; color: var(--text2); max-height: 22em; overflow-y: auto; }
+.tx-msg:not(.hit) .tx-msg-text { max-height: 7.5em; }
+@media (max-width: 899.98px) {
+  .co-snip { font-size: 13.5px; }
+  .tx-around-head .tx-close { width: 44px; height: 44px; margin: -8px -8px -8px auto; }
+  .board-search .set-search input, .board-search input { height: 44px; }
+  .tx-board-link { min-height: 44px; }
+}

package/ui/app.js

@@ -830,9 +830,10 @@ async function viewBoard() {
 // 0.8.6: search the board. The words live in the URL (?q=), typing keeps the
 // focus, and matches among closed sessions are one tap away.
 function boardSearch(q, closedHits, n) {
-  return '<div class="board-search-row"><div class="set-search board-search">' + icon('search') + '<input id="boardQ" type="search" placeholder="Find a session: title, repo, branch, folder or id" aria-label="Find a session" autocomplete="off" autocapitalize="off" spellcheck="false" value="' + esc(q) + '"></div>' +
+  return '<div class="board-search-row"><div class="set-search board-search">' + icon('search') + '<input id="boardQ" type="search" enterkeyhint="search" placeholder="Find a session, or anything said in one" aria-label="Find a session, or search what was said in sessions" autocomplete="off" autocapitalize="off" spellcheck="false" value="' + esc(q) + '"></div>' +
     (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>'
+      (closedHits ? ' <button type="button" class="linkish" data-action="closed-search" data-q="' + esc(q) + '">' + esc(closedHits + ' closed ' + (closedHits === 1 ? 'match' : 'matches')) + ' →</button>' : '') +
+      ' <a class="linkish tx-board-link" href="#/search?q=' + encodeURIComponent(q) + '">' + icon('message-square') + 'Search what was said →</a></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.
@@ -862,7 +863,11 @@ function boardSearchWire() {
       if (again) { again.focus(); try { again.setSelectionRange(pos, pos) } catch {} }
     }, 160)
   })
-  q.addEventListener('keydown', (ev) => { if (ev.key === 'Escape' && q.value) { ev.preventDefault(); q.value = ''; q.dispatchEvent(new Event('input')) } })
+  q.addEventListener('keydown', (ev) => {
+    if (ev.key === 'Escape' && q.value) { ev.preventDefault(); q.value = ''; q.dispatchEvent(new Event('input')) }
+    // 0.9.6: Enter (Search on the phone's keyboard) opens the full results, transcripts included
+    else if (ev.key === 'Enter' && q.value.trim() && !ev.isComposing) { ev.preventDefault(); clearTimeout(boardQTimer); location.hash = '#/search?q=' + encodeURIComponent(q.value.trim()) }
+  })
 }
 
 // Closed (0.6.7): every ended session on every machine, newest first, with
@@ -1259,6 +1264,92 @@ async function viewSession(id) {
   if (empties.length) html += '<details class="tl-doubt"><summary>' + empties.length + ' empty checkpoint' + (empties.length === 1 ? '' : 's') + ' set aside: no messages were found when ' + (empties.length === 1 ? 'it was' : 'they were') + ' written</summary><div class="timeline">' + cpTimeline(empties, null) + '</div></details>'
   html += answeredList(s)
   $app.innerHTML = html
+  aroundWire(s.id)
+}
+// ------------------------------------------------------------ search inside transcripts (0.9.6)
+
+// Plain text + [start, end] ranges -> escaped HTML with <mark>s (ranges that
+// overlap, run backwards or past the end are skipped).
+function markedHtml(text, marks) {
+  const t = String(text || '')
+  let h = '', at = 0
+  for (const m of Array.isArray(marks) ? marks : []) {
+    const a = Number(m && m[0]), b = Number(m && m[1])
+    if (!(Number.isInteger(a) && Number.isInteger(b) && a >= at && b > a && b <= t.length)) continue
+    h += esc(t.slice(at, a)) + '<mark>' + esc(t.slice(a, b)) + '</mark>'
+    at = b
+  }
+  return h + esc(t.slice(at))
+}
+const txHref = (h, q) => '#/s/' + encodeURIComponent(h.sessionId) + (h.anchor != null ? '?hit=' + encodeURIComponent(h.anchor) + '&q=' + encodeURIComponent(q) : '')
+const txWho = (h) => h.role === 'assistant' ? 'Claude' : 'You'
+function txSub(h) {
+  return [h.project && h.project.name ? projectLabel(h.project) : h.repoLabel, multi() || (h.machine && state.health && h.machine !== state.health.machine) ? h.machine : '', h.at ? ago(h.at) : '', h.hits > 1 ? h.hits + ' matches' : ''].filter(Boolean).join(' · ')
+}
+const nfmt = (n) => Number(n || 0).toLocaleString()
+// "Still indexing (n of m)", other Macs that weren't searched, or null.
+function txNotes(r) {
+  const out = []
+  const me = (r.machines || []).find((m) => m.self) || {}
+  if (me.status === 'indexing') out.push('Still indexing transcripts' + (me.total ? ' (' + nfmt(me.done) + ' of ' + nfmt(me.total) + ')' : '') + '. Results so far.')
+  if (me.status === 'off') out.push('Transcript search is off on this Mac.')
+  for (const m of r.machines || []) {
+    if (m.self) continue
+    if (m.status === 'indexing') out.push(m.machine + ' is still indexing' + (m.total ? ' (' + nfmt(m.done) + ' of ' + nfmt(m.total) + ')' : '') + '.')
+    else if (m.status === 'unreachable') out.push(m.machine + ' wasn’t searched (not reachable right now).')
+    else if (m.status === 'needs_update') out.push(m.machine + ' wasn’t searched (it needs Leftoff 0.9.6).')
+  }
+  return out
+}
+// One hit as a result row (search page, board).
+function txHitHtml(h, q) {
+  return '<a class="tx-hit" href="' + esc(txHref(h, q)) + '">' +
+    '<span class="tx-title">' + esc(h.title || 'Untitled') + (h.endedAt ? '<span class="tx-tag">closed</span>' : '') + '</span>' +
+    '<span class="tx-sub">' + esc(txSub(h)) + '</span>' +
+    '<span class="tx-snip"><span class="tx-who ' + (h.role === 'assistant' ? 'a' : 'u') + '">' + esc(txWho(h)) + '</span> ' + markedHtml(h.snippet, h.marks) + '</span></a>'
+}
+function txSectionHtml(r, q, { more = null } = {}) {
+  if (!r) return '<h2 class="tx-h">In transcripts</h2><div class="tx-note">Searching transcripts…</div>'
+  const notes = txNotes(r)
+  let h = '<h2 class="tx-h">In transcripts' + (r.results.length ? ' <span class="tx-count">' + esc(r.results.length + (r.results.length === 1 ? ' session' : ' sessions')) + '</span>' : '') + '</h2>'
+  const idx = notes.find((n) => /^Still indexing/.test(n))
+  if (idx) h += '<div class="tx-note tx-indexing" role="status"><span class="spin" aria-hidden="true"></span>' + esc(idx) + '</div>'
+  if (r.results.length) h += '<div class="tx-list">' + r.results.map((x) => txHitHtml(x, q)).join('') + '</div>'
+  else if (!notes.some((n) => /^Still indexing/.test(n))) h += '<div class="tx-note tx-empty">Nothing you or Claude said matches “' + esc(q) + '”.</div>'
+  for (const n of notes) if (n !== idx) h += '<div class="tx-note">' + esc(n) + '</div>'
+  if (more) h += '<div class="tx-more"><a href="' + esc(more) + '">All results for “' + esc(q) + '” →</a></div>'
+  return h
+}
+const txQuery = (q, limit) => api('GET', '/v1/search?in=transcripts&limit=' + limit + '&q=' + encodeURIComponent(q))
+
+// The session page opened from a transcript hit: the message and the turns
+// around it, at the top, scrolled to.
+const aroundCache = new Map()
+async function aroundWire(id) {
+  const r = state.route
+  if (!r || r.name !== 's' || !r.params || r.params.get('hit') == null) return
+  const anchor = r.params.get('hit'), q = r.params.get('q') || ''
+  const key = id + '|' + anchor + '|' + q
+  const head = document.querySelector('#app .pagehead')
+  if (!head) return
+  let box = document.getElementById('txAround')
+  if (!box) { box = document.createElement('section'); box.id = 'txAround'; box.className = 'tx-around'; box.setAttribute('aria-label', 'Found in the transcript'); head.after(box) }
+  const first = !aroundCache.has(key)
+  let d = aroundCache.get(key)
+  if (!d) {
+    box.innerHTML = '<div class="tx-around-head">Found in the transcript</div><div class="tx-note">Loading…</div>'
+    try { d = await api('GET', '/v1/sessions/' + encodeURIComponent(id) + '/around?anchor=' + encodeURIComponent(anchor) + '&q=' + encodeURIComponent(q)) } catch (e) { d = { error: e.message, messages: [] } }
+    aroundCache.set(key, d)
+    if (!document.getElementById('txAround')) return
+  }
+  const close = '<a class="icon x tx-close" href="#/s/' + encodeURIComponent(id) + '" aria-label="Close" title="Close">×</a>'
+  if (!d.messages || !d.messages.length) { box.innerHTML = '<div class="tx-around-head">Found in the transcript' + close + '</div><div class="tx-note">' + esc(d.error ? 'Couldn’t read that part of the transcript: ' + d.error : 'That message isn’t in the index any more (the transcript changed).') + '</div>'; return }
+  box.innerHTML = '<div class="tx-around-head">Found in the transcript' + (q ? ' · “' + esc(q) + '”' : '') + close + '</div>' +
+    d.messages.map((m) => '<div class="tx-msg ' + (m.role === 'assistant' ? 'a' : 'u') + (m.hit ? ' hit' : '') + '"' + (m.hit ? ' id="txHit" tabindex="-1"' : '') + '><div class="tx-msg-head"><span class="tx-who ' + (m.role === 'assistant' ? 'a' : 'u') + '">' + (m.role === 'assistant' ? 'Claude' : 'You') + '</span>' + (m.at ? '<span class="t" title="' + esc(clock(m.at)) + '">' + esc(ago(m.at)) + '</span>' : '') + '</div><div class="tx-msg-text">' + markedHtml(m.text, m.marks) + '</div></div>').join('')
+  if (first) {
+    const hit = document.getElementById('txHit')
+    if (hit) { hit.scrollIntoView({ block: 'center' }); const mk = hit.querySelector('mark'); if (mk && hit.scrollHeight > hit.clientHeight) mk.scrollIntoView({ block: 'center' }) }
+  }
 }
 function cpTimeline(list, newestCp) {
   return list.map((cp) =>
@@ -2887,12 +2978,36 @@ async function stAction(action, btn) {
 }
 
 async function viewSearch(q) {
-  const r = await api('GET', '/v1/search?q=' + encodeURIComponent(q))
-  let html = '<div class="pagehead"><div><h1>Search</h1><div class="sub">“' + esc(q) + '” · ' + r.sessions.length + ' sessions, ' + r.checkpoints.length + ' checkpoints</div></div></div>'
-  if (r.sessions.length) html += '<h2>Sessions</h2><div class="grid">' + r.sessions.map(card).join('') + '</div>'
-  if (r.checkpoints.length) html += '<h2>Checkpoints</h2><div class="timeline">' + r.checkpoints.map((cp) => '<div class="tl-item ' + esc(cp.trigger) + '"><div class="tl-head"><span class="t">' + esc(clock(cp.createdAt)) + '</span><a class="tl-title" href="#/s/' + encodeURIComponent(cp.sessionId) + '">' + esc(cp.sessionTitle || 'Untitled') + '</a></div>' + cpBlock(cp, { showWhen: false }) + '</div>').join('') + '</div>'
-  if (!r.sessions.length && !r.checkpoints.length) html += '<div class="empty mt">Nothing matched.</div>'
-  $app.innerHTML = html
+  const form = '<form class="search-page-form" id="searchPageForm" role="search"><div class="set-search">' + icon('search') + '<input id="searchPageQ" type="search" enterkeyhint="search" placeholder="Search sessions and what was said in them" aria-label="Search" autocomplete="off" autocapitalize="off" spellcheck="false" value="' + esc(q) + '"></div><button class="btn primary" type="submit">Search</button></form>'
+  if (!q.trim()) { $app.innerHTML = '<div class="pagehead"><div><h1>Search</h1><div class="sub">Titles, checkpoints, and everything you and Claude said.</div></div></div>' + form; return searchPageWire() }
+  const seq = (viewSearch.seq = (viewSearch.seq || 0) + 1)
+  const [r, tx] = await Promise.all([api('GET', '/v1/search?q=' + encodeURIComponent(q)), txQuery(q, 30).catch(() => null)])
+  if (seq !== viewSearch.seq) return
+  const paint = (tx) => {
+    let html = '<div class="pagehead"><div><h1>Search</h1><div class="sub">“' + esc(q) + '” · ' + r.sessions.length + (r.sessions.length === 1 ? ' session, ' : ' sessions, ') + r.checkpoints.length + (r.checkpoints.length === 1 ? ' checkpoint' : ' checkpoints') + (tx ? ', ' + tx.results.length + ' in transcripts' : '') + '</div></div></div>' + form
+    if (r.sessions.length) html += '<h2>Sessions</h2><div class="grid">' + r.sessions.map(card).join('') + '</div>'
+    html += '<section class="tx-section">' + txSectionHtml(tx || { results: [], machines: [] }, q) + '</section>'
+    if (r.checkpoints.length) html += '<h2>Checkpoints</h2><div class="timeline">' + r.checkpoints.map((cp) => '<div class="tl-item ' + esc(cp.trigger) + '"><div class="tl-head"><span class="t">' + esc(clock(cp.createdAt)) + '</span><a class="tl-title" href="#/s/' + encodeURIComponent(cp.sessionId) + '">' + esc(cp.sessionTitle || 'Untitled') + '</a></div>' + cpBlock(cp, { showWhen: false }) + '</div>').join('') + '</div>'
+    if (!r.sessions.length && !r.checkpoints.length && tx && !tx.results.length && !txNotes(tx).length) html += '<div class="empty mt">Nothing matched.</div>'
+    $app.innerHTML = html
+    searchPageWire()
+  }
+  paint(tx)
+  // still indexing: look again in a moment (results fill in as the index grows)
+  if (tx && (tx.machines || []).some((m) => m.status === 'indexing')) setTimeout(async () => {
+    if (seq !== viewSearch.seq || !state.route || state.route.name !== 'search' || document.activeElement === document.getElementById('searchPageQ')) return
+    const again = await txQuery(q, 30).catch(() => null)
+    if (again && seq === viewSearch.seq && state.route.name === 'search') { paint(again); if ((again.machines || []).some((m) => m.status === 'indexing')) setTimeout(() => { if (seq === viewSearch.seq && state.route.name === 'search') render() }, 3000) }
+  }, 2500)
+}
+function searchPageWire() {
+  const f = document.getElementById('searchPageForm')
+  if (!f) return
+  f.addEventListener('submit', (e) => {
+    e.preventDefault()
+    const v = document.getElementById('searchPageQ').value.trim()
+    location.hash = '#/search' + (v ? '?q=' + encodeURIComponent(v) : '')
+  })
 }
 
 // ------------------------------------------------------------ lists (v0.5.1)
@@ -3280,6 +3395,21 @@ function searchGroups(q, r) {
     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: plainCp(cp.doing || cp.next) || 'Checkpoint', sub: [cp.sessionTitle || 'Untitled', cp.createdAt ? clock(cp.createdAt) : ''].filter(Boolean).join(' · '), icon: 'check' }))])
   }
+  // 0.9.6: what was said in sessions, below the rest of the results
+  if (low && low.length >= 2) {
+    const tx = searchUi.tx && searchUi.tx.q === q ? searchUi.tx.r : null
+    if (!tx) groups.push(['In transcripts', [], '<span class="spin" aria-hidden="true"></span>Searching transcripts…'])
+    else {
+      const notes = txNotes(tx)
+      const items = tx.results.slice(0, 6).map((h) => ({ href: txHref(h, q), title: h.title || 'Untitled', sub: txSub(h), snip: h, icon: 'message-square' }))
+      const indexing = notes.find((n) => /^Still indexing/.test(n))
+      // "still indexing" leads the section (what's below is partial); the rest follows the rows
+      const lead = indexing ? '<span class="spin" aria-hidden="true"></span>' + esc(indexing) : ''
+      const note = (!items.length && !indexing ? 'Nothing you or Claude said matches “' + esc(q) + '”.' : '') +
+        notes.filter((n) => n !== indexing).map((n) => '<span class="tx-note-line">' + esc(n) + '</span>').join('')
+      if (items.length || note || lead) groups.push(['In transcripts', items, note, lead])
+    }
+  }
   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)])
@@ -3312,14 +3442,20 @@ function paintSearch() {
   searchUi.items = []
   let h = ''
   if (q) { searchUi.items.push({ href: '#/search?q=' + encodeURIComponent(q), title: 'All results for “' + q + '”', icon: 'search' }) }
-  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
+  const tx = searchUi.tx && searchUi.tx.q === q ? searchUi.tx.r : null
   if (q && q.length >= 2 && !r) h += '<div class="cmdk-note">Searching…</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>'
+  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 && !(tx && tx.results.length)) h += '<div class="cmdk-note">Nothing matches “' + esc(q) + '”' + (tx ? '' : ' by name') + '.</div>'
+  for (const [name, items, note, lead] of groups) {
+    h += '<div class="cmdk-group' + (name === 'In transcripts' ? ' tx-group' : '') + '" role="presentation">' + esc(name) + '</div>'
+    if (lead) h += '<div class="cmdk-note tx-note tx-lead">' + lead + '</div>'
+    for (const it of items) { searchUi.items.push(it); h += optHtml(it, searchUi.items.length - 1) }
+    if (note) h += '<div class="cmdk-note tx-note">' + note + '</div>'
+  }
+  if (q) h = optHtml(searchUi.items[0], 0) + h
   list.innerHTML = h
   // 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 optHtml(it, i) { return '<a class="cmdk-opt' + (it.snip ? ' tx-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>' : '') + (it.snip ? '<span class="co-snip"><span class="tx-who ' + (it.snip.role === 'assistant' ? 'a' : 'u') + '">' + esc(txWho(it.snip)) + '</span> ' + markedHtml(it.snip.snippet, it.snip.marks) + '</span>' : '') + '</span></a>' }
 }
 function setSearchActive(i) {
   searchUi.active = i
@@ -3333,17 +3469,39 @@ async function runSearch() {
   if (q.length < 2) { paintSearch(); return }
   paintSearch()
   try {
+    // 0.9.6: transcripts in parallel; names and checkpoints paint first
+    const txp = txQuery(q, 6).then((tr) => { if (seq === searchUi.seq) { searchUi.tx = { q, r: tr }; if (searchIsOpen()) paintSearchKeeping() } }, () => { if (seq === searchUi.seq) { searchUi.tx = { q, r: { results: [], machines: [] } }; if (searchIsOpen()) paintSearchKeeping() } })
     const r = await api('GET', '/v1/search?light=1&limit=20&q=' + encodeURIComponent(q))
     if (seq !== searchUi.seq) return
     searchUi.last = { q, r }
+    if (searchIsOpen()) paintSearchKeeping()
+    await txp
+    // still indexing: ask again while the palette stays open on the same words
+    const tx = searchUi.tx && searchUi.tx.q === q ? searchUi.tx.r : null
+    if (tx && (tx.machines || []).some((m) => m.status === 'indexing')) setTimeout(() => { if (seq === searchUi.seq && searchIsOpen()) runSearchAgain(q, seq) }, 2500)
+    return
   } catch { if (seq === searchUi.seq) searchUi.last = { q, r: { sessions: [], checkpoints: [], prs: [], projects: [], lists: [], todos: [], files: [] } } }
   if (searchIsOpen()) paintSearch()
 }
+async function runSearchAgain(q, seq) {
+  try { const tr = await txQuery(q, 6); if (seq !== searchUi.seq) return; searchUi.tx = { q, r: tr }; if (searchIsOpen()) paintSearchKeeping() } catch { return }
+  const tx = searchUi.tx.r
+  if ((tx.machines || []).some((m) => m.status === 'indexing')) setTimeout(() => { if (seq === searchUi.seq && searchIsOpen()) runSearchAgain(q, seq) }, 2500)
+}
+// A repaint when results arrive keeps the row you had moved to (by its link).
+function paintSearchKeeping() {
+  const was = searchUi.items[searchUi.active]
+  const moved = searchUi.moved
+  paintSearch()
+  if (!moved || !was) return
+  const i = searchUi.items.findIndex((it) => it.href === was.href && it.title === was.title)
+  if (i >= 0) setSearchActive(i)
+}
 document.getElementById('searchBtn').addEventListener('click', () => openSearch())
-document.getElementById('q').addEventListener('input', () => { clearTimeout(searchUi.timer); paintSearch(); searchUi.timer = setTimeout(runSearch, 160) })
+document.getElementById('q').addEventListener('input', () => { clearTimeout(searchUi.timer); searchUi.moved = false; paintSearch(); searchUi.timer = setTimeout(runSearch, 160) })
 document.getElementById('q').addEventListener('keydown', (e) => {
   const n = searchUi.items.length
-  if (e.key === 'ArrowDown' || e.key === 'ArrowUp') { e.preventDefault(); if (n) setSearchActive((searchUi.active + (e.key === 'ArrowDown' ? 1 : -1) + n) % n) }
+  if (e.key === 'ArrowDown' || e.key === 'ArrowUp') { e.preventDefault(); searchUi.moved = true; if (n) setSearchActive((searchUi.active + (e.key === 'ArrowDown' ? 1 : -1) + n) % n) }
   else if (e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); closeSearch(); document.getElementById('searchBtn').focus() }
 })
 document.getElementById('cmdk').addEventListener('click', (e) => {

package/ui/icons.js

@@ -45,7 +45,8 @@ export const ICONS = {
   "pin-off": "<path d=\"M12 17v5\"/> <path d=\"M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89\"/> <path d=\"m2 2 20 20\"/> <path d=\"M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11\"/>",
   "archive": "<rect width=\"20\" height=\"5\" x=\"2\" y=\"3\" rx=\"1\"/> <path d=\"M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8\"/> <path d=\"M10 12h4\"/>",
   "bookmark-plus": "<path d=\"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z\"/> <path d=\"M12 7v6\"/> <path d=\"M15 10H9\"/>",
-  "circle-check": "<circle cx=\"12\" cy=\"12\" r=\"10\"/> <path d=\"m9 12 2 2 4-4\"/>"
+  "circle-check": "<circle cx=\"12\" cy=\"12\" r=\"10\"/> <path d=\"m9 12 2 2 4-4\"/>",
+  "message-square": "<path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>"
 }
 
 export function icon(name, cls = 'ic') {