xertica-ui 2.4.0 → 2.4.1

package/dist/{xertica-assistant-Qp3ydksa.cjs → CodeBlock-7TTgmdGG.cjs}

@@ -4,14 +4,14 @@ const React = require("react");
 const framerMotion = require("framer-motion");
 const lucideReact = require("lucide-react");
 const RechartsPrimitive = require("recharts");
-const richTextEditor = require("./rich-text-editor-DbV-S7Fi.cjs");
-const dropdownMenu = require("./dropdown-menu-Ze1YZFyc.cjs");
-const button = require("./button-0CXwCRTm.cjs");
-const input = require("./input-CPl84zAx.cjs");
+const richTextEditor = require("./rich-text-editor-CPV1lEPH.cjs");
+const dropdownMenu = require("./dropdown-menu-BDB5CmQs.cjs");
+const tooltip = require("./tooltip-Ded96neP.cjs");
+const input = require("./input-DWANSKGb.cjs");
 const sonner = require("sonner");
-const XerticaOrbe = require("./XerticaOrbe-FWGjBj0U.cjs");
-const tooltip = require("./tooltip-CNtsL5cB.cjs");
+const XerticaOrbe = require("./XerticaOrbe-KL1RBHzw.cjs");
 const TooltipPrimitive = require("@radix-ui/react-tooltip");
