@copilotkit/react-ui 1.1.2 → 1.1.3-feat-runtime-remote-actions.0

package/dist/components/index.mjs

@@ -2,26 +2,26 @@ import "../chunk-JD7BAH7U.mjs";
 import "../chunk-MRFF7GSQ.mjs";
 import {
   CopilotSidebar
-} from "../chunk-UJHTRHS4.mjs";
+} from "../chunk-36OL6SEM.mjs";
 import "../chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "../chunk-EJ4SJ2HU.mjs";
-import "../chunk-WOPUCUQK.mjs";
-import "../chunk-LLOSOTAT.mjs";
-import "../chunk-SE6DAYSX.mjs";
-import "../chunk-UC3Y7MWX.mjs";
+} from "../chunk-AFD5I7MW.mjs";
+import "../chunk-C534T3DM.mjs";
+import "../chunk-FO7Z5LAL.mjs";
+import "../chunk-FLV3J3VX.mjs";
+import "../chunk-YOH25I6N.mjs";
 import {
   CopilotChat
-} from "../chunk-SWWFXRFF.mjs";
+} from "../chunk-HR36Y2FQ.mjs";
 import "../chunk-V7W6IM2V.mjs";
-import "../chunk-KSCXPA74.mjs";
-import "../chunk-D6QNFZXK.mjs";
-import "../chunk-PF5HUDUP.mjs";
+import "../chunk-WCPLXRZX.mjs";
+import "../chunk-I4QG2ZZU.mjs";
+import "../chunk-H7TM5JE6.mjs";
 import "../chunk-OTPAZXVR.mjs";
 import "../chunk-U6J5DGOE.mjs";
 import "../chunk-YQFVRDNC.mjs";
