@arbidocs/blocks 0.5.91 → 0.5.92

package/dist/{chunk-M6XUGXCY.cjs → chunk-IHJ7BEI5.cjs}

@@ -1,17 +1,17 @@
 "use client";
 'use strict';
 
-var chunk7SJXYEZI_cjs = require('./chunk-7SJXYEZI.cjs');
-var chunkWFNEZT7S_cjs = require('./chunk-WFNEZT7S.cjs');
-var chunkVIRQYEFL_cjs = require('./chunk-VIRQYEFL.cjs');
-var chunkUAF2J7P7_cjs = require('./chunk-UAF2J7P7.cjs');
+var chunkOAIOOVFN_cjs = require('./chunk-OAIOOVFN.cjs');
+var chunkIOCEKN44_cjs = require('./chunk-IOCEKN44.cjs');
+var chunkF5T4W2R2_cjs = require('./chunk-F5T4W2R2.cjs');
+var chunk5HEMXXHR_cjs = require('./chunk-5HEMXXHR.cjs');
 var chunkBFKTZUFT_cjs = require('./chunk-BFKTZUFT.cjs');
 var chunkWV65MJ43_cjs = require('./chunk-WV65MJ43.cjs');
+var chunkZBP4ZSAJ_cjs = require('./chunk-ZBP4ZSAJ.cjs');
+var chunkMOIZ2R5X_cjs = require('./chunk-MOIZ2R5X.cjs');
 var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
 var chunkZT5MIFLC_cjs = require('./chunk-ZT5MIFLC.cjs');
-var chunkZBP4ZSAJ_cjs = require('./chunk-ZBP4ZSAJ.cjs');
 var chunkUIXY4HKM_cjs = require('./chunk-UIXY4HKM.cjs');
-var chunkMOIZ2R5X_cjs = require('./chunk-MOIZ2R5X.cjs');
 var react = require('@arbidocs/react');
 var react$1 = require('react');
 var lucideReact = require('lucide-react');
@@ -19,553 +19,207 @@ var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
 var browser = require('@arbidocs/sdk/browser');
 
-function ChatCallCard({
-  callExtId,
-  senderName,
-  latest,
-  name,
-  time
+function StartCallButton(props) {
+  const enabled = react.useCallsEnabled();
+  const canHost = react.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 arbi = react.useArbi();
-  const { data: call } = react.useCall(latest ? callExtId : null);
-  const liveNow = react.useCallSession((s) => callExtId in s.liveCalls);
-  const inThisCall = react.useCallSession((s) => s.active?.callExtId === callExtId);
-  const inAnotherCall = react.useCallSession((s) => !!s.active && s.active.callExtId !== callExtId);
-  const [busy, setBusy] = react$1.useState(false);
-  const live = latest && chunkUAF2J7P7_cjs.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",
-      chunkUAF2J7P7_cjs.formatCallDuration(seconds),
-      joined.length ? `joined ${joined.join(", ")}` : null
-    ].filter(Boolean).join(" \xB7 ");
-  } else summary = senderName ? `Call started by ${senderName}` : "Call";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
+  const [isStarting, setIsStarting] = react$1.useState(false);
+  const inCall = react.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: "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: 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: [
-        live ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "size-4 animate-pulse text-green-text", "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PhoneOff, { className: "size-4 text-muted-foreground", "aria-hidden": true }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "chat-call-card-summary", children: summary }),
-        time && /* @__PURE__ */ jsxRuntime.jsx("time", { className: "text-muted-foreground", children: time }),
-        live && /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__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",
-            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 react.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__ */ jsxRuntime.jsx(lucideReact.UserPlus, { className: "mr-1 size-3.5" }),
+              "Add contact"
+            ]
           }
         )
       ]
     }
   );
