@copilotkit/react-core 1.4.1-pre.5 → 1.4.1-pre.6

package/dist/index.js

@@ -87,6 +87,7 @@ __export(src_exports, {
   CopilotTask: () => CopilotTask,
   defaultCopilotContextCategories: () => defaultCopilotContextCategories,
   extract: () => extract,
+  shouldShowDevConsole: () => shouldShowDevConsole,
   useCoAgent: () => useCoAgent,
   useCoAgentStateRender: () => useCoAgentStateRender,
   useCopilotAction: () => useCopilotAction,
@@ -94,12 +95,13 @@ __export(src_exports, {
   useCopilotContext: () => useCopilotContext,
   useCopilotMessagesContext: () => useCopilotMessagesContext,
   useCopilotReadable: () => useCopilotReadable,
+  useCopilotRuntimeClient: () => useCopilotRuntimeClient,
   useMakeCopilotDocumentReadable: () => useMakeCopilotDocumentReadable
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/components/copilot-provider/copilotkit.tsx
-var import_react6 = require("react");
+var import_react8 = require("react");
 
 // src/context/copilot-context.tsx
 var import_react = __toESM(require("react"));
@@ -129,6 +131,7 @@ var emptyCopilotContext = {
   addDocumentContext: () => returnAndThrowInDebug(""),
   removeDocumentContext: () => {
   },
+  runtimeClient: {},
   copilotApiConfig: new class {
     get chatApiEndpoint() {
       throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
@@ -299,7 +302,7 @@ function setsHaveIntersection(setA, setB) {
 
 // src/components/copilot-provider/copilotkit.tsx
 var import_react_dom = require("react-dom");
-var import_shared3 = require("@copilotkit/shared");
+var import_shared4 = require("@copilotkit/shared");
 
 // src/hooks/use-flat-category-store.ts
 var import_react3 = require("react");
@@ -404,59 +407,437 @@ function CopilotMessages(_a) {
   );
 }
 
-// src/components/copilot-provider/copilotkit.tsx
+// src/components/toast/toast-provider.tsx
+var import_react6 = require("react");
+
+// src/components/toast/exclamation-mark-icon.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var ExclamationMarkIcon = ({
+  className,
+  style
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: `lucide lucide-circle-alert ${className ? className : ""}`,
+    style,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+    ]
+  }
+);
+
+// src/components/toast/toast-provider.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ToastContext = (0, import_react6.createContext)(void 0);
+function useToast() {
+  const context = (0, import_react6.useContext)(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
+function ToastProvider({
+  enabled,
+  children
+}) {
+  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_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_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_react6.useCallback)((id) => {
+    setToasts((currentToasts) => currentToasts.filter((toast) => toast.id !== id));
+  }, []);
+  const value = {
+    toasts,
+    addToast,
+    addGraphQLErrorsToast,
+    removeToast,
+    enabled
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(ToastContext.Provider, { value, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          bottom: "1rem",
+          left: "50%",
+          transform: "translateX(-50%)",
+          zIndex: 50,
+          display: "flex",
+          flexDirection: "column",
+          gap: "0.5rem"
+        },
+        children: [
+          toasts.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              onClick: () => setToasts([]),
+              style: {
+                padding: "4px 8px",
+                fontSize: "12px",
+                cursor: "pointer",
+                background: "white",
+                border: "1px solid rgba(0,0,0,0.2)",
+                borderRadius: "4px"
+              },
+              children: "Close All"
+            }
+          ) }),
+          toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            Toast,
+            {
+              message: toast.message,
+              type: toast.type,
+              onClose: () => removeToast(toast.id)
+            },
+            toast.id
+          ))
+        ]
+      }
+    ),
+    children
+  ] });
+}
+function Toast({
+  message,
+  type = "info",
+  onClose
+}) {
+  const bgColors = {
+    info: "#3b82f6",
+    success: "#22c55e",
+    warning: "#eab308",
+    error: "#ef4444"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      style: {
+        backgroundColor: bgColors[type],
+        color: "white",
+        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_runtime3.jsx)("div", { children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            onClick: onClose,
+            style: {
+              position: "absolute",
+              top: "0",
+              right: "0",
+              background: "none",
+              border: "none",
+              color: "white",
+              cursor: "pointer",
+              padding: "0.5rem",
+              fontSize: "1rem"
+            },
+            children: "\u2715"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/hooks/use-copilot-runtime-client.ts
+var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
+var import_react7 = require("react");
+var useCopilotRuntimeClient = (options) => {
+  const { addGraphQLErrorsToast } = useToast();
+  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);
+        }
+      }
+    }));
+  }, [options, addGraphQLErrorsToast]);
+  return runtimeClient;
+};
+
+// src/utils/extract.ts
+var import_shared3 = require("@copilotkit/shared");
+var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
+function extract(_0) {
+  return __async(this, arguments, function* ({
+    context,
+    instructions,
+    parameters,
+    include,
+    data,
+    abortSignal,
+    stream,
+    requestType = import_runtime_client_gql2.CopilotRequestType.Task
+  }) {
+    var _a, _b;
+    const { messages } = context;
+    const action = {
+      name: "extract",
+      description: instructions,
+      parameters,
+      handler: (args) => {
+      }
+    };
+    const includeReadable = (_a = include == null ? void 0 : include.readable) != null ? _a : false;
+    const includeMessages = (_b = include == null ? void 0 : include.messages) != null ? _b : false;
+    let contextString = "";
+    if (data) {
+      contextString = (typeof data === "string" ? data : JSON.stringify(data)) + "\n\n";
+    }
+    if (includeReadable) {
+      contextString += context.getContextString([], defaultCopilotContextCategories);
+    }
+    const systemMessage = new import_runtime_client_gql2.TextMessage({
+      content: makeSystemMessage(contextString, instructions),
+      role: import_runtime_client_gql2.Role.System
+    });
+    const instructionsMessage = new import_runtime_client_gql2.TextMessage({
+      content: makeInstructionsMessage(instructions),
+      role: import_runtime_client_gql2.Role.User
+    });
+    const response = context.runtimeClient.asStream(
+      context.runtimeClient.generateCopilotResponse({
+        data: {
+          frontend: {
+            actions: [
+              {
+                name: action.name,
+                description: action.description || "",
+                jsonSchema: JSON.stringify((0, import_shared3.actionParametersToJsonSchema)(action.parameters || []))
+              }
+            ],
+            url: window.location.href
+          },
+          messages: (0, import_runtime_client_gql3.convertMessagesToGqlInput)(
+            includeMessages ? [systemMessage, instructionsMessage, ...(0, import_runtime_client_gql3.filterAgentStateMessages)(messages)] : [systemMessage, instructionsMessage]
+          ),
+          metadata: {
+            requestType
+          },
+          forwardedParameters: {
+            toolChoice: "function",
+            toolChoiceFunctionName: action.name
+          }
+        },
+        properties: context.copilotApiConfig.properties,
+        signal: abortSignal
+      })
+    );
+    const reader = response.getReader();
+    let isInitial = true;
+    let actionExecutionMessage = void 0;
+    while (true) {
+      const { done, value } = yield reader.read();
+      if (done) {
+        break;
+      }
+      if (abortSignal == null ? void 0 : abortSignal.aborted) {
+        throw new Error("Aborted");
+      }
+      actionExecutionMessage = (0, import_runtime_client_gql2.convertGqlOutputToMessages)(
+        value.generateCopilotResponse.messages
+      ).find((msg) => msg.isActionExecutionMessage());
+      if (!actionExecutionMessage) {
+        continue;
+      }
+      stream == null ? void 0 : stream({
+        status: isInitial ? "initial" : "inProgress",
+        args: actionExecutionMessage.arguments
+      });
+      isInitial = false;
+    }
+    if (!actionExecutionMessage) {
+      throw new Error("extract() failed: No function call occurred");
+    }
+    stream == null ? void 0 : stream({
+      status: "complete",
+      args: actionExecutionMessage.arguments
+    });
+    return actionExecutionMessage.arguments;
+  });
+}
+function makeInstructionsMessage(instructions) {
+  return `
+The user has given you the following task to complete:
+
+\`\`\`
+${instructions}
+\`\`\`
+
+Any additional messages provided are for providing context only and should not be used to ask questions or engage in conversation.
+`;
+}
+function makeSystemMessage(contextString, instructions) {
+  return `
+Please act as an efficient, competent, conscientious, and industrious professional assistant.
+
+Help the user achieve their goals, and you do so in a way that is as efficient as possible, without unnecessary fluff, but also without sacrificing professionalism.
+Always be polite and respectful, and prefer brevity over verbosity.
+
+The user has provided you with the following context:
+\`\`\`
+${contextString}
+\`\`\`
+
+They have also provided you with a function called extract you MUST call to initiate actions on their behalf.
+
+Please assist them as best you can.
+
+This is not a conversation, so please do not ask questions. Just call the function without saying anything else.
+`;
+}
+
+// src/utils/dev-console.ts
+function shouldShowDevConsole(showDevConsole) {
+  if (typeof showDevConsole === "boolean") {
+    return showDevConsole;
+  }
+  return getHostname() === "localhost" || getHostname() === "127.0.0.1" || getHostname() === "0.0.0.0" || getHostname() === "::1";
+}
+function getHostname() {
+  if (typeof window !== "undefined" && window.location) {
+    return window.location.hostname;
+  }
+  return "";
+}
+
+// src/components/copilot-provider/copilotkit.tsx
+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_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"]);
   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_shared3.COPILOT_CLOUD_CHAT_URL;
