xertica-ui 2.1.2 → 2.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -0
- package/README.md +1 -1
- package/assets/xertica-logo.svg +37 -37
- package/assets/xertica-x-logo.svg +20 -20
- package/bin/cli.ts +1 -1
- package/bin/generate-tokens.ts +13 -7
- package/components/assistant/index.ts +6 -6
- package/components/assistant/xertica-assistant/index.ts +2 -0
- package/components/assistant/xertica-assistant/use-assistant.ts +564 -0
- package/components/assistant/xertica-assistant/xertica-assistant.stories.tsx +200 -0
- package/components/assistant/xertica-assistant/xertica-assistant.tsx +183 -474
- package/components/blocks/card-patterns/ActivityCard.tsx +72 -72
- package/components/blocks/card-patterns/FeatureCard.tsx +100 -100
- package/components/blocks/card-patterns/NotificationCard.tsx +127 -127
- package/components/blocks/card-patterns/ProfileCard.tsx +84 -84
- package/components/blocks/card-patterns/ProjectCard.tsx +89 -89
- package/components/blocks/card-patterns/QuickActionCard.tsx +62 -62
- package/components/blocks/card-patterns/card-patterns.stories.tsx +445 -445
- package/components/blocks/card-patterns/index.ts +17 -17
- package/components/blocks/index.ts +1 -1
- package/components/brand/index.ts +6 -6
- package/components/brand/xertica-provider/XerticaProvider.tsx +48 -48
- package/components/brand/xertica-provider/xertica-provider.mdx +61 -61
- package/components/brand/xertica-provider/xertica-provider.test.tsx +52 -52
- package/components/examples/MapExamples.tsx +282 -282
- package/components/examples/SimpleFilterableMap.tsx +191 -191
- package/components/examples/index.ts +51 -51
- package/components/figma/ImageWithFallback.tsx +27 -27
- package/components/hooks/index.ts +7 -7
- package/components/index.ts +5 -5
- package/components/layout/header/header.test.tsx +8 -8
- package/components/layout/header/header.tsx +4 -4
- package/components/layout/index.ts +2 -2
- package/components/layout/sidebar/index.ts +2 -0
- package/components/layout/sidebar/sidebar.mdx +1 -1
- package/components/layout/sidebar/sidebar.stories.tsx +160 -8
- package/components/layout/sidebar/sidebar.test.tsx +11 -11
- package/components/layout/sidebar/sidebar.tsx +610 -471
- package/components/layout/sidebar/use-sidebar.ts +113 -0
- package/components/media/FloatingMediaWrapper.tsx +11 -11
- package/components/media/audio-player/AudioPlayer.tsx +22 -22
- package/components/media/index.ts +3 -3
- package/components/pages/home-content/HomeContent.tsx +7 -7
- package/components/pages/home-content/home-content.mdx +62 -62
- package/components/pages/home-page/HomePage.stories.tsx +39 -39
- package/components/pages/home-page/HomePage.tsx +1 -1
- package/components/pages/home-page/home-page.mdx +53 -53
- package/components/pages/index.ts +8 -8
- package/components/pages/template-content/TemplateContent.tsx +5 -5
- package/components/pages/template-content/template-content.mdx +61 -61
- package/components/pages/template-page/TemplatePage.stories.tsx +39 -39
- package/components/pages/template-page/TemplatePage.tsx +5 -5
- package/components/pages/template-page/template-page.mdx +53 -53
- package/components/public-api-smoke.test.tsx +52 -52
- package/components/shared/assistant-utils.ts +43 -43
- package/components/shared/layout-constants.ts +1 -1
- package/components/ui/accordion/accordion.mdx +8 -8
- package/components/ui/accordion/accordion.stories.tsx +53 -53
- package/components/ui/alert/alert.mdx +8 -8
- package/components/ui/alert-dialog/alert-dialog.mdx +8 -8
- package/components/ui/aspect-ratio/aspect-ratio.mdx +8 -8
- package/components/ui/assistant-chart/assistant-chart.mdx +8 -8
- package/components/ui/avatar/avatar.mdx +8 -8
- package/components/ui/badge/badge.mdx +8 -8
- package/components/ui/badge/badge.tsx +9 -9
- package/components/ui/breadcrumb/breadcrumb.mdx +8 -8
- package/components/ui/button/button.mdx +8 -8
- package/components/ui/calendar/calendar.mdx +8 -8
- package/components/ui/calendar/calendar.tsx +258 -258
- package/components/ui/card/card.mdx +8 -8
- package/components/ui/card/card.stories.tsx +245 -245
- package/components/ui/carousel/carousel.mdx +8 -8
- package/components/ui/chart/chart.mdx +8 -8
- package/components/ui/chart/chart.stories.tsx +1303 -344
- package/components/ui/chart/chart.test.tsx +154 -154
- package/components/ui/chart/chart.tsx +2367 -1494
- package/components/ui/checkbox/checkbox.mdx +8 -8
- package/components/ui/checkbox/checkbox.stories.tsx +20 -20
- package/components/ui/collapsible/collapsible.mdx +8 -8
- package/components/ui/command/command.mdx +8 -8
- package/components/ui/context-menu/context-menu.mdx +8 -8
- package/components/ui/dialog/dialog.mdx +8 -8
- package/components/ui/drawer/drawer.mdx +8 -8
- package/components/ui/dropdown-menu/dropdown-menu.mdx +8 -8
- package/components/ui/empty/empty.mdx +8 -8
- package/components/ui/file-upload/file-upload.mdx +8 -8
- package/components/ui/file-upload/file-upload.stories.tsx +100 -0
- package/components/ui/file-upload/file-upload.tsx +14 -74
- package/components/ui/file-upload/index.ts +1 -0
- package/components/ui/file-upload/use-file-upload.ts +181 -0
- package/components/ui/google-maps-loader/google-maps-loader.tsx +2 -2
- package/components/ui/hover-card/hover-card.mdx +8 -8
- package/components/ui/input/input.mdx +8 -8
- package/components/ui/input-otp/input-otp.mdx +8 -8
- package/components/ui/input-otp/input-otp.stories.tsx +6 -6
- package/components/ui/label/label.mdx +8 -8
- package/components/ui/map/map.mdx +8 -8
- package/components/ui/map/map.stories.tsx +51 -51
- package/components/ui/map/map.tsx +2 -2
- package/components/ui/menubar/menubar.mdx +8 -8
- package/components/ui/navigation-menu/navigation-menu.mdx +8 -8
- package/components/ui/notification-badge/notification-badge.mdx +8 -8
- package/components/ui/pagination/index.ts +2 -0
- package/components/ui/pagination/pagination.mdx +8 -8
- package/components/ui/pagination/pagination.stories.tsx +94 -0
- package/components/ui/pagination/use-pagination.ts +194 -0
- package/components/ui/popover/popover.mdx +8 -8
- package/components/ui/progress/progress.mdx +8 -8
- package/components/ui/progress/progress.tsx +68 -68
- package/components/ui/radio-group/radio-group.mdx +8 -8
- package/components/ui/rating/rating.mdx +8 -8
- package/components/ui/resizable/resizable.mdx +8 -8
- package/components/ui/rich-text-editor/index.ts +2 -0
- package/components/ui/rich-text-editor/rich-text-editor.stories.tsx +129 -1
- package/components/ui/rich-text-editor/rich-text-editor.tsx +86 -305
- package/components/ui/rich-text-editor/use-rich-text-editor.ts +439 -0
- package/components/ui/route-map/route-map.mdx +8 -8
- package/components/ui/route-map/route-map.stories.tsx +54 -54
- package/components/ui/route-map/route-map.tsx +2 -2
- package/components/ui/scroll-area/scroll-area.mdx +8 -8
- package/components/ui/search/search.mdx +8 -8
- package/components/ui/select/select.mdx +8 -8
- package/components/ui/select/select.stories.tsx +9 -9
- package/components/ui/separator/separator.mdx +8 -8
- package/components/ui/sheet/sheet.mdx +8 -8
- package/components/ui/sheet/sheet.stories.tsx +95 -95
- package/components/ui/simple-map/simple-map.mdx +8 -8
- package/components/ui/simple-map/simple-map.stories.tsx +48 -48
- package/components/ui/skeleton/skeleton.mdx +8 -8
- package/components/ui/slider/slider.mdx +8 -8
- package/components/ui/sonner/sonner.mdx +8 -8
- package/components/ui/stats-card/stats-card.mdx +8 -8
- package/components/ui/stepper/index.ts +3 -1
- package/components/ui/stepper/stepper.mdx +8 -8
- package/components/ui/stepper/stepper.stories.tsx +116 -0
- package/components/ui/stepper/stepper.tsx +4 -4
- package/components/ui/stepper/use-stepper.ts +137 -0
- package/components/ui/switch/switch.mdx +8 -8
- package/components/ui/switch/switch.stories.tsx +20 -20
- package/components/ui/table/table.mdx +8 -8
- package/components/ui/tabs/tabs.mdx +8 -8
- package/components/ui/tabs/tabs.stories.tsx +26 -26
- package/components/ui/textarea/textarea.mdx +8 -8
- package/components/ui/timeline/timeline.mdx +8 -8
- package/components/ui/toggle/toggle.mdx +8 -8
- package/components/ui/toggle-group/toggle-group.mdx +8 -8
- package/components/ui/tooltip/tooltip.mdx +8 -8
- package/components/ui/tree-view/index.ts +4 -1
- package/components/ui/tree-view/tree-view.mdx +8 -8
- package/components/ui/tree-view/tree-view.stories.tsx +110 -4
- package/components/ui/tree-view/tree-view.tsx +17 -125
- package/components/ui/tree-view/use-tree-view.ts +229 -0
- package/components.json +1512 -1512
- package/contexts/ApiKeyContext.tsx +72 -72
- package/contexts/BrandColorsContext.tsx +26 -26
- package/contexts/LanguageContext.tsx +13 -13
- package/contexts/LayoutContext.test.tsx +11 -11
- package/contexts/LayoutContext.tsx +29 -29
- package/contexts/ThemeContext.tsx +26 -26
- package/contexts/theme-data.ts +4 -4
- package/dist/{AssistantChart-CVzmmhx4.js → AssistantChart-C_hwFRRr.js} +4 -4
- package/dist/{AssistantChart-BAx9VQvb.cjs → AssistantChart-CldVCVDe.cjs} +311 -94
- package/dist/{AssistantChart-CVko2A1W.js → AssistantChart-Cu3m7RBo.js} +314 -97
- package/dist/{AssistantChart-9w31gdAb.cjs → AssistantChart-DoZCyS5r.cjs} +4 -4
- package/dist/AudioPlayer-B1lt5cPl.cjs +989 -0
- package/dist/AudioPlayer-BZ7bibzU.cjs +982 -0
- package/dist/AudioPlayer-C12BjQBV.cjs +997 -0
- package/dist/AudioPlayer-DMcG_c7L.js +990 -0
- package/dist/AudioPlayer-DcFKRJE_.js +998 -0
- package/dist/AudioPlayer-e8LfNoqO.js +983 -0
- package/dist/{xertica-assistant-Qp3ydksa.cjs → CodeBlock-7TTgmdGG.cjs} +263 -51
- package/dist/{xertica-assistant-gnCJdcZY.js → CodeBlock-BeSt1h5P.js} +219 -7
- package/dist/CodeBlock-BgfYL_rD.cjs +2094 -0
- package/dist/CodeBlock-BlcqlA9M.cjs +2094 -0
- package/dist/CodeBlock-Bnmeu5ez.cjs +2094 -0
- package/dist/CodeBlock-BtfPlbAI.js +2078 -0
- package/dist/CodeBlock-CIySIuYr.js +2078 -0
- package/dist/CodeBlock-CuPtUM-7.cjs +2094 -0
- package/dist/CodeBlock-D6ffWXgc.js +2078 -0
- package/dist/CodeBlock-D8dcwbit.cjs +2094 -0
- package/dist/CodeBlock-DMZrFnlw.cjs +2094 -0
- package/dist/CodeBlock-DlBehYN8.js +2078 -0
- package/dist/CodeBlock-DnYNI8rQ.js +2078 -0
- package/dist/CodeBlock-DvKWbSnE.cjs +2094 -0
- package/dist/CodeBlock-DwMCfkFY.js +2078 -0
- package/dist/CodeBlock-Dy6CNYyj.js +2078 -0
- package/dist/CodeBlock-U1pPOQI7.cjs +2094 -0
- package/dist/CodeBlock-f_GpNhEB.js +2078 -0
- package/dist/CodeBlock-oB6u8nI1.js +2078 -0
- package/dist/CodeBlock-tZC31B73.cjs +2094 -0
- package/dist/ImageWithFallback-CGtidP6B.cjs +4542 -0
- package/dist/ImageWithFallback-lsg3pdFg.js +4508 -0
- package/dist/LanguageSelector-B5YfbHra.js +231 -0
- package/dist/LanguageSelector-D6uacAIM.cjs +230 -0
- package/dist/LayoutContext-BAql6ZRY.js +97 -0
- package/dist/LayoutContext-BvK-ggDa.cjs +96 -0
- package/dist/ThemeContext-BoH4NLfN.js +734 -0
- package/dist/{ThemeContext-BbBNoFTG.js → ThemeContext-C2EwAPDt.js} +2 -2
- package/dist/ThemeContext-r69W20Xg.cjs +733 -0
- package/dist/{ThemeContext-Cmr8Ex8H.cjs → ThemeContext-vTjumZeM.cjs} +2 -2
- package/dist/{VerifyEmailPage-BE-L9mB7.js → VerifyEmailPage-C0c2e5n0.js} +7 -7
- package/dist/{VerifyEmailPage-DMBh4NM9.cjs → VerifyEmailPage-CYXtbKi3.cjs} +1 -1
- package/dist/{VerifyEmailPage-CR7kb5df.cjs → VerifyEmailPage-Cwi3kbol.cjs} +7 -7
- package/dist/{VerifyEmailPage-CdYPSJoO.js → VerifyEmailPage-DvMLZgFt.js} +1 -1
- package/dist/XerticaOrbe-KL1RBHzw.cjs +1354 -0
- package/dist/XerticaOrbe-zwS1p2a8.js +1355 -0
- package/dist/XerticaProvider-6btlAlzc.js +17 -0
- package/dist/XerticaProvider-BNoNOxQ5.cjs +16 -0
- package/dist/XerticaProvider-BlY2limY.cjs +38 -0
- package/dist/{XerticaProvider-BITjgC5p.js → XerticaProvider-CEoWMTxu.js} +2 -2
- package/dist/{XerticaProvider-By8q3Roe.cjs → XerticaProvider-CllrbMEJ.cjs} +2 -2
- package/dist/XerticaProvider-DDuiIcKo.js +39 -0
- package/dist/XerticaProvider-cI9hSs27.cjs +38 -0
- package/dist/XerticaProvider-hSwhNQex.js +39 -0
- package/dist/{alert-dialog-yckpaOpy.cjs → alert-dialog-DSKByiKZ.cjs} +3 -3
- package/dist/{alert-dialog-iDe5VE5o.js → alert-dialog-s-vmNkJ_.js} +3 -3
- package/dist/assistant.cjs.js +2 -1
- package/dist/assistant.es.js +3 -2
- package/dist/brand.cjs.js +1 -1
- package/dist/brand.es.js +1 -1
- package/dist/breadcrumb-CqJ7bHY5.js +161 -0
- package/dist/breadcrumb-m9Hb2_XN.cjs +177 -0
- package/dist/cli.js +14 -8
- package/dist/components/assistant/xertica-assistant/index.d.ts +2 -0
- package/dist/components/assistant/xertica-assistant/use-assistant.d.ts +126 -0
- package/dist/components/assistant/xertica-assistant/xertica-assistant.d.ts +7 -2
- package/dist/components/blocks/audio-player/AudioPlayer.d.ts +35 -0
- package/dist/components/blocks/audio-player/index.d.ts +1 -0
- package/dist/components/blocks/document-editor/DocumentEditor.d.ts +26 -0
- package/dist/components/blocks/document-editor/index.d.ts +1 -0
- package/dist/components/blocks/podcast-player/PodcastPlayer.d.ts +41 -0
- package/dist/components/blocks/podcast-player/index.d.ts +1 -0
- package/dist/components/layout/sidebar/index.d.ts +2 -0
- package/dist/components/layout/sidebar/sidebar.d.ts +80 -0
- package/dist/components/layout/sidebar/use-sidebar.d.ts +22 -0
- package/dist/components/shared/layout-constants.d.ts +1 -1
- package/dist/components/ui/button/button.d.ts +1 -1
- package/dist/components/ui/chart/chart.d.ts +162 -5
- package/dist/components/ui/file-upload/file-upload.d.ts +2 -0
- package/dist/components/ui/file-upload/index.d.ts +1 -0
- package/dist/components/ui/file-upload/use-file-upload.d.ts +49 -0
- package/dist/components/ui/pagination/index.d.ts +2 -0
- package/dist/components/ui/pagination/use-pagination.d.ts +78 -0
- package/dist/components/ui/rich-text-editor/index.d.ts +2 -0
- package/dist/components/ui/rich-text-editor/use-rich-text-editor.d.ts +107 -0
- package/dist/components/ui/stepper/index.d.ts +3 -1
- package/dist/components/ui/stepper/stepper.d.ts +2 -2
- package/dist/components/ui/stepper/use-stepper.d.ts +60 -0
- package/dist/components/ui/tree-view/index.d.ts +4 -1
- package/dist/components/ui/tree-view/tree-view.d.ts +4 -6
- package/dist/components/ui/tree-view/use-tree-view.d.ts +60 -0
- package/dist/dropdown-menu-BDB5CmQs.cjs +247 -0
- package/dist/dropdown-menu-DQidbKBD.js +231 -0
- package/dist/google-maps-loader-BFWp6VPd.js +287 -0
- package/dist/{google-maps-loader-t2IlYBzw.js → google-maps-loader-CTYySAun.js} +4 -0
- package/dist/{google-maps-loader-BqsYL48U.cjs → google-maps-loader-Y-QkD-Li.cjs} +5 -0
- package/dist/google-maps-loader-eS3uQ5TA.cjs +287 -0
- package/dist/header-Cgy6vYPk.cjs +731 -0
- package/dist/header-DRlT4jgI.js +715 -0
- package/dist/header-Dux00SI4.cjs +731 -0
- package/dist/header-EkGKXPsD.js +715 -0
- package/dist/header-WfEywpyc.cjs +731 -0
- package/dist/header-tifNQn2U.js +715 -0
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.es.js +1 -1
- package/dist/index-BhapVLVj.js +8 -0
- package/dist/{index-D3RLKRAs.cjs → index-COtD8bRW.cjs} +1 -1
- package/dist/index-D6fxYEY8.cjs +7 -0
- package/dist/index-DW5tYe26.js +8 -0
- package/dist/index.cjs.js +19 -8
- package/dist/index.es.js +39 -28
- package/dist/index.umd.js +1043 -470
- package/dist/input-2R4loU86.js +127 -0
- package/dist/input-DWANSKGb.cjs +145 -0
- package/dist/layout.cjs.js +89 -1
- package/dist/layout.es.js +90 -2
- package/dist/pages.cjs.js +1 -1
- package/dist/pages.es.js +1 -1
- package/dist/rich-text-editor-0mraWT5y.cjs +2376 -0
- package/dist/rich-text-editor-B6jMRLzk.cjs +1939 -0
- package/dist/rich-text-editor-B8_oYcIR.js +1730 -0
- package/dist/rich-text-editor-B9UbSXNb.js +1203 -0
- package/dist/rich-text-editor-BYuRBNBU.js +2373 -0
- package/dist/rich-text-editor-Bb9pySTs.cjs +2374 -0
- package/dist/rich-text-editor-BcL6L3cm.cjs +2374 -0
- package/dist/rich-text-editor-BoVZYtTs.cjs +2391 -0
- package/dist/rich-text-editor-CPV1lEPH.cjs +1748 -0
- package/dist/rich-text-editor-CoKqbCtu.cjs +1799 -0
- package/dist/rich-text-editor-Cw56T_mB.js +2356 -0
- package/dist/rich-text-editor-Cyt8qs2b.js +1921 -0
- package/dist/rich-text-editor-D6H84OcX.cjs +1220 -0
- package/dist/rich-text-editor-D76gD-QI.js +2328 -0
- package/dist/rich-text-editor-DKkokOnA.js +1781 -0
- package/dist/rich-text-editor-DNsdpN64.cjs +2359 -0
- package/dist/rich-text-editor-DfG8bCyY.js +2358 -0
- package/dist/rich-text-editor-DgF8s7xW.js +2949 -0
- package/dist/rich-text-editor-Dxjw31Z4.js +2341 -0
- package/dist/rich-text-editor-DzP0Epmb.js +2356 -0
- package/dist/rich-text-editor-mWoaSCE4.cjs +2966 -0
- package/dist/rich-text-editor-skplNlBM.cjs +2345 -0
- package/dist/select-Bkbr0f-Z.cjs +162 -0
- package/dist/select-CvIVdX2n.js +145 -0
- package/dist/sidebar-CK_0ZQHj.cjs +803 -0
- package/dist/sidebar-CUuOvYhK.js +787 -0
- package/dist/slider-Bc5Hd0y1.js +56 -0
- package/dist/slider-N7hFFj6X.cjs +73 -0
- package/dist/tooltip-Ded96neP.cjs +137 -0
- package/dist/tooltip-HDOoD2-0.js +120 -0
- package/dist/ui.cjs.js +14 -4
- package/dist/ui.es.js +26 -16
- package/dist/use-mobile-B0hNy_Y6.cjs +4303 -0
- package/dist/use-mobile-BXuYROXM.js +4202 -0
- package/dist/use-mobile-Bbd51ASU.cjs +4392 -0
- package/dist/use-mobile-Bk6CX-TC.js +4359 -0
- package/dist/use-mobile-BvYdisLP.js +4202 -0
- package/dist/use-mobile-BzuxjzNX.cjs +4392 -0
- package/dist/use-mobile-CG2-SdXV.cjs +4235 -0
- package/dist/use-mobile-CKb5pqTs.js +4269 -0
- package/dist/use-mobile-CYuAuGDl.js +4202 -0
- package/dist/use-mobile-CaENcqm-.js +4508 -0
- package/dist/use-mobile-CbrYgJGJ.js +4203 -0
- package/dist/use-mobile-DMOvImGQ.cjs +4542 -0
- package/dist/use-mobile-DRB3BQgD.cjs +4235 -0
- package/dist/use-mobile-DZvv7QMR.js +4359 -0
- package/dist/use-mobile-DdI_TXam.cjs +4235 -0
- package/dist/use-mobile-DlceKf8a.js +4359 -0
- package/dist/use-mobile-DsOnow1o.cjs +4236 -0
- package/dist/use-mobile-Kcj6jSnK.cjs +4392 -0
- package/dist/use-mobile-bnKcua_i.js +4202 -0
- package/dist/use-mobile-ncXBeE2z.cjs +4235 -0
- package/dist/{xertica-assistant-B1IaHXnB.cjs → xertica-assistant-dyP7KHM5.cjs} +533 -392
- package/dist/{xertica-assistant-DPsESB6t.js → xertica-assistant-yX1CFBBo.js} +535 -394
- package/dist/xertica-ui.css +2 -2
- package/docs/ai-usage.md +28 -10
- package/docs/architecture.md +76 -0
- package/docs/components/assistant.md +159 -0
- package/docs/components/calendar.md +154 -154
- package/docs/components/card-patterns.md +337 -337
- package/docs/components/card.md +235 -235
- package/docs/components/chart.md +354 -39
- package/docs/components/file-upload.md +119 -2
- package/docs/components/map.md +84 -84
- package/docs/components/pagination.md +187 -0
- package/docs/components/rich-text-editor.md +164 -0
- package/docs/components/sidebar.md +153 -4
- package/docs/components/stepper.md +157 -12
- package/docs/components/tree-view.md +164 -6
- package/docs/components/xertica-provider.md +24 -24
- package/docs/decision-tree.md +287 -287
- package/docs/getting-started.md +1 -1
- package/docs/guidelines.md +14 -8
- package/docs/layout.md +2 -2
- package/docs/llms.md +4 -4
- package/guidelines/Guidelines.md +252 -250
- package/hooks/useTheme.ts +3 -3
- package/imports/Podcast.tsx +388 -388
- package/imports/XerticaAi.tsx +45 -45
- package/imports/XerticaX.tsx +19 -19
- package/imports/svg-aueiaqngck.ts +11 -11
- package/imports/svg-v9krss1ozd.ts +16 -16
- package/imports/svg-vhrdofe3qe.ts +5 -5
- package/llms-compact.txt +327 -327
- package/llms.txt +160 -160
- package/package.json +203 -203
- package/styles/xertica/app-overrides/chat.css +61 -61
- package/styles/xertica/app-overrides/scrollbar.css +33 -33
- package/styles/xertica/integrations/google-maps.css +76 -76
- package/styles/xertica/integrations/sonner.css +73 -73
- package/styles/xertica/tokens.css +41 -12
- package/templates/CLAUDE.md +182 -172
- package/templates/guidelines/Guidelines.md +325 -313
- package/templates/package.json +3 -3
- package/templates/src/features/auth/index.ts +4 -4
- package/templates/src/features/auth/ui/AuthPageShell.tsx +34 -34
- package/templates/src/features/auth/ui/ForgotPasswordContent.tsx +70 -70
- package/templates/src/features/auth/ui/LoginContent.tsx +90 -90
- package/templates/src/features/auth/ui/ResetPasswordContent.tsx +151 -151
- package/templates/src/features/auth/ui/SocialLoginButtons.tsx +59 -59
- package/templates/src/features/auth/ui/VerifyEmailContent.tsx +82 -82
- package/templates/src/features/home/index.ts +1 -1
- package/templates/src/features/home/ui/HomeContent.tsx +100 -100
- package/templates/src/features/template/index.ts +5 -5
- package/templates/src/features/template/ui/CrudTemplate.tsx +3 -3
- package/templates/src/features/template/ui/DashboardTemplate.tsx +3 -3
- package/templates/src/features/template/ui/FormTemplate.tsx +120 -120
- package/templates/src/features/template/ui/LoginTemplate.tsx +3 -3
- package/templates/src/pages/AssistantPage.tsx +328 -328
- package/templates/src/pages/ForgotPasswordPage.tsx +6 -6
- package/templates/src/pages/HomePage.tsx +57 -57
- package/templates/src/pages/LoginPage.tsx +10 -10
- package/templates/src/pages/ResetPasswordPage.tsx +6 -6
- package/templates/src/pages/TemplatePage.tsx +30 -30
- package/templates/src/pages/VerifyEmailPage.tsx +6 -6
- package/templates/src/shared/config/navigation.ts +20 -20
- package/templates/src/shared/lib/auth.ts +20 -20
- package/templates/src/shared/types/auth.ts +3 -3
- package/templates/src/styles/xertica/tokens.css +39 -10
- package/templates/tsconfig.json +5 -5
- package/utils/gemini.ts +140 -140
- package/dist/VerifyEmailPage-Bae2cBXT.cjs +0 -2827
- package/dist/VerifyEmailPage-CbgjOF0v.js +0 -2828
- package/dist/index-CkTUgOwX.js +0 -8
|
@@ -1,16 +1,467 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import React__default, { useState, useRef,
|
|
2
|
+
import React__default, { useState, useEffect, useRef, useCallback } from "react";
|
|
3
|
+
import { toast } from "sonner";
|
|
4
|
+
import { BarChart3, ImageIcon, Table, FileText, ChevronUp, ChevronDown, X, Plus, Radio, Search, Paperclip, Mic, Send, Check, Maximize2, ChevronRight, PanelRight, MessageSquare, Heart, History, MoreHorizontal, ChevronLeft, Download, Edit, Music, Image, AlertCircle, FolderOpen, Folder, Users, ExternalLink, Clock, Loader2, ThumbsUp, ThumbsDown, Copy } from "lucide-react";
|
|
3
5
|
import { AnimatePresence, motion } from "framer-motion";
|
|
4
|
-
import { ChevronUp, ChevronDown, X, Plus, FileText, Radio, Search, Paperclip, Mic, Send, BarChart3, ImageIcon, Table, Check, Maximize2, ChevronRight, PanelRight, MessageSquare, Heart, History, MoreHorizontal, ChevronLeft, Download, Edit, Music, Image, AlertCircle, FolderOpen, Folder, Users, ExternalLink, Clock, Loader2, ThumbsUp, ThumbsDown, Copy } from "lucide-react";
|
|
5
6
|
import { BarChart, CartesianGrid, XAxis, Bar } from "recharts";
|
|
6
|
-
import {
|
|
7
|
+
import { J as RichTextEditor, c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent, d as ChartLegend, e as ChartLegendContent, T as Table$1, M as TableCaption, U as TableHeader, V as TableRow, Q as TableHead, L as TableBody, N as TableCell, k as Dialog, n as DialogContent, q as DialogHeader, t as DialogTitle, o as DialogDescription, W as Textarea, p as DialogFooter } from "./rich-text-editor-DgF8s7xW.js";
|
|
7
8
|
import { D as DropdownMenu, n as DropdownMenuTrigger, b as DropdownMenuContent, d as DropdownMenuItem } from "./dropdown-menu-nc_Lvg-u.js";
|
|
8
9
|
import { B as Button, c as cn } from "./button-qkz7Icqf.js";
|
|
9
10
|
import { P as Popover, c as PopoverTrigger, b as PopoverContent, S as ScrollArea } from "./input-D-6IsAca.js";
|
|
10
|
-
import { toast } from "sonner";
|
|
11
11
|
import { X as XerticaOrbe } from "./XerticaOrbe-BGIB1CTK.js";
|
|
12
12
|
import { T as Tooltip, c as TooltipTrigger } from "./tooltip-CTyZCD8h.js";
|
|
13
13
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
14
|
+
[
|
|
15
|
+
{ id: "rich-1", text: "Ver exemplo de Gráfico", icon: React__default.createElement(BarChart3, { className: "w-4 h-4 mr-2" }) },
|
|
16
|
+
{ id: "rich-2", text: "Ver exemplo de Imagem", icon: React__default.createElement(ImageIcon, { className: "w-4 h-4 mr-2" }) },
|
|
17
|
+
{ id: "rich-3", text: "Ver exemplo de Tabela", icon: React__default.createElement(Table, { className: "w-4 h-4 mr-2" }) },
|
|
18
|
+
{ id: "rich-4", text: "Ver exemplo de Documento", icon: React__default.createElement(FileText, { className: "w-4 h-4 mr-2" }) }
|
|
19
|
+
];
|
|
20
|
+
const gerarResposta = (mensagemUsuario, customResponses) => {
|
|
21
|
+
const mensagemLower = mensagemUsuario.toLowerCase();
|
|
22
|
+
if (customResponses && customResponses.length > 0) {
|
|
23
|
+
for (const mock of customResponses) {
|
|
24
|
+
const trigger = mock.trigger;
|
|
25
|
+
let match = false;
|
|
26
|
+
if (trigger instanceof RegExp) {
|
|
27
|
+
match = trigger.test(mensagemUsuario);
|
|
28
|
+
} else {
|
|
29
|
+
match = mensagemLower.includes(trigger.toLowerCase());
|
|
30
|
+
}
|
|
31
|
+
if (match) {
|
|
32
|
+
return mock.response;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
const mensagemOriginal = mensagemUsuario;
|
|
37
|
+
if (mensagemLower.includes("o que") && (mensagemLower.includes("fazer") || mensagemLower.includes("pedir"))) {
|
|
38
|
+
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?";
|
|
39
|
+
}
|
|
40
|
+
if (mensagemLower.includes("o que você faz") || mensagemLower.includes("quem é você")) {
|
|
41
|
+
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.";
|
|
42
|
+
}
|
|
43
|
+
if (mensagemLower.includes("projeto") && (mensagemLower.includes("preocupar") || mensagemLower.includes("atenção"))) {
|
|
44
|
+
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?";
|
|
45
|
+
}
|
|
46
|
+
if (mensagemLower.includes("próximo projeto") || mensagemLower.includes("próxima tarefa")) {
|
|
47
|
+
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?";
|
|
48
|
+
}
|
|
49
|
+
if (mensagemLower.includes("desempenho") || mensagemLower.includes("performance") || mensagemLower.includes("melhor")) {
|
|
50
|
+
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?";
|
|
51
|
+
}
|
|
52
|
+
if (mensagemLower.includes("olá") || mensagemLower.includes("oi") || mensagemLower.includes("bom dia") || mensagemLower.includes("boa tarde") || mensagemLower.includes("boa noite")) {
|
|
53
|
+
return "Olá! 👋 Como posso ajudar você hoje? Estou pronto para auxiliar com análises, relatórios ou responder suas dúvidas sobre os projetos.";
|
|
54
|
+
}
|
|
55
|
+
if (mensagemLower.includes("obrigado") || mensagemLower.includes("obrigada")) {
|
|
56
|
+
return "Por nada! Estou aqui sempre que precisar. 😊 Se tiver mais alguma dúvida ou precisar de ajuda, é só chamar!";
|
|
57
|
+
}
|
|
58
|
+
if (mensagemLower.includes("criar documento")) {
|
|
59
|
+
const tema = mensagemOriginal.replace(/📄 \[Criar documento\]/gi, "").trim() || "Novo Documento";
|
|
60
|
+
return {
|
|
61
|
+
content: `📝 Documento criado com sucesso!
|
|
62
|
+
|
|
63
|
+
Gerei um documento completo sobre "${tema}". O documento está pronto para revisão e pode ser editado conforme necessário.`,
|
|
64
|
+
attachmentType: "document",
|
|
65
|
+
attachmentName: `Documento - ${tema}.md`,
|
|
66
|
+
documentTitle: tema,
|
|
67
|
+
documentContent: `# ${tema}
|
|
68
|
+
|
|
69
|
+
## Introdução
|
|
70
|
+
Este é um documento gerado automaticamente sobre ${tema}.
|
|
71
|
+
|
|
72
|
+
## Detalhes
|
|
73
|
+
- Item 1
|
|
74
|
+
- Item 2
|
|
75
|
+
|
|
76
|
+
## Conclusão
|
|
77
|
+
Documento finalizado.`
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
if (mensagemLower.includes("gráfico") || mensagemLower.includes("chart")) {
|
|
81
|
+
return {
|
|
82
|
+
content: "Aqui está a análise de performance solicitada:",
|
|
83
|
+
chartData: [
|
|
84
|
+
{ month: "Jan", desktop: 186, mobile: 80 },
|
|
85
|
+
{ month: "Fev", desktop: 305, mobile: 200 },
|
|
86
|
+
{ month: "Mar", desktop: 237, mobile: 120 },
|
|
87
|
+
{ month: "Abr", desktop: 73, mobile: 190 },
|
|
88
|
+
{ month: "Mai", desktop: 209, mobile: 130 },
|
|
89
|
+
{ month: "Jun", desktop: 214, mobile: 140 }
|
|
90
|
+
],
|
|
91
|
+
chartConfig: {
|
|
92
|
+
desktop: { label: "Desktop", color: "hsl(var(--primary))" },
|
|
93
|
+
mobile: { label: "Mobile", color: "hsl(var(--destructive))" }
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
}
|
|
97
|
+
if (mensagemLower.includes("tabela") || mensagemLower.includes("table")) {
|
|
98
|
+
return {
|
|
99
|
+
content: "Aqui estão os dados estruturados conforme solicitado:",
|
|
100
|
+
tableData: {
|
|
101
|
+
caption: "Lista de Projetos Ativos",
|
|
102
|
+
headers: ["Projeto", "Status", "Prazo"],
|
|
103
|
+
rows: [
|
|
104
|
+
["Alpha", "Em andamento", "15/05"],
|
|
105
|
+
["Beta", "Concluido", "02/04"],
|
|
106
|
+
["Gamma", "Atrasado", "10/01"]
|
|
107
|
+
]
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
}
|
|
111
|
+
if (mensagemLower.includes("exemplo de documento")) {
|
|
112
|
+
return {
|
|
113
|
+
content: "Com certeza! Aqui está um exemplo de documento profissional que acabei de gerar:",
|
|
114
|
+
attachmentType: "document",
|
|
115
|
+
attachmentName: "Proposta_Comercial_Xertica.md",
|
|
116
|
+
documentTitle: "Proposta Comercial Xertica",
|
|
117
|
+
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."
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
if (mensagemLower.includes("arquivo") || mensagemLower.includes("documento")) {
|
|
121
|
+
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ê!";
|
|
122
|
+
}
|
|
123
|
+
const respostasGenericas = [
|
|
124
|
+
"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?",
|
|
125
|
+
"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?",
|
|
126
|
+
"Ó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?",
|
|
127
|
+
"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?"
|
|
128
|
+
];
|
|
129
|
+
return respostasGenericas[Math.floor(Math.random() * respostasGenericas.length)];
|
|
130
|
+
};
|
|
131
|
+
const DEFAULT_SUGGESTIONS = [
|
|
132
|
+
{ id: "1", text: "Me ajude a criar um documento profissional" },
|
|
133
|
+
{ id: "2", text: 'Buscar nos meus arquivos por "relatório"' },
|
|
134
|
+
{ id: "3", text: "Resuma as conversas importantes desta semana" },
|
|
135
|
+
{ id: "4", text: "Crie um podcast sobre o último projeto" }
|
|
136
|
+
];
|
|
137
|
+
function useAssistant({
|
|
138
|
+
mode = "expanded",
|
|
139
|
+
isExpanded: controlledIsExpanded,
|
|
140
|
+
onToggle,
|
|
141
|
+
defaultTab = "chat",
|
|
142
|
+
demoMode = true,
|
|
143
|
+
customResponses = [],
|
|
144
|
+
initialMessages = [],
|
|
145
|
+
savedConversations = [],
|
|
146
|
+
suggestions: propSuggestions,
|
|
147
|
+
onSendMessage,
|
|
148
|
+
isProcessing = false,
|
|
149
|
+
responseGenerator,
|
|
150
|
+
richSuggestions = [],
|
|
151
|
+
onRichAction,
|
|
152
|
+
onEvaluation
|
|
153
|
+
} = {}) {
|
|
154
|
+
const isFullPage = mode === "fullPage";
|
|
155
|
+
const [internalIsExpanded, setInternalIsExpanded] = useState(controlledIsExpanded ?? true);
|
|
156
|
+
const isExpanded = controlledIsExpanded ?? internalIsExpanded;
|
|
157
|
+
const [isMobile, setIsMobile] = useState(false);
|
|
158
|
+
useEffect(() => {
|
|
159
|
+
const handleResize = () => setIsMobile(window.innerWidth < 768);
|
|
160
|
+
handleResize();
|
|
161
|
+
window.addEventListener("resize", handleResize);
|
|
162
|
+
return () => window.removeEventListener("resize", handleResize);
|
|
163
|
+
}, []);
|
|
164
|
+
const [abaSelecionada, setAbaSelecionada] = useState(defaultTab);
|
|
165
|
+
const [mensagens, setMensagens] = useState(initialMessages);
|
|
166
|
+
const [mensagem, setMensagem] = useState("");
|
|
167
|
+
const [conversas, setConversas] = useState(savedConversations);
|
|
168
|
+
const [conversaAtual, setConversaAtual] = useState(null);
|
|
169
|
+
const [copiedId, setCopiedId] = useState(null);
|
|
170
|
+
const [generatingPodcastId, setGeneratingPodcastId] = useState(null);
|
|
171
|
+
const [executingCommand, setExecutingCommand] = useState(null);
|
|
172
|
+
const [savedSearches, setSavedSearches] = useState([]);
|
|
173
|
+
const [editingDocument, setEditingDocument] = useState(null);
|
|
174
|
+
const [showMoreSuggestions, setShowMoreSuggestions] = useState(false);
|
|
175
|
+
const [evaluationState, setEvaluationState] = useState({
|
|
176
|
+
isOpen: false,
|
|
177
|
+
messageId: null,
|
|
178
|
+
type: null,
|
|
179
|
+
category: null,
|
|
180
|
+
reason: ""
|
|
181
|
+
});
|
|
182
|
+
const messagesEndRef = useRef(null);
|
|
183
|
+
const fileInputRef = useRef(null);
|
|
184
|
+
const audioInputRef = useRef(null);
|
|
185
|
+
const sugestoes = propSuggestions ?? DEFAULT_SUGGESTIONS;
|
|
186
|
+
useEffect(() => {
|
|
187
|
+
if (messagesEndRef.current && abaSelecionada === "chat") {
|
|
188
|
+
messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
|
|
189
|
+
}
|
|
190
|
+
}, [mensagens, abaSelecionada]);
|
|
191
|
+
useEffect(() => {
|
|
192
|
+
if (initialMessages && initialMessages.length > 0) {
|
|
193
|
+
setMensagens(initialMessages);
|
|
194
|
+
}
|
|
195
|
+
}, [initialMessages]);
|
|
196
|
+
const conversasFiltradas = conversas.filter((conversa) => {
|
|
197
|
+
if (abaSelecionada === "favoritos") return conversa.isFavorite;
|
|
198
|
+
return true;
|
|
199
|
+
});
|
|
200
|
+
const handleToggle = useCallback(() => {
|
|
201
|
+
if (onToggle) {
|
|
202
|
+
onToggle();
|
|
203
|
+
} else {
|
|
204
|
+
setInternalIsExpanded((prev) => !prev);
|
|
205
|
+
}
|
|
206
|
+
}, [onToggle]);
|
|
207
|
+
const handleExpandWithTab = useCallback((tab) => {
|
|
208
|
+
setAbaSelecionada(tab);
|
|
209
|
+
if (onToggle) {
|
|
210
|
+
onToggle();
|
|
211
|
+
} else {
|
|
212
|
+
setInternalIsExpanded(true);
|
|
213
|
+
}
|
|
214
|
+
}, [onToggle]);
|
|
215
|
+
const handleEnviarMensagem = useCallback(async (arg) => {
|
|
216
|
+
let msgToSend = mensagem;
|
|
217
|
+
if (typeof arg === "string" && !["document", "podcast", "search"].includes(arg)) {
|
|
218
|
+
msgToSend = arg;
|
|
219
|
+
}
|
|
220
|
+
if (!msgToSend.trim() || isProcessing) return;
|
|
221
|
+
const novaMensagem = {
|
|
222
|
+
id: `msg-${Date.now()}`,
|
|
223
|
+
type: "user",
|
|
224
|
+
content: msgToSend,
|
|
225
|
+
timestamp: /* @__PURE__ */ new Date(),
|
|
226
|
+
isFavorite: false
|
|
227
|
+
};
|
|
228
|
+
setMensagens((prev) => [...prev, novaMensagem]);
|
|
229
|
+
if (onSendMessage) {
|
|
230
|
+
onSendMessage(msgToSend);
|
|
231
|
+
}
|
|
232
|
+
if (demoMode || responseGenerator) {
|
|
233
|
+
const mensagemAtual = msgToSend;
|
|
234
|
+
setTimeout(async () => {
|
|
235
|
+
let resposta;
|
|
236
|
+
if (responseGenerator) {
|
|
237
|
+
resposta = await responseGenerator(mensagemAtual);
|
|
238
|
+
} else {
|
|
239
|
+
resposta = gerarResposta(mensagemAtual, customResponses);
|
|
240
|
+
}
|
|
241
|
+
let novaMensagemIA = {
|
|
242
|
+
id: `msg-${Date.now()}-ia`,
|
|
243
|
+
type: "assistant",
|
|
244
|
+
content: "",
|
|
245
|
+
timestamp: /* @__PURE__ */ new Date(),
|
|
246
|
+
isFavorite: false
|
|
247
|
+
};
|
|
248
|
+
if (typeof resposta === "string") {
|
|
249
|
+
novaMensagemIA.content = resposta;
|
|
250
|
+
} else {
|
|
251
|
+
novaMensagemIA = { ...novaMensagemIA, ...resposta };
|
|
252
|
+
}
|
|
253
|
+
setMensagens((prev) => [...prev, novaMensagemIA]);
|
|
254
|
+
}, 1e3 + Math.random() * 1e3);
|
|
255
|
+
}
|
|
256
|
+
setMensagem("");
|
|
257
|
+
}, [mensagem, isProcessing, onSendMessage, demoMode, responseGenerator, customResponses]);
|
|
258
|
+
const handleToggleFavorite = useCallback((messageId) => {
|
|
259
|
+
setMensagens(
|
|
260
|
+
(prev) => prev.map(
|
|
261
|
+
(msg) => msg.id === messageId ? { ...msg, isFavorite: !msg.isFavorite } : msg
|
|
262
|
+
)
|
|
263
|
+
);
|
|
264
|
+
}, []);
|
|
265
|
+
const handleCopyMessage = useCallback(async (content, messageId) => {
|
|
266
|
+
try {
|
|
267
|
+
if (navigator.clipboard && navigator.clipboard.writeText) {
|
|
268
|
+
try {
|
|
269
|
+
await navigator.clipboard.writeText(content);
|
|
270
|
+
setCopiedId(messageId);
|
|
271
|
+
setTimeout(() => setCopiedId(null), 2e3);
|
|
272
|
+
} catch (clipboardError) {
|
|
273
|
+
if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
|
|
274
|
+
throw new Error("Clipboard permission denied, falling back");
|
|
275
|
+
}
|
|
276
|
+
throw clipboardError;
|
|
277
|
+
}
|
|
278
|
+
} else {
|
|
279
|
+
throw new Error("Clipboard API not available");
|
|
280
|
+
}
|
|
281
|
+
} catch {
|
|
282
|
+
try {
|
|
283
|
+
const textArea = document.createElement("textarea");
|
|
284
|
+
textArea.value = content;
|
|
285
|
+
textArea.style.position = "fixed";
|
|
286
|
+
textArea.style.left = "-999999px";
|
|
287
|
+
textArea.style.top = "-999999px";
|
|
288
|
+
document.body.appendChild(textArea);
|
|
289
|
+
textArea.focus();
|
|
290
|
+
textArea.select();
|
|
291
|
+
const successful = document.execCommand("copy");
|
|
292
|
+
document.body.removeChild(textArea);
|
|
293
|
+
if (successful) {
|
|
294
|
+
setCopiedId(messageId);
|
|
295
|
+
setTimeout(() => setCopiedId(null), 2e3);
|
|
296
|
+
}
|
|
297
|
+
} catch (fallbackErr) {
|
|
298
|
+
console.error("Falha ao copiar:", fallbackErr);
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
}, []);
|
|
302
|
+
const handleGeneratePodcast = useCallback(async (messageId, content) => {
|
|
303
|
+
setGeneratingPodcastId(messageId);
|
|
304
|
+
setTimeout(() => {
|
|
305
|
+
setMensagens(
|
|
306
|
+
(prev) => prev.map(
|
|
307
|
+
(msg) => msg.id === messageId ? {
|
|
308
|
+
...msg,
|
|
309
|
+
attachmentType: "podcast",
|
|
310
|
+
attachmentName: "Podcast - " + content.substring(0, 30) + "...",
|
|
311
|
+
audioUrl: "data:audio/mpeg;base64,//uQx..."
|
|
312
|
+
} : msg
|
|
313
|
+
)
|
|
314
|
+
);
|
|
315
|
+
setGeneratingPodcastId(null);
|
|
316
|
+
}, 2e3);
|
|
317
|
+
}, []);
|
|
318
|
+
const handleDownloadDocument = useCallback((content, fileName) => {
|
|
319
|
+
const blob = new Blob([content], { type: "text/markdown" });
|
|
320
|
+
const url = URL.createObjectURL(blob);
|
|
321
|
+
const a = document.createElement("a");
|
|
322
|
+
a.href = url;
|
|
323
|
+
a.download = fileName.endsWith(".md") ? fileName : fileName + ".md";
|
|
324
|
+
document.body.appendChild(a);
|
|
325
|
+
a.click();
|
|
326
|
+
document.body.removeChild(a);
|
|
327
|
+
URL.revokeObjectURL(url);
|
|
328
|
+
}, []);
|
|
329
|
+
const handleDownloadPodcast = useCallback((audioUrl, fileName) => {
|
|
330
|
+
const a = document.createElement("a");
|
|
331
|
+
a.href = audioUrl;
|
|
332
|
+
a.download = fileName.endsWith(".mp3") ? fileName : fileName + ".mp3";
|
|
333
|
+
document.body.appendChild(a);
|
|
334
|
+
a.click();
|
|
335
|
+
document.body.removeChild(a);
|
|
336
|
+
}, []);
|
|
337
|
+
const handleEditDocument = useCallback((content, title) => {
|
|
338
|
+
setEditingDocument({ content, title });
|
|
339
|
+
}, []);
|
|
340
|
+
const handleNovaConversa = useCallback(() => {
|
|
341
|
+
setMensagens([]);
|
|
342
|
+
setConversaAtual(null);
|
|
343
|
+
setAbaSelecionada("chat");
|
|
344
|
+
}, []);
|
|
345
|
+
const handleSelecionarConversa = useCallback((conversaId) => {
|
|
346
|
+
const conversa = conversas.find((c) => c.id === conversaId);
|
|
347
|
+
if (conversa) {
|
|
348
|
+
setMensagens(conversa.messages);
|
|
349
|
+
setConversaAtual(conversaId);
|
|
350
|
+
setAbaSelecionada("chat");
|
|
351
|
+
}
|
|
352
|
+
}, [conversas]);
|
|
353
|
+
const handleToggleFavoritaConversa = useCallback((conversaId) => {
|
|
354
|
+
setConversas(
|
|
355
|
+
(prev) => prev.map(
|
|
356
|
+
(conv) => conv.id === conversaId ? { ...conv, isFavorite: !conv.isFavorite } : conv
|
|
357
|
+
)
|
|
358
|
+
);
|
|
359
|
+
}, []);
|
|
360
|
+
const handleOpenSearchResult = useCallback((result) => {
|
|
361
|
+
console.log("Abrir resultado:", result);
|
|
362
|
+
}, []);
|
|
363
|
+
const handleExecuteSearchCommand = useCallback(async (commandId, searchTerm, results, messageId) => {
|
|
364
|
+
setExecutingCommand(commandId);
|
|
365
|
+
setTimeout(() => {
|
|
366
|
+
if (commandId === "5") {
|
|
367
|
+
setSavedSearches((prev) => [...prev, messageId]);
|
|
368
|
+
}
|
|
369
|
+
setExecutingCommand(null);
|
|
370
|
+
}, 1500);
|
|
371
|
+
}, []);
|
|
372
|
+
const handleRichSuggestionClick = useCallback((suggestion) => {
|
|
373
|
+
if (onRichAction) {
|
|
374
|
+
onRichAction(suggestion.id, suggestion.text);
|
|
375
|
+
} else {
|
|
376
|
+
handleEnviarMensagem(suggestion.text);
|
|
377
|
+
}
|
|
378
|
+
setShowMoreSuggestions(false);
|
|
379
|
+
}, [onRichAction, handleEnviarMensagem]);
|
|
380
|
+
const handleEvaluationClick = useCallback((messageId, type) => {
|
|
381
|
+
if (type === "like") {
|
|
382
|
+
if (onEvaluation) onEvaluation(messageId, "like");
|
|
383
|
+
setMensagens((prev) => prev.map((m) => m.id === messageId ? { ...m, evaluation: "like" } : m));
|
|
384
|
+
toast.success("Obrigado por avaliar positivamente!");
|
|
385
|
+
}
|
|
386
|
+
}, [onEvaluation]);
|
|
387
|
+
const openFeedbackDialog = useCallback((messageId, category) => {
|
|
388
|
+
setEvaluationState({
|
|
389
|
+
isOpen: true,
|
|
390
|
+
messageId,
|
|
391
|
+
type: "dislike",
|
|
392
|
+
category,
|
|
393
|
+
reason: ""
|
|
394
|
+
});
|
|
395
|
+
}, []);
|
|
396
|
+
const handleSubmitDislike = useCallback(() => {
|
|
397
|
+
if (evaluationState.messageId) {
|
|
398
|
+
const finalReason = evaluationState.category ? evaluationState.reason ? `${evaluationState.category}: ${evaluationState.reason}` : evaluationState.category : evaluationState.reason;
|
|
399
|
+
if (onEvaluation) {
|
|
400
|
+
onEvaluation(evaluationState.messageId, "dislike", finalReason);
|
|
401
|
+
}
|
|
402
|
+
setMensagens(
|
|
403
|
+
(prev) => prev.map(
|
|
404
|
+
(m) => m.id === evaluationState.messageId ? { ...m, evaluation: "dislike", evaluationReason: finalReason } : m
|
|
405
|
+
)
|
|
406
|
+
);
|
|
407
|
+
toast.success("Obrigado pelo seu feedback. Vamos melhorar.");
|
|
408
|
+
}
|
|
409
|
+
setEvaluationState({ isOpen: false, messageId: null, type: null, category: null, reason: "" });
|
|
410
|
+
}, [evaluationState, onEvaluation]);
|
|
411
|
+
return {
|
|
412
|
+
// Layout
|
|
413
|
+
isFullPage,
|
|
414
|
+
isExpanded,
|
|
415
|
+
isMobile,
|
|
416
|
+
abaSelecionada,
|
|
417
|
+
setAbaSelecionada,
|
|
418
|
+
// Messages
|
|
419
|
+
mensagens,
|
|
420
|
+
setMensagens,
|
|
421
|
+
mensagem,
|
|
422
|
+
setMensagem,
|
|
423
|
+
// Conversations
|
|
424
|
+
conversas,
|
|
425
|
+
conversaAtual,
|
|
426
|
+
conversasFiltradas,
|
|
427
|
+
// UI
|
|
428
|
+
copiedId,
|
|
429
|
+
generatingPodcastId,
|
|
430
|
+
executingCommand,
|
|
431
|
+
savedSearches,
|
|
432
|
+
editingDocument,
|
|
433
|
+
setEditingDocument,
|
|
434
|
+
showMoreSuggestions,
|
|
435
|
+
setShowMoreSuggestions,
|
|
436
|
+
evaluationState,
|
|
437
|
+
setEvaluationState,
|
|
438
|
+
// Suggestions
|
|
439
|
+
sugestoes,
|
|
440
|
+
// Refs
|
|
441
|
+
messagesEndRef,
|
|
442
|
+
fileInputRef,
|
|
443
|
+
audioInputRef,
|
|
444
|
+
// Handlers
|
|
445
|
+
handleToggle,
|
|
446
|
+
handleExpandWithTab,
|
|
447
|
+
handleEnviarMensagem,
|
|
448
|
+
handleToggleFavorite,
|
|
449
|
+
handleCopyMessage,
|
|
450
|
+
handleGeneratePodcast,
|
|
451
|
+
handleDownloadDocument,
|
|
452
|
+
handleDownloadPodcast,
|
|
453
|
+
handleEditDocument,
|
|
454
|
+
handleNovaConversa,
|
|
455
|
+
handleSelecionarConversa,
|
|
456
|
+
handleToggleFavoritaConversa,
|
|
457
|
+
handleOpenSearchResult,
|
|
458
|
+
handleExecuteSearchCommand,
|
|
459
|
+
handleRichSuggestionClick,
|
|
460
|
+
handleEvaluationClick,
|
|
461
|
+
openFeedbackDialog,
|
|
462
|
+
handleSubmitDislike
|
|
463
|
+
};
|
|
464
|
+
}
|
|
14
465
|
function MarkdownMessage({ content, className = "" }) {
|
|
15
466
|
const convertMarkdownToHtml = (markdown) => {
|
|
16
467
|
let html = markdown;
|
|
@@ -542,131 +993,14 @@ function ModernChatInput({
|
|
|
542
993
|
motion.div,
|
|
543
994
|
{
|
|
544
995
|
className: "mt-2 text-center",
|
|
545
|
-
initial: { opacity: 0, y: 5 },
|
|
546
|
-
animate: { opacity: 1, y: 0 },
|
|
547
|
-
transition: { delay: 0.1 },
|
|
548
|
-
children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "O assistente Xertica pode cometer erros. Considere verificar informações importantes." })
|
|
549
|
-
}
|
|
550
|
-
)
|
|
551
|
-
] });
|
|
552
|
-
}
|
|
553
|
-
[
|
|
554
|
-
{ id: "rich-1", text: "Ver exemplo de Gráfico", icon: React__default.createElement(BarChart3, { className: "w-4 h-4 mr-2" }) },
|
|
555
|
-
{ id: "rich-2", text: "Ver exemplo de Imagem", icon: React__default.createElement(ImageIcon, { className: "w-4 h-4 mr-2" }) },
|
|
556
|
-
{ id: "rich-3", text: "Ver exemplo de Tabela", icon: React__default.createElement(Table, { className: "w-4 h-4 mr-2" }) },
|
|
557
|
-
{ id: "rich-4", text: "Ver exemplo de Documento", icon: React__default.createElement(FileText, { className: "w-4 h-4 mr-2" }) }
|
|
558
|
-
];
|
|
559
|
-
const gerarResposta = (mensagemUsuario, customResponses) => {
|
|
560
|
-
const mensagemLower = mensagemUsuario.toLowerCase();
|
|
561
|
-
if (customResponses && customResponses.length > 0) {
|
|
562
|
-
for (const mock of customResponses) {
|
|
563
|
-
const trigger = mock.trigger;
|
|
564
|
-
let match = false;
|
|
565
|
-
if (trigger instanceof RegExp) {
|
|
566
|
-
match = trigger.test(mensagemUsuario);
|
|
567
|
-
} else {
|
|
568
|
-
match = mensagemLower.includes(trigger.toLowerCase());
|
|
569
|
-
}
|
|
570
|
-
if (match) {
|
|
571
|
-
return mock.response;
|
|
572
|
-
}
|
|
573
|
-
}
|
|
574
|
-
}
|
|
575
|
-
const mensagemOriginal = mensagemUsuario;
|
|
576
|
-
if (mensagemLower.includes("o que") && (mensagemLower.includes("fazer") || mensagemLower.includes("pedir"))) {
|
|
577
|
-
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?";
|
|
578
|
-
}
|
|
579
|
-
if (mensagemLower.includes("o que você faz") || mensagemLower.includes("quem é você")) {
|
|
580
|
-
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.";
|
|
581
|
-
}
|
|
582
|
-
if (mensagemLower.includes("projeto") && (mensagemLower.includes("preocupar") || mensagemLower.includes("atenção"))) {
|
|
583
|
-
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?";
|
|
584
|
-
}
|
|
585
|
-
if (mensagemLower.includes("próximo projeto") || mensagemLower.includes("próxima tarefa")) {
|
|
586
|
-
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?";
|
|
587
|
-
}
|
|
588
|
-
if (mensagemLower.includes("desempenho") || mensagemLower.includes("performance") || mensagemLower.includes("melhor")) {
|
|
589
|
-
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?";
|
|
590
|
-
}
|
|
591
|
-
if (mensagemLower.includes("olá") || mensagemLower.includes("oi") || mensagemLower.includes("bom dia") || mensagemLower.includes("boa tarde") || mensagemLower.includes("boa noite")) {
|
|
592
|
-
return "Olá! 👋 Como posso ajudar você hoje? Estou pronto para auxiliar com análises, relatórios ou responder suas dúvidas sobre os projetos.";
|
|
593
|
-
}
|
|
594
|
-
if (mensagemLower.includes("obrigado") || mensagemLower.includes("obrigada")) {
|
|
595
|
-
return "Por nada! Estou aqui sempre que precisar. 😊 Se tiver mais alguma dúvida ou precisar de ajuda, é só chamar!";
|
|
596
|
-
}
|
|
597
|
-
if (mensagemLower.includes("criar documento")) {
|
|
598
|
-
const tema = mensagemOriginal.replace(/📄 \[Criar documento\]/gi, "").trim() || "Novo Documento";
|
|
599
|
-
return {
|
|
600
|
-
content: `📝 Documento criado com sucesso!
|
|
601
|
-
|
|
602
|
-
Gerei um documento completo sobre "${tema}". O documento está pronto para revisão e pode ser editado conforme necessário.`,
|
|
603
|
-
attachmentType: "document",
|
|
604
|
-
attachmentName: `Documento - ${tema}.md`,
|
|
605
|
-
documentTitle: tema,
|
|
606
|
-
documentContent: `# ${tema}
|
|
607
|
-
|
|
608
|
-
## Introdução
|
|
609
|
-
Este é um documento gerado automaticamente sobre ${tema}.
|
|
610
|
-
|
|
611
|
-
## Detalhes
|
|
612
|
-
- Item 1
|
|
613
|
-
- Item 2
|
|
614
|
-
|
|
615
|
-
## Conclusão
|
|
616
|
-
Documento finalizado.`
|
|
617
|
-
};
|
|
618
|
-
}
|
|
619
|
-
if (mensagemLower.includes("gráfico") || mensagemLower.includes("chart")) {
|
|
620
|
-
return {
|
|
621
|
-
content: "Aqui está a análise de performance solicitada:",
|
|
622
|
-
chartData: [
|
|
623
|
-
{ month: "Jan", desktop: 186, mobile: 80 },
|
|
624
|
-
{ month: "Fev", desktop: 305, mobile: 200 },
|
|
625
|
-
{ month: "Mar", desktop: 237, mobile: 120 },
|
|
626
|
-
{ month: "Abr", desktop: 73, mobile: 190 },
|
|
627
|
-
{ month: "Mai", desktop: 209, mobile: 130 },
|
|
628
|
-
{ month: "Jun", desktop: 214, mobile: 140 }
|
|
629
|
-
],
|
|
630
|
-
chartConfig: {
|
|
631
|
-
desktop: { label: "Desktop", color: "hsl(var(--primary))" },
|
|
632
|
-
mobile: { label: "Mobile", color: "hsl(var(--destructive))" }
|
|
633
|
-
}
|
|
634
|
-
};
|
|
635
|
-
}
|
|
636
|
-
if (mensagemLower.includes("tabela") || mensagemLower.includes("table")) {
|
|
637
|
-
return {
|
|
638
|
-
content: "Aqui estão os dados estruturados conforme solicitado:",
|
|
639
|
-
tableData: {
|
|
640
|
-
caption: "Lista de Projetos Ativos",
|
|
641
|
-
headers: ["Projeto", "Status", "Prazo"],
|
|
642
|
-
rows: [
|
|
643
|
-
["Alpha", "Em andamento", "15/05"],
|
|
644
|
-
["Beta", "Concluido", "02/04"],
|
|
645
|
-
["Gamma", "Atrasado", "10/01"]
|
|
646
|
-
]
|
|
996
|
+
initial: { opacity: 0, y: 5 },
|
|
997
|
+
animate: { opacity: 1, y: 0 },
|
|
998
|
+
transition: { delay: 0.1 },
|
|
999
|
+
children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "O assistente Xertica pode cometer erros. Considere verificar informações importantes." })
|
|
647
1000
|
}
|
|
648
|
-
|
|
649
|
-
}
|
|
650
|
-
|
|
651
|
-
return {
|
|
652
|
-
content: "Com certeza! Aqui está um exemplo de documento profissional que acabei de gerar:",
|
|
653
|
-
attachmentType: "document",
|
|
654
|
-
attachmentName: "Proposta_Comercial_Xertica.md",
|
|
655
|
-
documentTitle: "Proposta Comercial Xertica",
|
|
656
|
-
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."
|
|
657
|
-
};
|
|
658
|
-
}
|
|
659
|
-
if (mensagemLower.includes("arquivo") || mensagemLower.includes("documento")) {
|
|
660
|
-
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ê!";
|
|
661
|
-
}
|
|
662
|
-
const respostasGenericas = [
|
|
663
|
-
"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?",
|
|
664
|
-
"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?",
|
|
665
|
-
"Ó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?",
|
|
666
|
-
"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?"
|
|
667
|
-
];
|
|
668
|
-
return respostasGenericas[Math.floor(Math.random() * respostasGenericas.length)];
|
|
669
|
-
};
|
|
1001
|
+
)
|
|
1002
|
+
] });
|
|
1003
|
+
}
|
|
670
1004
|
function AssistantTooltipContent({
|
|
671
1005
|
className,
|
|
672
1006
|
sideOffset = 0,
|
|
@@ -719,6 +1053,7 @@ function XerticaAssistant({
|
|
|
719
1053
|
customResponses = [],
|
|
720
1054
|
responseGenerator,
|
|
721
1055
|
richSuggestions = [],
|
|
1056
|
+
welcomeMessage = "Como posso ajudar?",
|
|
722
1057
|
onRichAction,
|
|
723
1058
|
onEvaluation,
|
|
724
1059
|
feedbackOptions,
|
|
@@ -731,262 +1066,67 @@ function XerticaAssistant({
|
|
|
731
1066
|
enablePodcastGeneration = true,
|
|
732
1067
|
enableSearch = true
|
|
733
1068
|
}) {
|
|
734
|
-
const
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
}
|
|
796
|
-
};
|
|
797
|
-
const handleEnviarMensagem = async (arg) => {
|
|
798
|
-
let msgToSend = mensagem;
|
|
799
|
-
if (typeof arg === "string" && !["document", "podcast", "search"].includes(arg)) {
|
|
800
|
-
msgToSend = arg;
|
|
801
|
-
}
|
|
802
|
-
if (!msgToSend.trim() || isProcessing) return;
|
|
803
|
-
const novaMensagem = {
|
|
804
|
-
id: `msg-${Date.now()}`,
|
|
805
|
-
type: "user",
|
|
806
|
-
content: msgToSend,
|
|
807
|
-
timestamp: /* @__PURE__ */ new Date(),
|
|
808
|
-
isFavorite: false
|
|
809
|
-
};
|
|
810
|
-
setMensagens((prev) => [...prev, novaMensagem]);
|
|
811
|
-
if (onSendMessage) {
|
|
812
|
-
onSendMessage(msgToSend);
|
|
813
|
-
}
|
|
814
|
-
if (demoMode || responseGenerator) {
|
|
815
|
-
const mensagemAtual = msgToSend;
|
|
816
|
-
setTimeout(async () => {
|
|
817
|
-
let resposta;
|
|
818
|
-
if (responseGenerator) {
|
|
819
|
-
resposta = await responseGenerator(mensagemAtual);
|
|
820
|
-
} else {
|
|
821
|
-
resposta = gerarResposta(mensagemAtual, customResponses);
|
|
822
|
-
}
|
|
823
|
-
let novaMensagemIA = {
|
|
824
|
-
id: `msg-${Date.now()}-ia`,
|
|
825
|
-
type: "assistant",
|
|
826
|
-
content: "",
|
|
827
|
-
timestamp: /* @__PURE__ */ new Date(),
|
|
828
|
-
isFavorite: false
|
|
829
|
-
};
|
|
830
|
-
if (typeof resposta === "string") {
|
|
831
|
-
novaMensagemIA.content = resposta;
|
|
832
|
-
} else {
|
|
833
|
-
novaMensagemIA = { ...novaMensagemIA, ...resposta };
|
|
834
|
-
}
|
|
835
|
-
setMensagens((prev) => [...prev, novaMensagemIA]);
|
|
836
|
-
}, 1e3 + Math.random() * 1e3);
|
|
837
|
-
}
|
|
838
|
-
setMensagem("");
|
|
839
|
-
};
|
|
840
|
-
const handleCopyMessage = async (content, messageId) => {
|
|
841
|
-
try {
|
|
842
|
-
if (navigator.clipboard && navigator.clipboard.writeText) {
|
|
843
|
-
try {
|
|
844
|
-
await navigator.clipboard.writeText(content);
|
|
845
|
-
setCopiedId(messageId);
|
|
846
|
-
setTimeout(() => setCopiedId(null), 2e3);
|
|
847
|
-
} catch (clipboardError) {
|
|
848
|
-
if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
|
|
849
|
-
throw new Error("Clipboard permission denied, falling back");
|
|
850
|
-
}
|
|
851
|
-
throw clipboardError;
|
|
852
|
-
}
|
|
853
|
-
} else {
|
|
854
|
-
throw new Error("Clipboard API not available");
|
|
855
|
-
}
|
|
856
|
-
} catch (err) {
|
|
857
|
-
try {
|
|
858
|
-
const textArea = document.createElement("textarea");
|
|
859
|
-
textArea.value = content;
|
|
860
|
-
textArea.style.position = "fixed";
|
|
861
|
-
textArea.style.left = "-999999px";
|
|
862
|
-
textArea.style.top = "-999999px";
|
|
863
|
-
document.body.appendChild(textArea);
|
|
864
|
-
textArea.focus();
|
|
865
|
-
textArea.select();
|
|
866
|
-
const successful = document.execCommand("copy");
|
|
867
|
-
document.body.removeChild(textArea);
|
|
868
|
-
if (successful) {
|
|
869
|
-
setCopiedId(messageId);
|
|
870
|
-
setTimeout(() => setCopiedId(null), 2e3);
|
|
871
|
-
} else {
|
|
872
|
-
console.error("Falha ao copiar: execCommand returned false");
|
|
873
|
-
}
|
|
874
|
-
} catch (fallbackErr) {
|
|
875
|
-
console.error("Falha ao copiar:", fallbackErr);
|
|
876
|
-
}
|
|
877
|
-
}
|
|
878
|
-
};
|
|
879
|
-
const handleGeneratePodcast = async (messageId, content) => {
|
|
880
|
-
setGeneratingPodcastId(messageId);
|
|
881
|
-
setTimeout(() => {
|
|
882
|
-
setMensagens(
|
|
883
|
-
(prev) => prev.map(
|
|
884
|
-
(msg) => msg.id === messageId ? {
|
|
885
|
-
...msg,
|
|
886
|
-
attachmentType: "podcast",
|
|
887
|
-
attachmentName: "Podcast - " + content.substring(0, 30) + "...",
|
|
888
|
-
audioUrl: "data:audio/mpeg;base64,//uQx..."
|
|
889
|
-
// Mock
|
|
890
|
-
} : msg
|
|
891
|
-
)
|
|
892
|
-
);
|
|
893
|
-
setGeneratingPodcastId(null);
|
|
894
|
-
}, 2e3);
|
|
895
|
-
};
|
|
896
|
-
const handleDownloadDocument = (content, fileName) => {
|
|
897
|
-
const blob = new Blob([content], { type: "text/markdown" });
|
|
898
|
-
const url = URL.createObjectURL(blob);
|
|
899
|
-
const a = document.createElement("a");
|
|
900
|
-
a.href = url;
|
|
901
|
-
a.download = fileName.endsWith(".md") ? fileName : fileName + ".md";
|
|
902
|
-
document.body.appendChild(a);
|
|
903
|
-
a.click();
|
|
904
|
-
document.body.removeChild(a);
|
|
905
|
-
URL.revokeObjectURL(url);
|
|
906
|
-
};
|
|
907
|
-
const handleDownloadPodcast = (audioUrl, fileName) => {
|
|
908
|
-
const a = document.createElement("a");
|
|
909
|
-
a.href = audioUrl;
|
|
910
|
-
a.download = fileName.endsWith(".mp3") ? fileName : fileName + ".mp3";
|
|
911
|
-
document.body.appendChild(a);
|
|
912
|
-
a.click();
|
|
913
|
-
document.body.removeChild(a);
|
|
914
|
-
};
|
|
915
|
-
const handleEditDocument = (content, title) => {
|
|
916
|
-
setEditingDocument({ content, title });
|
|
917
|
-
};
|
|
918
|
-
const handleNovaConversa = () => {
|
|
919
|
-
setMensagens([]);
|
|
920
|
-
setConversaAtual(null);
|
|
921
|
-
setAbaSelecionada("chat");
|
|
922
|
-
};
|
|
923
|
-
const handleSelecionarConversa = (conversaId) => {
|
|
924
|
-
const conversa = conversas.find((c) => c.id === conversaId);
|
|
925
|
-
if (conversa) {
|
|
926
|
-
setMensagens(conversa.messages);
|
|
927
|
-
setConversaAtual(conversaId);
|
|
928
|
-
setAbaSelecionada("chat");
|
|
929
|
-
}
|
|
930
|
-
};
|
|
931
|
-
const handleToggleFavoritaConversa = (conversaId) => {
|
|
932
|
-
setConversas(
|
|
933
|
-
(prev) => prev.map(
|
|
934
|
-
(conv) => conv.id === conversaId ? { ...conv, isFavorite: !conv.isFavorite } : conv
|
|
935
|
-
)
|
|
936
|
-
);
|
|
937
|
-
};
|
|
938
|
-
const handleOpenSearchResult = (result) => {
|
|
939
|
-
console.log("Abrir resultado:", result);
|
|
940
|
-
};
|
|
941
|
-
const handleExecuteSearchCommand = async (commandId, searchTerm, results, messageId) => {
|
|
942
|
-
setExecutingCommand(commandId);
|
|
943
|
-
setTimeout(() => {
|
|
944
|
-
if (commandId === "5") {
|
|
945
|
-
setSavedSearches((prev) => [...prev, messageId]);
|
|
946
|
-
}
|
|
947
|
-
setExecutingCommand(null);
|
|
948
|
-
}, 1500);
|
|
949
|
-
};
|
|
950
|
-
const handleRichSuggestionClick = (suggestion) => {
|
|
951
|
-
if (onRichAction) {
|
|
952
|
-
onRichAction(suggestion.id, suggestion.text);
|
|
953
|
-
} else {
|
|
954
|
-
handleEnviarMensagem(suggestion.text);
|
|
955
|
-
}
|
|
956
|
-
setShowMoreSuggestions(false);
|
|
957
|
-
};
|
|
958
|
-
const handleEvaluationClick = (messageId, type) => {
|
|
959
|
-
{
|
|
960
|
-
if (onEvaluation) onEvaluation(messageId, "like");
|
|
961
|
-
setMensagens((prev) => prev.map((m) => m.id === messageId ? { ...m, evaluation: "like" } : m));
|
|
962
|
-
toast.success("Obrigado por avaliar positivamente!");
|
|
963
|
-
}
|
|
964
|
-
};
|
|
965
|
-
const openFeedbackDialog = (messageId, category) => {
|
|
966
|
-
setEvaluationState({
|
|
967
|
-
isOpen: true,
|
|
968
|
-
messageId,
|
|
969
|
-
type: "dislike",
|
|
970
|
-
category,
|
|
971
|
-
reason: ""
|
|
972
|
-
});
|
|
973
|
-
};
|
|
974
|
-
const handleSubmitDislike = () => {
|
|
975
|
-
if (evaluationState.messageId) {
|
|
976
|
-
const finalReason = evaluationState.category ? evaluationState.reason ? `${evaluationState.category}: ${evaluationState.reason}` : evaluationState.category : evaluationState.reason;
|
|
977
|
-
if (onEvaluation) {
|
|
978
|
-
onEvaluation(evaluationState.messageId, "dislike", finalReason);
|
|
979
|
-
}
|
|
980
|
-
setMensagens((prev) => prev.map((m) => m.id === evaluationState.messageId ? { ...m, evaluation: "dislike", evaluationReason: finalReason } : m));
|
|
981
|
-
toast.success("Obrigado pelo seu feedback. Vamos melhorar.");
|
|
982
|
-
}
|
|
983
|
-
setEvaluationState({ isOpen: false, messageId: null, type: null, category: null, reason: "" });
|
|
984
|
-
};
|
|
985
|
-
const conversasFiltradas = conversas.filter((conversa) => {
|
|
986
|
-
if (abaSelecionada === "favoritos") {
|
|
987
|
-
return conversa.isFavorite;
|
|
988
|
-
}
|
|
989
|
-
return true;
|
|
1069
|
+
const {
|
|
1070
|
+
isFullPage,
|
|
1071
|
+
isExpanded,
|
|
1072
|
+
isMobile,
|
|
1073
|
+
abaSelecionada,
|
|
1074
|
+
setAbaSelecionada,
|
|
1075
|
+
mensagens,
|
|
1076
|
+
setMensagens,
|
|
1077
|
+
mensagem,
|
|
1078
|
+
setMensagem,
|
|
1079
|
+
conversas,
|
|
1080
|
+
conversaAtual,
|
|
1081
|
+
conversasFiltradas,
|
|
1082
|
+
copiedId,
|
|
1083
|
+
generatingPodcastId,
|
|
1084
|
+
executingCommand,
|
|
1085
|
+
savedSearches,
|
|
1086
|
+
editingDocument,
|
|
1087
|
+
setEditingDocument,
|
|
1088
|
+
showMoreSuggestions,
|
|
1089
|
+
setShowMoreSuggestions,
|
|
1090
|
+
evaluationState,
|
|
1091
|
+
setEvaluationState,
|
|
1092
|
+
sugestoes,
|
|
1093
|
+
messagesEndRef,
|
|
1094
|
+
fileInputRef,
|
|
1095
|
+
audioInputRef,
|
|
1096
|
+
handleToggle,
|
|
1097
|
+
handleExpandWithTab,
|
|
1098
|
+
handleEnviarMensagem,
|
|
1099
|
+
handleToggleFavorite,
|
|
1100
|
+
handleCopyMessage,
|
|
1101
|
+
handleGeneratePodcast,
|
|
1102
|
+
handleDownloadDocument,
|
|
1103
|
+
handleDownloadPodcast,
|
|
1104
|
+
handleEditDocument,
|
|
1105
|
+
handleNovaConversa,
|
|
1106
|
+
handleSelecionarConversa,
|
|
1107
|
+
handleToggleFavoritaConversa,
|
|
1108
|
+
handleOpenSearchResult,
|
|
1109
|
+
handleExecuteSearchCommand,
|
|
1110
|
+
handleRichSuggestionClick,
|
|
1111
|
+
handleEvaluationClick,
|
|
1112
|
+
openFeedbackDialog,
|
|
1113
|
+
handleSubmitDislike
|
|
1114
|
+
} = useAssistant({
|
|
1115
|
+
mode,
|
|
1116
|
+
isExpanded: controlledIsExpanded,
|
|
1117
|
+
onToggle,
|
|
1118
|
+
defaultTab,
|
|
1119
|
+
demoMode,
|
|
1120
|
+
customResponses,
|
|
1121
|
+
initialMessages,
|
|
1122
|
+
savedConversations,
|
|
1123
|
+
suggestions: propSuggestions,
|
|
1124
|
+
onSendMessage,
|
|
1125
|
+
isProcessing,
|
|
1126
|
+
responseGenerator,
|
|
1127
|
+
richSuggestions,
|
|
1128
|
+
onRichAction,
|
|
1129
|
+
onEvaluation
|
|
990
1130
|
});
|
|
991
1131
|
const containerWidth = width ?? (isFullPage ? "100%" : isExpanded ? editingDocument ? "420px" : "420px" : "80px");
|
|
992
1132
|
const containerHeight = height ?? "h-full";
|
|
@@ -1084,7 +1224,7 @@ function XerticaAssistant({
|
|
|
1084
1224
|
RichTextEditor,
|
|
1085
1225
|
{
|
|
1086
1226
|
value: editingDocument.content || "",
|
|
1087
|
-
onChange: (newVal) => setEditingDocument(
|
|
1227
|
+
onChange: (newVal) => setEditingDocument(editingDocument ? { ...editingDocument, content: newVal } : null),
|
|
1088
1228
|
placeholder: "Comece a digitar o conteúdo do seu documento aqui...",
|
|
1089
1229
|
className: "max-w-4xl mx-auto h-full",
|
|
1090
1230
|
actionButton: /* @__PURE__ */ jsxs(Button, { size: "sm", className: "gap-2 h-8", children: [
|
|
@@ -1297,9 +1437,9 @@ function XerticaAssistant({
|
|
|
1297
1437
|
"Olá, ",
|
|
1298
1438
|
userName
|
|
1299
1439
|
] }),
|
|
1300
|
-
/* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children:
|
|
1440
|
+
/* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: welcomeMessage })
|
|
1301
1441
|
] }),
|
|
1302
|
-
/* @__PURE__ */ jsxs("div", { className: "px-4 pb-4 space-y-2", children: [
|
|
1442
|
+
(sugestoes.length > 0 || richSuggestions.length > 0) && /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4 space-y-2", children: [
|
|
1303
1443
|
sugestoes.map((sugestao) => /* @__PURE__ */ jsx(
|
|
1304
1444
|
"button",
|
|
1305
1445
|
{
|
|
@@ -1309,7 +1449,7 @@ function XerticaAssistant({
|
|
|
1309
1449
|
},
|
|
1310
1450
|
sugestao.id
|
|
1311
1451
|
)),
|
|
1312
|
-
!showMoreSuggestions ? /* @__PURE__ */ jsxs(
|
|
1452
|
+
richSuggestions.length > 0 && (!showMoreSuggestions ? /* @__PURE__ */ jsxs(
|
|
1313
1453
|
Button,
|
|
1314
1454
|
{
|
|
1315
1455
|
variant: "ghost",
|
|
@@ -1322,7 +1462,7 @@ function XerticaAssistant({
|
|
|
1322
1462
|
]
|
|
1323
1463
|
}
|
|
1324
1464
|
) : /* @__PURE__ */ jsxs("div", { className: "space-y-2 pt-2 border-t border-border mt-2 animate-in slide-in-from-top-2", children: [
|
|
1325
|
-
richSuggestions.
|
|
1465
|
+
richSuggestions.map((sugestao) => /* @__PURE__ */ jsx(
|
|
1326
1466
|
"button",
|
|
1327
1467
|
{
|
|
1328
1468
|
onClick: () => handleRichSuggestionClick(sugestao),
|
|
@@ -1334,7 +1474,7 @@ function XerticaAssistant({
|
|
|
1334
1474
|
] })
|
|
1335
1475
|
},
|
|
1336
1476
|
sugestao.id
|
|
1337
|
-
))
|
|
1477
|
+
)),
|
|
1338
1478
|
/* @__PURE__ */ jsxs(
|
|
1339
1479
|
Button,
|
|
1340
1480
|
{
|
|
@@ -1348,7 +1488,7 @@ function XerticaAssistant({
|
|
|
1348
1488
|
]
|
|
1349
1489
|
}
|
|
1350
1490
|
)
|
|
1351
|
-
] })
|
|
1491
|
+
] }))
|
|
1352
1492
|
] })
|
|
1353
1493
|
] }) : /* @__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: [
|
|
1354
1494
|
mensagens.map((msg) => /* @__PURE__ */ jsxs(
|
|
@@ -1665,7 +1805,7 @@ function XerticaAssistant({
|
|
|
1665
1805
|
"h-6 w-6 rounded-full hover:bg-green-100 dark:hover:bg-green-900/20 hover:text-green-600",
|
|
1666
1806
|
msg.evaluation === "like" && "text-green-600 bg-green-100 dark:bg-green-900/20"
|
|
1667
1807
|
),
|
|
1668
|
-
onClick: () => handleEvaluationClick(msg.id),
|
|
1808
|
+
onClick: () => handleEvaluationClick(msg.id, "like"),
|
|
1669
1809
|
title: "Gostei",
|
|
1670
1810
|
"aria-label": "Gostei",
|
|
1671
1811
|
children: /* @__PURE__ */ jsx(ThumbsUp, { className: "h-3.5 w-3.5" })
|
|
@@ -1830,7 +1970,7 @@ function XerticaAssistant({
|
|
|
1830
1970
|
var _a;
|
|
1831
1971
|
return (_a = audioInputRef.current) == null ? void 0 : _a.click();
|
|
1832
1972
|
} : void 0,
|
|
1833
|
-
placeholder: "Envie uma mensagem
|
|
1973
|
+
placeholder: "Envie uma mensagem",
|
|
1834
1974
|
disabled: isProcessing,
|
|
1835
1975
|
isFullPage,
|
|
1836
1976
|
enableAudioInput,
|
|
@@ -1874,5 +2014,6 @@ export {
|
|
|
1874
2014
|
MarkdownMessage as M,
|
|
1875
2015
|
XerticaAssistant as X,
|
|
1876
2016
|
ModernChatInput as a,
|
|
1877
|
-
gerarResposta as g
|
|
2017
|
+
gerarResposta as g,
|
|
2018
|
+
useAssistant as u
|
|
1878
2019
|
};
|