@arbidocs/blocks 0.5.43 → 0.5.44

package/dist/{chunk-6AJJJ5HR.cjs → chunk-5R256EMF.cjs}

@@ -7,13 +7,569 @@ var chunkP6HVJP6Z_cjs = require('./chunk-P6HVJP6Z.cjs');
 var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
 var chunkNXHETIOB_cjs = require('./chunk-NXHETIOB.cjs');
 var chunkB3NYBMDR_cjs = require('./chunk-B3NYBMDR.cjs');
-var react = require('react');
 var react$1 = require('@arbidocs/react');
+var react = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
+var browser = require('@arbidocs/sdk/browser');
 var documentTools = require('@arbidocs/react/document-tools');
 
+function StartCallButton(props) {
+  const enabled = react$1.useCallsEnabled();
+  const canHost = react$1.useCanHostCalls();
+  return enabled && (canHost || props.isLive) ? /* @__PURE__ */ jsxRuntime.jsx(EnabledStartCallButton, { ...props }) : null;
+}
+function EnabledStartCallButton({
+  onStart,
+  isLive = false,
+  label = "Start call",
+  testId = "start-call-button"
+}) {
+  const [isStarting, setIsStarting] = react.useState(false);
+  const inCall = react$1.useCallSession((s) => s.active !== null);
+  const text = inCall ? "Already in a call" : isLive ? "Join call" : label;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        "aria-label": isLive ? "Join call" : label,
+        "data-testid": testId,
+        "data-live": isLive || void 0,
+        disabled: isStarting || inCall,
+        onClick: () => {
+          setIsStarting(true);
+          void onStart().finally(() => setIsStarting(false));
+        },
+        className: ui.cn(
+          "text-muted-foreground hover:text-foreground",
+          isLive && "text-green-text hover:text-green-text"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: ui.cn("size-5", isLive && "animate-pulse") })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: text }) })
+  ] });
+}
+var INVITE_LINK_HINT = "will get an invitation to create an ARBI account and join";
+var NO_KEY_REASON = "Cannot receive encrypted calls yet";
+var NO_EMAIL_REASON = "No e-mail address to send a link to";
+function contactName(contact) {
+  return contact.card?.name?.trim() || [contact.card?.given_name, contact.card?.family_name].filter(Boolean).join(" ") || (contact.user ? ui.getUserDisplayName(contact.user) : "") || contactEmail(contact) || "Contact";
+}
+function contactEmail(contact) {
+  return contact.email ?? contact.user?.email ?? contact.card?.emails?.[0]?.email ?? null;
+}
+function callContactOf(contact) {
+  if (!contact.external_id || contact.status === "failed") return null;
+  if (contact.user && ui.isAgent(contact.user)) return null;
+  return {
+    contactExtId: contact.external_id,
+    user: contact.user ?? null,
+    name: contactName(contact),
+    email: contactEmail(contact)
+  };
+}
+function userCandidate(user, section, status, contactExtId = null) {
+  const ringable = status !== "ring" || !!user.encryption_public_key;
+  return {
+    id: user.external_id,
+    name: ui.getUserDisplayName(user) || user.email,
+    email: user.email ?? null,
+    section,
+    status: ringable ? status : "unavailable",
+    reason: ringable ? void 0 : NO_KEY_REASON,
+    user,
+    contactExtId
+  };
+}
+function buildCallCandidates(opts) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  const add = (c) => {
+    if (seen.has(c.id)) return;
+    seen.add(c.id);
+    out.push(c);
+  };
+  const people = (users) => users.filter((u) => !ui.isAgent(u) && u.external_id !== opts.me);
+  if (opts.scope !== "contacts") {
+    for (const u of people(opts.members)) add(userCandidate(u, "members", "ring"));
+    return out;
+  }
+  const contacts = (opts.contacts ?? []).filter((c) => !(c.user && ui.isAgent(c.user)));
+  const contactOf = new Map(
+    contacts.filter((c) => c.user).map((c) => [c.user.external_id, c.contactExtId])
+  );
+  for (const u of people(opts.members)) {
+    const contactId = contactOf.get(u.external_id) ?? opts.contactIdOf?.(u) ?? null;
+    add(userCandidate(u, "members", contactId ? "ring" : "add-contact", contactId));
+  }
+  for (const c of contacts) {
+    if (c.user) {
+      if (c.user.external_id === opts.me) continue;
+      add(userCandidate(c.user, "contacts", "ring", c.contactExtId));
+      continue;
+    }
+    const status = c.email ? "invite" : "unavailable";
+    add({
+      id: c.contactExtId,
+      name: c.name,
+      email: c.email,
+      section: "contacts",
+      status,
+      reason: c.email ? INVITE_LINK_HINT : NO_EMAIL_REASON,
+      user: null,
+      contactExtId: c.contactExtId
+    });
+  }
+  return out;
+}
+function isPickable(c) {
+  return c.status === "ring" || c.status === "invite";
+}
+function matchesQuery(c, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return true;
+  return c.name.toLowerCase().includes(q) || (c.email ?? "").toLowerCase().includes(q);
+}
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var COPY = {
+  workspace: {
+    title: "Call thread members",
+    description: "Only members of this thread\u2019s workspace can join. Pick who to ring \u2014 or nobody, and share the call from the thread.",
+    action: "Start call"
+  },
+  chat: {
+    title: "Call the group",
+    description: "The people you pick are rung.",
+    action: "Start call"
+  },
+  contacts: {
+    title: "New call",
+    description: "Your contacts with an ARBI account are rung. Others get an invitation to create an account and join.",
+    action: "Start call"
+  }
+};
+function CandidateRow({
+  candidate,
+  checked,
+  onToggle,
+  onAddContact,
+  adding
+}) {
+  const pickable = isPickable(candidate);
+  const hint = candidate.status === "invite" ? candidate.reason : candidate.status === "add-contact" ? "Not in your contacts" : void 0;
+  const row = /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      className: ui.cn(
+        "flex items-center gap-3 rounded-md px-2 py-1.5",
+        pickable ? "hover:bg-muted" : "opacity-60"
+      ),
+      "data-testid": `call-picker-row-${candidate.id}`,
+      "data-status": candidate.status,
+      "aria-disabled": !pickable || void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Checkbox,
+          {
+            checked,
+            disabled: !pickable,
+            onCheckedChange: onToggle,
+            "aria-label": `Invite ${candidate.name}`,
+            "data-testid": `call-picker-check-${candidate.id}`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-sm", children: candidate.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block truncate text-xs text-muted-foreground", children: [
+            candidate.email,
+            hint && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1 inline-flex items-center gap-1", children: [
+              candidate.status === "invite" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "size-3", "aria-hidden": true }),
+              candidate.email ? `\xB7 ${hint}` : hint
+            ] })
+          ] })
+        ] }),
+        candidate.status === "add-contact" && /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            disabled: adding,
+            onClick: onAddContact,
+            "data-testid": `call-picker-add-${candidate.id}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { className: "mr-1 size-3.5" }),
+              "Add contact"
+            ]
+          }
+        )
+      ]
+    }
+  );
+  if (candidate.status !== "unavailable" || !candidate.reason) return row;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: row }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: candidate.reason }) })
+  ] });
+}
+function InviteLinks({ callExtId }) {
+  const { notify } = chunkB3NYBMDR_cjs.useBlocksEnvironment();
+  const revokeLink = react$1.useRevokeCallInviteLink(callExtId);
+  const { data: invites = [] } = react$1.useCallInviteLinks(callExtId);
+  const live = invites.filter((i) => !i.revoked_at);
+  if (!live.length) return null;
+  const revoke = async (id) => {
+    try {
+      await revokeLink(id);
+    } catch (err) {
+      notify(err instanceof Error ? err.message : "Could not revoke the link", "error");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-1", "data-testid": "call-picker-invite-links", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-medium text-muted-foreground", children: "Invitations sent" }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1", children: live.map((invite) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "size-3.5 text-muted-foreground", "aria-hidden": true }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: invite.email }),
+      invite.used_at && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "joined" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          onClick: () => void revoke(invite.external_id),
+          "data-testid": `call-picker-revoke-${invite.external_id}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "mr-1 size-3.5" }),
+            "Revoke"
+          ]
+        }
+      )
+    ] }, invite.external_id)) })
+  ] });
+}
+function CallPeoplePicker({
+  open,
+  onOpenChange,
+  scope,
+  workspaceExtId,
+  members: chatMembers = [],
+  preselected = [],
+  title,
+  description,
+  actionLabel,
+  callExtId,
+  onSubmit
+}) {
+  const { notify } = chunkB3NYBMDR_cjs.useBlocksEnvironment();
+  const createContact = react$1.useCreateContact();
+  const { userId: me, workspaceId: selectedWorkspaceId } = chunkP6HVJP6Z_cjs.useConnectedWorkspace();
+  const { data: workspaces = [] } = react$1.useWorkspaces({ enabled: scope !== "chat" });
+  const [picked, setPicked] = react.useState(() => new Set(preselected));
+  const [query, setQuery] = react.useState("");
+  const [newEmail, setNewEmail] = react.useState(null);
+  const [newName, setNewName] = react.useState("");
+  const [adding, setAdding] = react.useState(false);
+  const [busy, setBusy] = react.useState(false);
+  const [added, setAdded] = react.useState([]);
+  const { byEmail } = react$1.usePeople();
+  const { people: hits } = react$1.usePeopleSearch(open && scope === "contacts" ? query : "");
+  const preselectedKey = preselected.join(",");
+  react.useEffect(() => {
+    if (open) setPicked(new Set(preselectedKey ? preselectedKey.split(",") : []));
+  }, [open, preselectedKey]);
+  const workspaceId = workspaceExtId ?? (scope === "contacts" ? selectedWorkspaceId : null);
+  const workspaceMembers = react.useMemo(
+    () => (workspaces.find((w) => w.external_id === workspaceId)?.users ?? []).map((wu) => wu.user),
+    [workspaces, workspaceId]
+  );
+  const candidates = react.useMemo(() => {
+    const found = hits.flatMap(
+      (p) => p.contactId ? [{ contactExtId: p.contactId, user: p.user, name: p.name, email: p.email }] : []
+    );
+    return buildCallCandidates({
+      scope,
+      members: scope === "chat" ? chatMembers : workspaceMembers,
+      contacts: [...added, ...found],
+      contactIdOf: (u) => byEmail(u.email)?.contactId ?? null,
+      me
+    });
+  }, [scope, chatMembers, workspaceMembers, hits, added, byEmail, me]);
+  const shown = candidates.filter((c) => matchesQuery(c, query));
+  const copy = COPY[scope];
+  const toggle = (id) => setPicked((prev) => {
+    const next = new Set(prev);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    return next;
+  });
+  const addContact = async (email, name) => {
+    setAdding(true);
+    try {
+      const cardName = name?.trim();
+      const contact = await createContact.mutateAsync({
+        email,
+        invite: true,
+        ...cardName ? { card: { name: cardName, emails: [{ email }] } } : {}
+      });
+      if (contact.status === "failed") {
+        throw new Error(contact.outcome_detail || "Could not add the contact");
+      }
+      const added2 = callContactOf(contact);
+      if (added2) setAdded((prev) => [...prev, added2]);
+      const id = contact.user?.external_id ?? contact.external_id;
+      const pickable = contact.user ? !!contact.user.encryption_public_key : !!added2?.email;
+      if (id && pickable) setPicked((prev) => new Set(prev).add(id));
+      setNewEmail(null);
+      setNewName("");
+    } catch (err) {
+      notify(
+        err instanceof browser.ArbiApiError ? browser.refusalReason(err, "Could not add the contact") : err instanceof Error ? err.message : "Could not add the contact",
+        "error"
+      );
+    } finally {
+      setAdding(false);
+    }
+  };
+  const submit = async () => {
+    if (busy) return;
+    const chosen = candidates.filter((c) => picked.has(c.id) && isPickable(c));
+    setBusy(true);
+    try {
+      await onSubmit({
+        ring: chosen.filter((c) => c.status === "ring" && c.user).map((c) => c.user),
+        invites: chosen.filter((c) => c.status === "invite" && c.contactExtId).map((c) => ({ contactExtId: c.contactExtId, name: c.name }))
+      });
+      onOpenChange(false);
+    } catch (err) {
+      notify(err instanceof Error ? err.message : "Something went wrong", "error");
+    } finally {
+      setBusy(false);
+    }
+  };
+  const sections = scope === "contacts" ? [
+    { id: "members", label: "Workspace members" },
+    { id: "contacts", label: "Contacts" }
+  ] : [{ id: "members", label: scope === "chat" ? "Members" : "Workspace members" }];
+  const count = candidates.filter((c) => picked.has(c.id) && isPickable(c)).length;
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "sm:max-w-md", "data-testid": "call-people-picker", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: title ?? copy.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: description ?? copy.description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          placeholder: "Search people",
+          value: query,
+          onChange: (e) => setQuery(e.target.value),
+          "aria-label": "Search people",
+          "data-testid": "call-picker-search"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-80 overflow-y-auto", children: [
+        sections.map((section) => {
+          const rows = shown.filter((c) => c.section === section.id);
+          if (!rows.length) return null;
+          return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "px-2 pb-1 text-xs font-medium text-muted-foreground", children: section.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { "data-testid": `call-picker-section-${section.id}`, children: rows.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
+              CandidateRow,
+              {
+                candidate: c,
+                checked: picked.has(c.id),
+                onToggle: () => toggle(c.id),
+                adding,
+                onAddContact: () => c.email && void addContact(c.email)
+              },
+              c.id
+            )) })
+          ] }, section.id);
+        }),
+        !shown.length && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-2 py-3 text-sm text-muted-foreground", children: scope === "contacts" && !query.trim() ? "Search your contacts by name or e-mail." : candidates.length ? "Nobody matches." : "Nobody to call here yet." })
+      ] }),
+      scope === "contacts" && (newEmail === null ? /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "self-start",
+          onClick: () => setNewEmail(EMAIL_RE.test(query.trim()) ? query.trim() : ""),
+          "data-testid": "call-picker-add-contact",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { className: "mr-1 size-4" }),
+            "Add contact\u2026"
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          className: "flex flex-wrap items-center gap-2",
+          onSubmit: (e) => {
+            e.preventDefault();
+            if (EMAIL_RE.test(newEmail.trim())) void addContact(newEmail.trim(), newName);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                className: "min-w-[8rem] flex-1",
+                placeholder: "Name (optional)",
+                value: newName,
+                maxLength: 200,
+                onChange: (e) => setNewName(e.target.value),
+                "aria-label": "New contact's name",
+                autoComplete: "off",
+                "data-testid": "call-picker-new-name"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                className: "min-w-[10rem] flex-1",
+                type: "email",
+                autoFocus: true,
+                placeholder: "name@example.com",
+                value: newEmail,
+                onChange: (e) => setNewEmail(e.target.value),
+                "aria-label": "New contact's e-mail",
+                "data-testid": "call-picker-new-email"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                type: "submit",
+                size: "sm",
+                disabled: adding || !EMAIL_RE.test(newEmail.trim()),
+                "data-testid": "call-picker-new-submit",
+                children: "Add"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "ghost",
+                onClick: () => {
+                  setNewEmail(null);
+                  setNewName("");
+                },
+                children: "Cancel"
+              }
+            )
+          ]
+        }
+      )),
+      callExtId && scope === "contacts" && /* @__PURE__ */ jsxRuntime.jsx(InviteLinks, { callExtId }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Agents can\u2019t join calls." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogFooter, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", onClick: () => onOpenChange(false), disabled: busy, children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: () => void submit(), disabled: busy, "data-testid": "call-picker-submit", children: busy ? "Working\u2026" : `${actionLabel ?? copy.action}${count ? ` (${count})` : ""}` })
+    ] })
+  ] }) });
+}
+function ThreadCallButton({
+  conversationId
+}) {
+  const arbi = react$1.useArbi();
+  const { data: conversations } = chunkHDEOORSV_cjs.useConnectedConversations();
+  const { workspaceId: workspaceExtId } = chunkP6HVJP6Z_cjs.useConnectedWorkspace();
+  const liveCallId = react$1.useCallSession((s) => react$1.threadLiveCallId(s, conversationId));
+  const isLive = liveCallId !== null;
+  const canHost = react$1.useCanHostCalls();
+  const [picking, setPicking] = react.useState(false);
+  const conversation = conversations.find((c) => c.external_id === conversationId);
+  if (!conversation?.is_shared) return null;
+  const title = conversation.title ?? null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      StartCallButton,
+      {
+        onStart: async () => {
+          if (liveCallId && !canHost) return react$1.openCall(arbi, { callExtId: liveCallId });
+          if (isLive) return react$1.startThreadCall(arbi, { threadExtId: conversationId, title, ring: [] });
+          setPicking(true);
+          return true;
+        },
+        isLive,
+        label: "Call thread members",
+        testId: "thread-call-button"
+      }
+    ),
+    picking && /* @__PURE__ */ jsxRuntime.jsx(
+      CallPeoplePicker,
+      {
+        open: true,
+        onOpenChange: setPicking,
+        scope: "workspace",
+        workspaceExtId,
+        onSubmit: async ({ ring }) => {
+          await react$1.startThreadCall(arbi, { threadExtId: conversationId, title, ring });
+        }
+      }
+    )
+  ] });
+}
+function ScheduleCallButton({
+  conversationId,
+  peer,
+  variant = "icon",
+  className
+}) {
+  const callsEnabled = react$1.useCanHostCalls();
+  const { conversations } = react$1.useConversationItems();
+  const { data: workspaces = [] } = react$1.useWorkspaces();
+  const { workspaceId: selectedWorkspaceId, userId: me } = chunkP6HVJP6Z_cjs.useConnectedWorkspace();
+  const { openCalendar } = chunkB3NYBMDR_cjs.useBlocksEnvironment();
+  if (!callsEnabled) return null;
+  const open = () => {
+    const conversation = conversationId ? conversations?.find((c) => c.external_id === conversationId) : void 0;
+    let people = [];
+    if (peer) people = [peer];
+    else if (conversation?.is_shared) {
+      const workspace = workspaces.find((w) => w.external_id === selectedWorkspaceId);
+      people = (workspace?.users ?? []).map((wu) => wu.user);
+    }
+    chunkB3NYBMDR_cjs.requestCalendarComposer({
+      title: peer ? `Call with ${ui.getUserDisplayName(peer) || peer.email}` : conversation?.title ?? "",
+      conversationId: conversationId ?? null,
+      attendees: people.filter((u) => !ui.isAgent(u) && u.external_id !== me).map((u) => ({
+        email: u.email,
+        user_id: u.external_id,
+        name: ui.getUserDisplayName(u) || null
+      })),
+      addCall: true
+    });
+    openCalendar();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: variant === "icon" ? "icon" : "sm",
+      className: ui.cn(variant === "icon" && "size-8", className),
+      onClick: open,
+      "aria-label": "Schedule call",
+      title: "Schedule call",
+      "data-testid": "schedule-call-button",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarPlus, { className: "size-4" }),
+        variant === "label" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: "Schedule call" })
+      ]
+    }
+  );
+}
 function useMeetingThreadMessages(meetingCallExtId, messageHistory) {
   const hasRecTranscript = react.useMemo(
     () => !!meetingCallExtId && react$1.hasRecordingTranscript(messageHistory, react$1.threadTranscriptRef),
@@ -162,6 +718,32 @@ function PickThreadDialog({
     ] })
   ] }) });
 }
