@assistant-ui/react 0.7.91 → 0.8.1

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 (304) hide show
  1. package/dist/cloud/auiV0.js.map +1 -1
  2. package/dist/cloud/auiV0.mjs.map +1 -1
  3. package/dist/index.d.ts +0 -1
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/index.js +1 -3
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +0 -1
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/internal.d.ts +0 -1
  10. package/dist/internal.d.ts.map +1 -1
  11. package/dist/internal.js +0 -3
  12. package/dist/internal.js.map +1 -1
  13. package/dist/internal.mjs +0 -2
  14. package/dist/internal.mjs.map +1 -1
  15. package/dist/model-context/ModelContextTypes.d.ts +11 -0
  16. package/dist/model-context/ModelContextTypes.d.ts.map +1 -1
  17. package/dist/model-context/ModelContextTypes.js.map +1 -1
  18. package/dist/model-context/ModelContextTypes.mjs.map +1 -1
  19. package/dist/model-context/makeAssistantVisible.d.ts.map +1 -1
  20. package/dist/model-context/makeAssistantVisible.js +4 -2
  21. package/dist/model-context/makeAssistantVisible.js.map +1 -1
  22. package/dist/model-context/makeAssistantVisible.mjs +4 -2
  23. package/dist/model-context/makeAssistantVisible.mjs.map +1 -1
  24. package/dist/primitives/contentPart/index.d.ts +0 -1
  25. package/dist/primitives/contentPart/index.d.ts.map +1 -1
  26. package/dist/primitives/contentPart/index.js +0 -3
  27. package/dist/primitives/contentPart/index.js.map +1 -1
  28. package/dist/primitives/contentPart/index.mjs +0 -2
  29. package/dist/primitives/contentPart/index.mjs.map +1 -1
  30. package/dist/primitives/index.d.ts +0 -1
  31. package/dist/primitives/index.d.ts.map +1 -1
  32. package/dist/primitives/index.js +0 -3
  33. package/dist/primitives/index.js.map +1 -1
  34. package/dist/primitives/index.mjs +0 -2
  35. package/dist/primitives/index.mjs.map +1 -1
  36. package/dist/primitives/message/MessageContent.d.ts +1 -2
  37. package/dist/primitives/message/MessageContent.d.ts.map +1 -1
  38. package/dist/primitives/message/MessageContent.js +2 -7
  39. package/dist/primitives/message/MessageContent.js.map +1 -1
  40. package/dist/primitives/message/MessageContent.mjs +2 -7
  41. package/dist/primitives/message/MessageContent.mjs.map +1 -1
  42. package/dist/runtimes/composer/DefaultEditComposerRuntimeCore.d.ts.map +1 -1
  43. package/dist/runtimes/composer/DefaultEditComposerRuntimeCore.js +1 -3
  44. package/dist/runtimes/composer/DefaultEditComposerRuntimeCore.js.map +1 -1
  45. package/dist/runtimes/composer/DefaultEditComposerRuntimeCore.mjs +1 -3
  46. package/dist/runtimes/composer/DefaultEditComposerRuntimeCore.mjs.map +1 -1
  47. package/dist/runtimes/edge/converters/toCoreMessages.d.ts.map +1 -1
  48. package/dist/runtimes/edge/converters/toCoreMessages.js +1 -6
  49. package/dist/runtimes/edge/converters/toCoreMessages.js.map +1 -1
  50. package/dist/runtimes/edge/converters/toCoreMessages.mjs +1 -6
  51. package/dist/runtimes/edge/converters/toCoreMessages.mjs.map +1 -1
  52. package/dist/runtimes/edge/converters/toLanguageModelMessages.js.map +1 -1
  53. package/dist/runtimes/edge/converters/toLanguageModelMessages.mjs.map +1 -1
  54. package/dist/runtimes/external-store/ThreadMessageLike.d.ts +2 -2
  55. package/dist/runtimes/external-store/ThreadMessageLike.d.ts.map +1 -1
  56. package/dist/runtimes/external-store/ThreadMessageLike.js +0 -3
  57. package/dist/runtimes/external-store/ThreadMessageLike.js.map +1 -1
  58. package/dist/runtimes/external-store/ThreadMessageLike.mjs +0 -3
  59. package/dist/runtimes/external-store/ThreadMessageLike.mjs.map +1 -1
  60. package/dist/runtimes/remote-thread-list/adapter/cloud.d.ts.map +1 -1
  61. package/dist/runtimes/remote-thread-list/adapter/cloud.js +1 -7
  62. package/dist/runtimes/remote-thread-list/adapter/cloud.js.map +1 -1
  63. package/dist/runtimes/remote-thread-list/adapter/cloud.mjs +1 -7
  64. package/dist/runtimes/remote-thread-list/adapter/cloud.mjs.map +1 -1
  65. package/dist/types/AssistantTypes.d.ts +3 -7
  66. package/dist/types/AssistantTypes.d.ts.map +1 -1
  67. package/dist/types/AssistantTypes.js.map +1 -1
  68. package/dist/types/ContentPartComponentTypes.d.ts +1 -3
  69. package/dist/types/ContentPartComponentTypes.d.ts.map +1 -1
  70. package/dist/types/ContentPartComponentTypes.js.map +1 -1
  71. package/dist/types/index.d.ts +1 -1
  72. package/dist/types/index.d.ts.map +1 -1
  73. package/dist/types/index.js.map +1 -1
  74. package/package.json +1 -21
  75. package/src/cloud/auiV0.ts +1 -1
  76. package/src/index.ts +0 -1
  77. package/src/internal.ts +0 -1
  78. package/src/model-context/ModelContextTypes.ts +19 -0
  79. package/src/model-context/makeAssistantVisible.tsx +4 -2
  80. package/src/primitives/contentPart/index.ts +0 -1
  81. package/src/primitives/index.ts +0 -1
  82. package/src/primitives/message/MessageContent.tsx +0 -9
  83. package/src/runtimes/composer/DefaultEditComposerRuntimeCore.tsx +1 -3
  84. package/src/runtimes/edge/converters/toCoreMessages.ts +11 -14
  85. package/src/runtimes/edge/converters/toLanguageModelMessages.ts +2 -2
  86. package/src/runtimes/external-store/ThreadMessageLike.tsx +0 -6
  87. package/src/runtimes/remote-thread-list/adapter/cloud.tsx +4 -13
  88. package/src/types/AssistantTypes.ts +4 -9
  89. package/src/types/ContentPartComponentTypes.tsx +0 -4
  90. package/src/types/index.ts +0 -2
  91. package/dist/primitives/contentPart/ContentPartDisplay.d.ts +0 -9
  92. package/dist/primitives/contentPart/ContentPartDisplay.d.ts.map +0 -1
  93. package/dist/primitives/contentPart/ContentPartDisplay.js +0 -37
  94. package/dist/primitives/contentPart/ContentPartDisplay.js.map +0 -1
  95. package/dist/primitives/contentPart/ContentPartDisplay.mjs +0 -13
  96. package/dist/primitives/contentPart/ContentPartDisplay.mjs.map +0 -1
  97. package/dist/primitives/contentPart/useContentPartDisplay.d.ts +0 -8
  98. package/dist/primitives/contentPart/useContentPartDisplay.d.ts.map +0 -1
  99. package/dist/primitives/contentPart/useContentPartDisplay.js +0 -42
  100. package/dist/primitives/contentPart/useContentPartDisplay.js.map +0 -1
  101. package/dist/primitives/contentPart/useContentPartDisplay.mjs +0 -18
  102. package/dist/primitives/contentPart/useContentPartDisplay.mjs.map +0 -1
  103. package/dist/styles/index.css +0 -1261
  104. package/dist/styles/index.css.map +0 -1
  105. package/dist/styles/modal.css +0 -143
  106. package/dist/styles/modal.css.map +0 -1
  107. package/dist/styles/tailwindcss/base-components.css +0 -69
  108. package/dist/styles/tailwindcss/base-components.css.json +0 -48
  109. package/dist/styles/tailwindcss/modal.css +0 -29
  110. package/dist/styles/tailwindcss/modal.css.json +0 -26
  111. package/dist/styles/tailwindcss/thread.css +0 -262
  112. package/dist/styles/tailwindcss/thread.css.json +0 -183
  113. package/dist/styles/themes/default.css +0 -64
  114. package/dist/styles/themes/default.css.json +0 -46
  115. package/dist/styles/themes/shadcn-extras.css +0 -4
  116. package/dist/styles/themes/shadcn-extras.css.json +0 -5
  117. package/dist/tailwindcss/index.d.ts +0 -49
  118. package/dist/tailwindcss/index.d.ts.map +0 -1
  119. package/dist/tailwindcss/index.js +0 -189
  120. package/dist/tailwindcss/index.js.map +0 -1
  121. package/dist/tailwindcss/index.mjs +0 -181
  122. package/dist/tailwindcss/index.mjs.map +0 -1
  123. package/dist/ui/assistant-action-bar.d.ts +0 -24
  124. package/dist/ui/assistant-action-bar.d.ts.map +0 -1
  125. package/dist/ui/assistant-action-bar.js +0 -193
  126. package/dist/ui/assistant-action-bar.js.map +0 -1
  127. package/dist/ui/assistant-action-bar.mjs +0 -181
  128. package/dist/ui/assistant-action-bar.mjs.map +0 -1
  129. package/dist/ui/assistant-message.d.ts +0 -13
  130. package/dist/ui/assistant-message.d.ts.map +0 -1
  131. package/dist/ui/assistant-message.js +0 -107
  132. package/dist/ui/assistant-message.js.map +0 -1
  133. package/dist/ui/assistant-message.mjs +0 -77
  134. package/dist/ui/assistant-message.mjs.map +0 -1
  135. package/dist/ui/assistant-modal.d.ts +0 -23
  136. package/dist/ui/assistant-modal.d.ts.map +0 -1
  137. package/dist/ui/assistant-modal.js +0 -126
  138. package/dist/ui/assistant-modal.js.map +0 -1
  139. package/dist/ui/assistant-modal.mjs +0 -99
  140. package/dist/ui/assistant-modal.mjs.map +0 -1
  141. package/dist/ui/attachment-ui.d.ts +0 -12
  142. package/dist/ui/attachment-ui.d.ts.map +0 -1
  143. package/dist/ui/attachment-ui.js +0 -170
  144. package/dist/ui/attachment-ui.js.map +0 -1
  145. package/dist/ui/attachment-ui.mjs +0 -160
  146. package/dist/ui/attachment-ui.mjs.map +0 -1
  147. package/dist/ui/base/CircleStopIcon.d.ts +0 -3
  148. package/dist/ui/base/CircleStopIcon.d.ts.map +0 -1
  149. package/dist/ui/base/CircleStopIcon.js +0 -45
  150. package/dist/ui/base/CircleStopIcon.js.map +0 -1
  151. package/dist/ui/base/CircleStopIcon.mjs +0 -20
  152. package/dist/ui/base/CircleStopIcon.mjs.map +0 -1
  153. package/dist/ui/base/avatar.d.ts +0 -12
  154. package/dist/ui/base/avatar.d.ts.map +0 -1
  155. package/dist/ui/base/avatar.js +0 -69
  156. package/dist/ui/base/avatar.js.map +0 -1
  157. package/dist/ui/base/avatar.mjs +0 -31
  158. package/dist/ui/base/avatar.mjs.map +0 -1
  159. package/dist/ui/base/button.d.ts +0 -16
  160. package/dist/ui/base/button.d.ts.map +0 -1
  161. package/dist/ui/base/button.js +0 -66
  162. package/dist/ui/base/button.js.map +0 -1
  163. package/dist/ui/base/button.mjs +0 -40
  164. package/dist/ui/base/button.mjs.map +0 -1
  165. package/dist/ui/base/dialog.d.ts +0 -9
  166. package/dist/ui/base/dialog.d.ts.map +0 -1
  167. package/dist/ui/base/dialog.js +0 -80
  168. package/dist/ui/base/dialog.js.map +0 -1
  169. package/dist/ui/base/dialog.mjs +0 -40
  170. package/dist/ui/base/dialog.mjs.map +0 -1
  171. package/dist/ui/base/index.d.ts +0 -6
  172. package/dist/ui/base/index.d.ts.map +0 -1
  173. package/dist/ui/base/index.js +0 -55
  174. package/dist/ui/base/index.js.map +0 -1
  175. package/dist/ui/base/index.mjs +0 -25
  176. package/dist/ui/base/index.mjs.map +0 -1
  177. package/dist/ui/base/tooltip-icon-button.d.ts +0 -17
  178. package/dist/ui/base/tooltip-icon-button.d.ts.map +0 -1
  179. package/dist/ui/base/tooltip-icon-button.js +0 -44
  180. package/dist/ui/base/tooltip-icon-button.js.map +0 -1
  181. package/dist/ui/base/tooltip-icon-button.mjs +0 -19
  182. package/dist/ui/base/tooltip-icon-button.mjs.map +0 -1
  183. package/dist/ui/base/tooltip.d.ts +0 -6
  184. package/dist/ui/base/tooltip.d.ts.map +0 -1
  185. package/dist/ui/base/tooltip.js +0 -57
  186. package/dist/ui/base/tooltip.js.map +0 -1
  187. package/dist/ui/base/tooltip.mjs +0 -20
  188. package/dist/ui/base/tooltip.mjs.map +0 -1
  189. package/dist/ui/branch-picker.d.ts +0 -15
  190. package/dist/ui/branch-picker.d.ts.map +0 -1
  191. package/dist/ui/branch-picker.js +0 -89
  192. package/dist/ui/branch-picker.js.map +0 -1
  193. package/dist/ui/branch-picker.mjs +0 -69
  194. package/dist/ui/branch-picker.mjs.map +0 -1
  195. package/dist/ui/composer.d.ts +0 -25
  196. package/dist/ui/composer.d.ts.map +0 -1
  197. package/dist/ui/composer.js +0 -168
  198. package/dist/ui/composer.js.map +0 -1
  199. package/dist/ui/composer.mjs +0 -138
  200. package/dist/ui/composer.mjs.map +0 -1
  201. package/dist/ui/content-part.d.ts +0 -7
  202. package/dist/ui/content-part.d.ts.map +0 -1
  203. package/dist/ui/content-part.js +0 -61
  204. package/dist/ui/content-part.js.map +0 -1
  205. package/dist/ui/content-part.mjs +0 -27
  206. package/dist/ui/content-part.mjs.map +0 -1
  207. package/dist/ui/edit-composer.d.ts +0 -22
  208. package/dist/ui/edit-composer.d.ts.map +0 -1
  209. package/dist/ui/edit-composer.js +0 -77
  210. package/dist/ui/edit-composer.js.map +0 -1
  211. package/dist/ui/edit-composer.mjs +0 -57
  212. package/dist/ui/edit-composer.mjs.map +0 -1
  213. package/dist/ui/index.d.ts +0 -75
  214. package/dist/ui/index.d.ts.map +0 -1
  215. package/dist/ui/index.js +0 -86
  216. package/dist/ui/index.js.map +0 -1
  217. package/dist/ui/index.mjs +0 -38
  218. package/dist/ui/index.mjs.map +0 -1
  219. package/dist/ui/thread-config.d.ts +0 -162
  220. package/dist/ui/thread-config.d.ts.map +0 -1
  221. package/dist/ui/thread-config.js +0 -63
  222. package/dist/ui/thread-config.js.map +0 -1
  223. package/dist/ui/thread-config.mjs +0 -41
  224. package/dist/ui/thread-config.mjs.map +0 -1
  225. package/dist/ui/thread-list-item.d.ts +0 -13
  226. package/dist/ui/thread-list-item.d.ts.map +0 -1
  227. package/dist/ui/thread-list-item.js +0 -94
  228. package/dist/ui/thread-list-item.js.map +0 -1
  229. package/dist/ui/thread-list-item.mjs +0 -64
  230. package/dist/ui/thread-list-item.mjs.map +0 -1
  231. package/dist/ui/thread-list.d.ts +0 -27
  232. package/dist/ui/thread-list.d.ts.map +0 -1
  233. package/dist/ui/thread-list.js +0 -91
  234. package/dist/ui/thread-list.js.map +0 -1
  235. package/dist/ui/thread-list.mjs +0 -61
  236. package/dist/ui/thread-list.mjs.map +0 -1
  237. package/dist/ui/thread-welcome.d.ts +0 -21
  238. package/dist/ui/thread-welcome.d.ts.map +0 -1
  239. package/dist/ui/thread-welcome.js +0 -101
  240. package/dist/ui/thread-welcome.js.map +0 -1
  241. package/dist/ui/thread-welcome.mjs +0 -81
  242. package/dist/ui/thread-welcome.mjs.map +0 -1
  243. package/dist/ui/thread.d.ts +0 -30
  244. package/dist/ui/thread.d.ts.map +0 -1
  245. package/dist/ui/thread.js +0 -152
  246. package/dist/ui/thread.js.map +0 -1
  247. package/dist/ui/thread.mjs +0 -125
  248. package/dist/ui/thread.mjs.map +0 -1
  249. package/dist/ui/user-action-bar.d.ts +0 -16
  250. package/dist/ui/user-action-bar.d.ts.map +0 -1
  251. package/dist/ui/user-action-bar.js +0 -63
  252. package/dist/ui/user-action-bar.js.map +0 -1
  253. package/dist/ui/user-action-bar.mjs +0 -43
  254. package/dist/ui/user-action-bar.mjs.map +0 -1
  255. package/dist/ui/user-message.d.ts +0 -13
  256. package/dist/ui/user-message.d.ts.map +0 -1
  257. package/dist/ui/user-message.js +0 -96
  258. package/dist/ui/user-message.js.map +0 -1
  259. package/dist/ui/user-message.mjs +0 -65
  260. package/dist/ui/user-message.mjs.map +0 -1
  261. package/dist/ui/utils/withDefaults.d.ts +0 -7
  262. package/dist/ui/utils/withDefaults.d.ts.map +0 -1
  263. package/dist/ui/utils/withDefaults.js +0 -66
  264. package/dist/ui/utils/withDefaults.js.map +0 -1
  265. package/dist/ui/utils/withDefaults.mjs +0 -30
  266. package/dist/ui/utils/withDefaults.mjs.map +0 -1
  267. package/src/primitives/contentPart/ContentPartDisplay.tsx +0 -20
  268. package/src/primitives/contentPart/useContentPartDisplay.tsx +0 -21
  269. package/src/styles/base.css +0 -37
  270. package/src/styles/index.css +0 -4
  271. package/src/styles/modal.css +0 -1
  272. package/src/styles/tailwindcss/base-components.css +0 -69
  273. package/src/styles/tailwindcss/modal.css +0 -29
  274. package/src/styles/tailwindcss/thread.css +0 -262
  275. package/src/styles/themes/default.css +0 -64
  276. package/src/styles/themes/shadcn-extras.css +0 -4
  277. package/src/tailwindcss/index.ts +0 -149
  278. package/src/ui/assistant-action-bar.tsx +0 -301
  279. package/src/ui/assistant-message.tsx +0 -96
  280. package/src/ui/assistant-modal.tsx +0 -146
  281. package/src/ui/attachment-ui.tsx +0 -211
  282. package/src/ui/base/CircleStopIcon.tsx +0 -17
  283. package/src/ui/base/avatar.tsx +0 -41
  284. package/src/ui/base/button.tsx +0 -42
  285. package/src/ui/base/dialog.tsx +0 -113
  286. package/src/ui/base/index.ts +0 -15
  287. package/src/ui/base/tooltip-icon-button.tsx +0 -29
  288. package/src/ui/base/tooltip.tsx +0 -22
  289. package/src/ui/branch-picker.tsx +0 -117
  290. package/src/ui/composer.tsx +0 -210
  291. package/src/ui/content-part.tsx +0 -23
  292. package/src/ui/edit-composer.tsx +0 -98
  293. package/src/ui/index.ts +0 -98
  294. package/src/ui/thread-config.tsx +0 -246
  295. package/src/ui/thread-list-item.tsx +0 -91
  296. package/src/ui/thread-list.tsx +0 -78
  297. package/src/ui/thread-welcome.tsx +0 -140
  298. package/src/ui/thread.tsx +0 -176
  299. package/src/ui/user-action-bar.tsx +0 -66
  300. package/src/ui/user-message.tsx +0 -92
  301. package/src/ui/utils/withDefaults.tsx +0 -35
  302. package/tailwindcss/README.md +0 -1
  303. package/tailwindcss/package-lock.json +0 -6
  304. package/tailwindcss/package.json +0 -5
