@copilotz/chat-ui 0.7.7 → 0.7.8

package/dist/index.js

@@ -944,7 +944,7 @@ var AttachmentDownloadButton = ({ attachment }) => /* @__PURE__ */ jsx9(Button,
   /* @__PURE__ */ jsx9(Download, { className: "h-4 w-4" }),
   "Download"
 ] }) });
-var AttachmentMetadata = ({ attachment }) => /* @__PURE__ */ jsxs5("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm", children: [
+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: [
@@ -959,7 +959,7 @@ var AttachmentMetadata = ({ attachment }) => /* @__PURE__ */ jsxs5("dl", { class
 var FileAttachmentCard = ({ attachment, compact = false }) => {
   const Icon = getAttachmentIcon(attachment);
   const size = formatFileSize(attachment.size);
-  return /* @__PURE__ */ jsxs5("div", { className: `flex items-center gap-3 rounded-lg border bg-muted/20 text-left ${compact ? "p-2" : "p-3"} max-w-md`, children: [
+  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) }),
@@ -972,20 +972,20 @@ var AttachmentDialog = ({ attachment, children }) => {
   const Icon = getAttachmentIcon(attachment);
   return /* @__PURE__ */ jsxs5(Dialog, { children: [
     /* @__PURE__ */ jsx9(DialogTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsxs5(DialogContent, { className: "max-w-3xl", children: [
-      /* @__PURE__ */ jsxs5(DialogHeader, { children: [
-        /* @__PURE__ */ jsx9(DialogTitle, { className: "truncate", children: label }),
-        /* @__PURE__ */ jsx9(DialogDescription, { children: "Attachment details and download options." })
+    /* @__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: "space-y-4", children: [
-        attachment.kind === "image" ? /* @__PURE__ */ jsx9("div", { className: "max-h-[65vh] overflow-auto rounded-lg border bg-muted/20", children: /* @__PURE__ */ jsx9(
+      /* @__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: "rounded-lg border bg-muted/20", children: /* @__PURE__ */ jsx9(
+        ) }) : attachment.kind === "video" ? /* @__PURE__ */ jsx9("div", { className: "min-w-0 rounded-lg border bg-muted/20", children: /* @__PURE__ */ jsx9(
           "video",
           {
             src: attachment.dataUrl,
@@ -993,13 +993,13 @@ var AttachmentDialog = ({ attachment, children }) => {
             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 flex-col items-center gap-3 rounded-lg border bg-muted/20 p-8 text-center", children: [
+        ) }) : 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: "max-w-full truncate text-sm font-medium", children: label })
+          /* @__PURE__ */ jsx9("p", { className: "w-full min-w-0 truncate text-sm font-medium", children: label })
         ] }),
         /* @__PURE__ */ jsx9(AttachmentMetadata, { attachment })
       ] }),
-      /* @__PURE__ */ jsx9(DialogFooter, { children: /* @__PURE__ */ jsx9(AttachmentDownloadButton, { attachment }) })
+      /* @__PURE__ */ jsx9(DialogFooter, { className: "min-w-0", children: /* @__PURE__ */ jsx9(AttachmentDownloadButton, { attachment }) })
     ] })
   ] });
 };
@@ -1069,7 +1069,7 @@ var MediaRenderer = memo2(function MediaRenderer2({ attachment }) {
         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 max-w-md text-left", children: /* @__PURE__ */ jsx9(FileAttachmentCard, { attachment }) }) });
+      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;
   }