-}
-function useCallPersonName(identity, fallbackName) {
-  const arbi = react.useArbi();
-  const { byId } = react.usePeople();
-  const me = arbi.isLoggedIn && arbi.user.identity()?.externalId === identity;
-  const profile = me ? arbi.user.profile() : null;
-  return react$1.useMemo(() => {
-    if (profile)
-      return ui.getUserDisplayName({ given_name: profile.givenName, family_name: profile.familyName });
-    const user = byId(identity);
-    if (user) return ui.getUserDisplayName(user);
-    return (fallbackName || identity).trim().split(/\s+/).join(" ");
-  }, [profile, byId, identity, fallbackName]);
-}
-function CallConversationEmpty({ callExtId }) {
-  const { inCall, transcribing } = chunk7SJXYEZI_cjs.useMyCallStatus(callExtId);
-  const live = react.useCallSession((s) => !!s.liveCalls[callExtId]) || inCall;
-  if (!live) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZW6FPIFC_cjs.EmptyState,
-      {
-        icon: lucideReact.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"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkZW6FPIFC_cjs.EmptyState,
-    {
-      icon: transcribing ? lucideReact.Captions : lucideReact.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__ */ jsxRuntime.jsx(
-    chunkZBP4ZSAJ_cjs.ProvisionalTranscriptLine,
-    {
-      speakerId: identity,
-      speakerName: name,
-      speaker: /* @__PURE__ */ jsxRuntime.jsx(chunkUAF2J7P7_cjs.CallUserPill, { identity })
-    }
-  );
-}
-function ProvisionalSpeakers({ ids }) {
-  if (!ids.length) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-2", "data-testid": "transcript-provisional-rows", children: ids.map((id) => /* @__PURE__ */ jsxRuntime.jsx(ProvisionalRow, { identity: id }, id)) });
-}
-var LINE_WAIT_MS = 1e4;
-var MIN_SPEECH_MS = 800;
-function useProvisionalSpeakers(callExtId, lines) {
-  const { inCall, transcribing } = chunk7SJXYEZI_cjs.useMyCallStatus(callExtId);
-  const speaking = chunk7SJXYEZI_cjs.useSpeakingIds();
-  const pending = react$1.useRef(/* @__PURE__ */ new Map());
-  const [, tick] = react$1.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 = react$1.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;
-  react$1.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 } = browser.chats;
-function ConnectedCallChatHistory({
-  chat,
-  messages,
-  items,
-  renderItem,
-  loadOlder,
-  memberById,
-  senderName,
-  myExtId,
-  formatTime,
-  formatDay
-}) {
-  const arbi = react.useArbi();
-  const [view, setView] = react$1.useState("all");
-  react$1.useEffect(() => setView("all"), [chat?.external_id]);
-  const recordingsCallExtId = chat?.call_ext_id ?? null;
-  const pendingRecording = chunkZT5MIFLC_cjs.usePendingRecording();
-  react$1.useEffect(() => {
-    if (pendingRecording && recordingsCallExtId) setView("recordings");
-  }, [pendingRecording, recordingsCallExtId]);
-  const latestCallCards = react$1.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 = react$1.useMemo(
-    () => react.hasRecordingTranscript(messages, react.chatTranscriptRef),
-    [messages]
-  );
-  const recordingWindows = react.useRecordingWindows(recordingsCallExtId, hasRecTranscript);
-  const supersededTranscript = react$1.useMemo(
-    () => react.supersededTranscriptLines(messages, react.chatTranscriptRef, recordingWindows),
-    [messages, recordingWindows]
-  );
-  const transcriptMessages = react$1.useMemo(
-    () => react.sortTranscriptMessages(
-      messages.filter((m) => isTranscriptMessage(m) && !m.deleted && !supersededTranscript.has(m))
-    ),
-    [messages, supersededTranscript]
-  );
-  const hasTranscript = transcriptMessages.length > 0;
-  const { data: meetingCall } = react.useCall(hasTranscript ? chat?.call_ext_id : null);
-  const isHost = !!meetingCall?.is_creator;
-  const [meetingTitle, setMeetingTitle] = react$1.useState(null);
-  react$1.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 transcriptExport = react$1.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 = react$1.useMemo(() => {
-    const shown = view === "transcript" ? transcriptMessages : messages;
-    const continued = chunkZBP4ZSAJ_cjs.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__ */ jsxRuntime.jsx(
-      chunkWFNEZT7S_cjs.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 = react$1.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    messages.length === 0 && recordingsCallExtId && /* @__PURE__ */ jsxRuntime.jsx(CallConversationEmpty, { callExtId: recordingsCallExtId }),
-    (hasTranscript || recordingsCallExtId) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0 z-10 flex justify-center py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZBP4ZSAJ_cjs.ConversationFilter,
-      {
-        value: view,
-        options: filterOptions,
-        onChange: setView
-      }
-    ) }),
-    view === "recordings" && recordingsCallExtId && /* @__PURE__ */ jsxRuntime.jsx(chunkVIRQYEFL_cjs.RecordingsList, { callExtId: recordingsCallExtId, title: meetingTitle, className: "py-1" }),
-    loadOlder,
-    view === "transcript" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col py-1", "data-testid": "transcript-view", children: [
-      isHost && /* @__PURE__ */ jsxRuntime.jsx(
-        chunkVIRQYEFL_cjs.SaveTranscriptToThread,
-        {
-          title: meetingTitle,
-          lines: transcriptExport,
-          className: "mx-3 mb-2 self-start"
-        }
-      ),
-      transcriptMessages.map((msg) => transcriptEntry(msg)),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsxs(react$1.Fragment, { children: [
-          separator,
-          !superseded && transcriptEntry(msg)
-        ] }, msg.external_id);
-      }
-      if (msg.kind === "recording" && msg.call_ext_id && !deleted) {
-        return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Fragment, { children: [
-          separator,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkVIRQYEFL_cjs.RecordingCard,
-            {
-              callExtId: msg.call_ext_id,
-              recordingExtId: msg.recording_ext_id ?? null,
-              title: meetingTitle,
-              time: formatTime(msg.created_at)
-            }
-          )
-        ] }, msg.external_id);
-      }
-      if (msg.kind === "call" && msg.call_ext_id && !deleted) {
-        return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Fragment, { children: [
-          separator,
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ProvisionalSpeakers, { ids: provisionalSpeakers })
-  ] });
-}
-function StartCallButton(props) {
-  const enabled = react.useCallsEnabled();
-  const canHost = react.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$1.useState(false);
-  const inCall = react.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 }) })
-  ] });
-}
-function DmCallButton({ peer }) {
-  const arbi = react.useArbi();
-  const name = react.userDisplayName(peer);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    StartCallButton,
-    {
-      onStart: () => react.startDmCall(arbi, {
-        external_id: peer.external_id,
-        encryption_public_key: peer.encryption_public_key ?? null,
-        name
-      }),
-      label: `Call ${name}`,
-      testId: "dm-call-button"
-    }
-  );
-}
-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 }) })
-  ] });
+  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 } = chunkUIXY4HKM_cjs.useBlocksEnvironment();
@@ -828,6 +482,48 @@ function CallPeoplePicker({
     ] })
   ] }) });
 }
