@arbidocs/blocks 0.4.84 → 0.4.86

package/dist/chunk-LGX6UFYG.js

@@ -0,0 +1,557 @@
+"use client";
+import { GridView } from './chunk-ZPLG7QYF.js';
+import { Paperclip, Mail, AlertCircle, Clock, CheckCircle2, Send, ArrowLeft, Reply, Forward, Archive, Trash2, FolderOpen } from 'lucide-react';
+import { cn, Button, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '@arbidocs/react/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo, useState } from 'react';
+import DOMPurify from 'dompurify';
+
+var DELIVERY_BADGE = {
+  bounced: {
+    label: "Bounced",
+    title: "Not delivered: the recipient's mail server sent this message back.",
+    tone: "bg-destructive/10 text-destructive"
+  },
+  partially_bounced: {
+    label: "Partly bounced",
+    title: "Some recipients did not get this message. Open it to see who.",
+    tone: "bg-destructive/10 text-destructive"
+  },
+  delayed: {
+    label: "Delayed",
+    title: "Delivery is delayed; the recipient's server will keep retrying.",
+    tone: "bg-muted text-muted-foreground"
+  }
+};
+function MailDeliveryBadge({
+  problem,
+  className
+}) {
+  const badge = DELIVERY_BADGE[problem];
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("shrink-0 rounded-full px-2 py-0.5 text-xs font-medium", badge.tone, className),
+      title: badge.title,
+      "data-testid": "mail-delivery-badge",
+      children: badge.label
+    }
+  );
+}
+function MailMessagePreview({
+  participants,
+  subject,
+  preview,
+  date,
+  dateTime,
+  unread,
+  hasAttachments,
+  deliveryProblem: deliveryProblem2
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full min-w-0 flex-col justify-center gap-0.5 text-sm leading-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: cn("min-w-0 flex-1 truncate", unread && "font-semibold"), children: participants }),
+      hasAttachments && /* @__PURE__ */ jsx(
+        Paperclip,
+        {
+          className: "size-3.5 shrink-0 text-muted-foreground",
+          "aria-label": "Has attachments"
+        }
+      ),
+      deliveryProblem2 && /* @__PURE__ */ jsx(MailDeliveryBadge, { problem: deliveryProblem2 }),
+      /* @__PURE__ */ jsx("time", { dateTime, className: "shrink-0 text-xs font-normal text-muted-foreground", children: date })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn("truncate", unread && "font-semibold"), children: subject || "(No subject)" }),
+    /* @__PURE__ */ jsx("div", { className: "truncate font-normal text-muted-foreground", children: preview || "\xA0" })
+  ] });
+}
+
+// src/collaboration/mail/mailCompose.ts
+var emptyMailCompose = () => ({
+  to: [],
+  cc: [],
+  bcc: [],
+  subject: "",
+  text: "",
+  attachments: []
+});
+var mailAddressLabel = (person) => person.name || person.email;
+function parseMailRecipients(value) {
+  const addresses = (value.match(/(?:[^,;"\n]|"[^"]*")+/g) ?? []).map((entry) => entry.trim()).filter(Boolean).map((entry) => {
+    const named = entry.match(/^(.*?)\s*<([^<>]+)>$/);
+    return named ? { email: named[2].trim(), name: named[1].trim().replace(/^"|"$/g, "") } : { email: entry };
+  });
+  return addresses.filter(
+    (address, index) => addresses.findIndex((item) => item.email.toLowerCase() === address.email.toLowerCase()) === index
+  );
+}
+function replyMailCompose(message, {
+  account,
+  folderRole,
+  forward = false,
+  all = false,
+  attachments = []
+}) {
+  return {
+    ...emptyMailCompose(),
+    to: forward ? [] : folderRole === "sent" ? message.to : message.sender,
+    cc: all ? [...message.to, ...message.cc].filter(
+      (r) => r.email.toLowerCase() !== account.email.toLowerCase() && !message.sender.some((s) => s.email.toLowerCase() === r.email.toLowerCase())
+    ).filter(
+      (r, i, values) => values.findIndex((v) => v.email.toLowerCase() === r.email.toLowerCase()) === i
+    ) : [],
+    subject: `${forward ? "Fwd" : "Re"}: ${message.subject.replace(/^(Re|Fwd):\s*/i, "")}`,
+    text: `
+
+${message.sender.map((s) => s.email).join(", ")} wrote:
+${message.text}`,
+    in_reply_to: forward ? void 0 : message.message_id,
+    references: [...message.references, ...message.message_id ? [message.message_id] : []],
+    attachments,
+    secure_delivery: message.secure_delivery
+  };
+}
+function draftMailCompose(message, attachments) {
+  return {
+    to: message.to,
+    cc: message.cc,
+    bcc: message.bcc,
+    subject: message.subject,
+    text: message.text,
+    html: message.html,
+    attachments,
+    draft_id: message.id,
+    secure_delivery: message.secure_delivery
+  };
+}
+var hasCalendarPart = (attachments) => attachments.some(
+  (a) => /^text\/calendar\b|^application\/ics\b/i.test(a.content_type) || /\.ics$/i.test(a.name)
+);
+function deliveryProblem(status) {
+  return status === "bounced" || status === "partially_bounced" || status === "delayed" ? status : void 0;
+}
+function MailGrid({
+  messages,
+  loading,
+  selected,
+  onSelect,
+  outgoing = false,
+  personLabel = mailAddressLabel,
+  gridState,
+  onGridStateChange
+}) {
+  const columns = useMemo(
+    () => [
+      {
+        colId: "unread",
+        cellStyle: { padding: 0, justifyContent: "center" },
+        headerName: "",
+        width: 34,
+        minWidth: 34,
+        maxWidth: 34,
+        sortable: false,
+        resizable: false,
+        cellRenderer: ({ data }) => data?.unread ? /* @__PURE__ */ jsx("span", { className: "inline-block size-2 rounded-full bg-primary", "aria-label": "Unread" }) : null
+      },
+      {
+        colId: "message",
+        cellClass: "[&_.ag-cell-value]:h-full [&_.ag-cell-value]:w-full [&_.ag-cell-wrapper]:h-full [&_.ag-cell-wrapper]:w-full",
+        headerName: "Message",
+        flex: 1,
+        minWidth: 240,
+        sortable: false,
+        valueGetter: (p) => p.data?.subject ?? "",
+        cellRenderer: ({ data }) => data ? /* @__PURE__ */ jsx(
+          MailMessagePreview,
+          {
+            participants: (outgoing ? data.to : data.sender).map(personLabel).join(", "),
+            subject: data.subject,
+            preview: data.preview,
+            unread: data.unread,
+            hasAttachments: Boolean(data.attachments.length),
+            deliveryProblem: deliveryProblem(data.delivery_status),
+            dateTime: data.received_at,
+            date: data.received_at ? new Date(data.received_at).toLocaleString(void 0, {
+              month: "short",
+              day: "numeric",
+              hour: "2-digit",
+              minute: "2-digit"
+            }) : ""
+          }
+        ) : null
+      }
+    ],
+    [outgoing, personLabel]
+  );
+  return /* @__PURE__ */ jsx(
+    GridView,
+    {
+      items: messages,
+      columnDefs: columns,
+      getItemId: (m) => m.id,
+      onRowClick: (m) => onSelect(m.id),
+      height: "100%",
+      rowHeight: 84,
+      persistState: Boolean(onGridStateChange),
+      gridId: "personal-mail-grid-v2",
+      gridState,
+      onGridStateChange,
+      testId: "mail-grid",
+      isLoading: loading,
+      getRowTestId: (m) => `mail-row-${m.id}`,
+      emptyState: {
+        icon: /* @__PURE__ */ jsx(Mail, { className: "size-10 text-muted-foreground/50" }),
+        title: "No messages",
+        message: "Messages in this folder will appear here."
+      },
+      gridOptions: {
+        headerHeight: 0,
+        suppressCellFocus: false,
+        onCellKeyDown: (event) => {
+          if (event.event?.key === "Enter" && event.data) onSelect(event.data.id);
+        },
+        defaultColDef: {
+          sortable: true,
+          resizable: true,
+          filter: false
+        },
+        rowClassRules: { "bg-muted/60": (p) => p.data?.id === selected }
+      }
+    }
+  );
+}
+var ICONS = {
+  accepted: Send,
+  relayed: Send,
+  expanded: Send,
+  delivered: CheckCircle2,
+  delayed: Clock,
+  rejected: AlertCircle,
+  failed: AlertCircle
+};
+var LABELS = {
+  accepted: "Sent",
+  relayed: "Sent",
+  expanded: "Sent",
+  delivered: "Delivered",
+  delayed: "Delayed",
+  rejected: "Not delivered",
+  failed: "Not delivered"
+};
+function MailDeliveryList({
+  recipients
+}) {
+  if (recipients.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "aria-label": "Delivery",
+      className: "mb-5 rounded-md border border-border/60 px-3 py-2",
+      "data-testid": "mail-delivery-list",
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: "mb-1 text-xs font-medium text-muted-foreground", children: "Delivery" }),
+        /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: recipients.map((recipient) => {
+          const Icon = ICONS[recipient.status];
+          const failed = recipient.status === "failed" || recipient.status === "rejected";
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "flex flex-wrap items-baseline gap-x-2 text-sm",
+              "data-testid": `mail-delivery-${recipient.email}`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    "aria-hidden": "true",
+                    className: cn(
+                      "size-3.5 shrink-0 self-center",
+                      failed ? "text-destructive" : "text-muted-foreground"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: recipient.email }),
+                /* @__PURE__ */ jsxs("span", { className: cn(failed ? "text-destructive" : "text-muted-foreground"), children: [
+                  LABELS[recipient.status],
+                  ": ",
+                  recipient.description
+                ] })
+              ]
+            },
+            recipient.email
+          );
+        }) })
+      ]
+    }
+  );
+}
+var NEEDS_CONNECTION = "Available when you are back online";
+var SANITIZE = {
+  ALLOWED_TAGS: [
+    "p",
+    "br",
+    "strong",
+    "b",
+    "em",
+    "i",
+    "u",
+    "s",
+    "ul",
+    "ol",
+    "li",
+    "a",
+    "span",
+    "blockquote"
+  ],
+  ALLOWED_ATTR: ["href"],
+  ALLOW_DATA_ATTR: false
+};
+function MailMessageView({
+  account,
+  message,
+  folderRole,
+  folders,
+  isOnline,
+  loading,
+  uploadPending,
+  onBack,
+  onEditDraft,
+  onReply,
+  onUpdate,
+  onDownloadAttachment,
+  onDownloadOriginal,
+  onSaveToWorkspace,
+  personLabel = mailAddressLabel,
+  renderInvite
+}) {
+  const offlineTitle = isOnline ? void 0 : NEEDS_CONNECTION;
+  return /* @__PURE__ */ jsxs("article", { className: "min-w-0 flex-1 overflow-auto p-4 sm:p-5", children: [
+    /* @__PURE__ */ jsxs(Button, { className: "mb-3", variant: "ghost", onClick: onBack, children: [
+      /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 size-4" }),
+      "Back"
+    ] }),
+    loading && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Loading message\u2026" }),
+    /* @__PURE__ */ jsxs("div", { className: "-mx-4 mb-5 flex flex-wrap items-center gap-1 border-b bg-muted/20 px-3 py-1.5 sm:-mx-5 [&_button]:h-8 [&_button]:px-2 [&_button]:text-xs", children: [
+      folderRole === "drafts" ? /* @__PURE__ */ jsx(Button, { onClick: onEditDraft, children: "Edit draft" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "ghost", onClick: () => onReply(), children: [
+          /* @__PURE__ */ jsx(Reply, { className: "mr-2 size-4" }),
+          "Reply"
+        ] }),
+        message.to.length + message.cc.length > 1 && /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onReply(false, true), children: "Reply all" }),
+        /* @__PURE__ */ jsxs(Button, { variant: "ghost", onClick: () => onReply(true), children: [
+          /* @__PURE__ */ jsx(Forward, { className: "mr-2 size-4" }),
+          "Forward"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          disabled: !isOnline,
+          title: offlineTitle,
+          onClick: () => onUpdate({ unread: !message.unread }),
+          children: message.unread ? "Mark read" : "Mark unread"
+        }
+      ),
+      (folderRole === "archive" || folderRole === "trash") && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          disabled: !isOnline,
+          title: offlineTitle,
+          onClick: () => onUpdate({ folder_id: folders?.find((f) => f.role === "inbox")?.id ?? "inbox" }),
+          children: "Move to Inbox"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          "aria-label": "Archive message",
+          disabled: !isOnline,
+          title: offlineTitle,
+          onClick: () => onUpdate({ folder_id: folders?.find((f) => f.role === "archive")?.id ?? "archive" }),
+          children: /* @__PURE__ */ jsx(Archive, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          "aria-label": "Trash message",
+          disabled: !isOnline,
+          title: offlineTitle,
+          onClick: () => onUpdate({ action: "trash" }),
+          children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold leading-snug tracking-tight", children: message.subject || "(No subject)" }),
+      (message.delivery_status === "bounced" || message.delivery_status === "partially_bounced" || message.delivery_status === "delayed") && /* @__PURE__ */ jsx(MailDeliveryBadge, { problem: message.delivery_status })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-5 flex gap-3 border-b border-border/60 pb-4", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-primary/10 text-sm font-semibold text-primary",
+          children: (message.sender[0]?.name || message.sender[0]?.email || "?").split(/\s+/).slice(0, 2).map((part) => part[0]).join("").toUpperCase()
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: message.sender.map((person) => person.name || person.email).join(", ") }),
+          /* @__PURE__ */ jsx("time", { className: "text-[11px] text-muted-foreground", children: message.received_at ? new Date(message.received_at).toLocaleString() : "" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "break-all text-xs text-muted-foreground", children: message.sender.map((person) => person.email).join(", ") }),
+        /* @__PURE__ */ jsxs("p", { className: "mt-2 break-all text-xs text-muted-foreground", children: [
+          "To: ",
+          message.to.map(personLabel).join(", "),
+          message.cc.length > 0 && ` \xB7 Cc: ${message.cc.map(personLabel).join(", ")}`
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(MailDeliveryList, { recipients: message.delivery ?? [] }),
+    renderInvite && hasCalendarPart(message.attachments) && renderInvite(),
+    /* @__PURE__ */ jsx("div", { className: "mb-4 flex flex-wrap gap-2", children: message.attachments.map((a) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        className: "h-auto min-h-12 justify-start rounded-md border-border/70 bg-muted/20 px-3 py-2 text-left shadow-none hover:bg-muted/60",
+        variant: "outline",
+        onClick: () => onDownloadAttachment(a),
+        children: [
+          /* @__PURE__ */ jsx(Paperclip, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "block truncate text-xs font-medium", children: a.name }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "block text-[11px] font-normal text-muted-foreground",
+                children: a.size < 1024 ? `${a.size} B` : `${Math.ceil(a.size / 1024)} KB`
+              }
+            )
+          ] })
+        ]
+      },
+      a.id
+    )) }),
+    message.html && message.text ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "text-sm leading-7 [&_p]:mb-3 [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:list-decimal [&_ol]:pl-6 [&_a]:text-primary [&_a]:underline",
+        dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(message.html, SANITIZE) }
+      }
+    ) : message.text ? /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words font-sans text-sm leading-7 text-foreground/90", children: message.text.split(/(https?:\/\/[^\s]+)/g).map(
+      (part, index) => /^https?:\/\//.test(part) ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: part,
+          className: "text-primary underline underline-offset-2",
+          rel: "noreferrer",
+          children: part
+        },
+        index
+      ) : part
+    ) }) : message.html ? /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        title: "Email body",
+        sandbox: "",
+        referrerPolicy: "no-referrer",
+        className: "min-h-96 w-full border-0 bg-white",
+        srcDoc: `<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src data:; style-src 'unsafe-inline'; base-uri 'none'; form-action 'none'">${message.html}`
+      }
+    ) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Empty message" }),
+    account.provider === "native" && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "mt-5",
+          variant: "outline",
+          disabled: !isOnline,
+          title: offlineTitle,
+          onClick: onDownloadOriginal,
+          children: "Download original email"
+        }
+      ),
+      onSaveToWorkspace && /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "mt-5",
+          variant: "outline",
+          disabled: uploadPending || !isOnline,
+          title: offlineTitle,
+          onClick: onSaveToWorkspace,
+          children: "Save to workspace"
+        }
+      )
+    ] })
+  ] });
+}
+function MailDocumentPicker({
+  documents,
+  onAttach,
+  disabled = false
+}) {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const filtered = useMemo(() => {
+    const q = query.trim().toLowerCase();
+    return q ? documents.filter((d) => d.title.toLowerCase().includes(q)) : documents;
+  }, [documents, query]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        disabled,
+        "data-testid": "mail-attach-workspace-document",
+        children: [
+          /* @__PURE__ */ jsx(FolderOpen, { className: "mr-2 size-4" }),
+          "From workspace"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-80 p-0", align: "start", sideOffset: 4, children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
+      /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search documents...", value: query, onValueChange: setQuery }),
+      /* @__PURE__ */ jsxs(CommandList, { className: "max-h-72", children: [
+        /* @__PURE__ */ jsx(CommandEmpty, { children: "No documents in this workspace" }),
+        /* @__PURE__ */ jsx(CommandGroup, { children: filtered.map((doc) => /* @__PURE__ */ jsxs(
+          CommandItem,
+          {
+            value: doc.id,
+            onSelect: () => {
+              setOpen(false);
+              setQuery("");
+              onAttach(doc);
+            },
+            "data-testid": `document-search-item-${doc.id}`,
+            children: [
+              doc.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: doc.icon }),
+              /* @__PURE__ */ jsx("span", { className: "ml-1.5 flex-1 truncate text-sm", children: doc.title })
+            ]
+          },
+          doc.id
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+function PlainMailBodyEditor({ text, disabled, onChange }) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "aria-label": "Message",
+      className: "my-3 min-h-48 w-full resize-y bg-transparent text-sm outline-none",
+      value: text,
+      disabled,
+      onChange: (event) => onChange(event.target.value, "")
+    }
+  );
+}
+
+export { MailDeliveryBadge, MailDeliveryList, MailDocumentPicker, MailGrid, MailMessagePreview, MailMessageView, NEEDS_CONNECTION, PlainMailBodyEditor, draftMailCompose, emptyMailCompose, hasCalendarPart, mailAddressLabel, parseMailRecipients, replyMailCompose };
+//# sourceMappingURL=chunk-LGX6UFYG.js.map
+//# sourceMappingURL=chunk-LGX6UFYG.js.map

package/dist/chunk-LGX6UFYG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collaboration/mail/MailMessagePreview.tsx","../src/collaboration/mail/mailCompose.ts","../src/collaboration/mail/MailGrid.tsx","../src/collaboration/mail/MailDeliveryList.tsx","../src/collaboration/mail/MailMessageView.tsx","../src/collaboration/mail/MailDocumentPicker.tsx","../src/collaboration/mail/PlainMailBodyEditor.tsx"],"names":["deliveryProblem","jsx","jsxs","cn","Paperclip","useMemo","Button"],"mappings":"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","file":"chunk-LGX6UFYG.js","sourcesContent":["import { Paperclip } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\nexport interface MailMessagePreviewProps {\n  participants: string\n  subject: string\n  preview?: string\n  date: string\n  dateTime?: string\n  unread?: boolean\n  hasAttachments?: boolean\n  /** A sent message's delivery problem; sent and delivered mail shows nothing, as in other clients. */\n  deliveryProblem?: MailDeliveryProblem\n}\n\nexport type MailDeliveryProblem = 'bounced' | 'partially_bounced' | 'delayed'\n\nconst DELIVERY_BADGE: Record<MailDeliveryProblem, { label: string; title: string; tone: string }> =\n  {\n    bounced: {\n      label: 'Bounced',\n      title: \"Not delivered: the recipient's mail server sent this message back.\",\n      tone: 'bg-destructive/10 text-destructive',\n    },\n    partially_bounced: {\n      label: 'Partly bounced',\n      title: 'Some recipients did not get this message. Open it to see who.',\n      tone: 'bg-destructive/10 text-destructive',\n    },\n    delayed: {\n      label: 'Delayed',\n      title: \"Delivery is delayed; the recipient's server will keep retrying.\",\n      tone: 'bg-muted text-muted-foreground',\n    },\n  }\n\n/** A pill for a sent message that bounced, partly bounced, or is delayed. */\nexport function MailDeliveryBadge({\n  problem,\n  className,\n}: {\n  problem: MailDeliveryProblem\n  className?: string\n}) {\n  const badge = DELIVERY_BADGE[problem]\n  return (\n    <span\n      className={cn('shrink-0 rounded-full px-2 py-0.5 text-xs font-medium', badge.tone, className)}\n      title={badge.title}\n      data-testid=\"mail-delivery-badge\"\n    >\n      {badge.label}\n    </span>\n  )\n}\n\n/** Compact inbox identity: sender/date, subject, then a body preview. */\nexport function MailMessagePreview({\n  participants,\n  subject,\n  preview,\n  date,\n  dateTime,\n  unread,\n  hasAttachments,\n  deliveryProblem,\n}: MailMessagePreviewProps) {\n  return (\n    <div className=\"flex h-full w-full min-w-0 flex-col justify-center gap-0.5 text-sm leading-5\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <span className={cn('min-w-0 flex-1 truncate', unread && 'font-semibold')}>\n          {participants}\n        </span>\n        {hasAttachments && (\n          <Paperclip\n            className=\"size-3.5 shrink-0 text-muted-foreground\"\n            aria-label=\"Has attachments\"\n          />\n        )}\n        {deliveryProblem && <MailDeliveryBadge problem={deliveryProblem} />}\n        <time dateTime={dateTime} className=\"shrink-0 text-xs font-normal text-muted-foreground\">\n          {date}\n        </time>\n      </div>\n      <div className={cn('truncate', unread && 'font-semibold')}>{subject || '(No subject)'}</div>\n      <div className=\"truncate font-normal text-muted-foreground\">{preview || '\\u00a0'}</div>\n    </div>\n  )\n}\n","/** Pure helpers for writing mail: an empty message, recipient parsing, replies and forwards. */\n\nimport type {\n  MailAccount,\n  MailAddress,\n  MailAttachment,\n  MailCompose,\n  MailMessage,\n} from '@arbidocs/react'\n\nexport const emptyMailCompose = (): MailCompose => ({\n  to: [],\n  cc: [],\n  bcc: [],\n  subject: '',\n  text: '',\n  attachments: [],\n})\n\n/** A person as shown: the name on the message, else the address. */\nexport const mailAddressLabel = (person: MailAddress): string => person.name || person.email\n\n/**\n * Typed or pasted recipients (`a@x.org; Pat <pat@y.org>`), separated by commas, semicolons or\n * lines, deduplicated by address.\n */\nexport function parseMailRecipients(value: string): MailAddress[] {\n  const addresses = (value.match(/(?:[^,;\"\\n]|\"[^\"]*\")+/g) ?? [])\n    .map((entry) => entry.trim())\n    .filter(Boolean)\n    .map((entry) => {\n      const named = entry.match(/^(.*?)\\s*<([^<>]+)>$/)\n      return named\n        ? { email: named[2].trim(), name: named[1].trim().replace(/^\"|\"$/g, '') }\n        : { email: entry }\n    })\n  return addresses.filter(\n    (address, index) =>\n      addresses.findIndex((item) => item.email.toLowerCase() === address.email.toLowerCase()) ===\n      index\n  )\n}\n\n/** A reply (to the sender, or everyone with `all`) or a forward of `message`. */\nexport function replyMailCompose(\n  message: MailMessage,\n  {\n    account,\n    folderRole,\n    forward = false,\n    all = false,\n    attachments = [],\n  }: {\n    account: MailAccount\n    /** The folder the message is in: replying from Sent goes to its recipients. */\n    folderRole: string\n    forward?: boolean\n    all?: boolean\n    /** A forward's attachments, with their content. */\n    attachments?: MailAttachment[]\n  }\n): MailCompose {\n  return {\n    ...emptyMailCompose(),\n    to: forward ? [] : folderRole === 'sent' ? message.to : message.sender,\n    cc: all\n      ? [...message.to, ...message.cc]\n          .filter(\n            (r) =>\n              r.email.toLowerCase() !== account.email.toLowerCase() &&\n              !message.sender.some((s) => s.email.toLowerCase() === r.email.toLowerCase())\n          )\n          .filter(\n            (r, i, values) =>\n              values.findIndex((v) => v.email.toLowerCase() === r.email.toLowerCase()) === i\n          )\n      : [],\n    subject: `${forward ? 'Fwd' : 'Re'}: ${message.subject.replace(/^(Re|Fwd):\\s*/i, '')}`,\n    text: `\\n\\n${message.sender.map((s) => s.email).join(', ')} wrote:\\n${message.text}`,\n    in_reply_to: forward ? undefined : message.message_id,\n    references: [...message.references, ...(message.message_id ? [message.message_id] : [])],\n    attachments,\n    secure_delivery: message.secure_delivery,\n  }\n}\n\n/** A saved draft, reopened for editing (`attachments` with their content). */\nexport function draftMailCompose(message: MailMessage, attachments: MailAttachment[]): MailCompose {\n  return {\n    to: message.to,\n    cc: message.cc,\n    bcc: message.bcc,\n    subject: message.subject,\n    text: message.text,\n    html: message.html,\n    attachments,\n    draft_id: message.id,\n    secure_delivery: message.secure_delivery,\n  }\n}\n\n/** Whether a message carries a calendar invite (an .ics part). */\nexport const hasCalendarPart = (attachments: MailAttachment[]): boolean =>\n  attachments.some(\n    (a) => /^text\\/calendar\\b|^application\\/ics\\b/i.test(a.content_type) || /\\.ics$/i.test(a.name)\n  )\n","import { useMemo } from 'react'\nimport type { ColDef, GridState } from 'ag-grid-community'\nimport { Mail } from 'lucide-react'\nimport type { MailAddress, MailMessage } from '@arbidocs/react'\nimport { GridView } from '../../files/GridView'\nimport { MailMessagePreview, type MailDeliveryProblem } from './MailMessagePreview'\nimport { mailAddressLabel } from './mailCompose'\n\n/** The list shows only delivery problems; sent and delivered mail stays quiet. */\nfunction deliveryProblem(status: MailMessage['delivery_status']): MailDeliveryProblem | undefined {\n  return status === 'bounced' || status === 'partially_bounced' || status === 'delayed'\n    ? status\n    : undefined\n}\n\nexport interface MailGridProps {\n  messages: MailMessage[]\n  loading: boolean\n  selected: string | null\n  /** Sent, Drafts or Outbox: rows show recipients instead of the sender. */\n  outgoing?: boolean\n  onSelect: (id: string) => void\n  /** How a person is named (default: the name on the message, else the address). */\n  personLabel?: (person: MailAddress) => string\n  /** Column state to restore at mount, and where to persist changes (both optional). */\n  gridState?: GridState\n  onGridStateChange?: (state: GridState) => void\n}\n\n/** A folder's messages: one row per message, unread dot, participants, subject and preview. */\nexport function MailGrid({\n  messages,\n  loading,\n  selected,\n  onSelect,\n  outgoing = false,\n  personLabel = mailAddressLabel,\n  gridState,\n  onGridStateChange,\n}: MailGridProps) {\n  const columns = useMemo<ColDef<MailMessage>[]>(\n    () => [\n      {\n        colId: 'unread',\n        cellStyle: { padding: 0, justifyContent: 'center' },\n        headerName: '',\n        width: 34,\n        minWidth: 34,\n        maxWidth: 34,\n        sortable: false,\n        resizable: false,\n        cellRenderer: ({ data }: { data?: MailMessage }) =>\n          data?.unread ? (\n            <span className=\"inline-block size-2 rounded-full bg-primary\" aria-label=\"Unread\" />\n          ) : null,\n      },\n      {\n        colId: 'message',\n        cellClass:\n          '[&_.ag-cell-value]:h-full [&_.ag-cell-value]:w-full [&_.ag-cell-wrapper]:h-full [&_.ag-cell-wrapper]:w-full',\n        headerName: 'Message',\n        flex: 1,\n        minWidth: 240,\n        sortable: false,\n        valueGetter: (p) => p.data?.subject ?? '',\n        cellRenderer: ({ data }: { data?: MailMessage }) =>\n          data ? (\n            <MailMessagePreview\n              participants={(outgoing ? data.to : data.sender).map(personLabel).join(', ')}\n              subject={data.subject}\n              preview={data.preview}\n              unread={data.unread}\n              hasAttachments={Boolean(data.attachments.length)}\n              deliveryProblem={deliveryProblem(data.delivery_status)}\n              dateTime={data.received_at}\n              date={\n                data.received_at\n                  ? new Date(data.received_at).toLocaleString(undefined, {\n                      month: 'short',\n                      day: 'numeric',\n                      hour: '2-digit',\n                      minute: '2-digit',\n                    })\n                  : ''\n              }\n            />\n          ) : null,\n      },\n    ],\n    [outgoing, personLabel]\n  )\n  return (\n    <GridView<MailMessage>\n      items={messages}\n      columnDefs={columns}\n      getItemId={(m) => m.id}\n      onRowClick={(m) => onSelect(m.id)}\n      height=\"100%\"\n      rowHeight={84}\n      persistState={Boolean(onGridStateChange)}\n      gridId=\"personal-mail-grid-v2\"\n      gridState={gridState}\n      onGridStateChange={onGridStateChange}\n      testId=\"mail-grid\"\n      isLoading={loading}\n      getRowTestId={(m) => `mail-row-${m.id}`}\n      emptyState={{\n        icon: <Mail className=\"size-10 text-muted-foreground/50\" />,\n        title: 'No messages',\n        message: 'Messages in this folder will appear here.',\n      }}\n      gridOptions={{\n        headerHeight: 0,\n        suppressCellFocus: false,\n        onCellKeyDown: (event) => {\n          if ((event.event as KeyboardEvent)?.key === 'Enter' && event.data) onSelect(event.data.id)\n        },\n        defaultColDef: {\n          sortable: true,\n          resizable: true,\n          filter: false,\n        },\n        rowClassRules: { 'bg-muted/60': (p) => p.data?.id === selected },\n      }}\n    />\n  )\n}\n","import { AlertCircle, CheckCircle2, Clock, Send } from 'lucide-react'\nimport type { MailDeliveryRecipient } from '@arbidocs/react'\nimport { cn } from '@arbidocs/react/ui'\n\nconst ICONS: Record<MailDeliveryRecipient['status'], typeof Send> = {\n  accepted: Send,\n  relayed: Send,\n  expanded: Send,\n  delivered: CheckCircle2,\n  delayed: Clock,\n  rejected: AlertCircle,\n  failed: AlertCircle,\n}\n\nconst LABELS: Record<MailDeliveryRecipient['status'], string> = {\n  accepted: 'Sent',\n  relayed: 'Sent',\n  expanded: 'Sent',\n  delivered: 'Delivered',\n  delayed: 'Delayed',\n  rejected: 'Not delivered',\n  failed: 'Not delivered',\n}\n\n/**\n * Where a sent message got to, per recipient: the relay's answer and any delivery reports that came\n * back, in plain words. Shown on sent native mail only.\n */\nexport function MailDeliveryList({\n  recipients,\n}: {\n  recipients: MailDeliveryRecipient[]\n}): React.ReactElement | null {\n  if (recipients.length === 0) return null\n  return (\n    <section\n      aria-label=\"Delivery\"\n      className=\"mb-5 rounded-md border border-border/60 px-3 py-2\"\n      data-testid=\"mail-delivery-list\"\n    >\n      <h3 className=\"mb-1 text-xs font-medium text-muted-foreground\">Delivery</h3>\n      <ul className=\"space-y-1\">\n        {recipients.map((recipient) => {\n          const Icon = ICONS[recipient.status]\n          const failed = recipient.status === 'failed' || recipient.status === 'rejected'\n          return (\n            <li\n              key={recipient.email}\n              className=\"flex flex-wrap items-baseline gap-x-2 text-sm\"\n              data-testid={`mail-delivery-${recipient.email}`}\n            >\n              <Icon\n                aria-hidden=\"true\"\n                className={cn(\n                  'size-3.5 shrink-0 self-center',\n                  failed ? 'text-destructive' : 'text-muted-foreground'\n                )}\n              />\n              <span className=\"font-medium\">{recipient.email}</span>\n              <span className={cn(failed ? 'text-destructive' : 'text-muted-foreground')}>\n                {LABELS[recipient.status]}: {recipient.description}\n              </span>\n            </li>\n          )\n        })}\n      </ul>\n    </section>\n  )\n}\n","import type { ReactNode } from 'react'\nimport DOMPurify from 'dompurify'\nimport { Archive, ArrowLeft, Forward, Paperclip, Reply, Trash2 } from 'lucide-react'\nimport { Button } from '@arbidocs/react/ui'\nimport type {\n  MailAccount,\n  MailAddress,\n  MailAttachment,\n  MailFolder,\n  MailMessage,\n  MailMessageUpdate,\n} from '@arbidocs/react'\nimport { MailDeliveryBadge } from './MailMessagePreview'\nimport { MailDeliveryList } from './MailDeliveryList'\nimport { hasCalendarPart, mailAddressLabel } from './mailCompose'\n\n/** Why an action that changes the mailbox on the server can't run right now. */\nexport const NEEDS_CONNECTION = 'Available when you are back online'\n\nexport interface MailMessageViewProps {\n  account: MailAccount\n  message: MailMessage\n  folderRole: string\n  folders: MailFolder[] | undefined\n  isOnline: boolean\n  loading: boolean\n  uploadPending?: boolean\n  onBack: () => void\n  onEditDraft: () => void\n  onReply: (forward?: boolean, all?: boolean) => void\n  onUpdate: (body: MailMessageUpdate) => void\n  onDownloadAttachment: (attachment: MailAttachment) => void\n  onDownloadOriginal: () => void\n  /** Native mail: save the email to a workspace. Absent: not offered. */\n  onSaveToWorkspace?: () => void\n  /** How a person is named (default: the name on the message, else the address). */\n  personLabel?: (person: MailAddress) => string\n  /** A calendar invite card, for a message that carries an .ics part. */\n  renderInvite?: () => ReactNode\n}\n\nconst SANITIZE = {\n  ALLOWED_TAGS: [\n    'p',\n    'br',\n    'strong',\n    'b',\n    'em',\n    'i',\n    'u',\n    's',\n    'ul',\n    'ol',\n    'li',\n    'a',\n    'span',\n    'blockquote',\n  ],\n  ALLOWED_ATTR: ['href'],\n  ALLOW_DATA_ATTR: false,\n}\n\n/** An opened message: its actions, sender, recipients, delivery, attachments and body. */\nexport function MailMessageView({\n  account,\n  message,\n  folderRole,\n  folders,\n  isOnline,\n  loading,\n  uploadPending,\n  onBack,\n  onEditDraft,\n  onReply,\n  onUpdate,\n  onDownloadAttachment,\n  onDownloadOriginal,\n  onSaveToWorkspace,\n  personLabel = mailAddressLabel,\n  renderInvite,\n}: MailMessageViewProps) {\n  // Moving, marking and saving change the server's mailbox; offline they are unavailable, with why.\n  const offlineTitle = isOnline ? undefined : NEEDS_CONNECTION\n  return (\n    <article className=\"min-w-0 flex-1 overflow-auto p-4 sm:p-5\">\n      <Button className=\"mb-3\" variant=\"ghost\" onClick={onBack}>\n        <ArrowLeft className=\"mr-2 size-4\" />\n        Back\n      </Button>\n      {loading && <p className=\"text-muted-foreground\">Loading message…</p>}\n      <div className=\"-mx-4 mb-5 flex flex-wrap items-center gap-1 border-b bg-muted/20 px-3 py-1.5 sm:-mx-5 [&_button]:h-8 [&_button]:px-2 [&_button]:text-xs\">\n        {folderRole === 'drafts' ? (\n          <Button onClick={onEditDraft}>Edit draft</Button>\n        ) : (\n          <>\n            <Button variant=\"ghost\" onClick={() => onReply()}>\n              <Reply className=\"mr-2 size-4\" />\n              Reply\n            </Button>\n            {message.to.length + message.cc.length > 1 && (\n              <Button variant=\"ghost\" onClick={() => onReply(false, true)}>\n                Reply all\n              </Button>\n            )}\n            <Button variant=\"ghost\" onClick={() => onReply(true)}>\n              <Forward className=\"mr-2 size-4\" />\n              Forward\n            </Button>\n          </>\n        )}\n        <Button\n          variant=\"ghost\"\n          disabled={!isOnline}\n          title={offlineTitle}\n          onClick={() => onUpdate({ unread: !message.unread })}\n        >\n          {message.unread ? 'Mark read' : 'Mark unread'}\n        </Button>\n        {(folderRole === 'archive' || folderRole === 'trash') && (\n          <Button\n            variant=\"ghost\"\n            disabled={!isOnline}\n            title={offlineTitle}\n            onClick={() =>\n              onUpdate({ folder_id: folders?.find((f) => f.role === 'inbox')?.id ?? 'inbox' })\n            }\n          >\n            Move to Inbox\n          </Button>\n        )}\n        <Button\n          variant=\"ghost\"\n          aria-label=\"Archive message\"\n          disabled={!isOnline}\n          title={offlineTitle}\n          onClick={() =>\n            onUpdate({ folder_id: folders?.find((f) => f.role === 'archive')?.id ?? 'archive' })\n          }\n        >\n          <Archive className=\"size-4\" />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          aria-label=\"Trash message\"\n          disabled={!isOnline}\n          title={offlineTitle}\n          onClick={() => onUpdate({ action: 'trash' })}\n        >\n          <Trash2 className=\"size-4\" />\n        </Button>\n      </div>\n      <div className=\"mb-4 flex flex-wrap items-center gap-2\">\n        <h2 className=\"text-xl font-semibold leading-snug tracking-tight\">\n          {message.subject || '(No subject)'}\n        </h2>\n        {(message.delivery_status === 'bounced' ||\n          message.delivery_status === 'partially_bounced' ||\n          message.delivery_status === 'delayed') && (\n          <MailDeliveryBadge problem={message.delivery_status} />\n        )}\n      </div>\n      <div className=\"mb-5 flex gap-3 border-b border-border/60 pb-4\">\n        <span\n          aria-hidden=\"true\"\n          className=\"flex size-10 shrink-0 items-center justify-center rounded-full bg-primary/10 text-sm font-semibold text-primary\"\n        >\n          {(message.sender[0]?.name || message.sender[0]?.email || '?')\n            .split(/\\s+/)\n            .slice(0, 2)\n            .map((part) => part[0])\n            .join('')\n            .toUpperCase()}\n        </span>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-baseline justify-between gap-1\">\n            <p className=\"text-sm font-semibold\">\n              {message.sender.map((person) => person.name || person.email).join(', ')}\n            </p>\n            <time className=\"text-[11px] text-muted-foreground\">\n              {message.received_at ? new Date(message.received_at).toLocaleString() : ''}\n            </time>\n          </div>\n          <p className=\"break-all text-xs text-muted-foreground\">\n            {message.sender.map((person) => person.email).join(', ')}\n          </p>\n          <p className=\"mt-2 break-all text-xs text-muted-foreground\">\n            To: {message.to.map(personLabel).join(', ')}\n            {message.cc.length > 0 && ` · Cc: ${message.cc.map(personLabel).join(', ')}`}\n          </p>\n        </div>\n      </div>\n      <MailDeliveryList recipients={message.delivery ?? []} />\n      {renderInvite && hasCalendarPart(message.attachments) && renderInvite()}\n      <div className=\"mb-4 flex flex-wrap gap-2\">\n        {message.attachments.map((a) => (\n          <Button\n            key={a.id}\n            className=\"h-auto min-h-12 justify-start rounded-md border-border/70 bg-muted/20 px-3 py-2 text-left shadow-none hover:bg-muted/60\"\n            variant=\"outline\"\n            onClick={() => onDownloadAttachment(a)}\n          >\n            <Paperclip className=\"mr-2 size-4\" />\n            <span className=\"min-w-0\">\n              <span className=\"block truncate text-xs font-medium\">{a.name}</span>\n              <span\n                aria-hidden=\"true\"\n                className=\"block text-[11px] font-normal text-muted-foreground\"\n              >\n                {a.size < 1024 ? `${a.size} B` : `${Math.ceil(a.size / 1024)} KB`}\n              </span>\n            </span>\n          </Button>\n        ))}\n      </div>\n      {message.html && message.text ? (\n        <div\n          className=\"text-sm leading-7 [&_p]:mb-3 [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:list-decimal [&_ol]:pl-6 [&_a]:text-primary [&_a]:underline\"\n          dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(message.html, SANITIZE) }}\n        />\n      ) : message.text ? (\n        <pre className=\"whitespace-pre-wrap break-words font-sans text-sm leading-7 text-foreground/90\">\n          {message.text.split(/(https?:\\/\\/[^\\s]+)/g).map((part, index) =>\n            /^https?:\\/\\//.test(part) ? (\n              <a\n                key={index}\n                href={part}\n                className=\"text-primary underline underline-offset-2\"\n                rel=\"noreferrer\"\n              >\n                {part}\n              </a>\n            ) : (\n              part\n            )\n          )}\n        </pre>\n      ) : message.html ? (\n        <iframe\n          title=\"Email body\"\n          sandbox=\"\"\n          referrerPolicy=\"no-referrer\"\n          className=\"min-h-96 w-full border-0 bg-white\"\n          srcDoc={`<meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'none'; img-src data:; style-src 'unsafe-inline'; base-uri 'none'; form-action 'none'\">${message.html}`}\n        />\n      ) : (\n        <p className=\"text-muted-foreground\">Empty message</p>\n      )}\n      {account.provider === 'native' && (\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            className=\"mt-5\"\n            variant=\"outline\"\n            disabled={!isOnline}\n            title={offlineTitle}\n            onClick={onDownloadOriginal}\n          >\n            Download original email\n          </Button>\n          {onSaveToWorkspace && (\n            <Button\n              className=\"mt-5\"\n              variant=\"outline\"\n              disabled={uploadPending || !isOnline}\n              title={offlineTitle}\n              onClick={onSaveToWorkspace}\n            >\n              Save to workspace\n            </Button>\n          )}\n        </div>\n      )}\n    </article>\n  )\n}\n","import { useMemo, useState, type ReactNode } from 'react'\nimport { FolderOpen } from 'lucide-react'\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@arbidocs/react/ui'\n\n/** A workspace document that can be attached to an email. */\nexport interface MailAttachableDocument {\n  id: string\n  title: string\n  /** Its file-type icon. */\n  icon?: ReactNode\n}\n\nexport interface MailDocumentPickerProps {\n  documents: MailAttachableDocument[]\n  onAttach: (document: MailAttachableDocument) => void\n  disabled?: boolean\n}\n\n/** \"From workspace\": a searchable list of the workspace's documents, attached as their files. */\nexport function MailDocumentPicker({\n  documents,\n  onAttach,\n  disabled = false,\n}: MailDocumentPickerProps): React.ReactElement {\n  const [open, setOpen] = useState(false)\n  const [query, setQuery] = useState('')\n  const filtered = useMemo(() => {\n    const q = query.trim().toLowerCase()\n    return q ? documents.filter((d) => d.title.toLowerCase().includes(q)) : documents\n  }, [documents, query])\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          disabled={disabled}\n          data-testid=\"mail-attach-workspace-document\"\n        >\n          <FolderOpen className=\"mr-2 size-4\" />\n          From workspace\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-80 p-0\" align=\"start\" sideOffset={4}>\n        <Command shouldFilter={false}>\n          <CommandInput placeholder=\"Search documents...\" value={query} onValueChange={setQuery} />\n          <CommandList className=\"max-h-72\">\n            <CommandEmpty>No documents in this workspace</CommandEmpty>\n            <CommandGroup>\n              {filtered.map((doc) => (\n                <CommandItem\n                  key={doc.id}\n                  value={doc.id}\n                  onSelect={() => {\n                    setOpen(false)\n                    setQuery('')\n                    onAttach(doc)\n                  }}\n                  data-testid={`document-search-item-${doc.id}`}\n                >\n                  {doc.icon && <span className=\"shrink-0 text-muted-foreground\">{doc.icon}</span>}\n                  <span className=\"ml-1.5 flex-1 truncate text-sm\">{doc.title}</span>\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n","export interface MailBodyEditorProps {\n  text: string\n  html?: string\n  disabled: boolean\n  /** Every edit: the plain text and, from the rich editor, its HTML (`''` from this one). */\n  onChange: (text: string, html: string) => void\n}\n\n/**\n * The message body as plain text: used when the rich editor (an optional peer, `lexical`) is not\n * installed or could not be loaded.\n */\nexport function PlainMailBodyEditor({ text, disabled, onChange }: MailBodyEditorProps) {\n  return (\n    <textarea\n      aria-label=\"Message\"\n      className=\"my-3 min-h-48 w-full resize-y bg-transparent text-sm outline-none\"\n      value={text}\n      disabled={disabled}\n      onChange={(event) => onChange(event.target.value, '')}\n    />\n  )\n}\n"]}