@copilotkit/react-core 1.50.1-next.0 → 1.50.1-next.2

package/dist/hooks/use-default-tool.mjs

@@ -1,9 +1,9 @@
 import {
   useDefaultTool
-} from "../chunk-U2ZRVVKT.mjs";
-import "../chunk-EG56H77V.mjs";
+} from "../chunk-BUSWSDYO.mjs";
+import "../chunk-GPEJNVE5.mjs";
 import "../chunk-NBK4KBLX.mjs";
-import "../chunk-T2VBHAAP.mjs";
+import "../chunk-CDUIA2WM.mjs";
 import "../chunk-7DTB7S5V.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {

package/dist/hooks/use-frontend-tool.js

@@ -80,11 +80,19 @@ function useFrontendTool(tool, dependencies) {
       return rendered != null ? rendered : null;
     };
   })();
+  const handlerRef = (0, import_react.useRef)(tool.handler);
+  (0, import_react.useEffect)(() => {
+    handlerRef.current = tool.handler;
+  }, [tool.handler, ...dependencies != null ? dependencies : []]);
+  const normalizedHandler = tool.handler ? (args) => {
+    var _a;
+    return (_a = handlerRef.current) == null ? void 0 : _a.call(handlerRef, args);
+  } : void 0;
   (0, import_react2.useFrontendTool)({
     name,
     description,
     parameters: zodParameters,
-    handler: tool.handler,
+    handler: normalizedHandler,
     followUp,
     render: normalizedRender
   });

