@arbidocs/blocks 0.5.107 → 0.5.108

package/dist/{chunk-UQ2OBHMV.js → chunk-JUGEFTRC.js}

@@ -1,8 +1,8 @@
 "use client";
-import { useMyCallStatus, useSpeakingIds } from './chunk-CHQMVIHR.js';
-import { TranscriptEntry } from './chunk-T5ZMG6MC.js';
-import { SaveTranscriptToThread, RecordingsList, RecordingCard } from './chunk-BAUZUIHB.js';
-import { contactsCallTitle, HeaderAction, isCallLive, formatCallDuration, CallUserPill } from './chunk-3GFQNJYE.js';
+import { useMyCallStatus, useSpeakingIds } from './chunk-LPGBRMYS.js';
+import { TranscriptEntry } from './chunk-NF4M7PUB.js';
+import { RecordingsList, SaveTranscriptToThread, RecordingCard } from './chunk-COL2TJGO.js';
+import { isCallLive, formatCallDuration, contactsCallTitle, HeaderAction, CallUserPill } from './chunk-VGWCHX6G.js';
 import { useConnectedConversations } from './chunk-TG4IICWO.js';
 import { useConnectedWorkspace } from './chunk-OWHO2TO3.js';
 import { DmInviteChip } from './chunk-2S3LT5KE.js';
@@ -10,558 +10,380 @@ import { EmptyState } from './chunk-P6GHJSLR.js';
 import { usePendingRecording } from './chunk-PFF5IZGS.js';
 import { transcriptRuns, ConversationFilter, ProvisionalTranscriptLine } from './chunk-H773F7OR.js';
 import { useBlocksEnvironment, requestCalendarComposer } from './chunk-YUHSDOPW.js';
-import { useCallsEnabled, useCanHostCalls, useCallSession, useCreateContact, useWorkspaces, usePeople, usePeopleSearch, useArbi, threadLiveCallId, openCall, startThreadCall, chatLiveCallId, startChatCall, userDisplayName, startDmCall, startContactsCall, useConversationItems, hasRecordingTranscript, threadTranscriptRef, useRecordingWindows, supersedeLiveTranscript, useCall, useWorkspaceUsers, threadTranscriptLines, useArbiSessionState, useConversationData, chatTranscriptRef, supersededTranscriptLines, sortTranscriptMessages, DateSeparator, useRevokeCallInviteLink, useCallInviteLinks } from '@arbidocs/react';
-import { useState, useEffect, useMemo, useRef, Fragment as Fragment$1 } from 'react';
-import { Phone, UserPlus, CalendarPlus, Disc, PhoneOff, AudioLines, Captions, CaptionsOff, Mail, X } from 'lucide-react';
-import { Tooltip, TooltipTrigger, Button, cn, TooltipContent, isAgent, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Input, DialogFooter, getUserDisplayName, Checkbox } from '@arbidocs/react/ui';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useArbi, useCall, useCallSession, openCall, usePeople, hasRecordingTranscript, chatTranscriptRef, useRecordingWindows, supersededTranscriptLines, sortTranscriptMessages, DateSeparator, useCallsEnabled, useCanHostCalls, userDisplayName, startDmCall, useCreateContact, useWorkspaces, usePeopleSearch, chatLiveCallId, startChatCall, startContactsCall, useConversationItems, threadTranscriptRef, supersedeLiveTranscript, threadLiveCallId, startThreadCall, useWorkspaceUsers, threadTranscriptLines, useArbiSessionState, useConversationData, useRevokeCallInviteLink, useCallInviteLinks } from '@arbidocs/react';
+import { useState, useMemo, useRef, useEffect, Fragment as Fragment$1 } from 'react';
+import { Phone, PhoneOff, AudioLines, Captions, CaptionsOff, UserPlus, CalendarPlus, Disc, Mail, X } from 'lucide-react';
+import { Button, getUserDisplayName, Tooltip, TooltipTrigger, cn, TooltipContent, isAgent, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Input, DialogFooter, Checkbox } from '@arbidocs/react/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { chats, ArbiApiError, refusalReason } from '@arbidocs/sdk/browser';
 
-function StartCallButton(props) {
-  const enabled = useCallsEnabled();
-  const canHost = useCanHostCalls();
-  return enabled && (canHost || props.isLive) ? /* @__PURE__ */ jsx(EnabledStartCallButton, { ...props }) : null;
-}
-function EnabledStartCallButton({
-  onStart,
-  isLive = false,
-  label = "Start call",
-  testId = "start-call-button"
-}) {
-  const [isStarting, setIsStarting] = useState(false);
-  const inCall = useCallSession((s) => s.active !== null);
-  const text = inCall ? "Already in a call" : isLive ? "Join call" : label;
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      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: cn(
-          "text-muted-foreground hover:text-foreground",
-          isLive && "text-green-text hover:text-green-text"
-        ),
-        children: /* @__PURE__ */ jsx(Phone, { className: cn("size-5", isLive && "animate-pulse") })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ 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 ? 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 && 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: 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) => !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 && 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
+function ChatCallCard({
+  callExtId,
+  senderName,
+  latest,
+  name,
+  time
 }) {
-  const pickable = isPickable(candidate);
-  const hint = candidate.status === "invite" ? candidate.reason : candidate.status === "add-contact" ? "Not in your contacts" : void 0;
-  const row = /* @__PURE__ */ jsxs(
-    "li",
+  const arbi = useArbi();
+  const { data: call } = useCall(latest ? callExtId : null);
+  const liveNow = useCallSession((s) => callExtId in s.liveCalls);
+  const inThisCall = useCallSession((s) => s.active?.callExtId === callExtId);
+  const inAnotherCall = useCallSession((s) => !!s.active && s.active.callExtId !== callExtId);
+  const [busy, setBusy] = useState(false);
+  const live = latest && isCallLive(call, liveNow);
+  let summary;
+  if (live) summary = senderName ? `${senderName} started a call` : "Call in progress";
+  else if (latest && call?.started_at && call.ended_at) {
+    const seconds = (Date.parse(call.ended_at) - Date.parse(call.started_at)) / 1e3;
+    const joined = (call.last_participants ?? []).map(name);
+    summary = [
+      "Call",
+      formatCallDuration(seconds),
+      joined.length ? `joined ${joined.join(", ")}` : null
+    ].filter(Boolean).join(" \xB7 ");
+  } else summary = senderName ? `Call started by ${senderName}` : "Call";
+  return /* @__PURE__ */ jsxs(
+    "div",
     {
-      className: 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,
+      className: "mx-auto my-2 flex w-fit max-w-full flex-wrap items-center justify-center gap-2 rounded-md border border-border bg-card px-3 py-2 text-xs",
+      "data-testid": "chat-call-card",
+      "data-live": live || void 0,
       children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked,
-            disabled: !pickable,
-            onCheckedChange: onToggle,
-            "aria-label": `Invite ${candidate.name}`,
-            "data-testid": `call-picker-check-${candidate.id}`
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "block truncate text-sm", children: candidate.name }),
-          /* @__PURE__ */ jsxs("span", { className: "block truncate text-xs text-muted-foreground", children: [
-            candidate.email,
-            hint && /* @__PURE__ */ jsxs("span", { className: "ml-1 inline-flex items-center gap-1", children: [
-              candidate.status === "invite" && /* @__PURE__ */ jsx(Mail, { className: "size-3", "aria-hidden": true }),
-              candidate.email ? `\xB7 ${hint}` : hint
-            ] })
-          ] })
-        ] }),
-        candidate.status === "add-contact" && /* @__PURE__ */ jsxs(
+        live ? /* @__PURE__ */ jsx(Phone, { className: "size-4 animate-pulse text-green-text", "aria-hidden": true }) : /* @__PURE__ */ jsx(PhoneOff, { className: "size-4 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { "data-testid": "chat-call-card-summary", children: summary }),
+        time && /* @__PURE__ */ jsx("time", { className: "text-muted-foreground", children: time }),
+        live && /* @__PURE__ */ jsx(
           Button,
           {
             type: "button",
             size: "sm",
-            variant: "outline",
-            disabled: adding,
-            onClick: onAddContact,
-            "data-testid": `call-picker-add-${candidate.id}`,
-            children: [
-              /* @__PURE__ */ jsx(UserPlus, { className: "mr-1 size-3.5" }),
-              "Add contact"
-            ]
+            className: "h-7 bg-green-600 text-white hover:bg-green-700",
+            disabled: busy || inThisCall || inAnotherCall,
+            title: inAnotherCall ? "You are already in a call" : void 0,
+            onClick: () => {
+              setBusy(true);
+              void openCall(arbi, { callExtId }).finally(() => setBusy(false));
+            },
+            "data-testid": "chat-call-card-join",
+            children: inThisCall ? "In call" : "Join"
           }
         )
       ]
     }
   );
