@invergent/agent-chat-react 1.7.7 → 1.7.9

package/dist/index.js

@@ -2060,6 +2060,29 @@ function WebToolBlock({ tc }) {
     displayText && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/70 truncate text-xs", children: displayText })
   ] });
 }
+function MCPToolBlock({ tc }) {
+  const segments = tc.toolName.replace(/^mcp__/, "").split("__");
+  const toolName = segments[segments.length - 1] ?? tc.toolName;
+  const label = toolName.split("_").map((p) => p.charAt(0).toUpperCase() + p.slice(1)).join(" ");
+  let summary = "";
+  try {
+    const args = JSON.parse(tc.args);
+    if (args && typeof args === "object") {
+      const entries = Object.entries(args).filter(([, v]) => v !== void 0 && v !== null && v !== "");
+      if (entries.length > 0) {
+        summary = entries.map(([k, v]) => {
+          const val = typeof v === "string" ? v : JSON.stringify(v);
+          return `${k}=${val}`;
+        }).join(", ");
+      }
+    }
+  } catch {
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm py-0.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: label }),
+    summary && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60 truncate text-xs", children: summary })
+  ] });
+}
 function VisionAnalyzeBlock({ tc }) {
   let image = "";
   try {
@@ -4080,6 +4103,9 @@ function ToolCallBlock({
   resolvedArtifactName,
   onFileSelect
 }) {
+  if (tc.toolName.startsWith("mcp__")) {
+    return /* @__PURE__ */ jsx(MCPToolBlock, { tc });
+  }
   switch (tc.toolName) {
     case "terminal":
       return /* @__PURE__ */ jsx(TerminalToolBlock, { tc });