+const reactSyntaxHighlighter = require("react-syntax-highlighter");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -108,7 +108,7 @@ function FormattedDocument({ content, maxPreviewLength = 500, className = "" })
       }
     ),
     isLong && /* @__PURE__ */ jsxRuntime.jsx(
-      button.Button,
+      tooltip.Button,
       {
         variant: "ghost",
         size: "sm",
@@ -308,7 +308,7 @@ function ModernChatInput({
               (recordingTime % 60).toString().padStart(2, "0")
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              button.Button,
+              tooltip.Button,
               {
                 onClick: handleVoiceRecording,
                 size: "sm",
@@ -385,7 +385,7 @@ function ModernChatInput({
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
                 (enableDocumentCreation || enablePodcastGeneration || enableSearch) && /* @__PURE__ */ jsxRuntime.jsxs(input.Popover, { open: isPopoverOpen, onOpenChange: setIsPopoverOpen, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(input.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    button.Button,
+                    tooltip.Button,
                     {
                       variant: "ghost",
                       size: "sm",
@@ -461,7 +461,7 @@ function ModernChatInput({
                     whileHover: { scale: 1.05 },
                     whileTap: { scale: 0.95 },
                     children: /* @__PURE__ */ jsxRuntime.jsx(
-                      button.Button,
+                      tooltip.Button,
                       {
                         variant: "ghost",
                         size: "sm",
@@ -481,7 +481,7 @@ function ModernChatInput({
                     whileHover: { scale: 1.05 },
                     whileTap: { scale: 0.95 },
                     children: /* @__PURE__ */ jsxRuntime.jsx(
-                      button.Button,
+                      tooltip.Button,
                       {
                         variant: "ghost",
                         size: "sm",
@@ -503,7 +503,7 @@ function ModernChatInput({
                     whileHover: hasContent ? { scale: 1.05 } : {},
                     whileTap: hasContent ? { scale: 0.95 } : {},
                     children: /* @__PURE__ */ jsxRuntime.jsx(
-                      button.Button,
+                      tooltip.Button,
                       {
                         onClick: () => {
                           onSubmit(selectedAction);
@@ -684,7 +684,7 @@ function AssistantTooltipContent({
     {
       "data-slot": "tooltip-content",
       sideOffset,
-      className: button.cn(
+      className: tooltip.cn(
         "bg-popover text-popover-foreground shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
         className
       ),
@@ -998,10 +998,10 @@ function XerticaAssistant({
   const containerHeight = height ?? "h-full";
   if (isMobile && !isExpanded) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      button.Button,
+      tooltip.Button,
       {
         onClick: handleToggle,
-        className: button.cn(
+        className: tooltip.cn(
           "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",
           className
         ),
@@ -1050,7 +1050,7 @@ function XerticaAssistant({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: button.cn(
+        className: tooltip.cn(
           `${containerHeight} flex flex-col bg-background relative`,
           !isFullPage && "border-l border-border shadow-sm",
           isMobile && isExpanded && "fixed inset-0 z-[100] h-[100dvh] w-full border-l-0 shadow-2xl",
@@ -1063,7 +1063,7 @@ function XerticaAssistant({
           editingDocument && !isFullPage && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: button.cn(
+              className: tooltip.cn(
                 "flex flex-col border-border bg-background overflow-hidden transition-all duration-300",
                 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]"
               ),
@@ -1075,7 +1075,7 @@ function XerticaAssistant({
                     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-card-foreground text-sm", children: editingDocument.title })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    button.Button,
+                    tooltip.Button,
                     {
                       variant: "ghost",
                       size: "icon",
@@ -1093,7 +1093,7 @@ function XerticaAssistant({
                     onChange: (newVal) => setEditingDocument((prev) => prev ? { ...prev, content: newVal } : null),
                     placeholder: "Comece a digitar o conteúdo do seu documento aqui...",
                     className: "max-w-4xl mx-auto h-full",
-                    actionButton: /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { size: "sm", className: "gap-2 h-8", children: [
+                    actionButton: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Button, { size: "sm", className: "gap-2 h-8", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-3.5 h-3.5" }),
                       "Salvar"
                     ] })
@@ -1105,7 +1105,7 @@ function XerticaAssistant({
           !isFullPage && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: button.cn(
+              className: tooltip.cn(
                 "border-b border-border flex items-center h-[64px]",
                 isExpanded ? "justify-between px-4" : "justify-center px-0"
               ),
@@ -1125,7 +1125,7 @@ function XerticaAssistant({
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
                   isExpanded && onNavigateFullPage && /* @__PURE__ */ jsxRuntime.jsx(
-                    button.Button,
+                    tooltip.Button,
                     {
                       variant: "ghost",
                       size: "sm",
@@ -1137,12 +1137,12 @@ function XerticaAssistant({
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    button.Button,
+                    tooltip.Button,
                     {
                       variant: "ghost",
                       size: "sm",
                       onClick: handleToggle,
-                      className: button.cn(
+                      className: tooltip.cn(
                         "h-8 w-8 p-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-full",
                         !isExpanded && "w-10 h-10"
                         // Slightly larger touch target when collapsed if desired, or keep consistent
@@ -1177,7 +1177,7 @@ function XerticaAssistant({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                button.Button,
+                tooltip.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -1197,7 +1197,7 @@ function XerticaAssistant({
             ] }),
             showFavorites && /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                button.Button,
+                tooltip.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -1217,7 +1217,7 @@ function XerticaAssistant({
             ] }),
             showHistory && /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                button.Button,
+                tooltip.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -1245,13 +1245,13 @@ function XerticaAssistant({
               transition: { duration: 0.2 },
               className: "flex-1 flex flex-col overflow-hidden",
               children: [
-                !isFullPage && (showHistory || showFavorites) && /* @__PURE__ */ jsxRuntime.jsx(
+                !isFullPage && /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     className: "px-4 py-2 border-b border-border",
                     children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
                       /* @__PURE__ */ jsxRuntime.jsxs(
-                        button.Button,
+                        tooltip.Button,
                         {
                           variant: abaSelecionada === "chat" ? "default" : "ghost",
                           size: "sm",
@@ -1265,7 +1265,7 @@ function XerticaAssistant({
                         }
                       ),
                       showHistory && /* @__PURE__ */ jsxRuntime.jsxs(
-                        button.Button,
+                        tooltip.Button,
                         {
                           variant: abaSelecionada === "historico" ? "default" : "ghost",
                           size: "sm",
@@ -1279,7 +1279,7 @@ function XerticaAssistant({
                         }
                       ),
                       showFavorites && /* @__PURE__ */ jsxRuntime.jsxs(
-                        button.Button,
+                        tooltip.Button,
                         {
                           variant: abaSelecionada === "favoritos" ? "default" : "ghost",
                           size: "sm",
@@ -1316,7 +1316,7 @@ function XerticaAssistant({
                         sugestao.id
                       )),
                       !showMoreSuggestions ? /* @__PURE__ */ jsxRuntime.jsxs(
-                        button.Button,
+                        tooltip.Button,
                         {
                           variant: "ghost",
                           size: "sm",
@@ -1342,7 +1342,7 @@ function XerticaAssistant({
                           sugestao.id
                         )) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground text-center py-2", children: "Nenhuma sugestão extra." }),
                         /* @__PURE__ */ jsxRuntime.jsxs(
-                          button.Button,
+                          tooltip.Button,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -1365,9 +1365,9 @@ function XerticaAssistant({
                         className: `flex gap-2 w-full min-w-0 ${msg.type === "user" ? "justify-end" : "justify-start"}`,
                         children: [
                           msg.type === "assistant" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 pt-1", children: /* @__PURE__ */ jsxRuntime.jsx(XerticaOrbe.XerticaOrbe, { size: 32 }) }),
-                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: button.cn(
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tooltip.cn(
                             "flex flex-col min-w-0 transition-all duration-300",
-                            msg.type === "user" ? "max-w-[85%] md:max-w-[70%] items-end w-fit" : button.cn(
+                            msg.type === "user" ? "max-w-[85%] md:max-w-[70%] items-end w-fit" : tooltip.cn(
                               "items-start",
                               msg.tableData || msg.chartData || msg.searchResults || msg.attachmentType === "document" ? "w-full max-w-full" : "w-fit max-w-[95%] md:max-w-[90%]"
                             )
@@ -1375,7 +1375,7 @@ function XerticaAssistant({
                             /* @__PURE__ */ jsxRuntime.jsxs(
                               "div",
                               {
-                                className: button.cn(
+                                className: tooltip.cn(
                                   "px-4 py-2 break-words overflow-hidden overflow-x-hidden w-full min-w-0 rounded-2xl",
                                   msg.type === "user" ? "bg-primary text-primary-foreground shadow-sm" : "bg-muted text-foreground"
                                 ),
@@ -1391,7 +1391,7 @@ function XerticaAssistant({
                                         ] }),
                                         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
                                           /* @__PURE__ */ jsxRuntime.jsx(
-                                            button.Button,
+                                            tooltip.Button,
                                             {
                                               variant: "ghost",
                                               size: "sm",
@@ -1402,7 +1402,7 @@ function XerticaAssistant({
                                             }
                                           ),
                                           /* @__PURE__ */ jsxRuntime.jsxs(
-                                            button.Button,
+                                            tooltip.Button,
                                             {
                                               variant: "ghost",
                                               size: "sm",
@@ -1506,7 +1506,7 @@ function XerticaAssistant({
                                             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium break-words", children: msg.attachmentName })
                                           ] }),
                                           /* @__PURE__ */ jsxRuntime.jsx(
-                                            button.Button,
+                                            tooltip.Button,
                                             {
                                               variant: "ghost",
                                               size: "sm",
@@ -1625,7 +1625,7 @@ function XerticaAssistant({
                                                 msg.id
                                               ),
                                               disabled: executingCommand === command.id,
-                                              className: button.cn(
+                                              className: tooltip.cn(
                                                 "flex items-start gap-2 p-2 rounded-[var(--radius)] border transition-all text-left disabled:opacity-50 disabled:cursor-not-allowed",
                                                 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"
                                               ),
@@ -1649,7 +1649,7 @@ function XerticaAssistant({
                             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-1 px-2", children: [
                               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: msg.timestamp.toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" }) }),
                               enablePodcastGeneration && msg.type === "assistant" && msg.attachmentType !== "podcast" && /* @__PURE__ */ jsxRuntime.jsx(
-                                button.Button,
+                                tooltip.Button,
                                 {
                                   variant: "ghost",
                                   size: "sm",
@@ -1663,11 +1663,11 @@ function XerticaAssistant({
                               ),
                               msg.type === "assistant" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 border-l border-border pl-2 ml-1", children: [
                                 /* @__PURE__ */ jsxRuntime.jsx(
-                                  button.Button,
+                                  tooltip.Button,
                                   {
                                     variant: "ghost",
                                     size: "icon",
-                                    className: button.cn(
+                                    className: tooltip.cn(
                                       "h-6 w-6 rounded-full hover:bg-green-100 dark:hover:bg-green-900/20 hover:text-green-600",
                                       msg.evaluation === "like" && "text-green-600 bg-green-100 dark:bg-green-900/20"
                                     ),
@@ -1679,11 +1679,11 @@ function XerticaAssistant({
                                 ),
                                 /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
                                   /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                                    button.Button,
+                                    tooltip.Button,
                                     {
                                       variant: "ghost",
                                       size: "icon",
-                                      className: button.cn(
+                                      className: tooltip.cn(
                                         "h-6 w-6 rounded-full hover:bg-red-100 dark:hover:bg-red-900/20 hover:text-red-600",
                                         msg.evaluation === "dislike" && "text-red-600 bg-red-100 dark:bg-red-900/20"
                                       ),
@@ -1703,7 +1703,7 @@ function XerticaAssistant({
                                 ] })
                               ] }),
                               /* @__PURE__ */ jsxRuntime.jsx(
-                                button.Button,
+                                tooltip.Button,
                                 {
                                   variant: "ghost",
                                   size: "sm",
@@ -1766,7 +1766,7 @@ function XerticaAssistant({
                   ] }) }) }),
                   (abaSelecionada === "historico" && showHistory || abaSelecionada === "favoritos" && showFavorites) && /* @__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: [
                     /* @__PURE__ */ jsxRuntime.jsxs(
-                      button.Button,
+                      tooltip.Button,
                       {
                         variant: "outline",
                         size: "sm",
@@ -1785,7 +1785,7 @@ function XerticaAssistant({
                       "div",
                       {
                         onClick: () => handleSelecionarConversa(conversa.id),
-                        className: button.cn(
+                        className: tooltip.cn(
                           "p-3 rounded-[var(--radius)] cursor-pointer transition-colors duration-200 border",
                           conversa.id === conversaAtual ? "border-primary bg-primary/10" : "border-border hover:bg-muted"
                         ),
@@ -1793,7 +1793,7 @@ function XerticaAssistant({
                           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-1", children: [
                             /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-foreground truncate flex-1", children: conversa.title }),
                             /* @__PURE__ */ jsxRuntime.jsx(
-                              button.Button,
+                              tooltip.Button,
                               {
                                 variant: "ghost",
                                 size: "sm",
@@ -1805,7 +1805,7 @@ function XerticaAssistant({
                                 children: /* @__PURE__ */ jsxRuntime.jsx(
                                   lucideReact.Heart,
                                   {
-                                    className: button.cn(
+                                    className: tooltip.cn(
                                       "w-3 h-3",
                                       conversa.isFavorite ? "text-destructive fill-current" : "text-muted-foreground"
                                     )
@@ -1869,12 +1869,224 @@ function XerticaAssistant({
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.DialogFooter, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: () => setEvaluationState((prev) => ({ ...prev, isOpen: false })), children: "Cancelar" }),
-        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: handleSubmitDislike, disabled: !evaluationState.category && !evaluationState.reason.trim(), children: evaluationState.category ? "Confirmar e Enviar" : "Enviar Feedback" })
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.Button, { variant: "outline", onClick: () => setEvaluationState((prev) => ({ ...prev, isOpen: false })), children: "Cancelar" }),
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.Button, { onClick: handleSubmitDislike, disabled: !evaluationState.category && !evaluationState.reason.trim(), children: evaluationState.category ? "Confirmar e Enviar" : "Enviar Feedback" })
       ] })
     ] }) })
   ] });
 }
+const elegantTheme = {
+  'code[class*="language-"]': {
+    color: "var(--foreground)",
+    fontFamily: "var(--font-mono)",
+    fontSize: "0.875rem",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.6",
+    tabSize: 2,
+    hyphens: "none"
+  },
+  'pre[class*="language-"]': {
+    color: "var(--foreground)",
+    fontFamily: "var(--font-mono)",
+    fontSize: "0.875rem",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.6",
+    tabSize: 2,
+    hyphens: "none",
+    padding: "1rem",
+    margin: 0,
+    overflow: "auto",
+    background: "transparent"
+  },
+  "comment": {
+    color: "var(--muted-foreground)",
+    fontStyle: "italic"
+  },
+  "prolog": {
+    color: "var(--muted-foreground)"
+  },
+  "doctype": {
+    color: "var(--muted-foreground)"
+  },
+  "cdata": {
+    color: "var(--muted-foreground)"
+  },
+  "punctuation": {
+    color: "var(--muted-foreground)"
+  },
+  "property": {
+    color: "var(--chart-4)"
+  },
+  "tag": {
+    color: "var(--chart-1)"
+  },
+  "boolean": {
+    color: "var(--chart-5)"
+  },
+  "number": {
+    color: "var(--chart-5)"
+  },
+  "constant": {
+    color: "var(--chart-5)"
+  },
+  "symbol": {
+    color: "var(--chart-5)"
+  },
+  "deleted": {
+    color: "var(--chart-5)"
+  },
+  "selector": {
+    color: "var(--chart-2)"
+  },
+  "attr-name": {
+    color: "var(--chart-4)"
+  },
+  "string": {
+    color: "var(--chart-2)"
+  },
+  "char": {
+    color: "var(--chart-2)"
+  },
+  "builtin": {
+    color: "var(--chart-4)"
+  },
+  "inserted": {
+    color: "var(--chart-2)"
+  },
+  "operator": {
+    color: "var(--primary)"
+  },
+  "entity": {
+    color: "var(--chart-4)"
+  },
+  "url": {
+    color: "var(--chart-1)"
+  },
+  ".language-css .token.string": {
+    color: "var(--chart-2)"
+  },
+  ".style .token.string": {
+    color: "var(--chart-2)"
+  },
+  "atrule": {
+    color: "var(--chart-3)"
+  },
+  "attr-value": {
+    color: "var(--chart-2)"
+  },
+  "keyword": {
+    color: "var(--chart-3)"
+  },
+  "function": {
+    color: "var(--chart-1)"
+  },
+  "class-name": {
+    color: "var(--chart-4)"
+  },
+  "regex": {
+    color: "var(--chart-5)"
+  },
+  "important": {
+    color: "var(--chart-5)",
+    fontWeight: "bold"
+  },
+  "variable": {
+    color: "var(--chart-5)"
+  }
+};
+const CodeBlock = ({
+  code,
+  language = "tsx",
+  filename,
+  showLineNumbers = false
+}) => {
+  const [copied, setCopied] = React.useState(false);
+  const handleCopy = async () => {
+    try {
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        try {
+          await navigator.clipboard.writeText(code);
+        } catch (clipboardError) {
+          if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
+            throw new Error("Clipboard permission denied, falling back");
+          }
+          throw clipboardError;
+        }
+      } else {
+        throw new Error("Clipboard API not available");
+      }
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      try {
+        const textArea = document.createElement("textarea");
+        textArea.value = code;
+        textArea.style.position = "fixed";
+        textArea.style.left = "-999999px";
+        textArea.style.top = "-999999px";
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+        const successful = document.execCommand("copy");
+        document.body.removeChild(textArea);
+        if (successful) {
+          setCopied(true);
+          setTimeout(() => setCopied(false), 2e3);
+        } else {
+          console.error("Failed to copy text: execCommand returned false");
+        }
+      } catch (fallbackErr) {
+        console.error("All copy methods failed:", fallbackErr);
+      }
+    }
+  };
+  const codeString = typeof code === "string" ? code : String(code || "");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group rounded-[var(--radius)] border border-border overflow-hidden bg-muted/30", children: [
+    filename && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2 bg-muted border-b border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground font-mono", children: filename }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground uppercase", children: language })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        tooltip.Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity z-10 bg-background/80 hover:bg-background",
+          onClick: handleCopy,
+          "aria-label": copied ? "Copiado" : "Copiar código",
+          children: copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-4 h-4 text-[var(--toast-success-icon)]", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "w-4 h-4", "aria-hidden": "true" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto w-full max-w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactSyntaxHighlighter.Prism,
+        {
+          language,
+          style: elegantTheme,
+          showLineNumbers,
+          wrapLines: true,
+          customStyle: {
+            margin: 0,
+            padding: "1rem",
+            background: "transparent",
+            fontSize: "inherit"
+          },
+          codeTagProps: {
+            className: "text-[length:inherit]"
+          },
+          children: codeString
+        }
+      ) })
+    ] })
+  ] });
+};
+exports.CodeBlock = CodeBlock;
 exports.FormattedDocument = FormattedDocument;
 exports.MarkdownMessage = MarkdownMessage;
 exports.ModernChatInput = ModernChatInput;