@leftoff/cli 0.9.9-beta.5 → 0.9.9-beta.6

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

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

@@ -2896,8 +2896,8 @@ del.gd-x { background: var(--gd-del-word); }
    the restore banner): the words use the whole width, the buttons a row of
    their own below, 44px tall */
 @media (max-width: 640px) {
-  .start-ask-banner > .grow, .restore-ask > .grow, .banner.restore:not(.open) > .grow { flex: 1 1 100%; }
-  .start-ask-banner > .btn, .restore-ask > .btn, .banner.restore:not(.open) > .btn:not(.x) { flex: 1 1 0; justify-content: center; min-height: 44px; }
+  .start-ask-banner > .grow, .restore-ask > .grow, .banner.restore:not(.open) > .grow, .pair-ask > .grow { flex: 1 1 100%; }
+  .start-ask-banner > .btn, .restore-ask > .btn, .banner.restore:not(.open) > .btn:not(.x), .pair-ask > .btn { flex: 1 1 0; justify-content: center; min-height: 44px; }
   .restore-ask > .rs-m { flex: 1 1 100%; }
 }
 
@@ -2932,9 +2932,22 @@ del.gd-x { background: var(--gd-del-word); }
 .sb-foot { display: flex; justify-content: flex-end; }
 .sb-foot .btn { min-height: 44px; }
 .sb-crumb:focus-visible, .sb-cut:focus-visible, .sb-dir:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+/* Go to a folder: type a path you know */
+.sb-path { display: flex; flex-direction: column; gap: 4px; margin: 0; }
+.sb-path-l { font-size: 12px; color: var(--muted); }
+.sb-path-row { display: flex; gap: 8px; min-width: 0; }
+.sb-path-in { flex: 1 1 auto; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--card); color: var(--text); font: inherit; font-family: var(--mono); font-size: 16px; }
+.sb-path-in:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+.sb-path-in[aria-invalid="true"] { border-color: var(--red); }
+.sb-path-row .btn { min-height: 44px; min-width: 44px; justify-content: center; }
+.sb-path-err { margin: 0; }
 .start-custom .start-opt-main { white-space: normal; }
 @media (max-width: 640px) {
   .start-browse { padding: 10px; margin-left: -4px; margin-right: -4px; }
   .sb-list { grid-template-columns: 1fr; max-height: none; overflow: visible; }
   .sb-here .sb-use { flex: 1 1 100%; justify-content: center; }
 }
+
+/* 0.9.9 asked at pairing time: may other devices start sessions here? */
+.pair-ask .grow { min-width: 0; }
+@media (pointer: coarse) { .pair-ask > .btn { min-height: 44px; } }

package/ui/app.js

@@ -16,7 +16,7 @@ import { navHideStep, NAVHIDE_TYPING } from './navhide.js'
 import { openLightbox } from './lightbox.js' // 0.9.8: the image preview
 import { openPdfView, pdfThumb } from './pdfview.js' // 0.9.8: the PDF preview (pdf.js loads on the first PDF)
 import { isBlank, composerKey, isTouchUi, composerHeight, composerBoxHtml } from './composer.js' // 0.9.8 the Live composer
-import { startPageHtml, startPick, startAsksBanner, headlessBarHtml, startsSettingHtml, startViewerLocal as startViewerAt, startTexts, fillStartTexts, browseTarget } from './start.js' // 0.9.9 New session
+import { startPageHtml, startPick, startAsksBanner, headlessBarHtml, startsSettingHtml, startViewerLocal as startViewerAt, startTexts, fillStartTexts, browseTarget, startPairAskHtml, typedPath } from './start.js' // 0.9.9 New session
 import { attachPlan, skippedText, shortName, prepareFile, uploadFile, fetchAttachment, fmtSize, attachKind, pastedName, ATTACH_MAX_FILES } from './attach.js' // 0.9.8 attachments
 import { wireTips } from './tips.js'
 import { mountUpdateBar, takeCarry } from './update-bar.js' // 0.9.8 "Leftoff updated · Refresh"
