@arbidocs/blocks 0.4.159 → 0.4.160

package/dist/chunk-7NL6WJER.cjs

@@ -1,682 +0,0 @@
-"use client";
-'use strict';
-
-var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
-var react = require('react');
-var lucideReact = require('lucide-react');
-var ui = require('@arbidocs/react/ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-// 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 your colleagues",
-  already_contact: "Already one of your colleagues",
-  invited: "Invitation sent",
-  reinvited: "Invitation sent again",
-  not_resent_still_pending: "Invitation already pending",
-  failed: "Could not add this address"
-};
-function toAddContactsRow(row, labels = {}) {
-  const l = { ...DEFAULT_CONTACT_OUTCOME_LABELS, ...labels };
-  switch (row.outcome) {
-    case "contact_added":
-    case "already_contact":
-    case "invited":
-    case "reinvited":
-      return { email: row.email ?? "", status: "success", message: l[row.outcome] };
-    case "not_resent_still_pending":
-      return { email: row.email ?? "", status: "pending", message: l.not_resent_still_pending };
-    default:
-      return {
-        email: row.email ?? "",
-        status: row.status === "failed" || row.outcome === "failed" ? "failed" : "pending",
-        message: row.outcome_detail ?? l.failed
-      };
-  }
-}
-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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    "Get ",
-    /* @__PURE__ */ jsxRuntime.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 = react.useMemo(() => ({ ...DEFAULT_ADD_CONTACTS_LABELS, ...labels }), [labels]);
-  const emails = react.useMemo(() => parseEmails(value), [value]);
-  const emailCount = emailCountProp ?? emails.length;
-  const overMax = emailCount > maxEmails;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", "data-slot": "add-contacts-form", children: [
-    rewardAmount && /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "flex items-start gap-2 rounded-md bg-green-bg p-3 text-sm",
-        "data-testid": "invite-reward-banner",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Gift, { className: "mt-0.5 size-4 shrink-0 text-green-text" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: l.reward(rewardAmount) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.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__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-sm text-muted-foreground", children: l.hint })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          onClick: () => onSubmit(emails),
-          disabled: emailCount === 0 || overMax || isPending,
-          className: "w-full",
-          "data-testid": "invite-send-button",
-          children: isPending ? l.adding : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AtSign, { className: "mr-2 size-4" }),
-            overMax ? l.addOverMax(emailCount, maxEmails) : l.add(emailCount)
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outline", onClick: onCancel, disabled: isPending, className: "w-full", children: l.cancel })
-    ] })
-  ] });
-}
-var STATUS_ICON = {
-  success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "size-4 shrink-0 text-green-text" }),
-  failed: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "size-4 shrink-0 text-red-text" }),
-  pending: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "size-4 shrink-0 text-yellow-text" })
-};
-function AddContactsResults({ rows, onDone, onAddMore, labels }) {
-  const l = react.useMemo(() => ({ ...DEFAULT_ADD_CONTACTS_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalSection, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalSectionTitle, { children: l.results }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-80 overflow-y-auto rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "sticky top-0 bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "p-2 text-left font-medium", children: l.email }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "p-2 text-left font-medium", children: l.status })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "tr",
-        {
-          className: "border-t hover:bg-muted/30",
-          "data-testid": `email-status-row-${index}`,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-2", children: row.email }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              STATUS_ICON[row.status],
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: row.message })
-            ] }) })
-          ]
-        },
-        index
-      )) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pt-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onDone, className: "w-full", "data-testid": "close-results-button", children: l.done }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          variant: "outline",
-          onClick: onAddMore,
-          className: "w-full",
-          "data-testid": "start-over-button",
-          children: l.addMore
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/collaboration/contacts/vcard.ts
-function escapeText(value) {
-  return value.replace(/\\/g, "\\\\").replace(/([,;])/g, "\\$1").replace(/\r\n|\r|\n/g, "\\n");
-}
-function fold(line) {
-  const encoder = new TextEncoder();
-  if (encoder.encode(line).length <= 75) return line;
-  const out = [];
-  let current = "";
-  let size = 0;
-  for (const ch of line) {
-    const bytes = encoder.encode(ch).length;
-    const limit = out.length === 0 ? 75 : 74;
-    if (size + bytes > limit) {
-      out.push(current);
-      current = "";
-      size = 0;
-    }
-    current += ch;
-    size += bytes;
-  }
-  out.push(current);
-  return out.join("\r\n ");
-}
-function splitName(name) {
-  const words = name.trim().split(/\s+/).filter(Boolean);
-  const family = words.length > 1 ? words[words.length - 1] ?? "" : "";
-  const given = words.length > 1 ? words.slice(0, -1).join(" ") : words[0] ?? "";
-  return { family, given };
-}
-function contactToVCard(contact) {
-  const name = contact.name.trim();
-  const { family, given } = splitName(name);
-  const lines = [
-    "BEGIN:VCARD",
-    "VERSION:3.0",
-    `N:${escapeText(family)};${escapeText(given)};;;`,
-    `FN:${escapeText(name)}`,
-    contact.organisation && `ORG:${escapeText(contact.organisation)}`,
-    contact.title && `TITLE:${escapeText(contact.title)}`,
-    contact.email && `EMAIL;TYPE=INTERNET,WORK:${escapeText(contact.email)}`,
-    contact.phone && `TEL;TYPE=WORK,VOICE:${escapeText(contact.phone)}`,
-    contact.address && `ADR;TYPE=WORK:;;${escapeText(contact.address)};;;;`,
-    contact.url && `URL:${contact.url}`,
-    contact.note && `NOTE:${escapeText(contact.note)}`,
-    "END:VCARD"
-  ].filter((line) => Boolean(line));
-  return lines.map(fold).join("\r\n") + "\r\n";
-}
-function vCardFilename(contact) {
-  const slug = contact.name.normalize("NFKD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-  return `${slug || "contact"}.vcf`;
-}
-function downloadVCard(contact) {
-  const blob = new Blob([contactToVCard(contact)], { type: "text/vcard;charset=utf-8" });
-  const url = URL.createObjectURL(blob);
-  const link = document.createElement("a");
-  link.href = url;
-  link.download = vCardFilename(contact);
-  document.body.appendChild(link);
-  link.click();
-  link.remove();
-  setTimeout(() => URL.revokeObjectURL(url), 0);
-}
-var DEFAULT_CONTACT_CARD_LABELS = {
-  actions: "Contact actions",
-  exportVCard: "Save to address book (.vcf)"
-};
-function initials(name) {
-  const words = name.trim().split(/\s+/).filter(Boolean);
-  return ((words[0]?.[0] ?? "") + (words.length > 1 ? words[words.length - 1]?.[0] ?? "" : "")).toUpperCase();
-}
-function ContactCard({
-  contact,
-  status,
-  onExportVCard = downloadVCard,
-  exportable = true,
-  actions = [],
-  labels,
-  className,
-  "data-testid": testId = "contact-card"
-}) {
-  const l = { ...DEFAULT_CONTACT_CARD_LABELS, ...labels };
-  const subtitle = [contact.title, contact.organisation].filter(Boolean).join(", ");
-  const hasMenu = exportable || actions.length > 0;
-  const { avatarUrl, ...vcard } = contact;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "contact-card",
-      "data-testid": testId,
-      className: `flex min-w-0 items-center gap-3 rounded-lg border border-border bg-card p-3 text-card-foreground ${className ?? ""}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Avatar, { className: "size-10 shrink-0", children: [
-          avatarUrl && /* @__PURE__ */ jsxRuntime.jsx(ui.AvatarImage, { src: avatarUrl, alt: "" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.AvatarFallback, { children: initials(contact.name) || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Contact, { className: "size-4" }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium", "data-testid": `${testId}-name`, children: contact.name }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-muted-foreground", children: subtitle }),
-          contact.email && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex min-w-0 items-center gap-1 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: contact.email })
-          ] }),
-          contact.phone && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex min-w-0 items-center gap-1 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: contact.phone })
-          ] }),
-          status && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs", children: status })
-        ] }),
-        hasMenu && /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": l.actions,
-              "data-testid": `${testId}-menu`,
-              className: "flex size-8 pointer-coarse:size-11 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground data-[state=open]:bg-muted",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4", "aria-hidden": "true" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { align: "end", children: [
-            exportable && /* @__PURE__ */ jsxRuntime.jsxs(
-              ui.DropdownMenuItem,
-              {
-                onSelect: () => onExportVCard(vcard),
-                "data-testid": `${testId}-export-vcard`,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "mr-2 size-4", "aria-hidden": "true" }),
-                  l.exportVCard
-                ]
-              }
-            ),
-            actions.map((a) => /* @__PURE__ */ jsxRuntime.jsxs(
-              ui.DropdownMenuItem,
-              {
-                onSelect: a.onSelect,
-                className: a.destructive ? "text-red-text focus:text-red-text" : void 0,
-                "data-testid": `${testId}-action-${a.id}`,
-                children: [
-                  a.icon,
-                  a.label
-                ]
-              },
-              a.id
-            ))
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-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 = react.useMemo(() => ({ ...DEFAULT_DM_INVITE_CHIP_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-ai-accent-soft", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { className: "size-4 text-ai-accent" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm font-semibold text-foreground", children: title ?? l.title }),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "flex items-center gap-1 border-b border-border pr-2",
-      "data-slot": "dm-thread-header",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": testId, className: "flex min-w-0 flex-1 items-center gap-3 px-4 py-2.5", children: [
-          avatar,
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: name }),
-              badge
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-              presence,
-              presence && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "\xB7" }),
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      ui.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__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { className: "size-4" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuContent, { align: "end", className: contentClassName, children: entries.map(
-      (entry) => "separator" in entry ? /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {}, entry.id) : /* @__PURE__ */ jsxRuntime.jsxs(
-        ui.DropdownMenuItem,
-        {
-          onClick: entry.onSelect,
-          className: entry.destructive ? "text-destructive focus:text-destructive" : void 0,
-          "data-testid": entry.testId,
-          children: [
-            entry.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 inline-flex size-4 items-center", children: entry.icon }),
-            entry.label
-          ]
-        },
-        entry.id
-      )
-    ) })
-  ] });
-}
-function DmInviteAvatar() {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AtSign, { className: "size-4" }) });
-}
-function DmNewTabIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-3 w-3 text-primary" }) });
-}
-function DmAccessRequestBanner({
-  name,
-  onReview,
-  labels
-}) {
-  const l = react.useMemo(() => ({ ...DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-4 mt-3 flex items-center gap-3 rounded-lg bg-muted px-3 py-2.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, { className: "h-4 w-4 shrink-0 text-primary" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1 text-sm text-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: name }),
-      l.requestedAccess
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.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 = react.useMemo(() => ({ ...DEFAULT_DM_THREAD_FRAME_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col bg-background", children: [
-    recipientPicker,
-    accessBanner,
-    hasRecipient && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-hidden bg-background", ref: historyRef, children: /* @__PURE__ */ jsxRuntime.jsx(ui.ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-32 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : !isEmpty ? history : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: l.noMessages }) }) }) }),
-    !hasRecipient && noRecipientPrompt && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center bg-background p-4", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm text-muted-foreground", children: noRecipientPrompt }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: composer })
-  ] });
-}
-function DmGrantAccessDialogView({
-  open,
-  onOpenChange,
-  peerName,
-  workspaceName,
-  role,
-  onRoleChange,
-  roles,
-  isGranting,
-  onGrant,
-  labels
-}) {
-  const l = react.useMemo(() => ({ ...DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { presentation: "sheet", "data-testid": "dm-grant-access-modal", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: l.title }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: l.description(peerName) })
-    ] }),
-    workspaceName === null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", "data-testid": "dm-grant-none", children: l.noWorkspace }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: l.workspace }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded-lg bg-muted px-3 py-2 text-sm", "data-testid": "dm-grant-workspace", children: workspaceName })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: l.role }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: role, onValueChange: onRoleChange, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectTrigger, { "data-testid": "dm-grant-role", children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectContent, { children: roles.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(ui.SelectItem, { value: r.value, children: [
-            r.label,
-            " \u2014 ",
-            r.hint
-          ] }, r.value)) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogFooter, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", onClick: () => onOpenChange(false), disabled: isGranting, children: l.cancel }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        ui.Button,
-        {
-          onClick: onGrant,
-          disabled: isGranting || workspaceName === null,
-          "data-testid": "dm-grant-submit",
-          children: [
-            isGranting && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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 = react.useMemo(() => ({ ...DEFAULT_RECIPIENT_PICKER_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-b px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalSectionTitle, { className: "mb-0 shrink-0 py-1.5", children: l.to }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-1.5", children: [
-      selected.map((recipient) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "flex items-center justify-between gap-2 rounded-md bg-muted/50 px-3 py-1.5",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              recipient.identity,
-              /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.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__ */ jsxRuntime.jsx(lucideReact.BellOff, { size: 14, fill: "currentColor" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { size: 14 })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { className: "max-w-[250px]", children: recipient.muteTooltip })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
-              }
-            )
-          ]
-        },
-        recipient.id
-      )),
-      canAdd && /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open: isOpen, onOpenChange, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: selected.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.Button,
-          {
-            variant: "outline",
-            size: "sm",
-            disabled: hasNoKnownUsers,
-            className: "w-full justify-start text-muted-foreground",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "mr-2 h-4 w-4" }),
-              l.selectRecipient
-            ]
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            disabled: hasNoKnownUsers,
-            className: "h-7 w-7 rounded-full",
-            title: l.addRecipient,
-            "aria-label": l.addRecipient,
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.PopoverContent,
-          {
-            className: "w-72 p-0",
-            align: "start",
-            onPointerDownOutside: (e) => e.preventDefault(),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Command, { shouldFilter: false, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.CommandInput,
-                {
-                  placeholder: l.searchUsers,
-                  value: search,
-                  onValueChange: onSearchChange
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.CommandList, { children: candidates.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.CommandEmpty, { children: hasNoKnownUsers ? l.noKnownUsers : l.noMatchingUsers }) : /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: candidates.map((candidate) => /* @__PURE__ */ jsxRuntime.jsx(
-                ui.CommandItem,
-                {
-                  onSelect: () => onPick(candidate.id),
-                  className: "cursor-pointer justify-start",
-                  children: candidate.identity
-                },
-                candidate.id
-              )) }) })
-            ] })
-          }
-        )
-      ] }),
-      hasNoKnownUsers && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.addContactsHint })
-    ] })
-  ] }) });
-}
-
-exports.ActionMenu = ActionMenu;
-exports.AddContactsForm = AddContactsForm;
-exports.AddContactsResults = AddContactsResults;
-exports.ContactCard = ContactCard;
-exports.DEFAULT_ADD_CONTACTS_LABELS = DEFAULT_ADD_CONTACTS_LABELS;
-exports.DEFAULT_CONTACT_CARD_LABELS = DEFAULT_CONTACT_CARD_LABELS;
-exports.DEFAULT_CONTACT_OUTCOME_LABELS = DEFAULT_CONTACT_OUTCOME_LABELS;
-exports.DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS = DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS;
-exports.DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS = DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS;
-exports.DEFAULT_DM_INVITE_CHIP_LABELS = DEFAULT_DM_INVITE_CHIP_LABELS;
-exports.DEFAULT_DM_THREAD_FRAME_LABELS = DEFAULT_DM_THREAD_FRAME_LABELS;
-exports.DEFAULT_RECIPIENT_PICKER_LABELS = DEFAULT_RECIPIENT_PICKER_LABELS;
-exports.DmAccessRequestBanner = DmAccessRequestBanner;
-exports.DmGrantAccessDialogView = DmGrantAccessDialogView;
-exports.DmInviteAvatar = DmInviteAvatar;
-exports.DmInviteChip = DmInviteChip;
-exports.DmNewTabIcon = DmNewTabIcon;
-exports.DmThreadFrame = DmThreadFrame;
-exports.DmThreadHeader = DmThreadHeader;
-exports.MAX_INVITE_EMAILS = MAX_INVITE_EMAILS;
-exports.RecipientPicker = RecipientPicker;
-exports.contactToVCard = contactToVCard;
-exports.downloadVCard = downloadVCard;
-exports.parseEmails = parseEmails;
-exports.toAddContactsRow = toAddContactsRow;
-exports.toAddContactsRows = toAddContactsRows;
-exports.vCardFilename = vCardFilename;
-//# sourceMappingURL=chunk-7NL6WJER.cjs.map
-//# sourceMappingURL=chunk-7NL6WJER.cjs.map