@leftoff/cli 0.9.18-beta.1 → 0.9.18-beta.11

package/ui/viewport-fit.js

@@ -0,0 +1,73 @@
+// Full screen on a phone, sized to the window you can see (ui/app.js fitFullViewport).
+// 2026-11-03 (Joel: "weird top padding after sending a message"): iOS pans the
+// visual viewport up when the keyboard opens over the composer, and full screen
+// follows that pan (top = visualViewport.offsetTop) so the composer stays above
+// the keyboard. After a send the keyboard closes, but iOS's last report can
+// still carry the old pan (or no report comes), and full screen stayed ~300px
+// down the screen with the board showing through above it. So the pan only
+// counts while the keyboard is really up (a text box has focus and the window
+// lost a keyboard's worth of height), and never more than the room the
+// keyboard took (a visual viewport as tall as the window can't be panned).
+
+// A focused field the on-screen keyboard is up for.
+const NO_KB_INPUT = /^(button|checkbox|color|file|hidden|image|radio|range|reset|submit)$/i
+export function isTypingTarget(el) {
+  if (!el || !el.tagName) return false
+  const tag = String(el.tagName).toUpperCase()
+  if (tag === 'TEXTAREA') return !el.readOnly && !el.disabled
+  if (tag === 'INPUT') return !NO_KB_INPUT.test(el.type || 'text') && !el.readOnly && !el.disabled
+  return !!el.isContentEditable
+}
+
+export const KEYBOARD_MIN_PX = 120 // less than this is the browser's own bars, not a keyboard
+
+// 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 (!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(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
+
+// 2026-11-06 (the phone's session sheet covered the reply box while typing; "sometimes I have to
+// scroll that down, and then the message box appears"): the sheet went away only when the board
+// measured a keyboard's worth of lost height (lf-kb), and some keyboards (a third-party one coming up
+// late or in steps, or iOS shrinking the window along with the keyboard) never report that. Now the
+// sheet steps aside whenever a text box outside the sheet has focus, measured or not, and comes back
+// a beat after it lets go (so the tap that closed the keyboard lands where it was aimed, not on a
+// sheet sliding in under the finger). A text box inside the sheet keeps it.
+export const SHEET_BACK_AFTER_BLUR_MS = 400
+// typing: a text box has focus; inSheet: that box is in the sheet; blurredMs: ms since a text box outside the sheet let go (null: none lately)
+export function sheetAside({ typing = false, inSheet = false, blurredMs = null } = {}) {
+  if (typing) return !inSheet
+  return blurredMs != null && blurredMs >= 0 && blurredMs < SHEET_BACK_AFTER_BLUR_MS
+}

package/ui/walk-pop.js

@@ -67,6 +67,9 @@ export function popContent(kind, { size = null, away = false } = {}) {
       ? { icon: 'circle-dashed', text: label + ' · no changes yet, so nothing to walk through', dim: true }
       : { icon: 'git-compare', text: label + ' · ' + plural(size.files, 'file') })
   }
+  // 2026-11-03 what was already changed when the session started isn't counted: said quietly
+  if (w && size.excluded > 0) lines.push({ icon: 'circle-dashed', text: plural(size.excluded, 'file') + ' changed before this session, left out', dim: true })
+  else if (w && size.fallback) lines.push({ icon: 'circle-dashed', text: 'Only the files this session edited', dim: true })
   if (size && size.writer) lines.push({ icon: 'bot', text: 'Written by ' + size.writer })
   return {
     title: 'Walk me through the changes',

package/ui/what-it-did.js

@@ -5,6 +5,7 @@
 // app.js) so they can be checked without a browser.
 import { icon } from './icons.js'
 import { diffBlocks, splitPath } from './diff-view.js'
+import { fileScopeSegHtml, scopeTagHtml, unreadableLines } from './semdiff.js' // 2026-11-03 This session · Whole folder, the walkthrough's own rule
 
 const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]))
 const plural = (n, w) => n + ' ' + w + (n === 1 ? '' : 's')
