@linktr.ee/messaging-react 3.4.3-rc-1782553894 → 3.4.4-rc-1782716645

package/dist/{index-D_U3aScH.js → index-BZRzouKv.js}

@@ -2,8 +2,8 @@ import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
 import j, { createContext as We, useContext as _e, useCallback as J, useState as F, useRef as Y, useEffect as K, useId as In, useMemo as re, Suspense as Xe } from "react";
 import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
 import { StreamChat as Tn, LinkPreviewsManager as Lt } from "stream-chat";
-import { Chat as An, DateSeparator as Mn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as Gt, Attachment as Dn, EditMessageModal as Pn, MessageBlocked as zn, MessageBouncePrompt as On, MessageDeleted as $n, MessageIsThreadReplyInChannelButtonIndicator as Fn, MessageRepliesCountButton as Bn, ReminderNotification as Un, StreamedMessageText as jn, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Dt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as ye, useMessageComposer as Jn, useStateStore as Zn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, AttachmentPreviewList as ns, QuotedMessagePreview as ss, TextareaComposer as as, MessageTimestamp as $e, AIStates as Fe, useTypingContext as rs, useAIState as is, Channel as os, WithComponents as ls, Window as cs, MessageList as ds, ChannelList as us, InfiniteScroll as ms } from "stream-chat-react";
-import { StarIcon as Ge, DotsThreeIcon as hs, SpinnerGapIcon as Te, SignOutIcon as fs, ProhibitInsetIcon as Pt, FlagIcon as Ht, FileIcon as Yt, ImageIcon as gs, SpeakerHighIcon as bs, VideoCameraIcon as qt, FileMdIcon as ps, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as Ns, FileXlsIcon as _s, FileDocIcon as ys, FilePdfIcon as Cs, CircleNotchIcon as we, PlayIcon as He, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as Ne, GiftIcon as Is, ThumbsUpIcon as Ss, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as Pe, ArrowUpIcon as Ms, SparkleIcon as pe, ProhibitIcon as Rs, ArrowLeftIcon as zt, CaretRightIcon as ve, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
+import { Chat as An, DateSeparator as Mn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as Gt, Attachment as Dn, EditMessageModal as Pn, MessageBlocked as zn, MessageBouncePrompt as On, MessageDeleted as $n, MessageIsThreadReplyInChannelButtonIndicator as Fn, MessageRepliesCountButton as Bn, ReminderNotification as Un, StreamedMessageText as jn, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Dt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as ye, useMessageComposer as Jn, useStateStore as Zn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, AttachmentPreviewList as ns, QuotedMessagePreview as ss, TextareaComposer as as, MessageTimestamp as $e, AIStates as Fe, useTypingContext as rs, useAIState as is, Channel as ls, WithComponents as os, Window as cs, MessageList as ds, ChannelList as us, InfiniteScroll as ms } from "stream-chat-react";
+import { StarIcon as Ge, DotsThreeIcon as hs, SpinnerGapIcon as Te, SignOutIcon as fs, ProhibitInsetIcon as Pt, FlagIcon as Ht, FileIcon as Yt, ImageIcon as gs, SpeakerHighIcon as ps, VideoCameraIcon as qt, FileMdIcon as bs, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as Ns, FileXlsIcon as _s, FileDocIcon as ys, FilePdfIcon as ks, CircleNotchIcon as we, PlayIcon as He, PauseIcon as Cs, LinkIcon as Es, DownloadSimpleIcon as Ne, GiftIcon as Is, ThumbsUpIcon as Ss, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as Pe, ArrowUpIcon as Ms, SparkleIcon as be, ProhibitIcon as Rs, ArrowLeftIcon as zt, CaretRightIcon as ve, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
 import _ from "classnames";
 import { MessageActions as Ps, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
 const Xt = We({
@@ -24,20 +24,20 @@ const Xt = We({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var D, C;
-  const l = J(
-    (k, ...S) => {
-      i && console.log(`🔥 [MessagingProvider] ${k}`, ...S);
+  var D, k;
+  const o = J(
+    (C, ...S) => {
+      i && console.log(`🔥 [MessagingProvider] ${C}`, ...S);
     },
     [i]
   );
-  l("🔄 RENDER START", {
+  o("🔄 RENDER START", {
     userId: t == null ? void 0 : t.id,
     apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = F(null), [m, g] = F(null), [u, f] = F(!1), [c, b] = F(!1), [N, w] = F(null), p = Y(!1), v = Y(null), M = Y(s);
+  const [l, d] = F(null), [m, g] = F(null), [u, f] = F(!1), [c, p] = F(!1), [N, w] = F(null), b = Y(!1), v = Y(null), M = Y(s);
   M.current = s;
   const T = Y(i);
   T.current = i;
@@ -47,7 +47,7 @@ const Xt = We({
     serviceConfig: s,
     capabilities: r
   }), O = Y(0);
-  O.current++, l("📊 RENDER INFO", {
+  O.current++, o("📊 RENDER INFO", {
     renderCount: O.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
@@ -64,18 +64,18 @@ const Xt = We({
   };
   const P = Y(null);
   a && ((D = P.current) == null ? void 0 : D.apiKey) !== a && (P.current = { apiKey: a, client: new Tn(a) });
-  const L = a ? ((C = P.current) == null ? void 0 : C.client) ?? null : null;
+  const L = a ? ((k = P.current) == null ? void 0 : k.client) ?? null : null;
   K(() => {
-    const k = O.current, S = M.current;
+    const C = O.current, S = M.current;
     if (!a || !L || !S) {
-      l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: k,
+      o("⚠️ SERVICE INIT SKIPPED", {
+        renderCount: C,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
-    l("🚀 CREATING SERVICE", {
-      renderCount: k,
+    o("🚀 CREATING SERVICE", {
+      renderCount: C,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
     const $ = new Sn({
@@ -84,96 +84,96 @@ const Xt = We({
       debug: T.current,
       client: L
     });
-    v.current = $, d($), l("✅ SERVICE SET", {
-      renderCount: k,
+    v.current = $, d($), o("✅ SERVICE SET", {
+      renderCount: C,
       serviceInstance: !!$
     });
   }, [a, L]);
   const E = Y(null);
   K(() => {
     var S, $;
-    if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
-      hasService: !!o,
+    if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
+      hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: p.current,
+      isConnecting: b.current,
       isConnected: u,
-      dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
-    }), !o || !t) {
-      l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
+      dependencies: { service: !!l, userId: t == null ? void 0 : t.id }
+    }), !l || !t) {
+      o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (p.current) {
-      l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
+    if (b.current) {
+      o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((S = E.current) == null ? void 0 : S.serviceId) === o && (($ = E.current) == null ? void 0 : $.userId) === t.id) {
-      l(
+    if (((S = E.current) == null ? void 0 : S.serviceId) === l && (($ = E.current) == null ? void 0 : $.userId) === t.id) {
+      o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
       );
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), w(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, p(!0), w(null);
       try {
-        l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const z = await o.connectUser(t);
-        g(z), f(!0), E.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
+        const z = await l.connectUser(t);
+        g(z), f(!0), E.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: z.userID
         });
       } catch (z) {
         const V = z instanceof Error ? z.message : "Connection failed";
-        w(V), l("❌ USER CONNECTION ERROR", {
+        w(V), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: V
         });
       } finally {
-        b(!1), p.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        p(!1), b.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
       }
     })();
-  }, [o, t, l, u]), K(() => {
-    const k = L;
+  }, [l, t, o, u]), K(() => {
+    const C = L;
     return () => {
       var S;
-      k && (E.current = null, (S = v.current) == null || S.disconnectUser().catch(console.error));
+      C && (E.current = null, (S = v.current) == null || S.disconnectUser().catch(console.error));
     };
   }, [L]);
   const R = J(async () => {
-    if (l("🔄 REFRESH CONNECTION CALLED", {
-      hasService: !!o,
+    if (o("🔄 REFRESH CONNECTION CALLED", {
+      hasService: !!l,
       hasUser: !!t
-    }), !o || !t) {
-      l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
+    }), !l || !t) {
+      o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), p(!0);
     try {
-      l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const k = await o.connectUser(t);
-      g(k), f(!0), w(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (k) {
-      const S = k instanceof Error ? k.message : "Refresh failed";
-      w(S), l("❌ CONNECTION REFRESH ERROR", {
+      o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
+      const C = await l.connectUser(t);
+      g(C), f(!0), w(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (C) {
+      const S = C instanceof Error ? C.message : "Refresh failed";
+      w(S), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
         error: S
       });
     } finally {
-      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      p(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), A = j.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
-    hasService: !!o,
+  }, [l, t, o]), A = j.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+    hasService: !!l,
     hasClient: !!m,
     isConnected: u,
     isLoading: c,
     hasError: !!N,
     capabilitiesKeys: Object.keys(r)
   }), {
-    service: o,
+    service: l,
     client: m,
     isConnected: u,
     isLoading: c,
@@ -182,7 +182,7 @@ const Xt = We({
     refreshConnection: R,
     debug: i
   }), [
-    o,
+    l,
     m,
     u,
     c,
@@ -190,9 +190,9 @@ const Xt = We({
     r,
     R,
     i,
-    l
+    o
   ]);
-  return l("🔄 RENDER END", {
+  return o("🔄 RENDER END", {
     renderCount: O.current,
     willRenderChat: !!L,
     contextValueReady: !!A
@@ -212,16 +212,16 @@ const Xt = We({
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return K(() => {
-    var l;
+    var o;
     if (!e) {
       s(!1);
       return;
     }
-    s(!!((l = e.state.membership) != null && l.pinned_at));
-    const i = (o) => {
+    s(!!((o = e.state.membership) != null && o.pinned_at));
+    const i = (l) => {
       var d;
       s(
-        o != null && o.member ? !!o.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
+        l != null && l.member ? !!l.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
       );
     };
     return e.on("member.updated", i), () => {
@@ -286,9 +286,9 @@ const ne = ({
   className: a,
   starred: r = !1,
   shape: i = "squircle",
-  dmAgentEnabled: l = !1
+  dmAgentEnabled: o = !1
 }) => {
-  const o = Bs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  const l = Bs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -303,7 +303,7 @@ const ne = ({
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         m
       ),
-      children: o
+      children: l
     }
   ) });
   return /* @__PURE__ */ h(
@@ -337,7 +337,7 @@ const ne = ({
             ),
             style: {
               ...u,
-              ...l && {
+              ...o && {
                 borderWidth: `${g}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
@@ -357,62 +357,62 @@ const ne = ({
   enabled: a = !0,
   onLeaveConversation: r,
   onBlockParticipant: i,
-  onDeleteConversationClick: l,
-  onBlockParticipantClick: o,
+  onDeleteConversationClick: o,
+  onBlockParticipantClick: l,
   onReportParticipantClick: d,
   onActionComplete: m,
   logLabel: g = "useChannelModerationActions"
 }) => {
   var D;
-  const { service: u, debug: f } = Je(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, b = !!(a && s && u && c), [N, w] = F(!1), [p, v] = F(null), [M, T] = F(!1), [y, O] = F(!1), P = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== u);
+  const { service: u, debug: f } = Je(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, p = !!(a && s && u && c), [N, w] = F(!1), [b, v] = F(null), [M, T] = F(!1), [y, O] = F(!1), P = p && ((b == null ? void 0 : b.participantId) !== c || (b == null ? void 0 : b.service) !== u);
   return K(() => {
-    if (!b || !u || !c) {
+    if (!p || !u || !c) {
       w(!1), v(null);
       return;
     }
-    let C = !1;
+    let k = !1;
     return (async () => {
       try {
-        const k = await u.getBlockedUsers();
-        if (C) return;
+        const C = await u.getBlockedUsers();
+        if (k) return;
         w(
-          k.some(
+          C.some(
             (S) => S.blocked_user_id === c
           )
         );
-      } catch (k) {
-        C || console.error(`[${g}] Failed to check blocked status:`, k);
+      } catch (C) {
+        k || console.error(`[${g}] Failed to check blocked status:`, C);
       } finally {
-        C || v({ participantId: c, service: u });
+        k || v({ participantId: c, service: u });
       }
     })(), () => {
-      C = !0;
+      k = !0;
     };
-  }, [b, u, c, g]), {
+  }, [p, u, c, g]), {
     isParticipantBlocked: N,
     isCheckingBlockedStatus: P,
     isLeaving: M,
     isUpdatingBlockStatus: y,
     handleLeaveConversation: async () => {
-      var C;
+      var k;
       if (!M) {
-        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
+        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
         try {
-          const k = ((C = e._client) == null ? void 0 : C.userID) ?? null;
-          await e.hide(k, !1), r && await r(e), m == null || m();
-        } catch (k) {
-          console.error(`[${g}] Failed to leave conversation`, k);
+          const C = ((k = e._client) == null ? void 0 : k.userID) ?? null;
+          await e.hide(C, !1), r && await r(e), m == null || m();
+        } catch (C) {
+          console.error(`[${g}] Failed to leave conversation`, C);
         } finally {
           T(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var C, k, S;
+      var k, C, S;
       if (!(y || !u)) {
-        o == null || o(), f && console.log(`[${g}] Block member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), O(!0);
+        l == null || l(), f && console.log(`[${g}] Block member`, (k = t == null ? void 0 : t.user) == null ? void 0 : k.id), O(!0);
         try {
-          await u.blockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), m == null || m();
+          await u.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), m == null || m();
         } catch ($) {
           console.error(`[${g}] Failed to block member`, $);
         } finally {
@@ -421,11 +421,11 @@ const ne = ({
       }
     },
     handleUnblockUser: async () => {
-      var C, k, S;
+      var k, C, S;
       if (!(y || !u)) {
-        o == null || o(), f && console.log(`[${g}] Unblock member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), O(!0);
+        l == null || l(), f && console.log(`[${g}] Unblock member`, (k = t == null ? void 0 : t.user) == null ? void 0 : k.id), O(!0);
         try {
-          await u.unBlockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), m == null || m();
+          await u.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), m == null || m();
         } catch ($) {
           console.error(`[${g}] Failed to unblock member`, $);
         } finally {
@@ -437,7 +437,7 @@ const ne = ({
       d == null || d(), m == null || m(), window.open(Us, "_blank", "noopener,noreferrer");
     }
   };
-}, be = ({
+}, pe = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -461,15 +461,15 @@ const ne = ({
   showBlockParticipant: a = !0,
   showReportParticipant: r = !0,
   onLeaveConversation: i,
-  onBlockParticipant: l,
-  onDeleteConversationClick: o,
+  onBlockParticipant: o,
+  onDeleteConversationClick: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: m,
   customChannelActions: g,
   triggerClassName: u
 }) => {
-  const [f, c] = F(!1), b = Y(null), N = In(), w = J(() => c(!1), []), {
-    isParticipantBlocked: p,
+  const [f, c] = F(!1), p = Y(null), N = In(), w = J(() => c(!1), []), {
+    isParticipantBlocked: b,
     isCheckingBlockedStatus: v,
     isLeaving: M,
     isUpdatingBlockStatus: T,
@@ -483,8 +483,8 @@ const ne = ({
     showBlockParticipant: a,
     enabled: f,
     onLeaveConversation: i,
-    onBlockParticipant: l,
-    onDeleteConversationClick: o,
+    onBlockParticipant: o,
+    onDeleteConversationClick: l,
     onBlockParticipantClick: d,
     onReportParticipantClick: m,
     onActionComplete: w,
@@ -493,14 +493,14 @@ const ne = ({
   return K(() => {
     if (!f) return;
     const R = (D) => {
-      b.current && !b.current.contains(D.target) && c(!1);
+      p.current && !p.current.contains(D.target) && c(!1);
     }, A = (D) => {
       D.key === "Escape" && c(!1);
     };
     return document.addEventListener("mousedown", R), document.addEventListener("keydown", A), () => {
       document.removeEventListener("mousedown", R), document.removeEventListener("keydown", A);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: p, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -527,7 +527,7 @@ const ne = ({
         ),
         children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-            be,
+            pe,
             {
               onClick: y,
               disabled: M,
@@ -541,12 +541,12 @@ const ne = ({
           a && /* @__PURE__ */ n("li", { children: v ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(be, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ h(pe, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : p ? /* @__PURE__ */ h(
-            be,
+          ) : b ? /* @__PURE__ */ h(
+            pe,
             {
               onClick: P,
               disabled: T,
@@ -557,7 +557,7 @@ const ne = ({
               ]
             }
           ) : /* @__PURE__ */ h(
-            be,
+            pe,
             {
               onClick: O,
               disabled: T,
@@ -568,7 +568,7 @@ const ne = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(be, { variant: "danger", onClick: L, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(pe, { variant: "danger", onClick: L, children: [
             /* @__PURE__ */ n(Ht, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -619,7 +619,7 @@ function Zt({
   const s = e == null ? void 0 : e.text, a = Ys(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = j.lazy(() => import("./Card-Cj686l88.js")), Ws = j.lazy(() => import("./Card-COb-KQ3x.js")), Xs = j.lazy(() => import("./Card-DAiwq638.js")), Ze = () => /* @__PURE__ */ n(
+const qs = j.lazy(() => import("./Card-B3chRicI.js")), Ws = j.lazy(() => import("./Card-Cgh2ZQ1o.js")), Xs = j.lazy(() => import("./Card-iPCZ4iFO.js")), Ze = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
@@ -646,18 +646,18 @@ function tn(e) {
 }
 const ea = {
   video: qt,
-  audio: bs,
+  audio: ps,
   image: gs,
   document: Yt
 }, ta = {
-  pdf: Cs,
+  pdf: ks,
   doc: ys,
   xls: _s,
   csv: Ns,
   ppt: ws,
   zip: xs,
   text: vs,
-  markdown: ps,
+  markdown: bs,
   generic: Yt
 };
 function na(e) {
@@ -677,12 +677,12 @@ const sa = (e) => {
   autoPlay: a = !1,
   playing: r,
   loop: i = !1,
-  controls: l = !0,
-  showProgress: o = !1,
+  controls: o = !0,
+  showProgress: l = !1,
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ie(t), u = Y(null), f = Y(null), c = Y(null), b = Y(r), [N, w] = F(a), [p, v] = F(0), [M, T] = F(!1), [y, O] = F(!1), [P, L] = F(!1), [E, R] = F(!1), [A, D] = F(!0), [C, k] = F(null), S = J(() => {
+  const g = ie(t), u = Y(null), f = Y(null), c = Y(null), p = Y(r), [N, w] = F(a), [b, v] = F(0), [M, T] = F(!1), [y, O] = F(!1), [P, L] = F(!1), [E, R] = F(!1), [A, D] = F(!0), [k, C] = F(null), S = J(() => {
     L(!1), w(!0);
   }, []), $ = J((x) => {
     const I = f.current;
@@ -701,7 +701,7 @@ const sa = (e) => {
     v(I), z(I);
   };
   K(() => {
-    r !== void 0 && r !== b.current && (b.current = r, w(r));
+    r !== void 0 && r !== p.current && (p.current = r, w(r));
   }, [r]), K(() => {
     if (!N) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
@@ -728,7 +728,7 @@ const sa = (e) => {
       window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", I);
     };
   }, [M, $, z]);
-  const ee = C ? { aspectRatio: String(C) } : void 0, Z = C ? "" : " aspect-video", G = Math.round(p * 100);
+  const ee = k ? { aspectRatio: String(k) } : void 0, Z = k ? "" : " aspect-video", G = Math.round(b * 100);
   return /* @__PURE__ */ h(
     "div",
     {
@@ -741,7 +741,7 @@ const sa = (e) => {
           m(x);
           return;
         }
-        P || l && w((I) => !I);
+        P || o && w((I) => !I);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -749,7 +749,7 @@ const sa = (e) => {
             m(x);
             return;
           }
-          P || l && w((I) => !I);
+          P || o && w((I) => !I);
         }
       },
       children: [
@@ -801,7 +801,7 @@ const sa = (e) => {
             onPlay: () => L(!1),
             onLoadedMetadata: () => {
               const x = u.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && k(x.videoWidth / x.videoHeight);
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && C(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
               i || (w(!1), v(0));
@@ -816,7 +816,7 @@ const sa = (e) => {
             weight: "bold"
           }
         ) }),
-        P && !l && /* @__PURE__ */ n(
+        P && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -832,7 +832,7 @@ const sa = (e) => {
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(He, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
-        o && !l && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
+        l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
           "div",
           {
             role: "slider",
@@ -847,7 +847,7 @@ const sa = (e) => {
             onTouchStart: V,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
-              x.key === "ArrowRight" && z(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && z(Math.max(0, p - 0.05));
+              x.key === "ArrowRight" && z(Math.min(1, b + 0.05)), x.key === "ArrowLeft" && z(Math.max(0, b - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -858,7 +858,7 @@ const sa = (e) => {
             ) })
           }
         ) }),
-        l && /* @__PURE__ */ h("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
+        o && /* @__PURE__ */ h("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
           /* @__PURE__ */ n(
             "button",
             {
@@ -868,7 +868,7 @@ const sa = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": N ? "Pause" : "Play",
-              children: N ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
+              children: N ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -888,7 +888,7 @@ const sa = (e) => {
               onMouseEnter: () => O(!0),
               onMouseLeave: () => O(!1),
               onKeyDown: (x) => {
-                x.key === "ArrowRight" && z(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && z(Math.max(0, p - 0.05));
+                x.key === "ArrowRight" && z(Math.min(1, b + 0.05)), x.key === "ArrowLeft" && z(Math.max(0, b - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
@@ -925,10 +925,10 @@ const sa = (e) => {
   title: a,
   variant: r,
   mediaPlayerProps: i,
-  containedImage: l = !1
+  containedImage: o = !1
 }) => {
-  const o = ie(e), [d, m] = F(!1);
-  return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
+  const l = ie(e), [d, m] = F(!1);
+  return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     aa,
     {
       source: t,
@@ -937,7 +937,7 @@ const sa = (e) => {
       controls: !0,
       ...i
     }
-  ) : t && o === "image" ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && l === "image" ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -954,7 +954,7 @@ const sa = (e) => {
       className: "block w-full",
       draggable: !1
     }
-  ) : t && o === "document" ? s ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && l === "document" ? s ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1005,14 +1005,14 @@ const sa = (e) => {
   placeholderTitle: a = "Attachment title",
   mimeType: r,
   detail: i,
-  statusBadge: l,
-  action: o,
+  statusBadge: o,
+  action: l,
   topLeft: d,
   topRight: m,
   rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", p = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1032,8 +1032,8 @@ const sa = (e) => {
             {
               className: _("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && b,
-                "text-white": f && !b
+                "text-white/30": f && p,
+                "text-white": f && !p
               }),
               children: c
             }
@@ -1056,9 +1056,9 @@ const sa = (e) => {
                 children: i
               }
             ),
-            l
+            o
           ] }),
-          o
+          l
         ] })
       ]
     }
@@ -1073,10 +1073,10 @@ function Qe(e) {
 function ia(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function oa(e) {
+function la(e) {
   return e ? "text-white" : "text-black";
 }
-function la(e) {
+function oa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
 function ca(e) {
@@ -1086,7 +1086,7 @@ function da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const et = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, m = /* @__PURE__ */ h(j.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(j.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1102,8 +1102,8 @@ const et = ({ attachment: e, isMyMessage: t }) => {
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${oa(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${la(t)}`, children: a }),
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${la(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${oa(t)}`, children: a }),
       d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ca(t)}`, children: d })
     ] })
   ] });
@@ -1125,8 +1125,8 @@ async function ua(e, t) {
   }
   const a = await fetch(e, { mode: "cors" });
   if (!a.ok) throw new Error(`HTTP ${a.status}`);
-  const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
-  l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
+  const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
+  o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
 const ma = ({
   url: e,
@@ -1139,11 +1139,11 @@ const ma = ({
       type: "button",
       onClick: (i) => {
         i.stopPropagation();
-        const l = window.open("", "_blank", "noopener,noreferrer");
+        const o = window.open("", "_blank", "noopener,noreferrer");
         a(!0), ua(e, t).then(() => {
-          l == null || l.close();
+          o == null || o.close();
         }).catch(() => {
-          l && (l.location.href = e);
+          o && (o.location.href = e);
         }).finally(() => a(!1));
       },
       disabled: s,
@@ -1156,27 +1156,27 @@ const ma = ({
   );
 };
 function nt(e) {
-  var u, f, c, b;
+  var u, f, c, p;
   const t = (u = e.attachments) == null ? void 0 : u.find(
     (N) => N.type === "video" && N.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
     (N) => N.type === "image" && N.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
     (N) => N.type === "audio" && N.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
+  ), r = (p = e.attachments) == null ? void 0 : p.find(
     (N) => N.type === "file" && N.asset_url
-  ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
-  if (!l) return null;
-  const o = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
+  ), i = t ?? s ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
+  if (!o) return null;
+  const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
   return {
-    resolvedUrl: l,
-    resolvedType: o,
+    resolvedUrl: o,
+    resolvedType: l,
     title: d,
     fileSize: m,
     thumbnailUrl: g
   };
 }
-const on = ({
+const ln = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
@@ -1204,21 +1204,21 @@ const on = ({
       )
     }
   );
-}, ln = ({
+}, on = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ie(t), l = a !== void 0 ? an(a) : void 0;
+  const i = ie(t), o = a !== void 0 ? an(a) : void 0;
   return /* @__PURE__ */ n(
     sn,
     {
       variant: "light",
       title: s,
       mimeType: t,
-      detail: l,
+      detail: o,
       thumbnail: /* @__PURE__ */ n(
         nn,
         {
@@ -1238,7 +1238,7 @@ const on = ({
   isMyMessage: t = !1
 }) => {
   const s = tt(e), a = nt(e);
-  return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
+  return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ n(
       ne,
       {
@@ -1258,7 +1258,7 @@ const on = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: Qe(t), children: /* @__PURE__ */ n(et, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(on, { ...a }) : /* @__PURE__ */ n(ln, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: Qe(t), children: /* @__PURE__ */ n(et, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(ln, { ...a }) : /* @__PURE__ */ n(on, { ...a })
           }
         ) })
       }
@@ -1269,27 +1269,27 @@ const on = ({
 }) => {
   const t = tt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Qe(!0), children: /* @__PURE__ */ n(et, { attachment: t, isMyMessage: !0 }) });
+    return /* @__PURE__ */ n("div", { className: Qe(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(et, { attachment: t, isMyMessage: !0 }) });
   const s = nt(e);
-  return s ? /* @__PURE__ */ n(on, { ...s }) : null;
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ln, { ...s }) }) : null;
 }, ga = ({
   message: e
 }) => {
   const t = tt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Qe(!1), children: /* @__PURE__ */ n(et, { attachment: t, isMyMessage: !1 }) });
+    return /* @__PURE__ */ n("div", { className: Qe(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(et, { attachment: t, isMyMessage: !1 }) });
   const s = nt(e);
-  return s ? /* @__PURE__ */ n(ln, { ...s }) : null;
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(on, { ...s }) }) : null;
 }, yi = Object.assign(ha, {
   Creator: fa,
   Visitor: ga
-}), ba = {
+}), pa = {
   isUnlocking: () => !1
-}, pa = {
-  LockedAttachment: ba
-}, cn = We({}), Ci = cn.Provider;
+}, ba = {
+  LockedAttachment: pa
+}, cn = We({}), ki = cn.Provider;
 function va(e) {
-  return _e(cn)[e] ?? pa[e];
+  return _e(cn)[e] ?? ba[e];
 }
 const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -1336,25 +1336,25 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (r) {
     const f = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", p = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
       /* @__PURE__ */ n(Is, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n("span", { children: p })
     ] });
   }
-  const l = s && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = [
+  const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = [
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
-    l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ h(se, { children: [
+    o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { children: [
     m,
     g
   ] }) : /* @__PURE__ */ h(se, { children: [
     g,
     m
   ] }) });
-}, Ca = ({
+}, ka = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1387,28 +1387,28 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Ts, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), ka = (e) => {
-  var pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et, It, St, Tt, At;
+] }), Ca = (e) => {
+  var bt, vt, xt, wt, Nt, _t, yt, kt, Ct, Et, It, St, Tt, At;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
     editing: a,
     endOfGroup: r,
     firstOfGroup: i,
-    groupedByUser: l,
-    handleAction: o,
+    groupedByUser: o,
+    handleAction: l,
     handleOpenThread: d,
     handleRetry: m,
     highlighted: g,
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: b,
+    renderText: p,
     threadList: N,
     viewerLanguage: w
-  } = e, { client: p } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: M, onUnlockClick: T, onFetchSource: y, onDownloadClick: O } = va("LockedAttachment"), [P, L] = F(!1), E = Ln(c.id), { selected: R, voteUp: A, voteDown: D } = Hs(c), {
-    Attachment: C = Dn,
-    EditMessageModal: k = Pn,
+  } = e, { client: b } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: M, onUnlockClick: T, onFetchSource: y, onDownloadClick: O } = va("LockedAttachment"), [P, L] = F(!1), E = Ln(c.id), { selected: R, voteUp: A, voteDown: D } = Hs(c), {
+    Attachment: k = Dn,
+    EditMessageModal: C = Pn,
     MessageActions: S,
     MessageBlocked: $ = zn,
     MessageBouncePrompt: z = On,
@@ -1436,10 +1436,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     return /* @__PURE__ */ n(V, { message: c });
   if (Yn(c))
     return /* @__PURE__ */ n($, {});
-  const X = !N && !!c.reply_count, ue = !N && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((pt = c.error) == null ? void 0 : pt.status) !== 403, he = qn(c);
+  const X = !N && !!c.reply_count, ue = !N && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, he = qn(c);
   let Q;
   me ? Q = () => m(c) : he && (Q = () => L(!0));
-  const te = f(), oe = _(
+  const te = f(), le = _(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -1454,12 +1454,12 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__message-with-thread-link": X || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
-      "str-chat__virtual-message__wrapper--group": l
+      "str-chat__virtual-message__wrapper--group": o
     }
-  ), ht = c.poll_id && p.polls.fromState(c.poll_id), ft = ya(c), fe = Me(c), gt = _a(c), Oe = !!(B != null && B.length && !c.quoted_message), bt = fe && te && Oe;
+  ), ht = c.poll_id && b.polls.fromState(c.poll_id), ft = ya(c), fe = Me(c), gt = _a(c), Oe = !!(B != null && B.length && !c.quoted_message), pt = fe && te && Oe;
   return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
-      k,
+      C,
       {
         additionalMessageInputProps: t
       }
@@ -1475,8 +1475,9 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ h(
       "div",
       {
-        className: oe,
+        className: le,
         "data-message-id": c.id,
+        "data-dd-privacy": "mask",
         children: [
           I && /* @__PURE__ */ n(I, {}),
           !!E && /* @__PURE__ */ n(G, { reminder: E }),
@@ -1520,7 +1521,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       thumbnailUrl: (Nt = c.metadata) == null ? void 0 : Nt.attachment_thumbnail,
                       amountText: (_t = c.metadata) == null ? void 0 : _t.amount_text,
                       detail: (yt = c.metadata) == null ? void 0 : yt.attachment_detail,
-                      paymentStatus: (Ct = c.metadata) == null ? void 0 : Ct.payment_status,
+                      paymentStatus: (kt = c.metadata) == null ? void 0 : kt.payment_status,
                       onPreviewClick: () => T == null ? void 0 : T(c, v),
                       onFetchSource: async () => await (y == null ? void 0 : y(c, v))
                     }
@@ -1529,7 +1530,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   /* @__PURE__ */ n(
                     Bt.Received,
                     {
-                      title: (kt = c.metadata) == null ? void 0 : kt.attachment_title,
+                      title: (Ct = c.metadata) == null ? void 0 : Ct.attachment_title,
                       mimeType: (Et = c.metadata) == null ? void 0 : Et.attachment_mime_type,
                       thumbnailUrl: (It = c.metadata) == null ? void 0 : It.attachment_thumbnail,
                       amountText: (St = c.metadata) == null ? void 0 : St.amount_text,
@@ -1547,14 +1548,14 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: b
+                    renderText: p
                   }
                 ) })
               ] }) : ft ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ n(Be, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                fe && !bt && /* @__PURE__ */ n(
+                fe && !pt && /* @__PURE__ */ n(
                   Be,
                   {
                     message: c,
@@ -1564,9 +1565,9 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 ),
                 ht && /* @__PURE__ */ n(Xn, { poll: ht }),
                 B != null && B.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  C,
+                  k,
                   {
-                    actionHandler: o,
+                    actionHandler: l,
                     attachments: B
                   }
                 ) : null,
@@ -1574,13 +1575,13 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   x,
                   {
                     message: W,
-                    renderText: b
+                    renderText: p
                   }
                 ) : /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: b
+                    renderText: p
                   }
                 ),
                 /* @__PURE__ */ n(Kn, {})
@@ -1588,7 +1589,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
             }
           ),
           !gt && !ft && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!fe || bt) && /* @__PURE__ */ n(
+            (!fe || pt) && /* @__PURE__ */ n(
               Be,
               {
                 message: c,
@@ -1597,7 +1598,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             ),
             s && fe && /* @__PURE__ */ n(
-              Ca,
+              ka,
               {
                 selected: R,
                 onVoteUp: A,
@@ -1619,7 +1620,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     )
   ] });
 }, Ea = j.memo(
-  ka,
+  Ca,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Rn(e, t)
 ), Ia = (e) => {
   const t = ye("CustomMessage");
@@ -1686,8 +1687,8 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            onClick: (l) => {
-              l.preventDefault(), t(s);
+            onClick: (o) => {
+              o.preventDefault(), t(s);
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
@@ -1720,7 +1721,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, st = j.createContext(!1), ki = () => _e(st), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, st = j.createContext(!1), Ci = () => _e(st), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1735,35 +1736,42 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     SendButton: r = Da,
     AttachmentPreviewList: i = ns
   } = Gt("CustomMessageInput");
-  return /* @__PURE__ */ h("div", { className: "central-container flex flex-col gap-2 min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
-    /* @__PURE__ */ n(ss, {}),
-    /* @__PURE__ */ n(La, {}),
-    /* @__PURE__ */ n(i, {}),
-    /* @__PURE__ */ h("div", { className: "flex", children: [
-      /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-        as,
-        {
-          "aria-disabled": e || void 0,
-          className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
-          autoFocus: !e,
-          maxRows: 4,
-          readOnly: e,
-          tabIndex: e ? -1 : void 0
-        }
-      ) }),
-      /* @__PURE__ */ n(
-        r,
-        {
-          sendMessage: t,
-          "aria-label": "Send",
-          className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
-          "data-testid": "send-button",
-          disabled: a,
-          type: "button"
-        }
-      )
-    ] })
-  ] });
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: "central-container flex flex-col gap-2 min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
+      "data-dd-privacy": "mask",
+      children: [
+        /* @__PURE__ */ n(ss, {}),
+        /* @__PURE__ */ n(La, {}),
+        /* @__PURE__ */ n(i, {}),
+        /* @__PURE__ */ h("div", { className: "flex", children: [
+          /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
+            as,
+            {
+              "aria-disabled": e || void 0,
+              className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
+              autoFocus: !e,
+              maxRows: 4,
+              readOnly: e,
+              tabIndex: e ? -1 : void 0
+            }
+          ) }),
+          /* @__PURE__ */ n(
+            r,
+            {
+              sendMessage: t,
+              "aria-label": "Send",
+              className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
+              "data-testid": "send-button",
+              disabled: a,
+              type: "button"
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }, za = ({
   renderActions: e,
   renderFooter: t,
@@ -1771,8 +1779,8 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   disabledReason: a,
   composerInput: r
 }) => {
-  var o;
-  const { channel: i } = de(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
+  var l;
+  const { channel: i } = de(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
   return s ? /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
@@ -1780,12 +1788,12 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ h(
       "div",
       {
-        inert: l ? "" : void 0,
-        "aria-disabled": l || void 0,
+        inert: o ? "" : void 0,
+        "aria-disabled": o || void 0,
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(st.Provider, { value: l, children: /* @__PURE__ */ n(Qn, { Input: r ?? Pa }) })
+          /* @__PURE__ */ n(st.Provider, { value: o, children: /* @__PURE__ */ n(Qn, { Input: r ?? Pa }) })
         ]
       }
     ),
@@ -1855,7 +1863,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              pe,
+              be,
               {
                 size: 16,
                 weight: "regular",
@@ -1920,10 +1928,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   Fe.Generating,
   Fe.ExternalSources
 ]), qa = ({ threadList: e }) => {
-  var b, N;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ke(), { typing: i = {} } = rs(), { aiState: l } = is(t), o = _e(un);
-  if (!e && o && Ya.has(l)) {
-    const w = Wa(t, (b = r.user) == null ? void 0 : b.id);
+  var p, N;
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ke(), { typing: i = {} } = rs(), { aiState: o } = is(t), l = _e(un);
+  if (!e && l && Ya.has(o)) {
+    const w = Wa(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
       Vt,
       {
@@ -1937,14 +1945,14 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: w, user: p }) => {
+    ({ parent_id: w, user: b }) => {
       var v;
-      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && !w;
+      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && !w;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: w, user: p }) => {
+    ({ parent_id: w, user: b }) => {
       var v;
-      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && w === (a == null ? void 0 : a.id);
+      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && w === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? g : m;
   if (!u.length)
@@ -2060,44 +2068,44 @@ const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Re.displayName = "LoadingState";
-const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Ae = "Replies instantly with AI assistant", Ja = ({
+const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Ae = "Replies instantly with AI assistant", Ja = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
   dmAgentEnabled: a = !1,
   onLeaveConversation: r,
   onBlockParticipant: i,
-  showDeleteConversation: l = !0,
-  showBlockParticipant: o = !0,
+  showDeleteConversation: o = !0,
+  showBlockParticipant: l = !0,
   showReportParticipant: d = !0,
   onDeleteConversationClick: m,
   onBlockParticipantClick: g,
   onReportParticipantClick: u,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: b = !0,
+  showChannelInfo: p = !0,
   onParticipantNameClick: N,
   renderHeaderTitleBadges: w
 }) => {
-  var A, D, C, k, S, $, z;
-  const { channel: p } = de(), v = j.useMemo(() => {
+  var A, D, k, C, S, $, z;
+  const { channel: b } = de(), v = j.useMemo(() => {
     var Z, G;
-    const V = (Z = p._client) == null ? void 0 : Z.userID;
-    return V ? Object.values(((G = p.state) == null ? void 0 : G.members) || {}).find(
+    const V = (Z = b._client) == null ? void 0 : Z.userID;
+    return V ? Object.values(((G = b.state) == null ? void 0 : G.members) || {}).find(
       (x) => {
         var I;
         return ((I = x.user) == null ? void 0 : I.id) && x.user.id !== V;
       }
     ) : void 0;
-  }, [(A = p._client) == null ? void 0 : A.userID, (D = p.state) == null ? void 0 : D.members]), M = Jt(v == null ? void 0 : v.user), T = (C = v == null ? void 0 : v.user) == null ? void 0 : C.image, y = Kt(p), O = w == null ? void 0 : w({
-    channel: p,
+  }, [(A = b._client) == null ? void 0 : A.userID, (D = b.state) == null ? void 0 : D.members]), M = Jt(v == null ? void 0 : v.user), T = (k = v == null ? void 0 : v.user) == null ? void 0 : k.image, y = Kt(b), O = w == null ? void 0 : w({
+    channel: b,
     participant: v
   }), P = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", L = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", E = /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: M }),
     O && /* @__PURE__ */ n("span", { className: "shrink-0", children: O })
   ] }), R = async () => {
     try {
-      y ? await p.unpin() : await p.pin();
+      y ? await b.unpin() : await b.pin();
     } catch (V) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -2111,7 +2119,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         "button",
         {
           className: _(
-            le,
+            oe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
@@ -2121,21 +2129,48 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           children: /* @__PURE__ */ n(zt, { className: "size-5 text-black/90" })
         }
       ) }),
-      /* @__PURE__ */ n("div", { className: "flex flex-col gap-1 items-center", children: N ? /* @__PURE__ */ h(
-        "button",
+      /* @__PURE__ */ n(
+        "div",
         {
-          type: "button",
-          onClick: N,
-          "aria-label": `View details for ${M}`,
-          className: _(
-            P,
-            "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
-          ),
-          children: [
+          className: "flex flex-col gap-1 items-center",
+          "data-dd-privacy": "mask",
+          children: N ? /* @__PURE__ */ h(
+            "button",
+            {
+              type: "button",
+              onClick: N,
+              "aria-label": `View details for ${M}`,
+              className: _(
+                P,
+                "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
+              ),
+              children: [
+                /* @__PURE__ */ n(
+                  ne,
+                  {
+                    id: ((C = v == null ? void 0 : v.user) == null ? void 0 : C.id) || b.id || "unknown",
+                    name: M,
+                    image: T,
+                    starred: s && y,
+                    dmAgentEnabled: a,
+                    size: 48
+                  }
+                ),
+                /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
+                  E,
+                  /* @__PURE__ */ n(ve, { className: "size-3 shrink-0", weight: "bold" })
+                ] }),
+                a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+                  /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n("span", { children: Ae })
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ h("div", { className: P, children: [
             /* @__PURE__ */ n(
               ne,
               {
-                id: ((k = v == null ? void 0 : v.user) == null ? void 0 : k.id) || p.id || "unknown",
+                id: ((S = v == null ? void 0 : v.user) == null ? void 0 : S.id) || b.id || "unknown",
                 name: M,
                 image: T,
                 starred: s && y,
@@ -2143,48 +2178,28 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 size: 48
               }
             ),
-            /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
+            /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
               E,
-              /* @__PURE__ */ n(ve, { className: "size-3 shrink-0", weight: "bold" })
+              /* @__PURE__ */ n(
+                ve,
+                {
+                  className: "invisible size-3 shrink-0",
+                  weight: "bold"
+                }
+              )
             ] }),
             a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { children: Ae })
             ] })
-          ]
+          ] })
         }
-      ) : /* @__PURE__ */ h("div", { className: P, children: [
-        /* @__PURE__ */ n(
-          ne,
-          {
-            id: ((S = v == null ? void 0 : v.user) == null ? void 0 : S.id) || p.id || "unknown",
-            name: M,
-            image: T,
-            starred: s && y,
-            dmAgentEnabled: a,
-            size: 48
-          }
-        ),
-        /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
-          E,
-          /* @__PURE__ */ n(
-            ve,
-            {
-              className: "invisible size-3 shrink-0",
-              weight: "bold"
-            }
-          )
-        ] }),
-        a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ n("span", { children: Ae })
-        ] })
-      ] }) }),
+      ),
       /* @__PURE__ */ h("div", { className: "flex justify-end items-center gap-2", children: [
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
+            className: oe,
             onClick: R,
             type: "button",
             "aria-label": y ? "Unstar conversation" : "Star conversation",
@@ -2200,13 +2215,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
+        p && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: p,
+            channel: b,
             participant: v,
-            showDeleteConversation: l,
-            showBlockParticipant: o,
+            showDeleteConversation: o,
+            showBlockParticipant: l,
             showReportParticipant: d,
             onLeaveConversation: r,
             onBlockParticipant: i,
@@ -2214,18 +2229,18 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: _(le, "bg-[#F1F0EE]")
+            triggerClassName: _(oe, "bg-[#F1F0EE]")
           }
         ))
       ] })
     ] }),
     /* @__PURE__ */ h("div", { className: "px-6 py-3 hidden @lg:flex items-center justify-between gap-3 min-h-12 border-b border-b-black/[0.08]", children: [
-      /* @__PURE__ */ h("div", { className: "flex items-center gap-4 min-w-0", children: [
+      /* @__PURE__ */ h("div", { className: "flex items-center gap-4 min-w-0", "data-dd-privacy": "mask", children: [
         t && e && /* @__PURE__ */ n(
           "button",
           {
             className: _(
-              le,
+              oe,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2248,7 +2263,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ n(
                 ne,
                 {
-                  id: (($ = v == null ? void 0 : v.user) == null ? void 0 : $.id) || p.id || "unknown",
+                  id: (($ = v == null ? void 0 : v.user) == null ? void 0 : $.id) || b.id || "unknown",
                   name: M,
                   image: T,
                   starred: s && y,
@@ -2262,7 +2277,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   /* @__PURE__ */ n(ve, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ n("span", { className: "truncate", children: Ae })
                 ] })
               ] })
@@ -2272,7 +2287,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || p.id || "unknown",
+              id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || b.id || "unknown",
               name: M,
               image: T,
               starred: s && y,
@@ -2292,7 +2307,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { className: "truncate", children: Ae })
             ] })
           ] })
@@ -2302,7 +2317,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
+            className: oe,
             onClick: R,
             type: "button",
             "aria-label": y ? "Unstar conversation" : "Star conversation",
@@ -2318,13 +2333,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
+        p && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: p,
+            channel: b,
             participant: v,
-            showDeleteConversation: l,
-            showBlockParticipant: o,
+            showDeleteConversation: o,
+            showBlockParticipant: l,
             showReportParticipant: d,
             onLeaveConversation: r,
             onBlockParticipant: i,
@@ -2332,7 +2347,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: le
+            triggerClassName: oe
           }
         ))
       ] })
@@ -2345,18 +2360,18 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderMessageInputFooter: a,
   renderConversationFooter: r,
   onLeaveConversation: i,
-  onBlockParticipant: l,
-  showDeleteConversation: o = !0,
+  onBlockParticipant: o,
+  showDeleteConversation: l = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: m,
   onReportParticipantClick: g,
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: b,
+  composerDisabledReason: p,
   showStarButton: N = !1,
   chatbotVotingEnabled: w = !1,
-  renderChannelBanner: p,
+  renderChannelBanner: b,
   renderHeaderTitleBadges: v,
   customChannelActions: M,
   renderChannelActions: T,
@@ -2377,14 +2392,14 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         return ((X = W.user) == null ? void 0 : X.id) && W.user.id !== U;
       }
     ) : void 0;
-  }, [(V = A._client) == null ? void 0 : V.userID, (ee = A.state) == null ? void 0 : ee.members]), C = j.useMemo(() => {
+  }, [(V = A._client) == null ? void 0 : V.userID, (ee = A.state) == null ? void 0 : ee.members]), k = j.useMemo(() => {
     var q, B;
     const U = (q = A._client) == null ? void 0 : q.userID;
     return U ? Object.values(((B = A.state) == null ? void 0 : B.members) || {}).find((W) => {
       var X;
       return ((X = W.user) == null ? void 0 : X.id) === U;
     }) : void 0;
-  }, [(Z = A._client) == null ? void 0 : Z.userID, (G = A.state) == null ? void 0 : G.members]), k = ((x = C == null ? void 0 : C.user) == null ? void 0 : x.is_account) ?? (C == null ? void 0 : C.is_account), S = ((I = D == null ? void 0 : D.user) == null ? void 0 : I.is_account) ?? (D == null ? void 0 : D.is_account), $ = O && k === !1 && S === !0, z = J(
+  }, [(Z = A._client) == null ? void 0 : Z.userID, (G = A.state) == null ? void 0 : G.members]), C = ((x = k == null ? void 0 : k.user) == null ? void 0 : x.is_account) ?? (k == null ? void 0 : k.is_account), S = ((I = D == null ? void 0 : D.user) == null ? void 0 : I.is_account) ?? (D == null ? void 0 : D.is_account), $ = O && C === !1 && S === !0, z = J(
     (U) => {
       const { message: H } = ye("ChannelView"), q = /* @__PURE__ */ n(
         Ia,
@@ -2399,7 +2414,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     [w, y, P]
   );
   return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
-    ls,
+    os,
     {
       overrides: {
         Message: z,
@@ -2415,8 +2430,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             showStarButton: N,
             dmAgentEnabled: $,
             onLeaveConversation: i,
-            onBlockParticipant: l,
-            showDeleteConversation: o,
+            onBlockParticipant: o,
+            showDeleteConversation: l,
             showBlockParticipant: u,
             showReportParticipant: f,
             onDeleteConversationClick: d,
@@ -2428,7 +2443,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             renderHeaderTitleBadges: v
           }
         ) }, "lt-channel-header"),
