@copilotz/chat-ui 0.7.5 → 0.7.8

package/dist/index.js

@@ -183,7 +183,7 @@ function mergeConfig(_baseConfig, userConfig) {
 }
 
 // src/components/chat/Message.tsx
-import React2, { useState as useState2, useMemo, useEffect, memo as memo2 } from "react";
+import React3, { useState as useState2, useMemo, useEffect as useEffect2, memo as memo2 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import rehypeHighlight from "rehype-highlight";
@@ -216,6 +216,29 @@ var createObjectUrlFromDataUrl = (dataUrl) => {
     return null;
   }
 };
+var getAttachmentKindFromMimeType = (mimeType) => {
+  const normalized = (mimeType || "").toLowerCase();
+  if (normalized.startsWith("image/")) return "image";
+  if (normalized.startsWith("audio/")) return "audio";
+  if (normalized.startsWith("video/")) return "video";
+  return "file";
+};
+var getMimeTypeFromDataUrl = (dataUrl) => {
+  const match = dataUrl.match(/^data:([^;,]+)[;,]/);
+  return match?.[1] || null;
+};
+var formatFileSize = (bytes) => {
+  if (typeof bytes !== "number" || !Number.isFinite(bytes) || bytes < 0) return "";
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB", "TB"];
+  let value = bytes / 1024;
+  let unitIndex = 0;
+  while (value >= 1024 && unitIndex < units.length - 1) {
+    value /= 1024;
+    unitIndex += 1;
+  }
+  return `${value >= 10 ? value.toFixed(0) : value.toFixed(1)} ${units[unitIndex]}`;
+};
 
 // src/components/ui/button.tsx
 import { jsx } from "react/jsx-runtime";
@@ -365,10 +388,155 @@ function TooltipContent({
   ) });
 }
 
