@copilotkit/react-ui 1.1.3-feat-runtime-remote-actions.2 → 1.2.0

package/dist/index.d.mts

@@ -0,0 +1,13 @@
+export { ButtonProps, HeaderProps, InputProps, MessagesProps, ResponseButtonProps, SuggestionsProps, WindowProps } from './components/chat/props.mjs';
+export { CopilotPopup } from './components/chat/Popup.mjs';
+export { CopilotSidebar } from './components/chat/Sidebar.mjs';
+export { CopilotChat } from './components/chat/Chat.mjs';
+export { useChatContext } from './components/chat/ChatContext.mjs';
+export { useCopilotChatSuggestions } from './hooks/use-copilot-chat-suggestions.mjs';
+export { CopilotKitCSSProperties } from './types/css.mjs';
+import '@copilotkit/runtime-client-gql';
+import 'react/jsx-runtime';
+import './components/chat/Modal.mjs';
+import 'react';
+import '@copilotkit/react-core';
+import './types/suggestions.mjs';

package/dist/index.js

@@ -88,6 +88,13 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
+// src/styles.css
+if (globalThis.hasOwnProperty("document")) {
+  const style = document == null ? void 0 : document.createElement("style");
+  style.innerHTML = "html{--copilot-kit-primary-color:#3b82f6;--copilot-kit-contrast-color:#fff;--copilot-kit-secondary-color:#f3f4f6;--copilot-kit-secondary-contrast-color:#000;--copilot-kit-background-color:#fff;--copilot-kit-muted-color:#6a6a6a;--copilot-kit-separator-color:rgba(0,0,0,.08);--copilot-kit-scrollbar-color:rgba(0,0,0,.2);--copilot-kit-response-button-color:#333;--copilot-kit-response-button-background-color:#fff}.copilotKitPopup{bottom:1rem;line-height:1.5;position:fixed;right:1rem;z-index:30;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;touch-action:manipulation}.copilotKitPopup svg{display:inline-block;vertical-align:middle}.copilotKitSidebar{bottom:1rem;line-height:1.5;position:fixed;right:1rem;z-index:30;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;touch-action:manipulation}.copilotKitSidebar svg{display:inline-block;vertical-align:middle}.copilotKitSidebarContentWrapper{margin-right:0;overflow:visible;transition:margin-right .3s ease}@media (min-width:640px){.copilotKitSidebarContentWrapper.sidebarExpanded{margin-right:28rem}}.copilotKitButton{align-items:center;background-color:var(--copilot-kit-primary-color);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:var(--copilot-kit-contrast-color);cursor:pointer;display:flex;height:3.5rem;justify-content:center;outline:none;position:relative;transform:scale(1);transition:transform .2s;width:3.5rem}.copilotKitButton:hover{transform:scale(1.1)}.copilotKitButton:active{transform:scale(.75)}.copilotKitButtonIcon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .1s,transform .3s}.copilotKitButton.open .copilotKitButtonIconOpen{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(90deg)}.copilotKitButton.open .copilotKitButtonIconClose,.copilotKitButton:not(.open) .copilotKitButtonIconOpen{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}.copilotKitButton:not(.open) .copilotKitButtonIconClose{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-90deg)}.copilotKitHeader{align-items:center;background-color:var(--copilot-kit-primary-color);border-bottom:1px solid var(--copilot-kit-separator-color);border-top-left-radius:0;border-top-right-radius:0;color:var(--copilot-kit-contrast-color);display:flex;font-weight:500;height:56px;justify-content:center;position:relative}.copilotKitSidebar .copilotKitHeader{border-radius:0}@media (min-width:640px){.copilotKitHeader{border-top-left-radius:8px;border-top-right-radius:8px;padding-left:24px;padding-right:24px}}.copilotKitHeader>button{background-color:transparent;border:0;color:var(--copilot-kit-contrast-color);cursor:pointer;outline:none;padding:0;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.copilotKitHeader>button:focus{outline:none}.copilotKitInput{align-items:center;background-color:var(--copilot-kit-background-color);border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;border-top:1px solid var(--copilot-kit-separator-color);cursor:text;display:flex;padding:1rem 1rem 1rem 2rem;position:relative}.copilotKitInput>.copilotKitInputControls>button{-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:transparent;background-image:none;border:0;color:rgba(0,0,0,.25);cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0 0 0 .5rem;padding:.25rem;text-align:center;text-indent:0;text-shadow:none;text-transform:none;transform:scale(1);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.copilotKitInput>.copilotKitInputControls>button:not([disabled]){color:var(--copilot-kit-primary-color)}.copilotKitInput>.copilotKitInputControls>button:not([disabled]):hover{transform:scale(1.1)}.copilotKitInput>.copilotKitInputControls>button[disabled]{color:var(--copilot-kit-muted-color)}.copilotKitInputControls{display:flex}.copilotKitInput>textarea{flex:1;outline:2px solid transparent;outline-offset:2px;overflow-wrap:break-word;resize:none;white-space:pre-wrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--copilot-kit-background-color);border:0;color:var(--copilot-kit-secondary-contrast-color);cursor:text;font-family:inherit;font-size:.875rem;font-weight:inherit;line-height:1.25rem;margin:0;padding:0}.copilotKitInput>textarea::-moz-placeholder{color:var(--copilot-kit-muted-color);opacity:1}.copilotKitInput>textarea::placeholder{color:var(--copilot-kit-muted-color);opacity:1}.copilotKitInput>.copilotKitInputControls>button.copilotKitPushToTalkRecording{animation:copilotKitPulseAnimation 2s cubic-bezier(.4,0,.6,1) infinite;background-color:red;border-radius:50%;color:#fff}.copilotKitMessages{background-color:var(--copilot-kit-background-color);display:flex;flex:1;flex-direction:column;overflow-y:scroll;padding:1rem 2rem}.copilotKitMessages::-webkit-scrollbar{width:9px}.copilotKitMessages::-webkit-scrollbar-thumb{background-color:var(--copilot-kit-scrollbar-color);border:2px solid var(--copilot-kit-background-color);border-radius:10rem}.copilotKitMessages::-webkit-scrollbar-track-piece:start{background:transparent}.copilotKitMessages::-webkit-scrollbar-track-piece:end{background:transparent}.copilotKitMessage{border-radius:.5rem;font-size:.875rem;line-height:1.25rem;margin-bottom:.5rem;max-width:80%;overflow-wrap:break-word;padding:1rem}.copilotKitMessage.copilotKitUserMessage{background:var(--copilot-kit-primary-color);color:var(--copilot-kit-contrast-color);margin-left:auto;white-space:pre-wrap}.copilotKitMessage.copilotKitAssistantMessage{background:var(--copilot-kit-secondary-color);color:var(--copilot-kit-secondary-contrast-color);margin-right:auto}.copilotKitMessage.copilotKitAssistantMessage+.copilotKitMessage.copilotKitUserMessage,.copilotKitMessage.copilotKitUserMessage+.copilotKitMessage.copilotKitAssistantMessage{margin-top:1.5rem}.copilotKitCustomAssistantMessage{margin-bottom:1.5rem;margin-top:1.5rem}.copilotKitMessage .inProgressLabel{margin-left:10px}.copilotKitMessages footer{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end}.copilotKitWindow{background-color:#fff;border-color:#e5e7eb;border-radius:.75rem;box-shadow:0 5px 40px rgba(0,0,0,.16);display:flex;flex-direction:column;inset:0;opacity:0;pointer-events:none;position:fixed;transform:scale(.95) translateY(20px);transform-origin:bottom;transition:opacity .1s ease-out,transform .2s ease-out}.copilotKitSidebar .copilotKitWindow{border-radius:0;opacity:1;transform:translateX(100%)}.copilotKitWindow.open{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.copilotKitSidebar .copilotKitWindow.open{transform:translateX(0)}@media (min-width:640px){.copilotKitWindow{border-width:0;bottom:5rem;height:600px;left:auto;margin-bottom:1rem;max-height:calc(100% - 6rem);min-height:200px;right:1rem;top:auto;transform-origin:bottom right;width:24rem}.copilotKitSidebar .copilotKitWindow{bottom:0;left:auto;margin-bottom:0;max-height:none;min-height:100%;right:0;top:auto;width:28rem}}.copilotKitActivityDot1{animation:copilotKitActivityDotsAnimation 1.05s infinite}.copilotKitActivityDot2{animation-delay:.1s}.copilotKitActivityDot3{animation-delay:.2s}@keyframes copilotKitActivityDotsAnimation{0%,57.14%{animation-timing-function:cubic-bezier(.33,.66,.66,1);transform:translate(0)}28.57%{animation-timing-function:cubic-bezier(.33,0,.66,.33);transform:translateY(-6px)}to{transform:translate(0)}}@keyframes copilotKitSpinAnimation{to{transform:rotate(1turn)}}@keyframes copilotKitPulseAnimation{50%{opacity:.5}}.copilotKitResponseButton{background-color:var(--copilot-kit-response-button-background-color);border:1px solid var(--copilot-kit-separator-color);border-radius:4px;color:var(--copilot-kit-response-button-color);cursor:pointer;font-size:14px;font-weight:500;height:32px;line-height:30px;margin:15px 0 0;padding:0 16px;text-align:center;text-decoration:none;text-transform:none;white-space:nowrap}.copilotKitResponseButton:hover{filter:brightness(95%)}.copilotKitResponseButton>span{margin-right:.5rem}.copilotKitMarkdown h1,.copilotKitMarkdown h2,.copilotKitMarkdown h3,.copilotKitMarkdown h4,.copilotKitMarkdown h5,.copilotKitMarkdown h6{font-weight:700;line-height:1.2}.copilotKitMarkdown h1:not(:last-child),.copilotKitMarkdown h2:not(:last-child),.copilotKitMarkdown h3:not(:last-child),.copilotKitMarkdown h4:not(:last-child),.copilotKitMarkdown h5:not(:last-child),.copilotKitMarkdown h6:not(:last-child){margin-bottom:1rem}.copilotKitMarkdown h1{font-size:1.5em}.copilotKitMarkdown h2{font-size:1.25em;font-weight:600}.copilotKitMarkdown h3{font-size:1.1em}.copilotKitMarkdown h4{font-size:1em}.copilotKitMarkdown h5{font-size:.9em}.copilotKitMarkdown h6{font-size:.8em}.copilotKitMarkdown blockquote:not(:last-child),.copilotKitMarkdown ol:not(:last-child),.copilotKitMarkdown p:not(:last-child),.copilotKitMarkdown pre:not(:last-child),.copilotKitMarkdown ul:not(:last-child){margin-bottom:1.25em}.copilotKitMarkdown blockquote{border-left:2px solid;border-color:#8e8ea0;line-height:1.2;padding-left:10px}.copilotKitMarkdown blockquote p{padding:.7em 0}.copilotKitMarkdown ul{list-style-type:disc;overflow:visible;padding-left:20px}.copilotKitMarkdown li{list-style-position:outside;list-style-type:inherit;margin-left:0;overflow:visible;padding-left:0;position:relative}.copilotKitCodeBlock{background-color:#09090b;border-radius:.375rem;position:relative;width:100%}.copilotKitCodeBlockToolbar{align-items:center;background-color:#27272a;border-top-left-radius:.375rem;border-top-right-radius:.375rem;color:#e4e4e4;display:flex;font-family:sans-serif;justify-content:space-between;padding-bottom:.09rem;padding-left:1rem;padding-top:.09rem;width:100%}.copilotKitCodeBlockToolbarLanguage{font-size:.75rem;line-height:1rem;text-transform:lowercase}.copilotKitCodeBlockToolbarButtons{align-items:center;display:flex;margin-left:.25rem;margin-right:.25rem}.copilotKitCodeBlockToolbarButton{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;line-height:1.25rem;margin:2px;padding:3px;width:2.5rem}.copilotKitCodeBlockToolbarButton:hover{background-color:#37373a}.copilotKitMessages footer .suggestions{display:flex;flex-wrap:wrap;gap:8px}.copilotKitMessages footer h6{font-size:.7rem;font-weight:500;margin-bottom:8px}.copilotKitMessages footer .suggestions .suggestion{background:var(--copilot-kit-primary-color);border-radius:.5rem;color:var(--copilot-kit-contrast-color);font-size:.7rem;padding:8px 12px}.copilotKitMessages footer .suggestions button{transition:transform .3s ease}.copilotKitMessages footer .suggestions button:not(:disabled):hover{transform:scale(1.05)}.copilotKitMessages footer .suggestions button:disabled{cursor:wait}.copilotKitMessages footer .suggestions button svg{margin-right:6px}.copilotKitChat{line-height:1.5;z-index:30;-webkit-text-size-adjust:100%;display:flex;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;touch-action:manipulation}.copilotKitChat svg{display:inline-block;vertical-align:middle}.copilotKitChat .copilotKitMessages{flex-grow:1}.copilotKitDevConsole{align-items:center;background-color:#f3f4f6;border-bottom:1px solid #cecece;display:flex;padding:10px}.copilotKitDevConsole.copilotKitDevConsoleWarnOutdated{background-color:#f9caca}.copilotKitDevConsole .copilotKitVersionInfo{display:flex;flex:1;flex-direction:column;gap:2px;margin-left:18px}.copilotKitDevConsole .copilotKitVersionInfo header{font-size:11px;font-weight:700}.copilotKitDevConsole .copilotKitVersionInfo footer{margin-top:10px}.copilotKitDevConsole .copilotKitVersionInfo footer button{background-color:#fff;border:1px solid #979797;border-radius:4px;display:inline-block;font-family:monospace;font-size:11px;font-weight:400;overflow:hidden;padding:1px 12px 1px 5px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:260px}.copilotKitDevConsole .copilotKitVersionInfo header aside{color:#7f7a7a;display:inline;font-weight:400;margin-left:5px}.copilotKitDevConsole .copilotKitVersionInfo section{font-size:11px}.copilotKitDevConsole .copilotKitVersionInfo section svg{margin-left:3px;margin-top:-3px}.copilotKitDevConsole .copilotKitDebugMenuButton{align-items:center;background-color:#d8d8d8;border:1px solid #979797;border-radius:6px;display:flex;font-size:11px;font-weight:700;height:30px;justify-content:center;outline:none;width:90px}.copilotKitDebugMenuButton.compact{color:#000;font-size:8px;justify-content:center;outline:none;width:35px}.copilotKitDevConsole .copilotKitDebugMenuButton:hover{background-color:#c7c7c7}.copilotKitDevConsole .copilotKitDebugMenuButton>svg{margin-left:10px}.copilotKitDebugMenu{background-color:#d8d8d8;border:1px solid #979797;border-radius:6px;font-size:13px;margin-top:2px;outline:none;padding:.25rem}.copilotKitDebugMenuItem{background:none;border:none;cursor:pointer;display:block;padding:3px 10px;text-align:left;width:100%}.copilotKitDebugMenuItem:hover{background-color:#c7c7c7;border-radius:4px}.copilotKitDebugMenu[data-closed]{opacity:0;transform:scale(.95)}.copilotKitDebugMenu hr{background-color:#979797;border:none;height:1px;margin:.25rem}";
+  document == null ? void 0 : document.head.appendChild(style);
+}
+
 // src/components/chat/Modal.tsx
 var import_react12 = __toESM(require("react"));
 
