@arbidocs/blocks 0.5.107 → 0.5.108

package/dist/{chunk-GX75YCWJ.cjs → chunk-SQUOXOY3.cjs}

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkOAIOOVFN_cjs = require('./chunk-OAIOOVFN.cjs');
-var chunkSCLGUHLU_cjs = require('./chunk-SCLGUHLU.cjs');
-var chunk5AC52BHL_cjs = require('./chunk-5AC52BHL.cjs');
-var chunkI7CJDF3V_cjs = require('./chunk-I7CJDF3V.cjs');
+var chunk7SJXYEZI_cjs = require('./chunk-7SJXYEZI.cjs');
+var chunkE7TGSOPR_cjs = require('./chunk-E7TGSOPR.cjs');
+var chunkDYPFNQTQ_cjs = require('./chunk-DYPFNQTQ.cjs');
+var chunkUHMP6S7M_cjs = require('./chunk-UHMP6S7M.cjs');
 var chunkEKSHUNJI_cjs = require('./chunk-EKSHUNJI.cjs');
 var chunkNNBL3HPG_cjs = require('./chunk-NNBL3HPG.cjs');
 var chunkMOIZ2R5X_cjs = require('./chunk-MOIZ2R5X.cjs');
@@ -19,6 +19,336 @@ 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
+}) {
+  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 && chunkUHMP6S7M_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",
+      chunkUHMP6S7M_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",
+    {
+      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: [
+        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 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(chunkUHMP6S7M_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(
+      chunkE7TGSOPR_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(chunkDYPFNQTQ_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(
+        chunkDYPFNQTQ_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(
+            chunkDYPFNQTQ_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();
@@ -58,6 +388,22 @@ function EnabledStartCallButton({
     /* @__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";
@@ -482,48 +828,6 @@ function CallPeoplePicker({
     ] })
   ] }) });
 }
-function ThreadCallButton({
-  conversationId
-}) {
-  const arbi = react.useArbi();
-  const { data: conversations } = chunkEKSHUNJI_cjs.useConnectedConversations();
-  const { workspaceId: workspaceExtId } = chunkNNBL3HPG_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,
@@ -564,549 +868,245 @@ 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;
-}
-function EnabledNewCallChip() {
-  const arbi = react.useArbi();
-  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,
-      {
-        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: chunkI7CJDF3V_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 } = chunkNNBL3HPG_cjs.useConnectedWorkspace();
-  const { openCalendar } = chunkWGWP4ATS_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);
-    }
-    chunkWGWP4ATS_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(
-    chunk5AC52BHL_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(
-      chunkI7CJDF3V_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(
-        chunk5AC52BHL_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;
+  ] });
+}
+function NewCallChip() {
+  return react.useCanHostCalls() ? /* @__PURE__ */ jsxRuntime.jsx(EnabledNewCallChip, {}) : null;
+}
+function EnabledNewCallChip() {
+  const arbi = react.useArbi();
+  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(ThreadCallButton, { conversationId }),
-    /* @__PURE__ */ jsxRuntime.jsx(ScheduleCallButton, { conversationId }),
-    meetingCallExtId && /* @__PURE__ */ jsxRuntime.jsx(
-      MeetingThreadTranscriptAction,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkMOIZ2R5X_cjs.DmInviteChip,
       {
-        conversationExtId: conversationId,
-        meetingCallExtId,
-        title: conversation?.title,
-        messages: meetingMessages
+        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)
       }
     ),
-    meetingCallExtId && /* @__PURE__ */ jsxRuntime.jsx(
-      MeetingThreadRecordingsAction,
+    open && /* @__PURE__ */ jsxRuntime.jsx(
+      CallPeoplePicker,
       {
-        meetingCallExtId,
-        title: conversation?.title
+        open: true,
+        onOpenChange: setOpen,
+        scope: "contacts",
+        onSubmit: async ({ ring, invites }) => {
+          await react.startContactsCall(arbi, {
+            title: chunkUHMP6S7M_cjs.contactsCallTitle([
+              ...ring.map((u) => ui.getUserDisplayName(u)),
+              ...invites.map((g) => g.name)
+            ]),
+            ring,
+            invites
+          });
+        }
       }
     )
   ] });
 }
-function ChatCallCard({
-  callExtId,
-  senderName,
-  latest,
-  name,
-  time
+function ScheduleCallButton({
+  conversationId,
+  peer,
+  variant = "icon",
+  className
 }) {
-  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 && chunkI7CJDF3V_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",
-      chunkI7CJDF3V_cjs.formatCallDuration(seconds),
-      joined.length ? `joined ${joined.join(", ")}` : null
-    ].filter(Boolean).join(" \xB7 ");
-  } else summary = senderName ? `Call started by ${senderName}` : "Call";
+  const callsEnabled = react.useCanHostCalls();
+  const { conversations } = react.useConversationItems();
+  const { data: workspaces = [] } = react.useWorkspaces();
+  const { workspaceId: selectedWorkspaceId, userId: me } = chunkNNBL3HPG_cjs.useConnectedWorkspace();
+  const { openCalendar } = chunkWGWP4ATS_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);
+    }
+    chunkWGWP4ATS_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(
-    "div",
+    ui.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,
+      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: [
-        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"
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarPlus, { className: "size-4" }),
+        variant === "label" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: "Schedule call" })
       ]
     }
   );
 }
