@copilotkit/react-core 1.4.8-next.2 → 1.4.8

package/dist/index.js

@@ -101,7 +101,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/components/copilot-provider/copilotkit.tsx
-var import_react8 = require("react");
+var import_react10 = require("react");
 
 // src/context/copilot-context.tsx
 var import_react = __toESM(require("react"));
@@ -157,8 +157,7 @@ var emptyCopilotContext = {
   },
   agentSession: null,
   setAgentSession: () => {
-  },
-  forwardedParameters: {}
+  }
 };
 var CopilotContext = import_react.default.createContext(emptyCopilotContext);
 function useCopilotContext() {
@@ -412,6 +411,9 @@ function CopilotMessages(_a) {
 }
 
 // src/components/toast/toast-provider.tsx
+var import_react7 = require("react");
+
+// src/components/error-boundary/error-utils.tsx
 var import_react6 = require("react");
 
 // src/components/toast/exclamation-mark-icon.tsx
@@ -441,11 +443,94 @@ var ExclamationMarkIcon = ({
   }
 );
 
-// src/components/toast/toast-provider.tsx
+// src/components/error-boundary/error-utils.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var ToastContext = (0, import_react6.createContext)(void 0);
+function ErrorToast({ errors }) {
+  const errorsToRender = errors.map((error, idx) => {
+    var _a, _b, _c;
+    const message = "extensions" in error ? (_b = (_a = error.extensions) == null ? void 0 : _a.originalError) == null ? void 0 : _b.message : error.message;
+    const code = "extensions" in error ? (_c = error.extensions) == null ? void 0 : _c.code : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "div",
+      {
+        style: {
+          marginTop: idx === 0 ? 0 : 10,
+          marginBottom: 14
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ExclamationMarkIcon, { style: { marginBottom: 4 } }),
+          code && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            "div",
+            {
+              style: {
+                fontWeight: "600",
+                marginBottom: 4
+              },
+              children: [
+                "Copilot Cloud Error:",
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontFamily: "monospace", fontWeight: "normal" }, children: code })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: message })
+        ]
+      },
+      idx
+    );
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      style: {
+        fontSize: "13px",
+        maxWidth: "600px"
+      },
+      children: [
+        errorsToRender,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: "11px", opacity: 0.75 }, children: "NOTE: This error only displays during local development." })
+      ]
+    }
+  );
+}
+function useErrorToast() {
+  const { addToast } = useToast();
+  return (0, import_react6.useCallback)(
+    (error) => {
+      const errorId = error.map((err) => {
+        var _a, _b;
+        const message = "extensions" in err ? ((_b = (_a = err.extensions) == null ? void 0 : _a.originalError) == null ? void 0 : _b.message) || err.message : err.message;
+        const stack = err.stack || "";
+        return btoa(message + stack).slice(0, 32);
+      }).join("|");
+      addToast({
+        type: "error",
+        id: errorId,
+        // Toast libraries typically dedupe by id
+        message: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ErrorToast, { errors: error })
+      });
+    },
+    [addToast]
+  );
+}
+function useAsyncCallback(callback, deps) {
+  const addErrorToast = useErrorToast();
+  return (0, import_react6.useCallback)((...args) => __async(this, null, function* () {
+    try {
+      return yield callback(...args);
+    } catch (error) {
+      console.error("Error in async callback:", error);
+      addErrorToast([error]);
+      throw error;
+    }
+  }), deps);
+}
+
+// src/components/toast/toast-provider.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ToastContext = (0, import_react7.createContext)(void 0);
 function useToast() {
-  const context = (0, import_react6.useContext)(ToastContext);
+  const context = (0, import_react7.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -455,68 +540,28 @@ function ToastProvider({
   enabled,
   children
 }) {
-  const [toasts, setToasts] = (0, import_react6.useState)([]);
-  const addToast = (0, import_react6.useCallback)((toast) => {
-    const id = Math.random().toString(36).substring(2, 9);
-    setToasts((currentToasts) => [...currentToasts, __spreadProps(__spreadValues({}, toast), { id })]);
+  const [toasts, setToasts] = (0, import_react7.useState)([]);
+  const addToast = (0, import_react7.useCallback)((toast) => {
+    var _a;
+    const id = (_a = toast.id) != null ? _a : Math.random().toString(36).substring(2, 9);
+    setToasts((currentToasts) => {
+      if (currentToasts.find((toast2) => toast2.id === id))
+        return currentToasts;
+      return [...currentToasts, __spreadProps(__spreadValues({}, toast), { id })];
+    });
     if (toast.duration) {
       setTimeout(() => {
         removeToast(id);
       }, toast.duration);
     }
   }, []);
-  const addGraphQLErrorsToast = (0, import_react6.useCallback)((errors) => {
-    const errorsToRender = errors.map((error, idx) => {
-      var _a;
-      const message = error.message;
-      const code = (_a = error.extensions) == null ? void 0 : _a.code;
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        "div",
-        {
-          style: {
-            marginTop: idx === 0 ? 0 : 10,
-            marginBottom: 14
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ExclamationMarkIcon, { style: { marginBottom: 4 } }),
-            code && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-              "div",
-              {
-                style: {
-                  fontWeight: "600",
-                  marginBottom: 4
-                },
-                children: [
-                  "Copilot Cloud Error:",
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontFamily: "monospace", fontWeight: "normal" }, children: code })
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: message })
-          ]
-        },
-        idx
-      );
-    });
+  const addGraphQLErrorsToast = (0, import_react7.useCallback)((errors) => {
     addToast({
       type: "error",
-      message: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        "div",
-        {
-          style: {
-            fontSize: "13px",
-            maxWidth: "600px"
-          },
-          children: [
-            errorsToRender,
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: "11px", opacity: 0.75 }, children: "NOTE: This is a Copilot Cloud error, and it only displays during local development." })
-          ]
-        }
-      )
+      message: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ErrorToast, { errors })
     });
   }, []);