@@ -1,1261 +0,0 @@
1
- /* src/styles/base.css */
2
- :where(.aui-root) *,
3
- :where(.aui-root) ::before,
4
- :where(.aui-root) ::after {
5
- --aui-border-spacing-x: 0;
6
- --aui-border-spacing-y: 0;
7
- --aui-translate-x: 0;
8
- --aui-translate-y: 0;
9
- --aui-rotate: 0;
10
- --aui-skew-x: 0;
11
- --aui-skew-y: 0;
12
- --aui-scale-x: 1;
13
- --aui-scale-y: 1;
14
- --aui-ring-inset: ;
15
- --aui-ring-offset-width: 0px;
16
- --aui-ring-offset-color: #fff;
17
- --aui-ring-color: rgb(59 130 246 / 0.5);
18
- --aui-ring-offset-shadow: 0 0 #0000;
19
- --aui-ring-shadow: 0 0 #0000;
20
- --aui-shadow: 0 0 #0000;
21
- --aui-shadow-colored: 0 0 #0000;
22
- --aui-blur: ;
23
- --aui-brightness: ;
24
- --aui-contrast: ;
25
- --aui-grayscale: ;
26
- --aui-hue-rotate: ;
27
- --aui-invert: ;
28
- --aui-saturate: ;
29
- --aui-sepia: ;
30
- --aui-drop-shadow: ;
31
- --aui-backdrop-blur: ;
32
- --aui-backdrop-brightness: ;
33
- --aui-backdrop-contrast: ;
34
- --aui-backdrop-grayscale: ;
35
- --aui-backdrop-hue-rotate: ;
36
- --aui-backdrop-invert: ;
37
- --aui-backdrop-opacity: ;
38
- --aui-backdrop-saturate: ;
39
- --aui-backdrop-sepia: ;
40
- --aui-contain-size: ;
41
- --aui-contain-layout: ;
42
- --aui-contain-paint: ;
43
- --aui-contain-style: ;
44
- }
45
- :where(.aui-root) ::backdrop {
46
- --aui-border-spacing-x: 0;
47
- --aui-border-spacing-y: 0;
48
- --aui-translate-x: 0;
49
- --aui-translate-y: 0;
50
- --aui-rotate: 0;
51
- --aui-skew-x: 0;
52
- --aui-skew-y: 0;
53
- --aui-scale-x: 1;
54
- --aui-scale-y: 1;
55
- --aui-ring-inset: ;
56
- --aui-ring-offset-width: 0px;
57
- --aui-ring-offset-color: #fff;
58
- --aui-ring-color: rgb(59 130 246 / 0.5);
59
- --aui-ring-offset-shadow: 0 0 #0000;
60
- --aui-ring-shadow: 0 0 #0000;
61
- --aui-shadow: 0 0 #0000;
62
- --aui-shadow-colored: 0 0 #0000;
63
- --aui-blur: ;
64
- --aui-brightness: ;
65
- --aui-contrast: ;
66
- --aui-grayscale: ;
67
- --aui-hue-rotate: ;
68
- --aui-invert: ;
69
- --aui-saturate: ;
70
- --aui-sepia: ;
71
- --aui-drop-shadow: ;
72
- --aui-backdrop-blur: ;
73
- --aui-backdrop-brightness: ;
74
- --aui-backdrop-contrast: ;
75
- --aui-backdrop-grayscale: ;
76
- --aui-backdrop-hue-rotate: ;
77
- --aui-backdrop-invert: ;
78
- --aui-backdrop-opacity: ;
79
- --aui-backdrop-saturate: ;
80
- --aui-backdrop-sepia: ;
81
- --aui-contain-size: ;
82
- --aui-contain-layout: ;
83
- --aui-contain-paint: ;
84
- --aui-contain-style: ;
85
- }
86
- :where(.aui-root) *,
87
- :where(.aui-root) ::before,
88
- :where(.aui-root) ::after {
89
- box-sizing: border-box;
90
- border-width: 0;
91
- border-style: solid;
92
- border-color: #e5e7eb;
93
- }
94
- :where(.aui-root) ::before,
95
- :where(.aui-root) ::after {
96
- --aui-content: "";
97
- }
98
- :where(.aui-root) html,
99
- :where(.aui-root) :host {
100
- line-height: 1.5;
101
- -webkit-text-size-adjust: 100%;
102
- -moz-tab-size: 4;
103
- -o-tab-size: 4;
104
- tab-size: 4;
105
- font-family:
106
- ui-sans-serif,
107
- system-ui,
108
- sans-serif,
109
- "Apple Color Emoji",
110
- "Segoe UI Emoji",
111
- "Segoe UI Symbol",
112
- "Noto Color Emoji";
113
- font-feature-settings: normal;
114
- font-variation-settings: normal;
115
- -webkit-tap-highlight-color: transparent;
116
- }
117
- :where(.aui-root) body {
118
- margin: 0;
119
- line-height: inherit;
120
- }
121
- :where(.aui-root) hr {
122
- height: 0;
123
- color: inherit;
124
- border-top-width: 1px;
125
- }
126
- :where(.aui-root) abbr:where([title]) {
127
- -webkit-text-decoration: underline dotted;
128
- text-decoration: underline dotted;
129
- }
130
- :where(.aui-root) h1,
131
- :where(.aui-root) h2,
132
- :where(.aui-root) h3,
133
- :where(.aui-root) h4,
134
- :where(.aui-root) h5,
135
- :where(.aui-root) h6 {
136
- font-size: inherit;
137
- font-weight: inherit;
138
- }
139
- :where(.aui-root) a {
140
- color: inherit;
141
- text-decoration: inherit;
142
- }
143
- :where(.aui-root) b,
144
- :where(.aui-root) strong {
145
- font-weight: bolder;
146
- }
147
- :where(.aui-root) code,
148
- :where(.aui-root) kbd,
149
- :where(.aui-root) samp,
150
- :where(.aui-root) pre {
151
- font-family:
152
- ui-monospace,
153
- SFMono-Regular,
154
- Menlo,
155
- Monaco,
156
- Consolas,
157
- "Liberation Mono",
158
- "Courier New",
159
- monospace;
160
- font-feature-settings: normal;
161
- font-variation-settings: normal;
162
- font-size: 1em;
163
- }
164
- :where(.aui-root) small {
165
- font-size: 80%;
166
- }
167
- :where(.aui-root) sub,
168
- :where(.aui-root) sup {
169
- font-size: 75%;
170
- line-height: 0;
171
- position: relative;
172
- vertical-align: baseline;
173
- }
174
- :where(.aui-root) sub {
175
- bottom: -0.25em;
176
- }
177
- :where(.aui-root) sup {
178
- top: -0.5em;
179
- }
180
- :where(.aui-root) table {
181
- text-indent: 0;
182
- border-color: inherit;
183
- border-collapse: collapse;
184
- }
185
- :where(.aui-root) button,
186
- :where(.aui-root) input,
187
- :where(.aui-root) optgroup,
188
- :where(.aui-root) select,
189
- :where(.aui-root) textarea {
190
- font-family: inherit;
191
- font-feature-settings: inherit;
192
- font-variation-settings: inherit;
193
- font-size: 100%;
194
- font-weight: inherit;
195
- line-height: inherit;
196
- letter-spacing: inherit;
197
- color: inherit;
198
- margin: 0;
199
- padding: 0;
200
- }
201
- :where(.aui-root) button,
202
- :where(.aui-root) select {
203
- text-transform: none;
204
- }
205
- :where(.aui-root) button,
206
- :where(.aui-root) input:where([type=button]),
207
- :where(.aui-root) input:where([type=reset]),
208
- :where(.aui-root) input:where([type=submit]) {
209
- -webkit-appearance: button;
210
- background-color: transparent;
211
- background-image: none;
212
- }
213
- :where(.aui-root) :-moz-focusring {
214
- outline: auto;
215
- }
216
- :where(.aui-root) :-moz-ui-invalid {
217
- box-shadow: none;
218
- }
219
- :where(.aui-root) progress {
220
- vertical-align: baseline;
221
- }
222
- :where(.aui-root) ::-webkit-inner-spin-button,
223
- :where(.aui-root) ::-webkit-outer-spin-button {
224
- height: auto;
225
- }
226
- :where(.aui-root) [type=search] {
227
- -webkit-appearance: textfield;
228
- outline-offset: -2px;
229
- }
230
- :where(.aui-root) ::-webkit-search-decoration {
231
- -webkit-appearance: none;
232
- }
233
- :where(.aui-root) ::-webkit-file-upload-button {
234
- -webkit-appearance: button;
235
- font: inherit;
236
- }
237
- :where(.aui-root) summary {
238
- display: list-item;
239
- }
240
- :where(.aui-root) blockquote,
241
- :where(.aui-root) dl,
242
- :where(.aui-root) dd,
243
- :where(.aui-root) h1,
244
- :where(.aui-root) h2,
245
- :where(.aui-root) h3,
246
- :where(.aui-root) h4,
247
- :where(.aui-root) h5,
248
- :where(.aui-root) h6,
249
- :where(.aui-root) hr,
250
- :where(.aui-root) figure,
251
- :where(.aui-root) p,
252
- :where(.aui-root) pre {
253
- margin: 0;
254
- }
255
- :where(.aui-root) fieldset {
256
- margin: 0;
257
- padding: 0;
258
- }
259
- :where(.aui-root) legend {
260
- padding: 0;
261
- }
262
- :where(.aui-root) ol,
263
- :where(.aui-root) ul,
264
- :where(.aui-root) menu {
265
- list-style: none;
266
- margin: 0;
267
- padding: 0;
268
- }
269
- :where(.aui-root) dialog {
270
- padding: 0;
271
- }
272
- :where(.aui-root) textarea {
273
- resize: vertical;
274
- }
275
- :where(.aui-root) input::-moz-placeholder,
276
- :where(.aui-root) textarea::-moz-placeholder {
277
- opacity: 1;
278
- color: #9ca3af;
279
- }
280
- :where(.aui-root) input::placeholder,
281
- :where(.aui-root) textarea::placeholder {
282
- opacity: 1;
283
- color: #9ca3af;
284
- }
285
- :where(.aui-root) button,
286
- :where(.aui-root) [role=button] {
287
- cursor: pointer;
288
- }
289
- :where(.aui-root) :disabled {
290
- cursor: default;
291
- }
292
- :where(.aui-root) img,
293
- :where(.aui-root) svg,
294
- :where(.aui-root) video,
295
- :where(.aui-root) canvas,
296
- :where(.aui-root) audio,
297
- :where(.aui-root) iframe,
298
- :where(.aui-root) embed,
299
- :where(.aui-root) object {
300
- display: block;
301
- vertical-align: middle;
302
- }
303
- :where(.aui-root) img,
304
- :where(.aui-root) video {
305
- max-width: 100%;
306
- height: auto;
307
- }
308
- :where(.aui-root) [hidden]:where(:not([hidden=until-found])) {
309
- display: none;
310
- }
311
- @keyframes aui-enter {
312
- from {
313
- opacity: var(--aui-enter-opacity, 1);
314
- transform: translate3d(var(--aui-enter-translate-x, 0), var(--aui-enter-translate-y, 0), 0) scale3d(var(--aui-enter-scale, 1), var(--aui-enter-scale, 1), var(--aui-enter-scale, 1)) rotate(var(--aui-enter-rotate, 0));
315
- }
316
- }
317
- @keyframes aui-exit {
318
- to {
319
- opacity: var(--aui-exit-opacity, 1);
320
- transform: translate3d(var(--aui-exit-translate-x, 0), var(--aui-exit-translate-y, 0), 0) scale3d(var(--aui-exit-scale, 1), var(--aui-exit-scale, 1), var(--aui-exit-scale, 1)) rotate(var(--aui-exit-rotate, 0));
321
- }
322
- }
323
-
324
- /* src/styles/tailwindcss/base-components.css */
325
- .aui-root {
326
- color: hsl(var(--aui-foreground));
327
- }
328
- .aui-root * {
329
- border-color: hsl(var(--aui-border));
330
- }
331
- .aui-button {
332
- display: inline-flex;
333
- align-items: center;
334
- justify-content: center;
335
- gap: 0.5rem;
336
- white-space: nowrap;
337
- border-radius: calc(var(--aui-radius) - 2px);
338
- font-size: 0.875rem;
339
- line-height: 1.25rem;
340
- font-weight: 500;
341
- transition-property:
342
- color,
343
- background-color,
344
- border-color,
345
- text-decoration-color,
346
- fill,
347
- stroke;
348
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
349
- transition-duration: 150ms;
350
- }
351
- .aui-button:focus-visible {
352
- outline: 2px solid transparent;
353
- outline-offset: 2px;
354
- --aui-ring-offset-shadow: var(--aui-ring-inset) 0 0 0 var(--aui-ring-offset-width) var(--aui-ring-offset-color);
355
- --aui-ring-shadow: var(--aui-ring-inset) 0 0 0 calc(1px + var(--aui-ring-offset-width)) var(--aui-ring-color);
356
- box-shadow:
357
- var(--aui-ring-offset-shadow),
358
- var(--aui-ring-shadow),
359
- var(--aui-shadow, 0 0 #0000);
360
- --aui-ring-color: hsl(var(--aui-ring)) ;
361
- }
362
- .aui-button:disabled {
363
- pointer-events: none;
364
- opacity: 0.5;
365
- }
366
- .aui-button svg {
367
- pointer-events: none;
368
- width: 1rem;
369
- height: 1rem;
370
- flex-shrink: 0;
371
- }
372
- .aui-button-primary {
373
- background-color: hsl(var(--aui-primary));
374
- color: hsl(var(--aui-primary-foreground));
375
- --aui-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
376
- --aui-shadow-colored: 0 1px 3px 0 var(--aui-shadow-color), 0 1px 2px -1px var(--aui-shadow-color);
377
- box-shadow:
378
- var(--aui-ring-offset-shadow, 0 0 #0000),
379
- var(--aui-ring-shadow, 0 0 #0000),
380
- var(--aui-shadow);
381
- }
382
- .aui-button-primary:hover {
383
- background-color: hsl(var(--aui-primary) / 0.9);
384
- }
385
- .aui-button-outline {
386
- border-width: 1px;
387
- border-color: hsl(var(--aui-input));
388
- background-color: hsl(var(--aui-background));
389
- --aui-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
390
- --aui-shadow-colored: 0 1px 2px 0 var(--aui-shadow-color);
391
- box-shadow:
392
- var(--aui-ring-offset-shadow, 0 0 #0000),
393
- var(--aui-ring-shadow, 0 0 #0000),
394
- var(--aui-shadow);
395
- }
396
- .aui-button-outline:hover {
397
- background-color: hsl(var(--aui-accent));
398
- color: hsl(var(--aui-accent-foreground));
399
- }
400
- .aui-button-ghost:hover {
401
- background-color: hsl(var(--aui-accent));
402
- color: hsl(var(--aui-accent-foreground));
403
- }
404
- .aui-button-medium {
405
- height: 2.25rem;
406
- padding-left: 1rem;
407
- padding-right: 1rem;
408
- padding-top: 0.5rem;
409
- padding-bottom: 0.5rem;
410
- }
411
- .aui-button-icon {
412
- width: 1.5rem;
413
- height: 1.5rem;
414
- padding: 0.25rem;
415
- }
416
- .aui-sr-only {
417
- position: absolute;
418
- width: 1px;
419
- height: 1px;
420
- padding: 0;
421
- margin: -1px;
422
- overflow: hidden;
423
- clip: rect(0, 0, 0, 0);
424
- white-space: nowrap;
425
- border-width: 0;
426
- }
427
- .aui-avatar-root {
428
- position: relative;
429
- display: flex;
430
- height: 2.5rem;
431
- width: 2.5rem;
432
- flex-shrink: 0;
433
- overflow: hidden;
434
- border-radius: 9999px;
435
- }
436
- .aui-avatar-image {
437
- aspect-ratio: 1 / 1;
438
- height: 100%;
439
- width: 100%;
440
- -o-object-fit: cover;
441
- object-fit: cover;
442
- }
443
- .aui-avatar-fallback {
444
- display: flex;
445
- height: 100%;
446
- width: 100%;
447
- align-items: center;
448
- justify-content: center;
449
- border-radius: 9999px;
450
- background-color: hsl(var(--aui-muted));
451
- }
452
- .aui-tooltip-content {
453
- z-index: 50;
454
- overflow: hidden;
455
- border-radius: calc(var(--aui-radius) - 2px);
456
- background-color: hsl(var(--aui-primary));
457
- padding-left: 0.75rem;
458
- padding-right: 0.75rem;
459
- padding-top: 0.375rem;
460
- padding-bottom: 0.375rem;
461
- font-size: 0.75rem;
462
- line-height: 1rem;
463
- color: hsl(var(--aui-primary-foreground));
464
- animation-name: aui-enter;
465
- animation-duration: 150ms;
466
- --aui-enter-opacity: initial;
467
- --aui-enter-scale: initial;
468
- --aui-enter-rotate: initial;
469
- --aui-enter-translate-x: initial;
470
- --aui-enter-translate-y: initial;
471
- --aui-enter-opacity: 0;
472
- --aui-enter-scale: .95 ;
473
- }
474
- .aui-tooltip-content[data-state=closed] {
475
- animation-name: aui-exit;
476
- animation-duration: 150ms;
477
- --aui-exit-opacity: initial;
478
- --aui-exit-scale: initial;
479
- --aui-exit-rotate: initial;
480
- --aui-exit-translate-x: initial;
481
- --aui-exit-translate-y: initial;
482
- --aui-exit-opacity: 0;
483
- --aui-exit-scale: .95 ;
484
- }
485
- .aui-tooltip-content[data-side=bottom] {
486
- --aui-enter-translate-y: -0.5rem ;
487
- }
488
- .aui-tooltip-content[data-side=left] {
489
- --aui-enter-translate-x: 0.5rem ;
490
- }
491
- .aui-tooltip-content[data-side=right] {
492
- --aui-enter-translate-x: -0.5rem ;
493
- }
494
- .aui-tooltip-content[data-side=top] {
495
- --aui-enter-translate-y: 0.5rem ;
496
- }
497
- .aui-dialog-overlay {
498
- position: fixed;
499
- inset: 0px;
500
- z-index: 50;
501
- background-color: rgb(0 0 0 / 0.8);
502
- }
503
- .aui-dialog-overlay[data-state=open] {
504
- animation-name: aui-enter;
505
- animation-duration: 150ms;
506
- --aui-enter-opacity: initial;
507
- --aui-enter-scale: initial;
508
- --aui-enter-rotate: initial;
509
- --aui-enter-translate-x: initial;
510
- --aui-enter-translate-y: initial ;
511
- }
512
- .aui-dialog-overlay[data-state=closed] {
513
- animation-name: aui-exit;
514
- animation-duration: 150ms;
515
- --aui-exit-opacity: initial;
516
- --aui-exit-scale: initial;
517
- --aui-exit-rotate: initial;
518
- --aui-exit-translate-x: initial;
519
- --aui-exit-translate-y: initial;
520
- --aui-exit-opacity: 0 ;
521
- }
522
- .aui-dialog-overlay[data-state=open] {
523
- --aui-enter-opacity: 0 ;
524
- }
525
- .aui-dialog-content {
526
- position: fixed;
527
- left: 50%;
528
- top: 50%;
529
- z-index: 50;
530
- }
531
- .aui-dialog-content[data-state=open] {
532
- animation-name: aui-enter;
533
- animation-duration: 150ms;
534
- --aui-enter-opacity: initial;
535
- --aui-enter-scale: initial;
536
- --aui-enter-rotate: initial;
537
- --aui-enter-translate-x: initial;
538
- --aui-enter-translate-y: initial ;
539
- }
540
- .aui-dialog-content[data-state=closed] {
541
- animation-name: aui-exit;
542
- animation-duration: 150ms;
543
- --aui-exit-opacity: initial;
544
- --aui-exit-scale: initial;
545
- --aui-exit-rotate: initial;
546
- --aui-exit-translate-x: initial;
547
- --aui-exit-translate-y: initial;
548
- --aui-exit-opacity: 0 ;
549
- }
550
- .aui-dialog-content[data-state=open] {
551
- --aui-enter-opacity: 0 ;
552
- }
553
- .aui-dialog-content[data-state=closed] {
554
- --aui-exit-scale: .95 ;
555
- }
556
- .aui-dialog-content[data-state=open] {
557
- --aui-enter-scale: .95 ;
558
- }
559
- .aui-dialog-content[data-state=closed] {
560
- --aui-exit-translate-x: -50%;
561
- --aui-exit-translate-y: -48% ;
562
- }
563
- .aui-dialog-content[data-state=open] {
564
- --aui-enter-translate-x: -50%;
565
- --aui-enter-translate-y: -48% ;
566
- }
567
- .aui-dialog-content {
568
- display: grid;
569
- --aui-translate-x: -50%;
570
- --aui-translate-y: -50%;
571
- transform: translate(var(--aui-translate-x), var(--aui-translate-y)) rotate(var(--aui-rotate)) skewX(var(--aui-skew-x)) skewY(var(--aui-skew-y)) scaleX(var(--aui-scale-x)) scaleY(var(--aui-scale-y));
572
- --aui-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
573
- --aui-shadow-colored: 0 10px 15px -3px var(--aui-shadow-color), 0 4px 6px -4px var(--aui-shadow-color);
574
- box-shadow:
575
- var(--aui-ring-offset-shadow, 0 0 #0000),
576
- var(--aui-ring-shadow, 0 0 #0000),
577
- var(--aui-shadow);
578
- transition-duration: 200ms;
579
- animation-duration: 200ms;
580
- }
581
-
582
- /* src/styles/tailwindcss/thread.css */
583
- .aui-thread-root {
584
- box-sizing: border-box;
585
- height: 100%;
586
- background-color: hsl(var(--aui-background));
587
- }
588
- .aui-thread-viewport {
589
- display: flex;
590
- height: 100%;
591
- flex-direction: column;
592
- align-items: center;
593
- overflow-y: scroll;
594
- scroll-behavior: smooth;
595
- background-color: inherit;
596
- padding-left: 1rem;
597
- padding-right: 1rem;
598
- padding-top: 2rem;
599
- }
600
- .aui-thread-viewport-footer {
601
- position: sticky;
602
- bottom: 0px;
603
- margin-top: 0.75rem;
604
- display: flex;
605
- width: 100%;
606
- max-width: var(--aui-thread-max-width);
607
- flex-direction: column;
608
- align-items: center;
609
- justify-content: flex-end;
610
- border-top-left-radius: var(--aui-radius);
611
- border-top-right-radius: var(--aui-radius);
612
- background-color: inherit;
613
- padding-bottom: 1rem;
614
- }
615
- .aui-thread-scroll-to-bottom {
616
- position: absolute;
617
- top: -2rem;
618
- border-radius: 9999px;
619
- }
620
- .aui-thread-scroll-to-bottom:disabled {
621
- visibility: hidden;
622
- }
623
- .aui-thread-followup-suggestions {
624
- display: flex;
625
- min-height: 2rem;
626
- align-items: center;
627
- justify-content: center;
628
- gap: 0.5rem;
629
- }
630
- .aui-thread-followup-suggestion {
631
- border-radius: 9999px;
632
- border-width: 1px;
633
- background-color: hsl(var(--aui-background));
634
- padding-left: 0.75rem;
635
- padding-right: 0.75rem;
636
- padding-top: 0.25rem;
637
- padding-bottom: 0.25rem;
638
- font-size: 0.875rem;
639
- line-height: 1.25rem;
640
- transition-property:
641
- color,
642
- background-color,
643
- border-color,
644
- text-decoration-color,
645
- fill,
646
- stroke;
647
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
648
- transition-duration: 150ms;
649
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
650
- animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
651
- }
652
- .aui-thread-followup-suggestion:hover {
653
- background-color: hsl(var(--aui-muted) / 0.8);
654
- }
655
- .aui-thread-welcome-root {
656
- display: flex;
657
- width: 100%;
658
- max-width: var(--aui-thread-max-width);
659
- flex-grow: 1;
660
- flex-direction: column;
661
- }
662
- .aui-thread-welcome-center {
663
- display: flex;
664
- width: 100%;
665
- flex-grow: 1;
666
- flex-direction: column;
667
- align-items: center;
668
- justify-content: center;
669
- }
670
- .aui-thread-welcome-message {
671
- margin-top: 1rem;
672
- font-weight: 500;
673
- }
674
- .aui-thread-welcome-suggestions {
675
- margin-top: 0.75rem;
676
- display: flex;
677
- width: 100%;
678
- align-items: stretch;
679
- justify-content: center;
680
- gap: 1rem;
681
- }
682
- .aui-thread-welcome-suggestion {
683
- display: flex;
684
- max-width: 24rem;
685
- flex-grow: 1;
686
- flex-basis: 0px;
687
- flex-direction: column;
688
- align-items: center;
689
- justify-content: center;
690
- border-radius: var(--aui-radius);
691
- border-width: 1px;
692
- padding: 0.75rem;
693
- transition-property:
694
- color,
695
- background-color,
696
- border-color,
697
- text-decoration-color,
698
- fill,
699
- stroke;
700
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
701
- transition-duration: 150ms;
702
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
703
- animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
704
- }
705
- .aui-thread-welcome-suggestion:hover {
706
- background-color: hsl(var(--aui-muted) / 0.8);
707
- }
708
- .aui-thread-welcome-suggestion-text {
709
- overflow: hidden;
710
- display: -webkit-box;
711
- -webkit-box-orient: vertical;
712
- -webkit-line-clamp: 2;
713
- text-overflow: ellipsis;
714
- font-size: 0.875rem;
715
- line-height: 1.25rem;
716
- font-weight: 600;
717
- }
718
- .aui-composer-root {
719
- display: flex;
720
- width: 100%;
721
- flex-wrap: wrap;
722
- align-items: flex-end;
723
- border-radius: var(--aui-radius);
724
- border-width: 1px;
725
- background-color: inherit;
726
- padding-left: 0.625rem;
727
- padding-right: 0.625rem;
728
- --aui-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
729
- --aui-shadow-colored: 0 1px 2px 0 var(--aui-shadow-color);
730
- box-shadow:
731
- var(--aui-ring-offset-shadow, 0 0 #0000),
732
- var(--aui-ring-shadow, 0 0 #0000),
733
- var(--aui-shadow);
734
- transition-property:
735
- color,
736
- background-color,
737
- border-color,
738
- text-decoration-color,
739
- fill,
740
- stroke;
741
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
742
- transition-duration: 150ms;
743
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
744
- animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
745
- }
746
- .aui-composer-root:focus-within {
747
- border-color: hsl(var(--aui-ring) / 0.2);
748
- }
749
- .aui-composer-input {
750
- max-height: 10rem;
751
- flex-grow: 1;
752
- resize: none;
753
- border-style: none;
754
- background-color: transparent;
755
- padding-left: 0.5rem;
756
- padding-right: 0.5rem;
757
- padding-top: 1rem;
758
- padding-bottom: 1rem;
759
- font-size: 0.875rem;
760
- line-height: 1.25rem;
761
- outline: 2px solid transparent;
762
- outline-offset: 2px;
763
- }
764
- .aui-composer-input::-moz-placeholder {
765
- color: hsl(var(--aui-muted-foreground));
766
- }
767
- .aui-composer-input::placeholder {
768
- color: hsl(var(--aui-muted-foreground));
769
- }
770
- .aui-composer-input:focus {
771
- --aui-ring-offset-shadow: var(--aui-ring-inset) 0 0 0 var(--aui-ring-offset-width) var(--aui-ring-offset-color);
772
- --aui-ring-shadow: var(--aui-ring-inset) 0 0 0 calc(0px + var(--aui-ring-offset-width)) var(--aui-ring-color);
773
- box-shadow:
774
- var(--aui-ring-offset-shadow),
775
- var(--aui-ring-shadow),
776
- var(--aui-shadow, 0 0 #0000);
777
- }
778
- .aui-composer-input:disabled {
779
- cursor: not-allowed;
780
- }
781
- .aui-composer-send {
782
- margin-top: 0.625rem;
783
- margin-bottom: 0.625rem;
784
- width: 2rem;
785
- height: 2rem;
786
- padding: 0.5rem;
787
- transition-property: opacity;
788
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
789
- transition-duration: 150ms;
790
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
791
- animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
792
- }
793
- .aui-composer-cancel {
794
- margin-top: 0.625rem;
795
- margin-bottom: 0.625rem;
796
- width: 2rem;
797
- height: 2rem;
798
- padding: 0.5rem;
799
- transition-property: opacity;
800
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
801
- transition-duration: 150ms;
802
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
803
- animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
804
- }
805
- .aui-composer-attach {
806
- margin-top: 0.625rem;
807
- margin-bottom: 0.625rem;
808
- width: 2rem;
809
- height: 2rem;
810
- padding: 0.5rem;
811
- transition-property: opacity;
812
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
813
- transition-duration: 150ms;
814
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
815
- animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
816
- }
817
- .aui-composer-attachments {
818
- display: flex;
819
- width: 100%;
820
- flex-direction: row;
821
- gap: 0.75rem;
822
- padding-left: 2.5rem;
823
- padding-right: 2.5rem;
824
- }
825
- .aui-attachment-root {
826
- position: relative;
827
- margin-top: 0.75rem;
828
- }
829
- .aui-attachment-content {
830
- display: flex;
831
- height: 3rem;
832
- width: 10rem;
833
- align-items: center;
834
- justify-content: center;
835
- gap: 0.5rem;
836
- border-radius: var(--aui-radius);
837
- border-width: 1px;
838
- padding: 0.25rem;
839
- }
840
- .aui-attachment-preview-trigger {
841
- cursor: pointer;
842
- transition-property:
843
- color,
844
- background-color,
845
- border-color,
846
- text-decoration-color,
847
- fill,
848
- stroke;
849
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
850
- transition-duration: 150ms;
851
- }
852
- .aui-attachment-preview-trigger:hover {
853
- background-color: hsl(var(--aui-accent) / 0.5);
854
- }
855
- .aui-attachment-thumb {
856
- display: flex;
857
- width: 2.5rem;
858
- height: 2.5rem;
859
- align-items: center;
860
- justify-content: center;
861
- border-radius: 0.25rem;
862
- border-width: 1px;
863
- background-color: hsl(var(--aui-muted));
864
- font-size: 0.875rem;
865
- line-height: 1.25rem;
866
- }
867
- .aui-attachment-text {
868
- flex-grow: 1;
869
- flex-basis: 0px;
870
- }
871
- .aui-attachment-name {
872
- overflow: hidden;
873
- display: -webkit-box;
874
- -webkit-box-orient: vertical;
875
- -webkit-line-clamp: 1;
876
- text-overflow: ellipsis;
877
- word-break: break-all;
878
- font-size: 0.75rem;
879
- line-height: 1rem;
880
- font-weight: 700;
881
- color: hsl(var(--aui-muted-foreground));
882
- }
883
- .aui-attachment-type {
884
- font-size: 0.75rem;
885
- line-height: 1rem;
886
- color: hsl(var(--aui-muted-foreground));
887
- }
888
- .aui-attachment-remove {
889
- position: absolute;
890
- right: -0.75rem;
891
- top: -0.75rem;
892
- width: 1.5rem;
893
- height: 1.5rem;
894
- color: hsl(var(--aui-muted-foreground));
895
- }
896
- .aui-attachment-remove > svg {
897
- width: 1rem;
898
- height: 1rem;
899
- border-radius: 9999px;
900
- background-color: hsl(var(--aui-background));
901
- }
902
- .aui-user-message-root {
903
- display: grid;
904
- grid-auto-rows: auto;
905
- grid-template-columns: minmax(72px, 1fr) auto;
906
- row-gap: 0.5rem;
907
- }
908
- .aui-user-message-root:where(> *) {
909
- grid-column-start: 2;
910
- }
911
- .aui-user-message-root {
912
- width: 100%;
913
- max-width: var(--aui-thread-max-width);
914
- padding-top: 1rem;
915
- padding-bottom: 1rem;
916
- }
917
- :where(.aui-user-message-root) > .aui-branch-picker-root {
918
- grid-column: 1 / -1;
919
- grid-column-start: 1;
920
- grid-row-start: 3;
921
- margin-right: -0.25rem;
922
- justify-content: flex-end;
923
- }
924
- .aui-user-branch-picker {
925
- grid-column: 1 / -1;
926
- grid-column-start: 1;
927
- grid-row-start: 3;
928
- margin-right: -0.25rem;
929
- justify-content: flex-end;
930
- }
931
- .aui-user-message-content {
932
- max-width: calc(var(--aui-thread-max-width) * 0.8);
933
- overflow-wrap: break-word;
934
- border-radius: 1.5rem;
935
- background-color: hsl(var(--aui-muted));
936
- padding-left: 1.25rem;
937
- padding-right: 1.25rem;
938
- padding-top: 0.625rem;
939
- padding-bottom: 0.625rem;
940
- color: hsl(var(--aui-foreground));
941
- grid-column-start: 2;
942
- grid-row-start: 2;
943
- }
944
- .aui-user-message-attachments {
945
- display: flex;
946
- width: 100%;
947
- flex-direction: row;
948
- gap: 0.75rem;
949
- grid-column: 1 / -1;
950
- grid-column-start: 1;
951
- grid-row-start: 1;
952
- justify-content: flex-end;
953
- }
954
- .aui-user-action-bar-root {
955
- display: flex;
956
- flex-direction: column;
957
- align-items: flex-end;
958
- grid-column-start: 1;
959
- grid-row-start: 2;
960
- margin-right: 0.75rem;
961
- margin-top: 0.625rem;
962
- }
963
- .aui-edit-composer-root {
964
- margin-top: 1rem;
965
- margin-bottom: 1rem;
966
- display: flex;
967
- width: 100%;
968
- max-width: var(--aui-thread-max-width);
969
- flex-direction: column;
970
- gap: 0.5rem;
971
- border-radius: 0.75rem;
972
- background-color: hsl(var(--aui-muted));
973
- }
974
- .aui-edit-composer-input {
975
- display: flex;
976
- height: 2rem;
977
- width: 100%;
978
- resize: none;
979
- background-color: transparent;
980
- padding: 1rem;
981
- padding-bottom: 0px;
982
- color: hsl(var(--aui-foreground));
983
- outline: 2px solid transparent;
984
- outline-offset: 2px;
985
- }
986
- .aui-edit-composer-footer {
987
- margin-left: 0.75rem;
988
- margin-right: 0.75rem;
989
- margin-bottom: 0.75rem;
990
- display: flex;
991
- align-items: center;
992
- justify-content: center;
993
- gap: 0.5rem;
994
- align-self: flex-end;
995
- }
996
- .aui-assistant-message-root {
997
- display: grid;
998
- grid-template-columns: auto auto 1fr;
999
- grid-template-rows: auto 1fr;
1000
- position: relative;
1001
- width: 100%;
1002
- max-width: var(--aui-thread-max-width);
1003
- padding-top: 1rem;
1004
- padding-bottom: 1rem;
1005
- }
1006
- :where(.aui-assistant-message-root) > .aui-avatar-root {
1007
- grid-column-start: 1;
1008
- grid-row: 1 / -1;
1009
- grid-row-start: 1;
1010
- margin-right: 1rem;
1011
- }
1012
- .aui-assistant-avatar {
1013
- grid-column-start: 1;
1014
- grid-row: 1 / -1;
1015
- grid-row-start: 1;
1016
- margin-right: 1rem;
1017
- }
1018
- :where(.aui-assistant-message-root) > .aui-branch-picker-root {
1019
- grid-column-start: 2;
1020
- grid-row-start: 2;
1021
- margin-left: -0.5rem;
1022
- margin-right: 0.5rem;
1023
- }
1024
- .aui-assistant-branch-picker {
1025
- grid-column-start: 2;
1026
- grid-row-start: 2;
1027
- margin-left: -0.5rem;
1028
- margin-right: 0.5rem;
1029
- }
1030
- .aui-assistant-message-content {
1031
- max-width: calc(var(--aui-thread-max-width) * 0.8);
1032
- overflow-wrap: break-word;
1033
- line-height: 1.75rem;
1034
- color: hsl(var(--aui-foreground));
1035
- grid-column: span 2 / span 2;
1036
- grid-column-start: 2;
1037
- grid-row-start: 1;
1038
- margin-top: 0.375rem;
1039
- margin-bottom: 0.375rem;
1040
- }
1041
- .aui-assistant-action-bar-root {
1042
- display: flex;
1043
- gap: 0.25rem;
1044
- color: hsl(var(--aui-muted-foreground));
1045
- grid-column-start: 3;
1046
- grid-row-start: 2;
1047
- margin-left: -0.25rem;
1048
- }
1049
- :where(.aui-assistant-action-bar-root)[data-floating] {
1050
- position: absolute;
1051
- border-radius: calc(var(--aui-radius) - 2px);
1052
- border-width: 1px;
1053
- background-color: hsl(var(--aui-background));
1054
- padding: 0.25rem;
1055
- --aui-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1056
- --aui-shadow-colored: 0 1px 2px 0 var(--aui-shadow-color);
1057
- box-shadow:
1058
- var(--aui-ring-offset-shadow, 0 0 #0000),
1059
- var(--aui-ring-shadow, 0 0 #0000),
1060
- var(--aui-shadow);
1061
- }
1062
- :where(.aui-assistant-action-bar-feedback-positive)[data-submitted] {
1063
- --aui-text-opacity: 1;
1064
- color: rgb(22 163 74 / var(--aui-text-opacity, 1));
1065
- }
1066
- :where(.aui-assistant-action-bar-feedback-positive)[data-submitted]:hover {
1067
- --aui-text-opacity: 1;
1068
- color: rgb(21 128 61 / var(--aui-text-opacity, 1));
1069
- }
1070
- @media (prefers-color-scheme: dark) {
1071
- :where(.aui-assistant-action-bar-feedback-positive)[data-submitted] {
1072
- --aui-text-opacity: 1;
1073
- color: rgb(34 197 94 / var(--aui-text-opacity, 1));
1074
- }
1075
- :where(.aui-assistant-action-bar-feedback-positive)[data-submitted]:hover {
1076
- --aui-text-opacity: 1;
1077
- color: rgb(74 222 128 / var(--aui-text-opacity, 1));
1078
- }
1079
- }
1080
- :where(.aui-assistant-action-bar-feedback-negative)[data-submitted] {
1081
- --aui-text-opacity: 1;
1082
- color: rgb(220 38 38 / var(--aui-text-opacity, 1));
1083
- }
1084
- :where(.aui-assistant-action-bar-feedback-negative)[data-submitted]:hover {
1085
- --aui-text-opacity: 1;
1086
- color: rgb(185 28 28 / var(--aui-text-opacity, 1));
1087
- }
1088
- @media (prefers-color-scheme: dark) {
1089
- :where(.aui-assistant-action-bar-feedback-negative)[data-submitted] {
1090
- --aui-text-opacity: 1;
1091
- color: rgb(239 68 68 / var(--aui-text-opacity, 1));
1092
- }
1093
- :where(.aui-assistant-action-bar-feedback-negative)[data-submitted]:hover {
1094
- --aui-text-opacity: 1;
1095
- color: rgb(248 113 113 / var(--aui-text-opacity, 1));
1096
- }
1097
- }
1098
- .aui-branch-picker-root {
1099
- display: inline-flex;
1100
- align-items: center;
1101
- font-size: 0.75rem;
1102
- line-height: 1rem;
1103
- color: hsl(var(--aui-muted-foreground));
1104
- }
1105
- .aui-branch-picker-state {
1106
- font-weight: 500;
1107
- }
1108
- .aui-text {
1109
- white-space: pre-line;
1110
- }
1111
- @keyframes aui-pulse {
1112
- 50% {
1113
- opacity: .5;
1114
- }
1115
- }
1116
- .aui-text-running::after {
1117
- animation: aui-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1118
- font-family:
1119
- ui-sans-serif,
1120
- system-ui,
1121
- sans-serif,
1122
- "Apple Color Emoji",
1123
- "Segoe UI Emoji",
1124
- "Segoe UI Symbol",
1125
- "Noto Color Emoji";
1126
- --aui-content: "\25cf";
1127
- content: var(--aui-content);
1128
- }
1129
- .aui-text-running:where([dir=ltr], [dir=ltr] *)::after {
1130
- margin-left: 0.25rem;
1131
- }
1132
- .aui-text-running:where([dir=rtl], [dir=rtl] *)::after {
1133
- margin-right: 0.25rem;
1134
- }
1135
- .aui-thread-list-root {
1136
- display: flex;
1137
- flex-direction: column;
1138
- align-items: stretch;
1139
- gap: 0.375rem;
1140
- }
1141
- .aui-thread-list-item {
1142
- display: flex;
1143
- align-items: center;
1144
- gap: 0.5rem;
1145
- border-radius: var(--aui-radius);
1146
- transition-property: all;
1147
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1148
- transition-duration: 150ms;
1149
- }
1150
- .aui-thread-list-item:hover {
1151
- background-color: hsl(var(--aui-muted));
1152
- }
1153
- .aui-thread-list-item:focus-visible {
1154
- background-color: hsl(var(--aui-muted));
1155
- outline: 2px solid transparent;
1156
- outline-offset: 2px;
1157
- --aui-ring-offset-shadow: var(--aui-ring-inset) 0 0 0 var(--aui-ring-offset-width) var(--aui-ring-offset-color);
1158
- --aui-ring-shadow: var(--aui-ring-inset) 0 0 0 calc(2px + var(--aui-ring-offset-width)) var(--aui-ring-color);
1159
- box-shadow:
1160
- var(--aui-ring-offset-shadow),
1161
- var(--aui-ring-shadow),
1162
- var(--aui-shadow, 0 0 #0000);
1163
- --aui-ring-color: hsl(var(--aui-ring)) ;
1164
- }
1165
- .aui-thread-list-item[data-active] {
1166
- background-color: hsl(var(--aui-muted));
1167
- }
1168
- .aui-thread-list-new {
1169
- display: flex;
1170
- align-items: center;
1171
- justify-content: flex-start;
1172
- gap: 0.25rem;
1173
- border-radius: var(--aui-radius);
1174
- padding-left: 0.625rem;
1175
- padding-right: 0.625rem;
1176
- padding-top: 0.5rem;
1177
- padding-bottom: 0.5rem;
1178
- text-align: start;
1179
- }
1180
- .aui-thread-list-new:hover {
1181
- background-color: hsl(var(--aui-muted));
1182
- }
1183
- .aui-thread-list-new[data-active] {
1184
- background-color: hsl(var(--aui-muted));
1185
- }
1186
- .aui-thread-list-new > .lucide-plus {
1187
- width: 1.25rem;
1188
- height: 1.25rem;
1189
- }
1190
- .aui-thread-list-item-trigger {
1191
- flex-grow: 1;
1192
- padding-left: 0.75rem;
1193
- padding-right: 0.75rem;
1194
- padding-top: 0.5rem;
1195
- padding-bottom: 0.5rem;
1196
- text-align: start;
1197
- }
1198
- .aui-thread-list-item-title {
1199
- font-size: 0.875rem;
1200
- line-height: 1.25rem;
1201
- }
1202
- .aui-thread-list-item-archive {
1203
- margin-left: auto;
1204
- margin-right: 0.75rem;
1205
- width: 1rem;
1206
- height: 1rem;
1207
- padding: 0px;
1208
- color: hsl(var(--aui-foreground));
1209
- }
1210
- .aui-thread-list-item-archive:hover {
1211
- color: hsl(var(--aui-primary));
1212
- }
1213
-
1214
- /* src/styles/themes/default.css */
1215
- :root {
1216
- --aui-background: 0 0% 100%;
1217
- --aui-foreground: 240 10% 3.9%;
1218
- --aui-card: 0 0% 100%;
1219
- --aui-card-foreground: 240 10% 3.9%;
1220
- --aui-popover: 0 0% 100%;
1221
- --aui-popover-foreground: 240 10% 3.9%;
1222
- --aui-primary: 240 5.9% 10%;
1223
- --aui-primary-foreground: 0 0% 98%;
1224
- --aui-secondary: 240 4.8% 95.9%;
1225
- --aui-secondary-foreground: 240 5.9% 10%;
1226
- --aui-muted: 240 4.8% 95.9%;
1227
- --aui-muted-foreground: 240 3.8% 46.1%;
1228
- --aui-accent: 240 4.8% 95.9%;
1229
- --aui-accent-foreground: 240 5.9% 10%;
1230
- --aui-destructive: 0 84.2% 60.2%;
1231
- --aui-destructive-foreground: 0 0% 98%;
1232
- --aui-border: 240 5.9% 90%;
1233
- --aui-input: 240 5.9% 90%;
1234
- --aui-ring: 240 10% 3.9%;
1235
- --aui-radius: 0.5rem;
1236
- --aui-thread-max-width: 42rem;
1237
- }
1238
- .dark {
1239
- --aui-background: 0 0% 7%;
1240
- --aui-foreground: 0 0% 98%;
1241
- --aui-card: 240 10% 3.9%;
1242
- --aui-card-foreground: 0 0% 98%;
1243
- --aui-popover: 240 10% 3.9%;
1244
- --aui-popover-foreground: 0 0% 98%;
1245
- --aui-primary: 0 0% 98%;
1246
- --aui-primary-foreground: 240 5.9% 10%;
1247
- --aui-secondary: 240 3.7% 15.9%;
1248
- --aui-secondary-foreground: 0 0% 98%;
1249
- --aui-muted: 240 3.7% 15.9%;
1250
- --aui-muted-foreground: 240 5% 64.9%;
1251
- --aui-accent: 240 3.7% 15.9%;
1252
- --aui-accent-foreground: 0 0% 98%;
1253
- --aui-destructive: 0 62.8% 30.6%;
1254
- --aui-destructive-foreground: 0 0% 98%;
1255
- --aui-border: 240 3.7% 15.9%;
1256
- --aui-input: 240 3.7% 15.9%;
1257
- --aui-ring: 240 4.9% 83.9%;
1258
- }
1259
-
1260
- /* src/styles/index.css */
1261
- /*# sourceMappingURL=index.css.map */