+// src/components/ui/dialog.tsx
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function cleanupBodyStyles() {
+  if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
+    document.body.style.pointerEvents = "";
+  }
+}
+function Dialog({
+  open,
+  onOpenChange,
+  ...props
+}) {
+  const prevOpenRef = React.useRef(open);
+  React.useEffect(() => {
+    if (prevOpenRef.current === true && open === false) {
+      const timeout = setTimeout(cleanupBodyStyles, 250);
+      return () => clearTimeout(timeout);
+    }
+    prevOpenRef.current = open;
+  }, [open]);
+  React.useEffect(() => {
+    return () => {
+      cleanupBodyStyles();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx5(DialogPrimitive.Root, { "data-slot": "dialog", open, onOpenChange, ...props });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:pointer-events-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx5(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs2(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        "aria-describedby": void 0,
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs2(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx5(XIcon, {}),
+                /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
 // src/components/chat/AssistantActivity.tsx
 import { memo, useState } from "react";
 import { CheckCircle2, ChevronDown, ChevronRight, CircleAlert, LoaderCircle, Wrench, Brain, Sparkles } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var ROOT_CLASS = "mb-4 w-full max-w-full min-w-0";
 var interpolate = (template, replacements) => Object.entries(replacements).reduce(
   (output, [key, value]) => output.replaceAll(`{{${key}}}`, String(value ?? "")),
@@ -393,33 +561,33 @@ var resolveActivityLabel = (item, labels) => {
   return item.status === "active" ? labels?.activityThinkingActive || "Thinking" : labels?.activityThinkingComplete || "Thought through request";
 };
 var ActivityIcon = ({ item }) => {
-  if (item.status === "active") return /* @__PURE__ */ jsx5(LoaderCircle, { className: "h-4 w-4 animate-spin text-primary" });
-  if (item.status === "failed") return /* @__PURE__ */ jsx5(CircleAlert, { className: "h-4 w-4 text-destructive" });
-  if (item.status === "complete") return /* @__PURE__ */ jsx5(CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
-  if (item.kind === "tool") return /* @__PURE__ */ jsx5(Wrench, { className: "h-4 w-4 text-muted-foreground" });
-  if (item.kind === "answering") return /* @__PURE__ */ jsx5(Sparkles, { className: "h-4 w-4 text-muted-foreground" });
-  if (item.kind === "thinking") return /* @__PURE__ */ jsx5(Brain, { className: "h-4 w-4 text-muted-foreground" });
-  return /* @__PURE__ */ jsx5(CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.status === "active") return /* @__PURE__ */ jsx6(LoaderCircle, { className: "h-4 w-4 animate-spin text-primary" });
+  if (item.status === "failed") return /* @__PURE__ */ jsx6(CircleAlert, { className: "h-4 w-4 text-destructive" });
+  if (item.status === "complete") return /* @__PURE__ */ jsx6(CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "tool") return /* @__PURE__ */ jsx6(Wrench, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "answering") return /* @__PURE__ */ jsx6(Sparkles, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "thinking") return /* @__PURE__ */ jsx6(Brain, { className: "h-4 w-4 text-muted-foreground" });
+  return /* @__PURE__ */ jsx6(CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
 };
 var ActivityDetails = memo(function ActivityDetails2({
   item
 }) {
   const toolCall = item.details?.toolCall;
-  return /* @__PURE__ */ jsxs2("div", { className: "space-y-3 pb-1 pl-7 pt-2 text-sm text-muted-foreground", children: [
-    item.details?.reasoning && /* @__PURE__ */ jsx5("div", { className: "whitespace-pre-wrap break-words leading-6", children: item.details.reasoning }),
-    item.details?.error && /* @__PURE__ */ jsx5("div", { className: "text-destructive", children: item.details.error }),
-    toolCall && /* @__PURE__ */ jsx5("pre", { className: "overflow-x-auto rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(toolCall.arguments, null, 2) }),
-    item.details?.result !== void 0 && /* @__PURE__ */ jsx5("pre", { className: "overflow-x-auto rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(item.details.result, null, 2) })
+  return /* @__PURE__ */ jsxs3("div", { className: "space-y-3 pb-1 pl-7 pt-2 text-sm text-muted-foreground", children: [
+    item.details?.reasoning && /* @__PURE__ */ jsx6("div", { className: "whitespace-pre-wrap break-words leading-6", children: item.details.reasoning }),
+    item.details?.error && /* @__PURE__ */ jsx6("div", { className: "text-destructive", children: item.details.error }),
+    toolCall && /* @__PURE__ */ jsx6("pre", { className: "overflow-x-auto rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(toolCall.arguments, null, 2) }),
+    item.details?.result !== void 0 && /* @__PURE__ */ jsx6("pre", { className: "overflow-x-auto rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(item.details.result, null, 2) })
   ] });
 });
 var ActivitySkeleton = memo(function ActivitySkeleton2() {
-  return /* @__PURE__ */ jsx5("div", { className: ROOT_CLASS, children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 items-center gap-3 rounded-md border border-border/50 bg-muted/20 px-3 py-2", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx5("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/80" }),
-      /* @__PURE__ */ jsx5("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/60 [animation-delay:120ms]" }),
-      /* @__PURE__ */ jsx5("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/40 [animation-delay:240ms]" })
+  return /* @__PURE__ */ jsx6("div", { className: ROOT_CLASS, children: /* @__PURE__ */ jsxs3("div", { className: "flex w-full min-w-0 items-center gap-3 rounded-md border border-border/50 bg-muted/20 px-3 py-2", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx6("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/80" }),
+      /* @__PURE__ */ jsx6("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/60 [animation-delay:120ms]" }),
+      /* @__PURE__ */ jsx6("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/40 [animation-delay:240ms]" })
     ] }),
-    /* @__PURE__ */ jsx5("div", { className: "h-3 w-28 animate-pulse rounded-full bg-muted" })
+    /* @__PURE__ */ jsx6("div", { className: "h-3 w-28 animate-pulse rounded-full bg-muted" })
   ] }) });
 });
 var ActivityTimeline = memo(function ActivityTimeline2({
@@ -428,15 +596,15 @@ var ActivityTimeline = memo(function ActivityTimeline2({
   labels
 }) {
   const [openById, setOpenById] = useState({});
-  return /* @__PURE__ */ jsx5("div", { className: ROOT_CLASS, children: /* @__PURE__ */ jsx5("div", { className: "space-y-1", children: activity.items.map((item, index) => {
+  return /* @__PURE__ */ jsx6("div", { className: ROOT_CLASS, children: /* @__PURE__ */ jsx6("div", { className: "space-y-1", children: activity.items.map((item, index) => {
     const detailsAvailable = showActivityDetails && hasDetails(item);
     const open = Boolean(openById[item.id]);
     const isLast = index === activity.items.length - 1;
-    return /* @__PURE__ */ jsxs2("div", { className: "relative grid grid-cols-[1rem_minmax(0,1fr)] gap-3", children: [
-      !isLast && /* @__PURE__ */ jsx5("div", { className: "absolute left-2 top-5 h-[calc(100%-0.25rem)] w-px bg-border" }),
-      /* @__PURE__ */ jsx5("div", { className: "relative z-10 mt-1 flex h-4 w-4 items-center justify-center bg-background", children: /* @__PURE__ */ jsx5(ActivityIcon, { item }) }),
-      /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsxs2(
+    return /* @__PURE__ */ jsxs3("div", { className: "relative grid grid-cols-[1rem_minmax(0,1fr)] gap-3", children: [
+      !isLast && /* @__PURE__ */ jsx6("div", { className: "absolute left-2 top-5 h-[calc(100%-0.25rem)] w-px bg-border" }),
+      /* @__PURE__ */ jsx6("div", { className: "relative z-10 mt-1 flex h-4 w-4 items-center justify-center bg-background", children: /* @__PURE__ */ jsx6(ActivityIcon, { item }) }),
+      /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs3(
           Button,
           {
             type: "button",
@@ -449,12 +617,12 @@ var ActivityTimeline = memo(function ActivityTimeline2({
               !detailsAvailable && "pointer-events-none opacity-100"
             ),
             children: [
-              /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate", children: resolveActivityLabel(item, labels) }),
-              detailsAvailable && (open ? /* @__PURE__ */ jsx5(ChevronDown, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ jsx5(ChevronRight, { className: "h-3.5 w-3.5 shrink-0" }))
+              /* @__PURE__ */ jsx6("span", { className: "min-w-0 truncate", children: resolveActivityLabel(item, labels) }),
+              detailsAvailable && (open ? /* @__PURE__ */ jsx6(ChevronDown, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ jsx6(ChevronRight, { className: "h-3.5 w-3.5 shrink-0" }))
             ]
           }
         ),
-        detailsAvailable && open && /* @__PURE__ */ jsx5(ActivityDetails, { item })
+        detailsAvailable && open && /* @__PURE__ */ jsx6(ActivityDetails, { item })
       ] })
     ] }, item.id);
   }) }) });
@@ -466,8 +634,8 @@ var AssistantActivity = memo(function AssistantActivity2({
   labels
 }) {
   if (!activity || activity.items.length === 0) return null;
-  if (!showActivity) return hasActiveItem(activity) ? /* @__PURE__ */ jsx5(ActivitySkeleton, {}) : null;
-  return /* @__PURE__ */ jsx5(
+  if (!showActivity) return hasActiveItem(activity) ? /* @__PURE__ */ jsx6(ActivitySkeleton, {}) : null;
+  return /* @__PURE__ */ jsx6(
     ActivityTimeline,
     {
       activity,
@@ -523,12 +691,12 @@ function assignAgentColors(agents) {
 
 // src/components/ui/avatar.tsx
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Avatar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     AvatarPrimitive.Root,
     {
       "data-slot": "avatar",
@@ -544,7 +712,7 @@ function AvatarImage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     AvatarPrimitive.Image,
     {
       "data-slot": "avatar-image",
@@ -557,7 +725,7 @@ function AvatarFallback({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     AvatarPrimitive.Fallback,
     {
       "data-slot": "avatar-fallback",
@@ -571,7 +739,7 @@ function AvatarFallback({
 }
 
 // src/components/chat/MessageSender.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var resolveMessageSenderDisplay = ({
   sender,
   fallbackName,
@@ -590,9 +758,9 @@ var resolveMessageSenderDisplay = ({
   return {
     name,
     color,
-    avatar: /* @__PURE__ */ jsxs3(Fragment, { children: [
-      sender?.avatarUrl || fallbackAvatarUrl ? /* @__PURE__ */ jsx7(AvatarImage, { src: sender?.avatarUrl || fallbackAvatarUrl, alt: name }) : null,
-      shouldUseFallbackAvatar ? fallbackAvatar : /* @__PURE__ */ jsx7(
+    avatar: /* @__PURE__ */ jsxs4(Fragment, { children: [
+      sender?.avatarUrl || fallbackAvatarUrl ? /* @__PURE__ */ jsx8(AvatarImage, { src: sender?.avatarUrl || fallbackAvatarUrl, alt: name }) : null,
+      shouldUseFallbackAvatar ? fallbackAvatar : /* @__PURE__ */ jsx8(
         AvatarFallback,
         {
           className: fallbackClassName,
@@ -617,7 +785,7 @@ var MessageSenderAvatar = ({
     fallbackAvatarUrl,
     compactMode
   });
-  return /* @__PURE__ */ jsx7(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: display.avatar });
+  return /* @__PURE__ */ jsx8(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: display.avatar });
 };
 
 // src/components/chat/Message.tsx
@@ -626,9 +794,16 @@ import {
   Edit,
   RotateCcw,
   Check,
-  X
+  X,
+  Download,
+  File,
+  FileArchive,
+  FileAudio,
+  FileImage,
+  FileText,
+  FileVideo
 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 var hasRenderableAssistantBody = (message) => {
   if (message.role !== "assistant") return true;
   if (typeof message.content === "string" && message.content.trim().length > 0) return true;
@@ -639,7 +814,7 @@ var defaultMarkdownComponents = {
   code: ({ node, className, children, ...props }) => {
     const inline = props.inline;
     const match = /language-(\w+)/.exec(className || "");
-    return !inline && match ? /* @__PURE__ */ jsx8("pre", { className: "relative", children: /* @__PURE__ */ jsx8("code", { className, ...props, children }) }) : /* @__PURE__ */ jsx8("code", { className: "bg-muted px-1 py-0.5 rounded text-sm", ...props, children });
+    return !inline && match ? /* @__PURE__ */ jsx9("pre", { className: "relative", children: /* @__PURE__ */ jsx9("code", { className, ...props, children }) }) : /* @__PURE__ */ jsx9("code", { className: "bg-muted px-1 py-0.5 rounded text-sm", ...props, children });
   }
 };
 var remarkPluginsDefault = [remarkGfm];
@@ -676,7 +851,7 @@ var getCollapsedPreview = (content, previewChars, previewOverride) => {
   return `${content.slice(0, previewChars).trimEnd()}...`;
 };
 var LongContentShell = memo2(function LongContentShell2({ children, className, style }) {
-  return /* @__PURE__ */ jsx8("div", { className, style, children });
+  return /* @__PURE__ */ jsx9("div", { className, style, children });
 });
 var PlainTextContent = memo2(function PlainTextContent2({
   content,
@@ -685,12 +860,12 @@ var PlainTextContent = memo2(function PlainTextContent2({
   style
 }) {
   const chunks = useMemo(() => getPlainTextChunks(content, chunkSize), [content, chunkSize]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     LongContentShell,
     {
       className: `text-sm leading-6 whitespace-pre-wrap break-words ${className}`.trim(),
       style,
-      children: chunks.map((chunk, index) => /* @__PURE__ */ jsx8(React2.Fragment, { children: chunk }, index))
+      children: chunks.map((chunk, index) => /* @__PURE__ */ jsx9(React3.Fragment, { children: chunk }, index))
     }
   );
 });
@@ -725,12 +900,12 @@ var StreamingText = memo2(function StreamingText2({
     ],
     [enableSyntaxHighlight, markdown?.rehypePlugins]
   );
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    hasContent ? renderMarkdown ? /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    hasContent ? renderMarkdown ? /* @__PURE__ */ jsx9(
       LongContentShell,
       {
         className: `prose prose-sm max-w-none dark:prose-invert break-words ${className}`.trim(),
-        children: /* @__PURE__ */ jsx8(
+        children: /* @__PURE__ */ jsx9(
           ReactMarkdown,
           {
             remarkPlugins: mergedRemarkPlugins,
@@ -740,7 +915,7 @@ var StreamingText = memo2(function StreamingText2({
           }
         )
       }
-    ) : /* @__PURE__ */ jsx8(
+    ) : /* @__PURE__ */ jsx9(
       PlainTextContent,
       {
         content,
@@ -748,12 +923,89 @@ var StreamingText = memo2(function StreamingText2({
         chunkSize: plainTextChunkChars
       }
     ) : null,
-    isStreaming && hasContent && /* @__PURE__ */ jsx8("span", { className: "inline-block w-2 h-4 bg-primary animate-pulse ml-1" })
+    isStreaming && hasContent && /* @__PURE__ */ jsx9("span", { className: "inline-block w-2 h-4 bg-primary animate-pulse ml-1" })
   ] });
 });
+var getAttachmentLabel = (attachment) => attachment.fileName || attachment.mimeType || "Attachment";
+var getAttachmentIcon = (attachment) => {
+  if (attachment.kind === "image") return FileImage;
+  if (attachment.kind === "audio") return FileAudio;
+  if (attachment.kind === "video") return FileVideo;
+  const value = `${attachment.fileName || ""} ${attachment.mimeType || ""}`.toLowerCase();
+  if (value.includes("zip") || value.includes("gzip") || value.includes("tar") || value.includes("archive")) {
+    return FileArchive;
+  }
+  if (value.includes("json") || value.includes("text") || value.includes("markdown") || value.includes("csv")) {
+    return FileText;
+  }
+  return File;
+};
+var AttachmentDownloadButton = ({ attachment }) => /* @__PURE__ */ jsx9(Button, { asChild: true, size: "sm", children: /* @__PURE__ */ jsxs5("a", { href: attachment.dataUrl, download: attachment.fileName || "attachment", children: [
+  /* @__PURE__ */ jsx9(Download, { className: "h-4 w-4" }),
+  "Download"
+] }) });
+var AttachmentMetadata = ({ attachment }) => /* @__PURE__ */ jsxs5("dl", { className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-2 text-sm", children: [
+  /* @__PURE__ */ jsx9("dt", { className: "text-muted-foreground", children: "Type" }),
+  /* @__PURE__ */ jsx9("dd", { className: "min-w-0 truncate", children: attachment.mimeType || "application/octet-stream" }),
+  attachment.fileName && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    /* @__PURE__ */ jsx9("dt", { className: "text-muted-foreground", children: "Name" }),
+    /* @__PURE__ */ jsx9("dd", { className: "min-w-0 truncate", children: attachment.fileName })
+  ] }),
+  typeof attachment.size === "number" && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    /* @__PURE__ */ jsx9("dt", { className: "text-muted-foreground", children: "Size" }),
+    /* @__PURE__ */ jsx9("dd", { children: formatFileSize(attachment.size) })
+  ] })
+] });
+var FileAttachmentCard = ({ attachment, compact = false }) => {
+  const Icon = getAttachmentIcon(attachment);
+  const size = formatFileSize(attachment.size);
+  return /* @__PURE__ */ jsxs5("div", { className: `flex w-full min-w-0 max-w-md items-center gap-3 rounded-lg border bg-muted/20 text-left ${compact ? "p-2" : "p-3"}`, children: [
+    /* @__PURE__ */ jsx9("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ jsx9(Icon, { className: "h-5 w-5 text-foreground" }) }),
+    /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx9("p", { className: "truncate text-sm font-medium", children: getAttachmentLabel(attachment) }),
+      /* @__PURE__ */ jsx9("p", { className: "truncate text-xs text-muted-foreground", children: [attachment.mimeType || "File", size].filter(Boolean).join(" \xB7 ") })
+    ] })
+  ] });
+};
+var AttachmentDialog = ({ attachment, children }) => {
+  const label = getAttachmentLabel(attachment);
+  const Icon = getAttachmentIcon(attachment);
+  return /* @__PURE__ */ jsxs5(Dialog, { children: [
+    /* @__PURE__ */ jsx9(DialogTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxs5(DialogContent, { className: "w-[min(calc(100vw-2rem),48rem)] max-w-[calc(100vw-2rem)] overflow-hidden", children: [
+      /* @__PURE__ */ jsxs5(DialogHeader, { className: "min-w-0 pr-8", children: [
+        /* @__PURE__ */ jsx9(DialogTitle, { className: "min-w-0 truncate", children: label }),
+        /* @__PURE__ */ jsx9(DialogDescription, { className: "min-w-0 truncate", children: "Attachment details and download options." })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "min-w-0 max-w-full space-y-4 overflow-hidden", children: [
+        attachment.kind === "image" ? /* @__PURE__ */ jsx9("div", { className: "max-h-[65vh] min-w-0 overflow-auto rounded-lg border bg-muted/20", children: /* @__PURE__ */ jsx9(
+          "img",
+          {
+            src: attachment.dataUrl,
+            alt: label,
+            className: "mx-auto h-auto max-h-[65vh] w-auto max-w-full object-contain"
+          }
+        ) }) : attachment.kind === "video" ? /* @__PURE__ */ jsx9("div", { className: "min-w-0 rounded-lg border bg-muted/20", children: /* @__PURE__ */ jsx9(
+          "video",
+          {
+            src: attachment.dataUrl,
+            poster: attachment.poster,
+            controls: true,
+            className: "max-h-[65vh] w-full rounded-lg"
+          }
+        ) }) : attachment.kind === "audio" ? /* @__PURE__ */ jsx9("audio", { className: "w-full", preload: "metadata", controls: true, children: /* @__PURE__ */ jsx9("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) : /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col items-center gap-3 rounded-lg border bg-muted/20 p-8 text-center", children: [
+          /* @__PURE__ */ jsx9("div", { className: "flex h-16 w-16 items-center justify-center rounded-lg bg-muted", children: /* @__PURE__ */ jsx9(Icon, { className: "h-8 w-8 text-foreground" }) }),
+          /* @__PURE__ */ jsx9("p", { className: "w-full min-w-0 truncate text-sm font-medium", children: label })
+        ] }),
+        /* @__PURE__ */ jsx9(AttachmentMetadata, { attachment })
+      ] }),
+      /* @__PURE__ */ jsx9(DialogFooter, { className: "min-w-0", children: /* @__PURE__ */ jsx9(AttachmentDownloadButton, { attachment }) })
+    ] })
+  ] });
+};
 var MediaRenderer = memo2(function MediaRenderer2({ attachment }) {
   const [audioPlaybackSrc, setAudioPlaybackSrc] = useState2(attachment.dataUrl);
-  useEffect(() => {
+  useEffect2(() => {
     if (attachment.kind !== "audio" || !attachment.dataUrl.startsWith("data:")) {
       setAudioPlaybackSrc(attachment.dataUrl);
       return;
@@ -776,41 +1028,48 @@ var MediaRenderer = memo2(function MediaRenderer2({ attachment }) {
   };
   switch (attachment.kind) {
     case "image":
-      return /* @__PURE__ */ jsxs4("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-md", children: [
-        /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx9(AttachmentDialog, { attachment, children: /* @__PURE__ */ jsx9("button", { type: "button", className: "block max-w-md text-left", children: /* @__PURE__ */ jsxs5("div", { className: "relative overflow-hidden rounded-lg border bg-muted/20", children: [
+        /* @__PURE__ */ jsx9(
           "img",
           {
             src: attachment.dataUrl,
             alt: attachment.fileName || "Attachment",
-            className: "w-full h-auto object-cover",
+            className: "h-auto w-full object-cover",
             loading: "lazy"
           }
         ),
-        attachment.fileName && /* @__PURE__ */ jsx8("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2", children: attachment.fileName })
-      ] });
+        attachment.fileName && /* @__PURE__ */ jsx9("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 p-2 text-xs text-white", children: attachment.fileName })
+      ] }) }) });
     case "audio":
-      return /* @__PURE__ */ jsx8("div", { className: "flex w-full max-w-md py-0 min-w-64 items-center gap-3", children: /* @__PURE__ */ jsx8(
-        "audio",
-        {
-          className: "w-full mt-2",
-          preload: "metadata",
-          controls: true,
-          children: /* @__PURE__ */ jsx8("source", { src: audioPlaybackSrc, type: attachment.mimeType })
-        }
-      ) });
+      return /* @__PURE__ */ jsxs5("div", { className: "flex w-full max-w-md min-w-64 items-center gap-2 py-0", children: [
+        /* @__PURE__ */ jsx9(
+          "audio",
+          {
+            className: "mt-2 w-full",
+            preload: "metadata",
+            controls: true,
+            children: /* @__PURE__ */ jsx9("source", { src: audioPlaybackSrc, type: attachment.mimeType })
+          }
+        ),
+        /* @__PURE__ */ jsx9(AttachmentDialog, { attachment, children: /* @__PURE__ */ jsx9(Button, { type: "button", variant: "outline", size: "icon", className: "mt-2 shrink-0", children: /* @__PURE__ */ jsx9(FileAudio, { className: "h-4 w-4" }) }) })
+      ] });
     case "video":
-      return /* @__PURE__ */ jsxs4("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-lg", children: [
-        /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx9(AttachmentDialog, { attachment, children: /* @__PURE__ */ jsx9("button", { type: "button", className: "block max-w-lg text-left", children: /* @__PURE__ */ jsxs5("div", { className: "relative overflow-hidden rounded-lg border bg-muted/20", children: [
+        /* @__PURE__ */ jsx9(
           "video",
           {
             src: attachment.dataUrl,
             poster: attachment.poster,
-            controls: true,
-            className: "w-full h-auto"
+            className: "h-auto w-full",
+            muted: true,
+            preload: "metadata"
           }
         ),
-        attachment.fileName && /* @__PURE__ */ jsx8("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2", children: attachment.fileName })
-      ] });
+        /* @__PURE__ */ jsx9("div", { className: "absolute inset-0 flex items-center justify-center bg-black/10", children: /* @__PURE__ */ jsx9(FileVideo, { className: "h-8 w-8 rounded-full bg-black/50 p-1.5 text-white" }) }),
+        attachment.fileName && /* @__PURE__ */ jsx9("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 p-2 text-xs text-white", children: attachment.fileName })
+      ] }) }) });
+    case "file":
+      return /* @__PURE__ */ jsx9(AttachmentDialog, { attachment, children: /* @__PURE__ */ jsx9("button", { type: "button", className: "block w-full max-w-md text-left", children: /* @__PURE__ */ jsx9(FileAttachmentCard, { attachment }) }) });
     default:
       return null;
   }
@@ -935,15 +1194,15 @@ var Message = memo2(({
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: `flex w-full flex-col ${className} max-w-[800px] mx-auto`,
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
       children: [
-        /* @__PURE__ */ jsxs4("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
-          showAvatar && /* @__PURE__ */ jsx8("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs5("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
+          showAvatar && /* @__PURE__ */ jsx9("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ jsx9(
             MessageSenderAvatar,
             {
               sender: message.sender,
@@ -953,8 +1212,8 @@ var Message = memo2(({
               compactMode
             }
           ) }),
-          /* @__PURE__ */ jsxs4("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
-            /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs5("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
+            /* @__PURE__ */ jsx9(
               "span",
               {
                 className: `font-medium ${compactMode ? "text-sm" : "text-base"}`,
@@ -962,13 +1221,13 @@ var Message = memo2(({
                 children: senderDisplay.name
               }
             ),
-            showTimestamp && /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) }),
-            message.isEdited && /* @__PURE__ */ jsx8(Badge, { variant: "outline", className: "text-xs", children: "editado" })
+            showTimestamp && /* @__PURE__ */ jsx9("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) }),
+            message.isEdited && /* @__PURE__ */ jsx9(Badge, { variant: "outline", className: "text-xs", children: "editado" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ jsxs4("div", { className: `relative overflow-hidden text-left ${messageIsUser ? "ml-auto inline-flex max-w-[85%] flex-col rounded-lg bg-primary p-3 text-primary-foreground" : "flex w-full max-w-full flex-col"}`, children: [
-          isEditing ? /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ jsxs5("div", { className: `relative overflow-hidden text-left ${messageIsUser ? "ml-auto inline-flex max-w-[85%] flex-col rounded-lg bg-primary p-3 text-primary-foreground" : "flex w-full max-w-full flex-col"}`, children: [
+          isEditing ? /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx9(
               Textarea,
               {
                 value: editContent,
@@ -977,18 +1236,18 @@ var Message = memo2(({
                 autoFocus: true
               }
             ),
-            /* @__PURE__ */ jsxs4("div", { className: "flex gap-2 justify-end", children: [
-              /* @__PURE__ */ jsxs4(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
-                /* @__PURE__ */ jsx8(X, { className: "h-4 w-4 mr-1" }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex gap-2 justify-end", children: [
+              /* @__PURE__ */ jsxs5(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
+                /* @__PURE__ */ jsx9(X, { className: "h-4 w-4 mr-1" }),
                 "Cancelar"
               ] }),
-              /* @__PURE__ */ jsxs4(Button, { size: "sm", onClick: handleEdit, children: [
-                /* @__PURE__ */ jsx8(Check, { className: "h-4 w-4 mr-1" }),
+              /* @__PURE__ */ jsxs5(Button, { size: "sm", onClick: handleEdit, children: [
+                /* @__PURE__ */ jsx9(Check, { className: "h-4 w-4 mr-1" }),
                 "Salvar"
               ] })
             ] })
-          ] }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
-            !messageIsUser && /* @__PURE__ */ jsx8(
+          ] }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+            !messageIsUser && /* @__PURE__ */ jsx9(
               AssistantActivity,
               {
                 activity: message.activity,
@@ -997,7 +1256,7 @@ var Message = memo2(({
                 labels
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               StreamingText,
               {
                 content: contentToRender,
@@ -1007,7 +1266,7 @@ var Message = memo2(({
                 plainTextChunkChars: normalizedChunkChars
               }
             ),
-            canCollapseMessage && /* @__PURE__ */ jsx8("div", { className: "mt-3", children: /* @__PURE__ */ jsx8(
+            canCollapseMessage && /* @__PURE__ */ jsx9("div", { className: "mt-3", children: /* @__PURE__ */ jsx9(
               Button,
               {
                 type: "button",
@@ -1019,47 +1278,47 @@ var Message = memo2(({
                 children: isCollapsed ? showMoreLabel : showLessLabel
               }
             ) }),
-            message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx8("div", { className: "mt-3 space-y-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsx8(MediaRenderer, { attachment }, index)) })
+            message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mt-3 space-y-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsx9(MediaRenderer, { attachment }, index)) })
           ] }),
-          !isEditing && (showActions || copied) && /* @__PURE__ */ jsxs4("div", { className: `absolute -top-2 flex gap-1 ${messageIsUser ? "-left-2" : "-right-2"}`, children: [
-            enableCopy && /* @__PURE__ */ jsxs4(Tooltip, { children: [
-              /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
+          !isEditing && (showActions || copied) && /* @__PURE__ */ jsxs5("div", { className: `absolute -top-2 flex gap-1 ${messageIsUser ? "-left-2" : "-right-2"}`, children: [
+            enableCopy && /* @__PURE__ */ jsxs5(Tooltip, { children: [
+              /* @__PURE__ */ jsx9(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx9(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleCopy,
-                  children: copied ? /* @__PURE__ */ jsx8(Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ jsx8(Copy, { className: "h-3 w-3" })
+                  children: copied ? /* @__PURE__ */ jsx9(Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ jsx9(Copy, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ jsx8(TooltipContent, { children: copied ? "Copiado!" : "Copiar" })
+              /* @__PURE__ */ jsx9(TooltipContent, { children: copied ? "Copiado!" : "Copiar" })
             ] }),
-            canEdit && /* @__PURE__ */ jsxs4(Tooltip, { children: [
-              /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
+            canEdit && /* @__PURE__ */ jsxs5(Tooltip, { children: [
+              /* @__PURE__ */ jsx9(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx9(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleEdit,
-                  children: /* @__PURE__ */ jsx8(Edit, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ jsx9(Edit, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ jsx8(TooltipContent, { children: "Editar" })
+              /* @__PURE__ */ jsx9(TooltipContent, { children: "Editar" })
             ] }),
-            canRegenerate && /* @__PURE__ */ jsxs4(Tooltip, { children: [
-              /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
+            canRegenerate && /* @__PURE__ */ jsxs5(Tooltip, { children: [
+              /* @__PURE__ */ jsx9(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx9(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleRegenerate,
-                  children: /* @__PURE__ */ jsx8(RotateCcw, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ jsx9(RotateCcw, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ jsx8(TooltipContent, { children: "Regenerar" })
+              /* @__PURE__ */ jsx9(TooltipContent, { children: "Regenerar" })
             ] })
           ] })
         ] }) })
@@ -1072,9 +1331,9 @@ var Message = memo2(({
 import { useEffect as useEffect7, useRef as useRef4, useState as useState5 } from "react";
 
 // src/components/ui/input.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "input",
     {
       type,
@@ -1091,17 +1350,17 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { cva as cva3 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 
 // src/hooks/use-mobile.ts
-import * as React3 from "react";
+import * as React4 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React3.useState(void 0);
-  React3.useEffect(() => {
+  const [isMobile, setIsMobile] = React4.useState(void 0);
+  React4.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -1115,14 +1374,14 @@ function useIsMobile() {
 
 // src/components/ui/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -1138,41 +1397,41 @@ function Separator({
 }
 
 // src/components/ui/sheet.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
-function cleanupBodyStyles() {
+import { XIcon as XIcon2 } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+function cleanupBodyStyles2() {
   if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
     document.body.style.pointerEvents = "";
   }
 }
 function Sheet({ open, onOpenChange, ...props }) {
-  const prevOpenRef = React4.useRef(open);
-  React4.useEffect(() => {
+  const prevOpenRef = React5.useRef(open);
+  React5.useEffect(() => {
     if (prevOpenRef.current === true && open === false) {
-      const timeout = setTimeout(cleanupBodyStyles, 350);
+      const timeout = setTimeout(cleanupBodyStyles2, 350);
       return () => clearTimeout(timeout);
     }
     prevOpenRef.current = open;
   }, [open]);
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     return () => {
-      cleanupBodyStyles();
+      cleanupBodyStyles2();
     };
   }, []);
-  return /* @__PURE__ */ jsx11(SheetPrimitive.Root, { "data-slot": "sheet", open, onOpenChange, ...props });
+  return /* @__PURE__ */ jsx12(SheetPrimitive.Root, { "data-slot": "sheet", open, onOpenChange, ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx12(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -1193,9 +1452,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(SheetPortal, { children: [
-    /* @__PURE__ */ jsx11(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(SheetPortal, { children: [
+    /* @__PURE__ */ jsx12(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs6(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -1211,9 +1470,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs5(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx11(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsxs6(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx12(XIcon2, { className: "size-4" }),
+            /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -1221,7 +1480,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "sheet-header",
@@ -1234,7 +1493,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -1247,7 +1506,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -1258,9 +1517,9 @@ function SheetDescription({
 }
 
 // src/components/ui/skeleton.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "skeleton",
@@ -1271,16 +1530,16 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React5.createContext(null);
+var SidebarContext = React6.createContext(null);
 function useSidebar() {
-  const context = React5.useContext(SidebarContext);
+  const context = React6.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -1296,10 +1555,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React5.useState(false);
-  const [_open, _setOpen] = React5.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React6.useState(false);
+  const [_open, _setOpen] = React6.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React5.useCallback(
+  const setOpen = React6.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -1311,10 +1570,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React5.useCallback(() => {
+  const toggleSidebar = React6.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -1325,7 +1584,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React5.useMemo(
+  const contextValue = React6.useMemo(
     () => ({
       state,
       open,
@@ -1337,7 +1596,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx13(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx13(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx14(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -1365,7 +1624,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       "div",
       {
         "data-slot": "sidebar",
@@ -1379,7 +1638,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx13(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsx14(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs7(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -1391,16 +1650,16 @@ function Sidebar({
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs6(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx13(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx13(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs7(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx14(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx14(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx13("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx14("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -1410,7 +1669,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -1422,7 +1681,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -1434,7 +1693,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx13(
+            children: /* @__PURE__ */ jsx14(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -1455,7 +1714,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     Button,
     {
       "data-sidebar": "trigger",
@@ -1469,15 +1728,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx13(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx14(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "button",
     {
       "data-sidebar": "rail",
@@ -1500,7 +1759,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -1514,7 +1773,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -1525,7 +1784,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -1536,7 +1795,7 @@ function SidebarFooter({ className, ...props }) {
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -1550,7 +1809,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -1566,7 +1825,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "div";
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -1584,7 +1843,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -1595,7 +1854,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -1606,7 +1865,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -1647,7 +1906,7 @@ function SidebarMenuButton({
 }) {
   const Comp = asChild ? Slot3 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx13(
+  const button = /* @__PURE__ */ jsx14(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -1666,9 +1925,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs6(Tooltip, { children: [
-    /* @__PURE__ */ jsx13(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs7(Tooltip, { children: [
+    /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx14(
       TooltipContent,
       {
         side: "right",
@@ -1686,7 +1945,7 @@ function SidebarMenuAction({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "button";
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Comp,
     {
       "data-slot": "sidebar-menu-action",
@@ -1707,151 +1966,6 @@ function SidebarMenuAction({
   );
 }
 
-// src/components/ui/dialog.tsx
-import * as React6 from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
-function cleanupBodyStyles2() {
-  if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
-    document.body.style.pointerEvents = "";
-  }
-}
-function Dialog({
-  open,
-  onOpenChange,
-  ...props
-}) {
-  const prevOpenRef = React6.useRef(open);
-  React6.useEffect(() => {
-    if (prevOpenRef.current === true && open === false) {
-      const timeout = setTimeout(cleanupBodyStyles2, 250);
-      return () => clearTimeout(timeout);
-    }
-    prevOpenRef.current = open;
-  }, [open]);
-  React6.useEffect(() => {
-    return () => {
-      cleanupBodyStyles2();
-    };
-  }, []);
-  return /* @__PURE__ */ jsx14(DialogPrimitive.Root, { "data-slot": "dialog", open, onOpenChange, ...props });
-}
-function DialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx14(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx14(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx14(
-    DialogPrimitive.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/50",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out",
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        "data-[state=closed]:pointer-events-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs7(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx14(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs7(
-      DialogPrimitive.Content,
-      {
-        "data-slot": "dialog-content",
-        "aria-describedby": void 0,
-        className: cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxs7(
-            DialogPrimitive.Close,
-            {
-              "data-slot": "dialog-close",
-              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ jsx14(XIcon2, {}),
-                /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx14(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx14(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx14(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx14(
-    DialogPrimitive.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-
 // src/components/ui/alert-dialog.tsx
 import * as React7 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
@@ -2645,7 +2759,7 @@ function CardContent({ className, ...props }) {
 import {
   Bot as Bot2,
   MoreVertical,
-  Download,
+  Download as Download2,
   Upload,
   Trash2 as Trash22,
   Plus as Plus2,
@@ -3045,7 +3159,7 @@ var ChatHeader = ({
                 /* @__PURE__ */ jsx21(DropdownMenuSeparator, {})
               ] }),
               onExportData && /* @__PURE__ */ jsxs13(DropdownMenuItem, { onClick: onExportData, children: [
-                /* @__PURE__ */ jsx21(Download, { className: "h-4 w-4 mr-2" }),
+                /* @__PURE__ */ jsx21(Download2, { className: "h-4 w-4 mr-2" }),
                 config.labels?.exportData || "Export Data"
               ] }),
               onImportData && /* @__PURE__ */ jsxs13(DropdownMenuItem, { onClick: handleImportClick, children: [
@@ -3682,7 +3796,7 @@ import {
   Mic as Mic2,
   Image as Image2,
   Video,
-  FileText,
+  FileText as FileText2,
   X as X4,
   Square as Square2,
   Play,
@@ -3744,9 +3858,9 @@ var FileUploadItem = memo4(function FileUploadItem2({ file, progress, onCancel }
     if (t.startsWith("image/")) return /* @__PURE__ */ jsx25(Image2, { className: "h-4 w-4" });
     if (t.startsWith("video/")) return /* @__PURE__ */ jsx25(Video, { className: "h-4 w-4" });
     if (t.startsWith("audio/")) return /* @__PURE__ */ jsx25(Mic2, { className: "h-4 w-4" });
-    return /* @__PURE__ */ jsx25(FileText, { className: "h-4 w-4" });
+    return /* @__PURE__ */ jsx25(FileText2, { className: "h-4 w-4" });
   };
-  const formatFileSize = (bytes) => {
+  const formatFileSize2 = (bytes) => {
     if (bytes === 0) return "0 Bytes";
     const k = 1024;
     const sizes = ["Bytes", "KB", "MB", "GB"];
@@ -3757,7 +3871,7 @@ var FileUploadItem = memo4(function FileUploadItem2({ file, progress, onCancel }
     getFileIcon(file.type, file.name),
     /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
       /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium truncate", children: file.name }),
-      /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
+      /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: formatFileSize2(file.size ?? 0) }),
       /* @__PURE__ */ jsx25(Progress, { value: progress, className: "h-1 mt-1" })
     ] }),
     /* @__PURE__ */ jsx25(
@@ -3887,7 +4001,24 @@ var AttachmentPreview = memo4(function AttachmentPreview2({ attachment, onRemove
         }
       )
     ] }),
-    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ jsx25("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ jsx25("p", { className: "truncate", children: attachment.fileName }) })
+    attachment.kind === "file" && /* @__PURE__ */ jsxs15("div", { className: "flex min-w-48 items-center gap-2 p-2", children: [
+      /* @__PURE__ */ jsx25("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded bg-muted", children: /* @__PURE__ */ jsx25(FileText2, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx25("p", { className: "truncate text-xs font-medium", children: attachment.fileName || "File" }),
+        /* @__PURE__ */ jsx25("p", { className: "truncate text-xs text-muted-foreground", children: [attachment.mimeType || "File", formatFileSize(attachment.size)].filter(Boolean).join(" \xB7 ") })
+      ] }),
+      /* @__PURE__ */ jsx25(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-6 w-6 opacity-0 transition-opacity group-hover:opacity-100",
+          onClick: onRemove,
+          children: /* @__PURE__ */ jsx25(X4, { className: "h-3 w-3" })
+        }
+      )
+    ] }),
+    attachment.fileName && attachment.kind !== "audio" && attachment.kind !== "file" && /* @__PURE__ */ jsx25("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ jsx25("p", { className: "truncate", children: attachment.fileName }) })
   ] }) });
 });
 var resolveVoiceErrorMessage = (error, config) => {
@@ -3916,7 +4047,7 @@ var ChatInput = memo4(function ChatInput2({
   maxAttachments = 4,
   maxFileSize = 10 * 1024 * 1024,
   // 10MB
-  acceptedFileTypes = ["image/*", "video/*", "audio/*"],
+  acceptedFileTypes = [],
   className = "",
   config,
   mentionAgents = [],
@@ -4091,9 +4222,9 @@ var ChatInput = memo4(function ChatInput2({
         return newMap;
       });
       const attachment = {
-        kind: file.type.startsWith("image/") ? "image" : file.type.startsWith("video/") ? "video" : file.type.startsWith("audio/") ? "audio" : "image",
+        kind: getAttachmentKindFromMimeType(file.type),
         dataUrl,
-        mimeType: file.type,
+        mimeType: file.type || "application/octet-stream",
         fileName: file.name,
         size: file.size
       };
@@ -4516,7 +4647,7 @@ var ChatInput = memo4(function ChatInput2({
                 ref: fileInputRef,
                 type: "file",
                 multiple: true,
-                accept: acceptedFileTypes.join(","),
+                accept: acceptedFileTypes.length > 0 ? acceptedFileTypes.join(",") : void 0,
                 onChange: handleFileSelect,
                 className: "hidden"
               }
@@ -4725,7 +4856,7 @@ import {
   UserPlus,
   Image as Image3,
   BadgeCheck,
-  FileText as FileText2,
+  FileText as FileText3,
   Brain as Brain2,
   Plus as Plus3,
   Trash2 as Trash24,
@@ -4765,7 +4896,7 @@ var getFieldIcon = (type, key) => {
   if (lowerKey.includes("following")) return /* @__PURE__ */ jsx27(UserPlus, { className: iconClass });
   if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ jsx27(Image3, { className: iconClass });
   if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ jsx27(BadgeCheck, { className: iconClass });
-  if (lowerKey.includes("bio")) return /* @__PURE__ */ jsx27(FileText2, { className: iconClass });
+  if (lowerKey.includes("bio")) return /* @__PURE__ */ jsx27(FileText3, { className: iconClass });
   if (lowerKey.includes("email")) return /* @__PURE__ */ jsx27(Mail, { className: iconClass });
   if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ jsx27(Phone, { className: iconClass });
   if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ jsx27(MapPin, { className: iconClass });
@@ -5589,7 +5720,7 @@ var ChatUI = ({
     if (groupedMessages.length > 0 || !suggestions.length) return null;
     return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
       /* @__PURE__ */ jsxs18("div", { className: "text-center mb-8", children: [
-        /* @__PURE__ */ jsx28("div", { className: "inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 mb-4 shadow-sm", children: /* @__PURE__ */ jsx28(Sparkles2, { className: "w-7 h-7 text-primary" }) }),
+        /* @__PURE__ */ jsx28("div", { className: "inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 mb-4 shadow-sm", children: config.branding.avatar ?? /* @__PURE__ */ jsx28(Sparkles2, { className: "w-7 h-7 text-primary" }) }),
         /* @__PURE__ */ jsx28("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
         /* @__PURE__ */ jsx28("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
       ] }),
@@ -5861,6 +5992,7 @@ var ChatUI = ({
                     enableAudioRecording: config.features.enableAudioRecording,
                     maxAttachments: config.features.maxAttachments,
                     maxFileSize: config.features.maxFileSize,
+                    acceptedFileTypes: config.features.acceptedFileTypes,
                     config,
                     mentionAgents: participantIds && participantIds.length > 0 ? agentOptions.filter(
                       (a) => participantIds.includes(a.id)
@@ -5938,6 +6070,8 @@ export {
   ChatUserContextProvider,
   MessageSenderAvatar,
   defaultChatConfig,
+  getAttachmentKindFromMimeType,
+  getMimeTypeFromDataUrl,
   mergeConfig,
   resolveMessageSenderDisplay,
   useChatUserContext