@linktr.ee/messaging-react 3.1.3 → 3.2.0

package/dist/{index-CnOvDQIp.js → index-DJKFVBkP.js}

@@ -1,12 +1,12 @@
-import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
-import z, { createContext as Ge, useContext as Se, useCallback as q, useState as O, useRef as X, useEffect as J, useMemo as ne, Suspense as He } from "react";
+import { jsx as n, jsxs as h, Fragment as ae } from "react/jsx-runtime";
+import z, { createContext as He, useContext as Te, useCallback as W, useState as O, useRef as K, useEffect as J, useMemo as se, Suspense as Ye } from "react";
 import { StreamChatService as En } from "@linktr.ee/messaging-core";
-import { Chat as In, DateSeparator as Sn, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as Tn, useMessageReminder as An, useComponentContext as Ut, Attachment as Mn, EditMessageModal as Dn, MessageBlocked as Rn, MessageBouncePrompt as Ln, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as On, MessageRepliesCountButton as zn, ReminderNotification as Fn, StreamedMessageText as $n, messageHasAttachments as Bn, messageHasReactions as jn, isDateSeparatorMessage as Un, isMessageBlocked as Vn, isMessageBounced as Gn, MessageBounceModal as Hn, MessageText as At, Poll as Yn, MessageErrorIcon as qn, useMessageContext as be, useMessageComposer as Wn, useStateStore as Xn, MessageInput as Kn, useMessageInputContext as Jn, useMessageComposerHasSendableData as Zn, AttachmentPreviewList as Qn, QuotedMessagePreview as es, TextareaComposer as ts, MessageTimestamp as De, AIStates as Re, useTypingContext as ns, useAIState as ss, Channel as as, WithComponents as rs, Window as is, MessageList as os, ChannelList as ls } from "stream-chat-react";
-import { StarIcon as $e, XIcon as pe, SpinnerGapIcon as Le, SignOutIcon as cs, ProhibitInsetIcon as Mt, FlagIcon as Vt, FileIcon as Gt, ImageIcon as ds, SpeakerHighIcon as us, VideoCameraIcon as Ht, FileMdIcon as ms, FileTextIcon as hs, FileZipIcon as fs, FilePptIcon as gs, FileCsvIcon as bs, FileXlsIcon as ps, FileDocIcon as vs, FilePdfIcon as xs, CircleNotchIcon as fe, PlayIcon as Be, PauseIcon as ws, LinkIcon as Ns, DownloadSimpleIcon as ge, GiftIcon as _s, ThumbsUpIcon as ys, ThumbsDownIcon as Cs, TrashSimpleIcon as ks, ArrowUpIcon as Es, SparkleIcon as je, ProhibitIcon as Is, ArrowLeftIcon as Dt, DotsThreeIcon as Rt, PencilSimpleIcon as Ss, CaretLeftIcon as Ts, CaretRightIcon as As } from "@phosphor-icons/react";
-import y from "classnames";
+import { Chat as In, DateSeparator as Sn, useChannelStateContext as de, useChatContext as qe, areMessageUIPropsEqual as Tn, useMessageReminder as An, useComponentContext as Ut, Attachment as Mn, EditMessageModal as Dn, MessageBlocked as Rn, MessageBouncePrompt as Ln, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as On, MessageRepliesCountButton as zn, ReminderNotification as Fn, StreamedMessageText as $n, messageHasAttachments as Bn, messageHasReactions as jn, isDateSeparatorMessage as Un, isMessageBlocked as Vn, isMessageBounced as Gn, MessageBounceModal as Hn, MessageText as At, Poll as Yn, MessageErrorIcon as qn, useMessageContext as pe, useMessageComposer as Wn, useStateStore as Xn, MessageInput as Kn, useMessageInputContext as Jn, useMessageComposerHasSendableData as Zn, AttachmentPreviewList as Qn, QuotedMessagePreview as es, TextareaComposer as ts, MessageTimestamp as Re, AIStates as Le, useTypingContext as ns, useAIState as ss, Channel as as, WithComponents as rs, Window as is, MessageList as os, ChannelList as ls } from "stream-chat-react";
+import { StarIcon as Be, XIcon as ve, SpinnerGapIcon as Pe, SignOutIcon as cs, ProhibitInsetIcon as Mt, FlagIcon as Vt, FileIcon as Gt, ImageIcon as ds, SpeakerHighIcon as us, VideoCameraIcon as Ht, FileMdIcon as ms, FileTextIcon as hs, FileZipIcon as fs, FilePptIcon as gs, FileCsvIcon as bs, FileXlsIcon as ps, FileDocIcon as vs, FilePdfIcon as xs, CircleNotchIcon as ge, PlayIcon as je, PauseIcon as ws, LinkIcon as Ns, DownloadSimpleIcon as be, GiftIcon as _s, ThumbsUpIcon as ys, ThumbsDownIcon as Cs, TrashSimpleIcon as ks, ArrowUpIcon as Es, SparkleIcon as Ue, ProhibitIcon as Is, ArrowLeftIcon as Dt, DotsThreeIcon as Rt, PencilSimpleIcon as Ss, CaretLeftIcon as Ts, CaretRightIcon as As } from "@phosphor-icons/react";
+import C from "classnames";
 import { MessageActions as Ms, DefaultDropdownActionButton as Yt } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Lt } from "stream-chat";
