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

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # ui
 
+## 1.5.19-next.1
+
+### Patch Changes
+
+- 0dd1ab9: - fix(errors): allow non copilotkit errors to pass to consumer app error boundary
+- Updated dependencies [0dd1ab9]
+  - @copilotkit/shared@1.5.19-next.1
+  - @copilotkit/runtime-client-gql@1.5.19-next.1
+
 ## 1.5.19-next.0
 
 ### Patch Changes

package/dist/{chunk-5K2FUI34.mjs → chunk-534J55RX.mjs}

@@ -12,6 +12,7 @@ import {
 // src/components/error-boundary/error-boundary.tsx
 import React, { useEffect } from "react";
 import { CopilotKitError } from "@copilotkit/shared";
+import { COPILOT_CLOUD_ERROR_NAMES } from "@copilotkit/shared";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var statusChecker = new StatusChecker();
 var CopilotErrorBoundary = class extends React.Component {
@@ -47,20 +48,23 @@ var CopilotErrorBoundary = class extends React.Component {
     var _a, _b;
     if (this.state.hasError) {
       if (this.state.error instanceof CopilotKitError) {
-        return renderCopilotKitUsage(this.state.error);
+        if (COPILOT_CLOUD_ERROR_NAMES.includes(this.state.error.name)) {
+          return /* @__PURE__ */ jsx(ErrorToast, { error: this.state.error, children: renderCopilotKitUsage(this.state.error) });
+        }
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          this.props.children,
+          this.props.showUsageBanner && /* @__PURE__ */ jsx(
+            UsageBanner,
+            {
+              severity: (_a = this.state.status) == null ? void 0 : _a.severity,
+              message: (_b = this.state.status) == null ? void 0 : _b.message
+            }
+          )
+        ] });
       }
-      return /* @__PURE__ */ jsx(ErrorToast, { error: this.state.error, children: this.props.children });
+      throw this.state.error;
     }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      this.props.children,
-      this.props.showUsageBanner ? /* @__PURE__ */ 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 ErrorToast({ error, children }) {
@@ -70,6 +74,8 @@ function ErrorToast({ error, children }) {
       addErrorToast([error]);
     }
   }, [error, addErrorToast]);
+  if (!error)
+    throw error;
   return children;
 }
 
@@ -77,4 +83,4 @@ export {
   CopilotErrorBoundary,
   ErrorToast
 };
-//# sourceMappingURL=chunk-5K2FUI34.mjs.map
+//# sourceMappingURL=chunk-534J55RX.mjs.map