-        p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null,
+        b ? /* @__PURE__ */ n(j.Fragment, { children: b() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2446,7 +2461,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             },
             renderFooter: () => a == null ? void 0 : a(A),
             disabled: c,
-            disabledReason: b,
+            disabledReason: p,
             composerInput: R
           },
           "lt-channel-message-input"
@@ -2462,18 +2477,18 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     renderMessageInputActions: a,
     renderMessageInputFooter: r,
     renderConversationFooter: i,
-    onLeaveConversation: l,
-    onBlockParticipant: o,
+    onLeaveConversation: o,
+    onBlockParticipant: l,
     className: d,
     CustomChannelEmptyState: m = Xa,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: b = !0,
+    showBlockParticipant: p = !0,
     showReportParticipant: N = !0,
     composerDisabled: w = !1,
-    composerDisabledReason: p,
+    composerDisabledReason: b,
     dmAgentEnabled: v,
     messageMetadata: M,
     onMessageSent: T,
@@ -2485,8 +2500,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     renderChannelActions: R,
     renderMessage: A,
     onMessageLinkClick: D,
-    sendButton: C,
-    attachmentPreviewList: k,
+    sendButton: k,
+    attachmentPreviewList: C,
     viewerLanguage: S,
     showChannelInfo: $ = !0,
     onParticipantNameClick: z,