@@ -63,12 +64,12 @@ export function fileRowHtml(f, ui, sid) {
   const bodyId = 'wid-f-' + esc(encodeURIComponent(f.path).replace(/%/g, '_'))
   const bar = '<span class="gd-bar" aria-hidden="true">' + diffBlocks(f.add, f.del).map((b) => '<i class="gd-b' + b + '"></i>').join('') + '</span>'
   const counts = f.binary ? '<span class="wid-n">binary</span>' : f.big ? '<span class="wid-n">big</span>' : '<span class="wid-add">+' + esc(f.add) + '</span> <span class="wid-del">−' + esc(f.del) + '</span>' + bar
-  let h = '<li class="wid-item' + (open ? ' open' : '') + '">'
+  let h = '<li class="wid-item' + (open ? ' open' : '') + (f.notSession ? ' nots' : '') + '">'
   h += '<button type="button" class="wid-row wid-file" data-action="wid-file" data-id="' + esc(sid) + '" data-path="' + esc(f.path) + '" aria-expanded="' + open + '" aria-controls="' + bodyId + '">'
   h += '<span class="wid-chev" aria-hidden="true">' + icon(open ? 'chevron-down' : 'chevron-right') + '</span>'
   h += '<span class="wid-st st-' + esc(f.status) + '" data-tip="' + esc(word) + '" aria-label="' + esc(word) + '">' + letter + '</span>'
   const [dir, base] = splitPath(f.path)
-  h += '<span class="wid-path mono">' + (dir ? '<span class="wid-dir">' + esc(dir) + '</span>' : '') + '<b class="wid-base">' + esc(base) + '</b></span><span class="wid-counts">' + counts + '</span></button>'
+  h += '<span class="wid-path mono">' + (dir ? '<span class="wid-dir">' + esc(dir) + '</span>' : '') + '<b class="wid-base">' + esc(base) + '</b>' + scopeTagHtml(f, { esc }) + '</span><span class="wid-counts">' + counts + '</span></button>'
   if (open) {
     const v = ui.files[f.path]
     h += '<div class="wid-out" id="' + bodyId + '">'
@@ -91,16 +92,22 @@ export function fileRowHtml(f, ui, sid) {
 
 function diffHtml(ui, sid) {
   const d = ui.diff
-  let h = '<div class="wid-sub"><h3>This folder’s changes</h3>'
+  // 2026-11-03 scoped like the walkthrough: This session (the default) or Whole folder, counts on both
+  const fsc = d && d.fileScope && d.fileScope.session != null ? d.fileScope : null
+  const title = fsc && fsc.key !== 'folder' ? 'This session’s changes' : 'This folder’s changes'
+  let h = '<div class="wid-sub"><h3>' + title + '</h3>'
   if (d && d.folder && !d.tooBig && !d.noRepo) h += '<span class="wid-meta">' + esc(d.folder) + (d.totals && d.totals.files ? ' · ' + plural(d.totals.files, 'file') + ' · <span class="wid-add">+' + esc(d.totals.add) + '</span> <span class="wid-del">−' + esc(d.totals.del) + '</span>' : '') + '</span>'
   h += '</div>'
+  if (fsc) h += '<div class="wid-scope">' + fileScopeSegHtml(fsc, { esc, icon, action: 'wid-files', busy: !!ui.loading }) + '</div>'
   if (ui.diffError) return h + '<p class="wid-note">' + esc(ui.diffError) + '</p>'
   if (!d) return h + '<p class="wid-note">Loading…</p>'
   if (d.tooBig) return h + '<p class="wid-note">Too big to show here.</p>'
   if (d.noRepo) return h + '<p class="wid-note">' + (d.noRepo === 'not_a_repo' ? 'This folder isn’t a git repository.' : d.noRepo === 'no_git' ? 'git isn’t installed on that Mac.' : 'This session’s folder isn’t there any more.') + '</p>'
-  if (!d.files || !d.files.length) return h + '<p class="wid-note">No uncommitted changes.</p>'
-  h += '<ul class="wid-list">' + d.files.map((f) => fileRowHtml(f, ui, sid)).join('') + '</ul>'
+  const notes = unreadableLines({ baseNotes: d.baseNotes }).map((l) => '<p class="wid-note wid-scope-n">' + icon('info') + '<span>' + esc(l) + '</span></p>').join('')
+  if (!d.files || !d.files.length) return h + notes + '<p class="wid-note">' + (fsc && fsc.key !== 'folder' ? (fsc.folder ? 'No uncommitted changes from this session (' + plural(fsc.folder, 'file') + ' in the whole folder).' : 'No uncommitted changes from this session.') : 'No uncommitted changes.') + '</p>'
+  h += notes + '<ul class="wid-list">' + d.files.map((f) => fileRowHtml(f, ui, sid)).join('') + '</ul>'
   if (d.truncated) h += '<p class="wid-note">Showing the first ' + d.files.length + ' of ' + esc(d.totals.files) + ' files.</p>'
+  if (fsc && fsc.key !== 'folder') return h + '<p class="wid-foot">Uncommitted changes this session made in its folder. Whole folder shows everything, other sessions’ changes too.</p>'
   return h + '<p class="wid-foot">Uncommitted changes in the session’s folder (staged, unstaged and new files). Other sessions in this folder show the same changes.</p>'
 }