-  const removeToast = (0, import_react6.useCallback)((id) => {
+  const removeToast = (0, import_react7.useCallback)((id) => {
     setToasts((currentToasts) => currentToasts.filter((toast) => toast.id !== id));
   }, []);
   const value = {
@@ -526,8 +571,8 @@ function ToastProvider({
     removeToast,
     enabled
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(ToastContext.Provider, { value, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(ToastContext.Provider, { value, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
       {
         style: {
@@ -541,7 +586,7 @@ function ToastProvider({
           gap: "0.5rem"
         },
         children: [
-          toasts.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          toasts.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "button",
             {
               onClick: () => setToasts([]),
@@ -556,7 +601,7 @@ function ToastProvider({
               children: "Close All"
             }
           ) }),
-          toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             Toast,
             {
               message: toast.message,
@@ -582,7 +627,7 @@ function Toast({
     warning: "#eab308",
     error: "#ef4444"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       style: {
@@ -595,8 +640,8 @@ function Toast({
         minWidth: "200px"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: message }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "button",
           {
             onClick: onClose,
@@ -621,14 +666,17 @@ function Toast({
 
 // src/hooks/use-copilot-runtime-client.ts
 var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
-var import_react7 = require("react");
+var import_react8 = require("react");
 var useCopilotRuntimeClient = (options) => {
   const { addGraphQLErrorsToast } = useToast();
-  const runtimeClient = (0, import_react7.useMemo)(() => {
+  const addErrorToast = useErrorToast();
+  const runtimeClient = (0, import_react8.useMemo)(() => {
     return new import_runtime_client_gql.CopilotRuntimeClient(__spreadProps(__spreadValues({}, options), {
       handleGQLErrors: (error) => {
         if (error.graphQLErrors.length) {
           addGraphQLErrorsToast(error.graphQLErrors);
+        } else {
+          addErrorToast([error]);
         }
       }
     }));
@@ -649,8 +697,7 @@ function extract(_0) {
     data,
     abortSignal,
     stream,
-    requestType = import_runtime_client_gql2.CopilotRequestType.Task,
-    forwardedParameters
+    requestType = import_runtime_client_gql2.CopilotRequestType.Task
   }) {
     var _a, _b;
     const { messages } = context;
@@ -697,10 +744,10 @@ function extract(_0) {
           metadata: {
             requestType
           },
-          forwardedParameters: __spreadProps(__spreadValues({}, forwardedParameters != null ? forwardedParameters : {}), {
+          forwardedParameters: {
             toolChoice: "function",
             toolChoiceFunctionName: action.name
-          })
+          }
         },
         properties: context.copilotApiConfig.properties,
         signal: abortSignal
@@ -784,13 +831,41 @@ function getHostname() {
   return "";
 }
 
+// src/components/error-boundary/error-boundary.tsx
+var import_react9 = __toESM(require("react"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CopilotErrorBoundary = class extends import_react9.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("CopilotKit Error:", error, errorInfo);
+  }
+  render() {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ErrorToast2, { error: this.state.error, children: this.props.children });
+  }
+};
+function ErrorToast2({ error, children }) {
+  const addErrorToast = useErrorToast();
+  (0, import_react9.useEffect)(() => {
+    if (error) {
+      addErrorToast([error]);
+    }
+  }, [error, addErrorToast]);
+  return children;
+}
+
 // src/components/copilot-provider/copilotkit.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function CopilotKit(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
   const showDevConsole = props.showDevConsole === void 0 ? "auto" : props.showDevConsole;
   const enabled = shouldShowDevConsole(showDevConsole);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CopilotErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children })) }) });
 }
 function CopilotKitInternal(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
@@ -800,49 +875,49 @@ function CopilotKitInternal(_a) {
     );
   }
   const chatApiEndpoint = props.runtimeUrl || import_shared4.COPILOT_CLOUD_CHAT_URL;
-  const [actions, setActions] = (0, import_react8.useState)({});
-  const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react8.useState)({});
-  const chatComponentsCache = (0, import_react8.useRef)({
+  const [actions, setActions] = (0, import_react10.useState)({});
+  const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react10.useState)({});
+  const chatComponentsCache = (0, import_react10.useRef)({
     actions: {},
     coAgentStateRenders: {}
   });
   const { addElement, removeElement, printTree } = use_tree_default();
-  const [isLoading, setIsLoading] = (0, import_react8.useState)(false);
-  const [chatInstructions, setChatInstructions] = (0, import_react8.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react10.useState)(false);
+  const [chatInstructions, setChatInstructions] = (0, import_react10.useState)("");
   const {
     addElement: addDocument,
     removeElement: removeDocument,
     allElements: allDocuments
   } = use_flat_category_store_default();
-  const setAction = (0, import_react8.useCallback)((id, action) => {
+  const setAction = (0, import_react10.useCallback)((id, action) => {
     setActions((prevPoints) => {
       return __spreadProps(__spreadValues({}, prevPoints), {
         [id]: action
       });
     });
   }, []);
-  const removeAction = (0, import_react8.useCallback)((id) => {
+  const removeAction = (0, import_react10.useCallback)((id) => {
     setActions((prevPoints) => {
       const newPoints = __spreadValues({}, prevPoints);
       delete newPoints[id];
       return newPoints;
     });
   }, []);
-  const setCoAgentStateRender = (0, import_react8.useCallback)((id, stateRender) => {
+  const setCoAgentStateRender = (0, import_react10.useCallback)((id, stateRender) => {
     setCoAgentStateRenders((prevPoints) => {
       return __spreadProps(__spreadValues({}, prevPoints), {
         [id]: stateRender
       });
     });
   }, []);
-  const removeCoAgentStateRender = (0, import_react8.useCallback)((id) => {
+  const removeCoAgentStateRender = (0, import_react10.useCallback)((id) => {
     setCoAgentStateRenders((prevPoints) => {
       const newPoints = __spreadValues({}, prevPoints);
       delete newPoints[id];
       return newPoints;
     });
   }, []);
-  const getContextString = (0, import_react8.useCallback)(
+  const getContextString = (0, import_react10.useCallback)(
     (documents, categories) => {
       const documentsString = documents.map((document) => {
         return `${document.name} (${document.sourceApplication}):
@@ -855,37 +930,37 @@ ${nonDocumentStrings}`;
     },
     [printTree]
   );
-  const addContext = (0, import_react8.useCallback)(
+  const addContext = (0, import_react10.useCallback)(
     (context, parentId, categories = defaultCopilotContextCategories) => {
       return addElement(context, categories, parentId);
     },
     [addElement]
   );
-  const removeContext = (0, import_react8.useCallback)(
+  const removeContext = (0, import_react10.useCallback)(
     (id) => {
       removeElement(id);
     },
     [removeElement]
   );
-  const getFunctionCallHandler = (0, import_react8.useCallback)(
+  const getFunctionCallHandler = (0, import_react10.useCallback)(
     (customEntryPoints) => {
       return entryPointsToFunctionCallHandler(Object.values(customEntryPoints || actions));
     },
     [actions]
   );
-  const getDocumentsContext = (0, import_react8.useCallback)(
+  const getDocumentsContext = (0, import_react10.useCallback)(
     (categories) => {
       return allDocuments(categories);
     },
     [allDocuments]
   );
-  const addDocumentContext = (0, import_react8.useCallback)(
+  const addDocumentContext = (0, import_react10.useCallback)(
     (documentPointer, categories = defaultCopilotContextCategories) => {
       return addDocument(documentPointer, categories);
     },
     [addDocument]
   );
-  const removeDocumentContext = (0, import_react8.useCallback)(
+  const removeDocumentContext = (0, import_react10.useCallback)(
     (documentId) => {
       removeDocument(documentId);
     },
@@ -898,7 +973,7 @@ ${nonDocumentStrings}`;
       );
     }
   }
-  const copilotApiConfig = (0, import_react8.useMemo)(() => {
+  const copilotApiConfig = (0, import_react10.useMemo)(() => {
     var _a2, _b2;
     let cloud = void 0;
     if (props.publicApiKey) {
@@ -940,7 +1015,7 @@ ${nonDocumentStrings}`;
     headers,
     credentials: copilotApiConfig.credentials
   });
-  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react8.useState)({});
+  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react10.useState)({});
   const addChatSuggestionConfiguration = (id, suggestion) => {
     setChatSuggestionConfiguration((prev) => __spreadProps(__spreadValues({}, prev), { [id]: suggestion }));
   };
@@ -950,9 +1025,9 @@ ${nonDocumentStrings}`;
       return rest;
     });
   };
-  const [coagentStates, setCoagentStates] = (0, import_react8.useState)({});
-  const coagentStatesRef = (0, import_react8.useRef)({});
-  const setCoagentStatesWithRef = (0, import_react8.useCallback)(
+  const [coagentStates, setCoagentStates] = (0, import_react10.useState)({});
+  const coagentStatesRef = (0, import_react10.useRef)({});
+  const setCoagentStatesWithRef = (0, import_react10.useCallback)(
     (value) => {
       const newValue = typeof value === "function" ? value(coagentStatesRef.current) : value;
       coagentStatesRef.current = newValue;
@@ -968,9 +1043,9 @@ ${nonDocumentStrings}`;
       agentName: props.agent
     };
   }
-  const [agentSession, setAgentSession] = (0, import_react8.useState)(initialAgentSession);
+  const [agentSession, setAgentSession] = (0, import_react10.useState)(initialAgentSession);
   const showDevConsole = props.showDevConsole === void 0 ? "auto" : props.showDevConsole;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     CopilotContext.Provider,
     {
       value: {
@@ -1003,10 +1078,9 @@ ${nonDocumentStrings}`;
         setCoagentStatesWithRef,
         agentSession,
         setAgentSession,
-        runtimeClient,
-        forwardedParameters: props.forwardedParameters || {}
+        runtimeClient
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CopilotMessages, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CopilotMessages, { children })
     }
   );
 }
@@ -1038,11 +1112,11 @@ function entryPointsToFunctionCallHandler(actions) {
 }
 
 // src/hooks/use-copilot-chat.ts
-var import_react10 = require("react");
+var import_react12 = require("react");
 var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
 
 // src/hooks/use-chat.ts
-var import_react9 = require("react");
+var import_react11 = require("react");
 var import_shared5 = require("@copilotkit/shared");
 var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 function useChat(options) {
@@ -1062,12 +1136,12 @@ function useChat(options) {
     agentSession,
     setAgentSession
   } = options;
-  const abortControllerRef = (0, import_react9.useRef)();
-  const threadIdRef = (0, import_react9.useRef)(null);
-  const runIdRef = (0, import_react9.useRef)(null);
+  const abortControllerRef = (0, import_react11.useRef)();
+  const threadIdRef = (0, import_react11.useRef)(null);
+  const runIdRef = (0, import_react11.useRef)(null);
   const { addGraphQLErrorsToast } = useToast();
-  const runChatCompletionRef = (0, import_react9.useRef)();
-  const agentSessionRef = (0, import_react9.useRef)(agentSession);
+  const runChatCompletionRef = (0, import_react11.useRef)();
+  const agentSessionRef = (0, import_react11.useRef)(agentSession);
   agentSessionRef.current = agentSession;
   const publicApiKey = copilotConfig.publicApiKey;
   const headers = __spreadValues(__spreadValues({}, copilotConfig.headers || {}), publicApiKey ? { [import_shared5.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
@@ -1077,211 +1151,236 @@ function useChat(options) {
     headers,
     credentials: copilotConfig.credentials
   });
-  const runChatCompletion = (previousMessages) => __async(this, null, function* () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    setIsLoading(true);
-    let newMessages = [
-      new import_runtime_client_gql4.TextMessage({
-        content: "",
-        role: import_runtime_client_gql4.Role.Assistant
-      })
-    ];
-    const abortController = new AbortController();
-    abortControllerRef.current = abortController;
-    setMessages([...previousMessages, ...newMessages]);
-    const systemMessage = makeSystemMessageCallback();
-    const messagesWithContext = [systemMessage, ...initialMessages || [], ...previousMessages];
-    const stream = runtimeClient.asStream(
-      runtimeClient.generateCopilotResponse({
-        data: __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-          frontend: {
-            actions: actions.filter(
-              (action) => action.available !== import_runtime_client_gql4.ActionInputAvailability.Disabled || !action.disabled
-            ).map((action) => {
-              let available = import_runtime_client_gql4.ActionInputAvailability.Enabled;
-              if (action.disabled) {
-                available = import_runtime_client_gql4.ActionInputAvailability.Disabled;
-              } else if (action.available === "disabled") {
-                available = import_runtime_client_gql4.ActionInputAvailability.Disabled;
-              } else if (action.available === "remote") {
-                available = import_runtime_client_gql4.ActionInputAvailability.Remote;
-              }
-              return {
-                name: action.name,
-                description: action.description || "",
-                jsonSchema: JSON.stringify((0, import_shared5.actionParametersToJsonSchema)(action.parameters || [])),
-                available
-              };
-            }),
-            url: window.location.href
-          },
-          threadId: threadIdRef.current,
-          runId: runIdRef.current,
-          messages: (0, import_runtime_client_gql4.convertMessagesToGqlInput)((0, import_runtime_client_gql4.filterAgentStateMessages)(messagesWithContext))
-        }, copilotConfig.cloud ? {
-          cloud: __spreadValues({}, ((_c = (_b = (_a = copilotConfig.cloud.guardrails) == null ? void 0 : _a.input) == null ? void 0 : _b.restrictToTopic) == null ? void 0 : _c.enabled) ? {
-            guardrails: {
-              inputValidationRules: {
-                allowList: copilotConfig.cloud.guardrails.input.restrictToTopic.validTopics,
-                denyList: copilotConfig.cloud.guardrails.input.restrictToTopic.invalidTopics
+  const runChatCompletion = useAsyncCallback(
+    (previousMessages) => __async(this, null, function* () {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      setIsLoading(true);
+      let newMessages = [
+        new import_runtime_client_gql4.TextMessage({
+          content: "",
+          role: import_runtime_client_gql4.Role.Assistant
+        })
+      ];
+      const abortController = new AbortController();
+      abortControllerRef.current = abortController;
+      setMessages([...previousMessages, ...newMessages]);
+      const systemMessage = makeSystemMessageCallback();
+      const messagesWithContext = [systemMessage, ...initialMessages || [], ...previousMessages];
+      const stream = runtimeClient.asStream(
+        runtimeClient.generateCopilotResponse({
+          data: __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+            frontend: {
+              actions: actions.filter(
+                (action) => action.available !== import_runtime_client_gql4.ActionInputAvailability.Disabled || !action.disabled
+              ).map((action) => {
+                let available = import_runtime_client_gql4.ActionInputAvailability.Enabled;
+                if (action.disabled) {
+                  available = import_runtime_client_gql4.ActionInputAvailability.Disabled;
+                } else if (action.available === "disabled") {
+                  available = import_runtime_client_gql4.ActionInputAvailability.Disabled;
+                } else if (action.available === "remote") {
+                  available = import_runtime_client_gql4.ActionInputAvailability.Remote;
+                }
+                return {
+                  name: action.name,
+                  description: action.description || "",
+                  jsonSchema: JSON.stringify(
+                    (0, import_shared5.actionParametersToJsonSchema)(action.parameters || [])
+                  ),
+                  available
+                };
+              }),
+              url: window.location.href
+            },
+            threadId: threadIdRef.current,
+            runId: runIdRef.current,
+            messages: (0, import_runtime_client_gql4.convertMessagesToGqlInput)((0, import_runtime_client_gql4.filterAgentStateMessages)(messagesWithContext))
+          }, copilotConfig.cloud ? {
+            cloud: __spreadValues({}, ((_c = (_b = (_a = copilotConfig.cloud.guardrails) == null ? void 0 : _a.input) == null ? void 0 : _b.restrictToTopic) == null ? void 0 : _c.enabled) ? {
+              guardrails: {
+                inputValidationRules: {
+                  allowList: copilotConfig.cloud.guardrails.input.restrictToTopic.validTopics,
+                  denyList: copilotConfig.cloud.guardrails.input.restrictToTopic.invalidTopics
+                }
               }
+            } : {})
+          } : {}), {
+            metadata: {
+              requestType: import_runtime_client_gql4.CopilotRequestType.Chat
             }
-          } : {})
-        } : {}), {
-          metadata: {
-            requestType: import_runtime_client_gql4.CopilotRequestType.Chat
+          }), agentSessionRef.current ? {
+            agentSession: agentSessionRef.current
+          } : {}), {
+            agentStates: Object.values(coagentStatesRef.current).map((state) => ({
+              agentName: state.name,
+              state: JSON.stringify(state.state)
+            }))
+          }),
+          properties: copilotConfig.properties,
+          signal: (_d = abortControllerRef.current) == null ? void 0 : _d.signal
+        })
+      );
+      const guardrailsEnabled = ((_g = (_f = (_e = copilotConfig.cloud) == null ? void 0 : _e.guardrails) == null ? void 0 : _f.input) == null ? void 0 : _g.restrictToTopic.enabled) || false;
+      const reader = stream.getReader();
+      let actionResults = {};
+      let executedCoAgentStateRenders = [];
+      let followUp = void 0;
+      try {
+        while (true) {
+          let done, value;
+          try {
+            const readResult = yield reader.read();
+            done = readResult.done;
+            value = readResult.value;
+          } catch (readError) {
+            break;
           }
-        }), agentSessionRef.current ? {
-          agentSession: agentSessionRef.current
-        } : {}), {
-          agentStates: Object.values(coagentStatesRef.current).map((state) => ({
-            agentName: state.name,
-            state: JSON.stringify(state.state)
-          })),
-          forwardedParameters: options.forwardedParameters || {}
-        }),
-        properties: copilotConfig.properties,
-        signal: (_d = abortControllerRef.current) == null ? void 0 : _d.signal
-      })
-    );
-    const guardrailsEnabled = ((_g = (_f = (_e = copilotConfig.cloud) == null ? void 0 : _e.guardrails) == null ? void 0 : _f.input) == null ? void 0 : _g.restrictToTopic.enabled) || false;
-    const reader = stream.getReader();
-    let actionResults = {};
-    let executedCoAgentStateRenders = [];
-    let followUp = void 0;
-    try {
-      while (true) {
-        let done, value;
-        try {
-          const readResult = yield reader.read();
-          done = readResult.done;
-          value = readResult.value;
-        } catch (readError) {
-          break;
-        }
-        if (done) {
-          break;
-        }
-        if (!(value == null ? void 0 : value.generateCopilotResponse)) {
-          continue;
-        }
-        threadIdRef.current = value.generateCopilotResponse.threadId || null;
-        runIdRef.current = value.generateCopilotResponse.runId || null;
-        const messages2 = (0, import_runtime_client_gql4.convertGqlOutputToMessages)(
-          (0, import_runtime_client_gql4.filterAdjacentAgentStateMessages)(value.generateCopilotResponse.messages)
-        );
-        if (messages2.length === 0) {
-          continue;
-        }
-        newMessages = [];
-        if (((_h = value.generateCopilotResponse.status) == null ? void 0 : _h.__typename) === "FailedResponseStatus" && value.generateCopilotResponse.status.reason === "GUARDRAILS_VALIDATION_FAILED") {
-          newMessages = [
-            new import_runtime_client_gql4.TextMessage({
-              role: import_runtime_client_gql4.MessageRole.Assistant,
-              content: ((_i = value.generateCopilotResponse.status.details) == null ? void 0 : _i.guardrailsReason) || ""
-            })
-          ];
-        } else {
-          for (const message of messages2) {
-            newMessages.push(message);
-            if (message.isActionExecutionMessage() && message.status.code !== import_runtime_client_gql4.MessageStatusCode.Pending && message.scope === "client" && onFunctionCall) {
-              if (!(message.id in actionResults)) {
+          if (done) {
+            break;
+          }
+          if (!(value == null ? void 0 : value.generateCopilotResponse)) {
+            continue;
+          }
+          threadIdRef.current = value.generateCopilotResponse.threadId || null;
+          runIdRef.current = value.generateCopilotResponse.runId || null;
+          const messages2 = (0, import_runtime_client_gql4.convertGqlOutputToMessages)(
+            (0, import_runtime_client_gql4.filterAdjacentAgentStateMessages)(value.generateCopilotResponse.messages)
+          );
+          if (messages2.length === 0) {
+            continue;
+          }
+          newMessages = [];
+          if (((_h = value.generateCopilotResponse.status) == null ? void 0 : _h.__typename) === "FailedResponseStatus" && value.generateCopilotResponse.status.reason === "GUARDRAILS_VALIDATION_FAILED") {
+            newMessages = [
+              new import_runtime_client_gql4.TextMessage({
+                role: import_runtime_client_gql4.MessageRole.Assistant,
+                content: ((_i = value.generateCopilotResponse.status.details) == null ? void 0 : _i.guardrailsReason) || ""
+              })
+            ];
+          } else {
+            for (const message of messages2) {
+              newMessages.push(message);
+              if (message.isActionExecutionMessage() && message.status.code !== import_runtime_client_gql4.MessageStatusCode.Pending && message.scope === "client" && onFunctionCall) {
+                if (!(message.id in actionResults)) {
+                  if (guardrailsEnabled && value.generateCopilotResponse.status === void 0) {
+                    break;
+                  }
+                  try {
+                    setMessages([...previousMessages, ...newMessages]);
+                    const action = actions.find((action2) => action2.name === message.name);
+                    if (action) {
+                      followUp = action.followUp;
+                    }
+                    const result = yield onFunctionCall({
+                      messages: previousMessages,
+                      name: message.name,
+                      args: message.arguments
+                    });
+                    actionResults[message.id] = result;
+                  } catch (e) {
+                    actionResults[message.id] = `Failed to execute action ${message.name}`;
+                    console.error(`Failed to execute action ${message.name}: ${e}`);
+                  }
+                }
+                newMessages.push(
+                  new import_runtime_client_gql4.ResultMessage({
+                    result: import_runtime_client_gql4.ResultMessage.encodeResult(actionResults[message.id]),
+                    actionExecutionId: message.id,
+                    actionName: message.name
+                  })
+                );
+              }
+              if (message.isAgentStateMessage() && !message.active && !executedCoAgentStateRenders.includes(message.id) && onCoAgentStateRender) {
                 if (guardrailsEnabled && value.generateCopilotResponse.status === void 0) {
                   break;
                 }
-                try {
-                  setMessages([...previousMessages, ...newMessages]);
-                  const action = actions.find((action2) => action2.name === message.name);
-                  if (action) {
-                    followUp = action.followUp;
-                  }
-                  const result = yield onFunctionCall({
-                    messages: previousMessages,
-                    name: message.name,
-                    args: message.arguments
-                  });
-                  actionResults[message.id] = result;
-                } catch (e) {
-                  actionResults[message.id] = `Failed to execute action ${message.name}`;
-                  console.error(`Failed to execute action ${message.name}: ${e}`);
-                }
+                yield onCoAgentStateRender({
+                  name: message.agentName,
+                  nodeName: message.nodeName,
+                  state: message.state
+                });
+                executedCoAgentStateRenders.push(message.id);
               }
-              newMessages.push(
-                new import_runtime_client_gql4.ResultMessage({
-                  result: import_runtime_client_gql4.ResultMessage.encodeResult(actionResults[message.id]),
-                  actionExecutionId: message.id,
-                  actionName: message.name
-                })
-              );
             }
-            if (message.isAgentStateMessage() && !message.active && !executedCoAgentStateRenders.includes(message.id) && onCoAgentStateRender) {
-              if (guardrailsEnabled && value.generateCopilotResponse.status === void 0) {
-                break;
+            const lastAgentStateMessage = [...messages2].reverse().find((message) => message.isAgentStateMessage());
+            if (lastAgentStateMessage) {
+              setCoagentStatesWithRef((prevAgentStates) => __spreadProps(__spreadValues({}, prevAgentStates), {
+                [lastAgentStateMessage.agentName]: {
+                  name: lastAgentStateMessage.agentName,
+                  state: lastAgentStateMessage.state,
+                  running: lastAgentStateMessage.running,
+                  active: lastAgentStateMessage.active,
+                  threadId: lastAgentStateMessage.threadId,
+                  nodeName: lastAgentStateMessage.nodeName,
+                  runId: lastAgentStateMessage.runId
+                }
+              }));
+              if (lastAgentStateMessage.running) {
+                setAgentSession({
+                  threadId: lastAgentStateMessage.threadId,
+                  agentName: lastAgentStateMessage.agentName,
+                  nodeName: lastAgentStateMessage.nodeName
+                });
+              } else {
+                setAgentSession(null);
               }
-              yield onCoAgentStateRender({
-                name: message.agentName,
-                nodeName: message.nodeName,
-                state: message.state
-              });
-              executedCoAgentStateRenders.push(message.id);
             }
           }
-          const lastAgentStateMessage = [...messages2].reverse().find((message) => message.isAgentStateMessage());
-          if (lastAgentStateMessage) {
-            setCoagentStatesWithRef((prevAgentStates) => __spreadProps(__spreadValues({}, prevAgentStates), {
-              [lastAgentStateMessage.agentName]: {
-                name: lastAgentStateMessage.agentName,
-                state: lastAgentStateMessage.state,
-                running: lastAgentStateMessage.running,
-                active: lastAgentStateMessage.active,
-                threadId: lastAgentStateMessage.threadId,
-                nodeName: lastAgentStateMessage.nodeName,
-                runId: lastAgentStateMessage.runId
-              }
-            }));
-            if (lastAgentStateMessage.running) {
-              setAgentSession({
-                threadId: lastAgentStateMessage.threadId,
-                agentName: lastAgentStateMessage.agentName,
-                nodeName: lastAgentStateMessage.nodeName
-              });
-            } else {
-              setAgentSession(null);
-            }
+          if (newMessages.length > 0) {
+            setMessages([...previousMessages, ...newMessages]);
           }
         }
-        if (newMessages.length > 0) {
-          setMessages([...previousMessages, ...newMessages]);
+        if (
+          // if followUp is not explicitly false
+          followUp !== false && // if we have client side results
+          (Object.values(actionResults).length || // or the last message we received is a result
+          newMessages.length && newMessages[newMessages.length - 1].isResultMessage())
+        ) {
+          yield new Promise((resolve) => setTimeout(resolve, 10));
+          return yield runChatCompletionRef.current([...previousMessages, ...newMessages]);
+        } else {
+          return newMessages.slice();
         }
+      } finally {
+        setIsLoading(false);
       }
-      if (
-        // if followUp is not explicitly false
-        followUp !== false && // if we have client side results
-        (Object.values(actionResults).length || // or the last message we received is a result
-        newMessages.length && newMessages[newMessages.length - 1].isResultMessage())
-      ) {
-        yield new Promise((resolve) => setTimeout(resolve, 10));
-        return yield runChatCompletionRef.current([...previousMessages, ...newMessages]);
-      } else {
-        return newMessages.slice();
-      }
-    } finally {
-      setIsLoading(false);
-    }
-  });
+    }),
+    [
+      messages,
+      setMessages,
+      makeSystemMessageCallback,
+      copilotConfig,
+      setIsLoading,
+      initialMessages,
+      isLoading,
+      actions,
+      onFunctionCall,
+      onCoAgentStateRender,
+      setCoagentStatesWithRef,
+      coagentStatesRef,
+      agentSession,
+      setAgentSession
+    ]
+  );
   runChatCompletionRef.current = runChatCompletion;
-  const runChatCompletionAndHandleFunctionCall = (messages2) => __async(this, null, function* () {
-    yield runChatCompletionRef.current(messages2);
-  });
-  const append = (message) => __async(this, null, function* () {
-    if (isLoading) {
-      return;
-    }
-    const newMessages = [...messages, message];
-    setMessages(newMessages);
-    return runChatCompletionAndHandleFunctionCall(newMessages);
-  });
-  const reload = () => __async(this, null, function* () {
+  const runChatCompletionAndHandleFunctionCall = useAsyncCallback(
+    (messages2) => __async(this, null, function* () {
+      yield runChatCompletionRef.current(messages2);
+    }),
+    [messages]
+  );
+  const append = useAsyncCallback(
+    (message) => __async(this, null, function* () {
+      if (isLoading) {
+        return;
+      }
+      const newMessages = [...messages, message];
+      setMessages(newMessages);
+      return runChatCompletionAndHandleFunctionCall(newMessages);
+    }),
+    [isLoading, messages, setMessages, runChatCompletionAndHandleFunctionCall]
+  );
+  const reload = useAsyncCallback(() => __async(this, null, function* () {
     if (isLoading || messages.length === 0) {
       return;
     }
@@ -1292,7 +1391,7 @@ function useChat(options) {
     }
     setMessages(newMessages);
     return runChatCompletionAndHandleFunctionCall(newMessages);
-  });
+  }), [isLoading, messages, setMessages, runChatCompletionAndHandleFunctionCall]);
   const stop = () => {
     var _a;
     (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
@@ -1324,18 +1423,17 @@ function useCopilotChat(_a = {}) {
     setCoagentStatesWithRef,
     coAgentStateRenders,
     agentSession,
-    setAgentSession,
-    forwardedParameters
+    setAgentSession
   } = useCopilotContext();
   const { messages, setMessages } = useCopilotMessagesContext();
   const latestGetContextString = useUpdatedRef(getContextString);
-  const deleteMessage = (0, import_react10.useCallback)(
+  const deleteMessage = (0, import_react12.useCallback)(
     (messageId) => {
       setMessages((prev) => prev.filter((message) => message.id !== messageId));
     },
     [setMessages]
   );
-  const makeSystemMessageCallback = (0, import_react10.useCallback)(() => {
+  const makeSystemMessageCallback = (0, import_react12.useCallback)(() => {
     const systemMessageMaker = makeSystemMessage2 || defaultSystemMessage;
     const contextString = latestGetContextString.current([], defaultCopilotContextCategories);
     return new import_runtime_client_gql5.TextMessage({
@@ -1343,7 +1441,7 @@ function useCopilotChat(_a = {}) {
       role: import_runtime_client_gql5.Role.System
     });
   }, [getContextString, makeSystemMessage2, chatInstructions]);
-  const onCoAgentStateRender = (0, import_react10.useCallback)(
+  const onCoAgentStateRender = useAsyncCallback(
     (args) => __async(this, null, function* () {
       var _a2;
       const { name, nodeName, state } = args;
@@ -1375,42 +1473,41 @@ function useCopilotChat(_a = {}) {
     coagentStatesRef,
     setCoagentStatesWithRef,
     agentSession,
-    setAgentSession,
-    forwardedParameters
+    setAgentSession
   }));
   const latestAppend = useUpdatedRef(append);
-  const latestAppendFunc = (0, import_react10.useCallback)(
-    (message) => {
-      return latestAppend.current(message);
-    },
+  const latestAppendFunc = useAsyncCallback(
+    (message) => __async(this, null, function* () {
+      return yield latestAppend.current(message);
+    }),
     [latestAppend]
   );
   const latestReload = useUpdatedRef(reload);
-  const latestReloadFunc = (0, import_react10.useCallback)(() => {
-    return latestReload.current();
-  }, [latestReload]);
+  const latestReloadFunc = useAsyncCallback(() => __async(this, null, function* () {
+    return yield latestReload.current();
+  }), [latestReload]);
   const latestStop = useUpdatedRef(stop);
-  const latestStopFunc = (0, import_react10.useCallback)(() => {
+  const latestStopFunc = (0, import_react12.useCallback)(() => {
     return latestStop.current();
   }, [latestStop]);
   const latestDelete = useUpdatedRef(deleteMessage);
-  const latestDeleteFunc = (0, import_react10.useCallback)(
+  const latestDeleteFunc = (0, import_react12.useCallback)(
     (messageId) => {
       return latestDelete.current(messageId);
     },
     [latestDelete]
   );
   const latestSetMessages = useUpdatedRef(setMessages);
-  const latestSetMessagesFunc = (0, import_react10.useCallback)(
+  const latestSetMessagesFunc = (0, import_react12.useCallback)(
     (messages2) => {
       return latestSetMessages.current(messages2);
     },
     [latestSetMessages]
   );
   const latestRunChatCompletion = useUpdatedRef(runChatCompletion);
-  const latestRunChatCompletionFunc = (0, import_react10.useCallback)(() => {
-    return latestRunChatCompletion.current();
-  }, [latestRunChatCompletion]);
+  const latestRunChatCompletionFunc = useAsyncCallback(() => __async(this, null, function* () {
+    return yield latestRunChatCompletion.current();
+  }), [latestRunChatCompletion]);
   return {
     visibleMessages: messages,
     appendMessage: latestAppendFunc,
@@ -1423,8 +1520,8 @@ function useCopilotChat(_a = {}) {
   };
 }
 function useUpdatedRef(value) {
-  const ref = (0, import_react10.useRef)(value);
-  (0, import_react10.useEffect)(() => {
+  const ref = (0, import_react12.useRef)(value);
+  (0, import_react12.useEffect)(() => {
     ref.current = value;
   }, [value]);
   return ref;
@@ -1455,17 +1552,17 @@ ${additionalInstructions}` : "");
 
 // src/hooks/use-copilot-action.ts
 var import_shared6 = require("@copilotkit/shared");
-var import_react11 = require("react");
+var import_react13 = require("react");
 function useCopilotAction(action, dependencies) {
   const { setAction, removeAction, actions, chatComponentsCache } = useCopilotContext();
-  const idRef = (0, import_react11.useRef)((0, import_shared6.randomId)());
-  const renderAndWaitRef = (0, import_react11.useRef)(null);
+  const idRef = (0, import_react13.useRef)((0, import_shared6.randomId)());
+  const renderAndWaitRef = (0, import_react13.useRef)(null);
   action = __spreadValues({}, action);
   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* () {
+    action.handler = useAsyncCallback(() => __async(this, null, function* () {
       let resolve;
       let reject;
       const promise = new Promise((resolvePromise, rejectPromise) => {
@@ -1474,7 +1571,7 @@ function useCopilotAction(action, dependencies) {
       });
       renderAndWaitRef.current = { promise, resolve, reject };
       return yield promise;
-    });
+    }), []);
     action.render = (props) => {
       const waitProps = {
         status: props.status,
@@ -1494,7 +1591,7 @@ function useCopilotAction(action, dependencies) {
           return renderAndWait(waitProps);
         }
       }
-      return (0, import_react11.createElement)(import_react11.Fragment);
+      return (0, import_react13.createElement)(import_react13.Fragment);
     };
   }
   if (dependencies === void 0) {
@@ -1507,7 +1604,7 @@ function useCopilotAction(action, dependencies) {
       }
     }
   }
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     setAction(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
       chatComponentsCache.current.actions[action.name] = action.render;
@@ -1533,7 +1630,7 @@ function useCopilotAction(action, dependencies) {
 }
 
 // src/hooks/use-coagent-state-render.ts
-var import_react12 = require("react");
+var import_react14 = require("react");
 var import_shared7 = require("@copilotkit/shared");
 function useCoAgentStateRender(action, dependencies) {
   const {
@@ -1541,8 +1638,8 @@ function useCoAgentStateRender(action, dependencies) {
     removeCoAgentStateRender,
     coAgentStateRenders,
     chatComponentsCache
-  } = (0, import_react12.useContext)(CopilotContext);
-  const idRef = (0, import_react12.useRef)((0, import_shared7.randomId)());
+  } = (0, import_react14.useContext)(CopilotContext);
+  const idRef = (0, import_react14.useRef)((0, import_shared7.randomId)());
   const key = `${action.name}-${action.nodeName || "global"}`;
   if (dependencies === void 0) {
     if (coAgentStateRenders[idRef.current]) {
@@ -1554,7 +1651,7 @@ function useCoAgentStateRender(action, dependencies) {
       }
     }
   }
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     setCoAgentStateRender(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
       chatComponentsCache.current.coAgentStateRenders[key] = action.render;
@@ -1574,11 +1671,11 @@ function useCoAgentStateRender(action, dependencies) {
 }
 
 // src/hooks/use-make-copilot-document-readable.ts
-var import_react13 = require("react");
+var import_react15 = require("react");
 function useMakeCopilotDocumentReadable(document, categories, dependencies = []) {
   const { addDocumentContext, removeDocumentContext } = useCopilotContext();
-  const idRef = (0, import_react13.useRef)();
-  (0, import_react13.useEffect)(() => {
+  const idRef = (0, import_react15.useRef)();
+  (0, import_react15.useEffect)(() => {
     const id = addDocumentContext(document, categories);
     idRef.current = id;
     return () => {
@@ -1589,16 +1686,16 @@ function useMakeCopilotDocumentReadable(document, categories, dependencies = [])
 }
 
 // src/hooks/use-copilot-readable.ts
-var import_react14 = require("react");
+var import_react16 = require("react");
 function convertToJSON(description, value) {
   return `${description}: ${typeof value === "string" ? value : JSON.stringify(value)}`;
 }
 function useCopilotReadable({ description, value, parentId, categories, convert }, dependencies) {
   const { addContext, removeContext } = useCopilotContext();
-  const idRef = (0, import_react14.useRef)();
+  const idRef = (0, import_react16.useRef)();
   convert = convert || convertToJSON;
   const information = convert(description, value);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const id = addContext(information, parentId, categories);
     idRef.current = id;
     return () => {
@@ -1609,7 +1706,7 @@ function useCopilotReadable({ description, value, parentId, categories, convert
 }
 
 // src/hooks/use-coagent.ts
-var import_react15 = require("react");
+var import_react17 = require("react");
 function useCoAgent(options) {
   const isExternalStateManagement = (options2) => {
     return "state" in options2 && "setState" in options2;
@@ -1649,28 +1746,29 @@ function useCoAgent(options) {
   };
   const coagentState = getCoagentState(coagentStates, name);
   const state = isExternalStateManagement(options) ? options.state : coagentState.state;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (isExternalStateManagement(options)) {
       setState(options.state);
     } else if (coagentStates[name] === void 0) {
       setState(options.initialState === void 0 ? {} : options.initialState);
     }
   }, [isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0]);
+  const runAgentCallback = useAsyncCallback(
+    (hint) => __async(this, null, function* () {
+      yield runAgent(name, context, appendMessage, runChatCompletion, hint);
+    }),
+    [name, context, appendMessage, runChatCompletion]
+  );
   return {
     name,
     nodeName: coagentState.nodeName,
-    state,
-    setState,
+    threadId: coagentState.threadId,
     running: coagentState.running,
-    start: () => {
-      startAgent(name, context);
-    },
-    stop: () => {
-      stopAgent(name, context);
-    },
-    run: (hint) => {
-      return runAgent(name, context, appendMessage, runChatCompletion, hint);
-    }
+    state: coagentState.state,
+    setState: isExternalStateManagement(options) ? options.setState : setState,
+    start: () => startAgent(name, context),
+    stop: () => stopAgent(name, context),
+    run: runAgentCallback
   };
 }
 function startAgent(name, context) {
@@ -1726,7 +1824,6 @@ var CopilotTask = class {
     this.actions = config.actions || [];
     this.includeCopilotReadable = config.includeCopilotReadable !== false;
     this.includeCopilotActions = config.includeCopilotActions !== false;
-    this.forwardedParameters = config.forwardedParameters;
   }
   /**
    * Run the task.
@@ -1735,7 +1832,7 @@ var CopilotTask = class {
    */
   run(context, data) {
     return __async(this, null, function* () {
-      var _a, _b, _c;
+      var _a, _b;
       const actions = this.includeCopilotActions ? Object.assign({}, context.actions) : {};
       for (const fn of this.actions) {
         actions[fn.name] = fn;
@@ -1772,15 +1869,15 @@ var CopilotTask = class {
           metadata: {
             requestType: import_runtime_client_gql6.CopilotRequestType.Task
           },
-          forwardedParameters: __spreadProps(__spreadValues({}, (_a = this.forwardedParameters) != null ? _a : {}), {
+          forwardedParameters: {
             toolChoice: "required"
-          })
+          }
         },
         properties: context.copilotApiConfig.properties
       }).toPromise();
       const functionCallHandler = context.getFunctionCallHandler(actions);
       const functionCalls = (0, import_runtime_client_gql6.convertGqlOutputToMessages)(
-        ((_c = (_b = response.data) == null ? void 0 : _b.generateCopilotResponse) == null ? void 0 : _c.messages) || []
+        ((_b = (_a = response.data) == null ? void 0 : _a.generateCopilotResponse) == null ? void 0 : _b.messages) || []
       ).filter((m) => m.isActionExecutionMessage());
       for (const functionCall of functionCalls) {
         yield functionCallHandler({