@arbidocs/blocks 0.4.159 → 0.4.161

package/dist/{chunk-SZSJGZSO.js → chunk-SQQU3WRB.js}

@@ -2,8 +2,9 @@
 import { RoleBadge } from './chunk-NBV56SGU.js';
 import { GridView } from './chunk-N5YEF3LC.js';
 import { testIdOr } from './chunk-7F6CBP3Z.js';
-import { Clock, UserMinus, Trash2, Paperclip, Mail, AlertCircle, CheckCircle2, Send, ArrowLeft, Reply, Sparkles, Forward, RotateCcw, Archive, FolderOpen, ChevronDown, ChevronRight } from 'lucide-react';
-import { cn, Tooltip, TooltipTrigger, Select, SelectTrigger, SelectContent, SelectItem, TooltipContent, SelectValue, Button, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Checkbox } from '@arbidocs/react/ui';
+import { ModalSection, ModalSectionTitle } from './chunk-TX2ZICS7.js';
+import { Clock, UserMinus, Trash2, Gift, AtSign, UserPlus, MoreVertical, Plus, KeyRound, Loader2, BellOff, Bell, X, ChevronsUpDown, Paperclip, Mail, AlertCircle, CheckCircle2, Send, ArrowLeft, Reply, Sparkles, Forward, RotateCcw, Archive, FolderOpen, XCircle, CheckCircle, ChevronDown, ChevronRight } from 'lucide-react';
+import { cn, Tooltip, TooltipTrigger, Select, SelectTrigger, SelectContent, SelectItem, TooltipContent, SelectValue, Button, Textarea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem, ScrollArea, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Checkbox } from '@arbidocs/react/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo, useState, useRef, useEffect } from 'react';
 import DOMPurify from 'dompurify';
@@ -157,6 +158,714 @@ function RoleSelect({ value, roles, onChange, description }) {
   ] });
 }
 
