@copilotkit/react-ui 1.8.0-next.6 → 1.8.0-next.8

package/dist/components/index.js

@@ -370,7 +370,10 @@ var ChatContextProvider = ({
       spinnerIcon: SpinnerIcon,
       stopIcon: StopIcon,
       regenerateIcon: RegenerateIcon,
-      pushToTalkIcon: MicrophoneIcon
+      pushToTalkIcon: MicrophoneIcon,
+      copyIcon: CopyIcon,
+      thumbsUpIcon: ThumbsUpIcon,
+      thumbsDownIcon: ThumbsDownIcon
     }), icons),
     [icons]
   );
@@ -685,13 +688,24 @@ var ExclamationMarkIcon = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     ) }) })
   }
 );
-var ChevronDownIcon = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "7px", height: "4px", viewBox: "0 0 7 4", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { id: "Group", fill: "#000000", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  "path",
+var ChevronDownIcon = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "svg",
   {
-    d: "M3.71690723,3.90271086 C3.59268176,4.03242971 3.39143629,4.03242971 3.26721082,3.90271086 L0.0853966595,0.57605615 C-0.0314221035,0.444981627 -0.0279751448,0.240725043 0.0931934622,0.114040675 C0.214362069,-0.0126436935 0.409725445,-0.0162475626 0.535093061,0.105888951 L3.49205902,3.19746006 L6.44902499,0.105888951 C6.52834574,0.0168884389 6.64780588,-0.0197473458 6.7605411,0.0103538404 C6.87327633,0.0404550266 6.96130636,0.132492308 6.99009696,0.250359396 C7.01888756,0.368226483 6.98384687,0.493124608 6.89872139,0.57605615 L3.71690723,3.90271086 Z",
-    id: "Path"
+    width: "7px",
+    height: "4px",
+    viewBox: "0 0 7 4",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { id: "Group", fill: "currentColor", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "path",
+      {
+        d: "M3.71690723,3.90271086 C3.59268176,4.03242971 3.39143629,4.03242971 3.26721082,3.90271086 L0.0853966595,0.57605615 C-0.0314221035,0.444981627 -0.0279751448,0.240725043 0.0931934622,0.114040675 C0.214362069,-0.0126436935 0.409725445,-0.0162475626 0.535093061,0.105888951 L3.49205902,3.19746006 L6.44902499,0.105888951 C6.52834574,0.0168884389 6.64780588,-0.0197473458 6.7605411,0.0103538404 C6.87327633,0.0404550266 6.96130636,0.132492308 6.99009696,0.250359396 C7.01888756,0.368226483 6.98384687,0.493124608 6.89872139,0.57605615 L3.71690723,3.90271086 Z",
+        id: "Path"
+      }
+    ) }) })
   }
-) }) }) });
+);
 var CheckIcon2 = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   "svg",
   {
@@ -774,11 +788,11 @@ function CopilotKitHelpModal() {
           right: "-120px",
           width: "380px"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-white rounded-lg shadow-xl w-full p-4 flex-col relative", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "copilotKitHelpModal rounded-lg shadow-xl w-full p-4 flex-col relative", children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "button",
             {
-              className: "absolute text-gray-400 hover:text-gray-600 focus:outline-none",
+              className: "copilotKitHelpModalCloseButton absolute text-gray-400 hover:text-gray-600 focus:outline-none",
               style: { top: "10px", right: "10px" },
               onClick: () => setShowHelpModal(false),
               "aria-label": "Close",
@@ -1437,18 +1451,8 @@ var Input = ({ inProgress, onSend, isVisible = false, onStop }) => {
   ] }) });
 };
 
