@copilotkit/react-ui 1.51.2-next.1 → 1.51.3-next.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # ui
 
+## 1.51.3-next.0
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.51.3-next.0
+- @copilotkit/react-core@1.51.3-next.0
+- @copilotkit/shared@1.51.3-next.0
+
+## 1.51.2
+
+### Patch Changes
+
+- e59d23f: Use deps instead of peerdeps
+- e59d23f: Move in-repo deps from peerdeps to actual deps
+- Updated dependencies [e59d23f]
+- Updated dependencies [e59d23f]
+  - @copilotkit/runtime-client-gql@1.51.2
+  - @copilotkit/react-core@1.51.2
+  - @copilotkit/shared@1.51.2
+
 ## 1.51.2-next.1
 
 ### Patch Changes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -8,11 +8,7 @@ import {
 } from "./chunk-MRXNTQOX.mjs";
 
 // src/components/chat/Markdown.tsx
-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 { Streamdown } from "streamdown";
 import { jsx } from "react/jsx-runtime";
 var defaultComponents = {
   a(_a) {
@@ -106,17 +102,11 @@ 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(
-    MemoizedReactMarkdown,
+    Streamdown,
     {
       components: __spreadValues(__spreadValues({}, defaultComponents), components),
-      remarkPlugins: [remarkGfm, [remarkMath, { singleDollarTextMath: false }]],
-      rehypePlugins: [rehypeRaw],
       children: content
     }
   ) });