-  if (candidate.status !== "unavailable" || !candidate.reason) return row;
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: row }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: candidate.reason }) })
-  ] });
 }
-function InviteLinks({ callExtId }) {
-  const { notify } = useBlocksEnvironment();
-  const revokeLink = useRevokeCallInviteLink(callExtId);
-  const { data: invites = [] } = 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__ */ jsxs("section", { className: "flex flex-col gap-1", "data-testid": "call-picker-invite-links", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-muted-foreground", children: "Invitations sent" }),
-    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: live.map((invite) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
-      /* @__PURE__ */ jsx(Mail, { className: "size-3.5 text-muted-foreground", "aria-hidden": true }),
-      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: invite.email }),
-      invite.used_at && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "joined" }),
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          size: "sm",
-          variant: "ghost",
-          onClick: () => void revoke(invite.external_id),
-          "data-testid": `call-picker-revoke-${invite.external_id}`,
-          children: [
-            /* @__PURE__ */ jsx(X, { className: "mr-1 size-3.5" }),
-            "Revoke"
-          ]
-        }
-      )
-    ] }, invite.external_id)) })
-  ] });
+function useCallPersonName(identity, fallbackName) {
+  const arbi = useArbi();
+  const { byId } = usePeople();
+  const me = arbi.isLoggedIn && arbi.user.identity()?.externalId === identity;
+  const profile = me ? arbi.user.profile() : null;
+  return useMemo(() => {
+    if (profile)
+      return getUserDisplayName({ given_name: profile.givenName, family_name: profile.familyName });
+    const user = byId(identity);
+    if (user) return getUserDisplayName(user);
+    return (fallbackName || identity).trim().split(/\s+/).join(" ");
+  }, [profile, byId, identity, fallbackName]);
 }
-function CallPeoplePicker({
-  open,
-  onOpenChange,
-  scope,
-  workspaceExtId,
-  members: chatMembers = [],
-  preselected = [],
-  title,
-  description,
-  actionLabel,
-  callExtId,
-  onSubmit
-}) {
-  const { notify } = useBlocksEnvironment();
-  const createContact = useCreateContact();
-  const { userId: me, workspaceId: selectedWorkspaceId } = useConnectedWorkspace();
-  const { data: workspaces = [] } = useWorkspaces({ enabled: scope !== "chat" });
-  const [picked, setPicked] = useState(() => new Set(preselected));
-  const [query, setQuery] = useState("");
-  const [newEmail, setNewEmail] = useState(null);
-  const [newName, setNewName] = useState("");
-  const [adding, setAdding] = useState(false);
-  const [busy, setBusy] = useState(false);
-  const [added, setAdded] = useState([]);
-  const { byEmail } = usePeople();
-  const { people: hits } = usePeopleSearch(open && scope === "contacts" ? query : "");
-  const preselectedKey = preselected.join(",");
-  useEffect(() => {
-    if (open) setPicked(new Set(preselectedKey ? preselectedKey.split(",") : []));
-  }, [open, preselectedKey]);
-  const workspaceId = workspaceExtId ?? (scope === "contacts" ? selectedWorkspaceId : null);
-  const workspaceMembers = useMemo(
-    () => (workspaces.find((w) => w.external_id === workspaceId)?.users ?? []).map((wu) => wu.user),
-    [workspaces, workspaceId]
-  );
-  const candidates = 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");
+function CallConversationEmpty({ callExtId }) {
+  const { inCall, transcribing } = useMyCallStatus(callExtId);
+  const live = useCallSession((s) => !!s.liveCalls[callExtId]) || inCall;
+  if (!live) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        icon: AudioLines,
+        title: "No transcript",
+        description: "This call was not transcribed. When a call here is transcribed, what people say appears in this conversation.",
+        className: "mx-auto my-8 max-w-xl",
+        testId: "call-conversation-empty"
       }
-      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 ArbiApiError ? refusalReason(err, "Could not add the contact") : err instanceof Error ? err.message : "Could not add the contact",
-        "error"
-      );
-    } finally {
-      setAdding(false);
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      icon: transcribing ? Captions : CaptionsOff,
+      title: "Call in progress \u2014 the transcript will appear here",
+      description: transcribing ? "Transcription is on: what people say shows up here as they speak." : "Transcription is off. The host can turn it on with CC in the call.",
+      className: "mx-auto my-8 max-w-xl",
+      testId: "call-conversation-empty"
     }