package/dist/hooks/use-frontend-tool.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-frontend-tool.ts"],"sourcesContent":["import React from \"react\";\nimport { ActionRenderProps, FrontendAction } from \"../types/frontend-action\";\nimport { Parameter, getZodParameters, MappedParameterTypes } from \"@copilotkit/shared\";\nimport { parseJson } from \"@copilotkit/shared\";\nimport { ToolCallStatus } from \"@copilotkitnext/core\";\nimport {\n  type ReactFrontendTool,\n  useFrontendTool as useFrontendToolVNext,\n} from \"@copilotkitnext/react\";\n\ntype FrontendToolOptions<T extends Parameter[] | []> = ReactFrontendTool<MappedParameterTypes<T>>;\ntype FrontendToolRenderArgs<T extends Parameter[] | []> =\n  | {\n      name: string;\n      args: Partial<MappedParameterTypes<T>>;\n      status: ToolCallStatus.InProgress;\n      result: undefined;\n    }\n  | {\n      name: string;\n      args: MappedParameterTypes<T>;\n      status: ToolCallStatus.Executing;\n      result: undefined;\n    }\n  | {\n      name: string;\n      args: MappedParameterTypes<T>;\n      status: ToolCallStatus.Complete;\n      result: string;\n    };\n\nexport type UseFrontendToolArgs<T extends Parameter[] | [] = []> = {\n  available?: \"disabled\" | \"enabled\";\n} & Pick<\n  FrontendAction<T>,\n  \"name\" | \"description\" | \"parameters\" | \"handler\" | \"followUp\" | \"render\"\n>;\n\nexport function useFrontendTool<const T extends Parameter[] = []>(\n  tool: UseFrontendToolArgs<T>,\n  dependencies?: any[],\n) {\n  const { name, description, parameters, render, followUp } = tool;\n  const zodParameters = getZodParameters(parameters);\n\n  const normalizedRender: FrontendToolOptions<T>[\"render\"] | undefined = (() => {\n    if (typeof render === \"undefined\") {\n      return undefined;\n    }\n\n    if (typeof render === \"string\") {\n      const staticRender = render;\n      return (() =>\n        React.createElement(\n          React.Fragment,\n          null,\n          staticRender,\n        )) as FrontendToolOptions<T>[\"render\"];\n    }\n\n    return ((args: FrontendToolRenderArgs<T>) => {\n      const renderArgs = {\n        ...args,\n        result: typeof args.result === \"string\" ? parseJson(args.result, args.result) : args.result,\n      } as ActionRenderProps<T>;\n\n      const rendered = render(renderArgs);\n\n      if (typeof rendered === \"string\") {\n        return React.createElement(React.Fragment, null, rendered);\n      }\n\n      return rendered ?? null;\n    }) as FrontendToolOptions<T>[\"render\"];\n  })();\n\n  useFrontendToolVNext<MappedParameterTypes<T>>({\n    name,\n    description,\n    parameters: zodParameters,\n    handler: tool.handler,\n    followUp,\n    render: normalizedRender,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAkE;AAClE,IAAAA,iBAA0B;AAE1B,IAAAC,gBAGO;AA8BA,SAAS,gBACd,MACA,cACA;AACA,QAAM,EAAE,MAAM,aAAa,YAAY,QAAQ,SAAS,IAAI;AAC5D,QAAM,oBAAgB,gCAAiB,UAAU;AAEjD,QAAM,oBAAkE,MAAM;AAC5E,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,WAAW,UAAU;AAC9B,YAAM,eAAe;AACrB,aAAQ,MACN,aAAAC,QAAM;AAAA,QACJ,aAAAA,QAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,IACJ;AAEA,WAAQ,CAAC,SAAoC;AAC3C,YAAM,aAAa,iCACd,OADc;AAAA,QAEjB,QAAQ,OAAO,KAAK,WAAW,eAAW,0BAAU,KAAK,QAAQ,KAAK,MAAM,IAAI,KAAK;AAAA,MACvF;AAEA,YAAM,WAAW,OAAO,UAAU;AAElC,UAAI,OAAO,aAAa,UAAU;AAChC,eAAO,aAAAA,QAAM,cAAc,aAAAA,QAAM,UAAU,MAAM,QAAQ;AAAA,MAC3D;AAEA,aAAO,8BAAY;AAAA,IACrB;AAAA,EACF,GAAG;AAEH,oBAAAC,iBAA8C;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS,KAAK;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,EACV,CAAC;AACH;","names":["import_shared","import_react","React","useFrontendToolVNext"]}
+{"version":3,"sources":["../../src/hooks/use-frontend-tool.ts"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { ActionRenderProps, FrontendAction } from \"../types/frontend-action\";\nimport { Parameter, getZodParameters, MappedParameterTypes } from \"@copilotkit/shared\";\nimport { parseJson } from \"@copilotkit/shared\";\nimport { ToolCallStatus } from \"@copilotkitnext/core\";\nimport {\n  type ReactFrontendTool,\n  useFrontendTool as useFrontendToolVNext,\n} from \"@copilotkitnext/react\";\n\ntype FrontendToolOptions<T extends Parameter[] | []> = ReactFrontendTool<MappedParameterTypes<T>>;\ntype FrontendToolRenderArgs<T extends Parameter[] | []> =\n  | {\n      name: string;\n      args: Partial<MappedParameterTypes<T>>;\n      status: ToolCallStatus.InProgress;\n      result: undefined;\n    }\n  | {\n      name: string;\n      args: MappedParameterTypes<T>;\n      status: ToolCallStatus.Executing;\n      result: undefined;\n    }\n  | {\n      name: string;\n      args: MappedParameterTypes<T>;\n      status: ToolCallStatus.Complete;\n      result: string;\n    };\n\nexport type UseFrontendToolArgs<T extends Parameter[] | [] = []> = {\n  available?: \"disabled\" | \"enabled\";\n} & Pick<\n  FrontendAction<T>,\n  \"name\" | \"description\" | \"parameters\" | \"handler\" | \"followUp\" | \"render\"\n>;\n\nexport function useFrontendTool<const T extends Parameter[] = []>(\n  tool: UseFrontendToolArgs<T>,\n  dependencies?: any[],\n) {\n  const { name, description, parameters, render, followUp } = tool;\n  const zodParameters = getZodParameters(parameters);\n\n  const normalizedRender: FrontendToolOptions<T>[\"render\"] | undefined = (() => {\n    if (typeof render === \"undefined\") {\n      return undefined;\n    }\n\n    if (typeof render === \"string\") {\n      const staticRender = render;\n      return (() =>\n        React.createElement(\n          React.Fragment,\n          null,\n          staticRender,\n        )) as FrontendToolOptions<T>[\"render\"];\n    }\n\n    return ((args: FrontendToolRenderArgs<T>) => {\n      const renderArgs = {\n        ...args,\n        result: typeof args.result === \"string\" ? parseJson(args.result, args.result) : args.result,\n      } as ActionRenderProps<T>;\n\n      const rendered = render(renderArgs);\n\n      if (typeof rendered === \"string\") {\n        return React.createElement(React.Fragment, null, rendered);\n      }\n\n      return rendered ?? null;\n    }) as FrontendToolOptions<T>[\"render\"];\n  })();\n\n  // Handler ref to avoid stale closures\n  const handlerRef = useRef<typeof tool.handler>(tool.handler);\n\n  useEffect(() => {\n    handlerRef.current = tool.handler;\n  }, [tool.handler, ...(dependencies ?? [])]);\n\n  const normalizedHandler = tool.handler\n    ? (args: MappedParameterTypes<T>) => handlerRef.current?.(args)\n    : undefined;\n\n  useFrontendToolVNext<MappedParameterTypes<T>>({\n    name,\n    description,\n    parameters: zodParameters,\n    handler: normalizedHandler,\n    followUp,\n    render: normalizedRender,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AAEzC,oBAAkE;AAClE,IAAAA,iBAA0B;AAE1B,IAAAC,gBAGO;AA8BA,SAAS,gBACd,MACA,cACA;AACA,QAAM,EAAE,MAAM,aAAa,YAAY,QAAQ,SAAS,IAAI;AAC5D,QAAM,oBAAgB,gCAAiB,UAAU;AAEjD,QAAM,oBAAkE,MAAM;AAC5E,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,WAAW,UAAU;AAC9B,YAAM,eAAe;AACrB,aAAQ,MACN,aAAAC,QAAM;AAAA,QACJ,aAAAA,QAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,IACJ;AAEA,WAAQ,CAAC,SAAoC;AAC3C,YAAM,aAAa,iCACd,OADc;AAAA,QAEjB,QAAQ,OAAO,KAAK,WAAW,eAAW,0BAAU,KAAK,QAAQ,KAAK,MAAM,IAAI,KAAK;AAAA,MACvF;AAEA,YAAM,WAAW,OAAO,UAAU;AAElC,UAAI,OAAO,aAAa,UAAU;AAChC,eAAO,aAAAA,QAAM,cAAc,aAAAA,QAAM,UAAU,MAAM,QAAQ;AAAA,MAC3D;AAEA,aAAO,8BAAY;AAAA,IACrB;AAAA,EACF,GAAG;AAGH,QAAM,iBAAa,qBAA4B,KAAK,OAAO;AAE3D,8BAAU,MAAM;AACd,eAAW,UAAU,KAAK;AAAA,EAC5B,GAAG,CAAC,KAAK,SAAS,GAAI,sCAAgB,CAAC,CAAE,CAAC;AAE1C,QAAM,oBAAoB,KAAK,UAC3B,CAAC,SAA+B;AApFtC;AAoFyC,4BAAW,YAAX,oCAAqB;AAAA,MACxD;AAEJ,oBAAAC,iBAA8C;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,EACV,CAAC;AACH;","names":["import_shared","import_react","React","useFrontendToolVNext"]}

package/dist/hooks/use-frontend-tool.mjs

@@ -1,6 +1,6 @@
 import {
   useFrontendTool
-} from "../chunk-T2VBHAAP.mjs";
+} from "../chunk-CDUIA2WM.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   useFrontendTool

