@adatechnology/conversations-ui 0.12.0 → 0.14.0

package/dist/participant/index.js

@@ -1,3 +1,6 @@
+import {
+  downloadTextFile
+} from "../chunk-RLUNDWGA.js";
 import {
   TooltipLayer
 } from "../chunk-NSOAUYNE.js";
@@ -12,7 +15,7 @@ import {
 } from "../chunk-WCZNIJ3M.js";
 
 // src/participant/ParticipantConversationsScreen.tsx
-import { useMemo as useMemo6, useReducer as useReducer6, useRef as useRef21, useState as useState14 } from "react";
+import { useMemo as useMemo7, useReducer as useReducer6, useRef as useRef23, useState as useState18 } from "react";
 
 // src/participant/participantLoadView.ts
 function resolveLoadView({ status, hasItems }) {
@@ -103,6 +106,23 @@ var DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS = {
   edit: "Edit",
   messageOptions: DEFAULT_MESSAGE_OPTIONS_LABEL,
   showOriginalText: DEFAULT_SHOW_ORIGINAL_TEXT_LABEL,
+  copyMessage: "Copy",
+  copySelection: "Copy selection",
+  selectMessages: "Select messages",
+  selectMessage: "Select message",
+  cancelSelection: "Cancel selection",
+  selectedCount: "{count} selected",
+  messageInfo: "Message info",
+  infoAuthor: "From",
+  infoSentAt: "Sent",
+  infoStatus: "Status",
+  infoReadAt: "Read",
+  closeMessageInfo: "Close",
+  conversationOptions: "Conversation options",
+  downloadConversation: "Download conversation",
+  transcriptionPrefix: "Transcription",
+  copyTranscription: "Copy transcription",
+  downloadTranscription: "Download transcription",
   notFound: "Conversation not found",
   loading: "Loading\u2026",
   loadError: "Could not load. Check your connection and try again.",
@@ -426,7 +446,7 @@ function ParticipantInbox(props) {
 }
 
 // src/participant/ParticipantThreadScreen.tsx
-import { useEffect as useEffect20, useState as useState13 } from "react";
+import { useEffect as useEffect22, useState as useState17 } from "react";
 
 // src/participant/ParticipantBackButton.tsx
 import { ArrowLeft } from "lucide-react";
@@ -436,7 +456,7 @@ function ParticipantBackButton({ label, onBack }) {
 }
 
 // src/participant/ParticipantThread.tsx
-import { useRef as useRef13 } from "react";
+import { useRef as useRef15 } from "react";
 
 // src/participant/ParticipantComposer.tsx
 import { useState as useState3 } from "react";
@@ -1424,10 +1444,312 @@ function ParticipantComposer(props) {
   ] });
 }
 
