xertica-ui 2.5.3 → 2.6.0

package/dist/{xertica-assistant-sOHwTgIP.cjs → xertica-assistant-CKPtc1z5.cjs}

@@ -7,13 +7,13 @@ const sonner = require('sonner');
 const lucideReact = require('lucide-react');
 const useMobile = require('./use-mobile-BdXTRb0Z.cjs');
 const framerMotion = require('framer-motion');
-const input = require('./input-C_UiS2Py.cjs');
+const richTextEditor = require('./rich-text-editor-BuqSu718.cjs');
 const button = require('./button-0BlA47It.cjs');
+const input = require('./input-ByYuOv8A.cjs');
 const XerticaOrbe = require('./XerticaOrbe-Uk2JML1-.cjs');
 const tooltip = require('./tooltip-D8n9UYoU.cjs');
 const CustomTooltipContent = require('./CustomTooltipContent-BhdIeBEg.cjs');
 const RechartsPrimitive = require('recharts');
-const richTextEditor = require('./rich-text-editor-DxO1Hz3a.cjs');
 const dropdownMenu = require('./dropdown-menu-BMcykFDf.cjs');
 
 [
@@ -163,7 +163,7 @@ function useAssistant({
   onSendMessage,
   isProcessing = false,
   responseGenerator,
-  richSuggestions = [],
+  richSuggestions: _richSuggestions = [],
   onRichAction,
   onEvaluation
 } = {}) {
@@ -317,7 +317,7 @@ function useAssistant({
           setCopiedId(messageId);
           setTimeout(() => setCopiedId(null), 2e3);
         } catch (clipboardError) {
-          if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
+          if (clipboardError instanceof Error && (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy"))) {
             throw new Error("Clipboard permission denied, falling back");
           }
           throw clipboardError;
@@ -645,9 +645,17 @@ function ModernChatInput({
   const getActionInfo = (action) => {
     switch (action) {
       case "document":
-        return { label: t("assistant.actions.createDocument"), icon: lucideReact.FileText, color: "bg-[var(--chart-4)]" };
+        return {
+          label: t("assistant.actions.createDocument"),
+          icon: lucideReact.FileText,
+          color: "bg-[var(--chart-4)]"
+        };
       case "podcast":
-        return { label: t("assistant.actions.generatePodcast"), icon: lucideReact.Radio, color: "bg-[var(--chart-1)]" };
+        return {
+          label: t("assistant.actions.generatePodcast"),
+          icon: lucideReact.Radio,
+          color: "bg-[var(--chart-1)]"
+        };
       case "search":
         return { label: t("assistant.actions.search"), icon: lucideReact.Search, color: "bg-[var(--chart-2)]" };
       default:
@@ -1189,7 +1197,7 @@ function AssistantWelcomeScreen({
 function MarkdownMessage({ content, className = "" }) {
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
-    html = html.replace(/</g, "<").replace(/>/g, ">");
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="font-medium text-sm mt-2 mb-1 break-words">$1</h3>'
@@ -1263,6 +1271,7 @@ function FormattedDocument({
   const { t } = reactI18next.useTranslation();
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="text-base font-medium mt-2 mb-1 text-foreground">$1</h3>'
@@ -1440,7 +1449,7 @@ function AssistantMessageBubble({
                       /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ChartLegend, { content: /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ChartLegendContent, {}) }),
                       Object.keys(msg.chartConfig).map((key) => /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive.Bar, { dataKey: key, fill: `var(--color-${key})`, radius: 4 }, key))
                     ] }) }) }),
-                    msg.tableData && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 w-full max-w-full border rounded-[var(--radius)] overflow-x-auto custom-scrollbar relative", children: /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Table, { children: [
+                    msg.tableData && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 w-full max-w-full border rounded-[var(--radius)] overflow-x-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent relative", children: /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Table, { children: [
                       msg.tableData.caption && /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCaption, { children: msg.tableData.caption }),
                       /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableRow, { children: msg.tableData.headers.map((header, i) => /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: header }, i)) }) }),
                       /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableBody, { children: msg.tableData.rows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableRow, { children: row.map((cell, j) => /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: cell }, j)) }, i)) })
