@copilotkit/react-core 1.4.0-pre-1-4-0.14 → 1.4.0

package/CHANGELOG.md

@@ -1,192 +1,97 @@
 # ui
 
-## 1.4.0-pre-1-4-0.14
+## 1.4.0
 
 ### Minor Changes
 
-- lgc & lgjs alpha release
+CopilotKit Core:
 
-### Patch Changes
-
-- a5efccd: Revert rxjs changes
-- Updated dependencies [a5efccd]
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.4.0-pre-1-4-0.14
-  - @copilotkit/shared@1.4.0-pre-1-4-0.14
-
-## 1.4.0-pre-1-4-0.13
-
-### Minor Changes
-
-- lgc & lgjs alpha
-
-### Patch Changes
+- Improved error messages and overall logs
+- `useCopilotAction.renderAndAwait` renamed to `.renderAndAwaitForResponse` (backwards compatible, will be deprecated in the future)
+- Improved scrolling behavior. It is now possible to scroll up during LLM response generation
+- Added Azure OpenAI integration
+- Updated interfaces for better developer ergonomics
 
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.4.0-pre-1-4-0.13
-  - @copilotkit/shared@1.4.0-pre-1-4-0.13
+CoAgents:
 
-## 1.4.0-pre-1-4-0.12
+- Renamed `remoteActions` to `remoteEndpoints` (backwards compatible, will be deprecated in the future)
+- Support for LangGraph Platform in Remote Endpoints
+- LangGraph JS Support for CoAgents (locally via `langgraph dev`, `langgraph up` or deployed to LangGraph Platform)
+- Improved LangSmith integration - requests made through CoAgents will now surface in LangSmith
+- Enhanced state management and message handling
 
-### Minor Changes
+CopilotKid Back-end SDK:
 
-- c6b489d: LangGraph Platform and LangGraph JS support
-- 7cc6cc8: LangGraph Cloud and LangGraphJS alpha release
-- prerelease lgc and lgjs
-- Add LangGraph Platform and LangGraph JS support
-- b318b18: Add LangGraph Cloud support
+- Released a whole-new `@copilotkit/sdk-js` for building agents with LangGraph JS Support
 
 ### Patch Changes
 
-- 9ea9db1: update tsup config
-- d52c1f9: update entry
-- e71d469: export langchain module
+- f6fab28: update tsup config
+- f6fab28: update entry
+- f6fab28: export langchain module
 - 8a77944: Improve LangSmith support
-- 3caa5d5: Ensure intermediate state config is sent as snake case
-- cf3a787: update entry in tsup config
+- f6fab28: Ensure intermediate state config is sent as snake case
+- f6fab28: update entry in tsup config
 - 8a77944: Ensure the last message is sent to LangSmith
-- 264a693: update entry
-- dd99f00: Update exports
-- a28fb90: Update exports
+- a5efccd: Revert rxjs changes
+- f6fab28: update entry
+- f6fab28: Update exports
+- f6fab28: Update exports
 - 332d744: Add support for Azure OpenAI
-- 1f8032e: Export LangGraph functions
-- c3576f6: Update lockfile
-- Updated dependencies [9ea9db1]
-- Updated dependencies [d52c1f9]
-- Updated dependencies [c6b489d]
-- Updated dependencies [7cc6cc8]
-- Updated dependencies [e71d469]
-- Updated dependencies [8a77944]
-- Updated dependencies [3caa5d5]
-- Updated dependencies [cf3a787]
-- Updated dependencies
+- f6fab28: Export LangGraph functions
+- f6fab28: Update lockfile
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
 - Updated dependencies
+- Updated dependencies [f6fab28]
+- Updated dependencies [8a77944]
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
 - Updated dependencies [8a77944]
-- Updated dependencies [264a693]
-- Updated dependencies [dd99f00]
-- Updated dependencies [a28fb90]
+- Updated dependencies [a5efccd]
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
 - Updated dependencies [332d744]
-- Updated dependencies [b318b18]
-- Updated dependencies [1f8032e]
-- Updated dependencies [c3576f6]
-  - @copilotkit/runtime-client-gql@1.4.0-pre-1-4-0.12
-  - @copilotkit/shared@1.4.0-pre-1-4-0.12
-
-## 1.4.0-pre-1-4-0.11
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
+  - @copilotkit/runtime-client-gql@1.4.0
+  - @copilotkit/shared@1.4.0
 
