@copilotz/chat-ui 0.7.5 → 0.7.8

package/dist/index.cjs

@@ -35,6 +35,8 @@ __export(index_exports, {
   ChatUserContextProvider: () => ChatUserContextProvider,
   MessageSenderAvatar: () => MessageSenderAvatar,
   defaultChatConfig: () => defaultChatConfig,
+  getAttachmentKindFromMimeType: () => getAttachmentKindFromMimeType,
+  getMimeTypeFromDataUrl: () => getMimeTypeFromDataUrl,
   mergeConfig: () => mergeConfig,
   resolveMessageSenderDisplay: () => resolveMessageSenderDisplay,
   useChatUserContext: () => useChatUserContext
@@ -253,6 +255,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
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -402,10 +427,155 @@ function TooltipContent({
   ) });
 }
 
-// src/components/chat/AssistantActivity.tsx
-var import_react = require("react");
+// src/components/ui/dialog.tsx
+var React = __toESM(require("react"), 1);
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime5 = require("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__ */ (0, import_jsx_runtime5.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", open, onOpenChange, ...props });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    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__ */ (0, import_jsx_runtime5.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      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__ */ (0, import_jsx_runtime5.jsxs)(
+            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__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "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__ */ (0, import_jsx_runtime5.jsx)(
+    "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__ */ (0, import_jsx_runtime5.jsx)(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
+// src/components/chat/AssistantActivity.tsx
+var import_react = require("react");
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime6 = require("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 ?? "")),
@@ -430,33 +600,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__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.LoaderCircle, { className: "h-4 w-4 animate-spin text-primary" });
-  if (item.status === "failed") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.CircleAlert, { className: "h-4 w-4 text-destructive" });
-  if (item.status === "complete") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
-  if (item.kind === "tool") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.Wrench, { className: "h-4 w-4 text-muted-foreground" });
-  if (item.kind === "answering") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.Sparkles, { className: "h-4 w-4 text-muted-foreground" });
-  if (item.kind === "thinking") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.Brain, { className: "h-4 w-4 text-muted-foreground" });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.status === "active") return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.LoaderCircle, { className: "h-4 w-4 animate-spin text-primary" });
+  if (item.status === "failed") return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.CircleAlert, { className: "h-4 w-4 text-destructive" });
+  if (item.status === "complete") return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "tool") return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Wrench, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "answering") return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Sparkles, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "thinking") return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Brain, { className: "h-4 w-4 text-muted-foreground" });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
 };
 var ActivityDetails = (0, import_react.memo)(function ActivityDetails2({
   item
 }) {
   const toolCall = item.details?.toolCall;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-3 pb-1 pl-7 pt-2 text-sm text-muted-foreground", children: [
-    item.details?.reasoning && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "whitespace-pre-wrap break-words leading-6", children: item.details.reasoning }),
-    item.details?.error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-destructive", children: item.details.error }),
-    toolCall && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("pre", { className: "overflow-x-auto rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(item.details.result, null, 2) })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-3 pb-1 pl-7 pt-2 text-sm text-muted-foreground", children: [
+    item.details?.reasoning && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "whitespace-pre-wrap break-words leading-6", children: item.details.reasoning }),
+    item.details?.error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-destructive", children: item.details.error }),
+    toolCall && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("pre", { className: "overflow-x-auto rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(item.details.result, null, 2) })
   ] });
 });
 var ActivitySkeleton = (0, import_react.memo)(function ActivitySkeleton2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: ROOT_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/80" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/60 [animation-delay:120ms]" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/40 [animation-delay:240ms]" })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: ROOT_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/80" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/60 [animation-delay:120ms]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/40 [animation-delay:240ms]" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "h-3 w-28 animate-pulse rounded-full bg-muted" })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "h-3 w-28 animate-pulse rounded-full bg-muted" })
   ] }) });
 });
 var ActivityTimeline = (0, import_react.memo)(function ActivityTimeline2({
@@ -465,15 +635,15 @@ var ActivityTimeline = (0, import_react.memo)(function ActivityTimeline2({
   labels
 }) {
   const [openById, setOpenById] = (0, import_react.useState)({});
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: ROOT_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "space-y-1", children: activity.items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: ROOT_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative grid grid-cols-[1rem_minmax(0,1fr)] gap-3", children: [
-      !isLast && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute left-2 top-5 h-[calc(100%-0.25rem)] w-px bg-border" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative z-10 mt-1 flex h-4 w-4 items-center justify-center bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActivityIcon, { item }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative grid grid-cols-[1rem_minmax(0,1fr)] gap-3", children: [
+      !isLast && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute left-2 top-5 h-[calc(100%-0.25rem)] w-px bg-border" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "relative z-10 mt-1 flex h-4 w-4 items-center justify-center bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ActivityIcon, { item }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           Button,
           {
             type: "button",
@@ -486,12 +656,12 @@ var ActivityTimeline = (0, import_react.memo)(function ActivityTimeline2({
               !detailsAvailable && "pointer-events-none opacity-100"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "min-w-0 truncate", children: resolveActivityLabel(item, labels) }),
-              detailsAvailable && (open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ChevronDown, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ChevronRight, { className: "h-3.5 w-3.5 shrink-0" }))
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "min-w-0 truncate", children: resolveActivityLabel(item, labels) }),
+              detailsAvailable && (open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ChevronDown, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ChevronRight, { className: "h-3.5 w-3.5 shrink-0" }))
             ]
           }
         ),
-        detailsAvailable && open && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActivityDetails, { item })
+        detailsAvailable && open && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ActivityDetails, { item })
       ] })
     ] }, item.id);
   }) }) });
