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

package/CHANGELOG.md

@@ -4,6 +4,7 @@ What changed in Leftoff (called Checkpoints until 0.4.5), newest first. The boar
 
 ## Unreleased
 
+- **Photos picked on a phone attach again.** On iPhone, choosing a photo from the paperclip's picker closed the picker and nothing showed: coming back from the picker counts as a wake-up, which redraws the page, and iOS hands over the photo only after that, to the old picker the redraw had thrown away. The picker now lives outside the page, so a redraw can't lose what you picked, and a pick that still can't attach says why. Full screen also measures again as a phone's keyboard comes up, for keyboards (Raycast, Gboard, SwiftKey) that report late. A board reload is enough.
 - **Walkthroughs say whether a step follows or departs from a decision.** A decision chip on a step now reads ≠ Departs when the step goes against it, and the step always gets a Look closely note naming the decision; from there the decision viewer offers to link one of the session's own decisions as its replacement. A session's own decisions show in its walkthrough right away, marked ◌ Proposed, with Accept and Reject in the viewer. Needs `leftoff restart` and `leftoff upgrade --beta`.
 - **Weak tests caught without the model.** Walk me through it flags a test change that removes assertions and adds none, adds a skip or .only, asserts a value against itself, or mocks the module the test is for, and gives it a Look closely note even if the model put it under Safe to skip. Needs `leftoff restart`.
 - **Test plans from merged PRs.** A project's page, its decision log and the PRs page (pick merged PRs, then Test plan for these) make a short manual script for what merged lately: up to about 12 checks that fit 15, 30 or 60 minutes, each with where to go, the steps, what you should see and why it's on the list, ordered by risk. Risky callouts, weak tests and changed decisions always become checks or are listed under Not covered with the reason. Tick checks off, note what failed and propose a decision from it, then Copy as Markdown or Download .html. `leftoff testplan --project NAME` prints it. Needs `leftoff restart`.

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

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

@@ -3459,6 +3459,15 @@ 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
+  let i = 0
+  const step = () => {
+    if (!isTypingTarget(document.activeElement)) return
+    fitFullViewport()
+    if (++i < SETTLE_AFTER_BLUR_MS.length) lfKb.settle = setTimeout(step, SETTLE_AFTER_BLUR_MS[i] - SETTLE_AFTER_BLUR_MS[i - 1])
+  }
+  lfKb.settle = setTimeout(step, SETTLE_AFTER_BLUR_MS[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 +3727,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 +9519,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)