-  const [actions, setActions] = (0, import_react6.useState)({});
-  const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react6.useState)({});
-  const chatComponentsCache = (0, import_react6.useRef)({
+  const chatApiEndpoint = props.runtimeUrl || import_shared4.COPILOT_CLOUD_CHAT_URL;
+  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_react6.useState)(false);
-  const [chatInstructions, setChatInstructions] = (0, import_react6.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_react6.useCallback)((id, action) => {
+  const setAction = (0, import_react8.useCallback)((id, action) => {
     setActions((prevPoints) => {
       return __spreadProps(__spreadValues({}, prevPoints), {
         [id]: action
       });
     });
   }, []);
-  const removeAction = (0, import_react6.useCallback)((id) => {
+  const removeAction = (0, import_react8.useCallback)((id) => {
     setActions((prevPoints) => {
       const newPoints = __spreadValues({}, prevPoints);
       delete newPoints[id];
       return newPoints;
     });
   }, []);
-  const setCoAgentStateRender = (0, import_react6.useCallback)((id, stateRender) => {
+  const setCoAgentStateRender = (0, import_react8.useCallback)((id, stateRender) => {
     setCoAgentStateRenders((prevPoints) => {
       return __spreadProps(__spreadValues({}, prevPoints), {
         [id]: stateRender
       });
     });
   }, []);
-  const removeCoAgentStateRender = (0, import_react6.useCallback)((id) => {
+  const removeCoAgentStateRender = (0, import_react8.useCallback)((id) => {
     setCoAgentStateRenders((prevPoints) => {
       const newPoints = __spreadValues({}, prevPoints);
       delete newPoints[id];
       return newPoints;
     });
   }, []);
-  const getContextString = (0, import_react6.useCallback)(
+  const getContextString = (0, import_react8.useCallback)(
     (documents, categories) => {
       const documentsString = documents.map((document) => {
         return `${document.name} (${document.sourceApplication}):
@@ -469,37 +850,37 @@ ${nonDocumentStrings}`;
     },
     [printTree]
   );
-  const addContext = (0, import_react6.useCallback)(
+  const addContext = (0, import_react8.useCallback)(
     (context, parentId, categories = defaultCopilotContextCategories) => {
       return addElement(context, categories, parentId);
     },
     [addElement]
   );
-  const removeContext = (0, import_react6.useCallback)(
+  const removeContext = (0, import_react8.useCallback)(
     (id) => {
       removeElement(id);
     },
     [removeElement]
   );
-  const getFunctionCallHandler = (0, import_react6.useCallback)(
+  const getFunctionCallHandler = (0, import_react8.useCallback)(
     (customEntryPoints) => {
       return entryPointsToFunctionCallHandler(Object.values(customEntryPoints || actions));
     },
     [actions]
   );
-  const getDocumentsContext = (0, import_react6.useCallback)(
+  const getDocumentsContext = (0, import_react8.useCallback)(
     (categories) => {
       return allDocuments(categories);
     },
     [allDocuments]
   );
-  const addDocumentContext = (0, import_react6.useCallback)(
+  const addDocumentContext = (0, import_react8.useCallback)(
     (documentPointer, categories = defaultCopilotContextCategories) => {
       return addDocument(documentPointer, categories);
     },
     [addDocument]
   );
-  const removeDocumentContext = (0, import_react6.useCallback)(
+  const removeDocumentContext = (0, import_react8.useCallback)(
     (documentId) => {
       removeDocument(documentId);
     },
@@ -512,7 +893,7 @@ ${nonDocumentStrings}`;
       );
     }
   }
-  const copilotApiConfig = (0, import_react6.useMemo)(() => {
+  const copilotApiConfig = (0, import_react8.useMemo)(() => {
     var _a2, _b2;
     let cloud = void 0;
     if (props.publicApiKey) {
@@ -547,7 +928,14 @@ ${nonDocumentStrings}`;
     props.credentials,
     props.cloudRestrictToTopic
   ]);
-  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react6.useState)({});
+  const headers = __spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared4.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_react8.useState)({});
   const addChatSuggestionConfiguration = (id, suggestion) => {
     setChatSuggestionConfiguration((prev) => __spreadProps(__spreadValues({}, prev), { [id]: suggestion }));
   };
@@ -557,15 +945,16 @@ ${nonDocumentStrings}`;
       return rest;
     });
   };
-  const [coagentStates, setCoagentStates] = (0, import_react6.useState)({});
+  const [coagentStates, setCoagentStates] = (0, import_react8.useState)({});
   let initialAgentSession = null;
   if (props.agent) {
     initialAgentSession = {
       agentName: props.agent
     };
   }
-  const [agentSession, setAgentSession] = (0, import_react6.useState)(initialAgentSession);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  const [agentSession, setAgentSession] = (0, import_react8.useState)(initialAgentSession);
+  const showDevConsole = props.showDevConsole === void 0 ? "auto" : props.showDevConsole;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     CopilotContext.Provider,
     {
       value: {
@@ -591,13 +980,14 @@ ${nonDocumentStrings}`;
         removeChatSuggestionConfiguration,
         chatInstructions,
         setChatInstructions,
-        showDevConsole: props.showDevConsole === void 0 ? "auto" : props.showDevConsole,
+        showDevConsole,
         coagentStates,
         setCoagentStates,
         agentSession,
-        setAgentSession
+        setAgentSession,
+        runtimeClient
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CopilotMessages, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CopilotMessages, { children })
     }
   );
 }
@@ -629,13 +1019,13 @@ function entryPointsToFunctionCallHandler(actions) {
 }
 
 // src/hooks/use-copilot-chat.ts
-var import_react8 = require("react");
-var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
+var import_react10 = require("react");
+var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
 
 // src/hooks/use-chat.ts
-var import_react7 = require("react");
-var import_shared4 = require("@copilotkit/shared");
-var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
+var import_react9 = require("react");
+var import_shared5 = require("@copilotkit/shared");
+var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 function useChat(options) {
   const {
     messages,
@@ -653,17 +1043,18 @@ function useChat(options) {
     agentSession,
     setAgentSession
   } = options;
-  const abortControllerRef = (0, import_react7.useRef)();
-  const threadIdRef = (0, import_react7.useRef)(null);
-  const runIdRef = (0, import_react7.useRef)(null);
-  const runChatCompletionRef = (0, import_react7.useRef)();
-  const coagentStatesRef = (0, import_react7.useRef)(coagentStates);
+  const abortControllerRef = (0, import_react9.useRef)();
+  const threadIdRef = (0, import_react9.useRef)(null);
+  const runIdRef = (0, import_react9.useRef)(null);
+  const { addGraphQLErrorsToast } = useToast();
+  const runChatCompletionRef = (0, import_react9.useRef)();
+  const coagentStatesRef = (0, import_react9.useRef)(coagentStates);
   coagentStatesRef.current = coagentStates;
-  const agentSessionRef = (0, import_react7.useRef)(agentSession);
+  const agentSessionRef = (0, import_react9.useRef)(agentSession);
   agentSessionRef.current = agentSession;
   const publicApiKey = copilotConfig.publicApiKey;
-  const headers = __spreadValues(__spreadValues({}, copilotConfig.headers || {}), publicApiKey ? { [import_shared4.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
-  const runtimeClient = new import_runtime_client_gql.CopilotRuntimeClient({
+  const headers = __spreadValues(__spreadValues({}, copilotConfig.headers || {}), publicApiKey ? { [import_shared5.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
+  const runtimeClient = useCopilotRuntimeClient({
     url: copilotConfig.chatApiEndpoint,
     publicApiKey: copilotConfig.publicApiKey,
     headers,
@@ -673,9 +1064,9 @@ function useChat(options) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     setIsLoading(true);
     let newMessages = [
-      new import_runtime_client_gql.TextMessage({
+      new import_runtime_client_gql4.TextMessage({
         content: "",
-        role: import_runtime_client_gql.Role.Assistant
+        role: import_runtime_client_gql4.Role.Assistant
       })
     ];
     const abortController = new AbortController();
@@ -683,25 +1074,25 @@ function useChat(options) {
     setMessages([...previousMessages, ...newMessages]);
     const systemMessage = makeSystemMessageCallback();
     const messagesWithContext = [systemMessage, ...initialMessages || [], ...previousMessages];
-    const stream = import_runtime_client_gql.CopilotRuntimeClient.asStream(
+    const stream = runtimeClient.asStream(
       runtimeClient.generateCopilotResponse({
         data: __spreadProps(__spreadValues(__spreadProps(__spreadValues({
           frontend: {
             actions: actions.filter(
-              (action) => action.available !== import_runtime_client_gql.ActionInputAvailability.Disabled || !action.disabled
+              (action) => action.available !== import_runtime_client_gql4.ActionInputAvailability.Disabled || !action.disabled
             ).map((action) => {
-              let available = import_runtime_client_gql.ActionInputAvailability.Enabled;
+              let available = import_runtime_client_gql4.ActionInputAvailability.Enabled;
               if (action.disabled) {
-                available = import_runtime_client_gql.ActionInputAvailability.Disabled;
+                available = import_runtime_client_gql4.ActionInputAvailability.Disabled;
               } else if (action.available === "disabled") {
-                available = import_runtime_client_gql.ActionInputAvailability.Disabled;
+                available = import_runtime_client_gql4.ActionInputAvailability.Disabled;
               } else if (action.available === "remote") {
-                available = import_runtime_client_gql.ActionInputAvailability.Remote;
+                available = import_runtime_client_gql4.ActionInputAvailability.Remote;
               }
               return {
                 name: action.name,
                 description: action.description || "",
-                jsonSchema: JSON.stringify((0, import_shared4.actionParametersToJsonSchema)(action.parameters || [])),
+                jsonSchema: JSON.stringify((0, import_shared5.actionParametersToJsonSchema)(action.parameters || [])),
                 available
               };
             }),
@@ -709,7 +1100,7 @@ function useChat(options) {
           },
           threadId: threadIdRef.current,
           runId: runIdRef.current,
-          messages: (0, import_runtime_client_gql.convertMessagesToGqlInput)((0, import_runtime_client_gql.filterAgentStateMessages)(messagesWithContext))
+          messages: (0, import_runtime_client_gql4.convertMessagesToGqlInput)((0, import_runtime_client_gql4.filterAgentStateMessages)(messagesWithContext))
         }, copilotConfig.cloud ? {
           cloud: __spreadValues({}, ((_c = (_b = (_a = copilotConfig.cloud.guardrails) == null ? void 0 : _a.input) == null ? void 0 : _b.restrictToTopic) == null ? void 0 : _c.enabled) ? {
             guardrails: {
@@ -721,7 +1112,7 @@ function useChat(options) {
           } : {})
         } : {}), {
           metadata: {
-            requestType: import_runtime_client_gql.CopilotRequestType.Chat
+            requestType: import_runtime_client_gql4.CopilotRequestType.Chat
           }
         }), agentSessionRef.current ? {
           agentSession: agentSessionRef.current
@@ -742,7 +1133,14 @@ function useChat(options) {
     let followUp = void 0;
     try {
       while (true) {
-        const { done, value } = yield reader.read();
+        let done, value;
+        try {
+          const readResult = yield reader.read();
+          done = readResult.done;
+          value = readResult.value;
+        } catch (readError) {
+          break;
+        }
         if (done) {
           break;
         }
@@ -751,8 +1149,8 @@ function useChat(options) {
         }
         threadIdRef.current = value.generateCopilotResponse.threadId || null;
         runIdRef.current = value.generateCopilotResponse.runId || null;
-        const messages2 = (0, import_runtime_client_gql.convertGqlOutputToMessages)(
-          (0, import_runtime_client_gql.filterAdjacentAgentStateMessages)(value.generateCopilotResponse.messages)
+        const messages2 = (0, import_runtime_client_gql4.convertGqlOutputToMessages)(
+          (0, import_runtime_client_gql4.filterAdjacentAgentStateMessages)(value.generateCopilotResponse.messages)
         );
         if (messages2.length === 0) {
           continue;
@@ -760,15 +1158,15 @@ function useChat(options) {
         newMessages = [];
         if (((_h = value.generateCopilotResponse.status) == null ? void 0 : _h.__typename) === "FailedResponseStatus" && value.generateCopilotResponse.status.reason === "GUARDRAILS_VALIDATION_FAILED") {
           newMessages = [
-            new import_runtime_client_gql.TextMessage({
-              role: import_runtime_client_gql.MessageRole.Assistant,
+            new import_runtime_client_gql4.TextMessage({
+              role: import_runtime_client_gql4.MessageRole.Assistant,
               content: ((_i = value.generateCopilotResponse.status.details) == null ? void 0 : _i.guardrailsReason) || ""
             })
           ];
         } else {
           for (const message of messages2) {
             newMessages.push(message);
-            if (message.isActionExecutionMessage() && message.status.code !== import_runtime_client_gql.MessageStatusCode.Pending && message.scope === "client" && onFunctionCall) {
+            if (message.isActionExecutionMessage() && message.status.code !== import_runtime_client_gql4.MessageStatusCode.Pending && message.scope === "client" && onFunctionCall) {
               if (!(message.id in actionResults)) {
                 if (guardrailsEnabled && value.generateCopilotResponse.status === void 0) {
                   break;
@@ -791,8 +1189,8 @@ function useChat(options) {
                 }
               }
               newMessages.push(
-                new import_runtime_client_gql.ResultMessage({
-                  result: import_runtime_client_gql.ResultMessage.encodeResult(actionResults[message.id]),
+                new import_runtime_client_gql4.ResultMessage({
+                  result: import_runtime_client_gql4.ResultMessage.encodeResult(actionResults[message.id]),
                   actionExecutionId: message.id,
                   actionName: message.name
                 })
@@ -911,21 +1309,21 @@ function useCopilotChat(_a = {}) {
   } = useCopilotContext();
   const { messages, setMessages } = useCopilotMessagesContext();
   const latestGetContextString = useUpdatedRef(getContextString);
-  const deleteMessage = (0, import_react8.useCallback)(
+  const deleteMessage = (0, import_react10.useCallback)(
     (messageId) => {
       setMessages((prev) => prev.filter((message) => message.id !== messageId));
     },
     [setMessages]
   );
-  const makeSystemMessageCallback = (0, import_react8.useCallback)(() => {
+  const makeSystemMessageCallback = (0, import_react10.useCallback)(() => {
     const systemMessageMaker = makeSystemMessage2 || defaultSystemMessage;
     const contextString = latestGetContextString.current([], defaultCopilotContextCategories);
-    return new import_runtime_client_gql2.TextMessage({
+    return new import_runtime_client_gql5.TextMessage({
       content: systemMessageMaker(contextString, chatInstructions),
-      role: import_runtime_client_gql2.Role.System
+      role: import_runtime_client_gql5.Role.System
     });
   }, [getContextString, makeSystemMessage2, chatInstructions]);
-  const onCoAgentStateRender = (0, import_react8.useCallback)(
+  const onCoAgentStateRender = (0, import_react10.useCallback)(
     (args) => __async(this, null, function* () {
       var _a2;
       const { name, nodeName, state } = args;
@@ -960,29 +1358,29 @@ function useCopilotChat(_a = {}) {
     setAgentSession
   }));
   const latestAppend = useUpdatedRef(append);
-  const latestAppendFunc = (0, import_react8.useCallback)(
+  const latestAppendFunc = (0, import_react10.useCallback)(
     (message) => {
       return latestAppend.current(message);
     },
     [latestAppend]
   );
   const latestReload = useUpdatedRef(reload);
-  const latestReloadFunc = (0, import_react8.useCallback)(() => {
+  const latestReloadFunc = (0, import_react10.useCallback)(() => {
     return latestReload.current();
   }, [latestReload]);
   const latestStop = useUpdatedRef(stop);
-  const latestStopFunc = (0, import_react8.useCallback)(() => {
+  const latestStopFunc = (0, import_react10.useCallback)(() => {
     return latestStop.current();
   }, [latestStop]);
   const latestDelete = useUpdatedRef(deleteMessage);
-  const latestDeleteFunc = (0, import_react8.useCallback)(
+  const latestDeleteFunc = (0, import_react10.useCallback)(
     (messageId) => {
       return latestDelete.current(messageId);
     },
     [latestDelete]
   );
   const latestSetMessages = useUpdatedRef(setMessages);
-  const latestSetMessagesFunc = (0, import_react8.useCallback)(
+  const latestSetMessagesFunc = (0, import_react10.useCallback)(
     (messages2) => {
       return latestSetMessages.current(messages2);
     },
@@ -999,8 +1397,8 @@ function useCopilotChat(_a = {}) {
   };
 }
 function useUpdatedRef(value) {
-  const ref = (0, import_react8.useRef)(value);
-  (0, import_react8.useEffect)(() => {
+  const ref = (0, import_react10.useRef)(value);
+  (0, import_react10.useEffect)(() => {
     ref.current = value;
   }, [value]);
   return ref;
@@ -1030,12 +1428,12 @@ ${additionalInstructions}` : "");
 }
 
 // src/hooks/use-copilot-action.ts
-var import_shared5 = require("@copilotkit/shared");
-var import_react9 = require("react");
+var import_shared6 = require("@copilotkit/shared");
+var import_react11 = require("react");
 function useCopilotAction(action, dependencies) {
   const { setAction, removeAction, actions, chatComponentsCache } = useCopilotContext();
-  const idRef = (0, import_react9.useRef)((0, import_shared5.randomId)());
-  const renderAndWaitRef = (0, import_react9.useRef)(null);
+  const idRef = (0, import_react11.useRef)((0, import_shared6.randomId)());
+  const renderAndWaitRef = (0, import_react11.useRef)(null);
   action = __spreadValues({}, action);
   if (action.renderAndWait || action.renderAndWaitForResponse) {
     const renderAndWait = action.renderAndWait || action.renderAndWaitForResponse;
@@ -1070,7 +1468,7 @@ function useCopilotAction(action, dependencies) {
           return renderAndWait(waitProps);
         }
       }
-      return (0, import_react9.createElement)(import_react9.Fragment);
+      return (0, import_react11.createElement)(import_react11.Fragment);
     };
   }
   if (dependencies === void 0) {
@@ -1083,7 +1481,7 @@ function useCopilotAction(action, dependencies) {
       }
     }
   }
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     setAction(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
       chatComponentsCache.current.actions[action.name] = action.render;
@@ -1109,16 +1507,16 @@ function useCopilotAction(action, dependencies) {
 }
 
 // src/hooks/use-coagent-state-render.ts
-var import_react10 = require("react");
-var import_shared6 = require("@copilotkit/shared");
+var import_react12 = require("react");
+var import_shared7 = require("@copilotkit/shared");
 function useCoAgentStateRender(action, dependencies) {
   const {
     setCoAgentStateRender,
     removeCoAgentStateRender,
     coAgentStateRenders,
     chatComponentsCache
-  } = (0, import_react10.useContext)(CopilotContext);
-  const idRef = (0, import_react10.useRef)((0, import_shared6.randomId)());
+  } = (0, import_react12.useContext)(CopilotContext);
+  const idRef = (0, import_react12.useRef)((0, import_shared7.randomId)());
   const key = `${action.name}-${action.nodeName || "global"}`;
   if (dependencies === void 0) {
     if (coAgentStateRenders[idRef.current]) {
@@ -1130,7 +1528,7 @@ function useCoAgentStateRender(action, dependencies) {
       }
     }
   }
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     setCoAgentStateRender(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
       chatComponentsCache.current.coAgentStateRenders[key] = action.render;
@@ -1150,11 +1548,11 @@ function useCoAgentStateRender(action, dependencies) {
 }
 
 // src/hooks/use-make-copilot-document-readable.ts
-var import_react11 = require("react");
+var import_react13 = require("react");
 function useMakeCopilotDocumentReadable(document, categories, dependencies = []) {
   const { addDocumentContext, removeDocumentContext } = useCopilotContext();
-  const idRef = (0, import_react11.useRef)();
-  (0, import_react11.useEffect)(() => {
+  const idRef = (0, import_react13.useRef)();
+  (0, import_react13.useEffect)(() => {
     const id = addDocumentContext(document, categories);
     idRef.current = id;
     return () => {
@@ -1165,16 +1563,16 @@ function useMakeCopilotDocumentReadable(document, categories, dependencies = [])
 }
 
 // src/hooks/use-copilot-readable.ts
-var import_react12 = require("react");
+var import_react14 = require("react");
 function convertToJSON(description, value) {
   return `${description}: ${typeof value === "string" ? value : JSON.stringify(value)}`;
 }
 function useCopilotReadable({ description, value, parentId, categories, convert }, dependencies) {
   const { addContext, removeContext } = useCopilotContext();
-  const idRef = (0, import_react12.useRef)();
+  const idRef = (0, import_react14.useRef)();
   convert = convert || convertToJSON;
   const information = convert(description, value);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const id = addContext(information, parentId, categories);
     idRef.current = id;
     return () => {
@@ -1185,7 +1583,7 @@ function useCopilotReadable({ description, value, parentId, categories, convert
 }
 
 // src/hooks/use-coagent.ts
-var import_react13 = require("react");
+var import_react15 = require("react");
 function useCoAgent(options) {
   const isExternalStateManagement = (options2) => {
     return "state" in options2 && "setState" in options2;
@@ -1227,7 +1625,7 @@ function useCoAgent(options) {
   };
   const coagentState = getCoagentState(coagentStates, name);
   const state = isExternalStateManagement(options) ? options.state : coagentState.state;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (isExternalStateManagement(options)) {
       setState(options.state);
     } else if (coagentStates[name] === void 0) {
@@ -1292,8 +1690,8 @@ function runAgent(name, context, appendMessage, hint) {
 }
 
 // src/lib/copilot-task.ts
-var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
-var import_shared7 = require("@copilotkit/shared");
+var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
+var import_shared8 = require("@copilotkit/shared");
 var CopilotTask = class {
   constructor(config) {
     this.instructions = config.instructions;
@@ -1320,12 +1718,12 @@ var CopilotTask = class {
       if (this.includeCopilotReadable) {
         contextString += context.getContextString([], defaultCopilotContextCategories);
       }
-      const systemMessage = new import_runtime_client_gql3.TextMessage({
+      const systemMessage = new import_runtime_client_gql6.TextMessage({
         content: taskSystemMessage(contextString, this.instructions),
-        role: import_runtime_client_gql3.Role.System
+        role: import_runtime_client_gql6.Role.System
       });
       const messages = [systemMessage];
-      const runtimeClient = new import_runtime_client_gql3.CopilotRuntimeClient({
+      const runtimeClient = new import_runtime_client_gql6.CopilotRuntimeClient({
         url: context.copilotApiConfig.chatApiEndpoint,
         publicApiKey: context.copilotApiConfig.publicApiKey,
         headers: context.copilotApiConfig.headers,
@@ -1337,13 +1735,13 @@ var CopilotTask = class {
             actions: Object.values(actions).map((action) => ({
               name: action.name,
               description: action.description || "",
-              jsonSchema: JSON.stringify((0, import_shared7.actionParametersToJsonSchema)(action.parameters || []))
+              jsonSchema: JSON.stringify((0, import_shared8.actionParametersToJsonSchema)(action.parameters || []))
             })),
             url: window.location.href
           },
-          messages: (0, import_runtime_client_gql3.convertMessagesToGqlInput)((0, import_runtime_client_gql3.filterAgentStateMessages)(messages)),
+          messages: (0, import_runtime_client_gql6.convertMessagesToGqlInput)((0, import_runtime_client_gql6.filterAgentStateMessages)(messages)),
           metadata: {
-            requestType: import_runtime_client_gql3.CopilotRequestType.Task
+            requestType: import_runtime_client_gql6.CopilotRequestType.Task
           },
           forwardedParameters: {
             toolChoice: "required"
@@ -1352,7 +1750,7 @@ var CopilotTask = class {
         properties: context.copilotApiConfig.properties
       }).toPromise();
       const functionCallHandler = context.getFunctionCallHandler(actions);
-      const functionCalls = (0, import_runtime_client_gql3.convertGqlOutputToMessages)(
+      const functionCalls = (0, import_runtime_client_gql6.convertGqlOutputToMessages)(
         ((_b = (_a = response.data) == null ? void 0 : _a.generateCopilotResponse) == null ? void 0 : _b.messages) || []
       ).filter((m) => m.isActionExecutionMessage());
       for (const functionCall of functionCalls) {
@@ -1390,147 +1788,6 @@ ${instructions}
 \`\`\`
 `;
 }
-
-// src/utils/extract.ts
-var import_shared8 = require("@copilotkit/shared");
-var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
-var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
-var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
-function extract(_0) {
-  return __async(this, arguments, function* ({
-    context,
-    instructions,
-    parameters,
-    include,
-    data,
-    abortSignal,
-    stream,
-    requestType = import_runtime_client_gql4.CopilotRequestType.Task
-  }) {
-    var _a, _b;
-    const { messages } = context;
-    const action = {
-      name: "extract",
-      description: instructions,
-      parameters,
-      handler: (args) => {
-      }
-    };
-    const includeReadable = (_a = include == null ? void 0 : include.readable) != null ? _a : false;
-    const includeMessages = (_b = include == null ? void 0 : include.messages) != null ? _b : false;
-    let contextString = "";
-    if (data) {
-      contextString = (typeof data === "string" ? data : JSON.stringify(data)) + "\n\n";
-    }
-    if (includeReadable) {
-      contextString += context.getContextString([], defaultCopilotContextCategories);
-    }
-    const systemMessage = new import_runtime_client_gql4.TextMessage({
-      content: makeSystemMessage(contextString, instructions),
-      role: import_runtime_client_gql4.Role.System
-    });
-    const instructionsMessage = new import_runtime_client_gql4.TextMessage({
-      content: makeInstructionsMessage(instructions),
-      role: import_runtime_client_gql4.Role.User
-    });
-    const headers = __spreadValues(__spreadValues({}, context.copilotApiConfig.headers || {}), context.copilotApiConfig.publicApiKey ? { [import_shared8.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: context.copilotApiConfig.publicApiKey } : {});
-    const runtimeClient = new import_runtime_client_gql5.CopilotRuntimeClient({
-      url: context.copilotApiConfig.chatApiEndpoint,
-      publicApiKey: context.copilotApiConfig.publicApiKey,
-      headers,
-      credentials: context.copilotApiConfig.credentials
-    });
-    const response = import_runtime_client_gql5.CopilotRuntimeClient.asStream(
-      runtimeClient.generateCopilotResponse({
-        data: {
-          frontend: {
-            actions: [
-              {
-                name: action.name,
-                description: action.description || "",
-                jsonSchema: JSON.stringify((0, import_shared8.actionParametersToJsonSchema)(action.parameters || []))
-              }
-            ],
-            url: window.location.href
-          },
-          messages: (0, import_runtime_client_gql6.convertMessagesToGqlInput)(
-            includeMessages ? [systemMessage, instructionsMessage, ...(0, import_runtime_client_gql6.filterAgentStateMessages)(messages)] : [systemMessage, instructionsMessage]
-          ),
-          metadata: {
-            requestType
-          },
-          forwardedParameters: {
-            toolChoice: "function",
-            toolChoiceFunctionName: action.name
-          }
-        },
-        properties: context.copilotApiConfig.properties,
-        signal: abortSignal
-      })
-    );
-    const reader = response.getReader();
-    let isInitial = true;
-    let actionExecutionMessage = void 0;
-    while (true) {
-      const { done, value } = yield reader.read();
-      if (done) {
-        break;
-      }
-      if (abortSignal == null ? void 0 : abortSignal.aborted) {
-        throw new Error("Aborted");
-      }
-      actionExecutionMessage = (0, import_runtime_client_gql4.convertGqlOutputToMessages)(
-        value.generateCopilotResponse.messages
-      ).find((msg) => msg.isActionExecutionMessage());
-      if (!actionExecutionMessage) {
-        continue;
-      }
-      stream == null ? void 0 : stream({
-        status: isInitial ? "initial" : "inProgress",
-        args: actionExecutionMessage.arguments
-      });
-      isInitial = false;
-    }
-    if (!actionExecutionMessage) {
-      throw new Error("extract() failed: No function call occurred");
-    }
-    stream == null ? void 0 : stream({
-      status: "complete",
-      args: actionExecutionMessage.arguments
-    });
-    return actionExecutionMessage.arguments;
-  });
-}
-function makeInstructionsMessage(instructions) {
-  return `
-The user has given you the following task to complete:
-
-\`\`\`
-${instructions}
-\`\`\`
-
-Any additional messages provided are for providing context only and should not be used to ask questions or engage in conversation.
-`;
-}
-function makeSystemMessage(contextString, instructions) {
-  return `
-Please act as an efficient, competent, conscientious, and industrious professional assistant.
-
-Help the user achieve their goals, and you do so in a way that is as efficient as possible, without unnecessary fluff, but also without sacrificing professionalism.
-Always be polite and respectful, and prefer brevity over verbosity.
-
-The user has provided you with the following context:
-\`\`\`
-${contextString}
-\`\`\`
-
-They have also provided you with a function called extract you MUST call to initiate actions on their behalf.
-
-Please assist them as best you can.
-
-This is not a conversation, so please do not ask questions. Just call the function without saying anything else.
-`;
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CopilotContext,
@@ -1539,6 +1796,7 @@ This is not a conversation, so please do not ask questions. Just call the functi
   CopilotTask,
   defaultCopilotContextCategories,
   extract,
+  shouldShowDevConsole,
   useCoAgent,
   useCoAgentStateRender,
   useCopilotAction,
@@ -1546,6 +1804,7 @@ This is not a conversation, so please do not ask questions. Just call the functi
   useCopilotContext,
   useCopilotMessagesContext,
   useCopilotReadable,
+  useCopilotRuntimeClient,
   useMakeCopilotDocumentReadable
 });
 //# sourceMappingURL=index.js.map