@@ -841,6 +841,7 @@ async function viewBoard() {
     '<a class="btn primary" href="#/catchup/new">' + icon('coffee') + 'Catch me up</a>' +
     '<a class="btn" href="#/digest">' + icon('newspaper') + 'Today’s digest →</a></div></div>'
   html += syncDetails() + staleLine(sessions)
+  html += startPairAskHtml(state.starts, { esc, local: startViewerLocal(state.starts && state.starts.viewer), busy: startUi.pairBusy }) // 0.9.9: asked once, at pairing time
   html += restoreAsksBanner() + startAsksBanner(state.starts, { esc, icon, local: startViewerLocal(state.starts && state.starts.viewer), clock, busy: startUi.busy }) + restoreBanner()
   // Needs you (v0.4.4): every session waiting on you, whatever the filters, longest wait first.
   const needs = needsItems(sessions)
@@ -4176,24 +4177,48 @@ async function viewNewSession() {
   const kf = fa && fa.classList && fa.classList.contains('start-text') ? { a: fa.selectionStart, b: fa.selectionEnd } : null
   $app.innerHTML = startPageHtml(startUi.data, startUi, { esc, icon, emoji: mEmoji, local: startViewerLocal(startUi.data.viewer), clock, draft: (state.drafts && state.drafts.start) || '', busy: startUi.sending })
   fillStartTexts($app, startTexts(startUi.data, startUi)) // folder names and paths: text, never markup
+  { const pi = $app.querySelector('.sb-path-in'); if (pi && startUi.browse && startUi.browse.typed && pi.value !== startUi.browse.typed) pi.value = startUi.browse.typed } // what you were typing survives a redraw
   const ta = $app.querySelector('.start-text')
   if (ta) { fitComposer(ta); if (kf && !ta.disabled) { ta.focus({ preventScroll: true }); try { ta.setSelectionRange(kf.a, kf.b) } catch {} } }
 }
 // Other folder…: list one folder on the picked Mac (that Mac's own disk, over the peer link for another Mac)
-async function startBrowse(machine, p) {
+async function startBrowse(machine, p, { typed = false } = {}) {
   const seq = (startUi.browseSeq = (startUi.browseSeq || 0) + 1)
-  startUi.browse = { ...(startUi.browse && startUi.browse.machine === machine ? startUi.browse : {}), machine, loading: true, error: null }
+  const prev = startUi.browse && startUi.browse.machine === machine ? startUi.browse : {}
+  startUi.browse = { ...prev, machine, loading: true, error: null, pathError: null }
   if (state.route && state.route.name === 'new') render()
   try {
     const d = await api('GET', '/v1/start/dirs?machine=' + encodeURIComponent(machine) + (p ? '&path=' + encodeURIComponent(p) : ''), undefined, { timeoutMs: 20000 })
     if (seq !== startUi.browseSeq || !startUi.browse) return
-    startUi.browse = { machine, loading: false, error: null, data: d }
+    startUi.browse = { machine, loading: false, error: null, pathError: null, typed: typed ? '' : startUi.browse.typed, data: d }
   } catch (e) {
     if (seq !== startUi.browseSeq || !startUi.browse) return
-    startUi.browse = { ...startUi.browse, loading: false, error: e.message }
+    // a typed path that isn't one you can open: said under the box, and the folder you were in stays
+    startUi.browse = typed ? { ...startUi.browse, loading: false, pathError: e.message } : { ...startUi.browse, loading: false, error: e.message }
+  }
+  if (state.route && state.route.name === 'new') {
+    await render() // the page re-reads before it redraws: focus after
+    const pi = typed && startUi.browse.pathError ? $app.querySelector('.sb-path-in') : null
+    const f = pi || (startUi.browseFocus ? $app.querySelector('.sb-crumb[aria-current]') : null)
+    if (f) f.focus({ preventScroll: true })
   }
-  if (state.route && state.route.name === 'new') { render(); const f = $app.querySelector('.sb-crumb[aria-current]'); if (f && startUi.browseFocus) f.focus({ preventScroll: true }) }
 }
+// "Go to a folder": Enter or Go takes the browser there (the Mac checks it like any other step)
+document.addEventListener('submit', (ev) => {
+  const f = ev.target && ev.target.closest && ev.target.closest('form[data-form="start-browse-path"]')
+  if (!f) return
+  ev.preventDefault()
+  const b = startUi.browse, inp = f.querySelector('.sb-path-in')
+  const want = typedPath(inp ? inp.value : '')
+  if (!b) return
+  if (!want) { startUi.browse = { ...b, pathError: 'Type a folder, like ~/code/web.' }; render().then(() => { const pi = $app.querySelector('.sb-path-in'); if (pi) pi.focus() }); return }
+  startUi.browseFocus = true
+  startBrowse(b.machine, want, { typed: true })
+})
+document.addEventListener('input', (ev) => {
+  if (!ev.target || !ev.target.classList || !ev.target.classList.contains('sb-path-in') || !startUi.browse) return
+  startUi.browse.typed = ev.target.value // kept across the board's redraws
+})
 // Claude Code's own words when a session it ran stopped with an error: text, never markup.
 const headlessErrors = new Map()
 function fillHeadlessErrors() {
@@ -5407,6 +5432,17 @@ document.addEventListener('click', async (ev) => {
       return
     }
     if (action === 'start-all-repos') { startUi.allRepos = true; return render() }
+    if (action === 'pair-ask-yes' || action === 'pair-ask-no') {
+      if (startUi.pairBusy) return
+      startUi.pairBusy = true
+      try {
+        const r = await api('POST', '/v1/starts/pair-ask', { yes: action === 'pair-ask-yes' })
+        toast(r.answered === 'yes' ? 'Other devices can start sessions here' + (r.trustTurnedOn ? ' (Trust my paired devices is on too)' : '') : 'OK, they’ll ask here first', 4000)
+      } catch (e) { toast(e.message, 5000) }
+      startUi.pairBusy = false
+      try { state.starts = await api('GET', '/v1/starts') } catch {}
+      return render()
+    }
     if (action === 'start-again') { startUi.ask = null; return render() }
     if (action === 'start-send') return startSend(btn)
     if (action === 'start-ask-confirm' || action === 'start-ask-decline') {
@@ -6154,7 +6190,7 @@ document.addEventListener('submit', async (ev) => {
 
 // Live updates over SSE; re-render the current view, at most every 800 ms.
 let pending = null
-const busy = () => !!document.querySelector('.doc-viewer:not([hidden]), .tip:not([hidden]), .lo-menu, .title input, .repomore[open], .need .deny-form:not([hidden])') || !!(document.activeElement && document.activeElement.closest && document.activeElement.closest('.addform') && document.activeElement.value) || !!(document.activeElement && document.activeElement.closest && document.activeElement.closest('.need') && /^(INPUT|TEXTAREA)$/.test(document.activeElement.tagName)) || !!(document.activeElement && document.activeElement.closest && document.activeElement.closest('.live-box') && document.activeElement.value) || !!(document.activeElement && document.activeElement.closest && document.activeElement.closest('.start-box') && document.activeElement.value)
+const busy = () => !!document.querySelector('.doc-viewer:not([hidden]), .tip:not([hidden]), .lo-menu, .title input, .repomore[open], .need .deny-form:not([hidden])') || !!(document.activeElement && document.activeElement.closest && document.activeElement.closest('.addform') && document.activeElement.value) || !!(document.activeElement && document.activeElement.closest && document.activeElement.closest('.need') && /^(INPUT|TEXTAREA)$/.test(document.activeElement.tagName)) || !!(document.activeElement && document.activeElement.closest && document.activeElement.closest('.live-box') && document.activeElement.value) || !!(document.activeElement && document.activeElement.closest && document.activeElement.closest('.start-box') && document.activeElement.value) || !!(document.activeElement && document.activeElement.classList && document.activeElement.classList.contains('sb-path-in') && document.activeElement.value)
 // Settings isn't redrawn by live updates: it would wipe what you're editing,
 // and the QR code you're scanning (v0.4.6). Its sections fetch their own state.
 function soon() { if (pending) return; pending = setTimeout(() => { pending = null; if (!busy() && !(state.route && ['settings', 'setup'].includes(state.route.name)) && !(state.route && state.route.name === 'catchup' && cuUi.open)) render(); refreshHealth() }, 800) }

package/ui/start.js

@@ -122,6 +122,12 @@ export function startPageHtml(data, ui = {}, { esc, icon, emoji = () => '', loca
 export function startBrowseHtml(b, { esc, icon = () => '', machine = '' } = {}) {
   let h = '<div class="start-browse" id="start-browse" role="region" aria-label="Folders on ' + esc(machine) + '">'
   const d = b && b.data
+  // or type one you know (~/src/project, or a full path): the browser goes there; the same rules as walking to it
+  const goTo = '<form class="sb-path" data-form="start-browse-path" novalidate><label class="sb-path-l" for="sb-path-in">Go to a folder</label><div class="sb-path-row">' +
+    '<input type="text" id="sb-path-in" class="sb-path-in" name="path" placeholder="~/code/web" autocomplete="off" autocapitalize="off" autocorrect="off" spellcheck="false" enterkeyhint="go"' + (b && b.pathError ? ' aria-invalid="true" aria-describedby="sb-path-err"' : '') + '>' +
+    '<button type="submit" class="btn">Go</button></div>' +
+    (b && b.pathError ? '<p class="start-rule bad sb-path-err" id="sb-path-err" role="alert" data-st="path-err"></p>' : '') + '</form>'
+  if (!d) h += goTo
   if (d) {
     h += '<nav class="sb-crumbs" aria-label="Folder">' + d.crumbs.map((c, i) => (i ? '<span class="sb-sep" aria-hidden="true">/</span>' : '') +
       '<button type="button" class="sb-crumb" data-action="start-browse-go" data-crumb="' + i + '"' + (i === d.crumbs.length - 1 ? ' aria-current="location"' : '') + ' data-st="crumb-' + i + '"></button>').join('') + '</nav>'
@@ -129,6 +135,7 @@ export function startBrowseHtml(b, { esc, icon = () => '', machine = '' } = {})
       (d.parent ? '<button type="button" class="btn sb-up" data-action="start-browse-up" aria-label="Up one folder">' + icon('chevron-left') + 'Up</button>' : '') +
       '<span class="sb-cur"><span class="sb-cur-name" data-st="cur"></span>' + (d.git ? ' <span class="start-badge git">git</span>' : ' <span class="start-badge">not a git repo</span>') + '</span>' +
       '<button type="button" class="btn primary sb-use" data-action="start-browse-use"' + (d.parent ? '' : ' disabled') + '>Use this folder</button></div>'
+    h += goTo
     if (d.shortcuts && d.shortcuts.length > 1) h += '<div class="sb-cuts"><span class="sb-cuts-l">Jump to</span>' + d.shortcuts.map((c, i) => '<button type="button" class="sb-cut" data-action="start-browse-go" data-cut="' + i + '" data-st="cut-' + i + '"></button>').join('') + '</div>'
     if (!d.entries.length) h += '<p class="start-empty">No folders in here.</p>'
     else h += '<ul class="sb-list">' + d.entries.map((e, i) => '<li><button type="button" class="sb-dir" data-action="start-browse-go" data-entry="' + i + '">' + icon('folder') + '<span class="sb-name" data-st="entry-' + i + '"></span>' + (e.git ? '<span class="start-badge git">git</span>' : '') + icon('chevron-right', 'ic sb-go') + '</button></li>').join('') + '</ul>'
@@ -141,6 +148,17 @@ export function startBrowseHtml(b, { esc, icon = () => '', machine = '' } = {})
   return h
 }
 
+// What you typed in "Go to a folder", as a path to ask for: no spaces around
+// it, no quotes a copy brought along, a shell's "\ " back to a space, no
+// trailing slash. "~" stays "~"; the Mac resolves it (src/dirs.js checkFolder).
+export function typedPath(v) {
+  let t = String(v == null ? '' : v).trim()
+  if (/^(['"]).*\1$/.test(t) && t.length >= 2) t = t.slice(1, -1).trim()
+  t = t.replace(/\\ /g, ' ')
+  if (t.length > 1) t = t.replace(/\/+$/, '') || '/'
+  return t
+}
+
 // The text for every [data-st] on the page: names and paths from a Mac's disk.
 export function startTexts(data, ui = {}) {
   const t = {}
@@ -153,6 +171,7 @@ export function startTexts(data, ui = {}) {
     ;(d.shortcuts || []).forEach((c, i) => { t['cut-' + i] = c.label })
     d.entries.forEach((e, i) => { t['entry-' + i] = e.name })
   }
+  if (ui.browse && ui.browse.pathError) t['path-err'] = ui.browse.pathError
   for (const a of (data && Array.isArray(data.pending) ? data.pending : [])) if (a.firstTime) t['ask-folder-' + a.id] = a.folder || ''
   return t
 }
@@ -189,6 +208,22 @@ export function startAsksBanner(info, { esc, icon, local = true, clock = (x) =>
   }).join('')
 }
 
+// Asked once on THIS Mac's board when it pairs a phone or sees a new Mac:
+// may it start sessions here? No is the default (first, and what doing
+// nothing means); Yes turns on the switch, and Trust my paired devices if it's
+// off (the words say so). Never shown off this Mac.
+export function startPairAskHtml(info, { esc, local = true, busy = false } = {}) {
+  const a = info && info.pairAsk
+  if (!a || !local) return ''
+  const mac = info.machine || 'this Mac'
+  const who = a.kind === 'mac' ? (a.name || 'your other Mac') : 'your phone'
+  const what = a.kind === 'mac' ? 'Let ' + who + ' start sessions here?' : 'Let your phone start sessions here?'
+  const yes = 'Yes turns on “Allow starting sessions from other devices” for ' + mac + (info.trust ? '' : ', and Trust my paired devices so you can answer its prompts there') + '. It applies to every paired phone and Mac; change it any time in Settings → Privacy & security.'
+  return '<div class="banner info pair-ask" role="region" aria-label="' + esc(what) + '"><span class="grow"><b>' + esc(what) + '</b> ' + esc(a.kind === 'mac' ? who + ' could start Claude Code on ' + mac + ' with nobody here;' : 'It could start Claude Code on ' + mac + ' with nobody here;') + ' its edits and commands still wait for you in Needs you. ' + esc(yes) + '</span>' +
+    '<button type="button" class="btn" data-action="pair-ask-no"' + (busy ? ' aria-disabled="true"' : '') + '>No</button>' +
+    '<button type="button" class="btn" data-action="pair-ask-yes"' + (busy ? ' aria-disabled="true"' : '') + '>Yes, allow</button></div>'
+}
+
 // The session page's line for a session Leftoff runs: where it runs, who
 // started it, and Stop / Resume. The error (Claude Code's own words) is put
 // in with textContent by app.js ([data-headless-err]).