@copilotkit/react-ui 1.10.4-next.2 → 1.10.4

package/dist/components/index.mjs

@@ -2,30 +2,29 @@ import "../chunk-MMVDU6DF.mjs";
 import "../chunk-SC6JRFAJ.mjs";
 import {
   CopilotSidebar
-} from "../chunk-KCRWXHWT.mjs";
+} from "../chunk-DII7M2HW.mjs";
 import "../chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "../chunk-QQDCZRPA.mjs";
-import "../chunk-FJFWH5AF.mjs";
+} from "../chunk-TNN2ZGO6.mjs";
+import "../chunk-GKIR7J5D.mjs";
 import "../chunk-C3GSYRC3.mjs";
-import "../chunk-GDSZGYCE.mjs";
+import "../chunk-V6DDX4LH.mjs";
 import "../chunk-V7W6IM2V.mjs";
 import {
   CopilotDevConsole
-} from "../chunk-FFJHOZX6.mjs";
+} from "../chunk-WBPBTTQD.mjs";
+import "../chunk-KXE2JCUH.mjs";
+import "../chunk-NRA3CFEE.mjs";
+import "../chunk-BH6PCAAL.mjs";
 import "../chunk-Q5V6S67N.mjs";
 import {
   shouldShowDevConsole
 } from "../chunk-JY2CSDKN.mjs";
-import "../chunk-KXE2JCUH.mjs";
-import "../chunk-NRA3CFEE.mjs";
-import "../chunk-BH6PCAAL.mjs";
 import "../chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "../chunk-Z66Y3KRE.mjs";
-import "../chunk-SRY5COHG.mjs";
+} from "../chunk-NJY6RHHQ.mjs";
 import {
   Suggestions
 } from "../chunk-226ZMOE3.mjs";
@@ -36,18 +35,18 @@ import "../chunk-PLHTVHUW.mjs";
 import "../chunk-DTRPPNSA.mjs";
 import "../chunk-CGEAG65D.mjs";
 import "../chunk-QIOJXTIQ.mjs";
-import "../chunk-PHH6DYUW.mjs";
-import "../chunk-YO63WHVQ.mjs";
-import "../chunk-LJAYSRCB.mjs";
+import "../chunk-NGA4T3VT.mjs";
+import "../chunk-SP2PFXCH.mjs";
+import "../chunk-WRQST6DJ.mjs";
+import {
+  UserMessage
+} from "../chunk-VVL6JFCJ.mjs";
 import {
   AssistantMessage
 } from "../chunk-X477GDGZ.mjs";
 import {
   ImageRenderer
 } from "../chunk-DBKRAOH7.mjs";
-import {
-  UserMessage
-} from "../chunk-VVL6JFCJ.mjs";
 import {
   Markdown
 } from "../chunk-SNFHUE5S.mjs";

package/dist/index.js

@@ -97,7 +97,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/components/chat/Modal.tsx
-var import_react16 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 
 // src/components/chat/ChatContext.tsx
 var import_react = __toESM(require("react"));
@@ -1885,7 +1885,7 @@ var Messages = ({
   RenderMessage: RenderMessage2,
   AssistantMessage: AssistantMessage2,
   UserMessage: UserMessage2,
-  ErrorMessage: ErrorMessage2,
+  ErrorMessage,
   ImageRenderer: ImageRenderer2,
   onRegenerate,
   onCopy,
@@ -1954,7 +1954,7 @@ var Messages = ({
         );
       }),
       interrupt,
-      chatError && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ErrorMessage2, { error: chatError, isCurrentMessage: true })
+      chatError && ErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ErrorMessage, { error: chatError, isCurrentMessage: true })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("footer", { className: "copilotKitMessagesFooter", ref: messagesEndRef, children })
   ] });
@@ -2337,67 +2337,15 @@ var Input = ({
   ] });
 };
 