+function ThreadCallButton({
+  conversationId
+}) {
+  const arbi = react.useArbi();
+  const { data: conversations } = chunkBFKTZUFT_cjs.useConnectedConversations();
+  const { workspaceId: workspaceExtId } = chunkWV65MJ43_cjs.useConnectedWorkspace();
+  const liveCallId = react.useCallSession((s) => react.threadLiveCallId(s, conversationId));
+  const isLive = liveCallId !== null;
+  const canHost = react.useCanHostCalls();
+  const [picking, setPicking] = react$1.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.openCall(arbi, { callExtId: liveCallId });
+          if (isLive) return react.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.startThreadCall(arbi, { threadExtId: conversationId, title, ring });
+        }
+      }
+    )
+  ] });
+}
 function GroupCallButton({
   chatExtId,
   title,
@@ -870,6 +566,22 @@ function GroupCallButton({
     )
   ] });
 }
+function DmCallButton({ peer }) {
+  const arbi = react.useArbi();
+  const name = react.userDisplayName(peer);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    StartCallButton,
+    {
+      onStart: () => react.startDmCall(arbi, {
+        external_id: peer.external_id,
+        encryption_public_key: peer.encryption_public_key ?? null,
+        name
+      }),
+      label: `Call ${name}`,
+      testId: "dm-call-button"
+    }
+  );
+}
 function NewCallChip() {
   return react.useCanHostCalls() ? /* @__PURE__ */ jsxRuntime.jsx(EnabledNewCallChip, {}) : null;
 }