@@ -125,4 +115,4 @@ var Markdown = ({ content, components }) => {
 export {
   Markdown
 };
-//# sourceMappingURL=chunk-JZ3RFQQ6.mjs.map
+//# sourceMappingURL=chunk-XOBQLKUU.mjs.map

package/dist/chunk-XOBQLKUU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Markdown.tsx"],"sourcesContent":["import { ComponentProps, FC, memo } from \"react\";\nimport { Streamdown } from \"streamdown\";\nimport { CodeBlock } from \"./CodeBlock\";\n\ntype Options = ComponentProps<typeof Streamdown>;\n\nconst defaultComponents: Options[\"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\ntype MarkdownProps = {\n  content: string;\n  components?: Options[\"components\"];\n};\n\nexport const Markdown = ({ content, components }: MarkdownProps) => {\n  return (\n    <div className=\"copilotKitMarkdown\">\n      <Streamdown\n        components={{ ...defaultComponents, ...components }}\n      >\n        {content}\n      </Streamdown>\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}

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

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

package/dist/components/chat/Chat.js

@@ -394,7 +394,7 @@ var ChatContextProvider = ({
 };
 
 // src/components/chat/Messages.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 var import_react_core = require("@copilotkit/react-core");
 
 // src/components/chat/messages/UserMessage.tsx
@@ -426,8 +426,7 @@ var UserMessage = (props) => {
 };
 
 // src/components/chat/Markdown.tsx
-var import_react3 = require("react");
-var import_react_markdown = __toESM(require("react-markdown"));
+var import_streamdown = require("streamdown");
 
 // src/components/chat/CodeBlock.tsx
 var import_react2 = require("react");
@@ -839,9 +838,6 @@ 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) {
@@ -935,24 +931,18 @@ 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)(
-    MemoizedReactMarkdown,
+    import_streamdown.Streamdown,
     {
       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_react4 = require("react");
+var import_react3 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var AssistantMessage = (props) => {
   var _a;
@@ -968,7 +958,7 @@ var AssistantMessage = (props) => {
     feedback,
     markdownTagRenderers
   } = props;
-  const [copied, setCopied] = (0, import_react4.useState)(false);
+  const [copied, setCopied] = (0, import_react3.useState)(false);
   const handleCopy = () => {
     const content2 = (message == null ? void 0 : message.content) || "";
     if (content2 && onCopy) {
@@ -1057,10 +1047,10 @@ var AssistantMessage = (props) => {
 };
 
 // src/components/chat/messages/ImageRenderer.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ImageRenderer = ({ image, content, className = "" }) => {
-  const [imageError, setImageError] = (0, import_react5.useState)(false);
+  const [imageError, setImageError] = (0, import_react4.useState)(false);
   const imageSrc = `data:image/${image.format};base64,${image.bytes}`;
   const altText = content || "User uploaded image";
   const handleImageError = () => {
@@ -1303,18 +1293,18 @@ var Messages = ({
   var _a;
   const { labels, icons } = useChatContext();
   const { messages: visibleMessages, interrupt } = (0, import_react_core.useCopilotChatInternal)();
-  const initialMessages = (0, import_react6.useMemo)(() => makeInitialMessages(labels.initial), [labels.initial]);
+  const initialMessages = (0, import_react5.useMemo)(() => makeInitialMessages(labels.initial), [labels.initial]);
   const messages = [...initialMessages, ...visibleMessages];
   const { messagesContainerRef, messagesEndRef } = useScrollToBottom(messages);
   const hasLegacyProps = !!(RenderTextMessage || RenderActionExecutionMessage || RenderAgentStateMessage || RenderResultMessage || RenderImageMessage);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.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_react6.useMemo)(
+  const legacyProps = (0, import_react5.useMemo)(
     () => ({
       RenderTextMessage,
       RenderActionExecutionMessage,
@@ -1385,10 +1375,10 @@ function makeInitialMessages(initial) {
   ];
 }
 function useScrollToBottom(messages) {
-  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 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 scrollToBottom = () => {
     if (messagesContainerRef.current && messagesEndRef.current) {
       isProgrammaticScrollRef.current = true;
@@ -1405,7 +1395,7 @@ function useScrollToBottom(messages) {
       isUserScrollUpRef.current = scrollTop + clientHeight < scrollHeight;
     }
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const container = messagesContainerRef.current;
     if (container) {
       container.addEventListener("scroll", handleScroll);
@@ -1416,7 +1406,7 @@ function useScrollToBottom(messages) {
       }
     };
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const container = messagesContainerRef.current;
     if (!container) {
       return;
@@ -1435,7 +1425,7 @@ function useScrollToBottom(messages) {
       mutationObserver.disconnect();
     };
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     isUserScrollUpRef.current = false;
     scrollToBottom();
   }, [messages.filter((m) => m.role === "user").length]);
@@ -1443,12 +1433,12 @@ function useScrollToBottom(messages) {
 }
 
 // src/components/chat/Input.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 
 // src/components/chat/Textarea.tsx
-var import_react7 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var AutoResizingTextarea = (0, import_react7.forwardRef)(
+var AutoResizingTextarea = (0, import_react6.forwardRef)(
   ({
     maxRows = 1,
     placeholder,
@@ -1459,10 +1449,10 @@ var AutoResizingTextarea = (0, import_react7.forwardRef)(
     onCompositionEnd,
     autoFocus
   }, ref) => {
-    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 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 calculateMaxHeight = () => {
         const textarea = internalTextareaRef.current;
         if (textarea) {
@@ -1476,7 +1466,7 @@ var AutoResizingTextarea = (0, import_react7.forwardRef)(
       };
       calculateMaxHeight();
     }, [maxRows]);
-    (0, import_react7.useEffect)(() => {
+    (0, import_react6.useEffect)(() => {
       const textarea = internalTextareaRef.current;
       if (textarea) {
         textarea.style.height = "auto";
@@ -1508,7 +1498,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_react8 = require("react");
+var import_react7 = 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 });
@@ -1557,16 +1547,16 @@ var usePushToTalk = ({
   sendFunction,
   inProgress
 }) => {
-  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 [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 generalContext = (0, import_react_core2.useCopilotContext)();
   const messagesContext = (0, import_react_core2.useCopilotMessagesContext)();
   const context = __spreadValues(__spreadValues({}, generalContext), messagesContext);
-  const [startReadingFromMessageId, setStartReadingFromMessageId] = (0, import_react8.useState)(null);
-  (0, import_react8.useEffect)(() => {
+  const [startReadingFromMessageId, setStartReadingFromMessageId] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
     if (pushToTalkState === "recording") {
       startRecording(
         mediaStreamRef,
@@ -1594,7 +1584,7 @@ var usePushToTalk = ({
       stopRecording(mediaRecorderRef);
     };
   }, [pushToTalkState]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (inProgress === false && startReadingFromMessageId) {
       const lastMessageIndex = context.messages.findIndex(
         (message) => message.id === startReadingFromMessageId
@@ -1613,7 +1603,7 @@ var usePushToTalk = ({
 var import_react_core3 = require("@copilotkit/react-core");
 
 // src/components/chat/PoweredByTag.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 
 // src/hooks/use-dark-mode.ts
 var useDarkMode = () => {
@@ -1625,9 +1615,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_react9.useState)(false);
+  const [mounted, setMounted] = (0, import_react8.useState)(false);
   const isDark = useDarkMode();
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     setMounted(true);
   }, []);
   if (!showPoweredBy) {
@@ -1661,8 +1651,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_react10.useRef)(null);
-  const [isComposing, setIsComposing] = (0, import_react10.useState)(false);
+  const textareaRef = (0, import_react9.useRef)(null);
+  const [isComposing, setIsComposing] = (0, import_react9.useState)(false);
   const handleDivClick = (event) => {
     var _a2;
     const target = event.target;
@@ -1672,7 +1662,7 @@ var Input = ({
       return;
     (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
   };
-  const [text, setText] = (0, import_react10.useState)("");
+  const [text, setText] = (0, import_react9.useState)("");
   const send = () => {
     var _a2;
     if (inProgress)
@@ -1686,17 +1676,17 @@ var Input = ({
     inProgress
   });
   const isInProgress = inProgress || pushToTalkState === "transcribing";
-  const { buttonIcon, buttonAlt } = (0, import_react10.useMemo)(() => {
+  const { buttonIcon, buttonAlt } = (0, import_react9.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_react10.useMemo)(() => {
+  const canSend = (0, import_react9.useMemo)(() => {
     return !isInProgress && text.trim().length > 0 && pushToTalkState === "idle" && !interrupt;
   }, [interrupt, isInProgress, text, pushToTalkState]);
-  const canStop = (0, import_react10.useMemo)(() => {
+  const canStop = (0, import_react9.useMemo)(() => {
     return isInProgress && !hideStopButton;
   }, [isInProgress, hideStopButton]);
   const sendDisabled = !canSend && !canStop;
@@ -1753,7 +1743,7 @@ var Input = ({
 };
 
 // src/components/chat/Chat.tsx
-var import_react11 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_react_core5 = require("@copilotkit/react-core");
 var import_shared = require("@copilotkit/shared");
 
@@ -1930,13 +1920,13 @@ function CopilotChat({
     removeInternalErrorHandler
   } = (0, import_react_core5.useCopilotContext)();
   const { publicApiKey, chatApiEndpoint } = copilotApiConfig;
-  const [selectedImages, setSelectedImages] = (0, import_react11.useState)([]);
-  const [chatError, setChatError] = (0, import_react11.useState)(null);
-  const [messageFeedback, setMessageFeedback] = (0, import_react11.useState)(
+  const [selectedImages, setSelectedImages] = (0, import_react10.useState)([]);
+  const [chatError, setChatError] = (0, import_react10.useState)(null);
+  const [messageFeedback, setMessageFeedback] = (0, import_react10.useState)(
     {}
   );
-  const fileInputRef = (0, import_react11.useRef)(null);
-  const triggerObservabilityHook = (0, import_react11.useCallback)(
+  const fileInputRef = (0, import_react10.useRef)(null);
+  const triggerObservabilityHook = (0, import_react10.useCallback)(
     (hookName, ...args) => {
       if (publicApiKey && (observabilityHooks == null ? void 0 : observabilityHooks[hookName])) {
         observabilityHooks[hookName](...args);
@@ -1955,7 +1945,7 @@ function CopilotChat({
     },
     [publicApiKey, observabilityHooks, setBannerError]
   );
-  const triggerChatError = (0, import_react11.useCallback)(
+  const triggerChatError = (0, import_react10.useCallback)(
     (error, operation, originalError) => {
       const errorMessage = (error == null ? void 0 : error.message) || (error == null ? void 0 : error.toString()) || "An error occurred";
       setChatError({
@@ -2001,7 +1991,7 @@ function CopilotChat({
     },
     [publicApiKey, chatApiEndpoint, observabilityHooks, setBannerError]
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const id = "chat-component";
     setInternalErrorHandler({
       [id]: (error) => {
@@ -2014,7 +2004,7 @@ function CopilotChat({
       removeInternalErrorHandler == null ? void 0 : removeInternalErrorHandler(id);
     };
   }, [triggerChatError, setInternalErrorHandler, removeInternalErrorHandler]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!imageUploadsEnabled)
       return;
     const handlePaste = (e) => __async(this, null, function* () {
@@ -2060,7 +2050,7 @@ function CopilotChat({
     document.addEventListener("paste", handlePaste);
     return () => document.removeEventListener("paste", handlePaste);
   }, [imageUploadsEnabled, triggerChatError]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!(additionalInstructions == null ? void 0 : additionalInstructions.length)) {
       setChatInstructions(instructions || "");
       return;
@@ -2088,8 +2078,8 @@ function CopilotChat({
     onStopGeneration,
     onReloadMessages
   });
-  const prevIsLoading = (0, import_react11.useRef)(isLoading);
-  (0, import_react11.useEffect)(() => {
+  const prevIsLoading = (0, import_react10.useRef)(isLoading);
+  (0, import_react10.useEffect)(() => {
     if (prevIsLoading.current !== isLoading) {
       if (isLoading) {
         triggerObservabilityHook("onChatStarted");
@@ -2112,7 +2102,7 @@ function CopilotChat({
       role: "user"
     });
   };
-  const chatContext = import_react11.default.useContext(ChatContext);
+  const chatContext = import_react10.default.useContext(ChatContext);
   const isVisible = chatContext ? chatContext.open : true;
   const handleRegenerate = (messageId) => {
     if (onRegenerate) {
@@ -2256,7 +2246,7 @@ function WrappedCopilotChat({
   labels,
   className
 }) {
-  const chatContext = import_react11.default.useContext(ChatContext);
+  const chatContext = import_react10.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 }) });