-### Minor Changes
-
-- LangGraph Platform and LangGraph JS support
+## 1.3.16-mme-revert-rxjs-changes.10
 
 ### Patch Changes
 
+- f6fab28: update tsup config
+- f6fab28: update entry
+- f6fab28: export langchain module
+- 8a77944: Improve LangSmith support
+- f6fab28: Ensure intermediate state config is sent as snake case
+- f6fab28: update entry in tsup config
+- 8a77944: Ensure the last message is sent to LangSmith
+- Revert rxjs changes
+- f6fab28: update entry
+- f6fab28: Update exports
+- f6fab28: Update exports
+- 332d744: Add support for Azure OpenAI
+- f6fab28: Export LangGraph functions
+- f6fab28: Update lockfile
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
+- Updated dependencies [8a77944]
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
+- Updated dependencies [8a77944]
 - Updated dependencies
-  - @copilotkit/runtime-client-gql@1.4.0-pre-1-4-0.11
-  - @copilotkit/shared@1.4.0-pre-1-4-0.11
-
-## 1.4.0-pre-1-4-0.10
-
-### Minor Changes
-
-- LangGraph Cloud and LangGraphJS alpha release
-- b318b18: Add LangGraph Cloud support
-
-### Patch Changes
-
-- Updated dependencies
-- Updated dependencies [b318b18]
-  - @copilotkit/runtime-client-gql@1.4.0-pre-1-4-0.10
-  - @copilotkit/shared@1.4.0-pre-1-4-0.10
-
-## 1.3.16-mme-lgc-langgraph-package.9
-
-### Patch Changes
-
-- update entry
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.3.16-mme-lgc-langgraph-package.9
-  - @copilotkit/shared@1.3.16-mme-lgc-langgraph-package.9
-
-## 1.3.16-mme-lgc-langgraph-package.8
-
-### Patch Changes
-
-- update entry
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.3.16-mme-lgc-langgraph-package.8
-  - @copilotkit/shared@1.3.16-mme-lgc-langgraph-package.8
-
-## 1.3.16-mme-lgc-langgraph-package.7
-
-### Patch Changes
-
-- update entry in tsup config
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.3.16-mme-lgc-langgraph-package.7
-  - @copilotkit/shared@1.3.16-mme-lgc-langgraph-package.7
-
-## 1.3.16-mme-lgc-langgraph-package.6
-
-### Patch Changes
-
-- Update exports
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.3.16-mme-lgc-langgraph-package.6
-  - @copilotkit/shared@1.3.16-mme-lgc-langgraph-package.6
-
-## 1.3.16-mme-lgc-langgraph-package.5
-
-### Patch Changes
-
-- update tsup config
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.3.16-mme-lgc-langgraph-package.5
-  - @copilotkit/shared@1.3.16-mme-lgc-langgraph-package.5
-
-## 1.3.16-mme-lgc-langgraph-package.4
-
-### Patch Changes
-
-- Update exports
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.3.16-mme-lgc-langgraph-package.4
-  - @copilotkit/shared@1.3.16-mme-lgc-langgraph-package.4
-
-## 1.3.16-mme-lgc-langgraph-package.3
-
-### Patch Changes
-
-- export langchain module
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.3.16-mme-lgc-langgraph-package.3
-  - @copilotkit/shared@1.3.16-mme-lgc-langgraph-package.3
-
-## 1.3.16-mme-sdk-js.2
-
-### Patch Changes
-
-- Ensure intermediate state config is sent as snake case
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.3.16-mme-sdk-js.2
-  - @copilotkit/shared@1.3.16-mme-sdk-js.2
-
-## 1.3.16-mme-sdk-js.1
-
-### Patch Changes
-
-- Update lockfile
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.3.16-mme-sdk-js.1
-  - @copilotkit/shared@1.3.16-mme-sdk-js.1
-
-## 1.3.16-mme-sdk-js.0
-
-### Patch Changes
-
-- Export LangGraph functions
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.3.16-mme-sdk-js.0
-  - @copilotkit/shared@1.3.16-mme-sdk-js.0
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
+- Updated dependencies [332d744]
+- Updated dependencies [f6fab28]
+- Updated dependencies [f6fab28]
+  - @copilotkit/runtime-client-gql@1.3.16-mme-revert-rxjs-changes.10
+  - @copilotkit/shared@1.3.16-mme-revert-rxjs-changes.10
 
 ## 1.3.15
 

package/dist/{chunk-RYDEG77L.mjs → chunk-7LKXEJXM.mjs}

