@convai/web-sdk 0.3.1-beta.2 → 0.3.2-beta.0

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 (287) hide show
  1. package/README.md +535 -1077
  2. package/dist/core/AudioManager.d.ts.map +1 -0
  3. package/dist/core/AudioManager.js +262 -0
  4. package/dist/core/AudioManager.js.map +1 -0
  5. package/dist/core/BlendshapeQueue.d.ts +128 -0
  6. package/dist/core/BlendshapeQueue.d.ts.map +1 -0
  7. package/dist/core/BlendshapeQueue.js +229 -0
  8. package/dist/core/BlendshapeQueue.js.map +1 -0
  9. package/dist/{types/core → core}/ConvaiClient.d.ts +19 -15
  10. package/dist/core/ConvaiClient.d.ts.map +1 -0
  11. package/dist/core/ConvaiClient.js +623 -0
  12. package/dist/core/ConvaiClient.js.map +1 -0
  13. package/dist/core/EventEmitter.d.ts.map +1 -0
  14. package/dist/core/EventEmitter.js +68 -0
  15. package/dist/core/EventEmitter.js.map +1 -0
  16. package/dist/{types/core → core}/MessageHandler.d.ts +7 -0
  17. package/dist/core/MessageHandler.d.ts.map +1 -0
  18. package/dist/core/MessageHandler.js +333 -0
  19. package/dist/core/MessageHandler.js.map +1 -0
  20. package/dist/core/ScreenShareManager.d.ts.map +1 -0
  21. package/dist/core/ScreenShareManager.js +207 -0
  22. package/dist/core/ScreenShareManager.js.map +1 -0
  23. package/dist/core/VideoManager.d.ts.map +1 -0
  24. package/dist/core/VideoManager.js +205 -0
  25. package/dist/core/VideoManager.js.map +1 -0
  26. package/dist/{types/core → core}/index.d.ts +2 -0
  27. package/dist/core/index.d.ts.map +1 -0
  28. package/dist/core/index.js +14 -1970
  29. package/dist/core/index.js.map +1 -0
  30. package/dist/{types/core → core}/types.d.ts +12 -21
  31. package/dist/core/types.d.ts.map +1 -0
  32. package/dist/core/types.js +2 -0
  33. package/dist/core/types.js.map +1 -0
  34. package/dist/dev.d.ts.map +1 -0
  35. package/dist/dev.js +12 -0
  36. package/dist/dev.js.map +1 -0
  37. package/dist/index.d.ts +4 -0
  38. package/dist/index.d.ts.map +1 -0
  39. package/dist/index.js +6 -0
  40. package/dist/index.js.map +1 -0
  41. package/dist/lipsync-helpers/arkitBlendshapeHelpers.d.ts.map +1 -0
  42. package/dist/lipsync-helpers/arkitBlendshapeHelpers.js +201 -0
  43. package/dist/lipsync-helpers/arkitBlendshapeHelpers.js.map +1 -0
  44. package/dist/lipsync-helpers/arkitOrder61.d.ts.map +1 -0
  45. package/dist/lipsync-helpers/arkitOrder61.js +287 -0
  46. package/dist/lipsync-helpers/arkitOrder61.js.map +1 -0
  47. package/dist/lipsync-helpers/arkitPhonemeReference.d.ts.map +1 -0
  48. package/dist/lipsync-helpers/arkitPhonemeReference.js +362 -0
  49. package/dist/lipsync-helpers/arkitPhonemeReference.js.map +1 -0
  50. package/dist/{types/lipsync-helpers → lipsync-helpers}/index.d.ts +1 -0
  51. package/dist/lipsync-helpers/index.d.ts.map +1 -0
  52. package/dist/lipsync-helpers/index.js +20 -1165
  53. package/dist/lipsync-helpers/index.js.map +1 -0
  54. package/dist/lipsync-helpers/metahumanOrder251.d.ts +115 -0
  55. package/dist/lipsync-helpers/metahumanOrder251.d.ts.map +1 -0
  56. package/dist/lipsync-helpers/metahumanOrder251.js +432 -0
  57. package/dist/lipsync-helpers/metahumanOrder251.js.map +1 -0
  58. package/dist/lipsync-helpers/neurosyncBlendshapeMapper.d.ts.map +1 -0
  59. package/dist/lipsync-helpers/neurosyncBlendshapeMapper.js +315 -0
  60. package/dist/lipsync-helpers/neurosyncBlendshapeMapper.js.map +1 -0
  61. package/dist/react/components/ConvaiWidget.d.ts.map +1 -0
  62. package/dist/react/components/ConvaiWidget.js +505 -0
  63. package/dist/react/components/ConvaiWidget.js.map +1 -0
  64. package/dist/react/components/index.d.ts.map +1 -0
  65. package/dist/react/components/index.js +3 -0
  66. package/dist/react/components/index.js.map +1 -0
  67. package/dist/react/components/rtc-widget/components/AudioSettingsPanel.d.ts.map +1 -0
  68. package/dist/react/components/rtc-widget/components/AudioSettingsPanel.js +316 -0
  69. package/dist/react/components/rtc-widget/components/AudioSettingsPanel.js.map +1 -0
  70. package/dist/react/components/rtc-widget/components/AudioVisualizer.d.ts.map +1 -0
  71. package/dist/react/components/rtc-widget/components/AudioVisualizer.js +259 -0
  72. package/dist/react/components/rtc-widget/components/AudioVisualizer.js.map +1 -0
  73. package/dist/react/components/rtc-widget/components/ConviMessage.d.ts.map +1 -0
  74. package/dist/react/components/rtc-widget/components/ConviMessage.js +14 -0
  75. package/dist/react/components/rtc-widget/components/ConviMessage.js.map +1 -0
  76. package/dist/react/components/rtc-widget/components/FloatingVideo.d.ts.map +1 -0
  77. package/dist/react/components/rtc-widget/components/FloatingVideo.js +122 -0
  78. package/dist/react/components/rtc-widget/components/FloatingVideo.js.map +1 -0
  79. package/dist/react/components/rtc-widget/components/MarkdownRenderer.d.ts.map +1 -0
  80. package/dist/react/components/rtc-widget/components/MarkdownRenderer.js +68 -0
  81. package/dist/react/components/rtc-widget/components/MarkdownRenderer.js.map +1 -0
  82. package/dist/react/components/rtc-widget/components/MessageBubble.d.ts.map +1 -0
  83. package/dist/react/components/rtc-widget/components/MessageBubble.js +23 -0
  84. package/dist/react/components/rtc-widget/components/MessageBubble.js.map +1 -0
  85. package/dist/react/components/rtc-widget/components/MessageList.d.ts.map +1 -0
  86. package/dist/react/components/rtc-widget/components/MessageList.js +89 -0
  87. package/dist/react/components/rtc-widget/components/MessageList.js.map +1 -0
  88. package/dist/react/components/rtc-widget/components/UserMessage.d.ts.map +1 -0
  89. package/dist/react/components/rtc-widget/components/UserMessage.js +15 -0
  90. package/dist/react/components/rtc-widget/components/UserMessage.js.map +1 -0
  91. package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.d.ts.map +1 -0
  92. package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.js +15 -0
  93. package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.js.map +1 -0
  94. package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.d.ts.map +1 -0
  95. package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.js +172 -0
  96. package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.js.map +1 -0
  97. package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.d.ts.map +1 -0
  98. package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.js +66 -0
  99. package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.js.map +1 -0
  100. package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.d.ts.map +1 -0
  101. package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.js +68 -0
  102. package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.js.map +1 -0
  103. package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.d.ts.map +1 -0
  104. package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.js +255 -0
  105. package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.js.map +1 -0
  106. package/dist/react/components/rtc-widget/components/conviComponents/index.d.ts.map +1 -0
  107. package/dist/react/components/rtc-widget/components/conviComponents/index.js +6 -0
  108. package/dist/react/components/rtc-widget/components/conviComponents/index.js.map +1 -0
  109. package/dist/react/components/rtc-widget/components/index.d.ts.map +1 -0
  110. package/dist/react/components/rtc-widget/components/index.js +15 -0
  111. package/dist/react/components/rtc-widget/components/index.js.map +1 -0
  112. package/dist/react/components/rtc-widget/index.d.ts.map +1 -0
  113. package/dist/react/components/rtc-widget/index.js +9 -0
  114. package/dist/react/components/rtc-widget/index.js.map +1 -0
  115. package/dist/react/components/rtc-widget/styles/framerConfig.d.ts.map +1 -0
  116. package/dist/react/components/rtc-widget/styles/framerConfig.js +73 -0
  117. package/dist/react/components/rtc-widget/styles/framerConfig.js.map +1 -0
  118. package/dist/react/components/rtc-widget/styles/icons.d.ts.map +1 -0
  119. package/dist/react/components/rtc-widget/styles/icons.js +257 -0
  120. package/dist/react/components/rtc-widget/styles/icons.js.map +1 -0
  121. package/dist/react/components/rtc-widget/styles/index.d.ts.map +1 -0
  122. package/dist/react/components/rtc-widget/styles/index.js +9 -0
  123. package/dist/react/components/rtc-widget/styles/index.js.map +1 -0
  124. package/dist/react/components/rtc-widget/styles/styledComponents.d.ts.map +1 -0
  125. package/dist/react/components/rtc-widget/styles/styledComponents.js +663 -0
  126. package/dist/react/components/rtc-widget/styles/styledComponents.js.map +1 -0
  127. package/dist/react/components/rtc-widget/styles/theme.d.ts.map +1 -0
  128. package/dist/react/components/rtc-widget/styles/theme.js +290 -0
  129. package/dist/react/components/rtc-widget/styles/theme.js.map +1 -0
  130. package/dist/react/components/rtc-widget/types/index.d.ts.map +1 -0
  131. package/dist/react/components/rtc-widget/types/index.js +2 -0
  132. package/dist/react/components/rtc-widget/types/index.js.map +1 -0
  133. package/dist/react/hooks/index.d.ts.map +1 -0
  134. package/dist/react/hooks/index.js +6 -0
  135. package/dist/react/hooks/index.js.map +1 -0
  136. package/dist/react/hooks/useCharacterInfo.d.ts.map +1 -0
  137. package/dist/react/hooks/useCharacterInfo.js +60 -0
  138. package/dist/react/hooks/useCharacterInfo.js.map +1 -0
  139. package/dist/react/hooks/useConvaiClient.d.ts +35 -0
  140. package/dist/react/hooks/useConvaiClient.d.ts.map +1 -0
  141. package/dist/react/hooks/useConvaiClient.js +183 -0
  142. package/dist/react/hooks/useConvaiClient.js.map +1 -0
  143. package/dist/react/hooks/useLocalCameraTrack.d.ts.map +1 -0
  144. package/dist/react/hooks/useLocalCameraTrack.js +34 -0
  145. package/dist/react/hooks/useLocalCameraTrack.js.map +1 -0
  146. package/dist/{types/react → react}/index.d.ts +0 -2
  147. package/dist/react/index.d.ts.map +1 -0
  148. package/dist/react/index.js +13 -0
  149. package/dist/react/index.js.map +1 -0
  150. package/dist/types/index.d.ts +260 -1
  151. package/dist/types/index.d.ts.map +1 -1
  152. package/dist/types/index.js +2 -0
  153. package/dist/types/index.js.map +1 -0
  154. package/dist/utils/LatencyMonitor.d.ts.map +1 -0
  155. package/dist/utils/LatencyMonitor.js +136 -0
  156. package/dist/utils/LatencyMonitor.js.map +1 -0
  157. package/dist/utils/logger.d.ts.map +1 -0
  158. package/dist/utils/logger.js +96 -0
  159. package/dist/utils/logger.js.map +1 -0
  160. package/dist/utils/speakerManagement.d.ts.map +1 -0
  161. package/dist/utils/speakerManagement.js +64 -0
  162. package/dist/utils/speakerManagement.js.map +1 -0
  163. package/dist/{types/vanilla → vanilla}/AudioRenderer.d.ts +5 -0
  164. package/dist/vanilla/AudioRenderer.d.ts.map +1 -0
  165. package/dist/vanilla/AudioRenderer.js +135 -0
  166. package/dist/vanilla/AudioRenderer.js.map +1 -0
  167. package/dist/vanilla/ConvaiWidget.d.ts.map +1 -0
  168. package/dist/vanilla/ConvaiWidget.js +1786 -0
  169. package/dist/vanilla/ConvaiWidget.js.map +1 -0
  170. package/dist/vanilla/icons.d.ts.map +1 -0
  171. package/dist/vanilla/icons.js +222 -0
  172. package/dist/vanilla/icons.js.map +1 -0
  173. package/dist/{types/vanilla → vanilla}/index.d.ts +1 -3
  174. package/dist/vanilla/index.d.ts.map +1 -0
  175. package/dist/vanilla/index.js +20 -5507
  176. package/dist/vanilla/index.js.map +1 -0
  177. package/dist/vanilla/styles.d.ts.map +1 -0
  178. package/dist/vanilla/styles.js +287 -0
  179. package/dist/vanilla/styles.js.map +1 -0
  180. package/dist/vanilla/types.d.ts +43 -0
  181. package/dist/vanilla/types.d.ts.map +1 -0
  182. package/dist/vanilla/types.js +2 -0
  183. package/dist/vanilla/types.js.map +1 -0
  184. package/package.json +33 -38
  185. package/CHANGELOG.md +0 -165
  186. package/dist/core/index.cjs +0 -1977
  187. package/dist/lipsync-helpers/index.cjs +0 -1195
  188. package/dist/types/core/AudioManager.d.ts.map +0 -1
  189. package/dist/types/core/ConvaiClient.d.ts.map +0 -1
  190. package/dist/types/core/EventEmitter.d.ts.map +0 -1
  191. package/dist/types/core/MessageHandler.d.ts.map +0 -1
  192. package/dist/types/core/ScreenShareManager.d.ts.map +0 -1
  193. package/dist/types/core/VideoManager.d.ts.map +0 -1
  194. package/dist/types/core/index.d.ts.map +0 -1
  195. package/dist/types/core/types.d.ts.map +0 -1
  196. package/dist/types/dev.d.ts.map +0 -1
  197. package/dist/types/lipsync-helpers/arkitBlendshapeHelpers.d.ts.map +0 -1
  198. package/dist/types/lipsync-helpers/arkitOrder61.d.ts.map +0 -1
  199. package/dist/types/lipsync-helpers/arkitPhonemeReference.d.ts.map +0 -1
  200. package/dist/types/lipsync-helpers/index.d.ts.map +0 -1
  201. package/dist/types/lipsync-helpers/neurosyncBlendshapeMapper.d.ts.map +0 -1
  202. package/dist/types/react/components/ConvaiWidget.d.ts.map +0 -1
  203. package/dist/types/react/components/index.d.ts.map +0 -1
  204. package/dist/types/react/components/rtc-widget/components/AudioSettingsPanel.d.ts.map +0 -1
  205. package/dist/types/react/components/rtc-widget/components/AudioVisualizer.d.ts.map +0 -1
  206. package/dist/types/react/components/rtc-widget/components/ConviMessage.d.ts.map +0 -1
  207. package/dist/types/react/components/rtc-widget/components/FloatingVideo.d.ts.map +0 -1
  208. package/dist/types/react/components/rtc-widget/components/MarkdownRenderer.d.ts.map +0 -1
  209. package/dist/types/react/components/rtc-widget/components/MessageBubble.d.ts.map +0 -1
  210. package/dist/types/react/components/rtc-widget/components/MessageList.d.ts.map +0 -1
  211. package/dist/types/react/components/rtc-widget/components/UserMessage.d.ts.map +0 -1
  212. package/dist/types/react/components/rtc-widget/components/conviComponents/ConviButton.d.ts.map +0 -1
  213. package/dist/types/react/components/rtc-widget/components/conviComponents/ConviFooter.d.ts.map +0 -1
  214. package/dist/types/react/components/rtc-widget/components/conviComponents/ConviHeader.d.ts.map +0 -1
  215. package/dist/types/react/components/rtc-widget/components/conviComponents/SettingsTray.d.ts.map +0 -1
  216. package/dist/types/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.d.ts.map +0 -1
  217. package/dist/types/react/components/rtc-widget/components/conviComponents/index.d.ts.map +0 -1
  218. package/dist/types/react/components/rtc-widget/components/index.d.ts.map +0 -1
  219. package/dist/types/react/components/rtc-widget/index.d.ts.map +0 -1
  220. package/dist/types/react/components/rtc-widget/styles/framerConfig.d.ts.map +0 -1
  221. package/dist/types/react/components/rtc-widget/styles/icons.d.ts.map +0 -1
  222. package/dist/types/react/components/rtc-widget/styles/index.d.ts.map +0 -1
  223. package/dist/types/react/components/rtc-widget/styles/styledComponents.d.ts.map +0 -1
  224. package/dist/types/react/components/rtc-widget/styles/theme.d.ts.map +0 -1
  225. package/dist/types/react/components/rtc-widget/types/index.d.ts.map +0 -1
  226. package/dist/types/react/hooks/index.d.ts.map +0 -1
  227. package/dist/types/react/hooks/useCharacterInfo.d.ts.map +0 -1
  228. package/dist/types/react/hooks/useConvaiClient.d.ts +0 -141
  229. package/dist/types/react/hooks/useConvaiClient.d.ts.map +0 -1
  230. package/dist/types/react/hooks/useLocalCameraTrack.d.ts.map +0 -1
  231. package/dist/types/react/index.d.ts.map +0 -1
  232. package/dist/types/types/index.d.ts +0 -261
  233. package/dist/types/types/index.d.ts.map +0 -1
  234. package/dist/types/utils/LatencyMonitor.d.ts.map +0 -1
  235. package/dist/types/utils/logger.d.ts.map +0 -1
  236. package/dist/types/utils/speakerManagement.d.ts.map +0 -1
  237. package/dist/types/vanilla/AudioRenderer.d.ts.map +0 -1
  238. package/dist/types/vanilla/ConvaiWidget.d.ts.map +0 -1
  239. package/dist/types/vanilla/icons.d.ts.map +0 -1
  240. package/dist/types/vanilla/index.d.ts.map +0 -1
  241. package/dist/types/vanilla/styles.d.ts.map +0 -1
  242. package/dist/types/vanilla/types.d.ts +0 -106
  243. package/dist/types/vanilla/types.d.ts.map +0 -1
  244. package/dist/umd/convai.umd.js +0 -1
  245. package/dist/vanilla/index.cjs +0 -5557
  246. /package/dist/{types/core → core}/AudioManager.d.ts +0 -0
  247. /package/dist/{types/core → core}/EventEmitter.d.ts +0 -0
  248. /package/dist/{types/core → core}/ScreenShareManager.d.ts +0 -0
  249. /package/dist/{types/core → core}/VideoManager.d.ts +0 -0
  250. /package/dist/{types/dev.d.ts → dev.d.ts} +0 -0
  251. /package/dist/{types/lipsync-helpers → lipsync-helpers}/arkitBlendshapeHelpers.d.ts +0 -0
  252. /package/dist/{types/lipsync-helpers → lipsync-helpers}/arkitOrder61.d.ts +0 -0
  253. /package/dist/{types/lipsync-helpers → lipsync-helpers}/arkitPhonemeReference.d.ts +0 -0
  254. /package/dist/{types/lipsync-helpers → lipsync-helpers}/neurosyncBlendshapeMapper.d.ts +0 -0
  255. /package/dist/{types/react → react}/components/ConvaiWidget.d.ts +0 -0
  256. /package/dist/{types/react → react}/components/index.d.ts +0 -0
  257. /package/dist/{types/react → react}/components/rtc-widget/components/AudioSettingsPanel.d.ts +0 -0
  258. /package/dist/{types/react → react}/components/rtc-widget/components/AudioVisualizer.d.ts +0 -0
  259. /package/dist/{types/react → react}/components/rtc-widget/components/ConviMessage.d.ts +0 -0
  260. /package/dist/{types/react → react}/components/rtc-widget/components/FloatingVideo.d.ts +0 -0
  261. /package/dist/{types/react → react}/components/rtc-widget/components/MarkdownRenderer.d.ts +0 -0
  262. /package/dist/{types/react → react}/components/rtc-widget/components/MessageBubble.d.ts +0 -0
  263. /package/dist/{types/react → react}/components/rtc-widget/components/MessageList.d.ts +0 -0
  264. /package/dist/{types/react → react}/components/rtc-widget/components/UserMessage.d.ts +0 -0
  265. /package/dist/{types/react → react}/components/rtc-widget/components/conviComponents/ConviButton.d.ts +0 -0
  266. /package/dist/{types/react → react}/components/rtc-widget/components/conviComponents/ConviFooter.d.ts +0 -0
  267. /package/dist/{types/react → react}/components/rtc-widget/components/conviComponents/ConviHeader.d.ts +0 -0
  268. /package/dist/{types/react → react}/components/rtc-widget/components/conviComponents/SettingsTray.d.ts +0 -0
  269. /package/dist/{types/react → react}/components/rtc-widget/components/conviComponents/VoiceModeOverlay.d.ts +0 -0
  270. /package/dist/{types/react → react}/components/rtc-widget/components/conviComponents/index.d.ts +0 -0
  271. /package/dist/{types/react → react}/components/rtc-widget/components/index.d.ts +0 -0
  272. /package/dist/{types/react → react}/components/rtc-widget/index.d.ts +0 -0
  273. /package/dist/{types/react → react}/components/rtc-widget/styles/framerConfig.d.ts +0 -0
  274. /package/dist/{types/react → react}/components/rtc-widget/styles/icons.d.ts +0 -0
  275. /package/dist/{types/react → react}/components/rtc-widget/styles/index.d.ts +0 -0
  276. /package/dist/{types/react → react}/components/rtc-widget/styles/styledComponents.d.ts +0 -0
  277. /package/dist/{types/react → react}/components/rtc-widget/styles/theme.d.ts +0 -0
  278. /package/dist/{types/react → react}/components/rtc-widget/types/index.d.ts +0 -0
  279. /package/dist/{types/react → react}/hooks/index.d.ts +0 -0
  280. /package/dist/{types/react → react}/hooks/useCharacterInfo.d.ts +0 -0
  281. /package/dist/{types/react → react}/hooks/useLocalCameraTrack.d.ts +0 -0
  282. /package/dist/{types/utils → utils}/LatencyMonitor.d.ts +0 -0
  283. /package/dist/{types/utils → utils}/logger.d.ts +0 -0
  284. /package/dist/{types/utils → utils}/speakerManagement.d.ts +0 -0
  285. /package/dist/{types/vanilla → vanilla}/ConvaiWidget.d.ts +0 -0
  286. /package/dist/{types/vanilla → vanilla}/icons.d.ts +0 -0
  287. /package/dist/{types/vanilla → vanilla}/styles.d.ts +0 -0