@@ -878,235 +590,523 @@ function EnabledNewCallChip() {
   const inCall = react.useCallSession((s) => s.active !== null);
   const [open, setOpen] = react$1.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMOIZ2R5X_cjs.DmInviteChip,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkMOIZ2R5X_cjs.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__ */ jsxRuntime.jsx(
+      CallPeoplePicker,
+      {
+        open: true,
+        onOpenChange: setOpen,
+        scope: "contacts",
+        onSubmit: async ({ ring, invites }) => {
+          await react.startContactsCall(arbi, {
+            title: chunk5HEMXXHR_cjs.contactsCallTitle([
+              ...ring.map((u) => ui.getUserDisplayName(u)),
+              ...invites.map((g) => g.name)
+            ]),
+            ring,
+            invites
+          });
+        }
+      }
+    )
+  ] });
+}
+function ScheduleCallButton({
+  conversationId,
+  peer,
+  variant = "icon",
+  className
+}) {
+  const callsEnabled = react.useCanHostCalls();
+  const { conversations } = react.useConversationItems();
+  const { data: workspaces = [] } = react.useWorkspaces();
+  const { workspaceId: selectedWorkspaceId, userId: me } = chunkWV65MJ43_cjs.useConnectedWorkspace();
+  const { openCalendar } = chunkUIXY4HKM_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);
+    }
+    chunkUIXY4HKM_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$1.useMemo(
+    () => !!meetingCallExtId && react.hasRecordingTranscript(messageHistory, react.threadTranscriptRef),
+    [meetingCallExtId, messageHistory]
+  );
+  const recordingWindows = react.useRecordingWindows(meetingCallExtId, hasRecTranscript);
+  return react$1.useMemo(
+    () => hasRecTranscript ? react.supersedeLiveTranscript(messageHistory, react.threadTranscriptRef, recordingWindows) : messageHistory,
+    [hasRecTranscript, messageHistory, recordingWindows]
+  );
+}
+function MeetingThreadTranscriptAction({
+  conversationExtId,
+  meetingCallExtId,
+  title,
+  messages
+}) {
+  const { data: call } = react.useCall(meetingCallExtId);
+  const { data: workspaceUsers = [] } = react.useWorkspaceUsers();
+  const lines = react$1.useMemo(
+    () => react.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(
+    chunkF5T4W2R2_cjs.SaveTranscriptToThread,
+    {
+      title,
+      lines,
+      excludeConversationExtId: conversationExtId,
+      iconOnly: true
+    }
+  );
+}
+function MeetingThreadRecordingsAction({
+  meetingCallExtId,
+  title
+}) {
+  const [open, setOpen] = react$1.useState(false);
+  const pending = chunkZT5MIFLC_cjs.usePendingRecording();
+  react$1.useEffect(() => {
+    if (pending) setOpen(true);
+  }, [pending]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunk5HEMXXHR_cjs.HeaderAction,
+      {
+        label: "Recordings",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Disc, { className: "size-3.5", "aria-hidden": true }),
+        iconOnly: true,
+        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(
+        chunkF5T4W2R2_cjs.RecordingsList,
+        {
+          callExtId: meetingCallExtId,
+          title,
+          className: "max-h-[60vh] overflow-y-auto"
+        }
+      )
+    ] }) })
+  ] });
+}
+function ConnectedConversationCallActions() {
+  const conversationId = react.useArbiSessionState((state) => state.conversationId);
+  const { conversations } = react.useConversationItems();
+  const conversation = conversationId ? conversations.find((c) => c.external_id === conversationId) : void 0;
+  const meetingCallExtId = conversation?.meeting_call_ext_id ?? null;
+  const { messageHistory } = react.useConversationData();
+  const threadMessages = useMeetingThreadMessages(meetingCallExtId, messageHistory);
+  const meetingMessages = react$1.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,
       {
-        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)
+        conversationExtId: conversationId,
+        meetingCallExtId,
+        title: conversation?.title,
+        messages: meetingMessages
       }
     ),