@@ -1722,7 +1731,7 @@ function AssistantConversationList({
   onToggleFavorite
 }) {
   const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `p-4 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `p-4 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       button.Button,
       {
@@ -2087,7 +2096,7 @@ function XerticaAssistant({
                           onSendSuggestion: handleEnviarMensagem,
                           onRichSuggestionClick: handleRichSuggestionClick
                         }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "flex-1 min-h-0 overflow-x-hidden [&_[data-radix-scroll-area-viewport]>div]:!block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 px-4 py-4 max-w-6xl mx-auto !block !w-full", children: [
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ScrollArea, { className: "flex-1 min-h-0 overflow-x-hidden [&_[data-radix-scroll-area-viewport]>div]:!block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 px-4 py-4 max-w-6xl mx-auto !block !w-full", children: [
                         mensagens.map((msg) => /* @__PURE__ */ jsxRuntime.jsx(
                           AssistantMessageBubble,
                           {

package/dist/{xertica-assistant-QFUnv5I2.cjs → xertica-assistant-DER0brPQ.cjs}

@@ -7,13 +7,13 @@ const sonner = require('sonner');
 const lucideReact = require('lucide-react');
 const useMobile = require('./use-mobile-BdXTRb0Z.cjs');
 const framerMotion = require('framer-motion');
-const input = require('./input-C_UiS2Py.cjs');
+const richTextEditor = require('./rich-text-editor-DnSDglzW.cjs');
 const button = require('./button-0BlA47It.cjs');
+const input = require('./input-ByYuOv8A.cjs');
 const XerticaOrbe = require('./XerticaOrbe-Uk2JML1-.cjs');
 const tooltip = require('./tooltip-D8n9UYoU.cjs');
 const CustomTooltipContent = require('./CustomTooltipContent-BhdIeBEg.cjs');
 const RechartsPrimitive = require('recharts');
-const richTextEditor = require('./rich-text-editor-B2CKz7nx.cjs');
 const dropdownMenu = require('./dropdown-menu-BMcykFDf.cjs');
 
 [
@@ -1197,7 +1197,7 @@ function AssistantWelcomeScreen({
 function MarkdownMessage({ content, className = "" }) {
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
-    html = html.replace(/</g, "<").replace(/>/g, ">");
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="font-medium text-sm mt-2 mb-1 break-words">$1</h3>'
@@ -1271,6 +1271,7 @@ function FormattedDocument({
   const { t } = reactI18next.useTranslation();
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="text-base font-medium mt-2 mb-1 text-foreground">$1</h3>'
@@ -1730,7 +1731,7 @@ function AssistantConversationList({
   onToggleFavorite
 }) {
   const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `p-4 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `p-4 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       button.Button,
       {
@@ -2095,7 +2096,7 @@ function XerticaAssistant({
                           onSendSuggestion: handleEnviarMensagem,
                           onRichSuggestionClick: handleRichSuggestionClick
                         }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "flex-1 min-h-0 overflow-x-hidden [&_[data-radix-scroll-area-viewport]>div]:!block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 px-4 py-4 max-w-6xl mx-auto !block !w-full", children: [
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ScrollArea, { className: "flex-1 min-h-0 overflow-x-hidden [&_[data-radix-scroll-area-viewport]>div]:!block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 px-4 py-4 max-w-6xl mx-auto !block !w-full", children: [
                         mensagens.map((msg) => /* @__PURE__ */ jsxRuntime.jsx(
                           AssistantMessageBubble,
                           {

package/dist/{xertica-assistant-CyikE3N_.js → xertica-assistant-DQCjpk5M.js}

@@ -5,13 +5,13 @@ import { toast } from 'sonner';
 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';
 import { u as useIsMobile } from './use-mobile-Ce2cBAQe.js';
 import { AnimatePresence, motion } from 'framer-motion';
-import { P as Popover, c as PopoverTrigger, b as PopoverContent, S as ScrollArea } from './input-cc-PTD4R.js';
+import { c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent, d as ChartLegend, e as ChartLegendContent, T as Table$1, N as TableCaption, V as TableHeader, W as TableRow, U as TableHead, M as TableBody, O as TableCell, S as ScrollArea, k as Dialog, n as DialogContent, q as DialogHeader, t as DialogTitle, o as DialogDescription, X as Textarea, p as DialogFooter, J as RichTextEditor } from './rich-text-editor-DV1SixzE.js';
 import { B as Button, c as cn } from './button-DZHzN1Gd.js';
+import { P as Popover, c as PopoverTrigger, b as PopoverContent } from './input-B0_vbA3g.js';
 import { X as XerticaOrbe } from './XerticaOrbe-jA5T2iOk.js';
 import { T as Tooltip, c as TooltipTrigger } from './tooltip-RtbSmPYJ.js';
 import { C as CustomTooltipContent } from './CustomTooltipContent-CNbVB2NS.js';
 import { BarChart, CartesianGrid, XAxis, Bar } from 'recharts';
-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-DloeW0wc.js';
 import { D as DropdownMenu, n as DropdownMenuTrigger, b as DropdownMenuContent, d as DropdownMenuItem } from './dropdown-menu-Dn_eV2Xb.js';
 
 [
@@ -1195,7 +1195,7 @@ function AssistantWelcomeScreen({
 function MarkdownMessage({ content, className = "" }) {
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
-    html = html.replace(/</g, "<").replace(/>/g, ">");
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="font-medium text-sm mt-2 mb-1 break-words">$1</h3>'
@@ -1269,6 +1269,7 @@ function FormattedDocument({
   const { t } = useTranslation();
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="text-base font-medium mt-2 mb-1 text-foreground">$1</h3>'

package/dist/{xertica-assistant-B1NaSFFj.js → xertica-assistant-Dk-9AJzw.js}

@@ -5,13 +5,13 @@ import { toast } from 'sonner';
 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';
 import { u as useIsMobile } from './use-mobile-Ce2cBAQe.js';
 import { AnimatePresence, motion } from 'framer-motion';
-import { P as Popover, c as PopoverTrigger, b as PopoverContent, S as ScrollArea } from './input-cc-PTD4R.js';
+import { c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent, d as ChartLegend, e as ChartLegendContent, T as Table$1, N as TableCaption, V as TableHeader, W as TableRow, U as TableHead, M as TableBody, O as TableCell, S as ScrollArea, k as Dialog, n as DialogContent, q as DialogHeader, t as DialogTitle, o as DialogDescription, X as Textarea, p as DialogFooter, J as RichTextEditor } from './rich-text-editor-CV8FtA_l.js';
 import { B as Button, c as cn } from './button-DZHzN1Gd.js';
+import { P as Popover, c as PopoverTrigger, b as PopoverContent } from './input-B0_vbA3g.js';
 import { X as XerticaOrbe } from './XerticaOrbe-jA5T2iOk.js';
 import { T as Tooltip, c as TooltipTrigger } from './tooltip-RtbSmPYJ.js';
 import { C as CustomTooltipContent } from './CustomTooltipContent-CNbVB2NS.js';
 import { BarChart, CartesianGrid, XAxis, Bar } from 'recharts';
-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';
 import { D as DropdownMenu, n as DropdownMenuTrigger, b as DropdownMenuContent, d as DropdownMenuItem } from './dropdown-menu-Dn_eV2Xb.js';
 
 [
@@ -161,7 +161,7 @@ function useAssistant({
   onSendMessage,
   isProcessing = false,
   responseGenerator,
-  richSuggestions = [],
+  richSuggestions: _richSuggestions = [],
   onRichAction,
   onEvaluation
 } = {}) {
@@ -315,7 +315,7 @@ function useAssistant({
           setCopiedId(messageId);
           setTimeout(() => setCopiedId(null), 2e3);
         } catch (clipboardError) {
-          if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
+          if (clipboardError instanceof Error && (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy"))) {
             throw new Error("Clipboard permission denied, falling back");
           }
           throw clipboardError;
@@ -1195,7 +1195,7 @@ function AssistantWelcomeScreen({
 function MarkdownMessage({ content, className = "" }) {
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
-    html = html.replace(/</g, "<").replace(/>/g, ">");
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="font-medium text-sm mt-2 mb-1 break-words">$1</h3>'
@@ -1269,6 +1269,7 @@ function FormattedDocument({
   const { t } = useTranslation();
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="text-base font-medium mt-2 mb-1 text-foreground">$1</h3>'

package/dist/{xertica-assistant-CIaUlbIt.cjs → xertica-assistant-DxhIKvuY.cjs}

@@ -7,13 +7,13 @@ const sonner = require('sonner');
 const lucideReact = require('lucide-react');
 const useMobile = require('./use-mobile-BdXTRb0Z.cjs');
 const framerMotion = require('framer-motion');
-const input = require('./input-C_UiS2Py.cjs');
+const richTextEditor = require('./rich-text-editor-BuqSu718.cjs');
 const button = require('./button-0BlA47It.cjs');
+const input = require('./input-ByYuOv8A.cjs');
 const XerticaOrbe = require('./XerticaOrbe-Uk2JML1-.cjs');
 const tooltip = require('./tooltip-D8n9UYoU.cjs');
 const CustomTooltipContent = require('./CustomTooltipContent-BhdIeBEg.cjs');
 const RechartsPrimitive = require('recharts');
-const richTextEditor = require('./rich-text-editor-DxO1Hz3a.cjs');
 const dropdownMenu = require('./dropdown-menu-BMcykFDf.cjs');
 
 [
@@ -163,7 +163,7 @@ function useAssistant({
   onSendMessage,
   isProcessing = false,
   responseGenerator,
-  richSuggestions = [],
+  richSuggestions: _richSuggestions = [],
   onRichAction,
   onEvaluation
 } = {}) {
@@ -317,7 +317,7 @@ function useAssistant({
           setCopiedId(messageId);
           setTimeout(() => setCopiedId(null), 2e3);
         } catch (clipboardError) {
-          if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
+          if (clipboardError instanceof Error && (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy"))) {
             throw new Error("Clipboard permission denied, falling back");
           }
           throw clipboardError;
@@ -1197,7 +1197,7 @@ function AssistantWelcomeScreen({
 function MarkdownMessage({ content, className = "" }) {
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
-    html = html.replace(/</g, "<").replace(/>/g, ">");
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="font-medium text-sm mt-2 mb-1 break-words">$1</h3>'
@@ -1271,6 +1271,7 @@ function FormattedDocument({
   const { t } = reactI18next.useTranslation();
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="text-base font-medium mt-2 mb-1 text-foreground">$1</h3>'
@@ -1730,7 +1731,7 @@ function AssistantConversationList({
   onToggleFavorite
 }) {
   const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `p-4 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `p-4 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       button.Button,
       {
@@ -2095,7 +2096,7 @@ function XerticaAssistant({
                           onSendSuggestion: handleEnviarMensagem,
                           onRichSuggestionClick: handleRichSuggestionClick
                         }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "flex-1 min-h-0 overflow-x-hidden [&_[data-radix-scroll-area-viewport]>div]:!block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 px-4 py-4 max-w-6xl mx-auto !block !w-full", children: [
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ScrollArea, { className: "flex-1 min-h-0 overflow-x-hidden [&_[data-radix-scroll-area-viewport]>div]:!block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 px-4 py-4 max-w-6xl mx-auto !block !w-full", children: [
                         mensagens.map((msg) => /* @__PURE__ */ jsxRuntime.jsx(
                           AssistantMessageBubble,
                           {