@@ -503,8 +673,8 @@ var AssistantActivity = (0, import_react.memo)(function AssistantActivity2({
   labels
 }) {
   if (!activity || activity.items.length === 0) return null;
-  if (!showActivity) return hasActiveItem(activity) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActivitySkeleton, {}) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  if (!showActivity) return hasActiveItem(activity) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ActivitySkeleton, {}) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     ActivityTimeline,
     {
       activity,
@@ -560,12 +730,12 @@ function assignAgentColors(agents) {
 
 // src/components/ui/avatar.tsx
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function Avatar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     AvatarPrimitive.Root,
     {
       "data-slot": "avatar",
@@ -581,7 +751,7 @@ function AvatarImage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     AvatarPrimitive.Image,
     {
       "data-slot": "avatar-image",
@@ -594,7 +764,7 @@ function AvatarFallback({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     AvatarPrimitive.Fallback,
     {
       "data-slot": "avatar-fallback",
@@ -608,7 +778,7 @@ function AvatarFallback({
 }
 
 // src/components/chat/MessageSender.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var resolveMessageSenderDisplay = ({
   sender,
   fallbackName,
@@ -627,9 +797,9 @@ var resolveMessageSenderDisplay = ({
   return {
     name,
     color,
-    avatar: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      sender?.avatarUrl || fallbackAvatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarImage, { src: sender?.avatarUrl || fallbackAvatarUrl, alt: name }) : null,
-      shouldUseFallbackAvatar ? fallbackAvatar : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    avatar: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      sender?.avatarUrl || fallbackAvatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarImage, { src: sender?.avatarUrl || fallbackAvatarUrl, alt: name }) : null,
+      shouldUseFallbackAvatar ? fallbackAvatar : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         AvatarFallback,
         {
           className: fallbackClassName,
@@ -654,12 +824,12 @@ var MessageSenderAvatar = ({
     fallbackAvatarUrl,
     compactMode
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: display.avatar });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: display.avatar });
 };
 
 // src/components/chat/Message.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var hasRenderableAssistantBody = (message) => {
   if (message.role !== "assistant") return true;
   if (typeof message.content === "string" && message.content.trim().length > 0) return true;
@@ -670,7 +840,7 @@ var defaultMarkdownComponents = {
   code: ({ node, className, children, ...props }) => {
     const inline = props.inline;
     const match = /language-(\w+)/.exec(className || "");
-    return !inline && match ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("pre", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { className, ...props, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { className: "bg-muted px-1 py-0.5 rounded text-sm", ...props, children });
+    return !inline && match ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("pre", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { className, ...props, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { className: "bg-muted px-1 py-0.5 rounded text-sm", ...props, children });
   }
 };
 var remarkPluginsDefault = [import_remark_gfm.default];
@@ -707,7 +877,7 @@ var getCollapsedPreview = (content, previewChars, previewOverride) => {
   return `${content.slice(0, previewChars).trimEnd()}...`;
 };
 var LongContentShell = (0, import_react2.memo)(function LongContentShell2({ children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className, style, children });
 });
 var PlainTextContent = (0, import_react2.memo)(function PlainTextContent2({
   content,
@@ -716,12 +886,12 @@ var PlainTextContent = (0, import_react2.memo)(function PlainTextContent2({
   style
 }) {
   const chunks = (0, import_react2.useMemo)(() => getPlainTextChunks(content, chunkSize), [content, chunkSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     LongContentShell,
     {
       className: `text-sm leading-6 whitespace-pre-wrap break-words ${className}`.trim(),
       style,
-      children: chunks.map((chunk, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react2.default.Fragment, { children: chunk }, index))
+      children: chunks.map((chunk, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react2.default.Fragment, { children: chunk }, index))
     }
   );
 });
@@ -756,12 +926,12 @@ var StreamingText = (0, import_react2.memo)(function StreamingText2({
     ],
     [enableSyntaxHighlight, markdown?.rehypePlugins]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    hasContent ? renderMarkdown ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    hasContent ? renderMarkdown ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       LongContentShell,
       {
         className: `prose prose-sm max-w-none dark:prose-invert break-words ${className}`.trim(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           import_react_markdown.default,
           {
             remarkPlugins: mergedRemarkPlugins,
@@ -771,7 +941,7 @@ var StreamingText = (0, import_react2.memo)(function StreamingText2({
           }
         )
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       PlainTextContent,
       {
         content,
@@ -779,9 +949,86 @@ var StreamingText = (0, import_react2.memo)(function StreamingText2({
         chunkSize: plainTextChunkChars
       }
     ) : null,
-    isStreaming && hasContent && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "inline-block w-2 h-4 bg-primary animate-pulse ml-1" })
+    isStreaming && hasContent && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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 import_lucide_react3.FileImage;
+  if (attachment.kind === "audio") return import_lucide_react3.FileAudio;
+  if (attachment.kind === "video") return import_lucide_react3.FileVideo;
+  const value = `${attachment.fileName || ""} ${attachment.mimeType || ""}`.toLowerCase();
+  if (value.includes("zip") || value.includes("gzip") || value.includes("tar") || value.includes("archive")) {
+    return import_lucide_react3.FileArchive;
+  }
+  if (value.includes("json") || value.includes("text") || value.includes("markdown") || value.includes("csv")) {
+    return import_lucide_react3.FileText;
+  }
+  return import_lucide_react3.File;
+};
+var AttachmentDownloadButton = ({ attachment }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { asChild: true, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("a", { href: attachment.dataUrl, download: attachment.fileName || "attachment", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Download, { className: "h-4 w-4" }),
+  "Download"
+] }) });
+var AttachmentMetadata = ({ attachment }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("dl", { className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-2 text-sm", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { className: "text-muted-foreground", children: "Type" }),
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { className: "min-w-0 truncate", children: attachment.mimeType || "application/octet-stream" }),
+  attachment.fileName && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { className: "text-muted-foreground", children: "Name" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { className: "min-w-0 truncate", children: attachment.fileName })
+  ] }),
+  typeof attachment.size === "number" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { className: "text-muted-foreground", children: "Size" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { children: formatFileSize(attachment.size) })
+  ] })
+] });
+var FileAttachmentCard = ({ attachment, compact = false }) => {
+  const Icon = getAttachmentIcon(attachment);
+  const size = formatFileSize(attachment.size);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("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__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "h-5 w-5 text-foreground" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "truncate text-sm font-medium", children: getAttachmentLabel(attachment) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)(Dialog, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogTrigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogContent, { className: "w-[min(calc(100vw-2rem),48rem)] max-w-[calc(100vw-2rem)] overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogHeader, { className: "min-w-0 pr-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogTitle, { className: "min-w-0 truncate", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogDescription, { className: "min-w-0 truncate", children: "Attachment details and download options." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "min-w-0 max-w-full space-y-4 overflow-hidden", children: [
+        attachment.kind === "image" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "max-h-[65vh] min-w-0 overflow-auto rounded-lg border bg-muted/20", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "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__ */ (0, import_jsx_runtime9.jsx)("div", { className: "min-w-0 rounded-lg border bg-muted/20", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "video",
+          {
+            src: attachment.dataUrl,
+            poster: attachment.poster,
+            controls: true,
+            className: "max-h-[65vh] w-full rounded-lg"
+          }
+        ) }) : attachment.kind === "audio" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("audio", { className: "w-full", preload: "metadata", controls: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex min-w-0 flex-col items-center gap-3 rounded-lg border bg-muted/20 p-8 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex h-16 w-16 items-center justify-center rounded-lg bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "h-8 w-8 text-foreground" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "w-full min-w-0 truncate text-sm font-medium", children: label })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AttachmentMetadata, { attachment })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogFooter, { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AttachmentDownloadButton, { attachment }) })
+    ] })
+  ] });
+};
 var MediaRenderer = (0, import_react2.memo)(function MediaRenderer2({ attachment }) {
   const [audioPlaybackSrc, setAudioPlaybackSrc] = (0, import_react2.useState)(attachment.dataUrl);
   (0, import_react2.useEffect)(() => {
@@ -807,41 +1054,48 @@ var MediaRenderer = (0, import_react2.memo)(function MediaRenderer2({ attachment
   };
   switch (attachment.kind) {
     case "image":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AttachmentDialog, { attachment, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "block max-w-md text-left", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative overflow-hidden rounded-lg border bg-muted/20", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "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__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2", children: attachment.fileName })
-      ] });
+        attachment.fileName && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex w-full max-w-md py-0 min-w-64 items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        "audio",
-        {
-          className: "w-full mt-2",
-          preload: "metadata",
-          controls: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("source", { src: audioPlaybackSrc, type: attachment.mimeType })
-        }
-      ) });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex w-full max-w-md min-w-64 items-center gap-2 py-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "audio",
+          {
+            className: "mt-2 w-full",
+            preload: "metadata",
+            controls: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("source", { src: audioPlaybackSrc, type: attachment.mimeType })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AttachmentDialog, { attachment, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { type: "button", variant: "outline", size: "icon", className: "mt-2 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.FileAudio, { className: "h-4 w-4" }) }) })
+      ] });
     case "video":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-lg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AttachmentDialog, { attachment, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "block max-w-lg text-left", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative overflow-hidden rounded-lg border bg-muted/20", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "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__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2", children: attachment.fileName })
-      ] });
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/10", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.FileVideo, { className: "h-8 w-8 rounded-full bg-black/50 p-1.5 text-white" }) }),
+        attachment.fileName && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsx)(AttachmentDialog, { attachment, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "block w-full max-w-md text-left", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FileAttachmentCard, { attachment }) }) });
     default:
       return null;
   }
