@copilotkit/react-core 1.5.13 → 1.5.14-next.0

package/dist/index.js

@@ -94,7 +94,7 @@ __export(src_exports, {
   useCoAgent: () => useCoAgent,
   useCoAgentStateRender: () => useCoAgentStateRender,
   useCopilotAction: () => useCopilotAction,
-  useCopilotAuthenticatedAction: () => useCopilotAuthenticatedAction,
+  useCopilotAuthenticatedAction_c: () => useCopilotAuthenticatedAction_c,
   useCopilotChat: () => useCopilotChat,
   useCopilotContext: () => useCopilotContext,
   useCopilotMessagesContext: () => useCopilotMessagesContext,
@@ -321,7 +321,7 @@ function setsHaveIntersection(setA, setB) {
 
 // src/components/copilot-provider/copilotkit.tsx
 var import_react_dom = require("react-dom");
-var import_shared4 = require("@copilotkit/shared");
+var import_shared7 = require("@copilotkit/shared");
 
 // src/hooks/use-flat-category-store.ts
 var import_react3 = require("react");
@@ -412,19 +412,18 @@ function useCopilotMessagesContext() {
 // src/components/copilot-provider/copilot-messages.tsx
 var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime = require("react/jsx-runtime");
-function CopilotMessages(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+function CopilotMessages({ children }) {
   const [messages, setMessages] = (0, import_react5.useState)([]);
   const { threadId, agentSession, runtimeClient } = useCopilotContext();
   (0, import_react5.useEffect)(() => {
     if (agentSession == null ? void 0 : agentSession.agentName) {
       const fetchAgentState = () => __async(this, null, function* () {
-        var _a2, _b2, _c, _d;
+        var _a, _b, _c, _d;
         const result = yield runtimeClient.loadAgentState({
           threadId,
           agentName: agentSession.agentName
         });
-        if ((_b2 = (_a2 = result.data) == null ? void 0 : _a2.loadAgentState) == null ? void 0 : _b2.threadExists) {
+        if ((_b = (_a = result.data) == null ? void 0 : _a.loadAgentState) == null ? void 0 : _b.threadExists) {
           const messages2 = (0, import_runtime_client_gql.loadMessagesFromJsonRepresentation)(
             JSON.parse(((_d = (_c = result.data) == null ? void 0 : _c.loadAgentState) == null ? void 0 : _d.messages) || "[]")
           );
@@ -872,20 +871,308 @@ function getHostname() {
 
 // src/components/error-boundary/error-boundary.tsx
 var import_react9 = __toESM(require("react"));
+var import_shared6 = require("@copilotkit/shared");
+
+// src/lib/status-checker.ts
+var import_shared4 = require("@copilotkit/shared");
+var STATUS_CHECK_INTERVAL = 1e3 * 60 * 5;
+var StatusChecker = class {
+  constructor() {
+    this.activeKey = null;
+    this.intervalId = null;
+    this.instanceCount = 0;
+    this.lastResponse = null;
+  }
+  start(publicApiKey, onUpdate) {
+    return __async(this, null, function* () {
+      this.instanceCount++;
+      if (this.activeKey === publicApiKey)
+        return;
+      if (this.intervalId)
+        clearInterval(this.intervalId);
+      const checkStatus = () => __async(this, null, function* () {
+        try {
+          const response = yield fetch(`${import_shared4.COPILOT_CLOUD_API_URL}/ciu`, {
+            method: "GET",
+            headers: {
+              [import_shared4.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey
+            }
+          }).then((response2) => response2.json());
+          this.lastResponse = response;
+          onUpdate == null ? void 0 : onUpdate(response);
+          return response;
+        } catch (error) {
+          return null;
+        }
+      });
+      const initialResponse = yield checkStatus();
+      this.intervalId = setInterval(checkStatus, STATUS_CHECK_INTERVAL);
+      this.activeKey = publicApiKey;
+      return initialResponse;
+    });
+  }
+  getLastResponse() {
+    return this.lastResponse;
+  }
+  stop() {
+    this.instanceCount--;
+    if (this.instanceCount === 0) {
+      if (this.intervalId) {
+        clearInterval(this.intervalId);
+        this.intervalId = null;
+        this.activeKey = null;
+        this.lastResponse = null;
+      }
+    }
+  }
+};
+
+// src/components/usage-banner.tsx
+var import_shared5 = require("@copilotkit/shared");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var defaultIcons = {
+  [import_shared5.Severity.Error]: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "20",
+      height: "20",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+      ]
+    }
+  )
+};
+function UsageBanner({
+  severity = import_shared5.Severity.Error,
+  message = "",
+  icon,
+  actions
+}) {
+  if (!message || !severity) {
+    return null;
+  }
+  const Icon = icon || defaultIcons[severity];
+  const bgColor = {
+    info: "#dbeafe",
+    warning: "#fef3c7",
+    error: "#fee2e2"
+  }[severity];
+  const textColor = {
+    info: "#1e40af",
+    warning: "#854d0e",
+    error: "#991b1b"
+  }[severity];
+  const iconColor = {
+    info: "#3b82f6",
+    warning: "#eab308",
+    error: "#ef4444"
+  }[severity];
+  const primaryButtonColor = {
+    info: "#3b82f6",
+    warning: "#eab308",
+    error: "#ef4444"
+  }[severity];
+  const primaryButtonHoverColor = {
+    info: "#2563eb",
+    warning: "#ca8a04",
+    error: "#dc2626"
+  }[severity];
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        bottom: "16px",
+        left: "50%",
+        transform: "translateX(-50%)",
+        maxWidth: "90%",
+        zIndex: 9999
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "center",
+            gap: "12px",
+            borderRadius: "9999px",
+            border: "1px solid #e5e7eb",
+            backgroundColor: bgColor,
+            padding: "8px 16px",
+            boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: iconColor }, children: Icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "span",
+              {
+                style: {
+                  flex: 1,
+                  fontSize: "14px",
+                  fontWeight: 500,
+                  color: textColor,
+                  whiteSpace: "normal",
+                  wordBreak: "break-word"
+                },
+                children: message
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  gap: "8px",
+                  flexWrap: "wrap"
+                },
+                children: [
+                  (actions == null ? void 0 : actions.secondary) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    "button",
+                    {
+                      onClick: actions.secondary.onClick,
+                      style: {
+                        borderRadius: "9999px",
+                        padding: "4px 12px",
+                        fontSize: "14px",
+                        fontWeight: 500,
+                        color: textColor,
+                        backgroundColor: "transparent",
+                        border: "none",
+                        cursor: "pointer",
+                        transition: "background-color 0.2s"
+                      },
+                      onMouseOver: (e) => e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.5)",
+                      onMouseOut: (e) => e.currentTarget.style.backgroundColor = "transparent",
+                      children: actions.secondary.label
+                    }
+                  ),
+                  (actions == null ? void 0 : actions.primary) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    "button",
+                    {
+                      onClick: actions.primary.onClick,
+                      style: {
+                        borderRadius: "9999px",
+                        padding: "4px 12px",
+                        fontSize: "14px",
+                        fontWeight: 500,
+                        color: "#fff",
+                        backgroundColor: primaryButtonColor,
+                        border: "none",
+                        cursor: "pointer",
+                        transition: "background-color 0.2s"
+                      },
+                      onMouseOver: (e) => e.currentTarget.style.backgroundColor = primaryButtonHoverColor,
+                      onMouseOut: (e) => e.currentTarget.style.backgroundColor = primaryButtonColor,
+                      children: actions.primary.label
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function renderCopilotKitUsage(error) {
+  switch (error.name) {
+    case import_shared5.ERROR_NAMES.CONFIGURATION_ERROR:
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UsageBanner, { severity: error.severity, message: error.message });
+    case import_shared5.ERROR_NAMES.MISSING_PUBLIC_API_KEY_ERROR:
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        UsageBanner,
+        {
+          severity: error.severity,
+          message: error.message,
+          actions: {
+            primary: {
+              label: "Sign In",
+              onClick: () => {
+                window.location.href = "https://cloud.copilotkit.ai";
+              }
+            }
+          }
+        }
+      );
+    case import_shared5.ERROR_NAMES.UPGRADE_REQUIRED_ERROR:
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        UsageBanner,
+        {
+          severity: error.severity,
+          message: error.message,
+          actions: {
+            primary: {
+              label: "Upgrade",
+              onClick: () => {
+                window.location.href = "https://copilotkit.ai/";
+              }
+            }
+          }
+        }
+      );
+  }
+}
+
+// src/components/error-boundary/error-boundary.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var statusChecker = new StatusChecker();
 var CopilotErrorBoundary = class extends import_react9.default.Component {
   constructor(props) {
     super(props);
-    this.state = { hasError: false };
+    this.state = {
+      hasError: false
+    };
   }
   static getDerivedStateFromError(error) {
     return { hasError: true, error };
   }
+  componentDidMount() {
+    if (this.props.publicApiKey) {
+      statusChecker.start(this.props.publicApiKey, (newStatus) => {
+        this.setState((prevState) => {
+          var _a;
+          if ((newStatus == null ? void 0 : newStatus.severity) !== ((_a = prevState.status) == null ? void 0 : _a.severity)) {
+            return { status: newStatus != null ? newStatus : void 0 };
+          }
+          return null;
+        });
+      });
+    }
+  }
+  componentWillUnmount() {
+    statusChecker.stop();
+  }
   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 });
+    var _a, _b;
+    if (this.state.hasError) {
+      if (this.state.error instanceof import_shared6.CopilotKitError) {
+        return renderCopilotKitUsage(this.state.error);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorToast2, { error: this.state.error, children: this.props.children });
+    }
+    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
+    ] });
   }
 };
 function ErrorToast2({ error, children }) {
@@ -899,21 +1186,17 @@ function ErrorToast2({ error, children }) {
 }
 
 // src/components/copilot-provider/copilotkit.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = 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_runtime6.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CopilotErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children })) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopilotErrorBoundary, { publicApiKey: props.publicApiKey, showUsageBanner: enabled, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children })) }) });
 }
-function CopilotKitInternal(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  if (!props.runtimeUrl && !props.publicApiKey) {
-    throw new Error(
-      "Please provide either a runtimeUrl or a publicApiKey to the CopilotKit component."
-    );
-  }
-  const chatApiEndpoint = props.runtimeUrl || import_shared4.COPILOT_CLOUD_CHAT_URL;
+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 [actions, setActions] = (0, import_react10.useState)({});
   const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react10.useState)({});
   const chatComponentsCache = (0, import_react10.useRef)({
@@ -1007,15 +1290,8 @@ ${nonDocumentStrings}`;
     },
     [removeDocument]
   );
-  if (!props.publicApiKey) {
-    if (props.cloudRestrictToTopic) {
-      throw new Error(
-        "To use the cloudRestrictToTopic feature, please sign up at https://copilotkit.ai and provide a publicApiKey."
-      );
-    }
-  }
   const copilotApiConfig = (0, import_react10.useMemo)(() => {
-    var _a2, _b2;
+    var _a2, _b;
     let cloud = void 0;
     if (props.publicApiKey) {
       cloud = {
@@ -1024,7 +1300,7 @@ ${nonDocumentStrings}`;
             restrictToTopic: {
               enabled: props.cloudRestrictToTopic ? true : false,
               validTopics: ((_a2 = props.cloudRestrictToTopic) == null ? void 0 : _a2.validTopics) || [],
-              invalidTopics: ((_b2 = props.cloudRestrictToTopic) == null ? void 0 : _b2.invalidTopics) || []
+              invalidTopics: ((_b = props.cloudRestrictToTopic) == null ? void 0 : _b.invalidTopics) || []
             }
           }
         }
@@ -1061,7 +1337,7 @@ ${nonDocumentStrings}`;
       }
       return acc;
     }, {});
-    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared4.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,
@@ -1109,7 +1385,7 @@ ${nonDocumentStrings}`;
     };
   }
   const [agentSession, setAgentSession] = (0, import_react10.useState)(initialAgentSession);
-  const [internalThreadId, setInternalThreadId] = (0, import_react10.useState)(props.threadId || (0, import_shared4.randomUUID)());
+  const [internalThreadId, setInternalThreadId] = (0, import_react10.useState)(props.threadId || (0, import_shared7.randomUUID)());
   const setThreadId = (0, import_react10.useCallback)(
     (value) => {
       if (props.threadId) {
@@ -1127,7 +1403,7 @@ ${nonDocumentStrings}`;
   const [runId, setRunId] = (0, import_react10.useState)(null);
   const chatAbortControllerRef = (0, import_react10.useRef)(null);
   const showDevConsole = props.showDevConsole === void 0 ? "auto" : props.showDevConsole;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     CopilotContext.Provider,
     {
       value: {
@@ -1169,19 +1445,19 @@ ${nonDocumentStrings}`;
         setRunId,
         chatAbortControllerRef,
         availableAgents,
-        authConfig: props.authConfig,
-        authStates,
-        setAuthStates,
+        authConfig_c: props.authConfig_c,
+        authStates_c: authStates,
+        setAuthStates_c: setAuthStates,
         extensions,
         setExtensions
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CopilotMessages, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopilotMessages, { children })
     }
   );
 }
 var defaultCopilotContextCategories = ["global"];
 function entryPointsToFunctionCallHandler(actions) {
-  return (_0) => __async(this, [_0], function* ({ messages, name, args }) {
+  return (_0) => __async(this, [_0], function* ({ name, args }) {
     let actionsByFunctionName = {};
     for (let action2 of actions) {
       actionsByFunctionName[action2.name] = action2;
@@ -1205,6 +1481,20 @@ function entryPointsToFunctionCallHandler(actions) {
     return result;
   });
 }
+function formatFeatureName(featureName) {
+  return featureName.replace(/_c$/, "").split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+}
+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'");
+  }
+  if (cloudFeatures.length > 0 && !props.publicApiKey) {
+    throw new import_shared7.MissingPublicApiKeyError(
+      `Missing required prop: 'publicApiKey' to use cloud features: ${cloudFeatures.map(formatFeatureName).join(", ")}`
+    );
+  }
+}
 
 // src/hooks/use-copilot-chat.ts
 var import_react12 = require("react");
@@ -1212,12 +1502,12 @@ var import_runtime_client_gql7 = require("@copilotkit/runtime-client-gql");
 
 // src/hooks/use-chat.ts
 var import_react11 = require("react");
-var import_shared6 = require("@copilotkit/shared");
+var import_shared9 = 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_shared5 = require("@copilotkit/shared");
+var import_shared8 = require("@copilotkit/shared");
 function processActionsForRuntimeRequest(actions) {
   const filteredActions = actions.filter(
     (action) => action.available !== import_runtime_client_gql5.ActionInputAvailability.Disabled && action.disabled !== true && action.name !== "*"
@@ -1233,7 +1523,7 @@ function processActionsForRuntimeRequest(actions) {
     return {
       name: action.name,
       description: action.description || "",
-      jsonSchema: JSON.stringify((0, import_shared5.actionParametersToJsonSchema)(action.parameters || [])),
+      jsonSchema: JSON.stringify((0, import_shared8.actionParametersToJsonSchema)(action.parameters || [])),
       available
     };
   });
@@ -1275,7 +1565,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_shared6.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
+  const headers = __spreadValues(__spreadValues({}, copilotConfig.headers || {}), publicApiKey ? { [import_shared9.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
   const runtimeClient = useCopilotRuntimeClient({
     url: copilotConfig.chatApiEndpoint,
     publicApiKey: copilotConfig.publicApiKey,
@@ -1423,7 +1713,7 @@ function useChat(options) {
               } else {
                 if (agentLock) {
                   setAgentSession({
-                    threadId: (0, import_shared6.randomId)(),
+                    threadId: (0, import_shared9.randomId)(),
                     agentName: agentLock,
                     nodeName: void 0
                   });
@@ -1817,11 +2107,11 @@ ${additionalInstructions}` : "");
 }
 
 // src/hooks/use-copilot-action.ts
-var import_shared7 = require("@copilotkit/shared");
+var import_shared10 = 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_shared7.randomId)());
+  const idRef = (0, import_react13.useRef)((0, import_shared10.randomId)());
   const renderAndWaitRef = (0, import_react13.useRef)(null);
   action = __spreadValues({}, action);
   if (
@@ -1910,7 +2200,7 @@ function isFrontendAction(action) {
 
 // src/hooks/use-coagent-state-render.ts
 var import_react14 = require("react");
-var import_shared8 = require("@copilotkit/shared");
+var import_shared11 = require("@copilotkit/shared");
 function useCoAgentStateRender(action, dependencies) {
   const {
     setCoAgentStateRender,
@@ -1919,7 +2209,7 @@ function useCoAgentStateRender(action, dependencies) {
     chatComponentsCache,
     availableAgents
   } = (0, import_react14.useContext)(CopilotContext);
-  const idRef = (0, import_react14.useRef)((0, import_shared8.randomId)());
+  const idRef = (0, import_react14.useRef)((0, import_shared11.randomId)());
   const { addToast } = useToast();
   (0, import_react14.useEffect)(() => {
     if ((availableAgents == null ? void 0 : availableAgents.length) && !availableAgents.some((a) => a.name === action.name)) {
@@ -2148,8 +2438,8 @@ function runAgent(name, context, appendMessage, runChatCompletion, hint) {
 // src/hooks/use-copilot-authenticated-action.ts
 var import_react18 = require("react");
 var import_react19 = __toESM(require("react"));
-function useCopilotAuthenticatedAction(action, dependencies) {
-  const { authConfig, authStates, setAuthStates } = useCopilotContext();
+function useCopilotAuthenticatedAction_c(action, dependencies) {
+  const { authConfig_c, authStates_c, setAuthStates_c } = useCopilotContext();
   const pendingActionRef = (0, import_react18.useRef)(null);
   const executeAction = (0, import_react18.useCallback)(
     (props) => {
@@ -2162,14 +2452,14 @@ function useCopilotAuthenticatedAction(action, dependencies) {
   );
   const wrappedRender = (0, import_react18.useCallback)(
     (props) => {
-      const isAuthenticated = Object.values(authStates || {}).some(
+      const isAuthenticated = Object.values(authStates_c || {}).some(
         (state) => state.status === "authenticated"
       );
       if (!isAuthenticated) {
         pendingActionRef.current = props;
-        return (authConfig == null ? void 0 : authConfig.SignInComponent) ? import_react19.default.createElement(authConfig.SignInComponent, {
+        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? import_react19.default.createElement(authConfig_c.SignInComponent, {
           onSignInComplete: (authState) => {
-            setAuthStates == null ? void 0 : setAuthStates((prev) => __spreadProps(__spreadValues({}, prev), { [action.name]: authState }));
+            setAuthStates_c == null ? void 0 : setAuthStates_c((prev) => __spreadProps(__spreadValues({}, prev), { [action.name]: authState }));
             if (pendingActionRef.current) {
               executeAction(pendingActionRef.current);
               pendingActionRef.current = null;
@@ -2179,7 +2469,7 @@ function useCopilotAuthenticatedAction(action, dependencies) {
       }
       return executeAction(props);
     },
-    [action, authStates, setAuthStates]
+    [action, authStates_c, setAuthStates_c]
   );
   useCopilotAction(
     __spreadProps(__spreadValues({}, action), {
@@ -2299,7 +2589,7 @@ ${instructions}
   useCoAgent,
   useCoAgentStateRender,
   useCopilotAction,
-  useCopilotAuthenticatedAction,
+  useCopilotAuthenticatedAction_c,
   useCopilotChat,
   useCopilotContext,
   useCopilotMessagesContext,