xertica-ui 2.2.1 → 2.4.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 (708) hide show
  1. package/CHANGELOG.md +564 -525
  2. package/README.md +417 -382
  3. package/bin/cli.ts +1244 -748
  4. package/bin/generate-tokens.ts +262 -262
  5. package/bin/language-config.ts +5 -8
  6. package/components/assets/xertica-orbe-animation.ts +1162 -1162
  7. package/components/assistant/code-block/CodeBlock.tsx +268 -268
  8. package/components/assistant/code-block/code-block.stories.tsx +57 -57
  9. package/components/assistant/code-block/code-block.test.tsx +44 -44
  10. package/components/assistant/code-block/index.ts +1 -1
  11. package/components/assistant/formatted-document/FormattedDocument.tsx +147 -147
  12. package/components/assistant/formatted-document/formatted-document.stories.tsx +51 -51
  13. package/components/assistant/formatted-document/formatted-document.test.tsx +42 -42
  14. package/components/assistant/formatted-document/index.ts +1 -1
  15. package/components/assistant/index.ts +6 -6
  16. package/components/assistant/markdown-message/MarkdownMessage.tsx +152 -152
  17. package/components/assistant/markdown-message/index.ts +1 -1
  18. package/components/assistant/markdown-message/markdown-message.stories.tsx +50 -50
  19. package/components/assistant/markdown-message/markdown-message.test.tsx +33 -33
  20. package/components/assistant/modern-chat-input/ModernChatInput.tsx +17 -7
  21. package/components/assistant/modern-chat-input/index.ts +1 -1
  22. package/components/assistant/modern-chat-input/modern-chat-input.stories.tsx +131 -131
  23. package/components/assistant/modern-chat-input/modern-chat-input.test.tsx +79 -79
  24. package/components/assistant/xertica-assistant/index.ts +3 -3
  25. package/components/assistant/xertica-assistant/parts/AssistantCollapsedView.tsx +99 -99
  26. package/components/assistant/xertica-assistant/parts/AssistantConversationList.tsx +104 -106
  27. package/components/assistant/xertica-assistant/parts/AssistantDocumentEditor.tsx +81 -81
  28. package/components/assistant/xertica-assistant/parts/AssistantFeedbackDialog.tsx +88 -78
  29. package/components/assistant/xertica-assistant/parts/AssistantHeader.tsx +75 -75
  30. package/components/assistant/xertica-assistant/parts/AssistantMessageBubble.tsx +564 -560
  31. package/components/assistant/xertica-assistant/parts/AssistantTabBar.tsx +67 -67
  32. package/components/assistant/xertica-assistant/parts/AssistantTypingIndicator.tsx +41 -41
  33. package/components/assistant/xertica-assistant/parts/AssistantWelcomeScreen.tsx +103 -103
  34. package/components/assistant/xertica-assistant/parts/index.ts +16 -16
  35. package/components/assistant/xertica-assistant/types.ts +134 -134
  36. package/components/assistant/xertica-assistant/use-assistant.ts +615 -615
  37. package/components/assistant/xertica-assistant/xertica-assistant.stories.tsx +407 -407
  38. package/components/assistant/xertica-assistant/xertica-assistant.test.tsx +65 -65
  39. package/components/assistant/xertica-assistant/xertica-assistant.tsx +611 -613
  40. package/components/blocks/card-patterns/ActivityCard.tsx +100 -100
  41. package/components/blocks/card-patterns/FeatureCard.tsx +109 -109
  42. package/components/blocks/card-patterns/FeatureCardSkeleton.tsx +1 -6
  43. package/components/blocks/card-patterns/NotificationCard.tsx +140 -140
  44. package/components/blocks/card-patterns/ProfileCard.tsx +112 -114
  45. package/components/blocks/card-patterns/ProjectCard.tsx +123 -123
  46. package/components/blocks/card-patterns/ProjectCardSkeleton.tsx +1 -6
  47. package/components/blocks/card-patterns/QuickActionCard.tsx +68 -68
  48. package/components/blocks/card-patterns/card-patterns.mdx +123 -123
  49. package/components/blocks/card-patterns/card-patterns.stories.tsx +594 -594
  50. package/components/blocks/card-patterns/index.ts +29 -29
  51. package/components/blocks/index.ts +1 -1
  52. package/components/brand/branding/branding.stories.tsx +57 -57
  53. package/components/brand/index.ts +6 -6
  54. package/components/brand/language-selector/index.ts +1 -1
  55. package/components/brand/language-selector/language-selector.mdx +126 -126
  56. package/components/brand/language-selector/language-selector.stories.tsx +1 -4
  57. package/components/brand/theme-toggle/ThemeToggle.tsx +74 -70
  58. package/components/brand/theme-toggle/index.ts +1 -1
  59. package/components/brand/theme-toggle/theme-toggle.stories.tsx +34 -34
  60. package/components/brand/theme-toggle/theme-toggle.test.tsx +34 -34
  61. package/components/brand/xertica-logo/XerticaLogo.stories.tsx +82 -82
  62. package/components/brand/xertica-logo/XerticaLogo.tsx +104 -104
  63. package/components/brand/xertica-logo/index.ts +1 -1
  64. package/components/brand/xertica-logo/xertica-logo.test.tsx +26 -26
  65. package/components/brand/xertica-orbe/XerticaOrbe.tsx +1927 -1927
  66. package/components/brand/xertica-orbe/index.ts +1 -1
  67. package/components/brand/xertica-orbe/xertica-orbe.stories.tsx +40 -40
  68. package/components/brand/xertica-orbe/xertica-orbe.test.tsx +19 -19
  69. package/components/brand/xertica-provider/XerticaProvider.tsx +1 -4
  70. package/components/brand/xertica-provider/index.ts +1 -1
  71. package/components/brand/xertica-provider/xertica-provider.test.tsx +74 -74
  72. package/components/brand/xertica-xlogo/XerticaXLogo.stories.tsx +79 -79
  73. package/components/brand/xertica-xlogo/XerticaXLogo.tsx +65 -65
  74. package/components/brand/xertica-xlogo/index.ts +1 -1
  75. package/components/brand/xertica-xlogo/xertica-xlogo.test.tsx +16 -16
  76. package/components/examples/ApiKeyMapExample.tsx +71 -71
  77. package/components/examples/DrawingMapExample.tsx +565 -565
  78. package/components/examples/FilterableMapExample.tsx +393 -393
  79. package/components/examples/LocationPickerExample.tsx +348 -348
  80. package/components/examples/MapExamples.tsx +268 -268
  81. package/components/examples/MapGmpExample.tsx +169 -169
  82. package/components/examples/MapShowcase.tsx +471 -471
  83. package/components/examples/RouteMapExamples.tsx +329 -329
  84. package/components/examples/SidebarLogoExample.tsx +65 -65
  85. package/components/examples/SimpleFilterableMap.tsx +219 -219
  86. package/components/examples/index.ts +45 -45
  87. package/components/figma/ImageWithFallback.tsx +27 -27
  88. package/components/hooks/index.ts +13 -13
  89. package/components/hooks/use-layout-shortcuts.ts +43 -43
  90. package/components/index.ts +86 -90
  91. package/components/layout/header/header.stories.tsx +204 -204
  92. package/components/layout/header/header.test.tsx +75 -75
  93. package/components/layout/header/header.tsx +349 -349
  94. package/components/layout/header/index.ts +1 -1
  95. package/components/layout/index.ts +2 -2
  96. package/components/layout/sidebar/index.ts +3 -3
  97. package/components/layout/sidebar/sidebar.stories.tsx +586 -586
  98. package/components/layout/sidebar/sidebar.test.tsx +76 -76
  99. package/components/layout/sidebar/sidebar.tsx +1079 -1073
  100. package/components/layout/sidebar/use-sidebar.ts +104 -104
  101. package/components/media/FloatingMediaWrapper.tsx +371 -371
  102. package/components/media/audio-player/AudioPlayer.stories.tsx +124 -124
  103. package/components/media/audio-player/AudioPlayer.test.tsx +106 -106
  104. package/components/media/audio-player/AudioPlayer.tsx +767 -765
  105. package/components/media/audio-player/index.ts +1 -1
  106. package/components/media/audio-player/use-audio-player.ts +312 -312
  107. package/components/media/index.ts +3 -3
  108. package/components/media/video-player/VideoPlayer.stories.tsx +98 -98
  109. package/components/media/video-player/VideoPlayer.test.tsx +73 -73
  110. package/components/media/video-player/VideoPlayer.tsx +310 -310
  111. package/components/media/video-player/index.ts +1 -1
  112. package/components/pages/forgot-password-page/ForgotPasswordPage.stories.tsx +24 -24
  113. package/components/pages/forgot-password-page/ForgotPasswordPage.tsx +188 -188
  114. package/components/pages/forgot-password-page/forgot-password-page.test.tsx +45 -45
  115. package/components/pages/forgot-password-page/index.ts +1 -1
  116. package/components/pages/home-content/HomeContent.stories.tsx +43 -43
  117. package/components/pages/home-content/HomeContent.tsx +120 -120
  118. package/components/pages/home-content/index.ts +1 -1
  119. package/components/pages/home-page/HomePage.stories.tsx +39 -39
  120. package/components/pages/home-page/HomePage.tsx +78 -74
  121. package/components/pages/home-page/home-page.test.tsx +53 -53
  122. package/components/pages/home-page/index.ts +1 -1
  123. package/components/pages/index.ts +8 -8
  124. package/components/pages/login-page/LoginPage.stories.tsx +39 -39
  125. package/components/pages/login-page/LoginPage.tsx +218 -216
  126. package/components/pages/login-page/index.ts +1 -1
  127. package/components/pages/login-page/login-page.test.tsx +63 -63
  128. package/components/pages/reset-password-page/ResetPasswordPage.stories.tsx +24 -24
  129. package/components/pages/reset-password-page/ResetPasswordPage.tsx +243 -239
  130. package/components/pages/reset-password-page/index.ts +1 -1
  131. package/components/pages/template-content/TemplateContent.stories.tsx +43 -43
  132. package/components/pages/template-content/TemplateContent.tsx +1354 -1235
  133. package/components/pages/template-content/index.ts +1 -1
  134. package/components/pages/template-page/TemplatePage.stories.tsx +39 -39
  135. package/components/pages/template-page/TemplatePage.tsx +62 -62
  136. package/components/pages/template-page/index.ts +1 -1
  137. package/components/pages/template-page/template-page.test.tsx +52 -52
  138. package/components/pages/verify-email-page/VerifyEmailPage.stories.tsx +41 -41
  139. package/components/pages/verify-email-page/VerifyEmailPage.tsx +206 -206
  140. package/components/pages/verify-email-page/index.ts +1 -1
  141. package/components/public-api-smoke.test.tsx +52 -52
  142. package/components/shared/CustomTooltipContent.tsx +48 -48
  143. package/components/shared/assistant-utils.test.ts +16 -16
  144. package/components/shared/assistant-utils.ts +225 -225
  145. package/components/shared/error-boundary.stories.tsx +114 -132
  146. package/components/shared/error-boundary.tsx +150 -154
  147. package/components/shared/error-fallbacks.tsx +222 -226
  148. package/components/shared/layout-constants.ts +8 -8
  149. package/components/shared/navigation.ts +35 -35
  150. package/components/shared/use-mobile.test.ts +16 -16
  151. package/components/shared/use-mobile.ts +36 -36
  152. package/components/shared/utils.test.ts +14 -14
  153. package/components/shared/utils.ts +6 -6
  154. package/components/ui/accordion/accordion.stories.tsx +105 -105
  155. package/components/ui/accordion/accordion.test.tsx +59 -59
  156. package/components/ui/accordion/accordion.tsx +77 -77
  157. package/components/ui/accordion/index.ts +1 -1
  158. package/components/ui/alert/alert.stories.tsx +86 -86
  159. package/components/ui/alert/alert.test.tsx +53 -53
  160. package/components/ui/alert/alert.tsx +93 -93
  161. package/components/ui/alert/index.ts +1 -1
  162. package/components/ui/alert-dialog/alert-dialog.stories.tsx +84 -84
  163. package/components/ui/alert-dialog/alert-dialog.test.tsx +70 -70
  164. package/components/ui/alert-dialog/alert-dialog.tsx +149 -149
  165. package/components/ui/alert-dialog/index.ts +1 -1
  166. package/components/ui/aspect-ratio/aspect-ratio.stories.tsx +46 -46
  167. package/components/ui/aspect-ratio/aspect-ratio.test.tsx +28 -28
  168. package/components/ui/aspect-ratio/aspect-ratio.tsx +20 -20
  169. package/components/ui/aspect-ratio/index.ts +1 -1
  170. package/components/ui/assistant-chart/AssistantChart.tsx +64 -64
  171. package/components/ui/assistant-chart/assistant-chart.stories.tsx +44 -44
  172. package/components/ui/assistant-chart/assistant-chart.test.tsx +46 -46
  173. package/components/ui/assistant-chart/index.ts +1 -1
  174. package/components/ui/avatar/avatar.stories.tsx +86 -86
  175. package/components/ui/avatar/avatar.test.tsx +55 -55
  176. package/components/ui/avatar/avatar.tsx +71 -71
  177. package/components/ui/avatar/index.ts +1 -1
  178. package/components/ui/badge/badge.stories.tsx +72 -72
  179. package/components/ui/badge/badge.test.tsx +40 -40
  180. package/components/ui/badge/badge.tsx +58 -58
  181. package/components/ui/badge/index.ts +1 -1
  182. package/components/ui/breadcrumb/breadcrumb.stories.tsx +123 -123
  183. package/components/ui/breadcrumb/breadcrumb.test.tsx +70 -70
  184. package/components/ui/breadcrumb/breadcrumb.tsx +114 -114
  185. package/components/ui/breadcrumb/index.ts +1 -1
  186. package/components/ui/button/button.stories.tsx +183 -183
  187. package/components/ui/button/button.test.tsx +64 -64
  188. package/components/ui/button/button.tsx +98 -98
  189. package/components/ui/button/index.ts +1 -1
  190. package/components/ui/calendar/calendar.stories.tsx +108 -108
  191. package/components/ui/calendar/calendar.test.tsx +53 -53
  192. package/components/ui/calendar/calendar.tsx +230 -230
  193. package/components/ui/calendar/index.ts +1 -1
  194. package/components/ui/card/card.stories.tsx +301 -301
  195. package/components/ui/card/card.test.tsx +55 -55
  196. package/components/ui/card/card.tsx +83 -83
  197. package/components/ui/card/index.ts +1 -1
  198. package/components/ui/carousel/carousel.stories.tsx +80 -80
  199. package/components/ui/carousel/carousel.test.tsx +75 -75
  200. package/components/ui/carousel/carousel.tsx +242 -242
  201. package/components/ui/carousel/index.ts +1 -1
  202. package/components/ui/chart/chart.stories.tsx +1328 -1328
  203. package/components/ui/chart/chart.test.tsx +178 -178
  204. package/components/ui/chart/chart.tsx +2232 -2232
  205. package/components/ui/chart/index.ts +1 -1
  206. package/components/ui/checkbox/checkbox.stories.tsx +109 -109
  207. package/components/ui/checkbox/checkbox.test.tsx +49 -49
  208. package/components/ui/checkbox/checkbox.tsx +68 -68
  209. package/components/ui/checkbox/index.ts +1 -1
  210. package/components/ui/collapsible/collapsible.stories.tsx +45 -45
  211. package/components/ui/collapsible/collapsible.test.tsx +51 -51
  212. package/components/ui/collapsible/collapsible.tsx +32 -32
  213. package/components/ui/collapsible/index.ts +1 -1
  214. package/components/ui/command/command.stories.tsx +134 -134
  215. package/components/ui/command/command.test.tsx +48 -48
  216. package/components/ui/command/command.tsx +163 -163
  217. package/components/ui/command/index.ts +1 -1
  218. package/components/ui/context-menu/context-menu.stories.tsx +76 -76
  219. package/components/ui/context-menu/context-menu.test.tsx +61 -61
  220. package/components/ui/context-menu/context-menu.tsx +236 -236
  221. package/components/ui/context-menu/index.ts +1 -1
  222. package/components/ui/dialog/dialog.stories.tsx +174 -174
  223. package/components/ui/dialog/dialog.test.tsx +78 -78
  224. package/components/ui/dialog/dialog.tsx +189 -189
  225. package/components/ui/dialog/index.ts +1 -1
  226. package/components/ui/drawer/drawer.stories.tsx +71 -71
  227. package/components/ui/drawer/drawer.test.tsx +67 -67
  228. package/components/ui/drawer/drawer.tsx +146 -146
  229. package/components/ui/drawer/index.ts +1 -1
  230. package/components/ui/dropdown-menu/dropdown-menu.stories.tsx +156 -156
  231. package/components/ui/dropdown-menu/dropdown-menu.test.tsx +62 -62
  232. package/components/ui/dropdown-menu/dropdown-menu.tsx +240 -240
  233. package/components/ui/dropdown-menu/index.ts +1 -1
  234. package/components/ui/empty/empty.stories.tsx +85 -85
  235. package/components/ui/empty/empty.test.tsx +31 -31
  236. package/components/ui/empty/empty.tsx +88 -88
  237. package/components/ui/empty/index.ts +1 -1
  238. package/components/ui/file-upload/file-upload.stories.tsx +144 -144
  239. package/components/ui/file-upload/file-upload.test.tsx +65 -65
  240. package/components/ui/file-upload/file-upload.tsx +142 -142
  241. package/components/ui/file-upload/index.ts +2 -2
  242. package/components/ui/file-upload/use-file-upload.ts +177 -177
  243. package/components/ui/form/form.stories.tsx +85 -85
  244. package/components/ui/form/form.test.tsx +75 -75
  245. package/components/ui/form/form.tsx +163 -163
  246. package/components/ui/form/index.ts +1 -1
  247. package/components/ui/google-maps-loader/google-maps-loader.test.tsx +35 -35
  248. package/components/ui/google-maps-loader/google-maps-loader.tsx +465 -465
  249. package/components/ui/google-maps-loader/index.ts +1 -1
  250. package/components/ui/hover-card/hover-card.stories.tsx +61 -61
  251. package/components/ui/hover-card/hover-card.test.tsx +48 -48
  252. package/components/ui/hover-card/hover-card.tsx +50 -50
  253. package/components/ui/hover-card/index.ts +1 -1
  254. package/components/ui/index.ts +400 -400
  255. package/components/ui/input/index.ts +1 -1
  256. package/components/ui/input/input.stories.tsx +153 -153
  257. package/components/ui/input/input.test.tsx +47 -47
  258. package/components/ui/input/input.tsx +57 -57
  259. package/components/ui/input-otp/index.ts +1 -1
  260. package/components/ui/input-otp/input-otp.stories.tsx +120 -120
  261. package/components/ui/input-otp/input-otp.test.tsx +74 -74
  262. package/components/ui/input-otp/input-otp.tsx +101 -101
  263. package/components/ui/label/index.ts +1 -1
  264. package/components/ui/label/label.stories.tsx +74 -74
  265. package/components/ui/label/label.test.tsx +45 -45
  266. package/components/ui/label/label.tsx +53 -53
  267. package/components/ui/map/index.ts +1 -1
  268. package/components/ui/map/map.stories.tsx +86 -86
  269. package/components/ui/map/map.test.tsx +82 -82
  270. package/components/ui/map/map.tsx +506 -506
  271. package/components/ui/map/mock.test.tsx +13 -13
  272. package/components/ui/map-config/index.ts +1 -1
  273. package/components/ui/map-config/map-config.ts +18 -18
  274. package/components/ui/map-layers/index.ts +1 -1
  275. package/components/ui/map-layers/map-layers.test.tsx +48 -48
  276. package/components/ui/map-layers/map-layers.tsx +126 -126
  277. package/components/ui/map.exports/index.ts +1 -1
  278. package/components/ui/map.exports/map.exports.ts +31 -31
  279. package/components/ui/menubar/index.ts +1 -1
  280. package/components/ui/menubar/menubar.stories.tsx +130 -130
  281. package/components/ui/menubar/menubar.test.tsx +53 -53
  282. package/components/ui/menubar/menubar.tsx +265 -265
  283. package/components/ui/navigation-menu/index.ts +1 -1
  284. package/components/ui/navigation-menu/navigation-menu.stories.tsx +126 -126
  285. package/components/ui/navigation-menu/navigation-menu.test.tsx +47 -47
  286. package/components/ui/navigation-menu/navigation-menu.tsx +165 -165
  287. package/components/ui/notification-badge/index.ts +1 -1
  288. package/components/ui/notification-badge/notification-badge.stories.tsx +66 -66
  289. package/components/ui/notification-badge/notification-badge.test.tsx +61 -61
  290. package/components/ui/notification-badge/notification-badge.tsx +91 -91
  291. package/components/ui/page-header/index.ts +1 -1
  292. package/components/ui/page-header/page-header.stories.tsx +69 -69
  293. package/components/ui/page-header/page-header.test.tsx +37 -37
  294. package/components/ui/page-header/page-header.tsx +124 -124
  295. package/components/ui/pagination/index.ts +3 -3
  296. package/components/ui/pagination/pagination.stories.tsx +210 -210
  297. package/components/ui/pagination/pagination.test.tsx +63 -63
  298. package/components/ui/pagination/pagination.tsx +140 -140
  299. package/components/ui/pagination/use-pagination.ts +173 -173
  300. package/components/ui/popover/index.ts +1 -1
  301. package/components/ui/popover/popover.stories.tsx +73 -73
  302. package/components/ui/popover/popover.test.tsx +48 -48
  303. package/components/ui/popover/popover.tsx +54 -54
  304. package/components/ui/progress/index.ts +1 -1
  305. package/components/ui/progress/progress.stories.tsx +55 -55
  306. package/components/ui/progress/progress.test.tsx +23 -23
  307. package/components/ui/progress/progress.tsx +68 -68
  308. package/components/ui/radio-group/index.ts +1 -1
  309. package/components/ui/radio-group/radio-group.stories.tsx +114 -114
  310. package/components/ui/radio-group/radio-group.test.tsx +78 -78
  311. package/components/ui/radio-group/radio-group.tsx +93 -93
  312. package/components/ui/rating/index.ts +1 -1
  313. package/components/ui/rating/rating.stories.tsx +50 -50
  314. package/components/ui/rating/rating.test.tsx +48 -48
  315. package/components/ui/rating/rating.tsx +145 -145
  316. package/components/ui/resizable/index.ts +1 -1
  317. package/components/ui/resizable/resizable.stories.tsx +88 -88
  318. package/components/ui/resizable/resizable.test.tsx +61 -61
  319. package/components/ui/resizable/resizable.tsx +452 -452
  320. package/components/ui/rich-text-editor/index.ts +7 -7
  321. package/components/ui/rich-text-editor/rich-text-editor.stories.tsx +290 -290
  322. package/components/ui/rich-text-editor/rich-text-editor.test.tsx +86 -86
  323. package/components/ui/rich-text-editor/rich-text-editor.tsx +634 -634
  324. package/components/ui/rich-text-editor/use-rich-text-editor.ts +453 -453
  325. package/components/ui/route-map/index.ts +1 -1
  326. package/components/ui/route-map/route-map.stories.tsx +48 -48
  327. package/components/ui/route-map/route-map.test.tsx +108 -108
  328. package/components/ui/route-map/route-map.tsx +349 -349
  329. package/components/ui/scroll-area/index.ts +1 -1
  330. package/components/ui/scroll-area/scroll-area.stories.tsx +31 -31
  331. package/components/ui/scroll-area/scroll-area.test.tsx +27 -27
  332. package/components/ui/scroll-area/scroll-area.tsx +70 -70
  333. package/components/ui/search/index.ts +1 -1
  334. package/components/ui/search/search.stories.tsx +107 -107
  335. package/components/ui/search/search.test.tsx +67 -67
  336. package/components/ui/search/search.tsx +141 -141
  337. package/components/ui/select/index.ts +1 -1
  338. package/components/ui/select/select.stories.tsx +163 -163
  339. package/components/ui/select/select.test.tsx +99 -99
  340. package/components/ui/select/select.tsx +195 -195
  341. package/components/ui/separator/index.ts +1 -1
  342. package/components/ui/separator/separator.stories.tsx +55 -55
  343. package/components/ui/separator/separator.test.tsx +23 -23
  344. package/components/ui/separator/separator.tsx +39 -39
  345. package/components/ui/sheet/index.ts +1 -1
  346. package/components/ui/sheet/sheet.stories.tsx +93 -93
  347. package/components/ui/sheet/sheet.test.tsx +62 -62
  348. package/components/ui/sheet/sheet.tsx +149 -149
  349. package/components/ui/simple-map/index.ts +1 -1
  350. package/components/ui/simple-map/simple-map.stories.tsx +44 -44
  351. package/components/ui/simple-map/simple-map.test.tsx +36 -36
  352. package/components/ui/simple-map/simple-map.tsx +92 -92
  353. package/components/ui/skeleton/index.ts +1 -1
  354. package/components/ui/skeleton/skeleton.stories.tsx +36 -36
  355. package/components/ui/skeleton/skeleton.test.tsx +19 -19
  356. package/components/ui/skeleton/skeleton.tsx +25 -25
  357. package/components/ui/slider/index.ts +1 -1
  358. package/components/ui/slider/slider.stories.tsx +44 -44
  359. package/components/ui/slider/slider.test.tsx +25 -25
  360. package/components/ui/slider/slider.tsx +66 -66
  361. package/components/ui/sonner/index.ts +1 -1
  362. package/components/ui/sonner/sonner.stories.tsx +41 -41
  363. package/components/ui/sonner/sonner.test.tsx +24 -24
  364. package/components/ui/sonner/sonner.tsx +74 -74
  365. package/components/ui/stats-card/index.ts +2 -2
  366. package/components/ui/stats-card/stats-card-skeleton.tsx +1 -3
  367. package/components/ui/stats-card/stats-card.stories.tsx +99 -99
  368. package/components/ui/stats-card/stats-card.test.tsx +34 -34
  369. package/components/ui/stats-card/stats-card.tsx +93 -93
  370. package/components/ui/stepper/index.ts +3 -3
  371. package/components/ui/stepper/stepper.stories.tsx +171 -171
  372. package/components/ui/stepper/stepper.test.tsx +47 -47
  373. package/components/ui/stepper/stepper.tsx +190 -190
  374. package/components/ui/stepper/use-stepper.ts +139 -139
  375. package/components/ui/switch/index.ts +1 -1
  376. package/components/ui/switch/switch.stories.tsx +93 -93
  377. package/components/ui/switch/switch.test.tsx +44 -44
  378. package/components/ui/switch/switch.tsx +70 -70
  379. package/components/ui/table/index.ts +1 -1
  380. package/components/ui/table/table.stories.tsx +114 -114
  381. package/components/ui/table/table.test.tsx +43 -43
  382. package/components/ui/table/table.tsx +104 -104
  383. package/components/ui/tabs/index.ts +1 -1
  384. package/components/ui/tabs/tabs.stories.tsx +140 -140
  385. package/components/ui/tabs/tabs.test.tsx +50 -50
  386. package/components/ui/tabs/tabs.tsx +66 -66
  387. package/components/ui/textarea/index.ts +1 -1
  388. package/components/ui/textarea/textarea.stories.tsx +69 -69
  389. package/components/ui/textarea/textarea.test.tsx +41 -41
  390. package/components/ui/textarea/textarea.tsx +61 -61
  391. package/components/ui/timeline/index.ts +1 -1
  392. package/components/ui/timeline/timeline.stories.tsx +97 -97
  393. package/components/ui/timeline/timeline.test.tsx +53 -53
  394. package/components/ui/timeline/timeline.tsx +124 -124
  395. package/components/ui/toggle/index.ts +1 -1
  396. package/components/ui/toggle/toggle.stories.tsx +56 -56
  397. package/components/ui/toggle/toggle.test.tsx +32 -32
  398. package/components/ui/toggle/toggle.tsx +55 -55
  399. package/components/ui/toggle-group/index.ts +1 -1
  400. package/components/ui/toggle-group/toggle-group.stories.tsx +66 -66
  401. package/components/ui/toggle-group/toggle-group.test.tsx +47 -47
  402. package/components/ui/toggle-group/toggle-group.tsx +79 -79
  403. package/components/ui/tooltip/index.ts +1 -1
  404. package/components/ui/tooltip/tooltip.stories.tsx +83 -83
  405. package/components/ui/tooltip/tooltip.test.tsx +39 -39
  406. package/components/ui/tooltip/tooltip.tsx +69 -69
  407. package/components/ui/tree-view/index.ts +4 -4
  408. package/components/ui/tree-view/tree-view.stories.tsx +154 -154
  409. package/components/ui/tree-view/tree-view.test.tsx +58 -58
  410. package/components/ui/tree-view/tree-view.tsx +171 -171
  411. package/components/ui/tree-view/use-tree-view.ts +237 -237
  412. package/components.json +892 -892
  413. package/contexts/ApiKeyContext.test.tsx +26 -26
  414. package/contexts/ApiKeyContext.tsx +196 -196
  415. package/contexts/AssistenteContext.test.tsx +17 -17
  416. package/contexts/AssistenteContext.tsx +113 -113
  417. package/contexts/AuthContext.tsx +121 -118
  418. package/contexts/BrandColorsContext.test.tsx +21 -21
  419. package/contexts/BrandColorsContext.tsx +251 -251
  420. package/contexts/LanguageContext.tsx +1 -2
  421. package/contexts/LayoutContext.test.tsx +29 -29
  422. package/contexts/LayoutContext.tsx +140 -140
  423. package/contexts/ThemeContext.test.tsx +38 -38
  424. package/contexts/ThemeContext.tsx +111 -111
  425. package/contexts/index.ts +8 -8
  426. package/contexts/theme-data.ts +340 -340
  427. package/dist/AssistantChart-COGiOV-g.cjs +3541 -0
  428. package/dist/AssistantChart-CWX1OWNM.js +3373 -0
  429. package/dist/AudioPlayer-9psiEucT.cjs +1282 -0
  430. package/dist/AudioPlayer-Dp2bD1Gk.js +1278 -0
  431. package/dist/BrandColorsContext-DZT7JjeD.js +659 -0
  432. package/dist/BrandColorsContext-awnBCmC4.cjs +666 -0
  433. package/dist/CodeBlock-DYkTfR0f.js +221 -0
  434. package/dist/CodeBlock-EOvp9cVu.cjs +223 -0
  435. package/dist/CustomTooltipContent-BhdIeBEg.cjs +54 -0
  436. package/dist/CustomTooltipContent-CNbVB2NS.js +33 -0
  437. package/dist/FeatureCard-BZ4CYxFf.cjs +497 -0
  438. package/dist/FeatureCard-DNycVGwT.js +485 -0
  439. package/dist/FeatureCardSkeleton-DZqc96mt.js +27 -0
  440. package/dist/FeatureCardSkeleton-pTa0YNKP.cjs +29 -0
  441. package/dist/LayoutContext-BEq_-n98.cjs +96 -0
  442. package/dist/LayoutContext-DNl1xSoX.js +92 -0
  443. package/dist/ThemeContext-CMD3z2Dz.cjs +1930 -0
  444. package/dist/ThemeContext-x_F2zsnv.js +1923 -0
  445. package/dist/VerifyEmailPage-BJjAMUTW.js +3223 -0
  446. package/dist/VerifyEmailPage-Bv8Ah_TK.cjs +3235 -0
  447. package/dist/VerifyEmailPage-CkBYfsNy.cjs +3232 -0
  448. package/dist/VerifyEmailPage-Cyl55sJb.js +3226 -0
  449. package/dist/VerifyEmailPage-X14vhdyl.js +3296 -0
  450. package/dist/VerifyEmailPage-u_Dn7t1U.cjs +3305 -0
  451. package/dist/XerticaOrbe-Uk2JML1-.cjs +1927 -0
  452. package/dist/XerticaOrbe-jA5T2iOk.js +1925 -0
  453. package/dist/XerticaProvider-BErr83Bg.js +42 -0
  454. package/dist/XerticaProvider-CwOkHxiT.cjs +44 -0
  455. package/dist/XerticaProvider-DUOJg9iX.js +49 -0
  456. package/dist/XerticaProvider-Dl_b72_l.cjs +51 -0
  457. package/dist/XerticaXLogo-BX3ueACh.js +255 -0
  458. package/dist/XerticaXLogo-mqjoBiLI.js +252 -0
  459. package/dist/XerticaXLogo-qBPhwK3g.cjs +260 -0
  460. package/dist/XerticaXLogo-uQgwns_E.cjs +257 -0
  461. package/dist/alert-dialog-DhwPioBa.cjs +885 -0
  462. package/dist/alert-dialog-DqlRW_An.js +831 -0
  463. package/dist/assistant.cjs.js +8 -4
  464. package/dist/assistant.es.js +5 -11
  465. package/dist/avatar-3kO2Anrp.js +54 -0
  466. package/dist/avatar-BCM7YQRC.cjs +77 -0
  467. package/dist/blocks.cjs.js +9 -4
  468. package/dist/blocks.es.js +2 -16
  469. package/dist/brand.cjs.js +10 -5
  470. package/dist/brand.es.js +3 -11
  471. package/dist/breadcrumb-BKtHF4gk.cjs +98 -0
  472. package/dist/breadcrumb-ifNsA7Zl.js +90 -0
  473. package/dist/button-0BlA47It.cjs +85 -0
  474. package/dist/button-DZHzN1Gd.js +62 -0
  475. package/dist/cli.js +471 -93
  476. package/dist/components/brand/theme-toggle/ThemeToggle.d.ts +1 -1
  477. package/dist/components/index.d.ts +1 -1
  478. package/dist/dropdown-menu-BMcykFDf.cjs +225 -0
  479. package/dist/dropdown-menu-Dn_eV2Xb.js +190 -0
  480. package/dist/google-maps-loader-BCe58h9D.js +308 -0
  481. package/dist/google-maps-loader-casMyxlo.cjs +316 -0
  482. package/dist/hooks.cjs.js +12 -8
  483. package/dist/hooks.es.js +10 -27
  484. package/dist/index-9GWd0qxq.cjs +12 -0
  485. package/dist/index-BabBx2pa.js +6 -0
  486. package/dist/index.cjs.js +37 -32
  487. package/dist/index.es.js +30 -363
  488. package/dist/input-C_UiS2Py.cjs +152 -0
  489. package/dist/input-cc-PTD4R.js +123 -0
  490. package/dist/layout.cjs.js +10 -6
  491. package/dist/layout.es.js +7 -9
  492. package/dist/media.cjs.js +8 -3
  493. package/dist/media.es.js +1 -6
  494. package/dist/pages.cjs.js +8 -3
  495. package/dist/pages.es.js +1 -11
  496. package/dist/progress-C7Lti5wo.js +80 -0
  497. package/dist/progress-Cqwxbqs1.cjs +103 -0
  498. package/dist/rich-text-editor-DqLICivI.js +2832 -0
  499. package/dist/rich-text-editor-DxO1Hz3a.cjs +2903 -0
  500. package/dist/select-CH6v_KcQ.cjs +161 -0
  501. package/dist/select-D-xvCZK2.js +130 -0
  502. package/dist/sidebar-3XyzjVBw.js +792 -0
  503. package/dist/sidebar-B4ZWaMrE.js +792 -0
  504. package/dist/sidebar-BS1p2V7t.cjs +795 -0
  505. package/dist/sidebar-DyYvgyBj.cjs +795 -0
  506. package/dist/skeleton-DjiHerJn.cjs +87 -0
  507. package/dist/skeleton-DtR5tkYe.js +78 -0
  508. package/dist/slider-B00b9SVK.cjs +78 -0
  509. package/dist/slider-DQCNUUMj.js +56 -0
  510. package/dist/sonner-B-jWlik1.cjs +68 -0
  511. package/dist/sonner-C9tiqj4f.js +47 -0
  512. package/dist/tooltip-D8n9UYoU.cjs +72 -0
  513. package/dist/tooltip-RtbSmPYJ.js +48 -0
  514. package/dist/ui.cjs.js +23 -18
  515. package/dist/ui.es.js +16 -303
  516. package/dist/use-audio-player-B78fd2ct.js +188 -0
  517. package/dist/use-audio-player-DGvhPrgR.cjs +190 -0
  518. package/dist/use-mobile-BdXTRb0Z.cjs +51 -0
  519. package/dist/use-mobile-Ce2cBAQe.js +29 -0
  520. package/dist/xertica-assistant-B1NaSFFj.js +2173 -0
  521. package/dist/xertica-assistant-B687qEPU.js +2165 -0
  522. package/dist/xertica-assistant-CIaUlbIt.cjs +2180 -0
  523. package/dist/xertica-assistant-sOHwTgIP.cjs +2172 -0
  524. package/dist/xertica-ui.css +1 -1
  525. package/docs/ai-usage.md +195 -195
  526. package/docs/architecture-improvements.md +456 -456
  527. package/docs/architecture.md +312 -306
  528. package/docs/components/accordion.md +109 -109
  529. package/docs/components/alert-dialog.md +127 -127
  530. package/docs/components/alert.md +106 -106
  531. package/docs/components/aspect-ratio.md +58 -58
  532. package/docs/components/assistant-chart.md +47 -47
  533. package/docs/components/assistant.md +428 -426
  534. package/docs/components/audio-player.md +167 -167
  535. package/docs/components/avatar.md +101 -101
  536. package/docs/components/badge.md +84 -84
  537. package/docs/components/branding.md +252 -252
  538. package/docs/components/breadcrumb.md +104 -104
  539. package/docs/components/button.md +156 -156
  540. package/docs/components/calendar.md +141 -141
  541. package/docs/components/card-patterns.md +447 -445
  542. package/docs/components/card.md +245 -245
  543. package/docs/components/carousel.md +100 -100
  544. package/docs/components/chart.md +638 -638
  545. package/docs/components/checkbox.md +88 -88
  546. package/docs/components/code-block.md +105 -105
  547. package/docs/components/collapsible.md +86 -86
  548. package/docs/components/command.md +113 -113
  549. package/docs/components/context-menu.md +81 -81
  550. package/docs/components/dialog.md +198 -198
  551. package/docs/components/drawer.md +105 -105
  552. package/docs/components/dropdown-menu.md +127 -127
  553. package/docs/components/empty.md +127 -127
  554. package/docs/components/error-boundary.md +201 -191
  555. package/docs/components/file-upload.md +189 -189
  556. package/docs/components/floating-media-wrapper.md +63 -63
  557. package/docs/components/form.md +177 -177
  558. package/docs/components/formatted-document.md +105 -105
  559. package/docs/components/google-maps-loader.md +44 -44
  560. package/docs/components/header.md +177 -177
  561. package/docs/components/hooks.md +432 -430
  562. package/docs/components/hover-card.md +86 -86
  563. package/docs/components/image-with-fallback.md +107 -107
  564. package/docs/components/input-otp.md +95 -95
  565. package/docs/components/input.md +130 -130
  566. package/docs/components/label.md +69 -69
  567. package/docs/components/language-selector.md +20 -16
  568. package/docs/components/map-layers.md +138 -138
  569. package/docs/components/map.md +84 -84
  570. package/docs/components/markdown-message.md +47 -47
  571. package/docs/components/menubar.md +89 -89
  572. package/docs/components/modern-chat-input.md +164 -164
  573. package/docs/components/navigation-menu.md +83 -83
  574. package/docs/components/notification-badge.md +78 -78
  575. package/docs/components/page-header.md +93 -93
  576. package/docs/components/pages.md +323 -309
  577. package/docs/components/pagination.md +334 -334
  578. package/docs/components/popover.md +116 -116
  579. package/docs/components/progress.md +103 -103
  580. package/docs/components/radio-group.md +133 -133
  581. package/docs/components/rating.md +77 -77
  582. package/docs/components/resizable.md +84 -84
  583. package/docs/components/rich-text-editor.md +255 -255
  584. package/docs/components/route-map.md +124 -124
  585. package/docs/components/scroll-area.md +58 -58
  586. package/docs/components/search.md +87 -87
  587. package/docs/components/select.md +144 -144
  588. package/docs/components/separator.md +58 -58
  589. package/docs/components/sheet.md +122 -122
  590. package/docs/components/sidebar.md +314 -314
  591. package/docs/components/simple-map.md +51 -51
  592. package/docs/components/skeleton.md +99 -99
  593. package/docs/components/slider.md +84 -84
  594. package/docs/components/sonner.md +115 -115
  595. package/docs/components/stats-card.md +120 -120
  596. package/docs/components/stepper.md +268 -268
  597. package/docs/components/switch.md +106 -106
  598. package/docs/components/table.md +138 -138
  599. package/docs/components/tabs.md +117 -117
  600. package/docs/components/textarea.md +86 -86
  601. package/docs/components/theme-toggle.md +73 -73
  602. package/docs/components/timeline.md +121 -121
  603. package/docs/components/toggle-group.md +68 -68
  604. package/docs/components/toggle.md +62 -62
  605. package/docs/components/tooltip.md +116 -116
  606. package/docs/components/tree-view.md +238 -238
  607. package/docs/components/use-mobile.md +96 -96
  608. package/docs/components/video-player.md +68 -68
  609. package/docs/components/xertica-logo.md +36 -36
  610. package/docs/components/xertica-orbe.md +35 -35
  611. package/docs/components/xertica-provider.md +65 -65
  612. package/docs/components/xertica-xlogo.md +35 -35
  613. package/docs/decision-tree.md +293 -293
  614. package/docs/doc-audit.md +244 -243
  615. package/docs/form-sizing.md +162 -162
  616. package/docs/getting-started.md +616 -591
  617. package/docs/guidelines.md +330 -328
  618. package/docs/i18n.md +61 -57
  619. package/docs/installation.md +268 -267
  620. package/docs/layout.md +143 -143
  621. package/docs/llms.md +295 -295
  622. package/docs/patterns/analytics.md +194 -194
  623. package/docs/patterns/crud.md +149 -149
  624. package/docs/patterns/dashboard.md +138 -138
  625. package/docs/patterns/detail-page.md +296 -296
  626. package/docs/patterns/form.md +241 -241
  627. package/docs/patterns/login.md +156 -156
  628. package/docs/patterns/settings.md +368 -368
  629. package/docs/patterns/wizard.md +213 -213
  630. package/docs/state-management.md +289 -289
  631. package/guidelines/Guidelines.md +409 -406
  632. package/hooks/useTheme.test.tsx +16 -16
  633. package/hooks/useTheme.ts +4 -4
  634. package/imports/Podcast.tsx +540 -540
  635. package/imports/XerticaAi.tsx +46 -46
  636. package/imports/XerticaX.tsx +15 -15
  637. package/imports/svg-aueiaqngck.ts +20 -20
  638. package/imports/svg-v9krss1ozd.ts +23 -23
  639. package/imports/svg-vhrdofe3qe.ts +6 -6
  640. package/llms-compact.txt +2 -1
  641. package/llms.txt +2 -1
  642. package/mcp/resources.json +22 -22
  643. package/mcp/tools.json +35 -35
  644. package/package.json +219 -213
  645. package/scripts/ai-validator.ts +91 -91
  646. package/scripts/cleanup-case-dupes.ts +62 -62
  647. package/scripts/generate-ai-manifests.ts +107 -107
  648. package/styles/globals.css +13 -13
  649. package/styles/xertica/app-overrides/chat.css +61 -61
  650. package/styles/xertica/app-overrides/scrollbar.css +33 -33
  651. package/styles/xertica/base.css +90 -71
  652. package/styles/xertica/integrations/google-maps.css +76 -76
  653. package/styles/xertica/integrations/sonner.css +73 -73
  654. package/styles/xertica/theme-map.css +102 -99
  655. package/styles/xertica/tokens.css +240 -236
  656. package/templates/CLAUDE.md +16 -1
  657. package/templates/eslint.config.js +26 -26
  658. package/templates/guidelines/Guidelines.md +577 -553
  659. package/templates/package.json +69 -69
  660. package/templates/postcss.config.js +6 -6
  661. package/templates/src/app/App.tsx +46 -46
  662. package/templates/src/app/components/AppLayout.tsx +55 -55
  663. package/templates/src/app/components/AuthGuard.tsx +131 -82
  664. package/templates/src/app/context/AuthContext.tsx +108 -108
  665. package/templates/src/features/assistant/index.ts +5 -5
  666. package/templates/src/features/auth/index.ts +4 -4
  667. package/templates/src/features/auth/ui/AuthPageShell.tsx +32 -32
  668. package/templates/src/features/auth/ui/ForgotPasswordContent.tsx +70 -72
  669. package/templates/src/features/auth/ui/LoginContent.tsx +92 -92
  670. package/templates/src/features/auth/ui/ResetPasswordContent.tsx +6 -2
  671. package/templates/src/features/auth/ui/SocialLoginButtons.tsx +78 -78
  672. package/templates/src/features/auth/ui/VerifyEmailContent.tsx +2 -6
  673. package/templates/src/features/home/data/mock.ts +41 -35
  674. package/templates/src/features/home/index.ts +11 -11
  675. package/templates/src/features/home/store/dashboardStore.ts +25 -25
  676. package/templates/src/features/home/ui/HomeContent.tsx +117 -119
  677. package/templates/src/features/template/index.ts +5 -5
  678. package/templates/src/features/template/ui/CrudTemplate.tsx +1 -4
  679. package/templates/src/features/template/ui/LoginTemplate.tsx +1 -1
  680. package/templates/src/features/template/ui/TemplateContent.tsx +29 -21
  681. package/templates/src/locales/en/pages/templates.json +17 -17
  682. package/templates/src/locales/es/pages/templates.json +17 -17
  683. package/templates/src/locales/pt-BR/pages/templates.json +17 -17
  684. package/templates/src/main.tsx +11 -11
  685. package/templates/src/pages/AssistantPage.tsx +26 -20
  686. package/templates/src/pages/ForgotPasswordPage.tsx +6 -6
  687. package/templates/src/pages/HomePage.tsx +53 -49
  688. package/templates/src/pages/LoginPage.tsx +10 -10
  689. package/templates/src/pages/ResetPasswordPage.tsx +6 -6
  690. package/templates/src/pages/TemplatePage.tsx +28 -28
  691. package/templates/src/pages/VerifyEmailPage.tsx +6 -6
  692. package/templates/src/shared/config/navigation.ts +19 -19
  693. package/templates/src/shared/error-boundary.tsx +150 -154
  694. package/templates/src/shared/error-fallbacks.tsx +222 -226
  695. package/templates/src/shared/lib/auth.ts +20 -20
  696. package/templates/src/shared/types/auth.ts +3 -3
  697. package/templates/src/styles/index.css +95 -95
  698. package/templates/src/styles/xertica/tokens.css +240 -236
  699. package/templates/tsconfig.json +25 -25
  700. package/templates/tsconfig.node.json +12 -12
  701. package/templates/vite-env.d.ts +1 -1
  702. package/templates/vite.config.js +20 -20
  703. package/templates/vite.config.ts +54 -51
  704. package/utils/color-utils.ts +72 -72
  705. package/utils/demo-responses.test.ts +10 -10
  706. package/utils/demo-responses.ts +151 -151
  707. package/utils/gemini.test.ts +25 -25
  708. package/utils/gemini.ts +155 -155
