bravecode-cli 0.1.37 → 0.1.39

package/dist/cli-main.mjs

@@ -38185,7 +38185,7 @@ var APP_VERSION, APP_NAME;
 var init_version = __esm({
   "src/version.ts"() {
     "use strict";
-    APP_VERSION = "0.1.37";
+    APP_VERSION = "0.1.39";
     APP_NAME = "BraveCode";
   }
 });
@@ -41152,7 +41152,7 @@ IMPORTANT: Only test APIs you have authorization to test. Never attempt to acces
       setAutoApprove(auto) {
         this.autoApprove = auto;
       }
-      async run(userMessage, onChunk, signal) {
+      async run(userMessage, onChunk, signal, onToolCall) {
         let message = userMessage;
         if (this.pluginHooks.beforeAgentRun) {
           message = await this.pluginHooks.beforeAgentRun(this.config.id, message);
@@ -41217,6 +41217,7 @@ IMPORTANT: Only test APIs you have authorization to test. Never attempt to acces
             if (signal?.aborted) break;
             const toolName = toolCall.name;
             const toolArgs = toolCall.arguments;
+            onToolCall?.(toolCall, "running");
             const permission = await this.permissions.checkPermission(
               toolName,
               toolArgs,
@@ -41225,6 +41226,7 @@ IMPORTANT: Only test APIs you have authorization to test. Never attempt to acces
             if (permission.action === "deny") {
               agentLog(`
   > Blocked: ${toolName} (permission denied)`);
+              onToolCall?.(toolCall, "error", "Permission denied");
               this.conversationHistory.push({
                 role: "tool",
                 content: "Permission denied by security policy.",
@@ -41252,6 +41254,7 @@ IMPORTANT: Only test APIs you have authorization to test. Never attempt to acces
             if (this.pluginHooks.afterToolCall) {
               result = await this.pluginHooks.afterToolCall(toolName, args, result);
             }
+            onToolCall?.(toolCall, "done", result);
             this.conversationHistory.push({
               role: "tool",
               content: result,
@@ -41811,7 +41814,7 @@ var init_providers = __esm({
 // src/core/tui/hooks/use-agent-runner.ts
 import React3 from "react";
 function useAgentRunner() {
-  const { addMessage, updateMessage } = useSession();
+  const { addMessage, updateMessage, addToolCall, messages } = useSession();
   const { currentAgent, currentModel, setRunning } = useAgent();
   const toast = useToast();
   const agentRef = React3.useRef(null);
@@ -41847,7 +41850,27 @@ function useAgentRunner() {
           fullContent += chunk;
           updateMessage(assistantMsg.id, { content: fullContent });
         },
-        abortRef.current.signal
+        abortRef.current.signal,
+        (toolCall, status, result) => {
+          const tcState = {
+            id: toolCall.id,
+            name: toolCall.name,
+            args: toolCall.arguments,
+            status,
+            result
+          };
+          const existingMsg = messages.find((m) => m.id === assistantMsg.id);
+          const existingTc = existingMsg?.toolCalls?.find((tc) => tc.id === toolCall.id);
+          if (existingTc) {
+            updateMessage(assistantMsg.id, {
+              toolCalls: existingMsg.toolCalls.map(
+                (tc) => tc.id === toolCall.id ? tcState : tc
+              )
+            });
+          } else {
+            addToolCall(assistantMsg.id, tcState);
+          }
+        }
       );
       updateMessage(assistantMsg.id, { content: fullContent });
     } catch (err) {
@@ -42086,14 +42109,28 @@ function MessageBubble({ msg }) {
       paddingRight: 2,
       paddingTop: 0,
       paddingBottom: 0,
-      flexDirection: "column"
+      flexDirection: "row",
+      gap: 1
     }, children: [
-      /* @__PURE__ */ jsx("text", { fg: colors2.textMuted, children: /* @__PURE__ */ jsxs("b", { children: [
-        "[Tool result for ",
+      /* @__PURE__ */ jsx("text", { fg: colors2.textMuted, children: /* @__PURE__ */ jsx("b", { children: "\u203A" }) }),
+      /* @__PURE__ */ jsxs("text", { fg: colors2.textMuted, children: [
         s(msg.toolName ?? "tool"),
-        "]"
-      ] }) }),
-      /* @__PURE__ */ jsx("scrollbox", { style: { maxHeight: 10, backgroundColor: colors2.bgAlt }, children: /* @__PURE__ */ jsx("text", { fg: colors2.textSecondary, children: s(msg.content.length > 4e3 ? msg.content.slice(0, 4e3) + "\n... (truncated)" : msg.content) }) })
+        " ",
+        s(msg.content.length > 60 ? msg.content.slice(0, 60) + "\u2026" : msg.content.split("\n")[0])
+      ] })
+    ] });
+  }
+  if (isUser) {
+    return /* @__PURE__ */ jsxs("box", { style: {
+      paddingLeft: 1,
+      paddingRight: 1,
+      paddingTop: 0,
+      paddingBottom: 0,
+      flexDirection: "row",
+      gap: 1
+    }, children: [
+      /* @__PURE__ */ jsx("text", { fg: colors2.primary, children: /* @__PURE__ */ jsx("b", { children: ">" }) }),
+      /* @__PURE__ */ jsx("text", { fg: colors2.text, wrapMode: "word", children: s(msg.content) })
     ] });
   }
   return /* @__PURE__ */ jsxs("box", { style: {
@@ -42101,22 +42138,25 @@ function MessageBubble({ msg }) {
     paddingRight: 1,
     paddingTop: 0,
     paddingBottom: 0,
-    flexDirection: "column",
-    backgroundColor: isUser ? colors2.userMsg : colors2.assistantMsg,
-    border: true,
-    borderColor: isUser ? colors2.primaryDim : colors2.border
+    flexDirection: "column"
   }, children: [
-    /* @__PURE__ */ jsxs("box", { style: { flexDirection: "row", gap: 1, marginBottom: 0 }, children: [
-      /* @__PURE__ */ jsx("text", { fg: isUser ? colors2.primary : colors2.textSecondary, children: /* @__PURE__ */ jsx("b", { children: isUser ? "You" : "Assistant" }) }),
-      /* @__PURE__ */ jsx("text", { fg: colors2.textMuted, children: s(msg.timestamp.toLocaleTimeString()) })
-    ] }),
-    /* @__PURE__ */ jsx("scrollbox", { style: { maxHeight: 40 }, children: /* @__PURE__ */ jsx("text", { fg: colors2.text, wrapMode: "word", children: s(msg.content || (isUser ? "" : " ")) }) }),
-    msg.toolCalls && msg.toolCalls.length > 0 ? /* @__PURE__ */ jsx("box", { style: { marginTop: 0, flexDirection: "column" }, children: msg.toolCalls.map((tc) => /* @__PURE__ */ jsx("box", { style: { flexDirection: "row", gap: 1 }, children: /* @__PURE__ */ jsx("text", { fg: tc.status === "error" ? colors2.error : colors2.info, children: /* @__PURE__ */ jsxs("b", { children: [
-      "[",
-      s(tc.name),
-      tc.status === "done" ? " \u2713" : tc.status === "error" ? " \u2717" : "\u2026",
-      "]"
-    ] }) }) }, s(tc.id))) }) : null
+    /* @__PURE__ */ jsx("text", { fg: colors2.text, wrapMode: "word", children: s(msg.content || " ") }),
+    msg.toolCalls && msg.toolCalls.length > 0 ? /* @__PURE__ */ jsx("box", { style: { marginTop: 0, flexDirection: "column", paddingLeft: 1 }, children: msg.toolCalls.map((tc) => {
+      if (tc.name === "write" || tc.name === "edit") {
+        const filePath = tc.args?.filePath || tc.args?.path || "";
+        const isCreate = tc.name === "write";
+        const icon = isCreate ? "+" : "~";
+        const iconColor = isCreate ? colors2.success : colors2.warning;
+        return /* @__PURE__ */ jsxs("box", { style: { flexDirection: "row", gap: 1 }, children: [
+          /* @__PURE__ */ jsx("text", { fg: iconColor, children: /* @__PURE__ */ jsx("b", { children: icon }) }),
+          /* @__PURE__ */ jsx("text", { fg: colors2.textSecondary, children: s(filePath) })
+        ] }, s(tc.id));
+      }
+      return /* @__PURE__ */ jsx("box", { style: { flexDirection: "row", gap: 1 }, children: /* @__PURE__ */ jsxs("text", { fg: tc.status === "error" ? colors2.error : colors2.textMuted, children: [
+        s(tc.name),
+        tc.status === "done" ? " \u2713" : tc.status === "error" ? " \u2717" : "\u2026"
+      ] }) }, s(tc.id));
+    }) }) : null
   ] });
 }
 function MessageContainer() {
@@ -42468,7 +42508,8 @@ function App() {
   const renderer = useRenderer();
   const { width } = useTerminalDimensions();
   const [sidebarForced, setSidebarForced] = React4.useState(false);
-  const sidebarVisible = sidebarForced || width >= SIDEBAR_BREAKPOINT;
+  const hasMessages = messages.length > 0;
+  const sidebarVisible = hasMessages && (sidebarForced || width >= SIDEBAR_BREAKPOINT);
   const [infoCompact, setInfoCompact] = React4.useState(false);
   useKeyboard((key) => {
     if (key.ctrl && key.name === "p") {
@@ -42548,7 +42589,6 @@ function App() {
     }
     void sendMessage(value);
   };
-  const hasMessages = messages.length > 0;
   React4.useEffect(() => {
     if (width < SIDEBAR_BREAKPOINT && !sidebarForced) setInfoCompact(true);
     else setInfoCompact(false);