-// src/components/chat/Response.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var ResponseButton = ({ onClick, inProgress }) => {
-  const context = useChatContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { onClick, className: "copilotKitResponseButton", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: inProgress ? context.icons.stopIcon : context.icons.regenerateIcon }),
-    inProgress ? context.labels.stopGenerating : context.labels.regenerateResponse
-  ] });
-};
-
 // src/components/chat/messages/RenderTextMessage.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function RenderTextMessage(props) {
   const {
     message,
@@ -1464,7 +1468,7 @@ function RenderTextMessage(props) {
   } = props;
   if (message.isTextMessage()) {
     if (message.role === "user") {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         UserMessage2,
         {
           "data-message-role": "user",
@@ -1474,7 +1478,7 @@ function RenderTextMessage(props) {
         index
       );
     } else if (message.role == "assistant") {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         AssistantMessage2,
         {
           "data-message-role": "assistant",
@@ -1497,7 +1501,7 @@ function RenderTextMessage(props) {
 // 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_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function RenderActionExecutionMessage(props) {
   const { chatComponentsCache } = (0, import_react_core6.useCopilotContext)();
   const { message, inProgress, index, isCurrentMessage, actionResult, AssistantMessage: AssistantMessage2 } = props;
@@ -1506,7 +1510,7 @@ function RenderActionExecutionMessage(props) {
       const render = chatComponentsCache.current.actions[message.name] || chatComponentsCache.current.actions["*"];
       if (typeof render === "string") {
         if (isCurrentMessage && inProgress) {
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             AssistantMessage2,
             {
               rawData: message,
@@ -1539,7 +1543,7 @@ function RenderActionExecutionMessage(props) {
             return null;
           }
           if (typeof toRender === "string") {
-            return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               AssistantMessage2,
               {
                 rawData: message,
@@ -1551,7 +1555,7 @@ function RenderActionExecutionMessage(props) {
               index
             );
           } else {
-            return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               AssistantMessage2,
               {
                 rawData: message,
@@ -1565,20 +1569,20 @@ function RenderActionExecutionMessage(props) {
           }
         } catch (e) {
           console.error(`Error executing render function for action ${message.name}: ${e}`);
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             AssistantMessage2,
             {
               rawData: message,
               "data-message-role": "assistant",
               isLoading: false,
               isGenerating: false,
-              subComponent: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("b", { children: [
+              subComponent: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("b", { children: [
                   "\u274C Error executing render function for action ",
                   message.name,
                   ":"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("pre", { children: e instanceof Error ? e.message : String(e) })
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("pre", { children: e instanceof Error ? e.message : String(e) })
               ] })
             },
             index
@@ -1588,7 +1592,7 @@ function RenderActionExecutionMessage(props) {
     } else if (!inProgress || !isCurrentMessage) {
       return null;
     } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         AssistantMessage2,
         {
           rawData: message,
@@ -1603,11 +1607,11 @@ function RenderActionExecutionMessage(props) {
 }
 
 // src/components/chat/messages/RenderResultMessage.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function RenderResultMessage(props) {
   const { message, inProgress, index, isCurrentMessage, AssistantMessage: AssistantMessage2 } = props;
   if (message.isResultMessage() && inProgress && isCurrentMessage) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       AssistantMessage2,
       {
         "data-message-role": "assistant",
@@ -1624,7 +1628,7 @@ function RenderResultMessage(props) {
 
 // src/components/chat/messages/RenderAgentStateMessage.tsx
 var import_react_core7 = require("@copilotkit/react-core");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function RenderAgentStateMessage(props) {
   const { chatComponentsCache } = (0, import_react_core7.useCopilotContext)();
   const { message, inProgress, index, isCurrentMessage, AssistantMessage: AssistantMessage2 } = props;
@@ -1636,7 +1640,7 @@ function RenderAgentStateMessage(props) {
     if (render) {
       if (typeof render === "string") {
         if (isCurrentMessage && inProgress) {
-          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             AssistantMessage2,
             {
               rawData: message,
@@ -1662,7 +1666,7 @@ function RenderAgentStateMessage(props) {
           return null;
         }
         if (!toRender && isCurrentMessage && inProgress) {
-          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             AssistantMessage2,
             {
               "data-message-role": "assistant",
@@ -1676,7 +1680,7 @@ function RenderAgentStateMessage(props) {
           return null;
         }
         if (typeof toRender === "string") {
-          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             AssistantMessage2,
             {
               rawData: message,
@@ -1688,7 +1692,7 @@ function RenderAgentStateMessage(props) {
             index
           );
         } else {
-          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             AssistantMessage2,
             {
               rawData: message,
@@ -1704,7 +1708,7 @@ function RenderAgentStateMessage(props) {
     } else if (!inProgress || !isCurrentMessage) {
       return null;
     } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         AssistantMessage2,
         {
           rawData: message,
@@ -1749,7 +1753,7 @@ function useCopyToClipboard({ timeout = 2e3 }) {
 }
 
 // src/components/chat/CodeBlock.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var programmingLanguages = {
   javascript: ".js",
   python: ".py",
@@ -1812,15 +1816,15 @@ var CodeBlock = (0, import_react10.memo)(({ language, value }) => {
       return;
     copyToClipboard(value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "copilotKitCodeBlock", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "copilotKitCodeBlockToolbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "copilotKitCodeBlockToolbarLanguage", children: language }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "copilotKitCodeBlockToolbarButtons", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { className: "copilotKitCodeBlockToolbarButton", onClick: downloadAsFile, children: DownloadIcon }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { className: "copilotKitCodeBlockToolbarButton", onClick: onCopy, children: isCopied ? CheckIcon : CopyIcon })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "copilotKitCodeBlock", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "copilotKitCodeBlockToolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "copilotKitCodeBlockToolbarLanguage", children: language }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "copilotKitCodeBlockToolbarButtons", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { className: "copilotKitCodeBlockToolbarButton", onClick: downloadAsFile, children: DownloadIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { className: "copilotKitCodeBlockToolbarButton", onClick: onCopy, children: isCopied ? CheckIcon : CopyIcon })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_react_syntax_highlighter.Prism,
       {
         language,
@@ -2123,18 +2127,18 @@ 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_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var MemoizedReactMarkdown = (0, import_react11.memo)(
   import_react_markdown.default,
   (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.className === nextProps.className
 );
 var Markdown = ({ content }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MemoizedReactMarkdown, { components, remarkPlugins: [import_remark_gfm.default, import_remark_math.default], children: content }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MemoizedReactMarkdown, { components, remarkPlugins: [import_remark_gfm.default, import_remark_math.default], children: content }) });
 };
 var components = {
   a(_a) {
     var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "a",
       __spreadProps(__spreadValues({
         style: { color: "blue", textDecoration: "underline" }
@@ -2149,7 +2153,7 @@ var components = {
     var _d = _c, { children, className, inline } = _d, props = __objRest(_d, ["children", "className", "inline"]);
     if (children.length) {
       if (children[0] == "\u258D") {
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "span",
           {
             style: {
@@ -2164,9 +2168,9 @@ var components = {
     }
     const match = /language-(\w+)/.exec(className || "");
     if (inline) {
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("code", __spreadProps(__spreadValues({ className }, props), { children }));
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("code", __spreadProps(__spreadValues({ className }, props), { children }));
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       CodeBlock,
       __spreadValues({
         language: match && match[1] || "",
@@ -2179,7 +2183,7 @@ var components = {
 
 // src/components/chat/messages/AssistantMessage.tsx
 var import_react12 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var AssistantMessage = (props) => {
   const { icons, labels } = useChatContext();
   const {
@@ -2220,77 +2224,77 @@ var AssistantMessage = (props) => {
       onThumbsDown(message);
     }
   };
-  const LoadingIcon = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: icons.activityIcon });
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    (message || isLoading) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
-      message && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Markdown, { content: message || "" }),
-      isLoading && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LoadingIcon, {}),
-      message && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  const LoadingIcon = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: icons.activityIcon });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    (message || isLoading) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
+      message && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Markdown, { content: message || "" }),
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LoadingIcon, {}),
+      message && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "div",
         {
           className: `copilotKitMessageControls ${isCurrentMessage ? "currentMessage" : ""}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 className: "copilotKitMessageControlButton",
                 onClick: handleRegenerate,
                 "aria-label": labels.regenerateResponse,
                 title: labels.regenerateResponse,
-                children: RegenerateIcon
+                children: icons.regenerateIcon
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 className: "copilotKitMessageControlButton",
                 onClick: handleCopy,
                 "aria-label": labels.copyToClipboard,
                 title: labels.copyToClipboard,
-                children: copied ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: { fontSize: "10px", fontWeight: "bold" }, children: "\u2713" }) : CopyIcon
+                children: copied ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: { fontSize: "10px", fontWeight: "bold" }, children: "\u2713" }) : icons.copyIcon
               }
             ),
-            onThumbsUp && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            onThumbsUp && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 className: "copilotKitMessageControlButton",
                 onClick: handleThumbsUp,
                 "aria-label": labels.thumbsUp,
                 title: labels.thumbsUp,
-                children: ThumbsUpIcon
+                children: icons.thumbsUpIcon
               }
             ),
-            onThumbsDown && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            onThumbsDown && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 className: "copilotKitMessageControlButton",
                 onClick: handleThumbsDown,
                 "aria-label": labels.thumbsDown,
                 title: labels.thumbsDown,
-                children: ThumbsDownIcon
+                children: icons.thumbsDownIcon
               }
             )
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { marginBottom: "0.5rem" }, children: subComponent })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { marginBottom: "0.5rem" }, children: subComponent })
   ] });
 };
 
 // src/components/chat/messages/UserMessage.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var UserMessage = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: props.message });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: props.message });
 };
 
 // src/components/chat/Suggestion.tsx
 var import_react_core8 = require("@copilotkit/react-core");
 var import_shared2 = require("@copilotkit/shared");
 var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Suggestion({ title, message, onClick, partial, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "button",
     {
       disabled: partial,
@@ -2300,7 +2304,7 @@ function Suggestion({ title, message, onClick, partial, className }) {
       },
       className: className || (partial ? "suggestion loading" : "suggestion"),
       "data-test-id": "suggestion",
-      children: partial ? SmallSpinnerIcon : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: title })
+      children: partial ? SmallSpinnerIcon : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: title })
     }
   );
 }
@@ -2380,12 +2384,11 @@ var import_react_core9 = 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_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function CopilotChat({
   instructions,
   onSubmitMessage,
   makeSystemMessage,
-  showResponseButton = true,
   onInProgress,
   onStopGeneration,
   onReloadMessages,
@@ -2399,7 +2402,6 @@ function CopilotChat({
   RenderAgentStateMessage: RenderAgentStateMessage2 = RenderAgentStateMessage,
   RenderResultMessage: RenderResultMessage2 = RenderResultMessage,
   Input: Input2 = Input,
-  ResponseButton: ResponseButton2 = ResponseButton,
   className,
   icons,
   labels,
@@ -2447,8 +2449,8 @@ function CopilotChat({
       onCopy(message);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       Messages2,
       {
         AssistantMessage: AssistantMessage2,
@@ -2463,7 +2465,7 @@ function CopilotChat({
         onCopy: handleCopy,
         onThumbsUp,
         onThumbsDown,
-        children: currentSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "suggestions", children: currentSuggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        children: currentSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "suggestions", children: currentSuggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           Suggestion,
           {
             title: suggestion.title,
@@ -2476,7 +2478,7 @@ function CopilotChat({
         )) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       Input2,
       {
         inProgress: isLoading,
@@ -2495,10 +2497,10 @@ function WrappedCopilotChat({
 }) {
   const chatContext = import_react13.default.useContext(ChatContext);
   if (!chatContext) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChatContextProvider, { icons, labels, open: true, setOpen: () => {
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: `copilotKitChat ${className}`, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChatContextProvider, { icons, labels, open: true, setOpen: () => {
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: `copilotKitChat ${className}`, children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children });
 }
 var SUGGESTIONS_DEBOUNCE_TIMEOUT = 1e3;
 var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onStopGeneration, onReloadMessages) => {
@@ -2659,7 +2661,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
 };
 
 // src/components/chat/Modal.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var CopilotModal = ({
   instructions,
   defaultOpen = false,
@@ -2673,14 +2675,12 @@ var CopilotModal = ({
   icons,
   labels,
   makeSystemMessage,
-  showResponseButton = true,
   onInProgress,
   Window: Window2 = Window,
   Button: Button2 = Button,
   Header: Header2 = Header,
   Messages: Messages2 = Messages,
   Input: Input2 = Input,
-  ResponseButton: ResponseButton2 = ResponseButton,
   AssistantMessage: AssistantMessage2 = AssistantMessage,
   UserMessage: UserMessage2 = UserMessage,
   className,
@@ -2691,19 +2691,19 @@ var CopilotModal = ({
     onSetOpen == null ? void 0 : onSetOpen(open);
     setOpenState(open);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ChatContextProvider, { icons, labels, open: openState, setOpen, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(ChatContextProvider, { icons, labels, open: openState, setOpen, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button2, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button2, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         Window2,
         {
           clickOutsideToClose,
           shortcut,
           hitEscapeToClose,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Header2, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Header2, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               CopilotChat,
               {
                 instructions,
@@ -2711,11 +2711,9 @@ var CopilotModal = ({
                 onStopGeneration,
                 onReloadMessages,
                 makeSystemMessage,
-                showResponseButton,
                 onInProgress,
                 Messages: Messages2,
                 Input: Input2,
-                ResponseButton: ResponseButton2,
                 AssistantMessage: AssistantMessage2,
                 UserMessage: UserMessage2
               }
@@ -2728,17 +2726,17 @@ var CopilotModal = ({
 };
 
 // src/components/chat/Popup.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function CopilotPopup(props) {
   props = __spreadProps(__spreadValues({}, props), {
     className: props.className ? props.className + " copilotKitPopup" : "copilotKitPopup"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CopilotModal, __spreadProps(__spreadValues({}, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CopilotModal, __spreadProps(__spreadValues({}, props), { children: props.children }));
 }
 
 // src/components/chat/Sidebar.tsx
 var import_react15 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function CopilotSidebar(props) {
   props = __spreadProps(__spreadValues({}, props), {
     className: props.className ? props.className + " copilotKitSidebar" : "copilotKitSidebar"
@@ -2751,7 +2749,7 @@ function CopilotSidebar(props) {
     (_a = props.onSetOpen) == null ? void 0 : _a.call(props, open);
     setExpandedClassName(open ? "sidebarExpanded" : "");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: `copilotKitSidebarContentWrapper ${expandedClassName}`, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CopilotModal, __spreadProps(__spreadValues(__spreadValues({}, props), { onSetOpen }), { children: props.children })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `copilotKitSidebarContentWrapper ${expandedClassName}`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CopilotModal, __spreadProps(__spreadValues(__spreadValues({}, props), { onSetOpen }), { children: props.children })) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {