@copilotkitnext/react 0.0.9-alpha.0 → 0.0.9-alpha.2

package/dist/index.d.mts

@@ -118,9 +118,8 @@ declare namespace CopilotChatInput {
 type CopilotChatToolCallsViewProps = {
     message: AssistantMessage;
     messages?: Message[];
-    isRunning?: boolean;
 };
-declare function CopilotChatToolCallsView({ message, messages, isRunning, }: CopilotChatToolCallsViewProps): react_jsx_runtime.JSX.Element | null;
+declare function CopilotChatToolCallsView({ message, messages, }: CopilotChatToolCallsViewProps): react_jsx_runtime.JSX.Element | null;
 
 type CopilotChatAssistantMessageProps = WithSlots<{
     markdownRenderer: typeof CopilotChatAssistantMessage.MarkdownRenderer;
@@ -265,7 +264,6 @@ declare function CopilotChat({ agentId, threadId, ...props }: CopilotChatProps):
 interface UseRenderToolCallProps {
     toolCall: ToolCall;
     toolMessage?: ToolMessage;
-    isRunning: boolean;
 }
 /**
  * Hook that returns a function to render tool calls based on the render functions
@@ -273,7 +271,7 @@ interface UseRenderToolCallProps {
  *
  * @returns A function that takes a tool call and optional tool message and returns the rendered component
  */
-declare function useRenderToolCall(): ({ toolCall, toolMessage, isRunning, }: UseRenderToolCallProps) => React__default.ReactElement | null;
+declare function useRenderToolCall(): ({ toolCall, toolMessage, }: UseRenderToolCallProps) => React__default.ReactElement | null;
 
 interface ReactToolCallRender<T> {
     name: string;
@@ -351,7 +349,7 @@ declare function useAgentContext(context: Context): void;
 
 interface CopilotKitContextValue {
     copilotkit: CopilotKitCore;
-    renderToolCalls: ReactToolCallRender<unknown>[];
+    renderToolCalls: ReactToolCallRender<any>[];
     currentRenderToolCalls: ReactToolCallRender<unknown>[];
     setCurrentRenderToolCalls: React__default.Dispatch<React__default.SetStateAction<ReactToolCallRender<unknown>[]>>;
 }
@@ -361,7 +359,7 @@ interface CopilotKitProviderProps {
     headers?: Record<string, string>;
     properties?: Record<string, unknown>;
     agents?: Record<string, AbstractAgent>;
-    renderToolCalls?: ReactToolCallRender<unknown>[];
+    renderToolCalls?: ReactToolCallRender<any>[];
     frontendTools?: ReactFrontendTool[];
     humanInTheLoop?: ReactHumanInTheLoop[];
 }
@@ -373,12 +371,33 @@ declare const useCopilotKit: () => CopilotKitContextValue;
  * - Accepts a single object whose keys match ReactToolCallRender's fields: { name, args, render, agentId? }.
  * - Derives `args` type from the provided Zod schema.
  * - Ensures the render function param type exactly matches ReactToolCallRender<T>["render"]'s param.
+ * - For wildcard tools (name: "*"), args is optional and defaults to z.any()
  */
-type RenderProps<S extends z.ZodTypeAny> = React__default.ComponentProps<ReactToolCallRender<z.infer<S>>["render"]>;
+type RenderProps<T> = {
+    name: string;
+    args: Partial<T>;
+    status: ToolCallStatus.InProgress;
+    result: undefined;
+} | {
+    name: string;
+    args: T;
+    status: ToolCallStatus.Executing;
+    result: undefined;
+} | {
+    name: string;
+    args: T;
+    status: ToolCallStatus.Complete;
+    result: string;
+};
+declare function defineToolCallRender(def: {
+    name: "*";
+    render: (props: RenderProps<any>) => React__default.ReactElement;
+    agentId?: string;
+}): ReactToolCallRender<any>;
 declare function defineToolCallRender<S extends z.ZodTypeAny>(def: {
     name: string;
     args: S;
-    render: (props: RenderProps<S>) => React__default.ReactElement;
+    render: (props: RenderProps<z.infer<S>>) => React__default.ReactElement;
     agentId?: string;
 }): ReactToolCallRender<z.infer<S>>;
 

package/dist/index.d.ts

@@ -118,9 +118,8 @@ declare namespace CopilotChatInput {
 type CopilotChatToolCallsViewProps = {
     message: AssistantMessage;
     messages?: Message[];
-    isRunning?: boolean;
 };
-declare function CopilotChatToolCallsView({ message, messages, isRunning, }: CopilotChatToolCallsViewProps): react_jsx_runtime.JSX.Element | null;
+declare function CopilotChatToolCallsView({ message, messages, }: CopilotChatToolCallsViewProps): react_jsx_runtime.JSX.Element | null;
 
 type CopilotChatAssistantMessageProps = WithSlots<{
     markdownRenderer: typeof CopilotChatAssistantMessage.MarkdownRenderer;
@@ -265,7 +264,6 @@ declare function CopilotChat({ agentId, threadId, ...props }: CopilotChatProps):
 interface UseRenderToolCallProps {
     toolCall: ToolCall;
     toolMessage?: ToolMessage;
-    isRunning: boolean;
 }
 /**
  * Hook that returns a function to render tool calls based on the render functions
@@ -273,7 +271,7 @@ interface UseRenderToolCallProps {
  *
  * @returns A function that takes a tool call and optional tool message and returns the rendered component
  */
-declare function useRenderToolCall(): ({ toolCall, toolMessage, isRunning, }: UseRenderToolCallProps) => React__default.ReactElement | null;
+declare function useRenderToolCall(): ({ toolCall, toolMessage, }: UseRenderToolCallProps) => React__default.ReactElement | null;
 
 interface ReactToolCallRender<T> {
     name: string;
@@ -351,7 +349,7 @@ declare function useAgentContext(context: Context): void;
 
 interface CopilotKitContextValue {
     copilotkit: CopilotKitCore;
-    renderToolCalls: ReactToolCallRender<unknown>[];
+    renderToolCalls: ReactToolCallRender<any>[];
     currentRenderToolCalls: ReactToolCallRender<unknown>[];
     setCurrentRenderToolCalls: React__default.Dispatch<React__default.SetStateAction<ReactToolCallRender<unknown>[]>>;
 }
@@ -361,7 +359,7 @@ interface CopilotKitProviderProps {
     headers?: Record<string, string>;
     properties?: Record<string, unknown>;
     agents?: Record<string, AbstractAgent>;
-    renderToolCalls?: ReactToolCallRender<unknown>[];
+    renderToolCalls?: ReactToolCallRender<any>[];
     frontendTools?: ReactFrontendTool[];
     humanInTheLoop?: ReactHumanInTheLoop[];
 }
@@ -373,12 +371,33 @@ declare const useCopilotKit: () => CopilotKitContextValue;
  * - Accepts a single object whose keys match ReactToolCallRender's fields: { name, args, render, agentId? }.
  * - Derives `args` type from the provided Zod schema.
  * - Ensures the render function param type exactly matches ReactToolCallRender<T>["render"]'s param.
+ * - For wildcard tools (name: "*"), args is optional and defaults to z.any()
  */
-type RenderProps<S extends z.ZodTypeAny> = React__default.ComponentProps<ReactToolCallRender<z.infer<S>>["render"]>;
+type RenderProps<T> = {
+    name: string;
+    args: Partial<T>;
+    status: ToolCallStatus.InProgress;
+    result: undefined;
+} | {
+    name: string;
+    args: T;
+    status: ToolCallStatus.Executing;
+    result: undefined;
+} | {
+    name: string;
+    args: T;
+    status: ToolCallStatus.Complete;
+    result: string;
+};
+declare function defineToolCallRender(def: {
+    name: "*";
+    render: (props: RenderProps<any>) => React__default.ReactElement;
+    agentId?: string;
+}): ReactToolCallRender<any>;
 declare function defineToolCallRender<S extends z.ZodTypeAny>(def: {
     name: string;
     args: S;
-    render: (props: RenderProps<S>) => React__default.ReactElement;
+    render: (props: RenderProps<z.infer<S>>) => React__default.ReactElement;
     agentId?: string;
 }): ReactToolCallRender<z.infer<S>>;
 

package/dist/index.js

@@ -946,6 +946,7 @@ var import_core2 = require("@copilotkitnext/core");
 
 // src/providers/CopilotKitProvider.tsx
 var import_react5 = require("react");
+var import_zod = require("zod");
 var import_core = require("@copilotkitnext/core");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var CopilotKitContext = (0, import_react5.createContext)({
@@ -1039,12 +1040,15 @@ var CopilotKitProvider = ({
   const allRenderToolCalls = (0, import_react5.useMemo)(() => {
     const combined = [...renderToolCallsList];
     frontendToolsList.forEach((tool) => {
-      if (tool.render && tool.parameters) {
-        combined.push({
-          name: tool.name,
-          args: tool.parameters,
-          render: tool.render
-        });
+      if (tool.render) {
+        const args = tool.parameters || (tool.name === "*" ? import_zod.z.any() : void 0);
+        if (args) {
+          combined.push({
+            name: tool.name,
+            args,
+            render: tool.render
+          });
+        }
       }
     });
     combined.push(...processedHumanInTheLoopTools.renderToolCalls);
@@ -1157,8 +1161,7 @@ function useRenderToolCall() {
   const renderToolCall = (0, import_react6.useCallback)(
     ({
       toolCall,
-      toolMessage,
-      isRunning
+      toolMessage
     }) => {
       const exactMatches = currentRenderToolCalls.filter(
         (rc) => rc.name === toolCall.function.name
@@ -1192,7 +1195,7 @@ function useRenderToolCall() {
           },
           toolCall.id
         );
-      } else if (isRunning) {
+      } else {
         return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           RenderComponent,
           {
@@ -1203,17 +1206,6 @@ function useRenderToolCall() {
           },
           toolCall.id
         );
-      } else {
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: import_core2.ToolCallStatus.Complete,
-            result: ""
-          },
-          toolCall.id
-        );
       }
     },
     [currentRenderToolCalls, executingToolCallIds, agentId]
@@ -1410,8 +1402,7 @@ var import_react12 = __toESM(require("react"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function CopilotChatToolCallsView({
   message,
-  messages = [],
-  isRunning = false
+  messages = []
 }) {
   const renderToolCall = useRenderToolCall();
   if (!message.toolCalls || message.toolCalls.length === 0) {
@@ -1423,8 +1414,7 @@ function CopilotChatToolCallsView({
     );
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react12.default.Fragment, { children: renderToolCall({
       toolCall,
-      toolMessage,
-      isRunning
+      toolMessage
     }) }, toolCall.id);
   }) });
 }
@@ -1523,10 +1513,11 @@ function CopilotChatAssistantMessage({
     CopilotChatToolCallsView_default,
     {
       message,
-      messages,
-      isRunning
+      messages
     }
   );
+  const hasContent = !!(message.content && message.content.trim().length > 0);
+  const shouldShowToolbar = toolbarVisible && hasContent;
   if (children) {
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: children({
       markdownRenderer: boundMarkdownRenderer,
@@ -1545,7 +1536,7 @@ function CopilotChatAssistantMessage({
       onReadAloud,
       onRegenerate,
       additionalToolbarItems,
-      toolbarVisible
+      toolbarVisible: shouldShowToolbar
     }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
@@ -1560,7 +1551,7 @@ function CopilotChatAssistantMessage({
       children: [
         boundMarkdownRenderer,
         boundToolCallsView,
-        toolbarVisible && boundToolbar
+        shouldShowToolbar && boundToolbar
       ]
     }
   );
@@ -2425,11 +2416,12 @@ function CopilotChat({
 }
 
 // src/types/defineToolCallRender.ts
+var import_zod2 = require("zod");
 function defineToolCallRender(def) {
+  const argsSchema = def.name === "*" && !def.args ? import_zod2.z.any() : def.args;
   return {
     name: def.name,
-    args: def.args,
-    // Coerce to ComponentType to align with ReactToolCallRender
+    args: argsSchema,
     render: def.render,
     ...def.agentId ? { agentId: def.agentId } : {}
   };