@@ -7,16 +7,17 @@ import {
 } from "./chunk-SKC7AJIV.mjs";
 
 // src/hooks/use-copilot-action.ts
-import { useRef, useEffect } from "react";
 import { randomId } from "@copilotkit/shared";
+import { createElement, Fragment, useEffect, useRef } from "react";
 function useCopilotAction(action, dependencies) {
   const { setAction, removeAction, actions, chatComponentsCache } = useCopilotContext();
   const idRef = useRef(randomId());
   const renderAndWaitRef = useRef(null);
   action = __spreadValues({}, action);
-  if (action.renderAndWait) {
-    const renderAndWait = action.renderAndWait;
+  if (action.renderAndWait || action.renderAndWaitForResponse) {
+    const renderAndWait = action.renderAndWait || action.renderAndWaitForResponse;
     action.renderAndWait = void 0;
+    action.renderAndWaitForResponse = void 0;
     action.handler = () => __async(this, null, function* () {
       let resolve;
       let reject;
@@ -32,9 +33,21 @@ function useCopilotAction(action, dependencies) {
         status: props.status,
         args: props.args,
         result: props.result,
-        handler: props.status === "executing" ? renderAndWaitRef.current.resolve : void 0
+        handler: props.status === "executing" ? renderAndWaitRef.current.resolve : void 0,
+        respond: props.status === "executing" ? renderAndWaitRef.current.resolve : void 0
       };
-      return renderAndWait(waitProps);
+      const isNoArgsRenderWait = (_fn) => {
+        var _a;
+        return ((_a = action.parameters) == null ? void 0 : _a.length) === 0;
+      };
+      if (renderAndWait) {
+        if (isNoArgsRenderWait(renderAndWait)) {
+          return renderAndWait(waitProps);
+        } else {
+          return renderAndWait(waitProps);
+        }
+      }
+      return createElement(Fragment);
     };
   }
   if (dependencies === void 0) {
@@ -74,4 +87,4 @@ function useCopilotAction(action, dependencies) {
 export {
   useCopilotAction
 };
-//# sourceMappingURL=chunk-RYDEG77L.mjs.map
+//# sourceMappingURL=chunk-7LKXEJXM.mjs.map

package/dist/chunk-7LKXEJXM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-copilot-action.ts"],"sourcesContent":["/**\n * Example usage of useCopilotAction with complex parameters:\n *\n * @example\n * useCopilotAction({\n *   name: \"myAction\",\n *   parameters: [\n *     { name: \"arg1\", type: \"string\", enum: [\"option1\", \"option2\", \"option3\"], required: false },\n *     { name: \"arg2\", type: \"number\" },\n *     {\n *       name: \"arg3\",\n *       type: \"object\",\n *       attributes: [\n *         { name: \"nestedArg1\", type: \"boolean\" },\n *         { name: \"xyz\", required: false },\n *       ],\n *     },\n *     { name: \"arg4\", type: \"number[]\" },\n *   ],\n *   handler: ({ arg1, arg2, arg3, arg4 }) => {\n *     const x = arg3.nestedArg1;\n *     const z = arg3.xyz;\n *     console.log(arg1, arg2, arg3);\n *   },\n * });\n *\n * @example\n * // Simple action without parameters\n * useCopilotAction({\n *   name: \"myAction\",\n *   handler: () => {\n *     console.log(\"No parameters provided.\");\n *   },\n * });\n *\n * @example\n * // Interactive action with UI rendering and response handling\n * useCopilotAction({\n *   name: \"handleMeeting\",\n *   description: \"Handle a meeting by booking or canceling\",\n *   parameters: [\n *     {\n *       name: \"meeting\",\n *       type: \"string\",\n *       description: \"The meeting to handle\",\n *       required: true,\n *     },\n *     {\n *       name: \"date\",\n *       type: \"string\",\n *       description: \"The date of the meeting\",\n *       required: true,\n *     },\n *     {\n *       name: \"title\",\n *       type: \"string\",\n *       description: \"The title of the meeting\",\n *       required: true,\n *     },\n *   ],\n *   renderAndWaitForResponse: ({ args, respond, status }) => {\n *     const { meeting, date, title } = args;\n *     return (\n *       <MeetingConfirmationDialog\n *         meeting={meeting}\n *         date={date}\n *         title={title}\n *         onConfirm={() => respond('meeting confirmed')}\n *         onCancel={() => respond('meeting canceled')}\n *       />\n *     );\n *   },\n * });\n */\n\n/**\n * <img src=\"/images/use-copilot-action/useCopilotAction.gif\" width=\"500\" />\n * `useCopilotAction` is a React hook that you can use in your application to provide\n * custom actions that can be called by the AI. Essentially, it allows the Copilot to\n * execute these actions contextually during a chat, based on the user's interactions\n * and needs.\n *\n * Here's how it works:\n *\n * Use `useCopilotAction` to set up actions that the Copilot can call. To provide\n * more context to the Copilot, you can provide it with a `description` (for example to explain\n * what the action does, under which conditions it can be called, etc.).\n *\n * Then you define the parameters of the action, which can be simple, e.g. primitives like strings or numbers,\n * or complex, e.g. objects or arrays.\n *\n * Finally, you provide a `handler` function that receives the parameters and returns a result.\n * CopilotKit takes care of automatically inferring the parameter types, so you get type safety\n * and autocompletion for free.\n *\n * To render a custom UI for the action, you can provide a `render()` function. This function\n * lets you render a custom component or return a string to display.\n *\n * ## Usage\n *\n * ### Simple Usage\n *\n * ```tsx\n * useCopilotAction({\n *   name: \"sayHello\",\n *   description: \"Say hello to someone.\",\n *   parameters: [\n *     {\n *       name: \"name\",\n *       type: \"string\",\n *       description: \"name of the person to say greet\",\n *     },\n *   ],\n *   handler: async ({ name }) => {\n *     alert(`Hello, ${name}!`);\n *   },\n * });\n * ```\n *\n * ## Generative UI\n *\n * This hooks enables you to dynamically generate UI elements and render them in the copilot chat. For more information, check out the [Generative UI](/concepts/generative-ui) page.\n */\nimport { Parameter, randomId } from \"@copilotkit/shared\";\nimport { createElement, Fragment, useEffect, useRef } from \"react\";\nimport { useCopilotContext } from \"../context/copilot-context\";\nimport {\n  ActionRenderProps,\n  ActionRenderPropsNoArgsWait,\n  ActionRenderPropsWait,\n  FrontendAction,\n} from \"../types/frontend-action\";\n\n// We implement useCopilotAction dependency handling so that\n// the developer has the option to not provide any dependencies.\n// In this case, we assume they want to update the handler on each rerender.\n// To avoid getting stuck in an infinite loop, we update the handler directly,\n// skipping React state updates.\n// This is ok in this case, because the handler is not part of any UI that\n// needs to be updated.\n// useCallback, useMemo or other memoization techniques are not suitable here,\n// because they will cause a infinite rerender loop.\nexport function useCopilotAction<const T extends Parameter[] | [] = []>(\n  action: FrontendAction<T>,\n  dependencies?: any[],\n): void {\n  const { setAction, removeAction, actions, chatComponentsCache } = useCopilotContext();\n  const idRef = useRef<string>(randomId());\n  const renderAndWaitRef = useRef<RenderAndWaitForResponse | null>(null);\n\n  // clone the action to avoid mutating the original object\n  action = { ...action };\n\n  // If the developer provides a renderAndWait function, we transform the action\n  // to use a promise internally, so that we can treat it like a normal action.\n  if (action.renderAndWait || action.renderAndWaitForResponse) {\n    const renderAndWait = action.renderAndWait || action.renderAndWaitForResponse;\n    // remove the renderAndWait function from the action\n    action.renderAndWait = undefined;\n    action.renderAndWaitForResponse = undefined;\n    // add a handler that will be called when the action is executed\n    action.handler = (async () => {\n      // we create a new promise when the handler is called\n      let resolve: (result: any) => void;\n      let reject: (error: any) => void;\n      const promise = new Promise<any>((resolvePromise, rejectPromise) => {\n        resolve = resolvePromise;\n        reject = rejectPromise;\n      });\n      renderAndWaitRef.current = { promise, resolve: resolve!, reject: reject! };\n      // then we await the promise (it will be resolved in the original renderAndWait function)\n      return await promise;\n    }) as any;\n\n    // add a render function that will be called when the action is rendered\n    action.render = ((props: ActionRenderProps<T>): React.ReactElement => {\n      // Create type safe waitProps based on whether T extends empty array or not\n      const waitProps = {\n        status: props.status,\n        args: props.args,\n        result: props.result,\n        handler: props.status === \"executing\" ? renderAndWaitRef.current!.resolve : undefined,\n        respond: props.status === \"executing\" ? renderAndWaitRef.current!.resolve : undefined,\n      } as T extends [] ? ActionRenderPropsNoArgsWait<T> : ActionRenderPropsWait<T>;\n\n      // Type guard to check if renderAndWait is for no args case\n      const isNoArgsRenderWait = (\n        _fn:\n          | ((props: ActionRenderPropsNoArgsWait<T>) => React.ReactElement)\n          | ((props: ActionRenderPropsWait<T>) => React.ReactElement),\n      ): _fn is (props: ActionRenderPropsNoArgsWait<T>) => React.ReactElement => {\n        return action.parameters?.length === 0;\n      };\n\n      // Safely call renderAndWait with correct props type\n      if (renderAndWait) {\n        if (isNoArgsRenderWait(renderAndWait)) {\n          return renderAndWait(waitProps as ActionRenderPropsNoArgsWait<T>);\n        } else {\n          return renderAndWait(waitProps as ActionRenderPropsWait<T>);\n        }\n      }\n\n      // Return empty Fragment instead of null\n      return createElement(Fragment);\n    }) as any;\n  }\n\n  // If the developer doesn't provide dependencies, we assume they want to\n  // update handler and render function when the action object changes.\n  // This ensures that any captured variables in the handler are up to date.\n  if (dependencies === undefined) {\n    if (actions[idRef.current]) {\n      actions[idRef.current].handler = action.handler as any;\n      if (typeof action.render === \"function\") {\n        if (chatComponentsCache.current !== null) {\n          chatComponentsCache.current.actions[action.name] = action.render;\n        }\n      }\n    }\n  }\n\n  useEffect(() => {\n    setAction(idRef.current, action as any);\n    if (chatComponentsCache.current !== null && action.render !== undefined) {\n      chatComponentsCache.current.actions[action.name] = action.render;\n    }\n    return () => {\n      // NOTE: For now, we don't remove the chatComponentsCache entry when the action is removed.\n      // This is because we currently don't have access to the messages array in CopilotContext.\n      removeAction(idRef.current);\n    };\n  }, [\n    setAction,\n    removeAction,\n    action.description,\n    action.name,\n    action.disabled,\n    // This should be faster than deep equality checking\n    // In addition, all major JS engines guarantee the order of object keys\n    JSON.stringify(action.parameters),\n    // include render only if it's a string\n    typeof action.render === \"string\" ? action.render : undefined,\n    // dependencies set by the developer\n    ...(dependencies || []),\n  ]);\n}\n\ninterface RenderAndWaitForResponse {\n  promise: Promise<any>;\n  resolve: (result: any) => void;\n  reject: (error: any) => void;\n}\n"],"mappings":";;;;;;;;;AA2HA,SAAoB,gBAAgB;AACpC,SAAS,eAAe,UAAU,WAAW,cAAc;AAkBpD,SAAS,iBACd,QACA,cACM;AACN,QAAM,EAAE,WAAW,cAAc,SAAS,oBAAoB,IAAI,kBAAkB;AACpF,QAAM,QAAQ,OAAe,SAAS,CAAC;AACvC,QAAM,mBAAmB,OAAwC,IAAI;AAGrE,WAAS,mBAAK;AAId,MAAI,OAAO,iBAAiB,OAAO,0BAA0B;AAC3D,UAAM,gBAAgB,OAAO,iBAAiB,OAAO;AAErD,WAAO,gBAAgB;AACvB,WAAO,2BAA2B;AAElC,WAAO,UAAW,MAAY;AAE5B,UAAI;AACJ,UAAI;AACJ,YAAM,UAAU,IAAI,QAAa,CAAC,gBAAgB,kBAAkB;AAClE,kBAAU;AACV,iBAAS;AAAA,MACX,CAAC;AACD,uBAAiB,UAAU,EAAE,SAAS,SAAmB,OAAgB;AAEzE,aAAO,MAAM;AAAA,IACf;AAGA,WAAO,SAAU,CAAC,UAAoD;AAEpE,YAAM,YAAY;AAAA,QAChB,QAAQ,MAAM;AAAA,QACd,MAAM,MAAM;AAAA,QACZ,QAAQ,MAAM;AAAA,QACd,SAAS,MAAM,WAAW,cAAc,iBAAiB,QAAS,UAAU;AAAA,QAC5E,SAAS,MAAM,WAAW,cAAc,iBAAiB,QAAS,UAAU;AAAA,MAC9E;AAGA,YAAM,qBAAqB,CACzB,QAGyE;AA9LjF;AA+LQ,iBAAO,YAAO,eAAP,mBAAmB,YAAW;AAAA,MACvC;AAGA,UAAI,eAAe;AACjB,YAAI,mBAAmB,aAAa,GAAG;AACrC,iBAAO,cAAc,SAA2C;AAAA,QAClE,OAAO;AACL,iBAAO,cAAc,SAAqC;AAAA,QAC5D;AAAA,MACF;AAGA,aAAO,cAAc,QAAQ;AAAA,IAC/B;AAAA,EACF;AAKA,MAAI,iBAAiB,QAAW;AAC9B,QAAI,QAAQ,MAAM,OAAO,GAAG;AAC1B,cAAQ,MAAM,OAAO,EAAE,UAAU,OAAO;AACxC,UAAI,OAAO,OAAO,WAAW,YAAY;AACvC,YAAI,oBAAoB,YAAY,MAAM;AACxC,8BAAoB,QAAQ,QAAQ,OAAO,IAAI,IAAI,OAAO;AAAA,QAC5D;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,YAAU,MAAM;AACd,cAAU,MAAM,SAAS,MAAa;AACtC,QAAI,oBAAoB,YAAY,QAAQ,OAAO,WAAW,QAAW;AACvE,0BAAoB,QAAQ,QAAQ,OAAO,IAAI,IAAI,OAAO;AAAA,IAC5D;AACA,WAAO,MAAM;AAGX,mBAAa,MAAM,OAAO;AAAA,IAC5B;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA;AAAA;AAAA,IAGP,KAAK,UAAU,OAAO,UAAU;AAAA;AAAA,IAEhC,OAAO,OAAO,WAAW,WAAW,OAAO,SAAS;AAAA;AAAA,IAEpD,GAAI,gBAAgB,CAAC;AAAA,EACvB,CAAC;AACH;","names":[]}

package/dist/hooks/index.d.ts

@@ -7,8 +7,8 @@ export { useCopilotReadable } from './use-copilot-readable.js';
 export { useCoAgent } from './use-coagent.js';
 import '@copilotkit/runtime-client-gql';
 import '../types/system-message.js';
-import '../types/frontend-action.js';
 import '@copilotkit/shared';
+import '../types/frontend-action.js';
 import 'react';
 import '../types/coagent-action.js';
 import '../types/document-pointer.js';

package/dist/hooks/index.js

@@ -570,16 +570,17 @@ ${additionalInstructions}` : "");
 }
 
 // src/hooks/use-copilot-action.ts
-var import_react6 = require("react");
 var import_shared3 = require("@copilotkit/shared");
+var import_react6 = require("react");
 function useCopilotAction(action, dependencies) {
   const { setAction, removeAction, actions, chatComponentsCache } = useCopilotContext();
   const idRef = (0, import_react6.useRef)((0, import_shared3.randomId)());
   const renderAndWaitRef = (0, import_react6.useRef)(null);
   action = __spreadValues({}, action);
-  if (action.renderAndWait) {
-    const renderAndWait = action.renderAndWait;
+  if (action.renderAndWait || action.renderAndWaitForResponse) {
+    const renderAndWait = action.renderAndWait || action.renderAndWaitForResponse;
     action.renderAndWait = void 0;
+    action.renderAndWaitForResponse = void 0;
     action.handler = () => __async(this, null, function* () {
       let resolve;
       let reject;
@@ -595,9 +596,21 @@ function useCopilotAction(action, dependencies) {
         status: props.status,
         args: props.args,
         result: props.result,
-        handler: props.status === "executing" ? renderAndWaitRef.current.resolve : void 0
+        handler: props.status === "executing" ? renderAndWaitRef.current.resolve : void 0,
+        respond: props.status === "executing" ? renderAndWaitRef.current.resolve : void 0
+      };
+      const isNoArgsRenderWait = (_fn) => {
+        var _a;
+        return ((_a = action.parameters) == null ? void 0 : _a.length) === 0;
       };
-      return renderAndWait(waitProps);
+      if (renderAndWait) {
+        if (isNoArgsRenderWait(renderAndWait)) {
+          return renderAndWait(waitProps);
+        } else {
+          return renderAndWait(waitProps);
+        }
+      }
+      return (0, import_react6.createElement)(import_react6.Fragment);
     };
   }
   if (dependencies === void 0) {