gearbox-code 0.2.4 → 0.2.5

package/dist/cli.mjs

@@ -140309,8 +140309,139 @@ function StatusBar({
   }, undefined, true, undefined, this);
 }
 
-// src/ui/components/CommandPalette.tsx
+// src/ui/components/StatusStrip.tsx
 var jsx_dev_runtime5 = __toESM(require_jsx_dev_runtime(), 1);
+function bar(leftPct, cells = 12) {
+  const filled = Math.max(0, Math.min(cells, Math.round(leftPct / 100 * cells)));
+  return "█".repeat(filled) + "░".repeat(cells - filled);
+}
+function fmtTok2(n) {
+  return n >= 1000 ? `${(n / 1000).toFixed(1)}k` : String(n);
+}
+function StatusStrip({
+  ctxPct,
+  tokens,
+  contextWindow,
+  cost,
+  sub,
+  api: api2,
+  width
+}) {
+  const Row2 = ({ label, children }) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+        color: color.faint,
+        children: [
+          label.padEnd(8),
+          " "
+        ]
+      }, undefined, true, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
+  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+    width,
+    flexDirection: "column",
+    paddingX: 1,
+    marginTop: 1,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            color: color.accent,
+            bold: true,
+            children: "usage"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            color: color.faint,
+            children: "/cost to hide"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      ctxPct != null ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Row2, {
+        label: "context",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            color: color.text,
+            children: [
+              100 - ctxPct,
+              "% left"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            color: color.faint,
+            children: [
+              "  ·  ",
+              fmtTok2(tokens),
+              contextWindow ? ` / ${fmtTok2(contextWindow)}` : ""
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this) : null,
+      sub?.limits?.map((l) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Row2, {
+        label: l.label,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            color: l.pct >= 90 ? color.err : color.accentDim,
+            children: bar(100 - l.pct)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            color: l.pct >= 90 ? color.err : color.text,
+            children: [
+              "  ",
+              100 - l.pct,
+              "% left"
+            ]
+          }, undefined, true, undefined, this),
+          l.resetsIn ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            color: color.faint,
+            children: [
+              "  ·  ",
+              l.resetsIn
+            ]
+          }, undefined, true, undefined, this) : null
+        ]
+      }, l.label, true, undefined, this)),
+      sub && !sub.limits?.length ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Row2, {
+        label: "limits",
+        children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          color: color.faint,
+          children: sub.limitNote ?? "not reported yet"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this) : null,
+      api2?.spend ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Row2, {
+        label: api2.name.slice(0, 8),
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            color: api2.spendPos ? color.ok : color.faint,
+            children: api2.spend
+          }, undefined, false, undefined, this),
+          api2.balanceLeft ? /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+            color: color.faint,
+            children: [
+              "  ·  ",
+              api2.balanceLeft
+            ]
+          }, undefined, true, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this) : null,
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Row2, {
+        label: "session",
+        children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+          color: cost >= 0.005 ? color.text : color.faint,
+          children: [
+            "$",
+            cost.toFixed(2)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/ui/components/CommandPalette.tsx
+var jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
 function windowed(items, selected, limit) {
   const count = Math.max(1, limit);
   const safeSelected = Math.max(0, Math.min(selected, Math.max(items.length - 1, 0)));
@@ -140328,13 +140459,13 @@ function CommandPalette({ draft, selected = 0, limit = 5, rows, width = 80 }) {
   const rowWidth = Math.max(20, width - 2);
   if (rows?.length) {
     const shown2 = windowed(rows, selected, limit);
-    return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
       flexDirection: "column",
       paddingX: 1,
       marginTop: 1,
       children: shown2.rows.map((r2, i2) => {
         const active = shown2.start + i2 === selected;
-        return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+        return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
           color: active ? color.text : color.dim,
           bold: active,
           backgroundColor: active ? color.accentBg : undefined,
@@ -140347,13 +140478,13 @@ function CommandPalette({ draft, selected = 0, limit = 5, rows, width = 80 }) {
   if (matches2.length === 0)
     return null;
   const shown = windowed(matches2, selected, limit);
-  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     marginTop: 1,
     children: shown.rows.map((c, i2) => {
       const active = shown.start + i2 === selected;
-      return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(Text, {
+      return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
         color: active ? color.text : color.dim,
         bold: active,
         backgroundColor: active ? color.accentBg : undefined,
@@ -140364,7 +140495,7 @@ function CommandPalette({ draft, selected = 0, limit = 5, rows, width = 80 }) {
 }
 
 // src/ui/components/FilePalette.tsx
-var jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime7 = __toESM(require_jsx_dev_runtime(), 1);
 function windowed2(items, selected, limit) {
   const count = Math.max(1, limit);
   const safeSelected = Math.max(0, Math.min(selected, Math.max(items.length - 1, 0)));
@@ -140377,12 +140508,12 @@ function FilePalette({ matches: matches2, selected = 0, limit = 5, width = 80 })
   const rowWidth = Math.max(20, width - 2);
   if (shown.rows.length === 0)
     return null;
-  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingX: 1,
     marginTop: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
         color: color.faint,
         children: "@ files · tab to complete"
       }, undefined, false, undefined, this),
@@ -140390,7 +140521,7 @@ function FilePalette({ matches: matches2, selected = 0, limit = 5, width = 80 })
         const active = shown.start + i2 === selected;
         const raw = `${active ? `${glyph.on} ` : "  "}${f3}`;
         const text = raw.length > rowWidth ? raw.slice(0, Math.max(0, rowWidth - 1)) + "…" : raw.padEnd(rowWidth);
-        return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Text, {
+        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
           color: active ? color.text : color.faint,
           bold: active,
           backgroundColor: active ? color.accentBg : undefined,
@@ -140669,7 +140800,7 @@ function applyMouse(s2, click) {
 }
 
 // src/ui/components/Composer.tsx
-var jsx_dev_runtime7 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime8 = __toESM(require_jsx_dev_runtime(), 1);
 function Composer({
   value,
   cursor,
@@ -140701,15 +140832,15 @@ function Composer({
     const cursorHere = line === curLine;
     if (!hasSel) {
       if (!cursorHere)
-        return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
           backgroundColor: color.panelBg,
           children: ln
         }, undefined, false, undefined, this);
-      return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+      return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
         backgroundColor: color.panelBg,
         children: [
           ln.slice(0, curCol),
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             inverse: true,
             backgroundColor: color.panelBg,
             children: ln[curCol] ?? " "
@@ -140718,11 +140849,11 @@ function Composer({
         ]
       }, undefined, true, undefined, this);
     }
-    return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+    return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
       backgroundColor: color.panelBg,
       children: [
         ln.slice(0, selStart),
-        /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
           inverse: true,
           children: ln.slice(selStart, selEnd)
         }, undefined, false, undefined, this),
@@ -140730,34 +140861,34 @@ function Composer({
       ]
     }, undefined, true, undefined, this);
   };
-  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
     flexDirection: "column",
     width,
     marginTop: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         paddingX: 1,
-        children: vim !== "off" ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(jsx_dev_runtime7.Fragment, {
+        children: vim !== "off" ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
           children: [
-            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
               color: vim === "normal" ? color.accent : color.dim,
               bold: true,
               children: vim === "normal" ? " NORMAL " : " INSERT "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
               color: color.faint,
               children: glyph.rule.repeat(Math.max(width - 11, 4))
             }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
           color: color.faint,
           children: glyph.rule.repeat(Math.max(width - 2, 8))
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      busy ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      busy ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             color: color.faint,
             bold: true,
             backgroundColor: color.panelBg,
@@ -140766,16 +140897,16 @@ function Composer({
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             color: color.faint,
             backgroundColor: color.panelBg,
             children: value || "…"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : value === "" ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : value === "" ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             color: color.accent,
             bold: true,
             backgroundColor: color.panelBg,
@@ -140784,23 +140915,23 @@ function Composer({
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             inverse: true,
             backgroundColor: color.panelBg,
             children: " "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
             color: color.faint,
             backgroundColor: color.panelBg,
             children: suggestion ?? placeholder
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
         flexDirection: "column",
         paddingX: 1,
-        children: lines.map((ln, i2) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Box_default, {
+        children: lines.map((ln, i2) => /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
           children: [
-            /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
               color: color.accent,
               bold: true,
               backgroundColor: color.panelBg,
@@ -141686,7 +141817,7 @@ function renderGhost(cfg) {
 }
 
 // src/ui/components/Mascot.tsx
-var jsx_dev_runtime8 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
 var SKINS = ["base", "mint", "pink", "golden", "shades"];
 var SKIN_CFG = {
   base: { palette: "default", face: "happy" },
@@ -141708,35 +141839,35 @@ function SpriteRow({ row }) {
       j++;
     const n = j - i2;
     if (t2 && b)
-      spans.push(/* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+      spans.push(/* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
         color: t2,
         backgroundColor: b,
         children: "▀".repeat(n)
       }, i2, false, undefined, this));
     else if (t2)
-      spans.push(/* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+      spans.push(/* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
         color: t2,
         children: "▀".repeat(n)
       }, i2, false, undefined, this));
     else if (b)
-      spans.push(/* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+      spans.push(/* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
         color: b,
         children: "▄".repeat(n)
       }, i2, false, undefined, this));
     else
-      spans.push(/* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+      spans.push(/* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
         children: " ".repeat(n)
       }, i2, false, undefined, this));
     i2 = j;
   }
-  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     children: spans
   }, undefined, false, undefined, this);
 }
 function Sprite({ data }) {
-  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     flexDirection: "column",
-    children: data.map((row, i2) => /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(SpriteRow, {
+    children: data.map((row, i2) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(SpriteRow, {
       row
     }, i2, false, undefined, this))
   }, undefined, false, undefined, this);
@@ -141764,9 +141895,9 @@ function AnimatedGhost({ cfg, scale, anim }) {
     frameCfg.overlay = { kind: anim.overlay, frame: slow };
   const data = import_react23.useMemo(() => renderGhost(frameCfg), [JSON.stringify(frameCfg)]);
   const shake = anim.shake ? tick % 2 : 0;
-  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     marginLeft: shake,
-    children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Sprite, {
+    children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Sprite, {
       data
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
@@ -141775,9 +141906,9 @@ function KittyGhost({ variant, size: size2 }) {
   const data = GHOSTS[variant][size2];
   const id = idColor(imageId(variant, size2));
   const lines = placeholderRows(data[0]?.length ?? 0, data.length);
-  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     flexDirection: "column",
-    children: lines.map((l, i2) => /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+    children: lines.map((l, i2) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
       color: id,
       children: l
     }, i2, false, undefined, this))
@@ -141785,29 +141916,29 @@ function KittyGhost({ variant, size: size2 }) {
 }
 function MascotSplash({ skin = "base", size: size2 = "big" }) {
   const kitty = getImageMode() === "kitty";
-  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     flexDirection: "column",
     alignItems: "center",
     marginTop: 1,
     children: [
-      size2 !== "none" ? kitty ? /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(KittyGhost, {
+      size2 !== "none" ? kitty ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(KittyGhost, {
         variant: skin,
         size: size2
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(AnimatedGhost, {
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(AnimatedGhost, {
         cfg: skinToCfg(skin),
         scale: size2 === "big" ? 2 : 1,
         anim: { blink: true }
       }, undefined, false, undefined, this) : null,
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
         marginTop: size2 === "none" ? 0 : 1,
-        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           color: color.accent,
           bold: true,
           children: "gearbox"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Box_default, {
-        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
           color: color.dim,
           children: "one ghost · every model"
         }, undefined, false, undefined, this)
@@ -141817,9 +141948,9 @@ function MascotSplash({ skin = "base", size: size2 = "big" }) {
 }
 
 // src/ui/components/PermissionPrompt.tsx
-var jsx_dev_runtime9 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
 function PermissionPrompt({ req, width }) {
-  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
     flexDirection: "column",
     width,
     marginTop: 1,
@@ -141827,9 +141958,9 @@ function PermissionPrompt({ req, width }) {
     borderStyle: "round",
     borderColor: color.accent,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.accent,
             bold: true,
             children: [
@@ -141837,7 +141968,7 @@ function PermissionPrompt({ req, width }) {
               " permission"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.faint,
             children: [
               "  ",
@@ -141846,39 +141977,39 @@ function PermissionPrompt({ req, width }) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+        children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
           flexGrow: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.text,
             wrap: "truncate-end",
             children: req.detail
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.accent,
             bold: true,
             children: "1"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.dim,
             children: " once"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.faint,
             children: "   "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.accent,
             bold: true,
             children: "2"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.dim,
             children: [
               " always (",
@@ -141886,33 +142017,33 @@ function PermissionPrompt({ req, width }) {
               ")"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.faint,
             children: "   "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.accent,
             bold: true,
             children: "a"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.dim,
             children: " all · yolo"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.faint,
             children: "   "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.err,
             bold: true,
             children: "3"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.dim,
             children: " deny"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.faint,
             children: " · esc"
           }, undefined, false, undefined, this)
@@ -141923,7 +142054,7 @@ function PermissionPrompt({ req, width }) {
 }
 
 // src/ui/components/Working.tsx
-var jsx_dev_runtime10 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime11 = __toESM(require_jsx_dev_runtime(), 1);
 var THINK_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
 var STREAM_FRAMES = ["▁", "▂", "▃", "▄", "▅", "▆", "▇", "█", "▇", "▆", "▅", "▄", "▃", "▂"];
 var TOOL_FRAMES = ["◐", "◓", "◑", "◒"];
@@ -141957,16 +142088,16 @@ function Working({
   const spinner = linger ? "●" : spinFrame(state);
   const f3 = Math.floor(Date.now() / 360);
   const dots = ["", ".", "..", "..."][f3 % 4];
-  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
     width,
     paddingX: 1,
     marginTop: 1,
     justifyContent: "space-between",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
         color: labelColor,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
             color: dotColor,
             children: [
               spinner,
@@ -141974,22 +142105,22 @@ function Working({
             ]
           }, undefined, true, undefined, this),
           label,
-          !linger ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          !linger ? /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
             color: color.accentDim,
             children: dots
           }, undefined, false, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
-      !linger ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+      !linger ? /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
             color: color.accentDim,
             children: [
               elapsed,
               "s"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
             color: color.faint,
             children: [
               tps >= 5 ? ` · ~${tps} tok/s` : "",
@@ -141997,7 +142128,7 @@ function Working({
             ]
           }, undefined, true, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
         color: color.faint,
         children: " "
       }, undefined, false, undefined, this)
@@ -142006,7 +142137,7 @@ function Working({
 }
 
 // src/ui/components/Viewport.tsx
-var jsx_dev_runtime11 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
 function normalized(sel) {
   if (!sel)
     return null;
@@ -142024,7 +142155,7 @@ function selectedRangeForLine(sel, absLine) {
 }
 function LineRow({ line, absLine, selection, lineWidth }) {
   if (line.length === 0) {
-    return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+    return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
       backgroundColor: color.navy,
       children: " ".repeat(lineWidth)
     }, undefined, false, undefined, this);
@@ -142033,7 +142164,7 @@ function LineRow({ line, absLine, selection, lineWidth }) {
   let pos = 0;
   const lineLen = line.reduce((n, s2) => n + s2.text.length, 0);
   const trailing = Math.max(0, lineWidth - lineLen);
-  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
     children: [
       line.flatMap((s2, j) => {
         const start = pos;
@@ -142041,7 +142172,7 @@ function LineRow({ line, absLine, selection, lineWidth }) {
         pos = end;
         if (!range2 || end <= range2[0] || start >= range2[1]) {
           return [
-            /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
               color: s2.color,
               bold: s2.bold,
               italic: s2.italic,
@@ -142054,7 +142185,7 @@ function LineRow({ line, absLine, selection, lineWidth }) {
         const a = Math.max(range2[0] - start, 0);
         const b = Math.min(range2[1] - start, s2.text.length);
         return [
-          s2.text.slice(0, a) ? /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          s2.text.slice(0, a) ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             color: s2.color,
             bold: s2.bold,
             italic: s2.italic,
@@ -142062,11 +142193,11 @@ function LineRow({ line, absLine, selection, lineWidth }) {
             backgroundColor: s2.bg ?? color.navy,
             children: s2.text.slice(0, a)
           }, `${j}-a`, false, undefined, this) : null,
-          /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             inverse: true,
             children: s2.text.slice(a, b)
           }, `${j}-b`, false, undefined, this),
-          s2.text.slice(b) ? /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          s2.text.slice(b) ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             color: s2.color,
             bold: s2.bold,
             italic: s2.italic,
@@ -142076,7 +142207,7 @@ function LineRow({ line, absLine, selection, lineWidth }) {
           }, `${j}-c`, false, undefined, this) : null
         ].filter(Boolean);
       }),
-      trailing > 0 ? /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+      trailing > 0 ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
         backgroundColor: color.navy,
         children: " ".repeat(trailing)
       }, undefined, false, undefined, this) : null
@@ -142093,25 +142224,25 @@ function Viewport({ lines, scrollTop, height, width, selection }) {
   const thumb = hasBar ? Math.max(1, Math.round(height / total * height)) : 0;
   const maxTop = Math.max(1, total - height);
   const thumbStart = hasBar ? Math.min(height - thumb, Math.round(scrollTop / maxTop * (height - thumb))) : 0;
-  return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
     width,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         flexDirection: "column",
         width: width - 1,
-        children: padded.map((l, i2) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(LineRow, {
+        children: padded.map((l, i2) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(LineRow, {
           line: l,
           absLine: scrollTop + i2,
           selection,
           lineWidth: width - 1
         }, i2, false, undefined, this))
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
         flexDirection: "column",
         width: 1,
         children: Array.from({ length: height }, (_, i2) => {
           const on = hasBar && i2 >= thumbStart && i2 < thumbStart + thumb;
-          return /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(Text, {
+          return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
             color: on ? color.accentDim : color.faint,
             children: on ? "┃" : hasBar ? "│" : " "
           }, i2, false, undefined, this);
@@ -142366,8 +142497,8 @@ function blockLines(tok, width) {
     }
     case "blockquote": {
       const inner = (tok.tokens ?? []).flatMap((t2) => blockLines(t2, Math.max(width - 2, 1)));
-      const bar = { text: glyph.userBar + " ", color: color.accentDim };
-      return inner.map((l) => [bar, ...l]);
+      const bar2 = { text: glyph.userBar + " ", color: color.accentDim };
+      return inner.map((l) => [bar2, ...l]);
     }
     case "hr":
       return [[{ text: glyph.rule.repeat(Math.min(width, 24)), color: color.faint }]];
@@ -143187,14 +143318,14 @@ class RoutingSelector {
   }
   prepare(task) {
     const kind = task.kind ?? classify(task.prompt);
-    const bar = BAR[kind];
+    const bar2 = BAR[kind];
     const required2 = task.requires ?? [];
     const ctx = buildRoutingContext(ctx_now());
     const estInputTokens = task.estTokens || NOMINAL_INPUT_TOKENS;
     const all = this.enumerate(ctx);
     if (all.length === 0) {
       const m2 = pickDefaultModel(this.fallbackId);
-      return { kind, bar, required: required2, ctx, pool: [], clears: [], estInputTokens, fallback: m2 ?? undefined };
+      return { kind, bar: bar2, required: required2, ctx, pool: [], clears: [], estInputTokens, fallback: m2 ?? undefined };
     }
     const capable = required2.length ? all.filter((c) => supportsRequirements(c.spec, required2)) : all;
     if (capable.length === 0) {
@@ -143205,8 +143336,8 @@ class RoutingSelector {
     const fits = need > 0 ? capable.filter((c) => c.spec.contextWindow >= need) : capable;
     let pool = fits.length ? fits : capable;
     pool = applyGlobalPreference(pool);
-    const clears = pool.filter((c) => qualityOf(c) >= bar);
-    return { kind, bar, required: required2, ctx, pool, clears, estInputTokens };
+    const clears = pool.filter((c) => qualityOf(c) >= bar2);
+    return { kind, bar: bar2, required: required2, ctx, pool, clears, estInputTokens };
   }
   preferredIn(kind, candidates) {
     const pref = preferenceFor(kind);
@@ -143406,7 +143537,7 @@ function backspaceFilter(panel) {
 }
 
 // src/ui/components/Panel.tsx
-var jsx_dev_runtime12 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
 function accountStateColor3(status) {
   if (status === "active")
     return color.ok;
@@ -143431,9 +143562,9 @@ function Panel({
     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, {
+    body = /* @__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: scroll,
         height: bodyH,
@@ -143447,48 +143578,48 @@ function Panel({
     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, {
+    body = /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
       flexDirection: "column",
       paddingX: 1,
-      children: rows.length === 0 ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+      children: rows.length === 0 ? /* @__PURE__ */ jsx_dev_runtime13.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, {
+        return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           backgroundColor: sel ? color.accentBg : undefined,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: sel ? color.accent : color.faint,
               children: sel ? "▶ " : "  "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.text,
               bold: r2.active,
               children: r2.name.padEnd(labelPad)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.faint,
               children: [
                 "  ",
                 r2.type
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: accountStateColor3(r2.status),
               children: [
                 "  ",
                 r2.status
               ]
             }, undefined, true, undefined, this),
-            r2.detail ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            r2.detail ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.faint,
               children: [
                 "  · ",
                 r2.detail
               ]
             }, undefined, true, undefined, this) : null,
-            r2.type === "subscription" && !(r2.detail && r2.detail.includes("@")) ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            r2.type === "subscription" && !(r2.detail && r2.detail.includes("@")) ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.accentDim,
               children: [
                 "  · /account login ",
@@ -143496,7 +143627,7 @@ function Panel({
                 " to identify"
               ]
             }, undefined, true, undefined, this) : null,
-            r2.active ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            r2.active ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.ok,
               children: [
                 "  ",
@@ -143514,10 +143645,10 @@ function Panel({
     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, {
+    body = /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
       flexDirection: "column",
       paddingX: 1,
-      children: rows.length === 0 ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+      children: rows.length === 0 ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
         color: color.faint,
         children: [
           "no models match “",
@@ -143527,23 +143658,23 @@ function Panel({
       }, 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, {
+        return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           backgroundColor: sel ? color.accentBg : undefined,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: sel ? color.accent : color.faint,
               children: sel ? "▶ " : "  "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime13.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, {
+            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.faint,
               children: r2.provider
             }, undefined, false, undefined, this),
-            pinned ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+            pinned ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
               color: color.ok,
               children: [
                 "  ",
@@ -143557,37 +143688,37 @@ function Panel({
     }, undefined, false, undefined, this);
     hint = `filter: ${panel.filter || "(type to filter)"}  ·  ↑↓ · ⏎ pin · esc close`;
   }
-  return /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
     flexDirection: "column",
     width,
     height,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         width,
         paddingX: 1,
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.accent,
             bold: true,
             children: panel.title
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
             color: color.faint,
             children: "esc to close"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         flexDirection: "column",
         width,
         height: bodyH,
         children: body
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
         width,
         paddingX: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
           color: color.faint,
           children: hint
         }, undefined, false, undefined, this)
@@ -145518,7 +145649,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` (now carrying an optional `Backend` so the runner can dispatch in-loop vs a subscription seat). Do not bypass it.\n- `src/model/router.ts` — `RoutingSelector` is **account-aware**: it scores `(model, account)` PAIRS, not just models. Candidates = in-loop registry models × the accounts that serve them + flat-rate subscription **seats** (`providers.subscriptionSeats()`, a seat mirrors a canonical model but runs via the vendor binary). Flow: classify → quality bar → context fit → global/`/prefer` preference filter → score → return `{model, reason, backend}`. A seat is ~free until its rate limit, so it wins by default and fails over to metered API as the window fills. `SubscriptionPinSelector`/`FixedSelector` are hard pins (explicit `/account use` or `/model`) that beat auto-routing.\n- `src/model/scoring.ts` — the PURE scorer: `score = costEst + scarcity + switchPenalty + limitPenalty + apiThrottlePenalty − planBonus`, argmin tie-broken deterministically. No I/O; fixture-tested. Every account-state term degrades safely — and where a provider exposes nothing, we ESTIMATE rather than go blind: live API rate-limit headers (`src/model/rate-headers.ts`, parsed from each response → `apiThrottle`, gentle near-empty penalty) and a self-declared budget − tracked spend (`/budget`, an estimated balance feeding scarcity). A missing signal with no estimate is still neutral (no errors per provider).\n- `src/model/routing-context.ts` — `buildRoutingContext()`: the per-turn account-state snapshot (balance where exposed, subscription rate headroom = min over the 5h/weekly windows) read from disk-cached `usage.json`. No network on the hot path; balances refreshed in the background (App effect).\n- `src/model/profiles.ts` — the data corpus: quality, cost, latency, tokenizer calibration, **and the per-model effort vocabulary** (`efforts`) per the provider research. Routing reads this; effort is clamped/omitted against the chosen model's set, never sent unsupported.\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 + ModelChoice.backend + FixedSelector (pinned model)\n    router.ts        RoutingSelector (account-aware): scores (model, account) pairs incl. subscription seats; SubscriptionPinSelector\n    scoring.ts       PURE scorer: cost + scarcity + limit − plan bonus; deterministic, fixture-tested\n    routing-context.ts per-turn account-state snapshot (balance + subscription rate headroom) from usage.json\n    cooldown.ts      reactive-failover support: classify a failure + park an exhausted account so the router routes around it\n    profiles.ts      model corpus: quality (SWE-bench), cost ($/Mtok), latency, tokenizer calibration, per-model effort vocab\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; addByPastedKey routes through sniff.ts\n    sniff.ts         pure credential sniffer: paste anything (key / AWS block / SA JSON / Azure URL / gateway key) → {kind, provider, fields, missing}\n    resolve.ts       credential resolution (Account → ResolvedCreds) + rank(model) → ordered failover pool (cross-provider, health-sorted)\n    discover.ts      per-account model discovery (Azure deployments / Foundry / gateway /models) → account.models; catalog defaultModels are seeds, not callable ids\n    health.ts        account health: classifyError (provider error → state), checkHealth (cached probe, timeout-bounded), recordHealth; no background polling\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); returns a structured failure (for failover)\n    failover.ts      runWithFailover: run a turn over the ranked account pool; on a credential failure before output, advance to the next; clear exhaustion errors\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**Accounts: reliability by design.** Every subscription, API key, and cloud credential is meant to work all the time. Switching is **by name only** (a stable unique `slug` per account, e.g. `claude-work`; positional numbers are gone — removing an account never repoints another). Each account carries a cached **health** state (`✓ ready · ⚠ expired · ✗ invalid · ⏳ limited · — unknown`) refreshed at natural touchpoints (boot sweep, opening `/account`, on switch, on live failure) — never by background polling; probes are timeout-bounded. A turn runs through a **failover pool**: `resolve.rank(model)` returns every account that can serve the model's family (cross-provider — Claude can fall Anthropic key → Bedrock → Vertex), health-sorted; `agent/failover.ts` tries them best-first and, on a credential-class failure **before any output** (expired/invalid/no-credit/rate-limited), transparently advances to the next and tells the user which account ran. A real (network/model) error or any failure after output streamed does NOT churn the pool. When the pool is exhausted, one consolidated error names each account, why it failed, and the one command to fix it. Expired subscriptions get one-step re-login: `/account login <name>` (and CLI failures name that exact command). `/account add <paste>` runs the credential **sniffer** (`accounts/sniff.ts`) — paste an API key, an AWS access key or credentials block, a Vertex service-account JSON, an Azure endpoint, or a Vercel gateway key, and it identifies the provider, fills the gaps interactively, and live-tests it.\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` (now carrying an optional `Backend` so the runner can dispatch in-loop vs a subscription seat). Do not bypass it.\n- `src/model/router.ts` — `RoutingSelector` is **account-aware**: it scores `(model, account)` PAIRS, not just models. Candidates = in-loop registry models × the accounts that serve them + flat-rate subscription **seats** (`providers.subscriptionSeats()`, a seat mirrors a canonical model but runs via the vendor binary). Flow: classify → quality bar → context fit → global/`/prefer` preference filter → score → return `{model, reason, backend}`. A seat is ~free until its rate limit, so it wins by default and fails over to metered API as the window fills. `SubscriptionPinSelector`/`FixedSelector` are hard pins (explicit `/account use` or `/model`) that beat auto-routing.\n- `src/model/scoring.ts` — the PURE scorer: `score = costEst + scarcity + switchPenalty + limitPenalty + apiThrottlePenalty − planBonus`, argmin tie-broken deterministically. No I/O; fixture-tested. Every account-state term degrades safely — and where a provider exposes nothing, we ESTIMATE rather than go blind: live API rate-limit headers (`src/model/rate-headers.ts`, parsed from each response → `apiThrottle`, gentle near-empty penalty) and a self-declared budget − tracked spend (`/budget`, an estimated balance feeding scarcity). A missing signal with no estimate is still neutral (no errors per provider).\n- `src/model/routing-context.ts` — `buildRoutingContext()`: the per-turn account-state snapshot (balance where exposed, subscription rate headroom = min over the 5h/weekly windows) read from disk-cached `usage.json`. No network on the hot path; balances refreshed in the background (App effect).\n- `src/model/profiles.ts` — the data corpus: quality, cost, latency, tokenizer calibration, **and the per-model effort vocabulary** (`efforts`) per the provider research. Routing reads this; effort is clamped/omitted against the chosen model's set, never sent unsupported.\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 + ModelChoice.backend + FixedSelector (pinned model)\n    router.ts        RoutingSelector (account-aware): scores (model, account) pairs incl. subscription seats; SubscriptionPinSelector\n    scoring.ts       PURE scorer: cost + scarcity + limit − plan bonus; deterministic, fixture-tested\n    routing-context.ts per-turn account-state snapshot (balance + subscription rate headroom) from usage.json\n    cooldown.ts      reactive-failover support: classify a failure + park an exhausted account so the router routes around it\n    profiles.ts      model corpus: quality (SWE-bench), cost ($/Mtok), latency, tokenizer calibration, per-model effort vocab\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; addByPastedKey routes through sniff.ts\n    sniff.ts         pure credential sniffer: paste anything (key / AWS block / SA JSON / Azure URL / gateway key) → {kind, provider, fields, missing}\n    resolve.ts       credential resolution (Account → ResolvedCreds) + rank(model) → ordered failover pool (cross-provider, health-sorted)\n    discover.ts      per-account model discovery (Azure deployments / Foundry / gateway /models) → account.models; catalog defaultModels are seeds, not callable ids\n    health.ts        account health: classifyError (provider error → state), checkHealth (cached probe, timeout-bounded), recordHealth; no background polling\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); returns a structured failure (for failover)\n    failover.ts      runWithFailover: run a turn over the ranked account pool; on a credential failure before output, advance to the next; clear exhaustion errors\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 (fullscreen: TOGGLES a persistent usage strip above the composer — context % · subscription 5h/7d headroom · session spend — stays until toggled off, persisted via `prefs.statusPinned`, doesn't capture input; `StatusStrip.tsx`. inline: one-shot card) /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**Accounts: reliability by design.** Every subscription, API key, and cloud credential is meant to work all the time. Switching is **by name only** (a stable unique `slug` per account, e.g. `claude-work`; positional numbers are gone — removing an account never repoints another). Each account carries a cached **health** state (`✓ ready · ⚠ expired · ✗ invalid · ⏳ limited · — unknown`) refreshed at natural touchpoints (boot sweep, opening `/account`, on switch, on live failure) — never by background polling; probes are timeout-bounded. A turn runs through a **failover pool**: `resolve.rank(model)` returns every account that can serve the model's family (cross-provider — Claude can fall Anthropic key → Bedrock → Vertex), health-sorted; `agent/failover.ts` tries them best-first and, on a credential-class failure **before any output** (expired/invalid/no-credit/rate-limited), transparently advances to the next and tells the user which account ran. A real (network/model) error or any failure after output streamed does NOT churn the pool. When the pool is exhausted, one consolidated error names each account, why it failed, and the one command to fix it. Expired subscriptions get one-step re-login: `/account login <name>` (and CLI failures name that exact command). `/account add <paste>` runs the credential **sniffer** (`accounts/sniff.ts`) — paste an API key, an AWS access key or credentials block, a Vertex service-account JSON, an Azure endpoint, or a Vercel gateway key, and it identifies the provider, fills the gaps interactively, and live-tests it.\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",
@@ -146641,7 +146772,7 @@ function gitBranch() {
 
 // src/ui/App.tsx
 init_proc();
-var jsx_dev_runtime13 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime14 = __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";
@@ -146791,16 +146922,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_runtime13.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     paddingX: 1,
     marginTop: 1,
     width,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
         color: color.accentDim,
         children: "activity "
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
         color: color.faint,
         children: line.slice(0, Math.max(width - 10, 20))
       }, undefined, false, undefined, this)
@@ -146810,31 +146941,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_runtime13.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     flexDirection: "column",
     alignItems: "center",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(MascotSplash, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(MascotSplash, {
         skin,
         size: splashSize
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         marginTop: 1,
         flexDirection: "column",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
             color: color.accent,
             bold: true,
             children: "gearbox"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime14.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_runtime13.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         marginTop: 2,
         width: panelWidth,
         borderStyle: "round",
@@ -146843,18 +146974,18 @@ function SetupSplash({ state, width, skin, splashSize }) {
         paddingY: 1,
         flexDirection: "column",
         children: [
-          detected > 0 ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+          detected > 0 ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: color.ok,
                     children: [
                       glyph.on,
                       " "
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: color.text,
                     children: [
                       detected,
@@ -146865,75 +146996,75 @@ function SetupSplash({ state, width, skin, splashSize }) {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
                 marginTop: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: color.accent,
                     children: "/account import"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: color.dim,
                     children: "  connect automatically"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
                 marginTop: 1,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: color.faint,
                     children: "or add a different key: "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.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_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+          }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
             children: [
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 color: color.dim,
                 children: "paste or type a key to get started"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
                 marginTop: 1,
-                children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                children: /* @__PURE__ */ jsx_dev_runtime14.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_runtime13.jsxDEV(Box_default, {
+          (state.hasClaudeCli || state.hasCodexCli) && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginTop: 2,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+              /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                 color: color.faint,
                 children: "subscriptions detected"
               }, undefined, false, undefined, this),
-              state.hasClaudeCli && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+              state.hasClaudeCli && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: color.accent,
                     children: "/account add claude"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: color.faint,
                     children: "  Claude Pro / Max"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              state.hasCodexCli && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+              state.hasCodexCli && /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: color.accent,
                     children: "/account add codex"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                  /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                     color: color.faint,
                     children: "   ChatGPT Plus"
                   }, undefined, false, undefined, this)
@@ -146943,9 +147074,9 @@ function SetupSplash({ state, width, skin, splashSize }) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
           color: color.faint,
           children: "/onboard  ·  /account  ·  /help"
         }, undefined, false, undefined, this)
@@ -147030,6 +147161,25 @@ function App2({ selector: initialSelector, runner, fullscreen = false, resumeId
   };
   const panelMaxScrollRef = import_react26.useRef(0);
   const panelAccountSlugsRef = import_react26.useRef([]);
+  const [statusPinned, setStatusPinnedState] = import_react26.useState(() => Boolean(loadPrefs().statusPinned));
+  const setStatusPinned = (v) => {
+    setStatusPinnedState(v);
+    updatePrefs({ statusPinned: v });
+  };
+  const currentUsageView = () => {
+    const accounts = listAccounts();
+    const resolve13 = (id) => {
+      const a = getAccount(id);
+      if (a) {
+        const bin = a.auth.kind === "cli" ? a.auth.binary : undefined;
+        return { name: accountName(a), kind: a.exec === "cli" ? "sub" : "api", balanceExposed: a.exec !== "cli" && balanceExposed(a.provider), limitNote: a.exec === "cli" ? `${bin === "codex" ? "Codex" : "Claude"} CLI hasn't reported quota windows yet` : undefined };
+      }
+      if (id === "unknown")
+        return { name: "(unattributed)", kind: "api" };
+      return { name: id, kind: "api" };
+    };
+    return buildUsageView(estimateCost(sessionRef.current.turns), resolve13, Date.now(), accounts.map((a) => a.id));
+  };
   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)
@@ -149233,6 +149383,12 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         }
         case "cost":
         case "usage": {
+          if (fullscreen) {
+            const on = !statusPinned;
+            setStatusPinned(on);
+            notice(on ? "usage pinned above the composer — /cost to hide" : "usage hidden");
+            return;
+          }
           const accounts = listAccounts();
           const resolve13 = (id) => {
             const a = getAccount(id);
@@ -149815,6 +149971,11 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
     footer += 1;
   if (quickPicker && quickRows.length)
     footer += quickPickerLimit + 2;
+  const stripView = statusPinned ? currentUsageView() : null;
+  const stripSub = stripView ? stripView.subscriptions.find((s2) => s2.name === activeCli?.label) ?? stripView.subscriptions[0] ?? null : null;
+  const stripApi = stripView ? stripView.apiKeys[0] ?? null : null;
+  if (statusPinned)
+    footer += 2 + (ctxPct != null ? 1 : 0) + (stripSub ? Math.max(1, stripSub.limits?.length ?? 1) : 0) + (stripApi?.spend ? 1 : 0) + 1;
   const HEADER = 3;
   const transcriptHeight = Math.max(1, rows - HEADER - footer);
   const maxScroll = Math.max(0, lines.length - transcriptHeight);
@@ -149845,87 +150006,87 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
     if (atBottomRef.current)
       setScrollTop(maxScroll);
   }, [lines.length, maxScroll]);
-  const hero = /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+  const hero = /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     flexDirection: "column",
     alignItems: "center",
-    children: setupRequired ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(SetupSplash, {
+    children: setupRequired ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(SetupSplash, {
       state: onboardingState,
       width,
       skin: ghostSkin,
       splashSize
-    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
       children: [
-        /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(MascotSplash, {
+        /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(MascotSplash, {
           skin: ghostSkin,
           size: splashSize
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+        /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
           marginTop: 1,
           children: [
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: color.dim,
               children: "talk or type "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: color.faint,
               children: [
                 glyph.bullet,
                 " "
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: color.accentDim,
               children: "/"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: color.dim,
               children: "commands "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: color.accentDim,
               children: "@"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: color.dim,
               children: "files "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: color.accentDim,
               children: "!"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: color.dim,
               children: "shell"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        firstRunRef.current ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+        firstRunRef.current ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
           marginTop: 1,
           flexDirection: "column",
           alignItems: "center",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: color.faint,
               children: [
                 "new here? press ",
-                /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                   color: color.accent,
                   children: "?"
                 }, undefined, false, undefined, this),
                 " for shortcuts · ",
-                /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                   color: color.accent,
                   children: "shift+tab"
                 }, undefined, false, undefined, this),
                 " cycles modes · ",
-                /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+                /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
                   color: color.accent,
                   children: "⌃Y"
                 }, undefined, false, undefined, this),
                 " copies the last reply"
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+            /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
               color: color.faint,
               children: "/config inline on for terminal scrollback · /keys for shortcuts"
             }, undefined, false, undefined, this)
@@ -149934,17 +150095,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_runtime13.jsxDEV(Box_default, {
+  const paletteJsx = pickerRows.length || cmdMatches.length || fileMatches.length ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(CommandPalette, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(CommandPalette, {
         draft: edit2.value,
         selected: selectedPalette,
         limit: 7,
         rows: pickerRows,
         width
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(FilePalette, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(FilePalette, {
         matches: fileMatches,
         selected: selectedPalette,
         limit: 5,
@@ -149952,24 +150113,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_runtime13.jsxDEV(Box_default, {
+  const quickPickerJsx = quickPicker && quickRows.length ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     flexDirection: "column",
     marginTop: 1,
     children: [
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
             color: color.accent,
             children: quickPicker === "model" ? "model" : "effort"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
             color: color.faint,
             children: " · ↑↓ select · ⏎ apply · esc close"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(CommandPalette, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(CommandPalette, {
         draft: "",
         selected: Math.min(quickPickerIndex, quickRows.length - 1),
         limit: quickPickerLimit,
@@ -149978,10 +150139,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_runtime13.jsxDEV(PermissionPrompt, {
+  const composerJsx = perm ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(PermissionPrompt, {
     req: perm,
     width
-  }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Composer, {
+  }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Composer, {
     value: edit2.value,
     cursor: edit2.cursor,
     selectionAnchor: edit2.selectionAnchor,
@@ -149991,9 +150152,9 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
     width,
     vim
   }, undefined, false, undefined, this);
-  const footerJsx = /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+  const footerJsx = /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
     children: [
-      busy || linger ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Working, {
+      busy || linger ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Working, {
         state: mascotState,
         skin: ghostSkin,
         verb,
@@ -150008,15 +150169,15 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         linger: linger && !busy,
         width
       }, undefined, false, undefined, this) : null,
-      busy ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(ActivityRail, {
+      busy ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(ActivityRail, {
         items,
         width
       }, undefined, false, undefined, this) : null,
-      queued.length ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      queued.length ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         paddingX: 1,
         marginTop: 1,
         flexDirection: "column",
-        children: queued.map((q, i2) => /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+        children: queued.map((q, i2) => /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
           color: color.faint,
           children: [
             "↳ queued: ",
@@ -150024,11 +150185,11 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
           ]
         }, i2, true, undefined, this))
       }, undefined, false, undefined, this) : null,
-      mode2 !== "normal" ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      mode2 !== "normal" ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         paddingX: 1,
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
             color: color.accent,
             children: [
               glyph.notice,
@@ -150036,7 +150197,7 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
               mode2 === "plan" ? "plan mode" : "auto-accept edits"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
             color: color.faint,
             children: [
               " · ",
@@ -150046,14 +150207,14 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this) : null,
-      search ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      search ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
             color: color.accent,
             children: "(reverse-i-search)"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
             color: color.text,
             children: [
               "`",
@@ -150061,15 +150222,15 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
               "`: "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+          /* @__PURE__ */ jsx_dev_runtime14.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_runtime13.jsxDEV(Box_default, {
+      copiedNotice ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         paddingX: 1,
-        children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Text, {
+        children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Text, {
           color: color.ok,
           children: [
             glyph.notice,
@@ -150079,7 +150240,16 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this) : null,
       quickPickerJsx,
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(StatusBar, {
+      statusPinned ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(StatusStrip, {
+        ctxPct,
+        tokens,
+        contextWindow: model?.contextWindow ?? null,
+        cost: estimateCost(sessionRef.current.turns),
+        sub: stripSub,
+        api: stripApi,
+        width
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(StatusBar, {
         model: modelLabel,
         branch,
         routing,
@@ -150093,7 +150263,7 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         effort: displayEffort,
         online
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+      /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
         height: PALETTE_ROWS,
         flexDirection: "column",
         children: paletteJsx
@@ -150101,26 +150271,26 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
       composerJsx
     ]
   }, undefined, true, undefined, this);
-  const inlineFooterJsx = /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+  const inlineFooterJsx = /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
     children: [
       paletteJsx,
       composerJsx
     ]
   }, undefined, true, undefined, this);
   if (fullscreen) {
-    return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+    return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
       flexDirection: "column",
       width,
       height: rows,
       children: [
-        /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Banner, {
+        /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Banner, {
           model: modelLabel,
           cwd: basename3(process.cwd()),
           width
         }, undefined, false, undefined, this),
-        panel ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+        panel ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
           paddingX: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Panel, {
+          children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Panel, {
             panel,
             width: panelW,
             height: transcriptHeight,
@@ -150129,14 +150299,14 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
             currentModelId: panelCurrentModel,
             staticLines: panelStaticLines
           }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this) : welcome ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+        }, undefined, false, undefined, this) : welcome ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
           height: transcriptHeight,
           flexDirection: "column",
           justifyContent: "center",
           children: hero
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
           paddingX: 1,
-          children: /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Viewport, {
+          children: /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Viewport, {
             lines,
             scrollTop: effScroll,
             height: transcriptHeight,
@@ -150148,24 +150318,24 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
       ]
     }, undefined, true, undefined, this);
   }
-  const banner = /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Banner, {
+  const banner = /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Banner, {
     model: modelLabel,
     cwd: basename3(process.cwd()),
     width
   }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+  return /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
     flexDirection: "column",
     width,
     children: [
-      welcome ? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+      welcome ? /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(jsx_dev_runtime14.Fragment, {
         children: [
           banner,
-          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Box_default, {
+          /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Box_default, {
             marginTop: 1,
             children: hero
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(Transcript, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(Transcript, {
         items,
         width,
         header: banner,
@@ -150179,7 +150349,7 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
 // src/cli.tsx
 init_providers();
 init_permission();
-var jsx_dev_runtime14 = __toESM(require_jsx_dev_runtime(), 1);
+var jsx_dev_runtime15 = __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";
@@ -150677,7 +150847,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_runtime14.jsxDEV(App2, {
+var app = render_default(/* @__PURE__ */ jsx_dev_runtime15.jsxDEV(App2, {
   selector,
   fullscreen,
   resumeId