@copilotkit/react-core 1.5.1-next.2 → 1.5.1-next.3

package/dist/components/index.js

@@ -86,7 +86,7 @@ __export(components_exports, {
 module.exports = __toCommonJS(components_exports);
 
 // src/components/copilot-provider/copilotkit.tsx
-var import_react10 = require("react");
+var import_react8 = require("react");
 
 // src/context/copilot-context.tsx
 var import_react = __toESM(require("react"));
@@ -137,26 +137,14 @@ var emptyCopilotContext = {
   coagentStates: {},
   setCoagentStates: () => {
   },
-  coagentStatesRef: { current: {} },
-  setCoagentStatesWithRef: () => {
-  },
   agentSession: null,
   setAgentSession: () => {
-  },
-  forwardedParameters: {},
-  agentLock: null,
-  threadId: null,
-  setThreadId: () => {
-  },
-  runId: null,
-  setRunId: () => {
-  },
-  chatAbortControllerRef: { current: null },
-  availableAgents: []
+  }
 };
 var CopilotContext = import_react.default.createContext(emptyCopilotContext);
-function returnAndThrowInDebug(_value) {
+function returnAndThrowInDebug(value) {
   throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+  return value;
 }
 
 // src/hooks/use-tree.ts
@@ -389,9 +377,6 @@ function CopilotMessages(_a) {
 }
 
 // src/components/toast/toast-provider.tsx
-var import_react7 = require("react");
-
-// src/components/error-boundary/error-utils.tsx
 var import_react6 = require("react");
 
 // src/components/toast/exclamation-mark-icon.tsx
@@ -421,82 +406,11 @@ var ExclamationMarkIcon = ({
   }
 );
 
-// src/components/error-boundary/error-utils.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function ErrorToast({ errors }) {
-  const errorsToRender = errors.map((error, idx) => {
-    var _a, _b, _c;
-    const message = "extensions" in error ? (_b = (_a = error.extensions) == null ? void 0 : _a.originalError) == null ? void 0 : _b.message : error.message;
-    const code = "extensions" in error ? (_c = error.extensions) == null ? void 0 : _c.code : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      "div",
-      {
-        style: {
-          marginTop: idx === 0 ? 0 : 10,
-          marginBottom: 14
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ExclamationMarkIcon, { style: { marginBottom: 4 } }),
-          code && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-            "div",
-            {
-              style: {
-                fontWeight: "600",
-                marginBottom: 4
-              },
-              children: [
-                "Copilot Cloud Error:",
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontFamily: "monospace", fontWeight: "normal" }, children: code })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: message })
-        ]
-      },
-      idx
-    );
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    "div",
-    {
-      style: {
-        fontSize: "13px",
-        maxWidth: "600px"
-      },
-      children: [
-        errorsToRender,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: "11px", opacity: 0.75 }, children: "NOTE: This error only displays during local development." })
-      ]
-    }
-  );
-}
-function useErrorToast() {
-  const { addToast } = useToast();
-  return (0, import_react6.useCallback)(
-    (error) => {
-      const errorId = error.map((err) => {
-        var _a, _b;
-        const message = "extensions" in err ? ((_b = (_a = err.extensions) == null ? void 0 : _a.originalError) == null ? void 0 : _b.message) || err.message : err.message;
-        const stack = err.stack || "";
-        return btoa(message + stack).slice(0, 32);
-      }).join("|");
-      addToast({
-        type: "error",
-        id: errorId,
-        // Toast libraries typically dedupe by id
-        message: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ErrorToast, { errors: error })
-      });
-    },
-    [addToast]
-  );
-}
-
 // src/components/toast/toast-provider.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ToastContext = (0, import_react7.createContext)(void 0);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ToastContext = (0, import_react6.createContext)(void 0);
 function useToast() {
-  const context = (0, import_react7.useContext)(ToastContext);
+  const context = (0, import_react6.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -506,28 +420,68 @@ function ToastProvider({
   enabled,
   children
 }) {
-  const [toasts, setToasts] = (0, import_react7.useState)([]);
-  const addToast = (0, import_react7.useCallback)((toast) => {
-    var _a;
-    const id = (_a = toast.id) != null ? _a : Math.random().toString(36).substring(2, 9);
-    setToasts((currentToasts) => {
-      if (currentToasts.find((toast2) => toast2.id === id))
-        return currentToasts;
-      return [...currentToasts, __spreadProps(__spreadValues({}, toast), { id })];
-    });
+  const [toasts, setToasts] = (0, import_react6.useState)([]);
+  const addToast = (0, import_react6.useCallback)((toast) => {
+    const id = Math.random().toString(36).substring(2, 9);
+    setToasts((currentToasts) => [...currentToasts, __spreadProps(__spreadValues({}, toast), { id })]);
     if (toast.duration) {
       setTimeout(() => {
         removeToast(id);
       }, toast.duration);
     }
   }, []);
-  const addGraphQLErrorsToast = (0, import_react7.useCallback)((errors) => {
+  const addGraphQLErrorsToast = (0, import_react6.useCallback)((errors) => {
+    const errorsToRender = errors.map((error, idx) => {
+      var _a;
+      const message = error.message;
+      const code = (_a = error.extensions) == null ? void 0 : _a.code;
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "div",
+        {
+          style: {
+            marginTop: idx === 0 ? 0 : 10,
+            marginBottom: 14
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ExclamationMarkIcon, { style: { marginBottom: 4 } }),
+            code && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              "div",
+              {
+                style: {
+                  fontWeight: "600",
+                  marginBottom: 4
+                },
+                children: [
+                  "Copilot Cloud Error:",
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontFamily: "monospace", fontWeight: "normal" }, children: code })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: message })
+          ]
+        },
+        idx
+      );
+    });
     addToast({
       type: "error",
-      message: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ErrorToast, { errors })
+      message: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "div",
+        {
+          style: {
+            fontSize: "13px",
+            maxWidth: "600px"
+          },
+          children: [
+            errorsToRender,
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: "11px", opacity: 0.75 }, children: "NOTE: This is a Copilot Cloud error, and it only displays during local development." })
+          ]
+        }
+      )
     });
   }, []);
