@leftoff/cli 0.9.18-beta.7 → 0.9.18-beta.9

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

@@ -1,6 +1,6 @@
 {
   "name": "leftoff",
-  "version": "0.9.18-beta.7",
+  "version": "0.9.18-beta.9",
   "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": "One Silly App"

package/mod/hooks/register.js

@@ -32,7 +32,7 @@ const START_SKIP_GRACE_MS = 15000 // the same for SessionStart (a cold start can
 const PERM_GRACE_MS = 1500 // how long a permission prompt tool.check saw waits for classic.PermissionRequest before the mod reports it
 
 // Module state. $.state is not used: the pane redraws with $.ui.invalidate.
-const MOD_VERSION = '0.9.18-beta.7' // keep in step with .claude-plugin/plugin.json
+const MOD_VERSION = '0.9.18-beta.9' // keep in step with .claude-plugin/plugin.json
 
 const st = {
   internal: false,
@@ -495,8 +495,8 @@ async function decisionContext($, e) {
 
 // 1b /cp-decisions: the same text SessionStart adds (src/decisions.js decisionContextText, from the daemon),
 // shown to you and handed to Claude as the command's context. The daemon notes that this session was given them.
-// Runs where the classic hooks are skipped: a command is not a classic event (Claude Code 2.1.318's Security
-// default hooks classic.* but not command.run).
+// Runs where the classic hooks are skipped: a command is not a classic event (Claude Code's Security default
+// hooks classic.* but not command.run; checked on 2.1.317 and 2.1.318).
 async function decisionsCommand($) {
   if (st.internal) return { text: 'Leftoff: not in Leftoff\'s own runs.' }
   let cwd = null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leftoff/cli",
-  "version": "0.9.18-beta.7",
+  "version": "0.9.18-beta.9",
   "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

@@ -2495,6 +2495,7 @@ mark.tx, .co-snip mark, .tx-snip mark, .tx-msg-text mark { background: var(--tx-
 .composer .att-chips[hidden] { display: none; }
 .composer.att-drop { border-color: var(--accent); box-shadow: 0 0 0 3px var(--focus); background: color-mix(in srgb, var(--accent) 7%, var(--card2)); }
 .att-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; overflow: hidden; clip: rect(0 0 0 0); }
+.att-picker { position: fixed; left: 0; bottom: 0; } /* 0.9.18: the paperclip's picker, outside the page so a redraw can't drop what you picked */
 .composer-attach { flex: none; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: transparent; display: grid; place-items: center; cursor: pointer; color: var(--muted); -webkit-tap-highlight-color: transparent; }
 .composer-clip { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; transition: background-color .15s, color .15s; }
 .composer-clip .ic { width: 19px; height: 19px; }

package/ui/app.js

@@ -2,7 +2,7 @@
 // /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 { fullViewportFit, isTypingTarget, SETTLE_AFTER_BLUR_MS } from './viewport-fit.js' // 2026-11-03: no gap above full screen after the keyboard closes
+import { fullViewportFit, isTypingTarget, outOfView, SETTLE_AFTER_BLUR_MS, SETTLE_WHILE_TYPING_MS } from './viewport-fit.js' // 2026-11-03: no gap above full screen after the keyboard closes; 2026-11-04: nor a hidden composer after switching keyboards
 import { selectHtml, comboHtml, closeMenu, openActionMenu, closeActionMenu, actionMenuKey, openNameSheet, openProjectSheet, refreshActionMenu } from './picker.js'
 import { sheetRepos, sheetPlan, runSheetPlan, askScopeItems } from './project-sheet.js' // 0.9.12: New project with several repos
 import { watchChipFades } from './chip-fade.js' // 0.9.12: chip rows fade only where chips run off
@@ -3451,14 +3451,48 @@ function fitFullViewport() {
   html.classList.toggle('lf-kb', fit.kb) // the keyboard is up: no home-indicator gap under the composer
   // the keyboard's gone: the page under full screen back where it was before the text box took focus
   if (!typing && lfKb.scroll != null && Math.abs(window.scrollY - lfKb.scroll) >= 1) window.scrollTo(window.scrollX, lfKb.scroll)
+  if (typing) keepTypingInView()
+}
+// 2026-11-04 (switching to another keyboard mid-typing hid the composer, and switching back didn't
+// bring it back): while you type, check where the composer really is against what you can see, from
+// this moment's numbers only, and if it isn't in view move full screen by the difference.
+// (Since 0.9.16 a session always opens in full screen, so that's the Live composer's only home.)
+function keepTypingInView() {
+  const vv = window.visualViewport, el = document.activeElement, html = document.documentElement
+  if (!vv || !html.classList.contains('live-full') || !isTypingTarget(el) || !el.closest) return
+  const box = el.closest('.live-box.full')
+  if (!box) return
+  const d = outOfView((el.closest('.composer') || el).getBoundingClientRect(), vv)
+  if (d) html.style.setProperty('--lf-top', Math.round((parseFloat(html.style.getPropertyValue('--lf-top')) || 0) - d) + 'px')
+}
+// Every report while you type (a keyboard opening, swapping, changing height, or iOS scrolling the
+// page under it) fits full screen then and looks again a few beats after: a swap's last change can
+// come with no report of its own, and a passing bogus one is put right by the next look.
+function onViewportChange(ev) {
+  fitFullViewport()
+  if (isTypingTarget(document.activeElement) && document.documentElement.classList.contains('live-full')) settleWhileTyping(1)
+}
+function settleWhileTyping(from = 0) {
+  clearTimeout(lfKb.settle)
+  if (from >= SETTLE_WHILE_TYPING_MS.length) return
+  let i = from
+  const step = () => {
+    if (!isTypingTarget(document.activeElement)) return
+    fitFullViewport()
+    if (++i < SETTLE_WHILE_TYPING_MS.length) lfKb.settle = setTimeout(step, SETTLE_WHILE_TYPING_MS[i] - SETTLE_WHILE_TYPING_MS[i - 1])
+  }
+  lfKb.settle = setTimeout(step, SETTLE_WHILE_TYPING_MS[i] - (i ? SETTLE_WHILE_TYPING_MS[i - 1] : 0))
 }
-if (window.visualViewport) for (const ev of ['resize', 'scroll']) window.visualViewport.addEventListener(ev, fitFullViewport)
-for (const ev of ['resize', 'orientationchange', 'pageshow']) window.addEventListener(ev, fitFullViewport)
+if (window.visualViewport) for (const ev of ['resize', 'scroll']) window.visualViewport.addEventListener(ev, onViewportChange)
+window.addEventListener('scroll', (ev) => { if (isTypingTarget(document.activeElement) && document.documentElement.classList.contains('live-full')) onViewportChange(ev) }, { passive: true })
+for (const ev of ['resize', 'orientationchange', 'pageshow']) window.addEventListener(ev, onViewportChange)
 document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') fitFullViewport() })
 document.addEventListener('focusin', (e) => {
   if (!isTypingTarget(e.target) || !document.documentElement.classList.contains('live-full')) return
-  clearTimeout(lfKb.settle)
   if (lfKb.scroll == null) lfKb.scroll = window.scrollY
+  // 2026-11-04: a third-party keyboard (Raycast, Gboard, SwiftKey) can come up late, or change the
+  // visual viewport without a resize event of its own: measure again as it opens, as on the way down
+  settleWhileTyping(0)
 })
 // A text box let go (a send closes the phone's keyboard, or a tap away): look again as the keyboard
 // goes down, whatever iOS reports or doesn't on the way.
@@ -3718,11 +3752,40 @@ function composerFor(el) {
   const box = (el && el.closest && el.closest('.composer')) || document.querySelector('#app .composer[data-sid]')
   return box && !box.classList.contains('off') ? box : null
 }
+// The picker the paperclip opens lives outside the page (0.9.18). A phone's
+// photo picker covers the board for seconds; coming back is a wake-up (focus
+// after more than AWAY_MS away) that redraws the page, and iOS hands the
+// picked photo over only after that, to the <input> it opened from. A picker
+// inside the composer was gone by then (the redraw made a new one), so its
+// change event went nowhere and the photo never showed. This one is never
+// redrawn; the composer's own hidden input stays for drops and tests.
+let attPicker = null
+function attachPicker() {
+  if (attPicker && attPicker.isConnected) return attPicker
+  attPicker = document.createElement('input')
+  attPicker.type = 'file'; attPicker.multiple = true; attPicker.tabIndex = -1
+  attPicker.className = 'att-input att-picker'; attPicker.id = 'att-picker'
+  attPicker.setAttribute('aria-hidden', 'true')
+  document.body.appendChild(attPicker)
+  return attPicker
+}
+function openPicker(sid) {
+  if (!sid) return
+  const pk = attachPicker()
+  pk.dataset.sid = sid
+  pk.value = ''
+  pk.click() // still inside the tap: iOS opens a picker only from a user gesture
+}
+function takePicked(inp) {
+  const files = Array.from(inp.files || [])
+  if (!files.length) return
+  inp.value = '' // the same file can be picked again
+  try { addFiles(inp.dataset.sid, files) } catch (e) { toast('Couldn’t attach ' + (files.length === 1 ? files[0].name || 'that file' : files.length + ' files') + ': ' + (e.message || e), 6000) }
+}
 document.addEventListener('change', (ev) => {
   const inp = ev.target
   if (!inp || !inp.classList || !inp.classList.contains('att-input')) return
-  addFiles(inp.dataset.sid, inp.files)
-  inp.value = '' // the same file can be picked again
+  takePicked(inp)
 })
 document.addEventListener('paste', (ev) => {
   const t = ev.target
@@ -9481,7 +9544,7 @@ document.addEventListener('click', async (ev) => {
     if (action === 'lv-queued-cancel' || action === 'lv-queued-edit') return queuedClick(btn, action === 'lv-queued-edit')
     if (action === 'lv-queued-now') return sendNowClick(btn)
     if (action === 'lv-queued-more') { if (ev.target.closest('a[href]')) return; const open = !btn.classList.contains('open'); btn.classList.toggle('open', open); btn.setAttribute('aria-expanded', open ? 'true' : 'false'); return }
-    if (action === 'attach') { const inp = btn.closest('.composer') && btn.closest('.composer').querySelector('.att-input'); if (inp && !inp.disabled) inp.click(); return }
+    if (action === 'attach') { const inp = btn.closest('.composer') && btn.closest('.composer').querySelector('.att-input'); if (inp && !inp.disabled) openPicker(inp.dataset.sid); return }
     if (action === 'att-remove') return removeAttachment(btn.dataset.lid)
     if (action === 'att-retry') return retryAttachment(btn.dataset.lid)
     if (action === 'att-open') return openAttachment(btn)

package/ui/live-status.js

@@ -44,17 +44,42 @@ function resetWords(raw) {
   const m = raw.match(/\bresets?\s+(?:at\s+)?([^·|\n.]{1,40})/i) // "You've hit your limit · resets 7am (America/Chicago)"
   return m ? 'resets ' + ago(m[1]).replace(/\s*\(.*$/, '') : ''
 }
+// Claude Code 2.1.318 prints one stderr line from 10 days before a stored
+// claude.ai sign-in ends (text output only; read from its own code). It is a
+// notice, not why anything failed, and its "claude auth login" would read as
+// "signed out": every classifier drops it first. Its three wordings, exactly:
+//   Warning: this sign-in ends between <d> and <d> (in N day(s) at the earliest). Renewing it does not move those dates. Run claude auth login before then, or use claude setup-token for unattended jobs.
+//   Warning: this sign-in can end at any time from now until <d>. Renewing it does not move that date. Run claude auth login now, or use claude setup-token for unattended jobs.
+//   Warning: this sign-in may have ended between <d> and <d>. If requests are refused, run claude auth login, or use claude setup-token for unattended jobs.
+const SIGNIN_WARNING_RE = /^[ \t]*Warning: this sign-in (?:ends between [^\n]*? at the earliest\)\. Renewing it does not move those dates\.|can end at any time from now until [^\n]*?\. Renewing it does not move that date\.|may have ended between [^\n]*?\. If requests are refused,) run claude auth login[^\n]*? or use claude setup-token for unattended jobs\.[ \t]*(?:\r?\n|$)/gim
+export function dropSignInWarning(text) { return String(text == null ? '' : text).replace(SIGNIN_WARNING_RE, '') }
+
+// 2.1.318: claude -p refuses to start on an invalid config file (it no longer
+// resets it): "Configuration error in <file>: <why>" / "Claude configuration
+// file at <file> is corrupted" / "Fix the JSON in <file>, or move the file aside".
+// -> the file (home shown as ~ when given), or '' when named nowhere, or null.
+const CONFIG_BAD_RE = /(?:Configuration error in|Claude configuration file at|Fix the JSON in) (\S+?\.json)\b/i
+export function claudeConfigError(text, home = '') {
+  const m = CONFIG_BAD_RE.exec(String(text == null ? '' : text))
+  if (!m) return null
+  const f = m[1]
+  return home && f.startsWith(home + '/') ? '~' + f.slice(home.length) : f
+}
+
 export function turnErrorWhy(raw0, { subtype = null, code = null, signal = null, endReason = null } = {}) {
-  const raw = ago(raw0).slice(0, WHY_RAW_MAX)
+  const raw = ago(dropSignInWarning(raw0)).slice(0, WHY_RAW_MAX)
   const w = (label) => ({ label, raw: raw || null })
   if (raw && /^\[?Request interrupted by user/i.test(raw)) return null
   if (!raw && endReason === 'aborted') return null
+  const cfg = claudeConfigError(raw)
+  if (cfg != null) return w('Claude Code’s config file is invalid · fix the JSON in ' + (cfg || '~/.claude.json') + ', or move it aside')
   if (/usage limit|hit your (usage )?limit|limit reached|out of (extra )?usage|weekly limit|session limit/i.test(raw)) { const r = resetWords(raw); return w('Claude’s usage limit is reached' + (r ? ' · ' + r : '')) }
   if (/rate[ _-]?limit|\b429\b|too many requests/i.test(raw)) return w('Claude is rate limited right now · try again in a minute')
   if (/prompt is too long|context (length|window)|too many tokens|maximum context|input is too long/i.test(raw)) return w('The conversation is too long for Claude · run /compact in its terminal, then retry')
   if (/overloaded|\b529\b/i.test(raw)) return w('Claude’s servers are overloaded · try again in a minute')
   if (/credit balance|billing|payment required|\b402\b/i.test(raw)) return w('Claude’s account is out of credit')
-  if (/invalid api key|run \/login|please (log|sign) ?in|not logged in|oauth token|token (has )?expired|authentication|\b401\b|\b403\b|unauthori[sz]ed|forbidden/i.test(raw)) return w(SIGNED_OUT_LABEL)
+  // 2.1.318's "Failed to authenticate: this login reached its time limit … Run `claude auth login` …" too
+  if (/invalid api key|run \/login|please (log|sign) ?in|not logged in|oauth token|token (has )?expired|authenticat|claude auth login|\b401\b|\b403\b|unauthori[sz]ed|forbidden/i.test(raw)) return w(SIGNED_OUT_LABEL)
   if (/timed? ?out|ECONNRESET|ECONNREFUSED|ENOTFOUND|EAI_AGAIN|fetch failed|network|socket hang up|connection (error|refused|reset)/i.test(raw)) return w('Claude couldn’t reach its servers · check this Mac’s connection')
   if (/no conversation found|session .*not found/i.test(raw)) return w('Claude Code couldn’t reopen this conversation')
   const api = raw.match(/API Error:?\s*(\d{3})?/i)

package/ui/viewport-fit.js

@@ -23,18 +23,37 @@ export const KEYBOARD_MIN_PX = 120 // less than this is the browser's own bars,
 
 // innerHeight: the layout viewport's height; vv: { height, offsetTop, scale }; typing: a text box has focus.
 // -> { h, top, kb } in CSS px (null without a visualViewport: the CSS falls back to 100dvh).
+// 2026-11-04 (switching keyboards mid-typing hid the composer): while a text box has focus, full
+// screen is exactly the visual viewport as iOS reports it right now, whatever the keyboard's height
+// (a keyboard swap reports a passing full-height or tiny keyboard on the way; following each report
+// means the next one puts it right). Nothing is remembered from when the box took focus. `kb` (the
+// keyboard's own look: no home-indicator gap) still needs a keyboard's worth of height.
 export function fullViewportFit({ innerHeight, vv, typing = false } = {}) {
   if (!vv || !(Number(innerHeight) > 0)) return null
   const ih = Number(innerHeight)
   const vh = Number(vv.height) > 0 ? Number(vv.height) : ih
   const zoomed = Number(vv.scale) > 1.01 // pinch-zoomed: follow the visual viewport as before
   const kb = !!typing && ih - vh > KEYBOARD_MIN_PX
-  if (!kb && !zoomed) return { h: Math.round(ih), top: 0, kb: false } // no keyboard: the whole window, from its top
-  const room = Math.max(0, ih - vh)
+  if (!typing && !zoomed) return { h: Math.round(ih), top: 0, kb: false } // no keyboard: the whole window, from its top
+  const room = Math.max(0, ih - vh) // a visual viewport as tall as the window can't be panned (a stale pan)
   const top = Math.min(Math.max(0, Number(vv.offsetTop) || 0), room)
-  return { h: Math.round(vh), top: Math.round(top), kb }
+  return { h: Math.round(Math.min(vh, ih)), top: Math.round(top), kb }
+}
+
+// How far full screen's composer sits outside what you can see (the visual viewport, in the same
+// page coordinates as getBoundingClientRect): > 0 means move it up by that much, < 0 down, 0 it's in view.
+// rect: the composer's { top, bottom }; vv: { height, offsetTop }.
+export function outOfView(rect, vv, slack = 1) {
+  if (!rect || !vv || !(Number(vv.height) > 0)) return 0
+  const top = Number(vv.offsetTop) || 0, bottom = top + Number(vv.height)
+  if (rect.bottom > bottom + slack) return Math.round(Math.min(rect.bottom - bottom, rect.top - top)) // below the keyboard's edge (never past its own top)
+  if (rect.top < top - slack) return -Math.round(top - rect.top) // above the top of what you can see
+  return 0
 }
 
 // When to look again after a text box lets go (the keyboard takes ~0.3–0.5 s to
 // close, and iOS's reports during it can be stale or missing), in ms.
 export const SETTLE_AFTER_BLUR_MS = [0, 120, 350, 700, 1100]
+// The same beats after every report while a text box has focus: a keyboard swap's last change can
+// come with no event of its own, so the board looks again a few times after each one.
+export const SETTLE_WHILE_TYPING_MS = SETTLE_AFTER_BLUR_MS