+function MeetingThreadTranscriptAction({
+  conversationExtId,
+  meetingCallExtId,
+  title,
+  messages
+}) {
+  const { data: call } = react$1.useCall(meetingCallExtId);
+  const { data: workspaceUsers = [] } = react$1.useWorkspaceUsers();
+  const lines = react.useMemo(
+    () => react$1.threadTranscriptLines(messages, (id) => {
+      const user = workspaceUsers.find((wu) => wu.user.external_id === id)?.user;
+      return user ? ui.getUserDisplayName(user) : null;
+    }),
+    [messages, workspaceUsers]
+  );
+  if (!meetingCallExtId || !call?.is_creator) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SaveTranscriptToThread,
+    {
+      title,
+      lines,
+      excludeConversationExtId: conversationExtId,
+      iconOnly: true
+    }
+  );
+}
 function RecordingCard({
   callExtId,
   recordingExtId,
@@ -764,6 +1346,81 @@ function MixPlayer({
     ] })
   ] });
 }
+function MeetingThreadRecordingsAction({
+  meetingCallExtId,
+  title,
+  iconOnly = false
+}) {
+  const [open, setOpen] = react.useState(false);
+  const pending = chunkEGSSLWNZ_cjs.usePendingRecording();
+  react.useEffect(() => {
+    if (pending) setOpen(true);
+  }, [pending]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkEGSSLWNZ_cjs.HeaderAction,
+      {
+        label: "Recordings",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Disc, { className: "size-3.5", "aria-hidden": true }),
+        iconOnly,
+        onClick: () => setOpen(true),
+        testId: "meeting-recordings"
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open: true, onOpenChange: (o) => !o && setOpen(false), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "sm:max-w-2xl", "data-testid": "meeting-recordings-dialog", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Recordings" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: "Recordings of this meeting, encrypted under the workspace key. Playing or downloading one decrypts it in this browser." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RecordingsList,
+        {
+          callExtId: meetingCallExtId,
+          title,
+          className: "max-h-[60vh] overflow-y-auto"
+        }
+      )
+    ] }) })
+  ] });
+}
+function ConnectedConversationCallActions() {
+  const conversationId = react$1.useArbiSessionState((state) => state.conversationId);
+  const { conversations } = react$1.useConversationItems();
+  const conversation = conversationId ? conversations.find((c) => c.external_id === conversationId) : void 0;
+  const meetingCallExtId = conversation?.meeting_call_ext_id ?? null;
+  const { messageHistory } = react$1.useConversationData();
+  const threadMessages = useMeetingThreadMessages(meetingCallExtId, messageHistory);
+  const meetingMessages = react.useMemo(
+    () => meetingCallExtId ? threadMessages.map((m) => ({
+      content: m.content,
+      created_at: m.created_at,
+      tools: m.tools ?? m.meta?.tools
+    })) : [],
+    [meetingCallExtId, threadMessages]
+  );
+  if (!conversationId) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ThreadCallButton, { conversationId }),
+    /* @__PURE__ */ jsxRuntime.jsx(ScheduleCallButton, { conversationId }),
+    meetingCallExtId && /* @__PURE__ */ jsxRuntime.jsx(
+      MeetingThreadTranscriptAction,
+      {
+        conversationExtId: conversationId,
+        meetingCallExtId,
+        title: conversation?.title,
+        messages: meetingMessages
+      }
+    ),
+    meetingCallExtId && /* @__PURE__ */ jsxRuntime.jsx(
+      MeetingThreadRecordingsAction,
+      {
+        meetingCallExtId,
+        title: conversation?.title,
+        iconOnly: true
+      }
+    )
+  ] });
+}
 function joinNames(people, name) {
   const names = people.map(name);
   return names.length > 4 ? `${names.slice(0, 4).join(", ")} +${names.length - 4}` : names.join(", ");
@@ -984,18 +1641,29 @@ function threadTranscriptRuns(messages) {
 }
 
 exports.CallConversationEmpty = CallConversationEmpty;
+exports.CallPeoplePicker = CallPeoplePicker;
+exports.ConnectedConversationCallActions = ConnectedConversationCallActions;
+exports.MeetingThreadRecordingsAction = MeetingThreadRecordingsAction;
+exports.MeetingThreadTranscriptAction = MeetingThreadTranscriptAction;
 exports.PickThreadDialog = PickThreadDialog;
 exports.ProvisionalSpeakers = ProvisionalSpeakers;
 exports.RecordingCard = RecordingCard;
 exports.RecordingsList = RecordingsList;
 exports.SaveTranscriptToThread = SaveTranscriptToThread;
+exports.ScheduleCallButton = ScheduleCallButton;
+exports.StartCallButton = StartCallButton;
+exports.ThreadCallButton = ThreadCallButton;
 exports.ThreadCallLogCard = ThreadCallLogCard;
 exports.TranscriptEntry = TranscriptEntry;
 exports.TranscriptRunsContext = TranscriptRunsContext;
+exports.buildCallCandidates = buildCallCandidates;
+exports.callContactOf = callContactOf;
+exports.isPickable = isPickable;
+exports.matchesQuery = matchesQuery;
 exports.threadTranscriptRuns = threadTranscriptRuns;
 exports.useCallPersonName = useCallPersonName;
 exports.useMeetingThreadMessages = useMeetingThreadMessages;
 exports.useProvisionalSpeakers = useProvisionalSpeakers;
 exports.useTranscriptRuns = useTranscriptRuns;
-//# sourceMappingURL=chunk-6AJJJ5HR.cjs.map
-//# sourceMappingURL=chunk-6AJJJ5HR.cjs.map
+//# sourceMappingURL=chunk-5R256EMF.cjs.map
+//# sourceMappingURL=chunk-5R256EMF.cjs.map