-const qt = Ge({
+const qt = He({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const qt = Ge({
   refreshConnection: async () => {
   },
   debug: !1
-}), qe = () => Se(qt), xi = ({
+}), We = () => Te(qt), xi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,9 +24,9 @@ const qt = Ge({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  const o = q(
-    (I, ...C) => {
-      i && console.log(`🔥 [MessagingProvider] ${I}`, ...C);
+  const o = W(
+    (T, ...M) => {
+      i && console.log(`🔥 [MessagingProvider] ${T}`, ...M);
     },
     [i]
   );
@@ -36,84 +36,84 @@ const qt = Ge({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = O(null), [m, g] = O(null), [u, f] = O(!1), [c, p] = O(!1), [N, v] = O(null), x = X(!1), w = X({
+  const [l, d] = O(null), [m, g] = O(null), [u, f] = O(!1), [c, b] = O(!1), [_, v] = O(null), w = K(!1), y = K({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), A = X(0);
-  A.current++, o("📊 RENDER INFO", {
-    renderCount: A.current,
+  }), S = K(0);
+  S.current++, o("📊 RENDER INFO", {
+    renderCount: S.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: w.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: w.current.apiKey !== a,
-      serviceConfigChanged: w.current.serviceConfig !== s,
-      capabilitiesChanged: w.current.capabilities !== r
+      userChanged: y.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: y.current.apiKey !== a,
+      serviceConfigChanged: y.current.serviceConfig !== s,
+      capabilitiesChanged: y.current.capabilities !== r
     }
-  }), w.current = {
+  }), y.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   }, J(() => {
-    const I = A.current;
+    const T = S.current;
     if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: I,
+      renderCount: T,
       apiKey: !!a,
       serviceConfig: !!s,
       dependencies: {
         apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
         serviceConfigRef: s,
-        serviceConfigStable: w.current.serviceConfig === s,
-        apiKeyStable: w.current.apiKey === a
+        serviceConfigStable: y.current.serviceConfig === s,
+        apiKeyStable: y.current.apiKey === a
       }
     }), !a || !s) {
       o("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: I,
+        renderCount: T,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     o("🚀 CREATING NEW SERVICE", {
-      renderCount: I,
+      renderCount: T,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
-      serviceConfigChanged: w.current.serviceConfig !== s
+      serviceConfigChanged: y.current.serviceConfig !== s
     });
-    const C = new En({
+    const M = new En({
       ...s,
       apiKey: a,
       debug: i
     });
-    return d(C), o("✅ SERVICE SET", {
-      renderCount: I,
-      serviceInstance: !!C
+    return d(M), o("✅ SERVICE SET", {
+      renderCount: T,
+      serviceInstance: !!M
     }), () => {
       o("🧹 SERVICE CLEANUP", {
-        renderCount: I,
+        renderCount: T,
         reason: "Effect cleanup"
-      }), C.disconnectUser().catch(console.error);
+      }), M.disconnectUser().catch(console.error);
     };
   }, [a, s, i, o]);
-  const T = X(null);
+  const k = K(null);
   J(() => {
-    var C, k;
+    var M, N;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: x.current,
+      isConnecting: w.current,
       isConnected: u,
       dependencies: { service: !!l, userId: t == null ? void 0 : t.id }
     }), !l || !t) {
       o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (x.current) {
+    if (w.current) {
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((C = T.current) == null ? void 0 : C.serviceId) === l && ((k = T.current) == null ? void 0 : k.userId) === t.id) {
+    if (((M = k.current) == null ? void 0 : M.serviceId) === l && ((N = k.current) == null ? void 0 : N.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -121,22 +121,22 @@ const qt = Ge({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), x.current = !0, p(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), w.current = !0, b(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const E = await l.connectUser(t);
-        g(E), f(!0), T.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        g(E), f(!0), k.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: E.userID
         });
       } catch (E) {
-        const D = E instanceof Error ? E.message : "Connection failed";
-        v(D), o("❌ USER CONNECTION ERROR", {
+        const I = E instanceof Error ? E.message : "Connection failed";
+        v(I), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: D
+          error: I
         });
       } finally {
-        p(!1), x.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        b(!1), w.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
@@ -149,12 +149,12 @@ const qt = Ge({
     l && u ? (o(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), T.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
+    ), k.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!l,
       isConnected: u
     });
   }), [l, u, o]);
-  const S = q(async () => {
+  const A = W(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -162,52 +162,52 @@ const qt = Ge({
       o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), p(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
-      const I = await l.connectUser(t);
-      g(I), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (I) {
-      const C = I instanceof Error ? I.message : "Refresh failed";
-      v(C), o("❌ CONNECTION REFRESH ERROR", {
+      const T = await l.connectUser(t);
+      g(T), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (T) {
+      const M = T instanceof Error ? T.message : "Refresh failed";
+      v(M), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: C
+        error: M
       });
     } finally {
-      p(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), R = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), D = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
     isLoading: c,
-    hasError: !!N,
+    hasError: !!_,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: l,
     client: m,
     isConnected: u,
     isLoading: c,
-    error: N,
+    error: _,
     capabilities: r,
-    refreshConnection: S,
+    refreshConnection: A,
     debug: i
   }), [
     l,
     m,
     u,
     c,
-    N,
+    _,
     r,
-    S,
+    A,
     i,
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: A.current,
+    renderCount: S.current,
     willRenderChat: !!(m && u),
-    contextValueReady: !!R
-  }), /* @__PURE__ */ n(qt.Provider, { value: R, children: m && u ? /* @__PURE__ */ n(
+    contextValueReady: !!D
+  }), /* @__PURE__ */ n(qt.Provider, { value: D, children: m && u ? /* @__PURE__ */ n(
     In,
     {
       client: m,
@@ -217,7 +217,7 @@ const qt = Ge({
       children: e
     }
   ) : e });
-}, Ds = () => qe(), Wt = (e) => {
+}, Ds = () => We(), Wt = (e) => {
   var a, r;
   const [t, s] = O(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -247,7 +247,7 @@ function Pt(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t ? !1 : !Ls(s);
 }
-function Te(e) {
+function Ae(e) {
   return Pt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Pt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
 const Ot = [
@@ -290,7 +290,7 @@ function Os(e) {
   const s = Ps(e) % Ot.length;
   return Ot[s];
 }
-const ae = ({
+const re = ({
   id: e,
   image: t,
   size: s = 40,
@@ -310,7 +310,7 @@ const ae = ({
     "div",
     {
       "aria-hidden": "true",
-      className: y(
+      className: C(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         m
       ),
@@ -320,7 +320,7 @@ const ae = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -335,14 +335,14 @@ const ae = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n($e, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(Be, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
           "div",
           {
             "data-testid": "avatar-ring",
-            className: y(
+            className: C(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -361,7 +361,7 @@ const ae = ({
       ]
     }
   );
-}, ye = ({
+}, Ce = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -370,7 +370,7 @@ const ae = ({
   "button",
   {
     type: "button",
-    className: y(
+    className: C(
       "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
@@ -384,7 +384,7 @@ function zs({ label: e, className: t, children: s, ...a }) {
     "button",
     {
       type: "button",
-      className: y(
+      className: C(
         "inline-flex items-center justify-center rounded-full transition-colors focus-ring p-2",
         {
           "cursor-not-allowed opacity-50": a.disabled,
@@ -401,7 +401,7 @@ function zs({ label: e, className: t, children: s, ...a }) {
   );
 }
 function Fs({ onClick: e }) {
-  return /* @__PURE__ */ n(zs, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(pe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+  return /* @__PURE__ */ n(zs, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(ve, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
 const $s = ({
   dialogRef: e,
@@ -418,69 +418,69 @@ const $s = ({
   onDeleteConversationClick: u,
   onBlockParticipantClick: f,
   onReportParticipantClick: c,
-  customProfileContent: p,
-  customChannelActions: N
+  customProfileContent: b,
+  customChannelActions: _
 }) => {
-  var B, H, Y, $;
-  const { service: v, debug: x } = qe(), [w, A] = O(!1), [T, S] = O(!1), [R, I] = O(!1), C = q(async () => {
-    var b;
-    if (!(!m || !v || !((b = s == null ? void 0 : s.user) != null && b.id)))
+  var F, Y, q, $;
+  const { service: v, debug: w } = We(), [y, S] = O(!1), [k, A] = O(!1), [D, T] = O(!1), M = W(async () => {
+    var p;
+    if (!(!m || !v || !((p = s == null ? void 0 : s.user) != null && p.id)))
       try {
         const L = (await v.getBlockedUsers()).some(
-          (M) => {
-            var W;
-            return M.blocked_user_id === ((W = s == null ? void 0 : s.user) == null ? void 0 : W.id);
+          (U) => {
+            var R;
+            return U.blocked_user_id === ((R = s == null ? void 0 : s.user) == null ? void 0 : R.id);
           }
         );
-        A(L);
-      } catch (_) {
+        S(L);
+      } catch (x) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          _
+          x
         );
       }
-  }, [v, (B = s == null ? void 0 : s.user) == null ? void 0 : B.id, m]);
+  }, [v, (F = s == null ? void 0 : s.user) == null ? void 0 : F.id, m]);
   J(() => {
-    C();
-  }, [C]);
-  const k = async () => {
-    var b;
-    if (!T) {
-      u == null || u(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), S(!0);
+    M();
+  }, [M]);
+  const N = async () => {
+    var p;
+    if (!k) {
+      u == null || u(), w && console.log("[ChannelInfoDialog] Leave conversation", r.cid), A(!0);
       try {
-        const _ = ((b = r._client) == null ? void 0 : b.userID) ?? null;
-        await r.hide(_, !1), o && await o(r), t();
-      } catch (_) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", _);
+        const x = ((p = r._client) == null ? void 0 : p.userID) ?? null;
+        await r.hide(x, !1), o && await o(r), t();
+      } catch (x) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", x);
       } finally {
-        S(!1);
+        A(!1);
       }
     }
   }, E = async () => {
-    var b, _, L;
-    if (!(R || !v)) {
-      f == null || f(), x && console.log("[ChannelInfoDialog] Block member", (b = s == null ? void 0 : s.user) == null ? void 0 : b.id), I(!0);
+    var p, x, L;
+    if (!(D || !v)) {
+      f == null || f(), w && console.log("[ChannelInfoDialog] Block member", (p = s == null ? void 0 : s.user) == null ? void 0 : p.id), T(!0);
       try {
-        await v.blockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
-      } catch (M) {
-        console.error("[ChannelInfoDialog] Failed to block member", M);
+        await v.blockUser((x = s == null ? void 0 : s.user) == null ? void 0 : x.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
+      } catch (U) {
+        console.error("[ChannelInfoDialog] Failed to block member", U);
       } finally {
-        I(!1);
+        T(!1);
       }
     }
-  }, D = async () => {
-    var b, _, L;
-    if (!(R || !v)) {
-      f == null || f(), x && console.log("[ChannelInfoDialog] Unblock member", (b = s == null ? void 0 : s.user) == null ? void 0 : b.id), I(!0);
+  }, I = async () => {
+    var p, x, L;
+    if (!(D || !v)) {
+      f == null || f(), w && console.log("[ChannelInfoDialog] Unblock member", (p = s == null ? void 0 : s.user) == null ? void 0 : p.id), T(!0);
       try {
-        await v.unBlockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
-      } catch (M) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", M);
+        await v.unBlockUser((x = s == null ? void 0 : s.user) == null ? void 0 : x.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
+      } catch (U) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", U);
       } finally {
-        I(!1);
+        T(!1);
       }
     }
-  }, U = () => {
+  }, B = () => {
     c == null || c(), t(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -488,7 +488,7 @@ const $s = ({
     );
   };
   if (!s) return null;
-  const F = a ?? Te(s.user), Z = (H = s.user) == null ? void 0 : H.image, V = (Y = s.user) == null ? void 0 : Y.username, G = V ? `linktr.ee/${V}` : void 0, P = (($ = s.user) == null ? void 0 : $.id) || "unknown";
+  const P = a ?? Ae(s.user), Z = (Y = s.user) == null ? void 0 : Y.image, G = (q = s.user) == null ? void 0 : q.username, H = G ? `linktr.ee/${G}` : void 0, j = (($ = s.user) == null ? void 0 : $.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n(
@@ -497,8 +497,8 @@ const $s = ({
         ref: e,
         className: "mes-dialog group",
         onClose: t,
-        onClick: (b) => {
-          b.target === e.current && t();
+        onClick: (p) => {
+          p.target === e.current && t();
         },
         children: /* @__PURE__ */ h("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
           /* @__PURE__ */ h("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
@@ -514,19 +514,19 @@ const $s = ({
                 children: [
                   /* @__PURE__ */ h("div", { className: "flex items-center gap-3 w-full", children: [
                     /* @__PURE__ */ n(
-                      ae,
+                      re,
                       {
-                        id: P,
-                        name: F,
+                        id: j,
+                        name: P,
                         image: Z,
                         size: 88,
                         shape: "circle"
                       }
                     ),
                     /* @__PURE__ */ h("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                      /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: F }),
-                      G && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: G }),
-                      i && !p && /* @__PURE__ */ n(
+                      /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: P }),
+                      H && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: H }),
+                      i && !b && /* @__PURE__ */ n(
                         "span",
                         {
                           className: "mt-1 rounded-full text-xs font-normal w-fit",
@@ -542,81 +542,81 @@ const $s = ({
                       )
                     ] })
                   ] }),
-                  p && /* @__PURE__ */ n("div", { className: "w-full", children: p })
+                  b && /* @__PURE__ */ n("div", { className: "w-full", children: b })
                 ]
               }
             ),
             /* @__PURE__ */ h("ul", { className: "flex flex-col gap-2 mt-2", children: [
               d && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-                ye,
+                Ce,
                 {
-                  onClick: k,
-                  disabled: T,
-                  "aria-busy": T,
+                  onClick: N,
+                  disabled: k,
+                  "aria-busy": k,
                   children: [
-                    T ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(cs, { className: "h-5 w-5" }),
+                    k ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(cs, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Delete Conversation" })
                   ]
                 }
               ) }),
-              m && /* @__PURE__ */ n("li", { children: w ? /* @__PURE__ */ h(
-                ye,
+              m && /* @__PURE__ */ n("li", { children: y ? /* @__PURE__ */ h(
+                Ce,
                 {
-                  onClick: D,
-                  disabled: R,
-                  "aria-busy": R,
+                  onClick: I,
+                  disabled: D,
+                  "aria-busy": D,
                   children: [
-                    R ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
+                    D ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ h(
-                ye,
+                Ce,
                 {
                   onClick: E,
-                  disabled: R,
-                  "aria-busy": R,
+                  disabled: D,
+                  "aria-busy": D,
                   children: [
-                    R ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
+                    D ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Block" })
                   ]
                 }
               ) }),
-              g && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ye, { variant: "danger", onClick: U, children: [
+              g && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(Ce, { variant: "danger", onClick: B, children: [
                 /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Report" })
               ] }) }),
-              N
+              _
             ] })
           ] })
         ] })
       }
     )
   );
-}, Bs = (e) => /* @__PURE__ */ n(Sn, { ...e, position: "center" }), Ue = "vote_up", Ve = "vote_down";
+}, Bs = (e) => /* @__PURE__ */ n(Sn, { ...e, position: "center" }), Ve = "vote_up", Ge = "vote_down";
 function js(e) {
-  return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === Ue) ? "up" : null : null;
+  return e != null && e.length ? e.some((t) => t.type === Ge) ? "down" : e.some((t) => t.type === Ve) ? "up" : null : null;
 }
 function Us(e) {
-  const { channel: t } = ce(), { client: s } = Ye("useMessageVote"), a = ne(
+  const { channel: t } = de(), { client: s } = qe("useMessageVote"), a = se(
     () => js(e.own_reactions),
     [e.own_reactions]
-  ), r = q(async () => {
+  ), r = W(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, Ue) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
           e.id,
-          { type: Ue },
+          { type: Ve },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = q(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = W(async () => {
     if (s != null && s.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, Ge) : await t.sendReaction(
           e.id,
-          { type: Ve },
+          { type: Ge },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -635,13 +635,13 @@ function Xt({
   const s = e == null ? void 0 : e.text, a = Vs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Gs = z.lazy(() => import("./Card-Ctub3AU9.js")), Hs = z.lazy(() => import("./Card-RHd97_iq.js")), Ys = z.lazy(() => import("./Card-VEde2Hfe.js")), We = () => /* @__PURE__ */ n(
+const Gs = z.lazy(() => import("./Card-DQYLHbDI.js")), Hs = z.lazy(() => import("./Card-DTaHgygz.js")), Ys = z.lazy(() => import("./Card-bdnjL_4d.js")), Xe = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), qs = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Ws = Kt, Xs = Jt, zt = { Composer: qs, Sent: Kt, Received: Jt, Creator: Ws, Visitor: Xs }, Ks = [
+), qs = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Ws = Kt, Xs = Jt, zt = { Composer: qs, Sent: Kt, Received: Jt, Creator: Ws, Visitor: Xs }, Ks = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -651,7 +651,7 @@ const Gs = z.lazy(() => import("./Card-Ctub3AU9.js")), Hs = z.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function re(e) {
+function ie(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Zt(e) {
@@ -677,10 +677,10 @@ const Js = {
   generic: Gt
 };
 function Qs(e) {
-  const t = re(e);
+  const t = ie(e);
   return t !== "document" ? Js[t] : Zs[Zt(e)];
 }
-function le(e, t) {
+function ce(e, t) {
   return z.createElement(Qs(e), t);
 }
 const ea = (e) => {
@@ -698,78 +698,78 @@ const ea = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = re(t), u = X(null), f = X(null), c = X(null), p = X(r), [N, v] = O(a), [x, w] = O(0), [A, T] = O(!1), [S, R] = O(!1), [I, C] = O(!1), [k, E] = O(!1), [D, U] = O(!0), [F, Z] = O(null), V = q(() => {
-    C(!1), v(!0);
-  }, []), G = q((b) => {
-    const _ = f.current;
-    if (!_) return 0;
-    const L = _.getBoundingClientRect();
+  const g = ie(t), u = K(null), f = K(null), c = K(null), b = K(r), [_, v] = O(a), [w, y] = O(0), [S, k] = O(!1), [A, D] = O(!1), [T, M] = O(!1), [N, E] = O(!1), [I, B] = O(!0), [P, Z] = O(null), G = W(() => {
+    M(!1), v(!0);
+  }, []), H = W((p) => {
+    const x = f.current;
+    if (!x) return 0;
+    const L = x.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ea(b) - L.left) / L.width)
+      Math.min(1, (ea(p) - L.left) / L.width)
     );
-  }, []), P = q((b) => {
-    const _ = u.current;
-    _ && _.duration && (_.currentTime = b * _.duration);
-  }, []), B = (b) => {
-    b.stopPropagation(), T(!0);
-    const _ = G(b);
-    w(_), P(_);
+  }, []), j = W((p) => {
+    const x = u.current;
+    x && x.duration && (x.currentTime = p * x.duration);
+  }, []), F = (p) => {
+    p.stopPropagation(), k(!0);
+    const x = H(p);
+    y(x), j(x);
   };
   J(() => {
-    r !== void 0 && r !== p.current && (p.current = r, v(r));
+    r !== void 0 && r !== b.current && (b.current = r, v(r));
   }, [r]), J(() => {
-    if (!N) {
+    if (!_) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const b = () => {
-      const _ = u.current;
-      _ && _.duration && !A && w(_.currentTime / _.duration), c.current = requestAnimationFrame(b);
+    const p = () => {
+      const x = u.current;
+      x && x.duration && !S && y(x.currentTime / x.duration), c.current = requestAnimationFrame(p);
     };
-    return c.current = requestAnimationFrame(b), () => {
+    return c.current = requestAnimationFrame(p), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [N, A]), J(() => {
-    const b = u.current;
-    b && (N ? b.play().catch((_) => {
-      v(!1), C(!0);
-    }) : b.pause());
-  }, [N]), J(() => {
-    if (!A) return;
-    const b = (L) => w(G(L)), _ = (L) => {
-      T(!1), P(G(L));
+  }, [_, S]), J(() => {
+    const p = u.current;
+    p && (_ ? p.play().catch((x) => {
+      v(!1), M(!0);
+    }) : p.pause());
+  }, [_]), J(() => {
+    if (!S) return;
+    const p = (L) => y(H(L)), x = (L) => {
+      k(!1), j(H(L));
     };
-    return window.addEventListener("mousemove", b), window.addEventListener("mouseup", _), window.addEventListener("touchmove", b, { passive: !0 }), window.addEventListener("touchend", _), () => {
-      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", b), window.removeEventListener("touchend", _);
+    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", x), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", x), () => {
+      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", x), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", x);
     };
-  }, [A, G, P]);
-  const H = F ? { aspectRatio: String(F) } : void 0, Y = F ? "" : " aspect-video", $ = Math.round(x * 100);
+  }, [S, H, j]);
+  const Y = P ? { aspectRatio: String(P) } : void 0, q = P ? "" : " aspect-video", $ = Math.round(w * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Y}`,
-      style: H,
-      onClick: (b) => {
+      className: `relative cursor-pointer overflow-hidden bg-black ${q}`,
+      style: Y,
+      onClick: (p) => {
         if (m) {
-          m(b);
+          m(p);
           return;
         }
-        I || o && v((_) => !_);
+        T || o && v((x) => !x);
       },
-      onKeyDown: (b) => {
-        if (!(b.key !== "Enter" && b.key !== " ")) {
-          if (b.preventDefault(), m) {
-            m(b);
+      onKeyDown: (p) => {
+        if (!(p.key !== "Enter" && p.key !== " ")) {
+          if (p.preventDefault(), m) {
+            m(p);
             return;
           }
-          I || o && v((_) => !_);
+          T || o && v((x) => !x);
         }
       },
       children: [
-        s && (g === "audio" || D) && /* @__PURE__ */ n(
+        s && (g === "audio" || I) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -777,7 +777,7 @@ const ea = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || D) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
+        !s && (g === "audio" || I) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -791,12 +791,12 @@ const ea = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => E(!0),
             onCanPlay: () => {
-              E(!1), U(!1);
+              E(!1), B(!1);
             },
             onWaiting: () => E(!0),
-            onPlay: () => C(!1),
+            onPlay: () => M(!1),
             onEnded: () => {
-              i || (v(!1), w(0));
+              i || (v(!1), y(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -811,41 +811,41 @@ const ea = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => E(!0),
             onCanPlay: () => {
-              E(!1), U(!1);
+              E(!1), B(!1);
             },
             onWaiting: () => E(!0),
-            onPlay: () => C(!1),
+            onPlay: () => M(!1),
             onLoadedMetadata: () => {
-              const b = u.current;
-              b instanceof HTMLVideoElement && b.videoWidth && b.videoHeight && Z(b.videoWidth / b.videoHeight);
+              const p = u.current;
+              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && Z(p.videoWidth / p.videoHeight);
             },
             onEnded: () => {
-              i || (v(!1), w(0));
+              i || (v(!1), y(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        k && !I && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          fe,
+        N && !T && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          ge,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        I && !o && /* @__PURE__ */ n(
+        T && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (b) => {
-              b.stopPropagation(), V();
+            onClick: (p) => {
+              p.stopPropagation(), G();
             },
-            onKeyDown: (b) => {
-              b.key !== "Enter" && b.key !== " " || (b.preventDefault(), b.stopPropagation(), V());
+            onKeyDown: (p) => {
+              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), G());
             },
-            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(Be, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(je, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
@@ -859,11 +859,11 @@ const ea = (e) => {
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: B,
-            onTouchStart: B,
-            onClick: (b) => b.stopPropagation(),
-            onKeyDown: (b) => {
-              b.key === "ArrowRight" && P(Math.min(1, x + 0.05)), b.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
+            onMouseDown: F,
+            onTouchStart: F,
+            onClick: (p) => p.stopPropagation(),
+            onKeyDown: (p) => {
+              p.key === "ArrowRight" && j(Math.min(1, w + 0.05)), p.key === "ArrowLeft" && j(Math.max(0, w - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -879,12 +879,12 @@ const ea = (e) => {
             "button",
             {
               type: "button",
-              onClick: (b) => {
-                b.stopPropagation(), v((_) => !_);
+              onClick: (p) => {
+                p.stopPropagation(), v((x) => !x);
               },
               className: "shrink-0 text-white",
-              "aria-label": N ? "Pause" : "Play",
-              children: N ? /* @__PURE__ */ n(ws, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": _ ? "Pause" : "Play",
+              children: _ ? /* @__PURE__ */ n(ws, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(je, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -898,19 +898,19 @@ const ea = (e) => {
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: B,
-              onTouchStart: B,
-              onClick: (b) => b.stopPropagation(),
-              onMouseEnter: () => R(!0),
-              onMouseLeave: () => R(!1),
-              onKeyDown: (b) => {
-                b.key === "ArrowRight" && P(Math.min(1, x + 0.05)), b.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
+              onMouseDown: F,
+              onTouchStart: F,
+              onClick: (p) => p.stopPropagation(),
+              onMouseEnter: () => D(!0),
+              onMouseLeave: () => D(!1),
+              onKeyDown: (p) => {
+                p.key === "ArrowRight" && j(Math.min(1, w + 0.05)), p.key === "ArrowLeft" && j(Math.max(0, w - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${S || A ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${A || S ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
@@ -923,7 +923,7 @@ const ea = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || A ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${A || S ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${$}%` }
                   }
                 )
@@ -943,7 +943,7 @@ const ea = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = re(e), [d, m] = O(!1);
+  const l = ie(e), [d, m] = O(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     ta,
     {
@@ -991,7 +991,7 @@ const ea = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: le(e, {
+      children: ce(e, {
         className: Ft(r),
         weight: "regular"
       })
@@ -1008,7 +1008,7 @@ const ea = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: le(e, {
+      children: ce(e, {
         className: Ft(r),
         weight: "regular"
       })
@@ -1028,13 +1028,13 @@ const ea = (e) => {
   rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", p = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
       ref: g,
       "data-testid": u,
-      className: y(
+      className: C(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#121110]" : "bg-white"
       ),
@@ -1046,17 +1046,17 @@ const ea = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: y("mb-0.5 truncate text-base font-medium", {
+              className: C("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && p,
-                "text-white": f && !p
+                "text-white/30": f && b,
+                "text-white": f && !b
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            le(r, {
-              className: y(
+            ce(r, {
+              className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1065,7 +1065,7 @@ const ea = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: y(
+                className: C(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1083,7 +1083,7 @@ const ea = (e) => {
 function tn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Xe(e) {
+function Ke(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function sa(e) {
@@ -1101,7 +1101,7 @@ function ia(e) {
 function oa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const Ke = ({ attachment: e, isMyMessage: t }) => {
+const Je = ({ attachment: e, isMyMessage: t }) => {
   const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(z.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
@@ -1128,7 +1128,7 @@ const Ke = ({ attachment: e, isMyMessage: t }) => {
 function nn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function Je(e) {
+function Ze(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(nn);
 }
@@ -1164,23 +1164,23 @@ const ca = ({
       },
       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(fe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(z.Fragment, { children: [
-        /* @__PURE__ */ n(ge, { className: "size-4 text-white", weight: "bold" }),
+      children: s ? /* @__PURE__ */ n(ge, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(z.Fragment, { children: [
+        /* @__PURE__ */ n(be, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function Ze(e) {
-  var u, f, c, p;
+function Qe(e) {
+  var u, f, c, b;
   const t = (u = e.attachments) == null ? void 0 : u.find(
-    (N) => N.type === "video" && N.asset_url
+    (_) => _.type === "video" && _.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
-    (N) => N.type === "image" && N.image_url
+    (_) => _.type === "image" && _.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (N) => N.type === "audio" && N.asset_url
-  ), r = (p = e.attachments) == null ? void 0 : p.find(
-    (N) => N.type === "file" && N.asset_url
+    (_) => _.type === "audio" && _.asset_url
+  ), r = (b = e.attachments) == null ? void 0 : b.find(
+    (_) => _.type === "file" && _.asset_url
   ), i = t ?? s ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!o) return null;
   const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
@@ -1227,7 +1227,7 @@ const sn = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = re(t), o = a !== void 0 ? tn(a) : void 0;
+  const i = ie(t), o = a !== void 0 ? tn(a) : void 0;
   return /* @__PURE__ */ n(
     en,
     {
@@ -1253,10 +1253,10 @@ const sn = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = Je(e), a = Ze(e);
+  const s = Ze(e), a = Qe(e);
   return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
     !t && e.user && /* @__PURE__ */ n(
-      ae,
+      re,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1274,7 +1274,7 @@ const sn = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: Xe(t), children: /* @__PURE__ */ n(Ke, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(sn, { ...a }) : /* @__PURE__ */ n(an, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: Ke(t), children: /* @__PURE__ */ n(Je, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(sn, { ...a }) : /* @__PURE__ */ n(an, { ...a })
           }
         ) })
       }
@@ -1283,18 +1283,18 @@ const sn = ({
 }, ua = ({
   message: e
 }) => {
-  const t = Je(e);
+  const t = Ze(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !0 }) });
-  const s = Ze(e);
+    return /* @__PURE__ */ n("div", { className: Ke(!0), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !0 }) });
+  const s = Qe(e);
   return s ? /* @__PURE__ */ n(sn, { ...s }) : null;
 }, ma = ({
   message: e
 }) => {
-  const t = Je(e);
+  const t = Ze(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
-  const s = Ze(e);
+    return /* @__PURE__ */ n("div", { className: Ke(!1), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !1 }) });
+  const s = Qe(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
 }, wi = Object.assign(da, {
   Creator: ua,
@@ -1303,9 +1303,9 @@ const sn = ({
   isUnlocking: () => !1
 }, fa = {
   LockedAttachment: ha
-}, rn = Ge({}), Ni = rn.Provider;
+}, rn = He({}), Ni = rn.Provider;
 function ga(e) {
-  return Se(rn)[e] ?? fa[e];
+  return Te(rn)[e] ?? fa[e];
 }
 const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -1330,7 +1330,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, va = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Ce = (e) => {
+}, ke = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
 }, xa = (e) => {
@@ -1339,23 +1339,23 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, on = (e) => pa(e) || va(e), wa = (e) => {
   var t;
   return on(e) && !((t = e.text) != null && t.trim());
-}, Pe = ({
+}, Oe = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = on(e), i = Ce(e);
+  const r = on(e), i = ke(e);
   if (!r && !i)
     return null;
   if (r) {
     const f = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", p = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
       /* @__PURE__ */ n(_s, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: p })
+      /* @__PURE__ */ n("span", { children: b })
     ] });
   }
   const o = s && a, l = o ? "Sent with AI" : "Sent with DM Agent", d = [
@@ -1363,10 +1363,10 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
   ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(ba, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { children: [
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ae, { children: [
     m,
     g
-  ] }) : /* @__PURE__ */ h(se, { children: [
+  ] }) : /* @__PURE__ */ h(ae, { children: [
     g,
     m
   ] }) });
@@ -1379,7 +1379,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -1393,7 +1393,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1419,73 +1419,73 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: p,
-    threadList: N,
+    renderText: b,
+    threadList: _,
     viewerLanguage: v
-  } = e, { client: x } = Ye("CustomMessage"), { channel: w } = ce("CustomMessage"), { isUnlocking: A, onUnlockClick: T, onFetchSource: S, onDownloadClick: R } = ga("LockedAttachment"), [I, C] = O(!1), k = An(c.id), { selected: E, voteUp: D, voteDown: U } = Us(c), {
-    Attachment: F = Mn,
+  } = e, { client: w } = qe("CustomMessage"), { channel: y } = de("CustomMessage"), { isUnlocking: S, onUnlockClick: k, onFetchSource: A, onDownloadClick: D } = ga("LockedAttachment"), [T, M] = O(!1), N = An(c.id), { selected: E, voteUp: I, voteDown: B } = Us(c), {
+    Attachment: P = Mn,
     EditMessageModal: Z = Dn,
-    MessageActions: V,
-    MessageBlocked: G = Rn,
-    MessageBouncePrompt: P = Ln,
-    MessageDeleted: B = Pn,
-    MessageIsThreadReplyInChannelButtonIndicator: H = On,
-    MessageRepliesCountButton: Y = zn,
+    MessageActions: G,
+    MessageBlocked: H = Rn,
+    MessageBouncePrompt: j = Ln,
+    MessageDeleted: F = Pn,
+    MessageIsThreadReplyInChannelButtonIndicator: Y = On,
+    MessageRepliesCountButton: q = zn,
     ReminderNotification: $ = Fn,
-    StreamedMessageText: b = $n,
-    PinIndicator: _
-  } = Ut("CustomMessage"), L = Bn(c), M = jn(c), W = ne(
+    StreamedMessageText: p = $n,
+    PinIndicator: x
+  } = Ut("CustomMessage"), L = Bn(c), U = jn(c), R = se(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), j = ne(() => {
-    const me = c.attachments ?? [], _e = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!Ce(c)) return _e;
-    const St = _e.filter((Tt) => !("type" in Tt) || !nn(Tt));
-    return St.length === _e.length ? _e : St;
-  }, [c]), K = ne(() => {
-    const me = Xt({ message: c, viewerLanguage: v });
-    return me === c.text ? c : { ...c, text: me };
+  ), V = se(() => {
+    const he = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...he] : he;
+    if (!ke(c)) return ye;
+    const St = ye.filter((Tt) => !("type" in Tt) || !nn(Tt));
+    return St.length === ye.length ? ye : St;
+  }, [c]), X = se(() => {
+    const he = Xt({ message: c, viewerLanguage: v });
+    return he === c.text ? c : { ...c, text: he };
   }, [c, v]);
   if (Un(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(B, { message: c });
+    return /* @__PURE__ */ n(F, { message: c });
   if (Vn(c))
-    return /* @__PURE__ */ n(G, {});
-  const ee = !N && !!c.reply_count, Q = !N && c.show_in_channel && c.parent_id, lt = c.status === "failed" && ((ft = c.error) == null ? void 0 : ft.status) !== 403, ct = Gn(c);
-  let ie;
-  lt ? ie = () => m(c) : ct && (ie = () => C(!0));
-  const de = f(), kn = y(
+    return /* @__PURE__ */ n(H, {});
+  const Q = !_ && !!c.reply_count, te = !_ && c.show_in_channel && c.parent_id, ee = c.status === "failed" && ((ft = c.error) == null ? void 0 : ft.status) !== 403, ct = Gn(c);
+  let oe;
+  ee ? oe = () => m(c) : ct && (oe = () => M(!0));
+  const ue = f(), kn = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ue ? "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": L,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": M,
+      "str-chat__message--with-reactions": U,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((gt = c == null ? void 0 : c.error) == null ? void 0 : gt.status) !== 403,
-      "str-chat__message-with-thread-link": ee || Q,
+      "str-chat__message-with-thread-link": Q || te,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), dt = c.poll_id && x.polls.fromState(c.poll_id), ut = wa(c), ue = Ce(c), mt = xa(c), Me = !!(j != null && j.length && !c.quoted_message), ht = ue && de && Me;
-  return /* @__PURE__ */ h(se, { children: [
+  ), dt = c.poll_id && w.polls.fromState(c.poll_id), ut = wa(c), me = ke(c), mt = xa(c), De = !!(V != null && V.length && !c.quoted_message), ht = me && ue && De;
+  return /* @__PURE__ */ h(ae, { children: [
     a && /* @__PURE__ */ n(
       Z,
       {
         additionalMessageInputProps: t
       }
     ),
-    I && /* @__PURE__ */ n(
+    T && /* @__PURE__ */ n(
       Hn,
       {
-        MessageBouncePrompt: P,
-        onClose: () => C(!1),
-        open: I
+        MessageBouncePrompt: j,
+        onClose: () => M(!1),
+        open: T
       }
     ),
     /* @__PURE__ */ h(
@@ -1494,10 +1494,10 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: kn,
         "data-message-id": c.id,
         children: [
-          _ && /* @__PURE__ */ n(_, {}),
-          !!k && /* @__PURE__ */ n($, { reminder: k }),
+          x && /* @__PURE__ */ n(x, {}),
+          !!N && /* @__PURE__ */ n($, { reminder: N }),
           c.user && /* @__PURE__ */ n(
-            ae,
+            re,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1505,20 +1505,20 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: ue
+              dmAgentEnabled: me
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
-              className: y("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": lt || ct
+              className: C("str-chat__message-inner", {
+                "str-chat__simple-message--error-failed": ee || ct
               }),
               "data-testid": "message-inner",
-              onClick: ie,
-              onKeyDown: ie,
-              role: ie ? "button" : void 0,
-              tabIndex: ie ? 0 : void 0,
+              onClick: oe,
+              onKeyDown: oe,
+              role: oe ? "button" : void 0,
+              tabIndex: oe ? 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
@@ -1526,8 +1526,8 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 marginInlineStart: 0
               },
               children: mt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                de ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  V && /* @__PURE__ */ n(V, {}),
+                ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                  G && /* @__PURE__ */ n(G, {}),
                   /* @__PURE__ */ n(
                     zt.Sent,
                     {
@@ -1537,8 +1537,8 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (xt = c.metadata) == null ? void 0 : xt.amount_text,
                       detail: (wt = c.metadata) == null ? void 0 : wt.attachment_detail,
                       paymentStatus: (Nt = c.metadata) == null ? void 0 : Nt.payment_status,
-                      onPreviewClick: () => T == null ? void 0 : T(c, w),
-                      onFetchSource: async () => await (S == null ? void 0 : S(c, w))
+                      onPreviewClick: () => k == null ? void 0 : k(c, y),
+                      onFetchSource: async () => await (A == null ? void 0 : A(c, y))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1551,52 +1551,52 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (kt = c.metadata) == null ? void 0 : kt.amount_text,
                       detail: (Et = c.metadata) == null ? void 0 : Et.attachment_detail,
                       paymentStatus: (It = c.metadata) == null ? void 0 : It.payment_status,
-                      isUnlocking: A(c.id),
-                      onUnlockClick: () => T == null ? void 0 : T(c, w),
-                      onFetchSource: async () => await (S == null ? void 0 : S(c, w)),
-                      onDownloadClick: () => R == null ? void 0 : R(c, w)
+                      isUnlocking: S(c.id),
+                      onUnlockClick: () => k == null ? void 0 : k(c, y),
+                      onFetchSource: async () => await (A == null ? void 0 : A(c, y)),
+                      onDownloadClick: () => D == null ? void 0 : D(c, y)
                     }
                   ),
-                  V && /* @__PURE__ */ n(V, {})
+                  G && /* @__PURE__ */ n(G, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   At,
                   {
-                    message: K,
-                    renderText: p
+                    message: X,
+                    renderText: b
                   }
                 ) })
               ] }) : ut ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(Pe, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(Oe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                ue && !ht && /* @__PURE__ */ n(
-                  Pe,
+                me && !ht && /* @__PURE__ */ n(
+                  Oe,
                   {
                     message: c,
-                    hasAttachment: Me,
-                    isMyMessage: de
+                    hasAttachment: De,
+                    isMyMessage: ue
                   }
                 ),
                 dt && /* @__PURE__ */ n(Yn, { poll: dt }),
-                j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  F,
+                V != null && V.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  P,
                   {
                     actionHandler: l,
-                    attachments: j
+                    attachments: V
                   }
                 ) : null,
-                W ? /* @__PURE__ */ n(
-                  b,
+                R ? /* @__PURE__ */ n(
+                  p,
                   {
-                    message: K,
-                    renderText: p
+                    message: X,
+                    renderText: b
                   }
                 ) : /* @__PURE__ */ n(
                   At,
                   {
-                    message: K,
-                    renderText: p
+                    message: X,
+                    renderText: b
                   }
                 ),
                 /* @__PURE__ */ n(qn, {})
@@ -1604,31 +1604,31 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
             }
           ),
           !mt && !ut && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!ue || ht) && /* @__PURE__ */ n(
-              Pe,
+            (!me || ht) && /* @__PURE__ */ n(
+              Oe,
               {
                 message: c,
-                hasAttachment: Me,
-                isMyMessage: de
+                hasAttachment: De,
+                isMyMessage: ue
               }
             ),
-            s && ue && /* @__PURE__ */ n(
+            s && me && /* @__PURE__ */ n(
               Na,
               {
                 selected: E,
-                onVoteUp: D,
-                onVoteDown: U
+                onVoteUp: I,
+                onVoteDown: B
               }
             )
           ] }),
-          ee && /* @__PURE__ */ n(
-            Y,
+          Q && /* @__PURE__ */ n(
+            q,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          Q && /* @__PURE__ */ n(H, {})
+          te && /* @__PURE__ */ n(Y, {})
         ]
       },
       c.id
@@ -1638,11 +1638,11 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   _a,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Tn(e, t)
 ), Ca = (e) => {
-  const t = be("CustomMessage");
+  const t = pe("CustomMessage");
   return /* @__PURE__ */ n(ya, { ...t, ...e });
 }, ka = () => {
   var s;
-  const { handleDelete: e, message: t } = be("CustomMessageActions");
+  const { handleDelete: e, message: t } = pe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     Yt,
     {
@@ -1654,7 +1654,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   );
 }, Ea = () => {
-  const { handleFlag: e } = be("CustomMessageActions");
+  const { handleFlag: e } = pe("CustomMessageActions");
   return /* @__PURE__ */ n(
     Yt,
     {
@@ -1667,7 +1667,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   );
 }, Ia = () => {
   var t;
-  const { message: e } = be("CustomMessageActions");
+  const { message: e } = pe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
     Ms,
     {
@@ -1711,7 +1711,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ n(pe, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ n(ve, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ h("div", { className: "p-2", children: [
@@ -1747,7 +1747,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     children: /* @__PURE__ */ n(Es, { weight: "bold", className: "size-4" })
   }
 ), Da = () => {
-  const e = Se(ln), { handleSubmit: t } = Jn(), s = Zn(), a = e || !s, {
+  const e = Te(ln), { handleSubmit: t } = Jn(), s = Zn(), a = e || !s, {
     SendButton: r = Ma,
     AttachmentPreviewList: i = Qn
   } = Ut("CustomMessageInput");
@@ -1787,8 +1787,8 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   disabledReason: a
 }) => {
   var o;
-  const { channel: r } = ce(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(se, { children: [
+  const { channel: r } = de(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
+  return s ? /* @__PURE__ */ h(ae, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
   ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -1816,7 +1816,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], za = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Oe = "age safety guidelines.", Fa = "https://linktr.ee/s/about/contact", $t = (e) => La.includes(e), $a = (e) => Oa.includes(e), Ba = (e) => {
+}, ze = "age safety guidelines.", Fa = "https://linktr.ee/s/about/contact", $t = (e) => La.includes(e), $a = (e) => Oa.includes(e), Ba = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if ($t(t))
@@ -1836,11 +1836,11 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       type: s
     };
 }, ja = (e) => {
-  const t = e.indexOf(Oe);
+  const t = e.indexOf(ze);
   if (t === -1)
     return e;
-  const s = t + Oe.length;
-  return /* @__PURE__ */ h(se, { children: [
+  const s = t + ze.length;
+  return /* @__PURE__ */ h(ae, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -1849,7 +1849,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Oe
+        children: ze
       }
     ),
     e.slice(s)
@@ -1870,7 +1870,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              je,
+              Ue,
               {
                 size: 16,
                 weight: "regular",
@@ -1882,7 +1882,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(De, { message: e.message })
+      !t && /* @__PURE__ */ n(Re, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
@@ -1909,7 +1909,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(De, { message: e.message })
+      !t && /* @__PURE__ */ n(Re, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1918,9 +1918,9 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(De, { message: e.message })
+    !t && /* @__PURE__ */ n(Re, { message: e.message })
   ] });
-}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, cn = He(!1), Fe = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1931,14 +1931,14 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     repeatCount: "indefinite"
   }
 ) }), Va = /* @__PURE__ */ new Set([
-  Re.Thinking,
-  Re.Generating,
-  Re.ExternalSources
+  Le.Thinking,
+  Le.Generating,
+  Le.ExternalSources
 ]), Ga = ({ threadList: e }) => {
-  var p, N;
-  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = ns(), { aiState: o } = ss(t), l = Se(cn);
+  var b, _;
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = qe(), { typing: i = {} } = ns(), { aiState: o } = ss(t), l = Te(cn);
   if (!e && l && Va.has(o)) {
-    const v = Ha(t, (p = r.user) == null ? void 0 : p.id);
+    const v = Ha(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       Bt,
       {
@@ -1952,19 +1952,19 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: x }) => {
-      var w;
-      return (x == null ? void 0 : x.id) !== ((w = r.user) == null ? void 0 : w.id) && !v;
+    ({ parent_id: v, user: w }) => {
+      var y;
+      return (w == null ? void 0 : w.id) !== ((y = r.user) == null ? void 0 : y.id) && !v;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: v, user: x }) => {
-      var w;
-      return (x == null ? void 0 : x.id) !== ((w = r.user) == null ? void 0 : w.id) && v === (a == null ? void 0 : a.id);
+    ({ parent_id: v, user: w }) => {
+      var y;
+      return (w == null ? void 0 : w.id) !== ((y = r.user) == null ? void 0 : y.id) && v === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? g : m;
   if (!u.length)
     return null;
-  const f = (N = u[0]) == null ? void 0 : N.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (_ = u[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(
     Bt,
     {
@@ -1987,7 +1987,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     style: { insetInlineStart: 0, insetInlineEnd: "auto" },
     children: [
       /* @__PURE__ */ n("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ n(
-        ae,
+        re,
         {
           id: e,
           name: t,
@@ -2006,9 +2006,9 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           height: "8",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ n(ze, { cx: "4", index: 0 }),
-            /* @__PURE__ */ n(ze, { cx: "16", index: 1 }),
-            /* @__PURE__ */ n(ze, { cx: "28", index: 2 })
+            /* @__PURE__ */ n(Fe, { cx: "4", index: 0 }),
+            /* @__PURE__ */ n(Fe, { cx: "16", index: 1 }),
+            /* @__PURE__ */ n(Fe, { cx: "28", index: 2 })
           ]
         }
       ) })
@@ -2027,7 +2027,7 @@ function Ha(e, t) {
 const Ya = () => null, qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: y("flex items-center justify-center h-full", e),
+    className: C("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2067,12 +2067,12 @@ const Ya = () => null, qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), ke = z.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+), Ee = z.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(qa, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-ke.displayName = "LoadingState";
-const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", jt = "Replies instantly with AI assistant", Wa = ({
+Ee.displayName = "LoadingState";
+const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", jt = "Replies instantly with AI assistant", Wa = ({
   onBack: e,
   showBackButton: t,
   onShowInfo: s,
@@ -2080,23 +2080,23 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showStarButton: r = !1,
   dmAgentEnabled: i = !1
 }) => {
-  var f, c, p, N, v;
-  const { channel: o } = ce(), l = z.useMemo(() => {
-    var A, T;
-    const x = (A = o._client) == null ? void 0 : A.userID;
-    return x ? Object.values(((T = o.state) == null ? void 0 : T.members) || {}).find(
-      (S) => {
-        var R;
-        return ((R = S.user) == null ? void 0 : R.id) && S.user.id !== x;
+  var f, c, b, _, v;
+  const { channel: o } = de(), l = z.useMemo(() => {
+    var S, k;
+    const w = (S = o._client) == null ? void 0 : S.userID;
+    return w ? Object.values(((k = o.state) == null ? void 0 : k.members) || {}).find(
+      (A) => {
+        var D;
+        return ((D = A.user) == null ? void 0 : D.id) && A.user.id !== w;
       }
     ) : void 0;
-  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Te(l == null ? void 0 : l.user), m = (p = l == null ? void 0 : l.user) == null ? void 0 : p.image, g = Wt(o), u = async () => {
+  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Ae(l == null ? void 0 : l.user), m = (b = l == null ? void 0 : l.user) == null ? void 0 : b.image, g = Wt(o), u = async () => {
     try {
       g ? await o.unpin() : await o.pin();
-    } catch (x) {
+    } catch (w) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        x
+        w
       );
     }
   };
@@ -2105,8 +2105,8 @@ const oe = "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: y(
-            oe,
+          className: C(
+            le,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
@@ -2118,9 +2118,9 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          ae,
+          re,
           {
-            id: ((N = l == null ? void 0 : l.user) == null ? void 0 : N.id) || o.id || "unknown",
+            id: ((_ = l == null ? void 0 : l.user) == null ? void 0 : _.id) || o.id || "unknown",
             name: d,
             image: m,
             starred: r && g,
@@ -2130,7 +2130,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         ),
         /* @__PURE__ */ n("p", { className: "text-center text-xs font-medium text-black/90", children: d }),
         i && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
+          /* @__PURE__ */ n(Ue, { className: "size-3 shrink-0 text-black/55" }),
           /* @__PURE__ */ n("span", { children: jt })
         ] })
       ] }),
@@ -2138,14 +2138,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         r && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
+            className: le,
             onClick: u,
             type: "button",
             "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              $e,
+              Be,
               {
-                className: y("size-5", {
+                className: C("size-5", {
                   "text-yellow-600": g,
                   "text-black/90": !g
                 }),
@@ -2154,10 +2154,10 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        /* @__PURE__ */ n(
+        a && /* @__PURE__ */ n(
           "button",
           {
-            className: y(oe, "bg-[#F1F0EE]"),
+            className: C(le, "bg-[#F1F0EE]"),
             onClick: s,
             type: "button",
             "aria-label": "Show info",
@@ -2171,8 +2171,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: y(
-              oe,
+            className: C(
+              le,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2182,7 +2182,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         /* @__PURE__ */ n(
-          ae,
+          re,
           {
             id: ((v = l == null ? void 0 : l.user) == null ? void 0 : v.id) || o.id || "unknown",
             name: d,
@@ -2204,7 +2204,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             }
           ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: d }),
           i && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-            /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
+            /* @__PURE__ */ n(Ue, { className: "size-3 shrink-0 text-black/55" }),
             /* @__PURE__ */ n("span", { className: "truncate", children: jt })
           ] })
         ] })
@@ -2213,14 +2213,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         r && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
+            className: le,
             onClick: u,
             type: "button",
             "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              $e,
+              Be,
               {
-                className: y("size-6", {
+                className: C("size-6", {
                   "text-yellow-600": g,
                   "text-black/90": !g
                 }),
@@ -2232,7 +2232,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         a && s && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
+            className: le,
             onClick: s,
             type: "button",
             "aria-label": "Show info",
@@ -2257,67 +2257,68 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   showFollowerStatus: c = !0,
-  composerDisabled: p = !1,
-  composerDisabledReason: N,
+  composerDisabled: b = !1,
+  composerDisabledReason: _,
   showStarButton: v = !1,
-  chatbotVotingEnabled: x = !1,
-  renderChannelBanner: w,
-  customProfileContent: A,
-  customChannelActions: T,
-  renderMessage: S,
-  dmAgentEnabled: R = !1,
-  viewerLanguage: I
+  chatbotVotingEnabled: w = !1,
+  renderChannelBanner: y,
+  customProfileContent: S,
+  customChannelActions: k,
+  renderMessage: A,
+  dmAgentEnabled: D = !1,
+  viewerLanguage: T,
+  showChannelInfo: M = !0
 }) => {
-  var H, Y, $, b, _, L;
-  const { channel: C } = ce(), k = X(null), E = z.useMemo(() => {
-    var j, K;
-    const M = (j = C._client) == null ? void 0 : j.userID;
-    return M ? Object.values(((K = C.state) == null ? void 0 : K.members) || {}).find(
-      (ee) => {
-        var Q;
-        return ((Q = ee.user) == null ? void 0 : Q.id) && ee.user.id !== M;
+  var q, $, p, x, L, U;
+  const { channel: N } = de(), E = K(null), I = z.useMemo(() => {
+    var X, Q;
+    const R = (X = N._client) == null ? void 0 : X.userID;
+    return R ? Object.values(((Q = N.state) == null ? void 0 : Q.members) || {}).find(
+      (te) => {
+        var ee;
+        return ((ee = te.user) == null ? void 0 : ee.id) && te.user.id !== R;
       }
     ) : void 0;
-  }, [(H = C._client) == null ? void 0 : H.userID, (Y = C.state) == null ? void 0 : Y.members]), D = z.useMemo(() => {
-    var j, K;
-    const M = (j = C._client) == null ? void 0 : j.userID;
-    return M ? Object.values(((K = C.state) == null ? void 0 : K.members) || {}).find((ee) => {
-      var Q;
-      return ((Q = ee.user) == null ? void 0 : Q.id) === M;
+  }, [(q = N._client) == null ? void 0 : q.userID, ($ = N.state) == null ? void 0 : $.members]), B = z.useMemo(() => {
+    var X, Q;
+    const R = (X = N._client) == null ? void 0 : X.userID;
+    return R ? Object.values(((Q = N.state) == null ? void 0 : Q.members) || {}).find((te) => {
+      var ee;
+      return ((ee = te.user) == null ? void 0 : ee.id) === R;
     }) : void 0;
-  }, [($ = C._client) == null ? void 0 : $.userID, (b = C.state) == null ? void 0 : b.members]), U = ((_ = D == null ? void 0 : D.user) == null ? void 0 : _.is_account) ?? (D == null ? void 0 : D.is_account), F = ((L = E == null ? void 0 : E.user) == null ? void 0 : L.is_account) ?? (E == null ? void 0 : E.is_account), Z = R && U === !1 && F === !0, V = z.useMemo(() => {
+  }, [(p = N._client) == null ? void 0 : p.userID, (x = N.state) == null ? void 0 : x.members]), P = ((L = B == null ? void 0 : B.user) == null ? void 0 : L.is_account) ?? (B == null ? void 0 : B.is_account), Z = ((U = I == null ? void 0 : I.user) == null ? void 0 : U.is_account) ?? (I == null ? void 0 : I.is_account), G = D && P === !1 && Z === !0, H = z.useMemo(() => {
     if (!c) return;
-    const M = C.data ?? {};
-    if (M.followerStatus)
-      return String(M.followerStatus);
-    if (M.isFollower !== void 0)
-      return M.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [C.data, c]), G = q(() => {
-    var M;
-    (M = k.current) == null || M.showModal();
-  }, []), P = q(() => {
-    var M;
-    (M = k.current) == null || M.close();
-  }, []), B = q(
-    (M) => {
-      const { message: W } = be("ChannelView"), j = /* @__PURE__ */ n(
+    const R = N.data ?? {};
+    if (R.followerStatus)
+      return String(R.followerStatus);
+    if (R.isFollower !== void 0)
+      return R.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [N.data, c]), j = W(() => {
+    var R;
+    (R = E.current) == null || R.showModal();
+  }, []), F = W(() => {
+    var R;
+    (R = E.current) == null || R.close();
+  }, []), Y = W(
+    (R) => {
+      const { message: V } = pe("ChannelView"), X = /* @__PURE__ */ n(
         Ca,
         {
-          ...M,
-          chatbotVotingEnabled: x,
-          viewerLanguage: I
+          ...R,
+          chatbotVotingEnabled: w,
+          viewerLanguage: T
         }
       );
-      return !S || !W ? j : S(j, W);
+      return !A || !V ? X : A(X, V);
     },
-    [x, S, I]
+    [w, A, T]
   );
-  return /* @__PURE__ */ h(se, { children: [
+  return /* @__PURE__ */ h(ae, { children: [
     /* @__PURE__ */ n(
       rs,
       {
         overrides: {
-          Message: B,
+          Message: Y,
           MessageActions: Ia
         },
         children: /* @__PURE__ */ h(is, { children: [
@@ -2326,13 +2327,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               onBack: e,
               showBackButton: t,
-              onShowInfo: G,
-              canShowInfo: !!E,
+              onShowInfo: j,
+              canShowInfo: M && !!I,
               showStarButton: v,
-              dmAgentEnabled: Z
+              dmAgentEnabled: G
             }
           ) }, "lt-channel-header"),
-          w ? /* @__PURE__ */ n(z.Fragment, { children: w() }, "lt-channel-banner") : null,
+          y ? /* @__PURE__ */ n(z.Fragment, { children: y() }, "lt-channel-banner") : null,
           /* @__PURE__ */ n(
             "div",
             {
@@ -2341,33 +2342,33 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             },
             "lt-channel-message-list"
           ),
-          r ? /* @__PURE__ */ n(z.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
+          r ? /* @__PURE__ */ n(z.Fragment, { children: r(N) }, "lt-channel-conversation-footer") : null,
           /* @__PURE__ */ n(
             Ra,
             {
               ...s && {
-                renderActions: () => s == null ? void 0 : s(C)
+                renderActions: () => s == null ? void 0 : s(N)
               },
-              renderFooter: () => a == null ? void 0 : a(C),
-              disabled: p,
-              disabledReason: N
+              renderFooter: () => a == null ? void 0 : a(N),
+              disabled: b,
+              disabledReason: _
             },
             "lt-channel-message-input"
           )
         ] })
       }
     ),
-    /* @__PURE__ */ n(
+    M && /* @__PURE__ */ n(
       $s,
       {
-        dialogRef: k,
-        onClose: P,
-        participant: E,
-        participantDisplayName: Te(
-          E == null ? void 0 : E.user
+        dialogRef: E,
+        onClose: F,
+        participant: I,
+        participantDisplayName: Ae(
+          I == null ? void 0 : I.user
         ),
-        channel: C,
-        followerStatusLabel: V,
+        channel: N,
+        followerStatusLabel: H,
         onLeaveConversation: i,
         onBlockParticipant: o,
         showDeleteConversation: l,
@@ -2376,8 +2377,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         onDeleteConversationClick: d,
         onBlockParticipantClick: m,
         onReportParticipantClick: g,
-        customProfileContent: A,
-        customChannelActions: T
+        customProfileContent: S,
+        customChannelActions: k
       }
     )
   ] });
@@ -2397,75 +2398,76 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: p = !0,
-    showReportParticipant: N = !0,
+    showBlockParticipant: b = !0,
+    showReportParticipant: _ = !0,
     showFollowerStatus: v = !0,
-    composerDisabled: x = !1,
-    composerDisabledReason: w,
-    dmAgentEnabled: A,
-    messageMetadata: T,
-    onMessageSent: S,
-    showStarButton: R = !1,
-    chatbotVotingEnabled: I = !1,
-    renderChannelBanner: C,
-    customProfileContent: k,
+    composerDisabled: w = !1,
+    composerDisabledReason: y,
+    dmAgentEnabled: S,
+    messageMetadata: k,
+    onMessageSent: A,
+    showStarButton: D = !1,
+    chatbotVotingEnabled: T = !1,
+    renderChannelBanner: M,
+    customProfileContent: N,
     customChannelActions: E,
-    renderMessage: D,
-    onMessageLinkClick: U,
-    sendButton: F,
+    renderMessage: I,
+    onMessageLinkClick: B,
+    sendButton: P,
     attachmentPreviewList: Z,
-    viewerLanguage: V
+    viewerLanguage: G,
+    showChannelInfo: H = !0
   }) => {
-    const G = q(
-      async (B, H, Y) => {
-        var W;
-        const $ = ((W = e.data) == null ? void 0 : W.chatbot_paused) === !0, b = A && !$, _ = {
-          ...H,
-          ...b && { silent: !0 },
-          ...T && {
+    const j = W(
+      async (Y, q, $) => {
+        var V;
+        const p = ((V = e.data) == null ? void 0 : V.chatbot_paused) === !0, x = S && !p, L = {
+          ...q,
+          ...x && { silent: !0 },
+          ...k && {
             metadata: {
-              ...H.metadata ?? {},
-              ...T
+              ...q.metadata ?? {},
+              ...k
             }
           }
-        }, L = {
-          ...Y,
-          ...b && { skip_push: !0 }
-        }, M = await e.sendMessage(_, L);
-        return S == null || S(M), M;
+        }, U = {
+          ...$,
+          ...x && { skip_push: !0 }
+        }, R = await e.sendMessage(L, U);
+        return A == null || A(R), R;
       },
-      [e, A, T, S]
-    ), P = X(null);
+      [e, S, k, A]
+    ), F = K(null);
     return J(() => {
-      if (!U) return;
-      const B = P.current;
       if (!B) return;
-      const H = (Y) => {
-        const $ = Y.target, b = $ == null ? void 0 : $.closest("a[href]"), _ = b == null ? void 0 : b.getAttribute("href");
-        if (!_) return;
-        const L = b == null ? void 0 : b.closest("[data-message-id]"), M = L == null ? void 0 : L.getAttribute("data-message-id"), W = M ? e.state.messages.find((j) => j.id === M) : void 0;
-        U(_, W);
+      const Y = F.current;
+      if (!Y) return;
+      const q = ($) => {
+        const p = $.target, x = p == null ? void 0 : p.closest("a[href]"), L = x == null ? void 0 : x.getAttribute("href");
+        if (!L) return;
+        const U = x == null ? void 0 : x.closest("[data-message-id]"), R = U == null ? void 0 : U.getAttribute("data-message-id"), V = R ? e.state.messages.find((X) => X.id === R) : void 0;
+        B(L, V);
       };
-      return B.addEventListener("click", H), () => B.removeEventListener("click", H);
-    }, [U, e]), /* @__PURE__ */ n(
+      return Y.addEventListener("click", q), () => Y.removeEventListener("click", q);
+    }, [B, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: P,
-        className: y(
+        ref: F,
+        className: C(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(cn.Provider, { value: A ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(cn.Provider, { value: S ?? !1, children: /* @__PURE__ */ n(
           as,
           {
             channel: e,
             MessageSystem: Ua,
             EmptyStateIndicator: m,
-            LoadingIndicator: ke,
+            LoadingIndicator: Ee,
             DateSeparator: Bs,
             TypingIndicator: Ga,
-            doSendMessageRequest: G,
-            ...F ? { SendButton: F } : {},
+            doSendMessageRequest: j,
+            ...P ? { SendButton: P } : {},
             ...Z ? { AttachmentPreviewList: Z } : {},
             children: /* @__PURE__ */ n(
               Xa,
@@ -2482,19 +2484,20 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: p,
-                showReportParticipant: N,
+                showBlockParticipant: b,
+                showReportParticipant: _,
                 showFollowerStatus: v,
-                composerDisabled: x,
-                composerDisabledReason: w,
-                showStarButton: R,
-                dmAgentEnabled: A,
-                chatbotVotingEnabled: I,
-                renderChannelBanner: C,
-                customProfileContent: k,
+                composerDisabled: w,
+                composerDisabledReason: y,
+                showStarButton: D,
+                dmAgentEnabled: S,
+                chatbotVotingEnabled: T,
+                renderChannelBanner: M,
+                customProfileContent: N,
                 customChannelActions: E,
-                renderMessage: D,
-                viewerLanguage: V
+                renderMessage: I,
+                viewerLanguage: G,
+                showChannelInfo: H
               }
             )
           }
@@ -2504,7 +2507,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 dn.displayName = "ChannelView";
-const he = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const fe = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2518,7 +2521,7 @@ const he = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-he.displayName = "ErrorState";
+fe.displayName = "ErrorState";
 const _i = ({
   capabilities: e = {},
   renderMessageInputActions: t,
@@ -2534,125 +2537,127 @@ const _i = ({
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderChannelBanner: p,
-  customChannelActions: N,
+  renderChannelBanner: b,
+  customChannelActions: _,
   renderMessage: v,
-  onMessageLinkClick: x
+  onMessageLinkClick: w,
+  showChannelInfo: y
 }) => {
   const {
-    client: w,
-    isConnected: A,
-    isLoading: T,
-    error: S,
-    refreshConnection: R,
-    service: I,
-    debug: C
-  } = Ds(), [k, E] = O(null), [D, U] = O(null), [F, Z] = O(!1), { showDeleteConversation: V = !0 } = e, G = X(o);
-  G.current = o;
-  const P = X(a);
-  P.current = a;
-  const B = X(null), H = X(null);
+    client: S,
+    isConnected: k,
+    isLoading: A,
+    error: D,
+    refreshConnection: T,
+    service: M,
+    debug: N
+  } = Ds(), [E, I] = O(null), [B, P] = O(null), [Z, G] = O(!1), { showDeleteConversation: H = !0 } = e, j = K(o);
+  j.current = o;
+  const F = K(a);
+  F.current = a;
+  const Y = K(null), q = K(null);
   J(() => {
-    H.current = k;
-  }, [k]), J(() => {
-    if (!w || !A) return;
-    const b = w.userID;
-    if (!b) return;
-    const _ = `${b}::${i}`;
-    if (B.current === _) return;
-    B.current = _;
-    const L = () => {
-      B.current === _ && (B.current = null);
+    q.current = E;
+  }, [E]), J(() => {
+    if (!S || !k) return;
+    const x = S.userID;
+    if (!x) return;
+    const L = `${x}::${i}`;
+    if (Y.current === L) return;
+    Y.current = L;
+    const U = () => {
+      Y.current === L && (Y.current = null);
     };
     (async () => {
-      var W, j;
+      var V, X;
       try {
-        C && console.log(
+        N && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const K = await w.queryChannels(
+        const Q = await S.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [b, i] }
+            members: { $eq: [x, i] }
           },
           {},
           { limit: 1 }
         );
-        if (K.length > 0) {
-          E(K[0]), U(null), (W = P.current) == null || W.call(P, K[0]), C && console.log(
+        if (Q.length > 0) {
+          I(Q[0]), P(null), (V = F.current) == null || V.call(F, Q[0]), N && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            K[0].id
+            Q[0].id
           );
           return;
         }
-        const ee = G.current;
-        if (!ee || !I) {
-          L(), U("No conversation found with this account"), C && console.log(
+        const te = j.current;
+        if (!te || !M) {
+          U(), P("No conversation found with this account"), N && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const Q = await I.startChannelWithParticipant({
-            id: ee.id,
-            name: ee.name,
-            phone: ee.phone
+          const ee = await M.startChannelWithParticipant({
+            id: te.id,
+            name: te.name,
+            phone: te.phone
           });
-          E(Q), U(null), (j = P.current) == null || j.call(P, Q), C && console.log(
+          I(ee), P(null), (X = F.current) == null || X.call(F, ee), N && console.log(
             "[MessagingShell] Channel created and loaded:",
-            Q.id
+            ee.id
           );
-        } catch (Q) {
+        } catch (ee) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            Q
-          ), L(), U("Failed to create conversation");
+            ee
+          ), U(), P("Failed to create conversation");
         }
-      } catch (K) {
+      } catch (Q) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          K
-        ), L(), H.current || U("Failed to load conversation");
+          Q
+        ), U(), q.current || P("Failed to load conversation");
       }
     })();
-  }, [i, w, A, I, C]);
-  const Y = X(r);
-  Y.current = r;
-  const $ = q(() => {
-    var b;
-    E(null), Z(!0), (b = Y.current) == null || b.call(Y);
+  }, [i, S, k, M, N]);
+  const $ = K(r);
+  $.current = r;
+  const p = W(() => {
+    var x;
+    I(null), G(!0), (x = $.current) == null || x.call($);
   }, []);
-  return T ? /* @__PURE__ */ n(ke, {}) : S ? /* @__PURE__ */ n(he, { message: S, onBack: R }) : !A || !w ? /* @__PURE__ */ n(
-    he,
+  return A ? /* @__PURE__ */ n(Ee, {}) : D ? /* @__PURE__ */ n(fe, { message: D, onBack: T }) : !k || !S ? /* @__PURE__ */ n(
+    fe,
     {
       message: "Not connected to messaging service",
-      onBack: R
+      onBack: T
     }
-  ) : D ? /* @__PURE__ */ n(he, { message: D }) : F && !k ? /* @__PURE__ */ n(he, { message: "Conversation ended" }) : k ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : B ? /* @__PURE__ */ n(fe, { message: B }) : Z && !E ? /* @__PURE__ */ n(fe, { 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(
     dn,
     {
-      channel: k,
+      channel: E,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: p,
-      onLeaveConversation: $,
-      onBlockParticipant: $,
+      renderChannelBanner: b,
+      onLeaveConversation: p,
+      onBlockParticipant: p,
       CustomChannelEmptyState: l,
-      showDeleteConversation: V,
+      showDeleteConversation: H,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: g,
       onMessageSent: u,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      customChannelActions: N,
+      customChannelActions: _,
       renderMessage: v,
-      onMessageLinkClick: x
+      onMessageLinkClick: w,
+      showChannelInfo: y
     },
-    k.id
-  ) }) }) : /* @__PURE__ */ n(ke, {});
+    E.id
+  ) }) }) : /* @__PURE__ */ n(Ee, {});
 };
 function Ka(e) {
   const t = e.state.pending_messages;
@@ -2690,7 +2695,7 @@ const un = z.createContext({
   });
 }, mn = z.memo(
   ({ channel: e, unread: t }) => {
-    var R, I, C;
+    var D, T, M;
     const {
       selectedChannel: s,
       onChannelSelect: a,
@@ -2699,40 +2704,40 @@ const un = z.createContext({
       viewerLanguage: o
     } = Za(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, m = (k) => {
-      const E = k.key === "Enter" || k.key === " ", D = k.repeat;
-      !E || D || (k.preventDefault(), d());
-    }, u = Object.values(((R = e == null ? void 0 : e.state) == null ? void 0 : R.members) || {}).find(
-      (k) => {
-        var E, D;
-        return ((E = k.user) == null ? void 0 : E.id) && k.user.id !== ((D = e == null ? void 0 : e._client) == null ? void 0 : D.userID);
+    }, m = (N) => {
+      const E = N.key === "Enter" || N.key === " ", I = N.repeat;
+      !E || I || (N.preventDefault(), d());
+    }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
+      (N) => {
+        var E, I;
+        return ((E = N.user) == null ? void 0 : E.id) && N.user.id !== ((I = e == null ? void 0 : e._client) == null ? void 0 : I.userID);
       }
-    ), f = Te(u == null ? void 0 : u.user), c = (I = u == null ? void 0 : u.user) == null ? void 0 : I.image, p = (() => {
+    ), f = Ae(u == null ? void 0 : u.user), c = (T = u == null ? void 0 : u.user) == null ? void 0 : T.image, b = (() => {
       var E;
-      const k = (E = e == null ? void 0 : e.state) == null ? void 0 : E.messages;
-      if (k != null && k.length) {
-        for (let D = k.length - 1; D >= 0; D--)
-          if (k[D].type !== "system") return k[D];
+      const N = (E = e == null ? void 0 : e.state) == null ? void 0 : E.messages;
+      if (N != null && N.length) {
+        for (let I = N.length - 1; I >= 0; I--)
+          if (N[I].type !== "system") return N[I];
       }
     })(), v = (() => {
-      var Z, V, G, P;
-      const k = Xt({
-        message: p,
+      var Z, G, H, j;
+      const N = Xt({
+        message: b,
         viewerLanguage: o
       });
-      if (((Z = p == null ? void 0 : p.metadata) == null ? void 0 : Z.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
-      if (((V = p == null ? void 0 : p.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
-      if (((G = p == null ? void 0 : p.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return k ? `📎 ${k}` : "📎 Sent an attachment";
-      if (k) return k;
-      const F = (P = p == null ? void 0 : p.attachments) == null ? void 0 : P[0];
-      return F ? F.og_scrape_url ? F.og_scrape_url : F.type === "image" ? "📷 Sent an image" : F.type === "video" ? "🎥 Sent a video" : F.type === "audio" ? "🎵 Sent audio" : F.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), x = p != null && p.created_at ? er(new Date(p.created_at)) : "", w = p ? Ce(p) : !1, A = i ? i(p, v) : `${w ? "✨ " : ""}${v}`, T = Wt(e), S = t ?? 0;
+      if (((Z = b == null ? void 0 : b.metadata) == null ? void 0 : Z.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
+      if (((G = b == null ? void 0 : b.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
+      if (((H = b == null ? void 0 : b.metadata) == null ? void 0 : H.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
+      if (N) return N;
+      const P = (j = b == null ? void 0 : b.attachments) == null ? void 0 : j[0];
+      return P ? P.og_scrape_url ? P.og_scrape_url : P.type === "image" ? "📷 Sent an image" : P.type === "video" ? "🎥 Sent a video" : P.type === "audio" ? "🎵 Sent audio" : P.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), w = b != null && b.created_at ? er(new Date(b.created_at)) : "", y = b ? ke(b) : !1, S = i ? i(b, v) : `${y ? "✨ " : ""}${v}`, k = Wt(e), A = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
       participantName: f,
-      unreadCount: S,
-      hasTimestamp: !!x
+      unreadCount: A,
+      hasTimestamp: !!w
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2740,7 +2745,7 @@ const un = z.createContext({
         tabIndex: 0,
         onClick: d,
         onKeyDown: m,
-        className: y(
+        className: C(
           "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]": l,
@@ -2749,13 +2754,13 @@ const un = z.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            ae,
+            re,
             {
-              id: ((C = u == null ? void 0 : u.user) == null ? void 0 : C.id) || e.id || "unknown",
+              id: ((M = u == null ? void 0 : u.user) == null ? void 0 : M.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 48,
-              starred: T
+              starred: k
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2763,20 +2768,20 @@ const un = z.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: y(
+                  className: C(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    T && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    k && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
               ),
-              x && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: x })
+              w && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: w })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: A }),
-              S > 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: S > 99 ? "99+" : S })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: S }),
+              A > 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: A > 99 ? "99+" : A })
             ] })
           ] })
         ] })
@@ -2800,11 +2805,11 @@ const tr = { last_message_at: -1 }, nr = z.memo(
   }) => {
     const g = z.useRef(0);
     g.current++;
-    const { debug: u = !1 } = qe(), f = z.useCallback(
-      (p) => {
-        for (const N of p)
-          Ka(N);
-        return r ? r(p) : p;
+    const { debug: u = !1 } = We(), f = z.useCallback(
+      (b) => {
+        for (const _ of b)
+          Ka(_);
+        return r ? r(b) : b;
       },
       [r]
     );
@@ -2832,7 +2837,7 @@ const tr = { last_message_at: -1 }, nr = z.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: y(
+        className: C(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
@@ -2855,7 +2860,7 @@ const tr = { last_message_at: -1 }, nr = z.memo(
 );
 nr.displayName = "ChannelList";
 const sr = /^([a-z][a-z0-9+.-]*):/i, ar = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function Qe(e) {
+function et(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
@@ -2870,10 +2875,10 @@ const rr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, ir = ({ variant: e, cta: t }) => {
-  const s = y(
+  const s = C(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     rr[e]
-  ), a = Qe(t.href);
+  ), a = et(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
     {
@@ -2905,7 +2910,7 @@ const rr = {
 }, lr = "text-white/30", cr = {
   dark: "text-white/55",
   light: "text-black/55"
-}, et = ({
+}, tt = ({
   variant: e,
   title: t,
   placeholderTitle: s,
@@ -2915,12 +2920,12 @@ const rr = {
   cta: o,
   trailingAction: l
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", p = o != null;
-  if (!g && !u && !c && !p) return null;
-  const v = y(
+  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
+  if (!g && !u && !c && !b) return null;
+  const v = C(
     "truncate text-base font-medium leading-6",
     d && !t ? lr : or[e]
-  ), x = y(
+  ), w = C(
     "truncate text-xs leading-4",
     cr[e]
   );
@@ -2930,24 +2935,24 @@ const rr = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: y("min-w-0", v), children: m })
+            /* @__PURE__ */ n("p", { className: C("min-w-0", v), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: x, children: a })
+          u && /* @__PURE__ */ n("p", { className: w, children: a })
         ] }),
-        !p && c && /* @__PURE__ */ n("p", { className: x, children: f })
+        !b && c && /* @__PURE__ */ n("p", { className: w, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
     o && /* @__PURE__ */ n(ir, { variant: e, cta: o })
   ] });
-}, dr = y(
+}, dr = C(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Ee = ({
+), Ie = ({
   variant: e,
   children: t,
   href: s,
@@ -2958,7 +2963,7 @@ const rr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, g = y(
+  const m = s != null || a != null, g = C(
     dr,
     l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
@@ -2989,7 +2994,7 @@ const rr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: y(g, "text-left"),
+      className: C(g, "text-left"),
       children: [
         t,
         u
@@ -3013,11 +3018,11 @@ const rr = {
 }, mr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ae = (e, t) => !!t && !!e && re(e) === "audio", hn = (e, t) => {
+}, Me = (e, t) => !!t && !!e && ie(e) === "audio", hn = (e, t) => {
   if (!t || !e) return !1;
-  const s = re(e);
+  const s = ie(e);
   return s === "video" || s === "audio";
-}, tt = "bg-[#F2F3F4]", Ie = ({
+}, nt = "bg-[#F2F3F4]", Se = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3026,8 +3031,8 @@ const rr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = re(r), d = !!s && l === "video";
-  return Ae(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  const l = ie(r), d = !!s && l === "video";
+  return Me(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -3039,7 +3044,7 @@ const rr = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3066,11 +3071,11 @@ const rr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: y(
+            className: C(
               "flex h-full w-full items-center justify-center",
               ur[e]
             ),
-            children: le(r, {
+            children: ce(r, {
               className: mr[e],
               weight: "regular"
             })
@@ -3095,16 +3100,16 @@ const rr = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = l === "classic", c = Ae(r, o), p = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Me(r, o), b = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ n(pe, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(ve, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, N = u ? /* @__PURE__ */ n(
+  ) : void 0, _ = u ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3114,9 +3119,9 @@ const rr = {
       children: /* @__PURE__ */ n(Ss, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: nt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Ie,
+      Se,
       {
         variant: "dark",
         sourceUrl: o,
@@ -3124,26 +3129,26 @@ const rr = {
         mimeType: r
       }
     ) }),
-    p && /* @__PURE__ */ n("div", { className: "shrink-0", children: p })
+    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ h(
-    Ee,
+    Ie,
     {
       variant: "dark",
-      topRight: f ? p : void 0,
+      topRight: f ? b : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "dark",
             thumbnailUrl: i,
             sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: p
+            topRight: b
           }
         ),
         /* @__PURE__ */ n(
-          et,
+          tt,
           {
             variant: "dark",
             title: e,
@@ -3152,7 +3157,7 @@ const rr = {
             url: a,
             appIcon: d,
             cta: m,
-            trailingAction: N
+            trailingAction: _
           }
         )
       ]
@@ -3170,7 +3175,7 @@ const rr = {
   cta: d,
   onClick: m
 }) => {
-  const g = hn(a, i), u = Qe(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Ae(a, i) ? tt : void 0, N = d && m ? {
+  const g = hn(a, i), u = et(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = Me(a, i) ? nt : void 0, _ = d && m ? {
     ...d,
     onClick: () => {
       var v;
@@ -3178,17 +3183,17 @@ const rr = {
     }
   } : d;
   return /* @__PURE__ */ h(
-    Ee,
+    Ie,
     {
       variant: "light",
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: p,
+      bgClassName: b,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3198,14 +3203,14 @@ const rr = {
           }
         ),
         /* @__PURE__ */ n(
-          et,
+          tt,
           {
             variant: "light",
             title: e,
             description: t,
             url: s,
             appIcon: l,
-            cta: N
+            cta: _
           }
         )
       ]
@@ -3224,17 +3229,17 @@ const rr = {
   cta: m,
   onClick: g
 }) => {
-  const u = hn(r, o), f = Qe(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
+  const u = hn(r, o), f = et(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
-    Ee,
+    Ie,
     {
       variant: "dark",
       href: c,
-      onClick: p,
-      bgClassName: Ae(r, o) ? tt : void 0,
+      onClick: b,
+      bgClassName: Me(r, o) ? nt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3244,7 +3249,7 @@ const rr = {
           }
         ),
         /* @__PURE__ */ n(
-          et,
+          tt,
           {
             variant: "dark",
             title: e,
@@ -3284,7 +3289,7 @@ const rr = {
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, ve = ({
+}, xe = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3299,7 +3304,7 @@ const rr = {
     {
       "data-testid": o,
       "data-group-position": a,
-      className: y(
+      className: C(
         // 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
@@ -3319,7 +3324,7 @@ const rr = {
         l ? /* @__PURE__ */ n(
           "p",
           {
-            className: y(
+            className: C(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3336,7 +3341,7 @@ const rr = {
       ]
     }
   );
-}, xe = ({
+}, we = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3348,13 +3353,13 @@ const rr = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: y(
+    className: C(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ n(pe, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(ve, { className: "size-3", weight: "bold" })
   }
-), we = (e) => e === "received" ? "light" : "dark", Ci = ({
+), Ne = (e) => e === "received" ? "light" : "dark", Ci = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -3375,7 +3380,7 @@ const rr = {
     }
   ),
   s ?? null
-] }), nt = ({
+] }), st = ({
   state: e,
   src: t,
   mimeType: s,
@@ -3386,18 +3391,18 @@ const rr = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = we(e), g = e === "composer" && !!d, u = Nr({ src: t, mimeType: s, filename: a, items: r });
+  const m = Ne(e), g = e === "composer" && !!d, u = Nr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    ve,
+    xe,
     {
       variant: m,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, p) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
         _r,
         {
           item: c,
@@ -3405,14 +3410,14 @@ const rr = {
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && p === 0 ? /* @__PURE__ */ n(xe, { onClick: d, variant: "inline" }) : void 0
+            g && b === 0 ? /* @__PURE__ */ n(we, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${p}`
+        `${c.src}-${b}`
       )) })
     }
   );
-}, yr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), kr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Er = {
+}, yr = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), kr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Er = {
   Composer: yr,
   Sent: Cr,
   Received: kr
@@ -3439,7 +3444,7 @@ function Tr(e, t) {
     }
   }
   if (!e) return;
-  if (re(e) === "document") {
+  if (ie(e) === "document") {
     const r = Zt(e), i = Sr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -3452,7 +3457,7 @@ function Ar(e, t, s) {
   const a = Tr(e, t), r = typeof s == "number" && s > 0 ? Ir(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function te(e) {
+function ne(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3482,13 +3487,13 @@ const Mr = {
   const d = s ?? t ?? "File", m = Ar(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
         Dr[e]
       ),
       "aria-hidden": !0,
-      children: le(a, {
-        className: y("size-6", Rr[e]),
+      children: ce(a, {
+        className: C("size-6", Rr[e]),
         weight: "regular"
       })
     }
@@ -3497,7 +3502,7 @@ const Mr = {
     m ? /* @__PURE__ */ n(
       "p",
       {
-        className: y(
+        className: C(
           "truncate text-xs leading-4",
           Mr[e]
         ),
@@ -3510,7 +3515,7 @@ const Mr = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: y(
+      className: C(
         "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]"
       ),
@@ -3519,7 +3524,7 @@ const Mr = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(se, { children: [
+  ) : /* @__PURE__ */ h(ae, { children: [
     g,
     u
   ] });
@@ -3529,7 +3534,7 @@ const Mr = {
   ] });
 };
 async function gn(e, t) {
-  const s = t ?? te(e);
+  const s = t ?? ne(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3556,7 +3561,7 @@ const Lr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? te(t.src);
+  const i = t.filename ?? ne(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -3570,7 +3575,7 @@ const Lr = ({
       trailingAction: r
     }
   );
-}, st = ({
+}, at = ({
   state: e,
   src: t,
   filename: s,
@@ -3583,63 +3588,63 @@ const Lr = ({
   onClick: m,
   onDismiss: g
 }) => {
-  const u = we(e), f = e === "composer" && !!g, c = Lr({
+  const u = Ne(e), f = e === "composer" && !!g, c = Lr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: o
-  }), p = (v) => {
+  }), b = (v) => {
     if ((m == null ? void 0 : m(v)) === !1) return;
-    const x = c[v];
-    if (!x) return;
-    const w = x.filename ?? te(x.src);
-    gn(x.src, w);
+    const w = c[v];
+    if (!w) return;
+    const y = w.filename ?? ne(w.src);
+    gn(w.src, y);
   };
   if (c.length === 0)
     return null;
-  const N = /* @__PURE__ */ n(
+  const _ = /* @__PURE__ */ n(
     "span",
     {
-      className: y(
+      className: C(
         "flex size-8 items-center justify-center rounded-full",
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(ge, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(be, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    ve,
+    xe,
     {
       variant: u,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, w) => /* @__PURE__ */ n(
         Pr,
         {
           variant: u,
           item: v,
-          index: x,
-          onActivate: p,
-          trailingAction: f && x === 0 ? /* @__PURE__ */ n(xe, { onClick: g, variant: "inline" }) : N
+          index: w,
+          onActivate: b,
+          trailingAction: f && w === 0 ? /* @__PURE__ */ n(we, { onClick: g, variant: "inline" }) : _
         },
-        `${v.src}-${x}`
+        `${v.src}-${w}`
       )) })
     }
   );
-}, Or = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), zr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), $r = {
+}, Or = (e) => /* @__PURE__ */ n(at, { ...e, state: "composer" }), zr = (e) => /* @__PURE__ */ n(at, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ n(at, { ...e, state: "received" }), $r = {
   Composer: Or,
   Sent: zr,
   Received: Fr
-}, at = ({
+}, rt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(se, { children: [
+}) => /* @__PURE__ */ h(ae, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3669,7 +3674,7 @@ const Lr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = O(!1), m = q(
+  const [l, d] = O(!1), m = W(
     (c) => {
       c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
       }).finally(() => {
@@ -3677,7 +3682,7 @@ const Lr = ({
       }));
     },
     [l, e, t, o]
-  ), g = r ?? s !== "pill", f = { className: y(
+  ), g = r ?? s !== "pill", f = { className: C(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3688,7 +3693,7 @@ const Lr = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: y(
+      className: C(
         "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",
@@ -3696,14 +3701,14 @@ const Lr = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ n(
-        fe,
+        ge,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        ge,
+        be,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -3719,7 +3724,7 @@ const Lr = ({
       disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: l ? /* @__PURE__ */ n(fe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(ge, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ n(ge, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
@@ -3728,37 +3733,37 @@ const Lr = ({
       onClick: m,
       disabled: l,
       "aria-label": g ? a : void 0,
-      className: y(
+      className: C(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
       children: [
         l ? /* @__PURE__ */ n(
-          fe,
+          ge,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(ge, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(be, { ...f, "aria-hidden": !0 }),
         g ? null : a
       ]
     }
   );
-}, Fe = (e, t, s) => Math.min(Math.max(e, t), s), rt = ({
+}, $e = (e, t, s) => Math.min(Math.max(e, t), s), it = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = Fe(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
+  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
   J(() => {
-    s && i(Fe(t, 0, Math.max(e - 1, 0)));
+    s && i($e(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), J(() => {
-    i((d) => Fe(d, 0, Math.max(e - 1, 0)));
+    i((d) => $e(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = q(() => {
+  const o = W(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = q(() => {
+  }, [e]), l = W(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return J(() => {
@@ -3770,7 +3775,7 @@ const Lr = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, o, l]), { index: r, prev: o, next: l };
-}, it = ({
+}, ot = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -3779,7 +3784,7 @@ const Lr = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = X(null), d = X(null);
+  const l = K(null), d = K(null);
   return J(() => {
     var f;
     const u = l.current;
@@ -3851,7 +3856,7 @@ const Lr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(pe, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3866,16 +3871,16 @@ const Lr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = rt({
+  const { index: r, prev: i, next: o } = it({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ne(
-    () => (l == null ? void 0 : l.filename) ?? (l ? te(l.src) : "image"),
+  }), l = t[r], d = se(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ne(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
-    it,
+    ot,
     {
       open: e,
       onClose: a,
@@ -3905,7 +3910,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          at,
+          rt,
           {
             onPrev: i,
             onNext: o,
@@ -3925,14 +3930,14 @@ const Lr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, g) => {
-    const u = y(Br, "h-full w-full");
+    const u = C(Br, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: y(u, "cursor-zoom-in"),
+        className: C(u, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -3944,10 +3949,10 @@ const Lr = ({
       g
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -3956,7 +3961,7 @@ const Lr = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -3969,7 +3974,7 @@ const Lr = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -3986,13 +3991,13 @@ const Lr = ({
       })
     }
   );
-}, Ne = (e) => {
-  const [t, s] = O(!1), [a, r] = O(0), i = q(
+}, _e = (e) => {
+  const [t, s] = O(!1), [a, r] = O(0), i = W(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = q(() => s(!1), []);
+  ), o = W(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
 }, jr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
@@ -4018,7 +4023,7 @@ const Lr = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Vr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = _e(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4042,7 +4047,7 @@ const Lr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       pn,
       {
@@ -4064,30 +4069,30 @@ const Lr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Ur({ src: t, alt: s, items: r }), g = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: p } = Ne(
+  const m = Ur({ src: t, alt: s, items: r }), g = Ne(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = _e(
     d
   );
   if (m.length === 0)
     return null;
-  const N = m.map(
-    (v, x) => jr(v, x, m.length, l)
+  const _ = m.map(
+    (v, w) => jr(v, w, m.length, l)
   );
   return /* @__PURE__ */ h(
-    ve,
+    xe,
     {
       variant: g,
       text: i,
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: N, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: _, onTileActivate: c }) }),
         /* @__PURE__ */ n(
           pn,
           {
             open: u,
             items: xn(m, a),
             initialIndex: f,
-            onClose: p
+            onClose: b
           }
         )
       ]
@@ -4103,19 +4108,19 @@ const Lr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = rt({
+  const { index: r, prev: i, next: o } = it({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ne(
-    () => (l == null ? void 0 : l.filename) ?? (l ? te(l.src) : "document"),
+  }), l = t[r], d = se(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ne(l.src) : "document"),
     [l]
-  ), m = ne(
+  ), m = se(
     () => l ? Xr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
-    it,
+    ot,
     {
       open: e,
       onClose: a,
@@ -4134,7 +4139,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          at,
+          rt,
           {
             onPrev: i,
             onNext: o,
@@ -4161,7 +4166,7 @@ const Lr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? te(t.src);
+  const i = t.filename ?? ne(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -4175,7 +4180,7 @@ const Lr = ({
       trailingAction: r
     }
   );
-}, ot = ({
+}, lt = ({
   state: e,
   src: t,
   filename: s,
@@ -4187,31 +4192,31 @@ const Lr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = we(e), u = Kr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ne(
+  const g = Ne(e), u = Kr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: _ } = _e(
     d
   ), v = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const x = u.map((w) => ({
-    src: w.src,
-    filename: w.filename ?? te(w.src)
+  const w = u.map((y) => ({
+    src: y.src,
+    filename: y.filename ?? ne(y.src)
   }));
   return /* @__PURE__ */ h(
-    ve,
+    xe,
     {
       variant: g,
       text: o,
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, A) => {
-          const T = w.filename ?? te(w.src), S = v && A === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((y, S) => {
+          const k = y.filename ?? ne(y.src), A = v && S === 0 ? /* @__PURE__ */ n(we, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             bn,
             {
-              url: w.src,
-              filename: T,
+              url: y.src,
+              filename: k,
               variant: "inline",
-              label: `Download ${T}`,
+              label: `Download ${k}`,
               tone: g
             }
           );
@@ -4219,27 +4224,27 @@ const Lr = ({
             Jr,
             {
               variant: g,
-              item: w,
-              index: A,
-              onActivate: p,
-              trailingAction: S
+              item: y,
+              index: S,
+              onActivate: b,
+              trailingAction: A
             },
-            `${w.src}-${A}`
+            `${y.src}-${S}`
           );
         }) }),
         /* @__PURE__ */ n(
           Wr,
           {
             open: f,
-            items: x,
+            items: w,
             initialIndex: c,
-            onClose: N
+            onClose: _
           }
         )
       ]
     }
   );
-}, Zr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Qr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ei = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ti = {
+}, Zr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Qr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), ei = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), ti = {
   Composer: Zr,
   Sent: Qr,
   Received: ei
@@ -4249,16 +4254,16 @@ const Lr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = rt({
+  const { index: r, prev: i, next: o } = it({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ne(
-    () => (l == null ? void 0 : l.filename) ?? (l ? te(l.src) : "video"),
+  }), l = t[r], d = se(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ne(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
-    it,
+    ot,
     {
       open: e,
       onClose: a,
@@ -4282,7 +4287,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          at,
+          rt,
           {
             onPrev: i,
             onNext: o,
@@ -4293,7 +4298,7 @@ const Lr = ({
       ]
     }
   ) : null;
-}, ni = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, ni = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(je, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4332,7 +4337,7 @@ const Lr = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), ri = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = Ne(
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = _e(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4346,7 +4351,7 @@ const Lr = ({
         children: /* @__PURE__ */ n(_n, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
       Nn,
       {
@@ -4372,16 +4377,16 @@ const Lr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = ai({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ne(
+  const g = ai({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ne(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: _ } = _e(
     m
   );
   if (g.length === 0)
     return null;
   const v = g.map(
-    (x, w) => si(x, w, g.length)
+    (w, y) => si(w, y, g.length)
   );
   return /* @__PURE__ */ h(
-    ve,
+    xe,
     {
       variant: u,
       text: o,
@@ -4392,7 +4397,7 @@ const Lr = ({
           vn,
           {
             tiles: v,
-            onTileActivate: p,
+            onTileActivate: b,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4402,7 +4407,7 @@ const Lr = ({
             open: f,
             items: yn(g, r),
             initialIndex: c,
-            onClose: N
+            onClose: _
           }
         )
       ]
@@ -4430,7 +4435,7 @@ const Lr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: y(
+    className: C(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4452,7 +4457,7 @@ const Lr = ({
   const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      ae,
+      re,
       {
         id: o || "account",
         name: o || "Account",
@@ -4490,13 +4495,13 @@ export {
   Ei as F,
   yi as L,
   wi as M,
-  ye as a,
-  ae as b,
+  Ce as a,
+  re as b,
   nr as c,
   dn as d,
   Ni as e,
   di as f,
-  re as g,
+  ie as g,
   zt as h,
   ki as i,
   Na as j,
@@ -4507,14 +4512,14 @@ export {
   er as o,
   Tr as p,
   Xt as q,
-  le as r,
+  ce as r,
   nn as s,
   Ls as t,
   Ci as u,
   Vs as v,
-  Je as w,
-  Ze as x,
-  Te as y,
+  Ze as w,
+  Qe as x,
+  Ae as y,
   ga as z
 };
-//# sourceMappingURL=index-CnOvDQIp.js.map
+//# sourceMappingURL=index-DJKFVBkP.js.map