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

package/dist/{index-B_WK4olk.js → index-gnuITMC7.js}

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as m, Fragment as se } from "react/jsx-runtime";
-import B, { createContext as Qe, useContext as ke, useCallback as X, useState as O, useRef as G, 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 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 ue, SparkleIcon as me, 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 C from "classnames";
+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({
   service: null,
@@ -24,10 +24,10 @@ const Qt = Qe({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var A, k;
-  const l = X(
-    (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 = G(!1), N = G(null), x = G(s);
-  x.current = s;
-  const I = G(i);
-  I.current = i;
-  const R = G({
+  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 = G(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 = G(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 ? ((k = L.current) == null ? void 0 : k.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 $ = G(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 U = F instanceof Error ? F.message : "Connection failed";
-        v(U), l("❌ USER CONNECTION ERROR", {
+        const B = F instanceof Error ? F.message : "Connection failed";
+        b(B), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: U
+          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 = X(async () => {
+  const z = K(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
       hasUser: !!t
@@ -151,21 +151,21 @@ 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 = B.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, t, l]), y = j.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!u,
     isConnected: h,
@@ -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,
@@ -323,7 +323,7 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: C(
+      className: k(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
       style: { fontSize: h, lineHeight: 1 },
@@ -333,7 +333,7 @@ const ne = ({
   return /* @__PURE__ */ m(
     "div",
     {
-      className: C(
+      className: k(
         "relative flex-shrink-0",
         a
       ),
@@ -357,20 +357,20 @@ const ne = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: C(
+            className: k(
               "h-full w-full",
               "bg-transparent"
             ),
             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 k = !1;
+    let I = !1;
     return (async () => {
       try {
-        const E = await h.getBlockedUsers();
-        if (k) 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) {
-        k || console.error(`[${p}] Failed to check blocked status:`, E);
+      } catch (C) {
+        I || console.error(`[${g}] Failed to check blocked status:`, C);
       } finally {
-        k || N({ participantId: c, service: h });
+        I || x({ participantId: c, service: h });
       }
     })(), () => {
-      k = !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 k;
-      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 = ((k = e._client) == null ? void 0 : k.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 k, E, T;
-      if (!(R || !h)) {
-        o == null || o(), g && console.log(`[${p}] Block member`, (k = t == null ? void 0 : t.user) == null ? void 0 : k.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 k, E, T;
-      if (!(R || !h)) {
-        o == null || o(), g && console.log(`[${p}] Unblock member`, (k = t == null ? void 0 : t.user) == null ? void 0 : k.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);
         }
       }
     },
@@ -472,7 +472,7 @@ const ne = ({
   "button",
   {
     type: "button",
-    className: C(
+    className: k(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -491,50 +491,50 @@ const ne = ({
   onDeleteConversationClick: o,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
-  customChannelActions: p,
+  customChannelActions: g,
   triggerClassName: h
 }) => {
-  const [g, c] = O(!1), b = G(null), _ = An(), v = X(() => 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,12 +542,12 @@ const ne = ({
         ]
       }
     ),
-    g && /* @__PURE__ */ n(
+    f && /* @__PURE__ */ n(
       "div",
       {
         id: _,
         "aria-label": "Conversation options",
-        className: C(
+        className: k(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -555,41 +555,41 @@ const ne = ({
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(
             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(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(
+          ) : 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(
             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" })
               ]
             }
@@ -598,12 +598,12 @@ const ne = ({
             /* @__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 = "Replies instantly with AI assistant", Zs = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ks, Qs = (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(Zs);
 }, ea = ({
@@ -617,43 +617,39 @@ 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 = B.useMemo(
+  var D, P, z;
+  const { channel: b } = ce(), { client: p } = de(), x = j.useMemo(
     () => {
-      var k;
+      var y;
       return Oe(
-        (k = f.state) == null ? void 0 : k.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 = Qs(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 (k) {
+      T ? await b.unpin() : await b.pin();
+    } catch (y) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        k
+        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-[minmax(40px,1fr)_auto_minmax(40px,1fr)] 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",
       {
-        className: C(
+        className: k(
           Ve,
           "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
         ),
@@ -669,54 +665,55 @@ 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 })
             ] })
-          ] }),
-          a && /* @__PURE__ */ m("span", { className: "mt-1 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-            /* @__PURE__ */ n(me, { className: "size-3 shrink-0 text-black/55" }),
-            /* @__PURE__ */ n("span", { children: Js })
           ] })
         ]
       }
@@ -726,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: C("size-5", {
-                "text-[#FFD60A]": S,
-                "text-black/90": !S
+              className: k("size-5", {
+                "text-[#FFD60A]": T,
+                "text-black/90": !T
               }),
-              weight: S ? "fill" : "regular"
+              weight: T ? "fill" : "regular"
             }
           )
         }
       ),
-      b && (c !== void 0 ? /* @__PURE__ */ n("div", { className: "pointer-events-auto", children: c }) : /* @__PURE__ */ n(
+      v && (c !== void 0 ? c : /* @__PURE__ */ n(
         Ke,
         {
-          channel: f,
+          channel: b,
           participant: x,
           showDeleteConversation: l,
           showBlockParticipant: o,
@@ -753,9 +750,9 @@ const ne = ({
           onLeaveConversation: r,
           onBlockParticipant: i,
           onDeleteConversationClick: u,
-          onBlockParticipantClick: p,
+          onBlockParticipantClick: g,
           onReportParticipantClick: h,
-          customChannelActions: g,
+          customChannelActions: f,
           triggerClassName: Ve
         }
       ))
@@ -766,10 +763,10 @@ 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 sa(e) {
-  const { channel: t } = oe(), { client: s } = ce("useMessageVote"), a = re(
+  const { channel: t } = ce(), { client: s } = de("useMessageVote"), a = ie(
     () => na(e.own_reactions),
     [e.own_reactions]
-  ), r = X(async () => {
+  ), r = K(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, Je) : await t.sendReaction(
@@ -779,7 +776,7 @@ function sa(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = X(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(
@@ -803,7 +800,7 @@ function tn({
   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 ra = B.lazy(() => import("./Card-D3YgpOVP.js")), ia = B.lazy(() => import("./Card-B_-HLzud.js")), la = B.lazy(() => import("./Card-FGxEeWr0.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)]",
@@ -819,7 +816,7 @@ const ra = B.lazy(() => import("./Card-D3YgpOVP.js")), ia = B.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) {
@@ -845,11 +842,11 @@ const ma = {
   generic: Kt
 };
 function fa(e) {
-  const t = ie(e);
+  const t = le(e);
   return t !== "document" ? ma[t] : ha[an(e)];
 }
-function he(e, t) {
-  return B.createElement(fa(e), t);
+function fe(e, t) {
+  return j.createElement(fa(e), t);
 }
 const ga = (e) => {
   var t, s;
@@ -866,66 +863,66 @@ const ga = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const p = ie(t), h = G(null), g = G(null), c = G(null), b = G(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), [k, E] = O(null), T = X(() => {
-    D(!1), v(!0);
-  }, []), P = X((w) => {
-    const M = g.current;
-    if (!M) return 0;
-    const j = 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, (ga(w) - j.left) / j.width)
+      Math.min(1, (ga(w) - G.left) / G.width)
     );
-  }, []), F = X((w) => {
-    const M = h.current;
-    M && M.duration && (M.currentTime = w * M.duration);
-  }, []), U = (w) => {
-    w.stopPropagation(), I(!0);
-    const M = P(w);
-    N(M), F(M);
+  }, []), F = K((w) => {
+    const R = h.current;
+    R && R.duration && (R.currentTime = w * R.duration);
+  }, []), B = (w) => {
+    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 = (j) => N(P(j)), M = (j) => {
-      I(!1), F(P(j));
+  }, [_]), 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 Z = k ? { aspectRatio: String(k) } : void 0, Q = k ? "" : " 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 ${Q}`,
-      style: Z,
+      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 !== " ")) {
@@ -933,11 +930,11 @@ const ga = (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,
@@ -945,11 +942,11 @@ const ga = (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: he(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,
@@ -964,7 +961,7 @@ const ga = (e) => {
             onWaiting: () => z(!0),
             onPlay: () => D(!1),
             onEnded: () => {
-              i || (v(!1), N(0));
+              i || (b(!1), x(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -985,15 +982,15 @@ const ga = (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",
@@ -1008,10 +1005,10 @@ const ga = (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" }) })
           }
@@ -1021,23 +1018,23 @@ const ga = (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: U,
-            onTouchStart: U,
+            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}%` }
               }
             ) })
           }
@@ -1048,7 +1045,7 @@ const ga = (e) => {
             {
               type: "button",
               onClick: (w) => {
-                w.stopPropagation(), v((M) => !M);
+                w.stopPropagation(), b((R) => !R);
               },
               className: "shrink-0 text-white",
               "aria-label": _ ? "Pause" : "Play",
@@ -1060,30 +1057,30 @@ const ga = (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: U,
-              onTouchStart: U,
+              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}%` }
                       }
                     )
                   }
@@ -1091,8 +1088,8 @@ const ga = (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}%` }
                   }
                 )
               ]
@@ -1111,7 +1108,7 @@ const ga = (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(
     pa,
     {
@@ -1159,7 +1156,7 @@ const ga = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: he(e, {
+      children: fe(e, {
         className: Ht(r),
         weight: "regular"
       })
@@ -1176,7 +1173,7 @@ const ga = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: he(e, {
+      children: fe(e, {
         className: Ht(r),
         weight: "regular"
       })
@@ -1193,18 +1190,18 @@ const ga = (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: C(
+      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,
@@ -1214,28 +1211,28 @@ const ga = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: C("mb-0.5 truncate text-base font-medium", {
-                "text-black": !g,
-                "text-white/30": g && b,
-                "text-white": g && !b
+              className: k("mb-0.5 truncate text-base font-medium", {
+                "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: [
-            he(r, {
-              className: C(
+            fe(r, {
+              className: k(
                 "size-5 shrink-0",
-                g ? "text-white/55" : "text-black/55"
+                f ? "text-white/55" : "text-black/55"
               ),
               weight: "regular"
             }),
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: C(
+                className: k(
                   "text-xs font-medium",
-                  g ? "text-white/55" : "text-black/55"
+                  f ? "text-white/55" : "text-black/55"
                 ),
                 children: i
               }
@@ -1270,7 +1267,7 @@ function Na(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const it = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ m(B.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ m(j.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1316,7 +1313,7 @@ const ka = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = O(!1);
+  const [s, a] = $(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1332,7 +1329,7 @@ const ka = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(_e, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(B.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(_e, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(j.Fragment, { children: [
         /* @__PURE__ */ n(Ne, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1340,24 +1337,24 @@ const ka = ({
   );
 };
 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 = ({
@@ -1395,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,
     {
@@ -1518,24 +1515,24 @@ const Ma = ({ 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(Ma, { 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
   ] }) });
 }, Fa = ({
@@ -1547,7 +1544,7 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -1561,7 +1558,7 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1583,67 +1580,67 @@ const Ma = ({ 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 } = Aa("LockedAttachment"), [L, D] = O(!1), $ = Fn(c.id), { selected: z, voteUp: y, voteDown: A } = sa(c), {
-    Attachment: k = 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: U = Bn,
-    MessageIsThreadReplyInChannelButtonIndicator: Z = Un,
-    MessageRepliesCountButton: Q = Vn,
-    ReminderNotification: Y = Gn,
+    MessageDeleted: B = Bn,
+    MessageIsThreadReplyInChannelButtonIndicator: J = Un,
+    MessageRepliesCountButton: ee = Vn,
+    ReminderNotification: q = Gn,
     StreamedMessageText: w = Hn,
-    PinIndicator: M
-  } = Wt("CustomMessage"), j = Yn(c), H = qn(c), K = re(
+    PinIndicator: R
+  } = Wt("CustomMessage"), G = Yn(c), H = qn(c), W = ie(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), V = re(() => {
+  ), 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]), W = re(() => {
-    const ve = tn({ message: c, viewerLanguage: v });
+  }, [c]), Y = ie(() => {
+    const ve = tn({ message: c, viewerLanguage: b });
     return ve === c.text ? c : { ...c, text: ve };
-  }, [c, v]);
+  }, [c, b]);
   if (Wn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(U, { message: c });
+    return /* @__PURE__ */ n(B, { message: c });
   if (Xn(c))
-    return /* @__PURE__ */ n(P, {});
-  const ee = !_ && !!c.reply_count, fe = !_ && c.show_in_channel && c.parent_id, ge = c.status === "failed" && ((yt = c.error) == null ? void 0 : yt.status) !== 403, pe = Kn(c);
-  let J;
-  ge ? J = () => u(c) : pe && (J = () => D(!0));
-  const te = g(), le = C(
+    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}`,
     te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": j,
-      "str-chat__message--highlighted": p,
+      "str-chat__message--has-attachment": G,
+      "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
       "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": ee || fe,
+      "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 = za(c), be = De(c), _t = La(c), je = !!(V != null && V.length && !c.quoted_message), Nt = be && 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
       }
@@ -1659,12 +1656,12 @@ const Ma = ({ 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,
             {
@@ -1680,14 +1677,14 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: C("str-chat__message-inner", {
+              className: k("str-chat__message-inner", {
                 "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
@@ -1696,7 +1693,7 @@ const Ma = ({ 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,
                     {
@@ -1706,8 +1703,8 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       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: [
@@ -1720,19 +1717,19 @@ const Ma = ({ 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: W,
-                    renderText: b
+                    message: Y,
+                    renderText: v
                   }
                 ) })
               ] }) : wt ? (
@@ -1748,24 +1745,24 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   }
                 ),
                 xt && /* @__PURE__ */ n(Zn, { poll: xt }),
-                V != null && V.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  k,
+                U != null && U.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  I,
                   {
                     actionHandler: o,
-                    attachments: V
+                    attachments: U
                   }
                 ) : null,
-                K ? /* @__PURE__ */ n(
+                W ? /* @__PURE__ */ n(
                   w,
                   {
-                    message: W,
-                    renderText: b
+                    message: Y,
+                    renderText: v
                   }
                 ) : /* @__PURE__ */ n(
                   jt,
                   {
-                    message: W,
-                    renderText: b
+                    message: Y,
+                    renderText: v
                   }
                 ),
                 /* @__PURE__ */ n(Qn, {})
@@ -1790,20 +1787,20 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             )
           ] }),
-          ee && /* @__PURE__ */ n(
-            Q,
+          Z && /* @__PURE__ */ n(
+            ee,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          fe && /* @__PURE__ */ n(Z, {})
+          re && /* @__PURE__ */ n(J, {})
         ]
       },
       c.id
     )
   ] });
-}, Oa = B.memo(
+}, Oa = j.memo(
   Pa,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : zn(e, t)
 ), $a = (e) => {
@@ -1908,7 +1905,7 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
     // 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(Va, { link: r, onDismiss: s }) }, r.og_scrape_url)) })
   ) : null;
-}, ct = B.createContext(!1), Pi = () => ke(ct), Ya = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, ct = j.createContext(!1), Pi = () => ke(ct), Ya = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1977,7 +1974,7 @@ const Ma = ({ 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()
@@ -2060,7 +2057,7 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              me,
+              he,
               {
                 size: 16,
                 weight: "regular",
@@ -2125,16 +2122,16 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
   Ue.Generating,
   Ue.ExternalSources
 ]), rr = ({ threadList: e }) => {
-  var b, _;
-  const { channel: t, channelConfig: s, thread: a } = oe(), { client: r } = ce(), { typing: i = {} } = os(), { aiState: l } = cs(t), o = ke(fn);
+  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 v = ir(t, (b = r.user) == null ? void 0 : b.id);
+    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"
       }
     );
@@ -2142,25 +2139,25 @@ const Ma = ({ 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"
     }
   );
@@ -2220,7 +2217,7 @@ function ir(e, t) {
 const lr = () => null, or = ({ className: e, message: t }) => /* @__PURE__ */ m(
   "div",
   {
-    className: C("flex items-center justify-center h-full", e),
+    className: k("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ m("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2260,12 +2257,12 @@ const lr = () => null, or = ({ className: e, message: t }) => /* @__PURE__ */ m(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Le = B.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
+), Le = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
   /* @__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", cr = ({
+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,
@@ -2276,38 +2273,38 @@ 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, k, E, T, P, F;
-  const { channel: f } = oe(), { client: N } = ce(), x = B.useMemo(
+  var A, I, C, S, O, F;
+  const { channel: p } = ce(), { client: x } = de(), N = j.useMemo(
     () => {
-      var U;
+      var B;
       return Oe(
-        (U = f.state) == null ? void 0 : U.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 = (k = x == null ? void 0 : x.user) == null ? void 0 : k.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();
-    } catch (U) {
+      M ? await p.unpin() : await p.pin();
+    } catch (B) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        U
+        B
       );
     }
   };
@@ -2316,8 +2313,8 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: C(
-            de,
+          className: k(
+            ue,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
@@ -2337,8 +2334,8 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               type: "button",
               onClick: _,
-              "aria-label": `View details for ${I}`,
-              className: C(
+              "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"
               ),
@@ -2346,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(me, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n(he, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ n("span", { children: Re })
                 ] })
               ]
@@ -2368,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
               }
@@ -2379,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"
@@ -2387,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(me, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n(he, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { children: Re })
             ] })
           ] })
@@ -2397,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: C("size-5", {
-                  "text-yellow-600": S,
-                  "text-black/90": !S
+                className: k("size-5", {
+                  "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: C(de, "bg-[#F1F0EE]")
+            customChannelActions: f,
+            triggerClassName: k(ue, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2437,8 +2434,8 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: C(
-              de,
+            className: k(
+              ue,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2452,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}`,
-            className: C(
-              $,
+            "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
                 }
@@ -2472,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(me, { 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
             }
@@ -2497,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"
@@ -2505,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(me, { 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 })
             ] })
           ] })
@@ -2515,37 +2512,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: C("size-6", {
-                  "text-yellow-600": S,
-                  "text-black/90": !S
+                className: k("size-6", {
+                  "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
           }
         ))
       ] })
@@ -2562,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 Q, Y, w, M;
-  const { channel: y } = oe(), { client: A } = ce(), k = B.useMemo(
+  var w, R, G, H;
+  const { channel: y } = ce(), { client: A } = de(), I = j.useMemo(
     () => {
-      var j;
+      var W;
       return Oe(
-        (j = y.state) == null ? void 0 : j.members,
+        (W = y.state) == null ? void 0 : W.members,
         A == null ? void 0 : A.userID,
         y.type
       );
     },
-    [(Q = y.state) == null ? void 0 : Q.members, A == null ? void 0 : A.userID, y.type]
-  ), E = B.useMemo(() => {
-    var K;
-    const j = A == null ? void 0 : A.userID;
-    return j ? Object.values(((K = y.state) == null ? void 0 : K.members) || {}).find((V) => {
-      var W;
-      return ((W = V.user) == null ? void 0 : W.id) === j;
+    [(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, (Y = y.state) == null ? void 0 : Y.members]), T = ((w = E == null ? void 0 : E.user) == null ? void 0 : w.is_account) ?? (E == null ? void 0 : E.is_account), P = ((M = k == null ? void 0 : k.user) == null ? void 0 : M.is_account) ?? (k == null ? void 0 : k.is_account), F = S && T === !1 && P === !0, U = f ? /* @__PURE__ */ n(B.Fragment, { children: f() }, "lt-channel-banner") : null, Z = X(
-    (j) => {
-      const { message: H } = Ce("ChannelView"), K = /* @__PURE__ */ n(
+  }, [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,
         {
-          ...j,
-          chatbotVotingEnabled: v,
+          ...W,
+          chatbotVotingEnabled: b,
           viewerLanguage: L
         }
       );
-      return !R || !H ? K : R(K, H);
+      return !T || !U ? Y : T(Y, U);
     },
-    [v, R, L]
+    [b, T, L]
   );
   return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
     us,
     {
       overrides: {
-        Message: Z,
+        Message: q,
         MessageActions: Ua
       },
       children: /* @__PURE__ */ m(ms, { 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: g,
-            onDeleteConversationClick: d,
-            onBlockParticipantClick: u,
-            onReportParticipantClick: p,
-            customChannelActions: x,
-            renderChannelActions: I,
-            renderHeaderTitleBadges: N
-          }
-        ) }, "lt-channel-header"),
-        !$ && U,
+        !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",
           {
@@ -2649,30 +2672,9 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             children: /* @__PURE__ */ n(
               hs,
               {
-                head: $ ? /* @__PURE__ */ m(se, { children: [
-                  /* @__PURE__ */ n(
-                    ea,
-                    {
-                      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
-                    }
-                  ),
-                  U
+                head: P && B ? /* @__PURE__ */ m("div", { className: "sticky top-0 z-10", children: [
+                  ee,
+                  J
                 ] }) : void 0,
                 hideDeletedMessages: !0,
                 hideNewMessageSeparator: !1
@@ -2681,7 +2683,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(B.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(j.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           Wa,
           {
@@ -2690,7 +2692,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             },
             renderFooter: () => a == null ? void 0 : a(y),
             disabled: c,
-            disabledReason: b,
+            disabledReason: v,
             composerInput: z
           },
           "lt-channel-message-input"
@@ -2698,7 +2700,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, gn = B.memo(
+}, gn = j.memo(
   ({
     channel: e,
     onBack: t,
@@ -2710,72 +2712,72 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onBlockParticipant: o,
     className: d,
     CustomChannelEmptyState: u = lr,
-    showDeleteConversation: p = !0,
+    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: k,
-    attachmentPreviewList: E,
-    viewerLanguage: T,
-    showChannelInfo: P = !0,
+    sendButton: I,
+    attachmentPreviewList: C,
+    viewerLanguage: S,
+    showChannelInfo: O = !0,
     onParticipantNameClick: F,
-    composerInput: U
+    composerInput: B
   }) => {
-    const Z = X(
-      async (Y, w, M) => {
-        var ee;
-        const j = ((ee = e.data) == null ? void 0 : ee.chatbot_paused) === !0, H = N && !j, K = {
+    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,
           ...H && { silent: !0 },
-          ...x && {
+          ...N && {
             metadata: {
               ...w.metadata ?? {},
-              ...x
+              ...N
             }
           }
-        }, V = {
-          ...M,
+        }, U = {
+          ...R,
           ...H && { skip_push: !0 }
-        }, W = await e.sendMessage(K, V);
-        return I == null || I(W), W;
+        }, Y = await e.sendMessage(W, U);
+        return E == null || E(Y), Y;
       },
-      [e, N, x, I]
-    ), Q = G(null);
-    return q(() => {
+      [e, x, N, E]
+    ), ee = V(null);
+    return X(() => {
       if (!A) return;
-      const Y = Q.current;
-      if (!Y) return;
-      const w = (M) => {
-        const j = M.target, H = j == null ? void 0 : j.closest("a[href]"), K = H == null ? void 0 : H.getAttribute("href");
-        if (!K) return;
-        const V = H == null ? void 0 : H.closest("[data-message-id]"), W = V == null ? void 0 : V.getAttribute("data-message-id"), ee = W ? e.state.messages.find((fe) => fe.id === W) : void 0;
-        A(K, 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: Q,
-        className: C(
+        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,
@@ -2784,9 +2786,9 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             LoadingIndicator: Le,
             DateSeparator: ta,
             TypingIndicator: rr,
-            doSendMessageRequest: Z,
-            ...k ? { SendButton: k } : {},
-            ...E ? { AttachmentPreviewList: E } : {},
+            doSendMessageRequest: J,
+            ...I ? { SendButton: I } : {},
+            ...C ? { AttachmentPreviewList: C } : {},
             children: /* @__PURE__ */ n(
               dr,
               {
@@ -2798,26 +2800,26 @@ 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: U
+                composerInput: B
               }
             )
           }
@@ -2827,7 +2829,7 @@ const de = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 gn.displayName = "ChannelView";
-const we = B.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
+const we = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2853,138 +2855,138 @@ const Oi = ({
   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: k
-  } = js(), [E, T] = O(null), [P, F] = O(null), [U, Z] = O(!1), { showDeleteConversation: Q = !0 } = e, Y = G(l);
-  Y.current = l;
-  const w = G(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 = G(null), j = G(null);
-  q(() => {
-    j.current = E;
-  }, [E]), q(() => {
+  const R = V(null), G = V(null);
+  X(() => {
+    G.current = C;
+  }, [C]), X(() => {
     if (!L || !D) return;
-    const V = L.userID;
-    if (!V) return;
-    const W = `${V}::${i}`;
-    if (M.current === W) return;
-    M.current = W;
-    const ee = () => {
-      M.current === W && (M.current = null);
+    const U = L.userID;
+    if (!U) return;
+    const Y = `${U}::${i}`;
+    if (R.current === Y) return;
+    R.current = Y;
+    const Z = () => {
+      R.current === Y && (R.current = null);
     };
     (async () => {
       var ge, pe;
       try {
-        k && 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: [V, i] }
+            members: { $eq: [U, i] }
           },
           {},
           { limit: 1 }
         );
-        if (J.length > 0) {
-          T(J[0]), F(null), (ge = w.current) == null || ge.call(w, J[0]), k && 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"), k && 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), (pe = w.current) == null || pe.call(w, le), k && 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(), j.current || F("Failed to load conversation");
+          Q
+        ), Z(), G.current || F("Failed to load conversation");
       }
     })();
-  }, [i, L, D, A, k]);
-  const H = G(r);
+  }, [i, L, D, A, I]);
+  const H = V(r);
   H.current = r;
-  const K = X(() => {
-    var V;
-    T(null), Z(!0), (V = H.current) == null || V.call(H);
+  const W = K(() => {
+    var U;
+    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 }) : U && !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: K,
-      onBlockParticipant: K,
+      onLeaveConversation: W,
+      onBlockParticipant: W,
       CustomChannelEmptyState: o,
-      showDeleteConversation: Q,
+      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 ur(e) {
@@ -2993,7 +2995,7 @@ function ur(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const pn = B.createContext({
+const pn = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -3001,7 +3003,7 @@ const pn = B.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), mr = pn.Provider, hr = () => B.useContext(pn), fr = (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(
@@ -3022,9 +3024,9 @@ const pn = B.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, bn = B.memo(
+}, bn = j.memo(
   (e) => {
-    var D, $, z;
+    var D, P, z;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -3032,66 +3034,66 @@ const pn = B.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = hr(), { 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 === " ", k = y.repeat;
-      !A || k || (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 k = y.length - 1; k >= 0; k--)
-          if (y[k].type !== "system") return y[k];
+        for (let I = y.length - 1; I >= 0; I--)
+          if (y[I].type !== "system") return y[I];
       }
-    })(), x = (() => {
-      var P, F, U, Z;
+    })(), 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 (((U = f == null ? void 0 : f.metadata) == null ? void 0 : U.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 = (Z = f == null ? void 0 : f.attachments) == null ? void 0 : Z[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 ? gr(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: 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",
@@ -3099,9 +3101,9 @@ const pn = B.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
             }
@@ -3111,7 +3113,7 @@ const pn = B.createContext({
               /* @__PURE__ */ m(
                 "h3",
                 {
-                  className: C(
+                  className: k(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -3120,10 +3122,10 @@ const pn = B.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 })
             ] })
           ] })
@@ -3133,7 +3135,7 @@ const pn = B.createContext({
   }
 );
 bn.displayName = "CustomChannelPreview";
-const pr = { last_message_at: -1 }, br = B.memo(
+const pr = { last_message_at: -1 }, br = j.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -3145,31 +3147,31 @@ const pr = { last_message_at: -1 }, br = B.memo(
     customEmptyStateIndicator: o,
     channelListPaginator: d = gs,
     channelPreview: u,
-    renderMessagePreview: p,
+    renderMessagePreview: g,
     viewerLanguage: h
   }) => {
-    const g = B.useRef(0);
-    g.current++;
-    const { debug: c = !1 } = tt(), b = B.useCallback(
-      (v) => {
-        for (const f of v)
-          ur(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
     });
-    const _ = B.useMemo(
+    const _ = j.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
         debug: c,
         channelPreview: u,
-        renderMessagePreview: p,
+        renderMessagePreview: g,
         viewerLanguage: h
       }),
       [
@@ -3177,14 +3179,14 @@ const pr = { last_message_at: -1 }, br = B.memo(
         e,
         c,
         u,
-        p,
+        g,
         h
       ]
     );
     return /* @__PURE__ */ n(
       "div",
       {
-        className: C(
+        className: k(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
@@ -3195,7 +3197,7 @@ const pr = { last_message_at: -1 }, br = B.memo(
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: b,
+            channelRenderFilterFn: v,
             Paginator: d,
             Preview: bn,
             EmptyStateIndicator: o
@@ -3223,7 +3225,7 @@ const wr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, _r = ({ variant: e, cta: t }) => {
-  const s = C(
+  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",
     wr[e]
   ), a = dt(t.href);
@@ -3268,12 +3270,12 @@ const wr = {
   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 = C(
+  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 ? yr : Nr[e]
-  ), f = C(
+  ), p = k(
     "truncate text-xs leading-4",
     kr[e]
   );
@@ -3281,19 +3283,19 @@ const wr = {
     /* @__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: C("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(_r, { variant: e, cta: l })
   ] });
-}, Cr = C(
+}, Cr = k(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -3311,7 +3313,7 @@ const wr = {
   bgClassName: o,
   "data-testid": d
 }) => {
-  const u = s != null || a != null, p = C(
+  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
@@ -3328,7 +3330,7 @@ const wr = {
       rel: "noopener noreferrer",
       onClick: a,
       "data-testid": d,
-      className: p,
+      className: g,
       children: [
         t,
         h
@@ -3342,7 +3344,7 @@ const wr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: C(p, "text-left"),
+      className: k(g, "text-left"),
       children: [
         t,
         h
@@ -3353,7 +3355,7 @@ const wr = {
     {
       ref: i,
       "data-testid": d,
-      className: p,
+      className: g,
       children: [
         t,
         h
@@ -3366,9 +3368,9 @@ const wr = {
 }, 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,
@@ -3379,7 +3381,7 @@ const wr = {
   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",
     {
@@ -3392,7 +3394,7 @@ const wr = {
   ) }) : /* @__PURE__ */ m(
     "div",
     {
-      className: C(
+      className: k(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3419,11 +3421,11 @@ const wr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: C(
+            className: k(
               "flex h-full w-full items-center justify-center",
               Er[e]
             ),
-            children: he(r, {
+            children: fe(r, {
               className: Ir[e],
               weight: "regular"
             })
@@ -3445,14 +3447,14 @@ const wr = {
   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" })
@@ -3477,14 +3479,14 @@ const wr = {
         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",
@@ -3492,7 +3494,7 @@ const wr = {
             sourceUrl: l,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: v
           }
         ),
         /* @__PURE__ */ n(
@@ -3523,21 +3525,21 @@ const wr = {
   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(
@@ -3575,15 +3577,15 @@ const wr = {
   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(
@@ -3652,7 +3654,7 @@ const wr = {
     {
       "data-testid": l,
       "data-group-position": a,
-      className: C(
+      className: k(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -3672,7 +3674,7 @@ const wr = {
         o ? /* @__PURE__ */ n(
           "p",
           {
-            className: C(
+            className: k(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3701,7 +3703,7 @@ const wr = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: C(
+    className: k(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
@@ -3739,10 +3741,10 @@ const wr = {
   preload: o,
   onDismiss: d
 }) => {
-  const u = Se(e), p = e === "composer" && !!d, h = Fr({ 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,
     {
@@ -3750,18 +3752,18 @@ const wr = {
       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(
+      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}`
       )) })
     }
   );
@@ -3792,7 +3794,7 @@ function Gr(e, t) {
     }
   }
   if (!e) return;
-  if (ie(e) === "document") {
+  if (le(e) === "document") {
     const r = an(e), i = Vr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -3832,16 +3834,16 @@ const Yr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = s ?? t ?? "File", u = Hr(a, t, r), p = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = Hr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
         qr[e]
       ),
       "aria-hidden": !0,
-      children: he(a, {
-        className: C("size-6", Wr[e]),
+      children: fe(a, {
+        className: k("size-6", Wr[e]),
         weight: "regular"
       })
     }
@@ -3850,34 +3852,34 @@ const Yr = {
     u ? /* @__PURE__ */ n(
       "p",
       {
-        className: C(
+        className: k(
           "truncate text-xs leading-4",
           Yr[e]
         ),
         children: u
       }
     ) : null
-  ] }), g = i ? /* @__PURE__ */ m(
+  ] }), f = i ? /* @__PURE__ */ m(
     "button",
     {
       type: "button",
       onClick: i,
       "aria-label": l,
-      className: C(
+      className: k(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
       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
   ] });
 };
@@ -3934,28 +3936,28 @@ const Xr = ({
   text: o,
   groupPosition: d,
   onClick: u,
-  onDismiss: p
+  onDismiss: g
 }) => {
-  const h = Se(e), g = e === "composer" && !!p, c = Xr({
+  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;
   const _ = /* @__PURE__ */ n(
     "span",
     {
-      className: C(
+      className: k(
         "flex size-8 items-center justify-center rounded-full",
         h === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -3970,16 +3972,16 @@ const Xr = ({
       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(
+      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}`
       )) })
     }
   );
@@ -4010,7 +4012,7 @@ const Xr = ({
       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 = ({
@@ -4022,7 +4024,7 @@ const Xr = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = O(!1), u = X(
+  const [o, d] = $(!1), u = K(
     (c) => {
       c.stopPropagation(), !o && (d(!0), wn(e, t).catch(() => {
       }).finally(() => {
@@ -4030,7 +4032,7 @@ const Xr = ({
       }));
     },
     [o, e, t, l]
-  ), p = r ?? s !== "pill", g = { className: C(
+  ), g = r ?? s !== "pill", f = { className: k(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -4041,7 +4043,7 @@ const Xr = ({
       onClick: u,
       disabled: o,
       "aria-label": a,
-      className: C(
+      className: k(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -4080,8 +4082,8 @@ const Xr = ({
       type: "button",
       onClick: u,
       disabled: o,
-      "aria-label": p ? a : void 0,
-      className: C(
+      "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"
       ),
@@ -4093,8 +4095,8 @@ const Xr = ({
             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
       ]
     }
   );
@@ -4103,23 +4105,23 @@ const Xr = ({
   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 = X(() => {
+  const l = K(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = X(() => {
+  }, [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 };
@@ -4132,9 +4134,9 @@ const Xr = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = G(null), d = G(null);
-  return q(() => {
-    var g;
+  const o = V(null), d = V(null);
+  return X(() => {
+    var f;
     const h = o.current;
     if (h) {
       if (e) {
@@ -4148,7 +4150,7 @@ const Xr = ({
           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 {
@@ -4223,7 +4225,7 @@ const Xr = ({
     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]
   );
@@ -4277,30 +4279,30 @@ const Xr = ({
 }) => {
   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 = C(ti, "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",
       {
         type: "button",
         onClick: () => t(u),
         "aria-label": d.ariaLabel ?? `Open media ${u + 1}`,
-        className: C(h, "cursor-zoom-in"),
+        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: C("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: k(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -4309,7 +4311,7 @@ const Xr = ({
   ) : i.length === 3 ? /* @__PURE__ */ m(
     "div",
     {
-      className: C(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4322,16 +4324,16 @@ const Xr = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         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
@@ -4340,12 +4342,12 @@ const Xr = ({
     }
   );
 }, Te = (e) => {
-  const [t, s] = O(!1), [a, r] = O(0), i = X(
+  const [t, s] = $(!1), [a, r] = $(0), i = K(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
     },
     [e]
-  ), l = X(() => s(!1), []);
+  ), l = K(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
 }, ni = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
@@ -4417,18 +4419,18 @@ const Xr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = si({ 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) => ni(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",
@@ -4439,8 +4441,8 @@ const Xr = ({
           {
             open: h,
             items: kn(u, a),
-            initialIndex: g,
-            onClose: b
+            initialIndex: f,
+            onClose: v
           }
         )
       ]
@@ -4460,10 +4462,10 @@ const Xr = ({
     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(
+  ), u = ie(
     () => o ? di(o.src) : void 0,
     [o]
   );
@@ -4540,51 +4542,51 @@ const Xr = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const p = Se(e), h = ui({ 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(
             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(
           ci,
           {
-            open: g,
-            items: f,
+            open: f,
+            items: p,
             initialIndex: c,
             onClose: _
           }
@@ -4606,7 +4608,7 @@ const Xr = ({
     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]
   );
@@ -4685,7 +4687,7 @@ const Xr = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), wi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: p } = Te(
+  const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: g } = Te(
     i
   );
   return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
@@ -4709,7 +4711,7 @@ const Xr = ({
           a
         ),
         initialIndex: d,
-        onClose: p
+        onClose: g
       }
     )
   ] });
@@ -4725,13 +4727,13 @@ const Xr = ({
   preload: d,
   onClick: u
 }) => {
-  const p = xi({ 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) => vi(f, N, p.length)
+  const b = g.map(
+    (p, x) => vi(p, x, g.length)
   );
   return /* @__PURE__ */ m(
     Ee,
@@ -4744,16 +4746,16 @@ const Xr = ({
         /* @__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: _
           }
@@ -4783,7 +4785,7 @@ const Xr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: C(
+    className: k(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4851,7 +4853,7 @@ export {
   gn as d,
   Fi as e,
   Ci as f,
-  ie as g,
+  le as g,
   Gt as h,
   Bi as i,
   Fa as j,
@@ -4862,7 +4864,7 @@ export {
   gr as o,
   Gr as p,
   tn as q,
-  he as r,
+  fe as r,
   cn as s,
   Gs as t,
   ji as u,
@@ -4872,4 +4874,4 @@ export {
   ot as y,
   st as z
 };
-//# sourceMappingURL=index-B_WK4olk.js.map
+//# sourceMappingURL=index-gnuITMC7.js.map