@copilotkit/react-core 1.9.1 → 1.9.2-next.0

package/dist/hooks/index.mjs

@@ -1,55 +1,56 @@
 import "../chunk-CQPYJIBH.mjs";
-import {
-  useMakeCopilotDocumentReadable
-} from "../chunk-VQ3VTO26.mjs";
-import {
-  useCopilotAdditionalInstructions
-} from "../chunk-2J3SMMGW.mjs";
-import {
-  useCopilotAuthenticatedAction_c
-} from "../chunk-EQ4XLLT4.mjs";
-import {
-  useCopilotReadable
-} from "../chunk-FGBRHBRR.mjs";
 import {
   useLangGraphInterruptRender
-} from "../chunk-WZAEVHLK.mjs";
+} from "../chunk-Q5D5XQFA.mjs";
 import {
   useLangGraphInterrupt
-} from "../chunk-4VWM6JNK.mjs";
+} from "../chunk-YZDRMIOM.mjs";
+import {
+  useMakeCopilotDocumentReadable
+} from "../chunk-UHQMV2CE.mjs";
 import {
   useCoAgentStateRender
-} from "../chunk-B5UA5G3E.mjs";
+} from "../chunk-2FW7HH6W.mjs";
 import {
   runAgent,
   startAgent,
   stopAgent,
   useCoAgent
-} from "../chunk-2FLZLANO.mjs";
+} from "../chunk-XY5BN4HZ.mjs";
+import {
+  useCopilotAdditionalInstructions
+} from "../chunk-C6F6EQNA.mjs";
+import {
+  useCopilotAuthenticatedAction_c
+} from "../chunk-LDACFA2B.mjs";
+import {
+  useCopilotAction
+} from "../chunk-T42PN5VN.mjs";
 import {
   useCopilotChat
-} from "../chunk-4DVPRMVH.mjs";
-import "../chunk-YPSGKPDA.mjs";
-import "../chunk-MDIIRGJD.mjs";
-import "../chunk-534J55RX.mjs";
-import "../chunk-MLAS4QUR.mjs";
-import "../chunk-6PK72HMH.mjs";
+} from "../chunk-UIT6QMUJ.mjs";
+import {
+  useCopilotReadable
+} from "../chunk-LZDDYZEY.mjs";
+import "../chunk-SGLWMQ2J.mjs";
+import "../chunk-QQZLIEXK.mjs";
+import "../chunk-NNSXCFQO.mjs";
+import "../chunk-5FHSUKQL.mjs";
 import "../chunk-RKTVJRK7.mjs";
 import "../chunk-PMAFHQ7P.mjs";
-import "../chunk-5FHSUKQL.mjs";
+import "../chunk-HD2GE3DK.mjs";
+import "../chunk-YPSGKPDA.mjs";
 import "../chunk-DCTJZ742.mjs";
-import "../chunk-D34OH4VN.mjs";
-import "../chunk-74AJEJTV.mjs";
+import "../chunk-HJP2RX5R.mjs";
 import "../chunk-4CEQJ2X6.mjs";
+import "../chunk-CCESTGAM.mjs";
+import "../chunk-O7ARI5CV.mjs";
 import {
   useCopilotRuntimeClient
-} from "../chunk-BKTARDXX.mjs";
-import {
-  useCopilotAction
-} from "../chunk-G27C5EFO.mjs";
-import "../chunk-ERFA53MG.mjs";
-import "../chunk-22ENANUU.mjs";
-import "../chunk-O7ARI5CV.mjs";
+} from "../chunk-RUY6MLHA.mjs";
+import "../chunk-GFJW4RIM.mjs";
+import "../chunk-VRXANACV.mjs";
+import "../chunk-6KGEF242.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   runAgent,

package/dist/hooks/use-chat.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FunctionCallHandler, CoAgentStateRenderHandler } from '@copilotkit/shared';
 import { Message, TextMessage, ForwardedParametersInput, ExtensionsInput } from '@copilotkit/runtime-client-gql';