package/dist/hooks/use-langgraph-interrupt-render.mjs

@@ -3,10 +3,10 @@ import {
 } from "../chunk-VV56AVPB.mjs";
 import "../chunk-I76HKHPJ.mjs";
 import "../chunk-NB2FKV2V.mjs";
+import "../chunk-F555TVE4.mjs";
 import "../chunk-FDOMAPJY.mjs";
 import "../chunk-AFNWX62Q.mjs";
 import "../chunk-DMLQZG75.mjs";
-import "../chunk-F555TVE4.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   useLangGraphInterruptRender

package/dist/hooks/use-langgraph-interrupt.mjs

@@ -1,8 +1,8 @@
 import {
   useLangGraphInterrupt
-} from "../chunk-BTZ3TJVX.mjs";
-import "../chunk-AFNWX62Q.mjs";
+} from "../chunk-4RRMC7L2.mjs";
 import "../chunk-EFL5OBKN.mjs";
+import "../chunk-AFNWX62Q.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   useLangGraphInterrupt

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { CopilotMessagesContext, CopilotMessagesContextParams, useCopilotMessage
 export { CoAgentStateRendersContext, CoAgentStateRendersContextValue, CoAgentStateRendersProvider, useCoAgentStateRenders } from './context/coagent-state-renders-context.js';
 export { ThreadsContext, ThreadsContextValue, ThreadsProvider, ThreadsProviderProps, useThreads } from './context/threads-context.js';
 export { UseCopilotChatReturn, useCopilotChat } from './hooks/use-copilot-chat.js';
-export { ChatSuggestions, UseCopilotChatOptions, UseCopilotChatOptions as UseCopilotChatOptions_c, UseCopilotChatReturn as UseCopilotChatReturn_c, useCopilotChatInternal } from './hooks/use-copilot-chat_internal.js';
+export { ChatSuggestions, OnReloadMessages, OnStopGeneration, UseCopilotChatOptions, UseCopilotChatOptions as UseCopilotChatOptions_c, UseCopilotChatReturn as UseCopilotChatReturn_c, useCopilotChatInternal } from './hooks/use-copilot-chat_internal.js';
 export { useCopilotChatHeadless_c } from './hooks/use-copilot-chat-headless_c.js';
 export { useCopilotAction } from './hooks/use-copilot-action.js';
 export { useCoAgentStateRender } from './hooks/use-coagent-state-render.js';

package/dist/index.js

@@ -2292,7 +2292,11 @@ function useLazyToolRenderer() {
 // src/hooks/use-copilot-chat_internal.ts
 var import_client = require("@ag-ui/client");
 function useCopilotChatInternal({
-  suggestions
+  suggestions,
+  onInProgress,
+  onSubmitMessage,
+  onStopGeneration,
+  onReloadMessages
 } = {}) {
   var _a, _b, _c;
   const { copilotkit } = (0, import_react24.useCopilotKit)();
@@ -2321,6 +2325,9 @@ function useCopilotChatInternal({
     return () => {
     };
   }, [existingConfig == null ? void 0 : existingConfig.threadId, agent, copilotkit, resolvedAgentId]);
+  (0, import_react23.useEffect)(() => {
+    onInProgress == null ? void 0 : onInProgress(Boolean(agent == null ? void 0 : agent.isRunning));
+  }, [agent == null ? void 0 : agent.isRunning, onInProgress]);
   const interrupt = useLangGraphInterruptRender(agent);
   const reset = () => {
     agent == null ? void 0 : agent.setMessages([]);
@@ -2401,8 +2408,12 @@ function useCopilotChatInternal({
           console.error("CopilotChat: runAgent failed", error);
         }
       }
+      if (onSubmitMessage) {
+        const content = typeof message.content === "string" ? message.content : message.content && "text" in message.content ? message.content.text : message.content && "filename" in message.content ? message.content.filename : "";
+        onSubmitMessage(content);
+      }
     }),
-    [agent, copilotkit, resolvedAgentId]
+    [agent, copilotkit, resolvedAgentId, onSubmitMessage]
   );
   const latestAppendFunc = useAsyncCallback(
     (message, options) => __async(this, null, function* () {
@@ -2423,14 +2434,24 @@ function useCopilotChatInternal({
   const latestReload = useUpdatedRef(reload);
   const latestReloadFunc = useAsyncCallback(
     (messageId) => __async(this, null, function* () {
+      var _a2;
+      onReloadMessages == null ? void 0 : onReloadMessages({
+        messageId,
+        currentAgentName: agent == null ? void 0 : agent.agentId,
+        messages: (_a2 = agent == null ? void 0 : agent.messages) != null ? _a2 : []
+      });
       return yield latestReload.current(messageId);
     }),
-    [latestReload]
+    [latestReload, agent, onReloadMessages]
   );
   const latestStopFunc = (0, import_react23.useCallback)(() => {
-    var _a2;
-    return (_a2 = agent == null ? void 0 : agent.abortRun) == null ? void 0 : _a2.call(agent);
-  }, [agent == null ? void 0 : agent.abortRun]);
+    var _a2, _b2;
+    onStopGeneration == null ? void 0 : onStopGeneration({
+      currentAgentName: agent == null ? void 0 : agent.agentId,
+      messages: (_a2 = agent == null ? void 0 : agent.messages) != null ? _a2 : []
+    });
+    return (_b2 = agent == null ? void 0 : agent.abortRun) == null ? void 0 : _b2.call(agent);
+  }, [onStopGeneration, agent]);
   const latestReset = useUpdatedRef(reset);
   const latestResetFunc = (0, import_react23.useCallback)(() => {
     return latestReset.current();
@@ -2684,11 +2705,19 @@ function useFrontendTool(tool, dependencies) {
       return rendered != null ? rendered : null;
     };
   })();
+  const handlerRef = (0, import_react26.useRef)(tool.handler);
+  (0, import_react26.useEffect)(() => {
+    handlerRef.current = tool.handler;
+  }, [tool.handler, ...dependencies != null ? dependencies : []]);
+  const normalizedHandler = tool.handler ? (args) => {
+    var _a;
+    return (_a = handlerRef.current) == null ? void 0 : _a.call(handlerRef, args);
+  } : void 0;
   (0, import_react27.useFrontendTool)({
     name,
     description,
     parameters: zodParameters,
-    handler: tool.handler,
+    handler: normalizedHandler,
     followUp,
     render: normalizedRender
   });