package/dist/chunk-534J55RX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/error-boundary/error-boundary.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Severity, CopilotKitError } from \"@copilotkit/shared\";\nimport { StatusChecker } from \"../../lib/status-checker\";\nimport { renderCopilotKitUsage, UsageBanner } from \"../usage-banner\";\nimport { useErrorToast } from \"./error-utils\";\nimport { COPILOT_CLOUD_ERROR_NAMES } from \"@copilotkit/shared\";\n\nconst statusChecker = new StatusChecker();\n\ninterface Props {\n  children: React.ReactNode;\n  publicApiKey?: string;\n  showUsageBanner?: boolean;\n}\n\ninterface State {\n  hasError: boolean;\n  error?: CopilotKitError;\n  status?: {\n    severity: Severity;\n    message: string;\n  };\n}\n\nexport class CopilotErrorBoundary extends React.Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n    this.state = {\n      hasError: false,\n    };\n  }\n\n  static getDerivedStateFromError(error: CopilotKitError): State {\n    return { hasError: true, error };\n  }\n\n  componentDidMount() {\n    if (this.props.publicApiKey) {\n      statusChecker.start(this.props.publicApiKey, (newStatus) => {\n        this.setState((prevState) => {\n          if (newStatus?.severity !== prevState.status?.severity) {\n            return { status: newStatus ?? undefined };\n          }\n          return null;\n        });\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    statusChecker.stop();\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error(\"CopilotKit Error:\", error, errorInfo);\n  }\n\n  render() {\n    if (this.state.hasError) {\n      if (this.state.error instanceof CopilotKitError) {\n        // @ts-expect-error -- It's a copilotkit error at this state. Name is valid\n        if (COPILOT_CLOUD_ERROR_NAMES.includes(this.state.error.name)) {\n          return (\n            <ErrorToast error={this.state.error}>\n              {renderCopilotKitUsage(this.state.error)}\n            </ErrorToast>\n          );\n        }\n\n        return (\n          <>\n            {this.props.children}\n            {this.props.showUsageBanner && (\n              <UsageBanner\n                severity={this.state.status?.severity}\n                message={this.state.status?.message}\n              />\n            )}\n          </>\n        );\n      }\n      throw this.state.error;\n    }\n\n    return this.props.children;\n  }\n}\n\nexport function ErrorToast({ error, children }: { error?: Error; children: React.ReactNode }) {\n  const addErrorToast = useErrorToast();\n\n  useEffect(() => {\n    if (error) {\n      addErrorToast([error]);\n    }\n  }, [error, addErrorToast]);\n\n  if (!error) throw error;\n  return children;\n}\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,SAAS,iBAAiB;AACjC,SAAmB,uBAAuB;AAI1C,SAAS,iCAAiC;AA0D9B,SAOF,UAPE,KAOF,YAPE;AAxDZ,IAAM,gBAAgB,IAAI,cAAc;AAiBjC,IAAM,uBAAN,cAAmC,MAAM,UAAwB;AAAA,EACtE,YAAY,OAAc;AACxB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EAEA,OAAO,yBAAyB,OAA+B;AAC7D,WAAO,EAAE,UAAU,MAAM,MAAM;AAAA,EACjC;AAAA,EAEA,oBAAoB;AAClB,QAAI,KAAK,MAAM,cAAc;AAC3B,oBAAc,MAAM,KAAK,MAAM,cAAc,CAAC,cAAc;AAC1D,aAAK,SAAS,CAAC,cAAc;AAvCrC;AAwCU,eAAI,uCAAW,gBAAa,eAAU,WAAV,mBAAkB,WAAU;AACtD,mBAAO,EAAE,QAAQ,gCAAa,OAAU;AAAA,UAC1C;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,kBAAc,KAAK;AAAA,EACrB;AAAA,EAEA,kBAAkB,OAAc,WAA4B;AAC1D,YAAQ,MAAM,qBAAqB,OAAO,SAAS;AAAA,EACrD;AAAA,EAEA,SAAS;AAzDX;AA0DI,QAAI,KAAK,MAAM,UAAU;AACvB,UAAI,KAAK,MAAM,iBAAiB,iBAAiB;AAE/C,YAAI,0BAA0B,SAAS,KAAK,MAAM,MAAM,IAAI,GAAG;AAC7D,iBACE,oBAAC,cAAW,OAAO,KAAK,MAAM,OAC3B,gCAAsB,KAAK,MAAM,KAAK,GACzC;AAAA,QAEJ;AAEA,eACE,iCACG;AAAA,eAAK,MAAM;AAAA,UACX,KAAK,MAAM,mBACV;AAAA,YAAC;AAAA;AAAA,cACC,WAAU,UAAK,MAAM,WAAX,mBAAmB;AAAA,cAC7B,UAAS,UAAK,MAAM,WAAX,mBAAmB;AAAA;AAAA,UAC9B;AAAA,WAEJ;AAAA,MAEJ;AACA,YAAM,KAAK,MAAM;AAAA,IACnB;AAEA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;AAEO,SAAS,WAAW,EAAE,OAAO,SAAS,GAAiD;AAC5F,QAAM,gBAAgB,cAAc;AAEpC,YAAU,MAAM;AACd,QAAI,OAAO;AACT,oBAAc,CAAC,KAAK,CAAC;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,OAAO,aAAa,CAAC;AAEzB,MAAI,CAAC;AAAO,UAAM;AAClB,SAAO;AACT;","names":[]}

package/dist/{chunk-TI25S2SR.mjs → chunk-6C6ZNKSS.mjs}

@@ -1,6 +1,6 @@
 import {
   useCopilotChat
-} from "./chunk-2RIS4N5Q.mjs";
+} from "./chunk-OBGDZ7BM.mjs";
 import {
   CopilotContext
 } from "./chunk-ZM56S3LJ.mjs";
@@ -63,4 +63,4 @@ function useLangGraphInterrupt(action, dependencies) {
 export {
   useLangGraphInterrupt
 };
-//# sourceMappingURL=chunk-TI25S2SR.mjs.map
+//# sourceMappingURL=chunk-6C6ZNKSS.mjs.map

package/dist/{chunk-DB25UMNI.mjs → chunk-7YXUCWXF.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotErrorBoundary
-} from "./chunk-5K2FUI34.mjs";
+} from "./chunk-534J55RX.mjs";
 import {
   CopilotMessages
 } from "./chunk-5M47BILE.mjs";
@@ -527,4 +527,4 @@ export {
   CopilotKitInternal,
   defaultCopilotContextCategories
 };
-//# sourceMappingURL=chunk-DB25UMNI.mjs.map
+//# sourceMappingURL=chunk-7YXUCWXF.mjs.map

package/dist/{chunk-7IYA4DNK.mjs → chunk-DFNQGERN.mjs}

@@ -1,6 +1,6 @@
 import {
   useCopilotChat
-} from "./chunk-2RIS4N5Q.mjs";
+} from "./chunk-OBGDZ7BM.mjs";
 import {
   useCopilotContext
 } from "./chunk-ZM56S3LJ.mjs";
@@ -187,4 +187,4 @@ export {
   stopAgent,
   runAgent
 };
-//# sourceMappingURL=chunk-7IYA4DNK.mjs.map
+//# sourceMappingURL=chunk-DFNQGERN.mjs.map