-  };
-  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);
+  );
+}
+function ProvisionalRow({ identity }) {
+  const name = useCallPersonName(identity);
+  return /* @__PURE__ */ jsx(
+    ProvisionalTranscriptLine,
+    {
+      speakerId: identity,
+      speakerName: name,
+      speaker: /* @__PURE__ */ jsx(CallUserPill, { identity })
+    }
+  );
+}
+function ProvisionalSpeakers({ ids }) {
+  if (!ids.length) return null;
+  return /* @__PURE__ */ jsx("div", { className: "pb-2", "data-testid": "transcript-provisional-rows", children: ids.map((id) => /* @__PURE__ */ jsx(ProvisionalRow, { identity: id }, id)) });
+}
+var LINE_WAIT_MS = 1e4;
+var MIN_SPEECH_MS = 800;
+function useProvisionalSpeakers(callExtId, lines) {
+  const { inCall, transcribing } = useMyCallStatus(callExtId);
+  const speaking = useSpeakingIds();
+  const pending = useRef(/* @__PURE__ */ new Map());
+  const [, tick] = useState(0);
+  const active = inCall && transcribing;
+  const now = Date.now();
+  if (active) {
+    for (const id of speaking) {
+      const p = pending.current.get(id);
+      if (p) p.lastHeardAt = now;
+      else pending.current.set(id, { startedAt: now, lastHeardAt: now });
     }
+  } else if (pending.current.size) {
+    pending.current.clear();
+  }
+  const latest = useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const l of lines) m.set(l.speakerId, Math.max(m.get(l.speakerId) ?? 0, l.at));
+    return m;
+  }, [lines]);
+  for (const [id, p] of [...pending.current]) {
+    const arrived = (latest.get(id) ?? 0) >= p.startedAt - 3e3;
+    const stale = !speaking.includes(id) && now - p.lastHeardAt > LINE_WAIT_MS;
+    if (arrived && !speaking.includes(id) || stale) pending.current.delete(id);
+    else if (arrived) p.startedAt = now;
+  }
+  const waiting = pending.current.size > 0;
+  useEffect(() => {
+    if (!waiting) return;
+    const id = setInterval(() => tick((n) => n + 1), 1e3);
+    return () => clearInterval(id);
+  }, [waiting]);
+  return [...pending.current].filter(([, p]) => p.lastHeardAt - p.startedAt >= MIN_SPEECH_MS).map(([id]) => id);
+}
+var { isTranscriptMessage, parseTranscriptContent } = chats;
+function ConnectedCallChatHistory({
+  chat,
+  messages,
+  items,
+  renderItem,
+  loadOlder,
+  memberById,
+  senderName,
+  myExtId,
+  formatTime,
+  formatDay
+}) {
+  const arbi = useArbi();
+  const [view, setView] = useState("all");
+  useEffect(() => setView("all"), [chat?.external_id]);
+  const recordingsCallExtId = chat?.call_ext_id ?? null;
+  const pendingRecording = usePendingRecording();
+  useEffect(() => {
+    if (pendingRecording && recordingsCallExtId) setView("recordings");
+  }, [pendingRecording, recordingsCallExtId]);
+  const latestCallCards = useMemo(() => {
+    const latest = /* @__PURE__ */ new Map();
+    for (const m of messages)
+      if (m.kind === "call" && m.call_ext_id && !m.deleted) latest.set(m.call_ext_id, m.external_id);
+    return new Set(latest.values());
+  }, [messages]);
+  const hasRecTranscript = useMemo(
+    () => hasRecordingTranscript(messages, chatTranscriptRef),
+    [messages]
+  );
+  const recordingWindows = useRecordingWindows(recordingsCallExtId, hasRecTranscript);
+  const supersededTranscript = useMemo(
+    () => supersededTranscriptLines(messages, chatTranscriptRef, recordingWindows),
+    [messages, recordingWindows]
+  );
+  const transcriptMessages = useMemo(
+    () => sortTranscriptMessages(
+      messages.filter((m) => isTranscriptMessage(m) && !m.deleted && !supersededTranscript.has(m))
+    ),
+    [messages, supersededTranscript]
+  );
+  const hasTranscript = transcriptMessages.length > 0;
+  const { data: meetingCall } = useCall(hasTranscript ? chat?.call_ext_id : null);
+  const isHost = !!meetingCall?.is_creator;
+  const [meetingTitle, setMeetingTitle] = useState(null);
+  useEffect(() => {
+    if (!chat || !isHost && !recordingsCallExtId) return;
+    let cancelled = false;
+    arbi.chats.title(chat).then((t) => !cancelled && setMeetingTitle(t)).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [arbi, isHost, chat, recordingsCallExtId]);
+  const transcriptSpeaker = (msg) => {
+    const parsed = msg.decryptFailed ? null : parseTranscriptContent(msg.content);
+    return { parsed, speakerId: parsed?.speaker_identity || msg.sender_ext_id || "" };
   };
-  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__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", "data-testid": "call-people-picker", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: title ?? copy.title }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: description ?? copy.description })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-col gap-3", children: [
-      /* @__PURE__ */ jsx(
-        Input,
+  const transcriptExport = useMemo(
+    () => transcriptMessages.filter((m) => !m.decryptFailed).map((m) => {
+      const parsed = parseTranscriptContent(m.content);
+      const speakerId = parsed?.speaker_identity || m.sender_ext_id || "";
+      return {
+        speaker: parsed?.speaker_name || (memberById(speakerId) ? senderName(speakerId) : "") || "Former member",
+        at: parsed?.started_at ?? m.created_at,
+        text: parsed?.text ?? m.content ?? ""
+      };
+    }),
+    [transcriptMessages, memberById, senderName]
+  );
+  const transcriptLayout = useMemo(() => {
+    const shown = view === "transcript" ? transcriptMessages : messages;
+    const continued = transcriptRuns(
+      shown,
+      (m) => isTranscriptMessage(m) && !supersededTranscript.has(m) ? transcriptSpeaker(m).speakerId : null,
+      (m) => Date.parse(transcriptSpeaker(m).parsed?.started_at ?? m.created_at ?? "") || 0
+    );
+    return { continued };
+  }, [view, messages, transcriptMessages, supersededTranscript]);
+  const transcriptEntry = (msg) => {
+    const { parsed, speakerId } = transcriptSpeaker(msg);
+    return /* @__PURE__ */ jsx(
+      TranscriptEntry,
+      {
+        speakerId,
+        speakerName: speakerId === myExtId ? "Me" : parsed?.speaker_name || (memberById(speakerId) ? senderName(speakerId) : senderName(msg.sender_ext_id)),
+        text: parsed?.text ?? msg.content ?? "",
+        at: parsed?.started_at ?? msg.created_at,
+        continued: transcriptLayout.continued.has(msg)
+      },
+      msg.external_id
+    );
+  };
+  const chatLines = useMemo(
+    () => transcriptMessages.map((m) => {
+      const { parsed, speakerId } = transcriptSpeaker(m);
+      return { speakerId, at: Date.parse(parsed?.started_at ?? m.created_at ?? "") || 0 };
+    }),
+    [transcriptMessages]
+  );
+  const provisionalSpeakers = useProvisionalSpeakers(recordingsCallExtId, chatLines);
+  const filterOptions = [
+    { value: "all", label: "All" },
+    { value: "chat", label: "Chat", testId: "chat-filter" },
+    {
+      value: "transcript",
+      label: "Transcript",
+      count: transcriptMessages.length,
+      testId: "transcript-filter"
+    },
+    ...recordingsCallExtId ? [{ value: "recordings", label: "Recordings", testId: "recordings-filter" }] : []
+  ];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    messages.length === 0 && recordingsCallExtId && /* @__PURE__ */ jsx(CallConversationEmpty, { callExtId: recordingsCallExtId }),
+    (hasTranscript || recordingsCallExtId) && /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 flex justify-center py-1", children: /* @__PURE__ */ jsx(
+      ConversationFilter,
+      {
+        value: view,
+        options: filterOptions,
+        onChange: setView
+      }
+    ) }),
+    view === "recordings" && recordingsCallExtId && /* @__PURE__ */ jsx(RecordingsList, { callExtId: recordingsCallExtId, title: meetingTitle, className: "py-1" }),
+    loadOlder,
+    view === "transcript" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col py-1", "data-testid": "transcript-view", children: [
+      isHost && /* @__PURE__ */ jsx(
+        SaveTranscriptToThread,
         {
-          placeholder: "Search people",
-          value: query,
-          onChange: (e) => setQuery(e.target.value),
-          "aria-label": "Search people",
-          "data-testid": "call-picker-search"
+          title: meetingTitle,
+          lines: transcriptExport,
+          className: "mx-3 mb-2 self-start"
         }
       ),
-      /* @__PURE__ */ 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__ */ jsxs("section", { className: "mb-2", children: [
-            /* @__PURE__ */ jsx("h3", { className: "px-2 pb-1 text-xs font-medium text-muted-foreground", children: section.label }),
-            /* @__PURE__ */ jsx("ul", { "data-testid": `call-picker-section-${section.id}`, children: rows.map((c) => /* @__PURE__ */ 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__ */ 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__ */ jsxs(
-        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__ */ jsx(UserPlus, { className: "mr-1 size-4" }),
-            "Add contact\u2026"
-          ]
-        }
-      ) : /* @__PURE__ */ 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__ */ jsx(
-              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__ */ jsx(
-              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__ */ jsx(
-              Button,
-              {
-                type: "submit",
-                size: "sm",
-                disabled: adding || !EMAIL_RE.test(newEmail.trim()),
-                "data-testid": "call-picker-new-submit",
-                children: "Add"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                size: "sm",
-                variant: "ghost",
-                onClick: () => {
-                  setNewEmail(null);
-                  setNewName("");
-                },
-                children: "Cancel"
-              }
-            )
-          ]
-        }
-      )),
-      callExtId && scope === "contacts" && /* @__PURE__ */ jsx(InviteLinks, { callExtId }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Agents can\u2019t join calls." })
+      transcriptMessages.map((msg) => transcriptEntry(msg)),
+      /* @__PURE__ */ jsx(ProvisionalSpeakers, { ids: provisionalSpeakers })
     ] }),
-    /* @__PURE__ */ jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), disabled: busy, children: "Cancel" }),
-      /* @__PURE__ */ jsx(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 = useArbi();
-  const { data: conversations } = useConnectedConversations();
-  const { workspaceId: workspaceExtId } = useConnectedWorkspace();
-  const liveCallId = useCallSession((s) => threadLiveCallId(s, conversationId));
-  const isLive = liveCallId !== null;
-  const canHost = useCanHostCalls();
-  const [picking, setPicking] = useState(false);
-  const conversation = conversations.find((c) => c.external_id === conversationId);
-  if (!conversation?.is_shared) return null;
-  const title = conversation.title ?? null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      StartCallButton,
-      {
-        onStart: async () => {
-          if (liveCallId && !canHost) return openCall(arbi, { callExtId: liveCallId });
-          if (isLive) return startThreadCall(arbi, { threadExtId: conversationId, title, ring: [] });
-          setPicking(true);
-          return true;
-        },
-        isLive,
-        label: "Call thread members",
-        testId: "thread-call-button"
+    (view === "all" || view === "chat") && items.map((item, i) => {
+      const { message: msg, isFirstOfDay } = item;
+      const deleted = !!msg.deleted;
+      if (deleted && isTranscriptMessage(msg)) return null;
+      const separator = isFirstOfDay && /* @__PURE__ */ jsx(DateSeparator, { children: formatDay(msg.created_at) });
+      if (isTranscriptMessage(msg)) {
+        if (view === "chat") return null;
+        const superseded = supersededTranscript.has(msg);
+        if (superseded && !isFirstOfDay) return null;
+        return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          separator,
+          !superseded && transcriptEntry(msg)
+        ] }, msg.external_id);
       }
-    ),
-    picking && /* @__PURE__ */ jsx(
-      CallPeoplePicker,
-      {
-        open: true,
-        onOpenChange: setPicking,
-        scope: "workspace",
-        workspaceExtId,
-        onSubmit: async ({ ring }) => {
-          await startThreadCall(arbi, { threadExtId: conversationId, title, ring });
-        }
+      if (msg.kind === "recording" && msg.call_ext_id && !deleted) {
+        return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          separator,
+          /* @__PURE__ */ jsx(
+            RecordingCard,
+            {
+              callExtId: msg.call_ext_id,
+              recordingExtId: msg.recording_ext_id ?? null,
+              title: meetingTitle,
+              time: formatTime(msg.created_at)
+            }
+          )
+        ] }, msg.external_id);
       }
