@linktr.ee/messaging-react 3.5.0-rc-1782480113 → 3.5.0-rc-1782792958

package/dist/{index-CgczmQkU.js → index-ubCRSgQk.js}

@@ -1,12 +1,12 @@
-import { jsx as n, jsxs as h, Fragment as ae } from "react/jsx-runtime";
-import V, { createContext as We, useContext as _e, useCallback as Z, useState as z, useRef as H, useEffect as K, useId as In, useMemo as se, Suspense as Xe } from "react";
+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 $, useRef as Y, useEffect as K, useId as Sn, useMemo as re, Suspense as Xe } from "react";
 import { StreamChatService as Tn } from "@linktr.ee/messaging-core";
 import { StreamChat as An, LinkPreviewsManager as Lt } from "stream-chat";
-import { Chat as Mn, DateSeparator as Rn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Ln, useMessageReminder as Dn, useComponentContext as Ht, Attachment as Pn, EditMessageModal as On, MessageBlocked as zn, MessageBouncePrompt as $n, MessageDeleted as Fn, MessageIsThreadReplyInChannelButtonIndicator as Bn, MessageRepliesCountButton as Vn, ReminderNotification as Un, StreamedMessageText as jn, messageHasAttachments as Gn, messageHasReactions as Hn, isDateSeparatorMessage as Yn, isMessageBlocked as qn, isMessageBounced as Wn, MessageBounceModal as Xn, MessageText as Dt, Poll as Kn, MessageErrorIcon as Jn, useMessageContext as Ne, useMessageComposer as Zn, useStateStore as Qn, MessageInput as es, useMessageInputContext as ts, useMessageComposerHasSendableData as ns, AttachmentPreviewList as ss, QuotedMessagePreview as as, TextareaComposer as rs, MessageTimestamp as Oe, AIStates as ze, useTypingContext as is, useAIState as os, Channel as ls, WithComponents as cs, Window as ds, MessageList as us, ChannelList as ms, InfiniteScroll as hs } from "stream-chat-react";
-import { StarIcon as Ue, DotsThreeIcon as fs, SpinnerGapIcon as Ie, SignOutIcon as gs, ProhibitInsetIcon as Pt, FlagIcon as Yt, FileIcon as qt, ImageIcon as bs, SpeakerHighIcon as ps, VideoCameraIcon as Wt, FileMdIcon as vs, FileTextIcon as xs, FileZipIcon as ws, FilePptIcon as _s, FileCsvIcon as Ns, FileXlsIcon as ys, FileDocIcon as Cs, FilePdfIcon as ks, CircleNotchIcon as xe, PlayIcon as je, PauseIcon as Es, LinkIcon as Ss, DownloadSimpleIcon as we, GiftIcon as Is, ThumbsUpIcon as Ts, ThumbsDownIcon as As, TrashSimpleIcon as Ms, XIcon as Le, ArrowUpIcon as Rs, SparkleIcon as Ge, ProhibitIcon as Ls, SealCheckIcon as Ds, ArrowLeftIcon as Ot, CaretRightIcon as He, PencilSimpleIcon as Ps, CaretLeftIcon as Os } from "@phosphor-icons/react";
-import k from "classnames";
-import { MessageActions as zs, DefaultDropdownActionButton as Xt } from "stream-chat-react/experimental";
-const Kt = We({
+import { Chat as Mn, DateSeparator as Rn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Ln, useMessageReminder as Dn, useComponentContext as Gt, Attachment as zn, EditMessageModal as Pn, MessageBlocked as On, MessageBouncePrompt as $n, MessageDeleted as Fn, MessageIsThreadReplyInChannelButtonIndicator as Bn, MessageRepliesCountButton as Un, ReminderNotification as jn, StreamedMessageText as Vn, messageHasAttachments as Gn, messageHasReactions as Hn, isDateSeparatorMessage as Yn, isMessageBlocked as qn, isMessageBounced as Wn, MessageBounceModal as Xn, MessageText as Dt, Poll as Kn, MessageErrorIcon as Jn, useMessageContext as ye, useMessageComposer as Zn, useStateStore as Qn, MessageInput as es, useMessageInputContext as ts, useMessageComposerHasSendableData as ns, AttachmentPreviewList as ss, QuotedMessagePreview as as, TextareaComposer as rs, MessageTimestamp as Fe, AIStates as Be, useTypingContext as is, useAIState as ls, Channel as os, WithComponents as cs, Window as ds, MessageList as us, ChannelList as ms, InfiniteScroll as hs } from "stream-chat-react";
+import { StarIcon as Me, DotsThreeIcon as fs, SpinnerGapIcon as Te, SignOutIcon as gs, ProhibitInsetIcon as zt, FlagIcon as Ht, FileIcon as Yt, ImageIcon as bs, SpeakerHighIcon as ps, VideoCameraIcon as qt, FileMdIcon as vs, FileTextIcon as xs, FileZipIcon as ws, FilePptIcon as Ns, FileCsvIcon as _s, FileXlsIcon as ys, FileDocIcon as ks, FilePdfIcon as Cs, CircleNotchIcon as we, PlayIcon as He, PauseIcon as Es, LinkIcon as Is, DownloadSimpleIcon as Ne, GiftIcon as Ss, ThumbsUpIcon as Ts, ThumbsDownIcon as As, TrashSimpleIcon as Ms, XIcon as Pe, ArrowUpIcon as Rs, SparkleIcon as pe, ProhibitIcon as Ls, CurrencyDollarIcon as Ds, ArrowLeftIcon as Pt, CaretRightIcon as ve, PencilSimpleIcon as zs, CaretLeftIcon as Ps } from "@phosphor-icons/react";
+import y from "classnames";
+import { MessageActions as Os, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
+const Xt = We({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const Kt = We({
   refreshConnection: async () => {
   },
   debug: !1
-}), Je = () => _e(Kt), Ci = ({
+}), Je = () => _e(Xt), ki = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,10 +24,10 @@ const Kt = We({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var A, y;
-  const l = Z(
-    (E, ...C) => {
-      i && console.log(`🔥 [MessagingProvider] ${E}`, ...C);
+  var M, S;
+  const l = J(
+    (k, ...T) => {
+      i && console.log(`🔥 [MessagingProvider] ${k}`, ...T);
     },
     [i]
   );
@@ -37,77 +37,77 @@ const Kt = We({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = z(null), [m, g] = z(null), [u, f] = z(!1), [c, w] = z(!1), [b, _] = z(null), v = H(!1), p = H(null), I = H(s);
-  I.current = s;
-  const M = H(i);
-  M.current = i;
-  const R = H({
+  const [o, d] = $(null), [m, g] = $(null), [u, f] = $(!1), [c, b] = $(!1), [N, w] = $(null), p = Y(!1), v = Y(null), A = Y(s);
+  A.current = s;
+  const E = Y(i);
+  E.current = i;
+  const I = Y({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), T = H(0);
-  T.current++, l("📊 RENDER INFO", {
-    renderCount: T.current,
+  }), P = Y(0);
+  P.current++, l("📊 RENDER INFO", {
+    renderCount: P.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: R.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: R.current.apiKey !== a,
-      serviceConfigChanged: R.current.serviceConfig !== s,
-      capabilitiesChanged: R.current.capabilities !== r
+      userChanged: I.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: I.current.apiKey !== a,
+      serviceConfigChanged: I.current.serviceConfig !== s,
+      capabilitiesChanged: I.current.capabilities !== r
     }
-  }), R.current = {
+  }), I.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const L = H(null);
-  a && ((A = L.current) == null ? void 0 : A.apiKey) !== a && (L.current = { apiKey: a, client: new An(a) });
-  const D = a ? ((y = L.current) == null ? void 0 : y.client) ?? null : null;
+  const L = Y(null);
+  a && ((M = L.current) == null ? void 0 : M.apiKey) !== a && (L.current = { apiKey: a, client: new An(a) });
+  const _ = a ? ((S = L.current) == null ? void 0 : S.client) ?? null : null;
   K(() => {
-    const E = T.current, C = I.current;
-    if (!a || !D || !C) {
+    const k = P.current, T = A.current;
+    if (!a || !_ || !T) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: E,
+        renderCount: k,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING SERVICE", {
-      renderCount: E,
+      renderCount: k,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new Tn({
-      ...C,
+    const O = new Tn({
+      ...T,
       apiKey: a,
-      debug: M.current,
-      client: D
+      debug: E.current,
+      client: _
     });
-    p.current = $, d($), l("✅ SERVICE SET", {
-      renderCount: E,
-      serviceInstance: !!$
+    v.current = O, d(O), l("✅ SERVICE SET", {
+      renderCount: k,
+      serviceInstance: !!O
     });
-  }, [a, D]);
-  const U = H(null);
+  }, [a, _]);
+  const z = Y(null);
   K(() => {
-    var C, $;
+    var T, O;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: v.current,
+      isConnecting: p.current,
       isConnected: u,
       dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
     }), !o || !t) {
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (v.current) {
+    if (p.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((C = U.current) == null ? void 0 : C.serviceId) === o && (($ = U.current) == null ? void 0 : $.userId) === t.id) {
+    if (((T = z.current) == null ? void 0 : T.serviceId) === o && ((O = z.current) == null ? void 0 : O.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,35 +115,35 @@ const Kt = We({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), v.current = !0, w(!0), _(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), w(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const P = await o.connectUser(t);
-        g(P), f(!0), U.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const F = await o.connectUser(t);
+        g(F), f(!0), z.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: P.userID
+          clientId: F.userID
         });
-      } catch (P) {
-        const j = P instanceof Error ? P.message : "Connection failed";
-        _(j), l("❌ USER CONNECTION ERROR", {
+      } catch (F) {
+        const V = F instanceof Error ? F.message : "Connection failed";
+        w(V), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: j
+          error: V
         });
       } finally {
-        w(!1), v.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        b(!1), p.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
       }
     })();
   }, [o, t, l, u]), K(() => {
-    const E = D;
+    const k = _;
     return () => {
-      var C;
-      E && (U.current = null, (C = p.current) == null || C.disconnectUser().catch(console.error));
+      var T;
+      k && (z.current = null, (T = v.current) == null || T.disconnectUser().catch(console.error));
     };
-  }, [D]);
-  const O = Z(async () => {
+  }, [_]);
+  const R = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
       hasUser: !!t
@@ -151,93 +151,92 @@ const Kt = We({
       l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
+    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const E = await o.connectUser(t);
-      g(E), f(!0), _(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (E) {
-      const C = E instanceof Error ? E.message : "Refresh failed";
-      _(C), l("❌ CONNECTION REFRESH ERROR", {
+      const k = await o.connectUser(t);
+      g(k), f(!0), w(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (k) {
+      const T = k instanceof Error ? k.message : "Refresh failed";
+      w(T), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: C
+        error: T
       });
     } finally {
-      w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), N = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, t, l]), D = j.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!m,
     isConnected: u,
     isLoading: c,
-    hasError: !!b,
+    hasError: !!N,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: o,
     client: m,
     isConnected: u,
     isLoading: c,
-    error: b,
+    error: N,
     capabilities: r,
-    refreshConnection: O,
+    refreshConnection: R,
     debug: i
   }), [
     o,
     m,
     u,
     c,
-    b,
+    N,
     r,
-    O,
+    R,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: T.current,
-    willRenderChat: !!D,
-    contextValueReady: !!N
-  }), /* @__PURE__ */ n(Kt.Provider, { value: N, children: D ? /* @__PURE__ */ n(
+    renderCount: P.current,
+    willRenderChat: !!_,
+    contextValueReady: !!D
+  }), /* @__PURE__ */ n(Xt.Provider, { value: D, children: _ ? /* @__PURE__ */ n(
     Mn,
     {
-      client: D,
+      client: _,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: e
     }
   ) : e });
-}, $s = () => Je(), Jt = (e) => {
+}, $s = () => Je(), Kt = (e) => {
   var a, r;
-  const [t, s] = z(
+  const [t, s] = $(
     !!((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) => {
-      var d;
-      s(
-        o != null && o.member ? !!o.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
-      );
-    };
-    return e.on("member.updated", i), () => {
-      e.off("member.updated", i);
+    s(!!((o = e.state.membership) != null && o.pinned_at));
+    const i = (d) => {
+      var u, f, c, b, N;
+      const m = (u = e._client) == null ? void 0 : u.userID, g = ((f = d.member) == null ? void 0 : f.user_id) ?? ((b = (c = d.member) == null ? void 0 : c.user) == null ? void 0 : b.id);
+      !m || g !== m || s(!!((N = d.member) != null && N.pinned_at));
+    }, l = e.on("member.updated", i);
+    return () => {
+      l.unsubscribe();
     };
   }, [e]), t;
 }, Fs = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
 function Bs(e) {
   return Fs.test(e.trim());
 }
-function zt(e, t) {
+function Ot(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t ? !1 : !Bs(s);
 }
-function Zt(e) {
-  return zt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : zt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function Jt(e) {
+  return Ot(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ot(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
 const $t = [
   "🍎",
@@ -267,7 +266,7 @@ const $t = [
   "🍈"
   // Melon
 ];
-function Vs(e) {
+function Us(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -275,11 +274,11 @@ function Vs(e) {
   }
   return Math.abs(t);
 }
-function Us(e) {
-  const s = Vs(e) % $t.length;
+function js(e) {
+  const s = Us(e) % $t.length;
   return $t[s];
 }
-const oe = ({
+const ne = ({
   id: e,
   image: t,
   size: s = 40,
@@ -288,7 +287,7 @@ const oe = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = Us(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 o = js(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,
@@ -299,7 +298,7 @@ const oe = ({
     "div",
     {
       "aria-hidden": "true",
-      className: k(
+      className: y(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         m
       ),
@@ -309,7 +308,7 @@ const oe = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: y(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -324,14 +323,14 @@ const oe = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(Ue, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(Me, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
           "div",
           {
             "data-testid": "avatar-ring",
-            className: k(
+            className: y(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -350,7 +349,7 @@ const oe = ({
       ]
     }
   );
-}, js = "https://linktr.ee/s/about/trust-center/report", Gs = ({
+}, Vs = "https://linktr.ee/s/about/trust-center/report", Gs = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -363,78 +362,78 @@ const oe = ({
   onActionComplete: m,
   logLabel: g = "useChannelModerationActions"
 }) => {
-  var A;
-  const { service: u, debug: f } = Je(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, w = !!(a && s && u && c), [b, _] = z(!1), [v, p] = z(null), [I, M] = z(!1), [R, T] = z(!1), L = w && ((v == null ? void 0 : v.participantId) !== c || (v == null ? void 0 : v.service) !== u);
+  var M;
+  const { service: u, debug: f } = Je(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, b = !!(a && s && u && c), [N, w] = $(!1), [p, v] = $(null), [A, E] = $(!1), [I, P] = $(!1), L = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== u);
   return K(() => {
-    if (!w || !u || !c) {
-      _(!1), p(null);
+    if (!b || !u || !c) {
+      w(!1), v(null);
       return;
     }
-    let y = !1;
+    let S = !1;
     return (async () => {
       try {
-        const E = await u.getBlockedUsers();
-        if (y) return;
-        _(
-          E.some(
-            (C) => C.blocked_user_id === c
+        const k = await u.getBlockedUsers();
+        if (S) return;
+        w(
+          k.some(
+            (T) => T.blocked_user_id === c
           )
         );
-      } catch (E) {
-        y || console.error(`[${g}] Failed to check blocked status:`, E);
+      } catch (k) {
+        S || console.error(`[${g}] Failed to check blocked status:`, k);
       } finally {
-        y || p({ participantId: c, service: u });
+        S || v({ participantId: c, service: u });
       }
     })(), () => {
-      y = !0;
+      S = !0;
     };
-  }, [w, u, c, g]), {
-    isParticipantBlocked: b,
+  }, [b, u, c, g]), {
+    isParticipantBlocked: N,
     isCheckingBlockedStatus: L,
-    isLeaving: I,
-    isUpdatingBlockStatus: R,
+    isLeaving: A,
+    isUpdatingBlockStatus: I,
     handleLeaveConversation: async () => {
-      var y;
-      if (!I) {
-        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), M(!0);
+      var S;
+      if (!A) {
+        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), E(!0);
         try {
-          const E = ((y = e._client) == null ? void 0 : y.userID) ?? null;
-          await e.hide(E, !1), r && await r(e), m == null || m();
-        } catch (E) {
-          console.error(`[${g}] Failed to leave conversation`, E);
+          const k = ((S = e._client) == null ? void 0 : S.userID) ?? null;
+          await e.hide(k, !1), r && await r(e), m == null || m();
+        } catch (k) {
+          console.error(`[${g}] Failed to leave conversation`, k);
         } finally {
-          M(!1);
+          E(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var y, E, C;
-      if (!(R || !u)) {
-        o == null || o(), f && console.log(`[${g}] Block member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), T(!0);
+      var S, k, T;
+      if (!(I || !u)) {
+        o == null || o(), f && console.log(`[${g}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), P(!0);
         try {
-          await u.blockUser((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), i && await i((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), m == null || m();
-        } catch ($) {
-          console.error(`[${g}] Failed to block member`, $);
+          await u.blockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), m == null || m();
+        } catch (O) {
+          console.error(`[${g}] Failed to block member`, O);
         } finally {
-          T(!1);
+          P(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var y, E, C;
-      if (!(R || !u)) {
-        o == null || o(), f && console.log(`[${g}] Unblock member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), T(!0);
+      var S, k, T;
+      if (!(I || !u)) {
+        o == null || o(), f && console.log(`[${g}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), P(!0);
         try {
-          await u.unBlockUser((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), i && await i((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), m == null || m();
-        } catch ($) {
-          console.error(`[${g}] Failed to unblock member`, $);
+          await u.unBlockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), m == null || m();
+        } catch (O) {
+          console.error(`[${g}] Failed to unblock member`, O);
         } finally {
-          T(!1);
+          P(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(js, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Vs, "_blank", "noopener,noreferrer");
     }
   };
 }, be = ({
@@ -446,7 +445,7 @@ const oe = ({
   "button",
   {
     type: "button",
-    className: k(
+    className: y(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -468,15 +467,15 @@ const oe = ({
   customChannelActions: g,
   triggerClassName: u
 }) => {
-  const [f, c] = z(!1), w = H(null), b = In(), _ = Z(() => c(!1), []), {
-    isParticipantBlocked: v,
-    isCheckingBlockedStatus: p,
-    isLeaving: I,
-    isUpdatingBlockStatus: M,
-    handleLeaveConversation: R,
-    handleBlockUser: T,
+  const [f, c] = $(!1), b = Y(null), N = Sn(), w = J(() => c(!1), []), {
+    isParticipantBlocked: p,
+    isCheckingBlockedStatus: v,
+    isLeaving: A,
+    isUpdatingBlockStatus: E,
+    handleLeaveConversation: I,
+    handleBlockUser: P,
     handleUnblockUser: L,
-    handleReportUser: D
+    handleReportUser: _
   } = Gs({
     channel: e,
     participant: t,
@@ -487,20 +486,20 @@ const oe = ({
     onDeleteConversationClick: o,
     onBlockParticipantClick: d,
     onReportParticipantClick: m,
-    onActionComplete: _,
+    onActionComplete: w,
     logLabel: "ChannelActionsMenu"
   });
   return K(() => {
     if (!f) return;
-    const O = (A) => {
-      w.current && !w.current.contains(A.target) && c(!1);
-    }, N = (A) => {
-      A.key === "Escape" && c(!1);
+    const R = (M) => {
+      b.current && !b.current.contains(M.target) && c(!1);
+    }, D = (M) => {
+      M.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", O), document.addEventListener("keydown", N), () => {
-      document.removeEventListener("mousedown", O), document.removeEventListener("keydown", N);
+    return document.addEventListener("mousedown", R), document.addEventListener("keydown", D), () => {
+      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", D);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: w, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -508,8 +507,8 @@ const oe = ({
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": f,
-        "aria-controls": f ? b : void 0,
-        onClick: () => c((O) => !O),
+        "aria-controls": f ? N : void 0,
+        onClick: () => c((R) => !R),
         children: [
           /* @__PURE__ */ n(fs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -519,9 +518,9 @@ const oe = ({
     f && /* @__PURE__ */ n(
       "div",
       {
-        id: b,
+        id: N,
         "aria-label": "Conversation options",
-        className: k(
+        className: y(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -529,47 +528,47 @@ const oe = ({
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
             be,
             {
-              onClick: R,
-              disabled: I,
-              "aria-busy": I,
+              onClick: I,
+              disabled: A,
+              "aria-busy": A,
               children: [
-                I ? /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(gs, { className: "h-5 w-5" }),
+                A ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(gs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ n("li", { children: p ? (
+          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__ */ n(Ie, { className: "h-5 w-5 animate-spin" }),
+              /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : v ? /* @__PURE__ */ h(
+          ) : p ? /* @__PURE__ */ h(
             be,
             {
               onClick: L,
-              disabled: M,
-              "aria-busy": M,
+              disabled: E,
+              "aria-busy": E,
               children: [
-                M ? /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Pt, { className: "h-5 w-5" }),
+                E ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(zt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ h(
             be,
             {
-              onClick: T,
-              disabled: M,
-              "aria-busy": M,
+              onClick: P,
+              disabled: E,
+              "aria-busy": E,
               children: [
-                M ? /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Pt, { className: "h-5 w-5" }),
+                E ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(zt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(be, { variant: "danger", onClick: D, children: [
-            /* @__PURE__ */ n(Yt, { className: "h-5 w-5" }),
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(be, { variant: "danger", onClick: _, children: [
+            /* @__PURE__ */ n(Ht, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
           g
@@ -582,10 +581,10 @@ function Ys(e) {
   return e != null && e.length ? e.some((t) => t.type === qe) ? "down" : e.some((t) => t.type === Ye) ? "up" : null : null;
 }
 function qs(e) {
-  const { channel: t } = de(), { client: s } = Ke("useMessageVote"), a = se(
+  const { channel: t } = de(), { client: s } = Ke("useMessageVote"), a = re(
     () => Ys(e.own_reactions),
     [e.own_reactions]
-  ), r = Z(async () => {
+  ), r = J(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, Ye) : await t.sendReaction(
@@ -595,7 +594,7 @@ function qs(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = Z(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = J(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, qe) : await t.sendReaction(
@@ -611,7 +610,7 @@ function qs(e) {
 function Ws(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Qt({
+function Zt({
   message: e,
   viewerLanguage: t
 }) {
@@ -619,13 +618,13 @@ function Qt({
   const s = e == null ? void 0 : e.text, a = Ws(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Xs = V.lazy(() => import("./Card-Dy1Qj3MR.js")), Ks = V.lazy(() => import("./Card-D34G7gvm.js")), Js = V.lazy(() => import("./Card-DVDoFfkP.js")), Ze = () => /* @__PURE__ */ n(
+const Xs = j.lazy(() => import("./Card-BWWBaNKF.js")), Ks = j.lazy(() => import("./Card-BnGeMt4f.js")), Js = j.lazy(() => import("./Card-DkXzpFLA.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)]",
     "aria-hidden": !0
   }
-), Zs = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), en = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(Ks, { ...e }) }), tn = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(Js, { ...e }) }), Qs = en, ea = tn, Bt = { Composer: Zs, Sent: en, Received: tn, Creator: Qs, Visitor: ea }, ta = [
+), Zs = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), Qt = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(Ks, { ...e }) }), en = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(Js, { ...e }) }), Qs = Qt, ea = en, Bt = { Composer: Zs, Sent: Qt, Received: en, Creator: Qs, Visitor: ea }, ta = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -635,37 +634,37 @@ const Xs = V.lazy(() => import("./Card-Dy1Qj3MR.js")), Ks = V.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function re(e) {
+function ie(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function nn(e) {
+function tn(e) {
   const t = ta.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
 const na = {
-  video: Wt,
+  video: qt,
   audio: ps,
   image: bs,
-  document: qt
+  document: Yt
 }, sa = {
-  pdf: ks,
-  doc: Cs,
+  pdf: Cs,
+  doc: ks,
   xls: ys,
-  csv: Ns,
-  ppt: _s,
+  csv: _s,
+  ppt: Ns,
   zip: ws,
   text: xs,
   markdown: vs,
-  generic: qt
+  generic: Yt
 };
 function aa(e) {
-  const t = re(e);
-  return t !== "document" ? na[t] : sa[nn(e)];
+  const t = ie(e);
+  return t !== "document" ? na[t] : sa[tn(e)];
 }
 function ce(e, t) {
-  return V.createElement(aa(e), t);
+  return j.createElement(aa(e), t);
 }
 const ra = (e) => {
   var t, s;
@@ -682,66 +681,66 @@ const ra = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = re(t), u = H(null), f = H(null), c = H(null), w = H(r), [b, _] = z(a), [v, p] = z(0), [I, M] = z(!1), [R, T] = z(!1), [L, D] = z(!1), [U, O] = z(!1), [N, A] = z(!0), [y, E] = z(null), C = Z(() => {
-    D(!1), _(!0);
-  }, []), $ = Z((x) => {
-    const S = f.current;
-    if (!S) return 0;
-    const B = S.getBoundingClientRect();
+  const g = ie(t), u = Y(null), f = Y(null), c = Y(null), b = Y(r), [N, w] = $(a), [p, v] = $(0), [A, E] = $(!1), [I, P] = $(!1), [L, _] = $(!1), [z, R] = $(!1), [D, M] = $(!0), [S, k] = $(null), T = J(() => {
+    _(!1), w(!0);
+  }, []), O = J((x) => {
+    const C = f.current;
+    if (!C) return 0;
+    const U = C.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ra(x) - B.left) / B.width)
+      Math.min(1, (ra(x) - U.left) / U.width)
     );
-  }, []), P = Z((x) => {
-    const S = u.current;
-    S && S.duration && (S.currentTime = x * S.duration);
-  }, []), j = (x) => {
-    x.stopPropagation(), M(!0);
-    const S = $(x);
-    p(S), P(S);
+  }, []), F = J((x) => {
+    const C = u.current;
+    C && C.duration && (C.currentTime = x * C.duration);
+  }, []), V = (x) => {
+    x.stopPropagation(), E(!0);
+    const C = O(x);
+    v(C), F(C);
   };
   K(() => {
-    r !== void 0 && r !== w.current && (w.current = r, _(r));
+    r !== void 0 && r !== b.current && (b.current = r, w(r));
   }, [r]), K(() => {
-    if (!b) {
+    if (!N) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const x = () => {
-      const S = u.current;
-      S && S.duration && !I && p(S.currentTime / S.duration), c.current = requestAnimationFrame(x);
+      const C = u.current;
+      C && C.duration && !A && v(C.currentTime / C.duration), c.current = requestAnimationFrame(x);
     };
     return c.current = requestAnimationFrame(x), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [b, I]), K(() => {
+  }, [N, A]), K(() => {
     const x = u.current;
-    x && (b ? x.play().catch((S) => {
-      _(!1), D(!0);
+    x && (N ? x.play().catch((C) => {
+      w(!1), _(!0);
     }) : x.pause());
-  }, [b]), K(() => {
-    if (!I) return;
-    const x = (B) => p($(B)), S = (B) => {
-      M(!1), P($(B));
+  }, [N]), K(() => {
+    if (!A) return;
+    const x = (U) => v(O(U)), C = (U) => {
+      E(!1), F(O(U));
     };
-    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", S), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", S), () => {
-      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", S), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", S);
+    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", C), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", C), () => {
+      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", C);
     };
-  }, [I, $, P]);
-  const J = y ? { aspectRatio: String(y) } : void 0, Q = y ? "" : " aspect-video", Y = Math.round(v * 100);
+  }, [A, O, F]);
+  const ee = S ? { aspectRatio: String(S) } : void 0, Z = S ? "" : " aspect-video", G = Math.round(p * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
-      style: J,
+      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
+      style: ee,
       onClick: (x) => {
         if (m) {
           m(x);
           return;
         }
-        L || l && _((S) => !S);
+        L || l && w((C) => !C);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -749,11 +748,11 @@ const ra = (e) => {
             m(x);
             return;
           }
-          L || l && _((S) => !S);
+          L || l && w((C) => !C);
         }
       },
       children: [
-        s && (g === "audio" || N) && /* @__PURE__ */ n(
+        s && (g === "audio" || D) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -761,7 +760,7 @@ const ra = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || N) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
+        !s && (g === "audio" || D) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -773,14 +772,14 @@ const ra = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => O(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              O(!1), A(!1);
+              R(!1), M(!1);
             },
-            onWaiting: () => O(!0),
-            onPlay: () => D(!1),
+            onWaiting: () => R(!0),
+            onPlay: () => _(!1),
             onEnded: () => {
-              i || (_(!1), p(0));
+              i || (w(!1), v(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -793,24 +792,24 @@ const ra = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => O(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              O(!1), A(!1);
+              R(!1), M(!1);
             },
-            onWaiting: () => O(!0),
-            onPlay: () => D(!1),
+            onWaiting: () => R(!0),
+            onPlay: () => _(!1),
             onLoadedMetadata: () => {
               const x = u.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && E(x.videoWidth / x.videoHeight);
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && k(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
-              i || (_(!1), p(0));
+              i || (w(!1), v(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        U && !L && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          xe,
+        z && !L && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          we,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
@@ -824,12 +823,12 @@ const ra = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (x) => {
-              x.stopPropagation(), C();
+              x.stopPropagation(), T();
             },
             onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), C());
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), T());
             },
-            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(je, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            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(
@@ -837,23 +836,23 @@ const ra = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": Y,
+            "aria-valuenow": G,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: j,
-            onTouchStart: j,
+            onMouseDown: V,
+            onTouchStart: V,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
-              x.key === "ArrowRight" && P(Math.min(1, v + 0.05)), x.key === "ArrowLeft" && P(Math.max(0, v - 0.05));
+              x.key === "ArrowRight" && F(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && F(Math.max(0, p - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${Y}%` }
+                style: { width: `${G}%` }
               }
             ) })
           }
@@ -864,11 +863,11 @@ const ra = (e) => {
             {
               type: "button",
               onClick: (x) => {
-                x.stopPropagation(), _((S) => !S);
+                x.stopPropagation(), w((C) => !C);
               },
               className: "shrink-0 text-white",
-              "aria-label": b ? "Pause" : "Play",
-              children: b ? /* @__PURE__ */ n(Es, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(je, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": N ? "Pause" : "Play",
+              children: N ? /* @__PURE__ */ n(Es, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -876,30 +875,30 @@ const ra = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": Y,
+              "aria-valuenow": G,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: j,
-              onTouchStart: j,
+              onMouseDown: V,
+              onTouchStart: V,
               onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => T(!0),
-              onMouseLeave: () => T(!1),
+              onMouseEnter: () => P(!0),
+              onMouseLeave: () => P(!1),
               onKeyDown: (x) => {
-                x.key === "ArrowRight" && P(Math.min(1, v + 0.05)), x.key === "ArrowLeft" && P(Math.max(0, v - 0.05));
+                x.key === "ArrowRight" && F(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && F(Math.max(0, p - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${R || I ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${I || A ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${Y}%` }
+                        style: { width: `${G}%` }
                       }
                     )
                   }
@@ -907,8 +906,8 @@ const ra = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${R || I ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${Y}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${I || A ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${G}%` }
                   }
                 )
               ]
@@ -918,7 +917,7 @@ const ra = (e) => {
       ]
     }
   );
-}, Vt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", oa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", sn = ({
+}, Ut = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", la = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", nn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -927,7 +926,7 @@ const ra = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = re(e), [d, m] = z(!1);
+  const o = ie(e), [d, m] = $(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
     ia,
     {
@@ -976,11 +975,11 @@ const ra = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ce(e, {
-        className: Vt(r),
+        className: Ut(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${oa(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${la(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -993,12 +992,12 @@ const ra = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ce(e, {
-        className: Vt(r),
+        className: Ut(r),
         weight: "regular"
       })
     }
   );
-}, an = ({
+}, sn = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1012,13 +1011,13 @@ const ra = (e) => {
   rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", w = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
       ref: g,
       "data-testid": u,
-      className: k(
+      className: y(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#121110]" : "bg-white"
       ),
@@ -1030,17 +1029,17 @@ const ra = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: k("mb-0.5 truncate text-base font-medium", {
+              className: y("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && w,
-                "text-white": f && !w
+                "text-white/30": f && b,
+                "text-white": f && !b
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
             ce(r, {
-              className: k(
+              className: y(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1049,7 +1048,7 @@ const ra = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: k(
+                className: y(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1064,13 +1063,13 @@ const ra = (e) => {
     }
   );
 };
-function rn(e) {
+function an(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function Qe(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function la(e) {
+function oa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
 function ca(e) {
@@ -1086,7 +1085,7 @@ function ma(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(V.Fragment, { children: [
+  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: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1097,8 +1096,8 @@ const et = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${la(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Ss, { className: `size-12 ${ma(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${oa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(Is, { className: `size-12 ${ma(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
@@ -1109,12 +1108,12 @@ const et = ({ attachment: e, isMyMessage: t }) => {
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ n("div", { className: "block", children: m });
 };
-function on(e) {
+function rn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function tt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(on);
+  return (t = e.attachments) == null ? void 0 : t.find(rn);
 }
 async function ha(e, t) {
   let s;
@@ -1132,7 +1131,7 @@ const fa = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = z(!1);
+  const [s, a] = $(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1148,23 +1147,23 @@ const fa = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(xe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(V.Fragment, { children: [
-        /* @__PURE__ */ n(we, { className: "size-4 text-white", weight: "bold" }),
+      children: s ? /* @__PURE__ */ n(we, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
+        /* @__PURE__ */ n(Ne, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
 function nt(e) {
-  var u, f, c, w;
+  var u, f, c, b;
   const t = (u = e.attachments) == null ? void 0 : u.find(
-    (b) => b.type === "video" && b.asset_url
+    (N) => N.type === "video" && N.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
-    (b) => b.type === "image" && b.image_url
+    (N) => N.type === "image" && N.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (b) => b.type === "audio" && b.asset_url
-  ), r = (w = e.attachments) == null ? void 0 : w.find(
-    (b) => b.type === "file" && b.asset_url
+    (N) => N.type === "audio" && N.asset_url
+  ), r = (b = e.attachments) == null ? void 0 : b.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;
@@ -1183,9 +1182,9 @@ const ln = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? rn(a) : void 0;
+  const i = a !== void 0 ? an(a) : void 0;
   return /* @__PURE__ */ n(
-    an,
+    sn,
     {
       variant: "dark",
       title: s,
@@ -1193,7 +1192,7 @@ const ln = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        sn,
+        nn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1204,23 +1203,23 @@ const ln = ({
       )
     }
   );
-}, cn = ({
+}, on = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = re(t), l = a !== void 0 ? rn(a) : void 0;
+  const i = ie(t), l = a !== void 0 ? an(a) : void 0;
   return /* @__PURE__ */ n(
-    an,
+    sn,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ n(
-        sn,
+        nn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1238,9 +1237,9 @@ const ln = ({
   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(
-      oe,
+      ne,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1258,7 +1257,7 @@ const ln = ({
           {
             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(ln, { ...a }) : /* @__PURE__ */ n(cn, { ...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,29 +1268,29 @@ const ln = ({
 }) => {
   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(ln, { ...s }) : null;
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ln, { ...s }) }) : null;
 }, pa = ({
   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(cn, { ...s }) : null;
-}, ki = Object.assign(ga, {
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(on, { ...s }) }) : null;
+}, Ci = Object.assign(ga, {
   Creator: ba,
   Visitor: pa
 }), va = {
   isUnlocking: () => !1
 }, xa = {
   LockedAttachment: va
-}, dn = We({}), Ei = dn.Provider;
+}, cn = We({}), Ei = cn.Provider;
 function wa(e) {
-  return _e(dn)[e] ?? xa[e];
+  return _e(cn)[e] ?? xa[e];
 }
-const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const Na = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1308,49 +1307,49 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), Na = (e) => {
+), _a = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
 }, ya = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Te = (e) => {
+}, Re = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Ca = (e) => {
+}, ka = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, un = (e) => Na(e) || ya(e), ka = (e) => {
+}, dn = (e) => _a(e) || ya(e), Ca = (e) => {
   var t;
-  return un(e) && !((t = e.text) != null && t.trim());
-}, $e = ({
+  return dn(e) && !((t = e.text) != null && t.trim());
+}, Ue = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = un(e), i = Te(e);
+  const r = dn(e), i = Re(e);
   if (!r && !i)
     return null;
   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", w = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = 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: w })
+      /* @__PURE__ */ n(Ss, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n("span", { children: b })
     ] });
   }
   const l = s && a, o = l ? "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(_a, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ h(ae, { children: [
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(Na, { size: l ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ h(se, { children: [
     m,
     g
-  ] }) : /* @__PURE__ */ h(ae, { children: [
+  ] }) : /* @__PURE__ */ h(se, { children: [
     g,
     m
   ] }) });
@@ -1363,7 +1362,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: y("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -1377,7 +1376,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: y("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1387,8 +1386,8 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(As, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Sa = (e) => {
-  var pt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et, St, It, Tt, At;
+] }), Ia = (e) => {
+  var pt, vt, xt, wt, Nt, _t, yt, kt, Ct, Et, It, St, Tt, At;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1403,63 +1402,63 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: w,
-    threadList: b,
-    viewerLanguage: _
-  } = e, { client: v } = Ke("CustomMessage"), { channel: p } = de("CustomMessage"), { isUnlocking: I, onUnlockClick: M, onFetchSource: R, onDownloadClick: T } = wa("LockedAttachment"), [L, D] = z(!1), U = Dn(c.id), { selected: O, voteUp: N, voteDown: A } = qs(c), {
-    Attachment: y = Pn,
-    EditMessageModal: E = On,
-    MessageActions: C,
-    MessageBlocked: $ = zn,
-    MessageBouncePrompt: P = $n,
-    MessageDeleted: j = Fn,
-    MessageIsThreadReplyInChannelButtonIndicator: J = Bn,
-    MessageRepliesCountButton: Q = Vn,
-    ReminderNotification: Y = Un,
-    StreamedMessageText: x = jn,
-    PinIndicator: S
-  } = Ht("CustomMessage"), B = Gn(c), G = Hn(c), q = se(
+    renderText: b,
+    threadList: N,
+    viewerLanguage: w
+  } = e, { client: p } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: A, onUnlockClick: E, onFetchSource: I, onDownloadClick: P } = wa("LockedAttachment"), [L, _] = $(!1), z = Dn(c.id), { selected: R, voteUp: D, voteDown: M } = qs(c), {
+    Attachment: S = zn,
+    EditMessageModal: k = Pn,
+    MessageActions: T,
+    MessageBlocked: O = On,
+    MessageBouncePrompt: F = $n,
+    MessageDeleted: V = Fn,
+    MessageIsThreadReplyInChannelButtonIndicator: ee = Bn,
+    MessageRepliesCountButton: Z = Un,
+    ReminderNotification: G = jn,
+    StreamedMessageText: x = Vn,
+    PinIndicator: C
+  } = Gt("CustomMessage"), U = Gn(c), H = Hn(c), q = re(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), F = se(() => {
+  ), B = re(() => {
     const ge = c.attachments ?? [], Se = c.shared_location ? [c.shared_location, ...ge] : ge;
-    if (!Te(c)) return Se;
-    const Mt = Se.filter((Rt) => !("type" in Rt) || !on(Rt));
+    if (!Re(c)) return Se;
+    const Mt = Se.filter((Rt) => !("type" in Rt) || !rn(Rt));
     return Mt.length === Se.length ? Se : Mt;
-  }, [c]), W = se(() => {
-    const ge = Qt({ message: c, viewerLanguage: _ });
+  }, [c]), W = re(() => {
+    const ge = Zt({ message: c, viewerLanguage: w });
     return ge === c.text ? c : { ...c, text: ge };
-  }, [c, _]);
+  }, [c, w]);
   if (Yn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(j, { message: c });
+    return /* @__PURE__ */ n(V, { message: c });
   if (qn(c))
-    return /* @__PURE__ */ n($, {});
-  const X = !b && !!c.reply_count, ue = !b && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((pt = c.error) == null ? void 0 : pt.status) !== 403, he = Wn(c);
-  let ee;
-  me ? ee = () => m(c) : he && (ee = () => D(!0));
-  const te = f(), ie = k(
+    return /* @__PURE__ */ n(O, {});
+  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 = Wn(c);
+  let Q;
+  me ? Q = () => m(c) : he && (Q = () => _(!0));
+  const te = f(), le = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
     te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": B,
+      "str-chat__message--has-attachment": U,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": G,
+      "str-chat__message--with-reactions": H,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((vt = c == null ? void 0 : c.error) == null ? void 0 : vt.status) !== 403,
       "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
     }
-  ), ht = c.poll_id && v.polls.fromState(c.poll_id), ft = ka(c), fe = Te(c), gt = Ca(c), Pe = !!(F != null && F.length && !c.quoted_message), bt = fe && te && Pe;
-  return /* @__PURE__ */ h(ae, { children: [
+  ), ht = c.poll_id && p.polls.fromState(c.poll_id), ft = Ca(c), fe = Re(c), gt = ka(c), $e = !!(B != null && B.length && !c.quoted_message), bt = fe && te && $e;
+  return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
-      E,
+      k,
       {
         additionalMessageInputProps: t
       }
@@ -1467,21 +1466,22 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     L && /* @__PURE__ */ n(
       Xn,
       {
-        MessageBouncePrompt: P,
-        onClose: () => D(!1),
+        MessageBouncePrompt: F,
+        onClose: () => _(!1),
         open: L
       }
     ),
     /* @__PURE__ */ h(
       "div",
       {
-        className: ie,
+        className: le,
         "data-message-id": c.id,
+        "data-dd-privacy": "mask",
         children: [
-          S && /* @__PURE__ */ n(S, {}),
-          !!U && /* @__PURE__ */ n(Y, { reminder: U }),
+          C && /* @__PURE__ */ n(C, {}),
+          !!z && /* @__PURE__ */ n(G, { reminder: z }),
           c.user && /* @__PURE__ */ n(
-            oe,
+            ne,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1495,14 +1495,14 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: k("str-chat__message-inner", {
+              className: y("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": me || he
               }),
               "data-testid": "message-inner",
-              onClick: ee,
-              onKeyDown: ee,
-              role: ee ? "button" : void 0,
-              tabIndex: ee ? 0 : void 0,
+              onClick: Q,
+              onKeyDown: Q,
+              role: Q ? "button" : void 0,
+              tabIndex: Q ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
@@ -1511,76 +1511,76 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
               },
               children: gt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 te ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  C && /* @__PURE__ */ n(C, {}),
+                  T && /* @__PURE__ */ n(T, {}),
                   /* @__PURE__ */ n(
                     Bt.Sent,
                     {
                       title: (xt = c.metadata) == null ? void 0 : xt.attachment_title,
                       mimeType: (wt = c.metadata) == null ? void 0 : wt.attachment_mime_type,
-                      thumbnailUrl: (_t = c.metadata) == null ? void 0 : _t.attachment_thumbnail,
-                      amountText: (Nt = c.metadata) == null ? void 0 : Nt.amount_text,
+                      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,
-                      onPreviewClick: () => M == null ? void 0 : M(c, p),
-                      onFetchSource: async () => await (R == null ? void 0 : R(c, p))
+                      paymentStatus: (kt = c.metadata) == null ? void 0 : kt.payment_status,
+                      onPreviewClick: () => E == null ? void 0 : E(c, v),
+                      onFetchSource: async () => await (I == null ? void 0 : I(c, v))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   /* @__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: (St = c.metadata) == null ? void 0 : St.attachment_thumbnail,
-                      amountText: (It = c.metadata) == null ? void 0 : It.amount_text,
+                      thumbnailUrl: (It = c.metadata) == null ? void 0 : It.attachment_thumbnail,
+                      amountText: (St = c.metadata) == null ? void 0 : St.amount_text,
                       detail: (Tt = c.metadata) == null ? void 0 : Tt.attachment_detail,
                       paymentStatus: (At = c.metadata) == null ? void 0 : At.payment_status,
-                      isUnlocking: I(c.id),
-                      onUnlockClick: () => M == null ? void 0 : M(c, p),
-                      onFetchSource: async () => await (R == null ? void 0 : R(c, p)),
-                      onDownloadClick: () => T == null ? void 0 : T(c, p)
+                      isUnlocking: A(c.id),
+                      onUnlockClick: () => E == null ? void 0 : E(c, v),
+                      onFetchSource: async () => await (I == null ? void 0 : I(c, v)),
+                      onDownloadClick: () => P == null ? void 0 : P(c, v)
                     }
                   ),
-                  C && /* @__PURE__ */ n(C, {})
+                  T && /* @__PURE__ */ n(T, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: w
+                    renderText: b
                   }
                 ) })
               ] }) : ft ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n($e, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(Ue, { 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(
-                  $e,
+                  Ue,
                   {
                     message: c,
-                    hasAttachment: Pe,
+                    hasAttachment: $e,
                     isMyMessage: te
                   }
                 ),
                 ht && /* @__PURE__ */ n(Kn, { poll: ht }),
-                F != null && F.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  y,
+                B != null && B.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  S,
                   {
                     actionHandler: o,
-                    attachments: F
+                    attachments: B
                   }
                 ) : null,
                 q ? /* @__PURE__ */ n(
                   x,
                   {
                     message: W,
-                    renderText: w
+                    renderText: b
                   }
                 ) : /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: w
+                    renderText: b
                   }
                 ),
                 /* @__PURE__ */ n(Jn, {})
@@ -1589,46 +1589,46 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ),
           !gt && !ft && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
             (!fe || bt) && /* @__PURE__ */ n(
-              $e,
+              Ue,
               {
                 message: c,
-                hasAttachment: Pe,
+                hasAttachment: $e,
                 isMyMessage: te
               }
             ),
             s && fe && /* @__PURE__ */ n(
               Ea,
               {
-                selected: O,
-                onVoteUp: N,
-                onVoteDown: A
+                selected: R,
+                onVoteUp: D,
+                onVoteDown: M
               }
             )
           ] }),
           X && /* @__PURE__ */ n(
-            Q,
+            Z,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ n(J, {})
+          ue && /* @__PURE__ */ n(ee, {})
         ]
       },
       c.id
     )
   ] });
-}, Ia = V.memo(
-  Sa,
+}, Sa = j.memo(
+  Ia,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ln(e, t)
 ), Ta = (e) => {
-  const t = Ne("CustomMessage");
-  return /* @__PURE__ */ n(Ia, { ...t, ...e });
+  const t = ye("CustomMessage");
+  return /* @__PURE__ */ n(Sa, { ...t, ...e });
 }, Aa = () => {
   var s;
-  const { handleDelete: e, message: t } = Ne("CustomMessageActions");
+  const { handleDelete: e, message: t } = ye("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    Xt,
+    Wt,
     {
       onClick: e,
       "aria-label": "Delete",
@@ -1638,22 +1638,22 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   );
 }, Ma = () => {
-  const { handleFlag: e } = Ne("CustomMessageActions");
+  const { handleFlag: e } = ye("CustomMessageActions");
   return /* @__PURE__ */ n(
-    Xt,
+    Wt,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Yt, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ht, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, Ra = () => {
   var t;
-  const { message: e } = Ne("CustomMessageActions");
+  const { message: e } = ye("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    zs,
+    Os,
     {
       messageActionSet: [
         { Component: Aa, placement: "quick", type: "delete" },
@@ -1691,7 +1691,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
             },
             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",
-            children: /* @__PURE__ */ n(Le, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ n(Pe, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ h("div", { className: "p-2", children: [
@@ -1705,7 +1705,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Lt.previewIsLoaded(t) || Lt.previewIsLoading(t)
   )
-}), Pa = () => {
+}), za = () => {
   const { linkPreviewsManager: e } = Zn(), { linkPreviews: t } = Qn(
     e.state,
     Da
@@ -1720,7 +1720,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, st = V.createContext(!1), Si = () => _e(st), Oa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, st = j.createContext(!1), Ii = () => _e(st), Pa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1730,40 +1730,47 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     onClick: e,
     children: /* @__PURE__ */ n(Rs, { weight: "bold", className: "size-4" })
   }
-), za = () => {
+), Oa = () => {
   const e = _e(st), { handleSubmit: t } = ts(), s = ns(), a = e || !s, {
-    SendButton: r = Oa,
+    SendButton: r = Pa,
     AttachmentPreviewList: i = ss
-  } = Ht("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(as, {}),
-    /* @__PURE__ */ n(Pa, {}),
-    /* @__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(
-        rs,
-        {
-          "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"
-        }
-      )
-    ] })
-  ] });
+  } = 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)]",
+      "data-dd-privacy": "mask",
+      children: [
+        /* @__PURE__ */ n(as, {}),
+        /* @__PURE__ */ n(za, {}),
+        /* @__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(
+            rs,
+            {
+              "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"
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }, $a = ({
   renderActions: e,
   renderFooter: t,
@@ -1773,7 +1780,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }) => {
   var o;
   const { channel: i } = de(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(ae, { children: [
+  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()
   ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -1785,7 +1792,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
         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(es, { Input: r ?? za }) })
+          /* @__PURE__ */ n(st.Provider, { value: l, children: /* @__PURE__ */ n(es, { Input: r ?? Oa }) })
         ]
       }
     ),
@@ -1797,14 +1804,14 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
 ], Ba = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Va = [
+}, Ua = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ua = {
+], ja = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Fe = "age safety guidelines.", ja = "https://linktr.ee/s/about/contact", Ut = (e) => Fa.includes(e), Ga = (e) => Va.includes(e), Ha = (e) => {
+}, je = "age safety guidelines.", Va = "https://linktr.ee/s/about/contact", jt = (e) => Fa.includes(e), Ga = (e) => Ua.includes(e), Ha = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Ut(t))
+  if (jt(t))
     return {
       kind: "dm-agent",
       type: t
@@ -1815,26 +1822,26 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (Ut(s))
+  if (jt(s))
     return {
       kind: "dm-agent",
       type: s
     };
 }, Ya = (e) => {
-  const t = e.indexOf(Fe);
+  const t = e.indexOf(je);
   if (t === -1)
     return e;
-  const s = t + Fe.length;
-  return /* @__PURE__ */ h(ae, { children: [
+  const s = t + je.length;
+  return /* @__PURE__ */ h(se, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: ja,
+        href: Va,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Fe
+        children: je
       }
     ),
     e.slice(s)
@@ -1855,7 +1862,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Ge,
+              pe,
               {
                 size: 16,
                 weight: "regular",
@@ -1867,11 +1874,11 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Oe, { message: e.message })
+      !t && /* @__PURE__ */ n(Fe, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ua[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || ja[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1894,7 +1901,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Oe, { message: e.message })
+      !t && /* @__PURE__ */ n(Fe, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1903,9 +1910,9 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(Oe, { message: e.message })
+    !t && /* @__PURE__ */ n(Fe, { message: e.message })
   ] });
-}, mn = We(!1), Be = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, un = We(!1), Ve = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1916,20 +1923,20 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     repeatCount: "indefinite"
   }
 ) }), Wa = /* @__PURE__ */ new Set([
-  ze.Thinking,
-  ze.Generating,
-  ze.ExternalSources
+  Be.Thinking,
+  Be.Generating,
+  Be.ExternalSources
 ]), Xa = ({ threadList: e }) => {
-  var w, b;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ke(), { typing: i = {} } = is(), { aiState: l } = os(t), o = _e(mn);
+  var b, N;
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ke(), { typing: i = {} } = is(), { aiState: l } = ls(t), o = _e(un);
   if (!e && o && Wa.has(l)) {
-    const _ = Ka(t, (w = r.user) == null ? void 0 : w.id);
+    const w = Ka(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
-      jt,
+      Vt,
       {
-        avatarId: (_ == null ? void 0 : _.id) ?? "ai-agent",
-        avatarName: (_ == null ? void 0 : _.name) ?? (_ == null ? void 0 : _.id) ?? "Agent",
-        avatarImage: _ == null ? void 0 : _.image,
+        avatarId: (w == null ? void 0 : w.id) ?? "ai-agent",
+        avatarName: (w == null ? void 0 : w.name) ?? (w == null ? void 0 : w.id) ?? "Agent",
+        avatarImage: w == null ? void 0 : w.image,
         testId: "typing-indicator-ai"
       }
     );
@@ -1937,21 +1944,21 @@ const _a = ({ 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: _, user: v }) => {
-      var p;
-      return (v == null ? void 0 : v.id) !== ((p = r.user) == null ? void 0 : p.id) && !_;
+    ({ parent_id: w, user: p }) => {
+      var v;
+      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && !w;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: _, user: v }) => {
-      var p;
-      return (v == null ? void 0 : v.id) !== ((p = r.user) == null ? void 0 : p.id) && _ === (a == null ? void 0 : a.id);
+    ({ parent_id: w, user: p }) => {
+      var v;
+      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && w === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? g : m;
   if (!u.length)
     return null;
-  const f = (b = u[0]) == null ? void 0 : b.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (N = u[0]) == null ? void 0 : N.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
-    jt,
+    Vt,
     {
       avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
@@ -1959,7 +1966,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       testId: "typing-indicator"
     }
   );
-}, jt = ({
+}, Vt = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -1974,7 +1981,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        oe,
+        ne,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -1994,9 +2001,9 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           height: "13",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ n(Be, { cx: "4", index: 0 }),
-            /* @__PURE__ */ n(Be, { cx: "16", index: 1 }),
-            /* @__PURE__ */ n(Be, { cx: "28", index: 2 })
+            /* @__PURE__ */ n(Ve, { cx: "4", index: 0 }),
+            /* @__PURE__ */ n(Ve, { cx: "16", index: 1 }),
+            /* @__PURE__ */ n(Ve, { cx: "28", index: 2 })
           ]
         }
       ) }) }) }) }) })
@@ -2015,7 +2022,7 @@ function Ka(e, t) {
 const Ja = () => null, Za = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: k("flex items-center justify-center h-full", e),
+    className: y("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2055,24 +2062,41 @@ const Ja = () => null, Za = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ae = V.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+), Le = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(Za, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Ae.displayName = "LoadingState";
-const pe = ({
-  className: e,
-  size: t = 16
-}) => /* @__PURE__ */ n(
-  Ds,
-  {
-    weight: "fill",
-    size: t,
-    className: k("shrink-0 text-[#1D9BF0]", e),
-    "aria-label": "Verified",
-    role: "img"
-  }
-), le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Gt = "Replies instantly with AI assistant", Qa = ({
+Le.displayName = "LoadingState";
+const mn = ({ channel: e, participant: t }) => {
+  const s = (t == null ? void 0 : t.customer) === !0, a = Kt(e);
+  return !s && !a ? null : /* @__PURE__ */ h("span", { className: "inline-flex shrink-0 items-center gap-1", children: [
+    s && /* @__PURE__ */ n(
+      "span",
+      {
+        role: "img",
+        "aria-label": "Customer",
+        className: "inline-flex size-4 items-center justify-center rounded-full bg-[#22C55E] text-white",
+        children: /* @__PURE__ */ n(
+          Ds,
+          {
+            "aria-hidden": "true",
+            className: "size-3",
+            weight: "bold"
+          }
+        )
+      }
+    ),
+    a && /* @__PURE__ */ n(
+      "span",
+      {
+        role: "img",
+        "aria-label": "Starred conversation",
+        className: "inline-flex size-4 items-center justify-center rounded-full bg-[#F6C343] text-white",
+        children: /* @__PURE__ */ n(Me, { "aria-hidden": "true", className: "size-3", weight: "fill" })
+      }
+    )
+  ] });
+}, 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", Qa = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2087,30 +2111,34 @@ const pe = ({
   onReportParticipantClick: u,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: w = !0,
-  onParticipantNameClick: b,
-  renderHeaderTitleBadges: _
+  showChannelInfo: b = !0,
+  onParticipantNameClick: N,
+  renderHeaderTitleBadges: w
 }) => {
-  var U, O, N, A, y, E;
-  const { channel: v } = de(), p = V.useMemo(() => {
-    var P, j;
-    const C = (P = v._client) == null ? void 0 : P.userID;
-    return C ? Object.values(((j = v.state) == null ? void 0 : j.members) || {}).find(
-      (J) => {
-        var Q;
-        return ((Q = J.user) == null ? void 0 : Q.id) && J.user.id !== C;
+  var D, M, S, k, T, O, F;
+  const { channel: p } = 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(
+      (x) => {
+        var C;
+        return ((C = x.user) == null ? void 0 : C.id) && x.user.id !== V;
       }
     ) : void 0;
-  }, [(U = v._client) == null ? void 0 : U.userID, (O = v.state) == null ? void 0 : O.members]), I = Zt(p == null ? void 0 : p.user), M = (N = p == null ? void 0 : p.user) == null ? void 0 : N.image, R = ((A = p == null ? void 0 : p.user) == null ? void 0 : A.is_verified) === !0, T = Jt(v), L = _ == null ? void 0 : _({
-    channel: v,
-    participant: p
-  }), D = async () => {
+  }, [(D = p._client) == null ? void 0 : D.userID, (M = p.state) == null ? void 0 : M.members]), A = Jt(v == null ? void 0 : v.user), E = (S = v == null ? void 0 : v.user) == null ? void 0 : S.image, I = Kt(p), P = w == null ? void 0 : w({
+    channel: p,
+    participant: v
+  }), L = "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", _ = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ h(se, { children: [
+    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: A }),
+    /* @__PURE__ */ n(mn, { channel: p, participant: v }),
+    P && /* @__PURE__ */ n("span", { className: "shrink-0", children: P })
+  ] }), R = async () => {
     try {
-      T ? await v.unpin() : await v.pin();
-    } catch (C) {
+      I ? await p.unpin() : await p.pin();
+    } catch (V) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        C
+        V
       );
     }
   };
@@ -2119,78 +2147,106 @@ const pe = ({
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: k(
-            le,
+          className: y(
+            oe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(Ot, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Pt, { className: "size-5 text-black/90" })
         }
       ) }),
-      /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
-        /* @__PURE__ */ n(
-          oe,
-          {
-            id: ((y = p == null ? void 0 : p.user) == null ? void 0 : y.id) || v.id || "unknown",
-            name: I,
-            image: M,
-            starred: s && T,
-            dmAgentEnabled: a,
-            size: 48
-          }
-        ),
-        b ? /* @__PURE__ */ h(
-          "button",
-          {
-            type: "button",
-            onClick: b,
-            "aria-label": `View details for ${I}`,
-            className: "flex max-w-full items-center gap-0.5 rounded text-center text-xs font-medium text-black/90 transition-opacity hover:opacity-70",
-            children: [
-              /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: I }),
-              R && /* @__PURE__ */ n(pe, {}),
-              L && /* @__PURE__ */ n("span", { className: "shrink-0", children: L }),
-              /* @__PURE__ */ n(He, { className: "size-3 shrink-0", weight: "bold" })
-            ]
-          }
-        ) : /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-1 text-center text-xs font-medium text-black/90", children: [
-          /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: I }),
-          R && /* @__PURE__ */ n(pe, {}),
-          L && /* @__PURE__ */ n("span", { className: "shrink-0", children: L })
-        ] }),
-        a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ n(Ge, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ n("span", { children: Gt })
-        ] })
-      ] }),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          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 ${A}`,
+              className: y(
+                L,
+                "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
+              ),
+              children: [
+                /* @__PURE__ */ n(
+                  ne,
+                  {
+                    id: ((k = v == null ? void 0 : v.user) == null ? void 0 : k.id) || p.id || "unknown",
+                    name: A,
+                    image: E,
+                    dmAgentEnabled: a,
+                    size: 48
+                  }
+                ),
+                /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
+                  z,
+                  /* @__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(pe, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n("span", { children: Ae })
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ h("div", { className: L, children: [
+            /* @__PURE__ */ n(
+              ne,
+              {
+                id: ((T = v == null ? void 0 : v.user) == null ? void 0 : T.id) || p.id || "unknown",
+                name: A,
+                image: E,
+                dmAgentEnabled: a,
+                size: 48
+              }
+            ),
+            /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
+              z,
+              /* @__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,
-            onClick: D,
+            className: oe,
+            onClick: R,
             type: "button",
-            "aria-label": T ? "Unstar conversation" : "Star conversation",
+            "aria-label": I ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              Ue,
+              Me,
               {
-                className: k("size-5", {
-                  "text-yellow-600": T,
-                  "text-black/90": !T
+                className: y("size-5", {
+                  "text-yellow-600": I,
+                  "text-black/90": !I
                 }),
-                weight: T ? "duotone" : "regular"
+                weight: I ? "duotone" : "regular"
               }
             )
           }
         ),
-        w && (c !== void 0 ? c : /* @__PURE__ */ n(
+        b && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: v,
-            participant: p,
+            channel: p,
+            participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
             showReportParticipant: d,
@@ -2200,60 +2256,85 @@ const pe = ({
             onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: k(le, "bg-[#F1F0EE]")
+            triggerClassName: y(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: k(
-              le,
+            className: y(
+              oe,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Ot, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Pt, { className: "size-5 text-black/90" })
           }
         ),
-        /* @__PURE__ */ n(
-          oe,
+        N ? /* @__PURE__ */ h(
+          "button",
           {
-            id: ((E = p == null ? void 0 : p.user) == null ? void 0 : E.id) || v.id || "unknown",
-            name: I,
-            image: M,
-            starred: s && T,
-            dmAgentEnabled: a,
-            size: 48
+            type: "button",
+            onClick: N,
+            "aria-label": `View details for ${A}`,
+            className: y(
+              _,
+              "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
+            ),
+            children: [
+              /* @__PURE__ */ n(
+                ne,
+                {
+                  id: ((O = v == null ? void 0 : v.user) == null ? void 0 : O.id) || p.id || "unknown",
+                  name: A,
+                  image: E,
+                  dmAgentEnabled: a,
+                  size: 48
+                }
+              ),
+              /* @__PURE__ */ h("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
+                  z,
+                  /* @__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("span", { className: "truncate", children: Ae })
+                ] })
+              ] })
+            ]
           }
-        ),
-        /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-          b ? /* @__PURE__ */ h(
-            "button",
+        ) : /* @__PURE__ */ h("div", { className: _, children: [
+          /* @__PURE__ */ n(
+            ne,
             {
-              type: "button",
-              onClick: b,
-              "aria-label": `View details for ${I}`,
-              className: "flex min-w-0 max-w-full items-center gap-1 rounded font-medium text-black/90 transition-opacity hover:opacity-70",
-              children: [
-                /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: I }),
-                R && /* @__PURE__ */ n(pe, {}),
-                L && /* @__PURE__ */ n("span", { className: "shrink-0", children: L }),
-                /* @__PURE__ */ n(He, { className: "size-4 shrink-0", weight: "bold" })
-              ]
+              id: ((F = v == null ? void 0 : v.user) == null ? void 0 : F.id) || p.id || "unknown",
+              name: A,
+              image: E,
+              dmAgentEnabled: a,
+              size: 48
             }
-          ) : /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-            /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: I }),
-            R && /* @__PURE__ */ n(pe, {}),
-            L && /* @__PURE__ */ n("span", { className: "shrink-0", children: L })
-          ] }),
-          a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-            /* @__PURE__ */ n(Ge, { className: "size-3 shrink-0 text-black/55" }),
-            /* @__PURE__ */ n("span", { className: "truncate", children: Gt })
+          ),
+          /* @__PURE__ */ h("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
+              z,
+              /* @__PURE__ */ n(
+                ve,
+                {
+                  className: "invisible 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("span", { className: "truncate", children: Ae })
+            ] })
           ] })
         ] })
       ] }),
@@ -2261,27 +2342,27 @@ const pe = ({
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
-            onClick: D,
+            className: oe,
+            onClick: R,
             type: "button",
-            "aria-label": T ? "Unstar conversation" : "Star conversation",
+            "aria-label": I ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              Ue,
+              Me,
               {
-                className: k("size-6", {
-                  "text-yellow-600": T,
-                  "text-black/90": !T
+                className: y("size-6", {
+                  "text-yellow-600": I,
+                  "text-black/90": !I
                 }),
-                weight: T ? "duotone" : "regular"
+                weight: I ? "duotone" : "regular"
               }
             )
           }
         ),
-        w && (c !== void 0 ? c : /* @__PURE__ */ n(
+        b && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: v,
-            participant: p,
+            channel: p,
+            participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
             showReportParticipant: d,
@@ -2291,7 +2372,7 @@ const pe = ({
             onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: le
+            triggerClassName: oe
           }
         ))
       ] })
@@ -2312,56 +2393,56 @@ const pe = ({
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: w,
-  showStarButton: b = !1,
-  chatbotVotingEnabled: _ = !1,
-  renderChannelBanner: v,
-  renderHeaderTitleBadges: p,
-  customChannelActions: I,
-  renderChannelActions: M,
-  renderMessage: R,
-  dmAgentEnabled: T = !1,
+  composerDisabledReason: b,
+  showStarButton: N = !1,
+  chatbotVotingEnabled: w = !1,
+  renderChannelBanner: p,
+  renderHeaderTitleBadges: v,
+  customChannelActions: A,
+  renderChannelActions: E,
+  renderMessage: I,
+  dmAgentEnabled: P = !1,
   viewerLanguage: L,
-  showChannelInfo: D = !0,
-  onParticipantNameClick: U,
-  composerInput: O
+  showChannelInfo: _ = !0,
+  onParticipantNameClick: z,
+  composerInput: R
 }) => {
-  var j, J, Q, Y, x, S;
-  const { channel: N } = de(), A = V.useMemo(() => {
-    var q, F;
-    const B = (q = N._client) == null ? void 0 : q.userID;
-    return B ? Object.values(((F = N.state) == null ? void 0 : F.members) || {}).find(
+  var V, ee, Z, G, x, C;
+  const { channel: D } = de(), M = j.useMemo(() => {
+    var q, B;
+    const U = (q = D._client) == null ? void 0 : q.userID;
+    return U ? Object.values(((B = D.state) == null ? void 0 : B.members) || {}).find(
       (W) => {
         var X;
-        return ((X = W.user) == null ? void 0 : X.id) && W.user.id !== B;
+        return ((X = W.user) == null ? void 0 : X.id) && W.user.id !== U;
       }
     ) : void 0;
-  }, [(j = N._client) == null ? void 0 : j.userID, (J = N.state) == null ? void 0 : J.members]), y = V.useMemo(() => {
-    var q, F;
-    const B = (q = N._client) == null ? void 0 : q.userID;
-    return B ? Object.values(((F = N.state) == null ? void 0 : F.members) || {}).find((W) => {
+  }, [(V = D._client) == null ? void 0 : V.userID, (ee = D.state) == null ? void 0 : ee.members]), S = j.useMemo(() => {
+    var q, B;
+    const U = (q = D._client) == null ? void 0 : q.userID;
+    return U ? Object.values(((B = D.state) == null ? void 0 : B.members) || {}).find((W) => {
       var X;
-      return ((X = W.user) == null ? void 0 : X.id) === B;
+      return ((X = W.user) == null ? void 0 : X.id) === U;
     }) : void 0;
-  }, [(Q = N._client) == null ? void 0 : Q.userID, (Y = N.state) == null ? void 0 : Y.members]), E = ((x = y == null ? void 0 : y.user) == null ? void 0 : x.is_account) ?? (y == null ? void 0 : y.is_account), C = ((S = A == null ? void 0 : A.user) == null ? void 0 : S.is_account) ?? (A == null ? void 0 : A.is_account), $ = T && E === !1 && C === !0, P = Z(
-    (B) => {
-      const { message: G } = Ne("ChannelView"), q = /* @__PURE__ */ n(
+  }, [(Z = D._client) == null ? void 0 : Z.userID, (G = D.state) == null ? void 0 : G.members]), k = ((x = S == null ? void 0 : S.user) == null ? void 0 : x.is_account) ?? (S == null ? void 0 : S.is_account), T = ((C = M == null ? void 0 : M.user) == null ? void 0 : C.is_account) ?? (M == null ? void 0 : M.is_account), O = P && k === !1 && T === !0, F = J(
+    (U) => {
+      const { message: H } = ye("ChannelView"), q = /* @__PURE__ */ n(
         Ta,
         {
-          ...B,
-          chatbotVotingEnabled: _,
+          ...U,
+          chatbotVotingEnabled: w,
           viewerLanguage: L
         }
       );
-      return !R || !G ? q : R(q, G);
+      return !I || !H ? q : I(q, H);
     },
-    [_, R, L]
+    [w, I, L]
   );
-  return /* @__PURE__ */ n(ae, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
     cs,
     {
       overrides: {
-        Message: P,
+        Message: F,
         MessageActions: Ra
       },
       children: /* @__PURE__ */ h(ds, { children: [
@@ -2370,9 +2451,9 @@ const pe = ({
           {
             onBack: e,
             showBackButton: t,
-            showChannelInfo: D,
-            showStarButton: b,
-            dmAgentEnabled: $,
+            showChannelInfo: _,
+            showStarButton: N,
+            dmAgentEnabled: O,
             onLeaveConversation: i,
             onBlockParticipant: l,
             showDeleteConversation: o,
@@ -2381,13 +2462,13 @@ const pe = ({
             onDeleteConversationClick: d,
             onBlockParticipantClick: m,
             onReportParticipantClick: g,
-            customChannelActions: I,
-            renderChannelActions: M,
-            onParticipantNameClick: U,
-            renderHeaderTitleBadges: p
+            customChannelActions: A,
+            renderChannelActions: E,
+            onParticipantNameClick: z,
+            renderHeaderTitleBadges: v
           }
         ) }, "lt-channel-header"),
-        v ? /* @__PURE__ */ n(V.Fragment, { children: v() }, "lt-channel-banner") : null,
+        p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2396,24 +2477,24 @@ const pe = ({
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(V.Fragment, { children: r(N) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(j.Fragment, { children: r(D) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           $a,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(N)
+              renderActions: () => s == null ? void 0 : s(D)
             },
-            renderFooter: () => a == null ? void 0 : a(N),
+            renderFooter: () => a == null ? void 0 : a(D),
             disabled: c,
-            disabledReason: w,
-            composerInput: O
+            disabledReason: b,
+            composerInput: R
           },
           "lt-channel-message-input"
         )
       ] })
     }
   ) });
-}, hn = V.memo(
+}, hn = j.memo(
   ({
     channel: e,
     onBack: t,
@@ -2429,79 +2510,79 @@ const pe = ({
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: w = !0,
-    showReportParticipant: b = !0,
-    composerDisabled: _ = !1,
-    composerDisabledReason: v,
-    dmAgentEnabled: p,
-    messageMetadata: I,
-    onMessageSent: M,
-    showStarButton: R = !1,
-    chatbotVotingEnabled: T = !1,
+    showBlockParticipant: b = !0,
+    showReportParticipant: N = !0,
+    composerDisabled: w = !1,
+    composerDisabledReason: p,
+    dmAgentEnabled: v,
+    messageMetadata: A,
+    onMessageSent: E,
+    showStarButton: I = !1,
+    chatbotVotingEnabled: P = !1,
     renderChannelBanner: L,
-    renderHeaderTitleBadges: D,
-    customChannelActions: U,
-    renderChannelActions: O,
-    renderMessage: N,
-    onMessageLinkClick: A,
-    sendButton: y,
-    attachmentPreviewList: E,
-    viewerLanguage: C,
-    showChannelInfo: $ = !0,
-    onParticipantNameClick: P,
-    composerInput: j
+    renderHeaderTitleBadges: _,
+    customChannelActions: z,
+    renderChannelActions: R,
+    renderMessage: D,
+    onMessageLinkClick: M,
+    sendButton: S,
+    attachmentPreviewList: k,
+    viewerLanguage: T,
+    showChannelInfo: O = !0,
+    onParticipantNameClick: F,
+    composerInput: V
   }) => {
-    const J = Z(
-      async (Y, x, S) => {
+    const ee = J(
+      async (G, x, C) => {
         var X;
-        const B = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, G = p && !B, q = {
+        const U = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, H = v && !U, q = {
           ...x,
-          ...G && { silent: !0 },
-          ...I && {
+          ...H && { silent: !0 },
+          ...A && {
             metadata: {
               ...x.metadata ?? {},
-              ...I
+              ...A
             }
           }
-        }, F = {
-          ...S,
-          ...G && { skip_push: !0 }
-        }, W = await e.sendMessage(q, F);
-        return M == null || M(W), W;
+        }, B = {
+          ...C,
+          ...H && { skip_push: !0 }
+        }, W = await e.sendMessage(q, B);
+        return E == null || E(W), W;
       },
-      [e, p, I, M]
-    ), Q = H(null);
+      [e, v, A, E]
+    ), Z = Y(null);
     return K(() => {
-      if (!A) return;
-      const Y = Q.current;
-      if (!Y) return;
-      const x = (S) => {
-        const B = S.target, G = B == null ? void 0 : B.closest("a[href]"), q = G == null ? void 0 : G.getAttribute("href");
+      if (!M) return;
+      const G = Z.current;
+      if (!G) return;
+      const x = (C) => {
+        const U = C.target, H = U == null ? void 0 : U.closest("a[href]"), q = H == null ? void 0 : H.getAttribute("href");
         if (!q) return;
-        const F = G == null ? void 0 : G.closest("[data-message-id]"), W = F == null ? void 0 : F.getAttribute("data-message-id"), X = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
-        A(q, X);
+        const B = H == null ? void 0 : H.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), X = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
+        M(q, X);
       };
-      return Y.addEventListener("click", x), () => Y.removeEventListener("click", x);
-    }, [A, e]), /* @__PURE__ */ n(
+      return G.addEventListener("click", x), () => G.removeEventListener("click", x);
+    }, [M, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: Q,
-        className: k(
+        ref: Z,
+        className: y(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(mn.Provider, { value: p ?? !1, children: /* @__PURE__ */ n(
-          ls,
+        children: /* @__PURE__ */ n(un.Provider, { value: v ?? !1, children: /* @__PURE__ */ n(
+          os,
           {
             channel: e,
             MessageSystem: qa,
             EmptyStateIndicator: m,
-            LoadingIndicator: Ae,
+            LoadingIndicator: Le,
             DateSeparator: Hs,
             TypingIndicator: Xa,
-            doSendMessageRequest: J,
-            ...y ? { SendButton: y } : {},
-            ...E ? { AttachmentPreviewList: E } : {},
+            doSendMessageRequest: ee,
+            ...S ? { SendButton: S } : {},
+            ...k ? { AttachmentPreviewList: k } : {},
             children: /* @__PURE__ */ n(
               er,
               {
@@ -2517,22 +2598,22 @@ const pe = ({
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: w,
-                showReportParticipant: b,
-                composerDisabled: _,
-                composerDisabledReason: v,
-                showStarButton: R,
-                dmAgentEnabled: p,
-                chatbotVotingEnabled: T,
+                showBlockParticipant: b,
+                showReportParticipant: N,
+                composerDisabled: w,
+                composerDisabledReason: p,
+                showStarButton: I,
+                dmAgentEnabled: v,
+                chatbotVotingEnabled: P,
                 renderChannelBanner: L,
-                renderHeaderTitleBadges: D,
-                customChannelActions: U,
-                renderChannelActions: O,
-                renderMessage: N,
-                viewerLanguage: C,
-                showChannelInfo: $,
-                onParticipantNameClick: P,
-                composerInput: j
+                renderHeaderTitleBadges: _,
+                customChannelActions: z,
+                renderChannelActions: R,
+                renderMessage: D,
+                viewerLanguage: T,
+                showChannelInfo: O,
+                onParticipantNameClick: F,
+                composerInput: V
               }
             )
           }
@@ -2542,7 +2623,7 @@ const pe = ({
   }
 );
 hn.displayName = "ChannelView";
-const ve = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const xe = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2556,8 +2637,8 @@ const ve = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-ve.displayName = "ErrorState";
-const Ii = ({
+xe.displayName = "ErrorState";
+const Si = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2572,135 +2653,135 @@ const Ii = ({
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: w,
-  renderChannelBanner: b,
-  customChannelActions: _,
-  renderChannelActions: v,
-  onParticipantNameClick: p,
-  renderMessage: I,
-  onMessageLinkClick: M,
-  showChannelInfo: R,
-  composerInput: T
+  renderHeaderTitleBadges: b,
+  renderChannelBanner: N,
+  customChannelActions: w,
+  renderChannelActions: p,
+  onParticipantNameClick: v,
+  renderMessage: A,
+  onMessageLinkClick: E,
+  showChannelInfo: I,
+  composerInput: P
 }) => {
   const {
     client: L,
-    isConnected: D,
-    isLoading: U,
-    error: O,
-    refreshConnection: N,
-    service: A,
-    debug: y
-  } = $s(), [E, C] = z(null), [$, P] = z(null), [j, J] = z(!1), { showDeleteConversation: Q = !0 } = e, Y = H(l);
-  Y.current = l;
-  const x = H(a);
+    isConnected: _,
+    isLoading: z,
+    error: R,
+    refreshConnection: D,
+    service: M,
+    debug: S
+  } = $s(), [k, T] = $(null), [O, F] = $(null), [V, ee] = $(!1), { showDeleteConversation: Z = !0 } = e, G = Y(l);
+  G.current = l;
+  const x = Y(a);
   x.current = a;
-  const S = H(null), B = H(null);
+  const C = Y(null), U = Y(null);
   K(() => {
-    B.current = E;
-  }, [E]), K(() => {
-    if (!L || !D) return;
-    const F = L.userID;
-    if (!F) return;
-    const W = `${F}::${i}`;
-    if (S.current === W) return;
-    S.current = W;
+    U.current = k;
+  }, [k]), K(() => {
+    if (!L || !_) return;
+    const B = L.userID;
+    if (!B) return;
+    const W = `${B}::${i}`;
+    if (C.current === W) return;
+    C.current = W;
     const X = () => {
-      S.current === W && (S.current = null);
+      C.current === W && (C.current = null);
     };
     (async () => {
       var me, he;
       try {
-        y && console.log(
+        S && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ee = await L.queryChannels(
+        const Q = await L.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [F, i] }
+            members: { $eq: [B, i] }
           },
           {},
           { limit: 1 }
         );
-        if (ee.length > 0) {
-          C(ee[0]), P(null), (me = x.current) == null || me.call(x, ee[0]), y && console.log(
+        if (Q.length > 0) {
+          T(Q[0]), F(null), (me = x.current) == null || me.call(x, Q[0]), S && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ee[0].id
+            Q[0].id
           );
           return;
         }
-        const te = Y.current;
-        if (!te || !A) {
-          X(), P("No conversation found with this account"), y && console.log(
+        const te = G.current;
+        if (!te || !M) {
+          X(), F("No conversation found with this account"), S && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const ie = await A.startChannelWithParticipant({
+          const le = await M.startChannelWithParticipant({
             id: te.id,
             name: te.name,
             phone: te.phone
           });
-          C(ie), P(null), (he = x.current) == null || he.call(x, ie), y && console.log(
+          T(le), F(null), (he = x.current) == null || he.call(x, le), S && console.log(
             "[MessagingShell] Channel created and loaded:",
-            ie.id
+            le.id
           );
-        } catch (ie) {
+        } catch (le) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            ie
-          ), X(), P("Failed to create conversation");
+            le
+          ), X(), F("Failed to create conversation");
         }
-      } catch (ee) {
+      } catch (Q) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ee
-        ), X(), B.current || P("Failed to load conversation");
+          Q
+        ), X(), U.current || F("Failed to load conversation");
       }
     })();
-  }, [i, L, D, A, y]);
-  const G = H(r);
-  G.current = r;
-  const q = Z(() => {
-    var F;
-    C(null), J(!0), (F = G.current) == null || F.call(G);
+  }, [i, L, _, M, S]);
+  const H = Y(r);
+  H.current = r;
+  const q = J(() => {
+    var B;
+    T(null), ee(!0), (B = H.current) == null || B.call(H);
   }, []);
-  return U ? /* @__PURE__ */ n(Ae, {}) : O ? /* @__PURE__ */ n(ve, { message: O, onBack: N }) : !D || !L ? /* @__PURE__ */ n(
-    ve,
+  return z ? /* @__PURE__ */ n(Le, {}) : R ? /* @__PURE__ */ n(xe, { message: R, onBack: D }) : !_ || !L ? /* @__PURE__ */ n(
+    xe,
     {
       message: "Not connected to messaging service",
-      onBack: N
+      onBack: D
     }
-  ) : $ ? /* @__PURE__ */ n(ve, { message: $ }) : j && !E ? /* @__PURE__ */ n(ve, { message: "Conversation ended" }) : E ? /* @__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(
+  ) : O ? /* @__PURE__ */ n(xe, { message: O }) : 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(
     hn,
     {
-      channel: E,
+      channel: k,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: b,
+      renderChannelBanner: N,
       onLeaveConversation: q,
       onBlockParticipant: q,
       CustomChannelEmptyState: o,
-      showDeleteConversation: Q,
+      showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: g,
       onMessageSent: u,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      renderHeaderTitleBadges: w,
-      customChannelActions: _,
-      renderChannelActions: v,
-      onParticipantNameClick: p,
-      renderMessage: I,
-      onMessageLinkClick: M,
-      showChannelInfo: R,
-      composerInput: T
+      renderHeaderTitleBadges: b,
+      customChannelActions: w,
+      renderChannelActions: p,
+      onParticipantNameClick: v,
+      renderMessage: A,
+      onMessageLinkClick: E,
+      showChannelInfo: I,
+      composerInput: P
     },
-    E.id
-  ) }) }) : /* @__PURE__ */ n(Ae, {});
+    k.id
+  ) }) }) : /* @__PURE__ */ n(Le, {});
 };
 function tr(e) {
   const t = e.state.pending_messages;
@@ -2708,14 +2789,14 @@ function tr(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const fn = V.createContext({
+const fn = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), nr = fn.Provider, sr = () => V.useContext(fn), ar = (e, t) => {
+}), nr = fn.Provider, sr = () => j.useContext(fn), ar = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -2736,9 +2817,9 @@ const fn = V.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, gn = V.memo(
+}, gn = j.memo(
   ({ channel: e, unread: t }) => {
-    var L, D, U, O;
+    var I, P, L;
     const {
       selectedChannel: s,
       onChannelSelect: a,
@@ -2747,39 +2828,40 @@ const fn = V.createContext({
       viewerLanguage: l
     } = sr(), o = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, m = (N) => {
-      const A = N.key === "Enter" || N.key === " ", y = N.repeat;
-      !A || y || (N.preventDefault(), d());
-    }, u = Object.values(((L = e == null ? void 0 : e.state) == null ? void 0 : L.members) || {}).find(
-      (N) => {
-        var A, y;
-        return ((A = N.user) == null ? void 0 : A.id) && N.user.id !== ((y = e == null ? void 0 : e._client) == null ? void 0 : y.userID);
+    }, m = (_) => {
+      const z = _.key === "Enter" || _.key === " ", R = _.repeat;
+      !z || R || (_.preventDefault(), d());
+    }, u = Object.values(((I = e == null ? void 0 : e.state) == null ? void 0 : I.members) || {}).find(
+      (_) => {
+        var z, R;
+        return ((z = _.user) == null ? void 0 : z.id) && _.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
       }
-    ), f = Zt(u == null ? void 0 : u.user), c = (D = u == null ? void 0 : u.user) == null ? void 0 : D.image, w = ((U = u == null ? void 0 : u.user) == null ? void 0 : U.is_verified) === !0, b = (() => {
-      var A;
-      const N = (A = e == null ? void 0 : e.state) == null ? void 0 : A.messages;
-      if (N != null && N.length) {
-        for (let y = N.length - 1; y >= 0; y--)
-          if (N[y].type !== "system") return N[y];
+    ), f = Jt(u == null ? void 0 : u.user), c = (P = u == null ? void 0 : u.user) == null ? void 0 : P.image, b = (() => {
+      var z;
+      const _ = (z = e == null ? void 0 : e.state) == null ? void 0 : z.messages;
+      if (_ != null && _.length) {
+        for (let R = _.length - 1; R >= 0; R--)
+          if (_[R].type !== "system") return _[R];
       }
-    })(), v = (() => {
-      var $, P, j, J;
-      const N = Qt({
+    })(), w = (() => {
+      var S, k, T, O;
+      const _ = Zt({
         message: b,
         viewerLanguage: l
       });
-      if ((($ = b == null ? void 0 : b.metadata) == null ? void 0 : $.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
-      if (((P = b == null ? void 0 : b.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
-      if (((j = b == null ? void 0 : b.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
-      if (N) return N;
-      const C = (J = b == null ? void 0 : b.attachments) == null ? void 0 : J[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 ? rr(new Date(b.created_at)) : "", I = b ? Te(b) : !1, M = i ? i(b, v) : `${I ? "✨ " : ""}${v}`, R = Jt(e), T = t ?? 0;
+      if (((S = b == null ? void 0 : b.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
+      if (((k = b == null ? void 0 : b.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_PAID") return _ ? `💰 ${_}` : "💰 Sent a message";
+      if (((T = b == null ? void 0 : b.metadata) == null ? void 0 : T.custom_type) === "MESSAGE_ATTACHMENT")
+        return _ ? `📎 ${_}` : "📎 Sent an attachment";
+      if (_) return _;
+      const M = (O = b == null ? void 0 : b.attachments) == null ? void 0 : O[0];
+      return M ? M.og_scrape_url ? M.og_scrape_url : M.type === "image" ? "📷 Sent an image" : M.type === "video" ? "🎥 Sent a video" : M.type === "audio" ? "🎵 Sent audio" : M.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), p = b != null && b.created_at ? rr(new Date(b.created_at)) : "", v = b ? Re(b) : !1, A = i ? i(b, w) : `${v ? "✨ " : ""}${w}`, E = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: o,
       participantName: f,
-      unreadCount: T,
+      unreadCount: E,
       hasTimestamp: !!p
     }), /* @__PURE__ */ n(
       "div",
@@ -2788,36 +2870,41 @@ const fn = V.createContext({
         tabIndex: 0,
         onClick: d,
         onKeyDown: m,
-        className: k(
+        className: y(
           "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
           }
         ),
+        "data-dd-privacy": "mask",
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            oe,
+            ne,
             {
-              id: ((O = u == null ? void 0 : u.user) == null ? void 0 : O.id) || e.id || "unknown",
+              id: ((L = u == null ? void 0 : u.user) == null ? void 0 : L.id) || e.id || "unknown",
               name: f,
               image: c,
-              size: 48,
-              starred: R
+              size: 48
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2", children: [
               /* @__PURE__ */ h("h3", { className: "flex min-w-0 items-center gap-1 text-sm font-medium text-[#191918]", children: [
-                R && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                 /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: f }),
-                w && /* @__PURE__ */ n(pe, {})
+                /* @__PURE__ */ n(
+                  mn,
+                  {
+                    channel: e,
+                    participant: u
+                  }
+                )
               ] }),
               p && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: p })
             ] }),
             /* @__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 }),
-              T > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: T > 99 ? "99+" : T })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: A }),
+              E > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: E > 99 ? "99+" : E })
             ] })
           ] })
         ] })
@@ -2826,7 +2913,7 @@ const fn = V.createContext({
   }
 );
 gn.displayName = "CustomChannelPreview";
-const ir = { last_message_at: -1 }, or = V.memo(
+const ir = { last_message_at: -1 }, lr = j.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -2836,57 +2923,58 @@ const ir = { last_message_at: -1 }, or = V.memo(
     sort: i = ir,
     className: l,
     customEmptyStateIndicator: o,
-    renderMessagePreview: d,
-    viewerLanguage: m
+    channelPreview: d,
+    renderMessagePreview: m,
+    viewerLanguage: g
   }) => {
-    const g = V.useRef(0);
-    g.current++;
-    const { debug: u = !1 } = Je(), f = V.useCallback(
-      (w) => {
-        for (const b of w)
-          tr(b);
-        return r ? r(w) : w;
+    const u = j.useRef(0);
+    u.current++;
+    const { debug: f = !1 } = Je(), c = j.useCallback(
+      (N) => {
+        for (const w of N)
+          tr(w);
+        return r ? r(N) : N;
       },
       [r]
     );
-    u && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: g.current,
+    f && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: u.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = V.useMemo(
+    const b = j.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: u,
-        renderMessagePreview: d,
-        viewerLanguage: m
+        debug: f,
+        renderMessagePreview: m,
+        viewerLanguage: g
       }),
       [
         t,
         e,
-        u,
-        d,
-        m
+        f,
+        m,
+        g
       ]
     );
     return /* @__PURE__ */ n(
       "div",
       {
-        className: k(
+        className: y(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(nr, { value: c, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(nr, { value: b, children: /* @__PURE__ */ n(
           ms,
           {
             filters: s,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: f,
+            channelRenderFilterFn: c,
             Paginator: hs,
-            Preview: gn,
+            Preview: d ?? gn,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -2895,13 +2983,13 @@ const ir = { last_message_at: -1 }, or = V.memo(
     );
   }
 );
-or.displayName = "ChannelList";
-const lr = /^([a-z][a-z0-9+.-]*):/i, cr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+lr.displayName = "ChannelList";
+const or = /^([a-z][a-z0-9+.-]*):/i, cr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function at(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = lr.exec(t);
+  const s = or.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
     return cr.has(a) ? t : void 0;
@@ -2912,7 +3000,7 @@ const dr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, ur = ({ variant: e, cta: t }) => {
-  const s = k(
+  const s = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     dr[e]
   ), a = at(t.href);
@@ -2957,12 +3045,12 @@ const dr = {
   cta: l,
   trailingAction: o
 }) => {
-  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 !== "", w = l != null;
-  if (!g && !u && !c && !w) return null;
-  const _ = k(
+  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 w = y(
     "truncate text-base font-medium leading-6",
     d && !t ? hr : mr[e]
-  ), v = k(
+  ), p = y(
     "truncate text-xs leading-4",
     fr[e]
   );
@@ -2972,24 +3060,24 @@ const dr = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: k("min-w-0", _), children: m })
+            /* @__PURE__ */ n("p", { className: y("min-w-0", w), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: v, children: a })
+          u && /* @__PURE__ */ n("p", { className: p, children: a })
         ] }),
-        !w && c && /* @__PURE__ */ n("p", { className: v, children: f })
+        !b && c && /* @__PURE__ */ n("p", { className: p, children: f })
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
     l && /* @__PURE__ */ n(ur, { variant: e, cta: l })
   ] });
-}, gr = k(
+}, gr = y(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Me = ({
+), De = ({
   variant: e,
   children: t,
   href: s,
@@ -3000,7 +3088,7 @@ const dr = {
   bgClassName: o,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, g = k(
+  const m = s != null || a != null, g = y(
     gr,
     o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
@@ -3031,7 +3119,7 @@ const dr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: k(g, "text-left"),
+      className: y(g, "text-left"),
       children: [
         t,
         u
@@ -3055,11 +3143,11 @@ const dr = {
 }, pr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, De = (e, t) => !!t && !!e && re(e) === "audio", bn = (e, t) => {
+}, Oe = (e, t) => !!t && !!e && ie(e) === "audio", bn = (e, t) => {
   if (!t || !e) return !1;
-  const s = re(e);
+  const s = ie(e);
   return s === "video" || s === "audio";
-}, it = "bg-[#F2F3F4]", Re = ({
+}, it = "bg-[#F2F3F4]", ze = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3068,8 +3156,8 @@ const dr = {
   topLeft: i,
   topRight: l
 }) => {
-  const o = re(r), d = !!s && o === "video";
-  return De(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  const o = ie(r), d = !!s && o === "video";
+  return Oe(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -3081,7 +3169,7 @@ const dr = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: y(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3108,7 +3196,7 @@ const dr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: k(
+            className: y(
               "flex h-full w-full items-center justify-center",
               br[e]
             ),
@@ -3137,28 +3225,28 @@ const dr = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = o === "classic", c = De(r, l), w = g ? /* @__PURE__ */ n(
+  const f = o === "classic", c = Oe(r, l), b = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ n(Le, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(Pe, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, b = u ? /* @__PURE__ */ n(
+  ) : void 0, N = u ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: u,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Ps, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(zs, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Me, { variant: "dark", bgClassName: it, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(De, { variant: "dark", bgClassName: it, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Re,
+      ze,
       {
         variant: "dark",
         sourceUrl: l,
@@ -3166,22 +3254,22 @@ const dr = {
         mimeType: r
       }
     ) }),
-    w && /* @__PURE__ */ n("div", { className: "shrink-0", children: w })
+    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ h(
-    Me,
+    De,
     {
       variant: "dark",
-      topRight: f ? w : void 0,
+      topRight: f ? b : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Re,
+          ze,
           {
             variant: "dark",
             thumbnailUrl: i,
             sourceUrl: l,
             title: e,
             mimeType: r,
-            topRight: w
+            topRight: b
           }
         ),
         /* @__PURE__ */ n(
@@ -3194,7 +3282,7 @@ const dr = {
             url: a,
             appIcon: d,
             cta: m,
-            trailingAction: b
+            trailingAction: N
           }
         )
       ]
@@ -3212,25 +3300,25 @@ const dr = {
   cta: d,
   onClick: m
 }) => {
-  const g = bn(a, i), u = at(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, w = De(a, i) ? it : void 0, b = d && m ? {
+  const g = bn(a, i), u = at(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = Oe(a, i) ? it : void 0, N = d && m ? {
     ...d,
     onClick: () => {
-      var _;
-      m(), (_ = d.onClick) == null || _.call(d);
+      var w;
+      m(), (w = d.onClick) == null || w.call(d);
     }
   } : d;
   return /* @__PURE__ */ h(
-    Me,
+    De,
     {
       variant: "light",
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: w,
+      bgClassName: b,
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Re,
+          ze,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3247,7 +3335,7 @@ const dr = {
             description: t,
             url: s,
             appIcon: o,
-            cta: b
+            cta: N
           }
         )
       ]
@@ -3266,17 +3354,17 @@ const dr = {
   cta: m,
   onClick: g
 }) => {
-  const u = bn(r, l), f = at(a), c = m == null && f != null && !u ? f : void 0, w = m == null && !u && c != null ? g : void 0;
+  const u = bn(r, l), f = at(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
-    Me,
+    De,
     {
       variant: "dark",
       href: c,
-      onClick: w,
-      bgClassName: De(r, l) ? it : void 0,
+      onClick: b,
+      bgClassName: Oe(r, l) ? it : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Re,
+          ze,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3304,16 +3392,16 @@ const dr = {
   Composer: vr,
   Sent: wr,
   Received: xr
-}, _r = {
+}, Nr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, Nr = {
+}, _r = {
   dark: "text-white",
   light: "text-[#080707]"
 }, yr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Cr = (e) => e === "dark" ? "sender" : "receiver", kr = {
+}, kr = (e) => e === "dark" ? "sender" : "receiver", Cr = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -3326,7 +3414,7 @@ const dr = {
     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]"
   }
-}, ye = ({
+}, ke = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3335,13 +3423,13 @@ const dr = {
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = kr[Cr(e)][a];
+  const o = t != null && t !== "", d = Cr[kr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": l,
       "data-group-position": a,
-      className: k(
+      className: y(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -3350,8 +3438,8 @@ const dr = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        _r[e],
         Nr[e],
+        _r[e],
         s && "border",
         s && yr[e],
         r
@@ -3361,7 +3449,7 @@ const dr = {
         o ? /* @__PURE__ */ n(
           "p",
           {
-            className: k(
+            className: y(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3390,13 +3478,13 @@ const dr = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: k(
+    className: y(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ n(Le, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(Pe, { className: "size-3", weight: "bold" })
   }
-), ke = (e) => e === "received" ? "light" : "dark", Ai = ({
+), Ee = (e) => e === "received" ? "light" : "dark", Ai = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -3405,7 +3493,7 @@ const dr = {
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Sr = ({ 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 }] : [], Ir = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3417,7 +3505,7 @@ const dr = {
     }
   ),
   s ?? null
-] }), ot = ({
+] }), lt = ({
   state: e,
   src: t,
   mimeType: s,
@@ -3428,34 +3516,34 @@ const dr = {
   preload: o,
   onDismiss: d
 }) => {
-  const m = ke(e), g = e === "composer" && !!d, u = Er({ src: t, mimeType: s, filename: a, items: r });
+  const m = Ee(e), g = e === "composer" && !!d, u = Er({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = o ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    ye,
+    ke,
     {
       variant: m,
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, w) => /* @__PURE__ */ n(
-        Sr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
+        Ir,
         {
           item: c,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && w === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
+            g && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${w}`
+        `${c.src}-${b}`
       )) })
     }
   );
-}, Ir = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Tr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Ar = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), Mr = {
-  Composer: Ir,
+}, Sr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Tr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Ar = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), Mr = {
+  Composer: Sr,
   Sent: Tr,
   Received: Ar
 };
@@ -3481,8 +3569,8 @@ function Dr(e, t) {
     }
   }
   if (!e) return;
-  if (re(e) === "document") {
-    const r = nn(e), i = Lr[r];
+  if (ie(e) === "document") {
+    const r = tn(e), i = Lr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3490,11 +3578,11 @@ function Dr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Pr(e, t, s) {
+function zr(e, t, s) {
   const a = Dr(e, t), r = typeof s == "number" && s > 0 ? Rr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function ne(e) {
+function ae(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3502,10 +3590,10 @@ function ne(e) {
     return "download";
   }
 }
-const Or = {
+const Pr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, zr = {
+}, Or = {
   dark: "bg-white/10",
   light: "bg-black/5"
 }, $r = {
@@ -3521,16 +3609,16 @@ const Or = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = s ?? t ?? "File", m = Pr(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = zr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        zr[e]
+        Or[e]
       ),
       "aria-hidden": !0,
       children: ce(a, {
-        className: k("size-6", $r[e]),
+        className: y("size-6", $r[e]),
         weight: "regular"
       })
     }
@@ -3539,9 +3627,9 @@ const Or = {
     m ? /* @__PURE__ */ n(
       "p",
       {
-        className: k(
+        className: y(
           "truncate text-xs leading-4",
-          Or[e]
+          Pr[e]
         ),
         children: m
       }
@@ -3552,7 +3640,7 @@ const Or = {
       type: "button",
       onClick: i,
       "aria-label": l,
-      className: k(
+      className: y(
         "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]"
       ),
@@ -3561,7 +3649,7 @@ const Or = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(ae, { children: [
+  ) : /* @__PURE__ */ h(se, { children: [
     g,
     u
   ] });
@@ -3571,7 +3659,7 @@ const Or = {
   ] });
 };
 async function vn(e, t) {
-  const s = t ?? ne(e);
+  const s = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3598,7 +3686,7 @@ const Fr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ne(t.src);
+  const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
     pn,
     {
@@ -3612,7 +3700,7 @@ const Fr = ({
       trailingAction: r
     }
   );
-}, lt = ({
+}, ot = ({
   state: e,
   src: t,
   filename: s,
@@ -3625,63 +3713,63 @@ const Fr = ({
   onClick: m,
   onDismiss: g
 }) => {
-  const u = ke(e), f = e === "composer" && !!g, c = Fr({
+  const u = Ee(e), f = e === "composer" && !!g, c = Fr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: l
-  }), w = (_) => {
-    if ((m == null ? void 0 : m(_)) === !1) return;
-    const v = c[_];
-    if (!v) return;
-    const p = v.filename ?? ne(v.src);
-    vn(v.src, p);
+  }), b = (w) => {
+    if ((m == null ? void 0 : m(w)) === !1) return;
+    const p = c[w];
+    if (!p) return;
+    const v = p.filename ?? ae(p.src);
+    vn(p.src, v);
   };
   if (c.length === 0)
     return null;
-  const b = /* @__PURE__ */ n(
+  const N = /* @__PURE__ */ n(
     "span",
     {
-      className: k(
+      className: y(
         "flex size-8 items-center justify-center rounded-full",
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(we, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(Ne, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    ye,
+    ke,
     {
       variant: u,
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((_, v) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((w, p) => /* @__PURE__ */ n(
         Br,
         {
           variant: u,
-          item: _,
-          index: v,
-          onActivate: w,
-          trailingAction: f && v === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : b
+          item: w,
+          index: p,
+          onActivate: b,
+          trailingAction: f && p === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : N
         },
-        `${_.src}-${v}`
+        `${w.src}-${p}`
       )) })
     }
   );
-}, Vr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Ur = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), jr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), Gr = {
-  Composer: Vr,
-  Sent: Ur,
-  Received: jr
+}, Ur = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), jr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Vr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), Gr = {
+  Composer: Ur,
+  Sent: jr,
+  Received: Vr
 }, ct = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(ae, { children: [
+}) => /* @__PURE__ */ h(se, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3689,7 +3777,7 @@ const Fr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Os, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ps, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3699,7 +3787,7 @@ const Fr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(He, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), xn = ({
@@ -3711,7 +3799,7 @@ const Fr = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = z(!1), m = Z(
+  const [o, d] = $(!1), m = J(
     (c) => {
       c.stopPropagation(), !o && (d(!0), vn(e, t).catch(() => {
       }).finally(() => {
@@ -3719,7 +3807,7 @@ const Fr = ({
       }));
     },
     [o, e, t, l]
-  ), g = r ?? s !== "pill", f = { className: k(
+  ), g = r ?? s !== "pill", f = { className: y(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3730,7 +3818,7 @@ const Fr = ({
       onClick: m,
       disabled: o,
       "aria-label": a,
-      className: k(
+      className: y(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -3738,14 +3826,14 @@ const Fr = ({
         }[i]
       ),
       children: o ? /* @__PURE__ */ n(
-        xe,
+        we,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        we,
+        Ne,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -3761,7 +3849,7 @@ const Fr = ({
       disabled: o,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ n(xe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: o ? /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ne, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
@@ -3770,37 +3858,37 @@ const Fr = ({
       onClick: m,
       disabled: o,
       "aria-label": g ? a : void 0,
-      className: k(
+      className: y(
         "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(
-          xe,
+          we,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(we, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(Ne, { ...f, "aria-hidden": !0 }),
         g ? null : a
       ]
     }
   );
-}, Ve = (e, t, s) => Math.min(Math.max(e, t), s), dt = ({
+}, Ge = (e, t, s) => Math.min(Math.max(e, t), s), dt = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = Ve(t, 0, Math.max(e - 1, 0)), [r, i] = z(a);
+  const a = Ge(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
   K(() => {
-    s && i(Ve(t, 0, Math.max(e - 1, 0)));
+    s && i(Ge(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), K(() => {
-    i((d) => Ve(d, 0, Math.max(e - 1, 0)));
+    i((d) => Ge(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = Z(() => {
+  const l = J(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = Z(() => {
+  }, [e]), o = J(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return K(() => {
@@ -3821,7 +3909,7 @@ const Fr = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = H(null), d = H(null);
+  const o = Y(null), d = Y(null);
   return K(() => {
     var f;
     const u = o.current;
@@ -3893,7 +3981,7 @@ const Fr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(Le, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(Pe, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3912,8 +4000,8 @@ const Fr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = se(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "image"),
+  }), o = t[r], d = re(
+    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "image"),
     [o]
   );
   return o ? /* @__PURE__ */ h(
@@ -3958,7 +4046,7 @@ const Fr = ({
       ]
     }
   ) : null;
-}, Hr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", _n = ({
+}, Hr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", Nn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3967,14 +4055,14 @@ const Fr = ({
   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 u = k(Hr, "h-full w-full");
+    const u = y(Hr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: k(u, "cursor-zoom-in"),
+        className: y(u, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -3986,10 +4074,10 @@ const Fr = ({
       g
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: y(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -3998,7 +4086,7 @@ const Fr = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4011,7 +4099,7 @@ const Fr = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4028,13 +4116,13 @@ const Fr = ({
       })
     }
   );
-}, Ee = (e) => {
-  const [t, s] = z(!1), [a, r] = z(0), i = Z(
+}, Ie = (e) => {
+  const [t, s] = $(!1), [a, r] = $(0), i = J(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
     },
     [e]
-  ), l = Z(() => s(!1), []);
+  ), l = J(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
 }, Yr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
@@ -4055,12 +4143,12 @@ const Fr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Nn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], _n = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Wr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Ee(
+  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Ie(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4089,7 +4177,7 @@ const Fr = ({
       wn,
       {
         open: l,
-        items: Nn([{ src: e, alt: t }], s),
+        items: _n([{ src: e, alt: t }], s),
         initialIndex: o,
         onClose: m
       }
@@ -4106,30 +4194,30 @@ const Fr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const m = qr({ src: t, alt: s, items: r }), g = ke(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: w } = Ee(
+  const m = qr({ src: t, alt: s, items: r }), g = Ee(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = Ie(
     d
   );
   if (m.length === 0)
     return null;
-  const b = m.map(
-    (_, v) => Yr(_, v, m.length, o)
+  const N = m.map(
+    (w, p) => Yr(w, p, m.length, o)
   );
   return /* @__PURE__ */ h(
-    ye,
+    ke,
     {
       variant: g,
       text: i,
       groupPosition: l,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(_n, { tiles: b, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Nn, { tiles: N, onTileActivate: c }) }),
         /* @__PURE__ */ n(
           wn,
           {
             open: u,
-            items: Nn(m, a),
+            items: _n(m, a),
             initialIndex: f,
-            onClose: w
+            onClose: b
           }
         )
       ]
@@ -4149,10 +4237,10 @@ const Fr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = se(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "document"),
+  }), o = t[r], d = re(
+    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "document"),
     [o]
-  ), m = se(
+  ), m = re(
     () => o ? ei(o.src) : void 0,
     [o]
   );
@@ -4203,7 +4291,7 @@ const Fr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ne(t.src);
+  const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
     pn,
     {
@@ -4229,31 +4317,31 @@ const Fr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = ke(e), u = ti({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: w, closeViewer: b } = Ee(
+  const g = Ee(e), u = ti({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
     d
-  ), _ = e === "composer" && !!m;
+  ), w = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const v = u.map((p) => ({
-    src: p.src,
-    filename: p.filename ?? ne(p.src)
+  const p = u.map((v) => ({
+    src: v.src,
+    filename: v.filename ?? ae(v.src)
   }));
   return /* @__PURE__ */ h(
-    ye,
+    ke,
     {
       variant: g,
       text: l,
       groupPosition: o,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((p, I) => {
-          const M = p.filename ?? ne(p.src), R = _ && I === 0 ? /* @__PURE__ */ n(Ce, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((v, A) => {
+          const E = v.filename ?? ae(v.src), I = w && A === 0 ? /* @__PURE__ */ n(Ce, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             xn,
             {
-              url: p.src,
-              filename: M,
+              url: v.src,
+              filename: E,
               variant: "inline",
-              label: `Download ${M}`,
+              label: `Download ${E}`,
               tone: g
             }
           );
@@ -4261,21 +4349,21 @@ const Fr = ({
             ni,
             {
               variant: g,
-              item: p,
-              index: I,
-              onActivate: w,
-              trailingAction: R
+              item: v,
+              index: A,
+              onActivate: b,
+              trailingAction: I
             },
-            `${p.src}-${I}`
+            `${v.src}-${A}`
           );
         }) }),
         /* @__PURE__ */ n(
           Qr,
           {
             open: f,
-            items: v,
+            items: p,
             initialIndex: c,
-            onClose: b
+            onClose: N
           }
         )
       ]
@@ -4285,7 +4373,7 @@ const Fr = ({
   Composer: si,
   Sent: ai,
   Received: ri
-}, Cn = ({
+}, kn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4295,8 +4383,8 @@ const Fr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = se(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "video"),
+  }), o = t[r], d = re(
+    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "video"),
     [o]
   );
   return o ? /* @__PURE__ */ h(
@@ -4335,7 +4423,7 @@ const Fr = ({
       ]
     }
   ) : null;
-}, oi = () => /* @__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(je, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), kn = ({
+}, li = () => /* @__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 = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4350,17 +4438,17 @@ const Fr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    Wt,
+    qt,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(oi, {})
-] }), li = (e, t, s) => ({
+  /* @__PURE__ */ n(li, {})
+] }), oi = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(kn, { item: e, index: t })
+  content: /* @__PURE__ */ n(Cn, { item: e, index: t })
 }), ci = ({
   src: e,
   poster: t,
@@ -4374,7 +4462,7 @@ const Fr = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), di = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: g } = Ee(
+  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: g } = Ie(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4385,12 +4473,12 @@ const Fr = ({
         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(kn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Cn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ce, { onClick: l }) }) : null,
     /* @__PURE__ */ n(
-      Cn,
+      kn,
       {
         open: o,
         items: En(
@@ -4402,7 +4490,7 @@ const Fr = ({
       }
     )
   ] });
-}, Sn = ({
+}, In = ({
   state: e,
   src: t,
   poster: s,
@@ -4414,16 +4502,16 @@ const Fr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = ci({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = ke(e), { viewerOpen: f, viewerIndex: c, handleActivate: w, closeViewer: b } = Ee(
+  const g = ci({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
     m
   );
   if (g.length === 0)
     return null;
-  const _ = g.map(
-    (v, p) => li(v, p, g.length)
+  const w = g.map(
+    (p, v) => oi(p, v, g.length)
   );
   return /* @__PURE__ */ h(
-    ye,
+    ke,
     {
       variant: u,
       text: l,
@@ -4431,26 +4519,26 @@ const Fr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          _n,
+          Nn,
           {
-            tiles: _,
-            onTileActivate: w,
+            tiles: w,
+            onTileActivate: b,
             className: "overflow-hidden rounded-md"
           }
         ) }),
         /* @__PURE__ */ n(
-          Cn,
+          kn,
           {
             open: f,
             items: En(g, r),
             initialIndex: c,
-            onClose: b
+            onClose: N
           }
         )
       ]
     }
   );
-}, ui = (e) => /* @__PURE__ */ n(di, { ...e }), mi = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "sent" }), hi = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "received" }), fi = {
+}, ui = (e) => /* @__PURE__ */ n(di, { ...e }), mi = (e) => /* @__PURE__ */ n(In, { ...e, state: "sent" }), hi = (e) => /* @__PURE__ */ n(In, { ...e, state: "received" }), fi = {
   Composer: ui,
   Sent: mi,
   Received: hi
@@ -4472,7 +4560,7 @@ const Fr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: k(
+    className: y(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4494,7 +4582,7 @@ const Fr = ({
   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(
-      oe,
+      ne,
       {
         id: l || "account",
         name: l || "Account",
@@ -4525,40 +4613,39 @@ const Fr = ({
   ] }) });
 };
 export {
-  sn as A,
+  nn as A,
   wa as B,
   Ja as C,
   qs as D,
   $s as E,
   Ri as F,
   Ti as L,
-  ki as M,
-  pe as V,
+  Ci as M,
   be as a,
-  oe as b,
-  or as c,
+  ne as b,
+  lr as c,
   hn as d,
   Ei as e,
   gi as f,
-  re as g,
+  ie as g,
   Bt as h,
   Mi as i,
   Ea as j,
-  Ci as k,
-  Ii as l,
-  Pr as m,
+  ki as k,
+  Si as l,
+  zr as m,
   Rr as n,
   rr as o,
   Dr as p,
-  Qt as q,
+  Zt as q,
   ce as r,
-  on as s,
+  rn as s,
   Bs as t,
   Ai as u,
   Ws as v,
   tt as w,
   nt as x,
-  Zt as y,
-  Si as z
+  Jt as y,
+  Ii as z
 };
-//# sourceMappingURL=index-CgczmQkU.js.map
+//# sourceMappingURL=index-ubCRSgQk.js.map