-import "../chunk-4Z2WDXSK.mjs";
+import "../chunk-FOZVHL73.mjs";
 import "../chunk-YQ3D5IQV.mjs";
 import "../chunk-XSUSSWDS.mjs";
 import {

package/dist/index.css

@@ -478,10 +478,11 @@ html {
 .copilotKitMarkdown h6 {
   font-size: 0.8em;
 }
-.copilotKitMarkdown p:not(:last-child) {
-  margin-bottom: 1.25em;
-}
-.copilotKitMarkdown pre:not(:last-child) {
+.copilotKitMarkdown p:not(:last-child),
+.copilotKitMarkdown pre:not(:last-child),
+.copilotKitMarkdown ol:not(:last-child),
+.copilotKitMarkdown ul:not(:last-child),
+.copilotKitMarkdown blockquote:not(:last-child) {
   margin-bottom: 1.25em;
 }
 .copilotKitMarkdown blockquote {

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/css/colors.css","../src/css/popup.css","../src/css/sidebar.css","../src/css/button.css","../src/css/header.css","../src/css/input.css","../src/css/messages.css","../src/css/window.css","../src/css/animations.css","../src/css/response.css","../src/css/markdown.css","../src/css/suggestions.css","../src/css/panel.css","../src/css/console.css"],"sourcesContent":["html {\n  --copilot-kit-primary-color: rgb(59 130 246);\n  --copilot-kit-contrast-color: rgb(255 255 255);\n  --copilot-kit-secondary-color: rgb(243 244 246);\n  --copilot-kit-secondary-contrast-color: rgb(0 0 0);\n  --copilot-kit-background-color: rgb(255 255 255);\n  --copilot-kit-muted-color: rgb(106 106 106);\n  --copilot-kit-separator-color: rgba(0, 0, 0, 0.08);\n  --copilot-kit-scrollbar-color: rgba(0, 0, 0, 0.2);\n  --copilot-kit-response-button-color: #333;\n  --copilot-kit-response-button-background-color: #fff;\n}\n",".copilotKitPopup {\n  position: fixed;\n  bottom: 1rem;\n  right: 1rem;\n  z-index: 30;\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  touch-action: manipulation;\n}\n\n.copilotKitPopup svg {\n  display: inline-block;\n  vertical-align: middle;\n}\n",".copilotKitSidebar {\n  position: fixed;\n  bottom: 1rem;\n  right: 1rem;\n  z-index: 30;\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  touch-action: manipulation;\n}\n\n.copilotKitSidebar svg {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.copilotKitSidebarContentWrapper {\n  overflow: visible;\n  margin-right: 0px;\n  transition: margin-right 0.3s ease;\n}\n\n@media (min-width: 640px) {\n  .copilotKitSidebarContentWrapper.sidebarExpanded {\n    margin-right: 28rem;\n  }\n}\n",".copilotKitButton {\n  width: 3.5rem;\n  height: 3.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  outline: none;\n  position: relative;\n  transform: scale(1);\n  transition: transform 200ms;\n  background-color: var(--copilot-kit-primary-color);\n  color: var(--copilot-kit-contrast-color);\n  cursor: pointer;\n}\n\n.copilotKitButton:hover {\n  transform: scale(1.1);\n}\n\n.copilotKitButton:active {\n  transform: scale(0.75);\n}\n\n.copilotKitButtonIcon {\n  transition:\n    opacity 100ms,\n    transform 300ms;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n/* State when the chat is open */\n.copilotKitButton.open .copilotKitButtonIconOpen {\n  transform: translate(-50%, -50%) scale(0) rotate(90deg);\n  opacity: 0;\n}\n\n.copilotKitButton.open .copilotKitButtonIconClose {\n  transform: translate(-50%, -50%) scale(1) rotate(0deg);\n  opacity: 1;\n}\n\n/* State when the chat is closed */\n.copilotKitButton:not(.open) .copilotKitButtonIconOpen {\n  transform: translate(-50%, -50%) scale(1) rotate(0deg);\n  opacity: 1;\n}\n\n.copilotKitButton:not(.open) .copilotKitButtonIconClose {\n  transform: translate(-50%, -50%) scale(0) rotate(-90deg);\n  opacity: 0;\n}\n",".copilotKitHeader {\n  height: 56px;\n  font-weight: 500;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  background-color: var(--copilot-kit-primary-color);\n  color: var(--copilot-kit-contrast-color);\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom: 1px solid var(--copilot-kit-separator-color);\n}\n\n.copilotKitSidebar .copilotKitHeader {\n  border-radius: 0;\n}\n\n@media (min-width: 640px) {\n  .copilotKitHeader {\n    padding-left: 24px;\n    padding-right: 24px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n  }\n}\n\n.copilotKitHeader > button {\n  border: 0;\n  padding: 0px;\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  transform: translateY(-50%);\n  outline: none;\n  color: var(--copilot-kit-contrast-color);\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.copilotKitHeader > button:focus {\n  outline: none;\n}\n",".copilotKitInput {\n  border-top: 1px solid var(--copilot-kit-separator-color);\n  padding-left: 2rem;\n  padding-right: 1rem;\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  display: flex;\n  align-items: center;\n  cursor: text;\n  position: relative;\n  border-bottom-left-radius: 0.75rem;\n  border-bottom-right-radius: 0.75rem;\n  background-color: var(--copilot-kit-background-color);\n}\n\n.copilotKitInput > .copilotKitInputControls > button {\n  padding: 0.25rem;\n  cursor: pointer;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 200ms;\n  transform: scale(1);\n  color: rgba(0, 0, 0, 0.25);\n  -webkit-appearance: button;\n  appearance: button;\n  background-color: transparent;\n  background-image: none;\n  text-transform: none;\n  font-family: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  border: 0;\n  margin: 0;\n  text-indent: 0px;\n  text-shadow: none;\n  display: inline-block;\n  text-align: center;\n  margin-left: 0.5rem; /* Add margin to separate button from textarea */\n}\n\n.copilotKitInput > .copilotKitInputControls > button:not([disabled]) {\n  color: var(--copilot-kit-primary-color);\n}\n\n.copilotKitInput > .copilotKitInputControls > button:not([disabled]):hover {\n  transform: scale(1.1);\n}\n\n.copilotKitInput > .copilotKitInputControls > button[disabled] {\n  color: var(--copilot-kit-muted-color);\n}\n\n.copilotKitInputControls {\n  display: flex;\n}\n\n.copilotKitInput > textarea {\n  flex: 1; /* Allow textarea to take up remaining space */\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  cursor: text;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n  font-weight: inherit;\n  color: var(--copilot-kit-secondary-contrast-color);\n  border: 0px;\n  background-color: var(--copilot-kit-background-color);\n}\n\n.copilotKitInput > textarea::placeholder {\n  color: var(--copilot-kit-muted-color);\n  opacity: 1;\n}\n\n.copilotKitInput > .copilotKitInputControls > button.copilotKitPushToTalkRecording {\n  background-color: red;\n  color: white;\n  border-radius: 50%;\n  animation: copilotKitPulseAnimation 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n",".copilotKitMessages {\n  overflow-y: scroll;\n  flex: 1;\n  padding: 1rem 2rem;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--copilot-kit-background-color);\n}\n\n.copilotKitMessages::-webkit-scrollbar {\n  width: 9px;\n}\n\n.copilotKitMessages::-webkit-scrollbar-thumb {\n  background-color: var(--copilot-kit-scrollbar-color);\n  border-radius: 10rem;\n  border: 2px solid var(--copilot-kit-background-color);\n}\n\n.copilotKitMessages::-webkit-scrollbar-track-piece:start {\n  background: transparent;\n}\n\n.copilotKitMessages::-webkit-scrollbar-track-piece:end {\n  background: transparent;\n}\n\n.copilotKitMessage {\n  border-radius: 0.5rem;\n  padding: 1rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  overflow-wrap: break-word;\n  max-width: 80%;\n  margin-bottom: 0.5rem;\n}\n\n.copilotKitMessage.copilotKitUserMessage {\n  background: var(--copilot-kit-primary-color);\n  color: var(--copilot-kit-contrast-color);\n  margin-left: auto;\n  white-space: pre-wrap;\n}\n\n.copilotKitMessage.copilotKitAssistantMessage {\n  background: var(--copilot-kit-secondary-color);\n  color: var(--copilot-kit-secondary-contrast-color);\n  margin-right: auto;\n}\n\n.copilotKitMessage.copilotKitUserMessage + .copilotKitMessage.copilotKitAssistantMessage {\n  margin-top: 1.5rem;\n}\n\n.copilotKitMessage.copilotKitAssistantMessage + .copilotKitMessage.copilotKitUserMessage {\n  margin-top: 1.5rem;\n}\n\n.copilotKitCustomAssistantMessage {\n  margin-top: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.copilotKitMessage .inProgressLabel {\n  margin-left: 10px;\n}\n\n.copilotKitMessages footer {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n",".copilotKitWindow {\n  position: fixed;\n  inset: 0px;\n  transform-origin: bottom;\n  border-color: rgb(229 231 235);\n  background-color: rgb(255 255 255);\n  border-radius: 0.75rem;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;\n  flex-direction: column;\n  transition:\n    opacity 100ms ease-out,\n    transform 200ms ease-out;\n  opacity: 0;\n  transform: scale(0.95) translateY(20px);\n  display: flex;\n  pointer-events: none;\n}\n\n.copilotKitSidebar .copilotKitWindow {\n  border-radius: 0;\n  opacity: 1;\n  transform: translateX(100%);\n}\n\n.copilotKitWindow.open {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  pointer-events: auto;\n}\n\n.copilotKitSidebar .copilotKitWindow.open {\n  transform: translateX(0);\n}\n\n@media (min-width: 640px) {\n  .copilotKitWindow {\n    transform-origin: bottom right;\n    bottom: 5rem;\n    right: 1rem;\n    top: auto;\n    left: auto;\n    border-width: 0px;\n    margin-bottom: 1rem;\n    width: 24rem;\n    height: 600px;\n    min-height: 200px;\n    max-height: calc(100% - 6rem);\n  }\n\n  .copilotKitSidebar .copilotKitWindow {\n    bottom: 0;\n    right: 0;\n    top: auto;\n    left: auto;\n    width: 28rem;\n    min-height: 100%;\n    margin-bottom: 0;\n    max-height: none;\n  }\n}\n",".copilotKitActivityDot1 {\n  animation: copilotKitActivityDotsAnimation 1.05s infinite;\n}\n.copilotKitActivityDot2 {\n  animation-delay: 0.1s;\n}\n.copilotKitActivityDot3 {\n  animation-delay: 0.2s;\n}\n@keyframes copilotKitActivityDotsAnimation {\n  0%,\n  57.14% {\n    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);\n    transform: translate(0);\n  }\n  28.57% {\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);\n    transform: translateY(-6px);\n  }\n  100% {\n    transform: translate(0);\n  }\n}\n\n@keyframes copilotKitSpinAnimation {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes copilotKitPulseAnimation {\n  50% {\n    opacity: 0.5;\n  }\n}\n",".copilotKitResponseButton {\n  background-color: var(--copilot-kit-response-button-background-color);\n  border: 1px solid var(--copilot-kit-separator-color);\n  border-radius: 4px;\n  color: var(--copilot-kit-response-button-color);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  height: 32px;\n  line-height: 30px;\n  margin: 0;\n  padding: 0 16px;\n  text-align: center;\n  text-decoration: none;\n  text-transform: none;\n  white-space: nowrap;\n  margin-top: 15px;\n}\n\n.copilotKitResponseButton:hover {\n  filter: brightness(95%);\n}\n\n.copilotKitResponseButton > span {\n  margin-right: 0.5rem;\n}\n",".copilotKitMarkdown h1,\n.copilotKitMarkdown h2,\n.copilotKitMarkdown h3,\n.copilotKitMarkdown h4,\n.copilotKitMarkdown h5,\n.copilotKitMarkdown h6 {\n  font-weight: bold;\n  line-height: 1.2;\n}\n\n.copilotKitMarkdown h1:not(:last-child),\n.copilotKitMarkdown h2:not(:last-child),\n.copilotKitMarkdown h3:not(:last-child),\n.copilotKitMarkdown h4:not(:last-child),\n.copilotKitMarkdown h5:not(:last-child),\n.copilotKitMarkdown h6:not(:last-child) {\n  margin-bottom: 1rem;\n}\n\n.copilotKitMarkdown h1 {\n  font-size: 1.5em;\n}\n\n.copilotKitMarkdown h2 {\n  font-size: 1.25em;\n  font-weight: 600;\n}\n\n.copilotKitMarkdown h3 {\n  font-size: 1.1em;\n}\n\n.copilotKitMarkdown h4 {\n  font-size: 1em;\n}\n\n.copilotKitMarkdown h5 {\n  font-size: 0.9em;\n}\n\n.copilotKitMarkdown h6 {\n  font-size: 0.8em;\n}\n\n.copilotKitMarkdown p:not(:last-child) {\n  margin-bottom: 1.25em;\n}\n\n.copilotKitMarkdown pre:not(:last-child) {\n  margin-bottom: 1.25em;\n}\n\n.copilotKitMarkdown blockquote {\n  border-color: rgb(142, 142, 160);\n  border-left-width: 2px;\n  border-left-style: solid;\n  line-height: 1.2;\n  padding-left: 10px;\n}\n\n.copilotKitMarkdown blockquote p {\n  padding: 0.7em 0;\n}\n\n.copilotKitMarkdown ul {\n  list-style-type: disc;\n  padding-left: 20px;\n  overflow: visible;\n}\n\n.copilotKitMarkdown li {\n  list-style-type: inherit;\n  list-style-position: outside;\n  margin-left: 0;\n  padding-left: 0;\n  position: relative;\n  overflow: visible;\n}\n\n.copilotKitCodeBlock {\n  position: relative;\n  width: 100%;\n  background-color: rgb(9 9 11);\n  border-radius: 0.375rem;\n}\n\n.copilotKitCodeBlockToolbar {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  background-color: rgb(39 39 42);\n  padding-left: 1rem;\n  padding-top: 0.09rem;\n  padding-bottom: 0.09rem;\n  color: rgb(228, 228, 228);\n  border-top-left-radius: 0.375rem;\n  border-top-right-radius: 0.375rem;\n  font-family: sans-serif;\n}\n\n.copilotKitCodeBlockToolbarLanguage {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  text-transform: lowercase;\n}\n\n.copilotKitCodeBlockToolbarButtons {\n  display: flex;\n  align-items: center;\n  margin-right: 0.25rem;\n  margin-left: 0.25rem;\n}\n\n.copilotKitCodeBlockToolbarButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.375rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  font-weight: 500;\n  height: 2.5rem;\n  width: 2.5rem;\n  padding: 3px;\n  margin: 2px;\n}\n\n.copilotKitCodeBlockToolbarButton:hover {\n  background-color: rgb(55, 55, 58);\n}\n",".copilotKitMessages footer .suggestions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.copilotKitMessages footer h6 {\n  font-weight: 500;\n  font-size: 0.7rem;\n  margin-bottom: 8px;\n}\n\n.copilotKitMessages footer .suggestions .suggestion {\n  padding: 8px 12px;\n  font-size: 0.7rem;\n  border-radius: 0.5rem;\n  background: var(--copilot-kit-primary-color);\n  color: var(--copilot-kit-contrast-color);\n}\n\n.copilotKitMessages footer .suggestions button {\n  transition: transform 0.3s ease;\n}\n\n.copilotKitMessages footer .suggestions button:not(:disabled):hover {\n  transform: scale(1.05);\n}\n\n.copilotKitMessages footer .suggestions button:disabled {\n  cursor: wait;\n}\n\n.copilotKitMessages footer .suggestions button svg {\n  margin-right: 6px;\n}\n",".copilotKitChat {\n  z-index: 30;\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    \"Helvetica Neue\",\n    Arial,\n    \"Noto Sans\",\n    sans-serif,\n    \"Apple Color Emoji\",\n    \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\",\n    \"Noto Color Emoji\";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  touch-action: manipulation;\n  display: flex;\n  flex-direction: column;\n  /* height: 100%; */\n}\n\n.copilotKitChat svg {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.copilotKitChat .copilotKitMessages {\n  flex-grow: 1;\n}\n",".copilotKitDevConsole {\n  background-color: #f3f4f6;\n  padding-left: 10px;\n  padding-right: 10px;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #cecece;\n  padding-top: 10px;\n  padding-bottom: 10px;\n}\n\n.copilotKitDevConsole.copilotKitDevConsoleWarnOutdated {\n  background-color: #f9caca;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo {\n  flex: 1;\n  margin-left: 18px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo header {\n  font-size: 11px;\n  font-weight: bold;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo footer {\n  margin-top: 10px;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo footer button {\n  font-size: 11px;\n  font-weight: normal;\n  font-family: monospace;\n  background-color: white;\n  border: 1px solid #979797;\n  padding: 1px 12px;\n  padding-left: 5px;\n  border-radius: 4px;\n  display: inline-block;\n  text-align: left;\n  overflow: hidden;\n  white-space: nowrap;\n  width: 260px;\n  text-overflow: ellipsis;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo header aside {\n  display: inline;\n  font-weight: normal;\n  color: #7f7a7a;\n  margin-left: 5px;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo section {\n  font-size: 11px;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo section svg {\n  margin-left: 3px;\n  margin-top: -3px;\n}\n\n.copilotKitDevConsole .copilotKitDebugMenuButton {\n  font-size: 11px;\n  font-weight: bold;\n  display: flex;\n  width: 90px;\n  height: 30px;\n  background-color: #d8d8d8;\n  border: 1px solid #979797;\n  border-radius: 6px;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n}\n\n.copilotKitDebugMenuButton.compact {\n  width: 35px;\n  color: black;\n  justify-content: center;\n  outline: none;\n  font-size: 8px;\n}\n\n.copilotKitDevConsole .copilotKitDebugMenuButton:hover {\n  background-color: #c7c7c7;\n}\n\n.copilotKitDevConsole .copilotKitDebugMenuButton > svg {\n  margin-left: 10px;\n}\n\n.copilotKitDebugMenu {\n  background-color: #d8d8d8;\n  margin-top: 2px;\n  border-radius: 6px;\n  border: 1px solid #979797;\n  padding: 0.25rem;\n  outline: none;\n  font-size: 13px;\n}\n\n.copilotKitDebugMenuItem {\n  padding-top: 3px;\n  padding-bottom: 3px;\n  padding-left: 10px;\n  padding-right: 10px;\n  display: block;\n  width: 100%;\n  text-align: left;\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n\n.copilotKitDebugMenuItem:hover {\n  background-color: #c7c7c7;\n  border-radius: 4px;\n}\n\n.copilotKitDebugMenu[data-closed] {\n  transform: scale(0.95); /* data-[closed]:scale-95 */\n  opacity: 0; /* data-[closed]:opacity-0 */\n}\n\n.copilotKitDebugMenu hr {\n  height: 1px;\n  border: none; /* Remove 3D look */\n  background-color: #979797; /* Set color */\n  margin: 0.25rem;\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACVF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;ACpBF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;AC/BJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAGA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;ACtDF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AACA;AACA;AACA;AAAA;AAAA;AAIJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;ACzCF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;;;ACvFF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;;;ACvEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;;;ACzDJ;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AAAA;AAGI;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAIJ;AAAA;AAEI;AAAA;AAAA;AAIJ;AAAA;AAEI;AAAA;AAAA;;;AChCJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACxBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAME;AACA;AAAA;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAME;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;ACjIF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACjCF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AAAA;;;ACpCF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;","names":[]}
+{"version":3,"sources":["../src/css/colors.css","../src/css/popup.css","../src/css/sidebar.css","../src/css/button.css","../src/css/header.css","../src/css/input.css","../src/css/messages.css","../src/css/window.css","../src/css/animations.css","../src/css/response.css","../src/css/markdown.css","../src/css/suggestions.css","../src/css/panel.css","../src/css/console.css"],"sourcesContent":["html {\n  --copilot-kit-primary-color: rgb(59 130 246);\n  --copilot-kit-contrast-color: rgb(255 255 255);\n  --copilot-kit-secondary-color: rgb(243 244 246);\n  --copilot-kit-secondary-contrast-color: rgb(0 0 0);\n  --copilot-kit-background-color: rgb(255 255 255);\n  --copilot-kit-muted-color: rgb(106 106 106);\n  --copilot-kit-separator-color: rgba(0, 0, 0, 0.08);\n  --copilot-kit-scrollbar-color: rgba(0, 0, 0, 0.2);\n  --copilot-kit-response-button-color: #333;\n  --copilot-kit-response-button-background-color: #fff;\n}\n",".copilotKitPopup {\n  position: fixed;\n  bottom: 1rem;\n  right: 1rem;\n  z-index: 30;\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  touch-action: manipulation;\n}\n\n.copilotKitPopup svg {\n  display: inline-block;\n  vertical-align: middle;\n}\n",".copilotKitSidebar {\n  position: fixed;\n  bottom: 1rem;\n  right: 1rem;\n  z-index: 30;\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  touch-action: manipulation;\n}\n\n.copilotKitSidebar svg {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.copilotKitSidebarContentWrapper {\n  overflow: visible;\n  margin-right: 0px;\n  transition: margin-right 0.3s ease;\n}\n\n@media (min-width: 640px) {\n  .copilotKitSidebarContentWrapper.sidebarExpanded {\n    margin-right: 28rem;\n  }\n}\n",".copilotKitButton {\n  width: 3.5rem;\n  height: 3.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  outline: none;\n  position: relative;\n  transform: scale(1);\n  transition: transform 200ms;\n  background-color: var(--copilot-kit-primary-color);\n  color: var(--copilot-kit-contrast-color);\n  cursor: pointer;\n}\n\n.copilotKitButton:hover {\n  transform: scale(1.1);\n}\n\n.copilotKitButton:active {\n  transform: scale(0.75);\n}\n\n.copilotKitButtonIcon {\n  transition:\n    opacity 100ms,\n    transform 300ms;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n/* State when the chat is open */\n.copilotKitButton.open .copilotKitButtonIconOpen {\n  transform: translate(-50%, -50%) scale(0) rotate(90deg);\n  opacity: 0;\n}\n\n.copilotKitButton.open .copilotKitButtonIconClose {\n  transform: translate(-50%, -50%) scale(1) rotate(0deg);\n  opacity: 1;\n}\n\n/* State when the chat is closed */\n.copilotKitButton:not(.open) .copilotKitButtonIconOpen {\n  transform: translate(-50%, -50%) scale(1) rotate(0deg);\n  opacity: 1;\n}\n\n.copilotKitButton:not(.open) .copilotKitButtonIconClose {\n  transform: translate(-50%, -50%) scale(0) rotate(-90deg);\n  opacity: 0;\n}\n",".copilotKitHeader {\n  height: 56px;\n  font-weight: 500;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  background-color: var(--copilot-kit-primary-color);\n  color: var(--copilot-kit-contrast-color);\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom: 1px solid var(--copilot-kit-separator-color);\n}\n\n.copilotKitSidebar .copilotKitHeader {\n  border-radius: 0;\n}\n\n@media (min-width: 640px) {\n  .copilotKitHeader {\n    padding-left: 24px;\n    padding-right: 24px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n  }\n}\n\n.copilotKitHeader > button {\n  border: 0;\n  padding: 0px;\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  transform: translateY(-50%);\n  outline: none;\n  color: var(--copilot-kit-contrast-color);\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.copilotKitHeader > button:focus {\n  outline: none;\n}\n",".copilotKitInput {\n  border-top: 1px solid var(--copilot-kit-separator-color);\n  padding-left: 2rem;\n  padding-right: 1rem;\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  display: flex;\n  align-items: center;\n  cursor: text;\n  position: relative;\n  border-bottom-left-radius: 0.75rem;\n  border-bottom-right-radius: 0.75rem;\n  background-color: var(--copilot-kit-background-color);\n}\n\n.copilotKitInput > .copilotKitInputControls > button {\n  padding: 0.25rem;\n  cursor: pointer;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 200ms;\n  transform: scale(1);\n  color: rgba(0, 0, 0, 0.25);\n  -webkit-appearance: button;\n  appearance: button;\n  background-color: transparent;\n  background-image: none;\n  text-transform: none;\n  font-family: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  border: 0;\n  margin: 0;\n  text-indent: 0px;\n  text-shadow: none;\n  display: inline-block;\n  text-align: center;\n  margin-left: 0.5rem; /* Add margin to separate button from textarea */\n}\n\n.copilotKitInput > .copilotKitInputControls > button:not([disabled]) {\n  color: var(--copilot-kit-primary-color);\n}\n\n.copilotKitInput > .copilotKitInputControls > button:not([disabled]):hover {\n  transform: scale(1.1);\n}\n\n.copilotKitInput > .copilotKitInputControls > button[disabled] {\n  color: var(--copilot-kit-muted-color);\n}\n\n.copilotKitInputControls {\n  display: flex;\n}\n\n.copilotKitInput > textarea {\n  flex: 1; /* Allow textarea to take up remaining space */\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  cursor: text;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n  font-weight: inherit;\n  color: var(--copilot-kit-secondary-contrast-color);\n  border: 0px;\n  background-color: var(--copilot-kit-background-color);\n}\n\n.copilotKitInput > textarea::placeholder {\n  color: var(--copilot-kit-muted-color);\n  opacity: 1;\n}\n\n.copilotKitInput > .copilotKitInputControls > button.copilotKitPushToTalkRecording {\n  background-color: red;\n  color: white;\n  border-radius: 50%;\n  animation: copilotKitPulseAnimation 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n",".copilotKitMessages {\n  overflow-y: scroll;\n  flex: 1;\n  padding: 1rem 2rem;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--copilot-kit-background-color);\n}\n\n.copilotKitMessages::-webkit-scrollbar {\n  width: 9px;\n}\n\n.copilotKitMessages::-webkit-scrollbar-thumb {\n  background-color: var(--copilot-kit-scrollbar-color);\n  border-radius: 10rem;\n  border: 2px solid var(--copilot-kit-background-color);\n}\n\n.copilotKitMessages::-webkit-scrollbar-track-piece:start {\n  background: transparent;\n}\n\n.copilotKitMessages::-webkit-scrollbar-track-piece:end {\n  background: transparent;\n}\n\n.copilotKitMessage {\n  border-radius: 0.5rem;\n  padding: 1rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  overflow-wrap: break-word;\n  max-width: 80%;\n  margin-bottom: 0.5rem;\n}\n\n.copilotKitMessage.copilotKitUserMessage {\n  background: var(--copilot-kit-primary-color);\n  color: var(--copilot-kit-contrast-color);\n  margin-left: auto;\n  white-space: pre-wrap;\n}\n\n.copilotKitMessage.copilotKitAssistantMessage {\n  background: var(--copilot-kit-secondary-color);\n  color: var(--copilot-kit-secondary-contrast-color);\n  margin-right: auto;\n}\n\n.copilotKitMessage.copilotKitUserMessage + .copilotKitMessage.copilotKitAssistantMessage {\n  margin-top: 1.5rem;\n}\n\n.copilotKitMessage.copilotKitAssistantMessage + .copilotKitMessage.copilotKitUserMessage {\n  margin-top: 1.5rem;\n}\n\n.copilotKitCustomAssistantMessage {\n  margin-top: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.copilotKitMessage .inProgressLabel {\n  margin-left: 10px;\n}\n\n.copilotKitMessages footer {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n",".copilotKitWindow {\n  position: fixed;\n  inset: 0px;\n  transform-origin: bottom;\n  border-color: rgb(229 231 235);\n  background-color: rgb(255 255 255);\n  border-radius: 0.75rem;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;\n  flex-direction: column;\n  transition:\n    opacity 100ms ease-out,\n    transform 200ms ease-out;\n  opacity: 0;\n  transform: scale(0.95) translateY(20px);\n  display: flex;\n  pointer-events: none;\n}\n\n.copilotKitSidebar .copilotKitWindow {\n  border-radius: 0;\n  opacity: 1;\n  transform: translateX(100%);\n}\n\n.copilotKitWindow.open {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  pointer-events: auto;\n}\n\n.copilotKitSidebar .copilotKitWindow.open {\n  transform: translateX(0);\n}\n\n@media (min-width: 640px) {\n  .copilotKitWindow {\n    transform-origin: bottom right;\n    bottom: 5rem;\n    right: 1rem;\n    top: auto;\n    left: auto;\n    border-width: 0px;\n    margin-bottom: 1rem;\n    width: 24rem;\n    height: 600px;\n    min-height: 200px;\n    max-height: calc(100% - 6rem);\n  }\n\n  .copilotKitSidebar .copilotKitWindow {\n    bottom: 0;\n    right: 0;\n    top: auto;\n    left: auto;\n    width: 28rem;\n    min-height: 100%;\n    margin-bottom: 0;\n    max-height: none;\n  }\n}\n",".copilotKitActivityDot1 {\n  animation: copilotKitActivityDotsAnimation 1.05s infinite;\n}\n.copilotKitActivityDot2 {\n  animation-delay: 0.1s;\n}\n.copilotKitActivityDot3 {\n  animation-delay: 0.2s;\n}\n@keyframes copilotKitActivityDotsAnimation {\n  0%,\n  57.14% {\n    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);\n    transform: translate(0);\n  }\n  28.57% {\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);\n    transform: translateY(-6px);\n  }\n  100% {\n    transform: translate(0);\n  }\n}\n\n@keyframes copilotKitSpinAnimation {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes copilotKitPulseAnimation {\n  50% {\n    opacity: 0.5;\n  }\n}\n",".copilotKitResponseButton {\n  background-color: var(--copilot-kit-response-button-background-color);\n  border: 1px solid var(--copilot-kit-separator-color);\n  border-radius: 4px;\n  color: var(--copilot-kit-response-button-color);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  height: 32px;\n  line-height: 30px;\n  margin: 0;\n  padding: 0 16px;\n  text-align: center;\n  text-decoration: none;\n  text-transform: none;\n  white-space: nowrap;\n  margin-top: 15px;\n}\n\n.copilotKitResponseButton:hover {\n  filter: brightness(95%);\n}\n\n.copilotKitResponseButton > span {\n  margin-right: 0.5rem;\n}\n",".copilotKitMarkdown h1,\n.copilotKitMarkdown h2,\n.copilotKitMarkdown h3,\n.copilotKitMarkdown h4,\n.copilotKitMarkdown h5,\n.copilotKitMarkdown h6 {\n  font-weight: bold;\n  line-height: 1.2;\n}\n\n.copilotKitMarkdown h1:not(:last-child),\n.copilotKitMarkdown h2:not(:last-child),\n.copilotKitMarkdown h3:not(:last-child),\n.copilotKitMarkdown h4:not(:last-child),\n.copilotKitMarkdown h5:not(:last-child),\n.copilotKitMarkdown h6:not(:last-child) {\n  margin-bottom: 1rem;\n}\n\n.copilotKitMarkdown h1 {\n  font-size: 1.5em;\n}\n\n.copilotKitMarkdown h2 {\n  font-size: 1.25em;\n  font-weight: 600;\n}\n\n.copilotKitMarkdown h3 {\n  font-size: 1.1em;\n}\n\n.copilotKitMarkdown h4 {\n  font-size: 1em;\n}\n\n.copilotKitMarkdown h5 {\n  font-size: 0.9em;\n}\n\n.copilotKitMarkdown h6 {\n  font-size: 0.8em;\n}\n\n.copilotKitMarkdown p:not(:last-child),\n.copilotKitMarkdown pre:not(:last-child),\n.copilotKitMarkdown ol:not(:last-child),\n.copilotKitMarkdown ul:not(:last-child),\n.copilotKitMarkdown blockquote:not(:last-child) {\n  margin-bottom: 1.25em;\n}\n\n.copilotKitMarkdown blockquote {\n  border-color: rgb(142, 142, 160);\n  border-left-width: 2px;\n  border-left-style: solid;\n  line-height: 1.2;\n  padding-left: 10px;\n}\n\n.copilotKitMarkdown blockquote p {\n  padding: 0.7em 0;\n}\n\n.copilotKitMarkdown ul {\n  list-style-type: disc;\n  padding-left: 20px;\n  overflow: visible;\n}\n\n.copilotKitMarkdown li {\n  list-style-type: inherit;\n  list-style-position: outside;\n  margin-left: 0;\n  padding-left: 0;\n  position: relative;\n  overflow: visible;\n}\n\n.copilotKitCodeBlock {\n  position: relative;\n  width: 100%;\n  background-color: rgb(9 9 11);\n  border-radius: 0.375rem;\n}\n\n.copilotKitCodeBlockToolbar {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  background-color: rgb(39 39 42);\n  padding-left: 1rem;\n  padding-top: 0.09rem;\n  padding-bottom: 0.09rem;\n  color: rgb(228, 228, 228);\n  border-top-left-radius: 0.375rem;\n  border-top-right-radius: 0.375rem;\n  font-family: sans-serif;\n}\n\n.copilotKitCodeBlockToolbarLanguage {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  text-transform: lowercase;\n}\n\n.copilotKitCodeBlockToolbarButtons {\n  display: flex;\n  align-items: center;\n  margin-right: 0.25rem;\n  margin-left: 0.25rem;\n}\n\n.copilotKitCodeBlockToolbarButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.375rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  font-weight: 500;\n  height: 2.5rem;\n  width: 2.5rem;\n  padding: 3px;\n  margin: 2px;\n}\n\n.copilotKitCodeBlockToolbarButton:hover {\n  background-color: rgb(55, 55, 58);\n}\n",".copilotKitMessages footer .suggestions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.copilotKitMessages footer h6 {\n  font-weight: 500;\n  font-size: 0.7rem;\n  margin-bottom: 8px;\n}\n\n.copilotKitMessages footer .suggestions .suggestion {\n  padding: 8px 12px;\n  font-size: 0.7rem;\n  border-radius: 0.5rem;\n  background: var(--copilot-kit-primary-color);\n  color: var(--copilot-kit-contrast-color);\n}\n\n.copilotKitMessages footer .suggestions button {\n  transition: transform 0.3s ease;\n}\n\n.copilotKitMessages footer .suggestions button:not(:disabled):hover {\n  transform: scale(1.05);\n}\n\n.copilotKitMessages footer .suggestions button:disabled {\n  cursor: wait;\n}\n\n.copilotKitMessages footer .suggestions button svg {\n  margin-right: 6px;\n}\n",".copilotKitChat {\n  z-index: 30;\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    \"Helvetica Neue\",\n    Arial,\n    \"Noto Sans\",\n    sans-serif,\n    \"Apple Color Emoji\",\n    \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\",\n    \"Noto Color Emoji\";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  touch-action: manipulation;\n  display: flex;\n  flex-direction: column;\n  /* height: 100%; */\n}\n\n.copilotKitChat svg {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.copilotKitChat .copilotKitMessages {\n  flex-grow: 1;\n}\n",".copilotKitDevConsole {\n  background-color: #f3f4f6;\n  padding-left: 10px;\n  padding-right: 10px;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #cecece;\n  padding-top: 10px;\n  padding-bottom: 10px;\n}\n\n.copilotKitDevConsole.copilotKitDevConsoleWarnOutdated {\n  background-color: #f9caca;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo {\n  flex: 1;\n  margin-left: 18px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo header {\n  font-size: 11px;\n  font-weight: bold;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo footer {\n  margin-top: 10px;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo footer button {\n  font-size: 11px;\n  font-weight: normal;\n  font-family: monospace;\n  background-color: white;\n  border: 1px solid #979797;\n  padding: 1px 12px;\n  padding-left: 5px;\n  border-radius: 4px;\n  display: inline-block;\n  text-align: left;\n  overflow: hidden;\n  white-space: nowrap;\n  width: 260px;\n  text-overflow: ellipsis;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo header aside {\n  display: inline;\n  font-weight: normal;\n  color: #7f7a7a;\n  margin-left: 5px;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo section {\n  font-size: 11px;\n}\n\n.copilotKitDevConsole .copilotKitVersionInfo section svg {\n  margin-left: 3px;\n  margin-top: -3px;\n}\n\n.copilotKitDevConsole .copilotKitDebugMenuButton {\n  font-size: 11px;\n  font-weight: bold;\n  display: flex;\n  width: 90px;\n  height: 30px;\n  background-color: #d8d8d8;\n  border: 1px solid #979797;\n  border-radius: 6px;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n}\n\n.copilotKitDebugMenuButton.compact {\n  width: 35px;\n  color: black;\n  justify-content: center;\n  outline: none;\n  font-size: 8px;\n}\n\n.copilotKitDevConsole .copilotKitDebugMenuButton:hover {\n  background-color: #c7c7c7;\n}\n\n.copilotKitDevConsole .copilotKitDebugMenuButton > svg {\n  margin-left: 10px;\n}\n\n.copilotKitDebugMenu {\n  background-color: #d8d8d8;\n  margin-top: 2px;\n  border-radius: 6px;\n  border: 1px solid #979797;\n  padding: 0.25rem;\n  outline: none;\n  font-size: 13px;\n}\n\n.copilotKitDebugMenuItem {\n  padding-top: 3px;\n  padding-bottom: 3px;\n  padding-left: 10px;\n  padding-right: 10px;\n  display: block;\n  width: 100%;\n  text-align: left;\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n\n.copilotKitDebugMenuItem:hover {\n  background-color: #c7c7c7;\n  border-radius: 4px;\n}\n\n.copilotKitDebugMenu[data-closed] {\n  transform: scale(0.95); /* data-[closed]:scale-95 */\n  opacity: 0; /* data-[closed]:opacity-0 */\n}\n\n.copilotKitDebugMenu hr {\n  height: 1px;\n  border: none; /* Remove 3D look */\n  background-color: #979797; /* Set color */\n  margin: 0.25rem;\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACVF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;ACpBF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;AC/BJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAGA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;ACtDF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AACA;AACA;AACA;AAAA;AAAA;AAIJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;ACzCF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;;;ACvFF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;;;ACvEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;;;ACzDJ;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AAAA;AAGI;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAIJ;AAAA;AAEI;AAAA;AAAA;AAIJ;AAAA;AAEI;AAAA;AAAA;;;AChCJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACxBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAME;AACA;AAAA;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAME;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AAAA;AAAA;AAAA;AAKE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;ACjIF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACjCF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AAAA;;;ACpCF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;","names":[]}

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { useChatContext } from './components/chat/ChatContext.js';
 export { useCopilotChatSuggestions } from './hooks/use-copilot-chat-suggestions.js';
 export { CopilotKitCSSProperties } from './types/css.js';
 import '@copilotkit/runtime-client-gql';
+import 'react/jsx-runtime';
 import './components/chat/Modal.js';
 import 'react';
 import '@copilotkit/react-core';

package/dist/index.js

@@ -386,14 +386,13 @@ var ChatContextProvider = ({
 var import_react2 = __toESM(require("react"));
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Window = ({
-  open,
-  setOpen,
   children,
   clickOutsideToClose,
   shortcut,
   hitEscapeToClose
 }) => {
   const windowRef = import_react2.default.useRef(null);
+  const { open, setOpen } = useChatContext();
   const handleClickOutside = (0, import_react2.useCallback)(
     (event) => {
       var _a;
@@ -495,16 +494,16 @@ function isMacOS() {
 
 // src/components/chat/Button.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var Button = ({ open, setOpen }) => {
-  const context = useChatContext();
+var Button = ({}) => {
+  const { open, setOpen, icons } = useChatContext();
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { onClick: () => setOpen(!open), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "button",
     {
       className: `copilotKitButton ${open ? "open" : ""}`,
       "aria-label": open ? "Close Chat" : "Open Chat",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "copilotKitButtonIcon copilotKitButtonIconOpen", children: context.icons.openIcon }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "copilotKitButtonIcon copilotKitButtonIconClose", children: context.icons.closeIcon })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "copilotKitButtonIcon copilotKitButtonIconOpen", children: icons.openIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "copilotKitButtonIcon copilotKitButtonIconClose", children: icons.closeIcon })
       ]
     }
   ) });
@@ -512,11 +511,11 @@ var Button = ({ open, setOpen }) => {
 
 // src/components/chat/Header.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var Header = ({ setOpen }) => {
-  const context = useChatContext();
+var Header = ({}) => {
+  const { setOpen, icons, labels } = useChatContext();
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "copilotKitHeader", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: context.labels.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: () => setOpen(false), "aria-label": "Close", children: context.icons.headerCloseIcon })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: labels.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: () => setOpen(false), "aria-label": "Close", children: icons.headerCloseIcon })
   ] });
 };
 
