sharkbait 1.0.21 → 1.0.22

package/dist/cli.js

@@ -6505,14 +6505,15 @@ Duration: ${(result.totalDurationMs / 1000).toFixed(1)}s`
   }
 }
 // src/agent/start-chat.ts
-import React3 from "react";
+import React6 from "react";
 import { render } from "ink";
 
 // src/ui/app.tsx
-import React2, { useState as useState2, useEffect as useEffect2, useCallback, useRef } from "react";
+import React5, { useState as useState2, useEffect as useEffect2, useCallback, useRef } from "react";
 import { Box as Box12, Text as Text12, useInput, useApp } from "ink";
 
 // src/ui/message.tsx
+import { memo } from "react";
 import { Box as Box2, Text as Text2 } from "ink";
 
 // src/ui/theme.ts
@@ -6700,7 +6701,7 @@ function HighlightedContent({ content }) {
 
 // src/ui/message.tsx
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-function MessageView({
+var MessageView = memo(function MessageView2({
   role,
   content,
   timestamp,
@@ -6769,7 +6770,7 @@ function MessageView({
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
-}
+});
 
 // src/ui/spinner.tsx
 import { useState, useEffect } from "react";
@@ -6965,9 +6966,10 @@ function WelcomeScreen({ version, workingDir }) {
 }
 
 // src/ui/status-bar.tsx
+import { memo as memo2 } from "react";
 import { Box as Box6, Text as Text6 } from "ink";
 import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-function StatusBar({
+var StatusBar = memo2(function StatusBar2({
   model,
   tokens = 0,
   cost = 0,
@@ -7057,7 +7059,7 @@ function StatusBar({
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
-}
+});
 
 // src/ui/input-prompt.tsx
 import { Box as Box7, Text as Text7 } from "ink";
@@ -7091,9 +7093,10 @@ function InputPrompt({
 }
 
 // src/ui/tool-call.tsx
+import { memo as memo3 } from "react";
 import { Box as Box8, Text as Text8 } from "ink";
-import { jsxDEV as jsxDEV8, Fragment } from "react/jsx-dev-runtime";
-function ToolCallView({
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+var ToolCallView = memo3(function ToolCallView2({
   name,
   status,
   result,
@@ -7101,7 +7104,7 @@ function ToolCallView({
   duration
 }) {
   const statusConfig = {
-    running: { icon: icons.tool, color: colors.primary },
+    running: { icon: "⟳", color: colors.primary },
     success: { icon: icons.success, color: colors.success },
     error: { icon: icons.error, color: colors.error }
   };
@@ -7116,34 +7119,33 @@ function ToolCallView({
     paddingX: 1,
     children: [
       /* @__PURE__ */ jsxDEV8(Box8, {
-        children: status === "running" ? /* @__PURE__ */ jsxDEV8(Spinner, {
-          text: name,
-          variant: "dots"
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV8(Fragment, {
-          children: [
-            /* @__PURE__ */ jsxDEV8(Text8, {
-              color: config.color,
-              children: [
-                config.icon,
-                " "
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV8(Text8, {
-              bold: true,
-              color: colors.text,
-              children: name
-            }, undefined, false, undefined, this),
-            durationText && /* @__PURE__ */ jsxDEV8(Text8, {
-              color: colors.textDim,
-              children: [
-                " (",
-                durationText,
-                ")"
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
+        children: [
+          /* @__PURE__ */ jsxDEV8(Text8, {
+            color: config.color,
+            children: [
+              config.icon,
+              " "
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV8(Text8, {
+            bold: true,
+            color: colors.text,
+            children: name
+          }, undefined, false, undefined, this),
+          status === "running" && /* @__PURE__ */ jsxDEV8(Text8, {
+            color: colors.textDim,
+            children: " ..."
+          }, undefined, false, undefined, this),
+          durationText && /* @__PURE__ */ jsxDEV8(Text8, {
+            color: colors.textDim,
+            children: [
+              " (",
+              durationText,
+              ")"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
       result && status === "success" && /* @__PURE__ */ jsxDEV8(Box8, {
         marginLeft: 2,
         marginTop: 0,
@@ -7171,7 +7173,7 @@ function ToolCallView({
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
-}
+});
 
 // src/ui/parallel-progress.tsx
 import { Box as Box9, Text as Text9 } from "ink";
@@ -8304,7 +8306,7 @@ Type /help for available commands.`,
 }
 // src/ui/app.tsx
 import { basename as basename3 } from "path";