-    )
-  ] });
-}
-function GroupCallButton({
-  chatExtId,
-  title,
-  members
-}) {
-  const arbi = useArbi();
-  const { userId: me } = useConnectedWorkspace();
-  const liveCallId = useCallSession((s) => chatLiveCallId(s, chatExtId));
-  const isLive = liveCallId !== null;
+      if (msg.kind === "call" && msg.call_ext_id && !deleted) {
+        return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          separator,
+          /* @__PURE__ */ jsx(
+            ChatCallCard,
+            {
+              callExtId: msg.call_ext_id,
+              senderName: msg.sender_ext_id ? senderName(msg.sender_ext_id) : null,
+              latest: latestCallCards.has(msg.external_id),
+              name: senderName,
+              time: formatTime(msg.created_at)
+            }
+          )
+        ] }, msg.external_id);
+      }
+      return renderItem(item, i);
+    }),
+    view === "all" && /* @__PURE__ */ jsx(ProvisionalSpeakers, { ids: provisionalSpeakers })
+  ] });
+}
+function StartCallButton(props) {
+  const enabled = useCallsEnabled();
   const canHost = useCanHostCalls();
-  const [picking, setPicking] = useState(false);
-  const others = members.filter((u) => u.external_id !== me && !isAgent(u));
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      StartCallButton,
+  return enabled && (canHost || props.isLive) ? /* @__PURE__ */ jsx(EnabledStartCallButton, { ...props }) : null;
+}
+function EnabledStartCallButton({
+  onStart,
+  isLive = false,
+  label = "Start call",
+  testId = "start-call-button"
+}) {
+  const [isStarting, setIsStarting] = useState(false);
+  const inCall = useCallSession((s) => s.active !== null);
+  const text = inCall ? "Already in a call" : isLive ? "Join call" : label;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
       {
-        onStart: async () => {
-          if (liveCallId && !canHost) return openCall(arbi, { callExtId: liveCallId });
-          if (isLive) return startChatCall(arbi, { chatExtId, title, ring: [] });
-          setPicking(true);
-          return true;
+        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));
         },
-        isLive,
-        label: "Call the group",
-        testId: "group-call-button"
-      }
-    ),
-    picking && /* @__PURE__ */ jsx(
-      CallPeoplePicker,
-      {
-        open: true,
-        onOpenChange: setPicking,
-        scope: "chat",
-        members: others,
-        preselected: others.map((u) => u.external_id),
-        onSubmit: async ({ ring }) => {
-          await startChatCall(arbi, { chatExtId, title, ring });
-        }
+        className: cn(
+          "text-muted-foreground hover:text-foreground",
+          isLive && "text-green-text hover:text-green-text"
+        ),
+        children: /* @__PURE__ */ jsx(Phone, { className: cn("size-5", isLive && "animate-pulse") })
       }
-    )
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: text }) })
   ] });
 }
 function DmCallButton({ peer }) {
@@ -580,534 +402,712 @@ function DmCallButton({ peer }) {
     }
   );
 }
-function NewCallChip() {
-  return useCanHostCalls() ? /* @__PURE__ */ jsx(EnabledNewCallChip, {}) : null;
+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 ? getUserDisplayName(contact.user) : "") || contactEmail(contact) || "Contact";
 }
-function EnabledNewCallChip() {
-  const arbi = useArbi();
-  const inCall = useCallSession((s) => s.active !== null);
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      DmInviteChip,
-      {
-        testId: "dm-new-call-chip",
-        title: "New call",
-        description: inCall ? "You are already in a call" : "Call people from your contacts",
-        onClick: () => !inCall && setOpen(true)
-      }
-    ),
-    open && /* @__PURE__ */ jsx(
-      CallPeoplePicker,
-      {
-        open: true,
-        onOpenChange: setOpen,
-        scope: "contacts",
-        onSubmit: async ({ ring, invites }) => {
-          await startContactsCall(arbi, {
-            title: contactsCallTitle([
-              ...ring.map((u) => getUserDisplayName(u)),
-              ...invites.map((g) => g.name)
-            ]),
-            ring,
-            invites
-          });
-        }
-      }
-    )
-  ] });
+function contactEmail(contact) {
+  return contact.email ?? contact.user?.email ?? contact.card?.emails?.[0]?.email ?? null;
 }
-function ScheduleCallButton({
-  conversationId,
-  peer,
-  variant = "icon",
-  className
-}) {
-  const callsEnabled = useCanHostCalls();
-  const { conversations } = useConversationItems();
-  const { data: workspaces = [] } = useWorkspaces();
-  const { workspaceId: selectedWorkspaceId, userId: me } = useConnectedWorkspace();
-  const { openCalendar } = 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);
-    }
-    requestCalendarComposer({
-      title: peer ? `Call with ${getUserDisplayName(peer) || peer.email}` : conversation?.title ?? "",
-      conversationId: conversationId ?? null,
-      attendees: people.filter((u) => !isAgent(u) && u.external_id !== me).map((u) => ({
-        email: u.email,
-        user_id: u.external_id,
-        name: getUserDisplayName(u) || null
-      })),
-      addCall: true
-    });
-    openCalendar();
+function callContactOf(contact) {
+  if (!contact.external_id || contact.status === "failed") return null;
+  if (contact.user && isAgent(contact.user)) return null;
+  return {
+    contactExtId: contact.external_id,
+    user: contact.user ?? null,
+    name: contactName(contact),
+    email: contactEmail(contact)
   };
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      type: "button",
-      variant: "ghost",
-      size: variant === "icon" ? "icon" : "sm",
-      className: cn(variant === "icon" && "size-8", className),
-      onClick: open,
-      "aria-label": "Schedule call",
-      title: "Schedule call",
-      "data-testid": "schedule-call-button",
-      children: [
-        /* @__PURE__ */ jsx(CalendarPlus, { className: "size-4" }),
-        variant === "label" && /* @__PURE__ */ jsx("span", { className: "ml-1.5", children: "Schedule call" })
-      ]
-    }
-  );
 }
-function useMeetingThreadMessages(meetingCallExtId, messageHistory) {
-  const hasRecTranscript = useMemo(
-    () => !!meetingCallExtId && hasRecordingTranscript(messageHistory, threadTranscriptRef),
-    [meetingCallExtId, messageHistory]
-  );
-  const recordingWindows = useRecordingWindows(meetingCallExtId, hasRecTranscript);
-  return useMemo(
-    () => hasRecTranscript ? supersedeLiveTranscript(messageHistory, threadTranscriptRef, recordingWindows) : messageHistory,
-    [hasRecTranscript, messageHistory, recordingWindows]
-  );
+function userCandidate(user, section, status, contactExtId = null) {
+  const ringable = status !== "ring" || !!user.encryption_public_key;
+  return {
+    id: user.external_id,
+    name: getUserDisplayName(user) || user.email,
+    email: user.email ?? null,
+    section,
+    status: ringable ? status : "unavailable",
+    reason: ringable ? void 0 : NO_KEY_REASON,
+    user,
+    contactExtId
+  };
 }
-function MeetingThreadTranscriptAction({
-  conversationExtId,
-  meetingCallExtId,
-  title,
-  messages
-}) {
-  const { data: call } = useCall(meetingCallExtId);
-  const { data: workspaceUsers = [] } = useWorkspaceUsers();
-  const lines = useMemo(
-    () => threadTranscriptLines(messages, (id) => {
-      const user = workspaceUsers.find((wu) => wu.user.external_id === id)?.user;
-      return user ? getUserDisplayName(user) : null;
-    }),
-    [messages, workspaceUsers]
+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) => !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 && isAgent(c.user)));
+  const contactOf = new Map(
+    contacts.filter((c) => c.user).map((c) => [c.user.external_id, c.contactExtId])
   );
