@copilotkit/react-ui 1.8.5-next.1 → 1.8.5-next.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # ui
 
+## 1.8.5-next.2
+
+### Patch Changes
+
+- 4b5452d: - feat: add powered-by-copilotkit watermark
+  - @copilotkit/react-core@1.8.5-next.2
+  - @copilotkit/runtime-client-gql@1.8.5-next.2
+  - @copilotkit/shared@1.8.5-next.2
+
 ## 1.8.5-next.1
 
 ### Patch Changes

package/dist/{chunk-4TWPMWD4.mjs → chunk-GOAED4H6.mjs}

@@ -1,6 +1,6 @@
 import {
   Window
-} from "./chunk-P7S3E5UW.mjs";
+} from "./chunk-HIORSNVD.mjs";
 import {
   Header
 } from "./chunk-2OTVZXDX.mjs";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-YOEL33HG.mjs";
 import {
   CopilotChat
-} from "./chunk-MYUOPOIL.mjs";
+} from "./chunk-ZLRUNNS7.mjs";
 import {
   UserMessage
 } from "./chunk-HEIDCT7I.mjs";
@@ -103,4 +103,4 @@ var CopilotModal = ({
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-4TWPMWD4.mjs.map
+//# sourceMappingURL=chunk-GOAED4H6.mjs.map

package/dist/{chunk-P7S3E5UW.mjs → chunk-HIORSNVD.mjs}

@@ -1,25 +1,31 @@
 import {
   useChatContext
 } from "./chunk-UN2E3HCK.mjs";
+import {
+  useDarkMode
+} from "./chunk-JGMFJZMG.mjs";
 
 // src/components/chat/Window.tsx
 import React, { useCallback, useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
+import { useCopilotContext } from "@copilotkit/react-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Window = ({
   children,
   clickOutsideToClose,
   shortcut,
   hitEscapeToClose
 }) => {
+  var _a;
   const windowRef = React.useRef(null);
+  const context = useCopilotContext();
   const { open, setOpen } = useChatContext();
   const handleClickOutside = useCallback(
     (event) => {
-      var _a;
+      var _a2;
       if (!clickOutsideToClose) {
         return;
       }
-      const parentElement = (_a = windowRef.current) == null ? void 0 : _a.parentElement;
+      const parentElement = (_a2 = windowRef.current) == null ? void 0 : _a2.parentElement;
       let className = "";
       if (event.target instanceof HTMLElement) {
         className = event.target.className;
@@ -33,10 +39,10 @@ var Window = ({
   );
   const handleKeyDown = useCallback(
     (event) => {
-      var _a;
+      var _a2;
       const target = event.target;
       const isInput = target.tagName === "INPUT" || target.tagName === "SELECT" || target.tagName === "TEXTAREA" || target.isContentEditable;
-      const isDescendantOfWrapper = (_a = windowRef.current) == null ? void 0 : _a.contains(target);
+      const isDescendantOfWrapper = (_a2 = windowRef.current) == null ? void 0 : _a2.contains(target);
       if (open && event.key === "Escape" && (!isInput || isDescendantOfWrapper) && hitEscapeToClose) {
         setOpen(false);
       } else if (event.key === shortcut && (isMacOS() && event.metaKey || !isMacOS() && event.ctrlKey) && (!isInput || isDescendantOfWrapper)) {
@@ -91,7 +97,29 @@ var Window = ({
       }
     };
   }, [adjustForMobile, handleClickOutside, handleKeyDown]);
-  return /* @__PURE__ */ jsx("div", { className: `copilotKitWindow${open ? " open" : ""}`, ref: windowRef, children });
+  const isDark = useDarkMode();
+  const showPoweredBy = !((_a = context.copilotApiConfig) == null ? void 0 : _a.publicApiKey);
+  const poweredByStyle = {
+    visibility: "visible",
+    display: "block",
+    position: "static",
+    textAlign: "center",
+    fontSize: "12px",
+    padding: "3px 0",
+    color: isDark ? "rgb(69, 69, 69)" : "rgb(214, 214, 214)"
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `copilotKitWindow ${showPoweredBy ? " poweredByContainer" : ""} ${open ? " open" : ""}`,
+      ref: windowRef,
+      children: [
+        children,
+        showPoweredBy && // @ts-expect-error -- expecting position not to be a string, but it can be.
+        /* @__PURE__ */ jsx("p", { className: "poweredBy", style: poweredByStyle, children: "Powered by CopilotKit" })
+      ]
+    }
+  );
 };
 var preventScroll = (event) => {
   let targetElement = event.target;
@@ -115,4 +143,4 @@ function isMacOS() {
 export {
   Window
 };
-//# sourceMappingURL=chunk-P7S3E5UW.mjs.map
+//# sourceMappingURL=chunk-HIORSNVD.mjs.map

package/dist/chunk-HIORSNVD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Window.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport { WindowProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { useDarkMode } from \"../../hooks/use-dark-mode\";\n\nexport const Window = ({\n  children,\n  clickOutsideToClose,\n  shortcut,\n  hitEscapeToClose,\n}: WindowProps) => {\n  const windowRef = React.useRef<HTMLDivElement>(null);\n  const context = useCopilotContext();\n\n  const { open, setOpen } = useChatContext();\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (!clickOutsideToClose) {\n        return;\n      }\n\n      const parentElement = windowRef.current?.parentElement;\n\n      let className = \"\";\n      if (event.target instanceof HTMLElement) {\n        className = event.target.className;\n      }\n\n      if (\n        open &&\n        parentElement &&\n        !parentElement.contains(event.target as any) &&\n        // prevent closing the window when clicking on the debug menu\n        !className.includes(\"copilotKitDebugMenu\")\n      ) {\n        setOpen(false);\n      }\n    },\n    [clickOutsideToClose, open, setOpen],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      const target = event.target as HTMLElement;\n      const isInput =\n        target.tagName === \"INPUT\" ||\n        target.tagName === \"SELECT\" ||\n        target.tagName === \"TEXTAREA\" ||\n        target.isContentEditable;\n\n      const isDescendantOfWrapper = windowRef.current?.contains(target);\n\n      if (\n        open &&\n        event.key === \"Escape\" &&\n        (!isInput || isDescendantOfWrapper) &&\n        hitEscapeToClose\n      ) {\n        setOpen(false);\n      } else if (\n        event.key === shortcut &&\n        ((isMacOS() && event.metaKey) || (!isMacOS() && event.ctrlKey)) &&\n        (!isInput || isDescendantOfWrapper)\n      ) {\n        setOpen(!open);\n      }\n    },\n    [hitEscapeToClose, shortcut, open, setOpen],\n  );\n\n  const adjustForMobile = useCallback(() => {\n    const copilotKitWindow = windowRef.current;\n    const vv = window.visualViewport;\n    if (!copilotKitWindow || !vv) {\n      return;\n    }\n\n    if (window.innerWidth < 640 && open) {\n      copilotKitWindow.style.height = `${vv.height}px`;\n      copilotKitWindow.style.left = `${vv.offsetLeft}px`;\n      copilotKitWindow.style.top = `${vv.offsetTop}px`;\n\n      document.body.style.position = \"fixed\";\n      document.body.style.width = \"100%\";\n      document.body.style.height = `${window.innerHeight}px`;\n      document.body.style.overflow = \"hidden\";\n      document.body.style.touchAction = \"none\";\n\n      // Prevent scrolling on iOS\n      document.body.addEventListener(\"touchmove\", preventScroll, {\n        passive: false,\n      });\n    } else {\n      copilotKitWindow.style.height = \"\";\n      copilotKitWindow.style.left = \"\";\n      copilotKitWindow.style.top = \"\";\n      document.body.style.position = \"\";\n      document.body.style.height = \"\";\n      document.body.style.width = \"\";\n      document.body.style.overflow = \"\";\n      document.body.style.top = \"\";\n      document.body.style.touchAction = \"\";\n\n      document.body.removeEventListener(\"touchmove\", preventScroll);\n    }\n  }, [open]);\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleKeyDown);\n    if (window.visualViewport) {\n      window.visualViewport.addEventListener(\"resize\", adjustForMobile);\n      adjustForMobile();\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleKeyDown);\n      if (window.visualViewport) {\n        window.visualViewport.removeEventListener(\"resize\", adjustForMobile);\n      }\n    };\n  }, [adjustForMobile, handleClickOutside, handleKeyDown]);\n\n  const isDark = useDarkMode();\n\n  const showPoweredBy = !context.copilotApiConfig?.publicApiKey;\n  const poweredByStyle = {\n    visibility: \"visible\",\n    display: \"block\",\n    position: \"static\",\n    textAlign: \"center\",\n    fontSize: \"12px\",\n    padding: \"3px 0\",\n    color: isDark ? \"rgb(69, 69, 69)\" : \"rgb(214, 214, 214)\",\n  };\n\n  return (\n    <div\n      className={`copilotKitWindow ${showPoweredBy ? \" poweredByContainer\" : \"\"} ${open ? \" open\" : \"\"}`}\n      ref={windowRef}\n    >\n      {children}\n      {showPoweredBy && (\n        // @ts-expect-error -- expecting position not to be a string, but it can be.\n        <p className=\"poweredBy\" style={poweredByStyle}>\n          Powered by CopilotKit\n        </p>\n      )}\n    </div>\n  );\n};\n\nconst preventScroll = (event: TouchEvent): void => {\n  let targetElement = event.target as Element;\n\n  // Function to check if the target has the parent with a given class\n  const hasParentWithClass = (element: Element, className: string): boolean => {\n    while (element && element !== document.body) {\n      if (element.classList.contains(className)) {\n        return true;\n      }\n      element = element.parentElement!;\n    }\n    return false;\n  };\n\n  // Check if the target of the touch event is inside an element with the 'copilotKitMessages' class\n  if (!hasParentWithClass(targetElement, \"copilotKitMessages\")) {\n    event.preventDefault();\n  }\n};\n\nfunction isMacOS() {\n  return /Mac|iMac|Macintosh/i.test(navigator.userAgent);\n}\n"],"mappings":"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","names":["_a"]}

package/dist/chunk-JGMFJZMG.mjs

@@ -0,0 +1,11 @@
+// src/hooks/use-dark-mode.ts
+var useDarkMode = () => {
+  if (typeof window === "undefined")
+    return false;
+  return document.documentElement.classList.contains("dark") || document.body.classList.contains("dark") || document.documentElement.getAttribute("data-theme") === "dark" || document.body.getAttribute("data-theme") === "dark" || window.matchMedia("(prefers-color-scheme: dark)").matches;
+};
+
+export {
+  useDarkMode
+};
+//# sourceMappingURL=chunk-JGMFJZMG.mjs.map

package/dist/chunk-JGMFJZMG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-dark-mode.ts"],"sourcesContent":["export const useDarkMode = () => {\n  if (typeof window === \"undefined\") return false;\n  return (\n    document.documentElement.classList.contains(\"dark\") ||\n    document.body.classList.contains(\"dark\") ||\n    document.documentElement.getAttribute(\"data-theme\") === \"dark\" ||\n    document.body.getAttribute(\"data-theme\") === \"dark\" ||\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n  );\n};\n"],"mappings":";AAAO,IAAM,cAAc,MAAM;AAC/B,MAAI,OAAO,WAAW;AAAa,WAAO;AAC1C,SACE,SAAS,gBAAgB,UAAU,SAAS,MAAM,KAClD,SAAS,KAAK,UAAU,SAAS,MAAM,KACvC,SAAS,gBAAgB,aAAa,YAAY,MAAM,UACxD,SAAS,KAAK,aAAa,YAAY,MAAM,UAC7C,OAAO,WAAW,8BAA8B,EAAE;AAEtD;","names":[]}

package/dist/{chunk-6QV7AIIG.mjs → chunk-SMJ3QQCE.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-4TWPMWD4.mjs";
+} from "./chunk-GOAED4H6.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-6QV7AIIG.mjs.map
+//# sourceMappingURL=chunk-SMJ3QQCE.mjs.map

package/dist/{chunk-U6ISBBRF.mjs → chunk-X6EFGEBJ.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-4TWPMWD4.mjs";
+} from "./chunk-GOAED4H6.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-U6ISBBRF.mjs.map
+//# sourceMappingURL=chunk-X6EFGEBJ.mjs.map

package/dist/{chunk-MYUOPOIL.mjs → chunk-ZLRUNNS7.mjs}

@@ -1,3 +1,6 @@
+import {
+  RenderAgentStateMessage
+} from "./chunk-Q2YY2NX3.mjs";
 import {
   RenderResultMessage
 } from "./chunk-WNC6OCIB.mjs";
@@ -10,9 +13,6 @@ import {
 import {
   RenderActionExecutionMessage
 } from "./chunk-NMNC4ROZ.mjs";
-import {
-  RenderAgentStateMessage
-} from "./chunk-Q2YY2NX3.mjs";
 import {
   AssistantMessage
 } from "./chunk-5M7ODWKH.mjs";
@@ -328,4 +328,4 @@ export {
   WrappedCopilotChat,
   useCopilotChatLogic
 };
-//# sourceMappingURL=chunk-MYUOPOIL.mjs.map
+//# sourceMappingURL=chunk-ZLRUNNS7.mjs.map

package/dist/components/chat/Chat.mjs

@@ -2,20 +2,20 @@ import {
   CopilotChat,
   WrappedCopilotChat,
   useCopilotChatLogic
-} from "../../chunk-MYUOPOIL.mjs";
+} from "../../chunk-ZLRUNNS7.mjs";
+import "../../chunk-Q2YY2NX3.mjs";
 import "../../chunk-WNC6OCIB.mjs";
 import "../../chunk-62QMTKMJ.mjs";
 import "../../chunk-HEIDCT7I.mjs";
 import "../../chunk-NMNC4ROZ.mjs";
-import "../../chunk-Q2YY2NX3.mjs";
 import "../../chunk-5M7ODWKH.mjs";
 import "../../chunk-TOQ7P4DO.mjs";
 import "../../chunk-QJKMOGWN.mjs";
 import "../../chunk-YQFVRDNC.mjs";
 import "../../chunk-XNQO5AZZ.mjs";
+import "../../chunk-PCTCOQK2.mjs";
 import "../../chunk-ZY25LVYR.mjs";
 import "../../chunk-UN2E3HCK.mjs";
-import "../../chunk-PCTCOQK2.mjs";
 import "../../chunk-ORSMX3SE.mjs";
 import "../../chunk-54JAUBUJ.mjs";
 import "../../chunk-S5MBUNGN.mjs";

package/dist/components/chat/Modal.js

@@ -381,6 +381,16 @@ var ChatContextProvider = ({
 
 // src/components/chat/Window.tsx
 var import_react2 = __toESM(require("react"));
+var import_react_core = require("@copilotkit/react-core");
+
+// src/hooks/use-dark-mode.ts
+var useDarkMode = () => {
+  if (typeof window === "undefined")
+    return false;
+  return document.documentElement.classList.contains("dark") || document.body.classList.contains("dark") || document.documentElement.getAttribute("data-theme") === "dark" || document.body.getAttribute("data-theme") === "dark" || window.matchMedia("(prefers-color-scheme: dark)").matches;
+};
+
+// src/components/chat/Window.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Window = ({
   children,
@@ -388,15 +398,17 @@ var Window = ({
   shortcut,
   hitEscapeToClose
 }) => {
+  var _a;
   const windowRef = import_react2.default.useRef(null);
+  const context = (0, import_react_core.useCopilotContext)();
   const { open, setOpen } = useChatContext();
   const handleClickOutside = (0, import_react2.useCallback)(
     (event) => {
-      var _a;
+      var _a2;
       if (!clickOutsideToClose) {
         return;
       }
-      const parentElement = (_a = windowRef.current) == null ? void 0 : _a.parentElement;
+      const parentElement = (_a2 = windowRef.current) == null ? void 0 : _a2.parentElement;
       let className = "";
       if (event.target instanceof HTMLElement) {
         className = event.target.className;
@@ -410,10 +422,10 @@ var Window = ({
   );
   const handleKeyDown = (0, import_react2.useCallback)(
     (event) => {
-      var _a;
+      var _a2;
       const target = event.target;
       const isInput = target.tagName === "INPUT" || target.tagName === "SELECT" || target.tagName === "TEXTAREA" || target.isContentEditable;
-      const isDescendantOfWrapper = (_a = windowRef.current) == null ? void 0 : _a.contains(target);
+      const isDescendantOfWrapper = (_a2 = windowRef.current) == null ? void 0 : _a2.contains(target);
       if (open && event.key === "Escape" && (!isInput || isDescendantOfWrapper) && hitEscapeToClose) {
         setOpen(false);
       } else if (event.key === shortcut && (isMacOS() && event.metaKey || !isMacOS() && event.ctrlKey) && (!isInput || isDescendantOfWrapper)) {
@@ -468,7 +480,29 @@ var Window = ({
       }
     };
   }, [adjustForMobile, handleClickOutside, handleKeyDown]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `copilotKitWindow${open ? " open" : ""}`, ref: windowRef, children });
+  const isDark = useDarkMode();
+  const showPoweredBy = !((_a = context.copilotApiConfig) == null ? void 0 : _a.publicApiKey);
+  const poweredByStyle = {
+    visibility: "visible",
+    display: "block",
+    position: "static",
+    textAlign: "center",
+    fontSize: "12px",
+    padding: "3px 0",
+    color: isDark ? "rgb(69, 69, 69)" : "rgb(214, 214, 214)"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      className: `copilotKitWindow ${showPoweredBy ? " poweredByContainer" : ""} ${open ? " open" : ""}`,
+      ref: windowRef,
+      children: [
+        children,
+        showPoweredBy && // @ts-expect-error -- expecting position not to be a string, but it can be.
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "poweredBy", style: poweredByStyle, children: "Powered by CopilotKit" })
+      ]
+    }
+  );
 };
 var preventScroll = (event) => {
   let targetElement = event.target;
@@ -507,7 +541,7 @@ var Button = ({}) => {
 };
 
 // src/components/dev-console/utils.ts
-var import_react_core = require("@copilotkit/react-core");
+var import_react_core2 = require("@copilotkit/react-core");
 function shouldShowDevConsole(showDevConsole) {
   if (typeof showDevConsole === "boolean") {
     return showDevConsole;
@@ -569,7 +603,7 @@ function getPublishedCopilotKitVersion(current, forceCheck = false) {
 }
 function logReadables(context) {
   console.log("%cCurrent Readables:", "font-size: 16px; font-weight: bold;");
-  const readables = context.getContextString([], import_react_core.defaultCopilotContextCategories).trim();
+  const readables = context.getContextString([], import_react_core2.defaultCopilotContextCategories).trim();
   if (readables.length === 0) {
     console.log("No readables found");
     return;
@@ -639,7 +673,7 @@ function logMessages(context) {
 }
 
 // src/components/dev-console/console.tsx
-var import_react_core2 = require("@copilotkit/react-core");
+var import_react_core3 = require("@copilotkit/react-core");
 var import_react4 = require("react");
 
 // src/components/dev-console/icons.tsx
@@ -829,7 +863,7 @@ function CopilotKitHelpModal() {
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function CopilotDevConsole() {
   const currentVersion = import_shared.COPILOTKIT_VERSION;
-  const context = (0, import_react_core2.useCopilotContext)();
+  const context = (0, import_react_core3.useCopilotContext)();
   const [showDevConsole, setShowDevConsole] = (0, import_react4.useState)(false);
   (0, import_react4.useEffect)(() => {
     setShowDevConsole(shouldShowDevConsole(context.showDevConsole));
@@ -960,8 +994,8 @@ function DebugMenuButton({
   checkForUpdates,
   mode
 }) {
-  const context = (0, import_react_core2.useCopilotContext)();
-  const messagesContext = (0, import_react_core2.useCopilotMessagesContext)();
+  const context = (0, import_react_core3.useCopilotContext)();
+  const messagesContext = (0, import_react_core3.useCopilotMessagesContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react5.Menu, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_react5.MenuButton,
@@ -1024,7 +1058,7 @@ var Header = ({}) => {
 // src/components/chat/Messages.tsx
 var import_react6 = require("react");
 var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
-var import_react_core3 = require("@copilotkit/react-core");
+var import_react_core4 = require("@copilotkit/react-core");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var Messages = ({
   messages,
@@ -1060,7 +1094,7 @@ var Messages = ({
     }
   }
   const { messagesEndRef, messagesContainerRef } = useScrollToBottom(messages);
-  const interrupt = (0, import_react_core3.useLangGraphInterruptRender)();
+  const interrupt = (0, import_react_core4.useLangGraphInterruptRender)();
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "copilotKitMessages", ref: messagesContainerRef, children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "copilotKitMessagesContainer", children: [
       messages.map((message, index) => {
@@ -1258,7 +1292,7 @@ var AutoResizingTextarea = (0, import_react7.forwardRef)(
 var Textarea_default = AutoResizingTextarea;
 
 // src/hooks/use-push-to-talk.tsx
-var import_react_core4 = require("@copilotkit/react-core");
+var import_react_core5 = require("@copilotkit/react-core");
 var import_react8 = require("react");
 var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
   if (!mediaStreamRef.current || !audioContextRef.current) {
@@ -1313,8 +1347,8 @@ var usePushToTalk = ({
   const audioContextRef = (0, import_react8.useRef)(null);
   const mediaRecorderRef = (0, import_react8.useRef)(null);
   const recordedChunks = (0, import_react8.useRef)([]);
-  const generalContext = (0, import_react_core4.useCopilotContext)();
-  const messagesContext = (0, import_react_core4.useCopilotMessagesContext)();
+  const generalContext = (0, import_react_core5.useCopilotContext)();
+  const messagesContext = (0, import_react_core5.useCopilotMessagesContext)();
   const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
   const [startReadingFromMessageId, setStartReadingFromMessageId] = (0, import_react8.useState)(null);
   (0, import_react8.useEffect)(() => {
@@ -1362,11 +1396,11 @@ var usePushToTalk = ({
 };
 
 // src/components/chat/Input.tsx
-var import_react_core5 = require("@copilotkit/react-core");
+var import_react_core6 = require("@copilotkit/react-core");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var Input = ({ inProgress, onSend, isVisible = false, onStop }) => {
   const context = useChatContext();
-  const copilotContext = (0, import_react_core5.useCopilotContext)();
+  const copilotContext = (0, import_react_core6.useCopilotContext)();
   const pushToTalkConfigured = copilotContext.copilotApiConfig.textToSpeechUrl !== void 0 && copilotContext.copilotApiConfig.transcribeAudioUrl !== void 0;
   const textareaRef = (0, import_react9.useRef)(null);
   const handleDivClick = (event) => {
@@ -2072,7 +2106,7 @@ function RenderTextMessage(_a) {
 
 // src/components/chat/messages/RenderActionExecutionMessage.tsx
 var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
-var import_react_core6 = require("@copilotkit/react-core");
+var import_react_core7 = require("@copilotkit/react-core");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function RenderActionExecutionMessage(_a) {
   var _b = _a, {
@@ -2080,7 +2114,7 @@ function RenderActionExecutionMessage(_a) {
   } = _b, props = __objRest(_b, [
     "AssistantMessage"
   ]);
-  const { chatComponentsCache } = (0, import_react_core6.useCopilotContext)();
+  const { chatComponentsCache } = (0, import_react_core7.useCopilotContext)();
   const { message, inProgress, index, isCurrentMessage, actionResult } = props;
   if (message.isActionExecutionMessage()) {
     if (chatComponentsCache.current !== null && (chatComponentsCache.current.actions[message.name] || chatComponentsCache.current.actions["*"])) {
@@ -2209,7 +2243,7 @@ function RenderResultMessage(_a) {
 }
 
 // src/components/chat/messages/RenderAgentStateMessage.tsx
-var import_react_core7 = require("@copilotkit/react-core");
+var import_react_core8 = require("@copilotkit/react-core");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function RenderAgentStateMessage(_a) {
   var _b = _a, {
@@ -2217,7 +2251,7 @@ function RenderAgentStateMessage(_a) {
   } = _b, props = __objRest(_b, [
     "AssistantMessage"
   ]);
-  const { chatComponentsCache } = (0, import_react_core7.useCopilotContext)();
+  const { chatComponentsCache } = (0, import_react_core8.useCopilotContext)();
   const { message, inProgress, index, isCurrentMessage } = props;
   if (message.isAgentStateMessage()) {
     let render;
@@ -2310,7 +2344,7 @@ function RenderAgentStateMessage(_a) {
 }
 
 // src/components/chat/Suggestion.tsx
-var import_react_core8 = require("@copilotkit/react-core");
+var import_react_core9 = require("@copilotkit/react-core");
 var import_shared2 = require("@copilotkit/shared");
 var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime21 = require("react/jsx-runtime");
@@ -2342,7 +2376,7 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
   for (const config of Object.values(chatSuggestionConfiguration)) {
     try {
       const numOfSuggestionsInstructions = config.minSuggestions === 0 ? `Produce up to ${config.maxSuggestions} suggestions. If there are no highly relevant suggestions you can think of, provide an empty array.` : `Produce between ${config.minSuggestions} and ${config.maxSuggestions} suggestions.`;
-      const result = yield (0, import_react_core8.extract)({
+      const result = yield (0, import_react_core9.extract)({
         context,
         instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. ",
         data: config.instructions + "\n\n" + numOfSuggestionsInstructions + "\n\nAvailable tools: " + tools + "\n\n",
@@ -2401,10 +2435,10 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 
 // src/components/chat/Chat.tsx
 var import_react13 = __toESM(require("react"));
-var import_react_core9 = require("@copilotkit/react-core");
+var import_react_core10 = require("@copilotkit/react-core");
 var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 var import_shared3 = require("@copilotkit/shared");
-var import_react_core10 = require("@copilotkit/react-core");
+var import_react_core11 = require("@copilotkit/react-core");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
@@ -2429,7 +2463,7 @@ function CopilotChat({
   AssistantMessage: AssistantMessage2 = AssistantMessage,
   UserMessage: UserMessage2 = UserMessage
 }) {
-  const { additionalInstructions, setChatInstructions } = (0, import_react_core9.useCopilotContext)();
+  const { additionalInstructions, setChatInstructions } = (0, import_react_core10.useCopilotContext)();
   (0, import_react13.useEffect)(() => {
     if (!(additionalInstructions == null ? void 0 : additionalInstructions.length)) {
       setChatInstructions(instructions || "");
@@ -2533,7 +2567,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
     stopGeneration: defaultStopGeneration,
     runChatCompletion,
     isLoading
-  } = (0, import_react_core9.useCopilotChat)({
+  } = (0, import_react_core10.useCopilotChat)({
     id: (0, import_shared3.randomId)(),
     makeSystemMessage
   });
@@ -2545,8 +2579,8 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
     (_a2 = suggestionsAbortControllerRef.current) == null ? void 0 : _a2.abort();
     suggestionsAbortControllerRef.current = null;
   };
-  const generalContext = (0, import_react_core9.useCopilotContext)();
-  const messagesContext = (0, import_react_core9.useCopilotMessagesContext)();
+  const generalContext = (0, import_react_core10.useCopilotContext)();
+  const messagesContext = (0, import_react_core10.useCopilotMessagesContext)();
   const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
   (0, import_react13.useEffect)(() => {
     onInProgress == null ? void 0 : onInProgress(isLoading);
@@ -2614,7 +2648,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
   });
   const runCurrentAgent = (hint) => __async(void 0, null, function* () {
     if (generalContext.agentSession) {
-      yield (0, import_react_core10.runAgent)(
+      yield (0, import_react_core11.runAgent)(
         generalContext.agentSession.agentName,
         context,
         appendMessage,
@@ -2625,7 +2659,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
   });
   const stopCurrentAgent = () => {
     if (generalContext.agentSession) {
-      (0, import_react_core10.stopAgent)(generalContext.agentSession.agentName, context);
+      (0, import_react_core11.stopAgent)(generalContext.agentSession.agentName, context);
     }
   };
   const setCurrentAgentState = (state) => {