gearbox-code 0.1.36 → 0.1.38

package/dist/cli.mjs

@@ -142793,6 +142793,206 @@ class RoutingSelector {
 init_reasoning();
 init_providers();
 
+// src/ui/panel.ts
+var clamp2 = (n, lo, hi) => Math.max(lo, Math.min(n, hi));
+var clampIndex = (i2, count) => count <= 0 ? 0 : clamp2(i2, 0, count - 1);
+var clampScroll = (s2, max2) => clamp2(s2, 0, Math.max(0, max2));
+var panelBodyHeight = (height) => Math.max(1, height - 2);
+function windowStart(index, count, viewH) {
+  if (count <= viewH)
+    return 0;
+  const half = Math.floor(viewH / 2);
+  return clamp2(index - half, 0, count - viewH);
+}
+function filterModelRows(rows, filter7) {
+  const q = filter7.trim().toLowerCase();
+  if (!q)
+    return rows;
+  return rows.filter((r2) => r2.label.toLowerCase().includes(q) || r2.id.toLowerCase().includes(q) || r2.provider.toLowerCase().includes(q));
+}
+function appendFilter(panel, ch) {
+  return { ...panel, filter: panel.filter + ch, index: 0 };
+}
+function backspaceFilter(panel) {
+  return { ...panel, filter: panel.filter.slice(0, -1), index: 0 };
+}
+
+// src/ui/components/Panel.tsx
+var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
+function accountStateColor3(status) {
+  if (status === "active")
+    return color.ok;
+  if (/not signed in/i.test(status))
+    return color.err;
+  return color.faint;
+}
+function Panel({
+  panel,
+  width,
+  height,
+  accounts,
+  models,
+  currentModelId,
+  staticLines
+}) {
+  const bodyH = panelBodyHeight(height);
+  const innerW = Math.max(4, width - 2);
+  let body = null;
+  let hint = "esc close";
+  if (panel.kind === "static") {
+    const lines = staticLines ?? itemsToLines(panel.items, innerW);
+    const maxScroll = Math.max(0, lines.length - bodyH);
+    const scroll = Math.min(panel.scroll, maxScroll);
+    body = /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      paddingX: 1,
+      children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Viewport, {
+        lines,
+        scrollTop: scroll,
+        height: bodyH,
+        width: innerW
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+    hint = lines.length > bodyH ? "↑↓ / PgUp PgDn scroll · esc close" : "esc close";
+  } else if (panel.kind === "accounts") {
+    const rows = accounts?.rows ?? [];
+    const idx = clampIndex(panel.index, rows.length);
+    const start = windowStart(idx, rows.length, bodyH);
+    const slice2 = rows.slice(start, start + bodyH);
+    const labelPad = accounts?.labelPad ?? 0;
+    body = /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      flexDirection: "column",
+      paddingX: 1,
+      children: rows.length === 0 ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+        color: color.faint,
+        children: "no accounts yet — /account add to add one"
+      }, undefined, false, undefined, this) : slice2.map((r2, i2) => {
+        const sel = start + i2 === idx;
+        return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          backgroundColor: sel ? color.accentBg : undefined,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              color: sel ? color.accent : color.faint,
+              children: sel ? "▶ " : "  "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              color: color.text,
+              bold: r2.active,
+              children: r2.name.padEnd(labelPad)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              color: color.faint,
+              children: [
+                "  ",
+                r2.type
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              color: accountStateColor3(r2.status),
+              children: [
+                "  ",
+                r2.status
+              ]
+            }, undefined, true, undefined, this),
+            r2.active ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              color: color.ok,
+              children: [
+                "  ",
+                glyph.on,
+                " current"
+              ]
+            }, undefined, true, undefined, this) : null
+          ]
+        }, r2.alias, true, undefined, this);
+      })
+    }, undefined, false, undefined, this);
+    hint = "↑↓ move · ⏎ switch · 1–9 jump · esc close";
+  } else {
+    const rows = filterModelRows(models ?? [], panel.filter);
+    const idx = clampIndex(panel.index, rows.length);
+    const start = windowStart(idx, rows.length, bodyH);
+    const slice2 = rows.slice(start, start + bodyH);
+    body = /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      flexDirection: "column",
+      paddingX: 1,
+      children: rows.length === 0 ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+        color: color.faint,
+        children: [
+          "no models match “",
+          panel.filter,
+          "”"
+        ]
+      }, undefined, true, undefined, this) : slice2.map((r2, i2) => {
+        const sel = start + i2 === idx;
+        const pinned = r2.id === currentModelId;
+        return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          backgroundColor: sel ? color.accentBg : undefined,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              color: sel ? color.accent : color.faint,
+              children: sel ? "▶ " : "  "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              color: pinned ? color.ok : color.text,
+              bold: pinned,
+              children: r2.label.padEnd(22)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              color: color.faint,
+              children: r2.provider
+            }, undefined, false, undefined, this),
+            pinned ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              color: color.ok,
+              children: [
+                "  ",
+                glyph.on,
+                " pinned"
+              ]
+            }, undefined, true, undefined, this) : null
+          ]
+        }, r2.id, true, undefined, this);
+      })
+    }, undefined, false, undefined, this);
+    hint = `filter: ${panel.filter || "(type to filter)"}  ·  ↑↓ · ⏎ pin · esc close`;
+  }
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+    flexDirection: "column",
+    width,
+    height,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+        width,
+        paddingX: 1,
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            color: color.accent,
+            bold: true,
+            children: panel.title
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            color: color.faint,
+            children: "esc to close"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+        flexDirection: "column",
+        width,
+        height: bodyH,
+        children: body
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+        width,
+        paddingX: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          color: color.faint,
+          children: hint
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
 // src/agent/run.ts
 init_dist26();
 init_providers();