@@ -612,8 +619,7 @@ var CodeBlock = (0, import_react3.memo)(({ language, value }) => {
     URL.revokeObjectURL(url);
   };
   const onCopy = () => {
-    if (isCopied)
-      return;
+    if (isCopied) return;
     copyToClipboard(value);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitCodeBlock", children: [
@@ -1033,8 +1039,8 @@ var Messages = ({ messages, inProgress, children }) => {
       } else if (message instanceof import_runtime_client_gql.TextMessage && message.role == "assistant") {
         return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: isCurrentMessage && inProgress && !message.content ? context.icons.spinnerIcon : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Markdown, { content: message.content }) }, index);
       } else if (message instanceof import_runtime_client_gql.ActionExecutionMessage) {
-        if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
-          const render = chatComponentsCache.current.actions[message.name];
+        if (chatComponentsCache.current !== null && chatComponentsCache.current[message.name]) {
+          const render = chatComponentsCache.current[message.name];
           if (typeof render === "string") {
             if (isCurrentMessage && inProgress) {
               return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
@@ -1076,50 +1082,6 @@ var Messages = ({ messages, inProgress, children }) => {
         } else {
           return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
         }
-      } else if (message instanceof import_runtime_client_gql.AgentStateMessage) {
-        let render;
-        if (chatComponentsCache.current !== null) {
-          render = chatComponentsCache.current.coagentActions[`${message.agentName}-${message.nodeName}`] || chatComponentsCache.current.coagentActions[`${message.agentName}-global`];
-        }
-        if (render) {
-          if (typeof render === "string") {
-            if (isCurrentMessage && inProgress) {
-              return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
-                context.icons.spinnerIcon,
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "inProgressLabel", children: render })
-              ] }, index);
-            } else {
-              return null;
-            }
-          } else {
-            const state = message.state;
-            let status = message.active ? "inProgress" : "complete";
-            const toRender = render({
-              status,
-              state,
-              nodeName: message.nodeName
-            });
-            if (!toRender && status === "complete") {
-              return null;
-            }
-            if (typeof toRender === "string") {
-              return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
-                isCurrentMessage && inProgress && context.icons.spinnerIcon,
-                " ",
-                toRender
-              ] }, index);
-            } else {
-              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "copilotKitCustomAssistantMessage", children: toRender }, index);
-            }
-          }
-        } else if (!inProgress || !isCurrentMessage) {
-          return null;
-        } else {
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
-        }
-      } else if (message instanceof import_runtime_client_gql.ResultMessage && inProgress && isCurrentMessage) {
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
       }
     }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("footer", { ref: messagesEndRef, children })
