@copilotkit/react-ui 1.5.1-next.2 → 1.5.1-next.4

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.
Files changed (288) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/package.json +4 -4
  3. package/dist/chunk-375NVWZM.mjs +0 -21
  4. package/dist/chunk-375NVWZM.mjs.map +0 -1
  5. package/dist/chunk-3E7HY2UN.mjs +0 -85
  6. package/dist/chunk-3E7HY2UN.mjs.map +0 -1
  7. package/dist/chunk-3XAXY2Z3.mjs +0 -18
  8. package/dist/chunk-3XAXY2Z3.mjs.map +0 -1
  9. package/dist/chunk-54JAUBUJ.mjs +0 -26
  10. package/dist/chunk-54JAUBUJ.mjs.map +0 -1
  11. package/dist/chunk-6INMITFA.mjs +0 -18
  12. package/dist/chunk-6INMITFA.mjs.map +0 -1
  13. package/dist/chunk-7II4YL7R.mjs +0 -170
  14. package/dist/chunk-7II4YL7R.mjs.map +0 -1
  15. package/dist/chunk-BH6PCAAL.mjs +0 -81
  16. package/dist/chunk-BH6PCAAL.mjs.map +0 -1
  17. package/dist/chunk-CBBFRI3Q.mjs +0 -81
  18. package/dist/chunk-CBBFRI3Q.mjs.map +0 -1
  19. package/dist/chunk-DCNCY2PL.mjs +0 -304
  20. package/dist/chunk-DCNCY2PL.mjs.map +0 -1
  21. package/dist/chunk-EFZPSZWO.mjs +0 -1
  22. package/dist/chunk-EFZPSZWO.mjs.map +0 -1
  23. package/dist/chunk-EMQEEXUB.mjs +0 -97
  24. package/dist/chunk-EMQEEXUB.mjs.map +0 -1
  25. package/dist/chunk-F2W5FD7L.mjs +0 -232
  26. package/dist/chunk-F2W5FD7L.mjs.map +0 -1
  27. package/dist/chunk-FZC7X5PK.mjs +0 -262
  28. package/dist/chunk-FZC7X5PK.mjs.map +0 -1
  29. package/dist/chunk-IU3WTXLQ.mjs +0 -1
  30. package/dist/chunk-IU3WTXLQ.mjs.map +0 -1
  31. package/dist/chunk-KXE2JCUH.mjs +0 -1
  32. package/dist/chunk-KXE2JCUH.mjs.map +0 -1
  33. package/dist/chunk-MMVDU6DF.mjs +0 -1
  34. package/dist/chunk-MMVDU6DF.mjs.map +0 -1
  35. package/dist/chunk-MRFF7GSQ.mjs +0 -1
  36. package/dist/chunk-MRFF7GSQ.mjs.map +0 -1
  37. package/dist/chunk-MRXNTQOX.mjs +0 -59
  38. package/dist/chunk-MRXNTQOX.mjs.map +0 -1
  39. package/dist/chunk-OTPAZXVR.mjs +0 -92
  40. package/dist/chunk-OTPAZXVR.mjs.map +0 -1
  41. package/dist/chunk-PNQVKBPN.mjs +0 -146
  42. package/dist/chunk-PNQVKBPN.mjs.map +0 -1
  43. package/dist/chunk-RJCZRKTV.mjs +0 -106
  44. package/dist/chunk-RJCZRKTV.mjs.map +0 -1
  45. package/dist/chunk-RQNJNK2W.mjs +0 -25
  46. package/dist/chunk-RQNJNK2W.mjs.map +0 -1
  47. package/dist/chunk-RU73BEZM.mjs +0 -41
  48. package/dist/chunk-RU73BEZM.mjs.map +0 -1
  49. package/dist/chunk-S5MBUNGN.mjs +0 -140
  50. package/dist/chunk-S5MBUNGN.mjs.map +0 -1
  51. package/dist/chunk-T26KLXLH.mjs +0 -1
  52. package/dist/chunk-T26KLXLH.mjs.map +0 -1
  53. package/dist/chunk-TI7SY2RI.mjs +0 -164
  54. package/dist/chunk-TI7SY2RI.mjs.map +0 -1
  55. package/dist/chunk-UPTB2MVO.mjs +0 -395
  56. package/dist/chunk-UPTB2MVO.mjs.map +0 -1
  57. package/dist/chunk-UWVGLGFQ.mjs +0 -95
  58. package/dist/chunk-UWVGLGFQ.mjs.map +0 -1
  59. package/dist/chunk-V7W6IM2V.mjs +0 -1
  60. package/dist/chunk-V7W6IM2V.mjs.map +0 -1
  61. package/dist/chunk-VEC45H6Q.mjs +0 -18
  62. package/dist/chunk-VEC45H6Q.mjs.map +0 -1
  63. package/dist/chunk-WB3YULQ4.mjs +0 -1
  64. package/dist/chunk-WB3YULQ4.mjs.map +0 -1
  65. package/dist/chunk-WSMMTZCM.mjs +0 -30
  66. package/dist/chunk-WSMMTZCM.mjs.map +0 -1
  67. package/dist/chunk-YAGE7RCE.mjs +0 -118
  68. package/dist/chunk-YAGE7RCE.mjs.map +0 -1
  69. package/dist/chunk-YQ3D5IQV.mjs +0 -75
  70. package/dist/chunk-YQ3D5IQV.mjs.map +0 -1
  71. package/dist/chunk-YQFVRDNC.mjs +0 -53
  72. package/dist/chunk-YQFVRDNC.mjs.map +0 -1
  73. package/dist/chunk-Z2UZSN3K.mjs +0 -29
  74. package/dist/chunk-Z2UZSN3K.mjs.map +0 -1
  75. package/dist/chunk-ZABXREBH.mjs +0 -65
  76. package/dist/chunk-ZABXREBH.mjs.map +0 -1
  77. package/dist/components/chat/Button.d.ts +0 -7
  78. package/dist/components/chat/Button.js +0 -71
  79. package/dist/components/chat/Button.js.map +0 -1
  80. package/dist/components/chat/Button.mjs +0 -10
  81. package/dist/components/chat/Button.mjs.map +0 -1
  82. package/dist/components/chat/Chat.d.ts +0 -148
  83. package/dist/components/chat/Chat.js +0 -2427
  84. package/dist/components/chat/Chat.js.map +0 -1
  85. package/dist/components/chat/Chat.mjs +0 -34
  86. package/dist/components/chat/Chat.mjs.map +0 -1
  87. package/dist/components/chat/ChatContext.d.ts +0 -105
  88. package/dist/components/chat/ChatContext.js +0 -279
  89. package/dist/components/chat/ChatContext.js.map +0 -1
  90. package/dist/components/chat/ChatContext.mjs +0 -13
  91. package/dist/components/chat/ChatContext.mjs.map +0 -1
  92. package/dist/components/chat/CodeBlock.d.ts +0 -14
  93. package/dist/components/chat/CodeBlock.js +0 -523
  94. package/dist/components/chat/CodeBlock.js.map +0 -1
  95. package/dist/components/chat/CodeBlock.mjs +0 -14
  96. package/dist/components/chat/CodeBlock.mjs.map +0 -1
  97. package/dist/components/chat/Header.d.ts +0 -7
  98. package/dist/components/chat/Header.js +0 -64
  99. package/dist/components/chat/Header.js.map +0 -1
  100. package/dist/components/chat/Header.mjs +0 -10
  101. package/dist/components/chat/Header.mjs.map +0 -1
  102. package/dist/components/chat/Icons.d.ts +0 -18
  103. package/dist/components/chat/Icons.js +0 -321
  104. package/dist/components/chat/Icons.js.map +0 -1
  105. package/dist/components/chat/Icons.mjs +0 -32
  106. package/dist/components/chat/Icons.mjs.map +0 -1
  107. package/dist/components/chat/Input.d.ts +0 -7
  108. package/dist/components/chat/Input.js +0 -324
  109. package/dist/components/chat/Input.js.map +0 -1
  110. package/dist/components/chat/Input.mjs +0 -12
  111. package/dist/components/chat/Input.mjs.map +0 -1
  112. package/dist/components/chat/Markdown.d.ts +0 -8
  113. package/dist/components/chat/Markdown.js +0 -583
  114. package/dist/components/chat/Markdown.js.map +0 -1
  115. package/dist/components/chat/Markdown.mjs +0 -11
  116. package/dist/components/chat/Markdown.mjs.map +0 -1
  117. package/dist/components/chat/Messages.d.ts +0 -12
  118. package/dist/components/chat/Messages.js +0 -217
  119. package/dist/components/chat/Messages.js.map +0 -1
  120. package/dist/components/chat/Messages.mjs +0 -12
  121. package/dist/components/chat/Messages.mjs.map +0 -1
  122. package/dist/components/chat/Modal.d.ts +0 -51
  123. package/dist/components/chat/Modal.js +0 -2626
  124. package/dist/components/chat/Modal.js.map +0 -1
  125. package/dist/components/chat/Modal.mjs +0 -34
  126. package/dist/components/chat/Modal.mjs.map +0 -1
  127. package/dist/components/chat/Popup.d.ts +0 -13
  128. package/dist/components/chat/Popup.js +0 -2637
  129. package/dist/components/chat/Popup.js.map +0 -1
  130. package/dist/components/chat/Popup.mjs +0 -35
  131. package/dist/components/chat/Popup.mjs.map +0 -1
  132. package/dist/components/chat/Response.d.ts +0 -7
  133. package/dist/components/chat/Response.js +0 -64
  134. package/dist/components/chat/Response.js.map +0 -1
  135. package/dist/components/chat/Response.mjs +0 -10
  136. package/dist/components/chat/Response.mjs.map +0 -1
  137. package/dist/components/chat/Sidebar.d.ts +0 -13
  138. package/dist/components/chat/Sidebar.js +0 -2646
  139. package/dist/components/chat/Sidebar.js.map +0 -1
  140. package/dist/components/chat/Sidebar.mjs +0 -35
  141. package/dist/components/chat/Sidebar.mjs.map +0 -1
  142. package/dist/components/chat/Suggestion.d.ts +0 -14
  143. package/dist/components/chat/Suggestion.js +0 -181
  144. package/dist/components/chat/Suggestion.js.map +0 -1
  145. package/dist/components/chat/Suggestion.mjs +0 -11
  146. package/dist/components/chat/Suggestion.mjs.map +0 -1
  147. package/dist/components/chat/Textarea.d.ts +0 -13
  148. package/dist/components/chat/Textarea.js +0 -73
  149. package/dist/components/chat/Textarea.js.map +0 -1
  150. package/dist/components/chat/Textarea.mjs +0 -8
  151. package/dist/components/chat/Textarea.mjs.map +0 -1
  152. package/dist/components/chat/Window.d.ts +0 -7
  153. package/dist/components/chat/Window.js +0 -164
  154. package/dist/components/chat/Window.js.map +0 -1
  155. package/dist/components/chat/Window.mjs +0 -10
  156. package/dist/components/chat/Window.mjs.map +0 -1
  157. package/dist/components/chat/index.d.ts +0 -11
  158. package/dist/components/chat/index.js +0 -2661
  159. package/dist/components/chat/index.js.map +0 -1
  160. package/dist/components/chat/index.mjs +0 -47
  161. package/dist/components/chat/index.mjs.map +0 -1
  162. package/dist/components/chat/messages/RenderActionExecutionMessage.d.ts +0 -7
  163. package/dist/components/chat/messages/RenderActionExecutionMessage.js +0 -131
  164. package/dist/components/chat/messages/RenderActionExecutionMessage.js.map +0 -1
  165. package/dist/components/chat/messages/RenderActionExecutionMessage.mjs +0 -10
  166. package/dist/components/chat/messages/RenderActionExecutionMessage.mjs.map +0 -1
  167. package/dist/components/chat/messages/RenderAgentStateMessage.d.ts +0 -7
  168. package/dist/components/chat/messages/RenderAgentStateMessage.js +0 -111
  169. package/dist/components/chat/messages/RenderAgentStateMessage.js.map +0 -1
  170. package/dist/components/chat/messages/RenderAgentStateMessage.mjs +0 -10
  171. package/dist/components/chat/messages/RenderAgentStateMessage.mjs.map +0 -1
  172. package/dist/components/chat/messages/RenderResultMessage.d.ts +0 -7
  173. package/dist/components/chat/messages/RenderResultMessage.js +0 -64
  174. package/dist/components/chat/messages/RenderResultMessage.js.map +0 -1
  175. package/dist/components/chat/messages/RenderResultMessage.mjs +0 -10
  176. package/dist/components/chat/messages/RenderResultMessage.mjs.map +0 -1
  177. package/dist/components/chat/messages/RenderTextMessage.d.ts +0 -7
  178. package/dist/components/chat/messages/RenderTextMessage.js +0 -629
  179. package/dist/components/chat/messages/RenderTextMessage.js.map +0 -1
  180. package/dist/components/chat/messages/RenderTextMessage.mjs +0 -13
  181. package/dist/components/chat/messages/RenderTextMessage.mjs.map +0 -1
  182. package/dist/components/chat/props.d.ts +0 -46
  183. package/dist/components/chat/props.js +0 -19
  184. package/dist/components/chat/props.js.map +0 -1
  185. package/dist/components/chat/props.mjs +0 -2
  186. package/dist/components/chat/props.mjs.map +0 -1
  187. package/dist/components/dev-console/console.d.ts +0 -10
  188. package/dist/components/dev-console/console.js +0 -720
  189. package/dist/components/dev-console/console.js.map +0 -1
  190. package/dist/components/dev-console/console.mjs +0 -17
  191. package/dist/components/dev-console/console.mjs.map +0 -1
  192. package/dist/components/dev-console/icons.d.ts +0 -9
  193. package/dist/components/dev-console/icons.js +0 -120
  194. package/dist/components/dev-console/icons.js.map +0 -1
  195. package/dist/components/dev-console/icons.mjs +0 -16
  196. package/dist/components/dev-console/icons.mjs.map +0 -1
  197. package/dist/components/dev-console/index.d.ts +0 -5
  198. package/dist/components/dev-console/index.js +0 -720
  199. package/dist/components/dev-console/index.js.map +0 -1
  200. package/dist/components/dev-console/index.mjs +0 -18
  201. package/dist/components/dev-console/index.mjs.map +0 -1
  202. package/dist/components/dev-console/types.d.ts +0 -9
  203. package/dist/components/dev-console/types.js +0 -19
  204. package/dist/components/dev-console/types.js.map +0 -1
  205. package/dist/components/dev-console/types.mjs +0 -1
  206. package/dist/components/dev-console/types.mjs.map +0 -1
  207. package/dist/components/dev-console/utils.d.ts +0 -10
  208. package/dist/components/dev-console/utils.js +0 -188
  209. package/dist/components/dev-console/utils.js.map +0 -1
  210. package/dist/components/dev-console/utils.mjs +0 -16
  211. package/dist/components/dev-console/utils.mjs.map +0 -1
  212. package/dist/components/help-modal/icons.d.ts +0 -9
  213. package/dist/components/help-modal/icons.js +0 -107
  214. package/dist/components/help-modal/icons.js.map +0 -1
  215. package/dist/components/help-modal/icons.mjs +0 -12
  216. package/dist/components/help-modal/icons.mjs.map +0 -1
  217. package/dist/components/help-modal/index.d.ts +0 -2
  218. package/dist/components/help-modal/index.js +0 -255
  219. package/dist/components/help-modal/index.js.map +0 -1
  220. package/dist/components/help-modal/index.mjs +0 -10
  221. package/dist/components/help-modal/index.mjs.map +0 -1
  222. package/dist/components/help-modal/modal.d.ts +0 -5
  223. package/dist/components/help-modal/modal.js +0 -253
  224. package/dist/components/help-modal/modal.js.map +0 -1
  225. package/dist/components/help-modal/modal.mjs +0 -9
  226. package/dist/components/help-modal/modal.mjs.map +0 -1
  227. package/dist/components/index.d.ts +0 -14
  228. package/dist/components/index.js +0 -2665
  229. package/dist/components/index.js.map +0 -1
  230. package/dist/components/index.mjs +0 -54
  231. package/dist/components/index.mjs.map +0 -1
  232. package/dist/context/index.d.ts +0 -2
  233. package/dist/context/index.js +0 -19
  234. package/dist/context/index.js.map +0 -1
  235. package/dist/context/index.mjs +0 -2
  236. package/dist/context/index.mjs.map +0 -1
  237. package/dist/hooks/index.d.ts +0 -1
  238. package/dist/hooks/index.js +0 -55
  239. package/dist/hooks/index.js.map +0 -1
  240. package/dist/hooks/index.mjs +0 -9
  241. package/dist/hooks/index.mjs.map +0 -1
  242. package/dist/hooks/use-copilot-chat-suggestions.d.ts +0 -83
  243. package/dist/hooks/use-copilot-chat-suggestions.js +0 -53
  244. package/dist/hooks/use-copilot-chat-suggestions.js.map +0 -1
  245. package/dist/hooks/use-copilot-chat-suggestions.mjs +0 -8
  246. package/dist/hooks/use-copilot-chat-suggestions.mjs.map +0 -1
  247. package/dist/hooks/use-copy-to-clipboard.d.ts +0 -9
  248. package/dist/hooks/use-copy-to-clipboard.js +0 -60
  249. package/dist/hooks/use-copy-to-clipboard.js.map +0 -1
  250. package/dist/hooks/use-copy-to-clipboard.mjs +0 -8
  251. package/dist/hooks/use-copy-to-clipboard.mjs.map +0 -1
  252. package/dist/hooks/use-push-to-talk.d.ts +0 -19
  253. package/dist/hooks/use-push-to-talk.js +0 -195
  254. package/dist/hooks/use-push-to-talk.js.map +0 -1
  255. package/dist/hooks/use-push-to-talk.mjs +0 -12
  256. package/dist/hooks/use-push-to-talk.mjs.map +0 -1
  257. package/dist/index.css +0 -751
  258. package/dist/index.css.map +0 -1
  259. package/dist/index.d.ts +0 -16
  260. package/dist/index.js +0 -2693
  261. package/dist/index.js.map +0 -1
  262. package/dist/index.mjs +0 -62
  263. package/dist/index.mjs.map +0 -1
  264. package/dist/lib/utils.d.ts +0 -4
  265. package/dist/lib/utils.js +0 -76
  266. package/dist/lib/utils.js.map +0 -1
  267. package/dist/lib/utils.mjs +0 -34
  268. package/dist/lib/utils.mjs.map +0 -1
  269. package/dist/lib/utils.test.d.ts +0 -2
  270. package/dist/lib/utils.test.js +0 -9
  271. package/dist/lib/utils.test.js.map +0 -1
  272. package/dist/lib/utils.test.mjs +0 -7
  273. package/dist/lib/utils.test.mjs.map +0 -1
  274. package/dist/types/css.d.ts +0 -16
  275. package/dist/types/css.js +0 -19
  276. package/dist/types/css.js.map +0 -1
  277. package/dist/types/css.mjs +0 -1
  278. package/dist/types/css.mjs.map +0 -1
  279. package/dist/types/index.d.ts +0 -2
  280. package/dist/types/index.js +0 -19
  281. package/dist/types/index.js.map +0 -1
  282. package/dist/types/index.mjs +0 -2
  283. package/dist/types/index.mjs.map +0 -1
  284. package/dist/types/suggestions.d.ts +0 -8
  285. package/dist/types/suggestions.js +0 -19
  286. package/dist/types/suggestions.js.map +0 -1
  287. package/dist/types/suggestions.mjs +0 -1
  288. package/dist/types/suggestions.mjs.map +0 -1