-import { c as CopilotApiConfig, A as AgentSession, L as LangGraphInterruptAction, d as LangGraphInterruptActionSetter } from '../copilot-context-309906bb.js';
+import { c as CopilotApiConfig, A as AgentSession, L as LangGraphInterruptAction, d as LangGraphInterruptActionSetter } from '../copilot-context-f9b2b4c3.js';
 import { FrontendAction } from '../types/frontend-action.js';
 import { CoagentState } from '../types/coagent-state.js';
 import './use-tree.js';

package/dist/hooks/use-chat.js

@@ -22,6 +22,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -70,8 +82,8 @@ __export(use_chat_exports, {
   useChat: () => useChat
 });
 module.exports = __toCommonJS(use_chat_exports);
-var import_react4 = require("react");
-var import_shared2 = require("@copilotkit/shared");
+var import_react5 = require("react");
+var import_shared4 = require("@copilotkit/shared");
 var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
 
 // src/types/frontend-action.ts
@@ -103,17 +115,213 @@ function processActionsForRuntimeRequest(actions) {
 var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 
 // src/components/toast/toast-provider.tsx
+var import_react = require("react");
+var import_shared2 = require("@copilotkit/shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ToastContext = (0, import_react.createContext)(void 0);
+function useToast() {
+  const context = (0, import_react.useContext)(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
+
+// src/hooks/use-copilot-runtime-client.ts
 var import_react2 = require("react");
+var import_shared3 = require("@copilotkit/shared");
+
+// src/utils/dev-console.ts
+function shouldShowDevConsole(showDevConsole) {
+  return showDevConsole;
+}
+
+// src/hooks/use-copilot-runtime-client.ts
+var useCopilotRuntimeClient = (options) => {
+  const { setBannerError } = useToast();
+  const _a = options, { showDevConsole } = _a, runtimeOptions = __objRest(_a, ["showDevConsole"]);
+  const lastStructuredErrorRef = (0, import_react2.useRef)(null);
+  const runtimeClient = (0, import_react2.useMemo)(() => {
+    return new import_runtime_client_gql2.CopilotRuntimeClient(__spreadProps(__spreadValues({}, runtimeOptions), {
+      handleGQLErrors: (error) => {
+        var _a2;
+        if ((_a2 = error.graphQLErrors) == null ? void 0 : _a2.length) {
+          const graphQLErrors = error.graphQLErrors;
+          const routeError = (gqlError) => {
+            const extensions = gqlError.extensions;
+            const visibility = extensions == null ? void 0 : extensions.visibility;
+            const isDev = shouldShowDevConsole(showDevConsole != null ? showDevConsole : false);
+            if (visibility === import_shared3.ErrorVisibility.SILENT) {
+              console.error("CopilotKit Silent Error:", gqlError.message);
+              return;
+            }
+            if (!isDev) {
+              console.error("CopilotKit Error (hidden in production):", gqlError.message);
+              return;
+            }
+            const now = Date.now();
+            const errorMessage = gqlError.message;
+            if (lastStructuredErrorRef.current && lastStructuredErrorRef.current.message === errorMessage && now - lastStructuredErrorRef.current.timestamp < 150) {
+              return;
+            }
+            lastStructuredErrorRef.current = { message: errorMessage, timestamp: now };
+            const ckError = createStructuredError(gqlError);
+            if (ckError) {
+              setBannerError(ckError);
+            } else {
+              const fallbackError = new import_shared3.CopilotKitError({
+                message: gqlError.message,
+                code: import_shared3.CopilotKitErrorCode.UNKNOWN
+              });
+              setBannerError(fallbackError);
+            }
+          };
+          graphQLErrors.forEach(routeError);
+        } else {
+          const isDev = shouldShowDevConsole(showDevConsole != null ? showDevConsole : false);
+          if (!isDev) {
+            console.error("CopilotKit Error (hidden in production):", error);
+          } else {
+            const fallbackError = new import_shared3.CopilotKitError({
+              message: (error == null ? void 0 : error.message) || String(error),
+              code: import_shared3.CopilotKitErrorCode.UNKNOWN
+            });
+            setBannerError(fallbackError);
+          }
+        }
+      },
+      handleGQLWarning: (message) => {
+        console.warn(message);
+        const warningError = new import_shared3.CopilotKitError({
+          message,
+          code: import_shared3.CopilotKitErrorCode.UNKNOWN
+        });
+        setBannerError(warningError);
+      }
+    }));
+  }, [runtimeOptions, setBannerError, showDevConsole]);
+  return runtimeClient;
+};
+function createStructuredError(gqlError) {
+  var _a, _b, _c;
+  const extensions = gqlError.extensions;
+  const originalError = extensions == null ? void 0 : extensions.originalError;
+  const message = (originalError == null ? void 0 : originalError.message) || gqlError.message;
+  const code = extensions == null ? void 0 : extensions.code;
+  if (code) {
+    return new import_shared3.CopilotKitError({ message, code });
+  }
+  if ((_a = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _a.includes("CopilotApiDiscoveryError")) {
+    return new import_shared3.CopilotKitApiDiscoveryError({ message });
+  }
+  if ((_b = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _b.includes("CopilotKitRemoteEndpointDiscoveryError")) {
+    return new import_shared3.CopilotKitRemoteEndpointDiscoveryError({ message });
+  }
+  if ((_c = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _c.includes("CopilotKitAgentDiscoveryError")) {
+    return new import_shared3.CopilotKitAgentDiscoveryError({
+      agentName: "",
+      availableAgents: []
+    });
+  }
+  return null;
+}
+
+// src/context/copilot-context.tsx
+var import_react3 = __toESM(require("react"));
+var emptyCopilotContext = {
+  actions: {},
+  setAction: () => {
+  },
+  removeAction: () => {
+  },
+  coAgentStateRenders: {},
+  setCoAgentStateRender: () => {
+  },
+  removeCoAgentStateRender: () => {
+  },
+  chatComponentsCache: { current: { actions: {}, coAgentStateRenders: {} } },
+  getContextString: (documents, categories) => returnAndThrowInDebug(""),
+  addContext: () => "",
+  removeContext: () => {
+  },
+  getAllContext: () => [],
+  getFunctionCallHandler: () => returnAndThrowInDebug(() => __async(void 0, null, function* () {
+  })),
+  isLoading: false,
+  setIsLoading: () => returnAndThrowInDebug(false),
+  chatInstructions: "",
+  setChatInstructions: () => returnAndThrowInDebug(""),
+  additionalInstructions: [],
+  setAdditionalInstructions: () => returnAndThrowInDebug([]),
+  getDocumentsContext: (categories) => returnAndThrowInDebug([]),
+  addDocumentContext: () => returnAndThrowInDebug(""),
+  removeDocumentContext: () => {
+  },
+  runtimeClient: {},
+  copilotApiConfig: new class {
+    get chatApiEndpoint() {
+      throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+    }
+    get headers() {
+      return {};
+    }
+    get body() {
+      return {};
+    }
+  }(),
+  chatSuggestionConfiguration: {},
+  addChatSuggestionConfiguration: () => {
+  },
+  removeChatSuggestionConfiguration: () => {
+  },
+  showDevConsole: false,
+  coagentStates: {},
+  setCoagentStates: () => {
+  },
+  coagentStatesRef: { current: {} },
+  setCoagentStatesWithRef: () => {
+  },
+  agentSession: null,
+  setAgentSession: () => {
+  },
+  forwardedParameters: {},
+  agentLock: null,
+  threadId: "",
+  setThreadId: () => {
+  },
+  runId: null,
+  setRunId: () => {
+  },
+  chatAbortControllerRef: { current: null },
+  availableAgents: [],
+  extensions: {},
+  setExtensions: () => {
+  },
+  langGraphInterruptAction: null,
+  setLangGraphInterruptAction: () => null,
+  removeLangGraphInterruptAction: () => null
+};
+var CopilotContext = import_react3.default.createContext(emptyCopilotContext);
+function useCopilotContext() {
+  const context = import_react3.default.useContext(CopilotContext);
+  if (context === emptyCopilotContext) {
+    throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+  }
+  return context;
+}
+function returnAndThrowInDebug(_value) {
+  throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+}
 
 // src/components/error-boundary/error-utils.tsx
-var import_react = require("react");
+var import_react4 = require("react");
 
 // src/components/toast/exclamation-mark-icon.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var ExclamationMarkIcon = ({
   className,
   style
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -128,23 +336,23 @@ var ExclamationMarkIcon = ({
     className: `lucide lucide-circle-alert ${className ? className : ""}`,
     style,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
     ]
   }
 );
 
 // src/components/error-boundary/error-utils.tsx
 var import_react_markdown = __toESM(require("react-markdown"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function ErrorToast({ errors }) {
   const errorsToRender = errors.map((error, idx) => {
     var _a, _b, _c;
     const originalError = "extensions" in error ? (_a = error.extensions) == null ? void 0 : _a.originalError : {};
     const message = (_b = originalError == null ? void 0 : originalError.message) != null ? _b : error.message;
     const code = "extensions" in error ? (_c = error.extensions) == null ? void 0 : _c.code : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -152,8 +360,8 @@ function ErrorToast({ errors }) {
           marginBottom: 14
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ExclamationMarkIcon, { style: { marginBottom: 4 } }),
-          code && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ExclamationMarkIcon, { style: { marginBottom: 4 } }),
+          code && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
               style: {
@@ -161,19 +369,19 @@ function ErrorToast({ errors }) {
                 marginBottom: 4
               },
               children: [
-                "Copilot Cloud Error:",
+                "Copilot Runtime Error:",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontFamily: "monospace", fontWeight: "normal" }, children: code })
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontFamily: "monospace", fontWeight: "normal" }, children: code })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_markdown.default, { children: message })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_markdown.default, { children: message })
         ]
       },
       idx
     );
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       style: {
@@ -182,14 +390,14 @@ function ErrorToast({ errors }) {
       },
       children: [
         errorsToRender,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { fontSize: "11px", opacity: 0.75 }, children: "NOTE: This error only displays during local development." })
+        /* @__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_react.useCallback)(
+  return (0, import_react4.useCallback)(
     (error) => {
       const errorId = error.map((err) => {
         var _a, _b;
@@ -201,7 +409,7 @@ function useErrorToast() {
         type: "error",
         id: errorId,
         // Toast libraries typically dedupe by id
-        message: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorToast, { errors: error })
+        message: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ErrorToast, { errors: error })
       });
     },
     [addToast]
@@ -209,7 +417,7 @@ function useErrorToast() {
 }
 function useAsyncCallback(callback, deps) {
   const addErrorToast = useErrorToast();
-  return (0, import_react.useCallback)((...args) => __async(this, null, function* () {
+  return (0, import_react4.useCallback)((...args) => __async(this, null, function* () {
     try {
       return yield callback(...args);
     } catch (error) {
@@ -220,41 +428,6 @@ function useAsyncCallback(callback, deps) {
   }), deps);
 }
 
-// src/components/toast/toast-provider.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var ToastContext = (0, import_react2.createContext)(void 0);
-function useToast() {
-  const context = (0, import_react2.useContext)(ToastContext);
-  if (!context) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-}
-
-// src/hooks/use-copilot-runtime-client.ts
-var import_react3 = require("react");
-var useCopilotRuntimeClient = (options) => {
-  const { addGraphQLErrorsToast } = useToast();
-  const addErrorToast = useErrorToast();
-  const { addToast } = useToast();
-  const runtimeClient = (0, import_react3.useMemo)(() => {
-    return new import_runtime_client_gql2.CopilotRuntimeClient(__spreadProps(__spreadValues({}, options), {
-      handleGQLErrors: (error) => {
-        if (error.graphQLErrors.length) {
-          addGraphQLErrorsToast(error.graphQLErrors);
-        } else {
-          addErrorToast([error]);
-        }
-      },
-      handleGQLWarning: (message) => {
-        console.warn(message);
-        addToast({ type: "warning", message });
-      }
-    }));
-  }, [options, addGraphQLErrorsToast, addToast]);
-  return runtimeClient;
-};
-
 // src/hooks/use-chat.ts
 function useChat(options) {
   const {
@@ -283,23 +456,25 @@ function useChat(options) {
     langGraphInterruptAction,
     setLangGraphInterruptAction
   } = options;
-  const runChatCompletionRef = (0, import_react4.useRef)();
+  const runChatCompletionRef = (0, import_react5.useRef)();
   const addErrorToast = useErrorToast();
-  const agentSessionRef = (0, import_react4.useRef)(agentSession);
+  const agentSessionRef = (0, import_react5.useRef)(agentSession);
   agentSessionRef.current = agentSession;
-  const runIdRef = (0, import_react4.useRef)(runId);
+  const runIdRef = (0, import_react5.useRef)(runId);
   runIdRef.current = runId;
-  const extensionsRef = (0, import_react4.useRef)(extensions);
+  const extensionsRef = (0, import_react5.useRef)(extensions);
   extensionsRef.current = extensions;
   const publicApiKey = copilotConfig.publicApiKey;
-  const headers = __spreadValues(__spreadValues({}, copilotConfig.headers || {}), publicApiKey ? { [import_shared2.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
+  const headers = __spreadValues(__spreadValues({}, copilotConfig.headers || {}), publicApiKey ? { [import_shared4.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
+  const { showDevConsole } = useCopilotContext();
   const runtimeClient = useCopilotRuntimeClient({
     url: copilotConfig.chatApiEndpoint,
     publicApiKey: copilotConfig.publicApiKey,
     headers,
-    credentials: copilotConfig.credentials
+    credentials: copilotConfig.credentials,
+    showDevConsole
   });
-  const pendingAppendsRef = (0, import_react4.useRef)([]);
+  const pendingAppendsRef = (0, import_react5.useRef)([]);
   const runChatCompletion = useAsyncCallback(
     (previousMessages) => __async(this, null, function* () {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
@@ -415,7 +590,7 @@ function useChat(options) {
           (metaEvents != null ? metaEvents : []).forEach((ev) => {
             if (ev.name === import_runtime_client_gql3.MetaEventName.LangGraphInterruptEvent) {
               let eventValue = (0, import_runtime_client_gql3.langGraphInterruptEvent)(ev).value;
-              eventValue = (0, import_shared2.parseJson)(eventValue, eventValue);
+              eventValue = (0, import_shared4.parseJson)(eventValue, eventValue);
               setLangGraphInterruptAction({
                 event: __spreadProps(__spreadValues({}, (0, import_runtime_client_gql3.langGraphInterruptEvent)(ev)), {
                   value: eventValue
@@ -489,7 +664,7 @@ function useChat(options) {
               } else {
                 if (agentLock) {
                   setAgentSession({
-                    threadId: (0, import_shared2.randomId)(),
+                    threadId: (0, import_shared4.randomId)(),
                     agentName: agentLock,
                     nodeName: void 0
                   });
@@ -550,7 +725,7 @@ function useChat(options) {
               if (pairedFeAction) {
                 const newExecutionMessage = new import_runtime_client_gql3.ActionExecutionMessage({
                   name: pairedFeAction.name,
-                  arguments: (0, import_shared2.parseJson)(resultMessage.result, resultMessage.result),
+                  arguments: (0, import_shared4.parseJson)(resultMessage.result, resultMessage.result),
                   status: message.status,
                   createdAt: message.createdAt,
                   parentMessageId: message.parentMessageId
@@ -560,7 +735,7 @@ function useChat(options) {
             } else if (message.isResultMessage() && currentResultMessagePairedFeAction) {
               const newExecutionMessage = new import_runtime_client_gql3.ActionExecutionMessage({
                 name: currentResultMessagePairedFeAction.name,
-                arguments: (0, import_shared2.parseJson)(message.result, message.result),
+                arguments: (0, import_shared4.parseJson)(message.result, message.result),
                 status: message.status,
                 createdAt: message.createdAt
               });
@@ -632,7 +807,7 @@ function useChat(options) {
     }),
     [messages]
   );
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!isLoading && pendingAppendsRef.current.length > 0) {
       const pending = pendingAppendsRef.current.splice(0);
       const followUp = pending.some((p) => p.followUp);
@@ -643,7 +818,7 @@ function useChat(options) {
       }
     }
   }, [isLoading, messages, setMessages, runChatCompletionAndHandleFunctionCall]);
-  const composeAndFlushMetaEventsInput = (0, import_react4.useCallback)(
+  const composeAndFlushMetaEventsInput = (0, import_react5.useCallback)(
     (metaEvents) => {
       return metaEvents.reduce((acc, event) => {
         if (!event)