@leftoff/cli 0.9.8-beta.20 → 0.9.8-beta.21

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

@@ -1,6 +1,6 @@
 {
   "name": "leftoff",
-  "version": "0.9.8-beta.20",
+  "version": "0.9.8-beta.21",
   "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.8-beta.20' // keep in step with .claude-plugin/plugin.json
+const MOD_VERSION = '0.9.8-beta.21' // 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.8-beta.20",
+  "version": "0.9.8-beta.21",
   "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.js

@@ -840,6 +840,7 @@ async function viewBoard() {
   }
   html += repoRow(inSpace, f)
   html += boardSearch(bq, closedHits, list.length)
+  if ((state.boardQ || '').trim() !== bq) return // you typed on while this one loaded: the newer search paints
   if (bq) {
     if (list.length) html += '<div class="grid mt">' + list.map(card).join('') + '</div>'
     paintBoardKeepingSearch(banners() + html)
@@ -873,39 +874,63 @@ function boardSearch(q, closedHits, n) {
       (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.
+// A repaint from a live update (or the 30 s refresh, or your own typing's
+// search) never rebuilds the search box: everything around it is replaced and
+// the box itself stays the same element, so the caret, a selection, a word
+// being composed and the focus are exactly as you left them. (Rebuilding it
+// and putting the caret back moved the caret while you typed: the typing's
+// own search put back where the caret was when it started, after you'd typed on.)
 function paintBoardKeepingSearch(h) {
   if (parseRoute().name === 's') return // 0.9.8: a slow board answer never paints over the session you opened
   const old = document.getElementById('boardQ')
-  const keep = old && document.activeElement === old ? { v: old.value, pos: old.selectionStart } : null
+  const row = old && old.closest('.board-search-row')
+  if (row && row.parentNode === $app) {
+    const tpl = document.createElement('template')
+    tpl.innerHTML = h
+    const nrow = tpl.content.querySelector('.board-search-row')
+    const nbox = nrow && nrow.querySelector('#boardQ')
+    if (nbox && nrow.parentNode === tpl.content) {
+      const kids = [...tpl.content.childNodes], at = kids.indexOf(nrow)
+      while ($app.firstChild && $app.firstChild !== row) $app.removeChild($app.firstChild)
+      while (row.nextSibling) $app.removeChild(row.nextSibling)
+      row.before(...kids.slice(0, at))
+      row.after(...kids.slice(at + 1))
+      // the note under the box (n matches, closed matches) follows the new answer
+      for (const n of [...row.childNodes]) if (!n.contains(old)) row.removeChild(n)
+      for (const n of [...nrow.childNodes]) if (!n.contains(nbox)) row.appendChild(n)
+      // the words change only when you aren't typing (the address changed, Esc cleared it)
+      if (document.activeElement !== old && !boardQTimer && old.value !== nbox.value) old.value = nbox.value
+      return
+    }
+  }
+  const keep = old && document.activeElement === old ? { v: old.value, a: old.selectionStart, b: old.selectionEnd, d: old.selectionDirection } : 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 {}
+  q.focus({ preventScroll: true }); try { q.setSelectionRange(keep.a, keep.b, keep.d || 'none') } catch {}
 }
 let boardQTimer = null
 function boardSearchWire() {
   const q = document.getElementById('boardQ')
-  if (!q) return
+  if (!q || q.dataset.wired) return // the same box across repaints: wired once
+  q.dataset.wired = '1'
   q.addEventListener('input', () => {
     clearTimeout(boardQTimer)
     boardQTimer = setTimeout(async () => {
-      const pos = q.selectionStart
+      boardQTimer = null
+      if (!q.isConnected) return
       state.boardQ = q.value
       try { history.replaceState(null, '', hashFor(state.boardFilter || { repos: [], status: null })) } catch {}
       state.route = parseRoute()
-      await viewBoard()
-      const again = document.getElementById('boardQ')
-      if (again) { again.focus(); try { again.setSelectionRange(pos, pos) } catch {} }
+      await viewBoard() // the box isn't rebuilt, so the caret stays wherever you've typed to since
     }, 160)
   })
   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()) }
+    else if (ev.key === 'Enter' && q.value.trim() && !ev.isComposing) { ev.preventDefault(); clearTimeout(boardQTimer); boardQTimer = null; location.hash = '#/search?q=' + encodeURIComponent(q.value.trim()) }
   })
 }