@copilotkit/react-ui 1.4.1-pre.5 → 1.4.1-pre.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/chunk-MMVDU6DF.mjs +1 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +4 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +9 -3
- package/dist/index.css +4 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +9 -3
- package/package.json +7 -7
- package/src/components/index.ts +1 -0
- package/src/css/markdown.css +5 -0
- package/dist/chunk-JD7BAH7U.mjs +0 -1
- /package/dist/{chunk-JD7BAH7U.mjs.map → chunk-MMVDU6DF.mjs.map} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../chunk-
|
|
1
|
+
import "../chunk-MMVDU6DF.mjs";
|
|
2
2
|
import "../chunk-MRFF7GSQ.mjs";
|
|
3
3
|
import {
|
|
4
4
|
CopilotSidebar
|
|
@@ -20,8 +20,12 @@ import "../chunk-ZABXREBH.mjs";
|
|
|
20
20
|
import "../chunk-6INMITFA.mjs";
|
|
21
21
|
import "../chunk-RU73BEZM.mjs";
|
|
22
22
|
import "../chunk-RJCZRKTV.mjs";
|
|
23
|
-
import
|
|
24
|
-
|
|
23
|
+
import {
|
|
24
|
+
CopilotDevConsole
|
|
25
|
+
} from "../chunk-RS6UPR5N.mjs";
|
|
26
|
+
import {
|
|
27
|
+
shouldShowDevConsole
|
|
28
|
+
} from "../chunk-4FIGRRFS.mjs";
|
|
25
29
|
import "../chunk-OTPAZXVR.mjs";
|
|
26
30
|
import "../chunk-4LUMV4YO.mjs";
|
|
27
31
|
import "../chunk-YQFVRDNC.mjs";
|
|
@@ -38,8 +42,10 @@ import "../chunk-S5MBUNGN.mjs";
|
|
|
38
42
|
import "../chunk-MRXNTQOX.mjs";
|
|
39
43
|
export {
|
|
40
44
|
CopilotChat,
|
|
45
|
+
CopilotDevConsole,
|
|
41
46
|
CopilotPopup,
|
|
42
47
|
CopilotSidebar,
|
|
48
|
+
shouldShowDevConsole,
|
|
43
49
|
useChatContext
|
|
44
50
|
};
|
|
45
51
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.css
CHANGED
|
@@ -478,6 +478,10 @@ html {
|
|
|
478
478
|
.copilotKitMarkdown h6 {
|
|
479
479
|
font-size: 0.8em;
|
|
480
480
|
}
|
|
481
|
+
.copilotKitMarkdown p {
|
|
482
|
+
padding: 0px;
|
|
483
|
+
margin: 0px;
|
|
484
|
+
}
|
|
481
485
|
.copilotKitMarkdown p:not(:last-child),
|
|
482
486
|
.copilotKitMarkdown pre:not(:last-child),
|
|
483
487
|
.copilotKitMarkdown ol:not(:last-child),
|
package/dist/index.css.map
CHANGED
|
@@ -1 +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.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":[]}
|
|
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 {\n padding: 0px;\n margin: 0px;\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;AACE;AACA;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;;;ACtIF;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
CHANGED
|
@@ -3,6 +3,8 @@ export { CopilotPopup } from './components/chat/Popup.js';
|
|
|
3
3
|
export { CopilotSidebar } from './components/chat/Sidebar.js';
|
|
4
4
|
export { CopilotChat } from './components/chat/Chat.js';
|
|
5
5
|
export { useChatContext } from './components/chat/ChatContext.js';
|
|
6
|
+
export { shouldShowDevConsole } from './components/dev-console/utils.js';
|
|
7
|
+
export { CopilotDevConsole } from './components/dev-console/console.js';
|
|
6
8
|
export { useCopilotChatSuggestions } from './hooks/use-copilot-chat-suggestions.js';
|
|
7
9
|
export { CopilotKitCSSProperties } from './types/css.js';
|
|
8
10
|
import '@copilotkit/runtime-client-gql';
|
|
@@ -11,3 +13,4 @@ import './components/chat/Modal.js';
|
|
|
11
13
|
import 'react';
|
|
12
14
|
import '@copilotkit/react-core';
|
|
13
15
|
import './types/suggestions.js';
|
|
16
|
+
import './components/dev-console/types.js';
|
package/dist/index.js
CHANGED
|
@@ -81,8 +81,10 @@ var __async = (__this, __arguments, generator) => {
|
|
|
81
81
|
var src_exports = {};
|
|
82
82
|
__export(src_exports, {
|
|
83
83
|
CopilotChat: () => CopilotChat,
|
|
84
|
+
CopilotDevConsole: () => CopilotDevConsole,
|
|
84
85
|
CopilotPopup: () => CopilotPopup,
|
|
85
86
|
CopilotSidebar: () => CopilotSidebar,
|
|
87
|
+
shouldShowDevConsole: () => shouldShowDevConsole,
|
|
86
88
|
useChatContext: () => useChatContext,
|
|
87
89
|
useCopilotChatSuggestions: () => useCopilotChatSuggestions
|
|
88
90
|
});
|
|
@@ -2361,8 +2363,10 @@ function useCopilotChatSuggestions({
|
|
|
2361
2363
|
// Annotate the CommonJS export names for ESM import in node:
|
|
2362
2364
|
0 && (module.exports = {
|
|
2363
2365
|
CopilotChat,
|
|
2366
|
+
CopilotDevConsole,
|
|
2364
2367
|
CopilotPopup,
|
|
2365
2368
|
CopilotSidebar,
|
|
2369
|
+
shouldShowDevConsole,
|
|
2366
2370
|
useChatContext,
|
|
2367
2371
|
useCopilotChatSuggestions
|
|
2368
2372
|
});
|