@@ -966,15 +1220,15 @@ var Message = (0, import_react2.memo)(({
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       className: `flex w-full flex-col ${className} max-w-[800px] mx-auto`,
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
-          showAvatar && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
+          showAvatar && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             MessageSenderAvatar,
             {
               sender: message.sender,
@@ -984,8 +1238,8 @@ var Message = (0, import_react2.memo)(({
               compactMode
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "span",
               {
                 className: `font-medium ${compactMode ? "text-sm" : "text-base"}`,
@@ -993,13 +1247,13 @@ var Message = (0, import_react2.memo)(({
                 children: senderDisplay.name
               }
             ),
-            showTimestamp && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) }),
-            message.isEdited && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { variant: "outline", className: "text-xs", children: "editado" })
+            showTimestamp && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) }),
+            message.isEdited && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, { variant: "outline", className: "text-xs", children: "editado" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               Textarea,
               {
                 value: editContent,
@@ -1008,18 +1262,18 @@ var Message = (0, import_react2.memo)(({
                 autoFocus: true
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex gap-2 justify-end", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.X, { className: "h-4 w-4 mr-1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex gap-2 justify-end", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.X, { className: "h-4 w-4 mr-1" }),
                 "Cancelar"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Button, { size: "sm", onClick: handleEdit, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { className: "h-4 w-4 mr-1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Button, { size: "sm", onClick: handleEdit, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Check, { className: "h-4 w-4 mr-1" }),
                 "Salvar"
               ] })
             ] })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-            !messageIsUser && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+            !messageIsUser && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               AssistantActivity,
               {
                 activity: message.activity,
@@ -1028,7 +1282,7 @@ var Message = (0, import_react2.memo)(({
                 labels
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               StreamingText,
               {
                 content: contentToRender,
@@ -1038,7 +1292,7 @@ var Message = (0, import_react2.memo)(({
                 plainTextChunkChars: normalizedChunkChars
               }
             ),
-            canCollapseMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            canCollapseMessage && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               Button,
               {
                 type: "button",
@@ -1050,47 +1304,47 @@ var Message = (0, import_react2.memo)(({
                 children: isCollapsed ? showMoreLabel : showLessLabel
               }
             ) }),
-            message.attachments && message.attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mt-3 space-y-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MediaRenderer, { attachment }, index)) })
+            message.attachments && message.attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mt-3 space-y-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MediaRenderer, { attachment }, index)) })
           ] }),