-  if (!meetingCallExtId || !call?.is_creator) return null;
-  return /* @__PURE__ */ jsx(
-    SaveTranscriptToThread,
-    {
-      title,
-      lines,
-      excludeConversationExtId: conversationExtId,
-      iconOnly: true
+  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 MeetingThreadRecordingsAction({
-  meetingCallExtId,
-  title
-}) {
-  const [open, setOpen] = useState(false);
-  const pending = usePendingRecording();
-  useEffect(() => {
-    if (pending) setOpen(true);
-  }, [pending]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      HeaderAction,
-      {
-        label: "Recordings",
-        icon: /* @__PURE__ */ jsx(Disc, { className: "size-3.5", "aria-hidden": true }),
-        iconOnly: true,
-        onClick: () => setOpen(true),
-        testId: "meeting-recordings"
-      }
-    ),
-    open && /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (o) => !o && setOpen(false), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-2xl", "data-testid": "meeting-recordings-dialog", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: "Recordings" }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "Recordings of this meeting, encrypted under the workspace key. Playing or downloading one decrypts it in this browser." })
-      ] }),
-      /* @__PURE__ */ jsx(
-        RecordingsList,
-        {
-          callExtId: meetingCallExtId,
-          title,
-          className: "max-h-[60vh] overflow-y-auto"
-        }
-      )
-    ] }) })
-  ] });
+function isPickable(c) {
+  return c.status === "ring" || c.status === "invite";
 }
-function ConnectedConversationCallActions() {
-  const conversationId = useArbiSessionState((state) => state.conversationId);
-  const { conversations } = useConversationItems();
-  const conversation = conversationId ? conversations.find((c) => c.external_id === conversationId) : void 0;
-  const meetingCallExtId = conversation?.meeting_call_ext_id ?? null;
-  const { messageHistory } = useConversationData();
-  const threadMessages = useMeetingThreadMessages(meetingCallExtId, messageHistory);
-  const meetingMessages = 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__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ThreadCallButton, { conversationId }),
-    /* @__PURE__ */ jsx(ScheduleCallButton, { conversationId }),
-    meetingCallExtId && /* @__PURE__ */ jsx(
-      MeetingThreadTranscriptAction,
-      {
-        conversationExtId: conversationId,
-        meetingCallExtId,
-        title: conversation?.title,
-        messages: meetingMessages
-      }
-    ),
-    meetingCallExtId && /* @__PURE__ */ jsx(
-      MeetingThreadRecordingsAction,
-      {
-        meetingCallExtId,
-        title: conversation?.title
-      }
-    )
-  ] });
+function matchesQuery(c, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return true;
+  return c.name.toLowerCase().includes(q) || (c.email ?? "").toLowerCase().includes(q);
 }
-function ChatCallCard({
-  callExtId,
-  senderName,
-  latest,
-  name,
-  time
+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 arbi = useArbi();
-  const { data: call } = useCall(latest ? callExtId : null);
-  const liveNow = useCallSession((s) => callExtId in s.liveCalls);
-  const inThisCall = useCallSession((s) => s.active?.callExtId === callExtId);
-  const inAnotherCall = useCallSession((s) => !!s.active && s.active.callExtId !== callExtId);
-  const [busy, setBusy] = useState(false);
-  const live = latest && isCallLive(call, liveNow);
-  let summary;
-  if (live) summary = senderName ? `${senderName} started a call` : "Call in progress";
-  else if (latest && call?.started_at && call.ended_at) {
-    const seconds = (Date.parse(call.ended_at) - Date.parse(call.started_at)) / 1e3;
-    const joined = (call.last_participants ?? []).map(name);
-    summary = [
-      "Call",
-      formatCallDuration(seconds),
-      joined.length ? `joined ${joined.join(", ")}` : null
-    ].filter(Boolean).join(" \xB7 ");
-  } else summary = senderName ? `Call started by ${senderName}` : "Call";
-  return /* @__PURE__ */ jsxs(
-    "div",
+  const pickable = isPickable(candidate);
+  const hint = candidate.status === "invite" ? candidate.reason : candidate.status === "add-contact" ? "Not in your contacts" : void 0;
+  const row = /* @__PURE__ */ jsxs(
+    "li",
     {
-      className: "mx-auto my-2 flex w-fit max-w-full flex-wrap items-center justify-center gap-2 rounded-md border border-border bg-card px-3 py-2 text-xs",
-      "data-testid": "chat-call-card",
-      "data-live": live || void 0,
+      className: 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: [
-        live ? /* @__PURE__ */ jsx(Phone, { className: "size-4 animate-pulse text-green-text", "aria-hidden": true }) : /* @__PURE__ */ jsx(PhoneOff, { className: "size-4 text-muted-foreground", "aria-hidden": true }),
-        /* @__PURE__ */ jsx("span", { "data-testid": "chat-call-card-summary", children: summary }),
-        time && /* @__PURE__ */ jsx("time", { className: "text-muted-foreground", children: time }),
-        live && /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked,
+            disabled: !pickable,
+            onCheckedChange: onToggle,
+            "aria-label": `Invite ${candidate.name}`,
+            "data-testid": `call-picker-check-${candidate.id}`
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-sm", children: candidate.name }),
+          /* @__PURE__ */ jsxs("span", { className: "block truncate text-xs text-muted-foreground", children: [
+            candidate.email,
+            hint && /* @__PURE__ */ jsxs("span", { className: "ml-1 inline-flex items-center gap-1", children: [
+              candidate.status === "invite" && /* @__PURE__ */ jsx(Mail, { className: "size-3", "aria-hidden": true }),
+              candidate.email ? `\xB7 ${hint}` : hint
+            ] })
+          ] })
+        ] }),
+        candidate.status === "add-contact" && /* @__PURE__ */ jsxs(
           Button,
           {
             type: "button",
             size: "sm",
-            className: "h-7 bg-green-600 text-white hover:bg-green-700",
-            disabled: busy || inThisCall || inAnotherCall,
-            title: inAnotherCall ? "You are already in a call" : void 0,
-            onClick: () => {
-              setBusy(true);
-              void openCall(arbi, { callExtId }).finally(() => setBusy(false));
-            },
-            "data-testid": "chat-call-card-join",
-            children: inThisCall ? "In call" : "Join"
+            variant: "outline",
+            disabled: adding,
+            onClick: onAddContact,
+            "data-testid": `call-picker-add-${candidate.id}`,
+            children: [
+              /* @__PURE__ */ jsx(UserPlus, { className: "mr-1 size-3.5" }),
+              "Add contact"
+            ]
           }
         )
       ]
     }
   );
