@copilotkit/react-core 1.5.18 → 1.5.19-next.1

package/dist/index.js

@@ -326,7 +326,7 @@ function setsHaveIntersection(setA, setB) {
 
 // src/components/copilot-provider/copilotkit.tsx
 var import_react_dom = require("react-dom");
-var import_shared7 = require("@copilotkit/shared");
+var import_shared8 = require("@copilotkit/shared");
 
 // src/hooks/use-flat-category-store.ts
 var import_react3 = require("react");
@@ -1152,6 +1152,7 @@ function renderCopilotKitUsage(error) {
 }
 
 // src/components/error-boundary/error-boundary.tsx
+var import_shared7 = require("@copilotkit/shared");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var statusChecker = new StatusChecker();
 var CopilotErrorBoundary = class extends import_react9.default.Component {
@@ -1187,20 +1188,23 @@ var CopilotErrorBoundary = class extends import_react9.default.Component {
     var _a, _b;
     if (this.state.hasError) {
       if (this.state.error instanceof import_shared6.CopilotKitError) {
-        return renderCopilotKitUsage(this.state.error);
+        if (import_shared7.COPILOT_CLOUD_ERROR_NAMES.includes(this.state.error.name)) {
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorToast2, { error: this.state.error, children: renderCopilotKitUsage(this.state.error) });
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          this.props.children,
+          this.props.showUsageBanner && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            UsageBanner,
+            {
+              severity: (_a = this.state.status) == null ? void 0 : _a.severity,
+              message: (_b = this.state.status) == null ? void 0 : _b.message
+            }
+          )
+        ] });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorToast2, { error: this.state.error, children: this.props.children });
+      throw this.state.error;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      this.props.children,
-      this.props.showUsageBanner ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        UsageBanner,
-        {
-          severity: (_a = this.state.status) == null ? void 0 : _a.severity,
-          message: (_b = this.state.status) == null ? void 0 : _b.message
-        }
-      ) : null
-    ] });
+    return this.props.children;
   }
 };
 function ErrorToast2({ error, children }) {
@@ -1210,6 +1214,8 @@ function ErrorToast2({ error, children }) {
       addErrorToast([error]);
     }
   }, [error, addErrorToast]);
+  if (!error)
+    throw error;
   return children;
 }
 