+// src/collaboration/contacts/parseEmails.ts
+var MAX_INVITE_EMAILS = 100;
+var EMAIL = /^[^\s@,;]+@[^\s@,;]+\.[^\s@,;]+$/;
+function parseEmails(text) {
+  const parts = text.split(/[\s,;]+/).map((e) => e.trim().toLowerCase());
+  return [...new Set(parts.filter((e) => EMAIL.test(e)))];
+}
+var DEFAULT_CONTACT_OUTCOME_LABELS = {
+  contact_added: "Added to contacts (existing user)",
+  already_contact: "Already in your contacts",
+  invited: "Invitation sent",
+  reinvited: "Previous invitation expired, new one sent",
+  not_resent_still_pending: "Invitation already pending, not resent",
+  failed: "Could not be invited",
+  added: "Added successfully"
+};
+function contactOutcomeMessage(row, labels = {}) {
+  const l = { ...DEFAULT_CONTACT_OUTCOME_LABELS, ...labels };
+  const base = row.outcome ? l[row.outcome] : row.status === "registered" ? l.contact_added : l.added;
+  return row.outcome_detail ? `${base} \u2014 ${row.outcome_detail}` : base;
+}
+function toAddContactsRow(row, labels = {}) {
+  return {
+    email: row.email ?? "",
+    status: row.outcome === "failed" ? "failed" : "success",
+    message: contactOutcomeMessage(row, labels)
+  };
+}
+var toAddContactsRows = (rows, labels) => rows.map((r) => toAddContactsRow(r, labels));
+var DEFAULT_ADD_CONTACTS_LABELS = {
+  placeholder: "name@example.com",
+  hint: "Paste one or multiple emails \u2014 separated by commas, spaces, or new lines.",
+  add: (count) => `Add${count > 0 ? ` (${count})` : ""}`,
+  addOverMax: (count, max) => `Add (${count}) - Max ${max}`,
+  adding: "Adding...",
+  cancel: "Cancel",
+  results: "Results",
+  email: "Email",
+  status: "Status",
+  done: "Done",
+  addMore: "Add More",
+  reward: (amount) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    "Get ",
+    /* @__PURE__ */ jsxs("span", { className: "font-semibold text-foreground", children: [
+      amount,
+      " off your next invoice"
+    ] }),
+    " for every invited contact who goes Pro. They get ",
+    amount,
+    " off theirs."
+  ] })
+};
+function AddContactsForm({
+  value,
+  onChange,
+  emailCount: emailCountProp,
+  maxEmails = MAX_INVITE_EMAILS,
+  isPending,
+  onSubmit,
+  onCancel,
+  rewardAmount,
+  labels
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_ADD_CONTACTS_LABELS, ...labels }), [labels]);
+  const emails = useMemo(() => parseEmails(value), [value]);
+  const emailCount = emailCountProp ?? emails.length;
+  const overMax = emailCount > maxEmails;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", "data-slot": "add-contacts-form", children: [
+    rewardAmount && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-start gap-2 rounded-md bg-green-bg p-3 text-sm",
+        "data-testid": "invite-reward-banner",
+        children: [
+          /* @__PURE__ */ jsx(Gift, { className: "mt-0.5 size-4 shrink-0 text-green-text" }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: l.reward(rewardAmount) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id: "invite-emails",
+          value,
+          onChange: (e) => onChange(e.target.value),
+          disabled: isPending,
+          placeholder: l.placeholder,
+          rows: 2,
+          autoFocus: true,
+          "data-testid": "invite-emails-input"
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm text-muted-foreground", children: l.hint })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => onSubmit(emails),
+          disabled: emailCount === 0 || overMax || isPending,
+          className: "w-full",
+          "data-testid": "invite-send-button",
+          children: isPending ? l.adding : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(AtSign, { className: "mr-2 size-4" }),
+            overMax ? l.addOverMax(emailCount, maxEmails) : l.add(emailCount)
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onCancel, disabled: isPending, className: "w-full", children: l.cancel })
+    ] })
+  ] });
+}
+var STATUS_ICON = {
+  success: /* @__PURE__ */ jsx(CheckCircle, { className: "size-4 shrink-0 text-green-text" }),
+  failed: /* @__PURE__ */ jsx(XCircle, { className: "size-4 shrink-0 text-red-text" }),
+  pending: /* @__PURE__ */ jsx(AlertCircle, { className: "size-4 shrink-0 text-yellow-text" })
+};
+function AddContactsResults({ rows, onDone, onAddMore, labels }) {
+  const l = useMemo(() => ({ ...DEFAULT_ADD_CONTACTS_LABELS, ...labels }), [labels]);
+  return /* @__PURE__ */ jsxs(ModalSection, { children: [
+    /* @__PURE__ */ jsx(ModalSectionTitle, { children: l.results }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-y-auto rounded-md border", children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
+      /* @__PURE__ */ jsx("thead", { className: "sticky top-0 bg-muted/50", children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "p-2 text-left font-medium", children: l.email }),
+        /* @__PURE__ */ jsx("th", { className: "p-2 text-left font-medium", children: l.status })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: rows.map((row, index) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: "border-t hover:bg-muted/30",
+          "data-testid": `email-status-row-${index}`,
+          children: [
+            /* @__PURE__ */ jsx("td", { className: "p-2", children: row.email }),
+            /* @__PURE__ */ jsx("td", { className: "p-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              STATUS_ICON[row.status],
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: row.message })
+            ] }) })
+          ]
+        },
+        index
+      )) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-4", children: [
+      /* @__PURE__ */ jsx(Button, { onClick: onDone, className: "w-full", "data-testid": "close-results-button", children: l.done }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: onAddMore,
+          className: "w-full",
+          "data-testid": "start-over-button",
+          children: l.addMore
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/collaboration/contacts/invite-plan.ts
+function emailTokens(text) {
+  return [
+    ...new Set(
+      text.split(/[,;\s]+/).map((e) => e.trim().toLowerCase()).filter(Boolean)
+    )
+  ];
+}
+var EMAIL2 = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+var isInvitableEmail = (email) => EMAIL2.test(email) && !email.includes("..");
+var DEFAULT_CONTACT_INVITE_LABELS = {
+  invalid: "Invalid email format (excluded)",
+  self: "Can't add yourself as a contact",
+  resending: "Resending invitation...",
+  sending: "Sending...",
+  alreadyInvited: "User already in contacts (invitation pending)",
+  alreadyRegistered: "User already in contacts (registered)",
+  notProcessed: "Not processed by server (may be rate limited or invalid)"
+};
+function planContactInvites(text, contacts, selfEmail, labels = {}) {
+  const l = { ...DEFAULT_CONTACT_INVITE_LABELS, ...labels };
+  const me = selfEmail?.toLowerCase();
+  const tokens = emailTokens(text);
+  const invalid = tokens.filter((e) => !isInvitableEmail(e));
+  const valid = tokens.filter((e) => isInvitableEmail(e));
+  const rows = invalid.map((email) => ({
+    email,
+    status: "failed",
+    message: l.invalid
+  }));
+  const self = valid.filter((e) => me && e === me);
+  rows.push(...self.map((email) => ({ email, status: "failed", message: l.self })));
+  const send = [];
+  for (const email of valid) {
+    if (me && email === me) continue;
+    const existing = contacts.find((c) => c.email?.toLowerCase() === email);
+    if (!existing) {
+      send.push(email);
+      rows.push({ email, status: "pending", message: l.sending });
+    } else if (existing.status === "expired") {
+      send.push(email);
+      rows.push({ email, status: "pending", message: l.resending });
+    } else
+      rows.push({
+        email,
+        status: "success",
+        message: existing.status === "invited" ? l.alreadyInvited : l.alreadyRegistered
+      });
+  }
+  return { rows, send };
+}
+function applyContactInviteResults(plan, response, labels = {}) {
+  const l = { ...DEFAULT_CONTACT_INVITE_LABELS, ...labels };
+  return plan.rows.map((row) => {
+    if (!plan.send.includes(row.email)) return row;
+    const answer = response.find((c) => c.email?.toLowerCase() === row.email);
+    return answer ? { ...toAddContactsRow(answer, labels), email: row.email } : { email: row.email, status: "failed", message: l.notProcessed };
+  });
+}
+function failContactInvites(plan, message) {
+  return plan.rows.map(
+    (row) => plan.send.includes(row.email) ? { ...row, status: "failed", message } : row
+  );
+}
+function summarizeContactInvites(response) {
+  const count = (...outcomes) => response.filter((c) => outcomes.includes(c.outcome)).length;
+  const added = count("contact_added");
+  const sent = count("invited", "reinvited");
+  const failed = count("failed");
+  const notResent = count("not_resent_still_pending");
+  const parts = [];
+  if (added) parts.push(`${added} contact${added !== 1 ? "s" : ""} added`);
+  if (sent) parts.push(`${sent} invitation email${sent !== 1 ? "s" : ""} sent`);
+  if (notResent) parts.push(`${notResent} already pending`);
+  if (failed) parts.push(`${failed} failed`);
+  return { message: parts.length ? parts.join(", ") : "No changes", failed: failed > 0 };
+}
+function summarizeUnsentInvites(rows, labels = {}) {
+  const l = { ...DEFAULT_CONTACT_INVITE_LABELS, ...labels };
+  const already = rows.filter(
+    (r) => r.message === l.alreadyInvited || r.message === l.alreadyRegistered
+  ).length;
+  const excluded = rows.filter((r) => r.message === l.invalid).length;
+  if (already && excluded) return `${already} already in contacts, ${excluded} excluded`;
+  if (already) return `All ${already} email${already !== 1 ? "s are" : " is"} already in contacts`;
+  return "All emails excluded (invalid or duplicate)";
+}
+
+// src/collaboration/contacts/contact-form.ts
+var EMPTY_CONTACT_FORM = {
+  name: "",
+  emails: [{ value: "", type: "" }],
+  phones: [{ value: "", type: "" }],
+  addresses: [],
+  organization: "",
+  title: "",
+  birthday: "",
+  anniversary: "",
+  note: "",
+  nickname: "",
+  urls: []
+};
+function str(v) {
+  return typeof v === "string" ? v : "";
+}
+function contactToForm(c) {
+  const pick = (rows, key) => (rows ?? []).map((row) => {
+    const r = row;
+    return { value: str(r[key]), type: str(r.type) };
+  });
+  const emails = pick(c.emails, "email");
+  const phones = pick(c.phones, "number");
+  return {
+    name: c.name ?? "",
+    emails: emails.length ? emails : [{ value: "", type: "" }],
+    phones: phones.length ? phones : [{ value: "", type: "" }],
+    addresses: pick(c.addresses, "value"),
+    organization: c.organization ?? "",
+    title: c.title ?? "",
+    birthday: c.birthday ?? "",
+    anniversary: c.anniversary ?? "",
+    note: c.note ?? "",
+    nickname: c.nickname ?? "",
+    urls: c.urls ?? []
+  };
+}
+var FULL_DATE = /^\d{4}-\d{2}-\d{2}$/;
+var NO_YEAR = /^--\d{2}-\d{2}$/;
+var MONTH_DAY = /^\d{2}-\d{2}$/;
+function normalizeVCardDate(input) {
+  const v = input.trim();
+  if (!v) return null;
+  const candidate = MONTH_DAY.test(v) ? `--${v}` : v;
+  if (!FULL_DATE.test(candidate) && !NO_YEAR.test(candidate)) return void 0;
+  const [m, d] = candidate.slice(-5).split("-").map(Number);
+  if (m < 1 || m > 12 || d < 1 || d > 31) return void 0;
+  if (FULL_DATE.test(candidate)) {
+    const y = Number(candidate.slice(0, 4));
+    const t = new Date(Date.UTC(y, m - 1, d));
+    if (t.getUTCMonth() !== m - 1) return void 0;
+  } else {
+    const max = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][m - 1];
+    if (d > max) return void 0;
+  }
+  return candidate;
+}
+var EMAIL3 = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
+function validateContactForm(f) {
+  const errors = {};
+  if (!f.name.trim()) errors.name = "Enter a name";
+  if (f.emails.some((e) => e.value.trim() && !EMAIL3.test(e.value.trim())))
+    errors.emails = "Check the e-mail address";
+  if (normalizeVCardDate(f.birthday) === void 0)
+    errors.birthday = "Use YYYY-MM-DD, or --MM-DD without a year";
+  if (normalizeVCardDate(f.anniversary) === void 0)
+    errors.anniversary = "Use YYYY-MM-DD, or --MM-DD without a year";
+  return errors;
+}
+function formToContactCard(f) {
+  const rows = (list) => list.map((r) => ({ value: r.value.trim(), type: r.type.trim() || null })).filter((r) => r.value);
+  const opt = (v) => v.trim() || null;
+  return {
+    name: f.name.trim(),
+    emails: rows(f.emails).map((r) => ({ email: r.value, type: r.type })),
+    phones: rows(f.phones).map((r) => ({ number: r.value, type: r.type })),
+    addresses: rows(f.addresses).map((r) => ({ value: r.value, type: r.type })),
+    organization: opt(f.organization),
+    title: opt(f.title),
+    birthday: normalizeVCardDate(f.birthday) ?? null,
+    anniversary: normalizeVCardDate(f.anniversary) ?? null,
+    note: opt(f.note),
+    nickname: opt(f.nickname),
+    urls: f.urls.map((u) => u.trim()).filter(Boolean)
+  };
+}
+function inviteEmail(f) {
+  const first = f.emails.map((e) => e.value.trim()).find((e) => EMAIL3.test(e));
+  return first ? first.toLowerCase() : null;
+}
+function contactName(c) {
+  const user = c.user ? [c.user.given_name, c.user.family_name].filter(Boolean).join(" ") : "";
+  return c.card?.name || user || c.email || "";
+}
+function primaryEmail(c) {
+  return c.email || c.card?.emails?.[0]?.email || null;
+}
+function matchesContact(c, q) {
+  const term = q.trim().toLowerCase();
+  if (!term) return true;
+  const card = c.card;
+  const hay = [
+    contactName(c),
+    c.email,
+    card?.organization,
+    card?.title,
+    card?.nickname,
+    ...(card?.emails ?? []).map((e) => e.email),
+    ...(card?.phones ?? []).map((p) => p.number)
+  ];
+  return hay.some((h) => h && h.toLowerCase().includes(term));
+}
+function contactStatusLabel(status) {
+  switch (status) {
+    case "registered":
+      return "On ARBI";
+    case "invited":
+      return "Invited";
+    case "expired":
+      return "Invite expired";
+    case "failed":
+      return "Invite failed";
+    default:
+      return null;
+  }
+}
+function summarizeImport(r) {
+  const parts = [`${r.added} added`];
+  if (r.matched) parts.push(`${r.matched} matched existing contact${r.matched === 1 ? "" : "s"}`);
+  if (r.skipped.length) parts.push(`${r.skipped.length} skipped`);
+  return parts.join(", ");
+}
+var DEFAULT_DM_INVITE_CHIP_LABELS = {
+  title: "Add a contact by email",
+  description: "Send an invitation to join you on ARBI"
+};
+function DmInviteChip({
+  onClick,
+  title,
+  description,
+  testId = "dm-invite-chip",
+  labels
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_DM_INVITE_CHIP_LABELS, ...labels }), [labels]);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "data-testid": testId,
+      className: "flex w-full items-center gap-3 border-b border-border px-4 py-3 text-left transition-colors hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring pointer-coarse:min-h-11",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-ai-accent-soft", children: /* @__PURE__ */ jsx(UserPlus, { className: "size-4 text-ai-accent" }) }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold text-foreground", children: title ?? l.title }),
+          /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: description ?? l.description })
+        ] })
+      ]
+    }
+  );
+}
+function DmThreadHeader({
+  avatar,
+  name,
+  badge,
+  presence,
+  email,
+  menu,
+  testId = "dm-active-chip"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-1 border-b border-border pr-2",
+      "data-slot": "dm-thread-header",
+      children: [
+        /* @__PURE__ */ jsxs("div", { "data-testid": testId, className: "flex min-w-0 flex-1 items-center gap-3 px-4 py-2.5", children: [
+          avatar,
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: name }),
+              badge
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+              presence,
+              presence && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: email ?? "" })
+            ] })
+          ] })
+        ] }),
+        menu
+      ]
+    }
+  );
+}
+var DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS = {
+  requestedAccess: " requested workspace access",
+  review: "Review"
+};
+var DEFAULT_DM_THREAD_FRAME_LABELS = {
+  noMessages: "No messages yet \u2014 say hi \u{1F44B}"
+};
+var DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS = {
+  title: "Grant workspace access",
+  description: (peerName) => `Give ${peerName} access to one of your workspaces. Access is permanent until you remove it.`,
+  noWorkspace: "Open the workspace you want to share, as its owner, and you can grant access to it from here.",
+  workspace: "Workspace",
+  role: "Role",
+  cancel: "Cancel",
+  grantAccess: "Grant access"
+};
+var DEFAULT_RECIPIENT_PICKER_LABELS = {
+  to: "To",
+  unmuteNotifications: "Unmute notifications",
+  muteNotifications: "Mute notifications",
+  removeRecipient: "Remove recipient",
+  selectRecipient: "Select recipient...",
+  addRecipient: "Add recipient",
+  searchUsers: "Search users...",
+  noKnownUsers: "No known users",
+  noMatchingUsers: "No matching users",
+  addContactsHint: "Add contacts or join workspaces to send private messages"
+};
+function ActionMenu({ label, testId, entries, contentClassName = "w-56" }) {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "size-7 shrink-0 text-muted-foreground hover:text-foreground pointer-coarse:size-11",
+        "aria-label": label,
+        "data-testid": testId,
+        onClick: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: contentClassName, children: entries.map(
+      (entry) => "separator" in entry ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}, entry.id) : /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          onClick: entry.onSelect,
+          className: entry.destructive ? "text-destructive focus:text-destructive" : void 0,
+          "data-testid": entry.testId,
+          children: [
+            entry.icon && /* @__PURE__ */ jsx("span", { className: "mr-2 inline-flex size-4 items-center", children: entry.icon }),
+            entry.label
+          ]
+        },
+        entry.id
+      )
+    ) })
+  ] });
+}
+function DmInviteAvatar() {
+  return /* @__PURE__ */ jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(AtSign, { className: "size-4" }) });
+}
+function DmNewTabIcon() {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3 text-primary" }) });
+}
+function DmAccessRequestBanner({
+  name,
+  onReview,
+  labels
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, ...labels }), [labels]);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-4 mt-3 flex items-center gap-3 rounded-lg bg-muted px-3 py-2.5", children: [
+    /* @__PURE__ */ jsx(KeyRound, { className: "h-4 w-4 shrink-0 text-primary" }),
+    /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 text-sm text-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: name }),
+      l.requestedAccess
+    ] }),
+    /* @__PURE__ */ jsx(Button, { size: "sm", onClick: onReview, "data-testid": "dm-review-access-button", children: l.review })
+  ] });
+}
+function DmThreadFrame({
+  recipientPicker,
+  accessBanner,
+  hasRecipient,
+  isLoading,
+  history,
+  isEmpty,
+  noRecipientPrompt,
+  historyRef,
+  composer,
+  labels
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_DM_THREAD_FRAME_LABELS, ...labels }), [labels]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col bg-background", children: [
+    recipientPicker,
+    accessBanner,
+    hasRecipient && /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden bg-background", ref: historyRef, children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsx("div", { className: "px-4 py-3", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex h-32 items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : !isEmpty ? history : /* @__PURE__ */ jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: l.noMessages }) }) }) }),
+    !hasRecipient && noRecipientPrompt && /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center bg-background p-4", children: /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground", children: noRecipientPrompt }) }),
+    /* @__PURE__ */ jsx("div", { className: "shrink-0", children: composer })
+  ] });
+}
+function DmGrantAccessDialogView({
+  open,
+  onOpenChange,
+  peerName,
+  workspaceName,
+  role,
+  onRoleChange,
+  roles,
+  isGranting,
+  onGrant,
+  labels
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, ...labels }), [labels]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { presentation: "sheet", "data-testid": "dm-grant-access-modal", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: l.title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: l.description(peerName) })
+    ] }),
+    workspaceName === null ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", "data-testid": "dm-grant-none", children: l.noWorkspace }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: l.workspace }),
+        /* @__PURE__ */ jsx("p", { className: "rounded-lg bg-muted px-3 py-2 text-sm", "data-testid": "dm-grant-workspace", children: workspaceName })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: l.role }),
+        /* @__PURE__ */ jsxs(Select, { value: role, onValueChange: onRoleChange, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { "data-testid": "dm-grant-role", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: roles.map((r) => /* @__PURE__ */ jsxs(SelectItem, { value: r.value, children: [
+            r.label,
+            " \u2014 ",
+            r.hint
+          ] }, r.value)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), disabled: isGranting, children: l.cancel }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: onGrant,
+          disabled: isGranting || workspaceName === null,
+          "data-testid": "dm-grant-submit",
+          children: [
+            isGranting && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 size-4 animate-spin" }),
+            l.grantAccess
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function RecipientPicker({
+  selected,
+  onRemove,
+  candidates,
+  onPick,
+  canAdd,
+  isOpen,
+  onOpenChange,
+  search,
+  onSearchChange,
+  hasNoKnownUsers,
+  labels
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_RECIPIENT_PICKER_LABELS, ...labels }), [labels]);
+  return /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx(ModalSectionTitle, { className: "mb-0 shrink-0 py-1.5", children: l.to }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1.5", children: [
+      selected.map((recipient) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between gap-2 rounded-md bg-muted/50 px-3 py-1.5",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              recipient.identity,
+              /* @__PURE__ */ jsxs(Tooltip, { children: [
+                /* @__PURE__ */ jsx(
+                  TooltipTrigger,
+                  {
+                    onClick: recipient.onToggleMute,
+                    "aria-label": recipient.isMuted ? l.unmuteNotifications : l.muteNotifications,
+                    "aria-pressed": recipient.isMuted,
+                    className: `rounded p-1 transition-colors hover:bg-muted pointer-coarse:p-3 ${recipient.isMuted ? "text-muted-foreground" : "text-muted-foreground/40 hover:text-muted-foreground"}`,
+                    disabled: recipient.isMuteBusy,
+                    children: recipient.isMuted ? /* @__PURE__ */ jsx(BellOff, { size: 14, fill: "currentColor" }) : /* @__PURE__ */ jsx(Bell, { size: 14 })
+                  }
+                ),
+                /* @__PURE__ */ jsx(TooltipContent, { className: "max-w-[250px]", children: recipient.muteTooltip })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onRemove(recipient.id),
+                className: "p-1 text-muted-foreground hover:text-destructive pointer-coarse:p-3",
+                title: l.removeRecipient,
+                "aria-label": l.removeRecipient,
+                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        },
+        recipient.id
+      )),
+      canAdd && /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: selected.length === 0 ? /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            disabled: hasNoKnownUsers,
+            className: "w-full justify-start text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsx(ChevronsUpDown, { className: "mr-2 h-4 w-4" }),
+              l.selectRecipient
+            ]
+          }
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            disabled: hasNoKnownUsers,
+            className: "h-7 w-7 rounded-full",
+            title: l.addRecipient,
+            "aria-label": l.addRecipient,
+            children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            className: "w-72 p-0",
+            align: "start",
+            onPointerDownOutside: (e) => e.preventDefault(),
+            children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
+              /* @__PURE__ */ jsx(
+                CommandInput,
+                {
+                  placeholder: l.searchUsers,
+                  value: search,
+                  onValueChange: onSearchChange
+                }
+              ),
+              /* @__PURE__ */ jsx(CommandList, { children: candidates.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: hasNoKnownUsers ? l.noKnownUsers : l.noMatchingUsers }) : /* @__PURE__ */ jsx(CommandGroup, { children: candidates.map((candidate) => /* @__PURE__ */ jsx(
+                CommandItem,
+                {
+                  onSelect: () => onPick(candidate.id),
+                  className: "cursor-pointer justify-start",
+                  children: candidate.identity
+                },
+                candidate.id
+              )) }) })
+            ] })
+          }
+        )
+      ] }),
+      hasNoKnownUsers && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.addContactsHint })
+    ] })
+  ] }) });
+}
+
 // src/collaboration/mail/mailFolders.ts
 var isInboxFolder = (f) => f.id === "INBOX" || /^inbox$/i.test(f.name);
 function buildMailFolderTree(folders) {
@@ -915,6 +1624,6 @@ function PlainMailBodyEditor({ text, disabled, onChange }) {
   );
 }
 