+// src/participant/ParticipantConversationMenu.tsx
+import { EllipsisVertical } from "lucide-react";
+import { useId as useId2 } from "react";
+
+// src/participant/participantMessageMoment.ts
+function formatMessageMoment(iso, locale) {
+  const date = new Date(iso);
+  const day = date.toLocaleDateString(locale, { day: "2-digit", month: "2-digit", year: "numeric" });
+  const time = date.toLocaleTimeString(locale, { hour: "2-digit", minute: "2-digit" });
+  return `${day} ${time}`;
+}
+
+// src/participant/participantTranscriptionText.ts
+function readyTranscriptions(attachments) {
+  return attachments.flatMap((attachment) => {
+    const transcription = attachment.kind === "audio" ? attachment.transcription : void 0;
+    const text = transcription?.status === "ready" ? transcription.text.trim() : "";
+    return text === "" ? [] : [{ filename: attachment.filename, text }];
+  });
+}
+function attachmentForCopy(attachment, transcriptionLabel) {
+  const [ready] = readyTranscriptions([attachment]);
+  return ready ? `[${attachment.filename}] ${transcriptionLabel}: ${ready.text}` : `[${attachment.filename}]`;
+}
+function transcriptionFileName(audioFilename, transcriptionLabel) {
+  const base = audioFilename.replace(/\.[^.]+$/, "");
+  const safe = `${base} ${transcriptionLabel}`.replace(/[\\/:*?"<>|]+/g, " ").replace(/\s+/g, " ").trim();
+  return `${safe}.txt`;
+}
+
+// src/participant/participantMessageMenuModel.ts
+function toggleSelectedId(ids, id) {
+  return ids.includes(id) ? ids.filter((candidate) => candidate !== id) : [...ids, id];
+}
+function selectedInOrder(messages, ids) {
+  const picked = new Set(ids);
+  return messages.filter((message) => picked.has(message.id));
+}
+function copyableText(message) {
+  const text = message.text?.trim() ?? "";
+  return text === "" ? null : text;
+}
+function formatMessagesForCopy(messages, format) {
+  return messages.map((message) => {
+    const author = message.isMine ? format.meLabel : message.authorName ?? "";
+    const head = `[${formatMessageMoment(message.createdAt, format.locale)}]${author === "" ? "" : ` ${author}:`}`;
+    const files = message.attachments.map(
+      (attachment) => attachmentForCopy(attachment, format.transcriptionLabel ?? "Transcription")
+    );
+    return [head, copyableText(message) ?? "", ...files].filter((part) => part !== "").join(" ");
+  }).join("\n");
+}
+function selectedTextWithin(container) {
+  const selection = typeof window === "undefined" ? null : window.getSelection();
+  if (!container || !selection || selection.isCollapsed) return "";
+  const { anchorNode, focusNode } = selection;
+  if (!anchorNode || !focusNode || !container.contains(anchorNode) || !container.contains(focusNode)) return "";
+  return selection.toString().trim();
+}
+
+// src/participant/participantMessageInfoModel.ts
+function statusLabel(status, labels) {
+  const byStatus = {
+    queued: labels.statusQueued,
+    sent: labels.statusSent,
+    delivered: labels.statusDelivered,
+    read: labels.statusRead,
+    failed: labels.statusFailedShort,
+    bounced: labels.statusFailedShort
+  };
+  return byStatus[status];
+}
+function messageInfoRows(message, labels, locale) {
+  const author = message.isMine ? labels.me : message.authorName ?? "";
+  const rows = [];
+  if (author !== "") rows.push({ id: "author", label: labels.infoAuthor ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.infoAuthor ?? "", value: author });
+  rows.push({
+    id: "sent",
+    label: labels.infoSentAt ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.infoSentAt ?? "",
+    value: formatMessageMoment(message.createdAt, locale)
+  });
+  if (!message.isMine) return rows;
+  if (message.status) {
+    rows.push({
+      id: "status",
+      label: labels.infoStatus ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.infoStatus ?? "",
+      value: statusLabel(message.status, labels)
+    });
+  }
+  if (message.readAt) {
+    rows.push({
+      id: "read",
+      label: labels.infoReadAt ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.infoReadAt ?? "",
+      value: formatMessageMoment(message.readAt, locale)
+    });
+  }
+  return rows;
+}
+function conversationExportText({ title, messages, ...format }) {
+  return `${title}
+
+${formatMessagesForCopy(messages, format)}
+`;
+}
+function conversationExportFileName(title) {
+  const safe = title.replace(/[\\/:*?"<>|]+/g, " ").replace(/\s+/g, " ").trim();
+  return `${safe === "" ? "conversation" : safe}.txt`;
+}
+
+// src/participant/useParticipantFailedMenu.ts
+import { useReducer, useRef as useRef8 } from "react";
+
+// src/participant/participantFailedMenuState.ts
+var CLOSED_FAILED_MENU = { isOpen: false, initialFocus: "first" };
+function failedMenuReducer(state, action) {
+  if (action.type === "open") return { isOpen: true, initialFocus: action.initialFocus };
+  if (action.type === "close") return state.isOpen ? CLOSED_FAILED_MENU : state;
+  return state.isOpen ? CLOSED_FAILED_MENU : { isOpen: true, initialFocus: "first" };
+}
+function resolveFailedMenuKey({ key, index, count }) {
+  if (key === "Escape") return { type: "close", shouldRestoreFocus: true };
+  if (key === "Tab") return { type: "close", shouldRestoreFocus: false };
+  if (key === "ArrowDown") return { type: "focus", index: (index + 1) % count };
+  if (key === "ArrowUp") return { type: "focus", index: (index - 1 + count) % count };
+  if (key === "Home") return { type: "focus", index: 0 };
+  if (key === "End") return { type: "focus", index: count - 1 };
+  return void 0;
+}
+function resolveFailedMenuTriggerKey(key) {
+  if (key === "ArrowDown") return "first";
+  if (key === "ArrowUp") return "last";
+  return void 0;
+}
+var MENU_GAP_PX = 8;
+function resolveFailedMenuPlacement({ anchorTop, scrollerTop, menuHeight }) {
+  return anchorTop - scrollerTop >= menuHeight + MENU_GAP_PX ? "above" : "below";
+}
+
+// src/participant/failedMenuKeyboard.ts
+function handleFailedMenuKeyDown({ event, menuRef, triggerRef, dispatch }) {
+  const items = Array.from(menuRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
+  const index = items.findIndex((item) => item === document.activeElement);
+  const result = resolveFailedMenuKey({ key: event.key, index, count: items.length });
+  if (!result) return;
+  if (result.type === "focus") {
+    event.preventDefault();
+    items[result.index]?.focus();
+    return;
+  }
+  if (result.shouldRestoreFocus) {
+    event.preventDefault();
+    event.stopPropagation();
+    triggerRef.current?.focus();
+  }
+  dispatch({ type: "close" });
+}
+
+// src/participant/useFailedMenuEffects.ts
+import { useEffect as useEffect6, useLayoutEffect as useLayoutEffect2, useState as useState4 } from "react";
+var SCROLLER_SELECTOR = ".cv-p-thread__scroll";
+function useFailedMenuInitialFocus(state, menuRef) {
+  useEffect6(() => {
+    if (!state.isOpen) return;
+    const items = Array.from(menuRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
+    const target = state.initialFocus === "last" ? items[items.length - 1] : items[0];
+    target?.focus();
+  }, [state, menuRef]);
+}
+function useFailedMenuOutsideClose(isOpen, containerRef, dispatch) {
+  useEffect6(() => {
+    if (!isOpen) return;
+    function handlePointerDown(event) {
+      if (event.target instanceof Node && containerRef.current?.contains(event.target)) return;
+      dispatch({ type: "close" });
+    }
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => document.removeEventListener("pointerdown", handlePointerDown);
+  }, [isOpen, containerRef, dispatch]);
+}
+function useFailedMenuPlacement(isOpen, { triggerRef, menuRef }) {
+  const [placement, setPlacement] = useState4("above");
+  useLayoutEffect2(() => {
+    const trigger = triggerRef.current;
+    const menu = menuRef.current;
+    if (!isOpen || !trigger || !menu) return;
+    const anchor = trigger.closest(".cv-p-bubble") ?? trigger;
+    const scroller = trigger.closest(SCROLLER_SELECTOR);
+    setPlacement(
+      resolveFailedMenuPlacement({
+        anchorTop: anchor.getBoundingClientRect().top,
+        scrollerTop: scroller?.getBoundingClientRect().top ?? 0,
+        menuHeight: menu.getBoundingClientRect().height
+      })
+    );
+  }, [isOpen, triggerRef, menuRef]);
+  return placement;
+}
+
+// src/participant/useParticipantFailedMenu.ts
+function useParticipantFailedMenu() {
+  const [state, dispatch] = useReducer(failedMenuReducer, CLOSED_FAILED_MENU);
+  const containerRef = useRef8(null);
+  const triggerRef = useRef8(null);
+  const menuRef = useRef8(null);
+  useFailedMenuInitialFocus(state, menuRef);
+  useFailedMenuOutsideClose(state.isOpen, containerRef, dispatch);
+  const placement = useFailedMenuPlacement(state.isOpen, { triggerRef, menuRef });
+  function handleTriggerKeyDown(event) {
+    const initialFocus = resolveFailedMenuTriggerKey(event.key);
+    if (!initialFocus) return;
+    event.preventDefault();
+    dispatch({ type: "open", initialFocus });
+  }
+  function handleBlur(event) {
+    const next = event.relatedTarget;
+    if (next instanceof Node && !containerRef.current?.contains(next)) dispatch({ type: "close" });
+  }
+  return {
+    state,
+    placement,
+    containerRef,
+    triggerRef,
+    menuRef,
+    handleTriggerClick: () => dispatch({ type: "toggle" }),
+    handleTriggerKeyDown,
+    handleMenuKeyDown: (event) => handleFailedMenuKeyDown({ event, menuRef, triggerRef, dispatch }),
+    handleBlur,
+    close: () => dispatch({ type: "close" }),
+    open: () => dispatch({ type: "open", initialFocus: "first" })
+  };
+}
+
+// src/participant/ParticipantConversationMenu.tsx
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function ParticipantConversationMenu({ state, title }) {
+  const menu = useParticipantFailedMenu();
+  const triggerId = useId2();
+  const { labels } = state;
+  const listClass = `cv-p-failed-menu__list cv-p-message-menu__list cv-p-conversation-menu__list${menu.placement === "below" ? " cv-p-failed-menu__list--below" : ""}`;
+  const entries = [
+    { id: "select", label: labels.selectMessages ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.selectMessages, run: () => state.start() },
+    {
+      id: "download",
+      label: labels.downloadConversation ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.downloadConversation,
+      disabled: state.messages.length === 0,
+      run: () => downloadTextFile(
+        conversationExportFileName(title),
+        conversationExportText({
+          title,
+          messages: state.messages,
+          locale: state.locale,
+          meLabel: labels.me,
+          transcriptionLabel: labels.transcriptionPrefix ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.transcriptionPrefix
+        })
+      )
+    }
+  ];
+  return /* @__PURE__ */ jsxs12("span", { className: "cv-p-conversation-menu", ref: menu.containerRef, onBlur: menu.handleBlur, children: [
+    /* @__PURE__ */ jsx14(
+      "button",
+      {
+        type: "button",
+        id: triggerId,
+        ref: menu.triggerRef,
+        className: "cv-p-conversation-menu__trigger",
+        "aria-haspopup": "menu",
+        "aria-expanded": menu.state.isOpen,
+        "aria-label": labels.conversationOptions ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.conversationOptions,
+        onClick: menu.handleTriggerClick,
+        onKeyDown: menu.handleTriggerKeyDown,
+        children: /* @__PURE__ */ jsx14(EllipsisVertical, { size: 18, "aria-hidden": true })
+      }
+    ),
+    menu.state.isOpen ? /* @__PURE__ */ jsx14(
+      "div",
+      {
+        role: "menu",
+        "aria-labelledby": triggerId,
+        ref: menu.menuRef,
+        className: listClass,
+        onKeyDown: menu.handleMenuKeyDown,
+        children: entries.map((entry) => /* @__PURE__ */ jsx14(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            tabIndex: -1,
+            className: "cv-p-failed-menu__item cv-p-message-menu__item",
+            disabled: entry.disabled,
+            onClick: () => {
+              menu.close();
+              entry.run();
+            },
+            children: entry.label
+          },
+          entry.id
+        ))
+      }
+    ) : null
+  ] });
+}
+
 // src/participant/useSuppressTouchTooltips.ts
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 function useSuppressTouchTooltips(rootRef) {
-  useEffect6(() => {
+  useEffect7(() => {
     const root = rootRef.current;
     if (!root) return void 0;
     let isTouching = false;
@@ -1457,7 +1779,7 @@ function useSuppressTouchTooltips(rootRef) {
 }
 
 // src/participant/ParticipantCopyAnnouncer.tsx
-import { createContext, useCallback as useCallback4, useContext, useEffect as useEffect7, useReducer, useRef as useRef8 } from "react";
+import { createContext, useCallback as useCallback4, useContext, useEffect as useEffect8, useReducer as useReducer2, useRef as useRef9 } from "react";
 
 // src/participant/participantCopyAnnouncement.ts
 var INITIAL_COPY_ANNOUNCEMENT = { text: "", tick: 0 };
@@ -1477,7 +1799,7 @@ function resolveLiveText(params) {
 }
 
 // src/participant/ParticipantCopyAnnouncer.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var ANNOUNCEMENT_MS = 3e3;
 var AnnounceContext = createContext(() => void 0);
 var AnnouncementContext = createContext(INITIAL_COPY_ANNOUNCEMENT);
@@ -1485,34 +1807,34 @@ function useAnnounceCopy() {
   return useContext(AnnounceContext);
 }
 function ParticipantCopyAnnouncer({ children }) {
-  const [announcement, dispatch] = useReducer(copyAnnouncementReducer, INITIAL_COPY_ANNOUNCEMENT);
+  const [announcement, dispatch] = useReducer2(copyAnnouncementReducer, INITIAL_COPY_ANNOUNCEMENT);
   const announce = useCallback4((text) => dispatch({ type: "announce", text }), []);
-  useEffect7(() => {
+  useEffect8(() => {
     if (announcement.text === "") return void 0;
     const timer = setTimeout(() => dispatch({ type: "expired" }), ANNOUNCEMENT_MS);
     return () => clearTimeout(timer);
   }, [announcement.tick, announcement.text]);
-  return /* @__PURE__ */ jsx14(AnnounceContext.Provider, { value: announce, children: /* @__PURE__ */ jsx14(AnnouncementContext.Provider, { value: announcement, children }) });
+  return /* @__PURE__ */ jsx15(AnnounceContext.Provider, { value: announce, children: /* @__PURE__ */ jsx15(AnnouncementContext.Provider, { value: announcement, children }) });
 }
 function ParticipantThreadLive({ notice }) {
   const copy = useContext(AnnouncementContext);
-  const baselineNotice = useRef8(void 0);
+  const baselineNotice = useRef9(void 0);
   const resolution = resolveLiveText({ copy, notice, baselineNotice: baselineNotice.current });
   baselineNotice.current = resolution.baselineNotice;
-  return /* @__PURE__ */ jsx14("div", { className: "cv-p-thread__live", role: "status", "aria-live": "polite", children: resolution.text });
+  return /* @__PURE__ */ jsx15("div", { className: "cv-p-thread__live", role: "status", "aria-live": "polite", children: resolution.text });
 }
 
 // src/participant/ParticipantScrollToLatest.tsx
 import { ChevronDown } from "lucide-react";
 
 // src/participant/participantScrollFocus.ts
-var SCROLLER_SELECTOR = ".cv-p-thread__scroll";
+var SCROLLER_SELECTOR2 = ".cv-p-thread__scroll";
 function focusScrollerOf(button) {
-  button.closest(SCROLLER_SELECTOR)?.focus({ preventScroll: true });
+  button.closest(SCROLLER_SELECTOR2)?.focus({ preventScroll: true });
 }
 
 // src/participant/ParticipantScrollToLatest.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function ParticipantScrollToLatest({
   label,
   isAwayFromBottom,
@@ -1522,7 +1844,7 @@ function ParticipantScrollToLatest({
 }) {
   const { isVisible, badge } = resolveScrollToLatestView({ isAwayFromBottom, newMessagesCount, hasMessages });
   if (!isVisible || onClick === void 0) return null;
-  return /* @__PURE__ */ jsx15("div", { className: "cv-p-thread__latest", children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx16("div", { className: "cv-p-thread__latest", children: /* @__PURE__ */ jsxs13(
     "button",
     {
       type: "button",
@@ -1534,8 +1856,8 @@ function ParticipantScrollToLatest({
         onClick();
       },
       children: [
-        /* @__PURE__ */ jsx15(ChevronDown, { size: 24, "aria-hidden": "true", focusable: "false" }),
-        badge ? /* @__PURE__ */ jsx15("span", { className: "cv-p-thread__latest-badge", "aria-hidden": "true", children: badge }) : null
+        /* @__PURE__ */ jsx16(ChevronDown, { size: 24, "aria-hidden": "true", focusable: "false" }),
+        badge ? /* @__PURE__ */ jsx16("span", { className: "cv-p-thread__latest-badge", "aria-hidden": "true", children: badge }) : null
       ]
     }
   ) });
@@ -1581,13 +1903,13 @@ function shouldShowAvatar({ previousAuthor, author, isMine }) {
 }
 
 // src/participant/ParticipantAuthorAvatar.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function ParticipantAuthorAvatar({ name, render }) {
   const fromHost = render?.({ name });
   const hasHostContent = !(fromHost == null || fromHost === false || fromHost === "");
   const initials = authorInitials(name);
-  const fallback = initials ?? /* @__PURE__ */ jsx16(User, { size: 16, "aria-hidden": true });
-  return /* @__PURE__ */ jsx16("span", { className: "cv-p-avatar", "aria-hidden": "true", children: hasHostContent ? fromHost : fallback });
+  const fallback = initials ?? /* @__PURE__ */ jsx17(User, { size: 16, "aria-hidden": true });
+  return /* @__PURE__ */ jsx17("span", { className: "cv-p-avatar", "aria-hidden": "true", children: hasHostContent ? fromHost : fallback });
 }
 
 // src/participant/participantDay.ts
@@ -1599,27 +1921,27 @@ function toDateTimeAttribute(date) {
 }
 
 // src/participant/ParticipantDayDivider.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function ParticipantDayDivider({ day, locale }) {
   const label = day.toLocaleDateString(locale, { weekday: "short", day: "2-digit", month: "2-digit" });
-  return /* @__PURE__ */ jsx17("div", { className: "cv-p-day", role: "separator", "aria-label": label, children: /* @__PURE__ */ jsx17("time", { className: "cv-p-day__label", dateTime: toDateTimeAttribute(day), children: label }) });
+  return /* @__PURE__ */ jsx18("div", { className: "cv-p-day", role: "separator", "aria-label": label, children: /* @__PURE__ */ jsx18("time", { className: "cv-p-day__label", dateTime: toDateTimeAttribute(day), children: label }) });
 }
 
 // src/participant/ParticipantMessageBubble.tsx
-import { useId as useId3 } from "react";
+import { useId as useId5 } from "react";
 
 // src/participant/ParticipantAttachmentItem.tsx
-import { useEffect as useEffect11, useState as useState7 } from "react";
+import { useEffect as useEffect12, useState as useState8 } from "react";
 
 // src/participant/ParticipantAudioTranscription.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 
 // src/participant/useTranscriptionOverflow.ts
-import { useEffect as useEffect8, useRef as useRef9, useState as useState4 } from "react";
+import { useEffect as useEffect9, useRef as useRef10, useState as useState5 } from "react";
 function useTranscriptionOverflow(text, isExpanded) {
-  const textRef = useRef9(null);
-  const [isOverflowing, setIsOverflowing] = useState4(false);
-  useEffect8(() => {
+  const textRef = useRef10(null);
+  const [isOverflowing, setIsOverflowing] = useState5(false);
+  useEffect9(() => {
     const element = textRef.current;
     if (!element || isExpanded) return void 0;
     const measure = () => setIsOverflowing(element.scrollHeight > element.clientHeight);
@@ -1633,11 +1955,11 @@ function useTranscriptionOverflow(text, isExpanded) {
 }
 
 // src/participant/useTranscriptionReadyAnnouncement.ts
-import { useEffect as useEffect9, useRef as useRef10 } from "react";
+import { useEffect as useEffect10, useRef as useRef11 } from "react";
 function useTranscriptionReadyAnnouncement({ attachmentId, status, text }) {
   const announce = useAnnounceCopy();
-  const previous = useRef10({ attachmentId, status });
-  useEffect9(() => {
+  const previous = useRef11({ attachmentId, status });
+  useEffect10(() => {
     const before = previous.current;
     previous.current = { attachmentId, status };
     if (before.attachmentId !== attachmentId) return;
@@ -1646,7 +1968,7 @@ function useTranscriptionReadyAnnouncement({ attachmentId, status, text }) {
 }
 
 // src/participant/ParticipantAudioTranscription.tsx
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var MILLISECONDS_PER_MINUTE = 6e4;
 function resolveTooLongMinutes(transcription) {
   if (transcription?.status !== "failed" || transcription.reason !== "too_long") return void 0;
@@ -1666,21 +1988,21 @@ function ParticipantAudioTranscription({ attachmentId, transcription: received,
     text: labels.transcriptionReady
   });
   if (transcription?.status === "pending") {
-    return /* @__PURE__ */ jsx18("p", { className: "cv-p-transcription cv-p-transcription--pending", children: labels.transcribing });
+    return /* @__PURE__ */ jsx19("p", { className: "cv-p-transcription cv-p-transcription--pending", children: labels.transcribing });
   }
-  if (transcription?.status === "ready") return /* @__PURE__ */ jsx18(ReadyTranscriptionBlock, { transcription, labels });
+  if (transcription?.status === "ready") return /* @__PURE__ */ jsx19(ReadyTranscriptionBlock, { transcription, labels });
   const minutes = resolveTooLongMinutes(transcription);
   if (minutes === void 0) return null;
-  return /* @__PURE__ */ jsx18("p", { className: "cv-p-transcription cv-p-transcription--too-long", children: labels.transcriptionTooLong.replace("{minutes}", String(minutes)) });
+  return /* @__PURE__ */ jsx19("p", { className: "cv-p-transcription cv-p-transcription--too-long", children: labels.transcriptionTooLong.replace("{minutes}", String(minutes)) });
 }
 function ReadyTranscriptionBlock({ transcription, labels }) {
-  const [isExpanded, setIsExpanded] = useState5(false);
+  const [isExpanded, setIsExpanded] = useState6(false);
   const { textRef, isOverflowing } = useTranscriptionOverflow(transcription.text, isExpanded);
   const hasText = transcription.text !== "";
   const showsToggle = hasText && (isOverflowing || isExpanded);
-  return /* @__PURE__ */ jsxs13("div", { className: "cv-p-transcription", children: [
-    /* @__PURE__ */ jsx18("p", { className: "cv-p-transcription__notice", children: labels.machineTranscription }),
-    hasText ? /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs14("div", { className: "cv-p-transcription", children: [
+    /* @__PURE__ */ jsx19("p", { className: "cv-p-transcription__notice", children: labels.machineTranscription }),
+    hasText ? /* @__PURE__ */ jsx19(
       "p",
       {
         ref: textRef,
@@ -1689,8 +2011,8 @@ function ReadyTranscriptionBlock({ transcription, labels }) {
         "data-expanded": isExpanded ? "true" : void 0,
         children: transcription.text
       }
-    ) : /* @__PURE__ */ jsx18("p", { className: "cv-p-transcription__empty", children: labels.emptyTranscription }),
-    showsToggle ? /* @__PURE__ */ jsx18(
+    ) : /* @__PURE__ */ jsx19("p", { className: "cv-p-transcription__empty", children: labels.emptyTranscription }),
+    showsToggle ? /* @__PURE__ */ jsx19(
       "button",
       {
         type: "button",
@@ -1704,7 +2026,7 @@ function ReadyTranscriptionBlock({ transcription, labels }) {
 }
 
 // src/participant/useStableAttachmentUrl.ts
-import { useCallback as useCallback5, useEffect as useEffect10, useRef as useRef11, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect11, useRef as useRef12, useState as useState7 } from "react";
 
 // src/participant/participantAttachmentUrl.ts
 var SAFE_ATTACHMENT_PROTOCOLS = /* @__PURE__ */ new Set(["https:", "http:", "blob:"]);
@@ -1728,14 +2050,14 @@ async function resolveSafely({ attachment, resolveAttachmentUrl }) {
   }
 }
 function useStableAttachmentUrl(params) {
-  const latest = useRef11(params);
-  const currentId = useRef11(params.attachment.id);
-  const [state, setState2] = useState6(PENDING_STATE);
+  const latest = useRef12(params);
+  const currentId = useRef12(params.attachment.id);
+  const [state, setState2] = useState7(PENDING_STATE);
   const { id } = params.attachment;
-  useEffect10(() => {
+  useEffect11(() => {
     latest.current = params;
   });
-  useEffect10(() => {
+  useEffect11(() => {
     currentId.current = id;
     setState2(PENDING_STATE);
     let retryTimer;
@@ -1761,12 +2083,12 @@ function useStableAttachmentUrl(params) {
 }
 
 // src/participant/ParticipantAudioAttachment.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 function ParticipantAudioAttachment({ attachment, resolveAttachmentUrl, labels }) {
   const source = useStableAttachmentUrl({ attachment, resolveAttachmentUrl });
   const audioLabels = resolveParticipantAudioLabels(labels);
-  return /* @__PURE__ */ jsxs14("div", { className: "cv-p-attachment cv-p-attachment--audio", children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs15("div", { className: "cv-p-attachment cv-p-attachment--audio", children: [
+    /* @__PURE__ */ jsx20(
       ParticipantAudioPlayer,
       {
         labels: audioLabels,
@@ -1778,17 +2100,17 @@ function ParticipantAudioAttachment({ attachment, resolveAttachmentUrl, labels }
         onSourceError: source.resolveAgain
       }
     ),
-    /* @__PURE__ */ jsx19("span", { className: "cv-p-attachment__name", children: attachment.filename }),
-    /* @__PURE__ */ jsx19(ParticipantAudioTranscription, { attachmentId: attachment.id, transcription: attachment.transcription, labels: audioLabels })
+    /* @__PURE__ */ jsx20("span", { className: "cv-p-attachment__name", children: attachment.filename }),
+    /* @__PURE__ */ jsx20(ParticipantAudioTranscription, { attachmentId: attachment.id, transcription: attachment.transcription, labels: audioLabels })
   ] });
 }
 
 // src/participant/ParticipantAttachmentItem.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 function useAttachmentUrl(attachment, resolveAttachmentUrl) {
-  const [url, setUrl] = useState7(void 0);
+  const [url, setUrl] = useState8(void 0);
   const disposition = attachment.kind === "document" ? "attachment" : "inline";
-  useEffect11(() => {
+  useEffect12(() => {
     let isCurrent = true;
     resolveAttachmentUrl(attachment, disposition).then(
       (resolved) => {
@@ -1805,18 +2127,18 @@ function useAttachmentUrl(attachment, resolveAttachmentUrl) {
   return url;
 }
 function ParticipantAttachmentItem(props) {
-  if (props.attachment.kind === "audio") return /* @__PURE__ */ jsx20(ParticipantAudioAttachment, { ...props });
-  return /* @__PURE__ */ jsx20(ParticipantFileAttachment, { ...props });
+  if (props.attachment.kind === "audio") return /* @__PURE__ */ jsx21(ParticipantAudioAttachment, { ...props });
+  return /* @__PURE__ */ jsx21(ParticipantFileAttachment, { ...props });
 }
 function ParticipantFileAttachment({ attachment, resolveAttachmentUrl, labels }) {
   const url = useAttachmentUrl(attachment, resolveAttachmentUrl);
   if (attachment.kind === "image") {
-    return /* @__PURE__ */ jsxs15("figure", { className: "cv-p-attachment cv-p-attachment--image", children: [
-      url ? /* @__PURE__ */ jsx20("img", { className: "cv-p-attachment__image", src: url, alt: attachment.filename }) : null,
-      /* @__PURE__ */ jsx20("figcaption", { className: "cv-p-attachment__name", children: attachment.filename })
+    return /* @__PURE__ */ jsxs16("figure", { className: "cv-p-attachment cv-p-attachment--image", children: [
+      url ? /* @__PURE__ */ jsx21("img", { className: "cv-p-attachment__image", src: url, alt: attachment.filename }) : null,
+      /* @__PURE__ */ jsx21("figcaption", { className: "cv-p-attachment__name", children: attachment.filename })
     ] });
   }
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "a",
     {
       className: "cv-p-attachment cv-p-attachment--document",
@@ -1824,15 +2146,15 @@ function ParticipantFileAttachment({ attachment, resolveAttachmentUrl, labels })
       download: attachment.filename,
       "aria-label": `${labels.downloadAttachment}: ${attachment.filename}`,
       children: [
-        /* @__PURE__ */ jsx20("span", { className: "cv-p-attachment__name", children: attachment.filename }),
-        /* @__PURE__ */ jsx20("span", { className: "cv-p-attachment__size", children: formatFileSize(attachment.sizeBytes) })
+        /* @__PURE__ */ jsx21("span", { className: "cv-p-attachment__name", children: attachment.filename }),
+        /* @__PURE__ */ jsx21("span", { className: "cv-p-attachment__size", children: formatFileSize(attachment.sizeBytes) })
       ]
     }
   );
 }
 
 // src/participant/ParticipantBubbleStatus.tsx
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function statusText(status, labels) {
   const byStatus = {
     sending: labels.statusSending,
@@ -1849,13 +2171,13 @@ function OwnStatus({ status, labels, onRetry }) {
   const isVisibleText = status === "sending" || status === "queued" || status === "failed";
   const text = status === "failed" ? labels.statusFailedShort : statusText(status, labels);
   const isTextVisible = isVisibleText && !(status === "failed" && onRetry);
-  return /* @__PURE__ */ jsxs16("span", { className: "cv-p-bubble__status", children: [
-    /* @__PURE__ */ jsx21(StatusTicks, { status: ticksStatus, appearance: "stylesheet", title: isTextVisible ? void 0 : text }),
-    /* @__PURE__ */ jsx21("span", { className: isTextVisible ? "cv-p-bubble__status-text" : "cv-p-sr-only", children: text })
+  return /* @__PURE__ */ jsxs17("span", { className: "cv-p-bubble__status", children: [
+    /* @__PURE__ */ jsx22(StatusTicks, { status: ticksStatus, appearance: "stylesheet", title: isTextVisible ? void 0 : text }),
+    /* @__PURE__ */ jsx22("span", { className: isTextVisible ? "cv-p-bubble__status-text" : "cv-p-sr-only", children: text })
   ] });
 }
 function RetryButton({ labels, onRetry, describedBy }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "button",
     {
       type: "button",
@@ -1864,16 +2186,16 @@ function RetryButton({ labels, onRetry, describedBy }) {
       "aria-describedby": describedBy,
       "data-cv-tooltip": labels.statusFailed,
       onClick: onRetry,
-      children: /* @__PURE__ */ jsx21("span", { className: "cv-p-failed-retry__icon", children: /* @__PURE__ */ jsx21("svg", { viewBox: "0 0 16 16", width: "14", height: "14", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx21("path", { d: "M13 8a5 5 0 1 1-1.6-3.7M13 2.5v3h-3", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }) }) })
+      children: /* @__PURE__ */ jsx22("span", { className: "cv-p-failed-retry__icon", children: /* @__PURE__ */ jsx22("svg", { viewBox: "0 0 16 16", width: "14", height: "14", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx22("path", { d: "M13 8a5 5 0 1 1-1.6-3.7M13 2.5v3h-3", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }) }) })
     }
   );
 }
 
 // src/participant/ParticipantFailedMenu.tsx
-import { useId as useId2 } from "react";
+import { useId as useId3 } from "react";
 
 // src/participant/ParticipantFailedMenuList.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function ParticipantFailedMenuList({ menu, labelledBy, labels, onEdit, onDiscard }) {
   function runAndClose(action) {
     return () => {
@@ -1882,9 +2204,9 @@ function ParticipantFailedMenuList({ menu, labelledBy, labels, onEdit, onDiscard
     };
   }
   const className = `cv-p-failed-menu__list${menu.placement === "below" ? " cv-p-failed-menu__list--below" : ""}`;
-  return /* @__PURE__ */ jsxs17("div", { role: "menu", "aria-labelledby": labelledBy, ref: menu.menuRef, className, onKeyDown: menu.handleMenuKeyDown, children: [
-    onEdit ? /* @__PURE__ */ jsx22("button", { type: "button", role: "menuitem", tabIndex: -1, className: "cv-p-failed-menu__item", onClick: runAndClose(onEdit), children: labels.edit }) : null,
-    onDiscard ? /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs18("div", { role: "menu", "aria-labelledby": labelledBy, ref: menu.menuRef, className, onKeyDown: menu.handleMenuKeyDown, children: [
+    onEdit ? /* @__PURE__ */ jsx23("button", { type: "button", role: "menuitem", tabIndex: -1, className: "cv-p-failed-menu__item", onClick: runAndClose(onEdit), children: labels.edit }) : null,
+    onDiscard ? /* @__PURE__ */ jsx23(
       "button",
       {
         type: "button",
@@ -1898,137 +2220,15 @@ function ParticipantFailedMenuList({ menu, labelledBy, labels, onEdit, onDiscard
   ] });
 }
 
-// src/participant/useParticipantFailedMenu.ts
-import { useReducer as useReducer2, useRef as useRef12 } from "react";
-
-// src/participant/participantFailedMenuState.ts
-var CLOSED_FAILED_MENU = { isOpen: false, initialFocus: "first" };
-function failedMenuReducer(state, action) {
-  if (action.type === "open") return { isOpen: true, initialFocus: action.initialFocus };
-  if (action.type === "close") return state.isOpen ? CLOSED_FAILED_MENU : state;
-  return state.isOpen ? CLOSED_FAILED_MENU : { isOpen: true, initialFocus: "first" };
-}
-function resolveFailedMenuKey({ key, index, count }) {
-  if (key === "Escape") return { type: "close", shouldRestoreFocus: true };
-  if (key === "Tab") return { type: "close", shouldRestoreFocus: false };
-  if (key === "ArrowDown") return { type: "focus", index: (index + 1) % count };
-  if (key === "ArrowUp") return { type: "focus", index: (index - 1 + count) % count };
-  if (key === "Home") return { type: "focus", index: 0 };
-  if (key === "End") return { type: "focus", index: count - 1 };
-  return void 0;
-}
-function resolveFailedMenuTriggerKey(key) {
-  if (key === "ArrowDown") return "first";
-  if (key === "ArrowUp") return "last";
-  return void 0;
-}
-var MENU_GAP_PX = 8;
-function resolveFailedMenuPlacement({ anchorTop, scrollerTop, menuHeight }) {
-  return anchorTop - scrollerTop >= menuHeight + MENU_GAP_PX ? "above" : "below";
-}
-
-// src/participant/failedMenuKeyboard.ts
-function handleFailedMenuKeyDown({ event, menuRef, triggerRef, dispatch }) {
-  const items = Array.from(menuRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
-  const index = items.findIndex((item) => item === document.activeElement);
-  const result = resolveFailedMenuKey({ key: event.key, index, count: items.length });
-  if (!result) return;
-  if (result.type === "focus") {
-    event.preventDefault();
-    items[result.index]?.focus();
-    return;
-  }
-  if (result.shouldRestoreFocus) {
-    event.preventDefault();
-    event.stopPropagation();
-    triggerRef.current?.focus();
-  }
-  dispatch({ type: "close" });
-}
-
-// src/participant/useFailedMenuEffects.ts
-import { useEffect as useEffect12, useLayoutEffect as useLayoutEffect2, useState as useState8 } from "react";
-var SCROLLER_SELECTOR2 = ".cv-p-thread__scroll";
-function useFailedMenuInitialFocus(state, menuRef) {
-  useEffect12(() => {
-    if (!state.isOpen) return;
-    const items = Array.from(menuRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
-    const target = state.initialFocus === "last" ? items[items.length - 1] : items[0];
-    target?.focus();
-  }, [state, menuRef]);
-}
-function useFailedMenuOutsideClose(isOpen, containerRef, dispatch) {
-  useEffect12(() => {
-    if (!isOpen) return;
-    function handlePointerDown(event) {
-      if (event.target instanceof Node && containerRef.current?.contains(event.target)) return;
-      dispatch({ type: "close" });
-    }
-    document.addEventListener("pointerdown", handlePointerDown);
-    return () => document.removeEventListener("pointerdown", handlePointerDown);
-  }, [isOpen, containerRef, dispatch]);
-}
-function useFailedMenuPlacement(isOpen, { triggerRef, menuRef }) {
-  const [placement, setPlacement] = useState8("above");
-  useLayoutEffect2(() => {
-    const trigger = triggerRef.current;
-    const menu = menuRef.current;
-    if (!isOpen || !trigger || !menu) return;
-    const anchor = trigger.closest(".cv-p-bubble") ?? trigger;
-    const scroller = trigger.closest(SCROLLER_SELECTOR2);
-    setPlacement(
-      resolveFailedMenuPlacement({
-        anchorTop: anchor.getBoundingClientRect().top,
-        scrollerTop: scroller?.getBoundingClientRect().top ?? 0,
-        menuHeight: menu.getBoundingClientRect().height
-      })
-    );
-  }, [isOpen, triggerRef, menuRef]);
-  return placement;
-}
-
-// src/participant/useParticipantFailedMenu.ts
-function useParticipantFailedMenu() {
-  const [state, dispatch] = useReducer2(failedMenuReducer, CLOSED_FAILED_MENU);
-  const containerRef = useRef12(null);
-  const triggerRef = useRef12(null);
-  const menuRef = useRef12(null);
-  useFailedMenuInitialFocus(state, menuRef);
-  useFailedMenuOutsideClose(state.isOpen, containerRef, dispatch);
-  const placement = useFailedMenuPlacement(state.isOpen, { triggerRef, menuRef });
-  function handleTriggerKeyDown(event) {
-    const initialFocus = resolveFailedMenuTriggerKey(event.key);
-    if (!initialFocus) return;
-    event.preventDefault();
-    dispatch({ type: "open", initialFocus });
-  }
-  function handleBlur(event) {
-    const next = event.relatedTarget;
-    if (next instanceof Node && !containerRef.current?.contains(next)) dispatch({ type: "close" });
-  }
-  return {
-    state,
-    placement,
-    containerRef,
-    triggerRef,
-    menuRef,
-    handleTriggerClick: () => dispatch({ type: "toggle" }),
-    handleTriggerKeyDown,
-    handleMenuKeyDown: (event) => handleFailedMenuKeyDown({ event, menuRef, triggerRef, dispatch }),
-    handleBlur,
-    close: () => dispatch({ type: "close" })
-  };
-}
-
 // src/participant/ParticipantFailedMenu.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function ParticipantFailedMenu({ labels, onEdit, onDiscard }) {
   const menu = useParticipantFailedMenu();
-  const triggerId = useId2();
+  const triggerId = useId3();
   if (!onEdit && !onDiscard) return null;
   const label = labels.messageOptions ?? DEFAULT_MESSAGE_OPTIONS_LABEL;
-  return /* @__PURE__ */ jsxs18("span", { className: "cv-p-failed-menu", ref: menu.containerRef, onBlur: menu.handleBlur, children: [
-    /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs19("span", { className: "cv-p-failed-menu", ref: menu.containerRef, onBlur: menu.handleBlur, children: [
+    /* @__PURE__ */ jsx24(
       "button",
       {
         type: "button",
@@ -2041,10 +2241,10 @@ function ParticipantFailedMenu({ labels, onEdit, onDiscard }) {
         "data-cv-tooltip": menu.state.isOpen ? void 0 : label,
         onClick: menu.handleTriggerClick,
         onKeyDown: menu.handleTriggerKeyDown,
-        children: /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", children: "\u22EF" })
+        children: /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", children: "\u22EF" })
       }
     ),
-    menu.state.isOpen ? /* @__PURE__ */ jsx23(ParticipantFailedMenuList, { menu, labelledBy: triggerId, labels, onEdit, onDiscard }) : null
+    menu.state.isOpen ? /* @__PURE__ */ jsx24(ParticipantFailedMenuList, { menu, labelledBy: triggerId, labels, onEdit, onDiscard }) : null
   ] });
 }
 
@@ -2094,10 +2294,10 @@ function useParticipantCopyFeedback() {
 }
 
 // src/participant/ParticipantCopyableToken.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function ParticipantCopyableToken({ copyKind, value, labels }) {
   const { isCopied, copy } = useParticipantCopyFeedback();
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "button",
     {
       type: "button",
@@ -2106,8 +2306,8 @@ function ParticipantCopyableToken({ copyKind, value, labels }) {
       onClick: () => copy(value, labels.valueCopied),
       children: [
         value,
-        isCopied ? /* @__PURE__ */ jsxs19("span", { className: "cv-p-copyable__done", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx24(Check, { size: 12, "aria-hidden": true }),
+        isCopied ? /* @__PURE__ */ jsxs20("span", { className: "cv-p-copyable__done", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx25(Check, { size: 12, "aria-hidden": true }),
           " ",
           labels.valueCopied
         ] }) : null
@@ -2117,7 +2317,7 @@ function ParticipantCopyableToken({ copyKind, value, labels }) {
 }
 function ParticipantLinkCopyButton({ value, labels }) {
   const { isCopied, copy } = useParticipantCopyFeedback();
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "button",
     {
       type: "button",
@@ -2125,26 +2325,26 @@ function ParticipantLinkCopyButton({ value, labels }) {
       "aria-label": `${labels.copyValue} ${value}`,
       "data-cv-tooltip": labels.copyValue,
       onClick: () => copy(value, labels.valueCopied),
-      children: isCopied ? /* @__PURE__ */ jsx24(Check, { size: 14, "aria-hidden": true }) : /* @__PURE__ */ jsx24(Copy, { size: 14, "aria-hidden": true })
+      children: isCopied ? /* @__PURE__ */ jsx25(Check, { size: 14, "aria-hidden": true }) : /* @__PURE__ */ jsx25(Copy, { size: 14, "aria-hidden": true })
     }
   );
 }
 
 // src/participant/ParticipantMessageNodes.tsx
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 var LINK_REL = "noopener noreferrer nofollow ugc";
 function renderLink(node, labels, key) {
   const isExternal = /^https?:/i.test(node.href);
-  return /* @__PURE__ */ jsxs20("span", { className: "cv-p-text__link-group", children: [
-    /* @__PURE__ */ jsxs20("a", { className: "cv-p-text__link", href: node.href, rel: LINK_REL, target: isExternal ? "_blank" : void 0, children: [
+  return /* @__PURE__ */ jsxs21("span", { className: "cv-p-text__link-group", children: [
+    /* @__PURE__ */ jsxs21("a", { className: "cv-p-text__link", href: node.href, rel: LINK_REL, target: isExternal ? "_blank" : void 0, children: [
       node.label,
-      isExternal ? /* @__PURE__ */ jsxs20("span", { className: "cv-p-sr-only", children: [
+      isExternal ? /* @__PURE__ */ jsxs21("span", { className: "cv-p-sr-only", children: [
         " (",
         labels.externalLinkHint,
         ")"
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx25(ParticipantLinkCopyButton, { value: node.href, labels })
+    /* @__PURE__ */ jsx26(ParticipantLinkCopyButton, { value: node.href, labels })
   ] }, key);
 }
 function renderInlineNodes(nodes, labels) {
@@ -2153,17 +2353,17 @@ function renderInlineNodes(nodes, labels) {
       case "text":
         return node.value;
       case "strong":
-        return /* @__PURE__ */ jsx25("strong", { children: renderInlineNodes(node.children, labels) }, key);
+        return /* @__PURE__ */ jsx26("strong", { children: renderInlineNodes(node.children, labels) }, key);
       case "em":
-        return /* @__PURE__ */ jsx25("em", { children: renderInlineNodes(node.children, labels) }, key);
+        return /* @__PURE__ */ jsx26("em", { children: renderInlineNodes(node.children, labels) }, key);
       case "del":
-        return /* @__PURE__ */ jsx25("del", { children: renderInlineNodes(node.children, labels) }, key);
+        return /* @__PURE__ */ jsx26("del", { children: renderInlineNodes(node.children, labels) }, key);
       case "code":
-        return /* @__PURE__ */ jsx25("code", { className: "cv-p-text__code", children: node.value }, key);
+        return /* @__PURE__ */ jsx26("code", { className: "cv-p-text__code", children: node.value }, key);
       case "link":
         return renderLink(node, labels, key);
       case "copyable":
-        return /* @__PURE__ */ jsx25(ParticipantCopyableToken, { copyKind: node.copyKind, value: node.value, labels }, key);
+        return /* @__PURE__ */ jsx26(ParticipantCopyableToken, { copyKind: node.copyKind, value: node.value, labels }, key);
     }
   });
 }
@@ -2549,49 +2749,71 @@ function startsFenceLine(line) {
 }
 
 // src/participant/ParticipantMessageText.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function renderBlock(block, labels, key) {
-  if (block.kind === "paragraph") return /* @__PURE__ */ jsx26("span", { children: renderInlineNodes(block.children, labels) }, key);
+  if (block.kind === "paragraph") return /* @__PURE__ */ jsx27("span", { children: renderInlineNodes(block.children, labels) }, key);
   if (block.kind === "pre") {
-    return /* @__PURE__ */ jsx26("pre", { className: "cv-p-text__pre", children: /* @__PURE__ */ jsx26("code", { children: block.value }) }, key);
+    return /* @__PURE__ */ jsx27("pre", { className: "cv-p-text__pre", children: /* @__PURE__ */ jsx27("code", { children: block.value }) }, key);
   }
   if (block.kind === "quote") {
-    return /* @__PURE__ */ jsx26("blockquote", { className: "cv-p-text__quote", children: renderInlineNodes(block.children, labels) }, key);
+    return /* @__PURE__ */ jsx27("blockquote", { className: "cv-p-text__quote", children: renderInlineNodes(block.children, labels) }, key);
   }
-  const items = block.items.map((item, index) => /* @__PURE__ */ jsx26("li", { children: renderInlineNodes(item, labels) }, index));
+  const items = block.items.map((item, index) => /* @__PURE__ */ jsx27("li", { children: renderInlineNodes(item, labels) }, index));
   if (block.ordered) {
-    return /* @__PURE__ */ jsx26("ol", { className: "cv-p-text__list", start: block.start === 1 ? void 0 : block.start, children: items }, key);
+    return /* @__PURE__ */ jsx27("ol", { className: "cv-p-text__list", start: block.start === 1 ? void 0 : block.start, children: items }, key);
   }
-  return /* @__PURE__ */ jsx26("ul", { className: "cv-p-text__list", children: items }, key);
+  return /* @__PURE__ */ jsx27("ul", { className: "cv-p-text__list", children: items }, key);
 }
 function ParticipantMessageText({ text, labels, id }) {
   const blocks = useMemo2(() => parseParticipantMessage(text), [text]);
   if (blocks.length === 0) return null;
   const [only] = blocks;
   const children = blocks.length === 1 && only?.kind === "paragraph" ? renderInlineNodes(only.children, labels) : blocks.map((block, key) => renderBlock(block, labels, key));
-  return /* @__PURE__ */ jsx26("div", { className: "cv-p-text", id, children });
+  return /* @__PURE__ */ jsx27("div", { className: "cv-p-text", id, children });
 }
 
 // src/participant/ParticipantBubbleBody.tsx
-import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 function BubbleHeading({ content, labels }) {
-  if (content.isMine) return /* @__PURE__ */ jsx27("span", { className: "cv-p-sr-only", children: labels.me });
+  if (content.isMine) return /* @__PURE__ */ jsx28("span", { className: "cv-p-sr-only", children: labels.me });
   if (!content.authorName) return null;
-  return /* @__PURE__ */ jsx27("span", { className: "cv-p-bubble__author", children: content.authorName });
+  return /* @__PURE__ */ jsx28("span", { className: "cv-p-bubble__author", children: content.authorName });
+}
+function hostActions(content, render) {
+  if (!render || content.messageId === void 0) return null;
+  return render({
+    id: content.messageId,
+    text: content.text ?? null,
+    authorName: content.authorName ?? null,
+    isMine: content.isMine,
+    attachments: content.attachments,
+    createdAt: content.createdAt
+  });
 }
 function OriginalText({ content, labels }) {
   const original = content.originalText?.trim();
   if (!original || original === content.text?.trim()) return null;
-  return /* @__PURE__ */ jsxs21("details", { className: "cv-p-bubble__original", children: [
-    /* @__PURE__ */ jsx27("summary", { className: "cv-p-bubble__original-toggle", children: labels.showOriginalText ?? DEFAULT_SHOW_ORIGINAL_TEXT_LABEL }),
-    /* @__PURE__ */ jsx27("div", { className: "cv-p-bubble__original-text", children: original })
+  return /* @__PURE__ */ jsxs22("details", { className: "cv-p-bubble__original", children: [
+    /* @__PURE__ */ jsx28("summary", { className: "cv-p-bubble__original-toggle", children: labels.showOriginalText ?? DEFAULT_SHOW_ORIGINAL_TEXT_LABEL }),
+    /* @__PURE__ */ jsx28("div", { className: "cv-p-bubble__original-text", children: original })
   ] });
 }
-function BubbleBody({ content, labels, ownStatus, textId, resolveAttachmentUrl, onRetry, onDiscard, onEdit }) {
-  return /* @__PURE__ */ jsxs21(Fragment6, { children: [
-    /* @__PURE__ */ jsx27(BubbleHeading, { content, labels }),
-    content.text ? /* @__PURE__ */ jsx27(ParticipantMessageText, { text: content.text, labels, id: textId }) : null,
-    content.attachments.map((attachment) => /* @__PURE__ */ jsx27(
+function BubbleBody({
+  content,
+  labels,
+  ownStatus,
+  textId,
+  resolveAttachmentUrl,
+  onRetry,
+  onDiscard,
+  onEdit,
+  renderMessageActions
+}) {
+  const actions = hostActions(content, renderMessageActions);
+  return /* @__PURE__ */ jsxs22(Fragment6, { children: [
+    /* @__PURE__ */ jsx28(BubbleHeading, { content, labels }),
+    content.text ? /* @__PURE__ */ jsx28(ParticipantMessageText, { text: content.text, labels, id: textId }) : null,
+    content.attachments.map((attachment) => /* @__PURE__ */ jsx28(
       ParticipantAttachmentItem,
       {
         attachment,
@@ -2600,16 +2822,319 @@ function BubbleBody({ content, labels, ownStatus, textId, resolveAttachmentUrl,
       },
       attachment.id
     )),
-    content.pendingFilenames.map((filename, index) => /* @__PURE__ */ jsx27("span", { className: "cv-p-attachment cv-p-attachment--pending", children: filename }, `${filename}-${index}`)),
-    /* @__PURE__ */ jsxs21("span", { className: "cv-p-bubble__meta", children: [
-      /* @__PURE__ */ jsx27("time", { className: "cv-p-bubble__time", dateTime: content.createdAt, children: formatTimestamp(content.createdAt) }),
-      ownStatus ? /* @__PURE__ */ jsx27(OwnStatus, { status: ownStatus, labels, onRetry }) : null,
-      ownStatus === "failed" ? /* @__PURE__ */ jsx27(ParticipantFailedMenu, { labels, onEdit, onDiscard }) : null
+    content.pendingFilenames.map((filename, index) => /* @__PURE__ */ jsx28("span", { className: "cv-p-attachment cv-p-attachment--pending", children: filename }, `${filename}-${index}`)),
+    /* @__PURE__ */ jsxs22("span", { className: "cv-p-bubble__meta", children: [
+      /* @__PURE__ */ jsx28("time", { className: "cv-p-bubble__time", dateTime: content.createdAt, children: formatTimestamp(content.createdAt) }),
+      ownStatus ? /* @__PURE__ */ jsx28(OwnStatus, { status: ownStatus, labels, onRetry }) : null,
+      ownStatus === "failed" ? /* @__PURE__ */ jsx28(ParticipantFailedMenu, { labels, onEdit, onDiscard }) : null,
+      actions ? /* @__PURE__ */ jsx28("span", { className: "cv-p-bubble__host-actions", children: actions }) : null
     ] }),
-    /* @__PURE__ */ jsx27(OriginalText, { content, labels })
+    /* @__PURE__ */ jsx28(OriginalText, { content, labels })
+  ] });
+}
+
+// src/participant/ParticipantMenuBubble.tsx
+import { useRef as useRef14, useState as useState11 } from "react";
+
+// src/participant/ParticipantMessageMenu.tsx
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+import { useCallback as useCallback6, useId as useId4, useState as useState10 } from "react";
+
+// src/participant/ParticipantMessageInfo.tsx
+import { X } from "lucide-react";
+import { useEffect as useEffect14, useRef as useRef13 } from "react";
+
+// src/participant/useOpenUpwards.ts
+import { useLayoutEffect as useLayoutEffect3, useState as useState9 } from "react";
+var SCROLLER_SELECTOR3 = ".cv-p-thread__scroll";
+function useOpenUpwards(isOpen, panelRef) {
+  const [isUpwards, setUpwards] = useState9(false);
+  useLayoutEffect3(() => {
+    const panel = panelRef.current;
+    if (!isOpen || !panel) {
+      setUpwards(false);
+      return;
+    }
+    const scroller = panel.closest(SCROLLER_SELECTOR3);
+    if (!scroller) return;
+    setUpwards(panel.getBoundingClientRect().bottom > scroller.getBoundingClientRect().bottom);
+  }, [isOpen, panelRef]);
+  return isUpwards;
+}
+
+// src/participant/ParticipantMessageInfo.tsx
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+function ParticipantMessageInfo({ state, message, onClose }) {
+  const panelRef = useRef13(null);
+  const closeRef = useRef13(null);
+  const { labels } = state;
+  const title = labels.messageInfo ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.messageInfo ?? "";
+  const rows = messageInfoRows(message, labels, state.locale);
+  const isUpwards = useOpenUpwards(true, panelRef);
+  useEffect14(() => {
+    closeRef.current?.focus();
+    function handleKeyDown(event) {
+      if (event.key === "Escape") onClose();
+    }
+    function handlePointerDown(event) {
+      if (event.target instanceof Node && !panelRef.current?.contains(event.target)) onClose();
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.removeEventListener("pointerdown", handlePointerDown);
+    };
+  }, [onClose]);
+  return /* @__PURE__ */ jsxs23(
+    "div",
+    {
+      ref: panelRef,
+      role: "dialog",
+      "aria-label": title,
+      className: `cv-p-failed-menu__list cv-p-message-menu__list cv-p-message-info${isUpwards ? " cv-p-message-menu__list--up" : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs23("div", { className: "cv-p-message-info__head", children: [
+          /* @__PURE__ */ jsx29("span", { className: "cv-p-message-info__title", children: title }),
+          /* @__PURE__ */ jsx29(
+            "button",
+            {
+              ref: closeRef,
+              type: "button",
+              className: "cv-p-message-info__close",
+              "aria-label": labels.closeMessageInfo ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.closeMessageInfo,
+              onClick: onClose,
+              children: /* @__PURE__ */ jsx29(X, { size: 14, "aria-hidden": true })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx29("dl", { className: "cv-p-message-info__rows", children: rows.map((row) => /* @__PURE__ */ jsxs23("div", { className: "cv-p-message-info__row", children: [
+          /* @__PURE__ */ jsx29("dt", { children: row.label }),
+          /* @__PURE__ */ jsx29("dd", { children: row.value })
+        ] }, row.id)) })
+      ]
+    }
+  );
+}
+
+// src/participant/ParticipantMessageMenu.tsx
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+function transcriptionEntries(props, copy) {
+  const { state, message } = props;
+  const { labels } = state;
+  const ready = readyTranscriptions(message.attachments);
+  const [first] = ready;
+  if (!first) return [];
+  const prefix = labels.transcriptionPrefix ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.transcriptionPrefix ?? "";
+  const text = ready.map((entry) => entry.text).join("\n\n");
+  const author = message.isMine ? labels.me : message.authorName ?? "";
+  const head = `[${formatMessageMoment(message.createdAt, state.locale)}]${author === "" ? "" : ` ${author}`}`;
+  return [
+    {
+      id: "copy-transcription",
+      label: labels.copyTranscription ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.copyTranscription ?? "",
+      run: () => copy(text)
+    },
+    {
+      id: "download-transcription",
+      label: labels.downloadTranscription ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.downloadTranscription ?? "",
+      run: () => downloadTextFile(transcriptionFileName(first.filename, prefix), `${head}
+
+${text}
+`)
+    }
+  ];
+}
+function entriesFor(props, copy, showInfo) {
+  const { state, message, selectedText } = props;
+  const { labels } = state;
+  const text = copyableText(message);
+  const own = [];
+  if (selectedText !== "" && selectedText !== text) {
+    own.push({
+      id: "copy-selection",
+      label: labels.copySelection ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.copySelection ?? "",
+      run: () => copy(selectedText)
+    });
+  }
+  if (text !== null)
+    own.push({ id: "copy", label: labels.copyMessage ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.copyMessage ?? "", run: () => copy(text) });
+  own.push({
+    id: "select",
+    label: labels.selectMessages ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.selectMessages ?? "",
+    run: () => state.start(message.id)
+  });
+  own.push(...transcriptionEntries(props, copy));
+  own.push({ id: "info", label: labels.messageInfo ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.messageInfo ?? "", run: showInfo });
+  return [...own, ...(state.options.items?.(message) ?? []).map((item) => ({ ...item, run: item.onSelect }))];
+}
+function ParticipantMessageMenu(props) {
+  const { menu, state } = props;
+  const triggerId = useId4();
+  const { copy } = useParticipantCopyFeedback();
+  const label = state.labels.messageOptions ?? DEFAULT_MESSAGE_OPTIONS_LABEL;
+  const [isInfoOpen, setInfoOpen] = useState10(false);
+  const closeInfo = useCallback6(() => setInfoOpen(false), []);
+  const entries = entriesFor(
+    props,
+    (value) => copy(value, state.labels.valueCopied),
+    () => setInfoOpen(true)
+  );
+  const isUpwards = useOpenUpwards(menu.state.isOpen, menu.menuRef);
+  const listClass = `cv-p-failed-menu__list cv-p-message-menu__list${isUpwards ? " cv-p-message-menu__list--up" : ""}`;
+  function choose(entry) {
+    menu.close();
+    entry.run?.();
+  }
+  return /* @__PURE__ */ jsxs24(
+    "span",
+    {
+      className: "cv-p-message-menu",
+      "data-open": menu.state.isOpen || isInfoOpen ? "true" : void 0,
+      ref: menu.containerRef,
+      onBlur: menu.handleBlur,
+      children: [
+        /* @__PURE__ */ jsx30(
+          "button",
+          {
+            type: "button",
+            id: triggerId,
+            ref: menu.triggerRef,
+            className: "cv-p-message-menu__trigger",
+            "aria-haspopup": "menu",
+            "aria-expanded": menu.state.isOpen,
+            "aria-label": label,
+            onPointerDown: props.onTriggerPointerDown,
+            onClick: menu.handleTriggerClick,
+            onKeyDown: menu.handleTriggerKeyDown,
+            children: /* @__PURE__ */ jsx30(ChevronDown2, { size: 16, "aria-hidden": true })
+          }
+        ),
+        menu.state.isOpen ? /* @__PURE__ */ jsx30(
+          "div",
+          {
+            role: "menu",
+            "aria-labelledby": triggerId,
+            ref: menu.menuRef,
+            className: listClass,
+            onKeyDown: menu.handleMenuKeyDown,
+            children: entries.map(
+              (entry) => entry.href ? /* @__PURE__ */ jsx30(
+                "a",
+                {
+                  role: "menuitem",
+                  tabIndex: -1,
+                  className: "cv-p-failed-menu__item cv-p-message-menu__item",
+                  href: entry.href,
+                  download: entry.download,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  "aria-disabled": entry.disabled ? "true" : void 0,
+                  onClick: () => choose(entry),
+                  children: entry.label
+                },
+                entry.id
+              ) : /* @__PURE__ */ jsx30(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  tabIndex: -1,
+                  className: "cv-p-failed-menu__item cv-p-message-menu__item",
+                  disabled: entry.disabled,
+                  onClick: () => choose(entry),
+                  children: entry.label
+                },
+                entry.id
+              )
+            )
+          }
+        ) : null,
+        isInfoOpen ? /* @__PURE__ */ jsx30(ParticipantMessageInfo, { state, message: props.message, onClose: closeInfo }) : null
+      ]
+    }
+  );
+}
+
+// src/participant/ParticipantMenuBubble.tsx
+import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+var LONG_PRESS_MS = 500;
+function ParticipantMenuBubble({ props, content, textId, state }) {
+  const menu = useParticipantFailedMenu();
+  const bubbleRef = useRef14(null);
+  const pressTimer = useRef14(void 0);
+  const [selectedText, setSelectedText] = useState11("");
+  const id = content.messageId ?? "";
+  const message = state.messages.find((candidate) => candidate.id === id);
+  function captureSelection() {
+    if (!menu.state.isOpen) setSelectedText(selectedTextWithin(bubbleRef.current));
+  }
+  function openFromGesture() {
+    captureSelection();
+    if (!menu.state.isOpen) menu.open();
+  }
+  function cancelPress() {
+    clearTimeout(pressTimer.current);
+  }
+  if (state.isSelecting)
+    return /* @__PURE__ */ jsx31(SelectRow, { state, id, children: renderParticipantBubble({ props, content, textId }) });
+  if (!message) return renderParticipantBubble({ props, content, textId });
+  return renderParticipantBubble({
+    props,
+    content,
+    textId,
+    frame: {
+      ref: bubbleRef,
+      className: menu.state.isOpen ? "cv-p-bubble--menu-open" : void 0,
+      handlers: {
+        onContextMenu: (event) => {
+          event.preventDefault();
+          openFromGesture();
+        },
+        onPointerDown: (event) => {
+          if (event.pointerType !== "touch") return;
+          cancelPress();
+          pressTimer.current = setTimeout(openFromGesture, LONG_PRESS_MS);
+        },
+        onPointerUp: cancelPress,
+        onPointerCancel: cancelPress,
+        onPointerMove: cancelPress
+      },
+      corner: /* @__PURE__ */ jsx31(
+        ParticipantMessageMenu,
+        {
+          menu,
+          state,
+          message,
+          selectedText,
+          onTriggerPointerDown: captureSelection
+        }
+      )
+    }
+  });
+}
+function SelectRow({ state, id, children }) {
+  const isSelected = state.selectedIds.includes(id);
+  const label = state.labels.selectMessage ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.selectMessage ?? "";
+  return /* @__PURE__ */ jsxs25("div", { className: "cv-p-select-row", "data-selected": isSelected ? "true" : void 0, onClick: () => state.toggle(id), children: [
+    /* @__PURE__ */ jsx31(
+      "input",
+      {
+        type: "checkbox",
+        className: "cv-p-select-row__check",
+        checked: isSelected,
+        "aria-label": label,
+        onChange: () => state.toggle(id),
+        onClick: (event) => event.stopPropagation()
+      }
+    ),
+    children
   ] });
 }
 
+// src/participant/ParticipantMessageMenuContext.tsx
+import { createContext as createContext2, useCallback as useCallback7, useContext as useContext2, useEffect as useEffect15, useMemo as useMemo3, useState as useState12 } from "react";
+
 // src/participant/participantPerspective.ts
 var DEFAULT_PARTICIPANT_PERSPECTIVE = "participant";
 var OWN_DIRECTION = {
@@ -2671,8 +3196,74 @@ function resolveOwnMessageStatus(params) {
   return serverStatus;
 }
 
+// src/participant/ParticipantMessageMenuContext.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+var MessageMenuContext = createContext2(null);
+function useParticipantMessageMenu() {
+  return useContext2(MessageMenuContext);
+}
+function toMessageTargets(items, perspective) {
+  return items.flatMap(
+    (item) => item.kind === "server" ? [
+      {
+        id: item.message.id,
+        text: item.message.text ?? null,
+        authorName: item.message.authorName ?? null,
+        isMine: isOwnMessage(item.message, perspective),
+        attachments: item.message.attachments,
+        createdAt: item.message.createdAt,
+        status: item.message.status,
+        readAt: item.message.readAt ?? null
+      }
+    ] : []
+  );
+}
+function ParticipantMessageMenuProvider({
+  options,
+  labels,
+  locale,
+  items,
+  perspective,
+  children
+}) {
+  const [selection, setSelection] = useState12({
+    isSelecting: false,
+    ids: []
+  });
+  const clear = useCallback7(() => setSelection({ isSelecting: false, ids: [] }), []);
+  const start = useCallback7((id) => setSelection({ isSelecting: true, ids: id ? [id] : [] }), []);
+  const toggle = useCallback7(
+    (id) => setSelection((current) => ({ ...current, ids: toggleSelectedId(current.ids, id) })),
+    []
+  );
+  const messages = useMemo3(() => toMessageTargets(items, perspective), [items, perspective]);
+  useEffect15(() => {
+    if (!selection.isSelecting) return void 0;
+    function handleKeyDown(event) {
+      if (event.key === "Escape") clear();
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [selection.isSelecting, clear]);
+  const value = useMemo3(
+    () => options ? {
+      options,
+      labels,
+      locale,
+      messages,
+      selectedIds: selection.ids,
+      isSelecting: selection.isSelecting,
+      start,
+      toggle,
+      clear
+    } : null,
+    [options, labels, locale, messages, selection, start, toggle, clear]
+  );
+  return /* @__PURE__ */ jsx32(MessageMenuContext.Provider, { value, children });
+}
+
 // src/participant/ParticipantMessageBubble.tsx
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 function describeItem(item, perspective) {
   if (item.kind === "server") {
     const { message } = item;
@@ -2684,7 +3275,8 @@ function describeItem(item, perspective) {
       createdAt: message.createdAt,
       attachments: message.attachments,
       pendingFilenames: [],
-      serverStatus: message.status
+      serverStatus: message.status,
+      messageId: message.id
     };
   }
   return {
@@ -2703,23 +3295,32 @@ function bubbleClassName(isMine, hasTail, hasFailed) {
   if (!hasTail) classes.push("cv-p-bubble--no-tail");
   return classes.join(" ");
 }
-function ParticipantMessageBubble(props) {
-  const { item, labels, confirmsRead, onRetry, avatar, tail = true, perspective } = props;
-  const textId = useId3();
-  const content = describeItem(item, perspective);
+function renderParticipantBubble({ props, content, textId, frame }) {
+  const { confirmsRead, onRetry, avatar, tail = true } = props;
   const ownStatus = content.isMine ? resolveOwnMessageStatus({ displayState: content.displayState, serverStatus: content.serverStatus, confirmsRead }) : void 0;
   const isFailed = ownStatus === "failed";
   const canRetry = isFailed && onRetry !== void 0;
-  const bubble = /* @__PURE__ */ jsxs22("div", { className: bubbleClassName(content.isMine, tail, isFailed), children: [
-    canRetry ? /* @__PURE__ */ jsx28(RetryButton, { labels, onRetry, describedBy: textId }) : null,
-    /* @__PURE__ */ jsx28(BubbleBody, { ...props, content, ownStatus, textId: canRetry ? textId : void 0 })
+  const className = [bubbleClassName(content.isMine, tail, isFailed), frame?.className].filter(Boolean).join(" ");
+  const bubble = /* @__PURE__ */ jsxs26("div", { className, ref: frame?.ref, ...frame?.handlers, children: [
+    canRetry ? /* @__PURE__ */ jsx33(RetryButton, { labels: props.labels, onRetry, describedBy: textId }) : null,
+    /* @__PURE__ */ jsx33(BubbleBody, { ...props, content, ownStatus, textId: canRetry ? textId : void 0 }),
+    frame?.corner
   ] });
   if (avatar === void 0 || content.isMine) return bubble;
-  return /* @__PURE__ */ jsxs22("div", { className: "cv-p-bubble-row", children: [
-    /* @__PURE__ */ jsx28("span", { className: "cv-p-bubble-row__avatar", children: avatar }),
+  return /* @__PURE__ */ jsxs26("div", { className: "cv-p-bubble-row", children: [
+    /* @__PURE__ */ jsx33("span", { className: "cv-p-bubble-row__avatar", children: avatar }),
     bubble
   ] });
 }
+function ParticipantMessageBubble(props) {
+  const textId = useId5();
+  const menu = useParticipantMessageMenu();
+  const content = describeItem(props.item, props.perspective);
+  if (menu && content.messageId !== void 0) {
+    return /* @__PURE__ */ jsx33(ParticipantMenuBubble, { props, content, textId, state: menu });
+  }
+  return renderParticipantBubble({ props, content, textId });
+}
 
 // src/participant/participantBubbleActions.ts
 function bindPendingActions(actions, clientMessageId) {
@@ -2738,7 +3339,7 @@ function resolveParticipantBubbleActions(item, handlers) {
 }
 
 // src/participant/ParticipantTimeline.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function createdAtOf2(item) {
   return item.kind === "server" ? item.message.createdAt : item.pending.createdAt;
 }
@@ -2755,7 +3356,7 @@ function resolveActions(item, pendingActions) {
 }
 function resolveAvatarSlot({ isEnabled, isMine, showAvatar, author, render }) {
   if (!isEnabled || isMine) return void 0;
-  return showAvatar ? /* @__PURE__ */ jsx29(ParticipantAuthorAvatar, { name: author, render }) : null;
+  return showAvatar ? /* @__PURE__ */ jsx34(ParticipantAuthorAvatar, { name: author, render }) : null;
 }
 function ParticipantTimeline(props) {
   const { items, labels, locale, resolveAttachmentUrl, pendingActions } = props;
@@ -2767,7 +3368,7 @@ function ParticipantTimeline(props) {
   for (const item of items) {
     const day = new Date(createdAtOf2(item));
     if (previousDay === void 0 || !isSameDay(previousDay, day)) {
-      nodes.push(/* @__PURE__ */ jsx29(ParticipantDayDivider, { day, locale }, `day:${keyOf(item)}`));
+      nodes.push(/* @__PURE__ */ jsx34(ParticipantDayDivider, { day, locale }, `day:${keyOf(item)}`));
       previousAuthor = void 0;
     }
     previousDay = day;
@@ -2782,7 +3383,7 @@ function ParticipantTimeline(props) {
       render: props.renderAuthorAvatar
     });
     nodes.push(
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx34(
         ParticipantMessageBubble,
         {
           item,
@@ -2792,25 +3393,77 @@ function ParticipantTimeline(props) {
           tail: props.tail,
           perspective: props.perspective,
           avatar,
+          renderMessageActions: props.renderMessageActions,
           ...resolveActions(item, pendingActions)
         },
         keyOf(item)
       )
     );
   }
-  return /* @__PURE__ */ jsx29("div", { className: "cv-p-thread__messages", children: nodes });
+  return /* @__PURE__ */ jsx34("div", { className: "cv-p-thread__messages", children: nodes });
+}
+
+// src/participant/ParticipantSelectionBar.tsx
+import { X as X2 } from "lucide-react";
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+function ParticipantSelectionBar({ state }) {
+  const { labels } = state;
+  const { copy } = useParticipantCopyFeedback();
+  const selected = selectedInOrder(state.messages, state.selectedIds);
+  const count = formatParticipantLabel(labels.selectedCount ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.selectedCount ?? "{count}", selected.length);
+  const actions = state.options.selectionActions?.(selected) ?? [];
+  const isEmpty = selected.length === 0;
+  function copySelected() {
+    copy(
+      formatMessagesForCopy(selected, {
+        locale: state.locale,
+        meLabel: labels.me,
+        transcriptionLabel: labels.transcriptionPrefix ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.transcriptionPrefix
+      }),
+      labels.valueCopied
+    );
+    state.clear();
+  }
+  return /* @__PURE__ */ jsxs27("div", { className: "cv-p-selection-bar", role: "toolbar", "aria-label": count, children: [
+    /* @__PURE__ */ jsx35(
+      "button",
+      {
+        type: "button",
+        className: "cv-p-selection-bar__close",
+        "aria-label": labels.cancelSelection ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.cancelSelection,
+        onClick: state.clear,
+        children: /* @__PURE__ */ jsx35(X2, { size: 18, "aria-hidden": true })
+      }
+    ),
+    /* @__PURE__ */ jsx35("span", { className: "cv-p-selection-bar__count", "aria-live": "polite", children: count }),
+    /* @__PURE__ */ jsx35("button", { type: "button", className: "cv-p-selection-bar__action", disabled: isEmpty, onClick: copySelected, children: labels.copyMessage ?? DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS.copyMessage }),
+    actions.map((action) => /* @__PURE__ */ jsx35(
+      "button",
+      {
+        type: "button",
+        className: "cv-p-selection-bar__action",
+        disabled: isEmpty || action.disabled,
+        onClick: () => {
+          action.onSelect(selected);
+          state.clear();
+        },
+        children: action.label
+      },
+      action.id
+    ))
+  ] });
 }
 
 // src/participant/ParticipantConversationAvatar.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function ParticipantConversationAvatar({ icon }) {
-  return /* @__PURE__ */ jsx30("span", { className: "cv-p-thread__avatar", "aria-hidden": "true", children: icon });
+  return /* @__PURE__ */ jsx36("span", { className: "cv-p-thread__avatar", "aria-hidden": "true", children: icon });
 }
 
 // src/participant/ParticipantProtocolBadge.tsx
 import { Check as Check2, Copy as Copy2 } from "lucide-react";
-import { useEffect as useEffect14, useReducer as useReducer4 } from "react";
-import { Fragment as Fragment7, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useReducer as useReducer4 } from "react";
+import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
 var COPIED_ANNOUNCEMENT_MS = 3e3;
 function ParticipantProtocolBadgeView({
   protocol,
@@ -2819,16 +3472,16 @@ function ParticipantProtocolBadgeView({
   onCopy
 }) {
   const { isCopied, copyCount } = copyState;
-  return /* @__PURE__ */ jsxs23(Fragment7, { children: [
-    /* @__PURE__ */ jsxs23("span", { className: "cv-p-protocol cv-p-protocol--header", children: [
-      /* @__PURE__ */ jsxs23("span", { className: "cv-p-protocol__code", children: [
-        /* @__PURE__ */ jsxs23("span", { className: "cv-p-sr-only", children: [
+  return /* @__PURE__ */ jsxs28(Fragment7, { children: [
+    /* @__PURE__ */ jsxs28("span", { className: "cv-p-protocol cv-p-protocol--header", children: [
+      /* @__PURE__ */ jsxs28("span", { className: "cv-p-protocol__code", children: [
+        /* @__PURE__ */ jsxs28("span", { className: "cv-p-sr-only", children: [
           labels.protocolPrefix,
           " "
         ] }),
         protocol
       ] }),
-      /* @__PURE__ */ jsxs23(
+      /* @__PURE__ */ jsxs28(
         "button",
         {
           type: "button",
@@ -2837,19 +3490,19 @@ function ParticipantProtocolBadgeView({
           "data-cv-tooltip": labels.copyProtocol,
           onClick: onCopy,
           children: [
-            isCopied ? /* @__PURE__ */ jsx31(Check2, { size: 18, "aria-hidden": true }) : /* @__PURE__ */ jsx31(Copy2, { size: 18, "aria-hidden": true }),
-            isCopied ? /* @__PURE__ */ jsx31("span", { className: "cv-p-protocol__copied", "aria-hidden": "true", children: labels.protocolCopied }) : null
+            isCopied ? /* @__PURE__ */ jsx37(Check2, { size: 18, "aria-hidden": true }) : /* @__PURE__ */ jsx37(Copy2, { size: 18, "aria-hidden": true }),
+            isCopied ? /* @__PURE__ */ jsx37("span", { className: "cv-p-protocol__copied", "aria-hidden": "true", children: labels.protocolCopied }) : null
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx31("div", { className: "cv-p-sr-only", role: "status", "aria-live": "polite", children: isCopied ? /* @__PURE__ */ jsx31("span", { children: labels.protocolCopied }, copyCount) : null })
+    /* @__PURE__ */ jsx37("div", { className: "cv-p-sr-only", role: "status", "aria-live": "polite", children: isCopied ? /* @__PURE__ */ jsx37("span", { children: labels.protocolCopied }, copyCount) : null })
   ] });
 }
 function ParticipantProtocolBadge({ protocol, labels }) {
   const [copyState, dispatch] = useReducer4(protocolCopyReducer, INITIAL_PROTOCOL_COPY_STATE);
   const { isCopied, copyCount } = copyState;
-  useEffect14(() => {
+  useEffect16(() => {
     if (!isCopied) return void 0;
     const timer = setTimeout(() => dispatch({ type: "expired" }), COPIED_ANNOUNCEMENT_MS);
     return () => clearTimeout(timer);
@@ -2858,7 +3511,7 @@ function ParticipantProtocolBadge({ protocol, labels }) {
     const clipboard = typeof navigator === "undefined" ? void 0 : navigator.clipboard;
     if (await copyProtocolToClipboard(protocol, clipboard)) dispatch({ type: "copied" });
   }
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx37(
     ParticipantProtocolBadgeView,
     {
       protocol,
@@ -2870,19 +3523,19 @@ function ParticipantProtocolBadge({ protocol, labels }) {
 }
 
 // src/participant/ParticipantThreadHeader.tsx
-import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
 function Title({ conversation, labels, onOpenSubject }) {
   const { subjectType, subjectId, subjectLabel } = conversation;
-  return /* @__PURE__ */ jsx32("h2", { className: "cv-p-thread__title", children: onOpenSubject ? /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx38("h2", { className: "cv-p-thread__title", children: onOpenSubject ? /* @__PURE__ */ jsx38(
     "button",
     {
       type: "button",
       className: "cv-p-thread__title-button",
       "aria-label": `${labels.openSubject}: ${subjectLabel}`,
       onClick: () => onOpenSubject({ subjectType, subjectId }),
-      children: /* @__PURE__ */ jsx32("span", { className: "cv-p-thread__title-text", children: subjectLabel })
+      children: /* @__PURE__ */ jsx38("span", { className: "cv-p-thread__title-text", children: subjectLabel })
     }
-  ) : /* @__PURE__ */ jsx32("span", { className: "cv-p-thread__title-text", children: subjectLabel }) });
+  ) : /* @__PURE__ */ jsx38("span", { className: "cv-p-thread__title-text", children: subjectLabel }) });
 }
 function ParticipantThreadHeader({
   conversation,
@@ -2897,34 +3550,36 @@ function ParticipantThreadHeader({
   const group = subjectGroups?.find((candidate) => candidate.subjectType === conversation.subjectType);
   const icon = resolveConversationIcon({ conversation, group, renderSubjectIcon });
   const hasChannels = resolveParticipantChannels(conversation.channels).length > 0;
-  return /* @__PURE__ */ jsxs24("header", { className: "cv-p-thread__header", children: [
-    onBack ? /* @__PURE__ */ jsx32(ParticipantBackButton, { label: labels.back, onBack }) : null,
-    icon !== void 0 ? /* @__PURE__ */ jsx32(ParticipantConversationAvatar, { icon }) : null,
-    /* @__PURE__ */ jsxs24("div", { className: "cv-p-thread__heading", children: [
-      icon === void 0 && group ? /* @__PURE__ */ jsx32("p", { className: "cv-p-thread__eyebrow", children: group.label }) : null,
-      /* @__PURE__ */ jsx32(Title, { conversation, labels, onOpenSubject }),
-      counterpartLabel ? /* @__PURE__ */ jsx32("p", { className: "cv-p-thread__counterpart", children: counterpartLabel }) : null,
-      conversation.protocol || hasChannels ? /* @__PURE__ */ jsxs24("div", { className: "cv-p-thread__meta", children: [
-        conversation.protocol ? /* @__PURE__ */ jsx32(ParticipantProtocolBadge, { protocol: conversation.protocol, labels }) : null,
-        /* @__PURE__ */ jsx32(ParticipantChannelBadges, { channels: conversation.channels, labels, variant: "inline", iconSize: 16 })
+  return /* @__PURE__ */ jsxs29("header", { className: "cv-p-thread__header", children: [
+    onBack ? /* @__PURE__ */ jsx38(ParticipantBackButton, { label: labels.back, onBack }) : null,
+    icon !== void 0 ? /* @__PURE__ */ jsx38(ParticipantConversationAvatar, { icon }) : null,
+    /* @__PURE__ */ jsxs29("div", { className: "cv-p-thread__heading", children: [
+      icon === void 0 && group ? /* @__PURE__ */ jsx38("p", { className: "cv-p-thread__eyebrow", children: group.label }) : null,
+      /* @__PURE__ */ jsx38(Title, { conversation, labels, onOpenSubject }),
+      counterpartLabel ? /* @__PURE__ */ jsx38("p", { className: "cv-p-thread__counterpart", children: counterpartLabel }) : null,
+      conversation.protocol || hasChannels ? /* @__PURE__ */ jsxs29("div", { className: "cv-p-thread__meta", children: [
+        conversation.protocol ? /* @__PURE__ */ jsx38(ParticipantProtocolBadge, { protocol: conversation.protocol, labels }) : null,
+        /* @__PURE__ */ jsx38(ParticipantChannelBadges, { channels: conversation.channels, labels, variant: "inline", iconSize: 16 })
       ] }) : null
     ] }),
-    actions ? /* @__PURE__ */ jsx32("div", { className: "cv-p-thread__actions", children: actions }) : null
+    actions ? /* @__PURE__ */ jsx38("div", { className: "cv-p-thread__actions", children: actions }) : null
   ] });
 }
 
 // src/participant/ParticipantThread.tsx
-import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
 function Footer({ props }) {
   const { conversation, labels, draft } = props;
+  const menu = useParticipantMessageMenu();
+  if (menu?.isSelecting) return /* @__PURE__ */ jsx39(ParticipantSelectionBar, { state: menu });
   if (conversation.status === "closed") {
-    return /* @__PURE__ */ jsx33("p", { className: "cv-p-thread__closed", children: labels.closedNotice });
+    return /* @__PURE__ */ jsx39("p", { className: "cv-p-thread__closed", children: labels.closedNotice });
   }
   const lock = props.renderComposerLock?.(conversation);
   if (lock !== void 0 && lock !== null) {
-    return /* @__PURE__ */ jsx33("div", { className: "cv-p-thread__lock", role: "region", "aria-live": "polite", children: lock });
+    return /* @__PURE__ */ jsx39("div", { className: "cv-p-thread__lock", role: "region", "aria-live": "polite", children: lock });
   }
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx39(
     ParticipantComposer,
     {
       value: draft.value,
@@ -2944,7 +3599,12 @@ function Footer({ props }) {
   );
 }
 function Header({ props }) {
-  return /* @__PURE__ */ jsx33(
+  const menu = useParticipantMessageMenu();
+  const actions = menu ? /* @__PURE__ */ jsxs30(Fragment8, { children: [
+    props.headerActions,
+    /* @__PURE__ */ jsx39(ParticipantConversationMenu, { state: menu, title: props.conversation.subjectLabel })
+  ] }) : props.headerActions;
+  return /* @__PURE__ */ jsx39(
     ParticipantThreadHeader,
     {
       conversation: props.conversation,
@@ -2954,7 +3614,7 @@ function Header({ props }) {
       onBack: props.onBack,
       onOpenSubject: props.onOpenSubject,
       counterpartLabel: props.counterpartLabel,
-      actions: props.headerActions
+      actions
     }
   );
 }
@@ -2962,17 +3622,17 @@ function ThreadBody(props) {
   const { conversation, labels, hasMore, onLoadOlder, renderSubjectCard } = props;
   const subjectCard = renderSubjectCard?.(conversation);
   const loadView = resolveLoadView({ status: props.status, hasItems: props.items.length > 0 });
-  const rootRef = useRef13(null);
+  const rootRef = useRef15(null);
   useSuppressTouchTooltips(rootRef);
-  return /* @__PURE__ */ jsxs25("div", { className: "cv-p cv-p-thread", "aria-busy": loadView.isLoading, ref: rootRef, children: [
-    /* @__PURE__ */ jsx33(Header, { props }),
-    subjectCard ? /* @__PURE__ */ jsx33("div", { className: "cv-p-thread__subject-card", children: subjectCard }) : null,
-    /* @__PURE__ */ jsxs25("div", { className: "cv-p-thread__scroll", ref: props.scroll.ref, onScroll: props.scroll.onScroll, tabIndex: -1, children: [
-      loadView.isLoading ? /* @__PURE__ */ jsx33(ParticipantLoading, { labels }) : null,
-      loadView.hasError ? /* @__PURE__ */ jsx33(ParticipantLoadError, { labels, onRetry: props.refresh }) : null,
-      hasMore && onLoadOlder ? /* @__PURE__ */ jsx33("button", { type: "button", className: "cv-p-thread__older", onClick: onLoadOlder, children: labels.loadOlder }) : null,
-      /* @__PURE__ */ jsx33(ParticipantTimeline, { ...props }),
-      /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs30("div", { className: "cv-p cv-p-thread", "aria-busy": loadView.isLoading, ref: rootRef, children: [
+    /* @__PURE__ */ jsx39(Header, { props }),
+    subjectCard ? /* @__PURE__ */ jsx39("div", { className: "cv-p-thread__subject-card", children: subjectCard }) : null,
+    /* @__PURE__ */ jsxs30("div", { className: "cv-p-thread__scroll", ref: props.scroll.ref, onScroll: props.scroll.onScroll, tabIndex: -1, children: [
+      loadView.isLoading ? /* @__PURE__ */ jsx39(ParticipantLoading, { labels }) : null,
+      loadView.hasError ? /* @__PURE__ */ jsx39(ParticipantLoadError, { labels, onRetry: props.refresh }) : null,
+      hasMore && onLoadOlder ? /* @__PURE__ */ jsx39("button", { type: "button", className: "cv-p-thread__older", onClick: onLoadOlder, children: labels.loadOlder }) : null,
+      /* @__PURE__ */ jsx39(ParticipantTimeline, { ...props }),
+      /* @__PURE__ */ jsx39(
         ParticipantScrollToLatest,
         {
           label: labels.scrollToLatest,
@@ -2983,19 +3643,29 @@ function ThreadBody(props) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx33(ParticipantThreadLive, { notice: props.newMessagesCount > 0 ? labels.newMessages : "" }),
-    /* @__PURE__ */ jsx33(Footer, { props })
+    /* @__PURE__ */ jsx39(ParticipantThreadLive, { notice: props.newMessagesCount > 0 ? labels.newMessages : "" }),
+    /* @__PURE__ */ jsx39(Footer, { props })
   ] });
 }
 function ParticipantThread(props) {
-  return /* @__PURE__ */ jsxs25(ParticipantCopyAnnouncer, { children: [
-    /* @__PURE__ */ jsx33(ThreadBody, { ...props }),
-    /* @__PURE__ */ jsx33(TooltipLayer, {})
+  return /* @__PURE__ */ jsxs30(ParticipantCopyAnnouncer, { children: [
+    /* @__PURE__ */ jsx39(
+      ParticipantMessageMenuProvider,
+      {
+        options: props.messageMenu,
+        labels: props.labels,
+        locale: props.locale,
+        items: props.items,
+        perspective: props.perspective,
+        children: /* @__PURE__ */ jsx39(ThreadBody, { ...props })
+      }
+    ),
+    /* @__PURE__ */ jsx39(TooltipLayer, {})
   ] });
 }
 
 // src/participant/useParticipantThreadController.ts
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 
 // src/participant/bindAttachmentUrlResolver.ts
 function bindAttachmentUrlResolver(api) {
@@ -3079,7 +3749,7 @@ function appendEntryToDraft(entry, current) {
 }
 
 // src/participant/useParticipantConversationView.ts
-import { useCallback as useCallback9, useMemo as useMemo4 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo5 } from "react";
 
 // src/participant/participantDrafts.ts
 var EMPTY_PARTICIPANT_DRAFT = { text: "", files: [] };
@@ -3123,7 +3793,7 @@ function participantSendStatesReducer(states, { subject, action }) {
 }
 
 // src/participant/useParticipantThread.ts
-import { useCallback as useCallback8, useEffect as useEffect18, useMemo as useMemo3, useReducer as useReducer5, useRef as useRef17 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect20, useMemo as useMemo4, useReducer as useReducer5, useRef as useRef19 } from "react";
 
 // src/participant/participantThreadState.ts
 var INITIAL_PARTICIPANT_THREAD_STATE = {
@@ -3159,7 +3829,7 @@ function participantThreadReducer(state, action) {
 }
 
 // src/participant/useParticipantMarkRead.ts
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect18 } from "react";
 
 // src/participant/shouldMarkRead.ts
 function shouldMarkParticipantRead(params) {
@@ -3171,12 +3841,12 @@ function shouldMarkParticipantRead(params) {
 }
 
 // src/participant/useDocumentVisibility.ts
-import { useEffect as useEffect15, useState as useState9 } from "react";
+import { useEffect as useEffect17, useState as useState13 } from "react";
 function useDocumentVisibility() {
-  const [visibilityState, setVisibilityState] = useState9(
+  const [visibilityState, setVisibilityState] = useState13(
     () => typeof document === "undefined" ? "visible" : document.visibilityState
   );
-  useEffect15(() => {
+  useEffect17(() => {
     function handleVisibilityChange() {
       setVisibilityState(document.visibilityState);
     }
@@ -3191,18 +3861,18 @@ function useDocumentVisibility() {
 function useParticipantMarkRead(params) {
   const { apiRef, subject, unreadCount, messageCount, onMarkedRead } = params;
   const visibilityState = useDocumentVisibility();
-  useEffect16(() => {
+  useEffect18(() => {
     if (!shouldMarkParticipantRead({ selected: subject, subject, visibilityState, unreadCount })) return;
     void apiRef.current.markRead(subject).then(() => onMarkedRead?.(subject), () => void 0);
   }, [apiRef, subject, visibilityState, unreadCount, messageCount, onMarkedRead]);
 }
 
 // src/participant/useParticipantRevalidation.ts
-import { useEffect as useEffect17, useRef as useRef14 } from "react";
+import { useEffect as useEffect19, useRef as useRef16 } from "react";
 function useParticipantRevalidation(api, onRevalidate) {
-  const handlerRef = useRef14(onRevalidate);
+  const handlerRef = useRef16(onRevalidate);
   handlerRef.current = onRevalidate;
-  useEffect17(() => {
+  useEffect19(() => {
     function handleFocus() {
       handlerRef.current();
     }
@@ -3229,12 +3899,12 @@ function useParticipantRevalidation(api, onRevalidate) {
 }
 
 // src/participant/useParticipantSend.ts
-import { useCallback as useCallback6, useRef as useRef15 } from "react";
+import { useCallback as useCallback8, useRef as useRef17 } from "react";
 function useParticipantSend(params) {
   const { apiRef, subject, dispatchSend, onSentMessage } = params;
-  const entriesRef = useRef15(params.entries);
+  const entriesRef = useRef17(params.entries);
   entriesRef.current = params.entries;
-  const deliver = useCallback6(
+  const deliver = useCallback8(
     async (entry) => {
       const { clientMessageId } = entry;
       try {
@@ -3258,7 +3928,7 @@ function useParticipantSend(params) {
     },
     [apiRef, dispatchSend, onSentMessage]
   );
-  const send = useCallback6(
+  const send = useCallback8(
     async (content) => {
       const entry = createParticipantSendEntry({
         clientMessageId: crypto.randomUUID(),
@@ -3271,7 +3941,7 @@ function useParticipantSend(params) {
     },
     [deliver, dispatchSend, subject]
   );
-  const retry = useCallback6(
+  const retry = useCallback8(
     async (clientMessageId) => {
       const entry = findFailedEntry(entriesRef.current, clientMessageId);
       if (!entry) return;
@@ -3284,13 +3954,13 @@ function useParticipantSend(params) {
 }
 
 // src/participant/useParticipantUnread.ts
-import { useCallback as useCallback7, useRef as useRef16, useState as useState10 } from "react";
+import { useCallback as useCallback9, useRef as useRef18, useState as useState14 } from "react";
 function useParticipantUnread(params) {
   const { messages, perspective, reportedUnreadCount, onMarkedRead } = params;
-  const [acknowledgedCount, setAcknowledgedCount] = useState10(0);
-  const messagesRef = useRef16(messages);
+  const [acknowledgedCount, setAcknowledgedCount] = useState14(0);
+  const messagesRef = useRef18(messages);
   messagesRef.current = messages;
-  const handleMarkedRead = useCallback7(
+  const handleMarkedRead = useCallback9(
     (subject) => {
       if (perspective) setAcknowledgedCount(countOtherSideMessages(messagesRef.current, perspective));
       onMarkedRead?.(subject);
@@ -3313,13 +3983,13 @@ function isForSubject(event, subject) {
 function useParticipantThread(params) {
   const { api, subject, channel, unreadCount = 0, onMarkedRead, sendEntries, dispatchSend, hostPending = [], perspective } = params;
   const { subjectType, subjectId } = subject;
-  const stableSubject = useMemo3(() => ({ subjectType, subjectId }), [subjectType, subjectId]);
+  const stableSubject = useMemo4(() => ({ subjectType, subjectId }), [subjectType, subjectId]);
   const [state, dispatch] = useReducer5(participantThreadReducer, INITIAL_PARTICIPANT_THREAD_STATE);
-  const apiRef = useRef17(api);
+  const apiRef = useRef19(api);
   apiRef.current = api;
-  const activeSubjectKey = useRef17("");
+  const activeSubjectKey = useRef19("");
   const confirmsRead = channelCapabilityFor(channel).confirmsRead;
-  const refresh = useCallback8(async () => {
+  const refresh = useCallback10(async () => {
     const requestKey = `${subjectType}:${subjectId}`;
     dispatch({ type: "started" });
     try {
@@ -3332,7 +4002,7 @@ function useParticipantThread(params) {
     }
   }, [stableSubject, subjectType, subjectId]);
   const oldestMessageId = state.messages[0]?.id;
-  const loadOlder = useCallback8(async () => {
+  const loadOlder = useCallback10(async () => {
     if (!oldestMessageId) return;
     const requestKey = `${subjectType}:${subjectId}`;
     try {
@@ -3344,9 +4014,9 @@ function useParticipantThread(params) {
       if (activeSubjectKey.current === requestKey) dispatch({ type: "failed", error: describeError(error) });
     }
   }, [stableSubject, subjectType, subjectId, oldestMessageId]);
-  const handleSentMessage = useCallback8((message) => dispatch({ type: "sendConfirmed", message }), []);
+  const handleSentMessage = useCallback10((message) => dispatch({ type: "sendConfirmed", message }), []);
   const sending = useParticipantSend({ apiRef, subject: stableSubject, entries: sendEntries, dispatchSend, onSentMessage: handleSentMessage });
-  useEffect18(() => {
+  useEffect20(() => {
     activeSubjectKey.current = `${subjectType}:${subjectId}`;
     dispatch({ type: "reset" });
     void refresh();
@@ -3354,7 +4024,7 @@ function useParticipantThread(params) {
   useParticipantRevalidation(api, (event) => {
     if (isForSubject(event, stableSubject)) void refresh();
   });
-  useEffect18(() => {
+  useEffect20(() => {
     if (sendEntries.length === 0) return;
     dispatchSend({ type: "reflected", knownClientMessageIds: collectKnownClientMessageIds({ messages: state.messages, hostPending }) });
   }, [sendEntries, state.messages, hostPending, dispatchSend]);
@@ -3366,7 +4036,7 @@ function useParticipantThread(params) {
     messageCount: state.messages.length,
     onMarkedRead: unread.handleMarkedRead
   });
-  const localPending = useMemo3(() => toLocalPending(sendEntries), [sendEntries]);
+  const localPending = useMemo4(() => toLocalPending(sendEntries), [sendEntries]);
   return { ...state, localPending, confirmsRead, refresh, loadOlder, ...sending };
 }
 
@@ -3375,7 +4045,7 @@ function useParticipantConversationView(params) {
   const { api, subject, conversation, pendingMessages, sendStates, dispatchSendStates } = params;
   const { subjectType, subjectId } = subject;
   const sendEntries = selectSendEntries(sendStates, subject);
-  const dispatchSend = useCallback9(
+  const dispatchSend = useCallback11(
     (action) => dispatchSendStates({ subject: { subjectType, subjectId }, action }),
     [dispatchSendStates, subjectType, subjectId]
   );
@@ -3390,7 +4060,7 @@ function useParticipantConversationView(params) {
     hostPending: pendingMessages,
     perspective: params.perspective
   });
-  const items = useMemo4(
+  const items = useMemo5(
     () => mergeParticipantMessages({
       serverMessages: thread.messages,
       hostPending: pendingMessages ?? [],
@@ -3403,9 +4073,9 @@ function useParticipantConversationView(params) {
 }
 
 // src/participant/useParticipantDraft.ts
-import { useState as useState11 } from "react";
+import { useState as useState15 } from "react";
 function useParticipantDraft(draftsRef, subject) {
-  const [draft, setDraftState] = useState11(() => getDraft(draftsRef.current, subject));
+  const [draft, setDraftState] = useState15(() => getDraft(draftsRef.current, subject));
   function replaceDrafts(next) {
     draftsRef.current = next;
     setDraftState(getDraft(next, subject));
@@ -3425,12 +4095,12 @@ function useParticipantDraft(draftsRef, subject) {
 }
 
 // src/participant/useParticipantSendAudio.ts
-import { useCallback as useCallback10, useRef as useRef18 } from "react";
+import { useCallback as useCallback12, useRef as useRef20 } from "react";
 function useParticipantSendAudio(send) {
-  const sendRef = useRef18(send);
+  const sendRef = useRef20(send);
   sendRef.current = send;
-  const inFlightRef = useRef18(/* @__PURE__ */ new Set());
-  return useCallback10((file) => {
+  const inFlightRef = useRef20(/* @__PURE__ */ new Set());
+  return useCallback12((file) => {
     const inFlight = inFlightRef.current;
     if (inFlight.has(file)) return;
     inFlight.add(file);
@@ -3446,7 +4116,7 @@ function useParticipantSendAudio(send) {
 }
 
 // src/participant/useParticipantThreadScroll.ts
-import { useEffect as useEffect19, useRef as useRef20 } from "react";
+import { useEffect as useEffect21, useRef as useRef22 } from "react";
 
 // src/participant/participantNewMessages.ts
 function collectServerMessageIds(items) {
@@ -3471,9 +4141,9 @@ function countNewIncomingMessages(previousIds, currentItems, perspective) {
 }
 
 // src/participant/useScrollAwayState.ts
-import { useCallback as useCallback11 } from "react";
+import { useCallback as useCallback13 } from "react";
 function useScrollAwayState(ref, isNearBottom) {
-  const scrollToLatest = useCallback11(() => {
+  const scrollToLatest = useCallback13(() => {
     const element = ref.current;
     if (!element) return;
     element.scrollTo(
@@ -3484,7 +4154,7 @@ function useScrollAwayState(ref, isNearBottom) {
 }
 
 // src/participant/useStickToBottom.ts
-import { useCallback as useCallback12, useLayoutEffect as useLayoutEffect3, useRef as useRef19, useState as useState12 } from "react";
+import { useCallback as useCallback14, useLayoutEffect as useLayoutEffect4, useRef as useRef21, useState as useState16 } from "react";
 
 // src/participant/participantScroll.ts
 var NEAR_BOTTOM_THRESHOLD_PX = 80;
@@ -3506,17 +4176,17 @@ function resolveScrollAction(params) {
 
 // src/participant/useStickToBottom.ts
 function useStickToBottom({ firstKey, lastKey }) {
-  const ref = useRef19(null);
-  const snapshot = useRef19({
+  const ref = useRef21(null);
+  const snapshot = useRef21({
     hasPositioned: false,
     firstKey: void 0,
     lastKey: void 0,
     scrollTop: 0,
     scrollHeight: 0
   });
-  const [isNearBottom, setIsNearBottom] = useState12(true);
-  const isNearBottomRef = useRef19(true);
-  const onScroll = useCallback12((event) => {
+  const [isNearBottom, setIsNearBottom] = useState16(true);
+  const isNearBottomRef = useRef21(true);
+  const onScroll = useCallback14((event) => {
     const { scrollTop, clientHeight, scrollHeight } = event.currentTarget;
     const isNear = shouldStickToBottom({ scrollTop, clientHeight, scrollHeight, threshold: NEAR_BOTTOM_THRESHOLD_PX });
     snapshot.current.scrollTop = scrollTop;
@@ -3524,7 +4194,7 @@ function useStickToBottom({ firstKey, lastKey }) {
     isNearBottomRef.current = isNear;
     setIsNearBottom(isNear);
   }, []);
-  useLayoutEffect3(() => {
+  useLayoutEffect4(() => {
     const element = ref.current;
     const previous = snapshot.current;
     if (!element) return;
@@ -3571,8 +4241,8 @@ function useParticipantThreadScroll(items, perspective) {
   });
   const { isAwayFromBottom, scrollToLatest } = useScrollAwayState(base.ref, isNearBottom);
   const scroll = { ...base, isAwayFromBottom, scrollToLatest };
-  const seenIds = useRef20(/* @__PURE__ */ new Set());
-  useEffect19(() => {
+  const seenIds = useRef22(/* @__PURE__ */ new Set());
+  useEffect21(() => {
     if (isNearBottom) seenIds.current = collectServerMessageIds(items);
   }, [isNearBottom, items]);
   return { scroll, newMessagesCount: isNearBottom ? 0 : countNewIncomingMessages(seenIds.current, items, perspective) };
@@ -3599,7 +4269,7 @@ function useParticipantThreadController(params) {
   const { api, subject, conversation, draftsRef } = params;
   const { draft, setText, setFiles, takeForSend, restoreFromEntry } = useParticipantDraft(draftsRef, subject);
   const { thread, items, sendEntries, dispatchSend } = useParticipantConversationView(params);
-  const resolveAttachmentUrl = useMemo5(() => bindAttachmentUrlResolver(api), [api]);
+  const resolveAttachmentUrl = useMemo6(() => bindAttachmentUrlResolver(api), [api]);
   const { scroll, newMessagesCount } = useParticipantThreadScroll(items, params.perspective);
   const handleSendAudio = useParticipantSendAudio(thread.send);
   const handleEdit = buildEditHandler({ sendEntries, dispatchSend, restoreFromEntry });
@@ -3630,12 +4300,12 @@ function useParticipantThreadController(params) {
 }
 
 // src/participant/ParticipantThreadScreen.tsx
-import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
 function useOpenedConversation(api, subject, isNeeded) {
-  const [opened, setOpened] = useState13({ status: "idle" });
+  const [opened, setOpened] = useState17({ status: "idle" });
   const { subjectType, subjectId } = subject;
   const canOpen = api.openConversation !== void 0;
-  useEffect20(() => {
+  useEffect22(() => {
     if (!isNeeded || !canOpen) return;
     let isCurrent = true;
     setOpened({ status: "loading" });
@@ -3653,9 +4323,9 @@ function NotFound({
   labels,
   onBack
 }) {
-  return /* @__PURE__ */ jsxs26("div", { className: "cv-p cv-p-thread", children: [
-    /* @__PURE__ */ jsx34("header", { className: "cv-p-thread__header", children: onBack ? /* @__PURE__ */ jsx34(ParticipantBackButton, { label: labels.back, onBack }) : null }),
-    /* @__PURE__ */ jsx34("p", { className: "cv-p-empty", children: labels.notFound })
+  return /* @__PURE__ */ jsxs31("div", { className: "cv-p cv-p-thread", children: [
+    /* @__PURE__ */ jsx40("header", { className: "cv-p-thread__header", children: onBack ? /* @__PURE__ */ jsx40(ParticipantBackButton, { label: labels.back, onBack }) : null }),
+    /* @__PURE__ */ jsx40("p", { className: "cv-p-empty", children: labels.notFound })
   ] });
 }
 function ParticipantThreadScreen(props) {
@@ -3665,12 +4335,12 @@ function ParticipantThreadScreen(props) {
   );
   const opened = useOpenedConversation(api, selected, listed === void 0);
   const conversation = listed ?? (opened.status === "found" ? opened.conversation : void 0);
-  if (conversation) return /* @__PURE__ */ jsx34(LoadedThread, { ...props, conversation });
+  if (conversation) return /* @__PURE__ */ jsx40(LoadedThread, { ...props, conversation });
   const isResolving = opened.status === "loading" || api.openConversation !== void 0 && opened.status === "idle";
   const isListLoading = inbox.status === "idle" || inbox.status === "loading";
   if (isResolving || api.openConversation === void 0 && isListLoading)
-    return /* @__PURE__ */ jsx34("div", { className: "cv-p cv-p-thread", "aria-busy": "true" });
-  return /* @__PURE__ */ jsx34(NotFound, { labels, onBack: props.onBack });
+    return /* @__PURE__ */ jsx40("div", { className: "cv-p cv-p-thread", "aria-busy": "true" });
+  return /* @__PURE__ */ jsx40(NotFound, { labels, onBack: props.onBack });
 }
 function LoadedThread(props) {
   const core = useParticipantThreadController({
@@ -3678,7 +4348,7 @@ function LoadedThread(props) {
     subject: props.selected,
     onMarkedRead: props.inbox.markSubjectRead
   });
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx40(
     ParticipantThread,
     {
       ...core,
@@ -3690,6 +4360,8 @@ function LoadedThread(props) {
       renderSubjectIcon: props.renderSubjectIcon,
       avatars: props.avatars,
       renderAuthorAvatar: props.renderAuthorAvatar,
+      renderMessageActions: props.renderMessageActions,
+      messageMenu: props.messageMenu,
       tail: props.tail,
       audioRecording: props.audioRecording,
       renderComposerLock: props.renderComposerLock
@@ -3818,16 +4490,16 @@ function buildParticipantThemeStyle(theme) {
 }
 
 // src/participant/ParticipantConversationsScreen.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var ALL_FILTER3 = "all";
 function ParticipantConversationsScreen(props) {
   const { selected, inbox, subjectGroups, classNames } = props;
-  const [filter, setFilter] = useState14(ALL_FILTER3);
-  const [searchQuery, setSearchQuery] = useState14("");
-  const draftsRef = useRef21(/* @__PURE__ */ new Map());
+  const [filter, setFilter] = useState18(ALL_FILTER3);
+  const [searchQuery, setSearchQuery] = useState18("");
+  const draftsRef = useRef23(/* @__PURE__ */ new Map());
   const [sendStates, dispatchSendStates] = useReducer6(participantSendStatesReducer, /* @__PURE__ */ new Map());
-  const labels = useMemo6(() => ({ ...DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS, ...props.labels }), [props.labels]);
-  const view = useMemo6(
+  const labels = useMemo7(() => ({ ...DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS, ...props.labels }), [props.labels]);
+  const view = useMemo7(
     () => groupParticipantConversations({
       conversations: inbox.conversations,
       subjectGroups,
@@ -3838,7 +4510,7 @@ function ParticipantConversationsScreen(props) {
   );
   const isSearchVisible = isInboxSearchVisible({ conversations: inbox.conversations, searchQuery });
   const rootClassName = ["cv-p-root", props.className, classNames?.root].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx35("div", { className: rootClassName, style: buildParticipantThemeStyle(props.theme), children: selected === void 0 ? /* @__PURE__ */ jsx35("div", { className: ["cv-p-root__screen", classNames?.inbox].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx41("div", { className: rootClassName, style: buildParticipantThemeStyle(props.theme), children: selected === void 0 ? /* @__PURE__ */ jsx41("div", { className: ["cv-p-root__screen", classNames?.inbox].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx41(
     ParticipantInbox,
     {
       view,
@@ -3855,7 +4527,7 @@ function ParticipantConversationsScreen(props) {
       renderSubjectIcon: props.renderSubjectIcon,
       search: { value: searchQuery, onChange: setSearchQuery, isVisible: isSearchVisible }
     }
-  ) }) : /* @__PURE__ */ jsx35("div", { className: ["cv-p-root__screen", classNames?.thread].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx35(
+  ) }) : /* @__PURE__ */ jsx41("div", { className: ["cv-p-root__screen", classNames?.thread].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx41(
     ParticipantThreadScreen,
     {
       ...props,
@@ -3870,7 +4542,7 @@ function ParticipantConversationsScreen(props) {
 }
 
 // src/participant/useParticipantInbox.ts
-import { useCallback as useCallback13, useEffect as useEffect21, useReducer as useReducer7 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect23, useReducer as useReducer7 } from "react";
 
 // src/participant/participantInboxState.ts
 var INITIAL_PARTICIPANT_INBOX_STATE = { status: "idle", conversations: [] };
@@ -3921,7 +4593,7 @@ function describeError2(error) {
 }
 function useParticipantInbox(api) {
   const [state, dispatch] = useReducer7(participantInboxReducer, INITIAL_PARTICIPANT_INBOX_STATE);
-  const refresh = useCallback13(async () => {
+  const refresh = useCallback15(async () => {
     dispatch({ type: "started" });
     try {
       const page = await api.listConversations();
@@ -3931,7 +4603,7 @@ function useParticipantInbox(api) {
     }
   }, [api]);
   const { nextCursor } = state;
-  const loadMore = useCallback13(async () => {
+  const loadMore = useCallback15(async () => {
     if (!nextCursor) return;
     try {
       const page = await api.listConversations({ cursor: nextCursor });
@@ -3940,10 +4612,10 @@ function useParticipantInbox(api) {
       dispatch({ type: "failed", error: describeError2(error) });
     }
   }, [api, nextCursor]);
-  const markSubjectRead = useCallback13((subject) => {
+  const markSubjectRead = useCallback15((subject) => {
     dispatch({ type: "markedRead", subject });
   }, []);
-  useEffect21(() => {
+  useEffect23(() => {
     void refresh();
   }, [refresh]);
   useParticipantRevalidation(api, () => {
@@ -3953,11 +4625,11 @@ function useParticipantInbox(api) {
 }
 
 // src/participant/ParticipantConversations.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function ParticipantConversations(props) {
   const inbox = useParticipantInbox(props.api);
   const { status, conversations, hasMore, refresh, loadMore, markSubjectRead } = inbox;
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx42(
     ParticipantConversationsScreen,
     {
       ...props,
@@ -3967,7 +4639,7 @@ function ParticipantConversations(props) {
 }
 
 // src/participant/ConversationThread.tsx
-import { useCallback as useCallback14, useMemo as useMemo7, useReducer as useReducer8, useRef as useRef22 } from "react";
+import { useCallback as useCallback16, useMemo as useMemo8, useReducer as useReducer8, useRef as useRef24 } from "react";
 
 // src/participant/conversationThreadApi.ts
 function toParticipantApi(api) {
@@ -4007,20 +4679,20 @@ function buildThreadSummary({
 }
 
 // src/participant/ConversationThread.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function useConversationThreadCore(props) {
   const { perspective = "participant" } = props;
   const { subjectType, subjectId } = props.subject;
-  const subject = useMemo7(() => ({ subjectType, subjectId }), [subjectType, subjectId]);
-  const onMarkedReadRef = useRef22(props.onMarkedRead);
+  const subject = useMemo8(() => ({ subjectType, subjectId }), [subjectType, subjectId]);
+  const onMarkedReadRef = useRef24(props.onMarkedRead);
   onMarkedReadRef.current = props.onMarkedRead;
-  const handleMarkedRead = useCallback14((marked) => onMarkedReadRef.current?.(marked), []);
-  const api = useMemo7(() => toParticipantApi(props.api), [props.api]);
-  const draftsRef = useRef22(/* @__PURE__ */ new Map());
+  const handleMarkedRead = useCallback16((marked) => onMarkedReadRef.current?.(marked), []);
+  const api = useMemo8(() => toParticipantApi(props.api), [props.api]);
+  const draftsRef = useRef24(/* @__PURE__ */ new Map());
   const [sendStates, dispatchSendStates] = useReducer8(participantSendStatesReducer, /* @__PURE__ */ new Map());
-  const labels = useMemo7(() => ({ ...DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS, ...props.labels }), [props.labels]);
+  const labels = useMemo8(() => ({ ...DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS, ...props.labels }), [props.labels]);
   const { title, protocol, channels, status } = props;
-  const conversation = useMemo7(
+  const conversation = useMemo8(
     () => buildThreadSummary({ subject, title, protocol, channels, status }),
     [subject, title, protocol, channels, status]
   );
@@ -4042,12 +4714,12 @@ function useConversationThreadCore(props) {
 }
 function ConversationThreadBody(props) {
   const core = useConversationThreadCore(props);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       className: ["cv-p-root", props.className].filter(Boolean).join(" "),
       style: buildParticipantThemeStyle(props.theme),
-      children: /* @__PURE__ */ jsx37("div", { className: "cv-p-root__screen", children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx43("div", { className: "cv-p-root__screen", children: /* @__PURE__ */ jsx43(
         ParticipantThread,
         {
           ...core,
@@ -4057,6 +4729,8 @@ function ConversationThreadBody(props) {
           renderSubjectIcon: props.renderSubjectIcon,
           avatars: props.avatars,
           renderAuthorAvatar: props.renderAuthorAvatar,
+          renderMessageActions: props.renderMessageActions,
+          messageMenu: props.messageMenu,
           tail: props.tail,
           counterpartLabel: props.counterpartLabel,
           headerActions: props.headerActions,
@@ -4068,7 +4742,7 @@ function ConversationThreadBody(props) {
   );
 }
 function ConversationThread(props) {
-  return /* @__PURE__ */ jsx37(ConversationThreadBody, { ...props }, draftKey(props.subject));
+  return /* @__PURE__ */ jsx43(ConversationThreadBody, { ...props }, draftKey(props.subject));
 }
 export {
   ConversationThread,
@@ -4076,5 +4750,6 @@ export {
   DEFAULT_PARTICIPANT_AUDIO_LABELS,
   DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS,
   ParticipantConversations,
+  formatMessagesForCopy,
   groupParticipantConversations
 };