package/dist/{chunk-WSOA4BGM.mjs → chunk-JFCNSGNU.mjs}

@@ -1,6 +1,6 @@
 import {
   defaultCopilotContextCategories
-} from "./chunk-DB25UMNI.mjs";
+} from "./chunk-7YXUCWXF.mjs";
 import {
   processActionsForRuntimeRequest
 } from "./chunk-XERJQUHA.mjs";
@@ -117,4 +117,4 @@ ${instructions}
 export {
   CopilotTask
 };
-//# sourceMappingURL=chunk-WSOA4BGM.mjs.map
+//# sourceMappingURL=chunk-JFCNSGNU.mjs.map

package/dist/{chunk-2RIS4N5Q.mjs → chunk-OBGDZ7BM.mjs}

@@ -1,6 +1,6 @@
 import {
   defaultCopilotContextCategories
-} from "./chunk-DB25UMNI.mjs";
+} from "./chunk-7YXUCWXF.mjs";
 import {
   useCopilotContext
 } from "./chunk-ZM56S3LJ.mjs";
@@ -222,4 +222,4 @@ export {
   useCopilotChat,
   defaultSystemMessage
 };
-//# sourceMappingURL=chunk-2RIS4N5Q.mjs.map
+//# sourceMappingURL=chunk-OBGDZ7BM.mjs.map

package/dist/components/copilot-provider/copilotkit.js

@@ -304,7 +304,7 @@ function setsHaveIntersection(setA, setB) {
 
 // src/components/copilot-provider/copilotkit.tsx
 var import_react_dom = require("react-dom");
-var import_shared6 = require("@copilotkit/shared");
+var import_shared7 = require("@copilotkit/shared");
 
 // src/hooks/use-flat-category-store.ts
 var import_react3 = require("react");
@@ -975,6 +975,7 @@ function renderCopilotKitUsage(error) {
 }
 
 // src/components/error-boundary/error-boundary.tsx
+var import_shared6 = require("@copilotkit/shared");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var statusChecker = new StatusChecker();
 var CopilotErrorBoundary = class extends import_react9.default.Component {
@@ -1010,20 +1011,23 @@ var CopilotErrorBoundary = class extends import_react9.default.Component {
     var _a, _b;
     if (this.state.hasError) {
       if (this.state.error instanceof import_shared5.CopilotKitError) {
-        return renderCopilotKitUsage(this.state.error);
+        if (import_shared6.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 }) {
@@ -1033,6 +1037,8 @@ function ErrorToast2({ error, children }) {
       addErrorToast([error]);
     }
   }, [error, addErrorToast]);
+  if (!error)
+    throw error;
   return children;
 }
 
@@ -1047,7 +1053,7 @@ function CopilotKit(_a) {
 function CopilotKitInternal(cpkProps) {
   const _a = cpkProps, { children } = _a, props = __objRest(_a, ["children"]);
   validateProps(cpkProps);
-  const chatApiEndpoint = props.runtimeUrl || import_shared6.COPILOT_CLOUD_CHAT_URL;
+  const chatApiEndpoint = props.runtimeUrl || import_shared7.COPILOT_CLOUD_CHAT_URL;
   const [actions, setActions] = (0, import_react10.useState)({});
   const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react10.useState)({});
   const chatComponentsCache = (0, import_react10.useRef)({
@@ -1189,7 +1195,7 @@ ${nonDocumentStrings}`;
       }
       return acc;
     }, {});
-    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared6.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {}), authHeaders);
+    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared7.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {}), authHeaders);
   }, [copilotApiConfig.headers, copilotApiConfig.publicApiKey, authStates]);
   const runtimeClient = useCopilotRuntimeClient({
     url: copilotApiConfig.chatApiEndpoint,
@@ -1241,7 +1247,7 @@ ${nonDocumentStrings}`;
     };
   }
   const [agentSession, setAgentSession] = (0, import_react10.useState)(initialAgentSession);
-  const [internalThreadId, setInternalThreadId] = (0, import_react10.useState)(props.threadId || (0, import_shared6.randomUUID)());
+  const [internalThreadId, setInternalThreadId] = (0, import_react10.useState)(props.threadId || (0, import_shared7.randomUUID)());
   const setThreadId = (0, import_react10.useCallback)(
     (value) => {
       if (props.threadId) {
@@ -1363,10 +1369,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_shared6.ConfigurationError("Missing required prop: 'runtimeUrl' or 'publicApiKey'");
+    throw new import_shared7.ConfigurationError("Missing required prop: 'runtimeUrl' or 'publicApiKey'");
   }
   if (cloudFeatures.length > 0 && !props.publicApiKey) {
-    throw new import_shared6.MissingPublicApiKeyError(
+    throw new import_shared7.MissingPublicApiKeyError(
       `Missing required prop: 'publicApiKey' to use cloud features: ${cloudFeatures.map(formatFeatureName).join(", ")}`
     );
   }