@copilotkit/react-ui 1.51.3-next.5 → 1.51.3-next.6

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # ui
 
+## 1.51.3-next.6
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.51.3-next.6
+- @copilotkit/react-core@1.51.3-next.6
+- @copilotkit/shared@1.51.3-next.6
+
 ## 1.51.3-next.5
 
 ### Patch Changes

package/dist/{chunk-PKSW6ZMQ.mjs → chunk-7OURDQZJ.mjs}

@@ -1,6 +1,6 @@
 import {
   RenderMessage
-} from "./chunk-XEZ5ODJS.mjs";
+} from "./chunk-NCIAFFQ2.mjs";
 
 // src/components/chat/messages/LegacyRenderMessage.tsx
 import { aguiToGQL } from "@copilotkit/runtime-client-gql";
@@ -130,4 +130,4 @@ var LegacyRenderMessage = ({
 export {
   LegacyRenderMessage
 };
-//# sourceMappingURL=chunk-PKSW6ZMQ.mjs.map
+//# sourceMappingURL=chunk-7OURDQZJ.mjs.map

package/dist/{chunk-HKZL4P3F.mjs → chunk-BVKKSSB2.mjs}

@@ -9,16 +9,16 @@ import {
 } from "./chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "./chunk-YQOESY4Y.mjs";
+} from "./chunk-NSJWSIPR.mjs";
 import {
   Input
 } from "./chunk-3W6J75HS.mjs";
 import {
   Messages
-} from "./chunk-UH5GQ7QF.mjs";
+} from "./chunk-HIW7RXCD.mjs";
 import {
   AssistantMessage
-} from "./chunk-SLM2AOHF.mjs";
+} from "./chunk-IHFR6PYG.mjs";
 import {
   UserMessage
 } from "./chunk-RYUCX3ZK.mjs";
@@ -219,4 +219,4 @@ var CopilotModal = (_a) => {
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-HKZL4P3F.mjs.map
+//# sourceMappingURL=chunk-BVKKSSB2.mjs.map

package/dist/{chunk-4S4ZEKE6.mjs → chunk-DI7DDMRS.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-HKZL4P3F.mjs";
+} from "./chunk-BVKKSSB2.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-4S4ZEKE6.mjs.map
+//# sourceMappingURL=chunk-DI7DDMRS.mjs.map

package/dist/{chunk-UH5GQ7QF.mjs → chunk-HIW7RXCD.mjs}

@@ -1,6 +1,6 @@
 import {
   LegacyRenderMessage
-} from "./chunk-PKSW6ZMQ.mjs";
+} from "./chunk-7OURDQZJ.mjs";
 import {
   useChatContext
 } from "./chunk-IEMQ2SQW.mjs";
@@ -181,4 +181,4 @@ export {
   Messages,
   useScrollToBottom
 };
-//# sourceMappingURL=chunk-UH5GQ7QF.mjs.map
+//# sourceMappingURL=chunk-HIW7RXCD.mjs.map

package/dist/{chunk-SLM2AOHF.mjs → chunk-IHFR6PYG.mjs}

@@ -1,6 +1,6 @@
 import {
   Markdown
-} from "./chunk-XOBQLKUU.mjs";
+} from "./chunk-JZ3RFQQ6.mjs";
 import {
   useChatContext
 } from "./chunk-IEMQ2SQW.mjs";