@@ -1307,15 +1269,13 @@ var Input = ({ inProgress, onSend, isVisible = false }) => {
   const textareaRef = (0, import_react8.useRef)(null);
   const handleDivClick = (event) => {
     var _a;
-    if (event.target !== event.currentTarget)
-      return;
+    if (event.target !== event.currentTarget) return;
     (_a = textareaRef.current) == null ? void 0 : _a.focus();
   };
   const [text, setText] = (0, import_react8.useState)("");
   const send = () => {
     var _a;
-    if (inProgress)
-      return;
+    if (inProgress) return;
     onSend(text);
     setText("");
     (_a = textareaRef.current) == null ? void 0 : _a.focus();
@@ -1470,13 +1430,11 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 // src/components/chat/Chat.tsx
 var import_react11 = __toESM(require("react"));
 var import_react_core7 = require("@copilotkit/react-core");
-var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 var import_shared3 = require("@copilotkit/shared");
 
 // src/components/dev-console/utils.ts
 var import_react_core5 = require("@copilotkit/react-core");
-var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
-var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
 function shouldShowDevConsole(showDevConsole) {
   if (typeof showDevConsole === "boolean") {
     return showDevConsole;
@@ -1537,7 +1495,6 @@ function getPublishedCopilotKitVersion(current, forceCheck = false) {
   });
 }
 function logReadables(context) {
-  console.log("%cCurrent Readables:", "font-size: 16px; font-weight: bold;");
   const readables = context.getContextString([], import_react_core5.defaultCopilotContextCategories).trim();
   if (readables.length === 0) {
     console.log("No readables found");
@@ -1546,7 +1503,6 @@ function logReadables(context) {
   console.log(readables);
 }
 function logActions(context) {
-  console.log("%cCurrent Actions:", "font-size: 16px; font-weight: bold;");
   if (Object.values(context.actions).length === 0) {
     console.log("No actions found");
     return;
@@ -1559,53 +1515,6 @@ function logActions(context) {
     console.groupEnd();
   }
 }
-function logMessages(context) {
-  console.log("%cCurrent Messages:", "font-size: 16px; font-weight: bold;");
-  if (context.messages.length === 0) {
-    console.log("No messages found");
-    return;
-  }
-  const tableData = context.messages.map((message) => {
-    if (message instanceof import_runtime_client_gql4.TextMessage) {
-      return {
-        id: message.id,
-        type: "TextMessage",
-        role: message.role,
-        name: void 0,
-        scope: void 0,
-        content: message.content
-      };
-    } else if (message instanceof import_runtime_client_gql4.ActionExecutionMessage) {
-      return {
-        id: message.id,
-        type: "ActionExecutionMessage",
-        role: void 0,
-        name: message.name,
-        scope: message.scope,
-        content: message.arguments
-      };
-    } else if (message instanceof import_runtime_client_gql4.ResultMessage) {
-      return {
-        id: message.id,
-        type: "ResultMessage",
-        role: void 0,
-        name: message.actionName,
-        scope: message.actionExecutionId,
-        content: message.result
-      };
-    } else if (message instanceof import_runtime_client_gql5.AgentStateMessage) {
-      return {
-        id: message.id,
-        type: `AgentStateMessage (running: ${message.running})`,
-        role: message.role,
-        name: void 0,
-        scope: message.threadId,
-        content: message.state
-      };
-    }
-  });
-  console.table(tableData);
-}
 
 // src/components/dev-console/console.tsx
 var import_react_core6 = require("@copilotkit/react-core");
@@ -1880,7 +1789,6 @@ function DebugMenuButton({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logReadables(context), children: "Log Readables" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logActions(context), children: "Log Actions" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logMessages(context), children: "Log Messages" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => checkForUpdates(true), children: "Check for Updates" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("hr", {}),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react10.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => setShowDevConsole(false), children: "Hide Dev Console" }) })
@@ -1999,9 +1907,9 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
   const sendMessage = (messageContent) => __async(void 0, null, function* () {
     abortSuggestions();
     setCurrentSuggestions([]);
-    const message = new import_runtime_client_gql6.TextMessage({
+    const message = new import_runtime_client_gql4.TextMessage({
       content: messageContent,
-      role: import_runtime_client_gql6.Role.User
+      role: import_runtime_client_gql4.Role.User
     });
     appendMessage(message);
     if (onSubmitMessage) {
@@ -2049,6 +1957,7 @@ var CopilotModal = ({
 }) => {
   const [openState, setOpenState] = import_react12.default.useState(defaultOpen);
   const setOpen = (open) => {
+    console.log("setOpen!!", open);
     onSetOpen == null ? void 0 : onSetOpen(open);
     setOpenState(open);
   };
@@ -2105,6 +2014,7 @@ function CopilotSidebar(props) {
   );
   const onSetOpen = (open) => {
     var _a;
+    console.log("onSetOpen", open);
     (_a = props.onSetOpen) == null ? void 0 : _a.call(props, open);
     setExpandedClassName(open ? "sidebarExpanded" : "");
   };