@copilotkit/react-core 1.10.0-next.3 → 1.10.0-next.4

package/dist/hooks/index.js

@@ -87,7 +87,9 @@ __export(hooks_exports, {
   useCopilotAction: () => useCopilotAction,
   useCopilotAdditionalInstructions: () => useCopilotAdditionalInstructions,
   useCopilotAuthenticatedAction_c: () => useCopilotAuthenticatedAction_c,
-  useCopilotChat: () => useCopilotChat,
+  useCopilotChat: () => useCopilotChat2,
+  useCopilotChatInternal: () => useCopilotChat,
+  useCopilotChatLight: () => useCopilotChatLight,
   useCopilotReadable: () => useCopilotReadable,
   useCopilotRuntimeClient: () => useCopilotRuntimeClient,
   useLangGraphInterrupt: () => useLangGraphInterrupt,
@@ -97,7 +99,7 @@ __export(hooks_exports, {
 module.exports = __toCommonJS(hooks_exports);
 
 // src/hooks/use-copilot-chat.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/context/copilot-context.tsx
 var import_react = __toESM(require("react"));
@@ -175,6 +177,9 @@ var emptyCopilotContext = {
   removeLangGraphInterruptAction: () => null,
   onError: void 0,
   suggestions: [],
+  bannerError: null,
+  setBannerError: () => {
+  },
   setSuggestions: () => {
   }
 };
@@ -190,6 +195,9 @@ function returnAndThrowInDebug(_value) {
   throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
 }
 
+// src/hooks/use-copilot-chat_internal.ts
+var import_react9 = require("react");
+
 // src/context/copilot-messages-context.tsx
 var import_react2 = __toESM(require("react"));
 var emptyCopilotContext2 = {
@@ -259,8 +267,16 @@ var import_react4 = require("react");
 var import_shared3 = require("@copilotkit/shared");
 
 // src/utils/dev-console.ts
+function isLocalhost() {
+  if (typeof window === "undefined")
+    return false;
+  return window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname === "0.0.0.0";
+}
 function shouldShowDevConsole(showDevConsole) {
-  return showDevConsole;
+  if (showDevConsole !== void 0) {
+    return showDevConsole;
+  }
+  return isLocalhost();
 }
 
 // src/hooks/use-copilot-runtime-client.ts
@@ -1431,7 +1447,7 @@ Available tools: ${tools}
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var defaultCopilotContextCategories = ["global"];
 
-// src/hooks/use-copilot-chat.ts
+// src/hooks/use-copilot-chat_internal.ts
 var import_runtime_client_gql7 = require("@copilotkit/runtime-client-gql");
 
 // src/hooks/use-langgraph-interrupt-render.ts
@@ -1473,7 +1489,7 @@ function useLangGraphInterruptRender() {
   });
 }
 
-// src/hooks/use-copilot-chat.ts
+// src/hooks/use-copilot-chat_internal.ts
 var globalSuggestionPromise = null;
 function useCopilotChat(options = {}) {
   var _a;
@@ -1756,14 +1772,82 @@ In case of a function error:
 ${additionalInstructions}` : "");
 }
 
-// src/hooks/use-copilot-action.ts
+// src/hooks/use-copilot-chat.ts
 var import_shared8 = require("@copilotkit/shared");
-var import_react10 = require("react");
+var createNonFunctionalReturn = () => ({
+  visibleMessages: [],
+  appendMessage: () => __async(void 0, null, function* () {
+  }),
+  setMessages: () => {
+  },
+  deleteMessage: () => {
+  },
+  reloadMessages: () => __async(void 0, null, function* () {
+  }),
+  stopGeneration: () => {
+  },
+  reset: () => {
+  },
+  isLoading: false,
+  runChatCompletion: () => __async(void 0, null, function* () {
+    return [];
+  }),
+  mcpServers: [],
+  setMcpServers: () => {
+  },
+  suggestions: [],
+  setSuggestions: () => {
+  },
+  generateSuggestions: () => __async(void 0, null, function* () {
+  }),
+  resetSuggestions: () => {
+  },
+  isLoadingSuggestions: false,
+  interrupt: null
+});
+function useCopilotChat2(options = {}) {
+  const { copilotApiConfig, setBannerError } = useCopilotContext();
+  const hasPublicApiKey = Boolean(copilotApiConfig.publicApiKey);
+  const internalResult = useCopilotChat(options);
+  (0, import_react10.useEffect)(() => {
+    if (!hasPublicApiKey) {
+      setBannerError(
+        new import_shared8.CopilotKitError({
+          message: "As of v1.10.0, useCopilotChat requires a publicApiKey to function.",
+          code: import_shared8.CopilotKitErrorCode.MISSING_PUBLIC_API_KEY_ERROR,
+          severity: import_shared8.Severity.CRITICAL,
+          visibility: import_shared8.ErrorVisibility.BANNER
+        })
+      );
+      import_shared8.styledConsole.logCopilotKitPlatformMessage();
+    } else {
+      setBannerError(null);
+    }
+  }, [hasPublicApiKey]);
+  if (hasPublicApiKey) {
+    return internalResult;
+  }
+  return createNonFunctionalReturn();
+}
+
+// src/hooks/use-copilot-chat-light.ts
+function useCopilotChatLight(options = {}) {
+  const { appendMessage, setSuggestions, generateSuggestions } = useCopilotChat(options);
+  return {
+    appendMessage,
+    setSuggestions,
+    generateSuggestions
+  };
+}
+
+// src/hooks/use-copilot-action.ts
+var import_shared9 = require("@copilotkit/shared");
+var import_react11 = require("react");
 function useCopilotAction(action, dependencies) {
   const { setAction, removeAction, actions, chatComponentsCache } = useCopilotContext();
-  const idRef = (0, import_react10.useRef)((0, import_shared8.randomId)());
-  const renderAndWaitRef = (0, import_react10.useRef)(null);
-  const activatingMessageIdRef = (0, import_react10.useRef)(null);
+  const idRef = (0, import_react11.useRef)((0, import_shared9.randomId)());
+  const renderAndWaitRef = (0, import_react11.useRef)(null);
+  const activatingMessageIdRef = (0, import_react11.useRef)(null);
   const { addToast } = useToast();
   action = __spreadValues({}, action);
   if (
@@ -1825,7 +1909,7 @@ function useCopilotAction(action, dependencies) {
           return renderAndWait(waitProps);
         }
       }
-      return (0, import_react10.createElement)(import_react10.Fragment);
+      return (0, import_react11.createElement)(import_react11.Fragment);
     };
   }
   if (dependencies === void 0) {
@@ -1840,7 +1924,7 @@ function useCopilotAction(action, dependencies) {
       }
     }
   }
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const hasDuplicate = Object.values(actions).some(
       (otherAction) => otherAction.name === action.name && otherAction !== actions[idRef.current]
     );
@@ -1852,7 +1936,7 @@ function useCopilotAction(action, dependencies) {
       });
     }
   }, [actions]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     setAction(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
       chatComponentsCache.current.actions[action.name] = action.render;
@@ -1881,8 +1965,8 @@ function isFrontendAction(action) {
 }
 
 // src/hooks/use-coagent-state-render.ts
-var import_react11 = require("react");
-var import_shared9 = require("@copilotkit/shared");
+var import_react12 = require("react");
+var import_shared10 = require("@copilotkit/shared");
 function useCoAgentStateRender(action, dependencies) {
   const {
     setCoAgentStateRender,
@@ -1890,13 +1974,13 @@ function useCoAgentStateRender(action, dependencies) {
     coAgentStateRenders,
     chatComponentsCache,
     availableAgents
-  } = (0, import_react11.useContext)(CopilotContext);
-  const idRef = (0, import_react11.useRef)((0, import_shared9.randomId)());
+  } = (0, import_react12.useContext)(CopilotContext);
+  const idRef = (0, import_react12.useRef)((0, import_shared10.randomId)());
   const { setBannerError, addToast } = useToast();
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.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.`;
-      const agentError = new import_shared9.CopilotKitAgentDiscoveryError({
+      const agentError = new import_shared10.CopilotKitAgentDiscoveryError({
         agentName: action.name,
         availableAgents: availableAgents.map((a) => ({ name: a.name, id: a.id }))
       });
@@ -1914,7 +1998,7 @@ function useCoAgentStateRender(action, dependencies) {
       }
     }
   }
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const currentId = idRef.current;
     const hasDuplicate = Object.entries(coAgentStateRenders).some(([id, otherAction]) => {
       if (id === currentId)
@@ -1938,7 +2022,7 @@ function useCoAgentStateRender(action, dependencies) {
       });
     }
   }, [coAgentStateRenders]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     setCoAgentStateRender(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
       chatComponentsCache.current.coAgentStateRenders[key] = action.render;
@@ -1958,11 +2042,11 @@ function useCoAgentStateRender(action, dependencies) {
 }
 
 // src/hooks/use-make-copilot-document-readable.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 function useMakeCopilotDocumentReadable(document, categories, dependencies = []) {
   const { addDocumentContext, removeDocumentContext } = useCopilotContext();
-  const idRef = (0, import_react12.useRef)();
-  (0, import_react12.useEffect)(() => {
+  const idRef = (0, import_react13.useRef)();
+  (0, import_react13.useEffect)(() => {
     const id = addDocumentContext(document, categories);
     idRef.current = id;
     return () => {
@@ -1973,7 +2057,7 @@ function useMakeCopilotDocumentReadable(document, categories, dependencies = [])
 }
 
 // src/hooks/use-copilot-readable.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 function convertToJSON(description, value) {
   return `${description}: ${typeof value === "string" ? value : JSON.stringify(value)}`;
 }
@@ -1986,10 +2070,10 @@ function useCopilotReadable({
   available = "enabled"
 }, dependencies) {
   const { addContext, removeContext } = useCopilotContext();
-  const idRef = (0, import_react13.useRef)();
+  const idRef = (0, import_react14.useRef)();
   convert = convert || convertToJSON;
   const information = convert(description, value);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (available === "disabled")
       return;
     const id = addContext(information, parentId, categories);
@@ -2002,20 +2086,20 @@ function useCopilotReadable({
 }
 
 // src/hooks/use-coagent.ts
-var import_react14 = require("react");
-var import_shared10 = require("@copilotkit/shared");
+var import_react15 = require("react");
+var import_shared11 = require("@copilotkit/shared");
 function useCoAgent(options) {
   const generalContext = useCopilotContext();
   const { availableAgents } = generalContext;
   const { setBannerError } = useToast();
-  const lastLoadedThreadId = (0, import_react14.useRef)();
-  const lastLoadedState = (0, import_react14.useRef)();
+  const lastLoadedThreadId = (0, import_react15.useRef)();
+  const lastLoadedState = (0, import_react15.useRef)();
   const { name } = options;
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if ((availableAgents == null ? void 0 : availableAgents.length) && !availableAgents.some((a) => a.name === name)) {
       const message = `(useCoAgent): Agent "${name}" not found. Make sure the agent exists and is properly configured.`;
       console.warn(message);
-      const agentError = new import_shared10.CopilotKitAgentDiscoveryError({
+      const agentError = new import_shared11.CopilotKitAgentDiscoveryError({
         agentName: name,
         availableAgents: availableAgents.map((a) => ({ name: a.name, id: a.id }))
       });
@@ -2034,7 +2118,7 @@ function useCoAgent(options) {
     credentials: copilotApiConfig.credentials,
     showDevConsole: context.showDevConsole
   });
-  const setState = (0, import_react14.useCallback)(
+  const setState = (0, import_react15.useCallback)(
     (newState) => {
       let coagentState = getCoagentState({ coagentStates, name, options });
       const updatedState = typeof newState === "function" ? newState(coagentState.state) : newState;
@@ -2046,7 +2130,7 @@ function useCoAgent(options) {
     },
     [coagentStates, name]
   );
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const fetchAgentState = () => __async(this, null, function* () {
       var _a, _b, _c, _d;
       if (!threadId || threadId === lastLoadedThreadId.current)
@@ -2064,13 +2148,13 @@ function useCoAgent(options) {
       if (((_d = (_c = result.data) == null ? void 0 : _c.loadAgentState) == null ? void 0 : _d.threadExists) && newState && newState != "{}") {
         lastLoadedState.current = newState;
         lastLoadedThreadId.current = threadId;
-        const fetchedState = (0, import_shared10.parseJson)(newState, {});
+        const fetchedState = (0, import_shared11.parseJson)(newState, {});
         isExternalStateManagement(options) ? options.setState(fetchedState) : setState(fetchedState);
       }
     });
     void fetchAgentState();
   }, [threadId]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (isExternalStateManagement(options)) {
       setState(options.state);
     } else if (coagentStates[name] === void 0) {
@@ -2081,7 +2165,7 @@ function useCoAgent(options) {
     // reset initialstate on reset
     coagentStates[name] === void 0
   ]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const newConfig = options.config ? options.config : options.configurable ? { configurable: options.configurable } : void 0;
     if (newConfig === void 0)
       return;
@@ -2113,7 +2197,7 @@ function useCoAgent(options) {
     }),
     [name, context, appendMessage, runChatCompletion]
   );
-  return (0, import_react14.useMemo)(() => {
+  return (0, import_react15.useMemo)(() => {
     const coagentState = getCoagentState({ coagentStates, name, options });
     return {
       name,
@@ -2210,28 +2294,28 @@ var getCoagentState = ({
 };
 
 // src/hooks/use-copilot-authenticated-action.ts
-var import_react15 = require("react");
-var import_react16 = __toESM(require("react"));
+var import_react16 = require("react");
+var import_react17 = __toESM(require("react"));
 function useCopilotAuthenticatedAction_c(action, dependencies) {
   const { authConfig_c, authStates_c, setAuthStates_c } = useCopilotContext();
-  const pendingActionRef = (0, import_react15.useRef)(null);
-  const executeAction2 = (0, import_react15.useCallback)(
+  const pendingActionRef = (0, import_react16.useRef)(null);
+  const executeAction2 = (0, import_react16.useCallback)(
     (props) => {
       if (typeof action.render === "function") {
         return action.render(props);
       }
-      return action.render || import_react16.default.createElement(import_react15.Fragment);
+      return action.render || import_react17.default.createElement(import_react16.Fragment);
     },
     [action]
   );
-  const wrappedRender = (0, import_react15.useCallback)(
+  const wrappedRender = (0, import_react16.useCallback)(
     (props) => {
       const isAuthenticated = Object.values(authStates_c || {}).some(
         (state) => state.status === "authenticated"
       );
       if (!isAuthenticated) {
         pendingActionRef.current = props;
-        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? import_react16.default.createElement(authConfig_c.SignInComponent, {
+        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? import_react17.default.createElement(authConfig_c.SignInComponent, {
           onSignInComplete: (authState) => {
             setAuthStates_c == null ? void 0 : setAuthStates_c((prev) => __spreadProps(__spreadValues({}, prev), { [action.name]: authState }));
             if (pendingActionRef.current) {
@@ -2239,7 +2323,7 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
               pendingActionRef.current = null;
             }
           }
-        }) : import_react16.default.createElement(import_react15.Fragment);
+        }) : import_react17.default.createElement(import_react16.Fragment);
       }
       return executeAction2(props);
     },
@@ -2254,29 +2338,29 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
 }
 
 // src/hooks/use-langgraph-interrupt.ts
-var import_react17 = require("react");
-var import_shared11 = require("@copilotkit/shared");
+var import_react18 = require("react");
+var import_shared12 = require("@copilotkit/shared");
 function useLangGraphInterrupt(action, dependencies) {
   var _a;
-  const { setLangGraphInterruptAction, removeLangGraphInterruptAction, langGraphInterruptAction } = (0, import_react17.useContext)(CopilotContext);
+  const { setLangGraphInterruptAction, removeLangGraphInterruptAction, langGraphInterruptAction } = (0, import_react18.useContext)(CopilotContext);
   const { runChatCompletion } = useCopilotChat();
   const { addToast } = useToast();
-  const actionId = (0, import_shared11.dataToUUID)(JSON.stringify(action), "lgAction");
-  const hasAction = (0, import_react17.useMemo)(
+  const actionId = (0, import_shared12.dataToUUID)(JSON.stringify(action), "lgAction");
+  const hasAction = (0, import_react18.useMemo)(
     () => Boolean(langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.id),
     [langGraphInterruptAction]
   );
-  const isCurrentAction = (0, import_react17.useMemo)(
+  const isCurrentAction = (0, import_react18.useMemo)(
     () => (langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.id) && (langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.id) === actionId,
     [langGraphInterruptAction]
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     var _a2;
     if (hasAction && isCurrentAction && ((_a2 = langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.event) == null ? void 0 : _a2.response)) {
       runChatCompletion();
     }
   }, [(_a = langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.event) == null ? void 0 : _a.response, runChatCompletion, hasAction, isCurrentAction]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!action)
       return;
     if (hasAction && !isCurrentAction && !action.enabled) {
@@ -2301,10 +2385,10 @@ function useLangGraphInterrupt(action, dependencies) {
 }
 
 // src/hooks/use-copilot-additional-instructions.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 function useCopilotAdditionalInstructions({ instructions, available = "enabled" }, dependencies) {
   const { setAdditionalInstructions } = useCopilotContext();
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (available === "disabled")
       return;
     setAdditionalInstructions((prevInstructions) => [...prevInstructions || [], instructions]);
@@ -2326,6 +2410,8 @@ function useCopilotAdditionalInstructions({ instructions, available = "enabled"
   useCopilotAdditionalInstructions,
   useCopilotAuthenticatedAction_c,
   useCopilotChat,
+  useCopilotChatInternal,
+  useCopilotChatLight,
   useCopilotReadable,
   useCopilotRuntimeClient,
   useLangGraphInterrupt,