@@ -1224,7 +1230,7 @@ function CopilotKit(_a) {
 function CopilotKitInternal(cpkProps) {
   const _a = cpkProps, { children } = _a, props = __objRest(_a, ["children"]);
   validateProps(cpkProps);
-  const chatApiEndpoint = props.runtimeUrl || import_shared7.COPILOT_CLOUD_CHAT_URL;
+  const chatApiEndpoint = props.runtimeUrl || import_shared8.COPILOT_CLOUD_CHAT_URL;
   const [actions, setActions] = (0, import_react10.useState)({});
   const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react10.useState)({});
   const chatComponentsCache = (0, import_react10.useRef)({
@@ -1366,7 +1372,7 @@ ${nonDocumentStrings}`;
       }
       return acc;
     }, {});
-    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared7.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {}), authHeaders);
+    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared8.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {}), authHeaders);
   }, [copilotApiConfig.headers, copilotApiConfig.publicApiKey, authStates]);
   const runtimeClient = useCopilotRuntimeClient({
     url: copilotApiConfig.chatApiEndpoint,
@@ -1418,7 +1424,7 @@ ${nonDocumentStrings}`;
     };
   }
   const [agentSession, setAgentSession] = (0, import_react10.useState)(initialAgentSession);
-  const [internalThreadId, setInternalThreadId] = (0, import_react10.useState)(props.threadId || (0, import_shared7.randomUUID)());
+  const [internalThreadId, setInternalThreadId] = (0, import_react10.useState)(props.threadId || (0, import_shared8.randomUUID)());
   const setThreadId = (0, import_react10.useCallback)(
     (value) => {
       if (props.threadId) {
@@ -1540,10 +1546,10 @@ function formatFeatureName(featureName) {
 function validateProps(props) {
   const cloudFeatures = Object.keys(props).filter((key) => key.endsWith("_c"));
   if (!props.runtimeUrl && !props.publicApiKey) {
-    throw new import_shared7.ConfigurationError("Missing required prop: 'runtimeUrl' or 'publicApiKey'");
+    throw new import_shared8.ConfigurationError("Missing required prop: 'runtimeUrl' or 'publicApiKey'");
   }
   if (cloudFeatures.length > 0 && !props.publicApiKey) {
-    throw new import_shared7.MissingPublicApiKeyError(
+    throw new import_shared8.MissingPublicApiKeyError(
       `Missing required prop: 'publicApiKey' to use cloud features: ${cloudFeatures.map(formatFeatureName).join(", ")}`
     );
   }
@@ -1555,12 +1561,12 @@ var import_runtime_client_gql8 = require("@copilotkit/runtime-client-gql");
 
 // src/hooks/use-chat.ts
 var import_react11 = require("react");
-var import_shared9 = require("@copilotkit/shared");
+var import_shared10 = require("@copilotkit/shared");
 var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
 
 // src/types/frontend-action.ts
 var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
-var import_shared8 = require("@copilotkit/shared");
+var import_shared9 = require("@copilotkit/shared");
 function processActionsForRuntimeRequest(actions) {
   const filteredActions = actions.filter(
     (action) => action.available !== import_runtime_client_gql5.ActionInputAvailability.Disabled && action.disabled !== true && action.name !== "*"
@@ -1576,7 +1582,7 @@ function processActionsForRuntimeRequest(actions) {
     return {
       name: action.name,
       description: action.description || "",
-      jsonSchema: JSON.stringify((0, import_shared8.actionParametersToJsonSchema)(action.parameters || [])),
+      jsonSchema: JSON.stringify((0, import_shared9.actionParametersToJsonSchema)(action.parameters || [])),
       available
     };
   });
@@ -1621,7 +1627,7 @@ function useChat(options) {
   const extensionsRef = (0, import_react11.useRef)(extensions);
   extensionsRef.current = extensions;
   const publicApiKey = copilotConfig.publicApiKey;
-  const headers = __spreadValues(__spreadValues({}, copilotConfig.headers || {}), publicApiKey ? { [import_shared9.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
+  const headers = __spreadValues(__spreadValues({}, copilotConfig.headers || {}), publicApiKey ? { [import_shared10.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
   const runtimeClient = useCopilotRuntimeClient({
     url: copilotConfig.chatApiEndpoint,
     publicApiKey: copilotConfig.publicApiKey,
@@ -1632,6 +1638,14 @@ function useChat(options) {
     (previousMessages) => __async(this, null, function* () {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
       setIsLoading(true);
+      const interruptEvent = langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.event;
+      if ((interruptEvent == null ? void 0 : interruptEvent.name) === import_runtime_client_gql7.MetaEventName.LangGraphInterruptEvent && (interruptEvent == null ? void 0 : interruptEvent.value) && !(interruptEvent == null ? void 0 : interruptEvent.response) && agentSessionRef.current) {
+        addErrorToast([
+          new Error(
+            "A message was sent while interrupt is active. This will cause failure on the agent side"
+          )
+        ]);
+      }
       let newMessages = [
         new import_runtime_client_gql6.TextMessage({
           content: "",
@@ -1794,7 +1808,7 @@ function useChat(options) {
               } else {
                 if (agentLock) {
                   setAgentSession({
-                    threadId: (0, import_shared9.randomId)(),
+                    threadId: (0, import_shared10.randomId)(),
                     agentName: agentLock,
                     nodeName: void 0
                   });
@@ -2223,12 +2237,13 @@ ${additionalInstructions}` : "");
 }
 
 // src/hooks/use-copilot-action.ts
-var import_shared10 = require("@copilotkit/shared");
+var import_shared11 = require("@copilotkit/shared");
 var import_react13 = require("react");
 function useCopilotAction(action, dependencies) {
   const { setAction, removeAction, actions, chatComponentsCache } = useCopilotContext();
-  const idRef = (0, import_react13.useRef)((0, import_shared10.randomId)());
+  const idRef = (0, import_react13.useRef)((0, import_shared11.randomId)());
   const renderAndWaitRef = (0, import_react13.useRef)(null);
+  const { addToast } = useToast();
   action = __spreadValues({}, action);
   if (
     // renderAndWaitForResponse is not available for catch all actions
@@ -2286,6 +2301,18 @@ function useCopilotAction(action, dependencies) {
       }
     }
   }
+  (0, import_react13.useEffect)(() => {
+    const hasDuplicate = Object.values(actions).some(
+      (otherAction) => otherAction.name === action.name && otherAction !== actions[idRef.current]
+    );
+    if (hasDuplicate) {
+      addToast({
+        type: "warning",
+        message: `Found an already registered action with name ${action.name}.`,
+        id: `dup-action-${action.name}`
+      });
+    }
+  }, [actions]);
   (0, import_react13.useEffect)(() => {
     setAction(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
@@ -2316,7 +2343,7 @@ function isFrontendAction(action) {
 
 // src/hooks/use-coagent-state-render.ts
 var import_react14 = require("react");
-var import_shared11 = require("@copilotkit/shared");
+var import_shared12 = require("@copilotkit/shared");
 function useCoAgentStateRender(action, dependencies) {
   const {
     setCoAgentStateRender,
@@ -2325,12 +2352,11 @@ function useCoAgentStateRender(action, dependencies) {
     chatComponentsCache,
     availableAgents
   } = (0, import_react14.useContext)(CopilotContext);
-  const idRef = (0, import_react14.useRef)((0, import_shared11.randomId)());
+  const idRef = (0, import_react14.useRef)((0, import_shared12.randomId)());
   const { addToast } = useToast();
   (0, import_react14.useEffect)(() => {
     if ((availableAgents == null ? void 0 : availableAgents.length) && !availableAgents.some((a) => a.name === action.name)) {
       const message = `(useCoAgentStateRender): Agent "${action.name}" not found. Make sure the agent exists and is properly configured.`;
-      console.warn(message);
       addToast({ type: "warning", message });
     }
   }, [availableAgents]);
@@ -2345,6 +2371,30 @@ function useCoAgentStateRender(action, dependencies) {
       }
     }
   }
+  (0, import_react14.useEffect)(() => {
+    const currentId = idRef.current;
+    const hasDuplicate = Object.entries(coAgentStateRenders).some(([id, otherAction]) => {
+      if (id === currentId)
+        return false;
+      if (otherAction.name !== action.name)
+        return false;
+      const hasNodeName = !!action.nodeName;
+      const hasOtherNodeName = !!otherAction.nodeName;
+      if (!hasNodeName && !hasOtherNodeName)
+        return true;
+      if (hasNodeName !== hasOtherNodeName)
+        return false;
+      return action.nodeName === otherAction.nodeName;
+    });
+    if (hasDuplicate) {
+      const message = action.nodeName ? `Found multiple state renders for agent ${action.name} and node ${action.nodeName}. State renders might get overridden` : `Found multiple state renders for agent ${action.name}. State renders might get overridden`;
+      addToast({
+        type: "warning",
+        message,
+        id: `dup-action-${action.name}`
+      });
+    }
+  }, [coAgentStateRenders]);
   (0, import_react14.useEffect)(() => {
     setCoAgentStateRender(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
@@ -2606,13 +2656,13 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
 
 // src/hooks/use-langgraph-interrupt.ts
 var import_react20 = require("react");
-var import_shared12 = require("@copilotkit/shared");
+var import_shared13 = require("@copilotkit/shared");
 function useLangGraphInterrupt(action, dependencies) {
   var _a;
   const { setLangGraphInterruptAction, removeLangGraphInterruptAction, langGraphInterruptAction } = (0, import_react20.useContext)(CopilotContext);
   const { runChatCompletion } = useCopilotChat();
   const { addToast } = useToast();
-  const actionId = (0, import_shared12.dataToUUID)(JSON.stringify(action), "lgAction");
+  const actionId = (0, import_shared13.dataToUUID)(JSON.stringify(action), "lgAction");
   const hasAction = (0, import_react20.useMemo)(
     () => Boolean(langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.id),
     [langGraphInterruptAction]
@@ -2654,7 +2704,7 @@ function useLangGraphInterrupt(action, dependencies) {
 
 // src/hooks/use-langgraph-interrupt-render.ts
 var import_react21 = __toESM(require("react"));
-var import_shared13 = require("@copilotkit/shared");
+var import_shared14 = require("@copilotkit/shared");
 var InterruptRenderer = ({ event, result, render, resolve }) => {
   return render({ event, result, resolve });
 };
@@ -2673,7 +2723,7 @@ function useLangGraphInterruptRender() {
   if (!langGraphInterruptAction || !langGraphInterruptAction.event || !langGraphInterruptAction.render)
     return null;
   const { render, handler, event, conditions } = langGraphInterruptAction;
-  const conditionsMet = (0, import_shared13.executeConditions)({ conditions, value: event.value });
+  const conditionsMet = (0, import_shared14.executeConditions)({ conditions, value: event.value });
   if (!conditionsMet) {
     return null;
   }