@@ -0,0 +1,663 @@
1
+ import styled from "styled-components";
2
+ import { motion } from "framer-motion";
3
+ import { aeroTheme } from "./theme";
4
+ // Styled Components matching the original webChat exactly
5
+ export const ConvaiContainer = styled(motion.div) `
6
+ position: fixed !important;
7
+ bottom: 2rem !important;
8
+ right: 2rem !important;
9
+ z-index: 1000 !important;
10
+ isolation: isolate;
11
+ background: transparent !important;
12
+ pointer-events: none !important;
13
+
14
+ /* Override any inherited text styles */
15
+ * {
16
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
17
+ color-scheme: light !important;
18
+ font-synthesis: none !important;
19
+ text-rendering: optimizeLegibility !important;
20
+ -webkit-font-smoothing: antialiased !important;
21
+ -moz-osx-font-smoothing: grayscale !important;
22
+ -webkit-text-size-adjust: 100% !important;
23
+ }
24
+ `;
25
+ export const MorphingContainer = styled(motion.div) `
26
+ position: relative !important;
27
+ background: ${(props) => {
28
+ const opacity = props.$backgroundOpacity ?? 0.95;
29
+ // Slightly tinted for better universal contrast
30
+ return `rgba(252, 252, 253, ${opacity})`;
31
+ }} !important;
32
+ backdrop-filter: blur(20px) saturate(180%) !important;
33
+ // Subtle dual-tone border for visibility on any background
34
+ border: 1px solid rgba(0, 0, 0, 0.06) !important;
35
+ box-shadow:
36
+ 0 0 0 1px rgba(255, 255, 255, 0.8) inset, // Inner highlight
37
+ 0 8px 32px rgba(0, 0, 0, 0.12), // Main shadow for light backgrounds
38
+ 0 2px 8px rgba(0, 0, 0, 0.08) !important; // Subtle depth
39
+ display: flex !important;
40
+ flex-direction: column !important;
41
+ overflow: hidden !important;
42
+ isolation: isolate;
43
+ pointer-events: auto !important;
44
+ `;
45
+ export const ButtonContent = styled(motion.div) `
46
+ width: 100% !important;
47
+ height: 100% !important;
48
+ display: flex !important;
49
+ align-items: center !important;
50
+ justify-content: center !important;
51
+ position: absolute !important;
52
+ top: 0 !important;
53
+ left: 0 !important;
54
+ background: transparent !important;
55
+ isolation: isolate;
56
+ pointer-events: auto !important;
57
+ `;
58
+ export const Logo = styled(motion.div) `
59
+ width: 2rem !important;
60
+ height: 2rem !important;
61
+ display: flex !important;
62
+ align-items: center !important;
63
+ justify-content: center !important;
64
+ color: ${aeroTheme.colors.primary[500]} !important;
65
+ isolation: isolate;
66
+ contain: layout style paint;
67
+ `;
68
+ export const ChatContent = styled(motion.div) `
69
+ width: 100% !important;
70
+ height: 100% !important;
71
+ display: flex !important;
72
+ flex-direction: column !important;
73
+ position: absolute !important;
74
+ top: 0 !important;
75
+ left: 0 !important;
76
+ overflow: hidden !important;
77
+ background: transparent !important;
78
+ isolation: isolate;
79
+ pointer-events: auto !important;
80
+ `;
81
+ export const Header = styled(motion.div) `
82
+ padding: ${aeroTheme.spacing.md} !important;
83
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
84
+ display: flex !important;
85
+ align-items: center !important;
86
+ justify-content: space-between !important;
87
+ background: rgba(255, 255, 255, 0.5) !important;
88
+ position: relative !important;
89
+ z-index: 10 !important;
90
+ isolation: isolate;
91
+ contain: layout style paint;
92
+ `;
93
+ export const Title = styled.h3 `
94
+ margin: 0 !important;
95
+ font-size: ${aeroTheme.typography.fontSize.lg} !important;
96
+ font-weight: ${aeroTheme.typography.fontWeight.semibold} !important;
97
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
98
+ color: ${aeroTheme.colors.text.primary} !important;
99
+ text-align: center !important;
100
+ display: flex !important;
101
+ align-items: center !important;
102
+ justify-content: center !important;
103
+ gap: 0.5rem !important;
104
+ flex: 1 !important;
105
+ font-synthesis: none !important;
106
+ text-rendering: optimizeLegibility !important;
107
+ -webkit-font-smoothing: antialiased !important;
108
+ -moz-osx-font-smoothing: grayscale !important;
109
+ -webkit-text-size-adjust: 100% !important;
110
+ isolation: isolate;
111
+ contain: layout style paint;
112
+ `;
113
+ export const HeaderLogo = styled.div `
114
+ display: flex !important;
115
+ align-items: center !important;
116
+ justify-content: center !important;
117
+ isolation: isolate;
118
+ contain: layout style paint;
119
+ `;
120
+ export const CloseButton = styled(motion.button) `
121
+ background: rgba(252, 252, 253, 0.95) !important;
122
+ backdrop-filter: blur(20px) saturate(180%);
123
+ border: 1px solid rgba(0, 0, 0, 0.06) !important;
124
+ border-radius: 50% !important;
125
+ width: 2rem;
126
+ height: 2rem;
127
+ display: flex;
128
+ align-items: center;
129
+ justify-content: center;
130
+ cursor: pointer !important;
131
+ color: ${aeroTheme.colors.text.primary} !important;
132
+ transition: ${aeroTheme.transitions.normal};
133
+ z-index: 1;
134
+ box-shadow:
135
+ 0 0 0 1px rgba(255, 255, 255, 0.8) inset,
136
+ 0 2px 8px rgba(0, 0, 0, 0.08);
137
+ outline: none !important;
138
+ padding: 0 !important;
139
+ font-size: inherit !important;
140
+ font-weight: inherit !important;
141
+ font-family: inherit !important;
142
+
143
+ &:hover {
144
+ background: rgba(255, 255, 255, 1) !important;
145
+ color: ${aeroTheme.colors.text.primary} !important;
146
+ box-shadow:
147
+ 0 0 0 1px rgba(255, 255, 255, 1) inset,
148
+ 0 4px 12px rgba(0, 0, 0, 0.12);
149
+ border-color: rgba(0, 0, 0, 0.08) !important;
150
+ }
151
+
152
+ &:focus {
153
+ outline: none !important;
154
+ }
155
+
156
+ &:focus-visible {
157
+ outline: none !important;
158
+ }
159
+ `;
160
+ export const SettingsButton = styled(motion.button) `
161
+ background: rgba(252, 252, 253, 0.95) !important;
162
+ backdrop-filter: blur(20px) saturate(180%);
163
+ border: 1px solid rgba(0, 0, 0, 0.06) !important;
164
+ border-radius: 50% !important;
165
+ width: 2rem;
166
+ height: 2rem;
167
+ display: flex;
168
+ align-items: center;
169
+ justify-content: center;
170
+ cursor: pointer !important;
171
+ color: ${aeroTheme.colors.text.primary} !important;
172
+ transition: ${aeroTheme.transitions.normal};
173
+ z-index: 1;
174
+ box-shadow:
175
+ 0 0 0 1px rgba(255, 255, 255, 0.8) inset,
176
+ 0 2px 8px rgba(0, 0, 0, 0.08);
177
+ outline: none !important;
178
+ padding: 0 !important;
179
+ font-size: inherit !important;
180
+ font-weight: inherit !important;
181
+ font-family: inherit !important;
182
+
183
+ &:hover {
184
+ background: rgba(255, 255, 255, 1) !important;
185
+ color: ${aeroTheme.colors.text.primary} !important;
186
+ box-shadow:
187
+ 0 0 0 1px rgba(255, 255, 255, 1) inset,
188
+ 0 4px 12px rgba(0, 0, 0, 0.12);
189
+ border-color: rgba(0, 0, 0, 0.08) !important;
190
+ }
191
+
192
+ &:focus {
193
+ outline: none !important;
194
+ }
195
+
196
+ &:focus-visible {
197
+ outline: none !important;
198
+ }
199
+ `;
200
+ export const SettingsTray = styled(motion.div) `
201
+ background: rgba(252, 252, 253, 0.98) !important;
202
+ backdrop-filter: blur(20px) saturate(180%) !important;
203
+ border: 1px solid rgba(0, 0, 0, 0.08) !important;
204
+ border-radius: ${aeroTheme.borderRadius.lg} !important;
205
+ box-shadow:
206
+ 0 0 0 1px rgba(255, 255, 255, 0.9) inset,
207
+ 0 8px 32px rgba(0, 0, 0, 0.15) !important;
208
+ padding: 0 !important;
209
+ min-width: 0 !important;
210
+ isolation: isolate;
211
+ contain: layout style paint;
212
+ pointer-events: auto !important;
213
+ `;
214
+ export const SettingsOption = styled(motion.button) `
215
+ padding: ${aeroTheme.spacing.sm} ${aeroTheme.spacing.md};
216
+ background: transparent;
217
+ border: none !important;
218
+ border-radius: ${aeroTheme.borderRadius.md} !important;
219
+ color: ${aeroTheme.colors.text.primary};
220
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
221
+ font-size: ${aeroTheme.typography.sizes.sm} !important;
222
+ font-weight: inherit !important;
223
+ cursor: pointer !important;
224
+ transition: ${aeroTheme.transitions.normal};
225
+ display: flex;
226
+ align-items: center;
227
+ justify-content: center;
228
+ gap: ${aeroTheme.spacing.sm};
229
+ outline: none !important;
230
+ pointer-events: auto !important;
231
+ flex: 1;
232
+ min-width: 2.5rem;
233
+
234
+ &:hover {
235
+ background: rgba(0, 0, 0, 0.05);
236
+ border-color: transparent !important;
237
+ }
238
+
239
+ &:active {
240
+ background: rgba(0, 0, 0, 0.1);
241
+ }
242
+
243
+ &:focus {
244
+ outline: none !important;
245
+ }
246
+
247
+ &:focus-visible {
248
+ outline: none !important;
249
+ }
250
+ `;
251
+ export const Content = styled(motion.div) `
252
+ flex: 1 !important;
253
+ padding: ${aeroTheme.spacing.md} !important;
254
+ display: flex !important;
255
+ flex-direction: column !important;
256
+ justify-content: space-between !important;
257
+ min-height: 0 !important;
258
+ z-index: 1 !important;
259
+ overflow: hidden !important;
260
+ isolation: isolate;
261
+ contain: layout style paint;
262
+ `;
263
+ export const Footer = styled(motion.div) `
264
+ padding: ${aeroTheme.spacing.md} !important;
265
+ border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
266
+ background: rgba(255, 255, 255, 0.5) !important;
267
+ position: relative !important;
268
+ isolation: isolate;
269
+ contain: layout style paint;
270
+ `;
271
+ export const InputContainer = styled(motion.div) `
272
+ display: flex !important;
273
+ align-items: center !important;
274
+ gap: ${aeroTheme.spacing.sm} !important;
275
+ background: rgba(252, 252, 253, 0.95) !important;
276
+ backdrop-filter: blur(20px) saturate(180%) !important;
277
+ border: 1px solid rgba(0, 0, 0, 0.06) !important;
278
+ border-radius: ${aeroTheme.borderRadius.full} !important;
279
+ min-height: 3rem !important;
280
+ box-shadow:
281
+ 0 0 0 1px rgba(255, 255, 255, 0.8) inset,
282
+ 0 2px 12px rgba(0, 0, 0, 0.08) !important;
283
+ isolation: isolate;
284
+ contain: layout style paint;
285
+ `;
286
+ export const Input = styled.input `
287
+ flex: 1 !important;
288
+ background: transparent !important;
289
+ border: none !important;
290
+ outline: none !important;
291
+ color: ${aeroTheme.colors.text.primary} !important;
292
+ font-size: ${aeroTheme.typography.fontSize.sm} !important;
293
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
294
+ border-radius: ${aeroTheme.borderRadius.full} !important;
295
+ padding: 0.5rem 0.75rem !important;
296
+ line-height: 1.5 !important;
297
+ min-height: 2.25rem !important;
298
+ font-synthesis: none !important;
299
+ text-rendering: optimizeLegibility !important;
300
+ -webkit-font-smoothing: antialiased !important;
301
+ -moz-osx-font-smoothing: grayscale !important;
302
+ -webkit-text-size-adjust: 100% !important;
303
+ isolation: isolate;
304
+ contain: layout style paint;
305
+
306
+ &::placeholder {
307
+ color: ${aeroTheme.colors.text.tertiary} !important;
308
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
309
+ font-size: ${aeroTheme.typography.fontSize.sm} !important;
310
+ }
311
+
312
+ &:focus {
313
+ outline: none !important;
314
+ border: none !important;
315
+ }
316
+ `;
317
+ export const ActionButton = styled(motion.button) `
318
+ width: 2.25rem !important;
319
+ height: 2.25rem !important;
320
+ min-width: 2.25rem !important;
321
+ min-height: 2.25rem !important;
322
+ flex-shrink: 0 !important;
323
+ border-radius: 50% !important;
324
+ border: none !important;
325
+ background: ${(props) => props.$active
326
+ ? aeroTheme.colors.convai.light
327
+ : aeroTheme.colors.text.primary};
328
+ color: ${(props) => props.$active ? aeroTheme.colors.text.inverse : "white"};
329
+ display: flex !important;
330
+ align-items: center !important;
331
+ justify-content: center !important;
332
+ cursor: pointer !important;
333
+ transition: ${aeroTheme.transitions.normal} !important;
334
+ outline: none !important;
335
+ padding: 0 !important;
336
+ font-size: inherit !important;
337
+ font-weight: inherit !important;
338
+ font-family: inherit !important;
339
+ isolation: isolate;
340
+ contain: layout style paint;
341
+
342
+ &:hover {
343
+ transform: scale(1.05);
344
+ background: ${aeroTheme.colors.neutral[800]} !important;
345
+ border-color: transparent !important;
346
+ }
347
+
348
+ &:active {
349
+ transform: scale(0.95);
350
+ }
351
+
352
+ &:focus {
353
+ outline: none !important;
354
+ }
355
+
356
+ &:focus-visible {
357
+ outline: none !important;
358
+ }
359
+ `;
360
+ export const MessageList = styled.div `
361
+ flex: 1 !important;
362
+ overflow-y: auto !important;
363
+ padding: ${aeroTheme.spacing.md} !important;
364
+ display: flex !important;
365
+ flex-direction: column !important;
366
+ gap: ${aeroTheme.spacing.sm} !important;
367
+ isolation: isolate;
368
+ contain: layout style paint;
369
+ `;
370
+ export const Message = styled.div `
371
+ display: flex !important;
372
+ flex-direction: ${(props) => props.isUser ? "row-reverse" : "row"} !important;
373
+ align-items: flex-start !important;
374
+ gap: ${aeroTheme.spacing.sm} !important;
375
+ margin-bottom: ${aeroTheme.spacing.sm} !important;
376
+ isolation: isolate;
377
+ contain: layout style paint;
378
+ `;
379
+ export const MessageBubble = styled.div `
380
+ max-width: 70% !important;
381
+ padding: ${aeroTheme.spacing.sm} ${aeroTheme.spacing.md} !important;
382
+ background: ${(props) => props.isUser
383
+ ? aeroTheme.colors.primary[500]
384
+ : "rgba(255, 255, 255, 0.9)"} !important;
385
+ color: ${(props) => props.isUser ? "white" : aeroTheme.colors.text.primary} !important;
386
+ border-radius: ${aeroTheme.borderRadius.lg} !important;
387
+ font-size: ${aeroTheme.typography.fontSize.sm} !important;
388
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
389
+ line-height: 1.4 !important;
390
+ word-wrap: break-word !important;
391
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
392
+ font-synthesis: none !important;
393
+ text-rendering: optimizeLegibility !important;
394
+ -webkit-font-smoothing: antialiased !important;
395
+ -moz-osx-font-smoothing: grayscale !important;
396
+ -webkit-text-size-adjust: 100% !important;
397
+ isolation: isolate;
398
+ contain: layout style paint;
399
+ `;
400
+ export const MessageTime = styled.div `
401
+ font-size: ${aeroTheme.typography.fontSize.xs} !important;
402
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
403
+ color: ${aeroTheme.colors.text.secondary} !important;
404
+ margin-top: ${aeroTheme.spacing.xs} !important;
405
+ text-align: ${(props) => (props.isUser ? "right" : "left")} !important;
406
+ font-synthesis: none !important;
407
+ text-rendering: optimizeLegibility !important;
408
+ -webkit-font-smoothing: antialiased !important;
409
+ -moz-osx-font-smoothing: grayscale !important;
410
+ -webkit-text-size-adjust: 100% !important;
411
+ isolation: isolate;
412
+ contain: layout style paint;
413
+ `;
414
+ export const ButtonContainer = styled(motion.button) `
415
+ position: fixed !important;
416
+ bottom: 2rem !important;
417
+ right: 2rem !important;
418
+ width: 4rem !important;
419
+ height: 4rem !important;
420
+ border: none !important;
421
+ border-radius: 50% !important;
422
+ background: ${aeroTheme.colors.glass.backdrop} !important;
423
+ backdrop-filter: ${aeroTheme.glass.backdrop} !important;
424
+ border: ${aeroTheme.glass.border} !important;
425
+ box-shadow: ${aeroTheme.shadows.glass} !important;
426
+ cursor: pointer !important;
427
+ display: flex !important;
428
+ align-items: center !important;
429
+ justify-content: center !important;
430
+ z-index: 1000 !important;
431
+ isolation: isolate;
432
+ contain: layout style paint;
433
+
434
+ &:hover {
435
+ transform: scale(1.05) !important;
436
+ box-shadow: ${aeroTheme.shadows.xl} !important;
437
+ }
438
+ `;
439
+ export const ButtonLogo = styled(motion.div) `
440
+ width: 2rem !important;
441
+ height: 2rem !important;
442
+ display: flex !important;
443
+ align-items: center !important;
444
+ justify-content: center !important;
445
+ color: ${aeroTheme.colors.primary[500]} !important;
446
+ isolation: isolate;
447
+ contain: layout style paint;
448
+ `;
449
+ // Message Components
450
+ export const ConviBubble = styled.div `
451
+ background: rgba(252, 252, 253, 0.95) !important;
452
+ backdrop-filter: blur(20px) saturate(180%) !important;
453
+ border: 1px solid rgba(0, 0, 0, 0.06) !important;
454
+ border-radius: 12px 12px 12px 4px !important;
455
+ padding: 12px !important;
456
+ box-shadow:
457
+ 0 0 0 1px rgba(255, 255, 255, 0.8) inset,
458
+ 0 2px 8px rgba(0, 0, 0, 0.08) !important;
459
+ color: ${aeroTheme.colors.text.primary} !important;
460
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
461
+ font-size: 14px !important;
462
+ line-height: 1.5 !important;
463
+
464
+ /* Markdown styling */
465
+ strong {
466
+ font-weight: 600 !important;
467
+ color: ${aeroTheme.colors.text.primary} !important;
468
+ }
469
+
470
+ em {
471
+ font-style: italic !important;
472
+ }
473
+ word-wrap: break-word !important;
474
+ max-width: 100% !important;
475
+ font-synthesis: none !important;
476
+ text-rendering: optimizeLegibility !important;
477
+ -webkit-font-smoothing: antialiased !important;
478
+ -moz-osx-font-smoothing: grayscale !important;
479
+ -webkit-text-size-adjust: 100% !important;
480
+ isolation: isolate;
481
+ contain: layout style paint;
482
+ `;
483
+ export const ConviMessageContainer = styled.div `
484
+ display: flex !important;
485
+ flex-direction: column !important;
486
+ max-width: 70% !important;
487
+ margin-right: auto !important;
488
+ width: 100% !important;
489
+ isolation: isolate;
490
+ contain: layout style paint;
491
+ `;
492
+ export const MessageHeader = styled.div `
493
+ display: flex !important;
494
+ align-items: center !important;
495
+ gap: ${aeroTheme.spacing.xs} !important;
496
+ margin-bottom: ${aeroTheme.spacing.xs} !important;
497
+ isolation: isolate;
498
+ contain: layout style paint;
499
+ `;
500
+ export const ConviLabel = styled.span `
501
+ font-size: ${aeroTheme.typography.sizes.caption} !important;
502
+ color: #10b981 !important;
503
+ font-weight: 500 !important;
504
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
505
+ isolation: isolate;
506
+ contain: layout style paint;
507
+ `;
508
+ export const LogoWrapper = styled.div `
509
+ width: 1rem !important;
510
+ height: 1rem !important;
511
+ display: flex !important;
512
+ align-items: center !important;
513
+ justify-content: center !important;
514
+ isolation: isolate;
515
+ contain: layout style paint;
516
+ `;
517
+ export const UserBubble = styled.div `
518
+ background: rgba(252, 252, 253, 0.95) !important;
519
+ backdrop-filter: blur(20px) saturate(180%) !important;
520
+ border: 1px solid rgba(0, 0, 0, 0.06) !important;
521
+ border-radius: 12px 12px 4px 12px !important;
522
+ padding: 12px !important;
523
+ box-shadow:
524
+ 0 0 0 1px rgba(255, 255, 255, 0.8) inset,
525
+ 0 2px 8px rgba(0, 0, 0, 0.08) !important;
526
+ color: ${aeroTheme.colors.text.primary} !important;
527
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
528
+ font-size: 14px !important;
529
+ line-height: 1.5 !important;
530
+
531
+ /* Markdown styling */
532
+ strong {
533
+ font-weight: 600 !important;
534
+ color: ${aeroTheme.colors.text.primary} !important;
535
+ }
536
+
537
+ em {
538
+ font-style: italic !important;
539
+ }
540
+ word-wrap: break-word !important;
541
+ max-width: 100% !important;
542
+ font-synthesis: none !important;
543
+ text-rendering: optimizeLegibility !important;
544
+ -webkit-font-smoothing: antialiased !important;
545
+ -moz-osx-font-smoothing: grayscale !important;
546
+ -webkit-text-size-adjust: 100% !important;
547
+ isolation: isolate;
548
+ contain: layout style paint;
549
+ `;
550
+ export const UserMessageContainer = styled.div `
551
+ display: flex !important;
552
+ flex-direction: column !important;
553
+ max-width: 70% !important;
554
+ margin-left: auto !important;
555
+ width: 100% !important;
556
+ isolation: isolate;
557
+ contain: layout style paint;
558
+ `;
559
+ export const UserLabel = styled.span `
560
+ font-size: ${aeroTheme.typography.sizes.caption} !important;
561
+ color: ${aeroTheme.colors.convai.dark} !important;
562
+ font-weight: 500 !important;
563
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
564
+ isolation: isolate;
565
+ contain: layout style paint;
566
+ `;
567
+ export const BubbleContainer = styled(motion.div) `
568
+ display: flex !important;
569
+ flex-direction: column !important;
570
+ max-width: 70% !important;
571
+ margin: ${aeroTheme.spacing.sm} 0 !important;
572
+ align-self: ${(props) => props.$isUser ? "flex-end" : "flex-start"} !important;
573
+ isolation: isolate;
574
+ contain: layout style paint;
575
+ `;
576
+ export const Bubble = styled(motion.div) `
577
+ background: ${(props) => props.$isUser
578
+ ? "rgba(252, 252, 253, 0.95)"
579
+ : "rgba(248, 250, 252, 0.95)"} !important;
580
+ backdrop-filter: blur(20px) saturate(180%) !important;
581
+ border: 1px solid rgba(0, 0, 0, 0.06) !important;
582
+ border-radius: ${(props) => props.$isUser
583
+ ? `${aeroTheme.borderRadius.lg} ${aeroTheme.borderRadius.lg} ${aeroTheme.borderRadius.sm} ${aeroTheme.borderRadius.lg}`
584
+ : `${aeroTheme.borderRadius.lg} ${aeroTheme.borderRadius.lg} ${aeroTheme.borderRadius.lg} ${aeroTheme.borderRadius.sm}`} !important;
585
+ padding: ${aeroTheme.spacing.md} !important;
586
+ box-shadow:
587
+ 0 0 0 1px rgba(255, 255, 255, 0.8) inset,
588
+ 0 2px 8px rgba(0, 0, 0, 0.08) !important;
589
+ color: ${aeroTheme.colors.text.primary} !important;
590
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
591
+ font-size: ${aeroTheme.typography.sizes.body} !important;
592
+ line-height: 1.5 !important;
593
+ word-wrap: break-word !important;
594
+ position: relative !important;
595
+ font-synthesis: none !important;
596
+ text-rendering: optimizeLegibility !important;
597
+ -webkit-font-smoothing: antialiased !important;
598
+ -moz-osx-font-smoothing: grayscale !important;
599
+ -webkit-text-size-adjust: 100% !important;
600
+ isolation: isolate;
601
+ contain: layout style paint;
602
+ `;
603
+ export const Timestamp = styled.span `
604
+ font-size: ${aeroTheme.typography.sizes.caption} !important;
605
+ color: ${aeroTheme.colors.text.secondary} !important;
606
+ margin-top: ${aeroTheme.spacing.xs} !important;
607
+ align-self: ${(props) => props.$isUser ? "flex-end" : "flex-start"} !important;
608
+ font-family: ${aeroTheme.typography.fontFamily.body} !important;
609
+ isolation: isolate;
610
+ contain: layout style paint;
611
+ `;
612
+ export const MessageListContainer = styled.div `
613
+ display: flex !important;
614
+ flex-direction: column !important;
615
+ overflow-y: auto !important;
616
+ flex: 1 !important;
617
+ min-height: 0 !important;
618
+ width: 100% !important;
619
+ scroll-behavior: smooth !important;
620
+ isolation: isolate;
621
+ contain: layout style paint;
622
+
623
+ /* Custom scrollbar */
624
+ &::-webkit-scrollbar {
625
+ width: 4px !important;
626
+ }
627
+
628
+ &::-webkit-scrollbar-track {
629
+ background: transparent !important;
630
+ }
631
+
632
+ &::-webkit-scrollbar-thumb {
633
+ background: rgba(0, 0, 0, 0.1) !important;
634
+ border-radius: 2px !important;
635
+ }
636
+
637
+ &::-webkit-scrollbar-thumb:hover {
638
+ background: rgba(0, 0, 0, 0.2) !important;
639
+ }
640
+ `;
641
+ export const MessageWrapper = styled.div `
642
+ margin-bottom: 16px !important;
643
+ width: 100% !important;
644
+ isolation: isolate;
645
+ contain: layout style paint;
646
+
647
+ &:last-child {
648
+ margin-bottom: 0 !important;
649
+ }
650
+ `;
651
+ export const EmptyState = styled.div `
652
+ display: flex;
653
+ flex-direction: column;
654
+ align-items: center;
655
+ justify-content: center;
656
+ height: 100%;
657
+ color: ${aeroTheme.colors.text.secondary};
658
+ font-family: ${aeroTheme.typography.fontFamily.body};
659
+ font-size: ${aeroTheme.typography.sizes.body};
660
+ text-align: center;
661
+ padding: 32px;
662
+ `;
663
+ //# sourceMappingURL=styledComponents.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styledComponents.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/styles/styledComponents.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/styles/theme.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4LrB,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;CA4DvB,CAAC;AAGF,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC;AAGF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;CAmDpB,CAAC"}