-import { jsxDEV as jsxDEV12, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV12, Fragment } from "react/jsx-dev-runtime";
 function estimateTokens(text) {
   return Math.ceil(text.length / 4);
 }
@@ -8349,19 +8351,35 @@ function App({ contextFiles: initialContextFiles, enableBeads: initialBeadsEnabl
   });
   const abortControllerRef = useRef(null);
   const pendingOutputRef = useRef("");
+  const pendingTokensRef = useRef(0);
+  const pendingCostRef = useRef(0);
   const outputTimerRef = useRef(null);
   const { exit } = useApp();
   const workingDir = currentDir;
   const flushOutput = useCallback(() => {
-    if (pendingOutputRef.current) {
-      setCurrentOutput(pendingOutputRef.current);
+    const output = pendingOutputRef.current;
+    const tokens = pendingTokensRef.current;
+    const cost = pendingCostRef.current;
+    if (output)
+      setCurrentOutput(output);
+    if (tokens > 0) {
+      setTokenCount((prev) => prev + tokens);
+      pendingTokensRef.current = 0;
+    }
+    if (cost > 0) {
+      setSessionCost((prev) => prev + cost);
+      pendingCostRef.current = 0;
     }
     outputTimerRef.current = null;
   }, []);
-  const throttledSetOutput = useCallback((content) => {
+  const throttledSetOutput = useCallback((content, chunkTokens) => {
     pendingOutputRef.current = content;
+    if (chunkTokens && chunkTokens > 0) {
+      pendingTokensRef.current += chunkTokens;
+      pendingCostRef.current += chunkTokens * 0.00003;
+    }
     if (!outputTimerRef.current) {
-      outputTimerRef.current = setTimeout(flushOutput, 50);
+      outputTimerRef.current = setTimeout(flushOutput, 80);
     }
   }, [flushOutput]);
   useEffect2(() => {
@@ -8370,11 +8388,11 @@ function App({ contextFiles: initialContextFiles, enableBeads: initialBeadsEnabl
         clearTimeout(outputTimerRef.current);
     };
   }, []);
-  const agent = React2.useMemo(() => new Agent({
+  const agent = React5.useMemo(() => new Agent({
     contextFiles,
     enableBeads: beadsEnabled
   }), [contextFiles, beadsEnabled]);
-  const commandContext = React2.useMemo(() => ({
+  const commandContext = React5.useMemo(() => ({
     currentDir,
     setCurrentDir,
     addMessage: (role, content) => {
@@ -8533,10 +8551,8 @@ function App({ contextFiles: initialContextFiles, enableBeads: initialBeadsEnabl
         switch (event.type) {
           case "text":
             assistantContent += event.content;
-            throttledSetOutput(assistantContent);
             const chunkTokens = estimateTokens(event.content);
-            setTokenCount((prev) => prev + chunkTokens);
-            setSessionCost((prev) => prev + chunkTokens * 0.00003);
+            throttledSetOutput(assistantContent, chunkTokens);
             break;
           case "agent_start":
             setCurrentAgent(event.agent);
@@ -8636,6 +8652,14 @@ ${event.consolidated}`,
               clearTimeout(outputTimerRef.current);
               outputTimerRef.current = null;
             }
+            if (pendingTokensRef.current > 0) {
+              setTokenCount((prev) => prev + pendingTokensRef.current);
+              pendingTokensRef.current = 0;
+            }
+            if (pendingCostRef.current > 0) {
+              setSessionCost((prev) => prev + pendingCostRef.current);
+              pendingCostRef.current = 0;
+            }
             pendingOutputRef.current = "";
             if (assistantContent.trim()) {
               setMessages((prev) => [...prev, {
@@ -8780,7 +8804,7 @@ ${event.consolidated}`,
         justifyContent: "center",
         children: /* @__PURE__ */ jsxDEV12(Text12, {
           color: colors.textDim,
-          children: isExecuting ? /* @__PURE__ */ jsxDEV12(Fragment2, {
+          children: isExecuting ? /* @__PURE__ */ jsxDEV12(Fragment, {
             children: [
               "Press ",
               /* @__PURE__ */ jsxDEV12(Text12, {
@@ -8789,7 +8813,7 @@ ${event.consolidated}`,
               }, undefined, false, undefined, this),
               " to cancel"
             ]
-          }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV12(Fragment2, {
+          }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV12(Fragment, {
             children: [
               "Press ",
               /* @__PURE__ */ jsxDEV12(Text12, {
@@ -8811,7 +8835,7 @@ ${event.consolidated}`,
 }
 
 // src/version.ts
-var VERSION = "1.0.21";
+var VERSION = "1.0.22";
 
 // src/agent/start-chat.ts
 async function startChat(options = {}) {
@@ -8821,7 +8845,7 @@ async function startChat(options = {}) {
       process.chdir(workingDir);
     }
   } catch {}
-  const { waitUntilExit } = render(React3.createElement(App, {
+  const { waitUntilExit } = render(React6.createElement(App, {
     contextFiles: options.context,
     enableBeads: options.beads ?? true,
     version: VERSION,
@@ -8995,7 +9019,7 @@ Task completed.`);
 }
 
 // src/commands/setup.tsx
-import React4, { useState as useState3, useEffect as useEffect3 } from "react";
+import React7, { useState as useState3, useEffect as useEffect3 } from "react";
 import { render as render2, Box as Box13, Text as Text13, useInput as useInput2, useApp as useApp2 } from "ink";
 import TextInput from "ink-text-input";
 import { writeFile as writeFile4, readFile as readFile3, mkdir as mkdir4, stat as stat3 } from "fs/promises";
@@ -9003,7 +9027,7 @@ import { join as join8, resolve as resolve4 } from "path";
 import { homedir as homedir4 } from "os";
 import { existsSync as existsSync6 } from "fs";
 import { execSync as execSync2 } from "child_process";
-import { jsxDEV as jsxDEV13, Fragment as Fragment3 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV13, Fragment as Fragment2 } from "react/jsx-dev-runtime";
 function SetupWizardWithCallback({ onComplete }) {
   const { exit } = useApp2();
   const [step, setStep] = useState3("welcome");
@@ -9858,7 +9882,7 @@ function SetupWizardWithCallback({ onComplete }) {
                   beadsVersion ? ` — ${beadsVersion}` : ""
                 ]
               }, undefined, true, undefined, this),
-              beadsInstallStatus === "failed" && /* @__PURE__ */ jsxDEV13(Fragment3, {
+              beadsInstallStatus === "failed" && /* @__PURE__ */ jsxDEV13(Fragment2, {
                 children: [
                   /* @__PURE__ */ jsxDEV13(Text13, {
                     color: colors.warning,
@@ -9890,7 +9914,7 @@ function SetupWizardWithCallback({ onComplete }) {
           /* @__PURE__ */ jsxDEV13(Box13, {
             marginTop: 1,
             flexDirection: "column",
-            children: state.authMethod === "azure-identity" ? /* @__PURE__ */ jsxDEV13(Fragment3, {
+            children: state.authMethod === "azure-identity" ? /* @__PURE__ */ jsxDEV13(Fragment2, {
               children: [
                 /* @__PURE__ */ jsxDEV13(Text13, {
                   color: colors.textMuted,
@@ -9907,7 +9931,7 @@ function SetupWizardWithCallback({ onComplete }) {
                   ]
                 }, undefined, true, undefined, this)
               ]
-            }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV13(Fragment3, {
+            }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV13(Fragment2, {
               children: [
                 /* @__PURE__ */ jsxDEV13(Text13, {
                   color: colors.textMuted,
@@ -9958,13 +9982,13 @@ function SetupWizardWithCallback({ onComplete }) {
 async function runSetup() {
   let setupCompleted = false;
   function SetupWizardWrapper() {
-    return React4.createElement(SetupWizardWithCallback, {
+    return React7.createElement(SetupWizardWithCallback, {
       onComplete: () => {
         setupCompleted = true;
       }
     });
   }
-  const { waitUntilExit } = render2(React4.createElement(SetupWizardWrapper));
+  const { waitUntilExit } = render2(React7.createElement(SetupWizardWrapper));
   await waitUntilExit();
   return setupCompleted;
 }
@@ -10095,7 +10119,7 @@ ${"━".repeat(60)}`);
 }
 
 // src/version.ts
-var VERSION2 = "1.0.21";
+var VERSION2 = "1.0.22";
 
 // src/ui/logo.tsx
 import { Box as Box14, Text as Text14 } from "ink";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sharkbait",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "AI-powered coding assistant for the command line. Uses OpenAI Responses API (not Chat). Autonomous agents, parallel code reviews, 36 tools.",
   "type": "module",
   "main": "./dist/cli.js",