-// src/components/chat/messages/ErrorMessage.tsx
-var import_react14 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var ErrorMessage = (props) => {
-  const { icons, labels } = useChatContext();
-  const { error, onRegenerate, onCopy, isCurrentMessage } = props;
-  const [copied, setCopied] = (0, import_react14.useState)(false);
-  const handleCopy = () => {
-    const content = error.message;
-    if (content && onCopy) {
-      navigator.clipboard.writeText(content);
-      setCopied(true);
-      onCopy(content);
-      setTimeout(() => setCopied(false), 2e3);
-    } else if (content) {
-      navigator.clipboard.writeText(content);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    }
-  };
-  const handleRegenerate = () => {
-    if (onRegenerate)
-      onRegenerate();
-  };
-  console.log(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Markdown, { content: error.message }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `copilotKitMessageControls ${isCurrentMessage ? "currentMessage" : ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        "button",
-        {
-          className: "copilotKitMessageControlButton",
-          onClick: handleRegenerate,
-          "aria-label": labels.regenerateResponse,
-          title: labels.regenerateResponse,
-          children: icons.regenerateIcon
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        "button",
-        {
-          className: "copilotKitMessageControlButton",
-          onClick: handleCopy,
-          "aria-label": labels.copyToClipboard,
-          title: labels.copyToClipboard,
-          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { fontSize: "10px", fontWeight: "bold" }, children: "\u2713" }) : icons.copyIcon
-        }
-      )
-    ] })
-  ] });
-};
-
 // src/components/chat/Chat.tsx
-var import_react15 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_react_core9 = require("@copilotkit/react-core");
 var import_shared3 = require("@copilotkit/shared");
 var import_shared4 = require("@copilotkit/shared");
 var import_react_core10 = require("@copilotkit/react-core");
 
 // src/components/chat/ImageUploadQueue.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var ImageUploadQueue = ({
   images,
   onRemoveImage,
@@ -2405,7 +2353,7 @@ var ImageUploadQueue = ({
 }) => {
   if (images.length === 0)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       className: `copilotKitImageUploadQueue ${className}`,
@@ -2416,7 +2364,7 @@ var ImageUploadQueue = ({
         margin: "8px",
         padding: "8px"
       },
-      children: images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      children: images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         "div",
         {
           className: "copilotKitImageUploadQueueItem",
@@ -2429,7 +2377,7 @@ var ImageUploadQueue = ({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "img",
               {
                 src: `data:${image.contentType};base64,${image.bytes}`,
@@ -2441,7 +2389,7 @@ var ImageUploadQueue = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "button",
               {
                 onClick: () => onRemoveImage(index),
@@ -2476,12 +2424,12 @@ var ImageUploadQueue = ({
 
 // src/components/chat/Suggestion.tsx
 var import_react_core8 = require("@copilotkit/react-core");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Suggestion({ title, onClick, partial, className }) {
   if (!title)
     return null;
   const { isLoading } = (0, import_react_core8.useCopilotChatInternal)();
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "button",
     {
       disabled: partial || isLoading,
@@ -2491,15 +2439,15 @@ function Suggestion({ title, onClick, partial, className }) {
       },
       className: className || (partial ? "suggestion loading" : "suggestion"),
       "data-test-id": "suggestion",
-      children: partial ? SmallSpinnerIcon : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: title })
+      children: partial ? SmallSpinnerIcon : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: title })
     }
   );
 }
 
 // src/components/chat/Suggestions.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Suggestions({ suggestions, onSuggestionClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "suggestions", children: suggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "suggestions", children: suggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Suggestion,
     {
       title: suggestion.title,
@@ -2513,7 +2461,7 @@ function Suggestions({ suggestions, onSuggestionClick }) {
 }
 
 // src/components/chat/Chat.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
   suggestions = "auto",
@@ -2538,7 +2486,7 @@ function CopilotChat({
   AssistantMessage: AssistantMessage2 = AssistantMessage,
   UserMessage: UserMessage2 = UserMessage,
   ImageRenderer: ImageRenderer2 = ImageRenderer,
-  ErrorMessage: ErrorMessage2 = ErrorMessage,
+  ErrorMessage,
   imageUploadsEnabled,
   inputFileAccept = "image/*",
   hideStopButton,
@@ -2561,10 +2509,10 @@ function CopilotChat({
     removeInternalErrorHandler
   } = (0, import_react_core9.useCopilotContext)();
   const { publicApiKey, chatApiEndpoint } = copilotApiConfig;
-  const [selectedImages, setSelectedImages] = (0, import_react15.useState)([]);
-  const [chatError, setChatError] = (0, import_react15.useState)(null);
-  const fileInputRef = (0, import_react15.useRef)(null);
-  const triggerObservabilityHook = (0, import_react15.useCallback)(
+  const [selectedImages, setSelectedImages] = (0, import_react14.useState)([]);
+  const [chatError, setChatError] = (0, import_react14.useState)(null);
+  const fileInputRef = (0, import_react14.useRef)(null);
+  const triggerObservabilityHook = (0, import_react14.useCallback)(
     (hookName, ...args) => {
       if (publicApiKey && (observabilityHooks == null ? void 0 : observabilityHooks[hookName])) {
         observabilityHooks[hookName](...args);
@@ -2583,7 +2531,7 @@ function CopilotChat({
     },
     [publicApiKey, observabilityHooks, setBannerError]
   );
-  const triggerChatError = (0, import_react15.useCallback)(
+  const triggerChatError = (0, import_react14.useCallback)(
     (error, operation, originalError) => {
       const errorMessage = (error == null ? void 0 : error.message) || (error == null ? void 0 : error.toString()) || "An error occurred";
       setChatError({
@@ -2629,7 +2577,7 @@ function CopilotChat({
     },
     [publicApiKey, chatApiEndpoint, observabilityHooks, setBannerError]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const id = "chat-component";
     setInternalErrorHandler({
       [id]: (error) => {
@@ -2642,7 +2590,7 @@ function CopilotChat({
       removeInternalErrorHandler == null ? void 0 : removeInternalErrorHandler(id);
     };
   }, [triggerChatError, setInternalErrorHandler, removeInternalErrorHandler]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!imageUploadsEnabled)
       return;
     const handlePaste = (e) => __async(this, null, function* () {
@@ -2688,7 +2636,7 @@ function CopilotChat({
     document.addEventListener("paste", handlePaste);
     return () => document.removeEventListener("paste", handlePaste);
   }, [imageUploadsEnabled, triggerChatError]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!(additionalInstructions == null ? void 0 : additionalInstructions.length)) {
       setChatInstructions(instructions || "");
       return;
@@ -2716,8 +2664,8 @@ function CopilotChat({
     onStopGeneration,
     onReloadMessages
   );
-  const prevIsLoading = (0, import_react15.useRef)(isLoading);
-  (0, import_react15.useEffect)(() => {
+  const prevIsLoading = (0, import_react14.useRef)(isLoading);
+  (0, import_react14.useEffect)(() => {
     if (prevIsLoading.current !== isLoading) {
       if (isLoading) {
         triggerObservabilityHook("onChatStarted");
@@ -2736,7 +2684,7 @@ function CopilotChat({
     triggerObservabilityHook("onMessageSent", text);
     return sendMessage(text, images);
   };
-  const chatContext = import_react15.default.useContext(ChatContext);
+  const chatContext = import_react14.default.useContext(ChatContext);
   const isVisible = chatContext ? chatContext.open : true;
   const handleRegenerate = (messageId) => {
     if (onRegenerate) {
@@ -2798,14 +2746,14 @@ function CopilotChat({
     }
     triggerObservabilityHook("onFeedbackGiven", message.id, "thumbsDown");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
     chatError && renderError && renderError(__spreadProps(__spreadValues({}, chatError), {
       onDismiss: () => setChatError(null),
       onRetry: () => {
         setChatError(null);
       }
     })),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Messages2,
       {
         AssistantMessage: AssistantMessage2,
@@ -2819,14 +2767,14 @@ function CopilotChat({
         onThumbsDown: handleThumbsDown,
         markdownTagRenderers,
         ImageRenderer: ImageRenderer2,
-        ErrorMessage: ErrorMessage2,
+        ErrorMessage,
         chatError,
         RenderTextMessage,
         RenderActionExecutionMessage,
         RenderAgentStateMessage,
         RenderResultMessage,
         RenderImageMessage,
-        children: currentSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        children: currentSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           RenderSuggestionsList,
           {
             onSuggestionClick: handleSendMessage,
@@ -2835,9 +2783,9 @@ function CopilotChat({
         )
       }
     ),
-    imageUploadsEnabled && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ImageUploadQueue, { images: selectedImages, onRemoveImage: removeSelectedImage }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    imageUploadsEnabled && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ImageUploadQueue, { images: selectedImages, onRemoveImage: removeSelectedImage }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "input",
         {
           type: "file",
@@ -2849,7 +2797,7 @@ function CopilotChat({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Input2,
       {
         inProgress: isLoading,
@@ -2871,12 +2819,12 @@ function WrappedCopilotChat({
   labels,
   className
 }) {
-  const chatContext = import_react15.default.useContext(ChatContext);
+  const chatContext = import_react14.default.useContext(ChatContext);
   if (!chatContext) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChatContextProvider, { icons, labels, open: true, setOpen: () => {
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `copilotKitChat ${className != null ? className : ""}`, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChatContextProvider, { icons, labels, open: true, setOpen: () => {
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: `copilotKitChat ${className != null ? className : ""}`, children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children });
 }
 var useCopilotChatLogic = (chatSuggestions, makeSystemMessage, disableSystemMessage, onInProgress, onSubmitMessage, onStopGeneration, onReloadMessages) => {
   var _a;
@@ -2900,15 +2848,15 @@ var useCopilotChatLogic = (chatSuggestions, makeSystemMessage, disableSystemMess
   const generalContext = (0, import_react_core9.useCopilotContext)();
   const messagesContext = (0, import_react_core9.useCopilotMessagesContext)();
   const { actions } = generalContext;
-  const [suggestionsFailed, setSuggestionsFailed] = (0, import_react15.useState)(false);
-  const hasGeneratedInitialSuggestions = (0, import_react15.useRef)(false);
-  (0, import_react15.useEffect)(() => {
+  const [suggestionsFailed, setSuggestionsFailed] = (0, import_react14.useState)(false);
+  const hasGeneratedInitialSuggestions = (0, import_react14.useRef)(false);
+  (0, import_react14.useEffect)(() => {
     if (Array.isArray(chatSuggestions)) {
       setSuggestions(chatSuggestions);
       hasGeneratedInitialSuggestions.current = true;
     }
   }, [JSON.stringify(chatSuggestions), setSuggestions]);
-  const generateSuggestionsWithErrorHandling = (0, import_react15.useCallback)(
+  const generateSuggestionsWithErrorHandling = (0, import_react14.useCallback)(
     (context) => __async(void 0, null, function* () {
       try {
         yield generateSuggestions();
@@ -2919,7 +2867,7 @@ var useCopilotChatLogic = (chatSuggestions, makeSystemMessage, disableSystemMess
     }),
     [generateSuggestions]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (chatSuggestions !== "auto" || isLoadingSuggestions || suggestionsFailed) {
       return;
     }
@@ -2949,13 +2897,13 @@ var useCopilotChatLogic = (chatSuggestions, makeSystemMessage, disableSystemMess
     // Use stable string instead of object reference
     generateSuggestionsWithErrorHandling
   ]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (chatSuggestions !== "auto") {
       hasGeneratedInitialSuggestions.current = false;
       setSuggestionsFailed(false);
     }
   }, [chatSuggestions]);
-  const stableContext = (0, import_react15.useMemo)(
+  const stableContext = (0, import_react14.useMemo)(
     () => __spreadValues(__spreadValues({}, generalContext), messagesContext),
     [
       // Only include stable dependencies
@@ -2964,12 +2912,12 @@ var useCopilotChatLogic = (chatSuggestions, makeSystemMessage, disableSystemMess
       generalContext.isLoading
     ]
   );
-  const resetSuggestions = (0, import_react15.useCallback)(() => {
+  const resetSuggestions = (0, import_react14.useCallback)(() => {
     resetSuggestionsFromHook();
     setSuggestionsFailed(false);
     hasGeneratedInitialSuggestions.current = false;
   }, [resetSuggestionsFromHook]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     onInProgress == null ? void 0 : onInProgress(isLoading);
   }, [onInProgress, isLoading]);
   const safelySendMessage = (messageContent, imagesToUse) => __async(void 0, null, function* () {
@@ -3115,7 +3063,7 @@ var useCopilotChatLogic = (chatSuggestions, makeSystemMessage, disableSystemMess
 // src/components/chat/Modal.tsx
 var import_react_core11 = require("@copilotkit/react-core");
 var import_shared5 = require("@copilotkit/shared");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var CopilotModalInner = (_a) => {
   var _b = _a, {
     observabilityHooks,
@@ -3142,7 +3090,7 @@ var CopilotModalInner = (_a) => {
   ]);
   const { copilotApiConfig, setBannerError } = (0, import_react_core11.useCopilotContext)();
   const { publicApiKey } = copilotApiConfig;
-  const triggerObservabilityHook = (0, import_react16.useCallback)(
+  const triggerObservabilityHook = (0, import_react15.useCallback)(
     (hookName, ...args) => {
       if (publicApiKey && (observabilityHooks == null ? void 0 : observabilityHooks[hookName])) {
         observabilityHooks[hookName](...args);
@@ -3162,8 +3110,8 @@ var CopilotModalInner = (_a) => {
     [publicApiKey, observabilityHooks, setBannerError]
   );
   const { open } = useChatContext();
-  const prevOpen = (0, import_react16.useRef)(open);
-  (0, import_react16.useEffect)(() => {
+  const prevOpen = (0, import_react15.useRef)(open);
+  (0, import_react15.useEffect)(() => {
     if (prevOpen.current !== open) {
       onSetOpen == null ? void 0 : onSetOpen(open);
       if (open) {
@@ -3174,13 +3122,13 @@ var CopilotModalInner = (_a) => {
       prevOpen.current = open;
     }
   }, [open, onSetOpen, triggerObservabilityHook]);
-  const memoizedHeader = (0, import_react16.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Header2, {}), [Header2]);
-  const memoizedChildren = (0, import_react16.useMemo)(() => children, [children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+  const memoizedHeader = (0, import_react15.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Header2, {}), [Header2]);
+  const memoizedChildren = (0, import_react15.useMemo)(() => children, [children]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
     memoizedChildren,
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button2, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button2, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         Window2,
         {
           clickOutsideToClose,
@@ -3188,7 +3136,7 @@ var CopilotModalInner = (_a) => {
           hitEscapeToClose,
           children: [
             memoizedHeader,
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CopilotChat, __spreadProps(__spreadValues({}, chatProps), { observabilityHooks }))
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CopilotChat, __spreadProps(__spreadValues({}, chatProps), { observabilityHooks }))
           ]
         }
       )
@@ -3255,8 +3203,8 @@ var CopilotModal = (_a) => {
     "children",
     "observabilityHooks"
   ]);
-  const [openState, setOpenState] = import_react16.default.useState(defaultOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChatContextProvider, { icons, labels, open: openState, setOpen: setOpenState, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  const [openState, setOpenState] = import_react15.default.useState(defaultOpen);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChatContextProvider, { icons, labels, open: openState, setOpen: setOpenState, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     CopilotModalInner,
     __spreadProps(__spreadValues({
       observabilityHooks,
@@ -3290,22 +3238,22 @@ var CopilotModal = (_a) => {
 };
 
 // src/components/chat/Popup.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function CopilotPopup(props) {
   props = __spreadProps(__spreadValues({}, props), {
     className: props.className ? props.className + " copilotKitPopup" : "copilotKitPopup"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CopilotModal, __spreadProps(__spreadValues({}, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CopilotModal, __spreadProps(__spreadValues({}, props), { children: props.children }));
 }
 
 // src/components/chat/Sidebar.tsx
-var import_react17 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function CopilotSidebar(props) {
   props = __spreadProps(__spreadValues({}, props), {
     className: props.className ? props.className + " copilotKitSidebar" : "copilotKitSidebar"
   });
-  const [expandedClassName, setExpandedClassName] = (0, import_react17.useState)(
+  const [expandedClassName, setExpandedClassName] = (0, import_react16.useState)(
     props.defaultOpen ? "sidebarExpanded" : ""
   );
   const onSetOpen = (open) => {
@@ -3313,11 +3261,11 @@ function CopilotSidebar(props) {
     (_a = props.onSetOpen) == null ? void 0 : _a.call(props, open);
     setExpandedClassName(open ? "sidebarExpanded" : "");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: `copilotKitSidebarContentWrapper ${expandedClassName}`, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CopilotModal, __spreadProps(__spreadValues(__spreadValues({}, props), { onSetOpen }), { children: props.children })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `copilotKitSidebarContentWrapper ${expandedClassName}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CopilotModal, __spreadProps(__spreadValues(__spreadValues({}, props), { onSetOpen }), { children: props.children })) });
 }
 
 // src/hooks/use-copilot-chat-suggestions.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_react_core12 = require("@copilotkit/react-core");
 var import_shared6 = require("@copilotkit/shared");
 function useCopilotChatSuggestions({
@@ -3328,7 +3276,7 @@ function useCopilotChatSuggestions({
   maxSuggestions = 3
 }, dependencies = []) {
   const context = (0, import_react_core12.useCopilotContext)();
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (available === "disabled")
       return;
     const id = (0, import_shared6.randomId)();