-    open && /* @__PURE__ */ jsxRuntime.jsx(
-      CallPeoplePicker,
+    meetingCallExtId && /* @__PURE__ */ jsxRuntime.jsx(
+      MeetingThreadRecordingsAction,
       {
-        open: true,
-        onOpenChange: setOpen,
-        scope: "contacts",
-        onSubmit: async ({ ring, invites }) => {
-          await react.startContactsCall(arbi, {
-            title: chunkUAF2J7P7_cjs.contactsCallTitle([
-              ...ring.map((u) => ui.getUserDisplayName(u)),
-              ...invites.map((g) => g.name)
-            ]),
-            ring,
-            invites
-          });
-        }
+        meetingCallExtId,
+        title: conversation?.title
       }
     )
   ] });
 }
-function ScheduleCallButton({
-  conversationId,
-  peer,
-  variant = "icon",
-  className
+function ChatCallCard({
+  callExtId,
+  senderName,
+  latest,
+  name,
+  time
 }) {
-  const callsEnabled = react.useCanHostCalls();
-  const { conversations } = react.useConversationItems();
-  const { data: workspaces = [] } = react.useWorkspaces();
-  const { workspaceId: selectedWorkspaceId, userId: me } = chunkWV65MJ43_cjs.useConnectedWorkspace();
-  const { openCalendar } = chunkUIXY4HKM_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);
-    }
-    chunkUIXY4HKM_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();
-  };
+  const arbi = react.useArbi();
+  const { data: call } = react.useCall(latest ? callExtId : null);
+  const liveNow = react.useCallSession((s) => callExtId in s.liveCalls);
+  const inThisCall = react.useCallSession((s) => s.active?.callExtId === callExtId);
+  const inAnotherCall = react.useCallSession((s) => !!s.active && s.active.callExtId !== callExtId);
+  const [busy, setBusy] = react$1.useState(false);
+  const live = latest && chunk5HEMXXHR_cjs.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",
+      chunk5HEMXXHR_cjs.formatCallDuration(seconds),
+      joined.length ? `joined ${joined.join(", ")}` : null
+    ].filter(Boolean).join(" \xB7 ");
+  } else summary = senderName ? `Call started by ${senderName}` : "Call";
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.Button,
+    "div",
     {
-      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",
+      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__ */ jsxRuntime.jsx(lucideReact.CalendarPlus, { className: "size-4" }),
-        variant === "label" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: "Schedule call" })
+        live ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "size-4 animate-pulse text-green-text", "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PhoneOff, { className: "size-4 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "chat-call-card-summary", children: summary }),
+        time && /* @__PURE__ */ jsxRuntime.jsx("time", { className: "text-muted-foreground", children: time }),
+        live && /* @__PURE__ */ jsxRuntime.jsx(
+          ui.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 react.openCall(arbi, { callExtId }).finally(() => setBusy(false));
+            },
+            "data-testid": "chat-call-card-join",
+            children: inThisCall ? "In call" : "Join"
+          }
+        )
       ]
     }
   );
 }