@@ -2532,7 +2547,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           d
         ),
         children: /* @__PURE__ */ n(un.Provider, { value: v ?? !1, children: /* @__PURE__ */ n(
-          os,
+          ls,
           {
             channel: e,
             MessageSystem: Ha,
@@ -2541,8 +2556,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             DateSeparator: Vs,
             TypingIndicator: qa,
             doSendMessageRequest: ee,
-            ...C ? { SendButton: C } : {},
-            ...k ? { AttachmentPreviewList: k } : {},
+            ...k ? { SendButton: k } : {},
+            ...C ? { AttachmentPreviewList: C } : {},
             children: /* @__PURE__ */ n(
               Za,
               {
@@ -2551,17 +2566,17 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 renderMessageInputActions: a,
                 renderMessageInputFooter: r,
                 renderConversationFooter: i,
-                onLeaveConversation: l,
-                onBlockParticipant: o,
+                onLeaveConversation: o,
+                onBlockParticipant: l,
                 CustomChannelEmptyState: m,
                 showDeleteConversation: g,
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: b,
+                showBlockParticipant: p,
                 showReportParticipant: N,
                 composerDisabled: w,
-                composerDisabledReason: p,
+                composerDisabledReason: b,
                 showStarButton: y,
                 dmAgentEnabled: v,
                 chatbotVotingEnabled: O,
@@ -2605,18 +2620,18 @@ const Ei = ({
   onChannelSelect: a,
   onExitConversation: r,
   initialParticipantFilter: i,
-  initialParticipantData: l,
-  CustomChannelEmptyState: o,
+  initialParticipantData: o,
+  CustomChannelEmptyState: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: m,
   dmAgentEnabled: g,
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: b,
+  renderHeaderTitleBadges: p,
   renderChannelBanner: N,
   customChannelActions: w,
-  renderChannelActions: p,
+  renderChannelActions: b,
   onParticipantNameClick: v,
   renderMessage: M,
   onMessageLinkClick: T,
@@ -2630,15 +2645,15 @@ const Ei = ({
     error: R,
     refreshConnection: A,
     service: D,
-    debug: C
-  } = zs(), [k, S] = F(null), [$, z] = F(null), [V, ee] = F(!1), { showDeleteConversation: Z = !0 } = e, G = Y(l);
-  G.current = l;
+    debug: k
+  } = zs(), [C, S] = F(null), [$, z] = F(null), [V, ee] = F(!1), { showDeleteConversation: Z = !0 } = e, G = Y(o);
+  G.current = o;
   const x = Y(a);
   x.current = a;
   const I = Y(null), U = Y(null);
   K(() => {
-    U.current = k;
-  }, [k]), K(() => {
+    U.current = C;
+  }, [C]), K(() => {
     if (!P || !L) return;
     const B = P.userID;
     if (!B) return;
@@ -2651,7 +2666,7 @@ const Ei = ({
     (async () => {
       var me, he;
       try {
-        C && console.log(
+        k && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
@@ -2664,7 +2679,7 @@ const Ei = ({
           { limit: 1 }
         );
         if (Q.length > 0) {
-          S(Q[0]), z(null), (me = x.current) == null || me.call(x, Q[0]), C && console.log(
+          S(Q[0]), z(null), (me = x.current) == null || me.call(x, Q[0]), k && console.log(
             "[MessagingShell] Initial conversation loaded:",
             Q[0].id
           );
@@ -2672,26 +2687,26 @@ const Ei = ({
         }
         const te = G.current;
         if (!te || !D) {
-          X(), z("No conversation found with this account"), C && console.log(
+          X(), z("No conversation found with this account"), k && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const oe = await D.startChannelWithParticipant({
+          const le = await D.startChannelWithParticipant({
             id: te.id,
             name: te.name,
             phone: te.phone
           });
-          S(oe), z(null), (he = x.current) == null || he.call(x, oe), C && console.log(
+          S(le), z(null), (he = x.current) == null || he.call(x, le), k && console.log(
             "[MessagingShell] Channel created and loaded:",
-            oe.id
+            le.id
           );
-        } catch (oe) {
+        } catch (le) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            oe
+            le
           ), X(), z("Failed to create conversation");
         }
       } catch (Q) {
@@ -2701,7 +2716,7 @@ const Ei = ({
         ), X(), U.current || z("Failed to load conversation");
       }
     })();
-  }, [i, P, L, D, C]);
+  }, [i, P, L, D, k]);
   const H = Y(r);
   H.current = r;
   const q = J(() => {
@@ -2714,16 +2729,16 @@ const Ei = ({
       message: "Not connected to messaging service",
       onBack: A
     }
-  ) : $ ? /* @__PURE__ */ n(xe, { message: $ }) : V && !k ? /* @__PURE__ */ n(xe, { message: "Conversation ended" }) : k ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : $ ? /* @__PURE__ */ n(xe, { message: $ }) : V && !C ? /* @__PURE__ */ n(xe, { message: "Conversation ended" }) : C ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     mn,
     {
-      channel: k,
+      channel: C,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: N,
       onLeaveConversation: q,
       onBlockParticipant: q,
-      CustomChannelEmptyState: o,
+      CustomChannelEmptyState: l,
       showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
@@ -2731,16 +2746,16 @@ const Ei = ({
       onMessageSent: u,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      renderHeaderTitleBadges: b,
+      renderHeaderTitleBadges: p,
       customChannelActions: w,
-      renderChannelActions: p,
+      renderChannelActions: b,
       onParticipantNameClick: v,
       renderMessage: M,
       onMessageLinkClick: T,
       showChannelInfo: y,
       composerInput: O
     },
-    k.id
+    C.id
   ) }) }) : /* @__PURE__ */ n(Re, {});
 };
 function Qa(e) {
@@ -2785,8 +2800,8 @@ const hn = j.createContext({
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
-      viewerLanguage: l
-    } = tr(), o = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+      viewerLanguage: o
+    } = tr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, m = (E) => {
       const R = E.key === "Enter" || E.key === " ", A = E.repeat;
@@ -2796,7 +2811,7 @@ const hn = j.createContext({
         var R, A;
         return ((R = E.user) == null ? void 0 : R.id) && E.user.id !== ((A = e == null ? void 0 : e._client) == null ? void 0 : A.userID);
       }
-    ), f = Jt(u == null ? void 0 : u.user), c = (P = u == null ? void 0 : u.user) == null ? void 0 : P.image, b = (() => {
+    ), f = Jt(u == null ? void 0 : u.user), c = (P = u == null ? void 0 : u.user) == null ? void 0 : P.image, p = (() => {
       var R;
       const E = (R = e == null ? void 0 : e.state) == null ? void 0 : R.messages;
       if (E != null && E.length) {
@@ -2804,24 +2819,25 @@ const hn = j.createContext({
           if (E[A].type !== "system") return E[A];
       }
     })(), w = (() => {
-      var k, S, $, z;
+      var C, S, $, z;
       const E = Zt({
-        message: b,
-        viewerLanguage: l
+        message: p,
+        viewerLanguage: o
       });
-      if (((k = b == null ? void 0 : b.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return E ? `💵 ${E}` : "💵 Sent a tip";
-      if (((S = b == null ? void 0 : b.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
-      if ((($ = b == null ? void 0 : b.metadata) == null ? void 0 : $.custom_type) === "MESSAGE_ATTACHMENT") return E ? `📎 ${E}` : "📎 Sent an attachment";
+      if (((C = p == null ? void 0 : p.metadata) == null ? void 0 : C.custom_type) === "MESSAGE_TIP") return E ? `💵 ${E}` : "💵 Sent a tip";
+      if (((S = p == null ? void 0 : p.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
+      if ((($ = p == null ? void 0 : p.metadata) == null ? void 0 : $.custom_type) === "MESSAGE_ATTACHMENT")
+        return E ? `📎 ${E}` : "📎 Sent an attachment";
       if (E) return E;
-      const C = (z = b == null ? void 0 : b.attachments) == null ? void 0 : z[0];
-      return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), p = b != null && b.created_at ? sr(new Date(b.created_at)) : "", v = b ? Me(b) : !1, M = i ? i(b, w) : `${v ? "✨ " : ""}${w}`, T = Kt(e), y = t ?? 0;
+      const k = (z = p == null ? void 0 : p.attachments) == null ? void 0 : z[0];
+      return k ? k.og_scrape_url ? k.og_scrape_url : k.type === "image" ? "📷 Sent an image" : k.type === "video" ? "🎥 Sent a video" : k.type === "audio" ? "🎵 Sent audio" : k.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), b = p != null && p.created_at ? sr(new Date(p.created_at)) : "", v = p ? Me(p) : !1, M = i ? i(p, w) : `${v ? "✨ " : ""}${w}`, T = Kt(e), y = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
-      isSelected: o,
+      isSelected: l,
       participantName: f,
       unreadCount: y,
-      hasTimestamp: !!p
+      hasTimestamp: !!b
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2832,10 +2848,11 @@ const hn = j.createContext({
         className: _(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
-            "bg-black/[0.04]": o,
-            "hover:bg-black/[0.02]": !o
+            "bg-black/[0.04]": l,
+            "hover:bg-black/[0.02]": !l
           }
         ),
+        "data-dd-privacy": "mask",
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
             ne,
@@ -2861,7 +2878,7 @@ const hn = j.createContext({
                   ]
                 }
               ),
-              p && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: p })
+              b && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: b })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: M }),
@@ -2882,18 +2899,18 @@ const ar = { last_message_at: -1 }, rr = j.memo(
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
     sort: i = ar,
-    className: l,
-    customEmptyStateIndicator: o,
+    className: o,
+    customEmptyStateIndicator: l,
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
     const g = j.useRef(0);
     g.current++;
     const { debug: u = !1 } = Je(), f = j.useCallback(
-      (b) => {
-        for (const N of b)
+      (p) => {
+        for (const N of p)
           Qa(N);
-        return r ? r(b) : b;
+        return r ? r(p) : p;
       },
       [r]
     );
@@ -2923,7 +2940,7 @@ const ar = { last_message_at: -1 }, rr = j.memo(
       {
         className: _(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          l
+          o
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(er, { value: c, children: /* @__PURE__ */ n(
           us,
@@ -2935,7 +2952,7 @@ const ar = { last_message_at: -1 }, rr = j.memo(
             channelRenderFilterFn: f,
             Paginator: ms,
             Preview: fn,
-            EmptyStateIndicator: o
+            EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
         ) }) })
@@ -2944,7 +2961,7 @@ const ar = { last_message_at: -1 }, rr = j.memo(
   }
 );
 rr.displayName = "ChannelList";
-const ir = /^([a-z][a-z0-9+.-]*):/i, or = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+const ir = /^([a-z][a-z0-9+.-]*):/i, lr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function at(e) {
   if (typeof e != "string") return;
   const t = e.trim();
@@ -2952,17 +2969,17 @@ function at(e) {
   const s = ir.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return or.has(a) ? t : void 0;
+    return lr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const lr = {
+const or = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, cr = ({ variant: e, cta: t }) => {
   const s = _(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    lr[e]
+    or[e]
   ), a = at(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -3002,15 +3019,15 @@ const lr = {
   description: a,
   url: r,
   appIcon: i,
-  cta: l,
-  trailingAction: o
+  cta: o,
+  trailingAction: l
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = l != null;
-  if (!g && !u && !c && !b) return null;
+  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", p = o != null;
+  if (!g && !u && !c && !p) return null;
   const w = _(
     "truncate text-base font-medium leading-6",
     d && !t ? ur : dr[e]
-  ), p = _(
+  ), b = _(
     "truncate text-xs leading-4",
     mr[e]
   );
@@ -3022,13 +3039,13 @@ const lr = {
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
             /* @__PURE__ */ n("p", { className: _("min-w-0", w), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: p, children: a })
+          u && /* @__PURE__ */ n("p", { className: b, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: p, children: f })
+        !p && c && /* @__PURE__ */ n("p", { className: b, children: f })
       ] }),
-      o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
+      l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    l && /* @__PURE__ */ n(cr, { variant: e, cta: l })
+    o && /* @__PURE__ */ n(cr, { variant: e, cta: o })
   ] });
 }, hr = _(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
@@ -3044,18 +3061,18 @@ const lr = {
   onClick: a,
   ariaLabel: r,
   rootRef: i,
-  topRight: l,
-  bgClassName: o,
+  topRight: o,
+  bgClassName: l,
   "data-testid": d
 }) => {
   const m = s != null || a != null, g = _(
     hr,
-    o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
+    l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
     m ? "cursor-pointer no-underline focus-ring" : null
-  ), u = l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
+  ), u = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
   return s ? /* @__PURE__ */ h(
     "a",
     {
@@ -3114,9 +3131,9 @@ const lr = {
   title: a,
   mimeType: r = "image/*",
   topLeft: i,
-  topRight: l
+  topRight: o
 }) => {
-  const o = ie(r), d = !!s && o === "video";
+  const l = ie(r), d = !!s && l === "video";
   return ze(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3167,25 +3184,25 @@ const lr = {
           }
         ),
         i ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-10", children: i }) : null,
-        l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null
+        o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null
       ]
     }
   );
-}, br = ({
+}, pr = ({
   title: e,
   placeholderTitle: t,
   description: s,
   url: a,
   mimeType: r,
   thumbnailUrl: i,
-  sourceUrl: l,
-  layout: o = "featured",
+  sourceUrl: o,
+  layout: l = "featured",
   appIcon: d,
   cta: m,
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = o === "classic", c = ze(r, l), b = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = ze(r, o), p = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3209,27 +3226,27 @@ const lr = {
       De,
       {
         variant: "dark",
-        sourceUrl: l,
+        sourceUrl: o,
         title: e,
         mimeType: r
       }
     ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
+    p && /* @__PURE__ */ n("div", { className: "shrink-0", children: p })
   ] }) }) : /* @__PURE__ */ h(
     Le,
     {
       variant: "dark",
-      topRight: f ? b : void 0,
+      topRight: f ? p : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           De,
           {
             variant: "dark",
             thumbnailUrl: i,
-            sourceUrl: l,
+            sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: p
           }
         ),
         /* @__PURE__ */ n(
@@ -3248,19 +3265,19 @@ const lr = {
       ]
     }
   );
-}, pr = ({
+}, br = ({
   title: e,
   description: t,
   url: s,
   mimeType: a,
   thumbnailUrl: r,
   sourceUrl: i,
-  layout: l = "featured",
-  appIcon: o,
+  layout: o = "featured",
+  appIcon: l,
   cta: d,
   onClick: m
 }) => {
-  const g = gn(a, i), u = at(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = ze(a, i) ? it : void 0, N = d && m ? {
+  const g = gn(a, i), u = at(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = ze(a, i) ? it : void 0, N = d && m ? {
     ...d,
     onClick: () => {
       var w;
@@ -3274,10 +3291,10 @@ const lr = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: p,
       "data-testid": "link-attachment",
       children: [
-        l === "featured" && /* @__PURE__ */ n(
+        o === "featured" && /* @__PURE__ */ n(
           De,
           {
             variant: "light",
@@ -3294,7 +3311,7 @@ const lr = {
             title: e,
             description: t,
             url: s,
-            appIcon: o,
+            appIcon: l,
             cta: N
           }
         )
@@ -3308,27 +3325,27 @@ const lr = {
   url: a,
   mimeType: r,
   thumbnailUrl: i,
-  sourceUrl: l,
-  layout: o = "featured",
+  sourceUrl: o,
+  layout: l = "featured",
   appIcon: d,
   cta: m,
   onClick: g
 }) => {
-  const u = gn(r, l), f = at(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
+  const u = gn(r, o), f = at(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Le,
     {
       variant: "dark",
       href: c,
-      onClick: b,
-      bgClassName: ze(r, l) ? it : void 0,
+      onClick: p,
+      bgClassName: ze(r, o) ? it : void 0,
       children: [
-        o === "featured" && /* @__PURE__ */ n(
+        l === "featured" && /* @__PURE__ */ n(
           De,
           {
             variant: "dark",
             thumbnailUrl: i,
-            sourceUrl: l,
+            sourceUrl: o,
             title: e,
             mimeType: r
           }
@@ -3349,9 +3366,9 @@ const lr = {
     }
   );
 }, Ii = {
-  Composer: br,
+  Composer: pr,
   Sent: vr,
-  Received: pr
+  Received: br
 }, xr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
@@ -3374,20 +3391,20 @@ const lr = {
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, Ce = ({
+}, ke = ({
   variant: e,
   text: t,
   bordered: s = !0,
   groupPosition: a = "single",
   className: r,
   children: i,
-  "data-testid": l
+  "data-testid": o
 }) => {
-  const o = t != null && t !== "", d = yr[_r(e)][a];
+  const l = t != null && t !== "", d = yr[_r(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
-      "data-testid": l,
+      "data-testid": o,
       "data-group-position": a,
       className: _(
         // 280px-wide bubble — matches the mobile chat attachment width
@@ -3406,7 +3423,7 @@ const lr = {
       ),
       children: [
         i,
-        o ? /* @__PURE__ */ n(
+        l ? /* @__PURE__ */ n(
           "p",
           {
             className: _(
@@ -3426,7 +3443,7 @@ const lr = {
       ]
     }
   );
-}, ke = ({
+}, Ce = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3448,12 +3465,12 @@ const lr = {
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Cr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", kr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], kr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Cr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3465,44 +3482,44 @@ const lr = {
     }
   ),
   s ?? null
-] }), ot = ({
+] }), lt = ({
   state: e,
   src: t,
   mimeType: s,
   filename: a,
   items: r,
   text: i,
-  groupPosition: l,
-  preload: o,
+  groupPosition: o,
+  preload: l,
   onDismiss: d
 }) => {
-  const m = Ee(e), g = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
+  const m = Ee(e), g = e === "composer" && !!d, u = kr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
-  const f = o ?? (u.length > 1 ? "none" : "metadata");
+  const f = l ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    Ce,
+    ke,
     {
       variant: m,
       text: i,
-      groupPosition: l,
+      groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
-        kr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, p) => /* @__PURE__ */ n(
+        Cr,
         {
           item: c,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(ke, { onClick: d, variant: "inline" }) : void 0
+            g && p === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${b}`
+        `${c.src}-${p}`
       )) })
     }
   );
-}, Er = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), Tr = {
+}, Er = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), Tr = {
   Composer: Er,
   Sent: Ir,
   Received: Sr
@@ -3559,15 +3576,15 @@ const Dr = {
 }, zr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, bn = ({
+}, pn = ({
   variant: e,
   filename: t,
   title: s,
   mimeType: a = "application/octet-stream",
   fileSize: r,
   onActivate: i,
-  activateLabel: l,
-  trailingAction: o
+  activateLabel: o,
+  trailingAction: l
 }) => {
   const d = s ?? t ?? "File", m = Lr(a, t, r), g = /* @__PURE__ */ n(
     "div",
@@ -3599,7 +3616,7 @@ const Dr = {
     {
       type: "button",
       onClick: i,
-      "aria-label": l,
+      "aria-label": o,
       className: _(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
@@ -3615,16 +3632,16 @@ const Dr = {
   ] });
   return /* @__PURE__ */ h("div", { className: "flex items-center gap-3 px-3 py-2", children: [
     f,
-    o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
+    l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function pn(e, t) {
+async function bn(e, t) {
   const s = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
-    const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
-    l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
+    const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
+    o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
   } catch {
     if (!window.open(e, "_blank", "noopener,noreferrer")) {
       const r = document.createElement("a");
@@ -3648,7 +3665,7 @@ const Or = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    pn,
     {
       variant: e,
       filename: i,
@@ -3660,15 +3677,15 @@ const Or = ({
       trailingAction: r
     }
   );
-}, lt = ({
+}, ot = ({
   state: e,
   src: t,
   filename: s,
   fileSize: a,
   mimeType: r,
   title: i,
-  items: l,
-  text: o,
+  items: o,
+  text: l,
   groupPosition: d,
   onClick: m,
   onDismiss: g
@@ -3679,13 +3696,13 @@ const Or = ({
     fileSize: a,
     mimeType: r,
     title: i,
-    items: l
-  }), b = (w) => {
+    items: o
+  }), p = (w) => {
     if ((m == null ? void 0 : m(w)) === !1) return;
-    const p = c[w];
-    if (!p) return;
-    const v = p.filename ?? ae(p.src);
-    pn(p.src, v);
+    const b = c[w];
+    if (!b) return;
+    const v = b.filename ?? ae(b.src);
+    bn(b.src, v);
   };
   if (c.length === 0)
     return null;
@@ -3701,26 +3718,26 @@ const Or = ({
     }
   );
   return /* @__PURE__ */ n(
-    Ce,
+    ke,
     {
       variant: u,
-      text: o,
+      text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((w, p) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((w, b) => /* @__PURE__ */ n(
         $r,
         {
           variant: u,
           item: w,
-          index: p,
-          onActivate: b,
-          trailingAction: f && p === 0 ? /* @__PURE__ */ n(ke, { onClick: g, variant: "inline" }) : N
+          index: b,
+          onActivate: p,
+          trailingAction: f && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : N
         },
-        `${w.src}-${p}`
+        `${w.src}-${b}`
       )) })
     }
   );
-}, Fr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Br = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Ur = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), jr = {
+}, Fr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Br = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Ur = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), jr = {
   Composer: Fr,
   Sent: Br,
   Received: Ur
@@ -3757,16 +3774,16 @@ const Or = ({
   label: a = "Download",
   iconOnly: r,
   tone: i = "dark",
-  onTriggered: l
+  onTriggered: o
 }) => {
-  const [o, d] = F(!1), m = J(
+  const [l, d] = F(!1), m = J(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), pn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), bn(e, t).catch(() => {
       }).finally(() => {
-        d(!1), l == null || l();
+        d(!1), o == null || o();
       }));
     },
-    [o, e, t, l]
+    [l, e, t, o]
   ), g = r ?? s !== "pill", f = { className: _(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
@@ -3776,7 +3793,7 @@ const Or = ({
     {
       type: "button",
       onClick: m,
-      disabled: o,
+      disabled: l,
       "aria-label": a,
       className: _(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
@@ -3785,7 +3802,7 @@ const Or = ({
           light: "text-black/70 hover:bg-black/[0.08] hover:text-black"
         }[i]
       ),
-      children: o ? /* @__PURE__ */ n(
+      children: l ? /* @__PURE__ */ n(
         we,
         {
           className: "size-4 animate-spin",
@@ -3806,24 +3823,24 @@ const Or = ({
     {
       type: "button",
       onClick: m,
-      disabled: o,
+      disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ne, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ne, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
     {
       type: "button",
       onClick: m,
-      disabled: o,
+      disabled: l,
       "aria-label": g ? a : void 0,
       className: _(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
       children: [
-        o ? /* @__PURE__ */ n(
+        l ? /* @__PURE__ */ n(
           we,
           {
             className: "size-4 animate-spin",
@@ -3846,9 +3863,9 @@ const Or = ({
   }, [s, t, e]), K(() => {
     i((d) => Ve(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = J(() => {
+  const o = J(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = J(() => {
+  }, [e]), l = J(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return K(() => {
@@ -3856,10 +3873,10 @@ const Or = ({
     const d = (m) => {
       if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
       const g = document.activeElement;
-      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? l() : o());
+      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? o() : l());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [s, e, l, o]), { index: r, prev: l, next: o };
+  }, [s, e, o, l]), { index: r, prev: o, next: l };
 }, ut = ({
   open: e,
   onClose: t,
@@ -3867,12 +3884,12 @@ const Or = ({
   counter: a,
   actions: r,
   children: i,
-  "data-testid": l
+  "data-testid": o
 }) => {
-  const o = Y(null), d = Y(null);
+  const l = Y(null), d = Y(null);
   return K(() => {
     var f;
-    const u = o.current;
+    const u = l.current;
     if (u) {
       if (e) {
         if (!u.open)
@@ -3918,15 +3935,15 @@ const Or = ({
   /* @__PURE__ */ h(
     "dialog",
     {
-      ref: o,
+      ref: l,
       className: "mes-media-viewer",
       "aria-label": s ?? "Attachment viewer",
-      "data-testid": l,
+      "data-testid": o,
       onClose: () => {
         t();
       },
       onClick: (u) => {
-        u.target === o.current && t();
+        u.target === l.current && t();
       },
       children: [
         /* @__PURE__ */ h("div", { className: "mes-media-viewer__chrome", children: [
@@ -3956,15 +3973,15 @@ const Or = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = dt({
+  const { index: r, prev: i, next: o } = dt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = re(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "image"),
-    [o]
+  }), l = t[r], d = re(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "image"),
+    [l]
   );
-  return o ? /* @__PURE__ */ h(
+  return l ? /* @__PURE__ */ h(
     ut,
     {
       open: e,
@@ -3974,7 +3991,7 @@ const Or = ({
       actions: /* @__PURE__ */ n(
         vn,
         {
-          url: o.src,
+          url: l.src,
           filename: d,
           variant: "viewer",
           label: `Download ${d}`
@@ -3985,20 +4002,20 @@ const Or = ({
         /* @__PURE__ */ n(
           "img",
           {
-            src: o.src,
-            alt: o.alt ?? d,
+            src: l.src,
+            alt: l.alt ?? d,
             draggable: !1,
             loading: "eager",
             decoding: "async",
             className: "mes-media-viewer__image"
           },
-          `${r}:${o.src}`
+          `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           ct,
           {
             onPrev: i,
-            onNext: l,
+            onNext: o,
             prevLabel: "Previous image",
             nextLabel: "Next image"
           }
@@ -4014,7 +4031,7 @@ const Or = ({
 }) => {
   const r = e.length;
   if (r === 0) return null;
-  const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, m, g) => {
+  const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, g) => {
     const u = _(Vr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
@@ -4034,14 +4051,14 @@ const Or = ({
       g
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: _("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: _("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
       className: _(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
-      children: i.map((d, m) => o(d, m))
+      children: i.map((d, m) => l(d, m))
     }
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
@@ -4051,9 +4068,9 @@ const Or = ({
         a
       ),
       children: [
-        /* @__PURE__ */ n("div", { className: "row-span-2", children: o(i[0], 0) }),
-        o(i[1], 1),
-        o(i[2], 2)
+        /* @__PURE__ */ n("div", { className: "row-span-2", children: l(i[0], 0) }),
+        l(i[1], 1),
+        l(i[2], 2)
       ]
     }
   ) : /* @__PURE__ */ n(
@@ -4064,13 +4081,13 @@ const Or = ({
         a
       ),
       children: i.map((d, m) => {
-        const g = l > 0 && m === i.length - 1;
-        return o(
+        const g = o > 0 && m === i.length - 1;
+        return l(
           d,
           m,
           g ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
-            l
+            o
           ] }) : null
         );
       })
@@ -4078,12 +4095,12 @@ const Or = ({
   );
 }, Ie = (e) => {
   const [t, s] = F(!1), [a, r] = F(0), i = J(
-    (o) => {
-      (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
+    (l) => {
+      (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), l = J(() => s(!1), []);
-  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
+  ), o = J(() => s(!1), []);
+  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
 }, Gr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
@@ -4108,7 +4125,7 @@ const Or = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Yr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Ie(
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ie(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4132,13 +4149,13 @@ const Or = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(ke, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ce, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       xn,
       {
-        open: l,
+        open: o,
         items: Nn([{ src: e, alt: t }], s),
-        initialIndex: o,
+        initialIndex: l,
         onClose: m
       }
     )
@@ -4150,24 +4167,24 @@ const Or = ({
   filename: a,
   items: r,
   text: i,
-  groupPosition: l,
-  loading: o = "lazy",
+  groupPosition: o,
+  loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Hr({ src: t, alt: s, items: r }), g = Ee(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = Ie(
+  const m = Hr({ src: t, alt: s, items: r }), g = Ee(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: p } = Ie(
     d
   );
   if (m.length === 0)
     return null;
   const N = m.map(
-    (w, p) => Gr(w, p, m.length, o)
+    (w, b) => Gr(w, b, m.length, l)
   );
   return /* @__PURE__ */ h(
-    Ce,
+    ke,
     {
       variant: g,
       text: i,
-      groupPosition: l,
+      groupPosition: o,
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: N, onTileActivate: c }) }),
@@ -4177,7 +4194,7 @@ const Or = ({
             open: u,
             items: Nn(m, a),
             initialIndex: f,
-            onClose: b
+            onClose: p
           }
         )
       ]
@@ -4193,18 +4210,18 @@ const Or = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = dt({
+  const { index: r, prev: i, next: o } = dt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = re(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "document"),
-    [o]
+  }), l = t[r], d = re(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "document"),
+    [l]
   ), m = re(
-    () => o ? Zr(o.src) : void 0,
-    [o]
+    () => l ? Zr(l.src) : void 0,
+    [l]
   );
-  return !o || !m ? null : /* @__PURE__ */ h(
+  return !l || !m ? null : /* @__PURE__ */ h(
     ut,
     {
       open: e,
@@ -4221,13 +4238,13 @@ const Or = ({
             className: "mes-media-viewer__iframe",
             sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
           },
-          `${r}:${o.src}`
+          `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           ct,
           {
             onPrev: i,
-            onNext: l,
+            onNext: o,
             prevLabel: "Previous document",
             nextLabel: "Next document"
           }
@@ -4253,7 +4270,7 @@ const Or = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    pn,
     {
       variant: e,
       filename: i,
@@ -4272,30 +4289,30 @@ const Or = ({
   fileSize: a,
   title: r,
   items: i,
-  text: l,
-  groupPosition: o,
+  text: o,
+  groupPosition: l,
   onClick: d,
   onDismiss: m
 }) => {
-  const g = Ee(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
+  const g = Ee(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ie(
     d
   ), w = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const p = u.map((v) => ({
+  const b = u.map((v) => ({
     src: v.src,
     filename: v.filename ?? ae(v.src)
   }));
   return /* @__PURE__ */ h(
-    Ce,
+    ke,
     {
       variant: g,
-      text: l,
-      groupPosition: o,
+      text: o,
+      groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((v, M) => {
-          const T = v.filename ?? ae(v.src), y = w && M === 0 ? /* @__PURE__ */ n(ke, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+          const T = v.filename ?? ae(v.src), y = w && M === 0 ? /* @__PURE__ */ n(Ce, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             vn,
             {
               url: v.src,
@@ -4311,7 +4328,7 @@ const Or = ({
               variant: g,
               item: v,
               index: M,
-              onActivate: b,
+              onActivate: p,
               trailingAction: y
             },
             `${v.src}-${M}`
@@ -4321,7 +4338,7 @@ const Or = ({
           Jr,
           {
             open: f,
-            items: p,
+            items: b,
             initialIndex: c,
             onClose: N
           }
@@ -4339,15 +4356,15 @@ const Or = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = dt({
+  const { index: r, prev: i, next: o } = dt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = re(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "video"),
-    [o]
+  }), l = t[r], d = re(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "video"),
+    [l]
   );
-  return o ? /* @__PURE__ */ h(
+  return l ? /* @__PURE__ */ h(
     ut,
     {
       open: e,
@@ -4359,23 +4376,23 @@ const Or = ({
         /* @__PURE__ */ n(
           "video",
           {
-            src: o.src,
-            poster: o.poster,
+            src: l.src,
+            poster: l.poster,
             controls: !0,
             autoPlay: !0,
             muted: !0,
             playsInline: !0,
-            preload: o.preload ?? "metadata",
+            preload: l.preload ?? "metadata",
             className: "mes-media-viewer__video",
-            children: o.mimeType ? /* @__PURE__ */ n("source", { src: o.src, type: o.mimeType }) : null
+            children: l.mimeType ? /* @__PURE__ */ n("source", { src: l.src, type: l.mimeType }) : null
           },
-          `${r}:${o.src}`
+          `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           ct,
           {
             onPrev: i,
-            onNext: l,
+            onNext: o,
             prevLabel: "Previous video",
             nextLabel: "Next video"
           }
@@ -4383,7 +4400,7 @@ const Or = ({
       ]
     }
   ) : null;
-}, ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(He, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
+}, ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(He, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), kn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4408,21 +4425,21 @@ const Or = ({
   /* @__PURE__ */ n(ri, {})
 ] }), ii = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Cn, { item: e, index: t })
-}), oi = ({
+  content: /* @__PURE__ */ n(kn, { item: e, index: t })
+}), li = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], kn = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Cn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), li = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: g } = Ie(
+})), oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = Ie(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4433,15 +4450,15 @@ const Or = ({
         onClick: () => m(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(Cn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(kn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(ke, { onClick: l }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ce, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
       yn,
       {
-        open: o,
-        items: kn(
+        open: l,
+        items: Cn(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -4457,32 +4474,32 @@ const Or = ({
   mimeType: a,
   filename: r,
   items: i,
-  text: l,
-  groupPosition: o,
+  text: o,
+  groupPosition: l,
   preload: d,
   onClick: m
 }) => {
-  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
+  const g = li({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ie(
     m
   );
   if (g.length === 0)
     return null;
   const w = g.map(
-    (p, v) => ii(p, v, g.length)
+    (b, v) => ii(b, v, g.length)
   );
   return /* @__PURE__ */ h(
-    Ce,
+    ke,
     {
       variant: u,
-      text: l,
-      groupPosition: o,
+      text: o,
+      groupPosition: l,
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
           wn,
           {
             tiles: w,
-            onTileActivate: b,
+            onTileActivate: p,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4490,7 +4507,7 @@ const Or = ({
           yn,
           {
             open: f,
-            items: kn(g, r),
+            items: Cn(g, r),
             initialIndex: c,
             onClose: N
           }
@@ -4498,7 +4515,7 @@ const Or = ({
       ]
     }
   );
-}, ci = (e) => /* @__PURE__ */ n(li, { ...e }), di = (e) => /* @__PURE__ */ n(En, { ...e, state: "sent" }), ui = (e) => /* @__PURE__ */ n(En, { ...e, state: "received" }), mi = {
+}, ci = (e) => /* @__PURE__ */ n(oi, { ...e }), di = (e) => /* @__PURE__ */ n(En, { ...e, state: "sent" }), ui = (e) => /* @__PURE__ */ n(En, { ...e, state: "received" }), mi = {
   Composer: ci,
   Sent: di,
   Received: ui
@@ -4537,15 +4554,15 @@ const Or = ({
   headerText: a,
   className: r,
   avatarImage: i,
-  avatarName: l
+  avatarName: o
 }) => {
-  const o = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
-  return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
-    (i || l) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
+  const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
+  return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
+    (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
       ne,
       {
-        id: l || "account",
-        name: l || "Account",
+        id: o || "account",
+        name: o || "Account",
         image: i,
         size: 24,
         shape: "circle"
@@ -4558,7 +4575,7 @@ const Or = ({
         style: { backgroundColor: "#F1F0EE" },
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
-          o.map((d) => /* @__PURE__ */ n(
+          l.map((d) => /* @__PURE__ */ n(
             hi,
             {
               question: d.question,
@@ -4581,16 +4598,16 @@ export {
   Ai as F,
   Ii as L,
   yi as M,
-  be as a,
+  pe as a,
   ne as b,
   rr as c,
   mn as d,
-  Ci as e,
+  ki as e,
   hi as f,
   ie as g,
   Bt as h,
   Ti as i,
-  Ca as j,
+  ka as j,
   _i as k,
   Ei as l,
   Lr as m,
@@ -4606,6 +4623,6 @@ export {
   tt as w,
   nt as x,
   Jt as y,
-  ki as z
+  Ci as z
 };
-//# sourceMappingURL=index-D_U3aScH.js.map
+//# sourceMappingURL=index-BZRzouKv.js.map