@linktr.ee/messaging-react 3.5.7-rc-1783064389 → 3.5.7-rc-1783067095

package/dist/{index-3vM1UOPb.js → index-gnuITMC7.js}

@@ -1,9 +1,9 @@
 import { jsx as n, jsxs as m, Fragment as se } from "react/jsx-runtime";
-import j, { createContext as Qe, useContext as Ce, useCallback as W, useState as O, useRef as H, useEffect as q, useId as An, useMemo as re, Suspense as et } from "react";
+import j, { createContext as Qe, useContext as ke, useCallback as K, useState as $, useRef as V, useEffect as X, useId as An, useMemo as ie, Suspense as et } from "react";
 import { StreamChatService as Mn } from "@linktr.ee/messaging-core";
 import { StreamChat as Rn, LinkPreviewsManager as $t } from "stream-chat";
-import { Chat as Dn, useChannelStateContext as oe, useChatContext as ce, DateSeparator as Ln, areMessageUIPropsEqual as zn, useMessageReminder as Fn, useComponentContext as Wt, Attachment as Pn, EditMessageModal as On, MessageBlocked as $n, MessageBouncePrompt as jn, MessageDeleted as Bn, MessageIsThreadReplyInChannelButtonIndicator as Un, MessageRepliesCountButton as Vn, ReminderNotification as Gn, StreamedMessageText as Hn, messageHasAttachments as Yn, messageHasReactions as qn, isDateSeparatorMessage as Wn, isMessageBlocked as Xn, isMessageBounced as Kn, MessageBounceModal as Jn, MessageText as jt, Poll as Zn, MessageErrorIcon as Qn, useMessageContext as ke, useMessageComposer as es, useStateStore as ts, MessageInput as ns, useMessageInputContext as ss, useMessageComposerHasSendableData as as, AttachmentPreviewList as rs, QuotedMessagePreview as is, TextareaComposer as ls, MessageTimestamp as Be, AIStates as Ue, useTypingContext as os, useAIState as cs, Channel as ds, WithComponents as us, Window as ms, MessageList as hs, ChannelList as fs, InfiniteScroll as gs } from "stream-chat-react";
-import { StarIcon as ye, DotsThreeIcon as ps, SpinnerGapIcon as Me, SignOutIcon as bs, ProhibitInsetIcon as Bt, FlagIcon as Xt, ArrowLeftIcon as We, CurrencyDollarIcon as vs, CaretRightIcon as ue, FileIcon as Kt, ImageIcon as xs, SpeakerHighIcon as ws, VideoCameraIcon as Jt, FileMdIcon as _s, FileTextIcon as Ns, FileZipIcon as ys, FilePptIcon as Cs, FileCsvIcon as ks, FileXlsIcon as Es, FileDocIcon as Is, FilePdfIcon as Ss, CircleNotchIcon as _e, PlayIcon as Xe, PauseIcon as Ts, LinkIcon as As, DownloadSimpleIcon as Ne, GiftIcon as Ms, ThumbsUpIcon as Rs, ThumbsDownIcon as Ds, TrashSimpleIcon as Ls, XIcon as Pe, ArrowUpIcon as zs, SparkleIcon as xe, ProhibitIcon as Fs, PencilSimpleIcon as Ps, CaretLeftIcon as Os } from "@phosphor-icons/react";
+import { Chat as Dn, useChannelStateContext as ce, useChatContext as de, DateSeparator as Ln, areMessageUIPropsEqual as zn, useMessageReminder as Fn, useComponentContext as Wt, Attachment as Pn, EditMessageModal as On, MessageBlocked as $n, MessageBouncePrompt as jn, MessageDeleted as Bn, MessageIsThreadReplyInChannelButtonIndicator as Un, MessageRepliesCountButton as Vn, ReminderNotification as Gn, StreamedMessageText as Hn, messageHasAttachments as Yn, messageHasReactions as qn, isDateSeparatorMessage as Wn, isMessageBlocked as Xn, isMessageBounced as Kn, MessageBounceModal as Jn, MessageText as jt, Poll as Zn, MessageErrorIcon as Qn, useMessageContext as Ce, useMessageComposer as es, useStateStore as ts, MessageInput as ns, useMessageInputContext as ss, useMessageComposerHasSendableData as as, AttachmentPreviewList as rs, QuotedMessagePreview as is, TextareaComposer as ls, MessageTimestamp as Be, AIStates as Ue, useTypingContext as os, useAIState as cs, Channel as ds, WithComponents as us, Window as ms, MessageList as hs, ChannelList as fs, InfiniteScroll as gs } from "stream-chat-react";
+import { StarIcon as ye, DotsThreeIcon as ps, SpinnerGapIcon as Me, SignOutIcon as bs, ProhibitInsetIcon as Bt, FlagIcon as Xt, ArrowLeftIcon as We, CurrencyDollarIcon as vs, CaretRightIcon as me, SparkleIcon as he, FileIcon as Kt, ImageIcon as xs, SpeakerHighIcon as ws, VideoCameraIcon as Jt, FileMdIcon as _s, FileTextIcon as Ns, FileZipIcon as ys, FilePptIcon as ks, FileCsvIcon as Cs, FileXlsIcon as Es, FileDocIcon as Is, FilePdfIcon as Ss, CircleNotchIcon as _e, PlayIcon as Xe, PauseIcon as Ts, LinkIcon as As, DownloadSimpleIcon as Ne, GiftIcon as Ms, ThumbsUpIcon as Rs, ThumbsDownIcon as Ds, TrashSimpleIcon as Ls, XIcon as Pe, ArrowUpIcon as zs, ProhibitIcon as Fs, PencilSimpleIcon as Ps, CaretLeftIcon as Os } from "@phosphor-icons/react";
 import k from "classnames";
 import { MessageActions as $s, DefaultDropdownActionButton as Zt } from "stream-chat-react/experimental";
 const Qt = Qe({
@@ -16,7 +16,7 @@ const Qt = Qe({
   refreshConnection: async () => {
   },
   debug: !1
-}), tt = () => Ce(Qt), Di = ({
+}), tt = () => ke(Qt), Li = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,10 +24,10 @@ const Qt = Qe({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var A, C;
-  const l = W(
-    (E, ...T) => {
-      i && console.log(`🔥 [MessagingProvider] ${E}`, ...T);
+  var A, I;
+  const l = K(
+    (C, ...S) => {
+      i && console.log(`🔥 [MessagingProvider] ${C}`, ...S);
     },
     [i]
   );
@@ -37,77 +37,77 @@ const Qt = Qe({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = O(null), [u, p] = O(null), [h, g] = O(!1), [c, b] = O(!1), [_, v] = O(null), f = H(!1), N = H(null), x = H(s);
-  x.current = s;
-  const I = H(i);
-  I.current = i;
-  const R = H({
+  const [o, d] = $(null), [u, g] = $(null), [h, f] = $(!1), [c, v] = $(!1), [_, b] = $(null), p = V(!1), x = V(null), N = V(s);
+  N.current = s;
+  const E = V(i);
+  E.current = i;
+  const T = V({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), S = H(0);
-  S.current++, l("📊 RENDER INFO", {
-    renderCount: S.current,
+  }), M = V(0);
+  M.current++, l("📊 RENDER INFO", {
+    renderCount: M.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: T.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: T.current.apiKey !== a,
+      serviceConfigChanged: T.current.serviceConfig !== s,
+      capabilitiesChanged: T.current.capabilities !== r
     }
-  }), R.current = {
+  }), T.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const L = H(null);
+  const L = V(null);
   a && ((A = L.current) == null ? void 0 : A.apiKey) !== a && (L.current = { apiKey: a, client: new Rn(a) });
-  const D = a ? ((C = L.current) == null ? void 0 : C.client) ?? null : null;
-  q(() => {
-    const E = S.current, T = x.current;
-    if (!a || !D || !T) {
+  const D = a ? ((I = L.current) == null ? void 0 : I.client) ?? null : null;
+  X(() => {
+    const C = M.current, S = N.current;
+    if (!a || !D || !S) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: E,
+        renderCount: C,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING SERVICE", {
-      renderCount: E,
+      renderCount: C,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const P = new Mn({
-      ...T,
+    const O = new Mn({
+      ...S,
       apiKey: a,
-      debug: I.current,
+      debug: E.current,
       client: D
     });
-    N.current = P, d(P), l("✅ SERVICE SET", {
-      renderCount: E,
-      serviceInstance: !!P
+    x.current = O, d(O), l("✅ SERVICE SET", {
+      renderCount: C,
+      serviceInstance: !!O
     });
   }, [a, D]);
-  const $ = H(null);
-  q(() => {
-    var T, P;
+  const P = V(null);
+  X(() => {
+    var S, O;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: f.current,
+      isConnecting: p.current,
       isConnected: h,
       dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
     }), !o || !t) {
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (f.current) {
+    if (p.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((T = $.current) == null ? void 0 : T.serviceId) === o && ((P = $.current) == null ? void 0 : P.userId) === t.id) {
+    if (((S = P.current) == null ? void 0 : S.serviceId) === o && ((O = P.current) == null ? void 0 : O.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,35 +115,35 @@ const Qt = Qe({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), f.current = !0, b(!0), v(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, v(!0), b(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const F = await o.connectUser(t);
-        p(F), g(!0), $.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        g(F), f(!0), P.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: F.userID
         });
       } catch (F) {
         const B = F instanceof Error ? F.message : "Connection failed";
-        v(B), l("❌ USER CONNECTION ERROR", {
+        b(B), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: B
         });
       } finally {
-        b(!1), f.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        v(!1), p.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: h
         });
       }
     })();
-  }, [o, t, l, h]), q(() => {
-    const E = D;
+  }, [o, t, l, h]), X(() => {
+    const C = D;
     return () => {
-      var T;
-      E && ($.current = null, (T = N.current) == null || T.disconnectUser().catch(console.error));
+      var S;
+      C && (P.current = null, (S = x.current) == null || S.disconnectUser().catch(console.error));
     };
   }, [D]);
-  const z = W(async () => {
+  const z = K(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
       hasUser: !!t
@@ -151,19 +151,19 @@ const Qt = Qe({
       l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), v(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const E = await o.connectUser(t);
-      p(E), g(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (E) {
-      const T = E instanceof Error ? E.message : "Refresh failed";
-      v(T), l("❌ CONNECTION REFRESH ERROR", {
+      const C = await o.connectUser(t);
+      g(C), f(!0), b(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (C) {
+      const S = C instanceof Error ? C.message : "Refresh failed";
+      b(S), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: T
+        error: S
       });
     } finally {
-      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      v(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
   }, [o, t, l]), y = j.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
@@ -193,7 +193,7 @@ const Qt = Qe({
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: S.current,
+    renderCount: M.current,
     willRenderChat: !!D,
     contextValueReady: !!y
   }), /* @__PURE__ */ n(Qt.Provider, { value: y, children: D ? /* @__PURE__ */ n(
@@ -208,10 +208,10 @@ const Qt = Qe({
   ) : e });
 }, js = () => tt(), nt = (e) => {
   var a, r;
-  const [t, s] = O(
+  const [t, s] = $(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return q(() => {
+  return X(() => {
     var l;
     if (!e) {
       s(!1);
@@ -312,7 +312,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = Ys(e), d = qs(e), u = 0.45, h = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n(
+  const o = Ys(e), d = qs(e), u = 0.45, h = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, f = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -364,13 +364,13 @@ const ne = ({
             style: {
               ...c,
               ...l && {
-                borderWidth: `${g}px`,
+                borderWidth: `${f}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
               }
             },
-            children: b
+            children: v
           }
         )
       ]
@@ -387,75 +387,75 @@ const ne = ({
   onBlockParticipantClick: o,
   onReportParticipantClick: d,
   onActionComplete: u,
-  logLabel: p = "useChannelModerationActions"
+  logLabel: g = "useChannelModerationActions"
 }) => {
   var A;
-  const { service: h, debug: g } = tt(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, b = !!(a && s && h && c), [_, v] = O(!1), [f, N] = O(null), [x, I] = O(!1), [R, S] = O(!1), L = b && ((f == null ? void 0 : f.participantId) !== c || (f == null ? void 0 : f.service) !== h);
-  return q(() => {
-    if (!b || !h || !c) {
-      v(!1), N(null);
+  const { service: h, debug: f } = tt(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, v = !!(a && s && h && c), [_, b] = $(!1), [p, x] = $(null), [N, E] = $(!1), [T, M] = $(!1), L = v && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  return X(() => {
+    if (!v || !h || !c) {
+      b(!1), x(null);
       return;
     }
-    let C = !1;
+    let I = !1;
     return (async () => {
       try {
-        const E = await h.getBlockedUsers();
-        if (C) return;
-        v(
-          E.some(
-            (T) => T.blocked_user_id === c
+        const C = await h.getBlockedUsers();
+        if (I) return;
+        b(
+          C.some(
+            (S) => S.blocked_user_id === c
           )
         );
-      } catch (E) {
-        C || console.error(`[${p}] Failed to check blocked status:`, E);
+      } catch (C) {
+        I || console.error(`[${g}] Failed to check blocked status:`, C);
       } finally {
-        C || N({ participantId: c, service: h });
+        I || x({ participantId: c, service: h });
       }
     })(), () => {
-      C = !0;
+      I = !0;
     };
-  }, [b, h, c, p]), {
+  }, [v, h, c, g]), {
     isParticipantBlocked: _,
     isCheckingBlockedStatus: L,
-    isLeaving: x,
-    isUpdatingBlockStatus: R,
+    isLeaving: N,
+    isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
-      var C;
-      if (!x) {
-        l == null || l(), g && console.log(`[${p}] Leave conversation`, e.cid), I(!0);
+      var I;
+      if (!N) {
+        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), E(!0);
         try {
-          const E = ((C = e._client) == null ? void 0 : C.userID) ?? null;
-          await e.hide(E, !1), r && await r(e), u == null || u();
-        } catch (E) {
-          console.error(`[${p}] Failed to leave conversation`, E);
+          const C = ((I = e._client) == null ? void 0 : I.userID) ?? null;
+          await e.hide(C, !1), r && await r(e), u == null || u();
+        } catch (C) {
+          console.error(`[${g}] Failed to leave conversation`, C);
         } finally {
-          I(!1);
+          E(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var C, E, T;
-      if (!(R || !h)) {
-        o == null || o(), g && console.log(`[${p}] Block member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), S(!0);
+      var I, C, S;
+      if (!(T || !h)) {
+        o == null || o(), f && console.log(`[${g}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), M(!0);
         try {
-          await h.blockUser((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), i && await i((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), u == null || u();
-        } catch (P) {
-          console.error(`[${p}] Failed to block member`, P);
+          await h.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
+        } catch (O) {
+          console.error(`[${g}] Failed to block member`, O);
         } finally {
-          S(!1);
+          M(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var C, E, T;
-      if (!(R || !h)) {
-        o == null || o(), g && console.log(`[${p}] Unblock member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), S(!0);
+      var I, C, S;
+      if (!(T || !h)) {
+        o == null || o(), f && console.log(`[${g}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), M(!0);
         try {
-          await h.unBlockUser((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), i && await i((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), u == null || u();
-        } catch (P) {
-          console.error(`[${p}] Failed to unblock member`, P);
+          await h.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
+        } catch (O) {
+          console.error(`[${g}] Failed to unblock member`, O);
         } finally {
-          S(!1);
+          M(!1);
         }
       }
     },
@@ -463,7 +463,7 @@ const ne = ({
       d == null || d(), u == null || u(), window.open(Ws, "_blank", "noopener,noreferrer");
     }
   };
-}, ve = ({
+}, xe = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -491,50 +491,50 @@ const ne = ({
   onDeleteConversationClick: o,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
-  customChannelActions: p,
+  customChannelActions: g,
   triggerClassName: h
 }) => {
-  const [g, c] = O(!1), b = H(null), _ = An(), v = W(() => c(!1), []), {
-    isParticipantBlocked: f,
-    isCheckingBlockedStatus: N,
-    isLeaving: x,
-    isUpdatingBlockStatus: I,
-    handleLeaveConversation: R,
-    handleBlockUser: S,
+  const [f, c] = $(!1), v = V(null), _ = An(), b = K(() => c(!1), []), {
+    isParticipantBlocked: p,
+    isCheckingBlockedStatus: x,
+    isLeaving: N,
+    isUpdatingBlockStatus: E,
+    handleLeaveConversation: T,
+    handleBlockUser: M,
     handleUnblockUser: L,
     handleReportUser: D
   } = Xs({
     channel: e,
     participant: t,
     showBlockParticipant: a,
-    enabled: g,
+    enabled: f,
     onLeaveConversation: i,
     onBlockParticipant: l,
     onDeleteConversationClick: o,
     onBlockParticipantClick: d,
     onReportParticipantClick: u,
-    onActionComplete: v,
+    onActionComplete: b,
     logLabel: "ChannelActionsMenu"
   });
-  return q(() => {
-    if (!g) return;
+  return X(() => {
+    if (!f) return;
     const z = (A) => {
-      b.current && !b.current.contains(A.target) && c(!1);
+      v.current && !v.current.contains(A.target) && c(!1);
     }, y = (A) => {
       A.key === "Escape" && c(!1);
     };
     return document.addEventListener("mousedown", z), document.addEventListener("keydown", y), () => {
       document.removeEventListener("mousedown", z), document.removeEventListener("keydown", y);
     };
-  }, [g]), !t || !(s || a || r || !!p) ? null : /* @__PURE__ */ m("div", { ref: b, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ m("div", { ref: v, className: "relative", children: [
     /* @__PURE__ */ m(
       "button",
       {
         className: h,
         type: "button",
         "aria-haspopup": "true",
-        "aria-expanded": g,
-        "aria-controls": g ? _ : void 0,
+        "aria-expanded": f,
+        "aria-controls": f ? _ : void 0,
         onClick: () => c((z) => !z),
         children: [
           /* @__PURE__ */ n(ps, { className: "size-5 text-black/90" }),
@@ -542,7 +542,7 @@ const ne = ({
         ]
       }
     ),
-    g && /* @__PURE__ */ n(
+    f && /* @__PURE__ */ n(
       "div",
       {
         id: _,
@@ -553,60 +553,60 @@ const ne = ({
         ),
         children: /* @__PURE__ */ m("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(
-            ve,
+            xe,
             {
-              onClick: R,
-              disabled: x,
-              "aria-busy": x,
+              onClick: T,
+              disabled: N,
+              "aria-busy": N,
               children: [
-                x ? /* @__PURE__ */ n(Me, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(bs, { className: "h-5 w-5" }),
+                N ? /* @__PURE__ */ n(Me, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(bs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ n("li", { children: N ? (
+          a && /* @__PURE__ */ n("li", { children: x ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ m(ve, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ m(xe, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(Me, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : f ? /* @__PURE__ */ m(
-            ve,
+          ) : p ? /* @__PURE__ */ m(
+            xe,
             {
               onClick: L,
-              disabled: I,
-              "aria-busy": I,
+              disabled: E,
+              "aria-busy": E,
               children: [
-                I ? /* @__PURE__ */ n(Me, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Bt, { className: "h-5 w-5" }),
+                E ? /* @__PURE__ */ n(Me, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Bt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ m(
-            ve,
+            xe,
             {
-              onClick: S,
-              disabled: I,
-              "aria-busy": I,
+              onClick: M,
+              disabled: E,
+              "aria-busy": E,
               children: [
-                I ? /* @__PURE__ */ n(Me, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Bt, { className: "h-5 w-5" }),
+                E ? /* @__PURE__ */ n(Me, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Bt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(ve, { variant: "danger", onClick: D, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(xe, { variant: "danger", onClick: D, children: [
             /* @__PURE__ */ n(Xt, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
-          p
+          g
         ] })
       }
     )
   ] });
-}, Ve = "pointer-events-auto flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Ks = "CUSTOMER_PAID", Js = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ks, Zs = (e) => {
+}, Ve = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Ks = "CUSTOMER_PAID", Js = "Replies instantly with AI assistant", Zs = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ks, Qs = (e) => {
   const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(Js);
-}, Qs = ({
+  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(Zs);
+}, ea = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -617,39 +617,35 @@ const ne = ({
   showBlockParticipant: o = !0,
   showReportParticipant: d = !0,
   onDeleteConversationClick: u,
-  onBlockParticipantClick: p,
+  onBlockParticipantClick: g,
   onReportParticipantClick: h,
-  customChannelActions: g,
+  customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: b = !0,
-  onParticipantNameClick: _,
-  renderHeaderTitleBadges: v
+  showChannelInfo: v = !0,
+  onParticipantNameClick: _
 }) => {
-  var z, y, A;
-  const { channel: f } = oe(), { client: N } = ce(), x = j.useMemo(
+  var D, P, z;
+  const { channel: b } = ce(), { client: p } = de(), x = j.useMemo(
     () => {
-      var C;
+      var y;
       return Oe(
-        (C = f.state) == null ? void 0 : C.members,
-        N == null ? void 0 : N.userID,
-        f.type
+        (y = b.state) == null ? void 0 : y.members,
+        p == null ? void 0 : p.userID,
+        b.type
       );
     },
-    [(z = f.state) == null ? void 0 : z.members, N == null ? void 0 : N.userID, f.type]
-  ), I = st(x == null ? void 0 : x.user), R = (y = x == null ? void 0 : x.user) == null ? void 0 : y.image, S = nt(f), L = Zs(x), D = v == null ? void 0 : v({
-    channel: f,
-    participant: x
-  }), $ = async () => {
+    [(D = b.state) == null ? void 0 : D.members, p == null ? void 0 : p.userID, b.type]
+  ), N = st(x == null ? void 0 : x.user), E = (P = x == null ? void 0 : x.user) == null ? void 0 : P.image, T = nt(b), M = Qs(x), L = async () => {
     try {
-      S ? await f.unpin() : await f.pin();
-    } catch (C) {
+      T ? await b.unpin() : await b.pin();
+    } catch (y) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        C
+        y
       );
     }
   };
-  return /* @__PURE__ */ n("div", { className: "@container pointer-events-none sticky top-0 z-10 w-full bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]", children: /* @__PURE__ */ m("div", { className: "grid min-h-[100px] grid-cols-[40px_minmax(0,1fr)_40px] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6", children: [
+  return /* @__PURE__ */ n("div", { className: "@container w-full bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]", children: /* @__PURE__ */ m("div", { className: "grid min-h-[100px] grid-cols-[minmax(40px,1fr)_auto_minmax(40px,1fr)] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6", children: [
     /* @__PURE__ */ n("div", { className: "flex items-start", children: t && /* @__PURE__ */ n(
       "button",
       {
@@ -669,49 +665,54 @@ const ne = ({
       {
         type: "button",
         onClick: _,
-        "aria-label": `View details for ${I}`,
-        className: "group pointer-events-auto flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
+        "aria-label": `View details for ${N}`,
+        className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
         children: [
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((A = x == null ? void 0 : x.user) == null ? void 0 : A.id) || f.id || "unknown",
-              name: I,
-              image: R,
+              id: ((z = x == null ? void 0 : x.user) == null ? void 0 : z.id) || b.id || "unknown",
+              name: N,
+              image: E,
               dmAgentEnabled: a,
               shape: "circle",
               size: 48,
               className: "-mb-2"
             }
           ),
-          /* @__PURE__ */ m("span", { className: "relative z-10 inline-flex max-w-full items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-colors duration-150 group-hover:bg-white/80", children: [
-            /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: I }),
-            /* @__PURE__ */ m("div", { className: "ml-2 flex gap-1", children: [
-              L && /* @__PURE__ */ n(
-                "span",
-                {
-                  "aria-label": "Paid customer",
-                  className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                  children: /* @__PURE__ */ n(vs, { className: "size-2.5", weight: "bold" })
-                }
-              ),
-              s && S && /* @__PURE__ */ n(
-                "span",
-                {
-                  "aria-label": "Starred conversation",
-                  className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-                  children: /* @__PURE__ */ n(ye, { className: "size-2.5", weight: "fill" })
-                }
-              ),
-              D && /* @__PURE__ */ n("span", { className: "shrink-0", children: D }),
-              /* @__PURE__ */ n(
-                ue,
-                {
-                  "aria-hidden": "true",
-                  className: "size-4 shrink-0 text-black/65",
-                  weight: "bold"
-                }
-              )
+          /* @__PURE__ */ m("span", { className: "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-colors duration-150 group-hover:bg-white/80", children: [
+            /* @__PURE__ */ m("span", { className: "flex max-w-full items-center justify-center", children: [
+              /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: N }),
+              /* @__PURE__ */ m("span", { className: "ml-2 flex gap-1", children: [
+                M && /* @__PURE__ */ n(
+                  "span",
+                  {
+                    "aria-label": "Paid customer",
+                    className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
+                    children: /* @__PURE__ */ n(vs, { className: "size-2.5", weight: "bold" })
+                  }
+                ),
+                s && T && /* @__PURE__ */ n(
+                  "span",
+                  {
+                    "aria-label": "Starred conversation",
+                    className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
+                    children: /* @__PURE__ */ n(ye, { className: "size-2.5", weight: "fill" })
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  me,
+                  {
+                    "aria-hidden": "true",
+                    className: "size-4 shrink-0 text-black/65",
+                    weight: "bold"
+                  }
+                )
+              ] })
+            ] }),
+            a && /* @__PURE__ */ m("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
+              /* @__PURE__ */ n(he, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n("span", { children: Js })
             ] })
           ] })
         ]
@@ -722,26 +723,26 @@ const ne = ({
         "button",
         {
           className: Ve,
-          onClick: $,
+          onClick: L,
           type: "button",
-          "aria-pressed": S,
-          "aria-label": S ? "Unstar conversation" : "Star conversation",
+          "aria-pressed": T,
+          "aria-label": T ? "Unstar conversation" : "Star conversation",
           children: /* @__PURE__ */ n(
             ye,
             {
               className: k("size-5", {
-                "text-[#FFD60A]": S,
-                "text-black/90": !S
+                "text-[#FFD60A]": T,
+                "text-black/90": !T
               }),
-              weight: S ? "fill" : "regular"
+              weight: T ? "fill" : "regular"
             }
           )
         }
       ),
-      b && (c !== void 0 ? c : /* @__PURE__ */ n(
+      v && (c !== void 0 ? c : /* @__PURE__ */ n(
         Ke,
         {
-          channel: f,
+          channel: b,
           participant: x,
           showDeleteConversation: l,
           showBlockParticipant: o,
@@ -749,23 +750,23 @@ const ne = ({
           onLeaveConversation: r,
           onBlockParticipant: i,
           onDeleteConversationClick: u,
-          onBlockParticipantClick: p,
+          onBlockParticipantClick: g,
           onReportParticipantClick: h,
-          customChannelActions: g,
+          customChannelActions: f,
           triggerClassName: Ve
         }
       ))
     ] })
   ] }) });
-}, ea = (e) => /* @__PURE__ */ n(Ln, { ...e, position: "center" }), Je = "vote_up", Ze = "vote_down";
-function ta(e) {
+}, ta = (e) => /* @__PURE__ */ n(Ln, { ...e, position: "center" }), Je = "vote_up", Ze = "vote_down";
+function na(e) {
   return e != null && e.length ? e.some((t) => t.type === Ze) ? "down" : e.some((t) => t.type === Je) ? "up" : null : null;
 }
-function na(e) {
-  const { channel: t } = oe(), { client: s } = ce("useMessageVote"), a = re(
-    () => ta(e.own_reactions),
+function sa(e) {
+  const { channel: t } = ce(), { client: s } = de("useMessageVote"), a = ie(
+    () => na(e.own_reactions),
     [e.own_reactions]
-  ), r = W(async () => {
+  ), r = K(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, Je) : await t.sendReaction(
@@ -775,7 +776,7 @@ function na(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = W(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = K(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, Ze) : await t.sendReaction(
@@ -788,7 +789,7 @@ function na(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function sa(e) {
+function aa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function tn({
@@ -796,16 +797,16 @@ function tn({
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = sa(t);
+  const s = e == null ? void 0 : e.text, a = aa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const aa = j.lazy(() => import("./Card-CuWniEOV.js")), ra = j.lazy(() => import("./Card-DQdw5-A_.js")), ia = j.lazy(() => import("./Card-CpgkVykU.js")), at = () => /* @__PURE__ */ n(
+const ra = j.lazy(() => import("./Card-CAalQRJs.js")), ia = j.lazy(() => import("./Card-6zV3sFbU.js")), la = j.lazy(() => import("./Card-wg-7Dyut.js")), at = () => /* @__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
   }
-), la = (e) => /* @__PURE__ */ n(et, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(aa, { ...e }) }), nn = (e) => /* @__PURE__ */ n(et, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ra, { ...e }) }), sn = (e) => /* @__PURE__ */ n(et, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ia, { ...e }) }), oa = nn, ca = sn, Gt = { Composer: la, Sent: nn, Received: sn, Creator: oa, Visitor: ca }, da = [
+), oa = (e) => /* @__PURE__ */ n(et, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ra, { ...e }) }), nn = (e) => /* @__PURE__ */ n(et, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ia, { ...e }) }), sn = (e) => /* @__PURE__ */ n(et, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(la, { ...e }) }), ca = nn, da = sn, Gt = { Composer: oa, Sent: nn, Received: sn, Creator: ca, Visitor: da }, ua = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -815,42 +816,42 @@ const aa = j.lazy(() => import("./Card-CuWniEOV.js")), ra = j.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ie(e) {
+function le(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function an(e) {
-  const t = da.find(
+  const t = ua.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const ua = {
+const ma = {
   video: Jt,
   audio: ws,
   image: xs,
   document: Kt
-}, ma = {
+}, ha = {
   pdf: Ss,
   doc: Is,
   xls: Es,
-  csv: ks,
-  ppt: Cs,
+  csv: Cs,
+  ppt: ks,
   zip: ys,
   text: Ns,
   markdown: _s,
   generic: Kt
 };
-function ha(e) {
-  const t = ie(e);
-  return t !== "document" ? ua[t] : ma[an(e)];
+function fa(e) {
+  const t = le(e);
+  return t !== "document" ? ma[t] : ha[an(e)];
 }
-function me(e, t) {
-  return j.createElement(ha(e), t);
+function fe(e, t) {
+  return j.createElement(fa(e), t);
 }
-const fa = (e) => {
+const ga = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, ga = ({
+}, pa = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -862,66 +863,66 @@ const fa = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const p = ie(t), h = H(null), g = H(null), c = H(null), b = H(r), [_, v] = O(a), [f, N] = O(0), [x, I] = O(!1), [R, S] = O(!1), [L, D] = O(!1), [$, z] = O(!1), [y, A] = O(!0), [C, E] = O(null), T = W(() => {
-    D(!1), v(!0);
-  }, []), P = W((w) => {
-    const M = g.current;
-    if (!M) return 0;
-    const G = M.getBoundingClientRect();
+  const g = le(t), h = V(null), f = V(null), c = V(null), v = V(r), [_, b] = $(a), [p, x] = $(0), [N, E] = $(!1), [T, M] = $(!1), [L, D] = $(!1), [P, z] = $(!1), [y, A] = $(!0), [I, C] = $(null), S = K(() => {
+    D(!1), b(!0);
+  }, []), O = K((w) => {
+    const R = f.current;
+    if (!R) return 0;
+    const G = R.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (fa(w) - G.left) / G.width)
+      Math.min(1, (ga(w) - G.left) / G.width)
     );
-  }, []), F = W((w) => {
-    const M = h.current;
-    M && M.duration && (M.currentTime = w * M.duration);
+  }, []), F = K((w) => {
+    const R = h.current;
+    R && R.duration && (R.currentTime = w * R.duration);
   }, []), B = (w) => {
-    w.stopPropagation(), I(!0);
-    const M = P(w);
-    N(M), F(M);
+    w.stopPropagation(), E(!0);
+    const R = O(w);
+    x(R), F(R);
   };
-  q(() => {
-    r !== void 0 && r !== b.current && (b.current = r, v(r));
-  }, [r]), q(() => {
+  X(() => {
+    r !== void 0 && r !== v.current && (v.current = r, b(r));
+  }, [r]), X(() => {
     if (!_) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const w = () => {
-      const M = h.current;
-      M && M.duration && !x && N(M.currentTime / M.duration), c.current = requestAnimationFrame(w);
+      const R = h.current;
+      R && R.duration && !N && x(R.currentTime / R.duration), c.current = requestAnimationFrame(w);
     };
     return c.current = requestAnimationFrame(w), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [_, x]), q(() => {
+  }, [_, N]), X(() => {
     const w = h.current;
-    w && (_ ? w.play().catch((M) => {
-      v(!1), D(!0);
+    w && (_ ? w.play().catch((R) => {
+      b(!1), D(!0);
     }) : w.pause());
-  }, [_]), q(() => {
-    if (!x) return;
-    const w = (G) => N(P(G)), M = (G) => {
-      I(!1), F(P(G));
+  }, [_]), X(() => {
+    if (!N) return;
+    const w = (G) => x(O(G)), R = (G) => {
+      E(!1), F(O(G));
     };
-    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", M), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", M), () => {
-      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", M), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", M);
+    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", R), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", R), () => {
+      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", R), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", R);
     };
-  }, [x, P, F]);
-  const X = C ? { aspectRatio: String(C) } : void 0, Z = C ? "" : " aspect-video", Y = Math.round(f * 100);
+  }, [N, O, F]);
+  const J = I ? { aspectRatio: String(I) } : void 0, ee = I ? "" : " aspect-video", q = Math.round(p * 100);
   return /* @__PURE__ */ m(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
-      style: X,
+      className: `relative cursor-pointer overflow-hidden bg-black ${ee}`,
+      style: J,
       onClick: (w) => {
         if (u) {
           u(w);
           return;
         }
-        L || l && v((M) => !M);
+        L || l && b((R) => !R);
       },
       onKeyDown: (w) => {
         if (!(w.key !== "Enter" && w.key !== " ")) {
@@ -929,11 +930,11 @@ const fa = (e) => {
             u(w);
             return;
           }
-          L || l && v((M) => !M);
+          L || l && b((R) => !R);
         }
       },
       children: [
-        s && (p === "audio" || y) && /* @__PURE__ */ n(
+        s && (g === "audio" || y) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -941,11 +942,11 @@ const fa = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (p === "audio" || y) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: me(t, {
+        !s && (g === "audio" || y) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: fe(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
-        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: p === "audio" ? /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: g === "audio" ? /* @__PURE__ */ n(
           "audio",
           {
             ref: h,
@@ -960,7 +961,7 @@ const fa = (e) => {
             onWaiting: () => z(!0),
             onPlay: () => D(!1),
             onEnded: () => {
-              i || (v(!1), N(0));
+              i || (b(!1), x(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -981,15 +982,15 @@ const fa = (e) => {
             onPlay: () => D(!1),
             onLoadedMetadata: () => {
               const w = h.current;
-              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && E(w.videoWidth / w.videoHeight);
+              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && C(w.videoWidth / w.videoHeight);
             },
             onEnded: () => {
-              i || (v(!1), N(0));
+              i || (b(!1), x(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        $ && !L && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        P && !L && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           _e,
           {
             className: "size-8 animate-spin text-white/80",
@@ -1004,10 +1005,10 @@ const fa = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (w) => {
-              w.stopPropagation(), T();
+              w.stopPropagation(), S();
             },
             onKeyDown: (w) => {
-              w.key !== "Enter" && w.key !== " " || (w.preventDefault(), w.stopPropagation(), T());
+              w.key !== "Enter" && w.key !== " " || (w.preventDefault(), w.stopPropagation(), S());
             },
             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(Xe, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -1017,23 +1018,23 @@ const fa = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": Y,
+            "aria-valuenow": q,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
-            ref: g,
+            ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: B,
             onTouchStart: B,
             onClick: (w) => w.stopPropagation(),
             onKeyDown: (w) => {
-              w.key === "ArrowRight" && F(Math.min(1, f + 0.05)), w.key === "ArrowLeft" && F(Math.max(0, f - 0.05));
+              w.key === "ArrowRight" && F(Math.min(1, p + 0.05)), w.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: `${q}%` }
               }
             ) })
           }
@@ -1044,7 +1045,7 @@ const fa = (e) => {
             {
               type: "button",
               onClick: (w) => {
-                w.stopPropagation(), v((M) => !M);
+                w.stopPropagation(), b((R) => !R);
               },
               className: "shrink-0 text-white",
               "aria-label": _ ? "Pause" : "Play",
@@ -1056,30 +1057,30 @@ const fa = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": Y,
+              "aria-valuenow": q,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
-              ref: g,
+              ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: B,
               onTouchStart: B,
               onClick: (w) => w.stopPropagation(),
-              onMouseEnter: () => S(!0),
-              onMouseLeave: () => S(!1),
+              onMouseEnter: () => M(!0),
+              onMouseLeave: () => M(!1),
               onKeyDown: (w) => {
-                w.key === "ArrowRight" && F(Math.min(1, f + 0.05)), w.key === "ArrowLeft" && F(Math.max(0, f - 0.05));
+                w.key === "ArrowRight" && F(Math.min(1, p + 0.05)), w.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 || x ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || N ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${Y}%` }
+                        style: { width: `${q}%` }
                       }
                     )
                   }
@@ -1087,8 +1088,8 @@ const fa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${R || x ? "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 ${T || N ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${q}%` }
                   }
                 )
               ]
@@ -1098,7 +1099,7 @@ const fa = (e) => {
       ]
     }
   );
-}, Ht = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", pa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", rn = ({
+}, Ht = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ba = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", rn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1107,9 +1108,9 @@ const fa = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = ie(e), [d, u] = O(!1);
+  const o = le(e), [d, u] = $(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
-    ga,
+    pa,
     {
       source: t,
       mimeType: e,
@@ -1155,12 +1156,12 @@ const fa = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: me(e, {
+      children: fe(e, {
         className: Ht(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${pa(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ba(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1172,7 +1173,7 @@ const fa = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: me(e, {
+      children: fe(e, {
         className: Ht(r),
         weight: "regular"
       })
@@ -1189,18 +1190,18 @@ const fa = (e) => {
   action: o,
   topLeft: d,
   topRight: u,
-  rootRef: p,
+  rootRef: g,
   "data-testid": h
 }) => {
-  const g = e === "dark", c = g ? s ?? a : s ?? "", b = g && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", v = f && !s;
   return /* @__PURE__ */ m(
     "div",
     {
-      ref: p,
+      ref: g,
       "data-testid": h,
       className: k(
         "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)]",
-        g ? "bg-[#121110]" : "bg-white"
+        f ? "bg-[#121110]" : "bg-white"
       ),
       children: [
         d ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
@@ -1211,18 +1212,18 @@ const fa = (e) => {
             "p",
             {
               className: k("mb-0.5 truncate text-base font-medium", {
-                "text-black": !g,
-                "text-white/30": g && b,
-                "text-white": g && !b
+                "text-black": !f,
+                "text-white/30": f && v,
+                "text-white": f && !v
               }),
               children: c
             }
           ),
           /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-1", children: [
-            me(r, {
+            fe(r, {
               className: k(
                 "size-5 shrink-0",
-                g ? "text-white/55" : "text-black/55"
+                f ? "text-white/55" : "text-black/55"
               ),
               weight: "regular"
             }),
@@ -1231,7 +1232,7 @@ const fa = (e) => {
               {
                 className: k(
                   "text-xs font-medium",
-                  g ? "text-white/55" : "text-black/55"
+                  f ? "text-white/55" : "text-black/55"
                 ),
                 children: i
               }
@@ -1250,19 +1251,19 @@ function on(e) {
 function rt(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 ba(e) {
+function va(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function va(e) {
+function xa(e) {
   return e ? "text-white" : "text-black";
 }
-function xa(e) {
+function wa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function wa(e) {
+function _a(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function _a(e) {
+function Na(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const it = ({ attachment: e, isMyMessage: t }) => {
@@ -1277,14 +1278,14 @@ const it = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${ba(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(As, { className: `size-12 ${_a(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${va(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(As, { className: `size-12 ${Na(t)}` })
       }
     ) }),
     /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${va(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${xa(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${wa(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${xa(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${wa(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${_a(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ n("div", { className: "block", children: u });
@@ -1296,7 +1297,7 @@ function lt(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(cn);
 }
-async function Na(e, t) {
+async function ya(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1308,11 +1309,11 @@ async function Na(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
   l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
-const ya = ({
+const ka = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = O(!1);
+  const [s, a] = $(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1320,7 +1321,7 @@ const ya = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Na(e, t).then(() => {
+        a(!0), ya(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1336,24 +1337,24 @@ const ya = ({
   );
 };
 function ot(e) {
-  var h, g, c, b;
+  var h, f, c, v;
   const t = (h = e.attachments) == null ? void 0 : h.find(
     (_) => _.type === "video" && _.asset_url
-  ), s = (g = e.attachments) == null ? void 0 : g.find(
+  ), s = (f = e.attachments) == null ? void 0 : f.find(
     (_) => _.type === "image" && _.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
     (_) => _.type === "audio" && _.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
+  ), r = (v = e.attachments) == null ? void 0 : v.find(
     (_) => _.type === "file" && _.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, u = i == null ? void 0 : i.file_size, p = t == null ? void 0 : t.thumb_url;
+  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, u = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
   return {
     resolvedUrl: l,
     resolvedType: o,
     title: d,
     fileSize: u,
-    thumbnailUrl: p
+    thumbnailUrl: g
   };
 }
 const dn = ({
@@ -1391,7 +1392,7 @@ const dn = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ie(t), l = a !== void 0 ? on(a) : void 0;
+  const i = le(t), l = a !== void 0 ? on(a) : void 0;
   return /* @__PURE__ */ n(
     ln,
     {
@@ -1410,7 +1411,7 @@ const dn = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(ya, { url: e, filename: s })
+      action: /* @__PURE__ */ n(ka, { url: e, filename: s })
     }
   );
 }, Ca = ({
@@ -1444,7 +1445,7 @@ const dn = ({
       }
     )
   ] });
-}, ka = ({
+}, Ea = ({
   message: e
 }) => {
   const t = lt(e);
@@ -1452,7 +1453,7 @@ const dn = ({
     return /* @__PURE__ */ n("div", { className: rt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(it, { attachment: t, isMyMessage: !0 }) });
   const s = ot(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dn, { ...s }) }) : null;
-}, Ea = ({
+}, Ia = ({
   message: e
 }) => {
   const t = lt(e);
@@ -1460,18 +1461,18 @@ const dn = ({
     return /* @__PURE__ */ n("div", { className: rt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(it, { attachment: t, isMyMessage: !1 }) });
   const s = ot(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(un, { ...s }) }) : null;
-}, Li = Object.assign(Ca, {
-  Creator: ka,
-  Visitor: Ea
-}), Ia = {
+}, zi = Object.assign(Ca, {
+  Creator: Ea,
+  Visitor: Ia
+}), Sa = {
   isUnlocking: () => !1
-}, Sa = {
-  LockedAttachment: Ia
-}, mn = Qe({}), zi = mn.Provider;
-function Ta(e) {
-  return Ce(mn)[e] ?? Sa[e];
+}, Ta = {
+  LockedAttachment: Sa
+}, mn = Qe({}), Fi = mn.Provider;
+function Aa(e) {
+  return ke(mn)[e] ?? Ta[e];
 }
-const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1488,19 +1489,19 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), Ma = (e) => {
+), Ra = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Ra = (e) => {
+}, Da = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, De = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Da = (e) => {
+}, La = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, hn = (e) => Ma(e) || Ra(e), La = (e) => {
+}, hn = (e) => Ra(e) || Da(e), za = (e) => {
   var t;
   return hn(e) && !((t = e.text) != null && t.trim());
 }, Ge = ({
@@ -1514,27 +1515,27 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (!r && !i)
     return null;
   if (r) {
-    const g = (h = e.metadata) == null ? void 0 : h.amount_text;
-    if (!g) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${g} tip` : `Delivered with ${g} tip`;
+    const f = (h = e.metadata) == null ? void 0 : h.amount_text;
+    if (!f) return null;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ m("div", { className: c, children: [
       /* @__PURE__ */ n(Ms, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n("span", { children: v })
     ] });
   }
   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(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), p = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(Aa, { size: l ? 12 : 15 }) });
+  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(Ma, { size: l ? 12 : 15 }) });
   return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ m(se, { children: [
     u,
-    p
+    g
   ] }) : /* @__PURE__ */ m(se, { children: [
-    p,
+    g,
     u
   ] }) });
-}, za = ({
+}, Fa = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1567,8 +1568,8 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Ds, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Fa = (e) => {
-  var yt, Ct, kt, Et, It, St, Tt, At, Mt, Rt, Dt, Lt, zt, Ft;
+] }), Pa = (e) => {
+  var yt, kt, Ct, Et, It, St, Tt, At, Mt, Rt, Dt, Lt, zt, Ft;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1579,47 +1580,47 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     handleAction: o,
     handleOpenThread: d,
     handleRetry: u,
-    highlighted: p,
+    highlighted: g,
     isMessageAIGenerated: h,
-    isMyMessage: g,
+    isMyMessage: f,
     message: c,
-    renderText: b,
+    renderText: v,
     threadList: _,
-    viewerLanguage: v
-  } = e, { client: f } = ce("CustomMessage"), { channel: N } = oe("CustomMessage"), { isUnlocking: x, onUnlockClick: I, onFetchSource: R, onDownloadClick: S } = Ta("LockedAttachment"), [L, D] = O(!1), $ = Fn(c.id), { selected: z, voteUp: y, voteDown: A } = na(c), {
-    Attachment: C = Pn,
-    EditMessageModal: E = On,
-    MessageActions: T,
-    MessageBlocked: P = $n,
+    viewerLanguage: b
+  } = e, { client: p } = de("CustomMessage"), { channel: x } = ce("CustomMessage"), { isUnlocking: N, onUnlockClick: E, onFetchSource: T, onDownloadClick: M } = Aa("LockedAttachment"), [L, D] = $(!1), P = Fn(c.id), { selected: z, voteUp: y, voteDown: A } = sa(c), {
+    Attachment: I = Pn,
+    EditMessageModal: C = On,
+    MessageActions: S,
+    MessageBlocked: O = $n,
     MessageBouncePrompt: F = jn,
     MessageDeleted: B = Bn,
-    MessageIsThreadReplyInChannelButtonIndicator: X = Un,
-    MessageRepliesCountButton: Z = Vn,
-    ReminderNotification: Y = Gn,
+    MessageIsThreadReplyInChannelButtonIndicator: J = Un,
+    MessageRepliesCountButton: ee = Vn,
+    ReminderNotification: q = Gn,
     StreamedMessageText: w = Hn,
-    PinIndicator: M
-  } = Wt("CustomMessage"), G = Yn(c), V = qn(c), Q = re(
+    PinIndicator: R
+  } = Wt("CustomMessage"), G = Yn(c), H = qn(c), W = ie(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), U = re(() => {
-    const be = c.attachments ?? [], Ae = c.shared_location ? [c.shared_location, ...be] : be;
+  ), U = ie(() => {
+    const ve = c.attachments ?? [], Ae = c.shared_location ? [c.shared_location, ...ve] : ve;
     if (!De(c)) return Ae;
     const Pt = Ae.filter((Ot) => !("type" in Ot) || !cn(Ot));
     return Pt.length === Ae.length ? Ae : Pt;
-  }, [c]), K = re(() => {
-    const be = tn({ message: c, viewerLanguage: v });
-    return be === c.text ? c : { ...c, text: be };
-  }, [c, v]);
+  }, [c]), Y = ie(() => {
+    const ve = tn({ message: c, viewerLanguage: b });
+    return ve === c.text ? c : { ...c, text: ve };
+  }, [c, b]);
   if (Wn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(B, { message: c });
   if (Xn(c))
-    return /* @__PURE__ */ n(P, {});
-  const ee = !_ && !!c.reply_count, he = !_ && c.show_in_channel && c.parent_id, fe = c.status === "failed" && ((yt = c.error) == null ? void 0 : yt.status) !== 403, ge = Kn(c);
-  let J;
-  fe ? J = () => u(c) : ge && (J = () => D(!0));
-  const te = g(), le = k(
+    return /* @__PURE__ */ n(O, {});
+  const Z = !_ && !!c.reply_count, re = !_ && c.show_in_channel && c.parent_id, ge = c.status === "failed" && ((yt = c.error) == null ? void 0 : yt.status) !== 403, pe = Kn(c);
+  let Q;
+  ge ? Q = () => u(c) : pe && (Q = () => D(!0));
+  const te = f(), oe = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -1627,19 +1628,19 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": G,
-      "str-chat__message--highlighted": p,
+      "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": V,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Ct = c == null ? void 0 : c.error) == null ? void 0 : Ct.status) !== 403,
-      "str-chat__message-with-thread-link": ee || he,
+      "str-chat__message--with-reactions": H,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((kt = c == null ? void 0 : c.error) == null ? void 0 : kt.status) !== 403,
+      "str-chat__message-with-thread-link": Z || re,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), xt = c.poll_id && f.polls.fromState(c.poll_id), wt = La(c), pe = De(c), _t = Da(c), je = !!(U != null && U.length && !c.quoted_message), Nt = pe && te && je;
+  ), xt = c.poll_id && p.polls.fromState(c.poll_id), wt = za(c), be = De(c), _t = La(c), je = !!(U != null && U.length && !c.quoted_message), Nt = be && te && je;
   return /* @__PURE__ */ m(se, { children: [
     a && /* @__PURE__ */ n(
-      E,
+      C,
       {
         additionalMessageInputProps: t
       }
@@ -1655,12 +1656,12 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ m(
       "div",
       {
-        className: le,
+        className: oe,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          M && /* @__PURE__ */ n(M, {}),
-          !!$ && /* @__PURE__ */ n(Y, { reminder: $ }),
+          R && /* @__PURE__ */ n(R, {}),
+          !!P && /* @__PURE__ */ n(q, { reminder: P }),
           c.user && /* @__PURE__ */ n(
             ne,
             {
@@ -1670,20 +1671,20 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: pe
+              dmAgentEnabled: be
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": fe || ge
+                "str-chat__simple-message--error-failed": ge || pe
               }),
               "data-testid": "message-inner",
-              onClick: J,
-              onKeyDown: J,
-              role: J ? "button" : void 0,
-              tabIndex: J ? 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
@@ -1692,18 +1693,18 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               },
               children: _t ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
                 te ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-                  T && /* @__PURE__ */ n(T, {}),
+                  S && /* @__PURE__ */ n(S, {}),
                   /* @__PURE__ */ n(
                     Gt.Sent,
                     {
-                      title: (kt = c.metadata) == null ? void 0 : kt.attachment_title,
+                      title: (Ct = c.metadata) == null ? void 0 : Ct.attachment_title,
                       mimeType: (Et = c.metadata) == null ? void 0 : Et.attachment_mime_type,
                       thumbnailUrl: (It = c.metadata) == null ? void 0 : It.attachment_thumbnail,
                       amountText: (St = c.metadata) == null ? void 0 : St.amount_text,
                       detail: (Tt = c.metadata) == null ? void 0 : Tt.attachment_detail,
                       paymentStatus: (At = c.metadata) == null ? void 0 : At.payment_status,
-                      onPreviewClick: () => I == null ? void 0 : I(c, N),
-                      onFetchSource: async () => await (R == null ? void 0 : R(c, N))
+                      onPreviewClick: () => E == null ? void 0 : E(c, x),
+                      onFetchSource: async () => await (T == null ? void 0 : T(c, x))
                     }
                   )
                 ] }) : /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
@@ -1716,26 +1717,26 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (Lt = c.metadata) == null ? void 0 : Lt.amount_text,
                       detail: (zt = c.metadata) == null ? void 0 : zt.attachment_detail,
                       paymentStatus: (Ft = c.metadata) == null ? void 0 : Ft.payment_status,
-                      isUnlocking: x(c.id),
-                      onUnlockClick: () => I == null ? void 0 : I(c, N),
-                      onFetchSource: async () => await (R == null ? void 0 : R(c, N)),
-                      onDownloadClick: () => S == null ? void 0 : S(c, N)
+                      isUnlocking: N(c.id),
+                      onUnlockClick: () => E == null ? void 0 : E(c, x),
+                      onFetchSource: async () => await (T == null ? void 0 : T(c, x)),
+                      onDownloadClick: () => M == null ? void 0 : M(c, x)
                     }
                   ),
-                  T && /* @__PURE__ */ n(T, {})
+                  S && /* @__PURE__ */ n(S, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   jt,
                   {
-                    message: K,
-                    renderText: b
+                    message: Y,
+                    renderText: v
                   }
                 ) })
               ] }) : wt ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ n(Ge, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
-                pe && !Nt && /* @__PURE__ */ n(
+                be && !Nt && /* @__PURE__ */ n(
                   Ge,
                   {
                     message: c,
@@ -1745,23 +1746,23 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 ),
                 xt && /* @__PURE__ */ n(Zn, { poll: xt }),
                 U != null && U.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  C,
+                  I,
                   {
                     actionHandler: o,
                     attachments: U
                   }
                 ) : null,
-                Q ? /* @__PURE__ */ n(
+                W ? /* @__PURE__ */ n(
                   w,
                   {
-                    message: K,
-                    renderText: b
+                    message: Y,
+                    renderText: v
                   }
                 ) : /* @__PURE__ */ n(
                   jt,
                   {
-                    message: K,
-                    renderText: b
+                    message: Y,
+                    renderText: v
                   }
                 ),
                 /* @__PURE__ */ n(Qn, {})
@@ -1769,7 +1770,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
             }
           ),
           !_t && !wt && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
-            (!pe || Nt) && /* @__PURE__ */ n(
+            (!be || Nt) && /* @__PURE__ */ n(
               Ge,
               {
                 message: c,
@@ -1777,8 +1778,8 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 isMyMessage: te
               }
             ),
-            s && pe && /* @__PURE__ */ n(
-              za,
+            s && be && /* @__PURE__ */ n(
+              Fa,
               {
                 selected: z,
                 onVoteUp: y,
@@ -1786,28 +1787,28 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             )
           ] }),
-          ee && /* @__PURE__ */ n(
-            Z,
+          Z && /* @__PURE__ */ n(
+            ee,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          he && /* @__PURE__ */ n(X, {})
+          re && /* @__PURE__ */ n(J, {})
         ]
       },
       c.id
     )
   ] });
-}, Pa = j.memo(
-  Fa,
+}, Oa = j.memo(
+  Pa,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : zn(e, t)
-), Oa = (e) => {
-  const t = ke("CustomMessage");
-  return /* @__PURE__ */ n(Pa, { ...t, ...e });
-}, $a = () => {
+), $a = (e) => {
+  const t = Ce("CustomMessage");
+  return /* @__PURE__ */ n(Oa, { ...t, ...e });
+}, ja = () => {
   var s;
-  const { handleDelete: e, message: t } = ke("CustomMessageActions");
+  const { handleDelete: e, message: t } = Ce("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     Zt,
     {
@@ -1818,8 +1819,8 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Ls, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, ja = () => {
-  const { handleFlag: e } = ke("CustomMessageActions");
+}, Ba = () => {
+  const { handleFlag: e } = Ce("CustomMessageActions");
   return /* @__PURE__ */ n(
     Zt,
     {
@@ -1830,19 +1831,19 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Xt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ba = () => {
+}, Ua = () => {
   var t;
-  const { message: e } = ke("CustomMessageActions");
+  const { message: e } = Ce("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
     $s,
     {
       messageActionSet: [
-        { Component: $a, placement: "quick", type: "delete" },
-        { Component: ja, placement: "quick", type: "flag" }
+        { Component: ja, placement: "quick", type: "delete" },
+        { Component: Ba, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Ua = ({
+}, Va = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1882,14 +1883,14 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Va = (e) => ({
+}, Ga = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => $t.previewIsLoaded(t) || $t.previewIsLoading(t)
   )
-}), Ga = () => {
+}), Ha = () => {
   const { linkPreviewsManager: e } = es(), { linkPreviews: t } = ts(
     e.state,
-    Va
+    Ga
   ), s = (r) => {
     e.dismissPreview(r);
   };
@@ -1902,9 +1903,9 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     // block so it keeps its intrinsic height and the container scrolls — a
     // bare flex-column child would be shrunk on the column axis and its
     // fixed-height hero would spill out of the collapsed card box.
-    /* @__PURE__ */ n("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ n("div", { className: "w-full shrink-0", children: /* @__PURE__ */ n(Ua, { link: r, onDismiss: s }) }, r.og_scrape_url)) })
+    /* @__PURE__ */ n("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ n("div", { className: "w-full shrink-0", children: /* @__PURE__ */ n(Va, { link: r, onDismiss: s }) }, r.og_scrape_url)) })
   ) : null;
-}, ct = j.createContext(!1), Fi = () => Ce(ct), Ha = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, ct = j.createContext(!1), Pi = () => ke(ct), Ya = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1914,9 +1915,9 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     onClick: e,
     children: /* @__PURE__ */ n(zs, { weight: "bold", className: "size-4" })
   }
-), Ya = () => {
-  const e = Ce(ct), { handleSubmit: t } = ss(), s = as(), a = e || !s, {
-    SendButton: r = Ha,
+), qa = () => {
+  const e = ke(ct), { handleSubmit: t } = ss(), s = as(), a = e || !s, {
+    SendButton: r = Ya,
     AttachmentPreviewList: i = rs
   } = Wt("CustomMessageInput");
   return (
@@ -1935,7 +1936,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         "data-dd-privacy": "mask",
         children: [
           /* @__PURE__ */ n(is, {}),
-          /* @__PURE__ */ n(Ga, {}),
+          /* @__PURE__ */ n(Ha, {}),
           /* @__PURE__ */ n(i, {}),
           /* @__PURE__ */ m("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
@@ -1965,7 +1966,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   );
-}, qa = ({
+}, Wa = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
@@ -1973,7 +1974,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   composerInput: r
 }) => {
   var o;
-  const { channel: i } = oe(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
+  const { channel: i } = ce(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
   return s ? /* @__PURE__ */ m(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()
@@ -1986,23 +1987,23 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: "message-input flex min-h-0 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(ct.Provider, { value: l, children: /* @__PURE__ */ n(ns, { Input: r ?? Ya }) })
+          /* @__PURE__ */ n(ct.Provider, { value: l, children: /* @__PURE__ */ n(ns, { Input: r ?? qa }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Wa = [
+}, Xa = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Xa = {
+], Ka = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ka = [
+}, Ja = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ja = {
+], Za = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, He = "age safety guidelines.", Za = "https://linktr.ee/s/about/contact", Yt = (e) => Wa.includes(e), Qa = (e) => Ka.includes(e), er = (e) => {
+}, He = "age safety guidelines.", Qa = "https://linktr.ee/s/about/contact", Yt = (e) => Xa.includes(e), er = (e) => Ja.includes(e), tr = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (Yt(t))
@@ -2010,7 +2011,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (Qa(t))
+  if (er(t))
     return {
       kind: "age-safety",
       type: t
@@ -2021,7 +2022,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, tr = (e) => {
+}, nr = (e) => {
   const t = e.indexOf(He);
   if (t === -1)
     return e;
@@ -2031,7 +2032,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ n(
       "a",
       {
-        href: Za,
+        href: Qa,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -2040,13 +2041,13 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ),
     e.slice(s)
   ] });
-}, nr = (e) => {
+}, sr = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = er(
+  const t = e.message.hide_date === !0, s = tr(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Xa[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ka[s.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -2056,7 +2057,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              xe,
+              he,
               {
                 size: 16,
                 weight: "regular",
@@ -2072,7 +2073,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ja[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Za[s.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -2091,7 +2092,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: tr(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: nr(i) }) })
           ]
         }
       ),
@@ -2116,21 +2117,21 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), sr = /* @__PURE__ */ new Set([
+) }), ar = /* @__PURE__ */ new Set([
   Ue.Thinking,
   Ue.Generating,
   Ue.ExternalSources
-]), ar = ({ threadList: e }) => {
-  var b, _;
-  const { channel: t, channelConfig: s, thread: a } = oe(), { client: r } = ce(), { typing: i = {} } = os(), { aiState: l } = cs(t), o = Ce(fn);
-  if (!e && o && sr.has(l)) {
-    const v = rr(t, (b = r.user) == null ? void 0 : b.id);
+]), rr = ({ threadList: e }) => {
+  var v, _;
+  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = de(), { typing: i = {} } = os(), { aiState: l } = cs(t), o = ke(fn);
+  if (!e && o && ar.has(l)) {
+    const b = ir(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ n(
       qt,
       {
-        avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
-        avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
-        avatarImage: v == null ? void 0 : v.image,
+        avatarId: (b == null ? void 0 : b.id) ?? "ai-agent",
+        avatarName: (b == null ? void 0 : b.name) ?? (b == null ? void 0 : b.id) ?? "Agent",
+        avatarImage: b == null ? void 0 : b.image,
         testId: "typing-indicator-ai"
       }
     );
@@ -2138,25 +2139,25 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const u = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: f }) => {
-      var N;
-      return (f == null ? void 0 : f.id) !== ((N = r.user) == null ? void 0 : N.id) && !v;
+    ({ parent_id: b, user: p }) => {
+      var x;
+      return (p == null ? void 0 : p.id) !== ((x = r.user) == null ? void 0 : x.id) && !b;
     }
-  ), p = e ? Object.values(i).filter(
-    ({ parent_id: v, user: f }) => {
-      var N;
-      return (f == null ? void 0 : f.id) !== ((N = r.user) == null ? void 0 : N.id) && v === (a == null ? void 0 : a.id);
+  ), g = e ? Object.values(i).filter(
+    ({ parent_id: b, user: p }) => {
+      var x;
+      return (p == null ? void 0 : p.id) !== ((x = r.user) == null ? void 0 : x.id) && b === (a == null ? void 0 : a.id);
     }
-  ) : [], h = e ? p : u;
+  ) : [], h = e ? g : u;
   if (!h.length)
     return null;
-  const g = (_ = h[0]) == null ? void 0 : _.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
+  const f = (_ = h[0]) == null ? void 0 : _.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
     qt,
     {
-      avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
-      avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
-      avatarImage: (g == null ? void 0 : g.image) ?? (c == null ? void 0 : c.image),
+      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",
+      avatarImage: (f == null ? void 0 : f.image) ?? (c == null ? void 0 : c.image),
       testId: "typing-indicator"
     }
   );
@@ -2204,7 +2205,7 @@ const Aa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] })
   }
 );
-function rr(e, t) {
+function ir(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2213,7 +2214,7 @@ function rr(e, t) {
       return i;
   }
 }
-const ir = () => null, lr = ({ className: e, message: t }) => /* @__PURE__ */ m(
+const lr = () => null, or = ({ className: e, message: t }) => /* @__PURE__ */ m(
   "div",
   {
     className: k("flex items-center justify-center h-full", e),
@@ -2257,11 +2258,11 @@ const ir = () => null, lr = ({ className: e, message: t }) => /* @__PURE__ */ m(
     ]
   }
 ), Le = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(lr, { className: "w-6 h-6" }),
+  /* @__PURE__ */ n(or, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Le.displayName = "LoadingState";
-const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Re = "Replies instantly with AI assistant", or = ({
+const ue = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Re = "Replies instantly with AI assistant", cr = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2272,34 +2273,34 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: o = !0,
   showReportParticipant: d = !0,
   onDeleteConversationClick: u,
-  onBlockParticipantClick: p,
+  onBlockParticipantClick: g,
   onReportParticipantClick: h,
-  customChannelActions: g,
+  customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: b = !0,
+  showChannelInfo: v = !0,
   onParticipantNameClick: _,
-  renderHeaderTitleBadges: v
+  renderHeaderTitleBadges: b
 }) => {
-  var A, C, E, T, P, F;
-  const { channel: f } = oe(), { client: N } = ce(), x = j.useMemo(
+  var A, I, C, S, O, F;
+  const { channel: p } = ce(), { client: x } = de(), N = j.useMemo(
     () => {
       var B;
       return Oe(
-        (B = f.state) == null ? void 0 : B.members,
-        N == null ? void 0 : N.userID,
-        f.type
+        (B = p.state) == null ? void 0 : B.members,
+        x == null ? void 0 : x.userID,
+        p.type
       );
     },
-    [(A = f.state) == null ? void 0 : A.members, N == null ? void 0 : N.userID, f.type]
-  ), I = st(x == null ? void 0 : x.user), R = (C = x == null ? void 0 : x.user) == null ? void 0 : C.image, S = nt(f), L = v == null ? void 0 : v({
-    channel: f,
-    participant: x
-  }), D = "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__ */ m(se, { children: [
-    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: I }),
+    [(A = p.state) == null ? void 0 : A.members, x == null ? void 0 : x.userID, p.type]
+  ), E = st(N == null ? void 0 : N.user), T = (I = N == null ? void 0 : N.user) == null ? void 0 : I.image, M = nt(p), L = b == null ? void 0 : b({
+    channel: p,
+    participant: N
+  }), D = "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", P = "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__ */ m(se, { children: [
+    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: E }),
     L && /* @__PURE__ */ n("span", { className: "shrink-0", children: L })
   ] }), y = async () => {
     try {
-      S ? await f.unpin() : await f.pin();
+      M ? await p.unpin() : await p.pin();
     } catch (B) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -2313,7 +2314,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         "button",
         {
           className: k(
-            de,
+            ue,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
@@ -2333,7 +2334,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               type: "button",
               onClick: _,
-              "aria-label": `View details for ${I}`,
+              "aria-label": `View details for ${E}`,
               className: k(
                 D,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
@@ -2342,20 +2343,20 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 /* @__PURE__ */ n(
                   ne,
                   {
-                    id: ((E = x == null ? void 0 : x.user) == null ? void 0 : E.id) || f.id || "unknown",
-                    name: I,
-                    image: R,
-                    starred: s && S,
+                    id: ((C = N == null ? void 0 : N.user) == null ? void 0 : C.id) || p.id || "unknown",
+                    name: E,
+                    image: T,
+                    starred: s && M,
                     dmAgentEnabled: a,
                     size: 48
                   }
                 ),
                 /* @__PURE__ */ m("span", { className: "flex max-w-full items-center gap-0.5", children: [
                   z,
-                  /* @__PURE__ */ n(ue, { className: "size-3 shrink-0", weight: "bold" })
+                  /* @__PURE__ */ n(me, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ m("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ n(xe, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n(he, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ n("span", { children: Re })
                 ] })
               ]
@@ -2364,10 +2365,10 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             /* @__PURE__ */ n(
               ne,
               {
-                id: ((T = x == null ? void 0 : x.user) == null ? void 0 : T.id) || f.id || "unknown",
-                name: I,
-                image: R,
-                starred: s && S,
+                id: ((S = N == null ? void 0 : N.user) == null ? void 0 : S.id) || p.id || "unknown",
+                name: E,
+                image: T,
+                starred: s && M,
                 dmAgentEnabled: a,
                 size: 48
               }
@@ -2375,7 +2376,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             /* @__PURE__ */ m("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
               z,
               /* @__PURE__ */ n(
-                ue,
+                me,
                 {
                   className: "invisible size-3 shrink-0",
                   weight: "bold"
@@ -2383,7 +2384,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ m("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ n(xe, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n(he, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { children: Re })
             ] })
           ] })
@@ -2393,37 +2394,37 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: de,
+            className: ue,
             onClick: y,
             type: "button",
-            "aria-label": S ? "Unstar conversation" : "Star conversation",
+            "aria-label": M ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               ye,
               {
                 className: k("size-5", {
-                  "text-yellow-600": S,
-                  "text-black/90": !S
+                  "text-yellow-600": M,
+                  "text-black/90": !M
                 }),
-                weight: S ? "duotone" : "regular"
+                weight: M ? "duotone" : "regular"
               }
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
+        v && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ke,
           {
-            channel: f,
-            participant: x,
+            channel: p,
+            participant: N,
             showDeleteConversation: l,
             showBlockParticipant: o,
             showReportParticipant: d,
             onLeaveConversation: r,
             onBlockParticipant: i,
             onDeleteConversationClick: u,
-            onBlockParticipantClick: p,
+            onBlockParticipantClick: g,
             onReportParticipantClick: h,
-            customChannelActions: g,
-            triggerClassName: k(de, "bg-[#F1F0EE]")
+            customChannelActions: f,
+            triggerClassName: k(ue, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2434,7 +2435,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: k(
-              de,
+              ue,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2448,19 +2449,19 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             type: "button",
             onClick: _,
-            "aria-label": `View details for ${I}`,
+            "aria-label": `View details for ${E}`,
             className: k(
-              $,
+              P,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
             children: [
               /* @__PURE__ */ n(
                 ne,
                 {
-                  id: ((P = x == null ? void 0 : x.user) == null ? void 0 : P.id) || f.id || "unknown",
-                  name: I,
-                  image: R,
-                  starred: s && S,
+                  id: ((O = N == null ? void 0 : N.user) == null ? void 0 : O.id) || p.id || "unknown",
+                  name: E,
+                  image: T,
+                  starred: s && M,
                   dmAgentEnabled: a,
                   size: 48
                 }
@@ -2468,23 +2469,23 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ m("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ m("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
                   z,
-                  /* @__PURE__ */ n(ue, { className: "size-4 shrink-0", weight: "bold" })
+                  /* @__PURE__ */ n(me, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ m("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ n(xe, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n(he, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ n("span", { className: "truncate", children: Re })
                 ] })
               ] })
             ]
           }
-        ) : /* @__PURE__ */ m("div", { className: $, children: [
+        ) : /* @__PURE__ */ m("div", { className: P, children: [
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((F = x == null ? void 0 : x.user) == null ? void 0 : F.id) || f.id || "unknown",
-              name: I,
-              image: R,
-              starred: s && S,
+              id: ((F = N == null ? void 0 : N.user) == null ? void 0 : F.id) || p.id || "unknown",
+              name: E,
+              image: T,
+              starred: s && M,
               dmAgentEnabled: a,
               size: 48
             }
@@ -2493,7 +2494,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             /* @__PURE__ */ m("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
               z,
               /* @__PURE__ */ n(
-                ue,
+                me,
                 {
                   className: "invisible size-4 shrink-0",
                   weight: "bold"
@@ -2501,7 +2502,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ m("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ n(xe, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n(he, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { className: "truncate", children: Re })
             ] })
           ] })
@@ -2511,43 +2512,43 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: de,
+            className: ue,
             onClick: y,
             type: "button",
-            "aria-label": S ? "Unstar conversation" : "Star conversation",
+            "aria-label": M ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               ye,
               {
                 className: k("size-6", {
-                  "text-yellow-600": S,
-                  "text-black/90": !S
+                  "text-yellow-600": M,
+                  "text-black/90": !M
                 }),
-                weight: S ? "duotone" : "regular"
+                weight: M ? "duotone" : "regular"
               }
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
+        v && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ke,
           {
-            channel: f,
-            participant: x,
+            channel: p,
+            participant: N,
             showDeleteConversation: l,
             showBlockParticipant: o,
             showReportParticipant: d,
             onLeaveConversation: r,
             onBlockParticipant: i,
             onDeleteConversationClick: u,
-            onBlockParticipantClick: p,
+            onBlockParticipantClick: g,
             onReportParticipantClick: h,
-            customChannelActions: g,
-            triggerClassName: de
+            customChannelActions: f,
+            triggerClassName: ue
           }
         ))
       ] })
     ] })
   ] });
-}, cr = ({
+}, dr = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2558,86 +2559,112 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showDeleteConversation: o = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: u,
-  onReportParticipantClick: p,
+  onReportParticipantClick: g,
   showBlockParticipant: h = !0,
-  showReportParticipant: g = !0,
+  showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: b,
+  composerDisabledReason: v,
   showStarButton: _ = !1,
-  chatbotVotingEnabled: v = !1,
-  renderChannelBanner: f,
-  renderHeaderTitleBadges: N,
-  customChannelActions: x,
-  renderChannelActions: I,
-  renderMessage: R,
-  dmAgentEnabled: S = !1,
+  chatbotVotingEnabled: b = !1,
+  renderChannelBanner: p,
+  renderHeaderTitleBadges: x,
+  customChannelActions: N,
+  renderChannelActions: E,
+  renderMessage: T,
+  dmAgentEnabled: M = !1,
   viewerLanguage: L,
   showChannelInfo: D = !0,
-  onParticipantNameClick: $,
+  onParticipantNameClick: P,
   composerInput: z
 }) => {
-  var X, Z, Y, w;
-  const { channel: y } = oe(), { client: A } = ce(), C = j.useMemo(
+  var w, R, G, H;
+  const { channel: y } = ce(), { client: A } = de(), I = j.useMemo(
     () => {
-      var M;
+      var W;
       return Oe(
-        (M = y.state) == null ? void 0 : M.members,
+        (W = y.state) == null ? void 0 : W.members,
         A == null ? void 0 : A.userID,
         y.type
       );
     },
-    [(X = y.state) == null ? void 0 : X.members, A == null ? void 0 : A.userID, y.type]
-  ), E = j.useMemo(() => {
-    var V;
-    const M = A == null ? void 0 : A.userID;
-    return M ? Object.values(((V = y.state) == null ? void 0 : V.members) || {}).find((Q) => {
-      var U;
-      return ((U = Q.user) == null ? void 0 : U.id) === M;
+    [(w = y.state) == null ? void 0 : w.members, A == null ? void 0 : A.userID, y.type]
+  ), C = j.useMemo(() => {
+    var Y;
+    const W = A == null ? void 0 : A.userID;
+    return W ? Object.values(((Y = y.state) == null ? void 0 : Y.members) || {}).find((Z) => {
+      var re;
+      return ((re = Z.user) == null ? void 0 : re.id) === W;
     }) : void 0;
-  }, [A == null ? void 0 : A.userID, (Z = y.state) == null ? void 0 : Z.members]), T = ((Y = E == null ? void 0 : E.user) == null ? void 0 : Y.is_account) ?? (E == null ? void 0 : E.is_account), P = ((w = C == null ? void 0 : C.user) == null ? void 0 : w.is_account) ?? (C == null ? void 0 : C.is_account), F = S && T === !1 && P === !0, B = W(
-    (M) => {
-      const { message: G } = ke("ChannelView"), V = /* @__PURE__ */ n(
-        Oa,
+  }, [A == null ? void 0 : A.userID, (R = y.state) == null ? void 0 : R.members]), S = ((G = C == null ? void 0 : C.user) == null ? void 0 : G.is_account) ?? (C == null ? void 0 : C.is_account), O = ((H = I == null ? void 0 : I.user) == null ? void 0 : H.is_account) ?? (I == null ? void 0 : I.is_account), F = M && S === !1 && O === !0, B = y.state.messages.length > 0, J = p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null, ee = P ? /* @__PURE__ */ n(
+    ea,
+    {
+      onBack: e,
+      showBackButton: t,
+      showChannelInfo: D,
+      showStarButton: _,
+      dmAgentEnabled: F,
+      onLeaveConversation: i,
+      onBlockParticipant: l,
+      showDeleteConversation: o,
+      showBlockParticipant: h,
+      showReportParticipant: f,
+      onDeleteConversationClick: d,
+      onBlockParticipantClick: u,
+      onReportParticipantClick: g,
+      customChannelActions: N,
+      renderChannelActions: E,
+      onParticipantNameClick: P
+    }
+  ) : null, q = K(
+    (W) => {
+      const { message: U } = Ce("ChannelView"), Y = /* @__PURE__ */ n(
+        $a,
         {
-          ...M,
-          chatbotVotingEnabled: v,
+          ...W,
+          chatbotVotingEnabled: b,
           viewerLanguage: L
         }
       );
-      return !R || !G ? V : R(V, G);
+      return !T || !U ? Y : T(Y, U);
     },
-    [v, R, L]
+    [b, T, L]
   );
   return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
     us,
     {
       overrides: {
-        Message: B,
-        MessageActions: Ba
+        Message: q,
+        MessageActions: Ua
       },
       children: /* @__PURE__ */ m(ms, { children: [
-        !$ && /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          or,
-          {
-            onBack: e,
-            showBackButton: t,
-            showChannelInfo: D,
-            showStarButton: _,
-            dmAgentEnabled: F,
-            onLeaveConversation: i,
-            onBlockParticipant: l,
-            showDeleteConversation: o,
-            showBlockParticipant: h,
-            showReportParticipant: g,
-            onDeleteConversationClick: d,
-            onBlockParticipantClick: u,
-            onReportParticipantClick: p,
-            customChannelActions: x,
-            renderChannelActions: I,
-            renderHeaderTitleBadges: N
-          }
-        ) }, "lt-channel-header"),
-        f ? /* @__PURE__ */ n(j.Fragment, { children: f() }, "lt-channel-banner") : null,
+        !P && /* @__PURE__ */ m(se, { children: [
+          /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
+            cr,
+            {
+              onBack: e,
+              showBackButton: t,
+              showChannelInfo: D,
+              showStarButton: _,
+              dmAgentEnabled: F,
+              onLeaveConversation: i,
+              onBlockParticipant: l,
+              showDeleteConversation: o,
+              showBlockParticipant: h,
+              showReportParticipant: f,
+              onDeleteConversationClick: d,
+              onBlockParticipantClick: u,
+              onReportParticipantClick: g,
+              customChannelActions: N,
+              renderChannelActions: E,
+              renderHeaderTitleBadges: x
+            }
+          ) }, "lt-channel-header"),
+          J
+        ] }),
+        P && !B && /* @__PURE__ */ m("div", { className: "px-4 @lg:px-6", children: [
+          ee,
+          J
+        ] }),
         /* @__PURE__ */ n(
           "div",
           {
@@ -2645,28 +2672,10 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             children: /* @__PURE__ */ n(
               hs,
               {
-                head: $ ? /* @__PURE__ */ n(
-                  Qs,
-                  {
-                    onBack: e,
-                    showBackButton: t,
-                    showChannelInfo: D,
-                    showStarButton: _,
-                    dmAgentEnabled: F,
-                    onLeaveConversation: i,
-                    onBlockParticipant: l,
-                    showDeleteConversation: o,
-                    showBlockParticipant: h,
-                    showReportParticipant: g,
-                    onDeleteConversationClick: d,
-                    onBlockParticipantClick: u,
-                    onReportParticipantClick: p,
-                    customChannelActions: x,
-                    renderChannelActions: I,
-                    onParticipantNameClick: $,
-                    renderHeaderTitleBadges: N
-                  }
-                ) : void 0,
+                head: P && B ? /* @__PURE__ */ m("div", { className: "sticky top-0 z-10", children: [
+                  ee,
+                  J
+                ] }) : void 0,
                 hideDeletedMessages: !0,
                 hideNewMessageSeparator: !1
               }
@@ -2676,14 +2685,14 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         ),
         r ? /* @__PURE__ */ n(j.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          qa,
+          Wa,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(y)
             },
             renderFooter: () => a == null ? void 0 : a(y),
             disabled: c,
-            disabledReason: b,
+            disabledReason: v,
             composerInput: z
           },
           "lt-channel-message-input"
@@ -2702,86 +2711,86 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: l,
     onBlockParticipant: o,
     className: d,
-    CustomChannelEmptyState: u = ir,
-    showDeleteConversation: p = !0,
+    CustomChannelEmptyState: u = lr,
+    showDeleteConversation: g = !0,
     onDeleteConversationClick: h,
-    onBlockParticipantClick: g,
+    onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: b = !0,
+    showBlockParticipant: v = !0,
     showReportParticipant: _ = !0,
-    composerDisabled: v = !1,
-    composerDisabledReason: f,
-    dmAgentEnabled: N,
-    messageMetadata: x,
-    onMessageSent: I,
-    showStarButton: R = !1,
-    chatbotVotingEnabled: S = !1,
+    composerDisabled: b = !1,
+    composerDisabledReason: p,
+    dmAgentEnabled: x,
+    messageMetadata: N,
+    onMessageSent: E,
+    showStarButton: T = !1,
+    chatbotVotingEnabled: M = !1,
     renderChannelBanner: L,
     renderHeaderTitleBadges: D,
-    customChannelActions: $,
+    customChannelActions: P,
     renderChannelActions: z,
     renderMessage: y,
     onMessageLinkClick: A,
-    sendButton: C,
-    attachmentPreviewList: E,
-    viewerLanguage: T,
-    showChannelInfo: P = !0,
+    sendButton: I,
+    attachmentPreviewList: C,
+    viewerLanguage: S,
+    showChannelInfo: O = !0,
     onParticipantNameClick: F,
     composerInput: B
   }) => {
-    const X = W(
-      async (Y, w, M) => {
-        var ee;
-        const G = ((ee = e.data) == null ? void 0 : ee.chatbot_paused) === !0, V = N && !G, Q = {
+    const J = K(
+      async (q, w, R) => {
+        var Z;
+        const G = ((Z = e.data) == null ? void 0 : Z.chatbot_paused) === !0, H = x && !G, W = {
           ...w,
-          ...V && { silent: !0 },
-          ...x && {
+          ...H && { silent: !0 },
+          ...N && {
             metadata: {
               ...w.metadata ?? {},
-              ...x
+              ...N
             }
           }
         }, U = {
-          ...M,
-          ...V && { skip_push: !0 }
-        }, K = await e.sendMessage(Q, U);
-        return I == null || I(K), K;
+          ...R,
+          ...H && { skip_push: !0 }
+        }, Y = await e.sendMessage(W, U);
+        return E == null || E(Y), Y;
       },
-      [e, N, x, I]
-    ), Z = H(null);
-    return q(() => {
+      [e, x, N, E]
+    ), ee = V(null);
+    return X(() => {
       if (!A) return;
-      const Y = Z.current;
-      if (!Y) return;
-      const w = (M) => {
-        const G = M.target, V = G == null ? void 0 : G.closest("a[href]"), Q = V == null ? void 0 : V.getAttribute("href");
-        if (!Q) return;
-        const U = V == null ? void 0 : V.closest("[data-message-id]"), K = U == null ? void 0 : U.getAttribute("data-message-id"), ee = K ? e.state.messages.find((he) => he.id === K) : void 0;
-        A(Q, ee);
+      const q = ee.current;
+      if (!q) return;
+      const w = (R) => {
+        const G = R.target, H = G == null ? void 0 : G.closest("a[href]"), W = H == null ? void 0 : H.getAttribute("href");
+        if (!W) return;
+        const U = H == null ? void 0 : H.closest("[data-message-id]"), Y = U == null ? void 0 : U.getAttribute("data-message-id"), Z = Y ? e.state.messages.find((re) => re.id === Y) : void 0;
+        A(W, Z);
       };
-      return Y.addEventListener("click", w), () => Y.removeEventListener("click", w);
+      return q.addEventListener("click", w), () => q.removeEventListener("click", w);
     }, [A, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: Z,
+        ref: ee,
         className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(fn.Provider, { value: N ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(fn.Provider, { value: x ?? !1, children: /* @__PURE__ */ n(
           ds,
           {
             channel: e,
-            MessageSystem: nr,
+            MessageSystem: sr,
             EmptyStateIndicator: u,
             LoadingIndicator: Le,
-            DateSeparator: ea,
-            TypingIndicator: ar,
-            doSendMessageRequest: X,
-            ...C ? { SendButton: C } : {},
-            ...E ? { AttachmentPreviewList: E } : {},
+            DateSeparator: ta,
+            TypingIndicator: rr,
+            doSendMessageRequest: J,
+            ...I ? { SendButton: I } : {},
+            ...C ? { AttachmentPreviewList: C } : {},
             children: /* @__PURE__ */ n(
-              cr,
+              dr,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2791,24 +2800,24 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onLeaveConversation: l,
                 onBlockParticipant: o,
                 CustomChannelEmptyState: u,
-                showDeleteConversation: p,
+                showDeleteConversation: g,
                 onDeleteConversationClick: h,
-                onBlockParticipantClick: g,
+                onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: b,
+                showBlockParticipant: v,
                 showReportParticipant: _,
-                composerDisabled: v,
-                composerDisabledReason: f,
-                showStarButton: R,
-                dmAgentEnabled: N,
-                chatbotVotingEnabled: S,
+                composerDisabled: b,
+                composerDisabledReason: p,
+                showStarButton: T,
+                dmAgentEnabled: x,
+                chatbotVotingEnabled: M,
                 renderChannelBanner: L,
                 renderHeaderTitleBadges: D,
-                customChannelActions: $,
+                customChannelActions: P,
                 renderChannelActions: z,
                 renderMessage: y,
-                viewerLanguage: T,
-                showChannelInfo: P,
+                viewerLanguage: S,
+                showChannelInfo: O,
                 onParticipantNameClick: F,
                 composerInput: B
               }
@@ -2835,7 +2844,7 @@ const we = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 we.displayName = "ErrorState";
-const Pi = ({
+const Oi = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2846,53 +2855,53 @@ const Pi = ({
   CustomChannelEmptyState: o,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
-  dmAgentEnabled: p,
+  dmAgentEnabled: g,
   onMessageSent: h,
-  chatbotVotingEnabled: g = !1,
+  chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: b,
+  renderHeaderTitleBadges: v,
   renderChannelBanner: _,
-  customChannelActions: v,
-  renderChannelActions: f,
-  onParticipantNameClick: N,
-  renderMessage: x,
-  onMessageLinkClick: I,
-  showChannelInfo: R,
-  composerInput: S
+  customChannelActions: b,
+  renderChannelActions: p,
+  onParticipantNameClick: x,
+  renderMessage: N,
+  onMessageLinkClick: E,
+  showChannelInfo: T,
+  composerInput: M
 }) => {
   const {
     client: L,
     isConnected: D,
-    isLoading: $,
+    isLoading: P,
     error: z,
     refreshConnection: y,
     service: A,
-    debug: C
-  } = js(), [E, T] = O(null), [P, F] = O(null), [B, X] = O(!1), { showDeleteConversation: Z = !0 } = e, Y = H(l);
-  Y.current = l;
-  const w = H(a);
+    debug: I
+  } = js(), [C, S] = $(null), [O, F] = $(null), [B, J] = $(!1), { showDeleteConversation: ee = !0 } = e, q = V(l);
+  q.current = l;
+  const w = V(a);
   w.current = a;
-  const M = H(null), G = H(null);
-  q(() => {
-    G.current = E;
-  }, [E]), q(() => {
+  const R = V(null), G = V(null);
+  X(() => {
+    G.current = C;
+  }, [C]), X(() => {
     if (!L || !D) return;
     const U = L.userID;
     if (!U) return;
-    const K = `${U}::${i}`;
-    if (M.current === K) return;
-    M.current = K;
-    const ee = () => {
-      M.current === K && (M.current = null);
+    const Y = `${U}::${i}`;
+    if (R.current === Y) return;
+    R.current = Y;
+    const Z = () => {
+      R.current === Y && (R.current = null);
     };
     (async () => {
-      var fe, ge;
+      var ge, pe;
       try {
-        C && console.log(
+        I && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const J = await L.queryChannels(
+        const Q = await L.queryChannels(
           {
             type: "messaging",
             members: { $eq: [U, i] }
@@ -2900,87 +2909,87 @@ const Pi = ({
           {},
           { limit: 1 }
         );
-        if (J.length > 0) {
-          T(J[0]), F(null), (fe = w.current) == null || fe.call(w, J[0]), C && console.log(
+        if (Q.length > 0) {
+          S(Q[0]), F(null), (ge = w.current) == null || ge.call(w, Q[0]), I && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            J[0].id
+            Q[0].id
           );
           return;
         }
-        const te = Y.current;
+        const te = q.current;
         if (!te || !A) {
-          ee(), F("No conversation found with this account"), C && console.log(
+          Z(), F("No conversation found with this account"), I && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const le = await A.startChannelWithParticipant({
+          const oe = await A.startChannelWithParticipant({
             id: te.id,
             name: te.name,
             phone: te.phone
           });
-          T(le), F(null), (ge = w.current) == null || ge.call(w, le), C && console.log(
+          S(oe), F(null), (pe = w.current) == null || pe.call(w, oe), I && console.log(
             "[MessagingShell] Channel created and loaded:",
-            le.id
+            oe.id
           );
-        } catch (le) {
+        } catch (oe) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            le
-          ), ee(), F("Failed to create conversation");
+            oe
+          ), Z(), F("Failed to create conversation");
         }
-      } catch (J) {
+      } catch (Q) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          J
-        ), ee(), G.current || F("Failed to load conversation");
+          Q
+        ), Z(), G.current || F("Failed to load conversation");
       }
     })();
-  }, [i, L, D, A, C]);
-  const V = H(r);
-  V.current = r;
-  const Q = W(() => {
+  }, [i, L, D, A, I]);
+  const H = V(r);
+  H.current = r;
+  const W = K(() => {
     var U;
-    T(null), X(!0), (U = V.current) == null || U.call(V);
+    S(null), J(!0), (U = H.current) == null || U.call(H);
   }, []);
-  return $ ? /* @__PURE__ */ n(Le, {}) : z ? /* @__PURE__ */ n(we, { message: z, onBack: y }) : !D || !L ? /* @__PURE__ */ n(
+  return P ? /* @__PURE__ */ n(Le, {}) : z ? /* @__PURE__ */ n(we, { message: z, onBack: y }) : !D || !L ? /* @__PURE__ */ n(
     we,
     {
       message: "Not connected to messaging service",
       onBack: y
     }
-  ) : P ? /* @__PURE__ */ n(we, { message: P }) : B && !E ? /* @__PURE__ */ n(we, { 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(we, { message: O }) : B && !C ? /* @__PURE__ */ n(we, { message: "Conversation ended" }) : C ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     gn,
     {
-      channel: E,
+      channel: C,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: _,
-      onLeaveConversation: Q,
-      onBlockParticipant: Q,
+      onLeaveConversation: W,
+      onBlockParticipant: W,
       CustomChannelEmptyState: o,
-      showDeleteConversation: Z,
+      showDeleteConversation: ee,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
-      dmAgentEnabled: p,
+      dmAgentEnabled: g,
       onMessageSent: h,
-      chatbotVotingEnabled: g,
+      chatbotVotingEnabled: f,
       viewerLanguage: c,
-      renderHeaderTitleBadges: b,
-      customChannelActions: v,
-      renderChannelActions: f,
-      onParticipantNameClick: N,
-      renderMessage: x,
-      onMessageLinkClick: I,
-      showChannelInfo: R,
-      composerInput: S
+      renderHeaderTitleBadges: v,
+      customChannelActions: b,
+      renderChannelActions: p,
+      onParticipantNameClick: x,
+      renderMessage: N,
+      onMessageLinkClick: E,
+      showChannelInfo: T,
+      composerInput: M
     },
-    E.id
+    C.id
   ) }) }) : /* @__PURE__ */ n(Le, {});
 };
-function dr(e) {
+function ur(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
@@ -2994,18 +3003,18 @@ const pn = j.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), ur = pn.Provider, mr = () => j.useContext(pn), hr = (e, t) => {
+}), mr = pn.Provider, hr = () => j.useContext(pn), fr = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, fr = (e) => {
+}, gr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = hr(e, t);
+  const a = fr(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -3017,7 +3026,7 @@ const pn = j.createContext({
   });
 }, bn = j.memo(
   (e) => {
-    var D, $, z;
+    var D, P, z;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -3025,66 +3034,66 @@ const pn = j.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = mr(), { client: u } = ce(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = nt(t);
+    } = hr(), { client: u } = de(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = nt(t);
     if (l)
       return /* @__PURE__ */ n(
         l,
         {
           ...e,
-          active: p,
+          active: g,
           selectedChannel: a,
           onChannelSelect: r,
           viewerLanguage: d
         }
       );
-    const g = () => {
+    const f = () => {
       t && r(t);
     }, c = (y) => {
-      const A = y.key === "Enter" || y.key === " ", C = y.repeat;
-      !A || C || (y.preventDefault(), g());
-    }, b = Oe(
+      const A = y.key === "Enter" || y.key === " ", I = y.repeat;
+      !A || I || (y.preventDefault(), f());
+    }, v = Oe(
       (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), _ = st(b == null ? void 0 : b.user), v = ($ = b == null ? void 0 : b.user) == null ? void 0 : $.image, f = (() => {
+    ), _ = st(v == null ? void 0 : v.user), b = (P = v == null ? void 0 : v.user) == null ? void 0 : P.image, p = (() => {
       var A;
       const y = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
       if (y != null && y.length) {
-        for (let C = y.length - 1; C >= 0; C--)
-          if (y[C].type !== "system") return y[C];
+        for (let I = y.length - 1; I >= 0; I--)
+          if (y[I].type !== "system") return y[I];
       }
-    })(), x = (() => {
-      var P, F, B, X;
+    })(), N = (() => {
+      var O, F, B, J;
       const y = tn({
-        message: f,
+        message: p,
         viewerLanguage: d
       });
-      if (((P = f == null ? void 0 : f.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_TIP") return y ? `💵 ${y}` : "💵 Sent a tip";
-      if (((F = f == null ? void 0 : f.metadata) == null ? void 0 : F.custom_type) === "MESSAGE_PAID") return y ? `💰 ${y}` : "💰 Sent a message";
-      if (((B = f == null ? void 0 : f.metadata) == null ? void 0 : B.custom_type) === "MESSAGE_ATTACHMENT")
+      if (((O = p == null ? void 0 : p.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_TIP") return y ? `💵 ${y}` : "💵 Sent a tip";
+      if (((F = p == null ? void 0 : p.metadata) == null ? void 0 : F.custom_type) === "MESSAGE_PAID") return y ? `💰 ${y}` : "💰 Sent a message";
+      if (((B = p == null ? void 0 : p.metadata) == null ? void 0 : B.custom_type) === "MESSAGE_ATTACHMENT")
         return y ? `📎 ${y}` : "📎 Sent an attachment";
       if (y) return y;
-      const T = (X = f == null ? void 0 : f.attachments) == null ? void 0 : X[0];
-      return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), I = f != null && f.created_at ? fr(new Date(f.created_at)) : "", R = f ? De(f) : !1, S = o ? o(f, x) : `${R ? "✨ " : ""}${x}`, L = s ?? 0;
+      const S = (J = p == null ? void 0 : p.attachments) == null ? void 0 : J[0];
+      return S ? S.og_scrape_url ? S.og_scrape_url : S.type === "image" ? "📷 Sent an image" : S.type === "video" ? "🎥 Sent a video" : S.type === "audio" ? "🎵 Sent audio" : S.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), E = p != null && p.created_at ? gr(new Date(p.created_at)) : "", T = p ? De(p) : !1, M = o ? o(p, N) : `${T ? "✨ " : ""}${N}`, L = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
-      isSelected: p,
+      isSelected: g,
       participantName: _,
       unreadCount: L,
-      hasTimestamp: !!I
+      hasTimestamp: !!E
     }), /* @__PURE__ */ n(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        onClick: g,
+        onClick: f,
         onKeyDown: c,
         className: k(
           "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]": p,
-            "hover:bg-black/[0.02]": !p
+            "bg-black/[0.04]": g,
+            "hover:bg-black/[0.02]": !g
           }
         ),
         "data-dd-privacy": "mask",
@@ -3092,9 +3101,9 @@ const pn = j.createContext({
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((z = b == null ? void 0 : b.user) == null ? void 0 : z.id) || t.id || "unknown",
+              id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || t.id || "unknown",
               name: _,
-              image: v,
+              image: b,
               size: 48,
               starred: h
             }
@@ -3113,10 +3122,10 @@ const pn = j.createContext({
                   ]
                 }
               ),
-              I && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: I })
+              E && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: E })
             ] }),
             /* @__PURE__ */ m("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: S }),
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: M }),
               L > 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: L > 99 ? "99+" : L })
             ] })
           ] })
@@ -3126,33 +3135,33 @@ const pn = j.createContext({
   }
 );
 bn.displayName = "CustomChannelPreview";
-const gr = { last_message_at: -1 }, pr = j.memo(
+const pr = { last_message_at: -1 }, br = j.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = gr,
+    sort: i = pr,
     className: l,
     customEmptyStateIndicator: o,
     channelListPaginator: d = gs,
     channelPreview: u,
-    renderMessagePreview: p,
+    renderMessagePreview: g,
     viewerLanguage: h
   }) => {
-    const g = j.useRef(0);
-    g.current++;
-    const { debug: c = !1 } = tt(), b = j.useCallback(
-      (v) => {
-        for (const f of v)
-          dr(f);
-        return r ? r(v) : v;
+    const f = j.useRef(0);
+    f.current++;
+    const { debug: c = !1 } = tt(), v = j.useCallback(
+      (b) => {
+        for (const p of b)
+          ur(p);
+        return r ? r(b) : b;
       },
       [r]
     );
     c && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: g.current,
+      renderCount: f.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
@@ -3162,7 +3171,7 @@ const gr = { last_message_at: -1 }, pr = j.memo(
         onChannelSelect: e,
         debug: c,
         channelPreview: u,
-        renderMessagePreview: p,
+        renderMessagePreview: g,
         viewerLanguage: h
       }),
       [
@@ -3170,7 +3179,7 @@ const gr = { last_message_at: -1 }, pr = j.memo(
         e,
         c,
         u,
-        p,
+        g,
         h
       ]
     );
@@ -3181,14 +3190,14 @@ const gr = { last_message_at: -1 }, pr = j.memo(
           "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(ur, { value: _, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(mr, { value: _, children: /* @__PURE__ */ n(
           fs,
           {
             filters: s,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: b,
+            channelRenderFilterFn: v,
             Paginator: d,
             Preview: bn,
             EmptyStateIndicator: o
@@ -3199,26 +3208,26 @@ const gr = { last_message_at: -1 }, pr = j.memo(
     );
   }
 );
-pr.displayName = "ChannelList";
-const br = /^([a-z][a-z0-9+.-]*):/i, vr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+br.displayName = "ChannelList";
+const vr = /^([a-z][a-z0-9+.-]*):/i, xr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function dt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = br.exec(t);
+  const s = vr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return vr.has(a) ? t : void 0;
+    return xr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const xr = {
+const wr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, wr = ({ variant: e, cta: t }) => {
+}, _r = ({ variant: e, cta: t }) => {
   const s = k(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    xr[e]
+    wr[e]
   ), a = dt(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -3245,10 +3254,10 @@ const xr = {
       children: t.label
     }
   );
-}, _r = {
+}, Nr = {
   dark: "text-white",
   light: "text-black/90"
-}, Nr = "text-white/30", yr = {
+}, yr = "text-white/30", kr = {
   dark: "text-white/55",
   light: "text-black/55"
 }, ut = ({
@@ -3261,30 +3270,30 @@ const xr = {
   cta: l,
   trailingAction: o
 }) => {
-  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", p = u.trim() !== "", h = a != null && a.trim() !== "", g = typeof r == "string" ? r.trim() : "", c = g !== "", b = l != null;
-  if (!p && !h && !c && !b) return null;
-  const v = k(
+  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", h = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", v = l != null;
+  if (!g && !h && !c && !v) return null;
+  const b = k(
     "truncate text-base font-medium leading-6",
-    d && !t ? Nr : _r[e]
-  ), f = k(
+    d && !t ? yr : Nr[e]
+  ), p = k(
     "truncate text-xs leading-4",
-    yr[e]
+    kr[e]
   );
   return /* @__PURE__ */ m("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ m("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
         /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-col gap-1", children: [
-          p && /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2", children: [
+          g && /* @__PURE__ */ m("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", v), children: u })
+            /* @__PURE__ */ n("p", { className: k("min-w-0", b), children: u })
           ] }),
-          h && /* @__PURE__ */ n("p", { className: f, children: a })
+          h && /* @__PURE__ */ n("p", { className: p, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: f, children: g })
+        !v && c && /* @__PURE__ */ n("p", { className: p, children: f })
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
-    l && /* @__PURE__ */ n(wr, { variant: e, cta: l })
+    l && /* @__PURE__ */ n(_r, { variant: e, cta: l })
   ] });
 }, Cr = k(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
@@ -3304,7 +3313,7 @@ const xr = {
   bgClassName: o,
   "data-testid": d
 }) => {
-  const u = s != null || a != null, p = k(
+  const u = s != null || a != null, g = k(
     Cr,
     o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
@@ -3321,7 +3330,7 @@ const xr = {
       rel: "noopener noreferrer",
       onClick: a,
       "data-testid": d,
-      className: p,
+      className: g,
       children: [
         t,
         h
@@ -3335,7 +3344,7 @@ const xr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: k(p, "text-left"),
+      className: k(g, "text-left"),
       children: [
         t,
         h
@@ -3346,22 +3355,22 @@ const xr = {
     {
       ref: i,
       "data-testid": d,
-      className: p,
+      className: g,
       children: [
         t,
         h
       ]
     }
   );
-}, kr = {
+}, Er = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Er = {
+}, Ir = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, $e = (e, t) => !!t && !!e && ie(e) === "audio", vn = (e, t) => {
+}, $e = (e, t) => !!t && !!e && le(e) === "audio", vn = (e, t) => {
   if (!t || !e) return !1;
-  const s = ie(e);
+  const s = le(e);
   return s === "video" || s === "audio";
 }, mt = "bg-[#F2F3F4]", Fe = ({
   variant: e,
@@ -3372,7 +3381,7 @@ const xr = {
   topLeft: i,
   topRight: l
 }) => {
-  const o = ie(r), d = !!s && o === "video";
+  const o = le(r), d = !!s && o === "video";
   return $e(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3414,10 +3423,10 @@ const xr = {
           {
             className: k(
               "flex h-full w-full items-center justify-center",
-              kr[e]
+              Er[e]
             ),
-            children: me(r, {
-              className: Er[e],
+            children: fe(r, {
+              className: Ir[e],
               weight: "regular"
             })
           }
@@ -3427,7 +3436,7 @@ const xr = {
       ]
     }
   );
-}, Ir = ({
+}, Sr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3438,14 +3447,14 @@ const xr = {
   layout: o = "featured",
   appIcon: d,
   cta: u,
-  onDismiss: p,
+  onDismiss: g,
   onEditClick: h
 }) => {
-  const g = o === "classic", c = $e(r, l), b = p ? /* @__PURE__ */ n(
+  const f = o === "classic", c = $e(r, l), v = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: p,
+      onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
       children: /* @__PURE__ */ n(Pe, { className: "size-3", weight: "bold" })
@@ -3470,14 +3479,14 @@ const xr = {
         mimeType: r
       }
     ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
+    v && /* @__PURE__ */ n("div", { className: "shrink-0", children: v })
   ] }) }) : /* @__PURE__ */ m(
     ze,
     {
       variant: "dark",
-      topRight: g ? b : void 0,
+      topRight: f ? v : void 0,
       children: [
-        !g && /* @__PURE__ */ n(
+        !f && /* @__PURE__ */ n(
           Fe,
           {
             variant: "dark",
@@ -3485,7 +3494,7 @@ const xr = {
             sourceUrl: l,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: v
           }
         ),
         /* @__PURE__ */ n(
@@ -3504,7 +3513,7 @@ const xr = {
       ]
     }
   );
-}, Sr = ({
+}, Tr = ({
   title: e,
   description: t,
   url: s,
@@ -3516,21 +3525,21 @@ const xr = {
   cta: d,
   onClick: u
 }) => {
-  const p = vn(a, i), h = dt(s), g = d == null && h != null && !p ? h : void 0, c = d == null && !p ? u : void 0, b = $e(a, i) ? mt : void 0, _ = d && u ? {
+  const g = vn(a, i), h = dt(s), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? u : void 0, v = $e(a, i) ? mt : void 0, _ = d && u ? {
     ...d,
     onClick: () => {
-      var v;
-      u(), (v = d.onClick) == null || v.call(d);
+      var b;
+      u(), (b = d.onClick) == null || b.call(d);
     }
   } : d;
   return /* @__PURE__ */ m(
     ze,
     {
       variant: "light",
-      href: g,
+      href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: v,
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ n(
@@ -3557,7 +3566,7 @@ const xr = {
       ]
     }
   );
-}, Tr = ({
+}, Ar = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3568,15 +3577,15 @@ const xr = {
   layout: o = "featured",
   appIcon: d,
   cta: u,
-  onClick: p
+  onClick: g
 }) => {
-  const h = vn(r, l), g = dt(a), c = u == null && g != null && !h ? g : void 0, b = u == null && !h && c != null ? p : void 0;
+  const h = vn(r, l), f = dt(a), c = u == null && f != null && !h ? f : void 0, v = u == null && !h && c != null ? g : void 0;
   return /* @__PURE__ */ m(
     ze,
     {
       variant: "dark",
       href: c,
-      onClick: b,
+      onClick: v,
       bgClassName: $e(r, l) ? mt : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -3604,20 +3613,20 @@ const xr = {
       ]
     }
   );
-}, Oi = {
-  Composer: Ir,
-  Sent: Tr,
-  Received: Sr
-}, Ar = {
+}, $i = {
+  Composer: Sr,
+  Sent: Ar,
+  Received: Tr
+}, Mr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, Mr = {
+}, Rr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, Rr = {
+}, Dr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Dr = (e) => e === "dark" ? "sender" : "receiver", Lr = {
+}, Lr = (e) => e === "dark" ? "sender" : "receiver", zr = {
   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]",
@@ -3639,7 +3648,7 @@ const xr = {
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = Lr[Dr(e)][a];
+  const o = t != null && t !== "", d = zr[Lr(e)][a];
   return /* @__PURE__ */ m(
     "div",
     {
@@ -3654,10 +3663,10 @@ const xr = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Ar[e],
         Mr[e],
+        Rr[e],
         s && "border",
-        s && Rr[e],
+        s && Dr[e],
         r
       ),
       children: [
@@ -3700,16 +3709,16 @@ const xr = {
     ),
     children: /* @__PURE__ */ n(Pe, { className: "size-3", weight: "bold" })
   }
-), Se = (e) => e === "received" ? "light" : "dark", $i = ({
+), Se = (e) => e === "received" ? "light" : "dark", ji = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", zr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Fr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Fr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Pr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3732,10 +3741,10 @@ const xr = {
   preload: o,
   onDismiss: d
 }) => {
-  const u = Se(e), p = e === "composer" && !!d, h = zr({ src: t, mimeType: s, filename: a, items: r });
+  const u = Se(e), g = e === "composer" && !!d, h = Fr({ src: t, mimeType: s, filename: a, items: r });
   if (h.length === 0)
     return null;
-  const g = o ?? (h.length > 1 ? "none" : "metadata");
+  const f = o ?? (h.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
     Ee,
     {
@@ -3743,30 +3752,30 @@ const xr = {
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: h.map((c, b) => /* @__PURE__ */ n(
-        Fr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: h.map((c, v) => /* @__PURE__ */ n(
+        Pr,
         {
           item: c,
-          preload: g,
+          preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            p && b === 0 ? /* @__PURE__ */ n(Ie, { onClick: d, variant: "inline" }) : void 0
+            g && v === 0 ? /* @__PURE__ */ n(Ie, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${b}`
+        `${c.src}-${v}`
       )) })
     }
   );
-}, Pr = (e) => /* @__PURE__ */ n(ht, { ...e, state: "composer" }), Or = (e) => /* @__PURE__ */ n(ht, { ...e, state: "sent" }), $r = (e) => /* @__PURE__ */ n(ht, { ...e, state: "received" }), jr = {
-  Composer: Pr,
-  Sent: Or,
-  Received: $r
+}, Or = (e) => /* @__PURE__ */ n(ht, { ...e, state: "composer" }), $r = (e) => /* @__PURE__ */ n(ht, { ...e, state: "sent" }), jr = (e) => /* @__PURE__ */ n(ht, { ...e, state: "received" }), Br = {
+  Composer: Or,
+  Sent: $r,
+  Received: jr
 };
-function Br(e) {
+function Ur(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Ur = {
+const Vr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3776,7 +3785,7 @@ const Ur = {
   text: "TXT",
   markdown: "MD"
 };
-function Vr(e, t) {
+function Gr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3785,8 +3794,8 @@ function Vr(e, t) {
     }
   }
   if (!e) return;
-  if (ie(e) === "document") {
-    const r = an(e), i = Ur[r];
+  if (le(e) === "document") {
+    const r = an(e), i = Vr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3794,8 +3803,8 @@ function Vr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Gr(e, t, s) {
-  const a = Vr(e, t), r = typeof s == "number" && s > 0 ? Br(s) : void 0;
+function Hr(e, t, s) {
+  const a = Gr(e, t), r = typeof s == "number" && s > 0 ? Ur(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ae(e) {
@@ -3806,13 +3815,13 @@ function ae(e) {
     return "download";
   }
 }
-const Hr = {
+const Yr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Yr = {
+}, qr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, qr = {
+}, Wr = {
   dark: "text-white/85",
   light: "text-black/85"
 }, xn = ({
@@ -3825,16 +3834,16 @@ const Hr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = s ?? t ?? "File", u = Gr(a, t, r), p = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = Hr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
       className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Yr[e]
+        qr[e]
       ),
       "aria-hidden": !0,
-      children: me(a, {
-        className: k("size-6", qr[e]),
+      children: fe(a, {
+        className: k("size-6", Wr[e]),
         weight: "regular"
       })
     }
@@ -3845,12 +3854,12 @@ const Hr = {
       {
         className: k(
           "truncate text-xs leading-4",
-          Hr[e]
+          Yr[e]
         ),
         children: u
       }
     ) : null
-  ] }), g = i ? /* @__PURE__ */ m(
+  ] }), f = i ? /* @__PURE__ */ m(
     "button",
     {
       type: "button",
@@ -3861,16 +3870,16 @@ const Hr = {
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
       children: [
-        p,
+        g,
         h
       ]
     }
   ) : /* @__PURE__ */ m(se, { children: [
-    p,
+    g,
     h
   ] });
   return /* @__PURE__ */ m("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-    g,
+    f,
     o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
   ] });
 };
@@ -3888,14 +3897,14 @@ async function wn(e, t) {
     }
   }
 }
-const Wr = ({
+const Xr = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Xr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Kr = ({
   variant: e,
   item: t,
   index: s,
@@ -3927,21 +3936,21 @@ const Wr = ({
   text: o,
   groupPosition: d,
   onClick: u,
-  onDismiss: p
+  onDismiss: g
 }) => {
-  const h = Se(e), g = e === "composer" && !!p, c = Wr({
+  const h = Se(e), f = e === "composer" && !!g, c = Xr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: l
-  }), b = (v) => {
-    if ((u == null ? void 0 : u(v)) === !1) return;
-    const f = c[v];
-    if (!f) return;
-    const N = f.filename ?? ae(f.src);
-    wn(f.src, N);
+  }), v = (b) => {
+    if ((u == null ? void 0 : u(b)) === !1) return;
+    const p = c[b];
+    if (!p) return;
+    const x = p.filename ?? ae(p.src);
+    wn(p.src, x);
   };
   if (c.length === 0)
     return null;
@@ -3963,23 +3972,23 @@ const Wr = ({
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, f) => /* @__PURE__ */ n(
-        Xr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((b, p) => /* @__PURE__ */ n(
+        Kr,
         {
           variant: h,
-          item: v,
-          index: f,
-          onActivate: b,
-          trailingAction: g && f === 0 ? /* @__PURE__ */ n(Ie, { onClick: p, variant: "inline" }) : _
+          item: b,
+          index: p,
+          onActivate: v,
+          trailingAction: f && p === 0 ? /* @__PURE__ */ n(Ie, { onClick: g, variant: "inline" }) : _
         },
-        `${v.src}-${f}`
+        `${b.src}-${p}`
       )) })
     }
   );
-}, Kr = (e) => /* @__PURE__ */ n(ft, { ...e, state: "composer" }), Jr = (e) => /* @__PURE__ */ n(ft, { ...e, state: "sent" }), Zr = (e) => /* @__PURE__ */ n(ft, { ...e, state: "received" }), Qr = {
-  Composer: Kr,
-  Sent: Jr,
-  Received: Zr
+}, Jr = (e) => /* @__PURE__ */ n(ft, { ...e, state: "composer" }), Zr = (e) => /* @__PURE__ */ n(ft, { ...e, state: "sent" }), Qr = (e) => /* @__PURE__ */ n(ft, { ...e, state: "received" }), ei = {
+  Composer: Jr,
+  Sent: Zr,
+  Received: Qr
 }, gt = ({
   onPrev: e,
   onNext: t,
@@ -4003,7 +4012,7 @@ const Wr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(ue, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(me, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), _n = ({
@@ -4015,7 +4024,7 @@ const Wr = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = O(!1), u = W(
+  const [o, d] = $(!1), u = K(
     (c) => {
       c.stopPropagation(), !o && (d(!0), wn(e, t).catch(() => {
       }).finally(() => {
@@ -4023,7 +4032,7 @@ const Wr = ({
       }));
     },
     [o, e, t, l]
-  ), p = r ?? s !== "pill", g = { className: k(
+  ), g = r ?? s !== "pill", f = { className: k(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -4073,7 +4082,7 @@ const Wr = ({
       type: "button",
       onClick: u,
       disabled: o,
-      "aria-label": p ? a : void 0,
+      "aria-label": g ? a : void 0,
       className: k(
         "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"
@@ -4086,8 +4095,8 @@ const Wr = ({
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(Ne, { ...g, "aria-hidden": !0 }),
-        p ? null : a
+        ) : /* @__PURE__ */ n(Ne, { ...f, "aria-hidden": !0 }),
+        g ? null : a
       ]
     }
   );
@@ -4096,23 +4105,23 @@ const Wr = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = qe(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
-  q(() => {
+  const a = qe(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
+  X(() => {
     s && i(qe(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), q(() => {
+  }, [s, t, e]), X(() => {
     i((d) => qe(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = W(() => {
+  const l = K(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = W(() => {
+  }, [e]), o = K(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return q(() => {
+  return X(() => {
     if (!s || e <= 1) return;
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
-      const p = document.activeElement;
-      p && (p.tagName === "VIDEO" || p.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? l() : o());
+      const g = document.activeElement;
+      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? l() : o());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, l, o]), { index: r, prev: l, next: o };
@@ -4125,9 +4134,9 @@ const Wr = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = H(null), d = H(null);
-  return q(() => {
-    var g;
+  const o = V(null), d = V(null);
+  return X(() => {
+    var f;
     const h = o.current;
     if (h) {
       if (e) {
@@ -4141,7 +4150,7 @@ const Wr = ({
           else
             h.setAttribute("open", "");
         const c = typeof document < "u" ? document.activeElement : null;
-        return (g = d.current) == null || g.focus(), () => {
+        return (f = d.current) == null || f.focus(), () => {
           if (h.open)
             if (typeof h.close == "function")
               try {
@@ -4216,7 +4225,7 @@ const Wr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = re(
+  }), o = t[r], d = ie(
     () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "image"),
     [o]
   );
@@ -4262,7 +4271,7 @@ const Wr = ({
       ]
     }
   ) : null;
-}, ei = "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", yn = ({
+}, ti = "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", yn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -4270,8 +4279,8 @@ const Wr = ({
 }) => {
   const r = e.length;
   if (r === 0) return null;
-  const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, u, p) => {
-    const h = k(ei, "h-full w-full");
+  const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, u, g) => {
+    const h = k(ti, "h-full w-full");
     return t ? /* @__PURE__ */ m(
       "button",
       {
@@ -4281,13 +4290,13 @@ const Wr = ({
         className: k(h, "cursor-zoom-in"),
         children: [
           d.content,
-          p
+          g
         ]
       },
       u
     ) : /* @__PURE__ */ m("div", { className: h, children: [
       d.content,
-      p
+      g
     ] }, u);
   };
   return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
@@ -4320,11 +4329,11 @@ const Wr = ({
         a
       ),
       children: i.map((d, u) => {
-        const p = l > 0 && u === i.length - 1;
+        const g = l > 0 && u === i.length - 1;
         return o(
           d,
           u,
-          p ? /* @__PURE__ */ m("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
+          g ? /* @__PURE__ */ m("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
             l
           ] }) : null
@@ -4333,14 +4342,14 @@ const Wr = ({
     }
   );
 }, Te = (e) => {
-  const [t, s] = O(!1), [a, r] = O(0), i = W(
+  const [t, s] = $(!1), [a, r] = $(0), i = K(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
     },
     [e]
-  ), l = W(() => s(!1), []);
+  ), l = K(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, ti = (e, t, s, a) => ({
+}, ni = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4355,15 +4364,15 @@ const Wr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), ni = ({
+}), si = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Cn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], kn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), si = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), ai = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Te(
     r
   );
@@ -4393,13 +4402,13 @@ const Wr = ({
       Nn,
       {
         open: l,
-        items: Cn([{ src: e, alt: t }], s),
+        items: kn([{ src: e, alt: t }], s),
         initialIndex: o,
         onClose: u
       }
     )
   ] });
-}, kn = ({
+}, Cn = ({
   state: e,
   src: t,
   alt: s,
@@ -4410,18 +4419,18 @@ const Wr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = ni({ src: t, alt: s, items: r }), p = Se(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: b } = Te(
+  const u = si({ src: t, alt: s, items: r }), g = Se(e), { viewerOpen: h, viewerIndex: f, handleActivate: c, closeViewer: v } = Te(
     d
   );
   if (u.length === 0)
     return null;
   const _ = u.map(
-    (v, f) => ti(v, f, u.length, o)
+    (b, p) => ni(b, p, u.length, o)
   );
   return /* @__PURE__ */ m(
     Ee,
     {
-      variant: p,
+      variant: g,
       text: i,
       groupPosition: l,
       "data-testid": "image-attachment",
@@ -4431,19 +4440,19 @@ const Wr = ({
           Nn,
           {
             open: h,
-            items: Cn(u, a),
-            initialIndex: g,
-            onClose: b
+            items: kn(u, a),
+            initialIndex: f,
+            onClose: v
           }
         )
       ]
     }
   );
-}, ai = (e) => /* @__PURE__ */ n(si, { ...e }), ri = (e) => /* @__PURE__ */ n(kn, { ...e, state: "sent" }), ii = (e) => /* @__PURE__ */ n(kn, { ...e, state: "received" }), li = {
-  Composer: ai,
-  Sent: ri,
-  Received: ii
-}, oi = ({
+}, ri = (e) => /* @__PURE__ */ n(ai, { ...e }), ii = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), oi = {
+  Composer: ri,
+  Sent: ii,
+  Received: li
+}, ci = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4453,11 +4462,11 @@ const Wr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = re(
+  }), o = t[r], d = ie(
     () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "document"),
     [o]
-  ), u = re(
-    () => o ? ci(o.src) : void 0,
+  ), u = ie(
+    () => o ? di(o.src) : void 0,
     [o]
   );
   return !o || !u ? null : /* @__PURE__ */ m(
@@ -4491,16 +4500,16 @@ const Wr = ({
       ]
     }
   );
-}, ci = (e) => {
+}, di = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, di = ({
+}, ui = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ui = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], mi = ({
   variant: e,
   item: t,
   index: s,
@@ -4533,51 +4542,51 @@ const Wr = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const p = Se(e), h = di({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: _ } = Te(
+  const g = Se(e), h = ui({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: _ } = Te(
     d
-  ), v = e === "composer" && !!u;
+  ), b = e === "composer" && !!u;
   if (h.length === 0)
     return null;
-  const f = h.map((N) => ({
-    src: N.src,
-    filename: N.filename ?? ae(N.src)
+  const p = h.map((x) => ({
+    src: x.src,
+    filename: x.filename ?? ae(x.src)
   }));
   return /* @__PURE__ */ m(
     Ee,
     {
-      variant: p,
+      variant: g,
       text: l,
       groupPosition: o,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: h.map((N, x) => {
-          const I = N.filename ?? ae(N.src), R = v && x === 0 ? /* @__PURE__ */ n(Ie, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: h.map((x, N) => {
+          const E = x.filename ?? ae(x.src), T = b && N === 0 ? /* @__PURE__ */ n(Ie, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             _n,
             {
-              url: N.src,
-              filename: I,
+              url: x.src,
+              filename: E,
               variant: "inline",
-              label: `Download ${I}`,
-              tone: p
+              label: `Download ${E}`,
+              tone: g
             }
           );
           return /* @__PURE__ */ n(
-            ui,
+            mi,
             {
-              variant: p,
-              item: N,
-              index: x,
-              onActivate: b,
-              trailingAction: R
+              variant: g,
+              item: x,
+              index: N,
+              onActivate: v,
+              trailingAction: T
             },
-            `${N.src}-${x}`
+            `${x.src}-${N}`
           );
         }) }),
         /* @__PURE__ */ n(
-          oi,
+          ci,
           {
-            open: g,
-            items: f,
+            open: f,
+            items: p,
             initialIndex: c,
             onClose: _
           }
@@ -4585,10 +4594,10 @@ const Wr = ({
       ]
     }
   );
-}, mi = (e) => /* @__PURE__ */ n(vt, { ...e, state: "composer" }), hi = (e) => /* @__PURE__ */ n(vt, { ...e, state: "sent" }), fi = (e) => /* @__PURE__ */ n(vt, { ...e, state: "received" }), gi = {
-  Composer: mi,
-  Sent: hi,
-  Received: fi
+}, hi = (e) => /* @__PURE__ */ n(vt, { ...e, state: "composer" }), fi = (e) => /* @__PURE__ */ n(vt, { ...e, state: "sent" }), gi = (e) => /* @__PURE__ */ n(vt, { ...e, state: "received" }), pi = {
+  Composer: hi,
+  Sent: fi,
+  Received: gi
 }, En = ({
   open: e,
   items: t,
@@ -4599,7 +4608,7 @@ const Wr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = re(
+  }), o = t[r], d = ie(
     () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "video"),
     [o]
   );
@@ -4639,7 +4648,7 @@ const Wr = ({
       ]
     }
   ) : null;
-}, pi = () => /* @__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(Xe, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), In = ({
+}, bi = () => /* @__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(Xe, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), In = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ m("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4661,11 +4670,11 @@ const Wr = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(pi, {})
-] }), bi = (e, t, s) => ({
+  /* @__PURE__ */ n(bi, {})
+] }), vi = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(In, { item: e, index: t })
-}), vi = ({
+}), xi = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -4677,8 +4686,8 @@ const Wr = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), xi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: p } = Te(
+})), wi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+  const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: g } = Te(
     i
   );
   return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
@@ -4702,7 +4711,7 @@ const Wr = ({
           a
         ),
         initialIndex: d,
-        onClose: p
+        onClose: g
       }
     )
   ] });
@@ -4718,13 +4727,13 @@ const Wr = ({
   preload: d,
   onClick: u
 }) => {
-  const p = vi({ src: t, poster: s, mimeType: a, preload: d, items: i }), h = Se(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: _ } = Te(
+  const g = xi({ src: t, poster: s, mimeType: a, preload: d, items: i }), h = Se(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: _ } = Te(
     u
   );
-  if (p.length === 0)
+  if (g.length === 0)
     return null;
-  const v = p.map(
-    (f, N) => bi(f, N, p.length)
+  const b = g.map(
+    (p, x) => vi(p, x, g.length)
   );
   return /* @__PURE__ */ m(
     Ee,
@@ -4737,16 +4746,16 @@ const Wr = ({
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
           yn,
           {
-            tiles: v,
-            onTileActivate: b,
+            tiles: b,
+            onTileActivate: v,
             className: "overflow-hidden rounded-md"
           }
         ) }),
         /* @__PURE__ */ n(
           En,
           {
-            open: g,
-            items: Sn(p, r),
+            open: f,
+            items: Sn(g, r),
             initialIndex: c,
             onClose: _
           }
@@ -4754,16 +4763,16 @@ const Wr = ({
       ]
     }
   );
-}, wi = (e) => /* @__PURE__ */ n(xi, { ...e }), _i = (e) => /* @__PURE__ */ n(Tn, { ...e, state: "sent" }), Ni = (e) => /* @__PURE__ */ n(Tn, { ...e, state: "received" }), yi = {
-  Composer: wi,
-  Sent: _i,
-  Received: Ni
-}, ji = {
-  Image: li,
-  Video: yi,
-  Audio: jr,
-  Pdf: gi,
-  File: Qr
+}, _i = (e) => /* @__PURE__ */ n(wi, { ...e }), Ni = (e) => /* @__PURE__ */ n(Tn, { ...e, state: "sent" }), yi = (e) => /* @__PURE__ */ n(Tn, { ...e, state: "received" }), ki = {
+  Composer: _i,
+  Sent: Ni,
+  Received: yi
+}, Bi = {
+  Image: oi,
+  Video: ki,
+  Audio: Br,
+  Pdf: pi,
+  File: ei
 }, Ci = ({
   question: e,
   onClick: t,
@@ -4786,7 +4795,7 @@ const Wr = ({
     ),
     children: e
   }
-), Bi = ({
+), Ui = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4830,39 +4839,39 @@ const Wr = ({
 };
 export {
   rn as A,
-  Fi as B,
-  ir as C,
-  Ta as D,
-  na as E,
-  Bi as F,
+  Pi as B,
+  lr as C,
+  Aa as D,
+  sa as E,
+  Ui as F,
   js as G,
-  Oi as L,
-  Li as M,
-  ve as a,
+  $i as L,
+  zi as M,
+  xe as a,
   ne as b,
-  pr as c,
+  br as c,
   gn as d,
-  zi as e,
+  Fi as e,
   Ci as f,
-  ie as g,
+  le as g,
   Gt as h,
-  ji as i,
-  za as j,
-  Di as k,
-  Pi as l,
-  Gr as m,
-  Br as n,
-  fr as o,
-  Vr as p,
+  Bi as i,
+  Fa as j,
+  Li as k,
+  Oi as l,
+  Hr as m,
+  Ur as n,
+  gr as o,
+  Gr as p,
   tn as q,
-  me as r,
+  fe as r,
   cn as s,
   Gs as t,
-  $i as u,
-  sa as v,
+  ji as u,
+  aa as v,
   Oe as w,
   lt as x,
   ot as y,
   st as z
 };
-//# sourceMappingURL=index-3vM1UOPb.js.map
+//# sourceMappingURL=index-gnuITMC7.js.map