@copilotkit/react-core 1.51.4-next.7 → 1.51.4-next.8

package/dist/components/index.js

@@ -120,7 +120,9 @@ var emptyCopilotContext = {
   },
   copilotApiConfig: new class {
     get chatApiEndpoint() {
-      throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+      throw new Error(
+        "Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!"
+      );
     }
     get headers() {
       return {};
@@ -182,12 +184,16 @@ var CopilotContext = import_react.default.createContext(emptyCopilotContext);
 function useCopilotContext() {
   const context = import_react.default.useContext(CopilotContext);
   if (context === emptyCopilotContext) {
-    throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+    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>` !!!");
+  throw new Error(
+    "Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!"
+  );
 }
 
 // src/hooks/use-tree.ts
@@ -305,7 +311,10 @@ var useTree = () => {
         if (index !== 0) {
           output += "\n";
         }
-        output += printNode(node, `${treeIndentationRepresentation(index, 0)}. `);
+        output += printNode(
+          node,
+          `${treeIndentationRepresentation(index, 0)}. `
+        );
       });
       return output;
     },
@@ -336,16 +345,19 @@ var useFlatCategoryStore = () => {
     flatCategoryStoreReducer,
     /* @__PURE__ */ new Map()
   );
-  const addElement = (0, import_react3.useCallback)((value, categories) => {
-    const newId = (0, import_shared2.randomId)();
-    dispatch({
-      type: "ADD_ELEMENT",
-      value,
-      id: newId,
-      categories
-    });
-    return newId;
-  }, []);
+  const addElement = (0, import_react3.useCallback)(
+    (value, categories) => {
+      const newId = (0, import_shared2.randomId)();
+      dispatch({
+        type: "ADD_ELEMENT",
+        value,
+        id: newId,
+        categories
+      });
+      return newId;
+    },
+    []
+  );
   const removeElement = (0, import_react3.useCallback)((id) => {
     dispatch({ type: "REMOVE_ELEMENT", id });
   }, []);
@@ -472,7 +484,9 @@ function ToastProvider({
   children
 }) {
   const [toasts, setToasts] = (0, import_react5.useState)([]);
-  const [bannerError, setBannerErrorState] = (0, import_react5.useState)(null);
+  const [bannerError, setBannerErrorState] = (0, import_react5.useState)(
+    null
+  );
   const removeToast = (0, import_react5.useCallback)((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
@@ -506,7 +520,9 @@ function ToastProvider({
     [enabled]
   );
   const addGraphQLErrorsToast = (0, import_react5.useCallback)((errors) => {
-    console.warn("addGraphQLErrorsToast is deprecated. All errors now show as banners.");
+    console.warn(
+      "addGraphQLErrorsToast is deprecated. All errors now show as banners."
+    );
   }, []);
   const value = {
     toasts,
@@ -606,7 +622,9 @@ function ToastProvider({
                                 },
                                 children: (() => {
                                   let message = bannerError.message;
-                                  const jsonMatch = message.match(/'message':\s*'([^']+)'/);
+                                  const jsonMatch = message.match(
+                                    /'message':\s*'([^']+)'/
+                                  );
                                   if (jsonMatch) {
                                     return jsonMatch[1];
                                   }
@@ -734,7 +752,9 @@ function useMessagesTap() {
     throw new Error("useMessagesTap must be used inside <MessagesTapProvider>");
   return tap;
 }
-function MessagesTapProvider({ children }) {
+function MessagesTapProvider({
+  children
+}) {
   const messagesRef = (0, import_react6.useRef)([]);
   const tapRef = (0, import_react6.useRef)({
     getMessagesFromTap: () => messagesRef.current,
@@ -787,10 +807,14 @@ function CopilotMessages({ children }) {
     const originalError = extensions == null ? void 0 : extensions.originalError;
     if (originalError == null ? void 0 : originalError.stack) {
       if (originalError.stack.includes("CopilotApiDiscoveryError")) {
-        return new import_shared4.CopilotKitApiDiscoveryError({ message: originalError.message });
+        return new import_shared4.CopilotKitApiDiscoveryError({
+          message: originalError.message
+        });
       }
       if (originalError.stack.includes("CopilotKitRemoteEndpointDiscoveryError")) {
-        return new import_shared4.CopilotKitRemoteEndpointDiscoveryError({ message: originalError.message });
+        return new import_shared4.CopilotKitRemoteEndpointDiscoveryError({
+          message: originalError.message
+        });
       }
       if (originalError.stack.includes("CopilotKitAgentDiscoveryError")) {
         return new import_shared4.CopilotKitAgentDiscoveryError({
@@ -816,7 +840,10 @@ function CopilotMessages({ children }) {
           const visibility = extensions == null ? void 0 : extensions.visibility;
           const isDev = shouldShowDevConsole(showDevConsole);
           if (!isDev) {
-            console.error("CopilotKit Error (hidden in production):", gqlError.message);
+            console.error(
+              "CopilotKit Error (hidden in production):",
+              gqlError.message
+            );
             return;
           }
           if (visibility === import_shared4.ErrorVisibility.SILENT) {
@@ -1065,7 +1092,11 @@ var getErrorActions = (error) => {
       return {
         primary: {
           label: "Upgrade",
-          onClick: () => window.open("https://cloud.copilotkit.ai", "_blank", "noopener,noreferrer")
+          onClick: () => window.open(
+            "https://cloud.copilotkit.ai",
+            "_blank",
+            "noopener,noreferrer"
+          )
         }
       };
     default:
@@ -1188,16 +1219,19 @@ var CopilotErrorBoundary = class extends import_react7.default.Component {
 // src/context/coagent-state-renders-context.tsx
 var import_react8 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var CoAgentStateRendersContext = (0, import_react8.createContext)(
-  void 0
-);
-function CoAgentStateRendersProvider({ children }) {
+var CoAgentStateRendersContext = (0, import_react8.createContext)(void 0);
+function CoAgentStateRendersProvider({
+  children
+}) {
   const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react8.useState)({});
-  const setCoAgentStateRender = (0, import_react8.useCallback)((id, stateRender) => {
-    setCoAgentStateRenders((prevPoints) => __spreadProps(__spreadValues({}, prevPoints), {
-      [id]: stateRender
-    }));
-  }, []);
+  const setCoAgentStateRender = (0, import_react8.useCallback)(
+    (id, stateRender) => {
+      setCoAgentStateRenders((prevPoints) => __spreadProps(__spreadValues({}, prevPoints), {
+        [id]: stateRender
+      }));
+    },
+    []
+  );
   const removeCoAgentStateRender = (0, import_react8.useCallback)((id) => {
     setCoAgentStateRenders((prevPoints) => {
       const newPoints = __spreadValues({}, prevPoints);
@@ -1222,7 +1256,9 @@ function CoAgentStateRendersProvider({ children }) {
 function useCoAgentStateRenders() {
   const context = (0, import_react8.useContext)(CoAgentStateRendersContext);
   if (!context) {
-    throw new Error("useCoAgentStateRenders must be used within CoAgentStateRendersProvider");
+    throw new Error(
+      "useCoAgentStateRenders must be used within CoAgentStateRendersProvider"
+    );
   }
   return context;
 }
@@ -1235,8 +1271,13 @@ var import_react12 = require("react");
 var import_react9 = require("react");
 var import_shared8 = require("@copilotkit/shared");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var ThreadsContext = (0, import_react9.createContext)(void 0);
-function ThreadsProvider({ children, threadId: explicitThreadId }) {
+var ThreadsContext = (0, import_react9.createContext)(
+  void 0
+);
+function ThreadsProvider({
+  children,
+  threadId: explicitThreadId
+}) {
   const [internalThreadId, setThreadId] = (0, import_react9.useState)(() => (0, import_shared8.randomUUID)());
   const threadId = explicitThreadId != null ? explicitThreadId : internalThreadId;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -1419,7 +1460,13 @@ function selectSnapshot({
     cachedSnapshot = caches.byStateRenderAndRun[`${stateRenderId}::latest`];
   }
   const snapshotForClaim = (existingClaim == null ? void 0 : existingClaim.locked) ? (_e = existingClaim.stateSnapshot) != null ? _e : cachedSnapshot : hasSnapshotKeys ? snapshot : (_f = existingClaim == null ? void 0 : existingClaim.stateSnapshot) != null ? _f : cachedSnapshot;
-  return { snapshot, hasSnapshotKeys, cachedSnapshot, allowEmptySnapshot, snapshotForClaim };
+  return {
+    snapshot,
+    hasSnapshotKeys,
+    cachedSnapshot,
+    allowEmptySnapshot,
+    snapshotForClaim
+  };
 }
 
 // src/hooks/use-coagent-state-render-registry.ts
@@ -1524,7 +1571,9 @@ function useStateRenderRegistry({
     });
   }
   if (existingClaim && !existingClaim.locked && (agentMessages == null ? void 0 : agentMessages.length)) {
-    const indexInAgentMessages = agentMessages.findIndex((msg) => msg.id === message.id);
+    const indexInAgentMessages = agentMessages.findIndex(
+      (msg) => msg.id === message.id
+    );
     if (indexInAgentMessages >= 0 && indexInAgentMessages < agentMessages.length - 1) {
       existingClaim.locked = true;
     }
@@ -1556,7 +1605,10 @@ function useStateRenderRegistry({
       snapshotCache[`${stateRenderId}::latest`] = snapshotForClaim;
       store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN] = snapshotCache;
       const messageCache = __spreadValues({}, (_f = store[LAST_SNAPSHOTS_BY_MESSAGE]) != null ? _f : {});
-      messageCache[message.id] = { snapshot: snapshotForClaim, runId: effectiveRunId };
+      messageCache[message.id] = {
+        snapshot: snapshotForClaim,
+        runId: effectiveRunId
+      };
       store[LAST_SNAPSHOTS_BY_MESSAGE] = messageCache;
     }
   }
@@ -1596,18 +1648,23 @@ function useCoagentStateRenderBridge(agentId, props) {
   }, [agentId, nodeName]);
   const getStateRender = (0, import_react12.useCallback)(
     (messageId) => {
-      return Object.entries(coAgentStateRenders).find(([stateRenderId2, stateRender2]) => {
-        if (claimsRef.current[messageId]) {
-          return stateRenderId2 === claimsRef.current[messageId].stateRenderId;
+      return Object.entries(coAgentStateRenders).find(
+        ([stateRenderId2, stateRender2]) => {
+          if (claimsRef.current[messageId]) {
+            return stateRenderId2 === claimsRef.current[messageId].stateRenderId;
+          }
+          const matchingAgentName = stateRender2.name === agentId;
+          const matchesNodeContext = stateRender2.nodeName ? stateRender2.nodeName === nodeName : true;
+          return matchingAgentName && matchesNodeContext;
         }
-        const matchingAgentName = stateRender2.name === agentId;
-        const matchesNodeContext = stateRender2.nodeName ? stateRender2.nodeName === nodeName : true;
-        return matchingAgentName && matchesNodeContext;
-      });
+      );
     },
     [coAgentStateRenders, nodeName, agentId]
   );
-  const stateRenderEntry = (0, import_react12.useMemo)(() => getStateRender(message.id), [getStateRender, message.id]);
+  const stateRenderEntry = (0, import_react12.useMemo)(
+    () => getStateRender(message.id),
+    [getStateRender, message.id]
+  );
   const stateRenderId = stateRenderEntry == null ? void 0 : stateRenderEntry[0];
   const stateRender = stateRenderEntry == null ? void 0 : stateRenderEntry[1];
   const registryMessage = __spreadProps(__spreadValues({}, message), {
@@ -1681,7 +1738,10 @@ var usePredictStateSubscription = (agent) => {
         predictStateToolsRef.current.forEach((t) => {
           if ((t == null ? void 0 : t.tool) !== toolCallName)
             return;
-          const emittedState = typeof partialToolCallArgs === "string" ? (0, import_shared11.parseJson)(partialToolCallArgs, partialToolCallArgs) : partialToolCallArgs;
+          const emittedState = typeof partialToolCallArgs === "string" ? (0, import_shared11.parseJson)(
+            partialToolCallArgs,
+            partialToolCallArgs
+          ) : partialToolCallArgs;
           agent2.setState({
             [t.state_key]: emittedState[t.state_key]
           });
@@ -1710,7 +1770,13 @@ function CopilotListeners() {
   (0, import_react13.useEffect)(() => {
     const subscriber = {
       onError: ({ error }) => {
-        setBannerError(new import_shared12.CopilotKitLowLevelError({ error, message: error.message }));
+        setBannerError(
+          new import_shared12.CopilotKitLowLevelError({
+            error,
+            message: error.message,
+            url: typeof window !== "undefined" ? window.location.href : ""
+          })
+        );
       }
     };
     const subscription = copilotkit.subscribe(subscriber);
@@ -1729,15 +1795,22 @@ function CopilotKit(_a) {
   const showInspector = shouldShowDevConsole(props.enableInspector);
   const publicApiKey = props.publicApiKey || props.publicLicenseKey;
   const renderArr = (0, import_react15.useMemo)(() => [{ render: CoAgentStateRenderBridge }], []);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopilotErrorBoundary, { publicApiKey, showUsageBanner: enabled, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ThreadsProvider, { threadId: props.threadId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_react16.CopilotKitProvider,
-    __spreadProps(__spreadValues({}, props), {
-      showDevConsole: showInspector,
-      renderCustomMessages: renderArr,
-      useSingleEndpoint: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children }))
-    })
-  ) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    CopilotErrorBoundary,
+    {
+      publicApiKey,
+      showUsageBanner: enabled,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ThreadsProvider, { threadId: props.threadId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_react16.CopilotKitProvider,
+        __spreadProps(__spreadValues({}, props), {
+          showDevConsole: showInspector,
+          renderCustomMessages: renderArr,
+          useSingleEndpoint: true,
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children }))
+        })
+      ) })
+    }
+  ) });
 }
 function CopilotKitErrorBridge() {
   const { copilotkit } = (0, import_react16.useCopilotKit)();
@@ -1784,7 +1857,9 @@ function CopilotKitInternal(cpkProps) {
   validateProps(cpkProps);
   const publicApiKey = props.publicLicenseKey || props.publicApiKey;
   const chatApiEndpoint = props.runtimeUrl || import_shared13.COPILOT_CLOUD_CHAT_URL;
-  const [actions, setActions] = (0, import_react15.useState)({});
+  const [actions, setActions] = (0, import_react15.useState)(
+    {}
+  );
   const [registeredActionConfigs, setRegisteredActionConfigs] = (0, import_react15.useState)(/* @__PURE__ */ new Map());
   const chatComponentsCache = (0, import_react15.useRef)({
     actions: {},
@@ -1845,7 +1920,9 @@ ${nonDocumentStrings}`;
   }, [getAllElements]);
   const getFunctionCallHandler = (0, import_react15.useCallback)(
     (customEntryPoints) => {
-      return entryPointsToFunctionCallHandler(Object.values(customEntryPoints || actions));
+      return entryPointsToFunctionCallHandler(
+        Object.values(customEntryPoints || actions)
+      );
     },
     [actions]
   );
@@ -1915,12 +1992,17 @@ ${nonDocumentStrings}`;
       }
       return acc;
     }, {});
-    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared13.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {}), authHeaders);
+    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? {
+      [import_shared13.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey
+    } : {}), authHeaders);
   }, [copilotApiConfig.headers, copilotApiConfig.publicApiKey, authStates]);
   const [internalErrorHandlers, _setInternalErrorHandler] = (0, import_react15.useState)({});
-  const setInternalErrorHandler = (0, import_react15.useCallback)((handler) => {
-    _setInternalErrorHandler((prev) => __spreadValues(__spreadValues({}, prev), handler));
-  }, []);
+  const setInternalErrorHandler = (0, import_react15.useCallback)(
+    (handler) => {
+      _setInternalErrorHandler((prev) => __spreadValues(__spreadValues({}, prev), handler));
+    },
+    []
+  );
   const removeInternalErrorHandler = (0, import_react15.useCallback)((key) => {
     _setInternalErrorHandler((prev) => {
       const _a2 = prev, { [key]: _removed } = _a2, rest = __objRest(_a2, [__restKey(key)]);
@@ -1990,7 +2072,9 @@ ${nonDocumentStrings}`;
       agentName: props.agent
     };
   }