-export { DEFAULT_MAIL_FOLDER_TREE_LABELS, MailDeliveryBadge, MailDeliveryList, MailDocumentPicker, MailFolderTree, MailGrid, MailMessagePreview, MailMessageView, MemberBulkActions, MemberListLoading, MemberMutedText, MemberNameCell, MemberRoleCell, NEEDS_CONNECTION, PlainMailBodyEditor, RoleSelect, WorkspaceDeleteButton, buildMailFolderTree, descendantFolderIds, draftMailCompose, emptyMailCompose, hasCalendarPart, isInboxFolder, mailAddressLabel, parseMailRecipients, replyMailCompose, toggleMailFolder };
-//# sourceMappingURL=chunk-SZSJGZSO.js.map
-//# sourceMappingURL=chunk-SZSJGZSO.js.map
+export { ActionMenu, AddContactsForm, AddContactsResults, DEFAULT_ADD_CONTACTS_LABELS, DEFAULT_CONTACT_INVITE_LABELS, DEFAULT_CONTACT_OUTCOME_LABELS, DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, DEFAULT_DM_INVITE_CHIP_LABELS, DEFAULT_DM_THREAD_FRAME_LABELS, DEFAULT_MAIL_FOLDER_TREE_LABELS, DEFAULT_RECIPIENT_PICKER_LABELS, DmAccessRequestBanner, DmGrantAccessDialogView, DmInviteAvatar, DmInviteChip, DmNewTabIcon, DmThreadFrame, DmThreadHeader, EMPTY_CONTACT_FORM, MAX_INVITE_EMAILS, MailDeliveryBadge, MailDeliveryList, MailDocumentPicker, MailFolderTree, MailGrid, MailMessagePreview, MailMessageView, MemberBulkActions, MemberListLoading, MemberMutedText, MemberNameCell, MemberRoleCell, NEEDS_CONNECTION, PlainMailBodyEditor, RecipientPicker, RoleSelect, WorkspaceDeleteButton, applyContactInviteResults, buildMailFolderTree, contactName, contactOutcomeMessage, contactStatusLabel, contactToForm, descendantFolderIds, draftMailCompose, emailTokens, emptyMailCompose, failContactInvites, formToContactCard, hasCalendarPart, inviteEmail, isInboxFolder, isInvitableEmail, mailAddressLabel, matchesContact, normalizeVCardDate, parseEmails, parseMailRecipients, planContactInvites, primaryEmail, replyMailCompose, summarizeContactInvites, summarizeImport, summarizeUnsentInvites, toAddContactsRow, toAddContactsRows, toggleMailFolder, validateContactForm };
+//# sourceMappingURL=chunk-SQQU3WRB.js.map
+//# sourceMappingURL=chunk-SQQU3WRB.js.map