@leftoff/cli 0.6.3 → 0.6.8

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

@@ -1,6 +1,6 @@
 {
   "name": "leftoff",
-  "version": "0.6.3",
+  "version": "0.6.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": "Joel"

package/mod/hooks/core.js

@@ -285,8 +285,119 @@ const CP_ORDER = ['id', 'session_id', 'session_title', 'created_at', 'trigger',
 export function resumeCommand(session) {
   const id = session.id || session.sessionId
   const cwd = session.cwd
-  const q = (p) => (/^[A-Za-z0-9_./~@+-]+$/.test(p) ? p : "'" + String(p).replace(/'/g, "'\\''") + "'")
-  return (cwd ? 'cd ' + q(cwd) + ' && ' : '') + 'claude --resume ' + id
+  return (cwd ? 'cd ' + shArg(cwd) + ' && ' : '') + claudeInvocation(session, ['--resume', id])
+}
+
+// POSIX single quotes when needed (also right in fish).
+export function shArg(s) {
+  const v = String(s)
+  return /^[A-Za-z0-9_./~@%+=:,-]+$/.test(v) ? v : "'" + v.replace(/'/g, "'\\''") + "'"
+}
+
+// ---------------------------------------------------------------- backend (0.6.8)
+//
+// Claude Code pointed at another server. `ollama launch claude --model M`
+// (ollama/ollama cmd/launch/claude.go) runs `claude --model M [args after --]`
+// with ANTHROPIC_BASE_URL = the Ollama host (OLLAMA_HOST, default
+// http://127.0.0.1:11434, also for :cloud models: the local server forwards
+// them), ANTHROPIC_AUTH_TOKEN=ollama, ANTHROPIC_API_KEY empty and
+// ANTHROPIC_DEFAULT_{OPUS,SONNET,HAIKU}_MODEL / CLAUDE_CODE_SUBAGENT_MODEL = M.
+// We keep { kind: 'ollama', model, baseUrl } (the origin only) or, for any other
+// non-Anthropic base URL, { kind: 'custom', host, model }. Never a token or key:
+// the auth token is only compared with the literal "ollama".
+
+const OLLAMA_PORT = '11434'
+const LOCAL_HOSTS = new Set(['127.0.0.1', 'localhost', '[::1]', '::1', '0.0.0.0'])
+
+// "opus", "sonnet[1m]", "claude-opus-4-5", "us.anthropic.claude-…": a Claude model or alias.
+export function isClaudeModel(m) {
+  const v = String(m || '').trim().toLowerCase()
+  if (!v || v === '<synthetic>') return true
+  return /claude/.test(v) || /^(opus|sonnet|haiku|opusplan|default|best)(\[1m\])?$/.test(v)
+}
+
+function httpUrl(raw) {
+  try { const u = new URL(String(raw).trim()); return /^https?:$/.test(u.protocol) ? u : null } catch { return null }
+}
+
+export function isAnthropicHost(host) { return /(^|\.)anthropic\.com$/i.test(String(host || '')) }
+
+// The model Claude Code really talks to: the session's model when it isn't a
+// Claude name, else what the alias resolves to (ANTHROPIC_DEFAULT_*_MODEL),
+// else ANTHROPIC_MODEL, else any tier's pin.
+export function realModel(env = {}, model = null) {
+  if (model && !isClaudeModel(model)) return String(model)
+  const m = String(model || '').toLowerCase()
+  const tier = /haiku/.test(m) ? env.ANTHROPIC_DEFAULT_HAIKU_MODEL : /sonnet/.test(m) ? env.ANTHROPIC_DEFAULT_SONNET_MODEL : env.ANTHROPIC_DEFAULT_OPUS_MODEL
+  for (const c of [tier, env.ANTHROPIC_MODEL, env.ANTHROPIC_DEFAULT_OPUS_MODEL, env.ANTHROPIC_DEFAULT_SONNET_MODEL, env.ANTHROPIC_DEFAULT_HAIKU_MODEL, env.CLAUDE_CODE_SUBAGENT_MODEL]) {
+    if (c && String(c).trim() && !isClaudeModel(c)) return String(c).trim()
+  }
+  return null
+}
+
+// env (Claude Code's own) -> null (Anthropic) | { kind: 'ollama', model, baseUrl } | { kind: 'custom', host, model }
+export function detectBackend(env = {}, { model = null } = {}) {
+  const u = env.ANTHROPIC_BASE_URL ? httpUrl(env.ANTHROPIC_BASE_URL) : null
+  if (!u || isAnthropicHost(u.hostname)) return null
+  const host = u.hostname.toLowerCase()
+  const real = realModel(env, model)
+  const ollama = u.port === OLLAMA_PORT || /(^|\.)ollama\.com$/.test(host) || env.ANTHROPIC_AUTH_TOKEN === 'ollama'
+  if (ollama) return stripNulls({ kind: 'ollama', model: real, baseUrl: u.origin })
+  return stripNulls({ kind: 'custom', host: u.host, model: real })
+}
+
+// Whatever arrives on the wire or from a file -> a clean backend, or null.
+export function cleanBackend(b) {
+  if (!b || typeof b !== 'object') return null
+  const model = typeof b.model === 'string' && b.model.trim() ? clip(b.model.trim(), 120) : null
+  if (b.kind === 'ollama') {
+    const u = b.baseUrl ? httpUrl(b.baseUrl) : null
+    return stripNulls({ kind: 'ollama', model, baseUrl: u ? u.origin : null, inferred: b.inferred ? true : null })
+  }
+  if (b.kind === 'custom') {
+    const host = typeof b.host === 'string' && b.host.trim() ? clip(b.host.trim().replace(/^[a-z]+:\/\//i, '').replace(/[/?#@].*$/, ''), 120) : null
+    return stripNulls({ kind: 'custom', host, model, inferred: b.inferred ? true : null })
+  }
+  return null
+}
+
+// A transcript's assistant message.model (what the server echoed) -> a backend
+// for a session that has none (sessions from before 0.6.8). Only a model that
+// isn't Claude's; an Ollama-style "name:tag" is taken as Ollama.
+export function backendFromTranscriptModel(model) {
+  if (!model || isClaudeModel(model)) return null
+  const m = String(model).trim()
+  return /^[\w.\-/]+:[\w.\-]+$/.test(m) ? { kind: 'ollama', model: m, inferred: true } : { kind: 'custom', model: m, inferred: true }
+}
+
+// "deepseek-v4-flash:cloud · Ollama" | "qwen3 · gw.example:4000" | "opus" | null
+export function modelLabel(s) {
+  const b = s && s.backend
+  if (!b) return (s && s.model) || null
+  const model = b.model || (s.model && !isClaudeModel(s.model) ? s.model : null)
+  if (b.kind === 'ollama') return model ? model + ' · Ollama' : 'Ollama'
+  const where = b.host || 'custom server'
+  return model ? model + ' · ' + where : where
+}
+
+// Resuming through Ollama: `ollama launch claude --model M -- <claude args>`
+// (docs.ollama.com/integrations/claude-code: arguments after -- go to Claude
+// Code). OLLAMA_HOST is set only when the session used a non-default Ollama.
+// Straight to ollama.com (no ollama launch): the env form, no key; the shell's
+// own ANTHROPIC_AUTH_TOKEN signs in.
+export function viaOllama(b) { return !!(b && b.kind === 'ollama' && !isOllamaCom(b.baseUrl)) }
+function isOllamaCom(url) { const u = url ? httpUrl(url) : null; return !!(u && /(^|\.)ollama\.com$/i.test(u.hostname)) }
+
+export function claudeInvocation(session, args = []) {
+  const b = session && session.backend
+  const tail = args.map(shArg).join(' ')
+  if (b && b.kind === 'ollama') {
+    if (isOllamaCom(b.baseUrl)) return 'ANTHROPIC_BASE_URL=' + shArg(b.baseUrl) + ' ANTHROPIC_API_KEY= claude' + (b.model ? ' --model ' + shArg(b.model) : '') + (tail ? ' ' + tail : '')
+    const u = b.baseUrl ? httpUrl(b.baseUrl) : null
+    const host = u && !(LOCAL_HOSTS.has(u.hostname) && u.port === OLLAMA_PORT && u.protocol === 'http:') ? 'OLLAMA_HOST=' + shArg(u.origin) + ' ' : ''
+    return host + 'ollama launch claude' + (b.model ? ' --model ' + shArg(b.model) : '') + ' --' + (tail ? ' ' + tail : '')
+  }
+  return 'claude' + (tail ? ' ' + tail : '')
 }
 
 export function renderCheckpointMd(cp) {
@@ -328,7 +439,7 @@ export function renderCheckpointMd(cp) {
     else if (k === 'nextSteps') v.forEach((x, n) => lines.push((n + 1) + '. ' + oneLine(x).replace(/^\*+/, '')))
     else for (const x of v) lines.push(bullet(x))
   }
-  const resume = resumeCommand({ id: cp.sessionId, cwd: cp.cwd })
+  const resume = resumeCommand({ id: cp.sessionId, cwd: cp.cwd, backend: cp.backend })
   return toFrontmatter(fm, CP_ORDER) + lines.join('\n') + '\n\nResume: `' + resume + '`\n'
 }
 
@@ -383,7 +494,7 @@ const SESSION_ORDER = ['id', 'title', 'title_source', 'machine', 'cwd', 'repo',
 export const SESSION_EXTRA = ['inTurn', 'needsInput', 'backgroundTasks', 'turnsSinceCheckpoint', 'dormantStretch',
   'finalCheckpointDone', 'firstPrompt', 'lastPreview', 'lastNotification', 'lastEventAt', 'statusChanges', 'folder',
   'pid', 'tty', 'pidStartedAt', 'pidSource', 'term', 'closedAt', 'answers', 'lastNotificationMessage', 'needsInputAt', 'question', 'questionAt',
-  'startSource', 'historyTurns', 'healedAt', 'healedVia', 'archivedReason']
+  'startSource', 'historyTurns', 'healedAt', 'healedVia', 'archivedReason', 'backend']
 
 export const SESSION_FIELDS = ['id', 'title', 'titleSource', 'machine', 'cwd', 'repo', 'transcriptPath', 'model', 'surface', 'capture',
   'status', 'startedAt', 'lastActivityAt', 'lastHeartbeatAt', 'endedAt', 'endReason', 'turns', 'lastCheckpointId',
@@ -433,6 +544,7 @@ export function parseSessionMd(text) {
   s.backgroundTasks = typeof s.backgroundTasks === 'number' ? s.backgroundTasks : 0
   s.pinned = !!s.pinned
   s.archived = !!s.archived
+  if (s.backend !== undefined) { const b = cleanBackend(s.backend); if (b) s.backend = b; else delete s.backend }
   return s
 }
 
@@ -604,7 +716,10 @@ export function checkpointDue(s, now, cfg = DEFAULT_CONFIG) {
   const gapOk = isNaN(lastCp) || now - lastCp >= cfg.minGapMin * MIN
   const activitySinceCp = (s.turnsSinceCheckpoint || 0) > 0 || (!isNaN(lastActivity) && (isNaN(lastCp) ? !!s.lastActivityAt : lastActivity > lastCp))
   if (status === 'ended' || status === 'stale') {
-    if (s.finalCheckpointDone || !activitySinceCp || !gapOk) return null
+    // v0.6.7: closing always leaves a checkpoint when anything happened since the
+    // last one, even minutes after it (no minGap here): the Closed list and
+    // Resume read it. Nothing new, or an empty session, still writes none.
+    if (s.finalCheckpointDone || !activitySinceCp) return null
     if (!s.lastActivityAt) return null
     return s.endReason === 'clear' ? 'clear' : 'session_end'
   }
@@ -653,6 +768,8 @@ export function applyEvent(s, ev) {
   if (d.cwd) s.cwd = d.cwd
   if (d.transcriptPath) s.transcriptPath = d.transcriptPath
   if (d.model) s.model = d.model
+  // 0.6.8: where the model runs. A capture that says null (Anthropic) clears it; no key leaves it.
+  if ('backend' in d) { const b = cleanBackend(d.backend); if (b) s.backend = b; else delete s.backend }
   if (d.surface) s.surface = d.surface
   if (d.repo && typeof d.repo === 'object') s.repo = { ...(s.repo || {}), ...stripNulls(d.repo) }
   // A title carrying our own tab marker came from the mod's /rename: it is the

package/mod/hooks/register.js

@@ -18,7 +18,7 @@ import {
   sessionFolderName, id8, clip, toIso, resumeCommand, repoName,
   shortId, formatTabTitle, parseTabTitle, detectTerminal, parseProcLine, trailingQuestion,
   parseCheckpointArgs, SUMMARY_LENGTHS, parseBulletList, parseCatchupArgs,
-  listHintFrom, extractChecklists, parseTodoArgs, parseDoneArgs,
+  listHintFrom, extractChecklists, parseTodoArgs, parseDoneArgs, detectBackend,
 } from './core.js'
 
 const PANE_ID = 'checkpoints'
@@ -27,7 +27,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.6.3' // keep in step with .claude-plugin/plugin.json
+const MOD_VERSION = '0.6.8' // keep in step with .claude-plugin/plugin.json
 
 const st = {
   internal: false,
@@ -461,6 +461,24 @@ async function readTermEnv($) {
   return env
 }
 
+// 0.6.8: is this Claude Code talking to Ollama or another server? (literal
+// names only). The auth token is only compared with "ollama" and never kept.
+async function readBackend($, model) {
+  try {
+    const env = {}
+    const put = (k, v) => { if (v) env[k] = String(v) }
+    put('ANTHROPIC_BASE_URL', await $.env.get('ANTHROPIC_BASE_URL'))
+    if (!env.ANTHROPIC_BASE_URL) return null
+    if ((await $.env.get('ANTHROPIC_AUTH_TOKEN')) === 'ollama') env.ANTHROPIC_AUTH_TOKEN = 'ollama'
+    put('ANTHROPIC_MODEL', await $.env.get('ANTHROPIC_MODEL'))
+    put('ANTHROPIC_DEFAULT_OPUS_MODEL', await $.env.get('ANTHROPIC_DEFAULT_OPUS_MODEL'))
+    put('ANTHROPIC_DEFAULT_SONNET_MODEL', await $.env.get('ANTHROPIC_DEFAULT_SONNET_MODEL'))
+    put('ANTHROPIC_DEFAULT_HAIKU_MODEL', await $.env.get('ANTHROPIC_DEFAULT_HAIKU_MODEL'))
+    put('CLAUDE_CODE_SUBAGENT_MODEL', await $.env.get('CLAUDE_CODE_SUBAGENT_MODEL'))
+    return detectBackend(env, { model })
+  } catch { return null }
+}
+
 // The tab title: the session's name ("<name> · cp:<id>" only when the daemon
 // says Go needs the marker, v0.5.5). Claude Code draws the terminal title
 // itself (✳ / ◐ + the session's name, repainted about once a second while it
@@ -515,9 +533,12 @@ async function callModel($, ctx) {
     if (!r || r.timedOut) return null
     // The types say complete() resolves to the reply's text; the spec sketch
     // mentions { isAnswered }. Accept both.
-    if (typeof r === 'string') return { text: r, model }
+    // 0.6.8: through Ollama the alias resolves to the Ollama model: name that one.
+    const used = st.backend && st.backend.model ? st.backend.model : model
+    const backend = st.backend ? st.backend.kind : undefined
+    if (typeof r === 'string') return { text: r, model: used, backend }
     if (r.isAnswered === false) return null
-    return { text: r.text || '', model }
+    return { text: r.text || '', model: used, backend }
   } catch {
     return null
   }
@@ -539,7 +560,7 @@ async function writeCheckpointDirect($, cp) {
     try { taken = await $.fs.exists(file) } catch {}
     if (taken) continue
     const rec = { ...cp, id: checkpointId(st.sessionId, cp.createdAt, n) }
-    await $.fs.write(file, renderCheckpointMd(rec))
+    await $.fs.write(file, renderCheckpointMd({ ...rec, backend: st.backend || undefined }))
     return rec
   }
   return null
@@ -557,7 +578,7 @@ async function makeCheckpoint($, trigger, userNote, length) {
     const ctx = buildCheckpointPrompt({ session: record, previous: st.lastCheckpoint, messages, cfg: st.cfg, userNote, length })
     const reply = await callModel($, ctx)
     let parsed = reply ? parseCheckpointReply(reply.text) : null
-    let generator = reply ? { by: 'mod', model: reply.model } : null
+    let generator = reply ? { by: 'mod', model: reply.model, ...(reply.backend ? { backend: reply.backend } : {}) } : null
     if (!parsed) {
       // No model answer: let the daemon try its own summarizer, if it's there.
       const r = await api($, 'POST', '/v1/sessions/' + encodeURIComponent(st.sessionId) + '/checkpoints', { trigger, generate: true, userNote: userNote || undefined, length: ctx.length }, MODEL_TIMEOUT_MS * 3)
@@ -826,7 +847,8 @@ export function register(on, options) {
       const termEnv = await readTermEnv($)
       st.term = detectTerminal(termEnv)
       st.surface = surface
-      st.hello = { cwd, repo, model, surface, proc: st.proc ? { ...st.proc, source: 'mod' } : null, term: st.term }
+      st.backend = await readBackend($, model)
+      st.hello = { cwd, repo, model, backend: st.backend, surface, proc: st.proc ? { ...st.proc, source: 'mod' } : null, term: st.term }
       await sendOrSpool($, 'session.opened', st.hello)
       if (st.heartbeat) st.heartbeat.cancel()
       st.heartbeat = $.clock.every(60000, () => { heartbeat($).catch(() => {}); startReplyLoop($) })
@@ -854,6 +876,7 @@ export function register(on, options) {
       if (!st.sessionId) st.sessionId = e.session_id
       await sendOrSpool($, 'session.started', {
         source: e.source, transcriptPath: e.transcript_path, cwd: e.cwd, sessionTitle: e.session_title, model: e.model, parentSessionId,
+        backend: e.model ? await readBackend($, e.model) : (st.backend || null),
         // a new id in the same process (/clear, /resume) runs in the same tab
         ...(parentSessionId ? { proc: st.proc ? { ...st.proc, source: 'mod' } : null, term: st.term } : {}),
       })
@@ -984,7 +1007,7 @@ export function register(on, options) {
           Button({ key: 'cp', label: 'Checkpoint', hotkey: 'c', onPress: async () => { await makeCheckpoint($, 'manual', null) } }),
           Button({ key: 'copy', label: 'Copy resume', hotkey: 'r', onPress: async () => {
             const me = st.paneRows.find((r) => r.id === st.sessionId)
-            const cmd = me ? me.resume : resumeCommand({ id: st.sessionId, cwd: st.record && st.record.cwd })
+            const cmd = me ? me.resume : resumeCommand({ id: st.sessionId, cwd: st.record && st.record.cwd, backend: st.backend || undefined })
             try { await $.ui.copy(cmd); $.ui.toast('Copied: ' + cmd) } catch { $.ui.toast(cmd, { timeoutMs: 10000 }) }
           } }),
           Button({ key: 'ui', label: 'Open board', hotkey: 'b', onPress: async () => { await openBoard($) } }),

package/package.json

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

@@ -95,7 +95,7 @@ h2 .count { color: var(--faint); font-weight: 500; }
 .pagehead .actions { margin-left: auto; display: flex; gap: 8px; }
 
 /* summary strip */
-.stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin: 18px 0 4px; }
+.stats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin: 18px 0 4px; }
 .stat { background: var(--card); box-shadow: var(--card-shadow); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; text-align: left; cursor: pointer; font: inherit; color: inherit; transition: border-color .15s, background .15s; }
 .stat:hover { border-color: var(--line-strong); }
 .stat.on { border-color: var(--accent); background: var(--card2); }
@@ -126,7 +126,7 @@ h2 .count { color: var(--faint); font-weight: 500; }
 .s-background { color: var(--cyan); background: var(--tint-cyan); }
 .s-needs_input { color: var(--red); background: var(--tint-red); }
 .s-dormant { color: var(--accent); background: var(--tint-accent); }
-.s-stale, .s-ended { color: var(--gray); background: var(--tint-gray); }
+.s-stale, .s-ended, .s-closed { color: var(--gray); background: var(--tint-gray); }
 .s-active::before { animation: pulse 1.6s ease-in-out infinite; }
 @keyframes pulse { 50% { opacity: .35; } }
 
@@ -212,7 +212,7 @@ h2 .count { color: var(--faint); font-weight: 500; }
 
 @media (max-width: 900px) {
   main { padding: 18px 16px 60px; }
-  .stats { grid-template-columns: repeat(2, 1fr); }
+  .stats { grid-template-columns: repeat(3, 1fr); }
   .pagehead { flex-wrap: wrap; }
   .pagehead .actions { margin-left: 0; }
   .facts { grid-template-columns: repeat(2, 1fr); }
@@ -221,6 +221,10 @@ h2 .count { color: var(--faint); font-weight: 500; }
 }
 
 .chip.machine { color: var(--machine); border-color: color-mix(in srgb, var(--accent) 35%, transparent); background: var(--tint-accent); }
+.chip.model { max-width: 100%; white-space: nowrap; color: var(--text2); gap: 4px; }
+.chip.model .m { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
+.chip.model .via { flex: none; color: var(--muted); }
+.fact.wrap .v { white-space: normal; overflow-wrap: anywhere; }
 .chip.machine.remote { color: var(--machine-remote); border-color: color-mix(in srgb, var(--yellow) 35%, transparent); background: var(--tint-yellow); }
 .ro { color: var(--faint); font-size: 12px; align-self: center; margin-left: 4px; }
 .dates a .m { color: var(--faint); font-size: 11px; margin-left: 6px; }
@@ -510,6 +514,23 @@ h2 .count { color: var(--faint); font-weight: 500; }
 }
 .tabs a { white-space: nowrap; }
 .recent .hint { color: var(--muted); font-size: 12px; margin-top: 4px; }
+/* Dismiss a need (0.6.5): a 44px target in the card's top-right corner. */
+.need { position: relative; }
+.need:has(.need-dismiss) > .need-head { padding-right: 34px; }
+.need-dismiss { position: absolute; top: 2px; right: 2px; width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: transparent; color: var(--muted); font-size: 15px; line-height: 1; border-radius: 10px; cursor: pointer; padding: 0; }
+.need-dismiss:hover { color: var(--text); background: var(--subtle); }
+.need-dismiss:focus-visible { outline: 2px solid var(--accent); outline-offset: -4px; }
+.toast.has-action { pointer-events: auto; display: flex; align-items: center; gap: 14px; }
+.toast-undo { border: 0; background: transparent; color: var(--accent); font: inherit; font-weight: 700; padding: 10px 6px; margin: -10px -6px; min-height: 44px; cursor: pointer; }
+.dismissed { margin-top: 14px; }
+.dismissed summary { cursor: pointer; font-size: 13px; color: var(--muted); padding: 10px 0; }
+.dismissed ul { list-style: none; padding: 0; margin: 4px 0 8px; display: grid; gap: 6px; }
+.dismissed li { display: flex; gap: 10px; align-items: center; font-size: 13px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--card); }
+.dismissed .dl-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
+.dismissed .dl-title { font-weight: 600; }
+.dismissed .dl-line { color: var(--text2); overflow-wrap: anywhere; }
+.dismissed .dl-at { color: var(--muted); font-size: 12px; }
+.dismissed li .btn { min-height: 44px; }
 
 /* ---------------------------------------------------------------- v0.4.6 */
 /* Safe areas (viewport-fit=cover): notches and the home indicator, in the
@@ -598,6 +619,7 @@ html { background: var(--bg); }
 .banner.restore .rs-main { display: flex; flex-direction: column; min-width: 0; }
 .banner.restore .rs-t { color: var(--text); font-weight: 600; overflow-wrap: anywhere; }
 .banner.restore .rs-m { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
+.banner.restore .rs-m.err { color: var(--red); }
 .banner.restore .rs-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
 .banner.restore .rs-note { color: var(--muted); font-size: 12px; }
 .banner .rs-cmds { margin: 8px 0 0; padding: 8px 10px; background: var(--bg2); border: 1px solid var(--line); border-radius: 8px; font: 12px/1.5 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text2); }
@@ -750,6 +772,10 @@ html { background: var(--bg); }
 .chip.warn { color: var(--yellow); border-color: color-mix(in srgb, var(--yellow) 45%, transparent); background: var(--tint-yellow); }
 .chip .ico, .okbox .ico { width: 13px; height: 13px; }
 .joinline code.cmd { font-family: var(--mono); font-size: 12px; background: var(--bg2); border: 1px solid var(--line); border-radius: 6px; padding: 3px 8px; overflow-wrap: anywhere; min-width: 0; }
+.ghbox { display: contents; }
+.ghcell { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
+.ghrow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; }
+.ghrow .ghwhat { color: var(--text2); min-width: 0; flex: 1 1 200px; }
 .btn.danger { color: var(--red); border-color: color-mix(in srgb, var(--red) 50%, transparent); }
 .wizard { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; background: var(--subtle); display: flex; flex-direction: column; gap: 12px; min-width: 0; width: 100%; }
 .form .full .wizard { justify-content: flex-start; }
@@ -1027,6 +1053,13 @@ lo-combo .lo-combo-input:focus { outline: none; border-color: var(--accent); box
 .settings { display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: 28px; align-items: start; }
 .set-nav { position: sticky; top: 74px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
 .set-navhead h1 { margin: 0 0 2px 4px; }
+/* Board → Closed (0.6.7) */
+.closed-head { margin: 14px 0 0; max-width: 420px; }
+.closed-card .row1 .title a { color: var(--text); }
+.closed-card .meta .chip.machine { display: inline-flex; }
+.closed-more { display: flex; justify-content: center; margin: 16px 0 0; }
+.closed-end { text-align: center; font-size: 12.5px; margin: 14px 0 0; }
+@media (max-width: 640px) { .closed-head { max-width: none; } }
 .set-search { position: relative; }
 .set-search .ic { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; color: var(--faint); pointer-events: none; }
 .set-search input { width: 100%; height: 34px; padding: 0 10px 0 32px; background: var(--field); color: var(--text); border: 1px solid var(--line); border-radius: 9px; font: inherit; font-size: 13.5px; }
@@ -1280,3 +1313,69 @@ body.pairpage { background: var(--bg); color: var(--text); margin: 0; }
   .card .title input { padding: 2px 6px; }
   .standup-out textarea { line-height: 1.4; }
 }
+
+/* Needs you: context (0.6.4). What Claude said just before it asked, the
+   branch and how long ago, "Show more" with the last turns, the branch's open
+   PR and tap-to-send quick replies. Long code scrolls sideways, never the page. */
+.need-ctx { display: grid; gap: 6px; min-width: 0; }
+.ctx-lines { display: grid; gap: 3px; color: var(--text2); font-size: 13.5px; line-height: 1.45; border-left: 3px solid var(--line-strong); padding: 1px 0 1px 10px; min-width: 0; }
+.ctx-lines p { margin: 0; overflow-wrap: anywhere; }
+.ctx-lines code, .turn-text code { font-size: 12px; background: var(--field); border: 1px solid var(--line); border-radius: 5px; padding: 0 4px; }
+.ctx-lines a, .turn-text a { color: var(--accent); }
+.ctx-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 4px; color: var(--muted); font-size: 12px; min-width: 0; }
+.ctx-meta .mono { font-size: 12px; overflow-wrap: anywhere; }
+.linkbtn { background: none; border: 0; padding: 6px 2px; margin-left: auto; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--accent); cursor: pointer; min-height: 32px; }
+.linkbtn:hover { text-decoration: underline; }
+.linkbtn:focus-visible { outline: 2px solid var(--focus); border-radius: 4px; }
+.need-turns { border-top: 1px solid var(--line); padding-top: 8px; min-width: 0; max-height: 70vh; overflow-y: auto; overscroll-behavior: contain; }
+.turns { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; min-width: 0; }
+.turn { display: grid; gap: 4px; min-width: 0; }
+.turn-who { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
+.turn.you .turn-who { color: var(--accent); }
+.turn.you .turn-text { background: var(--subtle); border-radius: 8px; padding: 6px 9px; }
+.turn-text { font-size: 13.5px; line-height: 1.45; color: var(--text); min-width: 0; overflow-wrap: anywhere; }
+.turn-text p { margin: 0 0 6px; }
+.turn-text p:last-child { margin-bottom: 0; }
+.turn-asked { font-size: 12px; color: var(--muted); font-style: italic; }
+.turn.asked-only { gap: 0; }
+.turn-text .th { font-weight: 700; }
+.turn-text ul, .turn-text ol { margin: 0 0 6px; padding-left: 20px; }
+.turn-text pre.tcode { margin: 0 0 6px; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; background: var(--field); border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; font-family: var(--mono); font-size: 12px; line-height: 1.45; white-space: pre; overflow-wrap: normal; }
+.turn-text pre.tcode code { background: none; border: 0; padding: 0; font-size: inherit; }
+.tchips { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
+.tchip { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; color: var(--text2); background: var(--card2); border: 1px solid var(--line); border-radius: 999px; padding: 2px 8px; }
+.tchip.err { color: var(--red); border-color: color-mix(in srgb, var(--red) 40%, var(--line)); }
+.need-pr { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; align-items: center; text-decoration: none; color: var(--text); background: var(--card2); border: 1px solid var(--line); border-radius: 10px; padding: 7px 10px; min-width: 0; }
+a.need-pr:hover { border-color: var(--line-strong); }
+.need-pr .pr-top { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 12px; min-width: 0; }
+.need-pr .pr-num { font-weight: 700; font-family: var(--mono); }
+.need-pr .pr-state { font-weight: 600; color: var(--green); }
+.need-pr .pr-state.draft { color: var(--muted); }
+.need-pr .pr-checks { color: var(--muted); }
+.need-pr .pr-checks.pass { color: var(--green); }
+.need-pr .pr-checks.fail { color: var(--red); }
+.need-pr .pr-checks.pending { color: var(--yellow); }
+.need-pr .pr-title { grid-column: 1; font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
+.need-pr .pr-go { grid-column: 2; grid-row: 1 / span 2; color: var(--muted); }
+.quick-replies { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
+.quick-replies .qr { font: inherit; font-size: 13px; color: var(--text); background: var(--card2); border: 1px solid var(--line-strong); border-radius: 999px; padding: 6px 12px; min-height: 34px; cursor: pointer; max-width: 100%; text-align: left; }
+.quick-replies .qr:hover:not(:disabled) { border-color: var(--accent); }
+.quick-replies .qr:focus-visible { outline: 2px solid var(--focus); }
+.quick-replies .qr.on { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, var(--card2)); }
+.quick-replies .qr:disabled { opacity: .55; cursor: default; }
+@media (hover: none), (max-width: 700px) { .quick-replies .qr { min-height: 40px; font-size: 14px; } .linkbtn { min-height: 40px; } }
+.need-ctx.open .ctx-lines { display: none; }
+
+/* Settings → Advanced (0.6.6): one closed fold per section, laid out on the form's own grid. */
+.form .set-adv { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 10px; margin-top: 4px; grid-template-columns: inherit; gap: inherit; align-items: inherit; }
+.set-pane { grid-template-columns: inherit; gap: inherit; align-items: inherit; }
+.form .set-adv > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 13px; font-weight: 600; padding: 6px 0; min-height: 32px; -webkit-tap-highlight-color: transparent; }
+.form .set-adv > summary::-webkit-details-marker { display: none; }
+.form .set-adv > summary::before { content: ''; width: 7px; height: 7px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(-45deg); transition: transform .15s; margin-right: 2px; }
+.form .set-adv[open] > summary::before { transform: rotate(45deg); }
+.form .set-adv > summary:hover { color: var(--text); }
+.form .set-adv > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
+.form .set-advbody { display: grid; grid-template-columns: inherit; gap: 14px 18px; align-items: center; margin-top: 10px; }
+@media (max-width: 640px) { .form .set-advbody { gap: 12px 18px; } }
+.form .set-advbody > .section:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
+.form .hint.nomt { margin-top: 0; }