@linktr.ee/messaging-react 3.4.2 → 3.4.3-rc-1782553325

package/dist/{index-CjwQ2Hj3.js → index-D9JJLtJg.js}

@@ -1,12 +1,12 @@
-import { jsx as n, jsxs as h, Fragment as ae } from "react/jsx-runtime";
-import j, { createContext as qe, useContext as we, useCallback as J, useState as F, useRef as G, useEffect as K, useId as Sn, useMemo as se, Suspense as We } from "react";
+import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
+import j, { createContext as We, useContext as _e, useCallback as J, useState as F, useRef as H, useEffect as K, useId as Sn, useMemo as re, Suspense as Xe } from "react";
 import { StreamChatService as In } from "@linktr.ee/messaging-core";
-import { StreamChat as Tn, LinkPreviewsManager as Rt } from "stream-chat";
-import { Chat as An, DateSeparator as Mn, useChannelStateContext as de, useChatContext as Xe, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as Gt, Attachment as Dn, EditMessageModal as On, MessageBlocked as Pn, MessageBouncePrompt as zn, MessageDeleted as $n, MessageIsThreadReplyInChannelButtonIndicator as Fn, MessageRepliesCountButton as Bn, ReminderNotification as Un, StreamedMessageText as jn, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Lt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as _e, useMessageComposer as Jn, useStateStore as Zn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, AttachmentPreviewList as ns, QuotedMessagePreview as ss, TextareaComposer as as, MessageTimestamp as Oe, AIStates as Pe, useTypingContext as rs, useAIState as is, Channel as os, WithComponents as ls, Window as cs, MessageList as ds, ChannelList as us, InfiniteScroll as ms } from "stream-chat-react";
-import { StarIcon as Ue, DotsThreeIcon as hs, SpinnerGapIcon as Se, SignOutIcon as fs, ProhibitInsetIcon as Dt, FlagIcon as Ht, FileIcon as Yt, ImageIcon as gs, SpeakerHighIcon as bs, VideoCameraIcon as qt, FileMdIcon as ps, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as _s, FileXlsIcon as Ns, FileDocIcon as ys, FilePdfIcon as Cs, CircleNotchIcon as ve, PlayIcon as je, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as xe, GiftIcon as Ss, ThumbsUpIcon as Is, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as Re, ArrowUpIcon as Ms, SparkleIcon as Ve, ProhibitIcon as Rs, ArrowLeftIcon as Ot, CaretRightIcon as Ge, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
+import { StreamChat as Tn, LinkPreviewsManager as Lt } from "stream-chat";
+import { Chat as An, DateSeparator as Mn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as Gt, Attachment as Dn, EditMessageModal as On, MessageBlocked as Pn, MessageBouncePrompt as zn, MessageDeleted as $n, MessageIsThreadReplyInChannelButtonIndicator as Fn, MessageRepliesCountButton as Bn, ReminderNotification as Un, StreamedMessageText as jn, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Dt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as Ne, useMessageComposer as Jn, useStateStore as Zn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, AttachmentPreviewList as ns, QuotedMessagePreview as ss, TextareaComposer as as, MessageTimestamp as ze, AIStates as $e, useTypingContext as rs, useAIState as is, Channel as os, WithComponents as ls, Window as cs, MessageList as ds, ChannelList as us, InfiniteScroll as ms } from "stream-chat-react";
+import { StarIcon as Ve, DotsThreeIcon as hs, SpinnerGapIcon as Ie, SignOutIcon as fs, ProhibitInsetIcon as Ot, FlagIcon as Ht, FileIcon as Yt, ImageIcon as gs, SpeakerHighIcon as ps, VideoCameraIcon as qt, FileMdIcon as bs, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as _s, FileXlsIcon as Ns, FileDocIcon as ys, FilePdfIcon as Cs, CircleNotchIcon as xe, PlayIcon as Ge, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as we, GiftIcon as Ss, ThumbsUpIcon as Is, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as De, ArrowUpIcon as Ms, SparkleIcon as be, ProhibitIcon as Rs, ArrowLeftIcon as Pt, CaretRightIcon as He, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
 import y from "classnames";
 import { MessageActions as Os, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
-const Xt = qe({
+const Xt = We({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const Xt = qe({
   refreshConnection: async () => {
   },
   debug: !1
-}), Ke = () => we(Xt), Ni = ({
+}), Je = () => _e(Xt), Ni = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,7 +24,7 @@ const Xt = qe({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var O, N;
+  var O, C;
   const l = J(
     (k, ...S) => {
       i && console.log(`🔥 [MessagingProvider] ${k}`, ...S);
@@ -37,36 +37,36 @@ const Xt = qe({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = F(null), [m, g] = F(null), [u, f] = F(!1), [c, b] = F(!1), [_, v] = F(null), p = G(!1), w = G(null), A = G(s);
-  A.current = s;
-  const M = G(i);
-  M.current = i;
-  const C = G({
+  const [o, d] = F(null), [m, g] = F(null), [u, f] = F(!1), [c, p] = F(!1), [_, x] = F(null), b = H(!1), v = H(null), M = H(s);
+  M.current = s;
+  const I = H(i);
+  I.current = i;
+  const N = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), R = G(0);
-  R.current++, l("📊 RENDER INFO", {
-    renderCount: R.current,
+  }), z = H(0);
+  z.current++, l("📊 RENDER INFO", {
+    renderCount: z.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: C.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: C.current.apiKey !== a,
-      serviceConfigChanged: C.current.serviceConfig !== s,
-      capabilitiesChanged: C.current.capabilities !== r
+      userChanged: N.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: N.current.apiKey !== a,
+      serviceConfigChanged: N.current.serviceConfig !== s,
+      capabilitiesChanged: N.current.capabilities !== r
     }
-  }), C.current = {
+  }), N.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const P = G(null);
-  a && ((O = P.current) == null ? void 0 : O.apiKey) !== a && (P.current = { apiKey: a, client: new Tn(a) });
-  const D = a ? ((N = P.current) == null ? void 0 : N.client) ?? null : null;
+  const L = H(null);
+  a && ((O = L.current) == null ? void 0 : O.apiKey) !== a && (L.current = { apiKey: a, client: new Tn(a) });
+  const D = a ? ((C = L.current) == null ? void 0 : C.client) ?? null : null;
   K(() => {
-    const k = R.current, S = A.current;
+    const k = z.current, S = M.current;
     if (!a || !D || !S) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: k,
@@ -78,36 +78,36 @@ const Xt = qe({
       renderCount: k,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new In({
+    const P = new In({
       ...S,
       apiKey: a,
-      debug: M.current,
+      debug: I.current,
       client: D
     });
-    w.current = $, d($), l("✅ SERVICE SET", {
+    v.current = P, d(P), l("✅ SERVICE SET", {
       renderCount: k,
-      serviceInstance: !!$
+      serviceInstance: !!P
     });
   }, [a, D]);
-  const E = G(null);
+  const E = H(null);
   K(() => {
-    var S, $;
+    var S, P;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: p.current,
+      isConnecting: b.current,
       isConnected: u,
       dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
     }), !o || !t) {
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (p.current) {
+    if (b.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((S = E.current) == null ? void 0 : S.serviceId) === o && (($ = E.current) == null ? void 0 : $.userId) === t.id) {
+    if (((S = E.current) == null ? void 0 : S.serviceId) === o && ((P = E.current) == null ? void 0 : P.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,22 +115,22 @@ const Xt = qe({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), v(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, p(!0), x(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const z = await o.connectUser(t);
-        g(z), f(!0), E.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const $ = await o.connectUser(t);
+        g($), f(!0), E.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: z.userID
+          clientId: $.userID
         });
-      } catch (z) {
-        const H = z instanceof Error ? z.message : "Connection failed";
-        v(H), l("❌ USER CONNECTION ERROR", {
+      } catch ($) {
+        const Y = $ instanceof Error ? $.message : "Connection failed";
+        x(Y), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: H
+          error: Y
         });
       } finally {
-        b(!1), p.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        p(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
@@ -140,10 +140,10 @@ const Xt = qe({
     const k = D;
     return () => {
       var S;
-      k && (E.current = null, (S = w.current) == null || S.disconnectUser().catch(console.error));
+      k && (E.current = null, (S = v.current) == null || S.disconnectUser().catch(console.error));
     };
   }, [D]);
-  const L = J(async () => {
+  const R = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
       hasUser: !!t
@@ -151,21 +151,21 @@ const Xt = qe({
       l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), p(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
       const k = await o.connectUser(t);
-      g(k), f(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      g(k), f(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
     } catch (k) {
       const S = k instanceof Error ? k.message : "Refresh failed";
-      v(S), l("❌ CONNECTION REFRESH ERROR", {
+      x(S), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
         error: S
       });
     } finally {
-      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      p(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), I = j.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, t, l]), T = j.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!m,
     isConnected: u,
@@ -179,7 +179,7 @@ const Xt = qe({
     isLoading: c,
     error: _,
     capabilities: r,
-    refreshConnection: L,
+    refreshConnection: R,
     debug: i
   }), [
     o,
@@ -188,15 +188,15 @@ const Xt = qe({
     c,
     _,
     r,
-    L,
+    R,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: R.current,
+    renderCount: z.current,
     willRenderChat: !!D,
-    contextValueReady: !!I
-  }), /* @__PURE__ */ n(Xt.Provider, { value: I, children: D ? /* @__PURE__ */ n(
+    contextValueReady: !!T
+  }), /* @__PURE__ */ n(Xt.Provider, { value: T, children: D ? /* @__PURE__ */ n(
     An,
     {
       client: D,
@@ -206,7 +206,7 @@ const Xt = qe({
       children: e
     }
   ) : e });
-}, Ps = () => Ke(), Kt = (e) => {
+}, Ps = () => Je(), Kt = (e) => {
   var a, r;
   const [t, s] = F(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -232,14 +232,14 @@ const Xt = qe({
 function $s(e) {
   return zs.test(e.trim());
 }
-function Pt(e, t) {
+function zt(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t ? !1 : !$s(s);
 }
 function Jt(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";
+  return zt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : zt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const zt = [
+const $t = [
   "🍎",
   // Apple
   "🍌",
@@ -276,10 +276,10 @@ function Fs(e) {
   return Math.abs(t);
 }
 function Bs(e) {
-  const s = Fs(e) % zt.length;
-  return zt[s];
+  const s = Fs(e) % $t.length;
+  return $t[s];
 }
-const oe = ({
+const se = ({
   id: e,
   image: t,
   size: s = 40,
@@ -324,7 +324,7 @@ const oe = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(Ue, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(Ve, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
@@ -364,72 +364,72 @@ const oe = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var O;
-  const { service: u, debug: f } = Ke(), c = (O = t == null ? void 0 : t.user) == null ? void 0 : O.id, b = !!(a && s && u && c), [_, v] = F(!1), [p, w] = F(null), [A, M] = F(!1), [C, R] = F(!1), P = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== u);
+  const { service: u, debug: f } = Je(), c = (O = t == null ? void 0 : t.user) == null ? void 0 : O.id, p = !!(a && s && u && c), [_, x] = F(!1), [b, v] = F(null), [M, I] = F(!1), [N, z] = F(!1), L = p && ((b == null ? void 0 : b.participantId) !== c || (b == null ? void 0 : b.service) !== u);
   return K(() => {
-    if (!b || !u || !c) {
-      v(!1), w(null);
+    if (!p || !u || !c) {
+      x(!1), v(null);
       return;
     }
-    let N = !1;
+    let C = !1;
     return (async () => {
       try {
         const k = await u.getBlockedUsers();
-        if (N) return;
-        v(
+        if (C) return;
+        x(
           k.some(
             (S) => S.blocked_user_id === c
           )
         );
       } catch (k) {
-        N || console.error(`[${g}] Failed to check blocked status:`, k);
+        C || console.error(`[${g}] Failed to check blocked status:`, k);
       } finally {
-        N || w({ participantId: c, service: u });
+        C || v({ participantId: c, service: u });
       }
     })(), () => {
-      N = !0;
+      C = !0;
     };
-  }, [b, u, c, g]), {
+  }, [p, u, c, g]), {
     isParticipantBlocked: _,
-    isCheckingBlockedStatus: P,
-    isLeaving: A,
-    isUpdatingBlockStatus: C,
+    isCheckingBlockedStatus: L,
+    isLeaving: M,
+    isUpdatingBlockStatus: N,
     handleLeaveConversation: async () => {
-      var N;
-      if (!A) {
-        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), M(!0);
+      var C;
+      if (!M) {
+        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), I(!0);
         try {
-          const k = ((N = e._client) == null ? void 0 : N.userID) ?? null;
+          const k = ((C = e._client) == null ? void 0 : C.userID) ?? null;
           await e.hide(k, !1), r && await r(e), m == null || m();
         } catch (k) {
           console.error(`[${g}] Failed to leave conversation`, k);
         } finally {
-          M(!1);
+          I(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var N, k, S;
-      if (!(C || !u)) {
-        o == null || o(), f && console.log(`[${g}] Block member`, (N = t == null ? void 0 : t.user) == null ? void 0 : N.id), R(!0);
+      var C, k, S;
+      if (!(N || !u)) {
+        o == null || o(), f && console.log(`[${g}] Block member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), z(!0);
         try {
           await u.blockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), m == null || m();
-        } catch ($) {
-          console.error(`[${g}] Failed to block member`, $);
+        } catch (P) {
+          console.error(`[${g}] Failed to block member`, P);
         } finally {
-          R(!1);
+          z(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var N, k, S;
-      if (!(C || !u)) {
-        o == null || o(), f && console.log(`[${g}] Unblock member`, (N = t == null ? void 0 : t.user) == null ? void 0 : N.id), R(!0);
+      var C, k, S;
+      if (!(N || !u)) {
+        o == null || o(), f && console.log(`[${g}] Unblock member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), z(!0);
         try {
           await u.unBlockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), m == null || m();
-        } catch ($) {
-          console.error(`[${g}] Failed to unblock member`, $);
+        } catch (P) {
+          console.error(`[${g}] Failed to unblock member`, P);
         } finally {
-          R(!1);
+          z(!1);
         }
       }
     },
@@ -437,7 +437,7 @@ const oe = ({
       d == null || d(), m == null || m(), window.open(Us, "_blank", "noopener,noreferrer");
     }
   };
-}, be = ({
+}, pe = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -454,7 +454,7 @@ const oe = ({
     ...a,
     children: s
   }
-), $t = ({
+), Ft = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -468,14 +468,14 @@ const oe = ({
   customChannelActions: g,
   triggerClassName: u
 }) => {
-  const [f, c] = F(!1), b = G(null), _ = Sn(), v = J(() => c(!1), []), {
-    isParticipantBlocked: p,
-    isCheckingBlockedStatus: w,
-    isLeaving: A,
-    isUpdatingBlockStatus: M,
-    handleLeaveConversation: C,
-    handleBlockUser: R,
-    handleUnblockUser: P,
+  const [f, c] = F(!1), p = H(null), _ = Sn(), x = J(() => c(!1), []), {
+    isParticipantBlocked: b,
+    isCheckingBlockedStatus: v,
+    isLeaving: M,
+    isUpdatingBlockStatus: I,
+    handleLeaveConversation: N,
+    handleBlockUser: z,
+    handleUnblockUser: L,
     handleReportUser: D
   } = js({
     channel: e,
@@ -487,20 +487,20 @@ const oe = ({
     onDeleteConversationClick: o,
     onBlockParticipantClick: d,
     onReportParticipantClick: m,
-    onActionComplete: v,
+    onActionComplete: x,
     logLabel: "ChannelActionsMenu"
   });
   return K(() => {
     if (!f) return;
-    const L = (O) => {
-      b.current && !b.current.contains(O.target) && c(!1);
-    }, I = (O) => {
+    const R = (O) => {
+      p.current && !p.current.contains(O.target) && c(!1);
+    }, T = (O) => {
       O.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", I), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", I);
+    return document.addEventListener("mousedown", R), document.addEventListener("keydown", T), () => {
+      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", T);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: p, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -509,7 +509,7 @@ const oe = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? _ : void 0,
-        onClick: () => c((L) => !L),
+        onClick: () => c((R) => !R),
         children: [
           /* @__PURE__ */ n(hs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -527,48 +527,48 @@ const oe = ({
         ),
         children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-            be,
+            pe,
             {
-              onClick: C,
-              disabled: A,
-              "aria-busy": A,
+              onClick: N,
+              disabled: M,
+              "aria-busy": M,
               children: [
-                A ? /* @__PURE__ */ n(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
+                M ? /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ n("li", { children: w ? (
+          a && /* @__PURE__ */ n("li", { children: v ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(be, { disabled: !0, "aria-busy": !0, children: [
-              /* @__PURE__ */ n(Se, { className: "h-5 w-5 animate-spin" }),
+            /* @__PURE__ */ h(pe, { disabled: !0, "aria-busy": !0, children: [
+              /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : p ? /* @__PURE__ */ h(
-            be,
+          ) : b ? /* @__PURE__ */ h(
+            pe,
             {
-              onClick: P,
-              disabled: M,
-              "aria-busy": M,
+              onClick: L,
+              disabled: I,
+              "aria-busy": I,
               children: [
-                M ? /* @__PURE__ */ n(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
+                I ? /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ot, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ h(
-            be,
+            pe,
             {
-              onClick: R,
-              disabled: M,
-              "aria-busy": M,
+              onClick: z,
+              disabled: I,
+              "aria-busy": I,
               children: [
-                M ? /* @__PURE__ */ n(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
+                I ? /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ot, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(be, { variant: "danger", onClick: D, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(pe, { variant: "danger", onClick: D, children: [
             /* @__PURE__ */ n(Ht, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -577,20 +577,20 @@ const oe = ({
       }
     )
   ] });
-}, Vs = (e) => /* @__PURE__ */ n(Mn, { ...e, position: "center" }), He = "vote_up", Ye = "vote_down";
+}, Vs = (e) => /* @__PURE__ */ n(Mn, { ...e, position: "center" }), Ye = "vote_up", qe = "vote_down";
 function Gs(e) {
-  return e != null && e.length ? e.some((t) => t.type === Ye) ? "down" : e.some((t) => t.type === He) ? "up" : null : null;
+  return e != null && e.length ? e.some((t) => t.type === qe) ? "down" : e.some((t) => t.type === Ye) ? "up" : null : null;
 }
 function Hs(e) {
-  const { channel: t } = de(), { client: s } = Xe("useMessageVote"), a = se(
+  const { channel: t } = de(), { client: s } = Ke("useMessageVote"), a = re(
     () => Gs(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, He) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, Ye) : await t.sendReaction(
           e.id,
-          { type: He },
+          { type: Ye },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -598,9 +598,9 @@ function Hs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]), i = J(async () => {
     if (s != null && s.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, Ye) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, qe) : await t.sendReaction(
           e.id,
-          { type: Ye },
+          { type: qe },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -619,13 +619,13 @@ function Zt({
   const s = e == null ? void 0 : e.text, a = Ys(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = j.lazy(() => import("./Card-CphU_jG-.js")), Ws = j.lazy(() => import("./Card-BKalDyyu.js")), Xs = j.lazy(() => import("./Card-mpVcQ8-W.js")), Je = () => /* @__PURE__ */ n(
+const qs = j.lazy(() => import("./Card-CGjd8b1K.js")), Ws = j.lazy(() => import("./Card-B_tMXmN_.js")), Xs = j.lazy(() => import("./Card-CeiUwix2.js")), Ze = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), Ks = (e) => /* @__PURE__ */ n(We, { fallback: /* @__PURE__ */ n(Je, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Qt = (e) => /* @__PURE__ */ n(We, { fallback: /* @__PURE__ */ n(Je, {}), children: /* @__PURE__ */ n(Ws, { ...e }) }), en = (e) => /* @__PURE__ */ n(We, { fallback: /* @__PURE__ */ n(Je, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), Js = Qt, Zs = en, Ft = { Composer: Ks, Sent: Qt, Received: en, Creator: Js, Visitor: Zs }, Qs = [
+), Ks = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Qt = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(Ws, { ...e }) }), en = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), Js = Qt, Zs = en, Bt = { Composer: Ks, Sent: Qt, Received: en, Creator: Js, Visitor: Zs }, Qs = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -635,7 +635,7 @@ const qs = j.lazy(() => import("./Card-CphU_jG-.js")), Ws = j.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 tn(e) {
@@ -646,7 +646,7 @@ function tn(e) {
 }
 const ea = {
   video: qt,
-  audio: bs,
+  audio: ps,
   image: gs,
   document: Yt
 }, ta = {
@@ -657,11 +657,11 @@ const ea = {
   ppt: ws,
   zip: xs,
   text: vs,
-  markdown: ps,
+  markdown: bs,
   generic: Yt
 };
 function na(e) {
-  const t = re(e);
+  const t = ie(e);
   return t !== "document" ? ea[t] : ta[tn(e)];
 }
 function ce(e, t) {
@@ -682,78 +682,78 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = re(t), u = G(null), f = G(null), c = G(null), b = G(r), [_, v] = F(a), [p, w] = F(0), [A, M] = F(!1), [C, R] = F(!1), [P, D] = F(!1), [E, L] = F(!1), [I, O] = F(!0), [N, k] = F(null), S = J(() => {
-    D(!1), v(!0);
-  }, []), $ = J((x) => {
-    const T = f.current;
-    if (!T) return 0;
-    const U = T.getBoundingClientRect();
+  const g = ie(t), u = H(null), f = H(null), c = H(null), p = H(r), [_, x] = F(a), [b, v] = F(0), [M, I] = F(!1), [N, z] = F(!1), [L, D] = F(!1), [E, R] = F(!1), [T, O] = F(!0), [C, k] = F(null), S = J(() => {
+    D(!1), x(!0);
+  }, []), P = J((w) => {
+    const A = f.current;
+    if (!A) return 0;
+    const U = A.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (sa(x) - U.left) / U.width)
+      Math.min(1, (sa(w) - U.left) / U.width)
     );
-  }, []), z = J((x) => {
-    const T = u.current;
-    T && T.duration && (T.currentTime = x * T.duration);
-  }, []), H = (x) => {
-    x.stopPropagation(), M(!0);
-    const T = $(x);
-    w(T), z(T);
+  }, []), $ = J((w) => {
+    const A = u.current;
+    A && A.duration && (A.currentTime = w * A.duration);
+  }, []), Y = (w) => {
+    w.stopPropagation(), I(!0);
+    const A = P(w);
+    v(A), $(A);
   };
   K(() => {
-    r !== void 0 && r !== b.current && (b.current = r, v(r));
+    r !== void 0 && r !== p.current && (p.current = r, x(r));
   }, [r]), K(() => {
     if (!_) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const x = () => {
-      const T = u.current;
-      T && T.duration && !A && w(T.currentTime / T.duration), c.current = requestAnimationFrame(x);
+    const w = () => {
+      const A = u.current;
+      A && A.duration && !M && v(A.currentTime / A.duration), c.current = requestAnimationFrame(w);
     };
-    return c.current = requestAnimationFrame(x), () => {
+    return c.current = requestAnimationFrame(w), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [_, A]), K(() => {
-    const x = u.current;
-    x && (_ ? x.play().catch((T) => {
-      v(!1), D(!0);
-    }) : x.pause());
+  }, [_, M]), K(() => {
+    const w = u.current;
+    w && (_ ? w.play().catch((A) => {
+      x(!1), D(!0);
+    }) : w.pause());
   }, [_]), K(() => {
-    if (!A) return;
-    const x = (U) => w($(U)), T = (U) => {
-      M(!1), z($(U));
+    if (!M) return;
+    const w = (U) => v(P(U)), A = (U) => {
+      I(!1), $(P(U));
     };
-    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", T), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", T), () => {
-      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", T), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", T);
+    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", A), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", A), () => {
+      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", A);
     };
-  }, [A, $, z]);
-  const ee = N ? { aspectRatio: String(N) } : void 0, Q = N ? "" : " aspect-video", Y = Math.round(p * 100);
+  }, [M, P, $]);
+  const Q = C ? { aspectRatio: String(C) } : void 0, Z = C ? "" : " aspect-video", V = Math.round(b * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
-      style: ee,
-      onClick: (x) => {
+      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
+      style: Q,
+      onClick: (w) => {
         if (m) {
-          m(x);
+          m(w);
           return;
         }
-        P || l && v((T) => !T);
+        L || l && x((A) => !A);
       },
-      onKeyDown: (x) => {
-        if (!(x.key !== "Enter" && x.key !== " ")) {
-          if (x.preventDefault(), m) {
-            m(x);
+      onKeyDown: (w) => {
+        if (!(w.key !== "Enter" && w.key !== " ")) {
+          if (w.preventDefault(), m) {
+            m(w);
             return;
           }
-          P || l && v((T) => !T);
+          L || l && x((A) => !A);
         }
       },
       children: [
-        s && (g === "audio" || I) && /* @__PURE__ */ n(
+        s && (g === "audio" || T) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -761,7 +761,7 @@ const sa = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || I) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
+        !s && (g === "audio" || T) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -773,14 +773,14 @@ const sa = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              L(!1), O(!1);
+              R(!1), O(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => R(!0),
             onPlay: () => D(!1),
             onEnded: () => {
-              i || (v(!1), w(0));
+              i || (x(!1), v(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -793,43 +793,43 @@ const sa = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              L(!1), O(!1);
+              R(!1), O(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => R(!0),
             onPlay: () => D(!1),
             onLoadedMetadata: () => {
-              const x = u.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && k(x.videoWidth / x.videoHeight);
+              const w = u.current;
+              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && k(w.videoWidth / w.videoHeight);
             },
             onEnded: () => {
-              i || (v(!1), w(0));
+              i || (x(!1), v(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        E && !P && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          ve,
+        E && !L && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          xe,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        P && !l && /* @__PURE__ */ n(
+        L && !l && /* @__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: (x) => {
-              x.stopPropagation(), S();
+            onClick: (w) => {
+              w.stopPropagation(), S();
             },
-            onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), S());
+            onKeyDown: (w) => {
+              w.key !== "Enter" && w.key !== " " || (w.preventDefault(), w.stopPropagation(), S());
             },
-            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(je, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Ge, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         o && !l && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
@@ -837,23 +837,23 @@ const sa = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": Y,
+            "aria-valuenow": V,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: H,
-            onTouchStart: H,
-            onClick: (x) => x.stopPropagation(),
-            onKeyDown: (x) => {
-              x.key === "ArrowRight" && z(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && z(Math.max(0, p - 0.05));
+            onMouseDown: Y,
+            onTouchStart: Y,
+            onClick: (w) => w.stopPropagation(),
+            onKeyDown: (w) => {
+              w.key === "ArrowRight" && $(Math.min(1, b + 0.05)), w.key === "ArrowLeft" && $(Math.max(0, b - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${Y}%` }
+                style: { width: `${V}%` }
               }
             ) })
           }
@@ -863,12 +863,12 @@ const sa = (e) => {
             "button",
             {
               type: "button",
-              onClick: (x) => {
-                x.stopPropagation(), v((T) => !T);
+              onClick: (w) => {
+                w.stopPropagation(), x((A) => !A);
               },
               className: "shrink-0 text-white",
               "aria-label": _ ? "Pause" : "Play",
-              children: _ ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(je, { className: "size-5 translate-x-px", weight: "fill" })
+              children: _ ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Ge, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -876,30 +876,30 @@ const sa = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": Y,
+              "aria-valuenow": V,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: H,
-              onTouchStart: H,
-              onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => R(!0),
-              onMouseLeave: () => R(!1),
-              onKeyDown: (x) => {
-                x.key === "ArrowRight" && z(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && z(Math.max(0, p - 0.05));
+              onMouseDown: Y,
+              onTouchStart: Y,
+              onClick: (w) => w.stopPropagation(),
+              onMouseEnter: () => z(!0),
+              onMouseLeave: () => z(!1),
+              onKeyDown: (w) => {
+                w.key === "ArrowRight" && $(Math.min(1, b + 0.05)), w.key === "ArrowLeft" && $(Math.max(0, b - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${C || A ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${N || M ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${Y}%` }
+                        style: { width: `${V}%` }
                       }
                     )
                   }
@@ -907,8 +907,8 @@ const sa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${C || A ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${Y}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${N || M ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${V}%` }
                   }
                 )
               ]
@@ -918,7 +918,7 @@ const sa = (e) => {
       ]
     }
   );
-}, Bt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ra = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", nn = ({
+}, Ut = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ra = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", nn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -927,7 +927,7 @@ const sa = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = re(e), [d, m] = F(!1);
+  const o = ie(e), [d, m] = F(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
     aa,
     {
@@ -976,7 +976,7 @@ const sa = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ce(e, {
-        className: Bt(r),
+        className: Ut(r),
         weight: "regular"
       })
     }
@@ -993,7 +993,7 @@ const sa = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ce(e, {
-        className: Bt(r),
+        className: Ut(r),
         weight: "regular"
       })
     }
@@ -1012,7 +1012,7 @@ const sa = (e) => {
   rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", p = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1032,8 +1032,8 @@ const sa = (e) => {
             {
               className: y("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && b,
-                "text-white": f && !b
+                "text-white/30": f && p,
+                "text-white": f && !p
               }),
               children: c
             }
@@ -1067,7 +1067,7 @@ const sa = (e) => {
 function an(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Ze(e) {
+function Qe(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function ia(e) {
@@ -1085,7 +1085,7 @@ function ca(e) {
 function da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const Qe = ({ attachment: e, isMyMessage: t }) => {
+const et = ({ attachment: e, isMyMessage: t }) => {
   const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, m = /* @__PURE__ */ h(j.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
@@ -1112,7 +1112,7 @@ const Qe = ({ attachment: e, isMyMessage: t }) => {
 function rn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function et(e) {
+function tt(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(rn);
 }
@@ -1148,22 +1148,22 @@ const ma = ({
       },
       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(ve, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
-        /* @__PURE__ */ n(xe, { className: "size-4 text-white", weight: "bold" }),
+      children: s ? /* @__PURE__ */ n(xe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
+        /* @__PURE__ */ n(we, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function tt(e) {
-  var u, f, c, b;
+function nt(e) {
+  var u, f, c, p;
   const t = (u = e.attachments) == null ? void 0 : u.find(
     (_) => _.type === "video" && _.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
     (_) => _.type === "image" && _.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
     (_) => _.type === "audio" && _.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
+  ), r = (p = e.attachments) == null ? void 0 : p.find(
     (_) => _.type === "file" && _.asset_url
   ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!l) return null;
@@ -1211,7 +1211,7 @@ const on = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = re(t), l = a !== void 0 ? an(a) : void 0;
+  const i = ie(t), l = a !== void 0 ? an(a) : void 0;
   return /* @__PURE__ */ n(
     sn,
     {
@@ -1237,10 +1237,10 @@ const on = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = et(e), a = tt(e);
+  const s = tt(e), a = nt(e);
   return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
     !t && e.user && /* @__PURE__ */ n(
-      oe,
+      se,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1258,7 +1258,7 @@ const on = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: Ze(t), children: /* @__PURE__ */ n(Qe, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(on, { ...a }) : /* @__PURE__ */ n(ln, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: Qe(t), children: /* @__PURE__ */ n(et, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(on, { ...a }) : /* @__PURE__ */ n(ln, { ...a })
           }
         ) })
       }
@@ -1267,29 +1267,29 @@ const on = ({
 }, fa = ({
   message: e
 }) => {
-  const t = et(e);
+  const t = tt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Ze(!0), children: /* @__PURE__ */ n(Qe, { attachment: t, isMyMessage: !0 }) });
-  const s = tt(e);
+    return /* @__PURE__ */ n("div", { className: Qe(!0), children: /* @__PURE__ */ n(et, { attachment: t, isMyMessage: !0 }) });
+  const s = nt(e);
   return s ? /* @__PURE__ */ n(on, { ...s }) : null;
 }, ga = ({
   message: e
 }) => {
-  const t = et(e);
+  const t = tt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Ze(!1), children: /* @__PURE__ */ n(Qe, { attachment: t, isMyMessage: !1 }) });
-  const s = tt(e);
+    return /* @__PURE__ */ n("div", { className: Qe(!1), children: /* @__PURE__ */ n(et, { attachment: t, isMyMessage: !1 }) });
+  const s = nt(e);
   return s ? /* @__PURE__ */ n(ln, { ...s }) : null;
 }, yi = Object.assign(ha, {
   Creator: fa,
   Visitor: ga
-}), ba = {
+}), pa = {
   isUnlocking: () => !1
-}, pa = {
-  LockedAttachment: ba
-}, cn = qe({}), Ci = cn.Provider;
+}, ba = {
+  LockedAttachment: pa
+}, cn = We({}), Ci = cn.Provider;
 function va(e) {
-  return we(cn)[e] ?? pa[e];
+  return _e(cn)[e] ?? ba[e];
 }
 const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -1314,7 +1314,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, _a = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Ie = (e) => {
+}, Ae = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
 }, Na = (e) => {
@@ -1323,23 +1323,23 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, dn = (e) => wa(e) || _a(e), ya = (e) => {
   var t;
   return dn(e) && !((t = e.text) != null && t.trim());
-}, ze = ({
+}, Fe = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = dn(e), i = Ie(e);
+  const r = dn(e), i = Ae(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", b = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", p = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
       /* @__PURE__ */ n(Ss, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n("span", { children: p })
     ] });
   }
   const l = s && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = [
@@ -1347,10 +1347,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
   ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ h(ae, { children: [
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ h(te, { children: [
     m,
     g
-  ] }) : /* @__PURE__ */ h(ae, { children: [
+  ] }) : /* @__PURE__ */ h(te, { children: [
     g,
     m
   ] }) });
@@ -1388,7 +1388,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   )
 ] }), ka = (e) => {
-  var bt, pt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et, St, It, Tt;
+  var bt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et, St, It, Tt, At;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1403,85 +1403,85 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: b,
+    renderText: p,
     threadList: _,
-    viewerLanguage: v
-  } = e, { client: p } = Xe("CustomMessage"), { channel: w } = de("CustomMessage"), { isUnlocking: A, onUnlockClick: M, onFetchSource: C, onDownloadClick: R } = va("LockedAttachment"), [P, D] = F(!1), E = Ln(c.id), { selected: L, voteUp: I, voteDown: O } = Hs(c), {
-    Attachment: N = Dn,
+    viewerLanguage: x
+  } = e, { client: b } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: M, onUnlockClick: I, onFetchSource: N, onDownloadClick: z } = va("LockedAttachment"), [L, D] = F(!1), E = Ln(c.id), { selected: R, voteUp: T, voteDown: O } = Hs(c), {
+    Attachment: C = Dn,
     EditMessageModal: k = On,
     MessageActions: S,
-    MessageBlocked: $ = Pn,
-    MessageBouncePrompt: z = zn,
-    MessageDeleted: H = $n,
-    MessageIsThreadReplyInChannelButtonIndicator: ee = Fn,
-    MessageRepliesCountButton: Q = Bn,
-    ReminderNotification: Y = Un,
-    StreamedMessageText: x = jn,
-    PinIndicator: T
-  } = Gt("CustomMessage"), U = Vn(c), V = Gn(c), q = se(
+    MessageBlocked: P = Pn,
+    MessageBouncePrompt: $ = zn,
+    MessageDeleted: Y = $n,
+    MessageIsThreadReplyInChannelButtonIndicator: Q = Fn,
+    MessageRepliesCountButton: Z = Bn,
+    ReminderNotification: V = Un,
+    StreamedMessageText: w = jn,
+    PinIndicator: A
+  } = Gt("CustomMessage"), U = Vn(c), G = Gn(c), q = re(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), B = se(() => {
-    const ge = c.attachments ?? [], Ee = c.shared_location ? [c.shared_location, ...ge] : ge;
-    if (!Ie(c)) return Ee;
-    const At = Ee.filter((Mt) => !("type" in Mt) || !rn(Mt));
-    return At.length === Ee.length ? Ee : At;
-  }, [c]), W = se(() => {
-    const ge = Zt({ message: c, viewerLanguage: v });
+  ), B = re(() => {
+    const ge = c.attachments ?? [], Se = c.shared_location ? [c.shared_location, ...ge] : ge;
+    if (!Ae(c)) return Se;
+    const Mt = Se.filter((Rt) => !("type" in Rt) || !rn(Rt));
+    return Mt.length === Se.length ? Se : Mt;
+  }, [c]), W = re(() => {
+    const ge = Zt({ message: c, viewerLanguage: x });
     return ge === c.text ? c : { ...c, text: ge };
-  }, [c, v]);
+  }, [c, x]);
   if (Hn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(H, { message: c });
+    return /* @__PURE__ */ n(Y, { message: c });
   if (Yn(c))
-    return /* @__PURE__ */ n($, {});
+    return /* @__PURE__ */ n(P, {});
   const X = !_ && !!c.reply_count, ue = !_ && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, he = qn(c);
-  let Z;
-  me ? Z = () => m(c) : he && (Z = () => D(!0));
-  const te = f(), ie = y(
+  let ee;
+  me ? ee = () => m(c) : he && (ee = () => D(!0));
+  const ne = f(), oe = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ne ? "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": U,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": V,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((pt = c == null ? void 0 : c.error) == null ? void 0 : pt.status) !== 403,
+      "str-chat__message--with-reactions": G,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((vt = c == null ? void 0 : c.error) == null ? void 0 : vt.status) !== 403,
       "str-chat__message-with-thread-link": X || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), mt = c.poll_id && p.polls.fromState(c.poll_id), ht = ya(c), fe = Ie(c), ft = Na(c), De = !!(B != null && B.length && !c.quoted_message), gt = fe && te && De;
-  return /* @__PURE__ */ h(ae, { children: [
+  ), ht = c.poll_id && b.polls.fromState(c.poll_id), ft = ya(c), fe = Ae(c), gt = Na(c), Pe = !!(B != null && B.length && !c.quoted_message), pt = fe && ne && Pe;
+  return /* @__PURE__ */ h(te, { children: [
     a && /* @__PURE__ */ n(
       k,
       {
         additionalMessageInputProps: t
       }
     ),
-    P && /* @__PURE__ */ n(
+    L && /* @__PURE__ */ n(
       Wn,
       {
-        MessageBouncePrompt: z,
+        MessageBouncePrompt: $,
         onClose: () => D(!1),
-        open: P
+        open: L
       }
     ),
     /* @__PURE__ */ h(
       "div",
       {
-        className: ie,
+        className: oe,
         "data-message-id": c.id,
         children: [
-          T && /* @__PURE__ */ n(T, {}),
-          !!E && /* @__PURE__ */ n(Y, { reminder: E }),
+          A && /* @__PURE__ */ n(A, {}),
+          !!E && /* @__PURE__ */ n(V, { reminder: E }),
           c.user && /* @__PURE__ */ n(
-            oe,
+            se,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1499,120 +1499,120 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "str-chat__simple-message--error-failed": me || he
               }),
               "data-testid": "message-inner",
-              onClick: Z,
-              onKeyDown: Z,
-              role: Z ? "button" : void 0,
-              tabIndex: Z ? 0 : void 0,
+              onClick: ee,
+              onKeyDown: ee,
+              role: ee ? "button" : void 0,
+              tabIndex: ee ? 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
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: ft ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                te ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+              children: gt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+                ne ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   S && /* @__PURE__ */ n(S, {}),
                   /* @__PURE__ */ n(
-                    Ft.Sent,
+                    Bt.Sent,
                     {
-                      title: (vt = c.metadata) == null ? void 0 : vt.attachment_title,
-                      mimeType: (xt = c.metadata) == null ? void 0 : xt.attachment_mime_type,
-                      thumbnailUrl: (wt = c.metadata) == null ? void 0 : wt.attachment_thumbnail,
-                      amountText: (_t = c.metadata) == null ? void 0 : _t.amount_text,
-                      detail: (Nt = c.metadata) == null ? void 0 : Nt.attachment_detail,
-                      paymentStatus: (yt = c.metadata) == null ? void 0 : yt.payment_status,
-                      onPreviewClick: () => M == null ? void 0 : M(c, w),
-                      onFetchSource: async () => await (C == null ? void 0 : C(c, w))
+                      title: (xt = c.metadata) == null ? void 0 : xt.attachment_title,
+                      mimeType: (wt = c.metadata) == null ? void 0 : wt.attachment_mime_type,
+                      thumbnailUrl: (_t = c.metadata) == null ? void 0 : _t.attachment_thumbnail,
+                      amountText: (Nt = c.metadata) == null ? void 0 : Nt.amount_text,
+                      detail: (yt = c.metadata) == null ? void 0 : yt.attachment_detail,
+                      paymentStatus: (Ct = c.metadata) == null ? void 0 : Ct.payment_status,
+                      onPreviewClick: () => I == null ? void 0 : I(c, v),
+                      onFetchSource: async () => await (N == null ? void 0 : N(c, v))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ n(
-                    Ft.Received,
+                    Bt.Received,
                     {
-                      title: (Ct = c.metadata) == null ? void 0 : Ct.attachment_title,
-                      mimeType: (kt = c.metadata) == null ? void 0 : kt.attachment_mime_type,
-                      thumbnailUrl: (Et = c.metadata) == null ? void 0 : Et.attachment_thumbnail,
-                      amountText: (St = c.metadata) == null ? void 0 : St.amount_text,
-                      detail: (It = c.metadata) == null ? void 0 : It.attachment_detail,
-                      paymentStatus: (Tt = c.metadata) == null ? void 0 : Tt.payment_status,
-                      isUnlocking: A(c.id),
-                      onUnlockClick: () => M == null ? void 0 : M(c, w),
-                      onFetchSource: async () => await (C == null ? void 0 : C(c, w)),
-                      onDownloadClick: () => R == null ? void 0 : R(c, w)
+                      title: (kt = c.metadata) == null ? void 0 : kt.attachment_title,
+                      mimeType: (Et = c.metadata) == null ? void 0 : Et.attachment_mime_type,
+                      thumbnailUrl: (St = c.metadata) == null ? void 0 : St.attachment_thumbnail,
+                      amountText: (It = c.metadata) == null ? void 0 : It.amount_text,
+                      detail: (Tt = c.metadata) == null ? void 0 : Tt.attachment_detail,
+                      paymentStatus: (At = c.metadata) == null ? void 0 : At.payment_status,
+                      isUnlocking: M(c.id),
+                      onUnlockClick: () => I == null ? void 0 : I(c, v),
+                      onFetchSource: async () => await (N == null ? void 0 : N(c, v)),
+                      onDownloadClick: () => z == null ? void 0 : z(c, v)
                     }
                   ),
                   S && /* @__PURE__ */ n(S, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                  Lt,
+                  Dt,
                   {
                     message: W,
-                    renderText: b
+                    renderText: p
                   }
                 ) })
-              ] }) : ht ? (
+              ] }) : ft ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(ze, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(Fe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                fe && !gt && /* @__PURE__ */ n(
-                  ze,
+                fe && !pt && /* @__PURE__ */ n(
+                  Fe,
                   {
                     message: c,
-                    hasAttachment: De,
-                    isMyMessage: te
+                    hasAttachment: Pe,
+                    isMyMessage: ne
                   }
                 ),
-                mt && /* @__PURE__ */ n(Xn, { poll: mt }),
+                ht && /* @__PURE__ */ n(Xn, { poll: ht }),
                 B != null && B.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  N,
+                  C,
                   {
                     actionHandler: o,
                     attachments: B
                   }
                 ) : null,
                 q ? /* @__PURE__ */ n(
-                  x,
+                  w,
                   {
                     message: W,
-                    renderText: b
+                    renderText: p
                   }
                 ) : /* @__PURE__ */ n(
-                  Lt,
+                  Dt,
                   {
                     message: W,
-                    renderText: b
+                    renderText: p
                   }
                 ),
                 /* @__PURE__ */ n(Kn, {})
               ] }) })
             }
           ),
-          !ft && !ht && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!fe || gt) && /* @__PURE__ */ n(
-              ze,
+          !gt && !ft && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+            (!fe || pt) && /* @__PURE__ */ n(
+              Fe,
               {
                 message: c,
-                hasAttachment: De,
-                isMyMessage: te
+                hasAttachment: Pe,
+                isMyMessage: ne
               }
             ),
             s && fe && /* @__PURE__ */ n(
               Ca,
               {
-                selected: L,
-                onVoteUp: I,
+                selected: R,
+                onVoteUp: T,
                 onVoteDown: O
               }
             )
           ] }),
           X && /* @__PURE__ */ n(
-            Q,
+            Z,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ n(ee, {})
+          ue && /* @__PURE__ */ n(Q, {})
         ]
       },
       c.id
@@ -1622,11 +1622,11 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   ka,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Rn(e, t)
 ), Sa = (e) => {
-  const t = _e("CustomMessage");
+  const t = Ne("CustomMessage");
   return /* @__PURE__ */ n(Ea, { ...t, ...e });
 }, Ia = () => {
   var s;
-  const { handleDelete: e, message: t } = _e("CustomMessageActions");
+  const { handleDelete: e, message: t } = Ne("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     Wt,
     {
@@ -1638,7 +1638,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   );
 }, Ta = () => {
-  const { handleFlag: e } = _e("CustomMessageActions");
+  const { handleFlag: e } = Ne("CustomMessageActions");
   return /* @__PURE__ */ n(
     Wt,
     {
@@ -1651,7 +1651,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   );
 }, Aa = () => {
   var t;
-  const { message: e } = _e("CustomMessageActions");
+  const { message: e } = Ne("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
     Os,
     {
@@ -1691,7 +1691,7 @@ const xa = ({ 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(Re, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ n(De, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ h("div", { className: "p-2", children: [
@@ -1703,7 +1703,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   );
 }, Ra = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Rt.previewIsLoaded(t) || Rt.previewIsLoading(t)
+    (t) => Lt.previewIsLoaded(t) || Lt.previewIsLoading(t)
   )
 }), La = () => {
   const { linkPreviewsManager: e } = Jn(), { linkPreviews: t } = Zn(
@@ -1720,7 +1720,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, nt = j.createContext(!1), ki = () => we(nt), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, st = j.createContext(!1), ki = () => _e(st), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1731,7 +1731,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     children: /* @__PURE__ */ n(Ms, { weight: "bold", className: "size-4" })
   }
 ), Oa = () => {
-  const e = we(nt), { handleSubmit: t } = es(), s = ts(), a = e || !s, {
+  const e = _e(st), { handleSubmit: t } = es(), s = ts(), a = e || !s, {
     SendButton: r = Da,
     AttachmentPreviewList: i = ns
   } = Gt("CustomMessageInput");
@@ -1773,7 +1773,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }) => {
   var o;
   const { channel: i } = de(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(ae, { children: [
+  return s ? /* @__PURE__ */ h(te, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
   ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -1785,7 +1785,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(nt.Provider, { value: l, children: /* @__PURE__ */ n(Qn, { Input: r ?? Oa }) })
+          /* @__PURE__ */ n(st.Provider, { value: l, children: /* @__PURE__ */ n(Qn, { Input: r ?? Oa }) })
         ]
       }
     ),
@@ -1801,10 +1801,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], Ba = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, $e = "age safety guidelines.", Ua = "https://linktr.ee/s/about/contact", Ut = (e) => za.includes(e), ja = (e) => Fa.includes(e), Va = (e) => {
+}, Be = "age safety guidelines.", Ua = "https://linktr.ee/s/about/contact", jt = (e) => za.includes(e), ja = (e) => Fa.includes(e), Va = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Ut(t))
+  if (jt(t))
     return {
       kind: "dm-agent",
       type: t
@@ -1815,17 +1815,17 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (Ut(s))
+  if (jt(s))
     return {
       kind: "dm-agent",
       type: s
     };
 }, Ga = (e) => {
-  const t = e.indexOf($e);
+  const t = e.indexOf(Be);
   if (t === -1)
     return e;
-  const s = t + $e.length;
-  return /* @__PURE__ */ h(ae, { children: [
+  const s = t + Be.length;
+  return /* @__PURE__ */ h(te, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -1834,7 +1834,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: $e
+        children: Be
       }
     ),
     e.slice(s)
@@ -1855,7 +1855,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Ve,
+              be,
               {
                 size: 16,
                 weight: "regular",
@@ -1867,7 +1867,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Oe, { message: e.message })
+      !t && /* @__PURE__ */ n(ze, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
@@ -1894,7 +1894,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Oe, { message: e.message })
+      !t && /* @__PURE__ */ n(ze, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1903,9 +1903,9 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(Oe, { message: e.message })
+    !t && /* @__PURE__ */ n(ze, { message: e.message })
   ] });
-}, un = qe(!1), Fe = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, un = We(!1), Ue = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1916,20 +1916,20 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     repeatCount: "indefinite"
   }
 ) }), Ya = /* @__PURE__ */ new Set([
-  Pe.Thinking,
-  Pe.Generating,
-  Pe.ExternalSources
+  $e.Thinking,
+  $e.Generating,
+  $e.ExternalSources
 ]), qa = ({ threadList: e }) => {
-  var b, _;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Xe(), { typing: i = {} } = rs(), { aiState: l } = is(t), o = we(un);
+  var p, _;
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ke(), { typing: i = {} } = rs(), { aiState: l } = is(t), o = _e(un);
   if (!e && o && Ya.has(l)) {
-    const v = Wa(t, (b = r.user) == null ? void 0 : b.id);
+    const x = Wa(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
-      jt,
+      Vt,
       {
-        avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
-        avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
-        avatarImage: v == null ? void 0 : v.image,
+        avatarId: (x == null ? void 0 : x.id) ?? "ai-agent",
+        avatarName: (x == null ? void 0 : x.name) ?? (x == null ? void 0 : x.id) ?? "Agent",
+        avatarImage: x == null ? void 0 : x.image,
         testId: "typing-indicator-ai"
       }
     );
@@ -1937,21 +1937,21 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: p }) => {
-      var w;
-      return (p == null ? void 0 : p.id) !== ((w = r.user) == null ? void 0 : w.id) && !v;
+    ({ parent_id: x, user: b }) => {
+      var v;
+      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && !x;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: v, user: p }) => {
-      var w;
-      return (p == null ? void 0 : p.id) !== ((w = r.user) == null ? void 0 : w.id) && v === (a == null ? void 0 : a.id);
+    ({ parent_id: x, user: b }) => {
+      var v;
+      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && x === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? g : m;
   if (!u.length)
     return null;
   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(
-    jt,
+    Vt,
     {
       avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
@@ -1959,7 +1959,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       testId: "typing-indicator"
     }
   );
-}, jt = ({
+}, Vt = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -1974,7 +1974,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        oe,
+        se,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -1994,9 +1994,9 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           height: "13",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ n(Fe, { cx: "4", index: 0 }),
-            /* @__PURE__ */ n(Fe, { cx: "16", index: 1 }),
-            /* @__PURE__ */ n(Fe, { cx: "28", index: 2 })
+            /* @__PURE__ */ n(Ue, { cx: "4", index: 0 }),
+            /* @__PURE__ */ n(Ue, { cx: "16", index: 1 }),
+            /* @__PURE__ */ n(Ue, { cx: "28", index: 2 })
           ]
         }
       ) }) }) }) }) })
@@ -2055,12 +2055,12 @@ const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Te = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+), Me = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(Ka, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Te.displayName = "LoadingState";
-const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Vt = "Replies instantly with AI assistant", Ja = ({
+Me.displayName = "LoadingState";
+const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Te = "Replies instantly with AI assistant", Ja = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2075,30 +2075,33 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onReportParticipantClick: u,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: b = !0,
+  showChannelInfo: p = !0,
   onParticipantNameClick: _,
-  renderHeaderTitleBadges: v
+  renderHeaderTitleBadges: x
 }) => {
-  var D, E, L, I, O;
-  const { channel: p } = de(), w = j.useMemo(() => {
-    var S, $;
-    const N = (S = p._client) == null ? void 0 : S.userID;
-    return N ? Object.values((($ = p.state) == null ? void 0 : $.members) || {}).find(
-      (z) => {
-        var H;
-        return ((H = z.user) == null ? void 0 : H.id) && z.user.id !== N;
+  var E, R, T, O, C, k, S;
+  const { channel: b } = de(), v = j.useMemo(() => {
+    var Y, Q;
+    const P = (Y = b._client) == null ? void 0 : Y.userID;
+    return P ? Object.values(((Q = b.state) == null ? void 0 : Q.members) || {}).find(
+      (Z) => {
+        var V;
+        return ((V = Z.user) == null ? void 0 : V.id) && Z.user.id !== P;
       }
     ) : void 0;
-  }, [(D = p._client) == null ? void 0 : D.userID, (E = p.state) == null ? void 0 : E.members]), A = Jt(w == null ? void 0 : w.user), M = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, C = Kt(p), R = v == null ? void 0 : v({
-    channel: p,
-    participant: w
-  }), P = async () => {
+  }, [(E = b._client) == null ? void 0 : E.userID, (R = b.state) == null ? void 0 : R.members]), M = Jt(v == null ? void 0 : v.user), I = (T = v == null ? void 0 : v.user) == null ? void 0 : T.image, N = Kt(b), z = x == null ? void 0 : x({
+    channel: b,
+    participant: v
+  }), L = /* @__PURE__ */ h(te, { children: [
+    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: M }),
+    z && /* @__PURE__ */ n("span", { className: "shrink-0", children: z })
+  ] }), D = async () => {
     try {
-      C ? await p.unpin() : await p.pin();
-    } catch (N) {
+      N ? await b.unpin() : await b.pin();
+    } catch (P) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        N
+        P
       );
     }
   };
@@ -2115,68 +2118,81 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(Ot, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Pt, { className: "size-5 text-black/90" })
         }
       ) }),
-      /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
+      /* @__PURE__ */ n("div", { className: "flex flex-col gap-1 items-center", children: _ ? /* @__PURE__ */ h(
+        "button",
+        {
+          type: "button",
+          onClick: _,
+          "aria-label": `View details for ${M}`,
+          className: "flex max-w-full flex-col items-center gap-1 appearance-none rounded-[12px] border-0 bg-transparent px-1 py-0.5 text-center text-xs font-medium text-black/90 transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none",
+          children: [
+            /* @__PURE__ */ n(
+              se,
+              {
+                id: ((O = v == null ? void 0 : v.user) == null ? void 0 : O.id) || b.id || "unknown",
+                name: M,
+                image: I,
+                starred: s && N,
+                dmAgentEnabled: a,
+                size: 48
+              }
+            ),
+            /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
+              L,
+              /* @__PURE__ */ n(He, { className: "size-3 shrink-0", weight: "bold" })
+            ] }),
+            a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+              /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n("span", { children: Te })
+            ] })
+          ]
+        }
+      ) : /* @__PURE__ */ h(te, { children: [
         /* @__PURE__ */ n(
-          oe,
+          se,
           {
-            id: ((I = w == null ? void 0 : w.user) == null ? void 0 : I.id) || p.id || "unknown",
-            name: A,
-            image: M,
-            starred: s && C,
+            id: ((C = v == null ? void 0 : v.user) == null ? void 0 : C.id) || b.id || "unknown",
+            name: M,
+            image: I,
+            starred: s && N,
             dmAgentEnabled: a,
             size: 48
           }
         ),
-        _ ? /* @__PURE__ */ h(
-          "button",
-          {
-            type: "button",
-            onClick: _,
-            "aria-label": `View details for ${A}`,
-            className: "flex max-w-full items-center gap-0.5 rounded text-center text-xs font-medium text-black/90 transition-opacity hover:opacity-70",
-            children: [
-              /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: A }),
-              R && /* @__PURE__ */ n("span", { className: "shrink-0", children: R }),
-              /* @__PURE__ */ n(Ge, { className: "size-3 shrink-0", weight: "bold" })
-            ]
-          }
-        ) : /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-1 text-center text-xs font-medium text-black/90", children: [
-          /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: A }),
-          R && /* @__PURE__ */ n("span", { className: "shrink-0", children: R })
-        ] }),
+        /* @__PURE__ */ n("p", { className: "flex max-w-full items-center justify-center gap-1 text-center text-xs font-medium text-black/90", children: L }),
         a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ n(Ve, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ n("span", { children: Vt })
+          /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
+          /* @__PURE__ */ n("span", { children: Te })
         ] })
-      ] }),
+      ] }) }),
       /* @__PURE__ */ h("div", { className: "flex justify-end items-center gap-2", children: [
         s && /* @__PURE__ */ n(
           "button",
           {
             className: le,
-            onClick: P,
+            onClick: D,
             type: "button",
-            "aria-label": C ? "Unstar conversation" : "Star conversation",
+            "aria-label": N ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              Ue,
+              Ve,
               {
                 className: y("size-5", {
-                  "text-yellow-600": C,
-                  "text-black/90": !C
+                  "text-yellow-600": N,
+                  "text-black/90": !N
                 }),
-                weight: C ? "duotone" : "regular"
+                weight: N ? "duotone" : "regular"
               }
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
-          $t,
+        p && (c !== void 0 ? c : /* @__PURE__ */ n(
+          Ft,
           {
-            channel: p,
-            participant: w,
+            channel: b,
+            participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
             showReportParticipant: d,
@@ -2203,41 +2219,58 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Ot, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Pt, { className: "size-5 text-black/90" })
           }
         ),
-        /* @__PURE__ */ n(
-          oe,
+        _ ? /* @__PURE__ */ h(
+          "button",
           {
-            id: ((O = w == null ? void 0 : w.user) == null ? void 0 : O.id) || p.id || "unknown",
-            name: A,
-            image: M,
-            starred: s && C,
-            dmAgentEnabled: a,
-            size: 48
+            type: "button",
+            onClick: _,
+            "aria-label": `View details for ${M}`,
+            className: "flex min-w-0 max-w-full items-center gap-4 appearance-none rounded-[12px] border-0 bg-transparent px-1 py-0.5 text-left text-black/90 transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none",
+            children: [
+              /* @__PURE__ */ n(
+                se,
+                {
+                  id: ((k = v == null ? void 0 : v.user) == null ? void 0 : k.id) || b.id || "unknown",
+                  name: M,
+                  image: I,
+                  starred: s && N,
+                  dmAgentEnabled: a,
+                  size: 48
+                }
+              ),
+              /* @__PURE__ */ h("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
+                  L,
+                  /* @__PURE__ */ n(He, { className: "size-4 shrink-0", weight: "bold" })
+                ] }),
+                a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+                  /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n("span", { className: "truncate", children: Te })
+                ] })
+              ] })
+            ]
           }
-        ),
-        /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-          _ ? /* @__PURE__ */ h(
-            "button",
+        ) : /* @__PURE__ */ h(te, { children: [
+          /* @__PURE__ */ n(
+            se,
             {
-              type: "button",
-              onClick: _,
-              "aria-label": `View details for ${A}`,
-              className: "flex min-w-0 max-w-full items-center gap-1 rounded font-medium text-black/90 transition-opacity hover:opacity-70",
-              children: [
-                /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: A }),
-                R && /* @__PURE__ */ n("span", { className: "shrink-0", children: R }),
-                /* @__PURE__ */ n(Ge, { className: "size-4 shrink-0", weight: "bold" })
-              ]
+              id: ((S = v == null ? void 0 : v.user) == null ? void 0 : S.id) || b.id || "unknown",
+              name: M,
+              image: I,
+              starred: s && N,
+              dmAgentEnabled: a,
+              size: 48
             }
-          ) : /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-            /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: A }),
-            R && /* @__PURE__ */ n("span", { className: "shrink-0", children: R })
-          ] }),
-          a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-            /* @__PURE__ */ n(Ve, { className: "size-3 shrink-0 text-black/55" }),
-            /* @__PURE__ */ n("span", { className: "truncate", children: Vt })
+          ),
+          /* @__PURE__ */ h("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ n("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: L }),
+            a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+              /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n("span", { className: "truncate", children: Te })
+            ] })
           ] })
         ] })
       ] }),
@@ -2246,26 +2279,26 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: le,
-            onClick: P,
+            onClick: D,
             type: "button",
-            "aria-label": C ? "Unstar conversation" : "Star conversation",
+            "aria-label": N ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              Ue,
+              Ve,
               {
                 className: y("size-6", {
-                  "text-yellow-600": C,
-                  "text-black/90": !C
+                  "text-yellow-600": N,
+                  "text-black/90": !N
                 }),
-                weight: C ? "duotone" : "regular"
+                weight: N ? "duotone" : "regular"
               }
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
-          $t,
+        p && (c !== void 0 ? c : /* @__PURE__ */ n(
+          Ft,
           {
-            channel: p,
-            participant: w,
+            channel: b,
+            participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
             showReportParticipant: d,
@@ -2296,56 +2329,56 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: b,
+  composerDisabledReason: p,
   showStarButton: _ = !1,
-  chatbotVotingEnabled: v = !1,
-  renderChannelBanner: p,
-  renderHeaderTitleBadges: w,
-  customChannelActions: A,
-  renderChannelActions: M,
-  renderMessage: C,
-  dmAgentEnabled: R = !1,
-  viewerLanguage: P,
+  chatbotVotingEnabled: x = !1,
+  renderChannelBanner: b,
+  renderHeaderTitleBadges: v,
+  customChannelActions: M,
+  renderChannelActions: I,
+  renderMessage: N,
+  dmAgentEnabled: z = !1,
+  viewerLanguage: L,
   showChannelInfo: D = !0,
   onParticipantNameClick: E,
-  composerInput: L
+  composerInput: R
 }) => {
-  var H, ee, Q, Y, x, T;
-  const { channel: I } = de(), O = j.useMemo(() => {
+  var Y, Q, Z, V, w, A;
+  const { channel: T } = de(), O = j.useMemo(() => {
     var q, B;
-    const U = (q = I._client) == null ? void 0 : q.userID;
-    return U ? Object.values(((B = I.state) == null ? void 0 : B.members) || {}).find(
+    const U = (q = T._client) == null ? void 0 : q.userID;
+    return U ? Object.values(((B = T.state) == null ? void 0 : B.members) || {}).find(
       (W) => {
         var X;
         return ((X = W.user) == null ? void 0 : X.id) && W.user.id !== U;
       }
     ) : void 0;
-  }, [(H = I._client) == null ? void 0 : H.userID, (ee = I.state) == null ? void 0 : ee.members]), N = j.useMemo(() => {
+  }, [(Y = T._client) == null ? void 0 : Y.userID, (Q = T.state) == null ? void 0 : Q.members]), C = j.useMemo(() => {
     var q, B;
-    const U = (q = I._client) == null ? void 0 : q.userID;
-    return U ? Object.values(((B = I.state) == null ? void 0 : B.members) || {}).find((W) => {
+    const U = (q = T._client) == null ? void 0 : q.userID;
+    return U ? Object.values(((B = T.state) == null ? void 0 : B.members) || {}).find((W) => {
       var X;
       return ((X = W.user) == null ? void 0 : X.id) === U;
     }) : void 0;
-  }, [(Q = I._client) == null ? void 0 : Q.userID, (Y = I.state) == null ? void 0 : Y.members]), k = ((x = N == null ? void 0 : N.user) == null ? void 0 : x.is_account) ?? (N == null ? void 0 : N.is_account), S = ((T = O == null ? void 0 : O.user) == null ? void 0 : T.is_account) ?? (O == null ? void 0 : O.is_account), $ = R && k === !1 && S === !0, z = J(
+  }, [(Z = T._client) == null ? void 0 : Z.userID, (V = T.state) == null ? void 0 : V.members]), k = ((w = C == null ? void 0 : C.user) == null ? void 0 : w.is_account) ?? (C == null ? void 0 : C.is_account), S = ((A = O == null ? void 0 : O.user) == null ? void 0 : A.is_account) ?? (O == null ? void 0 : O.is_account), P = z && k === !1 && S === !0, $ = J(
     (U) => {
-      const { message: V } = _e("ChannelView"), q = /* @__PURE__ */ n(
+      const { message: G } = Ne("ChannelView"), q = /* @__PURE__ */ n(
         Sa,
         {
           ...U,
-          chatbotVotingEnabled: v,
-          viewerLanguage: P
+          chatbotVotingEnabled: x,
+          viewerLanguage: L
         }
       );
-      return !C || !V ? q : C(q, V);
+      return !N || !G ? q : N(q, G);
     },
-    [v, C, P]
+    [x, N, L]
   );
-  return /* @__PURE__ */ n(ae, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
     ls,
     {
       overrides: {
-        Message: z,
+        Message: $,
         MessageActions: Aa
       },
       children: /* @__PURE__ */ h(cs, { children: [
@@ -2356,7 +2389,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             showBackButton: t,
             showChannelInfo: D,
             showStarButton: _,
-            dmAgentEnabled: $,
+            dmAgentEnabled: P,
             onLeaveConversation: i,
             onBlockParticipant: l,
             showDeleteConversation: o,
@@ -2365,13 +2398,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onDeleteConversationClick: d,
             onBlockParticipantClick: m,
             onReportParticipantClick: g,
-            customChannelActions: A,
-            renderChannelActions: M,
+            customChannelActions: M,
+            renderChannelActions: I,
             onParticipantNameClick: E,
-            renderHeaderTitleBadges: w
+            renderHeaderTitleBadges: v
           }
         ) }, "lt-channel-header"),
-        p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null,
+        b ? /* @__PURE__ */ n(j.Fragment, { children: b() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2380,17 +2413,17 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(j.Fragment, { children: r(I) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(j.Fragment, { children: r(T) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           Pa,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(I)
+              renderActions: () => s == null ? void 0 : s(T)
             },
-            renderFooter: () => a == null ? void 0 : a(I),
+            renderFooter: () => a == null ? void 0 : a(T),
             disabled: c,
-            disabledReason: b,
-            composerInput: L
+            disabledReason: p,
+            composerInput: R
           },
           "lt-channel-message-input"
         )
@@ -2413,78 +2446,78 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: b = !0,
+    showBlockParticipant: p = !0,
     showReportParticipant: _ = !0,
-    composerDisabled: v = !1,
-    composerDisabledReason: p,
-    dmAgentEnabled: w,
-    messageMetadata: A,
-    onMessageSent: M,
-    showStarButton: C = !1,
-    chatbotVotingEnabled: R = !1,
-    renderChannelBanner: P,
+    composerDisabled: x = !1,
+    composerDisabledReason: b,
+    dmAgentEnabled: v,
+    messageMetadata: M,
+    onMessageSent: I,
+    showStarButton: N = !1,
+    chatbotVotingEnabled: z = !1,
+    renderChannelBanner: L,
     renderHeaderTitleBadges: D,
     customChannelActions: E,
-    renderChannelActions: L,
-    renderMessage: I,
+    renderChannelActions: R,
+    renderMessage: T,
     onMessageLinkClick: O,
-    sendButton: N,
+    sendButton: C,
     attachmentPreviewList: k,
     viewerLanguage: S,
-    showChannelInfo: $ = !0,
-    onParticipantNameClick: z,
-    composerInput: H
+    showChannelInfo: P = !0,
+    onParticipantNameClick: $,
+    composerInput: Y
   }) => {
-    const ee = J(
-      async (Y, x, T) => {
+    const Q = J(
+      async (V, w, A) => {
         var X;
-        const U = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, V = w && !U, q = {
-          ...x,
-          ...V && { silent: !0 },
-          ...A && {
+        const U = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, G = v && !U, q = {
+          ...w,
+          ...G && { silent: !0 },
+          ...M && {
             metadata: {
-              ...x.metadata ?? {},
-              ...A
+              ...w.metadata ?? {},
+              ...M
             }
           }
         }, B = {
-          ...T,
-          ...V && { skip_push: !0 }
+          ...A,
+          ...G && { skip_push: !0 }
         }, W = await e.sendMessage(q, B);
-        return M == null || M(W), W;
+        return I == null || I(W), W;
       },
-      [e, w, A, M]
-    ), Q = G(null);
+      [e, v, M, I]
+    ), Z = H(null);
     return K(() => {
       if (!O) return;
-      const Y = Q.current;
-      if (!Y) return;
-      const x = (T) => {
-        const U = T.target, V = U == null ? void 0 : U.closest("a[href]"), q = V == null ? void 0 : V.getAttribute("href");
+      const V = Z.current;
+      if (!V) return;
+      const w = (A) => {
+        const U = A.target, G = U == null ? void 0 : U.closest("a[href]"), q = G == null ? void 0 : G.getAttribute("href");
         if (!q) return;
-        const B = V == null ? void 0 : V.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), X = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
+        const B = G == null ? void 0 : G.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), X = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
         O(q, X);
       };
-      return Y.addEventListener("click", x), () => Y.removeEventListener("click", x);
+      return V.addEventListener("click", w), () => V.removeEventListener("click", w);
     }, [O, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: Q,
+        ref: Z,
         className: y(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(un.Provider, { value: w ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(un.Provider, { value: v ?? !1, children: /* @__PURE__ */ n(
           os,
           {
             channel: e,
             MessageSystem: Ha,
             EmptyStateIndicator: m,
-            LoadingIndicator: Te,
+            LoadingIndicator: Me,
             DateSeparator: Vs,
             TypingIndicator: qa,
-            doSendMessageRequest: ee,
-            ...N ? { SendButton: N } : {},
+            doSendMessageRequest: Q,
+            ...C ? { SendButton: C } : {},
             ...k ? { AttachmentPreviewList: k } : {},
             children: /* @__PURE__ */ n(
               Za,
@@ -2501,22 +2534,22 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: b,
+                showBlockParticipant: p,
                 showReportParticipant: _,
-                composerDisabled: v,
-                composerDisabledReason: p,
-                showStarButton: C,
-                dmAgentEnabled: w,
-                chatbotVotingEnabled: R,
-                renderChannelBanner: P,
+                composerDisabled: x,
+                composerDisabledReason: b,
+                showStarButton: N,
+                dmAgentEnabled: v,
+                chatbotVotingEnabled: z,
+                renderChannelBanner: L,
                 renderHeaderTitleBadges: D,
                 customChannelActions: E,
-                renderChannelActions: L,
-                renderMessage: I,
+                renderChannelActions: R,
+                renderMessage: T,
                 viewerLanguage: S,
-                showChannelInfo: $,
-                onParticipantNameClick: z,
-                composerInput: H
+                showChannelInfo: P,
+                onParticipantNameClick: $,
+                composerInput: Y
               }
             )
           }
@@ -2526,7 +2559,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 mn.displayName = "ChannelView";
-const pe = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const ve = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2540,7 +2573,7 @@ const pe = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-pe.displayName = "ErrorState";
+ve.displayName = "ErrorState";
 const Ei = ({
   capabilities: e = {},
   renderMessageInputActions: t,
@@ -2556,49 +2589,49 @@ const Ei = ({
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: b,
+  renderHeaderTitleBadges: p,
   renderChannelBanner: _,
-  customChannelActions: v,
-  renderChannelActions: p,
-  onParticipantNameClick: w,
-  renderMessage: A,
-  onMessageLinkClick: M,
-  showChannelInfo: C,
-  composerInput: R
+  customChannelActions: x,
+  renderChannelActions: b,
+  onParticipantNameClick: v,
+  renderMessage: M,
+  onMessageLinkClick: I,
+  showChannelInfo: N,
+  composerInput: z
 }) => {
   const {
-    client: P,
+    client: L,
     isConnected: D,
     isLoading: E,
-    error: L,
-    refreshConnection: I,
+    error: R,
+    refreshConnection: T,
     service: O,
-    debug: N
-  } = Ps(), [k, S] = F(null), [$, z] = F(null), [H, ee] = F(!1), { showDeleteConversation: Q = !0 } = e, Y = G(l);
-  Y.current = l;
-  const x = G(a);
-  x.current = a;
-  const T = G(null), U = G(null);
+    debug: C
+  } = Ps(), [k, S] = F(null), [P, $] = F(null), [Y, Q] = F(!1), { showDeleteConversation: Z = !0 } = e, V = H(l);
+  V.current = l;
+  const w = H(a);
+  w.current = a;
+  const A = H(null), U = H(null);
   K(() => {
     U.current = k;
   }, [k]), K(() => {
-    if (!P || !D) return;
-    const B = P.userID;
+    if (!L || !D) return;
+    const B = L.userID;
     if (!B) return;
     const W = `${B}::${i}`;
-    if (T.current === W) return;
-    T.current = W;
+    if (A.current === W) return;
+    A.current = W;
     const X = () => {
-      T.current === W && (T.current = null);
+      A.current === W && (A.current = null);
     };
     (async () => {
       var me, he;
       try {
-        N && console.log(
+        C && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const Z = await P.queryChannels(
+        const ee = await L.queryChannels(
           {
             type: "messaging",
             members: { $eq: [B, i] }
@@ -2606,58 +2639,58 @@ const Ei = ({
           {},
           { limit: 1 }
         );
-        if (Z.length > 0) {
-          S(Z[0]), z(null), (me = x.current) == null || me.call(x, Z[0]), N && console.log(
+        if (ee.length > 0) {
+          S(ee[0]), $(null), (me = w.current) == null || me.call(w, ee[0]), C && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            Z[0].id
+            ee[0].id
           );
           return;
         }
-        const te = Y.current;
-        if (!te || !O) {
-          X(), z("No conversation found with this account"), N && console.log(
+        const ne = V.current;
+        if (!ne || !O) {
+          X(), $("No conversation found with this account"), C && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const ie = await O.startChannelWithParticipant({
-            id: te.id,
-            name: te.name,
-            phone: te.phone
+          const oe = await O.startChannelWithParticipant({
+            id: ne.id,
+            name: ne.name,
+            phone: ne.phone
           });
-          S(ie), z(null), (he = x.current) == null || he.call(x, ie), N && console.log(
+          S(oe), $(null), (he = w.current) == null || he.call(w, oe), C && console.log(
             "[MessagingShell] Channel created and loaded:",
-            ie.id
+            oe.id
           );
-        } catch (ie) {
+        } catch (oe) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            ie
-          ), X(), z("Failed to create conversation");
+            oe
+          ), X(), $("Failed to create conversation");
         }
-      } catch (Z) {
+      } catch (ee) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          Z
-        ), X(), U.current || z("Failed to load conversation");
+          ee
+        ), X(), U.current || $("Failed to load conversation");
       }
     })();
-  }, [i, P, D, O, N]);
-  const V = G(r);
-  V.current = r;
+  }, [i, L, D, O, C]);
+  const G = H(r);
+  G.current = r;
   const q = J(() => {
     var B;
-    S(null), ee(!0), (B = V.current) == null || B.call(V);
+    S(null), Q(!0), (B = G.current) == null || B.call(G);
   }, []);
-  return E ? /* @__PURE__ */ n(Te, {}) : L ? /* @__PURE__ */ n(pe, { message: L, onBack: I }) : !D || !P ? /* @__PURE__ */ n(
-    pe,
+  return E ? /* @__PURE__ */ n(Me, {}) : R ? /* @__PURE__ */ n(ve, { message: R, onBack: T }) : !D || !L ? /* @__PURE__ */ n(
+    ve,
     {
       message: "Not connected to messaging service",
-      onBack: I
+      onBack: T
     }
-  ) : $ ? /* @__PURE__ */ n(pe, { message: $ }) : H && !k ? /* @__PURE__ */ n(pe, { 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(
+  ) : P ? /* @__PURE__ */ n(ve, { message: P }) : Y && !k ? /* @__PURE__ */ n(ve, { 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(
     mn,
     {
       channel: k,
@@ -2667,24 +2700,24 @@ const Ei = ({
       onLeaveConversation: q,
       onBlockParticipant: q,
       CustomChannelEmptyState: o,
-      showDeleteConversation: Q,
+      showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: g,
       onMessageSent: u,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      renderHeaderTitleBadges: b,
-      customChannelActions: v,
-      renderChannelActions: p,
-      onParticipantNameClick: w,
-      renderMessage: A,
-      onMessageLinkClick: M,
-      showChannelInfo: C,
-      composerInput: R
+      renderHeaderTitleBadges: p,
+      customChannelActions: x,
+      renderChannelActions: b,
+      onParticipantNameClick: v,
+      renderMessage: M,
+      onMessageLinkClick: I,
+      showChannelInfo: N,
+      composerInput: z
     },
     k.id
-  ) }) }) : /* @__PURE__ */ n(Te, {});
+  ) }) }) : /* @__PURE__ */ n(Me, {});
 };
 function Qa(e) {
   const t = e.state.pending_messages;
@@ -2722,7 +2755,7 @@ const hn = j.createContext({
   });
 }, fn = j.memo(
   ({ channel: e, unread: t }) => {
-    var R, P, D;
+    var z, L, D;
     const {
       selectedChannel: s,
       onChannelSelect: a,
@@ -2732,39 +2765,39 @@ const hn = j.createContext({
     } = tr(), o = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, m = (E) => {
-      const L = E.key === "Enter" || E.key === " ", I = E.repeat;
-      !L || I || (E.preventDefault(), d());
-    }, u = Object.values(((R = e == null ? void 0 : e.state) == null ? void 0 : R.members) || {}).find(
+      const R = E.key === "Enter" || E.key === " ", T = E.repeat;
+      !R || T || (E.preventDefault(), d());
+    }, u = Object.values(((z = e == null ? void 0 : e.state) == null ? void 0 : z.members) || {}).find(
       (E) => {
-        var L, I;
-        return ((L = E.user) == null ? void 0 : L.id) && E.user.id !== ((I = e == null ? void 0 : e._client) == null ? void 0 : I.userID);
+        var R, T;
+        return ((R = E.user) == null ? void 0 : R.id) && E.user.id !== ((T = e == null ? void 0 : e._client) == null ? void 0 : T.userID);
       }
-    ), f = Jt(u == null ? void 0 : u.user), c = (P = u == null ? void 0 : u.user) == null ? void 0 : P.image, b = (() => {
-      var L;
-      const E = (L = e == null ? void 0 : e.state) == null ? void 0 : L.messages;
+    ), f = Jt(u == null ? void 0 : u.user), c = (L = u == null ? void 0 : u.user) == null ? void 0 : L.image, p = (() => {
+      var R;
+      const E = (R = e == null ? void 0 : e.state) == null ? void 0 : R.messages;
       if (E != null && E.length) {
-        for (let I = E.length - 1; I >= 0; I--)
-          if (E[I].type !== "system") return E[I];
+        for (let T = E.length - 1; T >= 0; T--)
+          if (E[T].type !== "system") return E[T];
       }
-    })(), v = (() => {
-      var k, S, $, z;
+    })(), x = (() => {
+      var k, S, P, $;
       const E = Zt({
-        message: b,
+        message: p,
         viewerLanguage: l
       });
-      if (((k = b == null ? void 0 : b.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return E ? `💵 ${E}` : "💵 Sent a tip";
-      if (((S = b == null ? void 0 : b.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
-      if ((($ = b == null ? void 0 : b.metadata) == null ? void 0 : $.custom_type) === "MESSAGE_ATTACHMENT") return E ? `📎 ${E}` : "📎 Sent an attachment";
+      if (((k = p == null ? void 0 : p.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return E ? `💵 ${E}` : "💵 Sent a tip";
+      if (((S = p == null ? void 0 : p.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
+      if (((P = p == null ? void 0 : p.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_ATTACHMENT") return E ? `📎 ${E}` : "📎 Sent an attachment";
       if (E) return E;
-      const N = (z = b == null ? void 0 : b.attachments) == null ? void 0 : z[0];
-      return N ? N.og_scrape_url ? N.og_scrape_url : N.type === "image" ? "📷 Sent an image" : N.type === "video" ? "🎥 Sent a video" : N.type === "audio" ? "🎵 Sent audio" : N.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), p = b != null && b.created_at ? sr(new Date(b.created_at)) : "", w = b ? Ie(b) : !1, A = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, M = Kt(e), C = t ?? 0;
+      const C = ($ = p == null ? void 0 : p.attachments) == null ? void 0 : $[0];
+      return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), b = p != null && p.created_at ? sr(new Date(p.created_at)) : "", v = p ? Ae(p) : !1, M = i ? i(p, x) : `${v ? "✨ " : ""}${x}`, I = Kt(e), N = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: o,
       participantName: f,
-      unreadCount: C,
-      hasTimestamp: !!p
+      unreadCount: N,
+      hasTimestamp: !!b
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2781,13 +2814,13 @@ const hn = j.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            oe,
+            se,
             {
               id: ((D = u == null ? void 0 : u.user) == null ? void 0 : D.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 48,
-              starred: M
+              starred: I
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2799,16 +2832,16 @@ const hn = j.createContext({
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    M && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    I && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
               ),
-              p && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: p })
+              b && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: b })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: A }),
-              C > 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: C > 99 ? "99+" : C })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: M }),
+              N > 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: N > 99 ? "99+" : N })
             ] })
           ] })
         ] })
@@ -2832,11 +2865,11 @@ const ar = { last_message_at: -1 }, rr = j.memo(
   }) => {
     const g = j.useRef(0);
     g.current++;
-    const { debug: u = !1 } = Ke(), f = j.useCallback(
-      (b) => {
-        for (const _ of b)
+    const { debug: u = !1 } = Je(), f = j.useCallback(
+      (p) => {
+        for (const _ of p)
           Qa(_);
-        return r ? r(b) : b;
+        return r ? r(p) : p;
       },
       [r]
     );
@@ -2888,7 +2921,7 @@ const ar = { last_message_at: -1 }, rr = j.memo(
 );
 rr.displayName = "ChannelList";
 const ir = /^([a-z][a-z0-9+.-]*):/i, or = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function st(e) {
+function at(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
@@ -2906,7 +2939,7 @@ const lr = {
   const s = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     lr[e]
-  ), a = st(t.href);
+  ), a = at(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
     {
@@ -2938,7 +2971,7 @@ const lr = {
 }, ur = "text-white/30", mr = {
   dark: "text-white/55",
   light: "text-black/55"
-}, at = ({
+}, rt = ({
   variant: e,
   title: t,
   placeholderTitle: s,
@@ -2948,12 +2981,12 @@ const lr = {
   cta: l,
   trailingAction: o
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = l != null;
-  if (!g && !u && !c && !b) 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 !== "", p = l != null;
+  if (!g && !u && !c && !p) return null;
+  const x = y(
     "truncate text-base font-medium leading-6",
     d && !t ? ur : dr[e]
-  ), p = y(
+  ), b = y(
     "truncate text-xs leading-4",
     mr[e]
   );
@@ -2963,11 +2996,11 @@ const lr = {
         /* @__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: y("min-w-0", x), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: p, children: a })
+          u && /* @__PURE__ */ n("p", { className: b, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: p, children: f })
+        !p && c && /* @__PURE__ */ n("p", { className: b, children: f })
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
@@ -2980,7 +3013,7 @@ const lr = {
   // 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)]"
-), Ae = ({
+), Re = ({
   variant: e,
   children: t,
   href: s,
@@ -3046,11 +3079,11 @@ const lr = {
 }, gr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Le = (e, t) => !!t && !!e && re(e) === "audio", gn = (e, t) => {
+}, Oe = (e, t) => !!t && !!e && ie(e) === "audio", gn = (e, t) => {
   if (!t || !e) return !1;
-  const s = re(e);
+  const s = ie(e);
   return s === "video" || s === "audio";
-}, rt = "bg-[#F2F3F4]", Me = ({
+}, it = "bg-[#F2F3F4]", Le = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3059,8 +3092,8 @@ const lr = {
   topLeft: i,
   topRight: l
 }) => {
-  const o = re(r), d = !!s && o === "video";
-  return Le(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  const o = ie(r), d = !!s && o === "video";
+  return Oe(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -3114,7 +3147,7 @@ const lr = {
       ]
     }
   );
-}, br = ({
+}, pr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3128,14 +3161,14 @@ const lr = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = o === "classic", c = Le(r, l), b = g ? /* @__PURE__ */ n(
+  const f = o === "classic", c = Oe(r, l), p = 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(Re, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(De, { className: "size-3", weight: "bold" })
     }
   ) : void 0, _ = u ? /* @__PURE__ */ n(
     "button",
@@ -3147,9 +3180,9 @@ const lr = {
       children: /* @__PURE__ */ n(Ls, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Ae, { variant: "dark", bgClassName: rt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Re, { variant: "dark", bgClassName: it, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Me,
+      Le,
       {
         variant: "dark",
         sourceUrl: l,
@@ -3157,26 +3190,26 @@ const lr = {
         mimeType: r
       }
     ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
+    p && /* @__PURE__ */ n("div", { className: "shrink-0", children: p })
   ] }) }) : /* @__PURE__ */ h(
-    Ae,
+    Re,
     {
       variant: "dark",
-      topRight: f ? b : void 0,
+      topRight: f ? p : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Me,
+          Le,
           {
             variant: "dark",
             thumbnailUrl: i,
             sourceUrl: l,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: p
           }
         ),
         /* @__PURE__ */ n(
-          at,
+          rt,
           {
             variant: "dark",
             title: e,
@@ -3191,7 +3224,7 @@ const lr = {
       ]
     }
   );
-}, pr = ({
+}, br = ({
   title: e,
   description: t,
   url: s,
@@ -3203,25 +3236,25 @@ const lr = {
   cta: d,
   onClick: m
 }) => {
-  const g = gn(a, i), u = st(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = Le(a, i) ? rt : void 0, _ = d && m ? {
+  const g = gn(a, i), u = at(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Oe(a, i) ? it : void 0, _ = d && m ? {
     ...d,
     onClick: () => {
-      var v;
-      m(), (v = d.onClick) == null || v.call(d);
+      var x;
+      m(), (x = d.onClick) == null || x.call(d);
     }
   } : d;
   return /* @__PURE__ */ h(
-    Ae,
+    Re,
     {
       variant: "light",
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: p,
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Me,
+          Le,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3231,7 +3264,7 @@ const lr = {
           }
         ),
         /* @__PURE__ */ n(
-          at,
+          rt,
           {
             variant: "light",
             title: e,
@@ -3257,17 +3290,17 @@ const lr = {
   cta: m,
   onClick: g
 }) => {
-  const u = gn(r, l), f = st(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
+  const u = gn(r, l), f = at(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
-    Ae,
+    Re,
     {
       variant: "dark",
       href: c,
-      onClick: b,
-      bgClassName: Le(r, l) ? rt : void 0,
+      onClick: p,
+      bgClassName: Oe(r, l) ? it : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Me,
+          Le,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3277,7 +3310,7 @@ const lr = {
           }
         ),
         /* @__PURE__ */ n(
-          at,
+          rt,
           {
             variant: "dark",
             title: e,
@@ -3292,9 +3325,9 @@ const lr = {
     }
   );
 }, Si = {
-  Composer: br,
+  Composer: pr,
   Sent: vr,
-  Received: pr
+  Received: br
 }, xr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
@@ -3317,7 +3350,7 @@ const lr = {
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, Ne = ({
+}, ye = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3369,7 +3402,7 @@ const lr = {
       ]
     }
   );
-}, ye = ({
+}, Ce = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3385,9 +3418,9 @@ const lr = {
       "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(Re, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(De, { className: "size-3", weight: "bold" })
   }
-), Ce = (e) => e === "received" ? "light" : "dark", Ii = ({
+), ke = (e) => e === "received" ? "light" : "dark", Ii = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -3408,7 +3441,7 @@ const lr = {
     }
   ),
   s ?? null
-] }), it = ({
+] }), ot = ({
   state: e,
   src: t,
   mimeType: s,
@@ -3419,18 +3452,18 @@ const lr = {
   preload: o,
   onDismiss: d
 }) => {
-  const m = Ce(e), g = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
+  const m = ke(e), g = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = o ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    Ne,
+    ye,
     {
       variant: m,
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, p) => /* @__PURE__ */ n(
         kr,
         {
           item: c,
@@ -3438,14 +3471,14 @@ const lr = {
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(ye, { onClick: d, variant: "inline" }) : void 0
+            g && p === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${b}`
+        `${c.src}-${p}`
       )) })
     }
   );
-}, Er = (e) => /* @__PURE__ */ n(it, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ n(it, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ n(it, { ...e, state: "received" }), Tr = {
+}, Er = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), Tr = {
   Composer: Er,
   Sent: Sr,
   Received: Ir
@@ -3472,7 +3505,7 @@ function Rr(e, t) {
     }
   }
   if (!e) return;
-  if (re(e) === "document") {
+  if (ie(e) === "document") {
     const r = tn(e), i = Mr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -3485,7 +3518,7 @@ function Lr(e, t, s) {
   const a = Rr(e, t), r = typeof s == "number" && s > 0 ? Ar(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function ne(e) {
+function ae(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3502,7 +3535,7 @@ const Dr = {
 }, Pr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, bn = ({
+}, pn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3552,7 +3585,7 @@ const Dr = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(ae, { children: [
+  ) : /* @__PURE__ */ h(te, { children: [
     g,
     u
   ] });
@@ -3561,8 +3594,8 @@ const Dr = {
     o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function pn(e, t) {
-  const s = t ?? ne(e);
+async function bn(e, t) {
+  const s = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3589,9 +3622,9 @@ const zr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ne(t.src);
+  const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    pn,
     {
       variant: e,
       filename: i,
@@ -3603,7 +3636,7 @@ const zr = ({
       trailingAction: r
     }
   );
-}, ot = ({
+}, lt = ({
   state: e,
   src: t,
   filename: s,
@@ -3616,19 +3649,19 @@ const zr = ({
   onClick: m,
   onDismiss: g
 }) => {
-  const u = Ce(e), f = e === "composer" && !!g, c = zr({
+  const u = ke(e), f = e === "composer" && !!g, c = zr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: l
-  }), b = (v) => {
-    if ((m == null ? void 0 : m(v)) === !1) return;
-    const p = c[v];
-    if (!p) return;
-    const w = p.filename ?? ne(p.src);
-    pn(p.src, w);
+  }), p = (x) => {
+    if ((m == null ? void 0 : m(x)) === !1) return;
+    const b = c[x];
+    if (!b) return;
+    const v = b.filename ?? ae(b.src);
+    bn(b.src, v);
   };
   if (c.length === 0)
     return null;
@@ -3640,39 +3673,39 @@ const zr = ({
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(xe, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(we, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    Ne,
+    ye,
     {
       variant: u,
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, p) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((x, b) => /* @__PURE__ */ n(
         $r,
         {
           variant: u,
-          item: v,
-          index: p,
-          onActivate: b,
-          trailingAction: f && p === 0 ? /* @__PURE__ */ n(ye, { onClick: g, variant: "inline" }) : _
+          item: x,
+          index: b,
+          onActivate: p,
+          trailingAction: f && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : _
         },
-        `${v.src}-${p}`
+        `${x.src}-${b}`
       )) })
     }
   );
-}, Fr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Br = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Ur = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), jr = {
+}, Fr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Br = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Ur = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), jr = {
   Composer: Fr,
   Sent: Br,
   Received: Ur
-}, lt = ({
+}, ct = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(ae, { children: [
+}) => /* @__PURE__ */ h(te, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3690,7 +3723,7 @@ const zr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(Ge, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(He, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), vn = ({
@@ -3704,7 +3737,7 @@ const zr = ({
 }) => {
   const [o, d] = F(!1), m = J(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), pn(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), bn(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
@@ -3729,14 +3762,14 @@ const zr = ({
         }[i]
       ),
       children: o ? /* @__PURE__ */ n(
-        ve,
+        xe,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        xe,
+        we,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -3752,7 +3785,7 @@ const zr = ({
       disabled: o,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(xe, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: o ? /* @__PURE__ */ n(xe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
@@ -3767,27 +3800,27 @@ const zr = ({
       ),
       children: [
         o ? /* @__PURE__ */ n(
-          ve,
+          xe,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(xe, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(we, { ...f, "aria-hidden": !0 }),
         g ? null : a
       ]
     }
   );
-}, Be = (e, t, s) => Math.min(Math.max(e, t), s), ct = ({
+}, je = (e, t, s) => Math.min(Math.max(e, t), s), dt = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = Be(t, 0, Math.max(e - 1, 0)), [r, i] = F(a);
+  const a = je(t, 0, Math.max(e - 1, 0)), [r, i] = F(a);
   K(() => {
-    s && i(Be(t, 0, Math.max(e - 1, 0)));
+    s && i(je(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), K(() => {
-    i((d) => Be(d, 0, Math.max(e - 1, 0)));
+    i((d) => je(d, 0, Math.max(e - 1, 0)));
   }, [e]);
   const l = J(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
@@ -3803,7 +3836,7 @@ const zr = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, l, o]), { index: r, prev: l, next: o };
-}, dt = ({
+}, ut = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -3812,7 +3845,7 @@ const zr = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = G(null), d = G(null);
+  const o = H(null), d = H(null);
   return K(() => {
     var f;
     const u = o.current;
@@ -3884,7 +3917,7 @@ const zr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(Re, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(De, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3899,16 +3932,16 @@ const zr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = ct({
+  const { index: r, prev: i, next: l } = dt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = se(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "image"),
+  }), o = t[r], d = re(
+    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "image"),
     [o]
   );
   return o ? /* @__PURE__ */ h(
-    dt,
+    ut,
     {
       open: e,
       onClose: a,
@@ -3938,7 +3971,7 @@ const zr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          lt,
+          ct,
           {
             onPrev: i,
             onNext: l,
@@ -4019,7 +4052,7 @@ const zr = ({
       })
     }
   );
-}, ke = (e) => {
+}, Ee = (e) => {
   const [t, s] = F(!1), [a, r] = F(0), i = J(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
@@ -4051,7 +4084,7 @@ const zr = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Yr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = ke(
+  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Ee(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4075,7 +4108,7 @@ const zr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(ye, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ce, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       xn,
       {
@@ -4097,16 +4130,16 @@ const zr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const m = Hr({ src: t, alt: s, items: r }), g = Ce(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = ke(
+  const m = Hr({ src: t, alt: s, items: r }), g = ke(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: p } = Ee(
     d
   );
   if (m.length === 0)
     return null;
   const _ = m.map(
-    (v, p) => Gr(v, p, m.length, o)
+    (x, b) => Gr(x, b, m.length, o)
   );
   return /* @__PURE__ */ h(
-    Ne,
+    ye,
     {
       variant: g,
       text: i,
@@ -4120,7 +4153,7 @@ const zr = ({
             open: u,
             items: _n(m, a),
             initialIndex: f,
-            onClose: b
+            onClose: p
           }
         )
       ]
@@ -4136,19 +4169,19 @@ const zr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = ct({
+  const { index: r, prev: i, next: l } = dt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = se(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "document"),
+  }), o = t[r], d = re(
+    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "document"),
     [o]
-  ), m = se(
+  ), m = re(
     () => o ? Zr(o.src) : void 0,
     [o]
   );
   return !o || !m ? null : /* @__PURE__ */ h(
-    dt,
+    ut,
     {
       open: e,
       onClose: a,
@@ -4167,7 +4200,7 @@ const zr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          lt,
+          ct,
           {
             onPrev: i,
             onNext: l,
@@ -4194,9 +4227,9 @@ const zr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ne(t.src);
+  const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    pn,
     {
       variant: e,
       filename: i,
@@ -4208,7 +4241,7 @@ const zr = ({
       trailingAction: r
     }
   );
-}, ut = ({
+}, mt = ({
   state: e,
   src: t,
   filename: s,
@@ -4220,31 +4253,31 @@ const zr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = Ce(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: _ } = ke(
+  const g = ke(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: _ } = Ee(
     d
-  ), v = e === "composer" && !!m;
+  ), x = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const p = u.map((w) => ({
-    src: w.src,
-    filename: w.filename ?? ne(w.src)
+  const b = u.map((v) => ({
+    src: v.src,
+    filename: v.filename ?? ae(v.src)
   }));
   return /* @__PURE__ */ h(
-    Ne,
+    ye,
     {
       variant: g,
       text: l,
       groupPosition: o,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, A) => {
-          const M = w.filename ?? ne(w.src), C = v && A === 0 ? /* @__PURE__ */ n(ye, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((v, M) => {
+          const I = v.filename ?? ae(v.src), N = x && M === 0 ? /* @__PURE__ */ n(Ce, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             vn,
             {
-              url: w.src,
-              filename: M,
+              url: v.src,
+              filename: I,
               variant: "inline",
-              label: `Download ${M}`,
+              label: `Download ${I}`,
               tone: g
             }
           );
@@ -4252,19 +4285,19 @@ const zr = ({
             ei,
             {
               variant: g,
-              item: w,
-              index: A,
-              onActivate: b,
-              trailingAction: C
+              item: v,
+              index: M,
+              onActivate: p,
+              trailingAction: N
             },
-            `${w.src}-${A}`
+            `${v.src}-${M}`
           );
         }) }),
         /* @__PURE__ */ n(
           Jr,
           {
             open: f,
-            items: p,
+            items: b,
             initialIndex: c,
             onClose: _
           }
@@ -4272,7 +4305,7 @@ const zr = ({
       ]
     }
   );
-}, ti = (e) => /* @__PURE__ */ n(ut, { ...e, state: "composer" }), ni = (e) => /* @__PURE__ */ n(ut, { ...e, state: "sent" }), si = (e) => /* @__PURE__ */ n(ut, { ...e, state: "received" }), ai = {
+}, ti = (e) => /* @__PURE__ */ n(mt, { ...e, state: "composer" }), ni = (e) => /* @__PURE__ */ n(mt, { ...e, state: "sent" }), si = (e) => /* @__PURE__ */ n(mt, { ...e, state: "received" }), ai = {
   Composer: ti,
   Sent: ni,
   Received: si
@@ -4282,16 +4315,16 @@ const zr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = ct({
+  const { index: r, prev: i, next: l } = dt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = se(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "video"),
+  }), o = t[r], d = re(
+    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "video"),
     [o]
   );
   return o ? /* @__PURE__ */ h(
-    dt,
+    ut,
     {
       open: e,
       onClose: a,
@@ -4315,7 +4348,7 @@ const zr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          lt,
+          ct,
           {
             onPrev: i,
             onNext: l,
@@ -4326,7 +4359,7 @@ const zr = ({
       ]
     }
   ) : null;
-}, ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(je, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
+}, ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Ge, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4365,7 +4398,7 @@ const zr = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), li = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: g } = ke(
+  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: g } = Ee(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4379,7 +4412,7 @@ const zr = ({
         children: /* @__PURE__ */ n(Cn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(ye, { onClick: l }) }) : null,
+    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ce, { onClick: l }) }) : null,
     /* @__PURE__ */ n(
       yn,
       {
@@ -4405,16 +4438,16 @@ const zr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ce(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: _ } = ke(
+  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = ke(e), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: _ } = Ee(
     m
   );
   if (g.length === 0)
     return null;
-  const v = g.map(
-    (p, w) => ii(p, w, g.length)
+  const x = g.map(
+    (b, v) => ii(b, v, g.length)
   );
   return /* @__PURE__ */ h(
-    Ne,
+    ye,
     {
       variant: u,
       text: l,
@@ -4424,8 +4457,8 @@ const zr = ({
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
           wn,
           {
-            tiles: v,
-            onTileActivate: b,
+            tiles: x,
+            onTileActivate: p,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4485,7 +4518,7 @@ const zr = ({
   const o = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || l) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      oe,
+      se,
       {
         id: l || "account",
         name: l || "Account",
@@ -4524,14 +4557,14 @@ export {
   Ai as F,
   Si as L,
   yi as M,
-  be as a,
-  oe as b,
+  pe as a,
+  se as b,
   rr as c,
   mn as d,
   Ci as e,
   hi as f,
-  re as g,
-  Ft as h,
+  ie as g,
+  Bt as h,
   Ti as i,
   Ca as j,
   Ni as k,
@@ -4546,9 +4579,9 @@ export {
   $s as t,
   Ii as u,
   Ys as v,
-  et as w,
-  tt as x,
+  tt as w,
+  nt as x,
   Jt as y,
   ki as z
 };
-//# sourceMappingURL=index-CjwQ2Hj3.js.map
+//# sourceMappingURL=index-D9JJLtJg.js.map