@@ -113,4 +113,4 @@ var AssistantMessage = (props) => {
 export {
   AssistantMessage
 };
-//# sourceMappingURL=chunk-SLM2AOHF.mjs.map
+//# sourceMappingURL=chunk-IHFR6PYG.mjs.map

package/dist/{chunk-XOBQLKUU.mjs → chunk-JZ3RFQQ6.mjs}

@@ -8,7 +8,11 @@ import {
 } from "./chunk-MRXNTQOX.mjs";
 
 // src/components/chat/Markdown.tsx
-import { Streamdown } from "streamdown";
+import { memo } from "react";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+import rehypeRaw from "rehype-raw";
 import { jsx } from "react/jsx-runtime";
 var defaultComponents = {
   a(_a) {
@@ -102,11 +106,17 @@ var defaultComponents = {
     return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
   }
 };
+var MemoizedReactMarkdown = memo(
+  ReactMarkdown,
+  (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.components === nextProps.components
+);
 var Markdown = ({ content, components }) => {
   return /* @__PURE__ */ jsx("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ jsx(
-    Streamdown,
+    MemoizedReactMarkdown,
     {
       components: __spreadValues(__spreadValues({}, defaultComponents), components),
+      remarkPlugins: [remarkGfm, [remarkMath, { singleDollarTextMath: false }]],
+      rehypePlugins: [rehypeRaw],
       children: content
     }
   ) });
@@ -115,4 +125,4 @@ var Markdown = ({ content, components }) => {
 export {
   Markdown
 };
-//# sourceMappingURL=chunk-XOBQLKUU.mjs.map
+//# sourceMappingURL=chunk-JZ3RFQQ6.mjs.map

package/dist/chunk-JZ3RFQQ6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Markdown.tsx"],"sourcesContent":["import { FC, memo } from \"react\";\nimport ReactMarkdown, { Options, Components } from \"react-markdown\";\nimport { CodeBlock } from \"./CodeBlock\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkMath from \"remark-math\";\nimport rehypeRaw from \"rehype-raw\";\n\nconst defaultComponents: Components = {\n  a({ children, ...props }) {\n    return (\n      <a className=\"copilotKitMarkdownElement\" {...props} target=\"_blank\" rel=\"noopener noreferrer\">\n        {children}\n      </a>\n    );\n  },\n  // @ts-expect-error -- inline\n  code({ children, className, inline, ...props }) {\n    if (Array.isArray(children) && children.length) {\n      if (children[0] == \"▍\") {\n        return (\n          <span\n            style={{\n              animation: \"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n              marginTop: \"0.25rem\",\n            }}\n          >\n            ▍\n          </span>\n        );\n      }\n\n      children[0] = (children?.[0] as string).replace(\"`▍`\", \"▍\");\n    }\n\n    const match = /language-(\\w+)/.exec(className || \"\");\n\n    // Detect inline code: if it has a language class or contains newlines, it's likely a code block\n    // Otherwise, treat it as inline code\n    const hasLanguage = match && match[1];\n    const content = String(children);\n    const hasNewlines = content.includes(\"\\n\");\n    const isInline = !hasLanguage && !hasNewlines;\n\n    if (isInline) {\n      return (\n        <code\n          className={`copilotKitMarkdownElement copilotKitInlineCode ${className || \"\"}`}\n          {...props}\n        >\n          {children}\n        </code>\n      );\n    }\n\n    return (\n      <CodeBlock\n        key={Math.random()}\n        language={(match && match[1]) || \"\"}\n        value={String(children).replace(/\\n$/, \"\")}\n        {...props}\n      />\n    );\n  },\n  h1: ({ children, ...props }) => (\n    <h1 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h1>\n  ),\n  h2: ({ children, ...props }) => (\n    <h2 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h2>\n  ),\n  h3: ({ children, ...props }) => (\n    <h3 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h3>\n  ),\n  h4: ({ children, ...props }) => (\n    <h4 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h4>\n  ),\n  h5: ({ children, ...props }) => (\n    <h5 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h5>\n  ),\n  h6: ({ children, ...props }) => (\n    <h6 className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </h6>\n  ),\n  p: ({ children, ...props }) => (\n    <p className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </p>\n  ),\n  pre: ({ children, ...props }) => (\n    <pre className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </pre>\n  ),\n  blockquote: ({ children, ...props }) => (\n    <blockquote className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </blockquote>\n  ),\n  ul: ({ children, ...props }) => (\n    <ul className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </ul>\n  ),\n  li: ({ children, ...props }) => (\n    <li className=\"copilotKitMarkdownElement\" {...props}>\n      {children}\n    </li>\n  ),\n};\n\nconst MemoizedReactMarkdown: FC<Options> = memo(\n  ReactMarkdown,\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children && prevProps.components === nextProps.components,\n);\n\ntype MarkdownProps = {\n  content: string;\n  components?: Components;\n};\n\nexport const Markdown = ({ content, components }: MarkdownProps) => {\n  return (\n    <div className=\"copilotKitMarkdown\">\n      <MemoizedReactMarkdown\n        components={{ ...defaultComponents, ...components }}\n        remarkPlugins={[remarkGfm, [remarkMath, { singleDollarTextMath: false }]]}\n        rehypePlugins={[rehypeRaw]}\n      >\n        {content}\n      </MemoizedReactMarkdown>\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-XEZ5ODJS.mjs → chunk-NCIAFFQ2.mjs}

@@ -1,6 +1,6 @@
 import {
   AssistantMessage
-} from "./chunk-SLM2AOHF.mjs";
+} from "./chunk-IHFR6PYG.mjs";
 import {
   ImageRenderer
 } from "./chunk-DBKRAOH7.mjs";
@@ -79,4 +79,4 @@ function RenderMessage(_a) {
 export {
   RenderMessage
 };
-//# sourceMappingURL=chunk-XEZ5ODJS.mjs.map
+//# sourceMappingURL=chunk-NCIAFFQ2.mjs.map

package/dist/{chunk-YQOESY4Y.mjs → chunk-NSJWSIPR.mjs}

@@ -9,13 +9,13 @@ import {
 } from "./chunk-3W6J75HS.mjs";
 import {
   Messages
-} from "./chunk-UH5GQ7QF.mjs";
+} from "./chunk-HIW7RXCD.mjs";
 import {
   RenderMessage
-} from "./chunk-XEZ5ODJS.mjs";
+} from "./chunk-NCIAFFQ2.mjs";
 import {
   AssistantMessage
-} from "./chunk-SLM2AOHF.mjs";
+} from "./chunk-IHFR6PYG.mjs";
 import {
   ImageRenderer
 } from "./chunk-DBKRAOH7.mjs";