-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(chunkI7CJDF3V_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]);
+function useMeetingThreadMessages(meetingCallExtId, messageHistory) {
   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]
+    () => !!meetingCallExtId && react.hasRecordingTranscript(messageHistory, react.threadTranscriptRef),
+    [meetingCallExtId, messageHistory]
   );
-  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 recordingWindows = react.useRecordingWindows(meetingCallExtId, hasRecTranscript);
+  return react$1.useMemo(
+    () => hasRecTranscript ? react.supersedeLiveTranscript(messageHistory, react.threadTranscriptRef, recordingWindows) : messageHistory,
+    [hasRecTranscript, messageHistory, recordingWindows]
   );
-  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(
-      chunkSCLGUHLU_cjs.TranscriptEntry,
+}
+function ThreadCallButton({
+  conversationId
+}) {
+  const arbi = react.useArbi();
+  const { data: conversations } = chunkEKSHUNJI_cjs.useConnectedConversations();
+  const { workspaceId: workspaceExtId } = chunkNNBL3HPG_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,
       {
-        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 };
+        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 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;
     }),
-    [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__ */ jsxRuntime.jsx(
+    chunkDYPFNQTQ_cjs.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] = react$1.useState(false);
+  const pending = chunkZT5MIFLC_cjs.usePendingRecording();
+  react$1.useEffect(() => {
+    if (pending) setOpen(true);
+  }, [pending]);
   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,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkUHMP6S7M_cjs.HeaderAction,
       {
-        value: view,
-        options: filterOptions,
-        onChange: setView
+        label: "Recordings",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Disc, { className: "size-3.5", "aria-hidden": true }),
+        iconOnly: true,
+        onClick: () => setOpen(true),
+        testId: "meeting-recordings"
       }
-    ) }),
-    view === "recordings" && recordingsCallExtId && /* @__PURE__ */ jsxRuntime.jsx(chunk5AC52BHL_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(
-        chunk5AC52BHL_cjs.SaveTranscriptToThread,
+    ),
+    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(
+        chunkDYPFNQTQ_cjs.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__ */ 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(
-            chunk5AC52BHL_cjs.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 = 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
       }
-      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);
+    ),
+    meetingCallExtId && /* @__PURE__ */ jsxRuntime.jsx(
+      MeetingThreadRecordingsAction,
+      {
+        meetingCallExtId,
+        title: conversation?.title
       }
-      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-GX75YCWJ.cjs.map
-//# sourceMappingURL=chunk-GX75YCWJ.cjs.map
+//# sourceMappingURL=chunk-SQUOXOY3.cjs.map
+//# sourceMappingURL=chunk-SQUOXOY3.cjs.map