+  if (candidate.status !== "unavailable" || !candidate.reason) return row;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: row }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: candidate.reason }) })
+  ] });
+}
+function InviteLinks({ callExtId }) {
+  const { notify } = useBlocksEnvironment();
+  const revokeLink = useRevokeCallInviteLink(callExtId);
+  const { data: invites = [] } = 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__ */ jsxs("section", { className: "flex flex-col gap-1", "data-testid": "call-picker-invite-links", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-muted-foreground", children: "Invitations sent" }),
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: live.map((invite) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx(Mail, { className: "size-3.5 text-muted-foreground", "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: invite.email }),
+      invite.used_at && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "joined" }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          onClick: () => void revoke(invite.external_id),
+          "data-testid": `call-picker-revoke-${invite.external_id}`,
+          children: [
+            /* @__PURE__ */ jsx(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 } = useBlocksEnvironment();
+  const createContact = useCreateContact();
+  const { userId: me, workspaceId: selectedWorkspaceId } = useConnectedWorkspace();
+  const { data: workspaces = [] } = useWorkspaces({ enabled: scope !== "chat" });
+  const [picked, setPicked] = useState(() => new Set(preselected));
+  const [query, setQuery] = useState("");
+  const [newEmail, setNewEmail] = useState(null);
+  const [newName, setNewName] = useState("");
+  const [adding, setAdding] = useState(false);
+  const [busy, setBusy] = useState(false);
+  const [added, setAdded] = useState([]);
+  const { byEmail } = usePeople();
+  const { people: hits } = usePeopleSearch(open && scope === "contacts" ? query : "");
+  const preselectedKey = preselected.join(",");
+  useEffect(() => {
+    if (open) setPicked(new Set(preselectedKey ? preselectedKey.split(",") : []));
+  }, [open, preselectedKey]);
+  const workspaceId = workspaceExtId ?? (scope === "contacts" ? selectedWorkspaceId : null);
+  const workspaceMembers = useMemo(
+    () => (workspaces.find((w) => w.external_id === workspaceId)?.users ?? []).map((wu) => wu.user),
+    [workspaces, workspaceId]
+  );
+  const candidates = 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 ArbiApiError ? 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__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", "data-testid": "call-people-picker", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title ?? copy.title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description ?? copy.description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-col gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search people",
+          value: query,
+          onChange: (e) => setQuery(e.target.value),
+          "aria-label": "Search people",
+          "data-testid": "call-picker-search"
+        }
+      ),
+      /* @__PURE__ */ 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__ */ jsxs("section", { className: "mb-2", children: [
+            /* @__PURE__ */ jsx("h3", { className: "px-2 pb-1 text-xs font-medium text-muted-foreground", children: section.label }),
+            /* @__PURE__ */ jsx("ul", { "data-testid": `call-picker-section-${section.id}`, children: rows.map((c) => /* @__PURE__ */ 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__ */ 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__ */ jsxs(
+        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__ */ jsx(UserPlus, { className: "mr-1 size-4" }),
+            "Add contact\u2026"
+          ]
+        }
+      ) : /* @__PURE__ */ 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__ */ jsx(
+              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__ */ jsx(
+              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__ */ jsx(
+              Button,
+              {
+                type: "submit",
+                size: "sm",
+                disabled: adding || !EMAIL_RE.test(newEmail.trim()),
+                "data-testid": "call-picker-new-submit",
+                children: "Add"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "ghost",
+                onClick: () => {
+                  setNewEmail(null);
+                  setNewName("");
+                },
+                children: "Cancel"
+              }
+            )
+          ]
+        }
+      )),
+      callExtId && scope === "contacts" && /* @__PURE__ */ jsx(InviteLinks, { callExtId }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Agents can\u2019t join calls." })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), disabled: busy, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => void submit(), disabled: busy, "data-testid": "call-picker-submit", children: busy ? "Working\u2026" : `${actionLabel ?? copy.action}${count ? ` (${count})` : ""}` })
+    ] })
+  ] }) });
 }
-function useCallPersonName(identity, fallbackName) {
+function GroupCallButton({
+  chatExtId,
+  title,
+  members
+}) {
   const arbi = useArbi();
-  const { byId } = usePeople();
-  const me = arbi.isLoggedIn && arbi.user.identity()?.externalId === identity;
-  const profile = me ? arbi.user.profile() : null;
-  return useMemo(() => {
-    if (profile)
-      return getUserDisplayName({ given_name: profile.givenName, family_name: profile.familyName });
-    const user = byId(identity);
-    if (user) return getUserDisplayName(user);
-    return (fallbackName || identity).trim().split(/\s+/).join(" ");
-  }, [profile, byId, identity, fallbackName]);
-}
-function CallConversationEmpty({ callExtId }) {
-  const { inCall, transcribing } = useMyCallStatus(callExtId);
-  const live = useCallSession((s) => !!s.liveCalls[callExtId]) || inCall;
-  if (!live) {
-    return /* @__PURE__ */ jsx(
-      EmptyState,
+  const { userId: me } = useConnectedWorkspace();
+  const liveCallId = useCallSession((s) => chatLiveCallId(s, chatExtId));
+  const isLive = liveCallId !== null;
+  const canHost = useCanHostCalls();
+  const [picking, setPicking] = useState(false);
+  const others = members.filter((u) => u.external_id !== me && !isAgent(u));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      StartCallButton,
       {
-        icon: AudioLines,
-        title: "No transcript",
-        description: "This call was not transcribed. When a call here is transcribed, what people say appears in this conversation.",
-        className: "mx-auto my-8 max-w-xl",
-        testId: "call-conversation-empty"
+        onStart: async () => {
+          if (liveCallId && !canHost) return openCall(arbi, { callExtId: liveCallId });
+          if (isLive) return startChatCall(arbi, { chatExtId, title, ring: [] });
+          setPicking(true);
+          return true;
+        },
+        isLive,
+        label: "Call the group",
+        testId: "group-call-button"
       }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    EmptyState,
-    {
-      icon: transcribing ? Captions : CaptionsOff,
-      title: "Call in progress \u2014 the transcript will appear here",
-      description: transcribing ? "Transcription is on: what people say shows up here as they speak." : "Transcription is off. The host can turn it on with CC in the call.",
-      className: "mx-auto my-8 max-w-xl",
-      testId: "call-conversation-empty"
-    }
-  );
-}
-function ProvisionalRow({ identity }) {
-  const name = useCallPersonName(identity);
-  return /* @__PURE__ */ jsx(
-    ProvisionalTranscriptLine,
-    {
-      speakerId: identity,
-      speakerName: name,
-      speaker: /* @__PURE__ */ jsx(CallUserPill, { identity })
-    }
-  );
-}
-function ProvisionalSpeakers({ ids }) {
-  if (!ids.length) return null;
-  return /* @__PURE__ */ jsx("div", { className: "pb-2", "data-testid": "transcript-provisional-rows", children: ids.map((id) => /* @__PURE__ */ jsx(ProvisionalRow, { identity: id }, id)) });
+    ),
+    picking && /* @__PURE__ */ jsx(
+      CallPeoplePicker,
+      {
+        open: true,
+        onOpenChange: setPicking,
+        scope: "chat",
+        members: others,
+        preselected: others.map((u) => u.external_id),
+        onSubmit: async ({ ring }) => {
+          await startChatCall(arbi, { chatExtId, title, ring });
+        }
+      }
+    )
+  ] });
 }
