xertica-ui 2.2.0 → 2.3.0

package/dist/CodeBlock-BtfPlbAI.js

@@ -0,0 +1,2078 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default, { useState, useRef, useEffect } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+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";
+import { BarChart, CartesianGrid, XAxis, Bar } from "recharts";
+import { R as RichTextEditor, j as ChartContainer, n as ChartTooltip, o as ChartTooltipContent, k as ChartLegend, l as ChartLegendContent, T as Table$1, P as TableCaption, W as TableHeader, X as TableRow, V as TableHead, O as TableBody, Q as TableCell, r as Dialog, u as DialogContent, x as DialogHeader, B as DialogTitle, v as DialogDescription, a0 as Textarea, w as DialogFooter } from "./rich-text-editor-Dxjw31Z4.js";
+import { D as DropdownMenu, n as DropdownMenuTrigger, b as DropdownMenuContent, d as DropdownMenuItem } from "./dropdown-menu-DQidbKBD.js";
+import { B as Button, e as cn, T as Tooltip, c as TooltipTrigger } from "./tooltip-HDOoD2-0.js";
+import { P as Popover, b as PopoverTrigger, a as PopoverContent, S as ScrollArea } from "./input-2R4loU86.js";
+import { toast } from "sonner";
+import { X as XerticaOrbe } from "./XerticaOrbe-zwS1p2a8.js";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { Prism } from "react-syntax-highlighter";
+function MarkdownMessage({ content, className = "" }) {
+  const convertMarkdownToHtml = (markdown) => {
+    let html = markdown;
+    html = html.replace(/</g, "<").replace(/>/g, ">");
+    html = html.replace(/^### (.*$)/gim, '<h3 class="font-medium text-sm mt-2 mb-1 break-words">$1</h3>');
+    html = html.replace(/^## (.*$)/gim, '<h2 class="font-medium text-base mt-3 mb-1.5 break-words">$1</h2>');
+    html = html.replace(/^# (.*$)/gim, '<h1 class="font-medium text-lg mt-3 mb-2 break-words">$1</h1>');
+    html = html.replace(/\*\*(.*?)\*\*/g, '<strong class="font-medium">$1</strong>');
+    html = html.replace(/\*(.*?)\*/g, '<em class="italic">$1</em>');
+    html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" class="text-[var(--chart-4)] hover:underline break-all" target="_blank" rel="noopener noreferrer">$1</a>');
+    html = html.replace(/`([^`]+)`/g, '<code class="px-1.5 py-0.5 rounded bg-muted text-xs font-mono break-all inline-block max-w-full">$1</code>');
+    html = html.replace(/((?:^[•\-] .*$(?:\n|$))+)/gim, (match) => {
+      const items = match.trim().split("\n").map(
+        (item) => `<li class="ml-4 mb-1 list-disc break-words">${item.replace(/^[•\-]\s+/, "")}</li>`
+      ).join("");
+      return `<ul class="list-disc my-2">${items}</ul>`;
+    });
+    html = html.replace(/((?:^\d+\. .*$(?:\n|$))+)/gim, (match) => {
+      const items = match.trim().split("\n").map(
+        (item) => `<li class="ml-4 mb-1 list-decimal break-words">${item.replace(/^\d+\.\s+/, "")}</li>`
+      ).join("");
+      return `<ol class="list-decimal my-2">${items}</ol>`;
+    });
+    html = html.replace(/\n\n/g, '</p><p class="mb-2 break-words">');
+    html = html.replace(/\n/g, "<br/>");
+    html = '<p class="mb-2 break-words">' + html + "</p>";
+    html = html.replace(/<p[^>]*>\s*<\/p>/g, "");
+    return html;
+  };
+  const htmlContent = convertMarkdownToHtml(content);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `text-sm leading-relaxed break-words overflow-wrap-anywhere max-w-full ${className}`,
+      dangerouslySetInnerHTML: { __html: htmlContent }
+    }
+  );
+}
+function FormattedDocument({ content, maxPreviewLength = 500, className = "" }) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const convertMarkdownToHtml = (markdown) => {
+    let html = markdown;
+    html = html.replace(/^### (.*$)/gim, '<h3 class="text-base font-medium mt-2 mb-1 text-foreground">$1</h3>');
+    html = html.replace(/^## (.*$)/gim, '<h2 class="text-lg font-medium mt-2 mb-1 text-foreground">$1</h2>');
+    html = html.replace(/^# (.*$)/gim, '<h1 class="text-xl font-medium mt-3 mb-2 text-foreground">$1</h1>');
+    html = html.replace(/\*\*(.*?)\*\*/g, '<strong class="font-medium text-foreground">$1</strong>');
+    html = html.replace(/\*(.*?)\*/g, '<em class="italic">$1</em>');
+    html = html.replace(/^[-*+] \[ \] (.*$)/gim, '<div class="flex items-center gap-2 ml-4 my-0.5"><input type="checkbox" disabled class="rounded w-3.5 h-3.5 accent-primary" aria-label="$1" /> <span class="text-sm">$1</span></div>');
+    html = html.replace(/^[-*+] \[x\] (.*$)/gim, '<div class="flex items-center gap-2 ml-4 my-0.5"><input type="checkbox" checked disabled class="rounded w-3.5 h-3.5 accent-primary" aria-label="$1" /> <span class="text-sm">$1</span></div>');
+    html = html.replace(/((?:^[-*+] .*$(?:\n|$))+)/gim, (match) => {
+      const items = match.trim().split("\n").map(
+        (item) => `<li class="ml-6 my-0.5 list-disc">${item.replace(/^[-*+] /i, "")}</li>`
+      ).join("");
+      return `<ul class="list-disc my-2">${items}</ul>`;
+    });
+    html = html.replace(/((?:^\d+\. .*$(?:\n|$))+)/gim, (match) => {
+      const items = match.trim().split("\n").map(
+        (item) => `<li class="ml-6 my-0.5 list-decimal">${item.replace(/^\d+\. /i, "")}</li>`
+      ).join("");
+      return `<ol class="list-decimal my-2">${items}</ol>`;
+    });
+    html = html.replace(/^---$/gim, '<hr class="my-2 border-border" />');
+    html = html.replace(/\n\n+/g, '</p><p class="my-0.5">');
+    html = html.replace(/\n/g, " ");
+    html = '<p class="my-0.5">' + html + "</p>";
+    return html;
+  };
+  const htmlContent = convertMarkdownToHtml(content);
+  const isLong = content.length > maxPreviewLength;
+  const displayContent = !isLong || isExpanded ? htmlContent : convertMarkdownToHtml(content.substring(0, maxPreviewLength) + "...");
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "max-w-none text-sm text-foreground leading-relaxed break-words overflow-hidden",
+        dangerouslySetInnerHTML: { __html: displayContent }
+      }
+    ),
+    isLong && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => setIsExpanded(!isExpanded),
+        className: "mt-2 w-full text-xs hover:bg-accent text-muted-foreground",
+        children: isExpanded ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ChevronUp, { className: "w-3 h-3 mr-1" }),
+          "See less"
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 mr-1" }),
+          "See more"
+        ] })
+      }
+    )
+  ] });
+}
+function ModernChatInput({
+  value,
+  onChange,
+  onSubmit,
+  placeholder = "Mande uma mensagem para o Xertica",
+  disabled = false,
+  onFileUpload,
+  onAudioUpload,
+  onVoiceRecording,
+  isFullPage = false,
+  enableAudioInput = true,
+  enableFileAttachment = true,
+  enableDocumentCreation = true,
+  enablePodcastGeneration = true,
+  enableSearch = true
+}) {
+  const textareaRef = useRef(null);
+  const [isFocused, setIsFocused] = useState(false);
+  const [textareaHeight, setTextareaHeight] = useState(20);
+  const [selectedAction, setSelectedAction] = useState(null);
+  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+  const [isRecording, setIsRecording] = useState(false);
+  const [recordingTime, setRecordingTime] = useState(0);
+  const recordingIntervalRef = useRef(null);
+  const adjustHeight = () => {
+    const textarea = textareaRef.current;
+    if (textarea) {
+      textarea.style.height = "20px";
+      const scrollHeight = textarea.scrollHeight;
+      const newHeight = Math.min(Math.max(scrollHeight, 20), 100);
+      setTextareaHeight(newHeight);
+      textarea.style.height = newHeight + "px";
+    }
+  };
+  useEffect(() => {
+    const textarea = textareaRef.current;
+    if (textarea) {
+      textarea.style.height = "20px";
+      setTextareaHeight(20);
+      if (value) {
+        setTimeout(adjustHeight, 0);
+      }
+    }
+  }, []);
+  useEffect(() => {
+    if (value === "") {
+      const textarea = textareaRef.current;
+      if (textarea) {
+        textarea.style.height = "20px";
+        setTextareaHeight(20);
+      }
+    } else {
+      const timeoutId = setTimeout(adjustHeight, 0);
+      return () => clearTimeout(timeoutId);
+    }
+  }, [value]);
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      if (value.trim() && !disabled) {
+        onSubmit(selectedAction);
+        setSelectedAction(null);
+      }
+    }
+  };
+  const handleActionSelect = (action) => {
+    setSelectedAction(action);
+    setIsPopoverOpen(false);
+  };
+  const handleRemoveAction = () => {
+    setSelectedAction(null);
+  };
+  const handleVoiceRecording = () => {
+    if (isRecording) {
+      if (recordingIntervalRef.current) {
+        clearInterval(recordingIntervalRef.current);
+        recordingIntervalRef.current = null;
+      }
+      const transcricoes = [
+        "Como posso analisar os dados de vendas do último trimestre?",
+        "Me ajude a criar um relatório de performance do time",
+        "Quais são as principais tendências do mercado atual?",
+        "Preciso de insights sobre a satisfação dos clientes",
+        "Como posso melhorar a produtividade da minha equipe?",
+        "Me mostre um resumo das métricas mais importantes",
+        "Crie um documento sobre técnicas de marketing digital",
+        "Analise os dados de engajamento das redes sociais"
+      ];
+      const transcricaoAleatoria = transcricoes[Math.floor(Math.random() * transcricoes.length)];
+      if (onVoiceRecording) {
+        onVoiceRecording(transcricaoAleatoria);
+      }
+      setIsRecording(false);
+      setRecordingTime(0);
+    } else {
+      setIsRecording(true);
+      setRecordingTime(0);
+      toast.info("Gravação iniciada", {
+        description: "Fale sua dúvida ou comando. A gravação parará automaticamente em 60s.",
+        duration: 3e3
+      });
+      recordingIntervalRef.current = setInterval(() => {
+        setRecordingTime((prev) => prev + 1);
+      }, 1e3);
+    }
+  };
+  useEffect(() => {
+    if (recordingTime >= 60 && isRecording) {
+      handleVoiceRecording();
+    }
+  }, [recordingTime, isRecording]);
+  useEffect(() => {
+    return () => {
+      if (recordingIntervalRef.current) {
+        clearInterval(recordingIntervalRef.current);
+      }
+    };
+  }, []);
+  const getActionInfo = (action) => {
+    switch (action) {
+      case "document":
+        return { label: "Criar documento", icon: FileText, color: "bg-[var(--chart-4)]" };
+      case "podcast":
+        return { label: "Gerar podcast", icon: Radio, color: "bg-[var(--chart-1)]" };
+      case "search":
+        return { label: "Pesquisar", icon: Search, color: "bg-[var(--chart-2)]" };
+      default:
+        return null;
+    }
+  };
+  const handleFocus = () => setIsFocused(true);
+  const handleBlur = () => setIsFocused(false);
+  const hasContent = value.trim().length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: `p-4 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isRecording && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0, y: 10 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: 10 },
+        className: "mb-3 p-4 bg-destructive/10 border border-destructive/30 rounded-[var(--radius-card)]",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                animate: {
+                  scale: [1, 1.2, 1],
+                  opacity: [1, 0.7, 1]
+                },
+                transition: {
+                  duration: 1.5,
+                  repeat: Infinity,
+                  ease: "easeInOut"
+                },
+                className: "w-3 h-3 bg-destructive rounded-full"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                animate: {
+                  height: ["8px", "20px", "8px"]
+                },
+                transition: {
+                  duration: 0.8,
+                  repeat: Infinity,
+                  ease: "easeInOut",
+                  delay: i * 0.1
+                },
+                className: "w-1 bg-destructive rounded-full h-2"
+              },
+              i
+            )) }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-destructive", children: "Gravando áudio" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-sm text-destructive font-mono tabular-nums", children: [
+              Math.floor(recordingTime / 60),
+              ":",
+              (recordingTime % 60).toString().padStart(2, "0")
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: handleVoiceRecording,
+                size: "sm",
+                variant: "outline",
+                className: "h-7 px-3 text-xs border-destructive/30 text-destructive hover:bg-destructive/10 rounded-[var(--radius-button)]",
+                children: "Parar gravação"
+              }
+            )
+          ] })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: `relative bg-card rounded-[var(--radius)] border shadow-sm transition-all duration-300 ${isFocused || hasContent ? "border-primary shadow-lg shadow-primary/10" : "border-border"}`,
+        initial: false,
+        animate: {
+          scale: isFocused ? 1.01 : 1
+        },
+        transition: { duration: 0.2, ease: "easeOut" },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 pt-[14px] pr-[10px] pb-[8px] pl-[10px] rounded-[var(--radius)]", children: [
+            /* @__PURE__ */ jsx(AnimatePresence, { children: selectedAction && /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { opacity: 0, y: -10, height: 0 },
+                animate: { opacity: 1, y: 0, height: "auto" },
+                exit: { opacity: 0, y: -10, height: 0 },
+                transition: { duration: 0.2 },
+                className: "mb-2",
+                children: (() => {
+                  const actionInfo = getActionInfo(selectedAction);
+                  if (!actionInfo) return null;
+                  const Icon = actionInfo.icon;
+                  return /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-2 px-3 py-1.5 rounded-full ${actionInfo.color} text-white text-xs font-medium shadow-sm`, children: [
+                    /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5" }),
+                    /* @__PURE__ */ jsx("span", { children: actionInfo.label }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: handleRemoveAction,
+                        className: "ml-1 hover:bg-white/20 rounded-full p-0.5 transition-colors",
+                        "aria-label": "Remover ação",
+                        children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
+                      }
+                    )
+                  ] });
+                })()
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                ref: textareaRef,
+                value,
+                onChange: (e) => onChange(e.target.value),
+                onKeyDown: handleKeyDown,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                placeholder,
+                "aria-label": placeholder || "Mensagem para o Xertica",
+                disabled,
+                className: "w-full bg-transparent border-0 outline-none resize-none text-foreground placeholder-muted-foreground text-sm leading-5 min-h-[20px] max-h-[100px] overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent",
+                style: {
+                  height: `${textareaHeight}px`,
+                  minHeight: "20px",
+                  maxHeight: "100px"
+                },
+                rows: 1
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                (enableDocumentCreation || enablePodcastGeneration || enableSearch) && /* @__PURE__ */ jsxs(Popover, { open: isPopoverOpen, onOpenChange: setIsPopoverOpen, children: [
+                  /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      className: "h-8 w-8 p-0 rounded-full text-muted-foreground hover:bg-accent hover:text-foreground transition-all duration-200",
+                      "aria-label": "Ver ações",
+                      children: /* @__PURE__ */ jsx(
+                        motion.div,
+                        {
+                          whileHover: { scale: 1.05 },
+                          whileTap: { scale: 0.95 },
+                          className: "flex items-center justify-center w-full h-full",
+                          children: /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4" })
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    PopoverContent,
+                    {
+                      className: "w-56 p-2",
+                      align: "start",
+                      side: "top",
+                      children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                        enableDocumentCreation && /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            onClick: () => handleActionSelect("document"),
+                            className: "w-full flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-accent transition-colors text-left group",
+                            children: [
+                              /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-[var(--chart-4)]/20 flex items-center justify-center group-hover:bg-[var(--chart-4)] transition-colors", children: /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 text-[var(--chart-4)] group-hover:text-white" }) }),
+                              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                                /* @__PURE__ */ jsx("div", { children: "Criar documento" }),
+                                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Gere um documento completo" })
+                              ] })
+                            ]
+                          }
+                        ),
+                        enablePodcastGeneration && /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            onClick: () => handleActionSelect("podcast"),
+                            className: "w-full flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-accent transition-colors text-left group",
+                            children: [
+                              /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-[var(--chart-1)]/20 flex items-center justify-center group-hover:bg-[var(--chart-1)] transition-colors", children: /* @__PURE__ */ jsx(Radio, { className: "w-4 h-4 text-[var(--chart-1)] group-hover:text-white" }) }),
+                              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                                /* @__PURE__ */ jsx("div", { children: "Gerar podcast" }),
+                                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Crie um podcast de áudio" })
+                              ] })
+                            ]
+                          }
+                        ),
+                        enableSearch && /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            onClick: () => handleActionSelect("search"),
+                            className: "w-full flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-accent transition-colors text-left group",
+                            children: [
+                              /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-[var(--chart-2)]/20 flex items-center justify-center group-hover:bg-[var(--chart-2)] transition-colors", children: /* @__PURE__ */ jsx(Search, { className: "w-4 h-4 text-[var(--chart-2)] group-hover:text-white" }) }),
+                              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                                /* @__PURE__ */ jsx("div", { children: "Pesquisar" }),
+                                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Busque por informações relevantes" })
+                              ] })
+                            ]
+                          }
+                        )
+                      ] })
+                    }
+                  )
+                ] }),
+                enableFileAttachment && /* @__PURE__ */ jsx(
+                  motion.div,
+                  {
+                    whileHover: { scale: 1.05 },
+                    whileTap: { scale: 0.95 },
+                    children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        onClick: onFileUpload,
+                        className: "h-8 w-8 p-0 rounded-full text-muted-foreground hover:bg-accent hover:text-foreground transition-all duration-200",
+                        "aria-label": "Anexar arquivo",
+                        children: /* @__PURE__ */ jsx(Paperclip, { className: "w-4 h-4" })
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                enableAudioInput && /* @__PURE__ */ jsx(
+                  motion.div,
+                  {
+                    whileHover: { scale: 1.05 },
+                    whileTap: { scale: 0.95 },
+                    children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        onClick: handleVoiceRecording,
+                        className: `h-8 w-8 p-0 rounded-full transition-all duration-200 ${isRecording ? "bg-destructive hover:bg-destructive/90 text-white animate-pulse" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
+                        "aria-label": isRecording ? "Parar gravação" : "Sugerir com voz",
+                        children: /* @__PURE__ */ jsx(Mic, { className: "w-4 h-4" })
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+                  motion.div,
+                  {
+                    initial: { scale: 0.8, opacity: 0 },
+                    animate: { scale: 1, opacity: 1 },
+                    exit: { scale: 0.8, opacity: 0 },
+                    transition: { duration: 0.2, ease: "easeInOut" },
+                    whileHover: hasContent ? { scale: 1.05 } : {},
+                    whileTap: hasContent ? { scale: 0.95 } : {},
+                    children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        onClick: () => {
+                          onSubmit(selectedAction);
+                          setSelectedAction(null);
+                        },
+                        size: "sm",
+                        disabled: !hasContent || disabled,
+                        className: `h-8 w-8 p-0 rounded-full transition-all duration-300 ${hasContent && !disabled ? "bg-primary hover:bg-primary/90 text-primary-foreground shadow-lg shadow-primary/30 hover:shadow-primary/40" : "bg-muted text-muted-foreground cursor-not-allowed"}`,
+                        "aria-label": "Enviar mensagem",
+                        children: /* @__PURE__ */ jsx(
+                          motion.div,
+                          {
+                            animate: {
+                              rotate: hasContent ? 0 : -45
+                            },
+                            transition: { duration: 0.2 },
+                            children: /* @__PURE__ */ jsx(Send, { className: "w-4 h-4" })
+                          }
+                        )
+                      }
+                    )
+                  },
+                  hasContent ? "active" : "inactive"
+                ) })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(AnimatePresence, { children: isFocused && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: "absolute inset-0 rounded-[var(--radius)] bg-gradient-to-r from-primary/5 via-transparent to-primary/5 pointer-events-none",
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              exit: { opacity: 0 },
+              transition: { duration: 0.3 }
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "mt-2 text-center",
+        initial: { opacity: 0, y: 5 },
+        animate: { opacity: 1, y: 0 },
+        transition: { delay: 0.1 },
+        children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "O assistente Xertica pode cometer erros. Considere verificar informações importantes." })
+      }
+    )
+  ] });
+}
+[
+  { id: "rich-1", text: "Ver exemplo de Gráfico", icon: React__default.createElement(BarChart3, { className: "w-4 h-4 mr-2" }) },
+  { id: "rich-2", text: "Ver exemplo de Imagem", icon: React__default.createElement(ImageIcon, { className: "w-4 h-4 mr-2" }) },
+  { id: "rich-3", text: "Ver exemplo de Tabela", icon: React__default.createElement(Table, { className: "w-4 h-4 mr-2" }) },
+  { id: "rich-4", text: "Ver exemplo de Documento", icon: React__default.createElement(FileText, { className: "w-4 h-4 mr-2" }) }
+];
+const gerarResposta = (mensagemUsuario, customResponses) => {
+  const mensagemLower = mensagemUsuario.toLowerCase();
+  if (customResponses && customResponses.length > 0) {
+    for (const mock of customResponses) {
+      const trigger = mock.trigger;
+      let match = false;
+      if (trigger instanceof RegExp) {
+        match = trigger.test(mensagemUsuario);
+      } else {
+        match = mensagemLower.includes(trigger.toLowerCase());
+      }
+      if (match) {
+        return mock.response;
+      }
+    }
+  }
+  const mensagemOriginal = mensagemUsuario;
+  if (mensagemLower.includes("o que") && (mensagemLower.includes("fazer") || mensagemLower.includes("pedir"))) {
+    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?";
+  }
+  if (mensagemLower.includes("o que você faz") || mensagemLower.includes("quem é você")) {
+    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.";
+  }
+  if (mensagemLower.includes("projeto") && (mensagemLower.includes("preocupar") || mensagemLower.includes("atenção"))) {
+    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?";
+  }
+  if (mensagemLower.includes("próximo projeto") || mensagemLower.includes("próxima tarefa")) {
+    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?";
+  }
+  if (mensagemLower.includes("desempenho") || mensagemLower.includes("performance") || mensagemLower.includes("melhor")) {
+    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?";
+  }
+  if (mensagemLower.includes("olá") || mensagemLower.includes("oi") || mensagemLower.includes("bom dia") || mensagemLower.includes("boa tarde") || mensagemLower.includes("boa noite")) {
+    return "Olá! 👋 Como posso ajudar você hoje? Estou pronto para auxiliar com análises, relatórios ou responder suas dúvidas sobre os projetos.";
+  }
+  if (mensagemLower.includes("obrigado") || mensagemLower.includes("obrigada")) {
+    return "Por nada! Estou aqui sempre que precisar. 😊 Se tiver mais alguma dúvida ou precisar de ajuda, é só chamar!";
+  }
+  if (mensagemLower.includes("criar documento")) {
+    const tema = mensagemOriginal.replace(/📄 \[Criar documento\]/gi, "").trim() || "Novo Documento";
+    return {
+      content: `📝 Documento criado com sucesso!
+
+Gerei um documento completo sobre "${tema}". O documento está pronto para revisão e pode ser editado conforme necessário.`,
+      attachmentType: "document",
+      attachmentName: `Documento - ${tema}.md`,
+      documentTitle: tema,
+      documentContent: `# ${tema}
+
+## Introdução
+Este é um documento gerado automaticamente sobre ${tema}.
+
+## Detalhes
+- Item 1
+- Item 2
+
+## Conclusão
+Documento finalizado.`
+    };
+  }
+  if (mensagemLower.includes("gráfico") || mensagemLower.includes("chart")) {
+    return {
+      content: "Aqui está a análise de performance solicitada:",
+      chartData: [
+        { month: "Jan", desktop: 186, mobile: 80 },
+        { month: "Fev", desktop: 305, mobile: 200 },
+        { month: "Mar", desktop: 237, mobile: 120 },
+        { month: "Abr", desktop: 73, mobile: 190 },
+        { month: "Mai", desktop: 209, mobile: 130 },
+        { month: "Jun", desktop: 214, mobile: 140 }
+      ],
+      chartConfig: {
+        desktop: { label: "Desktop", color: "hsl(var(--primary))" },
+        mobile: { label: "Mobile", color: "hsl(var(--destructive))" }
+      }
+    };
+  }
+  if (mensagemLower.includes("tabela") || mensagemLower.includes("table")) {
+    return {
+      content: "Aqui estão os dados estruturados conforme solicitado:",
+      tableData: {
+        caption: "Lista de Projetos Ativos",
+        headers: ["Projeto", "Status", "Prazo"],
+        rows: [
+          ["Alpha", "Em andamento", "15/05"],
+          ["Beta", "Concluido", "02/04"],
+          ["Gamma", "Atrasado", "10/01"]
+        ]
+      }
+    };
+  }
+  if (mensagemLower.includes("exemplo de documento")) {
+    return {
+      content: "Com certeza! Aqui está um exemplo de documento profissional que acabei de gerar:",
+      attachmentType: "document",
+      attachmentName: "Proposta_Comercial_Xertica.md",
+      documentTitle: "Proposta Comercial Xertica",
+      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."
+    };
+  }
+  if (mensagemLower.includes("arquivo") || mensagemLower.includes("documento")) {
+    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ê!";
+  }
+  const respostasGenericas = [
+    "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?",
+    "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?",
+    "Ó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?",
+    "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?"
+  ];
+  return respostasGenericas[Math.floor(Math.random() * respostasGenericas.length)];
+};
+function AssistantTooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: 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
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          TooltipPrimitive.Arrow,
+          {
+            className: "fill-popover z-50 drop-shadow-sm",
+            width: 8,
+            height: 4
+          }
+        )
+      ]
+    }
+  ) });
+}
+function XerticaAssistant({
+  mode = "expanded",
+  isExpanded: controlledIsExpanded,
+  onToggle,
+  defaultTab = "chat",
+  demoMode = true,
+  onNavigateSettings,
+  onNavigateFullPage,
+  userName = "Usuário",
+  initialMessages = [],
+  savedConversations = [],
+  suggestions: propSuggestions,
+  onSendMessage,
+  onFileAttach,
+  isProcessing = false,
+  width,
+  height,
+  className = "",
+  mobileFloating = false,
+  customResponses = [],
+  responseGenerator,
+  richSuggestions = [],
+  onRichAction,
+  onEvaluation,
+  feedbackOptions,
+  // Feature flags — all default to true for backward compatibility
+  showHistory = true,
+  showFavorites = true,
+  enableAudioInput = true,
+  enableFileAttachment = true,
+  enableDocumentCreation = true,
+  enablePodcastGeneration = true,
+  enableSearch = true
+}) {
+  const isFullPage = mode === "fullPage";
+  const [internalIsExpanded, setInternalIsExpanded] = useState(controlledIsExpanded ?? true);
+  const isExpanded = controlledIsExpanded ?? internalIsExpanded;
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const handleResize = () => setIsMobile(window.innerWidth < 768);
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const [abaSelecionada, setAbaSelecionada] = useState(defaultTab);
+  const [mensagens, setMensagens] = useState(initialMessages);
+  const [mensagem, setMensagem] = useState("");
+  const [conversas, setConversas] = useState(savedConversations);
+  const [conversaAtual, setConversaAtual] = useState(null);
+  const [copiedId, setCopiedId] = useState(null);
+  const [generatingPodcastId, setGeneratingPodcastId] = useState(null);
+  const [executingCommand, setExecutingCommand] = useState(null);
+  const [savedSearches, setSavedSearches] = useState([]);
+  const [editingDocument, setEditingDocument] = useState(null);
+  const [showMoreSuggestions, setShowMoreSuggestions] = useState(false);
+  const [evaluationState, setEvaluationState] = useState({
+    isOpen: false,
+    messageId: null,
+    type: null,
+    category: null,
+    reason: ""
+  });
+  const messagesEndRef = useRef(null);
+  const fileInputRef = useRef(null);
+  const audioInputRef = useRef(null);
+  const defaultSuggestions = [
+    { id: "1", text: "Me ajude a criar um documento profissional" },
+    { id: "2", text: 'Buscar nos meus arquivos por "relatório"' },
+    { id: "3", text: "Resuma as conversas importantes desta semana" },
+    { id: "4", text: "Crie um podcast sobre o último projeto" }
+  ];
+  const sugestoes = propSuggestions ?? defaultSuggestions;
+  useEffect(() => {
+    if (messagesEndRef.current && abaSelecionada === "chat") {
+      messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
+    }
+  }, [mensagens, abaSelecionada]);
+  useEffect(() => {
+    if (initialMessages && initialMessages.length > 0) {
+      setMensagens(initialMessages);
+    }
+  }, [initialMessages]);
+  const handleToggle = () => {
+    if (onToggle) {
+      onToggle();
+    } else {
+      setInternalIsExpanded(!internalIsExpanded);
+    }
+  };
+  const handleExpandWithTab = (tab) => {
+    setAbaSelecionada(tab);
+    if (onToggle) {
+      onToggle();
+    } else {
+      setInternalIsExpanded(true);
+    }
+  };
+  const handleEnviarMensagem = async (arg) => {
+    let msgToSend = mensagem;
+    if (typeof arg === "string" && !["document", "podcast", "search"].includes(arg)) {
+      msgToSend = arg;
+    }
+    if (!msgToSend.trim() || isProcessing) return;
+    const novaMensagem = {
+      id: `msg-${Date.now()}`,
+      type: "user",
+      content: msgToSend,
+      timestamp: /* @__PURE__ */ new Date(),
+      isFavorite: false
+    };
+    setMensagens((prev) => [...prev, novaMensagem]);
+    if (onSendMessage) {
+      onSendMessage(msgToSend);
+    }
+    if (demoMode || responseGenerator) {
+      const mensagemAtual = msgToSend;
+      setTimeout(async () => {
+        let resposta;
+        if (responseGenerator) {
+          resposta = await responseGenerator(mensagemAtual);
+        } else {
+          resposta = gerarResposta(mensagemAtual, customResponses);
+        }
+        let novaMensagemIA = {
+          id: `msg-${Date.now()}-ia`,
+          type: "assistant",
+          content: "",
+          timestamp: /* @__PURE__ */ new Date(),
+          isFavorite: false
+        };
+        if (typeof resposta === "string") {
+          novaMensagemIA.content = resposta;
+        } else {
+          novaMensagemIA = { ...novaMensagemIA, ...resposta };
+        }
+        setMensagens((prev) => [...prev, novaMensagemIA]);
+      }, 1e3 + Math.random() * 1e3);
+    }
+    setMensagem("");
+  };
+  const handleCopyMessage = async (content, messageId) => {
+    try {
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        try {
+          await navigator.clipboard.writeText(content);
+          setCopiedId(messageId);
+          setTimeout(() => setCopiedId(null), 2e3);
+        } 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");
+      }
+    } catch (err) {
+      try {
+        const textArea = document.createElement("textarea");
+        textArea.value = content;
+        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) {
+          setCopiedId(messageId);
+          setTimeout(() => setCopiedId(null), 2e3);
+        } else {
+          console.error("Falha ao copiar: execCommand returned false");
+        }
+      } catch (fallbackErr) {
+        console.error("Falha ao copiar:", fallbackErr);
+      }
+    }
+  };
+  const handleGeneratePodcast = async (messageId, content) => {
+    setGeneratingPodcastId(messageId);
+    setTimeout(() => {
+      setMensagens(
+        (prev) => prev.map(
+          (msg) => msg.id === messageId ? {
+            ...msg,
+            attachmentType: "podcast",
+            attachmentName: "Podcast - " + content.substring(0, 30) + "...",
+            audioUrl: "data:audio/mpeg;base64,//uQx..."
+            // Mock
+          } : msg
+        )
+      );
+      setGeneratingPodcastId(null);
+    }, 2e3);
+  };
+  const handleDownloadDocument = (content, fileName) => {
+    const blob = new Blob([content], { type: "text/markdown" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = fileName.endsWith(".md") ? fileName : fileName + ".md";
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  };
+  const handleDownloadPodcast = (audioUrl, fileName) => {
+    const a = document.createElement("a");
+    a.href = audioUrl;
+    a.download = fileName.endsWith(".mp3") ? fileName : fileName + ".mp3";
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+  };
+  const handleEditDocument = (content, title) => {
+    setEditingDocument({ content, title });
+  };
+  const handleNovaConversa = () => {
+    setMensagens([]);
+    setConversaAtual(null);
+    setAbaSelecionada("chat");
+  };
+  const handleSelecionarConversa = (conversaId) => {
+    const conversa = conversas.find((c) => c.id === conversaId);
+    if (conversa) {
+      setMensagens(conversa.messages);
+      setConversaAtual(conversaId);
+      setAbaSelecionada("chat");
+    }
+  };
+  const handleToggleFavoritaConversa = (conversaId) => {
+    setConversas(
+      (prev) => prev.map(
+        (conv) => conv.id === conversaId ? { ...conv, isFavorite: !conv.isFavorite } : conv
+      )
+    );
+  };
+  const handleOpenSearchResult = (result) => {
+    console.log("Abrir resultado:", result);
+  };
+  const handleExecuteSearchCommand = async (commandId, searchTerm, results, messageId) => {
+    setExecutingCommand(commandId);
+    setTimeout(() => {
+      if (commandId === "5") {
+        setSavedSearches((prev) => [...prev, messageId]);
+      }
+      setExecutingCommand(null);
+    }, 1500);
+  };
+  const handleRichSuggestionClick = (suggestion) => {
+    if (onRichAction) {
+      onRichAction(suggestion.id, suggestion.text);
+    } else {
+      handleEnviarMensagem(suggestion.text);
+    }
+    setShowMoreSuggestions(false);
+  };
+  const handleEvaluationClick = (messageId, type) => {
+    {
+      if (onEvaluation) onEvaluation(messageId, "like");
+      setMensagens((prev) => prev.map((m) => m.id === messageId ? { ...m, evaluation: "like" } : m));
+      toast.success("Obrigado por avaliar positivamente!");
+    }
+  };
+  const openFeedbackDialog = (messageId, category) => {
+    setEvaluationState({
+      isOpen: true,
+      messageId,
+      type: "dislike",
+      category,
+      reason: ""
+    });
+  };
+  const handleSubmitDislike = () => {
+    if (evaluationState.messageId) {
+      const finalReason = evaluationState.category ? evaluationState.reason ? `${evaluationState.category}: ${evaluationState.reason}` : evaluationState.category : evaluationState.reason;
+      if (onEvaluation) {
+        onEvaluation(evaluationState.messageId, "dislike", finalReason);
+      }
+      setMensagens((prev) => prev.map((m) => m.id === evaluationState.messageId ? { ...m, evaluation: "dislike", evaluationReason: finalReason } : m));
+      toast.success("Obrigado pelo seu feedback. Vamos melhorar.");
+    }
+    setEvaluationState({ isOpen: false, messageId: null, type: null, category: null, reason: "" });
+  };
+  const conversasFiltradas = conversas.filter((conversa) => {
+    if (abaSelecionada === "favoritos") {
+      return conversa.isFavorite;
+    }
+    return true;
+  });
+  const containerWidth = width ?? (isFullPage ? "100%" : isExpanded ? editingDocument ? "420px" : "420px" : "80px");
+  const containerHeight = height ?? "h-full";
+  if (isMobile && !isExpanded) {
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        onClick: handleToggle,
+        className: 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
+        ),
+        children: [
+          /* @__PURE__ */ jsx(XerticaOrbe, { size: 32 }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-base tracking-wide", children: "Assistente" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        accept: ".pdf,.doc,.docx,.txt,.md",
+        className: "hidden",
+        onChange: (e) => {
+          var _a;
+          const file = (_a = e.target.files) == null ? void 0 : _a[0];
+          if (file && onFileAttach) {
+            onFileAttach(file);
+          }
+        },
+        "aria-label": "Upload de documento"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: audioInputRef,
+        type: "file",
+        accept: "audio/*",
+        className: "hidden",
+        onChange: (e) => {
+          var _a;
+          const file = (_a = e.target.files) == null ? void 0 : _a[0];
+          if (file && onFileAttach) {
+            onFileAttach(file);
+          }
+        },
+        "aria-label": "Upload de áudio"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: 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",
+          className
+        ),
+        style: !(isMobile && isExpanded) ? {
+          width: isFullPage ? "100%" : containerWidth
+        } : void 0,
+        children: [
+          editingDocument && !isFullPage && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: 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]"
+              ),
+              style: { maxWidth: isMobile ? "none" : `calc(100vw - ${containerWidth})` },
+              children: /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col", children: [
+                /* @__PURE__ */ jsxs("div", { className: "px-4 h-[64px] border-b border-border bg-card flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ jsx("div", { className: "p-2 bg-primary/10 rounded-md", children: /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 text-primary" }) }),
+                    /* @__PURE__ */ jsx("h3", { className: "font-semibold text-card-foreground text-sm", children: editingDocument.title })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-8 w-8 rounded-full",
+                      onClick: () => setEditingDocument(null),
+                      "aria-label": "Fechar editor de documento",
+                      children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 bg-muted/20 p-0 sm:p-6 overflow-hidden", children: /* @__PURE__ */ jsx(
+                  RichTextEditor,
+                  {
+                    value: editingDocument.content || "",
+                    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__ */ jsxs(Button, { size: "sm", className: "gap-2 h-8", children: [
+                      /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5" }),
+                      "Salvar"
+                    ] })
+                  }
+                ) })
+              ] })
+            }
+          ),
+          !isFullPage && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "border-b border-border flex items-center h-[64px]",
+                isExpanded ? "justify-between px-4" : "justify-center px-0"
+              ),
+              children: [
+                isExpanded && /* @__PURE__ */ jsxs(
+                  motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    exit: { opacity: 0, x: -10 },
+                    className: "flex items-center gap-2 overflow-hidden",
+                    children: [
+                      /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx(XerticaOrbe, { size: 32 }) }),
+                      /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium truncate", children: "Assistente Xertica" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                  isExpanded && onNavigateFullPage && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: onNavigateFullPage,
+                      className: "h-8 w-8 p-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-full",
+                      title: "Expandir assistente",
+                      "aria-label": "Expandir assistente",
+                      children: /* @__PURE__ */ jsx(Maximize2, { className: "w-4 h-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: handleToggle,
+                      className: 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
+                      ),
+                      "aria-label": isExpanded ? "Recolher assistente" : "Expandir assistente",
+                      children: isExpanded ? /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(PanelRight, { className: "w-4 h-4" })
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          !isExpanded && !isFullPage && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center p-4 space-y-4", children: [
+            /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: handleToggle,
+                  className: "w-10 h-10 rounded-full flex items-center justify-center hover:bg-accent/50 transition-colors duration-200 cursor-pointer mx-auto",
+                  "aria-label": "Abrir assistente",
+                  children: /* @__PURE__ */ jsx(XerticaOrbe, { size: 32 })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                AssistantTooltipContent,
+                {
+                  side: "left",
+                  sideOffset: 8,
+                  children: /* @__PURE__ */ jsx("p", { children: "Assistente Xertica" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => handleExpandWithTab("chat"),
+                  className: "w-8 h-8 p-0 text-muted-foreground",
+                  children: /* @__PURE__ */ jsx(MessageSquare, { className: "w-4 h-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                AssistantTooltipContent,
+                {
+                  side: "left",
+                  sideOffset: 8,
+                  children: /* @__PURE__ */ jsx("p", { children: "Chat" })
+                }
+              )
+            ] }),
+            showFavorites && /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => handleExpandWithTab("favoritos"),
+                  className: "w-8 h-8 p-0 text-muted-foreground",
+                  children: /* @__PURE__ */ jsx(Heart, { className: "w-4 h-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                AssistantTooltipContent,
+                {
+                  side: "left",
+                  sideOffset: 8,
+                  children: /* @__PURE__ */ jsx("p", { children: "Favoritos" })
+                }
+              )
+            ] }),
+            showHistory && /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => handleExpandWithTab("historico"),
+                  className: "w-8 h-8 p-0 text-muted-foreground",
+                  children: /* @__PURE__ */ jsx(History, { className: "w-4 h-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                AssistantTooltipContent,
+                {
+                  side: "left",
+                  sideOffset: 8,
+                  children: /* @__PURE__ */ jsx("p", { children: "Histórico" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(AnimatePresence, { children: (isExpanded || isFullPage) && /* @__PURE__ */ jsxs(
+            motion.div,
+            {
+              initial: isFullPage ? false : { opacity: 0, x: 50 },
+              animate: { opacity: 1, x: 0 },
+              exit: isFullPage ? void 0 : { opacity: 0, x: 50 },
+              transition: { duration: 0.2 },
+              className: "flex-1 flex flex-col overflow-hidden",
+              children: [
+                !isFullPage && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "px-4 py-2 border-b border-border",
+                    children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+                      /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: abaSelecionada === "chat" ? "default" : "ghost",
+                          size: "sm",
+                          onClick: () => setAbaSelecionada("chat"),
+                          className: "flex-1 h-8",
+                          "aria-label": "Ver chat",
+                          children: [
+                            /* @__PURE__ */ jsx(MessageSquare, { className: "w-3 h-3 mr-1" }),
+                            "Chat"
+                          ]
+                        }
+                      ),
+                      showHistory && /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: abaSelecionada === "historico" ? "default" : "ghost",
+                          size: "sm",
+                          onClick: () => setAbaSelecionada("historico"),
+                          className: "flex-1 h-8",
+                          "aria-label": "Ver histórico de conversas",
+                          children: [
+                            /* @__PURE__ */ jsx(History, { className: "w-3 h-3 mr-1" }),
+                            "Histórico"
+                          ]
+                        }
+                      ),
+                      showFavorites && /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: abaSelecionada === "favoritos" ? "default" : "ghost",
+                          size: "sm",
+                          onClick: () => setAbaSelecionada("favoritos"),
+                          className: "flex-1 h-8",
+                          "aria-label": "Ver mensagens favoritas",
+                          children: [
+                            /* @__PURE__ */ jsx(Heart, { className: "w-3 h-3 mr-1" }),
+                            "Favoritos"
+                          ]
+                        }
+                      )
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-hidden flex flex-col", children: [
+                  abaSelecionada === "chat" && /* @__PURE__ */ jsx("div", { className: `flex-1 flex flex-col min-h-0 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: mensagens.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto min-h-0", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "p-6 text-center", children: [
+                      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex items-center justify-center", children: /* @__PURE__ */ jsx(XerticaOrbe, { size: 64 }) }),
+                      /* @__PURE__ */ jsxs("h3", { className: "mb-2 text-foreground", children: [
+                        "Olá, ",
+                        userName
+                      ] }),
+                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Como posso ajudar?" })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4 space-y-2", children: [
+                      sugestoes.map((sugestao) => /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: () => handleEnviarMensagem(sugestao.text),
+                          className: "w-full p-3 text-left rounded-[var(--radius-card)] bg-muted text-foreground transition-colors duration-200 hover:bg-muted/80",
+                          children: sugestao.text
+                        },
+                        sugestao.id
+                      )),
+                      !showMoreSuggestions ? /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          onClick: () => setShowMoreSuggestions(true),
+                          className: "w-full justify-start text-muted-foreground",
+                          children: [
+                            /* @__PURE__ */ jsx(MoreHorizontal, { className: "w-4 h-4 mr-2" }),
+                            "Mais sugestões"
+                          ]
+                        }
+                      ) : /* @__PURE__ */ jsxs("div", { className: "space-y-2 pt-2 border-t border-border mt-2 animate-in slide-in-from-top-2", children: [
+                        richSuggestions.length > 0 ? richSuggestions.map((sugestao) => /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            onClick: () => handleRichSuggestionClick(sugestao),
+                            className: "w-full p-3 text-left rounded-[var(--radius-card)] bg-muted/50 border border-border text-foreground transition-all duration-200 hover:bg-primary/5 hover:border-primary/50 group",
+                            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                              sugestao.id.includes("chart") && /* @__PURE__ */ jsx(BarChart3, { className: "w-4 h-4 text-primary" }),
+                              sugestao.id.includes("table") && /* @__PURE__ */ jsx(Table, { className: "w-4 h-4 text-primary" }),
+                              /* @__PURE__ */ jsx("span", { className: "font-medium", children: sugestao.text })
+                            ] })
+                          },
+                          sugestao.id
+                        )) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-2", children: "Nenhuma sugestão extra." }),
+                        /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: "ghost",
+                            size: "sm",
+                            onClick: () => setShowMoreSuggestions(false),
+                            className: "w-full justify-center text-muted-foreground mt-2",
+                            children: [
+                              /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4 mr-2" }),
+                              "Voltar"
+                            ]
+                          }
+                        )
+                      ] })
+                    ] })
+                  ] }) : /* @__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: [
+                    mensagens.map((msg) => /* @__PURE__ */ jsxs(
+                      motion.div,
+                      {
+                        initial: { opacity: 0, y: 10 },
+                        animate: { opacity: 1, y: 0 },
+                        className: `flex gap-2 w-full min-w-0 ${msg.type === "user" ? "justify-end" : "justify-start"}`,
+                        children: [
+                          msg.type === "assistant" && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 pt-1", children: /* @__PURE__ */ jsx(XerticaOrbe, { size: 32 }) }),
+                          /* @__PURE__ */ jsxs("div", { className: 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" : 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%]"
+                            )
+                          ), children: [
+                            /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                className: 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"
+                                ),
+                                children: [
+                                  msg.attachmentType === "document" && /* @__PURE__ */ jsxs(
+                                    "div",
+                                    {
+                                      className: "flex items-center justify-between mb-2 pb-2 border-b border-border min-w-0 overflow-hidden",
+                                      children: [
+                                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1 overflow-hidden", children: [
+                                          /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 flex-shrink-0" }),
+                                          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium break-words", children: msg.attachmentName })
+                                        ] }),
+                                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+                                          /* @__PURE__ */ jsx(
+                                            Button,
+                                            {
+                                              variant: "ghost",
+                                              size: "sm",
+                                              onClick: () => msg.documentContent && msg.attachmentName && handleDownloadDocument(msg.documentContent, msg.attachmentName),
+                                              className: "h-6 px-2",
+                                              title: "Baixar",
+                                              children: /* @__PURE__ */ jsx(Download, { className: "w-3 h-3" })
+                                            }
+                                          ),
+                                          /* @__PURE__ */ jsxs(
+                                            Button,
+                                            {
+                                              variant: "ghost",
+                                              size: "sm",
+                                              onClick: () => msg.documentContent && msg.documentTitle && handleEditDocument(msg.documentContent, msg.documentTitle),
+                                              className: "h-6 px-2",
+                                              children: [
+                                                /* @__PURE__ */ jsx(Edit, { className: "w-3 h-3 mr-1" }),
+                                                "Editar"
+                                              ]
+                                            }
+                                          )
+                                        ] })
+                                      ]
+                                    }
+                                  ),
+                                  msg.attachmentType && msg.attachmentType !== "podcast" && msg.attachmentType !== "document" && /* @__PURE__ */ jsxs(
+                                    "div",
+                                    {
+                                      className: "flex items-center gap-2 mb-2 pb-2 border-b border-border min-w-0 overflow-hidden",
+                                      children: [
+                                        msg.attachmentType === "file" && /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 flex-shrink-0" }),
+                                        msg.attachmentType === "audio" && /* @__PURE__ */ jsx(Music, { className: "w-4 h-4 flex-shrink-0" }),
+                                        msg.attachmentType === "image" && /* @__PURE__ */ jsx(Image, { className: "w-4 h-4 flex-shrink-0" }),
+                                        /* @__PURE__ */ jsx("span", { className: "text-small break-words", children: msg.attachmentName })
+                                      ]
+                                    }
+                                  ),
+                                  msg.type === "user" ? /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words", children: msg.content }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                                    (msg.content.includes("🔐") || msg.content.includes("❌")) && /* @__PURE__ */ jsx(
+                                      "div",
+                                      {
+                                        className: "mb-3 p-3 border rounded-[var(--radius)] overflow-hidden bg-[var(--toast-error-bg)]/20 border-[var(--toast-error-border)]/30",
+                                        children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 min-w-0", children: [
+                                          /* @__PURE__ */ jsx(AlertCircle, { className: "w-5 h-5 flex-shrink-0 mt-0.5 text-[var(--toast-error-icon)]" }),
+                                          /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsx(
+                                            MarkdownMessage,
+                                            {
+                                              content: msg.content,
+                                              className: "text-foreground"
+                                            }
+                                          ) })
+                                        ] })
+                                      }
+                                    ),
+                                    !(msg.content.includes("🔐") || msg.content.includes("❌")) && /* @__PURE__ */ jsx(
+                                      MarkdownMessage,
+                                      {
+                                        content: msg.content,
+                                        className: "text-foreground"
+                                      }
+                                    )
+                                  ] }),
+                                  msg.chartData && msg.chartConfig && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full h-[300px] min-w-[300px]", children: /* @__PURE__ */ jsx(ChartContainer, { config: msg.chartConfig, className: "h-full w-full", children: /* @__PURE__ */ jsxs(BarChart, { accessibilityLayer: true, data: msg.chartData, children: [
+                                    /* @__PURE__ */ jsx(CartesianGrid, { vertical: false }),
+                                    /* @__PURE__ */ jsx(
+                                      XAxis,
+                                      {
+                                        dataKey: "month",
+                                        tickLine: false,
+                                        tickMargin: 10,
+                                        axisLine: false,
+                                        tickFormatter: (value) => value.slice(0, 3)
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, {}) }),
+                                    /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }),
+                                    Object.keys(msg.chartConfig).map((key) => /* @__PURE__ */ jsx(Bar, { dataKey: key, fill: `var(--color-${key})`, radius: 4 }, key))
+                                  ] }) }) }),
+                                  msg.tableData && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full max-w-full border rounded-[var(--radius)] overflow-x-auto custom-scrollbar relative", children: /* @__PURE__ */ jsxs(Table$1, { children: [
+                                    msg.tableData.caption && /* @__PURE__ */ jsx(TableCaption, { children: msg.tableData.caption }),
+                                    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: msg.tableData.headers.map((header, i) => /* @__PURE__ */ jsx(TableHead, { children: header }, i)) }) }),
+                                    /* @__PURE__ */ jsx(TableBody, { children: msg.tableData.rows.map((row, i) => /* @__PURE__ */ jsx(TableRow, { children: row.map((cell, j) => /* @__PURE__ */ jsx(TableCell, { children: cell }, j)) }, i)) })
+                                  ] }) }),
+                                  msg.attachmentType === "document" && msg.documentContent && /* @__PURE__ */ jsx(
+                                    "div",
+                                    {
+                                      className: "mt-3 pt-3 border-t border-border overflow-hidden",
+                                      children: /* @__PURE__ */ jsx(
+                                        FormattedDocument,
+                                        {
+                                          content: msg.documentContent,
+                                          maxPreviewLength: 250
+                                        }
+                                      )
+                                    }
+                                  ),
+                                  msg.attachmentType === "podcast" && msg.audioUrl && /* @__PURE__ */ jsxs(
+                                    "div",
+                                    {
+                                      className: "mt-3 pt-3 border-t border-border overflow-hidden",
+                                      children: [
+                                        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3 min-w-0 overflow-hidden", children: [
+                                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1 overflow-hidden", children: [
+                                            /* @__PURE__ */ jsx(
+                                              "div",
+                                              {
+                                                className: "w-6 h-6 flex items-center justify-center flex-shrink-0 rounded-[var(--radius-button)] bg-gradient-to-br from-[var(--chart-1)] via-[var(--chart-4)] to-[var(--chart-1)]",
+                                                children: /* @__PURE__ */ jsx(Radio, { className: "w-3 h-3 text-white" })
+                                              }
+                                            ),
+                                            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium break-words", children: msg.attachmentName })
+                                          ] }),
+                                          /* @__PURE__ */ jsx(
+                                            Button,
+                                            {
+                                              variant: "ghost",
+                                              size: "sm",
+                                              onClick: () => msg.audioUrl && msg.attachmentName && handleDownloadPodcast(msg.audioUrl, msg.attachmentName),
+                                              className: "h-6 px-2 flex-shrink-0",
+                                              title: "Baixar",
+                                              children: /* @__PURE__ */ jsx(Download, { className: "w-3 h-3" })
+                                            }
+                                          )
+                                        ] }),
+                                        /* @__PURE__ */ jsx(
+                                          "div",
+                                          {
+                                            className: "rounded-[var(--radius)] p-2 overflow-hidden bg-gradient-to-r from-[var(--chart-1)]/10 to-[var(--chart-4)]/10",
+                                            children: /* @__PURE__ */ jsxs(
+                                              "audio",
+                                              {
+                                                controls: true,
+                                                className: "w-full max-w-full h-10 outline-none",
+                                                children: [
+                                                  /* @__PURE__ */ jsx("source", { src: msg.audioUrl, type: "audio/mpeg" }),
+                                                  "Seu navegador não suporta o elemento de áudio."
+                                                ]
+                                              }
+                                            )
+                                          }
+                                        )
+                                      ]
+                                    }
+                                  ),
+                                  msg.attachmentType === "search" && msg.searchResults && /* @__PURE__ */ jsxs(
+                                    "div",
+                                    {
+                                      className: "mt-3 pt-3 border-t border-border space-y-4 overflow-hidden",
+                                      children: [
+                                        /* @__PURE__ */ jsxs("div", { className: "overflow-hidden", children: [
+                                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                                            /* @__PURE__ */ jsx(Search, { className: "w-4 h-4 text-[var(--chart-4)]" }),
+                                            /* @__PURE__ */ jsxs("h4", { className: "text-foreground", children: [
+                                              "Resultados Encontrados (",
+                                              msg.searchResults.length,
+                                              ")"
+                                            ] })
+                                          ] }),
+                                          /* @__PURE__ */ jsx("div", { className: "space-y-2 overflow-hidden", children: msg.searchResults.map((result) => /* @__PURE__ */ jsx(
+                                            "div",
+                                            {
+                                              onClick: () => handleOpenSearchResult(result),
+                                              className: "p-3 rounded-[var(--radius)] border border-border transition-all cursor-pointer group overflow-hidden hover:bg-muted/50",
+                                              children: /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap-2 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 flex-1 min-w-0 overflow-hidden", children: [
+                                                /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex-shrink-0", children: [
+                                                  result.type === "document" && /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 text-[var(--chart-4)]" }),
+                                                  result.type === "project" && /* @__PURE__ */ jsx(FolderOpen, { className: "w-4 h-4 text-[var(--chart-1)]" }),
+                                                  result.type === "conversation" && /* @__PURE__ */ jsx(MessageSquare, { className: "w-4 h-4 text-[var(--chart-2)]" }),
+                                                  result.type === "file" && /* @__PURE__ */ jsx(Folder, { className: "w-4 h-4 text-[var(--chart-3)]" }),
+                                                  result.type === "contact" && /* @__PURE__ */ jsx(Users, { className: "w-4 h-4 text-[var(--chart-5)]" })
+                                                ] }),
+                                                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
+                                                  /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 min-w-0", children: [
+                                                    /* @__PURE__ */ jsx("h5", { className: "text-sm font-medium break-words flex-1 min-w-0 text-foreground", children: result.title }),
+                                                    /* @__PURE__ */ jsxs(
+                                                      "span",
+                                                      {
+                                                        className: "px-1.5 py-0.5 rounded-sm flex-shrink-0 self-start bg-[var(--chart-4)]/10 text-[var(--chart-4)]",
+                                                        children: [
+                                                          result.relevance,
+                                                          "%"
+                                                        ]
+                                                      }
+                                                    )
+                                                  ] }),
+                                                  /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 line-clamp-2 break-words", children: result.description }),
+                                                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mt-2 flex-wrap min-w-0", children: [
+                                                    /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground flex items-center gap-1 min-w-0 max-w-full", children: [
+                                                      /* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3 flex-shrink-0" }),
+                                                      /* @__PURE__ */ jsx("span", { className: "truncate", children: result.path })
+                                                    ] }),
+                                                    result.lastModified && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground flex items-center gap-1 flex-shrink-0", children: [
+                                                      /* @__PURE__ */ jsx(Clock, { className: "w-3 h-3" }),
+                                                      result.lastModified
+                                                    ] })
+                                                  ] })
+                                                ] })
+                                              ] }) })
+                                            },
+                                            result.id
+                                          )) })
+                                        ] }),
+                                        msg.searchSources && /* @__PURE__ */ jsxs("div", { children: [
+                                          /* @__PURE__ */ jsx("h4", { className: "mb-2 text-foreground", children: "Fontes Consultadas" }),
+                                          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 overflow-hidden", children: msg.searchSources.map((source, index) => /* @__PURE__ */ jsxs(
+                                            "div",
+                                            {
+                                              className: "px-3 py-1.5 border max-w-full rounded-[var(--radius-button)] bg-muted border-border",
+                                              children: [
+                                                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground break-words", children: source.name }),
+                                                /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground ml-1 whitespace-nowrap", children: [
+                                                  "(",
+                                                  source.count,
+                                                  ")"
+                                                ] })
+                                              ]
+                                            },
+                                            index
+                                          )) })
+                                        ] }),
+                                        msg.searchCommands && msg.searchResults && /* @__PURE__ */ jsxs("div", { children: [
+                                          /* @__PURE__ */ jsx("h4", { className: "mb-2 text-foreground", children: "O que você pode fazer com estes resultados" }),
+                                          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2", children: msg.searchCommands.map((command) => /* @__PURE__ */ jsxs(
+                                            "button",
+                                            {
+                                              onClick: () => handleExecuteSearchCommand(
+                                                command.id,
+                                                msg.content.replace("🔍 Pesquisa realizada com sucesso!", "").split('"')[1] || "pesquisa",
+                                                msg.searchResults,
+                                                msg.id
+                                              ),
+                                              disabled: executingCommand === command.id,
+                                              className: 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"
+                                              ),
+                                              children: [
+                                                executingCommand === command.id ? /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 animate-spin flex-shrink-0 text-primary" }) : /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: command.icon }),
+                                                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
+                                                  /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground break-words", children: command.id === "5" && savedSearches.includes(msg.id) ? "⭐ Pesquisa salva" : command.label }),
+                                                  /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground break-words", children: executingCommand === command.id ? "Processando..." : command.description })
+                                                ] })
+                                              ]
+                                            },
+                                            command.id
+                                          )) })
+                                        ] })
+                                      ]
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1 px-2", children: [
+                              /* @__PURE__ */ 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__ */ jsx(
+                                Button,
+                                {
+                                  variant: "ghost",
+                                  size: "sm",
+                                  onClick: () => handleGeneratePodcast(msg.id, msg.content),
+                                  disabled: generatingPodcastId === msg.id,
+                                  className: "h-6 w-6 p-0 disabled:opacity-50 text-muted-foreground",
+                                  title: "Gerar Podcast",
+                                  "aria-label": "Gerar Podcast",
+                                  children: generatingPodcastId === msg.id ? /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx(Radio, { className: "w-3 h-3" })
+                                }
+                              ),
+                              msg.type === "assistant" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border-l border-border pl-2 ml-1", children: [
+                                /* @__PURE__ */ jsx(
+                                  Button,
+                                  {
+                                    variant: "ghost",
+                                    size: "icon",
+                                    className: 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"
+                                    ),
+                                    onClick: () => handleEvaluationClick(msg.id),
+                                    title: "Gostei",
+                                    "aria-label": "Gostei",
+                                    children: /* @__PURE__ */ jsx(ThumbsUp, { className: "h-3.5 w-3.5" })
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+                                  /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                                    Button,
+                                    {
+                                      variant: "ghost",
+                                      size: "icon",
+                                      className: 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"
+                                      ),
+                                      title: "Não gostei",
+                                      "aria-label": "Não gostei",
+                                      children: /* @__PURE__ */ jsx(ThumbsDown, { className: "h-3.5 w-3.5" })
+                                    }
+                                  ) }),
+                                  /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", children: [
+                                    feedbackOptions && feedbackOptions.length > 0 ? feedbackOptions.map((option, idx) => /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => openFeedbackDialog(msg.id, option), children: option }, idx)) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                                      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => openFeedbackDialog(msg.id, "Não era o que eu procurava"), children: "Não era o que eu procurava" }),
+                                      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => openFeedbackDialog(msg.id, "Informação incorreta"), children: "Informação incorreta" }),
+                                      /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => openFeedbackDialog(msg.id, "Resposta incompleta"), children: "Resposta incompleta" })
+                                    ] }),
+                                    /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => openFeedbackDialog(msg.id, null), children: "Outros..." })
+                                  ] })
+                                ] })
+                              ] }),
+                              /* @__PURE__ */ jsx(
+                                Button,
+                                {
+                                  variant: "ghost",
+                                  size: "sm",
+                                  onClick: () => handleCopyMessage(msg.content, msg.id),
+                                  className: `h-6 w-6 p-0 ${copiedId === msg.id ? "text-[var(--toast-success-icon)]" : "text-muted-foreground"}`,
+                                  "aria-label": copiedId === msg.id ? "Copiado" : "Copiar mensagem",
+                                  children: copiedId === msg.id ? /* @__PURE__ */ jsx(Check, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3 h-3" })
+                                }
+                              )
+                            ] })
+                          ] })
+                        ]
+                      },
+                      msg.id
+                    )),
+                    isProcessing && /* @__PURE__ */ jsxs(
+                      motion.div,
+                      {
+                        initial: { opacity: 0, y: 10 },
+                        animate: { opacity: 1, y: 0 },
+                        className: "flex gap-2 justify-start",
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 pt-1", children: /* @__PURE__ */ jsx(XerticaOrbe, { size: 32 }) }),
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: "px-4 py-3 bg-muted rounded-2xl",
+                              children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+                                /* @__PURE__ */ jsx(
+                                  motion.div,
+                                  {
+                                    className: "w-2 h-2 rounded-full bg-muted-foreground",
+                                    animate: { y: [0, -8, 0] },
+                                    transition: { repeat: Infinity, duration: 0.6, delay: 0 }
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  motion.div,
+                                  {
+                                    className: "w-2 h-2 rounded-full bg-muted-foreground",
+                                    animate: { y: [0, -8, 0] },
+                                    transition: { repeat: Infinity, duration: 0.6, delay: 0.2 }
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  motion.div,
+                                  {
+                                    className: "w-2 h-2 rounded-full bg-muted-foreground",
+                                    animate: { y: [0, -8, 0] },
+                                    transition: { repeat: Infinity, duration: 0.6, delay: 0.4 }
+                                  }
+                                )
+                              ] })
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+                  ] }) }) }),
+                  (abaSelecionada === "historico" && showHistory || abaSelecionada === "favoritos" && showFavorites) && /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs("div", { className: `p-4 ${isFullPage ? "mx-auto w-full max-w-6xl" : ""}`, children: [
+                    /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        variant: "outline",
+                        size: "sm",
+                        onClick: handleNovaConversa,
+                        className: "w-full mb-4 justify-start",
+                        children: [
+                          /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-2" }),
+                          "Nova Conversa"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: conversasFiltradas.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8", children: [
+                      /* @__PURE__ */ jsx(Heart, { className: "w-12 h-12 mx-auto text-muted-foreground/50 mb-2" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: abaSelecionada === "favoritos" ? "Nenhuma conversa favorita ainda" : "Nenhuma conversa no histórico" })
+                    ] }) : conversasFiltradas.map((conversa) => /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        onClick: () => handleSelecionarConversa(conversa.id),
+                        className: 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"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-1", children: [
+                            /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-foreground truncate flex-1", children: conversa.title }),
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  handleToggleFavoritaConversa(conversa.id);
+                                },
+                                className: "h-6 w-6 p-0 flex-shrink-0 ml-1",
+                                children: /* @__PURE__ */ jsx(
+                                  Heart,
+                                  {
+                                    className: cn(
+                                      "w-3 h-3",
+                                      conversa.isFavorite ? "text-destructive fill-current" : "text-muted-foreground"
+                                    )
+                                  }
+                                )
+                              }
+                            )
+                          ] }),
+                          conversa.lastMessage && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground truncate mb-1", children: conversa.lastMessage }),
+                          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: conversa.timestamp })
+                        ]
+                      },
+                      conversa.id
+                    )) })
+                  ] }) })
+                ] }),
+                abaSelecionada === "chat" && /* @__PURE__ */ jsx(
+                  ModernChatInput,
+                  {
+                    value: mensagem,
+                    onChange: setMensagem,
+                    onSubmit: handleEnviarMensagem,
+                    onFileUpload: enableFileAttachment ? () => {
+                      var _a;
+                      return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+                    } : void 0,
+                    onAudioUpload: enableAudioInput ? () => {
+                      var _a;
+                      return (_a = audioInputRef.current) == null ? void 0 : _a.click();
+                    } : void 0,
+                    placeholder: "Envie uma mensagem para Xertica",
+                    disabled: isProcessing,
+                    isFullPage,
+                    enableAudioInput,
+                    enableFileAttachment,
+                    enableDocumentCreation,
+                    enablePodcastGeneration,
+                    enableSearch
+                  }
+                )
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open: evaluationState.isOpen, onOpenChange: (open) => !open && setEvaluationState((prev) => ({ ...prev, isOpen: false })), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[600px]", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "pr-8", children: evaluationState.category ? `Enviar feedback: ${evaluationState.category}` : "Enviar feedback" }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: evaluationState.category ? "Gostaria de adicionar algum comentário? (Opcional)" : "Conte-nos por que essa resposta não foi útil para que possamos melhorar." })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid gap-4 py-4 px-6", children: /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          className: "min-h-[100px]",
+          placeholder: evaluationState.category ? "Comentário adicional..." : "Descreva o motivo...",
+          "aria-label": evaluationState.category ? "Comentário adicional" : "Descreva o motivo",
+          value: evaluationState.reason,
+          onChange: (e) => setEvaluationState((prev) => ({ ...prev, reason: e.target.value })),
+          rows: 4
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setEvaluationState((prev) => ({ ...prev, isOpen: false })), children: "Cancelar" }),
+        /* @__PURE__ */ jsx(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] = 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__ */ jsxs("div", { className: "relative group rounded-[var(--radius)] border border-border overflow-hidden bg-muted/30", children: [
+    filename && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 bg-muted border-b border-border", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-mono", children: filename }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground uppercase", children: language })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        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__ */ jsx(Check, { className: "w-4 h-4 text-[var(--toast-success-icon)]", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Copy, { className: "w-4 h-4", "aria-hidden": "true" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto w-full max-w-full", children: /* @__PURE__ */ jsx(
+        Prism,
+        {
+          language,
+          style: elegantTheme,
+          showLineNumbers,
+          wrapLines: true,
+          customStyle: {
+            margin: 0,
+            padding: "1rem",
+            background: "transparent",
+            fontSize: "inherit"
+          },
+          codeTagProps: {
+            className: "text-[length:inherit]"
+          },
+          children: codeString
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  CodeBlock as C,
+  FormattedDocument as F,
+  MarkdownMessage as M,
+  XerticaAssistant as X,
+  ModernChatInput as a,
+  gerarResposta as g
+};