gearbox-code 0.2.0 → 0.2.2

package/dist/cli.mjs

@@ -135826,7 +135826,7 @@ var color = {
   path: "#7DD3FC",
   codeKeyword: "#7DD3FC",
   codeString: "#A7F3D0",
-  codeNumber: "#FDA4AF",
+  codeNumber: "#A5B4FC",
   codeComment: "#4B5563",
   codePunct: "#6B7280",
   codeFunction: "#93C5FD",
@@ -135853,7 +135853,7 @@ var glyph = {
 
 // src/ui/components/Banner.tsx
 var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
-function Banner({ model, cwd: cwd2, width }) {
+function Banner({ cwd: cwd2, width }) {
   const { stdout } = use_stdout_default();
   const w = width ?? Math.min(stdout?.columns ?? 80, 100);
   return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
@@ -135870,13 +135870,10 @@ function Banner({ model, cwd: cwd2, width }) {
             bold: true,
             children: "gearbox"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
-            color: color.dim,
-            children: [
-              model,
-              cwd2 ? `  ${glyph.bullet}  ${cwd2}` : ""
-            ]
-          }, undefined, true, undefined, this)
+          cwd2 ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+            color: color.faint,
+            children: cwd2
+          }, undefined, false, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
@@ -141960,7 +141957,6 @@ function Working({
   const spinner = linger ? "●" : spinFrame(state);
   const f3 = Math.floor(Date.now() / 360);
   const dots = ["", ".", "..", "..."][f3 % 4];
-  const phase = state === "tool" ? "using tools" : state === "streaming" ? "writing" : "thinking";
   return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
     width,
     paddingX: 1,
@@ -141980,12 +141976,8 @@ function Working({
           label,
           !linger ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.accentDim,
-            children: [
-              " · ",
-              phase,
-              dots
-            ]
-          }, undefined, true, undefined, this) : null
+            children: dots
+          }, undefined, false, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
       !linger ? /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
@@ -142000,7 +141992,7 @@ function Working({
           /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Text, {
             color: color.faint,
             children: [
-              tps > 0 ? ` · ~${tps} tok/s` : "",
+              tps >= 5 ? ` · ~${tps} tok/s` : "",
               " · esc to interrupt"
             ]
           }, undefined, true, undefined, this)
@@ -143489,6 +143481,21 @@ function Panel({
                 r2.status
               ]
             }, undefined, true, undefined, this),
+            r2.detail ? /* @__PURE__ */ jsx_dev_runtime12.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, {
+              color: color.accentDim,
+              children: [
+                "  · /account login ",
+                r2.alias,
+                " to identify"
+              ]
+            }, undefined, true, undefined, this) : null,
             r2.active ? /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Text, {
               color: color.ok,
               children: [
@@ -146975,6 +146982,7 @@ function App2({ selector: initialSelector, runner, fullscreen = false, resumeId
   const [copiedNotice, setCopiedNotice] = import_react26.useState(null);
   const copiedTimerRef = import_react26.useRef(null);
   const outCharsRef = import_react26.useRef(0);
+  const firstOutputAtRef = import_react26.useRef(0);
   const [, bumpMotion] = import_react26.useReducer((x2) => x2 + 1, 0);
   const [yolo2, setYoloState] = import_react26.useState(isYolo());
   const [perm, setPermState] = import_react26.useState(null);
@@ -147768,7 +147776,7 @@ function App2({ selector: initialSelector, runner, fullscreen = false, resumeId
         status,
         active: activeRow,
         alias: accountSlug(a),
-        detail: st?.signedIn ? st.detail : undefined,
+        detail: (st?.signedIn ? st.detail : undefined) ?? a.identity?.label,
         duplicateOf: st?.duplicateOf,
         health: a.health?.state
       };
@@ -147781,12 +147789,36 @@ function App2({ selector: initialSelector, runner, fullscreen = false, resumeId
       statusPad: Math.max(6, ...rows2.map((r2) => r2.status.length))
     };
   };
+  const refreshCliStatuses = import_react26.useCallback(async () => {
+    const accounts = listAccounts().filter((a) => a.exec === "cli");
+    const statuses = { ...accountStatusCacheRef.current };
+    await Promise.all(accounts.map(async (a) => {
+      const bin = a.auth.binary;
+      const profile = a.auth.loginProfile;
+      try {
+        const st = await cliAuthStatus(bin, profile);
+        statuses[a.id] = { signedIn: st.loggedIn, detail: st.detail, identity: st.identity };
+        if (st.loggedIn && st.identityLabel) {
+          putAccount({ ...a, identity: { key: st.identity ?? a.id, label: st.identityLabel, checkedAt: Date.now() } });
+        }
+      } catch {}
+    }));
+    accountStatusCacheRef.current = statuses;
+  }, []);
   const askModeRef = import_react26.useRef(false);
+  const lastRouteRef = import_react26.useRef("");
+  const routeChanged = (key) => {
+    const changed = key !== lastRouteRef.current;
+    lastRouteRef.current = key;
+    return changed;
+  };
   const runCliBackend = import_react26.useCallback(async (args) => {
     const { binary, profile, modelId, accountId, efforts, label, pinned, prompt, messages, onEvent, signal } = args;
     usedAccountRef.current = accountId;
-    const detail = pinned ? `${binary}${label ? ` · ${label}` : ""} owns tools and permissions` : `${binary}${label ? ` · ${label}` : ""} subscription · seat (~free) owns tools and permissions`;
-    onEvent({ type: "phase", label: "using subscription", detail, state: "running" });
+    if (args.showProvenance !== false) {
+      const detail = pinned ? `${binary}${label ? ` · ${label}` : ""} owns tools and permissions` : `${binary}${label ? ` · ${label}` : ""} subscription seat · own tools/permissions`;
+      onEvent({ type: "phase", label: "using subscription", detail, state: "running" });
+    }
     const _cliEffortRaw = normalizeEffort(effortRef.current, efforts);
     if (_cliEffortRaw === null && effortRef.current !== "medium") {
       const { level: nearest } = clampEffort(effortRef.current, efforts);
@@ -147885,6 +147917,7 @@ ${map4}
         efforts: cliChoice?.efforts ?? [],
         label: cliModelLabel(activeCliModelRef.current) || undefined,
         pinned: true,
+        showProvenance: routeChanged(`pin:${pin.id}:${activeCliModelRef.current ?? pin.binary}`),
         prompt,
         messages,
         onEvent,
@@ -147906,7 +147939,9 @@ ${map4}
           return { ...cliImageGuard(), failure: { message: "image attachments need an API-backed model" }, cooldownKey: acct.id };
         routedRef.current = { model: choice3.model, reason: choice3.reason };
         setLastPick({ model: choice3.model, reason: choice3.reason });
-        onEvent({ type: "model-pick", model: choice3.model.label, provider: choice3.model.provider, reason: choice3.reason });
+        const showCli = routeChanged(`cli:${acct.id}:${choice3.model.id}`);
+        if (showCli)
+          onEvent({ type: "model-pick", model: choice3.model.label, provider: choice3.model.provider, reason: choice3.reason });
         const out = await runCliBackend({
           binary: choice3.backend.binary,
           profile: choice3.backend.profile,
@@ -147916,6 +147951,7 @@ ${map4}
           label: choice3.model.label,
           pinned: false,
           deferTerminal: true,
+          showProvenance: showCli,
           prompt,
           messages,
           onEvent,
@@ -147928,7 +147964,9 @@ ${map4}
         throw new Error(`${choice3.model.label} cannot run this turn (${missing.join(", ")} unsupported). Use /model auto or pick a compatible model.`);
       routedRef.current = { model: choice3.model, reason: choice3.reason };
       setLastPick({ model: choice3.model, reason: choice3.reason });
-      onEvent({ type: "model-pick", model: choice3.model.label, provider: choice3.model.provider, reason: choice3.reason });
+      if (routeChanged(`api:${choice3.model.provider}:${choice3.model.id}`)) {
+        onEvent({ type: "model-pick", model: choice3.model.label, provider: choice3.model.provider, reason: choice3.reason });
+      }
       onEvent({ type: "phase", label: "building context", detail: choice3.model.label, state: "running" });
       const userContent = imageContent(prompt, activeImagesRef.current);
       const { system, messages: ctx } = buildContext({ history: messages, userText: prompt, userContent, model: choice3.model, plan });
@@ -148136,6 +148174,7 @@ ${fetched.join(`
     setSuggestion(null);
     const turnStart = Date.now();
     outCharsRef.current = 0;
+    firstOutputAtRef.current = 0;
     if (lingerRef.current)
       clearTimeout(lingerRef.current);
     setLinger(false);
@@ -148240,6 +148279,8 @@ ${fetched.join(`
         push({ kind: "phase", id: idRef.current++, label: e2.label, detail: e2.detail, state: e2.state ?? "running" });
       } else if (e2.type === "text") {
         setMascotState("streaming");
+        if (firstOutputAtRef.current === 0)
+          firstOutputAtRef.current = Date.now();
         outCharsRef.current += e2.text.length;
         pendingText += e2.text;
         if (!textFlushTimer)
@@ -148919,6 +148960,10 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         case "account": {
           if (!arg.trim() && fullscreen) {
             setPanel({ kind: "accounts", title: "accounts · ⏎ to switch", index: 0 });
+            refreshCliStatuses().then(() => {
+              if (panelRef.current?.kind === "accounts")
+                setPanel({ ...panelRef.current });
+            });
             return;
           }
           echo(text2);
@@ -149909,7 +149954,13 @@ Example: /mcp add github npx -y @modelcontextprotocol/server-github`);
         skin: ghostSkin,
         verb,
         elapsed,
-        tps: elapsed > 0 ? Math.round(outCharsRef.current / 4 / elapsed) : 0,
+        tps: (() => {
+          const t0 = firstOutputAtRef.current;
+          if (!t0)
+            return 0;
+          const secs = (Date.now() - t0) / 1000;
+          return secs > 0.7 ? Math.round(outCharsRef.current / 4 / secs) : 0;
+        })(),
         linger: linger && !busy,
         width
       }, undefined, false, undefined, this) : null,

package/package.json

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