-function useMeetingThreadMessages(meetingCallExtId, messageHistory) {
+function useCallPersonName(identity, fallbackName) {
+  const arbi = react.useArbi();
+  const { byId } = react.usePeople();
+  const me = arbi.isLoggedIn && arbi.user.identity()?.externalId === identity;
+  const profile = me ? arbi.user.profile() : null;
+  return react$1.useMemo(() => {
+    if (profile)
+      return ui.getUserDisplayName({ given_name: profile.givenName, family_name: profile.familyName });
+    const user = byId(identity);
+    if (user) return ui.getUserDisplayName(user);
+    return (fallbackName || identity).trim().split(/\s+/).join(" ");
+  }, [profile, byId, identity, fallbackName]);
+}
+function CallConversationEmpty({ callExtId }) {
+  const { inCall, transcribing } = chunkOAIOOVFN_cjs.useMyCallStatus(callExtId);
+  const live = react.useCallSession((s) => !!s.liveCalls[callExtId]) || inCall;
+  if (!live) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkZW6FPIFC_cjs.EmptyState,
+      {
+        icon: lucideReact.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"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkZW6FPIFC_cjs.EmptyState,
+    {
+      icon: transcribing ? lucideReact.Captions : lucideReact.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__ */ jsxRuntime.jsx(
+    chunkZBP4ZSAJ_cjs.ProvisionalTranscriptLine,
+    {
+      speakerId: identity,
+      speakerName: name,
+      speaker: /* @__PURE__ */ jsxRuntime.jsx(chunk5HEMXXHR_cjs.CallUserPill, { identity })
+    }
+  );
+}
+function ProvisionalSpeakers({ ids }) {
+  if (!ids.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-2", "data-testid": "transcript-provisional-rows", children: ids.map((id) => /* @__PURE__ */ jsxRuntime.jsx(ProvisionalRow, { identity: id }, id)) });
+}
+var LINE_WAIT_MS = 1e4;
+var MIN_SPEECH_MS = 800;
+function useProvisionalSpeakers(callExtId, lines) {
+  const { inCall, transcribing } = chunkOAIOOVFN_cjs.useMyCallStatus(callExtId);
+  const speaking = chunkOAIOOVFN_cjs.useSpeakingIds();
+  const pending = react$1.useRef(/* @__PURE__ */ new Map());
+  const [, tick] = react$1.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 = react$1.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;
+  react$1.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 } = browser.chats;
+function ConnectedCallChatHistory({
+  chat,
+  messages,
+  items,
+  renderItem,
+  loadOlder,
+  memberById,
+  senderName,
+  myExtId,
+  formatTime,
+  formatDay
+}) {
+  const arbi = react.useArbi();
+  const [view, setView] = react$1.useState("all");
+  react$1.useEffect(() => setView("all"), [chat?.external_id]);
+  const recordingsCallExtId = chat?.call_ext_id ?? null;
+  const pendingRecording = chunkZT5MIFLC_cjs.usePendingRecording();
+  react$1.useEffect(() => {
+    if (pendingRecording && recordingsCallExtId) setView("recordings");
+  }, [pendingRecording, recordingsCallExtId]);
+  const latestCallCards = react$1.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 = react$1.useMemo(
-    () => !!meetingCallExtId && react.hasRecordingTranscript(messageHistory, react.threadTranscriptRef),
-    [meetingCallExtId, messageHistory]
+    () => react.hasRecordingTranscript(messages, react.chatTranscriptRef),
+    [messages]
   );
-  const recordingWindows = react.useRecordingWindows(meetingCallExtId, hasRecTranscript);
-  return react$1.useMemo(
-    () => hasRecTranscript ? react.supersedeLiveTranscript(messageHistory, react.threadTranscriptRef, recordingWindows) : messageHistory,
-    [hasRecTranscript, messageHistory, recordingWindows]
+  const recordingWindows = react.useRecordingWindows(recordingsCallExtId, hasRecTranscript);
+  const supersededTranscript = react$1.useMemo(
+    () => react.supersededTranscriptLines(messages, react.chatTranscriptRef, recordingWindows),
+    [messages, recordingWindows]
   );
-}
-function ThreadCallButton({
-  conversationId
-}) {
-  const arbi = react.useArbi();
-  const { data: conversations } = chunkBFKTZUFT_cjs.useConnectedConversations();
-  const { workspaceId: workspaceExtId } = chunkWV65MJ43_cjs.useConnectedWorkspace();
-  const liveCallId = react.useCallSession((s) => react.threadLiveCallId(s, conversationId));
-  const isLive = liveCallId !== null;
-  const canHost = react.useCanHostCalls();
-  const [picking, setPicking] = react$1.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.openCall(arbi, { callExtId: liveCallId });
-          if (isLive) return react.startThreadCall(arbi, { threadExtId: conversationId, title, ring: [] });
-          setPicking(true);
-          return true;
-        },
-        isLive,
-        label: "Call thread members",
-        testId: "thread-call-button"
-      }
+  const transcriptMessages = react$1.useMemo(
+    () => react.sortTranscriptMessages(
+      messages.filter((m) => isTranscriptMessage(m) && !m.deleted && !supersededTranscript.has(m))
     ),
-    picking && /* @__PURE__ */ jsxRuntime.jsx(
-      CallPeoplePicker,
+    [messages, supersededTranscript]
+  );
+  const hasTranscript = transcriptMessages.length > 0;
+  const { data: meetingCall } = react.useCall(hasTranscript ? chat?.call_ext_id : null);
+  const isHost = !!meetingCall?.is_creator;
+  const [meetingTitle, setMeetingTitle] = react$1.useState(null);
+  react$1.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 transcriptExport = react$1.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 = react$1.useMemo(() => {
+    const shown = view === "transcript" ? transcriptMessages : messages;
+    const continued = chunkZBP4ZSAJ_cjs.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__ */ jsxRuntime.jsx(
+      chunkIOCEKN44_cjs.TranscriptEntry,
       {
-        open: true,
-        onOpenChange: setPicking,
-        scope: "workspace",
-        workspaceExtId,
-        onSubmit: async ({ ring }) => {
-          await react.startThreadCall(arbi, { threadExtId: conversationId, title, ring });
-        }
-      }
-    )
-  ] });
-}
-function MeetingThreadTranscriptAction({
-  conversationExtId,
-  meetingCallExtId,
-  title,
-  messages
-}) {
-  const { data: call } = react.useCall(meetingCallExtId);
-  const { data: workspaceUsers = [] } = react.useWorkspaceUsers();
-  const lines = react$1.useMemo(
-    () => react.threadTranscriptLines(messages, (id) => {
-      const user = workspaceUsers.find((wu) => wu.user.external_id === id)?.user;
-      return user ? ui.getUserDisplayName(user) : null;
+        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 = react$1.useMemo(
+    () => transcriptMessages.map((m) => {
+      const { parsed, speakerId } = transcriptSpeaker(m);
+      return { speakerId, at: Date.parse(parsed?.started_at ?? m.created_at ?? "") || 0 };
     }),
-    [messages, workspaceUsers]
+    [transcriptMessages]
   );
-  if (!meetingCallExtId || !call?.is_creator) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVIRQYEFL_cjs.SaveTranscriptToThread,
+  const provisionalSpeakers = useProvisionalSpeakers(recordingsCallExtId, chatLines);
+  const filterOptions = [
+    { value: "all", label: "All" },
+    { value: "chat", label: "Chat", testId: "chat-filter" },
     {
-      title,
-      lines,
-      excludeConversationExtId: conversationExtId,
-      iconOnly: true
-    }
-  );
-}
-function MeetingThreadRecordingsAction({
-  meetingCallExtId,
-  title
-}) {
-  const [open, setOpen] = react$1.useState(false);
-  const pending = chunkZT5MIFLC_cjs.usePendingRecording();
-  react$1.useEffect(() => {
-    if (pending) setOpen(true);
-  }, [pending]);
+      value: "transcript",
+      label: "Transcript",
+      count: transcriptMessages.length,
+      testId: "transcript-filter"
+    },
+    ...recordingsCallExtId ? [{ value: "recordings", label: "Recordings", testId: "recordings-filter" }] : []
+  ];
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkUAF2J7P7_cjs.HeaderAction,
+    messages.length === 0 && recordingsCallExtId && /* @__PURE__ */ jsxRuntime.jsx(CallConversationEmpty, { callExtId: recordingsCallExtId }),
+    (hasTranscript || recordingsCallExtId) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0 z-10 flex justify-center py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkZBP4ZSAJ_cjs.ConversationFilter,
       {
-        label: "Recordings",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Disc, { className: "size-3.5", "aria-hidden": true }),
-        iconOnly: true,
-        onClick: () => setOpen(true),
-        testId: "meeting-recordings"
+        value: view,
+        options: filterOptions,
+        onChange: setView
       }
-    ),
-    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(
-        chunkVIRQYEFL_cjs.RecordingsList,
+    ) }),
+    view === "recordings" && recordingsCallExtId && /* @__PURE__ */ jsxRuntime.jsx(chunkF5T4W2R2_cjs.RecordingsList, { callExtId: recordingsCallExtId, title: meetingTitle, className: "py-1" }),
+    loadOlder,
+    view === "transcript" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col py-1", "data-testid": "transcript-view", children: [
+      isHost && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkF5T4W2R2_cjs.SaveTranscriptToThread,
         {
-          callExtId: meetingCallExtId,
-          title,
-          className: "max-h-[60vh] overflow-y-auto"
+          title: meetingTitle,
+          lines: transcriptExport,
+          className: "mx-3 mb-2 self-start"
         }
-      )
-    ] }) })
-  ] });
-}
-function ConnectedConversationCallActions() {
-  const conversationId = react.useArbiSessionState((state) => state.conversationId);
-  const { conversations } = react.useConversationItems();
-  const conversation = conversationId ? conversations.find((c) => c.external_id === conversationId) : void 0;
-  const meetingCallExtId = conversation?.meeting_call_ext_id ?? null;
-  const { messageHistory } = react.useConversationData();
-  const threadMessages = useMeetingThreadMessages(meetingCallExtId, messageHistory);
-  const meetingMessages = react$1.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
+      ),
+      transcriptMessages.map((msg) => transcriptEntry(msg)),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsxs(react$1.Fragment, { children: [
+          separator,
+          !superseded && transcriptEntry(msg)
+        ] }, msg.external_id);
       }