-var LINE_WAIT_MS = 1e4;
-var MIN_SPEECH_MS = 800;
-function useProvisionalSpeakers(callExtId, lines) {
-  const { inCall, transcribing } = useMyCallStatus(callExtId);
-  const speaking = useSpeakingIds();
-  const pending = useRef(/* @__PURE__ */ new Map());
-  const [, tick] = useState(0);
-  const active = inCall && transcribing;
-  const now = Date.now();
-  if (active) {
-    for (const id of speaking) {
-      const p = pending.current.get(id);
-      if (p) p.lastHeardAt = now;
-      else pending.current.set(id, { startedAt: now, lastHeardAt: now });
-    }
-  } else if (pending.current.size) {
-    pending.current.clear();
-  }
-  const latest = useMemo(() => {
-    const m = /* @__PURE__ */ new Map();
-    for (const l of lines) m.set(l.speakerId, Math.max(m.get(l.speakerId) ?? 0, l.at));
-    return m;
-  }, [lines]);
-  for (const [id, p] of [...pending.current]) {
-    const arrived = (latest.get(id) ?? 0) >= p.startedAt - 3e3;
-    const stale = !speaking.includes(id) && now - p.lastHeardAt > LINE_WAIT_MS;
-    if (arrived && !speaking.includes(id) || stale) pending.current.delete(id);
-    else if (arrived) p.startedAt = now;
-  }
-  const waiting = pending.current.size > 0;
-  useEffect(() => {
-    if (!waiting) return;
-    const id = setInterval(() => tick((n) => n + 1), 1e3);
-    return () => clearInterval(id);
-  }, [waiting]);
-  return [...pending.current].filter(([, p]) => p.lastHeardAt - p.startedAt >= MIN_SPEECH_MS).map(([id]) => id);
+function NewCallChip() {
+  return useCanHostCalls() ? /* @__PURE__ */ jsx(EnabledNewCallChip, {}) : null;
 }
-var { isTranscriptMessage, parseTranscriptContent } = chats;
-function ConnectedCallChatHistory({
-  chat,
-  messages,
-  items,
-  renderItem,
-  loadOlder,
-  memberById,
-  senderName,
-  myExtId,
-  formatTime,
-  formatDay
-}) {
+function EnabledNewCallChip() {
   const arbi = useArbi();
-  const [view, setView] = useState("all");
-  useEffect(() => setView("all"), [chat?.external_id]);
-  const recordingsCallExtId = chat?.call_ext_id ?? null;
-  const pendingRecording = usePendingRecording();
-  useEffect(() => {
-    if (pendingRecording && recordingsCallExtId) setView("recordings");
-  }, [pendingRecording, recordingsCallExtId]);
-  const latestCallCards = useMemo(() => {
-    const latest = /* @__PURE__ */ new Map();
-    for (const m of messages)
-      if (m.kind === "call" && m.call_ext_id && !m.deleted) latest.set(m.call_ext_id, m.external_id);
-    return new Set(latest.values());
-  }, [messages]);
-  const hasRecTranscript = useMemo(
-    () => hasRecordingTranscript(messages, chatTranscriptRef),
-    [messages]
-  );
-  const recordingWindows = useRecordingWindows(recordingsCallExtId, hasRecTranscript);
-  const supersededTranscript = useMemo(
-    () => supersededTranscriptLines(messages, chatTranscriptRef, recordingWindows),
-    [messages, recordingWindows]
-  );
-  const transcriptMessages = useMemo(
-    () => sortTranscriptMessages(
-      messages.filter((m) => isTranscriptMessage(m) && !m.deleted && !supersededTranscript.has(m))
+  const inCall = useCallSession((s) => s.active !== null);
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      DmInviteChip,
+      {
+        testId: "dm-new-call-chip",
+        title: "New call",
+        description: inCall ? "You are already in a call" : "Call people from your contacts",
+        onClick: () => !inCall && setOpen(true)
+      }
     ),
-    [messages, supersededTranscript]
-  );
-  const hasTranscript = transcriptMessages.length > 0;
-  const { data: meetingCall } = useCall(hasTranscript ? chat?.call_ext_id : null);
-  const isHost = !!meetingCall?.is_creator;
-  const [meetingTitle, setMeetingTitle] = useState(null);
-  useEffect(() => {
-    if (!chat || !isHost && !recordingsCallExtId) return;
-    let cancelled = false;
-    arbi.chats.title(chat).then((t) => !cancelled && setMeetingTitle(t)).catch(() => void 0);
-    return () => {
-      cancelled = true;
-    };
-  }, [arbi, isHost, chat, recordingsCallExtId]);
-  const transcriptSpeaker = (msg) => {
-    const parsed = msg.decryptFailed ? null : parseTranscriptContent(msg.content);
-    return { parsed, speakerId: parsed?.speaker_identity || msg.sender_ext_id || "" };
+    open && /* @__PURE__ */ jsx(
+      CallPeoplePicker,
+      {
+        open: true,
+        onOpenChange: setOpen,
+        scope: "contacts",
+        onSubmit: async ({ ring, invites }) => {
+          await startContactsCall(arbi, {
+            title: contactsCallTitle([
+              ...ring.map((u) => getUserDisplayName(u)),
+              ...invites.map((g) => g.name)
+            ]),
+            ring,
+            invites
+          });
+        }
+      }
+    )
+  ] });
+}
+function ScheduleCallButton({
+  conversationId,
+  peer,
+  variant = "icon",
+  className
+}) {
+  const callsEnabled = useCanHostCalls();
+  const { conversations } = useConversationItems();
+  const { data: workspaces = [] } = useWorkspaces();
+  const { workspaceId: selectedWorkspaceId, userId: me } = useConnectedWorkspace();
+  const { openCalendar } = 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);
+    }
+    requestCalendarComposer({
+      title: peer ? `Call with ${getUserDisplayName(peer) || peer.email}` : conversation?.title ?? "",
+      conversationId: conversationId ?? null,
+      attendees: people.filter((u) => !isAgent(u) && u.external_id !== me).map((u) => ({
+        email: u.email,
+        user_id: u.external_id,
+        name: getUserDisplayName(u) || null
+      })),
+      addCall: true
+    });
+    openCalendar();
   };
-  const transcriptExport = useMemo(
-    () => transcriptMessages.filter((m) => !m.decryptFailed).map((m) => {
-      const parsed = parseTranscriptContent(m.content);
-      const speakerId = parsed?.speaker_identity || m.sender_ext_id || "";
-      return {
-        speaker: parsed?.speaker_name || (memberById(speakerId) ? senderName(speakerId) : "") || "Former member",
-        at: parsed?.started_at ?? m.created_at,
-        text: parsed?.text ?? m.content ?? ""
-      };
-    }),
-    [transcriptMessages, memberById, senderName]
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: variant === "icon" ? "icon" : "sm",
+      className: cn(variant === "icon" && "size-8", className),
+      onClick: open,
+      "aria-label": "Schedule call",
+      title: "Schedule call",
+      "data-testid": "schedule-call-button",
+      children: [
+        /* @__PURE__ */ jsx(CalendarPlus, { className: "size-4" }),
+        variant === "label" && /* @__PURE__ */ jsx("span", { className: "ml-1.5", children: "Schedule call" })
+      ]
+    }
   );
