@blade-hq/agent-react 2610.0.0-beta.22 → 2610.0.0-beta.24

package/dist/index.js

@@ -1831,6 +1831,7 @@ var TOOL_NAME_ALIASES = {
   finish_task: "FinishTask",
   glob: "Glob",
   grep: "Grep",
+  kb_search: "KbSearch",
   ls: "Ls",
   multi_edit: "MultiEdit",
   read: "Read",
@@ -1849,6 +1850,7 @@ var TOOL_DISPLAY_LABELS = {
   Ls: "\u5217\u51FA\u76EE\u5F55",
   Glob: "\u5339\u914D\u6587\u4EF6",
   Grep: "\u641C\u7D22\u6587\u672C",
+  KbSearch: "\u68C0\u7D22\u77E5\u8BC6\u5E93",
   WebSearch: "\u641C\u7D22\u7F51\u9875",
   WebFetch: "\u6574\u7406\u7F51\u9875\u5185\u5BB9",
   Agent: "\u6D3E\u751F\u5B50\u667A\u80FD\u4F53",
@@ -2688,7 +2690,6 @@ function buildAskUserPayload(argumentsJson) {
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
   const [open, setOpen] = useState10(false);
-  if (!isStreaming) return null;
   return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-thinking text-xs", children: [
     /* @__PURE__ */ jsxs9(
       "button",
@@ -2698,7 +2699,7 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         "aria-expanded": open,
         className: "group/thinking inline-flex items-center gap-1 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx11(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
+          isStreaming ? /* @__PURE__ */ jsx11(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }) : /* @__PURE__ */ jsx11("span", { children: "\u5DF2\u601D\u8003" }),
           /* @__PURE__ */ jsx11(
             ChevronRight,
             {
@@ -2712,7 +2713,7 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         ]
       }
     ),
-    open ? /* @__PURE__ */ jsx11("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
+    open && /* @__PURE__ */ jsx11("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning })
   ] });
 }
 function getMessageText(message) {
@@ -2810,8 +2811,63 @@ function executionSummaryLabel({
   }
   return completedLabel;
 }
+function executionToolTypeLabel(toolCall) {
+  switch (formatToolName(toolCall.name)) {
+    case "WebSearch":
+    case "WebFetch":
+      return "\u7F51\u7EDC\u68C0\u7D22";
+    case "Bash":
+    case "BgBash":
+      return "\u547D\u4EE4\u6267\u884C";
+    case "Read":
+    case "ReadSkill":
+      return "\u5185\u5BB9\u8BFB\u53D6";
+    case "Write":
+    case "Edit":
+    case "MultiEdit":
+      return "\u6587\u4EF6\u5904\u7406";
+    case "Grep":
+    case "Glob":
+      return "\u5185\u5BB9\u641C\u7D22";
+    case "Agent":
+      return "\u5B50\u4EFB\u52A1";
+    case "search_skills":
+      return "\u6280\u80FD\u68C0\u7D22";
+    case "get_skill_content":
+      return "\u8BFB\u53D6\u6280\u80FD";
+    case "run_skill_tool":
+      return "\u6267\u884C\u6280\u80FD";
+    default:
+      return toolCall.display_name?.trim() || "\u6267\u884C\u6B65\u9AA4";
+  }
+}
+function executionToolIntent(toolCall) {
+  const normalizedName = formatToolName(toolCall.name);
+  let args = null;
+  try {
+    const parsed = JSON.parse(toolCall.arguments);
+    args = parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
+  } catch {
+    args = null;
+  }
+  const getString = (key) => {
+    const value = args?.[key];
+    return typeof value === "string" ? value.trim() : "";
+  };
+  const explicitIntent = getString("description") || getString("_meta_display_name") || getString("display_name") || toolCall.display_name?.trim() || "";
+  if (explicitIntent) return explicitIntent;
+  if (normalizedName === "search_skills") return getString("query");
+  if (normalizedName === "get_skill_content" || normalizedName === "ReadSkill") {
+    return getString("skill_name") || getString("skill");
+  }
+  if (normalizedName === "FinishTask") return getString("title");
+  return "";
+}
 function ExecutionToolRow({ toolCall }) {
   const normalizedName = formatToolName(toolCall.name);
+  const typeLabel = executionToolTypeLabel(toolCall);
+  const intent = executionToolIntent(toolCall);
+  const label = intent ? `${typeLabel}\uFF1A${intent}` : typeLabel;
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
   const filePath = toolCall.status === "done" && (normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit") ? extractToolFilePath(toolCall) : null;
   const [fileOpen, setFileOpen] = useState10(false);
@@ -2819,13 +2875,16 @@ function ExecutionToolRow({ toolCall }) {
     "size-3.5 shrink-0",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx11(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx11(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx11(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx11(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx11(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx11(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx11(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx11(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx11(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx11(Wrench, { className: iconClass, "aria-hidden": "true" });
+  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx11(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx11(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx11(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx11(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx11(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx11(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" ? /* @__PURE__ */ jsx11(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx11(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx11(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx11(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx11(Wrench, { className: iconClass, "aria-hidden": "true" });
   const rowClassName = cn(
     "flex min-w-0 items-center gap-1 py-1.5 text-xs leading-[22px]",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
   if (!filePath) {
-    return /* @__PURE__ */ jsx11("div", { "data-testid": "execution-tool-intent", className: rowClassName, children: icon });
+    return /* @__PURE__ */ jsxs9("div", { "data-testid": "execution-tool-intent", className: rowClassName, title: label, children: [
+      icon,
+      /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate", children: label })
+    ] });
   }
   return /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
     /* @__PURE__ */ jsxs9(
@@ -2834,15 +2893,34 @@ function ExecutionToolRow({ toolCall }) {
         type: "button",
         "data-testid": "execution-tool-intent",
         className: cn(rowClassName, "w-full text-left"),
+        title: label,
         "aria-expanded": fileOpen,
         onClick: () => setFileOpen((open) => !open),
         children: [
           icon,
-          /* @__PURE__ */ jsx11(ChevronRight, { size: 14, className: cn("shrink-0 transition-transform", fileOpen && "rotate-90"), "aria-hidden": "true" })
+          /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate", children: label }),
+          /* @__PURE__ */ jsx11(
+            ChevronRight,
+            {
+              size: 14,
+              className: cn("shrink-0 transition-transform", fileOpen && "rotate-90"),
+              "aria-hidden": "true"
+            }
+          )
         ]
       }
     ),
-    fileOpen ? /* @__PURE__ */ jsx11("div", { className: "ml-[18px] truncate text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", title: filePath, children: filePath }) : null
+    fileOpen ? /* @__PURE__ */ jsxs9(
+      "div",
+      {
+        className: "ml-[18px] truncate text-xs leading-[22px] text-[hsl(var(--muted-foreground))]",
+        title: filePath,
+        children: [
+          "\u6587\u4EF6\uFF1A",
+          filePath
+        ]
+      }
+    ) : null
   ] });
 }
 function AssistantTurnBlock({
@@ -2977,7 +3055,7 @@ function AssistantTurnBlock({
       const toolCalls = (message.tool_calls ?? []).filter(
         (toolCall) => formatToolName(toolCall.name) !== "AskUserQuestion"
       );
-      const showReasoning = !!message.reasoning && isStreaming && index === latestReasoningIndex;
+      const showReasoning = !!message.reasoning && (!isStreaming || index === latestReasoningIndex);
       return /* @__PURE__ */ jsxs9(
         "div",
         {