@@ -1034,8 +1033,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[message.name]) {
-          const render = chatComponentsCache.current[message.name];
+        if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
+          const render = chatComponentsCache.current.actions[message.name];
           if (typeof render === "string") {
             if (isCurrentMessage && inProgress) {
               return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
@@ -1077,6 +1076,50 @@ 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 })
@@ -1427,11 +1470,13 @@ 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_gql4 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql6 = 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;
@@ -1492,6 +1537,7 @@ 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");
@@ -1500,6 +1546,7 @@ 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;
@@ -1512,6 +1559,53 @@ 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");
@@ -1786,6 +1880,7 @@ 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" }) })
@@ -1904,9 +1999,9 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
   const sendMessage = (messageContent) => __async(void 0, null, function* () {
     abortSuggestions();
     setCurrentSuggestions([]);
-    const message = new import_runtime_client_gql4.TextMessage({
+    const message = new import_runtime_client_gql6.TextMessage({
       content: messageContent,
-      role: import_runtime_client_gql4.Role.User
+      role: import_runtime_client_gql6.Role.User
     });
     appendMessage(message);
     if (onSubmitMessage) {
@@ -1954,23 +2049,22 @@ 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);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ChatContextProvider, { icons, labels, open: openState, setOpen: setOpenState, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ChatContextProvider, { icons, labels, open: openState, setOpen, children: [
     children,
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button2, { open: openState, setOpen }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button2, {}),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         Window2,
         {
-          open: openState,
-          setOpen,
           clickOutsideToClose,
           shortcut,
           hitEscapeToClose,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Header2, { open: openState, setOpen }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Header2, {}),
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               CopilotChat,
               {
@@ -2012,6 +2106,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" : "");
   };