-          !isEditing && (showActions || copied) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `absolute -top-2 flex gap-1 ${messageIsUser ? "-left-2" : "-right-2"}`, children: [
-            enableCopy && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          !isEditing && (showActions || copied) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `absolute -top-2 flex gap-1 ${messageIsUser ? "-left-2" : "-right-2"}`, children: [
+            enableCopy && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleCopy,
-                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Copy, { className: "h-3 w-3" })
+                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Copy, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipContent, { children: copied ? "Copiado!" : "Copiar" })
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipContent, { children: copied ? "Copiado!" : "Copiar" })
             ] }),
-            canEdit && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            canEdit && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleEdit,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Edit, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Edit, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipContent, { children: "Editar" })
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipContent, { children: "Editar" })
             ] }),
-            canRegenerate && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            canRegenerate && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleRegenerate,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.RotateCcw, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.RotateCcw, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipContent, { children: "Regenerar" })
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipContent, { children: "Regenerar" })
             ] })
           ] })
         ] }) })
@@ -1103,9 +1357,9 @@ var Message = (0, import_react2.memo)(({
 var import_react4 = require("react");
 
 // src/components/ui/input.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "input",
     {
       type,
@@ -1122,17 +1376,17 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-var React5 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 
 // src/hooks/use-mobile.ts
-var React3 = __toESM(require("react"), 1);
+var React4 = __toESM(require("react"), 1);
 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);
@@ -1146,14 +1400,14 @@ function useIsMobile() {
 
 // src/components/ui/separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Separator({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -1169,41 +1423,41 @@ function Separator({
 }
 
 // src/components/ui/sheet.tsx
-var React4 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function cleanupBodyStyles() {
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime12 = require("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__ */ (0, import_jsx_runtime11.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", open, onOpenChange, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", open, onOpenChange, ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -1224,9 +1478,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -1242,9 +1496,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(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__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.XIcon, { className: "size-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(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__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -1252,7 +1506,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
@@ -1265,7 +1519,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -1278,7 +1532,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -1289,9 +1543,9 @@ function SheetDescription({
 }
 
 // src/components/ui/skeleton.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -1302,16 +1556,16 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("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.");
   }
@@ -1327,10 +1581,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) {
@@ -1342,10 +1596,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();
@@ -1356,7 +1610,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React5.useMemo(
+  const contextValue = React6.useMemo(
     () => ({
       state,
       open,
@@ -1368,7 +1622,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -1396,7 +1650,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         "data-slot": "sidebar",
@@ -1410,7 +1664,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -1422,16 +1676,16 @@ function Sidebar({
         },
         side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -1441,7 +1695,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -1453,7 +1707,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -1465,7 +1719,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -1486,7 +1740,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     Button,
     {
       "data-sidebar": "trigger",
@@ -1500,15 +1754,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.PanelLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.PanelLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "button",
     {
       "data-sidebar": "rail",
@@ -1531,7 +1785,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -1545,7 +1799,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -1556,7 +1810,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -1567,7 +1821,7 @@ function SidebarFooter({ className, ...props }) {
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -1581,7 +1835,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -1597,7 +1851,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? import_react_slot3.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -1615,7 +1869,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -1626,7 +1880,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -1637,7 +1891,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -1678,7 +1932,7 @@ function SidebarMenuButton({
 }) {
   const Comp = asChild ? import_react_slot3.Slot : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -1697,9 +1951,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       TooltipContent,
       {
         side: "right",
@@ -1717,7 +1971,7 @@ function SidebarMenuAction({
   ...props
 }) {
   const Comp = asChild ? import_react_slot3.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Comp,
     {
       "data-slot": "sidebar-menu-action",
@@ -1738,151 +1992,6 @@ function SidebarMenuAction({
   );
 }
 
-// src/components/ui/dialog.tsx
-var React6 = __toESM(require("react"), 1);
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime14 = require("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__ */ (0, import_jsx_runtime14.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", open, onOpenChange, ...props });
-}
-function DialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    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__ */ (0, import_jsx_runtime14.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-      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__ */ (0, import_jsx_runtime14.jsxs)(
-            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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    "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__ */ (0, import_jsx_runtime14.jsx)(
-    "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__ */ (0, import_jsx_runtime14.jsx)(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    DialogPrimitive.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-
 // src/components/ui/alert-dialog.tsx
 var React7 = __toESM(require("react"), 1);
 var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
@@ -3735,7 +3844,7 @@ var FileUploadItem = (0, import_react8.memo)(function FileUploadItem2({ file, pr
     if (t.startsWith("audio/")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Mic, { className: "h-4 w-4" });
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.FileText, { 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"];
@@ -3746,7 +3855,7 @@ var FileUploadItem = (0, import_react8.memo)(function FileUploadItem2({ file, pr
     getFileIcon(file.type, file.name),
     /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1 min-w-0", children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm font-medium truncate", children: file.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: formatFileSize2(file.size ?? 0) }),
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Progress, { value: progress, className: "h-1 mt-1" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
@@ -3876,7 +3985,24 @@ var AttachmentPreview = (0, import_react8.memo)(function AttachmentPreview2({ at
         }
       )
     ] }),
-    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "truncate", children: attachment.fileName }) })
+    attachment.kind === "file" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex min-w-48 items-center gap-2 p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.FileText, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "truncate text-xs font-medium", children: attachment.fileName || "File" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: [attachment.mimeType || "File", formatFileSize(attachment.size)].filter(Boolean).join(" \xB7 ") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-6 w-6 opacity-0 transition-opacity group-hover:opacity-100",
+          onClick: onRemove,
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
+        }
+      )
+    ] }),
+    attachment.fileName && attachment.kind !== "audio" && attachment.kind !== "file" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "truncate", children: attachment.fileName }) })
   ] }) });
 });
 var resolveVoiceErrorMessage = (error, config) => {
@@ -3905,7 +4031,7 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
   maxAttachments = 4,
   maxFileSize = 10 * 1024 * 1024,
   // 10MB
-  acceptedFileTypes = ["image/*", "video/*", "audio/*"],
+  acceptedFileTypes = [],
   className = "",
   config,
   mentionAgents = [],
@@ -4080,9 +4206,9 @@ var ChatInput = (0, import_react8.memo)(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
       };
@@ -4505,7 +4631,7 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
                 ref: fileInputRef,
                 type: "file",
                 multiple: true,
-                accept: acceptedFileTypes.join(","),
+                accept: acceptedFileTypes.length > 0 ? acceptedFileTypes.join(",") : void 0,
                 onChange: handleFileSelect,
                 className: "hidden"
               }
@@ -5545,7 +5671,7 @@ var ChatUI = ({
     if (groupedMessages.length > 0 || !suggestions.length) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-center mb-8", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Sparkles, { className: "w-7 h-7 text-primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Sparkles, { className: "w-7 h-7 text-primary" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
       ] }),
@@ -5817,6 +5943,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)
@@ -5895,6 +6022,8 @@ var ChatUI = ({
   ChatUserContextProvider,
   MessageSenderAvatar,
   defaultChatConfig,
+  getAttachmentKindFromMimeType,
+  getMimeTypeFromDataUrl,
   mergeConfig,
   resolveMessageSenderDisplay,
   useChatUserContext