-    ),
-    meetingCallExtId && /* @__PURE__ */ jsxRuntime.jsx(
-      MeetingThreadRecordingsAction,
-      {
-        meetingCallExtId,
-        title: conversation?.title
+      if (msg.kind === "recording" && msg.call_ext_id && !deleted) {
+        return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Fragment, { children: [
+          separator,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkF5T4W2R2_cjs.RecordingCard,
+            {
+              callExtId: msg.call_ext_id,
+              recordingExtId: msg.recording_ext_id ?? null,
+              title: meetingTitle,
+              time: formatTime(msg.created_at)
+            }
+          )
+        ] }, msg.external_id);
       }
-    )
+      if (msg.kind === "call" && msg.call_ext_id && !deleted) {
+        return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Fragment, { children: [
+          separator,
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ProvisionalSpeakers, { ids: provisionalSpeakers })
   ] });
 }
 
@@ -1131,5 +1131,5 @@ exports.matchesQuery = matchesQuery;
 exports.useCallPersonName = useCallPersonName;
 exports.useMeetingThreadMessages = useMeetingThreadMessages;
 exports.useProvisionalSpeakers = useProvisionalSpeakers;
-//# sourceMappingURL=chunk-M6XUGXCY.cjs.map
-//# sourceMappingURL=chunk-M6XUGXCY.cjs.map
+//# sourceMappingURL=chunk-IHJ7BEI5.cjs.map
+//# sourceMappingURL=chunk-IHJ7BEI5.cjs.map