"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1458],{20148:function(n,t,o){o.r(t),o.d(t,{CoAgentsFeatureRender:function(){return u},CoAgentsFeatureToggle:function(){return g}});var e=o(19368),i=o(23638),r=o(89393),s=o.n(r),a=o(16041),l=o(41442),c=o(58760),p=o(75883),d=o(47889);let g=n=>{let{className:t}=n,{mode:o,setMode:r}=(0,i.N)(["generative-ui","stream-agent-state","share-agent-state","agent-q-and-a"],"generative-ui"),[g,m]=(0,a.useState)(!1);if((0,a.useEffect)(()=>{m(!0)},[]),!g)return null;let u=[{id:"generative-ui",title:"Generative UI",description:"Create dynamic user interfaces with AI-generated components.",Icon:l.LAw},{id:"stream-agent-state",title:"Stream Agent State",description:"Real-time updates on agent activities and decision-making processes.",Icon:c.YDc},{id:"share-agent-state",title:"Share Agent State",description:"Collaborate and share agent states across different sessions or users.",Icon:p.B0q},{id:"agent-q-and-a",title:"Agent Q&A",description:"Interactive question and answer sessions with AI agents.",Icon:d.MXt}];return(0,e.jsx)("div",{className:s()("coagents-features-wrapper mt-4",t),children:(0,e.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-3 my-2 w-full",children:u.map(n=>(0,e.jsxs)("div",{className:s()("border dark:text-white dark:bg-neutral-800 p-4 rounded-md flex-1 flex flex-col items-center justify-center cursor-pointer bg-white relative overflow-hidden group transition-all",o===n.id&&"ring-1 dark:text-black ring-indigo-400 selected bg-gradient-to-r from-indigo-100/80 to-purple-200 dark:from-indigo-500 dark:to-purple-500 shadow-lg"),onClick:()=>r(n.id),children:[(0,e.jsx)(n.Icon,{className:s()("w-7 h-7 mb-2 opacity-20 group-[.selected]:text-indigo-500 group-[.selected]:opacity-60  dark:group-[.selected]:text-indigo-100 transition-all",o===n.id&&"text-indigo-500")}),(0,e.jsx)("p",{className:"font-semibold text-sm md:text-base text-center",children:n.title}),(0,e.jsx)("p",{className:"text-xs text-center hidden md:block",children:n.description})]},n.id))})})},m=n=>{let{children:t,className:o,mode:r}=n,{mode:l}=(0,i.N)(["generative-ui","stream-agent-state","share-agent-state","agent-q-and-a"],"generative-ui"),[c,p]=(0,a.useState)(!1);return((0,a.useEffect)(()=>{p(!0)},[]),c)?(0,e.jsx)("div",{className:s()("feature-content mt-6",l!==r&&"hidden",o),children:t}):null},u=n=>(0,e.jsx)(m,{...n,mode:n.feature})},32601:function(n,t,o){o.d(t,{CopilotKitCSS:function(){return s},InteractiveCSSInspector:function(){return c}});var e=o(19368),i=o(16041);function r(n){let{children:t,className:o,description:r}=n;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"flex space-x-4 w-full mx-auto justify-center ".concat(o),children:i.Children.map(t,n=>i.isValidElement(n)?i.cloneElement(n,{className:"border border-neutral-200 rounded-md shadow-lg bg-white ".concat(n.props.className||"")}):n)}),r&&(0,e.jsx)("p",{className:"text-sm text-neutral-500 text-center",children:r})]})}function s(){return(0,e.jsx)("style",{suppressHydrationWarning:!0,children:'\n/* src/css/colors.css */\nhtml {\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\n/* src/css/popup.css */\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,\n    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,\n    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  touch-action: manipulation;\n}\n.copilotKitPopup svg {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n/* src/css/sidebar.css */\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,\n    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,\n    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  touch-action: manipulation;\n}\n.copilotKitSidebar svg {\n  display: inline-block;\n  vertical-align: middle;\n}\n.copilotKitSidebarContentWrapper {\n  overflow: visible;\n  margin-right: 0px;\n  transition: margin-right 0.3s ease;\n}\n@media (min-width: 640px) {\n  .copilotKitSidebarContentWrapper.sidebarExpanded {\n    margin-right: 28rem;\n  }\n}\n\n/* src/css/button.css */\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.copilotKitButton:hover {\n  transform: scale(1.1);\n}\n.copilotKitButton:active {\n  transform: scale(0.75);\n}\n.copilotKitButtonIcon {\n  transition: opacity 100ms, transform 300ms;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.copilotKitButton.open .copilotKitButtonIconOpen {\n  transform: translate(-50%, -50%) scale(0) rotate(90deg);\n  opacity: 0;\n}\n.copilotKitButton.open .copilotKitButtonIconClose {\n  transform: translate(-50%, -50%) scale(1) rotate(0deg);\n  opacity: 1;\n}\n.copilotKitButton:not(.open) .copilotKitButtonIconOpen {\n  transform: translate(-50%, -50%) scale(1) rotate(0deg);\n  opacity: 1;\n}\n.copilotKitButton:not(.open) .copilotKitButtonIconClose {\n  transform: translate(-50%, -50%) scale(0) rotate(-90deg);\n  opacity: 0;\n}\n\n/* src/css/header.css */\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.copilotKitSidebar .copilotKitHeader {\n  border-radius: 0;\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.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.copilotKitHeader button:focus {\n  outline: none;\n}\n\n/* src/css/input.css */\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;\n}\n.copilotKitInput .copilotKitInputControls button:not([disabled]) {\n  color: var(--copilot-kit-primary-color);\n}\n.copilotKitInput .copilotKitInputControls button:not([disabled]):hover {\n  transform: scale(1.1);\n}\n.copilotKitInput .copilotKitInputControls button[disabled] {\n  color: var(--copilot-kit-muted-color);\n}\n.copilotKitInputControls {\n  display: flex;\n}\n.copilotKitInput textarea {\n  flex: 1;\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.copilotKitInput textarea::placeholder {\n  color: var(--copilot-kit-muted-color);\n  opacity: 1;\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\n/* src/css/messages.css */\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.copilotKitMessages::-webkit-scrollbar {\n  width: 9px;\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.copilotKitMessages::-webkit-scrollbar-track-piece:start {\n  background: transparent;\n}\n.copilotKitMessages::-webkit-scrollbar-track-piece:end {\n  background: transparent;\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.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.copilotKitMessage.copilotKitAssistantMessage {\n  background: var(--copilot-kit-secondary-color);\n  color: var(--copilot-kit-secondary-contrast-color);\n  margin-right: auto;\n}\n.copilotKitMessage.copilotKitUserMessage\n  + .copilotKitMessage.copilotKitAssistantMessage {\n  margin-top: 1.5rem;\n}\n.copilotKitMessage.copilotKitAssistantMessage\n  + .copilotKitMessage.copilotKitUserMessage {\n  margin-top: 1.5rem;\n}\n.copilotKitCustomAssistantMessage {\n  margin-top: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n.copilotKitMessage .inProgressLabel {\n  margin-left: 10px;\n}\n.copilotKitMessages footer {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n\n/* src/css/window.css */\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: opacity 100ms ease-out, transform 200ms ease-out;\n  opacity: 0;\n  transform: scale(0.95) translateY(20px);\n  display: flex;\n  pointer-events: none;\n}\n.copilotKitSidebar .copilotKitWindow {\n  border-radius: 0;\n  opacity: 1;\n  transform: translateX(100%);\n}\n.copilotKitWindow.open {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  pointer-events: auto;\n}\n.copilotKitSidebar .copilotKitWindow.open {\n  transform: translateX(0);\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  .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\n/* src/css/animations.css */\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@keyframes copilotKitSpinAnimation {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes copilotKitPulseAnimation {\n  50% {\n    opacity: 0.5;\n  }\n}\n\n/* src/css/response.css */\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.copilotKitResponseButton:hover {\n  filter: brightness(95%);\n}\n.copilotKitResponseButton span {\n  margin-right: 0.5rem;\n}\n\n/* src/css/markdown.css */\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.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.copilotKitMarkdown h1 {\n  font-size: 1.5em;\n}\n.copilotKitMarkdown h2 {\n  font-size: 1.25em;\n  font-weight: 600;\n}\n.copilotKitMarkdown h3 {\n  font-size: 1.1em;\n}\n.copilotKitMarkdown h4 {\n  font-size: 1em;\n}\n.copilotKitMarkdown h5 {\n  font-size: 0.9em;\n}\n.copilotKitMarkdown h6 {\n  font-size: 0.8em;\n}\n.copilotKitMarkdown p:not(:last-child) {\n  margin-bottom: 1.25em;\n}\n.copilotKitMarkdown pre:not(:last-child) {\n  margin-bottom: 1.25em;\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.copilotKitMarkdown blockquote p {\n  padding: 0.7em 0;\n}\n.copilotKitMarkdown ul {\n  list-style-type: disc;\n  padding-left: 20px;\n  overflow: visible;\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.copilotKitCodeBlock {\n  position: relative;\n  width: 100%;\n  background-color: rgb(9 9 11);\n  border-radius: 0.375rem;\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.copilotKitCodeBlockToolbarLanguage {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  text-transform: lowercase;\n}\n.copilotKitCodeBlockToolbarButtons {\n  display: flex;\n  align-items: center;\n  margin-right: 0.25rem;\n  margin-left: 0.25rem;\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.copilotKitCodeBlockToolbarButton:hover {\n  background-color: rgb(55, 55, 58);\n}\n\n/* src/css/suggestions.css */\n.copilotKitMessages footer .suggestions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.copilotKitMessages footer h6 {\n  font-weight: 500;\n  font-size: 0.7rem;\n  margin-bottom: 8px;\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.copilotKitMessages footer .suggestions button {\n  transition: transform 0.3s ease;\n}\n.copilotKitMessages footer .suggestions button:not(:disabled):hover {\n  transform: scale(1.05);\n}\n.copilotKitMessages footer .suggestions button:disabled {\n  cursor: wait;\n}\n.copilotKitMessages footer .suggestions button svg {\n  margin-right: 6px;\n}\n\n/* src/css/panel.css */\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: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,\n    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "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}\n.copilotKitChat svg {\n  display: inline-block;\n  vertical-align: middle;\n}\n.copilotKitChat .copilotKitMessages {\n  flex-grow: 1;\n}\n.tooltip {\n  display: none;\n  position: absolute;\n  background-color: white;\n  border: 1px solid #ddd;\n  color: #222;\n  padding: 15px;\n  border-radius: 5px;\n  z-index: 1000;\n  font-size: 13px;\n  width: 350px;\n}\n.tooltip b {\n  color: rgb(59, 130, 246);\n  font-family: monospace;\n}\n\n.copilotKitInput {\n  cursor: pointer;\n}\n\n.copilotKitInput input {\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: pointer;\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.copilotKitHeader:hover {\n  box-shadow: 0 0 0 2px rgb(7, 201, 131);\n}\n\n.copilotKitAssistantMessage:hover {\n  box-shadow: 0 0 0 2px rgb(7, 201, 131);\n}\n\n.copilotKitUserMessage:hover {\n  box-shadow: 0 0 0 2px rgb(7, 201, 131);\n}\n\n.micButton:hover {\n  box-shadow: 0 0 0 2px rgb(7, 201, 131);\n  border-radius: 5px;\n}\n\n.sendButton:hover {\n  box-shadow: 0 0 0 2px rgb(7, 201, 131);\n  border-radius: 5px;\n}\n    '})}let a=n=>{let t=document.querySelector(".tooltip");t.style.display="block";let o=t.parentElement.getBoundingClientRect();t.style.left="".concat(n.clientX-o.left+15,"px"),t.style.top="".concat(n.clientY-o.top+15,"px");let e=n.target;for(;e&&e!==document.body;){if(console.log(e.classList),e.classList.contains("copilotKitHeader")){t.innerHTML="<b>--copilot-kit-primary-color</b>: Header background color.<br/><br/><b>--copilot-kit-contrast-color</b>: Header foreground color.";return}if(e.classList.contains("copilotKitAssistantMessage")){t.innerHTML="<b>--copilot-kit-secondary-color</b>: Assistant message background color.<br/><br/><b>--copilot-kit-secondary-contrast-color</b>: Assistant message foreground color.";return}if(e.classList.contains("copilotKitUserMessage")){t.innerHTML="<b>--copilot-kit-primary-color</b>: User message background color.<br/><br/><b>--copilot-kit-contrast-color</b>: User message foreground color.";return}if(e.classList.contains("copilotKitMessages")){t.innerHTML="<b>--copilot-kit-background-color</b>: Chat window background color.<br/><br/><b>--copilot-kit-scrollbar-color</b>: Chat window scrollbar color.<br/><br/><b>--copilot-kit-separator-color</b>: Bottom separator color.";return}else if(e.classList.contains("micButton")){t.innerHTML="<b>--copilot-kit-primary-color</b>: Active button color";return}else if(e.classList.contains("sendButton")){t.innerHTML="<b>--copilot-kit-muted-color</b>: Muted button color";return}else if(e.classList.contains("copilotKitInput")){t.innerHTML="<b>--copilot-kit-muted-color</b>: Placeholder color.";return}e=e.parentElement}t.style.display="none"},l=n=>{document.querySelector(".tooltip").style.display="none"},c=()=>(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"tooltip",children:"Close CopilotKit"}),(0,e.jsx)(r,{className:"",children:(0,e.jsx)("div",{className:"",onMouseMove:a,onMouseLeave:l,style:{width:"384px",cursor:"pointer"},children:(0,e.jsxs)("div",{className:"open",children:[(0,e.jsxs)("div",{className:"copilotKitHeader",children:[(0,e.jsx)("div",{children:"CopilotKit"}),(0,e.jsx)("button",{"aria-label":"Close",children:(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",width:24,height:24,children:(0,e.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,e.jsxs)("div",{className:"copilotKitMessages",children:[(0,e.jsx)("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:"Hi you! \uD83D\uDC4B I can help you create a presentation on any topic."}),(0,e.jsx)("div",{className:"copilotKitMessage copilotKitUserMessage",children:"Hello CopilotKit!"})]}),(0,e.jsxs)("div",{className:"copilotKitInput",children:[(0,e.jsx)("input",{placeholder:"Type a message...",style:{overflow:"auto",resize:"none",maxHeight:100,height:20},defaultValue:"",disabled:!1}),(0,e.jsxs)("div",{className:"copilotKitInputControls",children:[(0,e.jsx)("button",{className:"micButton",children:(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"w-6 h-6",children:(0,e.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 0 1-3-3V4.5a3 3 0 1 1 6 0v8.25a3 3 0 0 1-3 3Z"})})}),(0,e.jsx)("button",{className:"sendButton",disabled:!1,children:(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",width:24,height:24,strokeWidth:"1.5",stroke:"currentColor",style:{},children:(0,e.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5"})})})]})]})]})})})]})},45986:function(n,t,o){o.r(t),o.d(t,{DynamicContentWrapper:function(){return r}});var e=o(19368);o(16041);var i=o(23638);function r(n){let{children:t}=n;return(0,e.jsx)(i.I,{children:t})}},94678:function(n,t,o){o.r(t),o.d(t,{YouTubeVideo:function(){return r}});var e=o(19368),i=o(69976);function r(n){let{videoId:t,defaultPlaybackRate:o=1}=n;return(0,e.jsx)(i.Z,{videoId:t,className:"max-w-[600px] w-full rounded-lg",opts:{playerVars:{}},onReady:n=>{let t=n.target;o&&t.setPlaybackRate(o)}})}},23638:function(n,t,o){o.d(t,{I:function(){return a},N:function(){return l}});var e=o(19368),i=o(16041),r=o(2184);let s=(0,i.createContext)(void 0),a=n=>{let{children:t}=n,[o,i]=(0,r._)("copilotkit-tailored-content","empty");return(0,e.jsx)(s.Provider,{value:{mode:o,setMode:i},children:t})},l=(n,t)=>{let o=(0,i.useContext)(s);if(void 0===o)throw Error("useTailoredContent must be used within a TailoredContentProvider");return(0,i.useEffect)(()=>{n.includes(o.mode)||o.setMode(t)},[o.mode]),o}}}]);