-  const [agentSession, setAgentSession] = (0, import_react15.useState)(initialAgentSession);
+  const [agentSession, setAgentSession] = (0, import_react15.useState)(
+    initialAgentSession
+  );
   (0, import_react15.useEffect)(() => {
     if (props.agent) {
       setAgentSession({
@@ -2004,7 +2088,9 @@ ${nonDocumentStrings}`;
   const setThreadId = (0, import_react15.useCallback)(
     (value) => {
       if (props.threadId) {
-        throw new Error("Cannot call setThreadId() when threadId is provided via props.");
+        throw new Error(
+          "Cannot call setThreadId() when threadId is provided via props."
+        );
       }
       setInternalThreadId(value);
     },
@@ -2014,17 +2100,20 @@ ${nonDocumentStrings}`;
   const chatAbortControllerRef = (0, import_react15.useRef)(null);
   const showDevConsole = shouldShowDevConsole(props.showDevConsole);
   const [interruptActions, _setInterruptActions] = (0, import_react15.useState)({});
-  const setInterruptAction = (0, import_react15.useCallback)((action) => {
-    _setInterruptActions((prev) => {
-      var _a2;
-      if (action == null || !action.id) {
-        return prev;
-      }
-      return __spreadProps(__spreadValues({}, prev), {
-        [action.id]: __spreadValues(__spreadValues({}, (_a2 = prev[action.id]) != null ? _a2 : {}), action)
+  const setInterruptAction = (0, import_react15.useCallback)(
+    (action) => {
+      _setInterruptActions((prev) => {
+        var _a2;
+        if (action == null || !action.id) {
+          return prev;
+        }
+        return __spreadProps(__spreadValues({}, prev), {
+          [action.id]: __spreadValues(__spreadValues({}, (_a2 = prev[action.id]) != null ? _a2 : {}), action)
+        });
       });
-    });
-  }, []);
+    },
+    []
+  );
   const removeInterruptAction = (0, import_react15.useCallback)((actionId) => {
     _setInterruptActions((prev) => {
       const _a2 = prev, { [actionId]: _ } = _a2, rest = __objRest(_a2, [__restKey(actionId)]);
@@ -2090,15 +2179,18 @@ ${nonDocumentStrings}`;
     },
     [setAuthStates]
   );
-  const handleSetRegisteredActions = (0, import_react15.useCallback)((actionConfig) => {
-    const key = actionConfig.action.name || (0, import_shared13.randomUUID)();
-    setRegisteredActionConfigs((prev) => {
-      const newMap = new Map(prev);
-      newMap.set(key, actionConfig);
-      return newMap;
-    });
-    return key;
-  }, []);
+  const handleSetRegisteredActions = (0, import_react15.useCallback)(
+    (actionConfig) => {
+      const key = actionConfig.action.name || (0, import_shared13.randomUUID)();
+      setRegisteredActionConfigs((prev) => {
+        const newMap = new Map(prev);
+        newMap.set(key, actionConfig);
+        return newMap;
+      });
+      return key;
+    },
+    []
+  );
   const handleRemoveRegisteredAction = (0, import_react15.useCallback)((actionKey) => {
     setRegisteredActionConfigs((prev) => {
       const newMap = new Map(prev);
@@ -2204,7 +2296,10 @@ ${nonDocumentStrings}`;
 }
 var defaultCopilotContextCategories = ["global"];
 function entryPointsToFunctionCallHandler(actions) {
-  return (_0) => __async(this, [_0], function* ({ name, args }) {
+  return (_0) => __async(this, [_0], function* ({
+    name,
+    args
+  }) {
     let actionsByFunctionName = {};
     for (let action2 of actions) {
       actionsByFunctionName[action2.name] = action2;