@@ -0,0 +1,2165 @@
1
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
+ import React__default, { useState, useRef, useMemo, useEffect, useCallback } from 'react';
3
+ import { useTranslation } from 'react-i18next';
4
+ import { toast } from 'sonner';
5
+ import { BarChart3, ImageIcon, Table, FileText, X, Plus, Radio, Search, Paperclip, Mic, Send, MessageSquare, Heart, History, Maximize2, ChevronRight, PanelRight, MoreHorizontal, ChevronLeft, ChevronUp, ChevronDown, Download, Edit, Music, Image, AlertCircle, FolderOpen, Folder, Users, ExternalLink, Clock, Loader2, ThumbsUp, ThumbsDown, Check, Copy } from 'lucide-react';
6
+ import { u as useIsMobile } from './use-mobile-Ce2cBAQe.js';
7
+ import { AnimatePresence, motion } from 'framer-motion';
8
+ import { P as Popover, c as PopoverTrigger, b as PopoverContent, S as ScrollArea } from './input-cc-PTD4R.js';
9
+ import { B as Button, c as cn } from './button-DZHzN1Gd.js';
10
+ import { X as XerticaOrbe } from './XerticaOrbe-jA5T2iOk.js';
11
+ import { T as Tooltip, c as TooltipTrigger } from './tooltip-RtbSmPYJ.js';
12
+ import { C as CustomTooltipContent } from './CustomTooltipContent-CNbVB2NS.js';
13
+ import { BarChart, CartesianGrid, XAxis, Bar } from 'recharts';
14
+ import { c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent, d as ChartLegend, e as ChartLegendContent, T as Table$1, L as TableCaption, Q as TableHeader, U as TableRow, O as TableHead, K as TableBody, M as TableCell, k as Dialog, n as DialogContent, q as DialogHeader, t as DialogTitle, o as DialogDescription, V as Textarea, p as DialogFooter, J as RichTextEditor } from './rich-text-editor-DqLICivI.js';
15
+ import { D as DropdownMenu, n as DropdownMenuTrigger, b as DropdownMenuContent, d as DropdownMenuItem } from './dropdown-menu-Dn_eV2Xb.js';
16
+
17
+ [
18
+ {
19
+ id: "rich-1",
20
+ text: "Ver exemplo de Gráfico",
21
+ icon: React__default.createElement(BarChart3, { className: "w-4 h-4 mr-2" })
22
+ },
23
+ {
24
+ id: "rich-2",
25
+ text: "Ver exemplo de Imagem",
26
+ icon: React__default.createElement(ImageIcon, { className: "w-4 h-4 mr-2" })
27
+ },
28
+ {
29
+ id: "rich-3",
30
+ text: "Ver exemplo de Tabela",
31
+ icon: React__default.createElement(Table, { className: "w-4 h-4 mr-2" })
32
+ },
33
+ {
34
+ id: "rich-4",
35
+ text: "Ver exemplo de Documento",
36
+ icon: React__default.createElement(FileText, { className: "w-4 h-4 mr-2" })
37
+ }
38
+ ];
39
+ const gerarResposta = (mensagemUsuario, customResponses) => {
40
+ const mensagemLower = mensagemUsuario.toLowerCase();
41
+ if (customResponses && customResponses.length > 0) {
42
+ for (const mock of customResponses) {
43
+ const trigger = mock.trigger;
44
+ let match = false;
45
+ if (trigger instanceof RegExp) {
46
+ match = trigger.test(mensagemUsuario);
47
+ } else {
48
+ match = mensagemLower.includes(trigger.toLowerCase());
49
+ }
50
+ if (match) {
51
+ return mock.response;
52
+ }
53
+ }
54
+ }
55
+ const mensagemOriginal = mensagemUsuario;
56
+ if (mensagemLower.includes("o que") && (mensagemLower.includes("fazer") || mensagemLower.includes("pedir"))) {
57
+ return "Posso ajudar você com diversas tarefas! Posso:\n\n• Analisar dados e métricas dos seus projetos\n• Responder perguntas sobre performance e resultados\n• Sugerir otimizações e melhorias\n• Gerar relatórios e documentação\n• Ajudar no planejamento de sprints\n• E muito mais!\n\nQual tarefa você gostaria de realizar primeiro?";
58
+ }
59
+ if (mensagemLower.includes("o que você faz") || mensagemLower.includes("quem é você")) {
60
+ return "Olá! Sou o Assistente Xertica, uma IA desenvolvida para ajudar você a gerenciar projetos, analisar dados e otimizar processos. Estou aqui 24/7 para responder suas perguntas e auxiliar nas suas tarefas diárias.\n\nPosso processar documentos, analisar áudios e imagens, além de fornecer insights baseados nos dados da plataforma.";
61
+ }
62
+ if (mensagemLower.includes("projeto") && (mensagemLower.includes("preocupar") || mensagemLower.includes("atenção"))) {
63
+ return "Com base na análise dos seus projetos ativos, recomendo focar nos seguintes:\n\n1. **Projeto Alpha** - 15% acima do prazo, requer atenção imediata\n2. **Sistema Beta** - Performance crítica, necessita otimização\n3. **Mobile Gamma** - Aguardando aprovações há 5 dias\n\nGostaria de mais detalhes sobre algum deles?";
64
+ }
65
+ if (mensagemLower.includes("próximo projeto") || mensagemLower.includes("próxima tarefa")) {
66
+ return "Seu próximo projeto prioritário é o **Sistema de Analytics V2**.\n\n📅 Início previsto: Próxima segunda-feira\n👥 Time: 5 desenvolvedores\n⏱️ Duração estimada: 3 sprints\n\nJá preparei um roadmap inicial. Gostaria de revisar?";
67
+ }
68
+ if (mensagemLower.includes("desempenho") || mensagemLower.includes("performance") || mensagemLower.includes("melhor")) {
69
+ return "Analisando os dados de performance dos últimos 30 dias:\n\n🏆 **Melhor Performance:**\n• Projeto Dashboard 2.0: +35% eficiência\n• Sistema CRM: -40% tempo de resposta\n• App Mobile: 4.8★ rating (+0.5)\n\n📊 Todos estão acima das metas estabelecidas. Parabéns!\n\nQuer ver métricas detalhadas?";
70
+ }
71
+ if (mensagemLower.includes("olá") || mensagemLower.includes("oi") || mensagemLower.includes("bom dia") || mensagemLower.includes("boa tarde") || mensagemLower.includes("boa noite")) {
72
+ return "Olá! 👋 Como posso ajudar você hoje? Estou pronto para auxiliar com análises, relatórios ou responder suas dúvidas sobre os projetos.";
73
+ }
74
+ if (mensagemLower.includes("obrigado") || mensagemLower.includes("obrigada")) {
75
+ return "Por nada! Estou aqui sempre que precisar. 😊 Se tiver mais alguma dúvida ou precisar de ajuda, é só chamar!";
76
+ }
77
+ if (mensagemLower.includes("criar documento")) {
78
+ const tema = mensagemOriginal.replace(/📄 \[Criar documento\]/gi, "").trim() || "Novo Documento";
79
+ return {
80
+ content: `📝 Documento criado com sucesso!
81
+
82
+ Gerei um documento completo sobre "${tema}". O documento está pronto para revisão e pode ser editado conforme necessário.`,
83
+ attachmentType: "document",
84
+ attachmentName: `Documento - ${tema}.md`,
85
+ documentTitle: tema,
86
+ documentContent: `# ${tema}
87
+
88
+ ## Introdução
89
+ Este é um documento gerado automaticamente sobre ${tema}.
90
+
91
+ ## Detalhes
92
+ - Item 1
93
+ - Item 2
94
+
95
+ ## Conclusão
96
+ Documento finalizado.`
97
+ };
98
+ }
99
+ if (mensagemLower.includes("gráfico") || mensagemLower.includes("chart")) {
100
+ return {
101
+ content: "Aqui está a análise de performance solicitada:",
102
+ chartData: [
103
+ { month: "Jan", desktop: 186, mobile: 80 },
104
+ { month: "Fev", desktop: 305, mobile: 200 },
105
+ { month: "Mar", desktop: 237, mobile: 120 },
106
+ { month: "Abr", desktop: 73, mobile: 190 },
107
+ { month: "Mai", desktop: 209, mobile: 130 },
108
+ { month: "Jun", desktop: 214, mobile: 140 }
109
+ ],
110
+ chartConfig: {
111
+ desktop: { label: "Desktop", color: "hsl(var(--primary))" },
112
+ mobile: { label: "Mobile", color: "hsl(var(--destructive))" }
113
+ }
114
+ };
115
+ }
116
+ if (mensagemLower.includes("tabela") || mensagemLower.includes("table")) {
117
+ return {
118
+ content: "Aqui estão os dados estruturados conforme solicitado:",
119
+ tableData: {
120
+ caption: "Lista de Projetos Ativos",
121
+ headers: ["Projeto", "Status", "Prazo"],
122
+ rows: [
123
+ ["Alpha", "Em andamento", "15/05"],
124
+ ["Beta", "Concluido", "02/04"],
125
+ ["Gamma", "Atrasado", "10/01"]
126
+ ]
127
+ }
128
+ };
129
+ }
130
+ if (mensagemLower.includes("exemplo de documento")) {
131
+ return {
132
+ content: "Com certeza! Aqui está um exemplo de documento profissional que acabei de gerar:",
133
+ attachmentType: "document",
134
+ attachmentName: "Proposta_Comercial_Xertica.md",
135
+ documentTitle: "Proposta Comercial Xertica",
136
+ documentContent: "# Proposta Comercial\n\n## 1. Visão Geral\nNossa solução oferece o melhor desempenho para sua empresa.\n\n## 2. Investimento\nO valor total é de R$ 50.000,00."
137
+ };
138
+ }
139
+ if (mensagemLower.includes("arquivo") || mensagemLower.includes("documento")) {
140
+ return "Entendi que você deseja trabalhar com arquivos. Posso analisar diversos tipos de documentos:\n\n📄 Documentos de texto (PDF, DOCX)\n📊 Planilhas (XLSX, CSV)\n📈 Relatórios e apresentações\n\nBasta enviá-los usando o botão de anexo (📎) e terei prazer em analisá-los para você!";
141
+ }
142
+ const respostasGenericas = [
143
+ "Entendo sua questão. Com base nos dados disponíveis na plataforma Xertica, posso fornecer análises detalhadas sobre esse tema. Poderia me dar mais contexto para que eu possa ajudá-lo melhor?",
144
+ "Interessante! Deixe-me processar isso... Com base no seu histórico e nos dados do sistema, recomendo que possamos explorar essa questão em mais detalhes. O que especificamente você gostaria de saber?",
145
+ "Ótima pergunta! Para te dar a melhor resposta possível, preciso entender melhor o contexto. Você pode me fornecer mais informações sobre o que está buscando?",
146
+ "Estou analisando sua solicitação. Baseado nos dados do sistema Xertica, posso te ajudar com isso. Você gostaria de uma análise rápida ou um relatório completo?"
147
+ ];
148
+ return respostasGenericas[Math.floor(Math.random() * respostasGenericas.length)];
149
+ };
150
+
151
+ function useAssistant({
152
+ mode = "expanded",
153
+ isExpanded: controlledIsExpanded,
154
+ onToggle,
155
+ defaultTab = "chat",
156
+ demoMode = true,
157
+ customResponses = [],
158
+ initialMessages = [],
159
+ savedConversations = [],
160
+ suggestions: propSuggestions,
161
+ onSendMessage,
162
+ isProcessing = false,
163
+ responseGenerator,
164
+ richSuggestions = [],
165
+ onRichAction,
166
+ onEvaluation
167
+ } = {}) {
168
+ const { t } = useTranslation();
169
+ const isFullPage = mode === "fullPage";
170
+ const [internalIsExpanded, setInternalIsExpanded] = useState(controlledIsExpanded ?? true);
171
+ const isExpanded = controlledIsExpanded ?? internalIsExpanded;
172
+ const isMobile = useIsMobile();
173
+ const [abaSelecionada, setAbaSelecionada] = useState(defaultTab);
174
+ const [mensagens, setMensagens] = useState(initialMessages);
175
+ const [mensagem, setMensagem] = useState("");
176
+ const [conversas, setConversas] = useState(savedConversations);
177
+ const [conversaAtual, setConversaAtual] = useState(null);
178
+ const [copiedId, setCopiedId] = useState(null);
179
+ const [generatingPodcastId, setGeneratingPodcastId] = useState(null);
180
+ const [executingCommand, setExecutingCommand] = useState(null);
181
+ const [savedSearches, setSavedSearches] = useState([]);
182
+ const [editingDocument, setEditingDocument] = useState(
183
+ null
184
+ );
185
+ const [showMoreSuggestions, setShowMoreSuggestions] = useState(false);
186
+ const [evaluationState, setEvaluationState] = useState({
187
+ isOpen: false,
188
+ messageId: null,
189
+ type: null,
190
+ category: null,
191
+ reason: ""
192
+ });
193
+ const messagesEndRef = useRef(null);
194
+ const fileInputRef = useRef(null);
195
+ const audioInputRef = useRef(null);
196
+ const responseTimerRef = useRef(null);
197
+ const commandTimerRef = useRef(null);
198
+ const hydratedRef = useRef(false);
199
+ const defaultSuggestions = useMemo(
200
+ () => [
201
+ { id: "1", text: t("assistant.defaultSuggestions.createDocument") },
202
+ { id: "2", text: t("assistant.defaultSuggestions.searchFiles") },
203
+ { id: "3", text: t("assistant.defaultSuggestions.summarizeConversations") },
204
+ { id: "4", text: t("assistant.defaultSuggestions.createPodcast") }
205
+ ],
206
+ [t]
207
+ );
208
+ const sugestoes = propSuggestions ?? defaultSuggestions;
209
+ useEffect(() => {
210
+ return () => {
211
+ if (responseTimerRef.current) clearTimeout(responseTimerRef.current);
212
+ if (commandTimerRef.current) clearTimeout(commandTimerRef.current);
213
+ };
214
+ }, []);
215
+ useEffect(() => {
216
+ if (messagesEndRef.current && abaSelecionada === "chat") {
217
+ const container = messagesEndRef.current.parentElement;
218
+ if (!container) {
219
+ messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
220
+ return;
221
+ }
222
+ const distanceFromBottom = container.scrollHeight - container.scrollTop - container.clientHeight;
223
+ if (distanceFromBottom < 120) {
224
+ messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
225
+ }
226
+ }
227
+ }, [mensagens, abaSelecionada]);
228
+ useEffect(() => {
229
+ if (!hydratedRef.current && initialMessages && initialMessages.length > 0) {
230
+ setMensagens(initialMessages);
231
+ hydratedRef.current = true;
232
+ }
233
+ }, [initialMessages]);
234
+ const conversasFiltradas = useMemo(
235
+ () => conversas.filter((c) => abaSelecionada === "favoritos" ? c.isFavorite : true),
236
+ [conversas, abaSelecionada]
237
+ );
238
+ const handleToggle = useCallback(() => {
239
+ if (onToggle) {
240
+ onToggle();
241
+ } else {
242
+ setInternalIsExpanded((prev) => !prev);
243
+ }
244
+ }, [onToggle]);
245
+ const handleExpandWithTab = useCallback(
246
+ (tab) => {
247
+ setAbaSelecionada(tab);
248
+ if (onToggle) {
249
+ onToggle();
250
+ } else {
251
+ setInternalIsExpanded(true);
252
+ }
253
+ },
254
+ [onToggle]
255
+ );
256
+ const handleEnviarMensagem = useCallback(
257
+ async (arg) => {
258
+ let msgToSend = mensagem;
259
+ if (typeof arg === "string" && !["document", "podcast", "search"].includes(arg)) {
260
+ msgToSend = arg;
261
+ }
262
+ if (!msgToSend.trim() || isProcessing) return;
263
+ const novaMensagem = {
264
+ id: `msg-${Date.now()}`,
265
+ type: "user",
266
+ content: msgToSend,
267
+ timestamp: /* @__PURE__ */ new Date(),
268
+ isFavorite: false
269
+ };
270
+ setMensagens((prev) => [...prev, novaMensagem]);
271
+ if (onSendMessage) {
272
+ onSendMessage(msgToSend);
273
+ }
274
+ if (demoMode || responseGenerator) {
275
+ const mensagemAtual = msgToSend;
276
+ responseTimerRef.current = setTimeout(
277
+ async () => {
278
+ let resposta;
279
+ if (responseGenerator) {
280
+ resposta = await responseGenerator(mensagemAtual);
281
+ } else {
282
+ resposta = gerarResposta(mensagemAtual, customResponses);
283
+ }
284
+ let novaMensagemIA = {
285
+ id: `msg-${Date.now()}-ia`,
286
+ type: "assistant",
287
+ content: "",
288
+ timestamp: /* @__PURE__ */ new Date(),
289
+ isFavorite: false
290
+ };
291
+ if (typeof resposta === "string") {
292
+ novaMensagemIA.content = resposta;
293
+ } else {
294
+ novaMensagemIA = { ...novaMensagemIA, ...resposta };
295
+ }
296
+ setMensagens((prev) => [...prev, novaMensagemIA]);
297
+ },
298
+ 1e3 + Math.random() * 1e3
299
+ );
300
+ }
301
+ setMensagem("");
302
+ },
303
+ [mensagem, isProcessing, onSendMessage, demoMode, responseGenerator, customResponses]
304
+ );
305
+ const handleToggleFavorite = useCallback((messageId) => {
306
+ setMensagens(
307
+ (prev) => prev.map((msg) => msg.id === messageId ? { ...msg, isFavorite: !msg.isFavorite } : msg)
308
+ );
309
+ }, []);
310
+ const handleCopyMessage = useCallback(async (content, messageId) => {
311
+ try {
312
+ if (navigator.clipboard && navigator.clipboard.writeText) {
313
+ try {
314
+ await navigator.clipboard.writeText(content);
315
+ setCopiedId(messageId);
316
+ setTimeout(() => setCopiedId(null), 2e3);
317
+ } catch (clipboardError) {
318
+ if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
319
+ throw new Error("Clipboard permission denied, falling back");
320
+ }
321
+ throw clipboardError;
322
+ }
323
+ } else {
324
+ throw new Error("Clipboard API not available");
325
+ }
326
+ } catch {
327
+ try {
328
+ const textArea = document.createElement("textarea");
329
+ textArea.value = content;
330
+ textArea.style.position = "fixed";
331
+ textArea.style.left = "-999999px";
332
+ textArea.style.top = "-999999px";
333
+ document.body.appendChild(textArea);
334
+ textArea.focus();
335
+ textArea.select();
336
+ const successful = document.execCommand("copy");
337
+ document.body.removeChild(textArea);
338
+ if (successful) {
339
+ setCopiedId(messageId);
340
+ setTimeout(() => setCopiedId(null), 2e3);
341
+ }
342
+ } catch (fallbackErr) {
343
+ console.error("Falha ao copiar:", fallbackErr);
344
+ }
345
+ }
346
+ }, []);
347
+ const handleGeneratePodcast = useCallback(async (messageId, content) => {
348
+ setGeneratingPodcastId(messageId);
349
+ setTimeout(() => {
350
+ setMensagens(
351
+ (prev) => prev.map(
352
+ (msg) => msg.id === messageId ? {
353
+ ...msg,
354
+ attachmentType: "podcast",
355
+ attachmentName: `${t("assistant.podcastName")} - ${content.substring(0, 30)}...`,
356
+ audioUrl: "data:audio/mpeg;base64,//uQx..."
357
+ } : msg
358
+ )
359
+ );
360
+ setGeneratingPodcastId(null);
361
+ }, 2e3);
362
+ }, []);
363
+ const handleDownloadDocument = useCallback((content, fileName) => {
364
+ const blob = new Blob([content], { type: "text/markdown" });
365
+ const url = URL.createObjectURL(blob);
366
+ const a = document.createElement("a");
367
+ a.href = url;
368
+ a.download = fileName.endsWith(".md") ? fileName : fileName + ".md";
369
+ document.body.appendChild(a);
370
+ a.click();
371
+ document.body.removeChild(a);
372
+ URL.revokeObjectURL(url);
373
+ }, []);
374
+ const handleDownloadPodcast = useCallback((audioUrl, fileName) => {
375
+ const a = document.createElement("a");
376
+ a.href = audioUrl;
377
+ a.download = fileName.endsWith(".mp3") ? fileName : fileName + ".mp3";
378
+ document.body.appendChild(a);
379
+ a.click();
380
+ document.body.removeChild(a);
381
+ }, []);
382
+ const handleEditDocument = useCallback((content, title) => {
383
+ setEditingDocument({ content, title });
384
+ }, []);
385
+ const handleNovaConversa = useCallback(() => {
386
+ setMensagens([]);
387
+ setConversaAtual(null);
388
+ setAbaSelecionada("chat");
389
+ }, []);
390
+ const handleSelecionarConversa = useCallback(
391
+ (conversaId) => {
392
+ const conversa = conversas.find((c) => c.id === conversaId);
393
+ if (conversa) {
394
+ setMensagens(conversa.messages);
395
+ setConversaAtual(conversaId);
396
+ setAbaSelecionada("chat");
397
+ }
398
+ },
399
+ [conversas]
400
+ );
401
+ const handleToggleFavoritaConversa = useCallback((conversaId) => {
402
+ setConversas(
403
+ (prev) => prev.map((conv) => conv.id === conversaId ? { ...conv, isFavorite: !conv.isFavorite } : conv)
404
+ );
405
+ }, []);
406
+ const handleOpenSearchResult = useCallback((result) => {
407
+ console.log("Abrir resultado:", result);
408
+ }, []);
409
+ const handleExecuteSearchCommand = useCallback(
410
+ async (commandId, searchTerm, results, messageId) => {
411
+ setExecutingCommand(commandId);
412
+ commandTimerRef.current = setTimeout(() => {
413
+ if (commandId === "5") {
414
+ setSavedSearches((prev) => [...prev, messageId]);
415
+ }
416
+ setExecutingCommand(null);
417
+ }, 1500);
418
+ },
419
+ []
420
+ );
421
+ const handleRichSuggestionClick = useCallback(
422
+ (suggestion) => {
423
+ if (onRichAction) {
424
+ onRichAction(suggestion.id, suggestion.text);
425
+ } else {
426
+ handleEnviarMensagem(suggestion.text);
427
+ }
428
+ setShowMoreSuggestions(false);
429
+ },
430
+ [onRichAction, handleEnviarMensagem]
431
+ );
432
+ const handleEvaluationClick = useCallback(
433
+ (messageId, type) => {
434
+ if (type === "like") {
435
+ if (onEvaluation) onEvaluation(messageId, "like");
436
+ setMensagens(
437
+ (prev) => prev.map((m) => m.id === messageId ? { ...m, evaluation: "like" } : m)
438
+ );
439
+ toast.success(t("assistant.likeToast"));
440
+ }
441
+ },
442
+ [onEvaluation]
443
+ );
444
+ const openFeedbackDialog = useCallback((messageId, category) => {
445
+ setEvaluationState({
446
+ isOpen: true,
447
+ messageId,
448
+ type: "dislike",
449
+ category,
450
+ reason: ""
451
+ });
452
+ }, []);
453
+ const handleSubmitDislike = useCallback(() => {
454
+ if (evaluationState.messageId) {
455
+ const finalReason = evaluationState.category ? evaluationState.reason ? `${evaluationState.category}: ${evaluationState.reason}` : evaluationState.category : evaluationState.reason;
456
+ if (onEvaluation) {
457
+ onEvaluation(evaluationState.messageId, "dislike", finalReason);
458
+ }
459
+ setMensagens(
460
+ (prev) => prev.map(
461
+ (m) => m.id === evaluationState.messageId ? { ...m, evaluation: "dislike", evaluationReason: finalReason } : m
462
+ )
463
+ );
464
+ toast.success(t("assistant.feedbackToast"));
465
+ }
466
+ setEvaluationState({ isOpen: false, messageId: null, type: null, category: null, reason: "" });
467
+ }, [evaluationState, onEvaluation]);
468
+ return {
469
+ // Layout
470
+ isFullPage,
471
+ isExpanded,
472
+ isMobile,
473
+ abaSelecionada,
474
+ setAbaSelecionada,
475
+ // Messages
476
+ mensagens,
477
+ setMensagens,
478
+ mensagem,
479
+ setMensagem,
480
+ // Conversations
481
+ conversas,
482
+ conversaAtual,
483
+ conversasFiltradas,
484
+ // UI
485
+ copiedId,
486
+ generatingPodcastId,
487
+ executingCommand,
488
+ savedSearches,
489
+ editingDocument,
490
+ setEditingDocument,
491
+ showMoreSuggestions,
492
+ setShowMoreSuggestions,
493
+ evaluationState,
494
+ setEvaluationState,
495
+ // Suggestions
496
+ sugestoes,
497
+ // Refs
498
+ messagesEndRef,
499
+ fileInputRef,
500
+ audioInputRef,
501
+ // Handlers
502
+ handleToggle,
503
+ handleExpandWithTab,
504
+ handleEnviarMensagem,
505
+ handleToggleFavorite,
506
+ handleCopyMessage,
507
+ handleGeneratePodcast,
508
+ handleDownloadDocument,
509
+ handleDownloadPodcast,
510
+ handleEditDocument,
511
+ handleNovaConversa,
512
+ handleSelecionarConversa,
513
+ handleToggleFavoritaConversa,
514
+ handleOpenSearchResult,
515
+ handleExecuteSearchCommand,
516
+ handleRichSuggestionClick,
517
+ handleEvaluationClick,
518
+ openFeedbackDialog,
519
+ handleSubmitDislike
520
+ };
521
+ }
522
+
523
+ function ModernChatInput({
524
+ value,
525
+ onChange,
526
+ onSubmit,
527
+ placeholder,
528
+ disabled = false,
529
+ onFileUpload,
530
+ onAudioUpload,
531
+ onVoiceRecording,
532
+ isFullPage = false,
533
+ enableAudioInput = true,
534
+ enableFileAttachment = true,
535
+ enableDocumentCreation = true,
536
+ enablePodcastGeneration = true,
537
+ enableSearch = true
538
+ }) {
539
+ const { t } = useTranslation();
540
+ const textareaRef = useRef(null);
541
+ const [isFocused, setIsFocused] = useState(false);
542
+ const [textareaHeight, setTextareaHeight] = useState(20);
543
+ const [selectedAction, setSelectedAction] = useState(null);
544
+ const [isPopoverOpen, setIsPopoverOpen] = useState(false);
545
+ const [isRecording, setIsRecording] = useState(false);
546
+ const [recordingTime, setRecordingTime] = useState(0);
547
+ const recordingIntervalRef = useRef(null);
548
+ const resolvedPlaceholder = placeholder ?? t("assistant.inputPlaceholder");
549
+ const adjustHeight = () => {
550
+ const textarea = textareaRef.current;
551
+ if (textarea) {
552
+ textarea.style.height = "20px";
553
+ const scrollHeight = textarea.scrollHeight;
554
+ const newHeight = Math.min(Math.max(scrollHeight, 20), 100);
555
+ setTextareaHeight(newHeight);
556
+ textarea.style.height = newHeight + "px";
557
+ }
558
+ };
559
+ useEffect(() => {
560
+ const textarea = textareaRef.current;
561
+ if (textarea) {
562
+ textarea.style.height = "20px";
563
+ setTextareaHeight(20);
564
+ if (value) {
565
+ setTimeout(adjustHeight, 0);
566
+ }
567
+ }
568
+ }, []);
569
+ useEffect(() => {
570
+ if (value === "") {
571
+ const textarea = textareaRef.current;
572
+ if (textarea) {
573
+ textarea.style.height = "20px";
574
+ setTextareaHeight(20);
575
+ }
576
+ } else {
577
+ const timeoutId = setTimeout(adjustHeight, 0);
578
+ return () => clearTimeout(timeoutId);
579
+ }
580
+ }, [value]);
581
+ const handleKeyDown = (e) => {
582
+ if (e.key === "Enter" && !e.shiftKey) {
583
+ e.preventDefault();
584
+ if (value.trim() && !disabled) {
585
+ onSubmit(selectedAction);
586
+ setSelectedAction(null);
587
+ }
588
+ }
589
+ };
590
+ const handleActionSelect = (action) => {
591
+ setSelectedAction(action);
592
+ setIsPopoverOpen(false);
593
+ };
594
+ const handleRemoveAction = () => {
595
+ setSelectedAction(null);
596
+ };
597
+ const handleVoiceRecording = () => {
598
+ if (isRecording) {
599
+ if (recordingIntervalRef.current) {
600
+ clearInterval(recordingIntervalRef.current);
601
+ recordingIntervalRef.current = null;
602
+ }
603
+ const transcricoes = [
604
+ t("assistant.voiceTranscriptions.salesData"),
605
+ t("assistant.voiceTranscriptions.performanceReport"),
606
+ t("assistant.voiceTranscriptions.marketTrends"),
607
+ t("assistant.voiceTranscriptions.customerSatisfaction"),
608
+ t("assistant.voiceTranscriptions.teamProductivity"),
609
+ t("assistant.voiceTranscriptions.keyMetrics"),
610
+ t("assistant.voiceTranscriptions.digitalMarketing"),
611
+ t("assistant.voiceTranscriptions.socialEngagement")
612
+ ];
613
+ const transcricaoAleatoria = transcricoes[Math.floor(Math.random() * transcricoes.length)];
614
+ if (onVoiceRecording) {
615
+ onVoiceRecording(transcricaoAleatoria);
616
+ }
617
+ setIsRecording(false);
618
+ setRecordingTime(0);
619
+ } else {
620
+ setIsRecording(true);
621
+ setRecordingTime(0);
622
+ toast.info(t("assistant.recordingStarted"), {
623
+ description: t("assistant.recordingDescriptionFull"),
624
+ duration: 3e3
625
+ });
626
+ recordingIntervalRef.current = setInterval(() => {
627
+ setRecordingTime((prev) => prev + 1);
628
+ }, 1e3);
629
+ }
630
+ };
631
+ useEffect(() => {
632
+ if (recordingTime >= 60 && isRecording) {
633
+ handleVoiceRecording();
634
+ }
635
+ }, [recordingTime, isRecording]);
636
+ useEffect(() => {
637
+ return () => {
638
+ if (recordingIntervalRef.current) {
639
+ clearInterval(recordingIntervalRef.current);
640
+ }
641
+ };
642
+ }, []);
643
+ const getActionInfo = (action) => {
644
+ switch (action) {
645
+ case "document":
646
+ return { label: t("assistant.actions.createDocument"), icon: FileText, color: "bg-[var(--chart-4)]" };
647
+ case "podcast":
648
+ return { label: t("assistant.actions.generatePodcast"), icon: Radio, color: "bg-[var(--chart-1)]" };
649
+ case "search":
650
+ return { label: t("assistant.actions.search"), icon: Search, color: "bg-[var(--chart-2)]" };
651
+ default:
652
+ return null;
653
+ }
654
+ };
655
+ const handleFocus = () => setIsFocused(true);
656
+ const handleBlur = () => setIsFocused(false);
657
+ const hasContent = value.trim().length > 0;
658
+ return /* @__PURE__ */ jsxs("div", { className: `p-4 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: [
659
+ /* @__PURE__ */ jsx(AnimatePresence, { children: isRecording && /* @__PURE__ */ jsx(
660
+ motion.div,
661
+ {
662
+ initial: { opacity: 0, y: 10 },
663
+ animate: { opacity: 1, y: 0 },
664
+ exit: { opacity: 0, y: 10 },
665
+ className: "mb-3 p-4 bg-destructive/10 border border-destructive/30 rounded-[var(--radius-card)]",
666
+ children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
667
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
668
+ /* @__PURE__ */ jsx(
669
+ motion.div,
670
+ {
671
+ animate: {
672
+ scale: [1, 1.2, 1],
673
+ opacity: [1, 0.7, 1]
674
+ },
675
+ transition: {
676
+ duration: 1.5,
677
+ repeat: Infinity,
678
+ ease: "easeInOut"
679
+ },
680
+ className: "w-3 h-3 bg-destructive rounded-full"
681
+ }
682
+ ),
683
+ /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx(
684
+ motion.div,
685
+ {
686
+ animate: {
687
+ height: ["8px", "20px", "8px"]
688
+ },
689
+ transition: {
690
+ duration: 0.8,
691
+ repeat: Infinity,
692
+ ease: "easeInOut",
693
+ delay: i * 0.1
694
+ },
695
+ className: "w-1 bg-destructive rounded-full h-2"
696
+ },
697
+ i
698
+ )) }),
699
+ /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-destructive", children: t("assistant.recordingAudio") })
700
+ ] }),
701
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
702
+ /* @__PURE__ */ jsxs("div", { className: "text-sm text-destructive font-mono tabular-nums", children: [
703
+ Math.floor(recordingTime / 60),
704
+ ":",
705
+ (recordingTime % 60).toString().padStart(2, "0")
706
+ ] }),
707
+ /* @__PURE__ */ jsx(
708
+ Button,
709
+ {
710
+ onClick: handleVoiceRecording,
711
+ size: "sm",
712
+ variant: "outline",
713
+ className: "h-7 px-3 text-xs border-destructive/30 text-destructive hover:bg-destructive/10 rounded-[var(--radius-button)]",
714
+ children: t("assistant.stopRecording")
715
+ }
716
+ )
717
+ ] })
718
+ ] })
719
+ }
720
+ ) }),
721
+ /* @__PURE__ */ jsxs(
722
+ motion.div,
723
+ {
724
+ className: `relative bg-card rounded-[var(--radius)] border shadow-sm transition-all duration-300 ${isFocused || hasContent ? "border-primary shadow-lg shadow-primary/10" : "border-border"}`,
725
+ initial: false,
726
+ animate: {
727
+ scale: isFocused ? 1.01 : 1
728
+ },
729
+ transition: { duration: 0.2, ease: "easeOut" },
730
+ children: [
731
+ /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 pt-[14px] pr-[10px] pb-[8px] pl-[10px] rounded-[var(--radius)]", children: [
732
+ /* @__PURE__ */ jsx(AnimatePresence, { children: selectedAction && /* @__PURE__ */ jsx(
733
+ motion.div,
734
+ {
735
+ initial: { opacity: 0, y: -10, height: 0 },
736
+ animate: { opacity: 1, y: 0, height: "auto" },
737
+ exit: { opacity: 0, y: -10, height: 0 },
738
+ transition: { duration: 0.2 },
739
+ className: "mb-2",
740
+ children: (() => {
741
+ const actionInfo = getActionInfo(selectedAction);
742
+ if (!actionInfo) return null;
743
+ const Icon = actionInfo.icon;
744
+ return /* @__PURE__ */ jsxs(
745
+ "div",
746
+ {
747
+ className: `inline-flex items-center gap-2 px-3 py-1.5 rounded-full ${actionInfo.color} text-white text-xs font-medium shadow-sm`,
748
+ children: [
749
+ /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5" }),
750
+ /* @__PURE__ */ jsx("span", { children: actionInfo.label }),
751
+ /* @__PURE__ */ jsx(
752
+ "button",
753
+ {
754
+ onClick: handleRemoveAction,
755
+ className: "ml-1 hover:bg-white/20 rounded-full p-0.5 transition-colors",
756
+ "aria-label": t("assistant.removeAction"),
757
+ children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
758
+ }
759
+ )
760
+ ]
761
+ }
762
+ );
763
+ })()
764
+ }
765
+ ) }),
766
+ /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(
767
+ "textarea",
768
+ {
769
+ ref: textareaRef,
770
+ value,
771
+ onChange: (e) => onChange(e.target.value),
772
+ onKeyDown: handleKeyDown,
773
+ onFocus: handleFocus,
774
+ onBlur: handleBlur,
775
+ placeholder: resolvedPlaceholder,
776
+ "aria-label": resolvedPlaceholder,
777
+ disabled,
778
+ className: "w-full bg-transparent border-0 outline-none resize-none text-foreground placeholder-muted-foreground text-sm leading-5 min-h-[20px] max-h-[100px] overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent",
779
+ style: {
780
+ height: `${textareaHeight}px`,
781
+ minHeight: "20px",
782
+ maxHeight: "100px"
783
+ },
784
+ rows: 1
785
+ }
786
+ ) }),
787
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
788
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
789
+ (enableDocumentCreation || enablePodcastGeneration || enableSearch) && /* @__PURE__ */ jsxs(Popover, { open: isPopoverOpen, onOpenChange: setIsPopoverOpen, children: [
790
+ /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
791
+ Button,
792
+ {
793
+ variant: "ghost",
794
+ size: "sm",
795
+ className: "h-8 w-8 p-0 rounded-full text-muted-foreground hover:bg-accent hover:text-foreground transition-all duration-200",
796
+ "aria-label": t("assistant.viewActions"),
797
+ children: /* @__PURE__ */ jsx(
798
+ motion.div,
799
+ {
800
+ whileHover: { scale: 1.05 },
801
+ whileTap: { scale: 0.95 },
802
+ className: "flex items-center justify-center w-full h-full",
803
+ children: /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4" })
804
+ }
805
+ )
806
+ }
807
+ ) }),
808
+ /* @__PURE__ */ jsx(PopoverContent, { className: "w-56 p-2", align: "start", side: "top", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
809
+ enableDocumentCreation && /* @__PURE__ */ jsxs(
810
+ "button",
811
+ {
812
+ onClick: () => handleActionSelect("document"),
813
+ className: "w-full flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-accent transition-colors text-left group",
814
+ children: [
815
+ /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-[var(--chart-4)]/20 flex items-center justify-center group-hover:bg-[var(--chart-4)] transition-colors", children: /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 text-[var(--chart-4)] group-hover:text-white" }) }),
816
+ /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
817
+ /* @__PURE__ */ jsx("div", { children: t("assistant.actions.createDocument") }),
818
+ /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("assistant.actions.createDocumentDesc") })
819
+ ] })
820
+ ]
821
+ }
822
+ ),
823
+ enablePodcastGeneration && /* @__PURE__ */ jsxs(
824
+ "button",
825
+ {
826
+ onClick: () => handleActionSelect("podcast"),
827
+ className: "w-full flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-accent transition-colors text-left group",
828
+ children: [
829
+ /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-[var(--chart-1)]/20 flex items-center justify-center group-hover:bg-[var(--chart-1)] transition-colors", children: /* @__PURE__ */ jsx(Radio, { className: "w-4 h-4 text-[var(--chart-1)] group-hover:text-white" }) }),
830
+ /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
831
+ /* @__PURE__ */ jsx("div", { children: t("assistant.actions.generatePodcast") }),
832
+ /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("assistant.actions.generatePodcastDesc") })
833
+ ] })
834
+ ]
835
+ }
836
+ ),
837
+ enableSearch && /* @__PURE__ */ jsxs(
838
+ "button",
839
+ {
840
+ onClick: () => handleActionSelect("search"),
841
+ className: "w-full flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-accent transition-colors text-left group",
842
+ children: [
843
+ /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-[var(--chart-2)]/20 flex items-center justify-center group-hover:bg-[var(--chart-2)] transition-colors", children: /* @__PURE__ */ jsx(Search, { className: "w-4 h-4 text-[var(--chart-2)] group-hover:text-white" }) }),
844
+ /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
845
+ /* @__PURE__ */ jsx("div", { children: t("assistant.actions.search") }),
846
+ /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("assistant.actions.searchDesc") })
847
+ ] })
848
+ ]
849
+ }
850
+ )
851
+ ] }) })
852
+ ] }),
853
+ enableFileAttachment && /* @__PURE__ */ jsx(motion.div, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, children: /* @__PURE__ */ jsx(
854
+ Button,
855
+ {
856
+ variant: "ghost",
857
+ size: "sm",
858
+ onClick: onFileUpload,
859
+ className: "h-8 w-8 p-0 rounded-full text-muted-foreground hover:bg-accent hover:text-foreground transition-all duration-200",
860
+ "aria-label": t("assistant.attachFile"),
861
+ children: /* @__PURE__ */ jsx(Paperclip, { className: "w-4 h-4" })
862
+ }
863
+ ) })
864
+ ] }),
865
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
866
+ enableAudioInput && /* @__PURE__ */ jsx(motion.div, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, children: /* @__PURE__ */ jsx(
867
+ Button,
868
+ {
869
+ variant: "ghost",
870
+ size: "sm",
871
+ onClick: handleVoiceRecording,
872
+ className: `h-8 w-8 p-0 rounded-full transition-all duration-200 ${isRecording ? "bg-destructive hover:bg-destructive/90 text-white animate-pulse" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
873
+ "aria-label": isRecording ? t("assistant.stopRecording") : t("assistant.suggestWithVoice"),
874
+ children: /* @__PURE__ */ jsx(Mic, { className: "w-4 h-4" })
875
+ }
876
+ ) }),
877
+ /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
878
+ motion.div,
879
+ {
880
+ initial: { scale: 0.8, opacity: 0 },
881
+ animate: { scale: 1, opacity: 1 },
882
+ exit: { scale: 0.8, opacity: 0 },
883
+ transition: { duration: 0.2, ease: "easeInOut" },
884
+ whileHover: hasContent ? { scale: 1.05 } : {},
885
+ whileTap: hasContent ? { scale: 0.95 } : {},
886
+ children: /* @__PURE__ */ jsx(
887
+ Button,
888
+ {
889
+ onClick: () => {
890
+ onSubmit(selectedAction);
891
+ setSelectedAction(null);
892
+ },
893
+ size: "sm",
894
+ disabled: !hasContent || disabled,
895
+ className: `h-8 w-8 p-0 rounded-full transition-all duration-300 ${hasContent && !disabled ? "bg-primary hover:bg-primary/90 text-primary-foreground shadow-lg shadow-primary/30 hover:shadow-primary/40" : "bg-muted text-muted-foreground cursor-not-allowed"}`,
896
+ "aria-label": t("assistant.sendMessage"),
897
+ children: /* @__PURE__ */ jsx(
898
+ motion.div,
899
+ {
900
+ animate: {
901
+ rotate: hasContent ? 0 : -45
902
+ },
903
+ transition: { duration: 0.2 },
904
+ children: /* @__PURE__ */ jsx(Send, { className: "w-4 h-4" })
905
+ }
906
+ )
907
+ }
908
+ )
909
+ },
910
+ hasContent ? "active" : "inactive"
911
+ ) })
912
+ ] })
913
+ ] })
914
+ ] }),
915
+ /* @__PURE__ */ jsx(AnimatePresence, { children: isFocused && /* @__PURE__ */ jsx(
916
+ motion.div,
917
+ {
918
+ className: "absolute inset-0 rounded-[var(--radius)] bg-gradient-to-r from-primary/5 via-transparent to-primary/5 pointer-events-none",
919
+ initial: { opacity: 0 },
920
+ animate: { opacity: 1 },
921
+ exit: { opacity: 0 },
922
+ transition: { duration: 0.3 }
923
+ }
924
+ ) })
925
+ ]
926
+ }
927
+ ),
928
+ /* @__PURE__ */ jsx(
929
+ motion.div,
930
+ {
931
+ className: "mt-2 text-center",
932
+ initial: { opacity: 0, y: 5 },
933
+ animate: { opacity: 1, y: 0 },
934
+ transition: { delay: 0.1 },
935
+ children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("assistant.disclaimer") })
936
+ }
937
+ )
938
+ ] });
939
+ }
940
+
941
+ function AssistantCollapsedView({
942
+ showHistory,
943
+ showFavorites,
944
+ onToggle,
945
+ onExpandWithTab
946
+ }) {
947
+ const { t } = useTranslation();
948
+ return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center p-4 space-y-4", children: [
949
+ /* @__PURE__ */ jsxs(Tooltip, { children: [
950
+ /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
951
+ "button",
952
+ {
953
+ onClick: onToggle,
954
+ className: "w-10 h-10 rounded-full flex items-center justify-center hover:bg-accent/50 transition-colors duration-200 cursor-pointer mx-auto",
955
+ "aria-label": t("assistant.open"),
956
+ children: /* @__PURE__ */ jsx(XerticaOrbe, { size: 32 })
957
+ }
958
+ ) }),
959
+ /* @__PURE__ */ jsx(CustomTooltipContent, { side: "left", sideOffset: 8, children: /* @__PURE__ */ jsx("p", { children: t("assistant.title") }) })
960
+ ] }),
961
+ /* @__PURE__ */ jsxs(Tooltip, { children: [
962
+ /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
963
+ Button,
964
+ {
965
+ variant: "ghost",
966
+ size: "sm",
967
+ onClick: () => onExpandWithTab("chat"),
968
+ className: "w-8 h-8 p-0 text-muted-foreground",
969
+ children: /* @__PURE__ */ jsx(MessageSquare, { className: "w-4 h-4" })
970
+ }
971
+ ) }),
972
+ /* @__PURE__ */ jsx(CustomTooltipContent, { side: "left", sideOffset: 8, children: /* @__PURE__ */ jsx("p", { children: t("assistant.tabs.chat") }) })
973
+ ] }),
974
+ showFavorites && /* @__PURE__ */ jsxs(Tooltip, { children: [
975
+ /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
976
+ Button,
977
+ {
978
+ variant: "ghost",
979
+ size: "sm",
980
+ onClick: () => onExpandWithTab("favoritos"),
981
+ className: "w-8 h-8 p-0 text-muted-foreground",
982
+ children: /* @__PURE__ */ jsx(Heart, { className: "w-4 h-4" })
983
+ }
984
+ ) }),
985
+ /* @__PURE__ */ jsx(CustomTooltipContent, { side: "left", sideOffset: 8, children: /* @__PURE__ */ jsx("p", { children: t("assistant.tabs.favorites") }) })
986
+ ] }),
987
+ showHistory && /* @__PURE__ */ jsxs(Tooltip, { children: [
988
+ /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
989
+ Button,
990
+ {
991
+ variant: "ghost",
992
+ size: "sm",
993
+ onClick: () => onExpandWithTab("historico"),
994
+ className: "w-8 h-8 p-0 text-muted-foreground",
995
+ children: /* @__PURE__ */ jsx(History, { className: "w-4 h-4" })
996
+ }
997
+ ) }),
998
+ /* @__PURE__ */ jsx(CustomTooltipContent, { side: "left", sideOffset: 8, children: /* @__PURE__ */ jsx("p", { children: t("assistant.tabs.history") }) })
999
+ ] })
1000
+ ] });
1001
+ }
1002
+
1003
+ function AssistantHeader({
1004
+ isExpanded,
1005
+ onToggle,
1006
+ onNavigateFullPage
1007
+ }) {
1008
+ const { t } = useTranslation();
1009
+ return /* @__PURE__ */ jsxs(
1010
+ "div",
1011
+ {
1012
+ className: cn(
1013
+ "border-b border-border flex items-center h-[64px]",
1014
+ isExpanded ? "justify-between px-4" : "justify-center px-0"
1015
+ ),
1016
+ children: [
1017
+ isExpanded && /* @__PURE__ */ jsxs(
1018
+ motion.div,
1019
+ {
1020
+ initial: { opacity: 0, x: -10 },
1021
+ animate: { opacity: 1, x: 0 },
1022
+ exit: { opacity: 0, x: -10 },
1023
+ className: "flex items-center gap-2 overflow-hidden",
1024
+ children: [
1025
+ /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx(XerticaOrbe, { size: 32 }) }),
1026
+ /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium truncate", children: t("assistant.title") })
1027
+ ]
1028
+ }
1029
+ ),
1030
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
1031
+ isExpanded && onNavigateFullPage && /* @__PURE__ */ jsx(
1032
+ Button,
1033
+ {
1034
+ variant: "ghost",
1035
+ size: "sm",
1036
+ onClick: onNavigateFullPage,
1037
+ className: "h-8 w-8 p-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-full",
1038
+ title: t("assistant.expand"),
1039
+ "aria-label": t("assistant.expand"),
1040
+ children: /* @__PURE__ */ jsx(Maximize2, { className: "w-4 h-4" })
1041
+ }
1042
+ ),
1043
+ /* @__PURE__ */ jsx(
1044
+ Button,
1045
+ {
1046
+ variant: "ghost",
1047
+ size: "sm",
1048
+ onClick: onToggle,
1049
+ className: cn(
1050
+ "h-8 w-8 p-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-full",
1051
+ !isExpanded && "w-10 h-10"
1052
+ ),
1053
+ "aria-label": isExpanded ? t("assistant.collapse") : t("assistant.expand"),
1054
+ children: isExpanded ? /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(PanelRight, { className: "w-4 h-4" })
1055
+ }
1056
+ )
1057
+ ] })
1058
+ ]
1059
+ }
1060
+ );
1061
+ }
1062
+
1063
+ function AssistantTabBar({
1064
+ activeTab,
1065
+ showHistory,
1066
+ showFavorites,
1067
+ onTabChange
1068
+ }) {
1069
+ const { t } = useTranslation();
1070
+ return /* @__PURE__ */ jsx("div", { className: "px-4 py-2 border-b border-border", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
1071
+ /* @__PURE__ */ jsxs(
1072
+ Button,
1073
+ {
1074
+ variant: activeTab === "chat" ? "default" : "ghost",
1075
+ size: "sm",
1076
+ onClick: () => onTabChange("chat"),
1077
+ className: "flex-1 h-8",
1078
+ "aria-label": t("assistant.tabs.chatLabel"),
1079
+ children: [
1080
+ /* @__PURE__ */ jsx(MessageSquare, { className: "w-3 h-3 mr-1" }),
1081
+ t("assistant.tabs.chat")
1082
+ ]
1083
+ }
1084
+ ),
1085
+ showHistory && /* @__PURE__ */ jsxs(
1086
+ Button,
1087
+ {
1088
+ variant: activeTab === "historico" ? "default" : "ghost",
1089
+ size: "sm",
1090
+ onClick: () => onTabChange("historico"),
1091
+ className: "flex-1 h-8",
1092
+ "aria-label": t("assistant.tabs.historyLabel"),
1093
+ children: [
1094
+ /* @__PURE__ */ jsx(History, { className: "w-3 h-3 mr-1" }),
1095
+ t("assistant.tabs.history")
1096
+ ]
1097
+ }
1098
+ ),
1099
+ showFavorites && /* @__PURE__ */ jsxs(
1100
+ Button,
1101
+ {
1102
+ variant: activeTab === "favoritos" ? "default" : "ghost",
1103
+ size: "sm",
1104
+ onClick: () => onTabChange("favoritos"),
1105
+ className: "flex-1 h-8",
1106
+ "aria-label": t("assistant.tabs.favoritesLabel"),
1107
+ children: [
1108
+ /* @__PURE__ */ jsx(Heart, { className: "w-3 h-3 mr-1" }),
1109
+ t("assistant.tabs.favorites")
1110
+ ]
1111
+ }
1112
+ )
1113
+ ] }) });
1114
+ }
1115
+
1116
+ function AssistantWelcomeScreen({
1117
+ userName,
1118
+ welcomeMessage,
1119
+ suggestions,
1120
+ richSuggestions,
1121
+ showMoreSuggestions,
1122
+ onSetShowMoreSuggestions,
1123
+ onSendSuggestion,
1124
+ onRichSuggestionClick
1125
+ }) {
1126
+ const { t } = useTranslation();
1127
+ return /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto min-h-0", children: [
1128
+ /* @__PURE__ */ jsxs("div", { className: "p-6 text-center", children: [
1129
+ /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex items-center justify-center", children: /* @__PURE__ */ jsx(XerticaOrbe, { size: 64 }) }),
1130
+ /* @__PURE__ */ jsx("h3", { className: "mb-2 text-foreground", children: t("assistant.greeting", { name: userName }) }),
1131
+ /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: welcomeMessage })
1132
+ ] }),
1133
+ (suggestions.length > 0 || richSuggestions.length > 0) && /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4 space-y-2", children: [
1134
+ suggestions.map((sugestao) => /* @__PURE__ */ jsx(
1135
+ "button",
1136
+ {
1137
+ onClick: () => onSendSuggestion(sugestao.text),
1138
+ className: "w-full p-3 text-left rounded-[var(--radius-card)] bg-muted text-foreground transition-colors duration-200 hover:bg-muted/80",
1139
+ children: sugestao.text
1140
+ },
1141
+ sugestao.id
1142
+ )),
1143
+ richSuggestions.length > 0 && (!showMoreSuggestions ? /* @__PURE__ */ jsxs(
1144
+ Button,
1145
+ {
1146
+ variant: "ghost",
1147
+ size: "sm",
1148
+ onClick: () => onSetShowMoreSuggestions(true),
1149
+ className: "w-full justify-start text-muted-foreground",
1150
+ children: [
1151
+ /* @__PURE__ */ jsx(MoreHorizontal, { className: "w-4 h-4 mr-2" }),
1152
+ t("assistant.moreSuggestions")
1153
+ ]
1154
+ }
1155
+ ) : /* @__PURE__ */ jsxs("div", { className: "space-y-2 pt-2 border-t border-border mt-2 animate-in slide-in-from-top-2", children: [
1156
+ richSuggestions.map((sugestao) => /* @__PURE__ */ jsx(
1157
+ "button",
1158
+ {
1159
+ onClick: () => onRichSuggestionClick(sugestao),
1160
+ className: "w-full p-3 text-left rounded-[var(--radius-card)] bg-muted/50 border border-border text-foreground transition-all duration-200 hover:bg-primary/5 hover:border-primary/50 group",
1161
+ children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
1162
+ sugestao.id.includes("chart") && /* @__PURE__ */ jsx(BarChart3, { className: "w-4 h-4 text-primary" }),
1163
+ sugestao.id.includes("table") && /* @__PURE__ */ jsx(Table, { className: "w-4 h-4 text-primary" }),
1164
+ /* @__PURE__ */ jsx("span", { className: "font-medium", children: sugestao.text })
1165
+ ] })
1166
+ },
1167
+ sugestao.id
1168
+ )),
1169
+ /* @__PURE__ */ jsxs(
1170
+ Button,
1171
+ {
1172
+ variant: "ghost",
1173
+ size: "sm",
1174
+ onClick: () => onSetShowMoreSuggestions(false),
1175
+ className: "w-full justify-center text-muted-foreground mt-2",
1176
+ children: [
1177
+ /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4 mr-2" }),
1178
+ t("assistant.back")
1179
+ ]
1180
+ }
1181
+ )
1182
+ ] }))
1183
+ ] })
1184
+ ] });
1185
+ }
1186
+
1187
+ function MarkdownMessage({ content, className = "" }) {
1188
+ const convertMarkdownToHtml = (markdown) => {
1189
+ let html = markdown;
1190
+ html = html.replace(/</g, "<").replace(/>/g, ">");
1191
+ html = html.replace(
1192
+ /^### (.*$)/gim,
1193
+ '<h3 class="font-medium text-sm mt-2 mb-1 break-words">$1</h3>'
1194
+ );
1195
+ html = html.replace(
1196
+ /^## (.*$)/gim,
1197
+ '<h2 class="font-medium text-base mt-3 mb-1.5 break-words">$1</h2>'
1198
+ );
1199
+ html = html.replace(
1200
+ /^# (.*$)/gim,
1201
+ '<h1 class="font-medium text-lg mt-3 mb-2 break-words">$1</h1>'
1202
+ );
1203
+ html = html.replace(/\*\*(.*?)\*\*/g, '<strong class="font-medium">$1</strong>');
1204
+ html = html.replace(/\*(.*?)\*/g, '<em class="italic">$1</em>');
1205
+ html = html.replace(
1206
+ /\[([^\]]+)\]\(([^)]+)\)/g,
1207
+ '<a href="$2" class="text-[var(--chart-4)] hover:underline break-all" target="_blank" rel="noopener noreferrer">$1</a>'
1208
+ );
1209
+ html = html.replace(
1210
+ /`([^`]+)`/g,
1211
+ '<code class="px-1.5 py-0.5 rounded bg-muted text-xs font-mono break-all inline-block max-w-full">$1</code>'
1212
+ );
1213
+ html = html.replace(/((?:^[•\-] .*$(?:\n|$))+)/gim, (match) => {
1214
+ const items = match.trim().split("\n").map(
1215
+ (item) => `<li class="ml-4 mb-1 list-disc break-words">${item.replace(/^[•\-]\s+/, "")}</li>`
1216
+ ).join("");
1217
+ return `<ul class="list-disc my-2">${items}</ul>`;
1218
+ });
1219
+ html = html.replace(/((?:^\d+\. .*$(?:\n|$))+)/gim, (match) => {
1220
+ const items = match.trim().split("\n").map(
1221
+ (item) => `<li class="ml-4 mb-1 list-decimal break-words">${item.replace(/^\d+\.\s+/, "")}</li>`
1222
+ ).join("");
1223
+ return `<ol class="list-decimal my-2">${items}</ol>`;
1224
+ });
1225
+ html = html.replace(/((?:^\|.+\|[ \t]*(?:\r?\n|$))+)/gm, (match) => {
1226
+ const rows = match.trim().split(/\r?\n/).filter((line) => line.trim());
1227
+ if (rows.length < 2) return match;
1228
+ const isSeparatorRow = /^\|[\s\-:|]+\|$/.test(rows[1].trim());
1229
+ if (!isSeparatorRow) return match;
1230
+ const parseCells = (row) => row.split("|").slice(1, -1).map((cell) => cell.trim());
1231
+ const headerCells = parseCells(rows[0]).map(
1232
+ (cell) => `<th class="px-3 py-2 text-left font-medium text-xs uppercase tracking-wide border-b border-border">${cell}</th>`
1233
+ ).join("");
1234
+ const bodyRows = rows.slice(2).map(
1235
+ (row) => `<tr class="border-b border-border last:border-0 hover:bg-muted/50">${parseCells(row).map((cell) => `<td class="px-3 py-2 text-sm">${cell}</td>`).join("")}</tr>`
1236
+ ).join("");
1237
+ return `<div class="overflow-x-auto my-3 rounded-[var(--radius)] border border-border"><table class="w-full text-sm"><thead class="bg-muted/50"><tr>${headerCells}</tr></thead><tbody>${bodyRows}</tbody></table></div>`;
1238
+ });
1239
+ html = html.replace(/\n\n/g, '</p><p class="mb-2 break-words">');
1240
+ html = html.replace(/\n/g, "<br/>");
1241
+ html = '<p class="mb-2 break-words">' + html + "</p>";
1242
+ html = html.replace(/<p[^>]*>\s*<\/p>/g, "");
1243
+ return html;
1244
+ };
1245
+ const htmlContent = convertMarkdownToHtml(content);
1246
+ return /* @__PURE__ */ jsx(
1247
+ "div",
1248
+ {
1249
+ className: `text-sm leading-relaxed break-words overflow-wrap-anywhere max-w-full ${className}`,
1250
+ dangerouslySetInnerHTML: { __html: htmlContent }
1251
+ }
1252
+ );
1253
+ }
1254
+
1255
+ function FormattedDocument({
1256
+ content,
1257
+ maxPreviewLength = 500,
1258
+ className = ""
1259
+ }) {
1260
+ const [isExpanded, setIsExpanded] = useState(false);
1261
+ const { t } = useTranslation();
1262
+ const convertMarkdownToHtml = (markdown) => {
1263
+ let html = markdown;
1264
+ html = html.replace(
1265
+ /^### (.*$)/gim,
1266
+ '<h3 class="text-base font-medium mt-2 mb-1 text-foreground">$1</h3>'
1267
+ );
1268
+ html = html.replace(
1269
+ /^## (.*$)/gim,
1270
+ '<h2 class="text-lg font-medium mt-2 mb-1 text-foreground">$1</h2>'
1271
+ );
1272
+ html = html.replace(
1273
+ /^# (.*$)/gim,
1274
+ '<h1 class="text-xl font-medium mt-3 mb-2 text-foreground">$1</h1>'
1275
+ );
1276
+ html = html.replace(
1277
+ /\*\*(.*?)\*\*/g,
1278
+ '<strong class="font-medium text-foreground">$1</strong>'
1279
+ );
1280
+ html = html.replace(/\*(.*?)\*/g, '<em class="italic">$1</em>');
1281
+ html = html.replace(
1282
+ /^[-*+] \[ \] (.*$)/gim,
1283
+ '<div class="flex items-center gap-2 ml-4 my-0.5"><input type="checkbox" disabled class="rounded w-3.5 h-3.5 accent-primary" aria-label="$1" /> <span class="text-sm">$1</span></div>'
1284
+ );
1285
+ html = html.replace(
1286
+ /^[-*+] \[x\] (.*$)/gim,
1287
+ '<div class="flex items-center gap-2 ml-4 my-0.5"><input type="checkbox" checked disabled class="rounded w-3.5 h-3.5 accent-primary" aria-label="$1" /> <span class="text-sm">$1</span></div>'
1288
+ );
1289
+ html = html.replace(/((?:^[-*+] .*$(?:\n|$))+)/gim, (match) => {
1290
+ const items = match.trim().split("\n").map((item) => `<li class="ml-6 my-0.5 list-disc">${item.replace(/^[-*+] /i, "")}</li>`).join("");
1291
+ return `<ul class="list-disc my-2">${items}</ul>`;
1292
+ });
1293
+ html = html.replace(/((?:^\d+\. .*$(?:\n|$))+)/gim, (match) => {
1294
+ const items = match.trim().split("\n").map((item) => `<li class="ml-6 my-0.5 list-decimal">${item.replace(/^\d+\. /i, "")}</li>`).join("");
1295
+ return `<ol class="list-decimal my-2">${items}</ol>`;
1296
+ });
1297
+ html = html.replace(/^---$/gim, '<hr class="my-2 border-border" />');
1298
+ html = html.replace(/\n\n+/g, '</p><p class="my-0.5">');
1299
+ html = html.replace(/\n/g, " ");
1300
+ html = '<p class="my-0.5">' + html + "</p>";
1301
+ return html;
1302
+ };
1303
+ const htmlContent = convertMarkdownToHtml(content);
1304
+ const isLong = content.length > maxPreviewLength;
1305
+ const displayContent = !isLong || isExpanded ? htmlContent : convertMarkdownToHtml(content.substring(0, maxPreviewLength) + "...");
1306
+ return /* @__PURE__ */ jsxs("div", { className, children: [
1307
+ /* @__PURE__ */ jsx(
1308
+ "div",
1309
+ {
1310
+ className: "max-w-none text-sm text-foreground leading-relaxed break-words overflow-hidden",
1311
+ dangerouslySetInnerHTML: { __html: displayContent }
1312
+ }
1313
+ ),
1314
+ isLong && /* @__PURE__ */ jsx(
1315
+ Button,
1316
+ {
1317
+ variant: "ghost",
1318
+ size: "sm",
1319
+ onClick: () => setIsExpanded(!isExpanded),
1320
+ className: "mt-2 w-full text-xs hover:bg-accent text-muted-foreground",
1321
+ children: isExpanded ? /* @__PURE__ */ jsxs(Fragment, { children: [
1322
+ /* @__PURE__ */ jsx(ChevronUp, { className: "w-3 h-3 mr-1" }),
1323
+ t("common.seeLess")
1324
+ ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
1325
+ /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 mr-1" }),
1326
+ t("common.seeMore")
1327
+ ] })
1328
+ }
1329
+ )
1330
+ ] });
1331
+ }
1332
+
1333
+ function AssistantMessageBubble({
1334
+ msg,
1335
+ copiedId,
1336
+ generatingPodcastId,
1337
+ executingCommand,
1338
+ savedSearches,
1339
+ enablePodcastGeneration,
1340
+ feedbackOptions,
1341
+ onCopyMessage,
1342
+ onToggleFavorite,
1343
+ onGeneratePodcast,
1344
+ onDownloadDocument,
1345
+ onDownloadPodcast,
1346
+ onEditDocument,
1347
+ onOpenSearchResult,
1348
+ onExecuteSearchCommand,
1349
+ onEvaluationClick,
1350
+ onOpenFeedbackDialog
1351
+ }) {
1352
+ const { t, i18n } = useTranslation();
1353
+ return /* @__PURE__ */ jsxs(
1354
+ motion.div,
1355
+ {
1356
+ initial: { opacity: 0, y: 10 },
1357
+ animate: { opacity: 1, y: 0 },
1358
+ className: `flex gap-2 w-full min-w-0 ${msg.type === "user" ? "justify-end" : "justify-start"}`,
1359
+ children: [
1360
+ msg.type === "assistant" && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 pt-1", children: /* @__PURE__ */ jsx(XerticaOrbe, { size: 32 }) }),
1361
+ /* @__PURE__ */ jsxs(
1362
+ "div",
1363
+ {
1364
+ className: cn(
1365
+ "flex flex-col min-w-0 transition-all duration-300",
1366
+ msg.type === "user" ? "max-w-[85%] md:max-w-[70%] items-end w-fit" : cn(
1367
+ "items-start",
1368
+ msg.tableData || msg.chartData || msg.searchResults || msg.attachmentType === "document" ? "w-full max-w-full" : "w-fit max-w-[95%] md:max-w-[90%]"
1369
+ )
1370
+ ),
1371
+ children: [
1372
+ /* @__PURE__ */ jsxs(
1373
+ "div",
1374
+ {
1375
+ className: cn(
1376
+ "px-4 py-2 break-words overflow-hidden overflow-x-hidden w-full min-w-0 rounded-2xl",
1377
+ msg.type === "user" ? "bg-primary text-primary-foreground shadow-sm" : "bg-muted text-foreground"
1378
+ ),
1379
+ children: [
1380
+ msg.attachmentType === "document" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 pb-2 border-b border-border min-w-0 overflow-hidden", children: [
1381
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1 overflow-hidden", children: [
1382
+ /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 flex-shrink-0" }),
1383
+ /* @__PURE__ */ jsx("span", { className: "text-sm font-medium break-words", children: msg.attachmentName })
1384
+ ] }),
1385
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
1386
+ /* @__PURE__ */ jsx(
1387
+ Button,
1388
+ {
1389
+ variant: "ghost",
1390
+ size: "sm",
1391
+ onClick: () => msg.documentContent && msg.attachmentName && onDownloadDocument(msg.documentContent, msg.attachmentName),
1392
+ className: "h-6 px-2",
1393
+ title: t("assistant.download"),
1394
+ children: /* @__PURE__ */ jsx(Download, { className: "w-3 h-3" })
1395
+ }
1396
+ ),
1397
+ /* @__PURE__ */ jsxs(
1398
+ Button,
1399
+ {
1400
+ variant: "ghost",
1401
+ size: "sm",
1402
+ onClick: () => msg.documentContent && msg.documentTitle && onEditDocument(msg.documentContent, msg.documentTitle),
1403
+ className: "h-6 px-2",
1404
+ children: [
1405
+ /* @__PURE__ */ jsx(Edit, { className: "w-3 h-3 mr-1" }),
1406
+ t("common.edit")
1407
+ ]
1408
+ }
1409
+ )
1410
+ ] })
1411
+ ] }),
1412
+ msg.attachmentType && msg.attachmentType !== "podcast" && msg.attachmentType !== "document" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2 pb-2 border-b border-border min-w-0 overflow-hidden", children: [
1413
+ msg.attachmentType === "file" && /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 flex-shrink-0" }),
1414
+ msg.attachmentType === "audio" && /* @__PURE__ */ jsx(Music, { className: "w-4 h-4 flex-shrink-0" }),
1415
+ msg.attachmentType === "image" && /* @__PURE__ */ jsx(Image, { className: "w-4 h-4 flex-shrink-0" }),
1416
+ /* @__PURE__ */ jsx("span", { className: "text-small break-words", children: msg.attachmentName })
1417
+ ] }),
1418
+ msg.type === "user" ? /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words", children: msg.content }) : /* @__PURE__ */ jsxs(Fragment, { children: [
1419
+ (msg.content.includes("🔐") || msg.content.includes("❌")) && /* @__PURE__ */ jsx("div", { className: "mb-3 p-3 border rounded-[var(--radius)] overflow-hidden bg-[var(--toast-error-bg)]/20 border-[var(--toast-error-border)]/30", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 min-w-0", children: [
1420
+ /* @__PURE__ */ jsx(AlertCircle, { className: "w-5 h-5 flex-shrink-0 mt-0.5 text-[var(--toast-error-icon)]" }),
1421
+ /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsx(MarkdownMessage, { content: msg.content, className: "text-foreground" }) })
1422
+ ] }) }),
1423
+ !(msg.content.includes("🔐") || msg.content.includes("❌")) && /* @__PURE__ */ jsx(MarkdownMessage, { content: msg.content, className: "text-foreground" })
1424
+ ] }),
1425
+ msg.chartData && msg.chartConfig && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full h-[300px] min-w-[300px]", children: /* @__PURE__ */ jsx(ChartContainer, { config: msg.chartConfig, className: "h-full w-full", children: /* @__PURE__ */ jsxs(BarChart, { accessibilityLayer: true, data: msg.chartData, children: [
1426
+ /* @__PURE__ */ jsx(CartesianGrid, { vertical: false }),
1427
+ /* @__PURE__ */ jsx(
1428
+ XAxis,
1429
+ {
1430
+ dataKey: "month",
1431
+ tickLine: false,
1432
+ tickMargin: 10,
1433
+ axisLine: false,
1434
+ tickFormatter: (value) => value.slice(0, 3)
1435
+ }
1436
+ ),
1437
+ /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, {}) }),
1438
+ /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }),
1439
+ Object.keys(msg.chartConfig).map((key) => /* @__PURE__ */ jsx(Bar, { dataKey: key, fill: `var(--color-${key})`, radius: 4 }, key))
1440
+ ] }) }) }),
1441
+ msg.tableData && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full max-w-full border rounded-[var(--radius)] overflow-x-auto custom-scrollbar relative", children: /* @__PURE__ */ jsxs(Table$1, { children: [
1442
+ msg.tableData.caption && /* @__PURE__ */ jsx(TableCaption, { children: msg.tableData.caption }),
1443
+ /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: msg.tableData.headers.map((header, i) => /* @__PURE__ */ jsx(TableHead, { children: header }, i)) }) }),
1444
+ /* @__PURE__ */ jsx(TableBody, { children: msg.tableData.rows.map((row, i) => /* @__PURE__ */ jsx(TableRow, { children: row.map((cell, j) => /* @__PURE__ */ jsx(TableCell, { children: cell }, j)) }, i)) })
1445
+ ] }) }),
1446
+ msg.attachmentType === "document" && msg.documentContent && /* @__PURE__ */ jsx("div", { className: "mt-3 pt-3 border-t border-border overflow-hidden", children: /* @__PURE__ */ jsx(FormattedDocument, { content: msg.documentContent, maxPreviewLength: 250 }) }),
1447
+ msg.attachmentType === "podcast" && msg.audioUrl && /* @__PURE__ */ jsxs("div", { className: "mt-3 pt-3 border-t border-border overflow-hidden", children: [
1448
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3 min-w-0 overflow-hidden", children: [
1449
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1 overflow-hidden", children: [
1450
+ /* @__PURE__ */ jsx("div", { className: "w-6 h-6 flex items-center justify-center flex-shrink-0 rounded-[var(--radius-button)] bg-gradient-to-br from-[var(--chart-1)] via-[var(--chart-4)] to-[var(--chart-1)]", children: /* @__PURE__ */ jsx(Radio, { className: "w-3 h-3 text-white" }) }),
1451
+ /* @__PURE__ */ jsx("span", { className: "text-sm font-medium break-words", children: msg.attachmentName })
1452
+ ] }),
1453
+ /* @__PURE__ */ jsx(
1454
+ Button,
1455
+ {
1456
+ variant: "ghost",
1457
+ size: "sm",
1458
+ onClick: () => msg.audioUrl && msg.attachmentName && onDownloadPodcast(msg.audioUrl, msg.attachmentName),
1459
+ className: "h-6 px-2 flex-shrink-0",
1460
+ title: t("assistant.download"),
1461
+ children: /* @__PURE__ */ jsx(Download, { className: "w-3 h-3" })
1462
+ }
1463
+ )
1464
+ ] }),
1465
+ /* @__PURE__ */ jsx("div", { className: "rounded-[var(--radius)] p-2 overflow-hidden bg-gradient-to-r from-[var(--chart-1)]/10 to-[var(--chart-4)]/10", children: /* @__PURE__ */ jsxs("audio", { controls: true, className: "w-full max-w-full h-10 outline-none", children: [
1466
+ /* @__PURE__ */ jsx("source", { src: msg.audioUrl, type: "audio/mpeg" }),
1467
+ t("assistant.audioNotSupported")
1468
+ ] }) })
1469
+ ] }),
1470
+ msg.attachmentType === "search" && msg.searchResults && /* @__PURE__ */ jsxs("div", { className: "mt-3 pt-3 border-t border-border space-y-4 overflow-hidden", children: [
1471
+ /* @__PURE__ */ jsxs("div", { className: "overflow-hidden", children: [
1472
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
1473
+ /* @__PURE__ */ jsx(Search, { className: "w-4 h-4 text-[var(--chart-4)]" }),
1474
+ /* @__PURE__ */ jsxs("h4", { className: "text-foreground", children: [
1475
+ t("assistant.searchResultsFound"),
1476
+ " (",
1477
+ msg.searchResults.length,
1478
+ ")"
1479
+ ] })
1480
+ ] }),
1481
+ /* @__PURE__ */ jsx("div", { className: "space-y-2 overflow-hidden", children: msg.searchResults.map((result) => /* @__PURE__ */ jsx(
1482
+ "div",
1483
+ {
1484
+ onClick: () => onOpenSearchResult(result),
1485
+ className: "p-3 rounded-[var(--radius)] border border-border transition-all cursor-pointer group overflow-hidden hover:bg-muted/50",
1486
+ children: /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap-2 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 flex-1 min-w-0 overflow-hidden", children: [
1487
+ /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex-shrink-0", children: [
1488
+ result.type === "document" && /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 text-[var(--chart-4)]" }),
1489
+ result.type === "project" && /* @__PURE__ */ jsx(FolderOpen, { className: "w-4 h-4 text-[var(--chart-1)]" }),
1490
+ result.type === "conversation" && /* @__PURE__ */ jsx(MessageSquare, { className: "w-4 h-4 text-[var(--chart-2)]" }),
1491
+ result.type === "file" && /* @__PURE__ */ jsx(Folder, { className: "w-4 h-4 text-[var(--chart-3)]" }),
1492
+ result.type === "contact" && /* @__PURE__ */ jsx(Users, { className: "w-4 h-4 text-[var(--chart-5)]" })
1493
+ ] }),
1494
+ /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
1495
+ /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 min-w-0", children: [
1496
+ /* @__PURE__ */ jsx("h5", { className: "text-sm font-medium break-words flex-1 min-w-0 text-foreground", children: result.title }),
1497
+ /* @__PURE__ */ jsxs("span", { className: "px-1.5 py-0.5 rounded-sm flex-shrink-0 self-start bg-[var(--chart-4)]/10 text-[var(--chart-4)]", children: [
1498
+ result.relevance,
1499
+ "%"
1500
+ ] })
1501
+ ] }),
1502
+ /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 line-clamp-2 break-words", children: result.description }),
1503
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mt-2 flex-wrap min-w-0", children: [
1504
+ /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground flex items-center gap-1 min-w-0 max-w-full", children: [
1505
+ /* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3 flex-shrink-0" }),
1506
+ /* @__PURE__ */ jsx("span", { className: "truncate", children: result.path })
1507
+ ] }),
1508
+ result.lastModified && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground flex items-center gap-1 flex-shrink-0", children: [
1509
+ /* @__PURE__ */ jsx(Clock, { className: "w-3 h-3" }),
1510
+ result.lastModified
1511
+ ] })
1512
+ ] })
1513
+ ] })
1514
+ ] }) })
1515
+ },
1516
+ result.id
1517
+ )) })
1518
+ ] }),
1519
+ msg.searchSources && /* @__PURE__ */ jsxs("div", { children: [
1520
+ /* @__PURE__ */ jsx("h4", { className: "mb-2 text-foreground", children: t("assistant.searchSources") }),
1521
+ /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 overflow-hidden", children: msg.searchSources.map((source, index) => /* @__PURE__ */ jsxs(
1522
+ "div",
1523
+ {
1524
+ className: "px-3 py-1.5 border max-w-full rounded-[var(--radius-button)] bg-muted border-border",
1525
+ children: [
1526
+ /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground break-words", children: source.name }),
1527
+ /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground ml-1 whitespace-nowrap", children: [
1528
+ "(",
1529
+ source.count,
1530
+ ")"
1531
+ ] })
1532
+ ]
1533
+ },
1534
+ index
1535
+ )) })
1536
+ ] }),
1537
+ msg.searchCommands && msg.searchResults && /* @__PURE__ */ jsxs("div", { children: [
1538
+ /* @__PURE__ */ jsx("h4", { className: "mb-2 text-foreground", children: t("assistant.searchActions") }),
1539
+ /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2", children: msg.searchCommands.map((command) => /* @__PURE__ */ jsxs(
1540
+ "button",
1541
+ {
1542
+ onClick: () => onExecuteSearchCommand(
1543
+ command.id,
1544
+ msg.content.replace("🔍 Pesquisa realizada com sucesso!", "").split('"')[1] || "pesquisa",
1545
+ msg.searchResults,
1546
+ msg.id
1547
+ ),
1548
+ disabled: executingCommand === command.id,
1549
+ className: cn(
1550
+ "flex items-start gap-2 p-2 rounded-[var(--radius)] border transition-all text-left disabled:opacity-50 disabled:cursor-not-allowed",
1551
+ savedSearches.includes(msg.id) && command.id === "5" ? "border-[var(--toast-warning-border)] bg-[var(--toast-warning-bg)]/20" : "border-border bg-transparent hover:bg-muted/50"
1552
+ ),
1553
+ children: [
1554
+ executingCommand === command.id ? /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 animate-spin flex-shrink-0 text-primary" }) : /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: command.icon }),
1555
+ /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
1556
+ /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground break-words", children: command.id === "5" && savedSearches.includes(msg.id) ? `⭐ ${t("assistant.searchSaved")}` : command.label }),
1557
+ /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground break-words", children: executingCommand === command.id ? t("assistant.processing") : command.description })
1558
+ ] })
1559
+ ]
1560
+ },
1561
+ command.id
1562
+ )) })
1563
+ ] })
1564
+ ] })
1565
+ ]
1566
+ }
1567
+ ),
1568
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1 px-2", children: [
1569
+ /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: msg.timestamp.toLocaleTimeString(i18n.language, {
1570
+ hour: "2-digit",
1571
+ minute: "2-digit"
1572
+ }) }),
1573
+ enablePodcastGeneration && msg.type === "assistant" && msg.attachmentType !== "podcast" && /* @__PURE__ */ jsx(
1574
+ Button,
1575
+ {
1576
+ variant: "ghost",
1577
+ size: "sm",
1578
+ onClick: () => onGeneratePodcast(msg.id, msg.content),
1579
+ disabled: generatingPodcastId === msg.id,
1580
+ className: "h-6 w-6 p-0 disabled:opacity-50 text-muted-foreground",
1581
+ title: t("assistant.generatePodcast"),
1582
+ "aria-label": t("assistant.generatePodcast"),
1583
+ children: generatingPodcastId === msg.id ? /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx(Radio, { className: "w-3 h-3" })
1584
+ }
1585
+ ),
1586
+ msg.type === "assistant" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border-l border-border pl-2 ml-1", children: [
1587
+ /* @__PURE__ */ jsx(
1588
+ Button,
1589
+ {
1590
+ variant: "ghost",
1591
+ size: "icon",
1592
+ className: cn(
1593
+ "h-6 w-6 rounded-full hover:bg-green-100 dark:hover:bg-green-900/20 hover:text-green-600",
1594
+ msg.evaluation === "like" && "text-green-600 bg-green-100 dark:bg-green-900/20"
1595
+ ),
1596
+ onClick: () => onEvaluationClick(msg.id, "like"),
1597
+ title: t("assistant.like"),
1598
+ "aria-label": t("assistant.like"),
1599
+ children: /* @__PURE__ */ jsx(ThumbsUp, { className: "h-3.5 w-3.5" })
1600
+ }
1601
+ ),
1602
+ /* @__PURE__ */ jsxs(DropdownMenu, { children: [
1603
+ /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
1604
+ Button,
1605
+ {
1606
+ variant: "ghost",
1607
+ size: "icon",
1608
+ className: cn(
1609
+ "h-6 w-6 rounded-full hover:bg-red-100 dark:hover:bg-red-900/20 hover:text-red-600",
1610
+ msg.evaluation === "dislike" && "text-red-600 bg-red-100 dark:bg-red-900/20"
1611
+ ),
1612
+ title: t("assistant.dislike"),
1613
+ "aria-label": t("assistant.dislike"),
1614
+ children: /* @__PURE__ */ jsx(ThumbsDown, { className: "h-3.5 w-3.5" })
1615
+ }
1616
+ ) }),
1617
+ /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", children: [
1618
+ feedbackOptions && feedbackOptions.length > 0 ? feedbackOptions.map((option, idx) => /* @__PURE__ */ jsx(
1619
+ DropdownMenuItem,
1620
+ {
1621
+ onClick: () => onOpenFeedbackDialog(msg.id, option),
1622
+ children: option
1623
+ },
1624
+ idx
1625
+ )) : /* @__PURE__ */ jsxs(Fragment, { children: [
1626
+ /* @__PURE__ */ jsx(
1627
+ DropdownMenuItem,
1628
+ {
1629
+ onClick: () => onOpenFeedbackDialog(msg.id, t("assistant.feedback.notWhatIWanted")),
1630
+ children: t("assistant.feedback.notWhatIWanted")
1631
+ }
1632
+ ),
1633
+ /* @__PURE__ */ jsx(
1634
+ DropdownMenuItem,
1635
+ {
1636
+ onClick: () => onOpenFeedbackDialog(msg.id, t("assistant.feedback.incorrectInfo")),
1637
+ children: t("assistant.feedback.incorrectInfo")
1638
+ }
1639
+ ),
1640
+ /* @__PURE__ */ jsx(
1641
+ DropdownMenuItem,
1642
+ {
1643
+ onClick: () => onOpenFeedbackDialog(msg.id, t("assistant.feedback.incompleteAnswer")),
1644
+ children: t("assistant.feedback.incompleteAnswer")
1645
+ }
1646
+ )
1647
+ ] }),
1648
+ /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => onOpenFeedbackDialog(msg.id, null), children: t("assistant.feedback.other") })
1649
+ ] })
1650
+ ] })
1651
+ ] }),
1652
+ /* @__PURE__ */ jsx(
1653
+ Button,
1654
+ {
1655
+ variant: "ghost",
1656
+ size: "sm",
1657
+ onClick: () => onCopyMessage(msg.content, msg.id),
1658
+ className: `h-6 w-6 p-0 ${copiedId === msg.id ? "text-[var(--toast-success-icon)]" : "text-muted-foreground"}`,
1659
+ "aria-label": copiedId === msg.id ? t("assistant.copied") : t("assistant.copyMessage"),
1660
+ children: copiedId === msg.id ? /* @__PURE__ */ jsx(Check, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3 h-3" })
1661
+ }
1662
+ )
1663
+ ] })
1664
+ ]
1665
+ }
1666
+ )
1667
+ ]
1668
+ },
1669
+ msg.id
1670
+ );
1671
+ }
1672
+
1673
+ function AssistantTypingIndicator() {
1674
+ return /* @__PURE__ */ jsxs(
1675
+ motion.div,
1676
+ {
1677
+ initial: { opacity: 0, y: 10 },
1678
+ animate: { opacity: 1, y: 0 },
1679
+ className: "flex gap-2 justify-start",
1680
+ children: [
1681
+ /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 pt-1", children: /* @__PURE__ */ jsx(XerticaOrbe, { size: 32 }) }),
1682
+ /* @__PURE__ */ jsx("div", { className: "px-4 py-3 bg-muted rounded-2xl", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
1683
+ /* @__PURE__ */ jsx(
1684
+ motion.div,
1685
+ {
1686
+ className: "w-2 h-2 rounded-full bg-muted-foreground",
1687
+ animate: { y: [0, -8, 0] },
1688
+ transition: { repeat: Infinity, duration: 0.6, delay: 0 }
1689
+ }
1690
+ ),
1691
+ /* @__PURE__ */ jsx(
1692
+ motion.div,
1693
+ {
1694
+ className: "w-2 h-2 rounded-full bg-muted-foreground",
1695
+ animate: { y: [0, -8, 0] },
1696
+ transition: { repeat: Infinity, duration: 0.6, delay: 0.2 }
1697
+ }
1698
+ ),
1699
+ /* @__PURE__ */ jsx(
1700
+ motion.div,
1701
+ {
1702
+ className: "w-2 h-2 rounded-full bg-muted-foreground",
1703
+ animate: { y: [0, -8, 0] },
1704
+ transition: { repeat: Infinity, duration: 0.6, delay: 0.4 }
1705
+ }
1706
+ )
1707
+ ] }) })
1708
+ ]
1709
+ }
1710
+ );
1711
+ }
1712
+
1713
+ function AssistantConversationList({
1714
+ conversations,
1715
+ currentConversationId,
1716
+ activeTab,
1717
+ isFullPage,
1718
+ onNewConversation,
1719
+ onSelectConversation,
1720
+ onToggleFavorite
1721
+ }) {
1722
+ const { t } = useTranslation();
1723
+ return /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs("div", { className: `p-4 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: [
1724
+ /* @__PURE__ */ jsxs(
1725
+ Button,
1726
+ {
1727
+ variant: "outline",
1728
+ size: "sm",
1729
+ onClick: onNewConversation,
1730
+ className: "w-full mb-4 justify-start",
1731
+ children: [
1732
+ /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-2" }),
1733
+ t("assistant.newConversation")
1734
+ ]
1735
+ }
1736
+ ),
1737
+ /* @__PURE__ */ jsx("div", { className: "space-y-2", children: conversations.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8", children: [
1738
+ /* @__PURE__ */ jsx(Heart, { className: "w-12 h-12 mx-auto text-muted-foreground/50 mb-2" }),
1739
+ /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: activeTab === "favoritos" ? t("assistant.noFavorites") : t("assistant.noHistory") })
1740
+ ] }) : conversations.map((conversa) => /* @__PURE__ */ jsxs(
1741
+ "div",
1742
+ {
1743
+ onClick: () => onSelectConversation(conversa.id),
1744
+ className: cn(
1745
+ "p-3 rounded-[var(--radius)] cursor-pointer transition-colors duration-200 border",
1746
+ conversa.id === currentConversationId ? "border-primary bg-primary/10" : "border-border hover:bg-muted"
1747
+ ),
1748
+ children: [
1749
+ /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-1", children: [
1750
+ /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-foreground truncate flex-1", children: conversa.title }),
1751
+ /* @__PURE__ */ jsx(
1752
+ Button,
1753
+ {
1754
+ variant: "ghost",
1755
+ size: "sm",
1756
+ onClick: (e) => {
1757
+ e.stopPropagation();
1758
+ onToggleFavorite(conversa.id);
1759
+ },
1760
+ className: "h-6 w-6 p-0 flex-shrink-0 ml-1",
1761
+ children: /* @__PURE__ */ jsx(
1762
+ Heart,
1763
+ {
1764
+ className: cn(
1765
+ "w-3 h-3",
1766
+ conversa.isFavorite ? "text-destructive fill-current" : "text-muted-foreground"
1767
+ )
1768
+ }
1769
+ )
1770
+ }
1771
+ )
1772
+ ] }),
1773
+ conversa.lastMessage && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground truncate mb-1", children: conversa.lastMessage }),
1774
+ /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: conversa.timestamp })
1775
+ ]
1776
+ },
1777
+ conversa.id
1778
+ )) })
1779
+ ] }) });
1780
+ }
1781
+
1782
+ function AssistantFeedbackDialog({
1783
+ state,
1784
+ onReasonChange,
1785
+ onClose,
1786
+ onSubmit
1787
+ }) {
1788
+ const { t } = useTranslation();
1789
+ return /* @__PURE__ */ jsx(Dialog, { open: state.isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[600px]", children: [
1790
+ /* @__PURE__ */ jsxs(DialogHeader, { children: [
1791
+ /* @__PURE__ */ jsx(DialogTitle, { className: "pr-8", children: state.category ? t("assistant.feedbackDialog.titleWithCategory", { category: state.category }) : t("assistant.feedbackDialog.title") }),
1792
+ /* @__PURE__ */ jsx(DialogDescription, { children: state.category ? t("assistant.feedbackDialog.descriptionOptional") : t("assistant.feedbackDialog.description") })
1793
+ ] }),
1794
+ /* @__PURE__ */ jsx("div", { className: "grid gap-4 py-4 px-6", children: /* @__PURE__ */ jsx(
1795
+ Textarea,
1796
+ {
1797
+ className: "min-h-[100px]",
1798
+ placeholder: state.category ? t("assistant.feedbackDialog.placeholderOptional") : t("assistant.feedbackDialog.placeholder"),
1799
+ "aria-label": state.category ? t("assistant.feedbackDialog.placeholderOptional") : t("assistant.feedbackDialog.placeholder"),
1800
+ value: state.reason,
1801
+ onChange: (e) => onReasonChange(e.target.value),
1802
+ rows: 4
1803
+ }
1804
+ ) }),
1805
+ /* @__PURE__ */ jsxs(DialogFooter, { children: [
1806
+ /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: t("common.cancel") }),
1807
+ /* @__PURE__ */ jsx(Button, { onClick: onSubmit, disabled: !state.category && !state.reason.trim(), children: state.category ? t("assistant.feedbackDialog.confirmAndSend") : t("assistant.feedbackDialog.send") })
1808
+ ] })
1809
+ ] }) });
1810
+ }
1811
+
1812
+ function AssistantDocumentEditor({
1813
+ document,
1814
+ isMobile,
1815
+ containerWidth,
1816
+ onClose,
1817
+ onChange
1818
+ }) {
1819
+ const { t } = useTranslation();
1820
+ return /* @__PURE__ */ jsx(
1821
+ "div",
1822
+ {
1823
+ className: cn(
1824
+ "flex flex-col border-border bg-background overflow-hidden transition-all duration-300",
1825
+ isMobile ? "fixed inset-0 z-[110] w-full h-[100dvh]" : "absolute top-0 bottom-0 right-full w-[800px] border-l border-r border-border shadow-[-25px_0_50px_-15px_rgba(0,0,0,0.15)] z-[90]"
1826
+ ),
1827
+ style: { maxWidth: isMobile ? "none" : `calc(100vw - ${containerWidth})` },
1828
+ children: /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col", children: [
1829
+ /* @__PURE__ */ jsxs("div", { className: "px-4 h-[64px] border-b border-border bg-card flex items-center justify-between", children: [
1830
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
1831
+ /* @__PURE__ */ jsx("div", { className: "p-2 bg-primary/10 rounded-md", children: /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 text-primary" }) }),
1832
+ /* @__PURE__ */ jsx("h3", { className: "font-semibold text-card-foreground text-sm", children: document.title })
1833
+ ] }),
1834
+ /* @__PURE__ */ jsx(
1835
+ Button,
1836
+ {
1837
+ variant: "ghost",
1838
+ size: "icon",
1839
+ className: "h-8 w-8 rounded-full",
1840
+ onClick: onClose,
1841
+ "aria-label": t("assistant.closeDocumentEditor"),
1842
+ children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
1843
+ }
1844
+ )
1845
+ ] }),
1846
+ /* @__PURE__ */ jsx("div", { className: "flex-1 bg-muted/20 p-0 sm:p-6 overflow-hidden", children: /* @__PURE__ */ jsx(
1847
+ RichTextEditor,
1848
+ {
1849
+ value: document.content || "",
1850
+ onChange: (newVal) => onChange({ ...document, content: newVal }),
1851
+ placeholder: t("assistant.documentEditorPlaceholder"),
1852
+ className: "max-w-4xl mx-auto h-full",
1853
+ actionButton: /* @__PURE__ */ jsxs(Button, { size: "sm", className: "gap-2 h-8", children: [
1854
+ /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5" }),
1855
+ t("common.save")
1856
+ ] })
1857
+ }
1858
+ ) })
1859
+ ] })
1860
+ }
1861
+ );
1862
+ }
1863
+
1864
+ function XerticaAssistant({
1865
+ mode = "expanded",
1866
+ isExpanded: controlledIsExpanded,
1867
+ onToggle,
1868
+ defaultTab = "chat",
1869
+ demoMode = true,
1870
+ onNavigateSettings,
1871
+ onNavigateFullPage,
1872
+ userName,
1873
+ initialMessages = [],
1874
+ savedConversations = [],
1875
+ suggestions: propSuggestions,
1876
+ onSendMessage,
1877
+ onFileAttach,
1878
+ isProcessing = false,
1879
+ width,
1880
+ height,
1881
+ className = "",
1882
+ mobileFloating = false,
1883
+ customResponses = [],
1884
+ responseGenerator,
1885
+ richSuggestions = [],
1886
+ welcomeMessage,
1887
+ onRichAction,
1888
+ onEvaluation,
1889
+ feedbackOptions,
1890
+ // Feature flags — all default to true for backward compatibility
1891
+ showHistory = true,
1892
+ showFavorites = true,
1893
+ enableAudioInput = true,
1894
+ enableFileAttachment = true,
1895
+ enableDocumentCreation = true,
1896
+ enablePodcastGeneration = true,
1897
+ enableSearch = true
1898
+ }) {
1899
+ const { t } = useTranslation();
1900
+ const resolvedUserName = userName ?? t("assistant.defaultUserName");
1901
+ const resolvedWelcomeMessage = welcomeMessage ?? t("assistant.defaultWelcomeMessage");
1902
+ const {
1903
+ isFullPage,
1904
+ isExpanded,
1905
+ isMobile,
1906
+ abaSelecionada,
1907
+ setAbaSelecionada,
1908
+ mensagens,
1909
+ mensagem,
1910
+ setMensagem,
1911
+ conversaAtual,
1912
+ conversasFiltradas,
1913
+ copiedId,
1914
+ generatingPodcastId,
1915
+ executingCommand,
1916
+ savedSearches,
1917
+ editingDocument,
1918
+ setEditingDocument,
1919
+ showMoreSuggestions,
1920
+ setShowMoreSuggestions,
1921
+ evaluationState,
1922
+ setEvaluationState,
1923
+ sugestoes,
1924
+ messagesEndRef,
1925
+ fileInputRef,
1926
+ audioInputRef,
1927
+ handleToggle,
1928
+ handleExpandWithTab,
1929
+ handleEnviarMensagem,
1930
+ handleToggleFavorite,
1931
+ handleCopyMessage,
1932
+ handleGeneratePodcast,
1933
+ handleDownloadDocument,
1934
+ handleDownloadPodcast,
1935
+ handleEditDocument,
1936
+ handleNovaConversa,
1937
+ handleSelecionarConversa,
1938
+ handleToggleFavoritaConversa,
1939
+ handleOpenSearchResult,
1940
+ handleExecuteSearchCommand,
1941
+ handleRichSuggestionClick,
1942
+ handleEvaluationClick,
1943
+ openFeedbackDialog,
1944
+ handleSubmitDislike
1945
+ } = useAssistant({
1946
+ mode,
1947
+ isExpanded: controlledIsExpanded,
1948
+ onToggle,
1949
+ defaultTab,
1950
+ demoMode,
1951
+ customResponses,
1952
+ initialMessages,
1953
+ savedConversations,
1954
+ suggestions: propSuggestions,
1955
+ onSendMessage,
1956
+ isProcessing,
1957
+ responseGenerator,
1958
+ richSuggestions,
1959
+ onRichAction,
1960
+ onEvaluation
1961
+ });
1962
+ const containerWidth = width ?? (isFullPage ? "100%" : isExpanded ? "420px" : "80px");
1963
+ const containerHeight = height ?? "h-full";
1964
+ if (isMobile && !isExpanded) {
1965
+ return /* @__PURE__ */ jsxs(
1966
+ Button,
1967
+ {
1968
+ onClick: handleToggle,
1969
+ className: cn(
1970
+ "fixed bottom-4 right-4 h-14 rounded-full shadow-lg pl-3 pr-5 gap-3 bg-white text-zinc-900 hover:bg-zinc-50 border border-zinc-200 z-50 transition-all duration-300",
1971
+ className
1972
+ ),
1973
+ children: [
1974
+ /* @__PURE__ */ jsx(XerticaOrbe, { size: 32 }),
1975
+ /* @__PURE__ */ jsx("span", { className: "font-semibold text-base tracking-wide", children: t("assistant.title") })
1976
+ ]
1977
+ }
1978
+ );
1979
+ }
1980
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
1981
+ /* @__PURE__ */ jsx(
1982
+ "input",
1983
+ {
1984
+ ref: fileInputRef,
1985
+ type: "file",
1986
+ accept: ".pdf,.doc,.docx,.txt,.md",
1987
+ className: "hidden",
1988
+ onChange: (e) => {
1989
+ const file = e.target.files?.[0];
1990
+ if (file && onFileAttach) {
1991
+ onFileAttach(file);
1992
+ }
1993
+ },
1994
+ "aria-label": t("assistant.uploadDocument")
1995
+ }
1996
+ ),
1997
+ /* @__PURE__ */ jsx(
1998
+ "input",
1999
+ {
2000
+ ref: audioInputRef,
2001
+ type: "file",
2002
+ accept: "audio/*",
2003
+ className: "hidden",
2004
+ onChange: (e) => {
2005
+ const file = e.target.files?.[0];
2006
+ if (file && onFileAttach) {
2007
+ onFileAttach(file);
2008
+ }
2009
+ },
2010
+ "aria-label": t("assistant.uploadAudio")
2011
+ }
2012
+ ),
2013
+ /* @__PURE__ */ jsxs(
2014
+ "div",
2015
+ {
2016
+ className: cn(
2017
+ `${containerHeight} flex flex-col bg-background relative`,
2018
+ !isFullPage && "border-l border-border shadow-sm",
2019
+ isMobile && isExpanded && "fixed inset-0 z-[100] h-[100dvh] w-full border-l-0 shadow-2xl",
2020
+ className
2021
+ ),
2022
+ style: !(isMobile && isExpanded) ? {
2023
+ width: isFullPage ? "100%" : containerWidth
2024
+ } : void 0,
2025
+ children: [
2026
+ editingDocument && !isFullPage && /* @__PURE__ */ jsx(
2027
+ AssistantDocumentEditor,
2028
+ {
2029
+ document: editingDocument,
2030
+ isMobile,
2031
+ containerWidth,
2032
+ onClose: () => setEditingDocument(null),
2033
+ onChange: (doc) => setEditingDocument(doc)
2034
+ }
2035
+ ),
2036
+ !isFullPage && /* @__PURE__ */ jsx(
2037
+ AssistantHeader,
2038
+ {
2039
+ isExpanded,
2040
+ onToggle: handleToggle,
2041
+ onNavigateFullPage
2042
+ }
2043
+ ),
2044
+ !isExpanded && !isFullPage && /* @__PURE__ */ jsx(
2045
+ AssistantCollapsedView,
2046
+ {
2047
+ showHistory,
2048
+ showFavorites,
2049
+ onToggle: handleToggle,
2050
+ onExpandWithTab: handleExpandWithTab
2051
+ }
2052
+ ),
2053
+ /* @__PURE__ */ jsx(AnimatePresence, { children: (isExpanded || isFullPage) && /* @__PURE__ */ jsxs(
2054
+ motion.div,
2055
+ {
2056
+ initial: isFullPage ? false : { opacity: 0, x: 50 },
2057
+ animate: { opacity: 1, x: 0 },
2058
+ exit: isFullPage ? void 0 : { opacity: 0, x: 50 },
2059
+ transition: { duration: 0.2 },
2060
+ className: "flex-1 flex flex-col overflow-hidden",
2061
+ children: [
2062
+ !isFullPage && (showHistory || showFavorites) && /* @__PURE__ */ jsx(
2063
+ AssistantTabBar,
2064
+ {
2065
+ activeTab: abaSelecionada,
2066
+ showHistory,
2067
+ showFavorites,
2068
+ onTabChange: setAbaSelecionada
2069
+ }
2070
+ ),
2071
+ /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-hidden flex flex-col", children: [
2072
+ abaSelecionada === "chat" && /* @__PURE__ */ jsx(
2073
+ "div",
2074
+ {
2075
+ className: `flex-1 flex flex-col min-h-0 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`,
2076
+ children: mensagens.length === 0 ? /* @__PURE__ */ jsx(
2077
+ AssistantWelcomeScreen,
2078
+ {
2079
+ userName: resolvedUserName,
2080
+ welcomeMessage: resolvedWelcomeMessage,
2081
+ suggestions: sugestoes,
2082
+ richSuggestions,
2083
+ showMoreSuggestions,
2084
+ onSetShowMoreSuggestions: setShowMoreSuggestions,
2085
+ onSendSuggestion: handleEnviarMensagem,
2086
+ onRichSuggestionClick: handleRichSuggestionClick
2087
+ }
2088
+ ) : /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 min-h-0 overflow-x-hidden [&_[data-radix-scroll-area-viewport]>div]:!block", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 px-4 py-4 max-w-6xl mx-auto !block !w-full", children: [
2089
+ mensagens.map((msg) => /* @__PURE__ */ jsx(
2090
+ AssistantMessageBubble,
2091
+ {
2092
+ msg,
2093
+ copiedId,
2094
+ generatingPodcastId,
2095
+ executingCommand,
2096
+ savedSearches,
2097
+ enablePodcastGeneration,
2098
+ feedbackOptions,
2099
+ onCopyMessage: handleCopyMessage,
2100
+ onToggleFavorite: handleToggleFavorite,
2101
+ onGeneratePodcast: handleGeneratePodcast,
2102
+ onDownloadDocument: handleDownloadDocument,
2103
+ onDownloadPodcast: handleDownloadPodcast,
2104
+ onEditDocument: handleEditDocument,
2105
+ onOpenSearchResult: handleOpenSearchResult,
2106
+ onExecuteSearchCommand: handleExecuteSearchCommand,
2107
+ onEvaluationClick: handleEvaluationClick,
2108
+ onOpenFeedbackDialog: openFeedbackDialog
2109
+ },
2110
+ msg.id
2111
+ )),
2112
+ isProcessing && /* @__PURE__ */ jsx(AssistantTypingIndicator, {}),
2113
+ /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
2114
+ ] }) })
2115
+ }
2116
+ ),
2117
+ (abaSelecionada === "historico" && showHistory || abaSelecionada === "favoritos" && showFavorites) && /* @__PURE__ */ jsx(
2118
+ AssistantConversationList,
2119
+ {
2120
+ conversations: conversasFiltradas,
2121
+ currentConversationId: conversaAtual,
2122
+ activeTab: abaSelecionada,
2123
+ isFullPage,
2124
+ onNewConversation: handleNovaConversa,
2125
+ onSelectConversation: handleSelecionarConversa,
2126
+ onToggleFavorite: handleToggleFavoritaConversa
2127
+ }
2128
+ )
2129
+ ] }),
2130
+ abaSelecionada === "chat" && /* @__PURE__ */ jsx(
2131
+ ModernChatInput,
2132
+ {
2133
+ value: mensagem,
2134
+ onChange: setMensagem,
2135
+ onSubmit: handleEnviarMensagem,
2136
+ onFileUpload: enableFileAttachment ? () => fileInputRef.current?.click() : void 0,
2137
+ onAudioUpload: enableAudioInput ? () => audioInputRef.current?.click() : void 0,
2138
+ disabled: isProcessing,
2139
+ isFullPage,
2140
+ enableAudioInput,
2141
+ enableFileAttachment,
2142
+ enableDocumentCreation,
2143
+ enablePodcastGeneration,
2144
+ enableSearch
2145
+ }
2146
+ )
2147
+ ]
2148
+ }
2149
+ ) })
2150
+ ]
2151
+ }
2152
+ ),
2153
+ /* @__PURE__ */ jsx(
2154
+ AssistantFeedbackDialog,
2155
+ {
2156
+ state: evaluationState,
2157
+ onReasonChange: (reason) => setEvaluationState((prev) => ({ ...prev, reason })),
2158
+ onClose: () => setEvaluationState((prev) => ({ ...prev, isOpen: false })),
2159
+ onSubmit: handleSubmitDislike
2160
+ }
2161
+ )
2162
+ ] });
2163
+ }
2164
+
2165
+ export { FormattedDocument as F, MarkdownMessage as M, XerticaAssistant as X, ModernChatInput as a, gerarResposta as g, useAssistant as u };