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

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # ui
 
+## 1.50.1-next.1
+
+### Patch Changes
+
+- cfa4185: - fix: fix stale state in handler
+  - @copilotkit/runtime-client-gql@1.50.1-next.1
+  - @copilotkit/shared@1.50.1-next.1
+
 ## 1.50.1-next.0
 
 ### Patch Changes

package/dist/{chunk-BTZ3TJVX.mjs → chunk-4RRMC7L2.mjs}

@@ -1,9 +1,9 @@
-import {
-  CopilotContext
-} from "./chunk-AFNWX62Q.mjs";
 import {
   useToast
 } from "./chunk-EFL5OBKN.mjs";
+import {
+  CopilotContext
+} from "./chunk-AFNWX62Q.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -29,4 +29,4 @@ function useLangGraphInterrupt(action, dependencies) {
 export {
   useLangGraphInterrupt
 };
-//# sourceMappingURL=chunk-BTZ3TJVX.mjs.map
+//# sourceMappingURL=chunk-4RRMC7L2.mjs.map

package/dist/{chunk-JZN7YOPM.mjs → chunk-4YZA2BZC.mjs}

@@ -1,10 +1,10 @@
 import {
   CopilotErrorBoundary
-} from "./chunk-SNON4QA6.mjs";
+} from "./chunk-LHERIF3L.mjs";
 import {
   CopilotMessages,
   MessagesTapProvider
-} from "./chunk-7HI6VLJJ.mjs";
+} from "./chunk-HE22TZMF.mjs";
 import {
   shouldShowDevConsole
 } from "./chunk-ICIK2BSB.mjs";