@@ -144700,7 +144900,7 @@ bun run typecheck
   },
   {
     file: "CLAUDE.md",
-    text: "# Gearbox — project guide\n\nGearbox is a multi-provider coding harness for the terminal: a beautiful, simple terminal agent that reads/writes code and runs commands, talking to any provider (Anthropic, OpenAI, Google, DeepSeek) through one clean loop.\n\n**The point of the project:** intelligent per-task *model routing* — automatically picking the right model for each task across every provider and account you pay for. Basic routing is live (`RoutingSelector` — classify → quality bar → cheapest winner); the richer engine (shadow-eval, credit/limit penalties, confidence display) layers on top of the same seam. See `DESIGN.md` for the full vision and `experiments/FINDINGS.md` for the validation behind it.\n\n## The one rule that matters\n\n**Keep the routing seam clean.** The agent must never hardcode a model. It asks a `ModelSelector` for the model to use. `RoutingSelector` is the live default (classify task → filter by quality bar → cheapest winner); `FixedSelector` is used only when a model is explicitly pinned (`--model` flag or `/model <name>`). Concretely:\n\n- `src/model/selector.ts` — the seam. `select(task) => ModelChoice`. Do not bypass it.\n- `src/model/router.ts` — `RoutingSelector`: classify prompt → quality bar → cost-sort candidates → respect `/prefer` preferences.\n- `src/model/profiles.ts` — the data corpus: quality, cost, latency, tokenizer calibration per model. Routing reads this.\n- `src/providers.ts` — maps a provider+model id to an AI SDK model instance. Already multi-provider. Adding a model is data, not code.\n- Every model call captures token usage (`src/agent/run.ts`) so the cost engine has data. Do not drop usage.\n- The UI consumes a normalized `AgentEvent` stream (`src/agent/events.ts`), never the AI SDK's raw types. This decouples the UI from the provider layer and from routing.\n\nIf you find yourself writing `anthropic('claude-...')` anywhere outside `providers.ts`, stop — route it through the selector.\n\n## Layout\n\n```\nsrc/\n  cli.tsx            entry point; renders the Ink app; picks RoutingSelector by default\n  config.ts          minimal config (default model, provider from env)\n  providers.ts       provider+model id -> AI SDK model  (multi-provider; contextWindow per model)\n  commands.ts        slash-command metadata + pure helpers (fuzzy model match, /help, model list)\n  tools.ts           read / write / edit / list / search / glob / run_shell  (AI SDK tools)\n  model/\n    selector.ts      THE ROUTING SEAM — ModelSelector interface + FixedSelector (pinned model)\n    router.ts        RoutingSelector: classify → quality bar → cost-sort → preferences (the live default)\n    profiles.ts      model corpus: quality (SWE-bench), cost ($/Mtok), latency, tokenizer calibration\n    tokens.ts        calibrated token counting (js-tiktoken × per-model calibration factor)\n    preferences.ts   persist /prefer kind model choices to ~/.gearbox/routing-preferences.json\n    reasoning.ts     reasoning/thinking config helpers\n  context/\n    builder.ts       context engine: system + memory + repo map + retrieved files + curated history\n    retrieve.ts      BM25 lexical retrieval — top-K relevant files for a prompt (no model call)\n    repomap.ts       repo structure summary for the system prompt\n    memory.ts        project memory (GEARBOX.md / CLAUDE.md loaded into context)\n    compact.ts       context compaction (/compact)\n  accounts/\n    types.ts         Account + AuthMethod types (API key, AWS, Azure, Vertex, CLI, OpenAI-compat)\n    store.ts         accounts.json persistence (~/.gearbox/accounts.json)\n    catalog.ts       provider catalog (known providers, env vars, labels)\n    detect.ts        auto-detect env creds + cloud credentials\n    onboard.ts       interactive add/test account flows\n    resolve.ts       credential resolution (Account → ResolvedCreds, fetching secrets on demand)\n    discover.ts      per-account model discovery (Azure deployments / Foundry / gateway /models) → account.models; catalog defaultModels are seeds, not callable ids\n    usage.ts         per-account spend ledger + rate-limit snapshots + balance tracking\n    balance.ts       provider balance fetch helpers\n  help/\n    ask.ts           /ask corpus: bundled docs + generated command reference, system prompt, meta-question auto-detect\n  agent/\n    events.ts        AgentEvent — normalized stream the UI consumes\n    run.ts           real agent loop (AI SDK streamText -> AgentEvent), abort-aware; runCompletion = tool-less grounded answer (used by /ask)\n    cli-backend.ts   claude/codex CLI subprocess backend (for Pro/Max subscriptions)\n    mock.ts          scripted demo stream (runs with no API key; used by tests)\n  ui/\n    theme.ts         colors + glyphs (the look)\n    input.ts         pure key→action reducer for the composer (tested)\n    history.ts       pure ↑/↓ prompt-history nav (tested)\n    net.ts           background online probe; status bar shows ⚠ offline when down\n    useTerminalSize.ts  reactive width on resize (everything reflows)\n    git.ts           current branch for the status line\n    App.tsx          the Ink app: state, useInput dispatch, commands, turns\n    components/      Banner, Transcript, Composer, CommandPalette, StatusBar, PermissionPrompt\ntest/                pure-logic + render tests (ink-testing-library); no keys\nDESIGN.md            full product vision (routing, requirements, UX)\nexperiments/         prototypes that validated the architecture\n```\n\nThe composer is custom (Ink `useInput` + `src/ui/input.ts`), not a third-party widget — full control over the cursor, ↑/↓ history, and esc-to-interrupt, with no focus/remount fragility. **Multi-line**: ⌃J (or shift/alt+⏎) inserts a newline, ⏎ submits; ↑/↓ move between lines and fall through to history at the top/bottom line; bracketed paste (enabled in `cli.tsx`) inserts multi-line text literally (CR normalized, paste markers stripped) instead of submitting per line. `caretPos()` is the shared line/col helper. **Readline editing** (all pure in `input.ts`, tested): ⌃U/⌃K kill to line start/end, ⌃W / ⌥⌫ kill word, ⌃D forward-delete, ⌥/⌃ + ←→ word-jump, ⌃A/⌃E line home/end. Keys: ⏎ send · ⌃J newline · ↑↓ line/history · ← → cursor · ⌥←→ word · tab complete @file · **shift+tab cycles mode (normal · auto-accept · plan)** · ⌃Y copy last reply · esc interrupt · ⌃c quit. `/keys` shows the cheatsheet.\n\n**Modes & effort.** Three input modes cycled by shift+tab (`App.tsx` `cycleMode`): **normal** (asks before writes/edits/shell), **auto-accept** (file writes/edits apply without asking — the permission broker auto-resolves `write`/`edit`; shell still gated; diffs still render), **plan** (read-only). Plus **yolo** (auto-approve everything) via `/yolo`. **Effort tiers** (`/effort fast|balanced|max`, or `setEffort`) pin the model through the routing seam (fast→haiku, balanced/max→sonnet) — the active mode + `⚡effort` show as badges in the `StatusBar`. **Click pickers** (fullscreen only): clicking the **model** or **effort** label in the status bar opens a floating picker above it (↑↓ select · ⏎ apply · esc close), reusing the same `/model`/`/effort` command path. The slash commands remain the keyboard path. The fragile row+column hit-test lives in pure, tested `statusBarHit`/`statusBarLayout` (`StatusBar.tsx`); `App.tsx` only supplies live layout (composer line count, `PALETTE_ROWS`, the rendered model/effort/mode) and toggles `quickPicker` state. Inline mode has no mouse grab, so the labels stay informational there. **Copy**: ⌃Y / `/copy` copies the last reply via OSC 52 (`src/ui/clipboard.ts`, works over SSH); `/export [file]` writes the transcript to Markdown. **Terminal integration** (`src/ui/terminal.ts`): the tab title (OSC 2) reflects working/idle, and a long turn (>8s) rings the bell + fires a desktop notification (macOS) so you can step away.\n\n**More UX affordances.** **Type-ahead**: prompts submitted while busy are queued (`queueRef`, shown as chips) and sent when the turn ends. **⌃C** interrupts a turn → clears the composer → \"press again to quit\" (`cli.tsx` renders with `exitOnCtrlC:false`). **Large pastes** collapse to a `[Pasted N lines]` chip (`pasteStoreRef`), expanded back on submit. **Fuzzy** `@file`/`/command` pickers (`src/ui/fuzzy.ts` — substring-first, then subsequence scored by boundary+contiguity; tested). **Cost**: live `$` estimate in the status bar from per-turn model+tokens (`estimateCost` + per-model pricing in `providers.ts`). **Syntax highlighting** for code blocks (`src/ui/highlight.ts` — lightweight per-line tokenizer → Ink spans, NEVER raw ANSI; used by both `lines.ts` `clipSpans` and `Markdown.tsx`). `?` on an empty composer shows the cheatsheet (`KEYS_HELP`).\n\n**Sessions** (`src/session.ts`): conversations persist per-project under `~/.gearbox/sessions/<slug>/` (`GEARBOX_HOME` overrides). Each record holds provider-neutral `messages` + the UI `items` + **per-turn `{model, usage, at}`** (routing/cost data — the record is deliberately not single-model). `gearbox --continue`/`-c` resumes the latest; `/resume [n]` lists/loads in-app; `/clear` starts a fresh session. Prompt history persists across runs (`history.json`). Saving is best-effort (never crashes the app); skipped in demo mode.\n\nFeatures: full markdown via **marked** (parse, `marked.lexer`) + **Ink** (render) in `Markdown.tsx` — headings, bold/italic/inline-code, tables, ordered+nested lists, blockquotes, code blocks. NO foreign ANSI in Ink (cli-highlight/marked-terminal were tried and removed — they corrupt Ink's width/wrapping; render marked's token tree as Ink elements instead). Markdown gets a `width` prop (threaded App→Transcript→Markdown) for table/rule sizing. Colored diffs under edits (`src/diff.ts`, edit/write tools return `{summary,diff}`), plan mode (read-only tools + plan prompt; `/plan` or shift+tab), `!cmd` runs a shell command directly (`src/shell.ts`), `@file` mentions (fuzzy picker `src/ui/mention.ts`+`files.ts`; expanded into the model message on send), live \"working · Ns\" timer.\n\n**Boo (the mascot).** A pixel ghost, now **parametric** (`src/ui/ghost/engine.ts`, ported from a Claude Design handoff). A 20×20 pixel sprite composited from composable layers — body (palette) + face (eyes/mouth) + accessory + persona + a frame-driven overlay (tears/dots/confetti/Z's/sparkle/hearts) — then FOLDED into half-block cells (`▀`/`▄`, top px → `t`/glyph color, bottom px → `b`/bg). `renderGhost(cfg)` is the source of truth for the **default blocks path**; it's pure + memoized. The data: 13 faces (`FACES`), 9 palettes (`PALETTES`), 6 accessories, 9 personas (personas/accessories ported but not yet surfaced in the live UI). Ink `color`/`backgroundColor` props only, NEVER raw ANSI (corrupts Ink's width math). PNG paths are **opt-in** via `GEARBOX_GHOST`:\n\n- `GEARBOX_GHOST=kitty` — real PNG via kitty graphics Unicode placeholders (`U+10EEEE`, fg encodes image id, diacritics encode row/col; PNGs transmitted once in `cli.tsx`). NOTE: the placeholder protocol is young and mis-rendered (squished) in Ghostty during testing — kept opt-in until that's solved.\n- `GEARBOX_GHOST=iterm` — OSC 1337 splash banner (iTerm2/WezTerm).\n\n`detectImageMode()` returns `blocks` unless `GEARBOX_GHOST` opts in. Baked PNGs live in `src/ui/mascot-png.ts`; `bun run scripts/ghost-preview.ts` previews the parametric engine (splash + all faces + the in-flow state crops). **Boo is animated but deliberately calm** on the blocks path (`AnimatedGhost` in `Mascot.tsx`): one shared, unhurried 240ms tick (leaf-local `useTick`, never lifted to App root); talk + overlays advance at half that (~480ms). There is NO idle bob/float and NO splash sparkle — motion is a quiet sign of life, not fidgeting (the splash just blinks every ~6s; in-flow only the state-meaningful overlay/talk moves). `GEARBOX_NO_MOTION=1` freezes to frame 0. `/ghost [mood]` cycles the skin (`skinToCfg` maps it to a cfg; `shades` is the cool face + shades accessory).\n\n**Layout: fullscreen by default; inline is opt-in.** **Fullscreen is the default** (alt-screen frame + virtualized scroll region + scrollbar + mouse wheel scroll); `--inline`, `GEARBOX_INLINE=1`, or `/config inline on` (pref `fullscreen: false`) opts into inline mode. `GEARBOX_FULLSCREEN=1` or `--fullscreen` forces fullscreen explicitly. The decision lives in `cli.tsx` (`wantsFullscreen`). Grabbing the mouse for wheel-scroll is exactly what disables native terminal selection, so in fullscreen mode text selection requires the terminal's modifier (e.g. Option-drag in Ghostty). **Inline mode** (the plain `Transcript` component): no alt-screen, no mouse grab — native click-drag selection / scrollback / copy all work with no modifier. The transcript is a **virtualized line buffer**: `src/ui/lines.ts` (`itemsToLines`) flattens items into styled `Line`s (markdown→lines, wrapping, diffs) — INVARIANT: every line ≤ width (tested), so nothing overflows. **Streaming perf**: flattening the markdown-heavy `assistant`/`user` items is super-linear with their length, so `staticItemLines` memoizes per item in a `WeakMap` keyed by object reference (unchanged items keep identity across renders, so only the changing tail re-parses — history is free; running tools are not cached since their spinner animates). On the producer side, assistant **text deltas are coalesced** on a ~45ms flush timer in `App.tsx`'s `onEvent` (mirroring the tool-stream coalescer), so streaming re-renders at ~22fps instead of per-token — both together stop the auto-scroll jitter that grew with reply length. `finishAssistant`/the turn `finally` flush any buffered text before marking done or on interrupt. In fullscreen, `App` renders only the visible window via `Viewport` (`src/ui/components/Viewport.tsx`) at a computed `transcriptHeight = rows − header − footer` (footer over-estimated so the frame never exceeds the screen; alt-screen clips, so under-filling is safe). Fullscreen scroll: mouse wheel (SGR mouse reporting enabled in `cli.tsx`; parsed off raw stdin in `App` since Ink doesn't model mouse — buttons 64/65) and PgUp/PgDn; new output re-pins to the bottom (`atBottomRef`); a scrollbar sits on the right. (In fullscreen, mouse reporting means text selection needs the terminal's modifier, e.g. Option-drag in Ghostty — which is why inline is now the default.) The virtualized buffer replaced an earlier flex/overflow fullscreen that corrupted on tall output. Chrome spans full width; prose wraps ≤100 cols. The plain `Transcript` component is the inline-fallback renderer. `scripts/gen-mascot.ts` still bakes the PNGs + baked sprites (`mascot-sprite.ts` `GHOSTS`) — but those now feed **only the opt-in kitty/iTerm image path** (`image.ts`); the default blocks path renders the parametric engine instead. The splash scales to the terminal (big=2×/mini=1×/none by rows×cols, in `App.tsx`). The inline/working presence is the compact **state ghost** (see below) — a native-resolution head crop so Boo never dominates the transcript.\n\nCommands are grouped in `/help` (models · conversation · accounts · save · modes · settings · other) and `src/commands.ts` carries plain-language descriptions: /model [name] (fuzzy — \"haiku\"; `/model auto` routes, `/model all` lists every provider) /effort [fast|balanced|max] /prefer [kind model] (remember a confirmed routing preference for a task type) /clear /resume /retry /compact /context /memory /ask &lt;q&gt; (answer questions about Gearbox itself from its bundled docs via a cheap routed model; plain meta-questions auto-route here with a visible affordance) /account (unified: list/add/login/use/rm/refresh — `/accounts` and `/login` are hidden aliases; `/account refresh` re-discovers each account's real callable models) /cost /copy /export [file] /plan /yolo /theme /config (theme·vim·notify·inline; `/vim` is a hidden alias) /init /keys /help /exit. **Hidden** (work but not listed): /accounts /login /vim /ghost. **Removed:** /cwd (the working dir now shows in `/context`). `formatModelList` shows usable models first and collapses no-key providers to a one-line count.\n\n**Permission gate:** `write_file`/`edit_file`/`run_shell` block on a confirm before mutating. Broker: `src/permission.ts` (`requestPermission` in the tools; `setPermissionHandler` installed by `App`; no handler → allow, so tests/headless are unchanged). Decisions: **once** (1), **always** (2, grants that kind for the session), **all/yolo** (a, auto-approves everything until toggled), **deny** (3/esc). YOLO is also toggled by `/yolo` or started with `--yolo`; a `⚡ yolo` badge shows in the status. The `!` prefix is user-initiated so it is NOT gated. Search/nav tools: `search` (ripgrep, Bun-walk fallback) and `glob` (`Bun.Glob`), both read-only (also in plan mode). The working indicator IS Boo now (`components/Working.tsx`): a compact head-crop ghost whose face follows the agent state — thinking (dots) → streaming (talk) → tool (loading dots) → a clean-finish celebrate (party hat + confetti) → error (crying with falling tears). `App.tsx` derives `mascotState` from the `onEvent` stream; the success/error beat **lingers ~1.5s** after the turn (`linger` state — the working line gates on `busy || linger`, since it would otherwise unmount the instant `busy` goes false). Crops are per-state (`stateView`): head (rows 4–14), head+dots (2–14), head+hat (0–14) so overlays outside the head still read. This deliberately supersedes the earlier \"Boo stays on the welcome splash only / in-flow movement reads as noise\" decision — the compact, state-bearing ghost is the point of the design port.\n\n## Conventions\n\n- Runtime: **Bun**. TypeScript + TSX. Run with `bun run src/cli.tsx`.\n- UI: **Ink** (React for terminals) + **@inkjs/ui**. Keep it calm and beautiful: restrained palette (one accent), generous spacing, consistent glyphs. The look lives in `src/ui/theme.ts` — change colors/glyphs there, not inline.\n- Open + free: MIT, no paid dependencies, no hosted backend, no telemetry. The only cost is the user's own model calls on their own keys.\n- Tools must be safe by default: confirm or sandbox anything destructive; never `rm -rf` or write outside the workspace without intent.\n\n## Run it\n\n```bash\nbun install\n# set at least one key:\nexport ANTHROPIC_API_KEY=...    # or OPENAI_API_KEY / GOOGLE_GENERATIVE_AI_API_KEY / DEEPSEEK_API_KEY\nbun run src/cli.tsx             # or: bun start\n```\n\nWith no key it launches in demo mode (a scripted transcript) so the UI still runs.\n\n## Test\n\n```bash\nbun test            # render tests + agent-loop tests; no API key needed\nbun run typecheck   # tsc --noEmit\n```"
+    text: "# Gearbox — project guide\n\nGearbox is a multi-provider coding harness for the terminal: a beautiful, simple terminal agent that reads/writes code and runs commands, talking to any provider (Anthropic, OpenAI, Google, DeepSeek) through one clean loop.\n\n**The point of the project:** intelligent per-task *model routing* — automatically picking the right model for each task across every provider and account you pay for. Basic routing is live (`RoutingSelector` — classify → quality bar → cheapest winner); the richer engine (shadow-eval, credit/limit penalties, confidence display) layers on top of the same seam. See `DESIGN.md` for the full vision and `experiments/FINDINGS.md` for the validation behind it.\n\n## The one rule that matters\n\n**Keep the routing seam clean.** The agent must never hardcode a model. It asks a `ModelSelector` for the model to use. `RoutingSelector` is the live default (classify task → filter by quality bar → cheapest winner); `FixedSelector` is used only when a model is explicitly pinned (`--model` flag or `/model <name>`). Concretely:\n\n- `src/model/selector.ts` — the seam. `select(task) => ModelChoice`. Do not bypass it.\n- `src/model/router.ts` — `RoutingSelector`: classify prompt → quality bar → cost-sort candidates → respect `/prefer` preferences.\n- `src/model/profiles.ts` — the data corpus: quality, cost, latency, tokenizer calibration per model. Routing reads this.\n- `src/providers.ts` — maps a provider+model id to an AI SDK model instance. Already multi-provider. Adding a model is data, not code.\n- Every model call captures token usage (`src/agent/run.ts`) so the cost engine has data. Do not drop usage.\n- The UI consumes a normalized `AgentEvent` stream (`src/agent/events.ts`), never the AI SDK's raw types. This decouples the UI from the provider layer and from routing.\n\nIf you find yourself writing `anthropic('claude-...')` anywhere outside `providers.ts`, stop — route it through the selector.\n\n## Layout\n\n```\nsrc/\n  cli.tsx            entry point; renders the Ink app; picks RoutingSelector by default\n  config.ts          minimal config (default model, provider from env)\n  providers.ts       provider+model id -> AI SDK model  (multi-provider; contextWindow per model)\n  commands.ts        slash-command metadata + pure helpers (fuzzy model match, /help, model list)\n  tools.ts           read / write / edit / list / search / glob / run_shell  (AI SDK tools)\n  model/\n    selector.ts      THE ROUTING SEAM — ModelSelector interface + FixedSelector (pinned model)\n    router.ts        RoutingSelector: classify → quality bar → cost-sort → preferences (the live default)\n    profiles.ts      model corpus: quality (SWE-bench), cost ($/Mtok), latency, tokenizer calibration\n    tokens.ts        calibrated token counting (js-tiktoken × per-model calibration factor)\n    preferences.ts   persist /prefer kind model choices to ~/.gearbox/routing-preferences.json\n    reasoning.ts     reasoning/thinking config helpers\n  context/\n    builder.ts       context engine: system + memory + repo map + retrieved files + curated history\n    retrieve.ts      BM25 lexical retrieval — top-K relevant files for a prompt (no model call)\n    repomap.ts       repo structure summary for the system prompt\n    memory.ts        project memory (GEARBOX.md / CLAUDE.md loaded into context)\n    compact.ts       context compaction (/compact)\n  accounts/\n    types.ts         Account + AuthMethod types (API key, AWS, Azure, Vertex, CLI, OpenAI-compat)\n    store.ts         accounts.json persistence (~/.gearbox/accounts.json)\n    catalog.ts       provider catalog (known providers, env vars, labels)\n    detect.ts        auto-detect env creds + cloud credentials\n    onboard.ts       interactive add/test account flows\n    resolve.ts       credential resolution (Account → ResolvedCreds, fetching secrets on demand)\n    discover.ts      per-account model discovery (Azure deployments / Foundry / gateway /models) → account.models; catalog defaultModels are seeds, not callable ids\n    usage.ts         per-account spend ledger + rate-limit snapshots + balance tracking\n    balance.ts       provider balance fetch helpers\n  help/\n    ask.ts           /ask corpus: bundled docs + generated command reference, system prompt, meta-question auto-detect\n  agent/\n    events.ts        AgentEvent — normalized stream the UI consumes\n    run.ts           real agent loop (AI SDK streamText -> AgentEvent), abort-aware; runCompletion = tool-less grounded answer (used by /ask)\n    cli-backend.ts   claude/codex CLI subprocess backend (for Pro/Max subscriptions)\n    mock.ts          scripted demo stream (runs with no API key; used by tests)\n  ui/\n    theme.ts         colors + glyphs (the look)\n    input.ts         pure key→action reducer for the composer (tested)\n    history.ts       pure ↑/↓ prompt-history nav (tested)\n    net.ts           background online probe; status bar shows ⚠ offline when down\n    useTerminalSize.ts  reactive width on resize (everything reflows)\n    git.ts           current branch for the status line\n    App.tsx          the Ink app: state, useInput dispatch, commands, turns\n    components/      Banner, Transcript, Composer, CommandPalette, StatusBar, PermissionPrompt, Panel\n    panel.ts         dismissable command-panel model + pure helpers (clamp/window/filter); tested\ntest/                pure-logic + render tests (ink-testing-library); no keys\nDESIGN.md            full product vision (routing, requirements, UX)\nexperiments/         prototypes that validated the architecture\n```\n\nThe composer is custom (Ink `useInput` + `src/ui/input.ts`), not a third-party widget — full control over the cursor, ↑/↓ history, and esc-to-interrupt, with no focus/remount fragility. **Multi-line**: ⌃J (or shift/alt+⏎) inserts a newline, ⏎ submits; ↑/↓ move between lines and fall through to history at the top/bottom line; bracketed paste (enabled in `cli.tsx`) inserts multi-line text literally (CR normalized, paste markers stripped) instead of submitting per line. `caretPos()` is the shared line/col helper. **Readline editing** (all pure in `input.ts`, tested): ⌃U/⌃K kill to line start/end, ⌃W / ⌥⌫ kill word, ⌃D forward-delete, ⌥/⌃ + ←→ word-jump, ⌃A/⌃E line home/end. Keys: ⏎ send · ⌃J newline · ↑↓ line/history · ← → cursor · ⌥←→ word · tab complete @file · **shift+tab cycles mode (normal · auto-accept · plan)** · ⌃Y copy last reply · esc interrupt · ⌃c quit. `/keys` shows the cheatsheet.\n\n**Modes & effort.** Three input modes cycled by shift+tab (`App.tsx` `cycleMode`): **normal** (asks before writes/edits/shell), **auto-accept** (file writes/edits apply without asking — the permission broker auto-resolves `write`/`edit`; shell still gated; diffs still render), **plan** (read-only). Plus **yolo** (auto-approve everything) via `/yolo`. **Effort tiers** (`/effort fast|balanced|max`, or `setEffort`) pin the model through the routing seam (fast→haiku, balanced/max→sonnet) — the active mode + `⚡effort` show as badges in the `StatusBar`. **Click pickers** (fullscreen only): clicking the **model** or **effort** label in the status bar opens a floating picker above it (↑↓ select · ⏎ apply · esc close), reusing the same `/model`/`/effort` command path. The slash commands remain the keyboard path. The fragile row+column hit-test lives in pure, tested `statusBarHit`/`statusBarLayout` (`StatusBar.tsx`); `App.tsx` only supplies live layout (composer line count, `PALETTE_ROWS`, the rendered model/effort/mode) and toggles `quickPicker` state. Inline mode has no mouse grab, so the labels stay informational there. **Copy**: ⌃Y / `/copy` copies the last reply via OSC 52 (`src/ui/clipboard.ts`, works over SSH); `/export [file]` writes the transcript to Markdown. **Terminal integration** (`src/ui/terminal.ts`): the tab title (OSC 2) reflects working/idle, and a long turn (>8s) rings the bell + fires a desktop notification (macOS) so you can step away.\n\n**More UX affordances.** **Type-ahead**: prompts submitted while busy are queued (`queueRef`, shown as chips) and sent when the turn ends. **⌃C** interrupts a turn → clears the composer → \"press again to quit\" (`cli.tsx` renders with `exitOnCtrlC:false`). **Large pastes** collapse to a `[Pasted N lines]` chip (`pasteStoreRef`), expanded back on submit. **Fuzzy** `@file`/`/command` pickers (`src/ui/fuzzy.ts` — substring-first, then subsequence scored by boundary+contiguity; tested). **Cost**: live `$` estimate in the status bar from per-turn model+tokens (`estimateCost` + per-model pricing in `providers.ts`). **Syntax highlighting** for code blocks (`src/ui/highlight.ts` — lightweight per-line tokenizer → Ink spans, NEVER raw ANSI; used by both `lines.ts` `clipSpans` and `Markdown.tsx`). `?` on an empty composer shows the cheatsheet (`KEYS_HELP`).\n\n**Sessions** (`src/session.ts`): conversations persist per-project under `~/.gearbox/sessions/<slug>/` (`GEARBOX_HOME` overrides). Each record holds provider-neutral `messages` + the UI `items` + **per-turn `{model, usage, at}`** (routing/cost data — the record is deliberately not single-model). `gearbox --continue`/`-c` resumes the latest; `/resume [n]` lists/loads in-app; `/clear` starts a fresh session. Prompt history persists across runs (`history.json`). Saving is best-effort (never crashes the app); skipped in demo mode.\n\nFeatures: full markdown via **marked** (parse, `marked.lexer`) + **Ink** (render) in `Markdown.tsx` — headings, bold/italic/inline-code, tables, ordered+nested lists, blockquotes, code blocks. NO foreign ANSI in Ink (cli-highlight/marked-terminal were tried and removed — they corrupt Ink's width/wrapping; render marked's token tree as Ink elements instead). Markdown gets a `width` prop (threaded App→Transcript→Markdown) for table/rule sizing. Colored diffs under edits (`src/diff.ts`, edit/write tools return `{summary,diff}`), plan mode (read-only tools + plan prompt; `/plan` or shift+tab), `!cmd` runs a shell command directly (`src/shell.ts`), `@file` mentions (fuzzy picker `src/ui/mention.ts`+`files.ts`; expanded into the model message on send), live \"working · Ns\" timer.\n\n**Boo (the mascot).** A pixel ghost, now **parametric** (`src/ui/ghost/engine.ts`, ported from a Claude Design handoff). A 20×20 pixel sprite composited from composable layers — body (palette) + face (eyes/mouth) + accessory + persona + a frame-driven overlay (tears/dots/confetti/Z's/sparkle/hearts) — then FOLDED into half-block cells (`▀`/`▄`, top px → `t`/glyph color, bottom px → `b`/bg). `renderGhost(cfg)` is the source of truth for the **default blocks path**; it's pure + memoized. The data: 13 faces (`FACES`), 9 palettes (`PALETTES`), 6 accessories, 9 personas (personas/accessories ported but not yet surfaced in the live UI). Ink `color`/`backgroundColor` props only, NEVER raw ANSI (corrupts Ink's width math). PNG paths are **opt-in** via `GEARBOX_GHOST`:\n\n- `GEARBOX_GHOST=kitty` — real PNG via kitty graphics Unicode placeholders (`U+10EEEE`, fg encodes image id, diacritics encode row/col; PNGs transmitted once in `cli.tsx`). NOTE: the placeholder protocol is young and mis-rendered (squished) in Ghostty during testing — kept opt-in until that's solved.\n- `GEARBOX_GHOST=iterm` — OSC 1337 splash banner (iTerm2/WezTerm).\n\n`detectImageMode()` returns `blocks` unless `GEARBOX_GHOST` opts in. Baked PNGs live in `src/ui/mascot-png.ts`; `bun run scripts/ghost-preview.ts` previews the parametric engine (splash + all faces + the in-flow state crops). **Boo is animated but deliberately calm** on the blocks path (`AnimatedGhost` in `Mascot.tsx`): one shared, unhurried 240ms tick (leaf-local `useTick`, never lifted to App root); talk + overlays advance at half that (~480ms). There is NO idle bob/float and NO splash sparkle — motion is a quiet sign of life, not fidgeting (the splash just blinks every ~6s; in-flow only the state-meaningful overlay/talk moves). `GEARBOX_NO_MOTION=1` freezes to frame 0. `/ghost [mood]` cycles the skin (`skinToCfg` maps it to a cfg; `shades` is the cool face + shades accessory).\n\n**Layout: fullscreen by default; inline is opt-in.** **Fullscreen is the default** (alt-screen frame + virtualized scroll region + scrollbar + mouse wheel scroll); `--inline`, `GEARBOX_INLINE=1`, or `/config inline on` (pref `fullscreen: false`) opts into inline mode. `GEARBOX_FULLSCREEN=1` or `--fullscreen` forces fullscreen explicitly. The decision lives in `cli.tsx` (`wantsFullscreen`). Grabbing the mouse for wheel-scroll is exactly what disables native terminal selection, so in fullscreen mode text selection requires the terminal's modifier (e.g. Option-drag in Ghostty). **Inline mode** (the plain `Transcript` component): no alt-screen, no mouse grab — native click-drag selection / scrollback / copy all work with no modifier. The transcript is a **virtualized line buffer**: `src/ui/lines.ts` (`itemsToLines`) flattens items into styled `Line`s (markdown→lines, wrapping, diffs) — INVARIANT: every line ≤ width (tested), so nothing overflows. **Streaming perf**: flattening the markdown-heavy `assistant`/`user` items is super-linear with their length, so `staticItemLines` memoizes per item in a `WeakMap` keyed by object reference (unchanged items keep identity across renders, so only the changing tail re-parses — history is free; running tools are not cached since their spinner animates). On the producer side, assistant **text deltas are coalesced** on a ~45ms flush timer in `App.tsx`'s `onEvent` (mirroring the tool-stream coalescer), so streaming re-renders at ~22fps instead of per-token — both together stop the auto-scroll jitter that grew with reply length. `finishAssistant`/the turn `finally` flush any buffered text before marking done or on interrupt. In fullscreen, `App` renders only the visible window via `Viewport` (`src/ui/components/Viewport.tsx`) at a computed `transcriptHeight = rows − header − footer` (footer over-estimated so the frame never exceeds the screen; alt-screen clips, so under-filling is safe). Fullscreen scroll: mouse wheel (SGR mouse reporting enabled in `cli.tsx`; parsed off raw stdin in `App` since Ink doesn't model mouse — buttons 64/65) and PgUp/PgDn; new output re-pins to the bottom (`atBottomRef`); a scrollbar sits on the right. (In fullscreen, mouse reporting means text selection needs the terminal's modifier, e.g. Option-drag in Ghostty — which is why inline is now the default.) The virtualized buffer replaced an earlier flex/overflow fullscreen that corrupted on tall output. Chrome spans full width; prose wraps ≤100 cols. The plain `Transcript` component is the inline-fallback renderer. `scripts/gen-mascot.ts` still bakes the PNGs + baked sprites (`mascot-sprite.ts` `GHOSTS`) — but those now feed **only the opt-in kitty/iTerm image path** (`image.ts`); the default blocks path renders the parametric engine instead. The splash scales to the terminal (big=2×/mini=1×/none by rows×cols, in `App.tsx`). The inline/working presence is the compact **state ghost** (see below) — a native-resolution head crop so Boo never dominates the transcript.\n\nCommands are grouped in `/help` (models · conversation · accounts · save · modes · settings · other) and `src/commands.ts` carries plain-language descriptions: /model [name] (fuzzy — \"haiku\"; `/model auto` routes, `/model all` lists every provider) /effort [fast|balanced|max] /prefer [kind model] (remember a confirmed routing preference for a task type) /clear /resume /retry /compact /context /memory /ask &lt;q&gt; (answer questions about Gearbox itself from its bundled docs via a cheap routed model; plain meta-questions auto-route here with a visible affordance) /account (unified: list/add/login/use/rm/refresh — `/accounts` and `/login` are hidden aliases; `/account refresh` re-discovers each account's real callable models) /cost /copy /export [file] /plan /yolo /theme /config (theme·vim·notify·inline; `/vim` is a hidden alias) /init /keys /help /exit. **Hidden** (work but not listed): /accounts /login /vim /ghost. **Removed:** /cwd (the working dir now shows in `/context`). `formatModelList` shows usable models first and collapses no-key providers to a one-line count.\n\n**Command panel (fullscreen only).** Big info-dump commands open a dismissable, Esc-closable overlay instead of dumping into the transcript (`Panel.tsx` + pure `panel.ts`, wired in `App.tsx`): `/help` `/keys` `/context` `/cost` `/memory` are scrollable static dumps (reuse `itemsToLines` + `Viewport`); `/account` and `/model` are interactive lists (↑↓ select · ⏎ acts — they just dispatch the equivalent `/account <n>` / `/model <id>` command and close), and `/model` has type-to-filter (127 Foundry models). The panel replaces the transcript Viewport region while open and takes precedence over `welcome`; the key handler is a branch in `useInput` placed after ⌃C so Esc closes the panel rather than interrupting a turn. Short confirmations (`model → haiku`, `remembered`, `✓ added`, errors) stay inline. Inline mode keeps the old inline printing (no alt-screen to overlay). `openInfoPanel` returns false inline so callers fall back to `push`.\n\n**Permission gate:** `write_file`/`edit_file`/`run_shell` block on a confirm before mutating. Broker: `src/permission.ts` (`requestPermission` in the tools; `setPermissionHandler` installed by `App`; no handler → allow, so tests/headless are unchanged). Decisions: **once** (1), **always** (2, grants that kind for the session), **all/yolo** (a, auto-approves everything until toggled), **deny** (3/esc). YOLO is also toggled by `/yolo` or started with `--yolo`; a `⚡ yolo` badge shows in the status. The `!` prefix is user-initiated so it is NOT gated. Search/nav tools: `search` (ripgrep, Bun-walk fallback) and `glob` (`Bun.Glob`), both read-only (also in plan mode). The working indicator IS Boo now (`components/Working.tsx`): a compact head-crop ghost whose face follows the agent state — thinking (dots) → streaming (talk) → tool (loading dots) → a clean-finish celebrate (party hat + confetti) → error (crying with falling tears). `App.tsx` derives `mascotState` from the `onEvent` stream; the success/error beat **lingers ~1.5s** after the turn (`linger` state — the working line gates on `busy || linger`, since it would otherwise unmount the instant `busy` goes false). Crops are per-state (`stateView`): head (rows 4–14), head+dots (2–14), head+hat (0–14) so overlays outside the head still read. This deliberately supersedes the earlier \"Boo stays on the welcome splash only / in-flow movement reads as noise\" decision — the compact, state-bearing ghost is the point of the design port.\n\n## Conventions\n\n- Runtime: **Bun**. TypeScript + TSX. Run with `bun run src/cli.tsx`.\n- UI: **Ink** (React for terminals) + **@inkjs/ui**. Keep it calm and beautiful: restrained palette (one accent), generous spacing, consistent glyphs. The look lives in `src/ui/theme.ts` — change colors/glyphs there, not inline.\n- Open + free: MIT, no paid dependencies, no hosted backend, no telemetry. The only cost is the user's own model calls on their own keys.\n- Tools must be safe by default: confirm or sandbox anything destructive; never `rm -rf` or write outside the workspace without intent.\n\n## Run it\n\n```bash\nbun install\n# set at least one key:\nexport ANTHROPIC_API_KEY=...    # or OPENAI_API_KEY / GOOGLE_GENERATIVE_AI_API_KEY / DEEPSEEK_API_KEY\nbun run src/cli.tsx             # or: bun start\n```\n\nWith no key it launches in demo mode (a scripted transcript) so the UI still runs.\n\n## Test\n\n```bash\nbun test            # render tests + agent-loop tests; no API key needed\nbun run typecheck   # tsc --noEmit\n```"
   },
   {
     file: "DESIGN.md",
@@ -145712,7 +145912,7 @@ function gitBranch() {
 
 // src/ui/App.tsx
 init_proc();
-var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
 import { basename as basename3, extname, resolve as resolve12 } from "node:path";
 import { existsSync as existsSync11, readFileSync as readFileSync16, statSync as statSync5 } from "node:fs";
 import { writeFile as fsWriteFile } from "node:fs/promises";
@@ -145851,16 +146051,16 @@ function ActivityRail({ items, width }) {
   const toolText = tools2.map((t2) => `${t2.status === "running" ? spin2 : t2.status === "err" ? "!" : "✓"} ${t2.name.replace(/_file$/, "").replace("run_shell", "shell")}`).join(" · ");
   const checkText = checks4.map((c) => `${c.ok ? "✓" : "!"} ${c.command}`).join(" · ");
   const line = [model ? model.model : null, phase ? phase.label : null, toolText || null, checkText || null].filter(Boolean).join("  ·  ");
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     paddingX: 1,
     marginTop: 1,
     width,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
         color: color.accentDim,
         children: "activity "
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
         color: color.faint,
         children: line.slice(0, Math.max(width - 10, 20))
       }, undefined, false, undefined, this)
@@ -145870,31 +146070,31 @@ function ActivityRail({ items, width }) {
 function SetupSplash({ state, width, skin, splashSize }) {
   const detected = state.importable.length + state.cloudImportable.length;
   const panelWidth = Math.min(Math.max(width - 4, 30), 58);
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     flexDirection: "column",
     alignItems: "center",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(MascotSplash, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(MascotSplash, {
         skin,
         size: splashSize
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.accent,
             bold: true,
             children: "gearbox"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.dim,
             children: "one terminal · every model you already pay for"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         marginTop: 2,
         width: panelWidth,
         borderStyle: "round",
@@ -145903,18 +146103,18 @@ function SetupSplash({ state, width, skin, splashSize }) {
         paddingY: 1,
         flexDirection: "column",
         children: [
-          detected > 0 ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+          detected > 0 ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: color.ok,
                     children: [
                       glyph.on,
                       " "
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: color.text,
                     children: [
                       detected,
@@ -145925,75 +146125,75 @@ function SetupSplash({ state, width, skin, splashSize }) {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 marginTop: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: color.accent,
                     children: "/account import"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: color.dim,
                     children: "  connect automatically"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 marginTop: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: color.faint,
                     children: "or add a different key: "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: color.accent,
                     children: "/account add <api-key>"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this)
             ]
-          }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+          }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 color: color.dim,
                 children: "paste or type a key to get started"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 marginTop: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   color: color.accent,
                   children: "/account add <api-key>"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          (state.hasClaudeCli || state.hasCodexCli) && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          (state.hasClaudeCli || state.hasCodexCli) && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginTop: 2,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                 color: color.faint,
                 children: "subscriptions detected"
               }, undefined, false, undefined, this),
-              state.hasClaudeCli && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              state.hasClaudeCli && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: color.accent,
                     children: "/account add claude"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: color.faint,
                     children: "  Claude Pro / Max"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              state.hasCodexCli && /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+              state.hasCodexCli && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: color.accent,
                     children: "/account add codex"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                     color: color.faint,
                     children: "   ChatGPT Plus"
                   }, undefined, false, undefined, this)
@@ -146003,9 +146203,9 @@ function SetupSplash({ state, width, skin, splashSize }) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           color: color.faint,
           children: "/onboard  ·  /account  ·  /help"
         }, undefined, false, undefined, this)
@@ -146080,6 +146280,22 @@ function App2({ selector: initialSelector, runner, fullscreen = false, resumeId
     quickPickerIndexRef.current = n;
     setQuickPickerIndexState(n);
   };
+  const [panel, setPanelState] = import_react26.useState(null);
+  const panelRef = import_react26.useRef(null);
+  const setPanel = (p) => {
+    panelRef.current = p;
+    setPanelState(p);
+  };
+  const panelMaxScrollRef = import_react26.useRef(0);
+  const panelAccountNumbersRef = import_react26.useRef([]);
+  const buildPanelModelRows = (cur) => modelRegistry().filter((m2) => providerAvailable(m2.provider)).map((m2) => ({ id: m2.id, label: m2.label, provider: m2.provider, current: m2.id === cur }));
+  const openInfoPanel = (title, item) => {
+    if (!fullscreen)
+      return false;
+    atBottomRef.current = true;
+    setPanel({ kind: "static", title, items: [item], scroll: 0 });
+    return true;
+  };
   const setSearch = (s2) => {
     searchRef.current = s2;
     setSearchState(s2);
@@ -146174,7 +146390,10 @@ function App2({ selector: initialSelector, runner, fullscreen = false, resumeId
     setTimeout(pumpPerm, 0);
   };
   import_react26.useEffect(() => {
-    const acctId = loadPrefs().activeAccount;
+    let acctId = loadPrefs().activeAccount;
+    if (!acctId && buildPanelModelRows().length === 0) {
+      acctId = listAccounts().find((a2) => a2.enabled && a2.exec === "cli")?.id;
+    }
     if (!acctId)
       return;
     const a = getAccount(acctId);
@@ -146184,6 +146403,7 @@ function App2({ selector: initialSelector, runner, fullscreen = false, resumeId
       if (activeCliModelRef.current && !cliSupportsModel(bin, activeCliModelRef.current))
         setActiveCliModelId(undefined);
       setActiveCli({ id: a.id, label: bin });
+      updatePrefs({ activeAccount: a.id });
     }
   }, []);
   const discoveryRanRef = import_react26.useRef(false);
@@ -146455,8 +146675,18 @@ function App2({ selector: initialSelector, runner, fullscreen = false, resumeId
           }
         }
       }
-      if (delta)
-        scrollBy(delta);
+      if (delta) {
+        const p = panelRef.current;
+        if (p) {
+          if (p.kind === "static")
+            setPanel({ ...p, scroll: clampScroll(p.scroll + delta, panelMaxScrollRef.current) });
+          else if (p.kind === "accounts")
+            setPanel({ ...p, index: clampIndex(p.index + delta, panelAccountNumbersRef.current.length) });
+          else
+            setPanel({ ...p, index: clampIndex(p.index + delta, filterModelRows(buildPanelModelRows(), p.filter).length) });
+        } else
+          scrollBy(delta);
+      }
     };
     stdin.on("data", onData);
     return () => {
@@ -147402,10 +147632,14 @@ ${fetched.join(`
           loadInto(pick3);
           return;
         }
-        case "help":
+        case "help": {
+          const it = { kind: "notice", id: idRef.current++, text: helpText() };
+          if (openInfoPanel("help", it))
+            return;
           echo(text2);
-          notice(helpText());
+          push(it);
           return;
+        }
         case "plan":
           echo(text2);
           togglePlan();
@@ -147440,10 +147674,14 @@ ${fetched.join(`
           fsWriteFile(file5, transcriptMarkdown(itemsRef.current)).then(() => notice(`exported transcript → ${file5}`)).catch((e2) => notice(`couldn't write ${file5}: ${e2?.message ?? String(e2)}`));
           return;
         }
-        case "keys":
+        case "keys": {
+          const it = { kind: "notice", id: idRef.current++, text: KEYS_HELP };
+          if (openInfoPanel("keyboard shortcuts", it))
+            return;
           echo(text2);
-          notice(KEYS_HELP);
+          push(it);
           return;
+        }
         case "vim": {
           echo(text2);
           const on = vimRef.current === "off";
@@ -147531,6 +147769,10 @@ ${fetched.join(`
           return;
         }
         case "model":
+          if ((!arg || arg.toLowerCase() === "all") && !activeCliRef.current && fullscreen && buildPanelModelRows().length > 0) {
+            setPanel({ kind: "models", title: "models · ⏎ to pin", index: 0, filter: "" });
+            return;
+          }
           echo(text2);
           if (!arg || arg.toLowerCase() === "all") {
             const routing2 = selectorRef.current instanceof RoutingSelector;
@@ -147637,18 +147879,21 @@ ${fetched.join(`
           return;
         }
         case "memory": {
-          echo(text2);
           if (arg) {
+            echo(text2);
             notice(appendFact(arg) ? "remembered" : "couldn't save that note");
             return;
           }
           const facts = loadFacts().trim();
-          notice(facts ? `remembered facts:
-` + facts : "no remembered facts yet — add one with #<note> or /memory <note>");
+          const it = { kind: "notice", id: idRef.current++, text: facts ? `remembered facts:
+` + facts : "no remembered facts yet — add one with #<note> or /memory <note>" };
+          if (openInfoPanel("memory", it))
+            return;
+          echo(text2);
+          push(it);
           return;
         }
         case "context": {
-          echo(text2);
           const m2 = (() => {
             try {
               return selectorRef.current.select({ prompt: "" }).model;
@@ -147657,13 +147902,18 @@ ${fetched.join(`
             }
           })();
           if (!m2) {
+            echo(text2);
             notice(`no model available — add a provider first
 
 ` + onboardingSummary(onboardingState));
             return;
           }
           const { sections } = buildContext({ history: msgRef.current, userText: lastPromptRef.current || "(your next message)", model: m2, plan: modeRef.current === "plan" });
-          push({ kind: "context", id: idRef.current++, view: buildContextView(sections, m2.contextWindow, process.cwd()) });
+          const it = { kind: "context", id: idRef.current++, view: buildContextView(sections, m2.contextWindow, process.cwd()) };
+          if (openInfoPanel("context", it))
+            return;
+          echo(text2);
+          push(it);
           return;
         }
         case "onboard": {
@@ -147727,6 +147977,10 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         }
         case "accounts":
         case "account": {
+          if (!arg.trim() && fullscreen) {
+            setPanel({ kind: "accounts", title: "accounts · ⏎ to switch", index: 0 });
+            return;
+          }
           echo(text2);
           const parts = arg.split(/\s+/).filter(Boolean);
           const subL = (parts[0] || "").toLowerCase();
@@ -147975,7 +148229,6 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         }
         case "cost":
         case "usage": {
-          echo(text2);
           const accounts = listAccounts();
           const resolve13 = (id) => {
             const a = getAccount(id);
@@ -147995,9 +148248,14 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
           const session = estimateCost(sessionRef.current.turns);
           const withBalance = accounts.filter((a) => a.exec !== "cli" && balanceExposed(a.provider));
           if (!withBalance.length) {
-            pushUsage(buildUsageView(session, resolve13, Date.now(), accounts.map((a) => a.id)));
+            const it = { kind: "usage", id: idRef.current++, view: buildUsageView(session, resolve13, Date.now(), accounts.map((a) => a.id)) };
+            if (openInfoPanel("cost", it))
+              return;
+            echo(text2);
+            push(it);
             return;
           }
+          echo(text2);
           notice("checking balances…");
           (async () => {
             for (const a of withBalance) {
@@ -148236,6 +148494,66 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
       notice("press ⌃C again to quit");
       return;
     }
+    if (panelRef.current) {
+      const p = panelRef.current;
+      if (key.escape) {
+        setPanel(null);
+        return;
+      }
+      if (p.kind === "static") {
+        if (input === "q") {
+          setPanel(null);
+          return;
+        }
+        const max2 = panelMaxScrollRef.current;
+        const page = Math.max(1, panelBodyHeight(viewportHeightRef.current) - 1);
+        if (key.upArrow)
+          setPanel({ ...p, scroll: clampScroll(p.scroll - 1, max2) });
+        else if (key.downArrow)
+          setPanel({ ...p, scroll: clampScroll(p.scroll + 1, max2) });
+        else if (key.pageUp)
+          setPanel({ ...p, scroll: clampScroll(p.scroll - page, max2) });
+        else if (key.pageDown)
+          setPanel({ ...p, scroll: clampScroll(p.scroll + page, max2) });
+        return;
+      }
+      if (p.kind === "accounts") {
+        const nums = panelAccountNumbersRef.current;
+        const n = nums.length;
+        if (key.upArrow)
+          setPanel({ ...p, index: clampIndex(p.index - 1, n) });
+        else if (key.downArrow)
+          setPanel({ ...p, index: clampIndex(p.index + 1, n) });
+        else if (key.return) {
+          const num = nums[clampIndex(p.index, n)];
+          setPanel(null);
+          if (num)
+            handleCommand(`/account ${num}`);
+        } else if (/^[1-9]$/.test(input)) {
+          const k = Number(input);
+          if (k <= n) {
+            setPanel(null);
+            handleCommand(`/account ${k}`);
+          }
+        }
+        return;
+      }
+      const rows2 = filterModelRows(buildPanelModelRows(), p.filter);
+      if (key.upArrow)
+        setPanel({ ...p, index: clampIndex(p.index - 1, rows2.length) });
+      else if (key.downArrow)
+        setPanel({ ...p, index: clampIndex(p.index + 1, rows2.length) });
+      else if (key.return) {
+        const r2 = rows2[clampIndex(p.index, rows2.length)];
+        setPanel(null);
+        if (r2)
+          handleCommand(`/model ${r2.id}`);
+      } else if (key.backspace || key.delete)
+        setPanel(backspaceFilter(p));
+      else if (input && !key.ctrl && !key.meta && !key.tab && input.length === 1 && input >= " ")
+        setPanel(appendFilter(p, input));
+      return;
+    }
     if (key.ctrl && input === "r") {
       const cur = searchRef.current;
       setSearch(cur ? { q: cur.q, idx: cur.idx + 1 } : { q: "", idx: 0 });
@@ -148491,91 +148809,106 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
   paletteRowsLiveRef.current = PALETTE_ROWS;
   maxScrollRef.current = maxScroll;
   scrollTopRef.current = effScroll;
+  const panelW = width - 2;
+  const panelInnerW = Math.max(4, panelW - 2);
+  const panelCurrentModel = loadPrefs().pinnedModel ?? null;
+  let panelStaticLines;
+  let panelAccountView;
+  let panelModels;
+  if (panel?.kind === "static") {
+    panelStaticLines = itemsToLines(panel.items, panelInnerW);
+    panelMaxScrollRef.current = Math.max(0, panelStaticLines.length - panelBodyHeight(transcriptHeight));
+  } else if (panel?.kind === "accounts") {
+    panelAccountView = buildAccountView(listAccounts(), activeCliRef.current?.id ?? null, importableEnvCreds(), accountStatusCacheRef.current);
+    panelAccountNumbersRef.current = panelAccountView.rows.map((r2) => r2.number);
+  } else if (panel?.kind === "models") {
+    panelModels = buildPanelModelRows(panelCurrentModel);
+  }
   import_react26.useEffect(() => {
     if (atBottomRef.current)
       setScrollTop(maxScroll);
   }, [lines.length, maxScroll]);
-  const hero = /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  const hero = /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     flexDirection: "column",
     alignItems: "center",
-    children: setupRequired ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(SetupSplash, {
+    children: setupRequired ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(SetupSplash, {
       state: onboardingState,
       width,
       skin: ghostSkin,
       splashSize
-    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
       children: [
-        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(MascotSplash, {
+        /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(MascotSplash, {
           skin: ghostSkin,
           size: splashSize
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
           marginTop: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.dim,
               children: "talk or type "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.faint,
               children: [
                 glyph.bullet,
                 " "
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.accentDim,
               children: "/"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.dim,
               children: "commands "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.accentDim,
               children: "@"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.dim,
               children: "files "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.accentDim,
               children: "!"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.dim,
               children: "shell"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        firstRunRef.current ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+        firstRunRef.current ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
           marginTop: 1,
           flexDirection: "column",
           alignItems: "center",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.faint,
               children: [
                 "new here? press ",
-                /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   color: color.accent,
                   children: "?"
                 }, undefined, false, undefined, this),
                 " for shortcuts · ",
-                /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   color: color.accent,
                   children: "shift+tab"
                 }, undefined, false, undefined, this),
                 " cycles modes · ",
-                /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
                   color: color.accent,
                   children: "⌃Y"
                 }, undefined, false, undefined, this),
                 " copies the last reply"
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.faint,
               children: "/config inline on for terminal scrollback · /keys for shortcuts"
             }, undefined, false, undefined, this)
@@ -148584,17 +148917,17 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
       ]
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
-  const paletteJsx = pickerRows.length || cmdMatches.length || fileMatches.length ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  const paletteJsx = pickerRows.length || cmdMatches.length || fileMatches.length ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(CommandPalette, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(CommandPalette, {
         draft: edit2.value,
         selected: selectedPalette,
         limit: 7,
         rows: pickerRows,
         width
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(FilePalette, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FilePalette, {
         matches: fileMatches,
         selected: selectedPalette,
         limit: 5,
@@ -148602,24 +148935,24 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this) : null;
-  const quickPickerJsx = quickPicker && quickRows.length ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  const quickPickerJsx = quickPicker && quickRows.length ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     flexDirection: "column",
     marginTop: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.accent,
             children: quickPicker === "model" ? "model" : "effort"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.faint,
             children: " · ↑↓ select · ⏎ apply · esc close"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(CommandPalette, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(CommandPalette, {
         draft: "",
         selected: Math.min(quickPickerIndex, quickRows.length - 1),
         limit: quickPickerLimit,
@@ -148628,10 +148961,10 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this) : null;
-  const composerJsx = perm ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(PermissionPrompt, {
+  const composerJsx = perm ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(PermissionPrompt, {
     req: perm,
     width
-  }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Composer, {
+  }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Composer, {
     value: edit2.value,
     cursor: edit2.cursor,
     selectionAnchor: edit2.selectionAnchor,
@@ -148641,9 +148974,9 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
     width,
     vim
   }, undefined, false, undefined, this);
-  const footerJsx = /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+  const footerJsx = /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
     children: [
-      busy || linger ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Working, {
+      busy || linger ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Working, {
         state: mascotState,
         skin: ghostSkin,
         verb,
@@ -148652,15 +148985,15 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         linger: linger && !busy,
         width
       }, undefined, false, undefined, this) : null,
-      busy ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(ActivityRail, {
+      busy ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(ActivityRail, {
         items,
         width
       }, undefined, false, undefined, this) : null,
-      queued.length ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      queued.length ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         paddingX: 1,
         marginTop: 1,
         flexDirection: "column",
-        children: queued.map((q, i2) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+        children: queued.map((q, i2) => /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           color: color.faint,
           children: [
             "↳ queued: ",
@@ -148668,11 +149001,11 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
           ]
         }, i2, true, undefined, this))
       }, undefined, false, undefined, this) : null,
-      mode2 !== "normal" ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      mode2 !== "normal" ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         paddingX: 1,
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.accent,
             children: [
               glyph.notice,
@@ -148680,7 +149013,7 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
               mode2 === "plan" ? "plan mode" : "auto-accept edits"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.faint,
             children: [
               " · ",
@@ -148690,14 +149023,14 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this) : null,
-      search ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      search ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.accent,
             children: "(reverse-i-search)"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.text,
             children: [
               "`",
@@ -148705,15 +149038,15 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
               "`: "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.dim,
             children: searchHistory(historyRef.current, search.q, search.idx) ?? (search.q ? "(no match)" : "")
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this) : null,
-      copiedNotice ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      copiedNotice ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         paddingX: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           color: color.ok,
           children: [
             glyph.notice,
@@ -148723,7 +149056,7 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this) : null,
       quickPickerJsx,
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(StatusBar, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(StatusBar, {
         model: modelLabel,
         branch,
         routing,
@@ -148737,7 +149070,7 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         effort: displayEffort,
         online
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         height: PALETTE_ROWS,
         flexDirection: "column",
         children: paletteJsx
@@ -148745,31 +149078,42 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
       composerJsx
     ]
   }, undefined, true, undefined, this);
-  const inlineFooterJsx = /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+  const inlineFooterJsx = /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
     children: [
       paletteJsx,
       composerJsx
     ]
   }, undefined, true, undefined, this);
   if (fullscreen) {
-    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
       flexDirection: "column",
       width,
       height: rows,
       children: [
-        /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Banner, {
+        /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Banner, {
           model: modelLabel,
           cwd: basename3(process.cwd()),
           width
         }, undefined, false, undefined, this),
-        welcome ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+        panel ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          paddingX: 1,
+          children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Panel, {
+            panel,
+            width: panelW,
+            height: transcriptHeight,
+            accounts: panelAccountView,
+            models: panelModels,
+            currentModelId: panelCurrentModel,
+            staticLines: panelStaticLines
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this) : welcome ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
           height: transcriptHeight,
           flexDirection: "column",
           justifyContent: "center",
           children: hero
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
           paddingX: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Viewport, {
+          children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Viewport, {
             lines,
             scrollTop: effScroll,
             height: transcriptHeight,
@@ -148781,24 +149125,24 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
       ]
     }, undefined, true, undefined, this);
   }
-  const banner = /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Banner, {
+  const banner = /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Banner, {
     model: modelLabel,
     cwd: basename3(process.cwd()),
     width
   }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     flexDirection: "column",
     width,
     children: [
-      welcome ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(jsx_dev_runtime12.Fragment, {
+      welcome ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
         children: [
           banner,
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
             marginTop: 1,
             children: hero
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Transcript, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Transcript, {
         items,
         width,
         header: banner,
@@ -148812,7 +149156,7 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
 // src/cli.tsx
 init_providers();
 init_permission();
-var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
 process.env.LANG = process.env.LANG || "en_US.UTF-8";
 process.env.LC_ALL = process.env.LC_ALL || "en_US.UTF-8";
 var VERSION16 = "0.1.32";
@@ -149310,7 +149654,7 @@ if (fullscreen)
   process.stdout.write("\x1B[?1049h\x1B[2J\x1B[H");
 if (mouse)
   process.stdout.write("\x1B[?1000h\x1B[?1002h\x1B[?1006h");
-var app = render_default(/* @__PURE__ */ jsx_dev_runtime13.jsxDEV(App2, {
+var app = render_default(/* @__PURE__ */ jsx_dev_runtime14.jsxDEV(App2, {
   selector,
   fullscreen,
   resumeId

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gearbox-code",
-  "version": "0.1.36",
+  "version": "0.1.38",
   "description": "A beautiful multi-provider coding harness for the terminal. (Intelligent model routing lands on top of this soon.)",
   "type": "module",
   "license": "MIT",