-  const transcriptLayout = useMemo(() => {
-    const shown = view === "transcript" ? transcriptMessages : messages;
-    const continued = transcriptRuns(
-      shown,
-      (m) => isTranscriptMessage(m) && !supersededTranscript.has(m) ? transcriptSpeaker(m).speakerId : null,
-      (m) => Date.parse(transcriptSpeaker(m).parsed?.started_at ?? m.created_at ?? "") || 0
-    );
-    return { continued };
-  }, [view, messages, transcriptMessages, supersededTranscript]);
-  const transcriptEntry = (msg) => {
-    const { parsed, speakerId } = transcriptSpeaker(msg);
-    return /* @__PURE__ */ jsx(
-      TranscriptEntry,
+}
+function useMeetingThreadMessages(meetingCallExtId, messageHistory) {
+  const hasRecTranscript = useMemo(
+    () => !!meetingCallExtId && hasRecordingTranscript(messageHistory, threadTranscriptRef),
+    [meetingCallExtId, messageHistory]
+  );
+  const recordingWindows = useRecordingWindows(meetingCallExtId, hasRecTranscript);
+  return useMemo(
+    () => hasRecTranscript ? supersedeLiveTranscript(messageHistory, threadTranscriptRef, recordingWindows) : messageHistory,
+    [hasRecTranscript, messageHistory, recordingWindows]
+  );
+}
+function ThreadCallButton({
+  conversationId
+}) {
+  const arbi = useArbi();
+  const { data: conversations } = useConnectedConversations();
+  const { workspaceId: workspaceExtId } = useConnectedWorkspace();
+  const liveCallId = useCallSession((s) => threadLiveCallId(s, conversationId));
+  const isLive = liveCallId !== null;
+  const canHost = useCanHostCalls();
+  const [picking, setPicking] = useState(false);
+  const conversation = conversations.find((c) => c.external_id === conversationId);
+  if (!conversation?.is_shared) return null;
+  const title = conversation.title ?? null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      StartCallButton,
       {
-        speakerId,
-        speakerName: speakerId === myExtId ? "Me" : parsed?.speaker_name || (memberById(speakerId) ? senderName(speakerId) : senderName(msg.sender_ext_id)),
-        text: parsed?.text ?? msg.content ?? "",
-        at: parsed?.started_at ?? msg.created_at,
-        continued: transcriptLayout.continued.has(msg)
-      },
-      msg.external_id
-    );
-  };
-  const chatLines = useMemo(
-    () => transcriptMessages.map((m) => {
-      const { parsed, speakerId } = transcriptSpeaker(m);
-      return { speakerId, at: Date.parse(parsed?.started_at ?? m.created_at ?? "") || 0 };
+        onStart: async () => {
+          if (liveCallId && !canHost) return openCall(arbi, { callExtId: liveCallId });
+          if (isLive) return startThreadCall(arbi, { threadExtId: conversationId, title, ring: [] });
+          setPicking(true);
+          return true;
+        },
+        isLive,
+        label: "Call thread members",
+        testId: "thread-call-button"
+      }
+    ),
+    picking && /* @__PURE__ */ jsx(
+      CallPeoplePicker,
+      {
+        open: true,
+        onOpenChange: setPicking,
+        scope: "workspace",
+        workspaceExtId,
+        onSubmit: async ({ ring }) => {
+          await startThreadCall(arbi, { threadExtId: conversationId, title, ring });
+        }
+      }
+    )
+  ] });
+}
+function MeetingThreadTranscriptAction({
+  conversationExtId,
+  meetingCallExtId,
+  title,
+  messages
+}) {
+  const { data: call } = useCall(meetingCallExtId);
+  const { data: workspaceUsers = [] } = useWorkspaceUsers();
+  const lines = useMemo(
+    () => threadTranscriptLines(messages, (id) => {
+      const user = workspaceUsers.find((wu) => wu.user.external_id === id)?.user;
+      return user ? getUserDisplayName(user) : null;
     }),
-    [transcriptMessages]
+    [messages, workspaceUsers]
   );
-  const provisionalSpeakers = useProvisionalSpeakers(recordingsCallExtId, chatLines);
-  const filterOptions = [
-    { value: "all", label: "All" },
-    { value: "chat", label: "Chat", testId: "chat-filter" },
+  if (!meetingCallExtId || !call?.is_creator) return null;
+  return /* @__PURE__ */ jsx(
+    SaveTranscriptToThread,
     {
-      value: "transcript",
-      label: "Transcript",
-      count: transcriptMessages.length,
-      testId: "transcript-filter"
-    },
-    ...recordingsCallExtId ? [{ value: "recordings", label: "Recordings", testId: "recordings-filter" }] : []
-  ];
+      title,
+      lines,
+      excludeConversationExtId: conversationExtId,
+      iconOnly: true
+    }
+  );
+}
+function MeetingThreadRecordingsAction({
+  meetingCallExtId,
+  title
+}) {
+  const [open, setOpen] = useState(false);
+  const pending = usePendingRecording();
+  useEffect(() => {
+    if (pending) setOpen(true);
+  }, [pending]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    messages.length === 0 && recordingsCallExtId && /* @__PURE__ */ jsx(CallConversationEmpty, { callExtId: recordingsCallExtId }),
-    (hasTranscript || recordingsCallExtId) && /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 flex justify-center py-1", children: /* @__PURE__ */ jsx(
-      ConversationFilter,
+    /* @__PURE__ */ jsx(
+      HeaderAction,
       {
-        value: view,
-        options: filterOptions,
-        onChange: setView
+        label: "Recordings",
+        icon: /* @__PURE__ */ jsx(Disc, { className: "size-3.5", "aria-hidden": true }),
+        iconOnly: true,
+        onClick: () => setOpen(true),
+        testId: "meeting-recordings"
       }
-    ) }),
-    view === "recordings" && recordingsCallExtId && /* @__PURE__ */ jsx(RecordingsList, { callExtId: recordingsCallExtId, title: meetingTitle, className: "py-1" }),
-    loadOlder,
-    view === "transcript" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col py-1", "data-testid": "transcript-view", children: [
-      isHost && /* @__PURE__ */ jsx(
-        SaveTranscriptToThread,
+    ),
+    open && /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (o) => !o && setOpen(false), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-2xl", "data-testid": "meeting-recordings-dialog", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Recordings" }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Recordings of this meeting, encrypted under the workspace key. Playing or downloading one decrypts it in this browser." })
+      ] }),
+      /* @__PURE__ */ jsx(
+        RecordingsList,
         {
-          title: meetingTitle,
-          lines: transcriptExport,
-          className: "mx-3 mb-2 self-start"
+          callExtId: meetingCallExtId,
+          title,
+          className: "max-h-[60vh] overflow-y-auto"
         }
-      ),
-      transcriptMessages.map((msg) => transcriptEntry(msg)),
-      /* @__PURE__ */ jsx(ProvisionalSpeakers, { ids: provisionalSpeakers })
-    ] }),
-    (view === "all" || view === "chat") && items.map((item, i) => {
-      const { message: msg, isFirstOfDay } = item;
-      const deleted = !!msg.deleted;
-      if (deleted && isTranscriptMessage(msg)) return null;
-      const separator = isFirstOfDay && /* @__PURE__ */ jsx(DateSeparator, { children: formatDay(msg.created_at) });
-      if (isTranscriptMessage(msg)) {
-        if (view === "chat") return null;
-        const superseded = supersededTranscript.has(msg);
-        if (superseded && !isFirstOfDay) return null;
-        return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          separator,
-          !superseded && transcriptEntry(msg)
-        ] }, msg.external_id);
-      }
-      if (msg.kind === "recording" && msg.call_ext_id && !deleted) {
-        return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          separator,
-          /* @__PURE__ */ jsx(
-            RecordingCard,
-            {
-              callExtId: msg.call_ext_id,
-              recordingExtId: msg.recording_ext_id ?? null,
-              title: meetingTitle,
-              time: formatTime(msg.created_at)
-            }
-          )
-        ] }, msg.external_id);
+      )
+    ] }) })
+  ] });
+}
+function ConnectedConversationCallActions() {
+  const conversationId = useArbiSessionState((state) => state.conversationId);
+  const { conversations } = useConversationItems();
+  const conversation = conversationId ? conversations.find((c) => c.external_id === conversationId) : void 0;
+  const meetingCallExtId = conversation?.meeting_call_ext_id ?? null;
+  const { messageHistory } = useConversationData();
+  const threadMessages = useMeetingThreadMessages(meetingCallExtId, messageHistory);
+  const meetingMessages = 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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ThreadCallButton, { conversationId }),
+    /* @__PURE__ */ jsx(ScheduleCallButton, { conversationId }),
+    meetingCallExtId && /* @__PURE__ */ jsx(
+      MeetingThreadTranscriptAction,
+      {
+        conversationExtId: conversationId,
+        meetingCallExtId,
+        title: conversation?.title,
+        messages: meetingMessages
       }
-      if (msg.kind === "call" && msg.call_ext_id && !deleted) {
-        return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          separator,
-          /* @__PURE__ */ jsx(
-            ChatCallCard,
-            {
-              callExtId: msg.call_ext_id,
-              senderName: msg.sender_ext_id ? senderName(msg.sender_ext_id) : null,
-              latest: latestCallCards.has(msg.external_id),
-              name: senderName,
-              time: formatTime(msg.created_at)
-            }
-          )
-        ] }, msg.external_id);
+    ),
+    meetingCallExtId && /* @__PURE__ */ jsx(
+      MeetingThreadRecordingsAction,
+      {
+        meetingCallExtId,
+        title: conversation?.title
       }
-      return renderItem(item, i);
-    }),
-    view === "all" && /* @__PURE__ */ jsx(ProvisionalSpeakers, { ids: provisionalSpeakers })
+    )
   ] });
 }
 
 export { CallConversationEmpty, CallPeoplePicker, ChatCallCard, ConnectedCallChatHistory, ConnectedConversationCallActions, DmCallButton, GroupCallButton, MeetingThreadRecordingsAction, MeetingThreadTranscriptAction, NewCallChip, ProvisionalSpeakers, ScheduleCallButton, StartCallButton, ThreadCallButton, buildCallCandidates, callContactOf, isPickable, matchesQuery, useCallPersonName, useMeetingThreadMessages, useProvisionalSpeakers };
-//# sourceMappingURL=chunk-UQ2OBHMV.js.map
-//# sourceMappingURL=chunk-UQ2OBHMV.js.map
+//# sourceMappingURL=chunk-JUGEFTRC.js.map
+//# sourceMappingURL=chunk-JUGEFTRC.js.map