@@ -432,4 +432,4 @@ export {
   CopilotChat,
   WrappedCopilotChat
 };
-//# sourceMappingURL=chunk-YQOESY4Y.mjs.map
+//# sourceMappingURL=chunk-NSJWSIPR.mjs.map

package/dist/{chunk-O4PPO3K3.mjs → chunk-VVCCMYGT.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-HKZL4P3F.mjs";
+} from "./chunk-BVKKSSB2.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-O4PPO3K3.mjs.map
+//# sourceMappingURL=chunk-VVCCMYGT.mjs.map

package/dist/components/chat/Chat.js

@@ -394,7 +394,7 @@ var ChatContextProvider = ({
 };
 
 // src/components/chat/Messages.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_react_core = require("@copilotkit/react-core");
 
 // src/components/chat/messages/UserMessage.tsx
@@ -426,7 +426,8 @@ var UserMessage = (props) => {
 };
 
 // src/components/chat/Markdown.tsx
-var import_streamdown = require("streamdown");
+var import_react3 = require("react");
+var import_react_markdown = __toESM(require("react-markdown"));
 
 // src/components/chat/CodeBlock.tsx
 var import_react2 = require("react");
@@ -838,6 +839,9 @@ var highlightStyle = {
 };
 
 // src/components/chat/Markdown.tsx
+var import_remark_gfm = __toESM(require("remark-gfm"));
+var import_remark_math = __toESM(require("remark-math"));
+var import_rehype_raw = __toESM(require("rehype-raw"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var defaultComponents = {
   a(_a) {
@@ -931,18 +935,24 @@ var defaultComponents = {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
   }
 };
+var MemoizedReactMarkdown = (0, import_react3.memo)(
+  import_react_markdown.default,
+  (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.components === nextProps.components
+);
 var Markdown = ({ content, components }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_streamdown.Streamdown,
+    MemoizedReactMarkdown,
     {
       components: __spreadValues(__spreadValues({}, defaultComponents), components),
+      remarkPlugins: [import_remark_gfm.default, [import_remark_math.default, { singleDollarTextMath: false }]],
+      rehypePlugins: [import_rehype_raw.default],
       children: content
     }
   ) });
 };
 
 // src/components/chat/messages/AssistantMessage.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var AssistantMessage = (props) => {
   var _a;
@@ -958,7 +968,7 @@ var AssistantMessage = (props) => {
     feedback,
     markdownTagRenderers
   } = props;
-  const [copied, setCopied] = (0, import_react3.useState)(false);
+  const [copied, setCopied] = (0, import_react4.useState)(false);
   const handleCopy = () => {
     const content2 = (message == null ? void 0 : message.content) || "";
     if (content2 && onCopy) {
@@ -1047,10 +1057,10 @@ var AssistantMessage = (props) => {
 };
 
 // src/components/chat/messages/ImageRenderer.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ImageRenderer = ({ image, content, className = "" }) => {
-  const [imageError, setImageError] = (0, import_react4.useState)(false);
+  const [imageError, setImageError] = (0, import_react5.useState)(false);
   const imageSrc = `data:image/${image.format};base64,${image.bytes}`;
   const altText = content || "User uploaded image";
   const handleImageError = () => {
@@ -1293,18 +1303,18 @@ var Messages = ({
   var _a;
   const { labels, icons } = useChatContext();
   const { messages: visibleMessages, interrupt } = (0, import_react_core.useCopilotChatInternal)();
-  const initialMessages = (0, import_react5.useMemo)(() => makeInitialMessages(labels.initial), [labels.initial]);
+  const initialMessages = (0, import_react6.useMemo)(() => makeInitialMessages(labels.initial), [labels.initial]);
   const messages = [...initialMessages, ...visibleMessages];
   const { messagesContainerRef, messagesEndRef } = useScrollToBottom(messages);
   const hasLegacyProps = !!(RenderTextMessage || RenderActionExecutionMessage || RenderAgentStateMessage || RenderResultMessage || RenderImageMessage);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (hasLegacyProps) {
       console.warn(
         "[CopilotKit] Legacy message render props (RenderTextMessage, RenderActionExecutionMessage, etc.) are deprecated. Please use the unified 'RenderMessage' prop instead. See migration guide: https://docs.copilotkit.ai/migration/render-message"
       );
     }
   }, [hasLegacyProps]);
-  const legacyProps = (0, import_react5.useMemo)(
+  const legacyProps = (0, import_react6.useMemo)(
     () => ({
       RenderTextMessage,
       RenderActionExecutionMessage,
@@ -1375,10 +1385,10 @@ function makeInitialMessages(initial) {
   ];
 }
 function useScrollToBottom(messages) {
-  const messagesEndRef = (0, import_react5.useRef)(null);
-  const messagesContainerRef = (0, import_react5.useRef)(null);
-  const isProgrammaticScrollRef = (0, import_react5.useRef)(false);
-  const isUserScrollUpRef = (0, import_react5.useRef)(false);
+  const messagesEndRef = (0, import_react6.useRef)(null);
+  const messagesContainerRef = (0, import_react6.useRef)(null);
+  const isProgrammaticScrollRef = (0, import_react6.useRef)(false);
+  const isUserScrollUpRef = (0, import_react6.useRef)(false);
   const scrollToBottom = () => {
     if (messagesContainerRef.current && messagesEndRef.current) {
       isProgrammaticScrollRef.current = true;
@@ -1395,7 +1405,7 @@ function useScrollToBottom(messages) {
       isUserScrollUpRef.current = scrollTop + clientHeight < scrollHeight;
     }
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const container = messagesContainerRef.current;
     if (container) {
       container.addEventListener("scroll", handleScroll);
@@ -1406,7 +1416,7 @@ function useScrollToBottom(messages) {
       }
     };
   }, []);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const container = messagesContainerRef.current;
     if (!container) {
       return;
@@ -1425,7 +1435,7 @@ function useScrollToBottom(messages) {
       mutationObserver.disconnect();
     };
   }, []);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     isUserScrollUpRef.current = false;
     scrollToBottom();
   }, [messages.filter((m) => m.role === "user").length]);
@@ -1433,12 +1443,12 @@ function useScrollToBottom(messages) {
 }
 
 // src/components/chat/Input.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/components/chat/Textarea.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var AutoResizingTextarea = (0, import_react6.forwardRef)(
+var AutoResizingTextarea = (0, import_react7.forwardRef)(
   ({
     maxRows = 1,
     placeholder,
@@ -1449,10 +1459,10 @@ var AutoResizingTextarea = (0, import_react6.forwardRef)(
     onCompositionEnd,
     autoFocus
   }, ref) => {
-    const internalTextareaRef = (0, import_react6.useRef)(null);
-    const [maxHeight, setMaxHeight] = (0, import_react6.useState)(0);
-    (0, import_react6.useImperativeHandle)(ref, () => internalTextareaRef.current);
-    (0, import_react6.useEffect)(() => {
+    const internalTextareaRef = (0, import_react7.useRef)(null);
+    const [maxHeight, setMaxHeight] = (0, import_react7.useState)(0);
+    (0, import_react7.useImperativeHandle)(ref, () => internalTextareaRef.current);
+    (0, import_react7.useEffect)(() => {
       const calculateMaxHeight = () => {
         const textarea = internalTextareaRef.current;
         if (textarea) {
@@ -1466,7 +1476,7 @@ var AutoResizingTextarea = (0, import_react6.forwardRef)(
       };
       calculateMaxHeight();
     }, [maxRows]);
-    (0, import_react6.useEffect)(() => {
+    (0, import_react7.useEffect)(() => {
       const textarea = internalTextareaRef.current;
       if (textarea) {
         textarea.style.height = "auto";
@@ -1498,7 +1508,7 @@ var Textarea_default = AutoResizingTextarea;
 // src/hooks/use-push-to-talk.tsx
 var import_react_core2 = require("@copilotkit/react-core");
 var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
-var import_react7 = require("react");
+var import_react8 = require("react");
 var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
   if (!mediaStreamRef.current || !audioContextRef.current) {
     mediaStreamRef.current = yield navigator.mediaDevices.getUserMedia({ audio: true });
@@ -1547,16 +1557,16 @@ var usePushToTalk = ({
   sendFunction,
   inProgress
 }) => {
-  const [pushToTalkState, setPushToTalkState] = (0, import_react7.useState)("idle");
-  const mediaStreamRef = (0, import_react7.useRef)(null);
-  const audioContextRef = (0, import_react7.useRef)(null);
-  const mediaRecorderRef = (0, import_react7.useRef)(null);
-  const recordedChunks = (0, import_react7.useRef)([]);
+  const [pushToTalkState, setPushToTalkState] = (0, import_react8.useState)("idle");
+  const mediaStreamRef = (0, import_react8.useRef)(null);
+  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_core2.useCopilotContext)();
   const messagesContext = (0, import_react_core2.useCopilotMessagesContext)();
   const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
-  const [startReadingFromMessageId, setStartReadingFromMessageId] = (0, import_react7.useState)(null);
-  (0, import_react7.useEffect)(() => {
+  const [startReadingFromMessageId, setStartReadingFromMessageId] = (0, import_react8.useState)(null);
+  (0, import_react8.useEffect)(() => {
     if (pushToTalkState === "recording") {
       startRecording(
         mediaStreamRef,
@@ -1584,7 +1594,7 @@ var usePushToTalk = ({
       stopRecording(mediaRecorderRef);
     };
   }, [pushToTalkState]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (inProgress === false && startReadingFromMessageId) {
       const lastMessageIndex = context.messages.findIndex(
         (message) => message.id === startReadingFromMessageId
@@ -1603,7 +1613,7 @@ var usePushToTalk = ({
 var import_react_core3 = require("@copilotkit/react-core");
 
 // src/components/chat/PoweredByTag.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/hooks/use-dark-mode.ts
 var useDarkMode = () => {
@@ -1615,9 +1625,9 @@ var useDarkMode = () => {
 // src/components/chat/PoweredByTag.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function PoweredByTag({ showPoweredBy = true }) {
-  const [mounted, setMounted] = (0, import_react8.useState)(false);
+  const [mounted, setMounted] = (0, import_react9.useState)(false);
   const isDark = useDarkMode();
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     setMounted(true);
   }, []);
   if (!showPoweredBy) {
@@ -1651,8 +1661,8 @@ var Input = ({
   const copilotContext = (0, import_react_core3.useCopilotContext)();
   const showPoweredBy = !((_a = copilotContext.copilotApiConfig) == null ? void 0 : _a.publicApiKey);
   const pushToTalkConfigured = copilotContext.copilotApiConfig.textToSpeechUrl !== void 0 && copilotContext.copilotApiConfig.transcribeAudioUrl !== void 0;
-  const textareaRef = (0, import_react9.useRef)(null);
-  const [isComposing, setIsComposing] = (0, import_react9.useState)(false);
+  const textareaRef = (0, import_react10.useRef)(null);
+  const [isComposing, setIsComposing] = (0, import_react10.useState)(false);
   const handleDivClick = (event) => {
     var _a2;
     const target = event.target;
@@ -1662,7 +1672,7 @@ var Input = ({
       return;
     (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
   };
-  const [text, setText] = (0, import_react9.useState)("");
+  const [text, setText] = (0, import_react10.useState)("");
   const send = () => {
     var _a2;
     if (inProgress)
@@ -1676,17 +1686,17 @@ var Input = ({
     inProgress
   });
   const isInProgress = inProgress || pushToTalkState === "transcribing";
-  const { buttonIcon, buttonAlt } = (0, import_react9.useMemo)(() => {
+  const { buttonIcon, buttonAlt } = (0, import_react10.useMemo)(() => {
     if (!chatReady)
       return { buttonIcon: context.icons.spinnerIcon, buttonAlt: "Loading" };
     return isInProgress && !hideStopButton && chatReady ? { buttonIcon: context.icons.stopIcon, buttonAlt: "Stop" } : { buttonIcon: context.icons.sendIcon, buttonAlt: "Send" };
   }, [isInProgress, chatReady, hideStopButton, context.icons.stopIcon, context.icons.sendIcon]);
   const showPushToTalk = pushToTalkConfigured && (pushToTalkState === "idle" || pushToTalkState === "recording") && !inProgress;
   const { interrupt } = (0, import_react_core3.useCopilotChatInternal)();
-  const canSend = (0, import_react9.useMemo)(() => {
+  const canSend = (0, import_react10.useMemo)(() => {
     return !isInProgress && text.trim().length > 0 && pushToTalkState === "idle" && !interrupt;
   }, [interrupt, isInProgress, text, pushToTalkState]);
-  const canStop = (0, import_react9.useMemo)(() => {
+  const canStop = (0, import_react10.useMemo)(() => {
     return isInProgress && !hideStopButton;
   }, [isInProgress, hideStopButton]);
   const sendDisabled = !canSend && !canStop;
@@ -1743,7 +1753,7 @@ var Input = ({
 };
 
 // src/components/chat/Chat.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_react_core5 = require("@copilotkit/react-core");
 var import_shared = require("@copilotkit/shared");
 
@@ -1920,13 +1930,13 @@ function CopilotChat({
     removeInternalErrorHandler
   } = (0, import_react_core5.useCopilotContext)();
   const { publicApiKey, chatApiEndpoint } = copilotApiConfig;
-  const [selectedImages, setSelectedImages] = (0, import_react10.useState)([]);
-  const [chatError, setChatError] = (0, import_react10.useState)(null);
-  const [messageFeedback, setMessageFeedback] = (0, import_react10.useState)(
+  const [selectedImages, setSelectedImages] = (0, import_react11.useState)([]);
+  const [chatError, setChatError] = (0, import_react11.useState)(null);
+  const [messageFeedback, setMessageFeedback] = (0, import_react11.useState)(
     {}
   );
-  const fileInputRef = (0, import_react10.useRef)(null);
-  const triggerObservabilityHook = (0, import_react10.useCallback)(
+  const fileInputRef = (0, import_react11.useRef)(null);
+  const triggerObservabilityHook = (0, import_react11.useCallback)(
     (hookName, ...args) => {
       if (publicApiKey && (observabilityHooks == null ? void 0 : observabilityHooks[hookName])) {
         observabilityHooks[hookName](...args);
@@ -1945,7 +1955,7 @@ function CopilotChat({
     },
     [publicApiKey, observabilityHooks, setBannerError]
   );
-  const triggerChatError = (0, import_react10.useCallback)(
+  const triggerChatError = (0, import_react11.useCallback)(
     (error, operation, originalError) => {
       const errorMessage = (error == null ? void 0 : error.message) || (error == null ? void 0 : error.toString()) || "An error occurred";
       setChatError({
@@ -1991,7 +2001,7 @@ function CopilotChat({
     },
     [publicApiKey, chatApiEndpoint, observabilityHooks, setBannerError]
   );
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const id = "chat-component";
     setInternalErrorHandler({
       [id]: (error) => {
@@ -2004,7 +2014,7 @@ function CopilotChat({
       removeInternalErrorHandler == null ? void 0 : removeInternalErrorHandler(id);
     };
   }, [triggerChatError, setInternalErrorHandler, removeInternalErrorHandler]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!imageUploadsEnabled)
       return;
     const handlePaste = (e) => __async(this, null, function* () {
@@ -2050,7 +2060,7 @@ function CopilotChat({
     document.addEventListener("paste", handlePaste);
     return () => document.removeEventListener("paste", handlePaste);
   }, [imageUploadsEnabled, triggerChatError]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!(additionalInstructions == null ? void 0 : additionalInstructions.length)) {
       setChatInstructions(instructions || "");
       return;
@@ -2078,8 +2088,8 @@ function CopilotChat({
     onStopGeneration,
     onReloadMessages
   });
-  const prevIsLoading = (0, import_react10.useRef)(isLoading);
-  (0, import_react10.useEffect)(() => {
+  const prevIsLoading = (0, import_react11.useRef)(isLoading);
+  (0, import_react11.useEffect)(() => {
     if (prevIsLoading.current !== isLoading) {
       if (isLoading) {
         triggerObservabilityHook("onChatStarted");
@@ -2102,7 +2112,7 @@ function CopilotChat({
       role: "user"
     });
   };
-  const chatContext = import_react10.default.useContext(ChatContext);
+  const chatContext = import_react11.default.useContext(ChatContext);
   const isVisible = chatContext ? chatContext.open : true;
   const handleRegenerate = (messageId) => {
     if (onRegenerate) {
@@ -2246,7 +2256,7 @@ function WrappedCopilotChat({
   labels,
   className
 }) {
-  const chatContext = import_react10.default.useContext(ChatContext);
+  const chatContext = import_react11.default.useContext(ChatContext);
   if (!chatContext) {
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChatContextProvider, { icons, labels, open: true, setOpen: () => {
     }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: `copilotKitChat ${className != null ? className : ""}`, children }) });