@copilotkitnext/react 0.0.9-alpha.1 → 0.0.9-alpha.3

package/dist/index.mjs

@@ -941,7 +941,7 @@ var CopilotKitProvider = ({
   runtimeUrl,
   headers = {},
   properties = {},
-  agents = {},
+  agents__unsafe_dev_only: agents = {},
   renderToolCalls,
   frontendTools,
   humanInTheLoop
@@ -1130,8 +1130,7 @@ function useRenderToolCall() {
   const renderToolCall = useCallback(
     ({
       toolCall,
-      toolMessage,
-      isRunning
+      toolMessage
     }) => {
       const exactMatches = currentRenderToolCalls.filter(
         (rc) => rc.name === toolCall.function.name
@@ -1165,7 +1164,7 @@ function useRenderToolCall() {
           },
           toolCall.id
         );
-      } else if (isRunning) {
+      } else {
         return /* @__PURE__ */ jsx8(
           RenderComponent,
           {
@@ -1176,17 +1175,6 @@ function useRenderToolCall() {
           },
           toolCall.id
         );
-      } else {
-        return /* @__PURE__ */ jsx8(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: ToolCallStatus.Complete,
-            result: ""
-          },
-          toolCall.id
-        );
       }
     },
     [currentRenderToolCalls, executingToolCallIds, agentId]
@@ -1383,8 +1371,7 @@ import React7 from "react";
 import { Fragment as Fragment2, jsx as jsx9 } from "react/jsx-runtime";
 function CopilotChatToolCallsView({
   message,
-  messages = [],
-  isRunning = false
+  messages = []
 }) {
   const renderToolCall = useRenderToolCall();
   if (!message.toolCalls || message.toolCalls.length === 0) {
@@ -1396,8 +1383,7 @@ function CopilotChatToolCallsView({
     );
     return /* @__PURE__ */ jsx9(React7.Fragment, { children: renderToolCall({
       toolCall,
-      toolMessage,
-      isRunning
+      toolMessage
     }) }, toolCall.id);
   }) });
 }
@@ -1496,8 +1482,7 @@ function CopilotChatAssistantMessage({
     CopilotChatToolCallsView_default,
     {
       message,
-      messages,
-      isRunning
+      messages
     }
   );
   const hasContent = !!(message.content && message.content.trim().length > 0);
@@ -2410,6 +2395,70 @@ function defineToolCallRender(def) {
     ...def.agentId ? { agentId: def.agentId } : {}
   };
 }
+
+// src/components/WildcardToolCallRender.tsx
+import { useState as useState8 } from "react";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+var WildcardToolCallRender = defineToolCallRender({
+  name: "*",
+  render: ({ args, result, name, status }) => {
+    const [isExpanded, setIsExpanded] = useState8(false);
+    const statusString = String(status);
+    const isActive = statusString === "inProgress" || statusString === "executing";
+    const isComplete = statusString === "complete";
+    const statusStyles = isActive ? "bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-400" : isComplete ? "bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-400" : "bg-zinc-100 text-zinc-800 dark:bg-zinc-700/40 dark:text-zinc-300";
+    return /* @__PURE__ */ jsx15("div", { className: "mt-2 pb-2", children: /* @__PURE__ */ jsxs8("div", { className: "rounded-xl border border-zinc-200/60 dark:border-zinc-800/60 bg-white/70 dark:bg-zinc-900/50 shadow-sm backdrop-blur p-4", children: [
+      /* @__PURE__ */ jsxs8(
+        "div",
+        {
+          className: "flex items-center justify-between gap-3 cursor-pointer",
+          onClick: () => setIsExpanded(!isExpanded),
+          children: [
+            /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ jsx15(
+                "svg",
+                {
+                  className: `h-4 w-4 text-zinc-500 dark:text-zinc-400 transition-transform ${isExpanded ? "rotate-90" : ""}`,
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  strokeWidth: 2,
+                  stroke: "currentColor",
+                  children: /* @__PURE__ */ jsx15(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx15("span", { className: "inline-block h-2 w-2 rounded-full bg-blue-500" }),
+              /* @__PURE__ */ jsx15("span", { className: "truncate text-sm font-medium text-zinc-900 dark:text-zinc-100", children: name })
+            ] }),
+            /* @__PURE__ */ jsx15(
+              "span",
+              {
+                className: `inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ${statusStyles}`,
+                children: String(status)
+              }
+            )
+          ]
+        }
+      ),
+      isExpanded && /* @__PURE__ */ jsxs8("div", { className: "mt-3 grid gap-4", children: [
+        /* @__PURE__ */ jsxs8("div", { children: [
+          /* @__PURE__ */ jsx15("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Arguments" }),
+          /* @__PURE__ */ jsx15("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: JSON.stringify(args ?? {}, null, 2) })
+        ] }),
+        result !== void 0 && /* @__PURE__ */ jsxs8("div", { children: [
+          /* @__PURE__ */ jsx15("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Result" }),
+          /* @__PURE__ */ jsx15("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: typeof result === "string" ? result : JSON.stringify(result, null, 2) })
+        ] })
+      ] })
+    ] }) });
+  }
+});
 export {
   AudioRecorderError,
   CopilotChat,
@@ -2422,6 +2471,7 @@ export {
   CopilotChatUserMessage_default as CopilotChatUserMessage,
   CopilotChatView_default as CopilotChatView,
   CopilotKitProvider,
+  WildcardToolCallRender,
   defineToolCallRender,
   useAgent,
   useAgentContext,