@@ -14,19 +14,9 @@ import {
 import {
   use_flat_category_store_default
 } from "./chunk-YYN33GSG.mjs";
-import {
-  UsageBanner,
-  getErrorActions
-} from "./chunk-6ZLPNY7X.mjs";
 import {
   CoAgentStateRenderBridge
 } from "./chunk-QNUAXSDP.mjs";
-import {
-  CoAgentStateRendersProvider
-} from "./chunk-FDOMAPJY.mjs";
-import {
-  CopilotContext
-} from "./chunk-AFNWX62Q.mjs";
 import {
   ThreadsProvider,
   useThreads
@@ -37,6 +27,16 @@ import {
 import {
   ToastProvider
 } from "./chunk-EFL5OBKN.mjs";
+import {
+  UsageBanner,
+  getErrorActions
+} from "./chunk-6ZLPNY7X.mjs";
+import {
+  CoAgentStateRendersProvider
+} from "./chunk-FDOMAPJY.mjs";
+import {
+  CopilotContext
+} from "./chunk-AFNWX62Q.mjs";
 import {
   __async,
   __objRest,
@@ -548,4 +548,4 @@ export {
   CopilotKitInternal,
   defaultCopilotContextCategories
 };
-//# sourceMappingURL=chunk-JZN7YOPM.mjs.map
+//# sourceMappingURL=chunk-4YZA2BZC.mjs.map

package/dist/{chunk-U2ZRVVKT.mjs → chunk-BUSWSDYO.mjs}

@@ -1,6 +1,6 @@
 import {
   useCopilotAction
-} from "./chunk-EG56H77V.mjs";
+} from "./chunk-GPEJNVE5.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -14,4 +14,4 @@ function useDefaultTool(tool, dependencies) {
 export {
   useDefaultTool
 };
-//# sourceMappingURL=chunk-U2ZRVVKT.mjs.map
+//# sourceMappingURL=chunk-BUSWSDYO.mjs.map

package/dist/{chunk-T2VBHAAP.mjs → chunk-CDUIA2WM.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-SKC7AJIV.mjs";
 
 // src/hooks/use-frontend-tool.ts
-import React from "react";
+import React, { useEffect, useRef } from "react";
 import { getZodParameters } from "@copilotkit/shared";
 import { parseJson } from "@copilotkit/shared";
 import {
@@ -36,11 +36,19 @@ function useFrontendTool(tool, dependencies) {
       return rendered != null ? rendered : null;
     };
   })();
+  const handlerRef = useRef(tool.handler);
+  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;
   useFrontendToolVNext({
     name,
     description,
     parameters: zodParameters,
-    handler: tool.handler,
+    handler: normalizedHandler,
     followUp,
     render: normalizedRender
   });
@@ -49,4 +57,4 @@ function useFrontendTool(tool, dependencies) {
 export {
   useFrontendTool
 };
-//# sourceMappingURL=chunk-T2VBHAAP.mjs.map
+//# sourceMappingURL=chunk-CDUIA2WM.mjs.map

package/dist/chunk-CDUIA2WM.mjs.map

@@ -0,0 +1 @@
+{"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,OAAO,SAAS,WAAW,cAAc;AAEzC,SAAoB,wBAA8C;AAClE,SAAS,iBAAiB;AAE1B;AAAA,EAEE,mBAAmB;AAAA,OACd;AA8BA,SAAS,gBACd,MACA,cACA;AACA,QAAM,EAAE,MAAM,aAAa,YAAY,QAAQ,SAAS,IAAI;AAC5D,QAAM,gBAAgB,iBAAiB,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,MAAM;AAAA,QACJ,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,IACJ;AAEA,WAAQ,CAAC,SAAoC;AAC3C,YAAM,aAAa,iCACd,OADc;AAAA,QAEjB,QAAQ,OAAO,KAAK,WAAW,WAAW,UAAU,KAAK,QAAQ,KAAK,MAAM,IAAI,KAAK;AAAA,MACvF;AAEA,YAAM,WAAW,OAAO,UAAU;AAElC,UAAI,OAAO,aAAa,UAAU;AAChC,eAAO,MAAM,cAAc,MAAM,UAAU,MAAM,QAAQ;AAAA,MAC3D;AAEA,aAAO,8BAAY;AAAA,IACrB;AAAA,EACF,GAAG;AAGH,QAAM,aAAa,OAA4B,KAAK,OAAO;AAE3D,YAAU,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,uBAA8C;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,EACV,CAAC;AACH;","names":[]}

package/dist/{chunk-4HRUQH6U.mjs → chunk-E7SE25ZU.mjs}

@@ -1,6 +1,6 @@
 import {
   useCopilotAction
-} from "./chunk-EG56H77V.mjs";
+} from "./chunk-GPEJNVE5.mjs";
 import {
   useCopilotContext
 } from "./chunk-AFNWX62Q.mjs";
@@ -56,4 +56,4 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
 export {
   useCopilotAuthenticatedAction_c
 };
-//# sourceMappingURL=chunk-4HRUQH6U.mjs.map
+//# sourceMappingURL=chunk-E7SE25ZU.mjs.map

package/dist/{chunk-EG56H77V.mjs → chunk-GPEJNVE5.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-NBK4KBLX.mjs";
 import {
   useFrontendTool
-} from "./chunk-T2VBHAAP.mjs";
+} from "./chunk-CDUIA2WM.mjs";
 import {
   useHumanInTheLoop
 } from "./chunk-7DTB7S5V.mjs";
@@ -77,4 +77,4 @@ function useCopilotAction(action, dependencies) {
 export {
   useCopilotAction
 };
-//# sourceMappingURL=chunk-EG56H77V.mjs.map
+//# sourceMappingURL=chunk-GPEJNVE5.mjs.map

package/dist/{chunk-7HI6VLJJ.mjs → chunk-HE22TZMF.mjs}

@@ -1,15 +1,15 @@
 import {
   shouldShowDevConsole
 } from "./chunk-ICIK2BSB.mjs";
+import {
+  useToast
+} from "./chunk-EFL5OBKN.mjs";
 import {
   useCopilotContext
 } from "./chunk-AFNWX62Q.mjs";
 import {
   CopilotMessagesContext
 } from "./chunk-DMLQZG75.mjs";
-import {
-  useToast
-} from "./chunk-EFL5OBKN.mjs";
 import {
   __async
 } from "./chunk-SKC7AJIV.mjs";
@@ -183,4 +183,4 @@ export {
   MessagesTapProvider,
   CopilotMessages
 };
-//# sourceMappingURL=chunk-7HI6VLJJ.mjs.map
+//# sourceMappingURL=chunk-HE22TZMF.mjs.map

package/dist/{chunk-FESRCHUE.mjs → chunk-LCZZ7YGZ.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4CEQJ2X6.mjs";
 import {
   defaultCopilotContextCategories
-} from "./chunk-JZN7YOPM.mjs";
+} from "./chunk-4YZA2BZC.mjs";
 import {
   __async,
   __spreadValues
@@ -117,4 +117,4 @@ ${instructions}
 export {
   CopilotTask
 };
-//# sourceMappingURL=chunk-FESRCHUE.mjs.map
+//# sourceMappingURL=chunk-LCZZ7YGZ.mjs.map

package/dist/{chunk-SNON4QA6.mjs → chunk-LHERIF3L.mjs}

@@ -1,13 +1,13 @@
 import {
   StatusChecker
 } from "./chunk-PMAFHQ7P.mjs";
+import {
+  useErrorToast
+} from "./chunk-6PUNP7CD.mjs";
 import {
   UsageBanner,
   getErrorActions
 } from "./chunk-6ZLPNY7X.mjs";
-import {
-  useErrorToast
-} from "./chunk-6PUNP7CD.mjs";
 
 // src/components/error-boundary/error-boundary.tsx
 import React, { useEffect } from "react";
@@ -80,4 +80,4 @@ export {
   CopilotErrorBoundary,
   ErrorToast
 };
-//# sourceMappingURL=chunk-SNON4QA6.mjs.map
+//# sourceMappingURL=chunk-LHERIF3L.mjs.map

package/dist/{chunk-IUNU4CUG.mjs → chunk-YTQHRJUA.mjs}

@@ -1,12 +1,12 @@
+import {
+  useToast
+} from "./chunk-EFL5OBKN.mjs";
 import {
   useCoAgentStateRenders
 } from "./chunk-FDOMAPJY.mjs";
 import {
   CopilotContext
 } from "./chunk-AFNWX62Q.mjs";
-import {
-  useToast
-} from "./chunk-EFL5OBKN.mjs";
 
 // src/hooks/use-coagent-state-render.ts
 import { useRef, useContext, useEffect } from "react";
@@ -83,4 +83,4 @@ function useCoAgentStateRender(action, dependencies) {
 export {
   useCoAgentStateRender
 };
-//# sourceMappingURL=chunk-IUNU4CUG.mjs.map
+//# sourceMappingURL=chunk-YTQHRJUA.mjs.map

package/dist/components/copilot-provider/copilot-messages.mjs

@@ -2,11 +2,11 @@ import {
   CopilotMessages,
   MessagesTapProvider,
   useMessagesTap
-} from "../../chunk-7HI6VLJJ.mjs";
+} from "../../chunk-HE22TZMF.mjs";
 import "../../chunk-ICIK2BSB.mjs";
+import "../../chunk-EFL5OBKN.mjs";
 import "../../chunk-AFNWX62Q.mjs";
 import "../../chunk-DMLQZG75.mjs";
-import "../../chunk-EFL5OBKN.mjs";
 import "../../chunk-SKC7AJIV.mjs";
 export {
   CopilotMessages,

package/dist/components/copilot-provider/copilotkit.mjs

@@ -2,26 +2,26 @@ import {
   CopilotKit,
   CopilotKitInternal,
   defaultCopilotContextCategories
-} from "../../chunk-JZN7YOPM.mjs";
-import "../../chunk-SNON4QA6.mjs";
-import "../../chunk-7HI6VLJJ.mjs";
+} from "../../chunk-4YZA2BZC.mjs";
+import "../../chunk-LHERIF3L.mjs";
+import "../../chunk-HE22TZMF.mjs";
 import "../../chunk-CYDWEPFL.mjs";
 import "../../chunk-2IDV5OHF.mjs";
 import "../../chunk-ICIK2BSB.mjs";
 import "../../chunk-RKTVJRK7.mjs";
 import "../../chunk-PMAFHQ7P.mjs";
 import "../../chunk-YYN33GSG.mjs";
-import "../../chunk-6ZLPNY7X.mjs";
 import "../../chunk-6PUNP7CD.mjs";
 import "../../chunk-O7ARI5CV.mjs";
 import "../../chunk-QNUAXSDP.mjs";
 import "../../chunk-NB2FKV2V.mjs";
-import "../../chunk-FDOMAPJY.mjs";
-import "../../chunk-AFNWX62Q.mjs";
-import "../../chunk-DMLQZG75.mjs";
 import "../../chunk-F555TVE4.mjs";
 import "../../chunk-WF65O6HX.mjs";
 import "../../chunk-EFL5OBKN.mjs";
+import "../../chunk-6ZLPNY7X.mjs";
+import "../../chunk-FDOMAPJY.mjs";
+import "../../chunk-AFNWX62Q.mjs";
+import "../../chunk-DMLQZG75.mjs";
 import "../../chunk-SKC7AJIV.mjs";
 export {
   CopilotKit,

package/dist/components/copilot-provider/index.mjs

@@ -2,26 +2,26 @@ import "../../chunk-SPCZTZCY.mjs";
 import {
   CopilotKit,
   defaultCopilotContextCategories
-} from "../../chunk-JZN7YOPM.mjs";
-import "../../chunk-SNON4QA6.mjs";
-import "../../chunk-7HI6VLJJ.mjs";
+} from "../../chunk-4YZA2BZC.mjs";
+import "../../chunk-LHERIF3L.mjs";
+import "../../chunk-HE22TZMF.mjs";
 import "../../chunk-CYDWEPFL.mjs";
 import "../../chunk-2IDV5OHF.mjs";
 import "../../chunk-ICIK2BSB.mjs";
 import "../../chunk-RKTVJRK7.mjs";
 import "../../chunk-PMAFHQ7P.mjs";
 import "../../chunk-YYN33GSG.mjs";
-import "../../chunk-6ZLPNY7X.mjs";
 import "../../chunk-6PUNP7CD.mjs";
 import "../../chunk-O7ARI5CV.mjs";
 import "../../chunk-QNUAXSDP.mjs";
 import "../../chunk-NB2FKV2V.mjs";
-import "../../chunk-FDOMAPJY.mjs";
-import "../../chunk-AFNWX62Q.mjs";
-import "../../chunk-DMLQZG75.mjs";
 import "../../chunk-F555TVE4.mjs";
 import "../../chunk-WF65O6HX.mjs";
 import "../../chunk-EFL5OBKN.mjs";
+import "../../chunk-6ZLPNY7X.mjs";
+import "../../chunk-FDOMAPJY.mjs";
+import "../../chunk-AFNWX62Q.mjs";
+import "../../chunk-DMLQZG75.mjs";
 import "../../chunk-SKC7AJIV.mjs";
 export {
   CopilotKit,

package/dist/components/error-boundary/error-boundary.mjs

@@ -1,12 +1,12 @@
 import {
   CopilotErrorBoundary,
   ErrorToast
-} from "../../chunk-SNON4QA6.mjs";
+} from "../../chunk-LHERIF3L.mjs";
 import "../../chunk-PMAFHQ7P.mjs";
-import "../../chunk-6ZLPNY7X.mjs";
 import "../../chunk-6PUNP7CD.mjs";
 import "../../chunk-O7ARI5CV.mjs";
 import "../../chunk-EFL5OBKN.mjs";
+import "../../chunk-6ZLPNY7X.mjs";
 import "../../chunk-SKC7AJIV.mjs";
 export {
   CopilotErrorBoundary,

package/dist/components/index.mjs

@@ -3,26 +3,26 @@ import "../chunk-SPCZTZCY.mjs";
 import {
   CopilotKit,
   defaultCopilotContextCategories
-} from "../chunk-JZN7YOPM.mjs";
-import "../chunk-SNON4QA6.mjs";
-import "../chunk-7HI6VLJJ.mjs";
+} from "../chunk-4YZA2BZC.mjs";
+import "../chunk-LHERIF3L.mjs";
+import "../chunk-HE22TZMF.mjs";
 import "../chunk-CYDWEPFL.mjs";
 import "../chunk-2IDV5OHF.mjs";
 import "../chunk-ICIK2BSB.mjs";
 import "../chunk-RKTVJRK7.mjs";
 import "../chunk-PMAFHQ7P.mjs";
 import "../chunk-YYN33GSG.mjs";
-import "../chunk-6ZLPNY7X.mjs";
 import "../chunk-6PUNP7CD.mjs";
 import "../chunk-O7ARI5CV.mjs";
 import "../chunk-QNUAXSDP.mjs";
 import "../chunk-NB2FKV2V.mjs";
-import "../chunk-FDOMAPJY.mjs";
-import "../chunk-AFNWX62Q.mjs";
-import "../chunk-DMLQZG75.mjs";
 import "../chunk-F555TVE4.mjs";
 import "../chunk-WF65O6HX.mjs";
 import "../chunk-EFL5OBKN.mjs";
+import "../chunk-6ZLPNY7X.mjs";
+import "../chunk-FDOMAPJY.mjs";
+import "../chunk-AFNWX62Q.mjs";
+import "../chunk-DMLQZG75.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   CopilotKit,

package/dist/context/index.mjs

@@ -1,4 +1,9 @@
 import "../chunk-NB2FKV2V.mjs";
+import {
+  ThreadsContext,
+  ThreadsProvider,
+  useThreads
+} from "../chunk-F555TVE4.mjs";
 import {
   CoAgentStateRendersContext,
   CoAgentStateRendersProvider,
@@ -12,11 +17,6 @@ import {
   CopilotMessagesContext,
   useCopilotMessagesContext
 } from "../chunk-DMLQZG75.mjs";
-import {
-  ThreadsContext,
-  ThreadsProvider,
-  useThreads
-} from "../chunk-F555TVE4.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   CoAgentStateRendersContext,

package/dist/hooks/index.js

@@ -1069,11 +1069,19 @@ function useFrontendTool(tool, dependencies) {
       return rendered != null ? rendered : null;
     };
   })();
+  const handlerRef = (0, import_react16.useRef)(tool.handler);
+  (0, import_react16.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_react17.useFrontendTool)({
     name,
     description,
     parameters: zodParameters,
-    handler: tool.handler,
+    handler: normalizedHandler,
     followUp,
     render: normalizedRender
   });