@copilotkit/react-core 1.51.3-next.8 → 1.51.4-next.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # ui
 
+## 1.51.4-next.0
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.51.4-next.0
+- @copilotkit/shared@1.51.4-next.0
+- @copilotkitnext/core@1.51.4-next.0
+- @copilotkitnext/react@1.51.4-next.0
+
+## 1.51.3
+
+### Patch Changes
+
+- d655e75: fix: update ag-ui dependencies
+- d36fc1e: Add UMD export
+- e89fe98: fix(v1.x): address issue causing onSubmitMessage to fire after agent response
+- 3f00a01: Fix issue causing onSubmitMessage to fire after agent response
+- Updated dependencies [d655e75]
+- Updated dependencies [d36fc1e]
+  - @copilotkit/shared@1.51.3
+  - @copilotkit/runtime-client-gql@1.51.3
+  - @copilotkitnext/react@1.51.3
+  - @copilotkitnext/core@1.51.3
+
 ## 1.51.3-next.8
 
 ### Patch Changes

package/dist/{chunk-BUSWSDYO.mjs → chunk-7JTI6ZL4.mjs}

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

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

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

package/dist/{chunk-E7SE25ZU.mjs → chunk-SRJT5VVY.mjs}

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

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

@@ -4,7 +4,7 @@ import {
 } from "./chunk-SKC7AJIV.mjs";
 
 // src/hooks/use-frontend-tool.ts
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useMemo, useRef } from "react";
 import { getZodParameters } from "@copilotkit/shared";
 import { parseJson } from "@copilotkit/shared";
 import {
@@ -13,29 +13,32 @@ import {
 function useFrontendTool(tool, dependencies) {
   const { name, description, parameters, render, followUp } = tool;
   const zodParameters = getZodParameters(parameters);
-  const normalizedRender = (() => {
+  const renderRef = useRef(render);
+  useEffect(() => {
+    renderRef.current = render;
+  }, [render, ...dependencies != null ? dependencies : []]);
+  const normalizedRender = useMemo(() => {
     if (typeof render === "undefined") {
       return void 0;
     }
-    if (typeof render === "string") {
-      const staticRender = render;
-      return () => React.createElement(
-        React.Fragment,
-        null,
-        staticRender
-      );
-    }
     return (args) => {
+      const currentRender = renderRef.current;
+      if (typeof currentRender === "undefined") {
+        return null;
+      }
+      if (typeof currentRender === "string") {
+        return React.createElement(React.Fragment, null, currentRender);
+      }
       const renderArgs = __spreadProps(__spreadValues({}, args), {
         result: typeof args.result === "string" ? parseJson(args.result, args.result) : args.result
       });
-      const rendered = render(renderArgs);
+      const rendered = currentRender(renderArgs);
       if (typeof rendered === "string") {
         return React.createElement(React.Fragment, null, rendered);
       }
       return rendered != null ? rendered : null;
     };
-  })();
+  }, []);
   const handlerRef = useRef(tool.handler);
   useEffect(() => {
     handlerRef.current = tool.handler;
@@ -57,4 +60,4 @@ function useFrontendTool(tool, dependencies) {
 export {
   useFrontendTool
 };
-//# sourceMappingURL=chunk-CDUIA2WM.mjs.map
+//# sourceMappingURL=chunk-VGL3DGUW.mjs.map

package/dist/chunk-VGL3DGUW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-frontend-tool.ts"],"sourcesContent":["import React, { useEffect, useMemo, 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 renderRef = useRef<typeof render>(render);\n\n  useEffect(() => {\n    renderRef.current = render;\n  }, [render, ...(dependencies ?? [])]);\n\n  const normalizedRender: FrontendToolOptions<T>[\"render\"] | undefined = useMemo(() => {\n    if (typeof render === \"undefined\") {\n      return undefined;\n    }\n\n    return ((args: FrontendToolRenderArgs<T>) => {\n      const currentRender = renderRef.current;\n\n      if (typeof currentRender === \"undefined\") {\n        return null;\n      }\n\n      if (typeof currentRender === \"string\") {\n        return React.createElement(React.Fragment, null, currentRender);\n      }\n\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 = currentRender(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,SAAS,cAAc;AAElD,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,YAAY,OAAsB,MAAM;AAE9C,YAAU,MAAM;AACd,cAAU,UAAU;AAAA,EACtB,GAAG,CAAC,QAAQ,GAAI,sCAAgB,CAAC,CAAE,CAAC;AAEpC,QAAM,mBAAiE,QAAQ,MAAM;AACnF,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,WAAQ,CAAC,SAAoC;AAC3C,YAAM,gBAAgB,UAAU;AAEhC,UAAI,OAAO,kBAAkB,aAAa;AACxC,eAAO;AAAA,MACT;AAEA,UAAI,OAAO,kBAAkB,UAAU;AACrC,eAAO,MAAM,cAAc,MAAM,UAAU,MAAM,aAAa;AAAA,MAChE;AAEA,YAAM,aAAa,iCACd,OADc;AAAA,QAEjB,QAAQ,OAAO,KAAK,WAAW,WAAW,UAAU,KAAK,QAAQ,KAAK,MAAM,IAAI,KAAK;AAAA,MACvF;AAEA,YAAM,WAAW,cAAc,UAAU;AAEzC,UAAI,OAAO,aAAa,UAAU;AAChC,eAAO,MAAM,cAAc,MAAM,UAAU,MAAM,QAAQ;AAAA,MAC3D;AAEA,aAAO,8BAAY;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,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;AA1FtC;AA0FyC,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/hooks/index.js

@@ -1377,29 +1377,32 @@ var import_react18 = require("@copilotkitnext/react");
 function useFrontendTool(tool, dependencies) {
   const { name, description, parameters, render, followUp } = tool;
   const zodParameters = (0, import_shared6.getZodParameters)(parameters);
-  const normalizedRender = (() => {
+  const renderRef = (0, import_react17.useRef)(render);
+  (0, import_react17.useEffect)(() => {
+    renderRef.current = render;
+  }, [render, ...dependencies != null ? dependencies : []]);
+  const normalizedRender = (0, import_react17.useMemo)(() => {
     if (typeof render === "undefined") {
       return void 0;
     }
-    if (typeof render === "string") {
-      const staticRender = render;
-      return () => import_react17.default.createElement(
-        import_react17.default.Fragment,
-        null,
-        staticRender
-      );
-    }
     return (args) => {
+      const currentRender = renderRef.current;
+      if (typeof currentRender === "undefined") {
+        return null;
+      }
+      if (typeof currentRender === "string") {
+        return import_react17.default.createElement(import_react17.default.Fragment, null, currentRender);
+      }
       const renderArgs = __spreadProps(__spreadValues({}, args), {
         result: typeof args.result === "string" ? (0, import_shared7.parseJson)(args.result, args.result) : args.result
       });
-      const rendered = render(renderArgs);
+      const rendered = currentRender(renderArgs);
       if (typeof rendered === "string") {
         return import_react17.default.createElement(import_react17.default.Fragment, null, rendered);
       }
       return rendered != null ? rendered : null;
     };
-  })();
+  }, []);
   const handlerRef = (0, import_react17.useRef)(tool.handler);
   (0, import_react17.useEffect)(() => {
     handlerRef.current = tool.handler;