-  const removeToast = (0, import_react7.useCallback)((id) => {
+  const removeToast = (0, import_react6.useCallback)((id) => {
     setToasts((currentToasts) => currentToasts.filter((toast) => toast.id !== id));
   }, []);
   const value = {
@@ -537,8 +491,8 @@ function ToastProvider({
     removeToast,
     enabled
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(ToastContext.Provider, { value, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(ToastContext.Provider, { value, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -552,7 +506,7 @@ function ToastProvider({
           gap: "0.5rem"
         },
         children: [
-          toasts.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          toasts.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "button",
             {
               onClick: () => setToasts([]),
@@ -567,7 +521,7 @@ function ToastProvider({
               children: "Close All"
             }
           ) }),
-          toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             Toast,
             {
               message: toast.message,
@@ -593,21 +547,21 @@ function Toast({
     warning: "#eab308",
     error: "#ef4444"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       style: {
         backgroundColor: bgColors[type],
         color: "white",
-        padding: "0.5rem 1.5rem",
+        padding: "0.5rem 1rem",
         borderRadius: "0.25rem",
         boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
         position: "relative",
         minWidth: "200px"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: message }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             onClick: onClose,
@@ -632,17 +586,14 @@ function Toast({
 
 // src/hooks/use-copilot-runtime-client.ts
 var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
-var import_react8 = require("react");
+var import_react7 = require("react");
 var useCopilotRuntimeClient = (options) => {
   const { addGraphQLErrorsToast } = useToast();
-  const addErrorToast = useErrorToast();
-  const runtimeClient = (0, import_react8.useMemo)(() => {
+  const runtimeClient = (0, import_react7.useMemo)(() => {
     return new import_runtime_client_gql.CopilotRuntimeClient(__spreadProps(__spreadValues({}, options), {
       handleGQLErrors: (error) => {
         if (error.graphQLErrors.length) {
           addGraphQLErrorsToast(error.graphQLErrors);
-        } else {
-          addErrorToast([error]);
         }
       }
     }));
@@ -664,41 +615,13 @@ function getHostname() {
   return "";
 }
 
-// src/components/error-boundary/error-boundary.tsx
-var import_react9 = __toESM(require("react"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var CopilotErrorBoundary = class extends import_react9.default.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
-  }
-  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 });
-  }
-};
-function ErrorToast2({ error, children }) {
-  const addErrorToast = useErrorToast();
-  (0, import_react9.useEffect)(() => {
-    if (error) {
-      addErrorToast([error]);
-    }
-  }, [error, addErrorToast]);
-  return children;
-}
-
 // src/components/copilot-provider/copilotkit.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime4 = 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_runtime4.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children })) });
 }
 function CopilotKitInternal(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
@@ -708,50 +631,49 @@ function CopilotKitInternal(_a) {
     );
   }
   const chatApiEndpoint = props.runtimeUrl || import_shared3.COPILOT_CLOUD_CHAT_URL;
-  const [actions, setActions] = (0, import_react10.useState)({});
-  const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react10.useState)({});
-  const chatComponentsCache = (0, import_react10.useRef)({
+  const [actions, setActions] = (0, import_react8.useState)({});
+  const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react8.useState)({});
+  const chatComponentsCache = (0, import_react8.useRef)({
     actions: {},
     coAgentStateRenders: {}
   });
   const { addElement, removeElement, printTree } = use_tree_default();
-  const [isLoading, setIsLoading] = (0, import_react10.useState)(false);
-  const [chatInstructions, setChatInstructions] = (0, import_react10.useState)("");
-  const [authStates, setAuthStates] = (0, import_react10.useState)({});
+  const [isLoading, setIsLoading] = (0, import_react8.useState)(false);
+  const [chatInstructions, setChatInstructions] = (0, import_react8.useState)("");
   const {
     addElement: addDocument,
     removeElement: removeDocument,
     allElements: allDocuments
   } = use_flat_category_store_default();
-  const setAction = (0, import_react10.useCallback)((id, action) => {
+  const setAction = (0, import_react8.useCallback)((id, action) => {
     setActions((prevPoints) => {
       return __spreadProps(__spreadValues({}, prevPoints), {
         [id]: action
       });
     });
   }, []);
-  const removeAction = (0, import_react10.useCallback)((id) => {
+  const removeAction = (0, import_react8.useCallback)((id) => {
     setActions((prevPoints) => {
       const newPoints = __spreadValues({}, prevPoints);
       delete newPoints[id];
       return newPoints;
     });
   }, []);
-  const setCoAgentStateRender = (0, import_react10.useCallback)((id, stateRender) => {
+  const setCoAgentStateRender = (0, import_react8.useCallback)((id, stateRender) => {
     setCoAgentStateRenders((prevPoints) => {
       return __spreadProps(__spreadValues({}, prevPoints), {
         [id]: stateRender
       });
     });
   }, []);
-  const removeCoAgentStateRender = (0, import_react10.useCallback)((id) => {
+  const removeCoAgentStateRender = (0, import_react8.useCallback)((id) => {
     setCoAgentStateRenders((prevPoints) => {
       const newPoints = __spreadValues({}, prevPoints);
       delete newPoints[id];
       return newPoints;
     });
   }, []);
-  const getContextString = (0, import_react10.useCallback)(
+  const getContextString = (0, import_react8.useCallback)(
     (documents, categories) => {
       const documentsString = documents.map((document) => {
         return `${document.name} (${document.sourceApplication}):
@@ -764,37 +686,37 @@ ${nonDocumentStrings}`;
     },
     [printTree]
   );
-  const addContext = (0, import_react10.useCallback)(
+  const addContext = (0, import_react8.useCallback)(
     (context, parentId, categories = defaultCopilotContextCategories) => {
       return addElement(context, categories, parentId);
     },
     [addElement]
   );
-  const removeContext = (0, import_react10.useCallback)(
+  const removeContext = (0, import_react8.useCallback)(
     (id) => {
       removeElement(id);
     },
     [removeElement]
   );
-  const getFunctionCallHandler = (0, import_react10.useCallback)(
+  const getFunctionCallHandler = (0, import_react8.useCallback)(
     (customEntryPoints) => {
       return entryPointsToFunctionCallHandler(Object.values(customEntryPoints || actions));
     },
     [actions]
   );
-  const getDocumentsContext = (0, import_react10.useCallback)(
+  const getDocumentsContext = (0, import_react8.useCallback)(
     (categories) => {
       return allDocuments(categories);
     },
     [allDocuments]
   );
-  const addDocumentContext = (0, import_react10.useCallback)(
+  const addDocumentContext = (0, import_react8.useCallback)(
     (documentPointer, categories = defaultCopilotContextCategories) => {
       return addDocument(documentPointer, categories);
     },
     [addDocument]
   );
-  const removeDocumentContext = (0, import_react10.useCallback)(
+  const removeDocumentContext = (0, import_react8.useCallback)(
     (documentId) => {
       removeDocument(documentId);
     },
@@ -807,7 +729,7 @@ ${nonDocumentStrings}`;
       );
     }
   }
-  const copilotApiConfig = (0, import_react10.useMemo)(() => {
+  const copilotApiConfig = (0, import_react8.useMemo)(() => {
     var _a2, _b2;
     let cloud = void 0;
     if (props.publicApiKey) {
@@ -842,27 +764,14 @@ ${nonDocumentStrings}`;
     props.credentials,
     props.cloudRestrictToTopic
   ]);
-  const headers = (0, import_react10.useMemo)(() => {
-    const authHeaders = Object.values(authStates || {}).reduce((acc, state) => {
-      if (state.status === "authenticated" && state.authHeaders) {
-        return __spreadValues(__spreadValues({}, acc), Object.entries(state.authHeaders).reduce(
-          (headers2, [key, value]) => __spreadProps(__spreadValues({}, headers2), {
-            [key.startsWith("X-Custom-") ? key : `X-Custom-${key}`]: value
-          }),
-          {}
-        ));
-      }
-      return acc;
-    }, {});
-    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared3.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {}), authHeaders);
-  }, [copilotApiConfig.headers, copilotApiConfig.publicApiKey, authStates]);
+  const headers = __spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared3.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {});
   const runtimeClient = useCopilotRuntimeClient({
     url: copilotApiConfig.chatApiEndpoint,
     publicApiKey: copilotApiConfig.publicApiKey,
     headers,
     credentials: copilotApiConfig.credentials
   });
-  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react10.useState)({});
+  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react8.useState)({});
   const addChatSuggestionConfiguration = (id, suggestion) => {
     setChatSuggestionConfiguration((prev) => __spreadProps(__spreadValues({}, prev), { [id]: suggestion }));
   };
@@ -872,41 +781,16 @@ ${nonDocumentStrings}`;
       return rest;
     });
   };
-  const [availableAgents, setAvailableAgents] = (0, import_react10.useState)([]);
-  const [coagentStates, setCoagentStates] = (0, import_react10.useState)({});
-  const coagentStatesRef = (0, import_react10.useRef)({});
-  const setCoagentStatesWithRef = (0, import_react10.useCallback)(
-    (value) => {
-      const newValue = typeof value === "function" ? value(coagentStatesRef.current) : value;
-      coagentStatesRef.current = newValue;
-      setCoagentStates((prev) => {
-        return newValue;
-      });
-    },
-    []
-  );
-  (0, import_react10.useEffect)(() => {
-    const fetchData = () => __async(this, null, function* () {
-      var _a2;
-      const result = yield runtimeClient.availableAgents();
-      if ((_a2 = result.data) == null ? void 0 : _a2.availableAgents) {
-        setAvailableAgents(result.data.availableAgents.agents);
-      }
-    });
-    void fetchData();
-  }, []);
+  const [coagentStates, setCoagentStates] = (0, import_react8.useState)({});
   let initialAgentSession = null;
   if (props.agent) {
     initialAgentSession = {
       agentName: props.agent
     };
   }
-  const [agentSession, setAgentSession] = (0, import_react10.useState)(initialAgentSession);
-  const [threadId, setThreadId] = (0, import_react10.useState)(null);
-  const [runId, setRunId] = (0, import_react10.useState)(null);
-  const chatAbortControllerRef = (0, import_react10.useRef)(null);
+  const [agentSession, setAgentSession] = (0, import_react8.useState)(initialAgentSession);
   const showDevConsole = props.showDevConsole === void 0 ? "auto" : props.showDevConsole;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     CopilotContext.Provider,
     {
       value: {
@@ -935,24 +819,11 @@ ${nonDocumentStrings}`;
         showDevConsole,
         coagentStates,
         setCoagentStates,
-        coagentStatesRef,
-        setCoagentStatesWithRef,
         agentSession,
         setAgentSession,
-        runtimeClient,
-        forwardedParameters: props.forwardedParameters || {},
-        agentLock: props.agent || null,
-        threadId,
-        setThreadId,
-        runId,
-        setRunId,
-        chatAbortControllerRef,
-        availableAgents,
-        authConfig: props.authConfig,
-        authStates,
-        setAuthStates
+        runtimeClient
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CopilotMessages, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CopilotMessages, { children })
     }
   );
 }