package/dist/index.css DELETED
@@ -1,751 +0,0 @@
1
- /* src/css/colors.css */
2
- html {
3
- --copilot-kit-primary-color: rgb(59 130 246);
4
- --copilot-kit-contrast-color: rgb(255 255 255);
5
- --copilot-kit-secondary-color: rgb(243 244 246);
6
- --copilot-kit-secondary-contrast-color: rgb(0 0 0);
7
- --copilot-kit-background-color: rgb(255 255 255);
8
- --copilot-kit-muted-color: rgb(106 106 106);
9
- --copilot-kit-separator-color: rgba(0, 0, 0, 0.08);
10
- --copilot-kit-scrollbar-color: rgba(0, 0, 0, 0.2);
11
- --copilot-kit-response-button-color: #333;
12
- --copilot-kit-response-button-background-color: #fff;
13
- }
14
-
15
- /* src/css/popup.css */
16
- .copilotKitPopup {
17
- position: fixed;
18
- bottom: 1rem;
19
- right: 1rem;
20
- z-index: 30;
21
- line-height: 1.5;
22
- -webkit-text-size-adjust: 100%;
23
- -moz-tab-size: 4;
24
- -o-tab-size: 4;
25
- tab-size: 4;
26
- font-family:
27
- ui-sans-serif,
28
- system-ui,
29
- -apple-system,
30
- BlinkMacSystemFont,
31
- "Segoe UI",
32
- Roboto,
33
- "Helvetica Neue",
34
- Arial,
35
- "Noto Sans",
36
- sans-serif,
37
- "Apple Color Emoji",
38
- "Segoe UI Emoji",
39
- "Segoe UI Symbol",
40
- "Noto Color Emoji";
41
- font-feature-settings: normal;
42
- font-variation-settings: normal;
43
- touch-action: manipulation;
44
- }
45
- .copilotKitPopup svg {
46
- display: inline-block;
47
- vertical-align: middle;
48
- }
49
-
50
- /* src/css/sidebar.css */
51
- .copilotKitSidebar {
52
- position: fixed;
53
- bottom: 1rem;
54
- right: 1rem;
55
- z-index: 30;
56
- line-height: 1.5;
57
- -webkit-text-size-adjust: 100%;
58
- -moz-tab-size: 4;
59
- -o-tab-size: 4;
60
- tab-size: 4;
61
- font-family:
62
- ui-sans-serif,
63
- system-ui,
64
- -apple-system,
65
- BlinkMacSystemFont,
66
- "Segoe UI",
67
- Roboto,
68
- "Helvetica Neue",
69
- Arial,
70
- "Noto Sans",
71
- sans-serif,
72
- "Apple Color Emoji",
73
- "Segoe UI Emoji",
74
- "Segoe UI Symbol",
75
- "Noto Color Emoji";
76
- font-feature-settings: normal;
77
- font-variation-settings: normal;
78
- touch-action: manipulation;
79
- }
80
- .copilotKitSidebar svg {
81
- display: inline-block;
82
- vertical-align: middle;
83
- }
84
- .copilotKitSidebarContentWrapper {
85
- overflow: visible;
86
- margin-right: 0px;
87
- transition: margin-right 0.3s ease;
88
- }
89
- @media (min-width: 640px) {
90
- .copilotKitSidebarContentWrapper.sidebarExpanded {
91
- margin-right: 28rem;
92
- }
93
- }
94
-
95
- /* src/css/button.css */
96
- .copilotKitButton {
97
- width: 3.5rem;
98
- height: 3.5rem;
99
- display: flex;
100
- align-items: center;
101
- justify-content: center;
102
- border-radius: 50%;
103
- border: 1px solid rgba(255, 255, 255, 0.2);
104
- outline: none;
105
- position: relative;
106
- transform: scale(1);
107
- transition: transform 200ms;
108
- background-color: var(--copilot-kit-primary-color);
109
- color: var(--copilot-kit-contrast-color);
110
- cursor: pointer;
111
- }
112
- .copilotKitButton:hover {
113
- transform: scale(1.1);
114
- }
115
- .copilotKitButton:active {
116
- transform: scale(0.75);
117
- }
118
- .copilotKitButtonIcon {
119
- transition: opacity 100ms, transform 300ms;
120
- position: absolute;
121
- top: 50%;
122
- left: 50%;
123
- transform: translate(-50%, -50%);
124
- }
125
- .copilotKitButton.open .copilotKitButtonIconOpen {
126
- transform: translate(-50%, -50%) scale(0) rotate(90deg);
127
- opacity: 0;
128
- }
129
- .copilotKitButton.open .copilotKitButtonIconClose {
130
- transform: translate(-50%, -50%) scale(1) rotate(0deg);
131
- opacity: 1;
132
- }
133
- .copilotKitButton:not(.open) .copilotKitButtonIconOpen {
134
- transform: translate(-50%, -50%) scale(1) rotate(0deg);
135
- opacity: 1;
136
- }
137
- .copilotKitButton:not(.open) .copilotKitButtonIconClose {
138
- transform: translate(-50%, -50%) scale(0) rotate(-90deg);
139
- opacity: 0;
140
- }
141
-
142
- /* src/css/header.css */
143
- .copilotKitHeader {
144
- height: 56px;
145
- font-weight: 500;
146
- display: flex;
147
- justify-content: center;
148
- align-items: center;
149
- position: relative;
150
- background-color: var(--copilot-kit-primary-color);
151
- color: var(--copilot-kit-contrast-color);
152
- border-top-left-radius: 0;
153
- border-top-right-radius: 0;
154
- border-bottom: 1px solid var(--copilot-kit-separator-color);
155
- }
156
- .copilotKitSidebar .copilotKitHeader {
157
- border-radius: 0;
158
- }
159
- @media (min-width: 640px) {
160
- .copilotKitHeader {
161
- padding-left: 24px;
162
- padding-right: 24px;
163
- border-top-left-radius: 8px;
164
- border-top-right-radius: 8px;
165
- }
166
- }
167
- .copilotKitHeader > button {
168
- border: 0;
169
- padding: 0px;
170
- position: absolute;
171
- top: 50%;
172
- right: 16px;
173
- transform: translateY(-50%);
174
- outline: none;
175
- color: var(--copilot-kit-contrast-color);
176
- background-color: transparent;
177
- cursor: pointer;
178
- }
179
- .copilotKitHeader > button:focus {
180
- outline: none;
181
- }
182
-
183
- /* src/css/input.css */
184
- .copilotKitInput {
185
- border-top: 1px solid var(--copilot-kit-separator-color);
186
- padding-left: 2rem;
187
- padding-right: 1rem;
188
- padding-top: 1rem;
189
- padding-bottom: 1rem;
190
- display: flex;
191
- align-items: center;
192
- cursor: text;
193
- position: relative;
194
- border-bottom-left-radius: 0.75rem;
195
- border-bottom-right-radius: 0.75rem;
196
- background-color: var(--copilot-kit-background-color);
197
- }
198
- .copilotKitInput > .copilotKitInputControls > button {
199
- padding: 0.25rem;
200
- cursor: pointer;
201
- transition-property: transform;
202
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
203
- transition-duration: 200ms;
204
- transform: scale(1);
205
- color: rgba(0, 0, 0, 0.25);
206
- -webkit-appearance: button;
207
- appearance: button;
208
- background-color: transparent;
209
- background-image: none;
210
- text-transform: none;
211
- font-family: inherit;
212
- font-size: 100%;
213
- font-weight: inherit;
214
- line-height: inherit;
215
- border: 0;
216
- margin: 0;
217
- text-indent: 0px;
218
- text-shadow: none;
219
- display: inline-block;
220
- text-align: center;
221
- margin-left: 0.5rem;
222
- }
223
- .copilotKitInput > .copilotKitInputControls > button:not([disabled]) {
224
- color: var(--copilot-kit-primary-color);
225
- }
226
- .copilotKitInput > .copilotKitInputControls > button:not([disabled]):hover {
227
- transform: scale(1.1);
228
- }
229
- .copilotKitInput > .copilotKitInputControls > button[disabled] {
230
- color: var(--copilot-kit-muted-color);
231
- }
232
- .copilotKitInputControls {
233
- display: flex;
234
- }
235
- .copilotKitInput > textarea {
236
- flex: 1;
237
- outline: 2px solid transparent;
238
- outline-offset: 2px;
239
- resize: none;
240
- white-space: pre-wrap;
241
- overflow-wrap: break-word;
242
- -webkit-font-smoothing: antialiased;
243
- -moz-osx-font-smoothing: grayscale;
244
- cursor: text;
245
- font-size: 0.875rem;
246
- line-height: 1.25rem;
247
- margin: 0;
248
- padding: 0;
249
- font-family: inherit;
250
- font-weight: inherit;
251
- color: var(--copilot-kit-secondary-contrast-color);
252
- border: 0px;
253
- background-color: var(--copilot-kit-background-color);
254
- }
255
- .copilotKitInput > textarea::placeholder {
256
- color: var(--copilot-kit-muted-color);
257
- opacity: 1;
258
- }
259
- .copilotKitInput > .copilotKitInputControls > button.copilotKitPushToTalkRecording {
260
- background-color: red;
261
- color: white;
262
- border-radius: 50%;
263
- animation: copilotKitPulseAnimation 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
264
- }
265
-
266
- /* src/css/messages.css */
267
- .copilotKitMessages {
268
- overflow-y: scroll;
269
- flex: 1;
270
- padding: 1rem 2rem;
271
- display: flex;
272
- flex-direction: column;
273
- background-color: var(--copilot-kit-background-color);
274
- }
275
- .copilotKitMessages::-webkit-scrollbar {
276
- width: 9px;
277
- }
278
- .copilotKitMessages::-webkit-scrollbar-thumb {
279
- background-color: var(--copilot-kit-scrollbar-color);
280
- border-radius: 10rem;
281
- border: 2px solid var(--copilot-kit-background-color);
282
- }
283
- .copilotKitMessages::-webkit-scrollbar-track-piece:start {
284
- background: transparent;
285
- }
286
- .copilotKitMessages::-webkit-scrollbar-track-piece:end {
287
- background: transparent;
288
- }
289
- .copilotKitMessage {
290
- border-radius: 0.5rem;
291
- padding: 1rem;
292
- font-size: 0.875rem;
293
- line-height: 1.25rem;
294
- overflow-wrap: break-word;
295
- max-width: 80%;
296
- margin-bottom: 0.5rem;
297
- }
298
- .copilotKitMessage.copilotKitUserMessage {
299
- background: var(--copilot-kit-primary-color);
300
- color: var(--copilot-kit-contrast-color);
301
- margin-left: auto;
302
- white-space: pre-wrap;
303
- }
304
- .copilotKitMessage.copilotKitAssistantMessage {
305
- background: var(--copilot-kit-secondary-color);
306
- color: var(--copilot-kit-secondary-contrast-color);
307
- margin-right: auto;
308
- }
309
- .copilotKitMessage.copilotKitUserMessage + .copilotKitMessage.copilotKitAssistantMessage {
310
- margin-top: 1.5rem;
311
- }
312
- .copilotKitMessage.copilotKitAssistantMessage + .copilotKitMessage.copilotKitUserMessage {
313
- margin-top: 1.5rem;
314
- }
315
- .copilotKitCustomAssistantMessage {
316
- margin-top: 1.5rem;
317
- margin-bottom: 1.5rem;
318
- }
319
- .copilotKitMessage .inProgressLabel {
320
- margin-left: 10px;
321
- }
322
- .copilotKitMessages footer {
323
- flex-grow: 1;
324
- display: flex;
325
- flex-direction: column;
326
- justify-content: flex-end;
327
- }
328
-
329
- /* src/css/window.css */
330
- .copilotKitWindow {
331
- position: fixed;
332
- inset: 0px;
333
- transform-origin: bottom;
334
- border-color: rgb(229 231 235);
335
- background-color: rgb(255 255 255);
336
- border-radius: 0.75rem;
337
- box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
338
- flex-direction: column;
339
- transition: opacity 100ms ease-out, transform 200ms ease-out;
340
- opacity: 0;
341
- transform: scale(0.95) translateY(20px);
342
- display: flex;
343
- pointer-events: none;
344
- }
345
- .copilotKitSidebar .copilotKitWindow {
346
- border-radius: 0;
347
- opacity: 1;
348
- transform: translateX(100%);
349
- }
350
- .copilotKitWindow.open {
351
- opacity: 1;
352
- transform: scale(1) translateY(0);
353
- pointer-events: auto;
354
- }
355
- .copilotKitSidebar .copilotKitWindow.open {
356
- transform: translateX(0);
357
- }
358
- @media (min-width: 640px) {
359
- .copilotKitWindow {
360
- transform-origin: bottom right;
361
- bottom: 5rem;
362
- right: 1rem;
363
- top: auto;
364
- left: auto;
365
- border-width: 0px;
366
- margin-bottom: 1rem;
367
- width: 24rem;
368
- height: 600px;
369
- min-height: 200px;
370
- max-height: calc(100% - 6rem);
371
- }
372
- .copilotKitSidebar .copilotKitWindow {
373
- bottom: 0;
374
- right: 0;
375
- top: auto;
376
- left: auto;
377
- width: 28rem;
378
- min-height: 100%;
379
- margin-bottom: 0;
380
- max-height: none;
381
- }
382
- }
383
-
384
- /* src/css/animations.css */
385
- .copilotKitActivityDot1 {
386
- animation: copilotKitActivityDotsAnimation 1.05s infinite;
387
- }
388
- .copilotKitActivityDot2 {
389
- animation-delay: 0.1s;
390
- }
391
- .copilotKitActivityDot3 {
392
- animation-delay: 0.2s;
393
- }
394
- @keyframes copilotKitActivityDotsAnimation {
395
- 0%, 57.14% {
396
- animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
397
- transform: translate(0);
398
- }
399
- 28.57% {
400
- animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
401
- transform: translateY(-6px);
402
- }
403
- 100% {
404
- transform: translate(0);
405
- }
406
- }
407
- @keyframes copilotKitSpinAnimation {
408
- to {
409
- transform: rotate(360deg);
410
- }
411
- }
412
- @keyframes copilotKitPulseAnimation {
413
- 50% {
414
- opacity: 0.5;
415
- }
416
- }
417
-
418
- /* src/css/response.css */
419
- .copilotKitResponseButton {
420
- background-color: var(--copilot-kit-response-button-background-color);
421
- border: 1px solid var(--copilot-kit-separator-color);
422
- border-radius: 4px;
423
- color: var(--copilot-kit-response-button-color);
424
- cursor: pointer;
425
- font-size: 14px;
426
- font-weight: 500;
427
- height: 32px;
428
- line-height: 30px;
429
- margin: 0;
430
- padding: 0 16px;
431
- text-align: center;
432
- text-decoration: none;
433
- text-transform: none;
434
- white-space: nowrap;
435
- margin-top: 15px;
436
- }
437
- .copilotKitResponseButton:hover {
438
- filter: brightness(95%);
439
- }
440
- .copilotKitResponseButton > span {
441
- margin-right: 0.5rem;
442
- }
443
-
444
- /* src/css/markdown.css */
445
- .copilotKitMarkdown h1,
446
- .copilotKitMarkdown h2,
447
- .copilotKitMarkdown h3,
448
- .copilotKitMarkdown h4,
449
- .copilotKitMarkdown h5,
450
- .copilotKitMarkdown h6 {
451
- font-weight: bold;
452
- line-height: 1.2;
453
- }
454
- .copilotKitMarkdown h1:not(:last-child),
455
- .copilotKitMarkdown h2:not(:last-child),
456
- .copilotKitMarkdown h3:not(:last-child),
457
- .copilotKitMarkdown h4:not(:last-child),
458
- .copilotKitMarkdown h5:not(:last-child),
459
- .copilotKitMarkdown h6:not(:last-child) {
460
- margin-bottom: 1rem;
461
- }
462
- .copilotKitMarkdown h1 {
463
- font-size: 1.5em;
464
- }
465
- .copilotKitMarkdown h2 {
466
- font-size: 1.25em;
467
- font-weight: 600;
468
- }
469
- .copilotKitMarkdown h3 {
470
- font-size: 1.1em;
471
- }
472
- .copilotKitMarkdown h4 {
473
- font-size: 1em;
474
- }
475
- .copilotKitMarkdown h5 {
476
- font-size: 0.9em;
477
- }
478
- .copilotKitMarkdown h6 {
479
- font-size: 0.8em;
480
- }
481
- .copilotKitMarkdown p {
482
- padding: 0px;
483
- margin: 0px;
484
- }
485
- .copilotKitMarkdown p:not(:last-child),
486
- .copilotKitMarkdown pre:not(:last-child),
487
- .copilotKitMarkdown ol:not(:last-child),
488
- .copilotKitMarkdown ul:not(:last-child),
489
- .copilotKitMarkdown blockquote:not(:last-child) {
490
- margin-bottom: 1.25em;
491
- }
492
- .copilotKitMarkdown blockquote {
493
- border-color: rgb(142, 142, 160);
494
- border-left-width: 2px;
495
- border-left-style: solid;
496
- line-height: 1.2;
497
- padding-left: 10px;
498
- }
499
- .copilotKitMarkdown blockquote p {
500
- padding: 0.7em 0;
501
- }
502
- .copilotKitMarkdown ul {
503
- list-style-type: disc;
504
- padding-left: 20px;
505
- overflow: visible;
506
- }
507
- .copilotKitMarkdown li {
508
- list-style-type: inherit;
509
- list-style-position: outside;
510
- margin-left: 0;
511
- padding-left: 0;
512
- position: relative;
513
- overflow: visible;
514
- }
515
- .copilotKitCodeBlock {
516
- position: relative;
517
- width: 100%;
518
- background-color: rgb(9 9 11);
519
- border-radius: 0.375rem;
520
- }
521
- .copilotKitCodeBlockToolbar {
522
- display: flex;
523
- width: 100%;
524
- align-items: center;
525
- justify-content: space-between;
526
- background-color: rgb(39 39 42);
527
- padding-left: 1rem;
528
- padding-top: 0.09rem;
529
- padding-bottom: 0.09rem;
530
- color: rgb(228, 228, 228);
531
- border-top-left-radius: 0.375rem;
532
- border-top-right-radius: 0.375rem;
533
- font-family: sans-serif;
534
- }
535
- .copilotKitCodeBlockToolbarLanguage {
536
- font-size: 0.75rem;
537
- line-height: 1rem;
538
- text-transform: lowercase;
539
- }
540
- .copilotKitCodeBlockToolbarButtons {
541
- display: flex;
542
- align-items: center;
543
- margin-right: 0.25rem;
544
- margin-left: 0.25rem;
545
- }
546
- .copilotKitCodeBlockToolbarButton {
547
- display: inline-flex;
548
- align-items: center;
549
- justify-content: center;
550
- border-radius: 0.375rem;
551
- font-size: 0.875rem;
552
- line-height: 1.25rem;
553
- font-weight: 500;
554
- height: 2.5rem;
555
- width: 2.5rem;
556
- padding: 3px;
557
- margin: 2px;
558
- }
559
- .copilotKitCodeBlockToolbarButton:hover {
560
- background-color: rgb(55, 55, 58);
561
- }
562
-
563
- /* src/css/suggestions.css */
564
- .copilotKitMessages footer .suggestions {
565
- display: flex;
566
- flex-wrap: wrap;
567
- gap: 8px;
568
- }
569
- .copilotKitMessages footer h6 {
570
- font-weight: 500;
571
- font-size: 0.7rem;
572
- margin-bottom: 8px;
573
- }
574
- .copilotKitMessages footer .suggestions .suggestion {
575
- padding: 8px 12px;
576
- font-size: 0.7rem;
577
- border-radius: 0.5rem;
578
- background: var(--copilot-kit-primary-color);
579
- color: var(--copilot-kit-contrast-color);
580
- }
581
- .copilotKitMessages footer .suggestions button {
582
- transition: transform 0.3s ease;
583
- }
584
- .copilotKitMessages footer .suggestions button:not(:disabled):hover {
585
- transform: scale(1.05);
586
- }
587
- .copilotKitMessages footer .suggestions button:disabled {
588
- cursor: wait;
589
- }
590
- .copilotKitMessages footer .suggestions button svg {
591
- margin-right: 6px;
592
- }
593
-
594
- /* src/css/panel.css */
595
- .copilotKitChat {
596
- z-index: 30;
597
- line-height: 1.5;
598
- -webkit-text-size-adjust: 100%;
599
- -moz-tab-size: 4;
600
- -o-tab-size: 4;
601
- tab-size: 4;
602
- font-family:
603
- ui-sans-serif,
604
- system-ui,
605
- -apple-system,
606
- BlinkMacSystemFont,
607
- "Segoe UI",
608
- Roboto,
609
- "Helvetica Neue",
610
- Arial,
611
- "Noto Sans",
612
- sans-serif,
613
- "Apple Color Emoji",
614
- "Segoe UI Emoji",
615
- "Segoe UI Symbol",
616
- "Noto Color Emoji";
617
- font-feature-settings: normal;
618
- font-variation-settings: normal;
619
- touch-action: manipulation;
620
- display: flex;
621
- flex-direction: column;
622
- }
623
- .copilotKitChat svg {
624
- display: inline-block;
625
- vertical-align: middle;
626
- }
627
- .copilotKitChat .copilotKitMessages {
628
- flex-grow: 1;
629
- }
630
-
631
- /* src/css/console.css */
632
- .copilotKitDevConsole {
633
- background-color: #f3f4f6;
634
- padding-left: 10px;
635
- padding-right: 10px;
636
- display: flex;
637
- align-items: center;
638
- border-bottom: 1px solid #cecece;
639
- padding-top: 10px;
640
- padding-bottom: 10px;
641
- }
642
- .copilotKitDevConsole.copilotKitDevConsoleWarnOutdated {
643
- background-color: #f9caca;
644
- }
645
- .copilotKitDevConsole .copilotKitVersionInfo {
646
- flex: 1;
647
- margin-left: 18px;
648
- display: flex;
649
- flex-direction: column;
650
- gap: 2px;
651
- }
652
- .copilotKitDevConsole .copilotKitVersionInfo header {
653
- font-size: 11px;
654
- font-weight: bold;
655
- }
656
- .copilotKitDevConsole .copilotKitVersionInfo footer {
657
- margin-top: 10px;
658
- }
659
- .copilotKitDevConsole .copilotKitVersionInfo footer button {
660
- font-size: 11px;
661
- font-weight: normal;
662
- font-family: monospace;
663
- background-color: white;
664
- border: 1px solid #979797;
665
- padding: 1px 12px;
666
- padding-left: 5px;
667
- border-radius: 4px;
668
- display: inline-block;
669
- text-align: left;
670
- overflow: hidden;
671
- white-space: nowrap;
672
- width: 260px;
673
- text-overflow: ellipsis;
674
- }
675
- .copilotKitDevConsole .copilotKitVersionInfo header aside {
676
- display: inline;
677
- font-weight: normal;
678
- color: #7f7a7a;
679
- margin-left: 5px;
680
- }
681
- .copilotKitDevConsole .copilotKitVersionInfo section {
682
- font-size: 11px;
683
- }
684
- .copilotKitDevConsole .copilotKitVersionInfo section svg {
685
- margin-left: 3px;
686
- margin-top: -3px;
687
- }
688
- .copilotKitDevConsole .copilotKitDebugMenuButton {
689
- font-size: 11px;
690
- font-weight: bold;
691
- display: flex;
692
- width: 90px;
693
- height: 30px;
694
- background-color: #d8d8d8;
695
- border: 1px solid #979797;
696
- border-radius: 6px;
697
- align-items: center;
698
- justify-content: center;
699
- outline: none;
700
- }
701
- .copilotKitDebugMenuButton.compact {
702
- width: 35px;
703
- color: black;
704
- justify-content: center;
705
- outline: none;
706
- font-size: 8px;
707
- }
708
- .copilotKitDevConsole .copilotKitDebugMenuButton:hover {
709
- background-color: #c7c7c7;
710
- }
711
- .copilotKitDevConsole .copilotKitDebugMenuButton > svg {
712
- margin-left: 10px;
713
- }
714
- .copilotKitDebugMenu {
715
- background-color: #d8d8d8;
716
- margin-top: 2px;
717
- border-radius: 6px;
718
- border: 1px solid #979797;
719
- padding: 0.25rem;
720
- outline: none;
721
- font-size: 13px;
722
- }
723
- .copilotKitDebugMenuItem {
724
- padding-top: 3px;
725
- padding-bottom: 3px;
726
- padding-left: 10px;
727
- padding-right: 10px;
728
- display: block;
729
- width: 100%;
730
- text-align: left;
731
- background: none;
732
- border: none;
733
- cursor: pointer;
734
- }
735
- .copilotKitDebugMenuItem:hover {
736
- background-color: #c7c7c7;
737
- border-radius: 4px;
738
- }
739
- .copilotKitDebugMenu[data-closed] {
740
- transform: scale(0.95);
741
- opacity: 0;
742
- }
743
- .copilotKitDebugMenu hr {
744
- height: 1px;
745
- border: none;
746
- background-color: #979797;
747
- margin: 0.25rem;
748
- }
749
-
750
- /* src/styles.css */
751
- /*# sourceMappingURL=index.css.map */