@linktr.ee/messaging-react 3.4.0-rc-1782387968 → 3.4.0-rc-1782392622

package/dist/{index-DG5LOHey.js → index-DPGZRLRM.js}

@@ -1,11 +1,11 @@
-import { jsx as n, jsxs as h, Fragment as ne } from "react/jsx-runtime";
-import U, { createContext as Ye, useContext as Ae, useCallback as J, useState as z, useRef as G, useEffect as X, useId as Sn, useMemo as te, Suspense as qe } from "react";
+import { jsx as n, jsxs as h, Fragment as ae } from "react/jsx-runtime";
+import j, { createContext as Ye, useContext as Ae, useCallback as K, useState as $, useRef as G, useEffect as X, useId as Sn, useMemo as se, Suspense as qe } from "react";
 import { StreamChatService as In } from "@linktr.ee/messaging-core";
 import { StreamChat as Tn, LinkPreviewsManager as At } from "stream-chat";
-import { Chat as An, DateSeparator as Mn, useChannelStateContext as ce, useChatContext as We, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as jt, Attachment as Dn, EditMessageModal as Pn, MessageBlocked as On, 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 Mt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as xe, 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 De, 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 Be, DotsThreeIcon as hs, SpinnerGapIcon as ke, SignOutIcon as fs, ProhibitInsetIcon as Rt, FlagIcon as Vt, FileIcon as Gt, ImageIcon as gs, SpeakerHighIcon as bs, VideoCameraIcon as Ht, 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 pe, PlayIcon as Ue, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as ve, GiftIcon as Ss, ThumbsUpIcon as Is, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as Me, ArrowUpIcon as Ms, SparkleIcon as je, ProhibitIcon as Rs, SealCheckIcon as Ls, ArrowLeftIcon as Lt, PencilSimpleIcon as Ds, CaretLeftIcon as Ps, CaretRightIcon as Os } from "@phosphor-icons/react";
-import k from "classnames";
-import { MessageActions as zs, DefaultDropdownActionButton as Yt } from "stream-chat-react/experimental";
+import { Chat as An, DateSeparator as Mn, useChannelStateContext as ce, useChatContext as We, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as jt, 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 Mt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as xe, 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 De, AIStates as Oe, 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 Be, DotsThreeIcon as hs, SpinnerGapIcon as ke, SignOutIcon as fs, ProhibitInsetIcon as Rt, FlagIcon as Vt, FileIcon as Gt, ImageIcon as gs, SpeakerHighIcon as bs, VideoCameraIcon as Ht, 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 pe, PlayIcon as Ue, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as ve, GiftIcon as Ss, ThumbsUpIcon as Is, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as Me, ArrowUpIcon as Ms, SparkleIcon as je, ProhibitIcon as Rs, ArrowLeftIcon as Lt, CaretRightIcon as Ve, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
+import N from "classnames";
+import { MessageActions as Os, DefaultDropdownActionButton as Yt } from "stream-chat-react/experimental";
 const qt = Ye({
   service: null,
   client: null,
@@ -16,7 +16,7 @@ const qt = Ye({
   refreshConnection: async () => {
   },
   debug: !1
-}), Xe = () => Ae(qt), Ci = ({
+}), Xe = () => Ae(qt), Ni = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,10 +24,10 @@ const qt = Ye({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var A, S;
-  const o = J(
-    (I, ...E) => {
-      i && console.log(`🔥 [MessagingProvider] ${I}`, ...E);
+  var D, C;
+  const o = K(
+    (I, ...T) => {
+      i && console.log(`🔥 [MessagingProvider] ${I}`, ...T);
     },
     [i]
   );
@@ -37,18 +37,18 @@ const qt = Ye({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = z(null), [m, g] = z(null), [u, f] = z(!1), [c, w] = z(!1), [b, p] = z(null), v = G(!1), _ = G(null), L = G(s);
-  L.current = s;
-  const T = G(i);
-  T.current = i;
+  const [l, d] = $(null), [m, g] = $(null), [u, f] = $(!1), [c, b] = $(!1), [_, v] = $(null), p = G(!1), x = G(null), A = G(s);
+  A.current = s;
+  const M = G(i);
+  M.current = i;
   const y = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), M = G(0);
-  M.current++, o("📊 RENDER INFO", {
-    renderCount: M.current,
+  }), R = G(0);
+  R.current++, o("📊 RENDER INFO", {
+    renderCount: R.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: y.current.userId !== (t == null ? void 0 : t.id),
@@ -62,12 +62,12 @@ const qt = Ye({
     serviceConfig: s,
     capabilities: r
   };
-  const $ = G(null);
-  a && ((A = $.current) == null ? void 0 : A.apiKey) !== a && ($.current = { apiKey: a, client: new Tn(a) });
-  const P = a ? ((S = $.current) == null ? void 0 : S.client) ?? null : null;
+  const z = G(null);
+  a && ((D = z.current) == null ? void 0 : D.apiKey) !== a && (z.current = { apiKey: a, client: new Tn(a) });
+  const P = a ? ((C = z.current) == null ? void 0 : C.client) ?? null : null;
   X(() => {
-    const I = M.current, E = L.current;
-    if (!a || !P || !E) {
+    const I = R.current, T = A.current;
+    if (!a || !P || !T) {
       o("⚠️ SERVICE INIT SKIPPED", {
         renderCount: I,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -79,35 +79,35 @@ const qt = Ye({
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
     const O = new In({
-      ...E,
+      ...T,
       apiKey: a,
-      debug: T.current,
+      debug: M.current,
       client: P
     });
-    _.current = O, d(O), o("✅ SERVICE SET", {
+    x.current = O, d(O), o("✅ SERVICE SET", {
       renderCount: I,
       serviceInstance: !!O
     });
   }, [a, P]);
-  const D = G(null);
+  const S = G(null);
   X(() => {
-    var E, O;
+    var T, O;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: v.current,
+      isConnecting: p.current,
       isConnected: u,
       dependencies: { service: !!l, userId: t == null ? void 0 : t.id }
     }), !l || !t) {
       o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (v.current) {
+    if (p.current) {
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((E = D.current) == null ? void 0 : E.serviceId) === l && ((O = D.current) == null ? void 0 : O.userId) === t.id) {
+    if (((T = S.current) == null ? void 0 : T.serviceId) === l && ((O = S.current) == null ? void 0 : O.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,22 +115,22 @@ const qt = Ye({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), v.current = !0, w(!0), p(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const F = await l.connectUser(t);
-        g(F), f(!0), D.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        g(F), f(!0), S.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: F.userID
         });
       } catch (F) {
-        const j = F instanceof Error ? F.message : "Connection failed";
-        p(j), o("❌ USER CONNECTION ERROR", {
+        const Y = F instanceof Error ? F.message : "Connection failed";
+        v(Y), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: j
+          error: Y
         });
       } finally {
-        w(!1), v.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        b(!1), p.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
@@ -139,11 +139,11 @@ const qt = Ye({
   }, [l, t, o, u]), X(() => {
     const I = P;
     return () => {
-      var E;
-      I && (D.current = null, (E = _.current) == null || E.disconnectUser().catch(console.error));
+      var T;
+      I && (S.current = null, (T = x.current) == null || T.disconnectUser().catch(console.error));
     };
   }, [P]);
-  const R = J(async () => {
+  const E = K(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -151,52 +151,52 @@ const qt = Ye({
       o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
       const I = await l.connectUser(t);
-      g(I), f(!0), p(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      g(I), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
     } catch (I) {
-      const E = I instanceof Error ? I.message : "Refresh failed";
-      p(E), o("❌ CONNECTION REFRESH ERROR", {
+      const T = I instanceof Error ? I.message : "Refresh failed";
+      v(T), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: E
+        error: T
       });
     } finally {
-      w(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), N = U.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), L = j.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
     isLoading: c,
-    hasError: !!b,
+    hasError: !!_,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: l,
     client: m,
     isConnected: u,
     isLoading: c,
-    error: b,
+    error: _,
     capabilities: r,
-    refreshConnection: R,
+    refreshConnection: E,
     debug: i
   }), [
     l,
     m,
     u,
     c,
-    b,
+    _,
     r,
-    R,
+    E,
     i,
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: M.current,
+    renderCount: R.current,
     willRenderChat: !!P,
-    contextValueReady: !!N
-  }), /* @__PURE__ */ n(qt.Provider, { value: N, children: P ? /* @__PURE__ */ n(
+    contextValueReady: !!L
+  }), /* @__PURE__ */ n(qt.Provider, { value: L, children: P ? /* @__PURE__ */ n(
     An,
     {
       client: P,
@@ -206,9 +206,9 @@ const qt = Ye({
       children: e
     }
   ) : e });
-}, $s = () => Xe(), Wt = (e) => {
+}, Ps = () => Xe(), Wt = (e) => {
   var a, r;
-  const [t, s] = z(
+  const [t, s] = $(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return X(() => {
@@ -228,18 +228,18 @@ const qt = Ye({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, Fs = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function Bs(e) {
-  return Fs.test(e.trim());
+}, zs = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function $s(e) {
+  return zs.test(e.trim());
 }
 function Dt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !Bs(s);
+  return !s || t && s === t ? !1 : !$s(s);
 }
 function Xt(e) {
   return Dt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Dt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Pt = [
+const Ot = [
   "🍎",
   // Apple
   "🍌",
@@ -267,7 +267,7 @@ const Pt = [
   "🍈"
   // Melon
 ];
-function Us(e) {
+function Fs(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -275,11 +275,11 @@ function Us(e) {
   }
   return Math.abs(t);
 }
-function js(e) {
-  const s = Us(e) % Pt.length;
-  return Pt[s];
+function Bs(e) {
+  const s = Fs(e) % Ot.length;
+  return Ot[s];
 }
-const re = ({
+const ie = ({
   id: e,
   image: t,
   size: s = 40,
@@ -288,7 +288,7 @@ const re = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = js(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  const l = Bs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -299,7 +299,7 @@ const re = ({
     "div",
     {
       "aria-hidden": "true",
-      className: k(
+      className: N(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         m
       ),
@@ -309,7 +309,7 @@ const re = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: N(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -331,7 +331,7 @@ const re = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: k(
+            className: N(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -350,7 +350,7 @@ const re = ({
       ]
     }
   );
-}, Vs = "https://linktr.ee/s/about/trust-center/report", Gs = ({
+}, Us = "https://linktr.ee/s/about/trust-center/report", js = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -363,78 +363,78 @@ const re = ({
   onActionComplete: m,
   logLabel: g = "useChannelModerationActions"
 }) => {
-  var A;
-  const { service: u, debug: f } = Xe(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, w = !!(a && s && u && c), [b, p] = z(!1), [v, _] = z(null), [L, T] = z(!1), [y, M] = z(!1), $ = w && ((v == null ? void 0 : v.participantId) !== c || (v == null ? void 0 : v.service) !== u);
+  var D;
+  const { service: u, debug: f } = Xe(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, b = !!(a && s && u && c), [_, v] = $(!1), [p, x] = $(null), [A, M] = $(!1), [y, R] = $(!1), z = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== u);
   return X(() => {
-    if (!w || !u || !c) {
-      p(!1), _(null);
+    if (!b || !u || !c) {
+      v(!1), x(null);
       return;
     }
-    let S = !1;
+    let C = !1;
     return (async () => {
       try {
         const I = await u.getBlockedUsers();
-        if (S) return;
-        p(
+        if (C) return;
+        v(
           I.some(
-            (E) => E.blocked_user_id === c
+            (T) => T.blocked_user_id === c
           )
         );
       } catch (I) {
-        S || console.error(`[${g}] Failed to check blocked status:`, I);
+        C || console.error(`[${g}] Failed to check blocked status:`, I);
       } finally {
-        S || _({ participantId: c, service: u });
+        C || x({ participantId: c, service: u });
       }
     })(), () => {
-      S = !0;
+      C = !0;
     };
-  }, [w, u, c, g]), {
-    isParticipantBlocked: b,
-    isCheckingBlockedStatus: $,
-    isLeaving: L,
+  }, [b, u, c, g]), {
+    isParticipantBlocked: _,
+    isCheckingBlockedStatus: z,
+    isLeaving: A,
     isUpdatingBlockStatus: y,
     handleLeaveConversation: async () => {
-      var S;
-      if (!L) {
-        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
+      var C;
+      if (!A) {
+        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), M(!0);
         try {
-          const I = ((S = e._client) == null ? void 0 : S.userID) ?? null;
+          const I = ((C = e._client) == null ? void 0 : C.userID) ?? null;
           await e.hide(I, !1), r && await r(e), m == null || m();
         } catch (I) {
           console.error(`[${g}] Failed to leave conversation`, I);
         } finally {
-          T(!1);
+          M(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var S, I, E;
+      var C, I, T;
       if (!(y || !u)) {
-        l == null || l(), f && console.log(`[${g}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), M(!0);
+        l == null || l(), f && console.log(`[${g}] Block member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), R(!0);
         try {
-          await u.blockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), m == null || m();
+          await u.blockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), m == null || m();
         } catch (O) {
           console.error(`[${g}] Failed to block member`, O);
         } finally {
-          M(!1);
+          R(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var S, I, E;
+      var C, I, T;
       if (!(y || !u)) {
-        l == null || l(), f && console.log(`[${g}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), M(!0);
+        l == null || l(), f && console.log(`[${g}] Unblock member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), R(!0);
         try {
-          await u.unBlockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), m == null || m();
+          await u.unBlockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), m == null || m();
         } catch (O) {
           console.error(`[${g}] Failed to unblock member`, O);
         } finally {
-          M(!1);
+          R(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(Vs, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Us, "_blank", "noopener,noreferrer");
     }
   };
 }, ge = ({
@@ -446,7 +446,7 @@ const re = ({
   "button",
   {
     type: "button",
-    className: k(
+    className: N(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -454,7 +454,7 @@ const re = ({
     ...a,
     children: s
   }
-), Ot = ({
+), Pt = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -468,16 +468,16 @@ const re = ({
   customChannelActions: g,
   triggerClassName: u
 }) => {
-  const [f, c] = z(!1), w = G(null), b = Sn(), p = J(() => c(!1), []), {
-    isParticipantBlocked: v,
-    isCheckingBlockedStatus: _,
-    isLeaving: L,
-    isUpdatingBlockStatus: T,
+  const [f, c] = $(!1), b = G(null), _ = Sn(), v = K(() => c(!1), []), {
+    isParticipantBlocked: p,
+    isCheckingBlockedStatus: x,
+    isLeaving: A,
+    isUpdatingBlockStatus: M,
     handleLeaveConversation: y,
-    handleBlockUser: M,
-    handleUnblockUser: $,
+    handleBlockUser: R,
+    handleUnblockUser: z,
     handleReportUser: P
-  } = Gs({
+  } = js({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -487,20 +487,20 @@ const re = ({
     onDeleteConversationClick: l,
     onBlockParticipantClick: d,
     onReportParticipantClick: m,
-    onActionComplete: p,
+    onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
   return X(() => {
     if (!f) return;
-    const R = (A) => {
-      w.current && !w.current.contains(A.target) && c(!1);
-    }, N = (A) => {
-      A.key === "Escape" && c(!1);
+    const E = (D) => {
+      b.current && !b.current.contains(D.target) && c(!1);
+    }, L = (D) => {
+      D.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", R), document.addEventListener("keydown", N), () => {
-      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", N);
+    return document.addEventListener("mousedown", E), document.addEventListener("keydown", L), () => {
+      document.removeEventListener("mousedown", E), document.removeEventListener("keydown", L);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: w, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -508,8 +508,8 @@ const re = ({
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": f,
-        "aria-controls": f ? b : void 0,
-        onClick: () => c((R) => !R),
+        "aria-controls": f ? _ : void 0,
+        onClick: () => c((E) => !E),
         children: [
           /* @__PURE__ */ n(hs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -519,9 +519,9 @@ const re = ({
     f && /* @__PURE__ */ n(
       "div",
       {
-        id: b,
+        id: _,
         "aria-label": "Conversation options",
-        className: k(
+        className: N(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -530,40 +530,40 @@ const re = ({
             ge,
             {
               onClick: y,
-              disabled: L,
-              "aria-busy": L,
+              disabled: A,
+              "aria-busy": A,
               children: [
-                L ? /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
+                A ? /* @__PURE__ */ n(ke, { 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: _ ? (
+          a && /* @__PURE__ */ n("li", { children: x ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
             /* @__PURE__ */ h(ge, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : v ? /* @__PURE__ */ h(
+          ) : p ? /* @__PURE__ */ h(
             ge,
             {
-              onClick: $,
-              disabled: T,
-              "aria-busy": T,
+              onClick: z,
+              disabled: M,
+              "aria-busy": M,
               children: [
-                T ? /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
+                M ? /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ h(
             ge,
             {
-              onClick: M,
-              disabled: T,
-              "aria-busy": T,
+              onClick: R,
+              disabled: M,
+              "aria-busy": M,
               children: [
-                T ? /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
+                M ? /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
@@ -577,30 +577,30 @@ const re = ({
       }
     )
   ] });
-}, Hs = (e) => /* @__PURE__ */ n(Mn, { ...e, position: "center" }), Ve = "vote_up", Ge = "vote_down";
-function Ys(e) {
-  return e != null && e.length ? e.some((t) => t.type === Ge) ? "down" : e.some((t) => t.type === Ve) ? "up" : null : null;
+}, Vs = (e) => /* @__PURE__ */ n(Mn, { ...e, position: "center" }), Ge = "vote_up", He = "vote_down";
+function Gs(e) {
+  return e != null && e.length ? e.some((t) => t.type === He) ? "down" : e.some((t) => t.type === Ge) ? "up" : null : null;
 }
-function qs(e) {
-  const { channel: t } = ce(), { client: s } = We("useMessageVote"), a = te(
-    () => Ys(e.own_reactions),
+function Hs(e) {
+  const { channel: t } = ce(), { client: s } = We("useMessageVote"), a = se(
+    () => Gs(e.own_reactions),
     [e.own_reactions]
-  ), r = J(async () => {
+  ), r = K(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, Ge) : await t.sendReaction(
           e.id,
-          { type: Ve },
+          { type: Ge },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = J(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = K(async () => {
     if (s != null && s.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, Ge) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, He) : await t.sendReaction(
           e.id,
-          { type: Ge },
+          { type: He },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -608,7 +608,7 @@ function qs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Ws(e) {
+function Ys(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function Kt({
@@ -616,16 +616,16 @@ function Kt({
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Ws(t);
+  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 Xs = U.lazy(() => import("./Card-beoX9cug.js")), Ks = U.lazy(() => import("./Card-DcEBssw0.js")), Js = U.lazy(() => import("./Card-BOD2Qo_b.js")), Ke = () => /* @__PURE__ */ n(
+const qs = j.lazy(() => import("./Card-XVTz8IYz.js")), Ws = j.lazy(() => import("./Card-CrTBu2I6.js")), Xs = j.lazy(() => import("./Card-BKd0E-B9.js")), Ke = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), Zs = (e) => /* @__PURE__ */ n(qe, { fallback: /* @__PURE__ */ n(Ke, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(qe, { fallback: /* @__PURE__ */ n(Ke, {}), children: /* @__PURE__ */ n(Ks, { ...e }) }), Zt = (e) => /* @__PURE__ */ n(qe, { fallback: /* @__PURE__ */ n(Ke, {}), children: /* @__PURE__ */ n(Js, { ...e }) }), Qs = Jt, ea = Zt, zt = { Composer: Zs, Sent: Jt, Received: Zt, Creator: Qs, Visitor: ea }, ta = [
+), Ks = (e) => /* @__PURE__ */ n(qe, { fallback: /* @__PURE__ */ n(Ke, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(qe, { fallback: /* @__PURE__ */ n(Ke, {}), children: /* @__PURE__ */ n(Ws, { ...e }) }), Zt = (e) => /* @__PURE__ */ n(qe, { fallback: /* @__PURE__ */ n(Ke, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), Js = Jt, Zs = Zt, zt = { Composer: Ks, Sent: Jt, Received: Zt, Creator: Js, Visitor: Zs }, Qs = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -635,21 +635,21 @@ const Xs = U.lazy(() => import("./Card-beoX9cug.js")), Ks = U.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function se(e) {
+function re(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Qt(e) {
-  const t = ta.find(
+  const t = Qs.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const na = {
+const ea = {
   video: Ht,
   audio: bs,
   image: gs,
   document: Gt
-}, sa = {
+}, ta = {
   pdf: Cs,
   doc: ys,
   xls: Ns,
@@ -660,17 +660,17 @@ const na = {
   markdown: ps,
   generic: Gt
 };
-function aa(e) {
-  const t = se(e);
-  return t !== "document" ? na[t] : sa[Qt(e)];
+function na(e) {
+  const t = re(e);
+  return t !== "document" ? ea[t] : ta[Qt(e)];
 }
 function le(e, t) {
-  return U.createElement(aa(e), t);
+  return j.createElement(na(e), t);
 }
-const ra = (e) => {
+const sa = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, ia = ({
+}, aa = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -682,78 +682,78 @@ const ra = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = se(t), u = G(null), f = G(null), c = G(null), w = G(r), [b, p] = z(a), [v, _] = z(0), [L, T] = z(!1), [y, M] = z(!1), [$, P] = z(!1), [D, R] = z(!1), [N, A] = z(!0), [S, I] = z(null), E = J(() => {
-    P(!1), p(!0);
-  }, []), O = J((x) => {
-    const C = f.current;
-    if (!C) return 0;
-    const B = C.getBoundingClientRect();
+  const g = re(t), u = G(null), f = G(null), c = G(null), b = G(r), [_, v] = $(a), [p, x] = $(0), [A, M] = $(!1), [y, R] = $(!1), [z, P] = $(!1), [S, E] = $(!1), [L, D] = $(!0), [C, I] = $(null), T = K(() => {
+    P(!1), v(!0);
+  }, []), O = K((w) => {
+    const k = f.current;
+    if (!k) return 0;
+    const B = k.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ra(x) - B.left) / B.width)
+      Math.min(1, (sa(w) - B.left) / B.width)
     );
-  }, []), F = J((x) => {
-    const C = u.current;
-    C && C.duration && (C.currentTime = x * C.duration);
-  }, []), j = (x) => {
-    x.stopPropagation(), T(!0);
-    const C = O(x);
-    _(C), F(C);
+  }, []), F = K((w) => {
+    const k = u.current;
+    k && k.duration && (k.currentTime = w * k.duration);
+  }, []), Y = (w) => {
+    w.stopPropagation(), M(!0);
+    const k = O(w);
+    x(k), F(k);
   };
   X(() => {
-    r !== void 0 && r !== w.current && (w.current = r, p(r));
+    r !== void 0 && r !== b.current && (b.current = r, v(r));
   }, [r]), X(() => {
-    if (!b) {
+    if (!_) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const x = () => {
-      const C = u.current;
-      C && C.duration && !L && _(C.currentTime / C.duration), c.current = requestAnimationFrame(x);
+    const w = () => {
+      const k = u.current;
+      k && k.duration && !A && x(k.currentTime / k.duration), c.current = requestAnimationFrame(w);
     };
-    return c.current = requestAnimationFrame(x), () => {
+    return c.current = requestAnimationFrame(w), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [b, L]), X(() => {
-    const x = u.current;
-    x && (b ? x.play().catch((C) => {
-      p(!1), P(!0);
-    }) : x.pause());
-  }, [b]), X(() => {
-    if (!L) return;
-    const x = (B) => _(O(B)), C = (B) => {
-      T(!1), F(O(B));
+  }, [_, A]), X(() => {
+    const w = u.current;
+    w && (_ ? w.play().catch((k) => {
+      v(!1), P(!0);
+    }) : w.pause());
+  }, [_]), X(() => {
+    if (!A) return;
+    const w = (B) => x(O(B)), k = (B) => {
+      M(!1), F(O(B));
     };
-    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", C), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", C), () => {
-      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", C);
+    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", k), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", k), () => {
+      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", k), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", k);
     };
-  }, [L, O, F]);
-  const H = S ? { aspectRatio: String(S) } : void 0, Y = S ? "" : " aspect-video", W = Math.round(v * 100);
+  }, [A, O, F]);
+  const Z = C ? { aspectRatio: String(C) } : void 0, J = C ? "" : " aspect-video", U = Math.round(p * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Y}`,
-      style: H,
-      onClick: (x) => {
+      className: `relative cursor-pointer overflow-hidden bg-black ${J}`,
+      style: Z,
+      onClick: (w) => {
         if (m) {
-          m(x);
+          m(w);
           return;
         }
-        $ || o && p((C) => !C);
+        z || o && v((k) => !k);
       },
-      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;
           }
-          $ || o && p((C) => !C);
+          z || o && v((k) => !k);
         }
       },
       children: [
-        s && (g === "audio" || N) && /* @__PURE__ */ n(
+        s && (g === "audio" || L) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -761,7 +761,7 @@ const ra = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || N) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
+        !s && (g === "audio" || L) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -773,14 +773,14 @@ const ra = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => R(!0),
+            onLoadStart: () => E(!0),
             onCanPlay: () => {
-              R(!1), A(!1);
+              E(!1), D(!1);
             },
-            onWaiting: () => R(!0),
+            onWaiting: () => E(!0),
             onPlay: () => P(!1),
             onEnded: () => {
-              i || (p(!1), _(0));
+              i || (v(!1), x(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -793,41 +793,41 @@ const ra = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => R(!0),
+            onLoadStart: () => E(!0),
             onCanPlay: () => {
-              R(!1), A(!1);
+              E(!1), D(!1);
             },
-            onWaiting: () => R(!0),
+            onWaiting: () => E(!0),
             onPlay: () => P(!1),
             onLoadedMetadata: () => {
-              const x = u.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && I(x.videoWidth / x.videoHeight);
+              const w = u.current;
+              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && I(w.videoWidth / w.videoHeight);
             },
             onEnded: () => {
-              i || (p(!1), _(0));
+              i || (v(!1), x(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        D && !$ && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        S && !z && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           pe,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        $ && !o && /* @__PURE__ */ n(
+        z && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (x) => {
-              x.stopPropagation(), E();
+            onClick: (w) => {
+              w.stopPropagation(), T();
             },
-            onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), E());
+            onKeyDown: (w) => {
+              w.key !== "Enter" && w.key !== " " || (w.preventDefault(), w.stopPropagation(), T());
             },
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Ue, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -837,23 +837,23 @@ const ra = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": W,
+            "aria-valuenow": U,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: j,
-            onTouchStart: j,
-            onClick: (x) => x.stopPropagation(),
-            onKeyDown: (x) => {
-              x.key === "ArrowRight" && F(Math.min(1, v + 0.05)), x.key === "ArrowLeft" && F(Math.max(0, v - 0.05));
+            onMouseDown: Y,
+            onTouchStart: Y,
+            onClick: (w) => w.stopPropagation(),
+            onKeyDown: (w) => {
+              w.key === "ArrowRight" && F(Math.min(1, p + 0.05)), w.key === "ArrowLeft" && F(Math.max(0, p - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${W}%` }
+                style: { width: `${U}%` }
               }
             ) })
           }
@@ -863,12 +863,12 @@ const ra = (e) => {
             "button",
             {
               type: "button",
-              onClick: (x) => {
-                x.stopPropagation(), p((C) => !C);
+              onClick: (w) => {
+                w.stopPropagation(), v((k) => !k);
               },
               className: "shrink-0 text-white",
-              "aria-label": b ? "Pause" : "Play",
-              children: b ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Ue, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": _ ? "Pause" : "Play",
+              children: _ ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Ue, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -876,30 +876,30 @@ const ra = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": W,
+              "aria-valuenow": U,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: j,
-              onTouchStart: j,
-              onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => M(!0),
-              onMouseLeave: () => M(!1),
-              onKeyDown: (x) => {
-                x.key === "ArrowRight" && F(Math.min(1, v + 0.05)), x.key === "ArrowLeft" && F(Math.max(0, v - 0.05));
+              onMouseDown: Y,
+              onTouchStart: Y,
+              onClick: (w) => w.stopPropagation(),
+              onMouseEnter: () => R(!0),
+              onMouseLeave: () => R(!1),
+              onKeyDown: (w) => {
+                w.key === "ArrowRight" && F(Math.min(1, p + 0.05)), w.key === "ArrowLeft" && F(Math.max(0, p - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${y || L ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${y || A ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${W}%` }
+                        style: { width: `${U}%` }
                       }
                     )
                   }
@@ -907,8 +907,8 @@ const ra = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${y || L ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${W}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${y || A ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${U}%` }
                   }
                 )
               ]
@@ -918,7 +918,7 @@ const ra = (e) => {
       ]
     }
   );
-}, $t = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", oa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", en = ({
+}, $t = (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", en = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -927,9 +927,9 @@ const ra = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = se(e), [d, m] = z(!1);
+  const l = re(e), [d, m] = $(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    ia,
+    aa,
     {
       source: t,
       mimeType: e,
@@ -980,7 +980,7 @@ const ra = (e) => {
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${oa(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ra(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1012,13 +1012,13 @@ const ra = (e) => {
   rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", w = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
       ref: g,
       "data-testid": u,
-      className: k(
+      className: N(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#121110]" : "bg-white"
       ),
@@ -1030,17 +1030,17 @@ const ra = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: k("mb-0.5 truncate text-base font-medium", {
+              className: N("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && w,
-                "text-white": f && !w
+                "text-white/30": f && b,
+                "text-white": f && !b
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
             le(r, {
-              className: k(
+              className: N(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1049,7 +1049,7 @@ const ra = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: k(
+                className: N(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1070,23 +1070,23 @@ function nn(e) {
 function Je(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function la(e) {
+function ia(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function ca(e) {
+function oa(e) {
   return e ? "text-white" : "text-black";
 }
-function da(e) {
+function la(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function ua(e) {
+function ca(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function ma(e) {
+function da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const Ze = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(U.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(j.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1097,14 +1097,14 @@ const Ze = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${la(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Es, { className: `size-12 ${ma(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${ia(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(Es, { className: `size-12 ${da(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ca(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${da(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ua(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${oa(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${la(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ca(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ n("div", { className: "block", children: m });
@@ -1116,7 +1116,7 @@ function Qe(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(sn);
 }
-async function ha(e, t) {
+async function ua(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1128,11 +1128,11 @@ async function ha(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const fa = ({
+const ma = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = z(!1);
+  const [s, a] = $(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1140,7 +1140,7 @@ const fa = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), ha(e, t).then(() => {
+        a(!0), ua(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1148,7 +1148,7 @@ const fa = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(pe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(U.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(pe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
         /* @__PURE__ */ n(ve, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1156,15 +1156,15 @@ const fa = ({
   );
 };
 function et(e) {
-  var u, f, c, w;
+  var u, f, c, b;
   const t = (u = e.attachments) == null ? void 0 : u.find(
-    (b) => b.type === "video" && b.asset_url
+    (_) => _.type === "video" && _.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
-    (b) => b.type === "image" && b.image_url
+    (_) => _.type === "image" && _.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (b) => b.type === "audio" && b.asset_url
-  ), r = (w = e.attachments) == null ? void 0 : w.find(
-    (b) => b.type === "file" && b.asset_url
+    (_) => _.type === "audio" && _.asset_url
+  ), r = (b = e.attachments) == null ? void 0 : b.find(
+    (_) => _.type === "file" && _.asset_url
   ), i = t ?? s ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!o) return null;
   const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
@@ -1211,7 +1211,7 @@ const an = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = se(t), o = a !== void 0 ? nn(a) : void 0;
+  const i = re(t), o = a !== void 0 ? nn(a) : void 0;
   return /* @__PURE__ */ n(
     tn,
     {
@@ -1230,17 +1230,17 @@ const an = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(fa, { url: e, filename: s })
+      action: /* @__PURE__ */ n(ma, { url: e, filename: s })
     }
   );
-}, ga = ({
+}, ha = ({
   message: e,
   isMyMessage: t = !1
 }) => {
   const s = Qe(e), a = et(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(
-      re,
+      ie,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1264,7 +1264,7 @@ const an = ({
       }
     )
   ] });
-}, ba = ({
+}, fa = ({
   message: e
 }) => {
   const t = Qe(e);
@@ -1272,7 +1272,7 @@ const an = ({
     return /* @__PURE__ */ n("div", { className: Je(!0), children: /* @__PURE__ */ n(Ze, { attachment: t, isMyMessage: !0 }) });
   const s = et(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
-}, pa = ({
+}, ga = ({
   message: e
 }) => {
   const t = Qe(e);
@@ -1280,18 +1280,18 @@ const an = ({
     return /* @__PURE__ */ n("div", { className: Je(!1), children: /* @__PURE__ */ n(Ze, { attachment: t, isMyMessage: !1 }) });
   const s = et(e);
   return s ? /* @__PURE__ */ n(rn, { ...s }) : null;
-}, ki = Object.assign(ga, {
-  Creator: ba,
-  Visitor: pa
-}), va = {
+}, yi = Object.assign(ha, {
+  Creator: fa,
+  Visitor: ga
+}), ba = {
   isUnlocking: () => !1
-}, xa = {
-  LockedAttachment: va
-}, on = Ye({}), Ei = on.Provider;
-function wa(e) {
-  return Ae(on)[e] ?? xa[e];
+}, pa = {
+  LockedAttachment: ba
+}, on = Ye({}), Ci = on.Provider;
+function va(e) {
+  return Ae(on)[e] ?? pa[e];
 }
-const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1308,22 +1308,22 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), Na = (e) => {
+), wa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, ya = (e) => {
+}, _a = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Ee = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Ca = (e) => {
+}, Na = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, ln = (e) => Na(e) || ya(e), ka = (e) => {
+}, ln = (e) => wa(e) || _a(e), ya = (e) => {
   var t;
   return ln(e) && !((t = e.text) != null && t.trim());
-}, Oe = ({
+}, Pe = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
@@ -1336,25 +1336,25 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (r) {
     const f = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", w = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
       /* @__PURE__ */ n(Ss, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: w })
+      /* @__PURE__ */ n("span", { children: b })
     ] });
   }
   const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = [
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(_a, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ne, { children: [
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ae, { children: [
     m,
     g
-  ] }) : /* @__PURE__ */ h(ne, { children: [
+  ] }) : /* @__PURE__ */ h(ae, { children: [
     g,
     m
   ] }) });
-}, Ea = ({
+}, Ca = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1363,7 +1363,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: N("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -1377,7 +1377,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: N("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1387,7 +1387,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Ts, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Sa = (e) => {
+] }), ka = (e) => {
   var ft, gt, bt, pt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et, St;
   const {
     additionalMessageInputProps: t,
@@ -1403,47 +1403,47 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: w,
-    threadList: b,
-    viewerLanguage: p
-  } = e, { client: v } = We("CustomMessage"), { channel: _ } = ce("CustomMessage"), { isUnlocking: L, onUnlockClick: T, onFetchSource: y, onDownloadClick: M } = wa("LockedAttachment"), [$, P] = z(!1), D = Ln(c.id), { selected: R, voteUp: N, voteDown: A } = qs(c), {
-    Attachment: S = Dn,
-    EditMessageModal: I = Pn,
-    MessageActions: E,
-    MessageBlocked: O = On,
+    renderText: b,
+    threadList: _,
+    viewerLanguage: v
+  } = e, { client: p } = We("CustomMessage"), { channel: x } = ce("CustomMessage"), { isUnlocking: A, onUnlockClick: M, onFetchSource: y, onDownloadClick: R } = va("LockedAttachment"), [z, P] = $(!1), S = Ln(c.id), { selected: E, voteUp: L, voteDown: D } = Hs(c), {
+    Attachment: C = Dn,
+    EditMessageModal: I = On,
+    MessageActions: T,
+    MessageBlocked: O = Pn,
     MessageBouncePrompt: F = zn,
-    MessageDeleted: j = $n,
-    MessageIsThreadReplyInChannelButtonIndicator: H = Fn,
-    MessageRepliesCountButton: Y = Bn,
-    ReminderNotification: W = Un,
-    StreamedMessageText: x = jn,
-    PinIndicator: C
-  } = jt("CustomMessage"), B = Vn(c), q = Gn(c), K = te(
+    MessageDeleted: Y = $n,
+    MessageIsThreadReplyInChannelButtonIndicator: Z = Fn,
+    MessageRepliesCountButton: J = Bn,
+    ReminderNotification: U = Un,
+    StreamedMessageText: w = jn,
+    PinIndicator: k
+  } = jt("CustomMessage"), B = Vn(c), q = Gn(c), H = se(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), V = te(() => {
+  ), V = se(() => {
     const fe = c.attachments ?? [], Ce = c.shared_location ? [c.shared_location, ...fe] : fe;
     if (!Ee(c)) return Ce;
     const It = Ce.filter((Tt) => !("type" in Tt) || !sn(Tt));
     return It.length === Ce.length ? Ce : It;
-  }, [c]), ie = te(() => {
-    const fe = Kt({ message: c, viewerLanguage: p });
+  }, [c]), W = se(() => {
+    const fe = Kt({ message: c, viewerLanguage: v });
     return fe === c.text ? c : { ...c, text: fe };
-  }, [c, p]);
+  }, [c, v]);
   if (Hn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(j, { message: c });
+    return /* @__PURE__ */ n(Y, { message: c });
   if (Yn(c))
     return /* @__PURE__ */ n(O, {});
-  const de = !b && !!c.reply_count, ue = !b && c.show_in_channel && c.parent_id, Q = c.status === "failed" && ((ft = c.error) == null ? void 0 : ft.status) !== 403, ae = qn(c);
-  let Z;
-  Q ? Z = () => m(c) : ae && (Z = () => P(!0));
-  const me = f(), En = k(
+  const de = !_ && !!c.reply_count, ue = !_ && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((ft = c.error) == null ? void 0 : ft.status) !== 403, te = qn(c);
+  let Q;
+  me ? Q = () => m(c) : te && (Q = () => P(!0));
+  const ee = f(), En = N(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    me ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ee ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": B,
@@ -1456,20 +1456,20 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), dt = c.poll_id && v.polls.fromState(c.poll_id), ut = ka(c), he = Ee(c), mt = Ca(c), Le = !!(V != null && V.length && !c.quoted_message), ht = he && me && Le;
-  return /* @__PURE__ */ h(ne, { children: [
+  ), dt = c.poll_id && p.polls.fromState(c.poll_id), ut = ya(c), he = Ee(c), mt = Na(c), Le = !!(V != null && V.length && !c.quoted_message), ht = he && ee && Le;
+  return /* @__PURE__ */ h(ae, { children: [
     a && /* @__PURE__ */ n(
       I,
       {
         additionalMessageInputProps: t
       }
     ),
-    $ && /* @__PURE__ */ n(
+    z && /* @__PURE__ */ n(
       Wn,
       {
         MessageBouncePrompt: F,
         onClose: () => P(!1),
-        open: $
+        open: z
       }
     ),
     /* @__PURE__ */ h(
@@ -1478,10 +1478,10 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: En,
         "data-message-id": c.id,
         children: [
-          C && /* @__PURE__ */ n(C, {}),
-          !!D && /* @__PURE__ */ n(W, { reminder: D }),
+          k && /* @__PURE__ */ n(k, {}),
+          !!S && /* @__PURE__ */ n(U, { reminder: S }),
           c.user && /* @__PURE__ */ n(
-            re,
+            ie,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1495,14 +1495,14 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": Q || ae
+              className: N("str-chat__message-inner", {
+                "str-chat__simple-message--error-failed": me || te
               }),
               "data-testid": "message-inner",
-              onClick: Z,
-              onKeyDown: Z,
-              role: Z ? "button" : void 0,
-              tabIndex: Z ? 0 : void 0,
+              onClick: Q,
+              onKeyDown: Q,
+              role: Q ? "button" : void 0,
+              tabIndex: Q ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
@@ -1510,8 +1510,8 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 marginInlineStart: 0
               },
               children: mt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                me ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  E && /* @__PURE__ */ n(E, {}),
+                ee ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                  T && /* @__PURE__ */ n(T, {}),
                   /* @__PURE__ */ n(
                     zt.Sent,
                     {
@@ -1521,8 +1521,8 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (xt = c.metadata) == null ? void 0 : xt.amount_text,
                       detail: (wt = c.metadata) == null ? void 0 : wt.attachment_detail,
                       paymentStatus: (_t = c.metadata) == null ? void 0 : _t.payment_status,
-                      onPreviewClick: () => T == null ? void 0 : T(c, _),
-                      onFetchSource: async () => await (y == null ? void 0 : y(c, _))
+                      onPreviewClick: () => M == null ? void 0 : M(c, x),
+                      onFetchSource: async () => await (y == null ? void 0 : y(c, x))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1535,52 +1535,52 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (kt = c.metadata) == null ? void 0 : kt.amount_text,
                       detail: (Et = c.metadata) == null ? void 0 : Et.attachment_detail,
                       paymentStatus: (St = c.metadata) == null ? void 0 : St.payment_status,
-                      isUnlocking: L(c.id),
-                      onUnlockClick: () => T == null ? void 0 : T(c, _),
-                      onFetchSource: async () => await (y == null ? void 0 : y(c, _)),
-                      onDownloadClick: () => M == null ? void 0 : M(c, _)
+                      isUnlocking: A(c.id),
+                      onUnlockClick: () => M == null ? void 0 : M(c, x),
+                      onFetchSource: async () => await (y == null ? void 0 : y(c, x)),
+                      onDownloadClick: () => R == null ? void 0 : R(c, x)
                     }
                   ),
-                  E && /* @__PURE__ */ n(E, {})
+                  T && /* @__PURE__ */ n(T, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   Mt,
                   {
-                    message: ie,
-                    renderText: w
+                    message: W,
+                    renderText: b
                   }
                 ) })
               ] }) : ut ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(Oe, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(Pe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
                 he && !ht && /* @__PURE__ */ n(
-                  Oe,
+                  Pe,
                   {
                     message: c,
                     hasAttachment: Le,
-                    isMyMessage: me
+                    isMyMessage: ee
                   }
                 ),
                 dt && /* @__PURE__ */ n(Xn, { poll: dt }),
                 V != null && V.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  S,
+                  C,
                   {
                     actionHandler: l,
                     attachments: V
                   }
                 ) : null,
-                K ? /* @__PURE__ */ n(
-                  x,
+                H ? /* @__PURE__ */ n(
+                  w,
                   {
-                    message: ie,
-                    renderText: w
+                    message: W,
+                    renderText: b
                   }
                 ) : /* @__PURE__ */ n(
                   Mt,
                   {
-                    message: ie,
-                    renderText: w
+                    message: W,
+                    renderText: b
                   }
                 ),
                 /* @__PURE__ */ n(Kn, {})
@@ -1589,42 +1589,42 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ),
           !mt && !ut && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
             (!he || ht) && /* @__PURE__ */ n(
-              Oe,
+              Pe,
               {
                 message: c,
                 hasAttachment: Le,
-                isMyMessage: me
+                isMyMessage: ee
               }
             ),
             s && he && /* @__PURE__ */ n(
-              Ea,
+              Ca,
               {
-                selected: R,
-                onVoteUp: N,
-                onVoteDown: A
+                selected: E,
+                onVoteUp: L,
+                onVoteDown: D
               }
             )
           ] }),
           de && /* @__PURE__ */ n(
-            Y,
+            J,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ n(H, {})
+          ue && /* @__PURE__ */ n(Z, {})
         ]
       },
       c.id
     )
   ] });
-}, Ia = U.memo(
-  Sa,
+}, Ea = j.memo(
+  ka,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Rn(e, t)
-), Ta = (e) => {
+), Sa = (e) => {
   const t = xe("CustomMessage");
-  return /* @__PURE__ */ n(Ia, { ...t, ...e });
-}, Aa = () => {
+  return /* @__PURE__ */ n(Ea, { ...t, ...e });
+}, Ia = () => {
   var s;
   const { handleDelete: e, message: t } = xe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
@@ -1637,7 +1637,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(As, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ma = () => {
+}, Ta = () => {
   const { handleFlag: e } = xe("CustomMessageActions");
   return /* @__PURE__ */ n(
     Yt,
@@ -1649,19 +1649,19 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Vt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ra = () => {
+}, Aa = () => {
   var t;
   const { message: e } = xe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    zs,
+    Os,
     {
       messageActionSet: [
-        { Component: Aa, placement: "quick", type: "delete" },
-        { Component: Ma, placement: "quick", type: "flag" }
+        { Component: Ia, placement: "quick", type: "delete" },
+        { Component: Ta, placement: "quick", type: "flag" }
       ]
     }
   );
-}, La = ({
+}, Ma = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1701,26 +1701,26 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Da = (e) => ({
+}, Ra = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => At.previewIsLoaded(t) || At.previewIsLoading(t)
   )
-}), Pa = () => {
+}), La = () => {
   const { linkPreviewsManager: e } = Jn(), { linkPreviews: t } = Zn(
     e.state,
-    Da
+    Ra
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-stretch w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    La,
+    Ma,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, cn = U.createContext(!1), Oa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, cn = j.createContext(!1), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1730,14 +1730,14 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     onClick: e,
     children: /* @__PURE__ */ n(Ms, { weight: "bold", className: "size-4" })
   }
-), za = () => {
+), Oa = () => {
   const e = Ae(cn), { handleSubmit: t } = es(), s = ts(), a = e || !s, {
-    SendButton: r = Oa,
+    SendButton: r = Da,
     AttachmentPreviewList: i = ns
   } = jt("CustomMessageInput");
   return /* @__PURE__ */ h("div", { className: "central-container flex flex-col gap-2 min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
     /* @__PURE__ */ n(ss, {}),
-    /* @__PURE__ */ n(Pa, {}),
+    /* @__PURE__ */ n(La, {}),
     /* @__PURE__ */ n(i, {}),
     /* @__PURE__ */ h("div", { className: "flex", children: [
       /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
@@ -1764,7 +1764,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, $a = ({
+}, Pa = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
@@ -1772,7 +1772,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }) => {
   var o;
   const { channel: r } = ce(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(ne, { children: [
+  return s ? /* @__PURE__ */ h(ae, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
   ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -1784,23 +1784,23 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(cn.Provider, { value: i, children: /* @__PURE__ */ n(Qn, { Input: za }) })
+          /* @__PURE__ */ n(cn.Provider, { value: i, children: /* @__PURE__ */ n(Qn, { Input: Oa }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Fa = [
+}, za = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ba = {
+], $a = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ua = [
+}, Fa = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], ja = {
+], Ba = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, ze = "age safety guidelines.", Va = "https://linktr.ee/s/about/contact", Ft = (e) => Fa.includes(e), Ga = (e) => Ua.includes(e), Ha = (e) => {
+}, ze = "age safety guidelines.", Ua = "https://linktr.ee/s/about/contact", Ft = (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 (Ft(t))
@@ -1808,7 +1808,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (Ga(t))
+  if (ja(t))
     return {
       kind: "age-safety",
       type: t
@@ -1819,17 +1819,17 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, Ya = (e) => {
+}, Ga = (e) => {
   const t = e.indexOf(ze);
   if (t === -1)
     return e;
   const s = t + ze.length;
-  return /* @__PURE__ */ h(ne, { children: [
+  return /* @__PURE__ */ h(ae, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: Va,
+        href: Ua,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1838,13 +1838,13 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ),
     e.slice(s)
   ] });
-}, qa = (e) => {
+}, Ha = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Ha(
+  const t = e.message.hide_date === !0, s = Va(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ba[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || $a[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1870,7 +1870,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || ja[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ba[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1889,7 +1889,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Ya(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Ga(i) }) })
           ]
         }
       ),
@@ -1914,21 +1914,21 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Wa = /* @__PURE__ */ new Set([
-  Pe.Thinking,
-  Pe.Generating,
-  Pe.ExternalSources
-]), Xa = ({ threadList: e }) => {
-  var w, b;
+) }), Ya = /* @__PURE__ */ new Set([
+  Oe.Thinking,
+  Oe.Generating,
+  Oe.ExternalSources
+]), qa = ({ threadList: e }) => {
+  var b, _;
   const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = We(), { typing: i = {} } = rs(), { aiState: o } = is(t), l = Ae(dn);
-  if (!e && l && Wa.has(o)) {
-    const p = Ka(t, (w = r.user) == null ? void 0 : w.id);
+  if (!e && l && Ya.has(o)) {
+    const v = Wa(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       Bt,
       {
-        avatarId: (p == null ? void 0 : p.id) ?? "ai-agent",
-        avatarName: (p == null ? void 0 : p.name) ?? (p == null ? void 0 : p.id) ?? "Agent",
-        avatarImage: p == null ? void 0 : p.image,
+        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,
         testId: "typing-indicator-ai"
       }
     );
@@ -1936,19 +1936,19 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: p, user: v }) => {
-      var _;
-      return (v == null ? void 0 : v.id) !== ((_ = r.user) == null ? void 0 : _.id) && !p;
+    ({ parent_id: v, user: p }) => {
+      var x;
+      return (p == null ? void 0 : p.id) !== ((x = r.user) == null ? void 0 : x.id) && !v;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: p, user: v }) => {
-      var _;
-      return (v == null ? void 0 : v.id) !== ((_ = r.user) == null ? void 0 : _.id) && p === (a == null ? void 0 : a.id);
+    ({ parent_id: v, user: p }) => {
+      var x;
+      return (p == null ? void 0 : p.id) !== ((x = r.user) == null ? void 0 : x.id) && v === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? g : m;
   if (!u.length)
     return null;
-  const f = (b = u[0]) == null ? void 0 : b.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (_ = u[0]) == null ? void 0 : _.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
     Bt,
     {
@@ -1973,7 +1973,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        re,
+        ie,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -2002,7 +2002,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] })
   }
 );
-function Ka(e, t) {
+function Wa(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2011,10 +2011,10 @@ function Ka(e, t) {
       return i;
   }
 }
-const Ja = () => null, Za = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: k("flex items-center justify-center h-full", e),
+    className: N("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2054,24 +2054,12 @@ const Ja = () => null, Za = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Se = U.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(Za, { className: "w-6 h-6" }),
+), Se = 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" })
 ] }) }));
 Se.displayName = "LoadingState";
-const He = ({
-  className: e,
-  size: t = 16
-}) => /* @__PURE__ */ n(
-  Ls,
-  {
-    weight: "fill",
-    size: t,
-    className: k("shrink-0 text-[#1D9BF0]", e),
-    "aria-label": "Verified",
-    role: "img"
-  }
-), oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Ut = "Replies instantly with AI assistant", Qa = ({
+const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Ut = "Replies instantly with AI assistant", Ja = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2086,29 +2074,30 @@ const He = ({
   onReportParticipantClick: u,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: w = !0,
-  renderHeaderTitleBadges: b
+  showChannelInfo: b = !0,
+  onParticipantNameClick: _,
+  renderHeaderTitleBadges: v
 }) => {
-  var P, D, R, N, A, S;
-  const { channel: p } = ce(), v = U.useMemo(() => {
-    var O, F;
-    const I = (O = p._client) == null ? void 0 : O.userID;
-    return I ? Object.values(((F = p.state) == null ? void 0 : F.members) || {}).find(
-      (j) => {
-        var H;
-        return ((H = j.user) == null ? void 0 : H.id) && j.user.id !== I;
+  var P, S, E, L, D;
+  const { channel: p } = ce(), x = j.useMemo(() => {
+    var T, O;
+    const C = (T = p._client) == null ? void 0 : T.userID;
+    return C ? Object.values(((O = p.state) == null ? void 0 : O.members) || {}).find(
+      (F) => {
+        var Y;
+        return ((Y = F.user) == null ? void 0 : Y.id) && F.user.id !== C;
       }
     ) : void 0;
-  }, [(P = p._client) == null ? void 0 : P.userID, (D = p.state) == null ? void 0 : D.members]), _ = Xt(v == null ? void 0 : v.user), L = (R = v == null ? void 0 : v.user) == null ? void 0 : R.image, T = ((N = v == null ? void 0 : v.user) == null ? void 0 : N.is_verified) === !0, y = Wt(p), M = b == null ? void 0 : b({
+  }, [(P = p._client) == null ? void 0 : P.userID, (S = p.state) == null ? void 0 : S.members]), A = Xt(x == null ? void 0 : x.user), M = (E = x == null ? void 0 : x.user) == null ? void 0 : E.image, y = Wt(p), R = v == null ? void 0 : v({
     channel: p,
-    participant: v
-  }), $ = async () => {
+    participant: x
+  }), z = async () => {
     try {
       y ? await p.unpin() : await p.pin();
-    } catch (I) {
+    } catch (C) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        I
+        C
       );
     }
   };
@@ -2117,7 +2106,7 @@ const He = ({
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: k(
+          className: N(
             oe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -2130,20 +2119,32 @@ const He = ({
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          re,
+          ie,
           {
-            id: ((A = v == null ? void 0 : v.user) == null ? void 0 : A.id) || p.id || "unknown",
-            name: _,
-            image: L,
+            id: ((L = x == null ? void 0 : x.user) == null ? void 0 : L.id) || p.id || "unknown",
+            name: A,
+            image: M,
             starred: s && y,
             dmAgentEnabled: a,
             size: 48
           }
         ),
-        /* @__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: _ }),
-          T && /* @__PURE__ */ n(He, {}),
-          M && /* @__PURE__ */ n("span", { className: "shrink-0", children: M })
+        _ ? /* @__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(Ve, { 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 })
         ] }),
         a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
           /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
@@ -2155,13 +2156,13 @@ const He = ({
           "button",
           {
             className: oe,
-            onClick: $,
+            onClick: z,
             type: "button",
             "aria-label": y ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Be,
               {
-                className: k("size-5", {
+                className: N("size-5", {
                   "text-yellow-600": y,
                   "text-black/90": !y
                 }),
@@ -2170,11 +2171,11 @@ const He = ({
             )
           }
         ),
-        w && (c !== void 0 ? c : /* @__PURE__ */ n(
-          Ot,
+        b && (c !== void 0 ? c : /* @__PURE__ */ n(
+          Pt,
           {
             channel: p,
-            participant: v,
+            participant: x,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
@@ -2184,7 +2185,7 @@ const He = ({
             onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: k(oe, "bg-[#F1F0EE]")
+            triggerClassName: N(oe, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2194,7 +2195,7 @@ const He = ({
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: k(
+            className: N(
               oe,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -2205,21 +2206,33 @@ const He = ({
           }
         ),
         /* @__PURE__ */ n(
-          re,
+          ie,
           {
-            id: ((S = v == null ? void 0 : v.user) == null ? void 0 : S.id) || p.id || "unknown",
-            name: _,
-            image: L,
+            id: ((D = x == null ? void 0 : x.user) == null ? void 0 : D.id) || p.id || "unknown",
+            name: A,
+            image: M,
             starred: s && y,
             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: [
-            /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: _ }),
-            T && /* @__PURE__ */ n(He, {}),
-            M && /* @__PURE__ */ n("span", { className: "shrink-0", children: M })
+          _ ? /* @__PURE__ */ h(
+            "button",
+            {
+              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(Ve, { className: "size-4 shrink-0", weight: "bold" })
+              ]
+            }
+          ) : /* @__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(je, { className: "size-3 shrink-0 text-black/55" }),
@@ -2232,13 +2245,13 @@ const He = ({
           "button",
           {
             className: oe,
-            onClick: $,
+            onClick: z,
             type: "button",
             "aria-label": y ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Be,
               {
-                className: k("size-6", {
+                className: N("size-6", {
                   "text-yellow-600": y,
                   "text-black/90": !y
                 }),
@@ -2247,11 +2260,11 @@ const He = ({
             )
           }
         ),
-        w && (c !== void 0 ? c : /* @__PURE__ */ n(
-          Ot,
+        b && (c !== void 0 ? c : /* @__PURE__ */ n(
+          Pt,
           {
             channel: p,
-            participant: v,
+            participant: x,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
@@ -2267,7 +2280,7 @@ const He = ({
       ] })
     ] })
   ] });
-}, er = ({
+}, Za = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2282,65 +2295,66 @@ const He = ({
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: w,
-  showStarButton: b = !1,
-  chatbotVotingEnabled: p = !1,
-  renderChannelBanner: v,
-  renderHeaderTitleBadges: _,
-  customChannelActions: L,
-  renderChannelActions: T,
+  composerDisabledReason: b,
+  showStarButton: _ = !1,
+  chatbotVotingEnabled: v = !1,
+  renderChannelBanner: p,
+  renderHeaderTitleBadges: x,
+  customChannelActions: A,
+  renderChannelActions: M,
   renderMessage: y,
-  dmAgentEnabled: M = !1,
-  viewerLanguage: $,
-  showChannelInfo: P = !0
+  dmAgentEnabled: R = !1,
+  viewerLanguage: z,
+  showChannelInfo: P = !0,
+  onParticipantNameClick: S
 }) => {
-  var O, F, j, H, Y, W;
-  const { channel: D } = ce(), R = U.useMemo(() => {
-    var B, q;
-    const x = (B = D._client) == null ? void 0 : B.userID;
-    return x ? Object.values(((q = D.state) == null ? void 0 : q.members) || {}).find(
-      (K) => {
-        var V;
-        return ((V = K.user) == null ? void 0 : V.id) && K.user.id !== x;
+  var F, Y, Z, J, U, w;
+  const { channel: E } = ce(), L = j.useMemo(() => {
+    var q, H;
+    const k = (q = E._client) == null ? void 0 : q.userID;
+    return k ? Object.values(((H = E.state) == null ? void 0 : H.members) || {}).find(
+      (V) => {
+        var W;
+        return ((W = V.user) == null ? void 0 : W.id) && V.user.id !== k;
       }
     ) : void 0;
-  }, [(O = D._client) == null ? void 0 : O.userID, (F = D.state) == null ? void 0 : F.members]), N = U.useMemo(() => {
-    var B, q;
-    const x = (B = D._client) == null ? void 0 : B.userID;
-    return x ? Object.values(((q = D.state) == null ? void 0 : q.members) || {}).find((K) => {
-      var V;
-      return ((V = K.user) == null ? void 0 : V.id) === x;
+  }, [(F = E._client) == null ? void 0 : F.userID, (Y = E.state) == null ? void 0 : Y.members]), D = j.useMemo(() => {
+    var q, H;
+    const k = (q = E._client) == null ? void 0 : q.userID;
+    return k ? Object.values(((H = E.state) == null ? void 0 : H.members) || {}).find((V) => {
+      var W;
+      return ((W = V.user) == null ? void 0 : W.id) === k;
     }) : void 0;
-  }, [(j = D._client) == null ? void 0 : j.userID, (H = D.state) == null ? void 0 : H.members]), A = ((Y = N == null ? void 0 : N.user) == null ? void 0 : Y.is_account) ?? (N == null ? void 0 : N.is_account), S = ((W = R == null ? void 0 : R.user) == null ? void 0 : W.is_account) ?? (R == null ? void 0 : R.is_account), I = M && A === !1 && S === !0, E = J(
-    (x) => {
-      const { message: C } = xe("ChannelView"), B = /* @__PURE__ */ n(
-        Ta,
+  }, [(Z = E._client) == null ? void 0 : Z.userID, (J = E.state) == null ? void 0 : J.members]), C = ((U = D == null ? void 0 : D.user) == null ? void 0 : U.is_account) ?? (D == null ? void 0 : D.is_account), I = ((w = L == null ? void 0 : L.user) == null ? void 0 : w.is_account) ?? (L == null ? void 0 : L.is_account), T = R && C === !1 && I === !0, O = K(
+    (k) => {
+      const { message: B } = xe("ChannelView"), q = /* @__PURE__ */ n(
+        Sa,
         {
-          ...x,
-          chatbotVotingEnabled: p,
-          viewerLanguage: $
+          ...k,
+          chatbotVotingEnabled: v,
+          viewerLanguage: z
         }
       );
-      return !y || !C ? B : y(B, C);
+      return !y || !B ? q : y(q, B);
     },
-    [p, y, $]
+    [v, y, z]
   );
-  return /* @__PURE__ */ n(ne, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(ae, { children: /* @__PURE__ */ n(
     ls,
     {
       overrides: {
-        Message: E,
-        MessageActions: Ra
+        Message: O,
+        MessageActions: Aa
       },
       children: /* @__PURE__ */ h(cs, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          Qa,
+          Ja,
           {
             onBack: e,
             showBackButton: t,
             showChannelInfo: P,
-            showStarButton: b,
-            dmAgentEnabled: I,
+            showStarButton: _,
+            dmAgentEnabled: T,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2349,12 +2363,13 @@ const He = ({
             onDeleteConversationClick: d,
             onBlockParticipantClick: m,
             onReportParticipantClick: g,
-            customChannelActions: L,
-            renderChannelActions: T,
-            renderHeaderTitleBadges: _
+            customChannelActions: A,
+            renderChannelActions: M,
+            onParticipantNameClick: S,
+            renderHeaderTitleBadges: x
           }
         ) }, "lt-channel-header"),
-        v ? /* @__PURE__ */ n(U.Fragment, { children: v() }, "lt-channel-banner") : null,
+        p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2363,23 +2378,23 @@ const He = ({
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(U.Fragment, { children: r(D) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(j.Fragment, { children: r(E) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          $a,
+          Pa,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(D)
+              renderActions: () => s == null ? void 0 : s(E)
             },
-            renderFooter: () => a == null ? void 0 : a(D),
+            renderFooter: () => a == null ? void 0 : a(E),
             disabled: c,
-            disabledReason: w
+            disabledReason: b
           },
           "lt-channel-message-input"
         )
       ] })
     }
   ) });
-}, un = U.memo(
+}, un = j.memo(
   ({
     channel: e,
     onBack: t,
@@ -2390,84 +2405,85 @@ const He = ({
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Ja,
+    CustomChannelEmptyState: m = Xa,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: w = !0,
-    showReportParticipant: b = !0,
-    composerDisabled: p = !1,
-    composerDisabledReason: v,
-    dmAgentEnabled: _,
-    messageMetadata: L,
-    onMessageSent: T,
+    showBlockParticipant: b = !0,
+    showReportParticipant: _ = !0,
+    composerDisabled: v = !1,
+    composerDisabledReason: p,
+    dmAgentEnabled: x,
+    messageMetadata: A,
+    onMessageSent: M,
     showStarButton: y = !1,
-    chatbotVotingEnabled: M = !1,
-    renderChannelBanner: $,
+    chatbotVotingEnabled: R = !1,
+    renderChannelBanner: z,
     renderHeaderTitleBadges: P,
-    customChannelActions: D,
-    renderChannelActions: R,
-    renderMessage: N,
-    onMessageLinkClick: A,
-    sendButton: S,
+    customChannelActions: S,
+    renderChannelActions: E,
+    renderMessage: L,
+    onMessageLinkClick: D,
+    sendButton: C,
     attachmentPreviewList: I,
-    viewerLanguage: E,
-    showChannelInfo: O = !0
+    viewerLanguage: T,
+    showChannelInfo: O = !0,
+    onParticipantNameClick: F
   }) => {
-    const F = J(
-      async (H, Y, W) => {
-        var V;
-        const x = ((V = e.data) == null ? void 0 : V.chatbot_paused) === !0, C = _ && !x, B = {
-          ...Y,
-          ...C && { silent: !0 },
-          ...L && {
+    const Y = K(
+      async (J, U, w) => {
+        var W;
+        const k = ((W = e.data) == null ? void 0 : W.chatbot_paused) === !0, B = x && !k, q = {
+          ...U,
+          ...B && { silent: !0 },
+          ...A && {
             metadata: {
-              ...Y.metadata ?? {},
-              ...L
+              ...U.metadata ?? {},
+              ...A
             }
           }
-        }, q = {
-          ...W,
-          ...C && { skip_push: !0 }
-        }, K = await e.sendMessage(B, q);
-        return T == null || T(K), K;
+        }, H = {
+          ...w,
+          ...B && { skip_push: !0 }
+        }, V = await e.sendMessage(q, H);
+        return M == null || M(V), V;
       },
-      [e, _, L, T]
-    ), j = G(null);
+      [e, x, A, M]
+    ), Z = G(null);
     return X(() => {
-      if (!A) return;
-      const H = j.current;
-      if (!H) return;
-      const Y = (W) => {
-        const x = W.target, C = x == null ? void 0 : x.closest("a[href]"), B = C == null ? void 0 : C.getAttribute("href");
-        if (!B) return;
-        const q = C == null ? void 0 : C.closest("[data-message-id]"), K = q == null ? void 0 : q.getAttribute("data-message-id"), V = K ? e.state.messages.find((ie) => ie.id === K) : void 0;
-        A(B, V);
+      if (!D) return;
+      const J = Z.current;
+      if (!J) return;
+      const U = (w) => {
+        const k = w.target, B = k == null ? void 0 : k.closest("a[href]"), q = B == null ? void 0 : B.getAttribute("href");
+        if (!q) return;
+        const H = B == null ? void 0 : B.closest("[data-message-id]"), V = H == null ? void 0 : H.getAttribute("data-message-id"), W = V ? e.state.messages.find((de) => de.id === V) : void 0;
+        D(q, W);
       };
-      return H.addEventListener("click", Y), () => H.removeEventListener("click", Y);
-    }, [A, e]), /* @__PURE__ */ n(
+      return J.addEventListener("click", U), () => J.removeEventListener("click", U);
+    }, [D, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: j,
-        className: k(
+        ref: Z,
+        className: N(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(dn.Provider, { value: _ ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(dn.Provider, { value: x ?? !1, children: /* @__PURE__ */ n(
           os,
           {
             channel: e,
-            MessageSystem: qa,
+            MessageSystem: Ha,
             EmptyStateIndicator: m,
             LoadingIndicator: Se,
-            DateSeparator: Hs,
-            TypingIndicator: Xa,
-            doSendMessageRequest: F,
-            ...S ? { SendButton: S } : {},
+            DateSeparator: Vs,
+            TypingIndicator: qa,
+            doSendMessageRequest: Y,
+            ...C ? { SendButton: C } : {},
             ...I ? { AttachmentPreviewList: I } : {},
             children: /* @__PURE__ */ n(
-              er,
+              Za,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2481,20 +2497,21 @@ const He = ({
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: w,
-                showReportParticipant: b,
-                composerDisabled: p,
-                composerDisabledReason: v,
+                showBlockParticipant: b,
+                showReportParticipant: _,
+                composerDisabled: v,
+                composerDisabledReason: p,
                 showStarButton: y,
-                dmAgentEnabled: _,
-                chatbotVotingEnabled: M,
-                renderChannelBanner: $,
+                dmAgentEnabled: x,
+                chatbotVotingEnabled: R,
+                renderChannelBanner: z,
                 renderHeaderTitleBadges: P,
-                customChannelActions: D,
-                renderChannelActions: R,
-                renderMessage: N,
-                viewerLanguage: E,
-                showChannelInfo: O
+                customChannelActions: S,
+                renderChannelActions: E,
+                renderMessage: L,
+                viewerLanguage: T,
+                showChannelInfo: O,
+                onParticipantNameClick: F
               }
             )
           }
@@ -2504,7 +2521,7 @@ const He = ({
   }
 );
 un.displayName = "ChannelView";
-const be = U.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 be = 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 }),
@@ -2519,7 +2536,7 @@ const be = U.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 be.displayName = "ErrorState";
-const Si = ({
+const ki = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2534,157 +2551,159 @@ const Si = ({
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: w,
-  renderChannelBanner: b,
-  customChannelActions: p,
-  renderChannelActions: v,
-  renderMessage: _,
-  onMessageLinkClick: L,
-  showChannelInfo: T
+  renderHeaderTitleBadges: b,
+  renderChannelBanner: _,
+  customChannelActions: v,
+  renderChannelActions: p,
+  onParticipantNameClick: x,
+  renderMessage: A,
+  onMessageLinkClick: M,
+  showChannelInfo: y
 }) => {
   const {
-    client: y,
-    isConnected: M,
-    isLoading: $,
-    error: P,
-    refreshConnection: D,
-    service: R,
-    debug: N
-  } = $s(), [A, S] = z(null), [I, E] = z(null), [O, F] = z(!1), { showDeleteConversation: j = !0 } = e, H = G(o);
-  H.current = o;
-  const Y = G(a);
-  Y.current = a;
-  const W = G(null), x = G(null);
+    client: R,
+    isConnected: z,
+    isLoading: P,
+    error: S,
+    refreshConnection: E,
+    service: L,
+    debug: D
+  } = Ps(), [C, I] = $(null), [T, O] = $(null), [F, Y] = $(!1), { showDeleteConversation: Z = !0 } = e, J = G(o);
+  J.current = o;
+  const U = G(a);
+  U.current = a;
+  const w = G(null), k = G(null);
   X(() => {
-    x.current = A;
-  }, [A]), X(() => {
-    if (!y || !M) return;
-    const q = y.userID;
-    if (!q) return;
-    const K = `${q}::${i}`;
-    if (W.current === K) return;
-    W.current = K;
-    const V = () => {
-      W.current === K && (W.current = null);
+    k.current = C;
+  }, [C]), X(() => {
+    if (!R || !z) return;
+    const H = R.userID;
+    if (!H) return;
+    const V = `${H}::${i}`;
+    if (w.current === V) return;
+    w.current = V;
+    const W = () => {
+      w.current === V && (w.current = null);
     };
     (async () => {
-      var de, ue;
+      var ue, me;
       try {
-        N && console.log(
+        D && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const Q = await y.queryChannels(
+        const te = await R.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [q, i] }
+            members: { $eq: [H, i] }
           },
           {},
           { limit: 1 }
         );
-        if (Q.length > 0) {
-          S(Q[0]), E(null), (de = Y.current) == null || de.call(Y, Q[0]), N && console.log(
+        if (te.length > 0) {
+          I(te[0]), O(null), (ue = U.current) == null || ue.call(U, te[0]), D && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            Q[0].id
+            te[0].id
           );
           return;
         }
-        const ae = H.current;
-        if (!ae || !R) {
-          V(), E("No conversation found with this account"), N && console.log(
+        const Q = J.current;
+        if (!Q || !L) {
+          W(), O("No conversation found with this account"), D && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const Z = await R.startChannelWithParticipant({
-            id: ae.id,
-            name: ae.name,
-            phone: ae.phone
+          const ee = await L.startChannelWithParticipant({
+            id: Q.id,
+            name: Q.name,
+            phone: Q.phone
           });
-          S(Z), E(null), (ue = Y.current) == null || ue.call(Y, Z), N && console.log(
+          I(ee), O(null), (me = U.current) == null || me.call(U, ee), D && console.log(
             "[MessagingShell] Channel created and loaded:",
-            Z.id
+            ee.id
           );
-        } catch (Z) {
+        } catch (ee) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            Z
-          ), V(), E("Failed to create conversation");
+            ee
+          ), W(), O("Failed to create conversation");
         }
-      } catch (Q) {
+      } catch (te) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          Q
-        ), V(), x.current || E("Failed to load conversation");
+          te
+        ), W(), k.current || O("Failed to load conversation");
       }
     })();
-  }, [i, y, M, R, N]);
-  const C = G(r);
-  C.current = r;
-  const B = J(() => {
-    var q;
-    S(null), F(!0), (q = C.current) == null || q.call(C);
+  }, [i, R, z, L, D]);
+  const B = G(r);
+  B.current = r;
+  const q = K(() => {
+    var H;
+    I(null), Y(!0), (H = B.current) == null || H.call(B);
   }, []);
-  return $ ? /* @__PURE__ */ n(Se, {}) : P ? /* @__PURE__ */ n(be, { message: P, onBack: D }) : !M || !y ? /* @__PURE__ */ n(
+  return P ? /* @__PURE__ */ n(Se, {}) : S ? /* @__PURE__ */ n(be, { message: S, onBack: E }) : !z || !R ? /* @__PURE__ */ n(
     be,
     {
       message: "Not connected to messaging service",
-      onBack: D
+      onBack: E
     }
-  ) : I ? /* @__PURE__ */ n(be, { message: I }) : O && !A ? /* @__PURE__ */ n(be, { message: "Conversation ended" }) : A ? /* @__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(
+  ) : T ? /* @__PURE__ */ n(be, { message: T }) : F && !C ? /* @__PURE__ */ n(be, { message: "Conversation ended" }) : C ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     un,
     {
-      channel: A,
+      channel: C,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: b,
-      onLeaveConversation: B,
-      onBlockParticipant: B,
+      renderChannelBanner: _,
+      onLeaveConversation: q,
+      onBlockParticipant: q,
       CustomChannelEmptyState: l,
-      showDeleteConversation: j,
+      showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: g,
       onMessageSent: u,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      renderHeaderTitleBadges: w,
-      customChannelActions: p,
-      renderChannelActions: v,
-      renderMessage: _,
-      onMessageLinkClick: L,
-      showChannelInfo: T
+      renderHeaderTitleBadges: b,
+      customChannelActions: v,
+      renderChannelActions: p,
+      onParticipantNameClick: x,
+      renderMessage: A,
+      onMessageLinkClick: M,
+      showChannelInfo: y
     },
-    A.id
+    C.id
   ) }) }) : /* @__PURE__ */ n(Se, {});
 };
-function tr(e) {
+function Qa(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const mn = U.createContext({
+const mn = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), nr = mn.Provider, sr = () => U.useContext(mn), ar = (e, t) => {
+}), er = mn.Provider, tr = () => j.useContext(mn), nr = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, rr = (e) => {
+}, sr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = ar(e, t);
+  const a = nr(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2694,51 +2713,51 @@ const mn = U.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, hn = U.memo(
+}, hn = j.memo(
   ({ channel: e, unread: t }) => {
-    var $, P, D, R;
+    var R, z, P;
     const {
       selectedChannel: s,
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: o
-    } = sr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = tr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, m = (N) => {
-      const A = N.key === "Enter" || N.key === " ", S = N.repeat;
-      !A || S || (N.preventDefault(), d());
-    }, u = Object.values((($ = e == null ? void 0 : e.state) == null ? void 0 : $.members) || {}).find(
-      (N) => {
-        var A, S;
-        return ((A = N.user) == null ? void 0 : A.id) && N.user.id !== ((S = e == null ? void 0 : e._client) == null ? void 0 : S.userID);
+    }, m = (S) => {
+      const E = S.key === "Enter" || S.key === " ", L = S.repeat;
+      !E || L || (S.preventDefault(), d());
+    }, u = Object.values(((R = e == null ? void 0 : e.state) == null ? void 0 : R.members) || {}).find(
+      (S) => {
+        var E, L;
+        return ((E = S.user) == null ? void 0 : E.id) && S.user.id !== ((L = e == null ? void 0 : e._client) == null ? void 0 : L.userID);
       }
-    ), f = Xt(u == null ? void 0 : u.user), c = (P = u == null ? void 0 : u.user) == null ? void 0 : P.image, w = ((D = u == null ? void 0 : u.user) == null ? void 0 : D.is_verified) === !0, b = (() => {
-      var A;
-      const N = (A = e == null ? void 0 : e.state) == null ? void 0 : A.messages;
-      if (N != null && N.length) {
-        for (let S = N.length - 1; S >= 0; S--)
-          if (N[S].type !== "system") return N[S];
+    ), f = Xt(u == null ? void 0 : u.user), c = (z = u == null ? void 0 : u.user) == null ? void 0 : z.image, b = (() => {
+      var E;
+      const S = (E = e == null ? void 0 : e.state) == null ? void 0 : E.messages;
+      if (S != null && S.length) {
+        for (let L = S.length - 1; L >= 0; L--)
+          if (S[L].type !== "system") return S[L];
       }
     })(), v = (() => {
-      var O, F, j, H;
-      const N = Kt({
+      var I, T, O, F;
+      const S = Kt({
         message: b,
         viewerLanguage: o
       });
-      if (((O = b == null ? void 0 : b.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
-      if (((F = b == null ? void 0 : b.metadata) == null ? void 0 : F.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
-      if (((j = b == null ? void 0 : b.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
-      if (N) return N;
-      const E = (H = b == null ? void 0 : b.attachments) == null ? void 0 : H[0];
-      return E ? E.og_scrape_url ? E.og_scrape_url : E.type === "image" ? "📷 Sent an image" : E.type === "video" ? "🎥 Sent a video" : E.type === "audio" ? "🎵 Sent audio" : E.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = b != null && b.created_at ? rr(new Date(b.created_at)) : "", L = b ? Ee(b) : !1, T = i ? i(b, v) : `${L ? "✨ " : ""}${v}`, y = Wt(e), M = t ?? 0;
+      if (((I = b == null ? void 0 : b.metadata) == null ? void 0 : I.custom_type) === "MESSAGE_TIP") return S ? `💵 ${S}` : "💵 Sent a tip";
+      if (((T = b == null ? void 0 : b.metadata) == null ? void 0 : T.custom_type) === "MESSAGE_PAID") return S ? `💰 ${S}` : "💰 Sent a message";
+      if (((O = b == null ? void 0 : b.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_ATTACHMENT") return S ? `📎 ${S}` : "📎 Sent an attachment";
+      if (S) return S;
+      const C = (F = b == null ? void 0 : b.attachments) == null ? void 0 : F[0];
+      return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), p = b != null && b.created_at ? sr(new Date(b.created_at)) : "", x = b ? Ee(b) : !1, A = i ? i(b, v) : `${x ? "✨ " : ""}${v}`, M = Wt(e), y = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
       participantName: f,
-      unreadCount: M,
-      hasTimestamp: !!_
+      unreadCount: y,
+      hasTimestamp: !!p
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2746,7 +2765,7 @@ const mn = U.createContext({
         tabIndex: 0,
         onClick: d,
         onKeyDown: m,
-        className: k(
+        className: N(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": l,
@@ -2755,27 +2774,34 @@ const mn = U.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            re,
+            ie,
             {
-              id: ((R = u == null ? void 0 : u.user) == null ? void 0 : R.id) || e.id || "unknown",
+              id: ((P = u == null ? void 0 : u.user) == null ? void 0 : P.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 48,
-              starred: y
+              starred: M
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ h("h3", { className: "flex min-w-0 items-center gap-1 text-sm font-medium text-[#191918]", children: [
-                y && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
-                /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: f }),
-                w && /* @__PURE__ */ n(He, {})
-              ] }),
-              _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
+              /* @__PURE__ */ h(
+                "h3",
+                {
+                  className: N(
+                    "text-sm font-medium truncate text-[#191918]"
+                  ),
+                  children: [
+                    M && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    f
+                  ]
+                }
+              ),
+              p && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: p })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: T }),
-              M > 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: M > 99 ? "99+" : M })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: A }),
+              y > 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: y > 99 ? "99+" : y })
             ] })
           ] })
         ] })
@@ -2784,26 +2810,26 @@ const mn = U.createContext({
   }
 );
 hn.displayName = "CustomChannelPreview";
-const ir = { last_message_at: -1 }, or = U.memo(
+const ar = { last_message_at: -1 }, rr = j.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = ir,
+    sort: i = ar,
     className: o,
     customEmptyStateIndicator: l,
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const g = U.useRef(0);
+    const g = j.useRef(0);
     g.current++;
-    const { debug: u = !1 } = Xe(), f = U.useCallback(
-      (w) => {
-        for (const b of w)
-          tr(b);
-        return r ? r(w) : w;
+    const { debug: u = !1 } = Xe(), f = j.useCallback(
+      (b) => {
+        for (const _ of b)
+          Qa(_);
+        return r ? r(b) : b;
       },
       [r]
     );
@@ -2812,7 +2838,7 @@ const ir = { last_message_at: -1 }, or = U.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = U.useMemo(
+    const c = j.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2831,11 +2857,11 @@ const ir = { last_message_at: -1 }, or = U.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: k(
+        className: N(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(nr, { value: c, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(er, { value: c, children: /* @__PURE__ */ n(
           us,
           {
             filters: s,
@@ -2853,26 +2879,26 @@ const ir = { last_message_at: -1 }, or = U.memo(
     );
   }
 );
-or.displayName = "ChannelList";
-const lr = /^([a-z][a-z0-9+.-]*):/i, cr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+rr.displayName = "ChannelList";
+const ir = /^([a-z][a-z0-9+.-]*):/i, or = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function tt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = lr.exec(t);
+  const s = ir.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return cr.has(a) ? t : void 0;
+    return or.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const dr = {
+const lr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, ur = ({ variant: e, cta: t }) => {
-  const s = k(
+}, cr = ({ variant: e, cta: t }) => {
+  const s = N(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    dr[e]
+    lr[e]
   ), a = tt(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -2899,10 +2925,10 @@ const dr = {
       children: t.label
     }
   );
-}, mr = {
+}, dr = {
   dark: "text-white",
   light: "text-black/90"
-}, hr = "text-white/30", fr = {
+}, ur = "text-white/30", mr = {
   dark: "text-white/55",
   light: "text-black/55"
 }, nt = ({
@@ -2915,14 +2941,14 @@ const dr = {
   cta: o,
   trailingAction: l
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", w = o != null;
-  if (!g && !u && !c && !w) return null;
-  const p = k(
+  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
+  if (!g && !u && !c && !b) return null;
+  const v = N(
     "truncate text-base font-medium leading-6",
-    d && !t ? hr : mr[e]
-  ), v = k(
+    d && !t ? ur : dr[e]
+  ), p = N(
     "truncate text-xs leading-4",
-    fr[e]
+    mr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2930,17 +2956,17 @@ const dr = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: k("min-w-0", p), children: m })
+            /* @__PURE__ */ n("p", { className: N("min-w-0", v), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: v, children: a })
+          u && /* @__PURE__ */ n("p", { className: p, children: a })
         ] }),
-        !w && c && /* @__PURE__ */ n("p", { className: v, children: f })
+        !b && c && /* @__PURE__ */ n("p", { className: p, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(ur, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(cr, { variant: e, cta: o })
   ] });
-}, gr = k(
+}, hr = N(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2958,8 +2984,8 @@ const dr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, g = k(
-    gr,
+  const m = s != null || a != null, g = N(
+    hr,
     l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2989,7 +3015,7 @@ const dr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: k(g, "text-left"),
+      className: N(g, "text-left"),
       children: [
         t,
         u
@@ -3007,15 +3033,15 @@ const dr = {
       ]
     }
   );
-}, br = {
+}, fr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, pr = {
+}, gr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Re = (e, t) => !!t && !!e && se(e) === "audio", fn = (e, t) => {
+}, Re = (e, t) => !!t && !!e && re(e) === "audio", fn = (e, t) => {
   if (!t || !e) return !1;
-  const s = se(e);
+  const s = re(e);
   return s === "video" || s === "audio";
 }, st = "bg-[#F2F3F4]", Te = ({
   variant: e,
@@ -3026,7 +3052,7 @@ const dr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = se(r), d = !!s && l === "video";
+  const l = re(r), d = !!s && l === "video";
   return Re(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3039,7 +3065,7 @@ const dr = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: N(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3066,12 +3092,12 @@ const dr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: k(
+            className: N(
               "flex h-full w-full items-center justify-center",
-              br[e]
+              fr[e]
             ),
             children: le(r, {
-              className: pr[e],
+              className: gr[e],
               weight: "regular"
             })
           }
@@ -3081,7 +3107,7 @@ const dr = {
       ]
     }
   );
-}, vr = ({
+}, br = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3095,7 +3121,7 @@ const dr = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = l === "classic", c = Re(r, o), w = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Re(r, o), b = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3104,14 +3130,14 @@ const dr = {
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
       children: /* @__PURE__ */ n(Me, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, b = u ? /* @__PURE__ */ n(
+  ) : void 0, _ = u ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: u,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Ds, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ls, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return c ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: st, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -3124,12 +3150,12 @@ const dr = {
         mimeType: r
       }
     ) }),
-    w && /* @__PURE__ */ n("div", { className: "shrink-0", children: w })
+    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ h(
     Ie,
     {
       variant: "dark",
-      topRight: f ? w : void 0,
+      topRight: f ? b : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           Te,
@@ -3139,7 +3165,7 @@ const dr = {
             sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: w
+            topRight: b
           }
         ),
         /* @__PURE__ */ n(
@@ -3152,13 +3178,13 @@ const dr = {
             url: a,
             appIcon: d,
             cta: m,
-            trailingAction: b
+            trailingAction: _
           }
         )
       ]
     }
   );
-}, xr = ({
+}, pr = ({
   title: e,
   description: t,
   url: s,
@@ -3170,11 +3196,11 @@ const dr = {
   cta: d,
   onClick: m
 }) => {
-  const g = fn(a, i), u = tt(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, w = Re(a, i) ? st : void 0, b = d && m ? {
+  const g = fn(a, i), u = tt(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = Re(a, i) ? st : void 0, _ = d && m ? {
     ...d,
     onClick: () => {
-      var p;
-      m(), (p = d.onClick) == null || p.call(d);
+      var v;
+      m(), (v = d.onClick) == null || v.call(d);
     }
   } : d;
   return /* @__PURE__ */ h(
@@ -3184,7 +3210,7 @@ const dr = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: w,
+      bgClassName: b,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -3205,13 +3231,13 @@ const dr = {
             description: t,
             url: s,
             appIcon: l,
-            cta: b
+            cta: _
           }
         )
       ]
     }
   );
-}, wr = ({
+}, vr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3224,13 +3250,13 @@ const dr = {
   cta: m,
   onClick: g
 }) => {
-  const u = fn(r, o), f = tt(a), c = m == null && f != null && !u ? f : void 0, w = m == null && !u && c != null ? g : void 0;
+  const u = fn(r, o), f = tt(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Ie,
     {
       variant: "dark",
       href: c,
-      onClick: w,
+      onClick: b,
       bgClassName: Re(r, o) ? st : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
@@ -3258,20 +3284,20 @@ const dr = {
       ]
     }
   );
-}, Ii = {
-  Composer: vr,
-  Sent: wr,
-  Received: xr
-}, _r = {
+}, Ei = {
+  Composer: br,
+  Sent: vr,
+  Received: pr
+}, xr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, Nr = {
+}, wr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, yr = {
+}, _r = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Cr = (e) => e === "dark" ? "sender" : "receiver", kr = {
+}, Nr = (e) => e === "dark" ? "sender" : "receiver", yr = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -3293,13 +3319,13 @@ const dr = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = kr[Cr(e)][a];
+  const l = t != null && t !== "", d = yr[Nr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: k(
+      className: N(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -3308,10 +3334,10 @@ const dr = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        _r[e],
-        Nr[e],
+        xr[e],
+        wr[e],
         s && "border",
-        s && yr[e],
+        s && _r[e],
         r
       ),
       children: [
@@ -3319,7 +3345,7 @@ const dr = {
         l ? /* @__PURE__ */ n(
           "p",
           {
-            className: k(
+            className: N(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3348,22 +3374,22 @@ const dr = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: k(
+    className: N(
       "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(Me, { className: "size-3", weight: "bold" })
   }
-), Ne = (e) => e === "received" ? "light" : "dark", Ti = ({
+), Ne = (e) => e === "received" ? "light" : "dark", Si = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Er = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Cr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Sr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], kr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3386,7 +3412,7 @@ const dr = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = Ne(e), g = e === "composer" && !!d, u = Er({ src: t, mimeType: s, filename: a, items: r });
+  const m = Ne(e), g = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
@@ -3397,30 +3423,30 @@ const dr = {
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, w) => /* @__PURE__ */ n(
-        Sr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
+        kr,
         {
           item: c,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && w === 0 ? /* @__PURE__ */ n(_e, { onClick: d, variant: "inline" }) : void 0
+            g && b === 0 ? /* @__PURE__ */ n(_e, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${w}`
+        `${c.src}-${b}`
       )) })
     }
   );
-}, Ir = (e) => /* @__PURE__ */ n(at, { ...e, state: "composer" }), Tr = (e) => /* @__PURE__ */ n(at, { ...e, state: "sent" }), Ar = (e) => /* @__PURE__ */ n(at, { ...e, state: "received" }), Mr = {
-  Composer: Ir,
-  Sent: Tr,
-  Received: Ar
+}, Er = (e) => /* @__PURE__ */ n(at, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ n(at, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ n(at, { ...e, state: "received" }), Tr = {
+  Composer: Er,
+  Sent: Sr,
+  Received: Ir
 };
-function Rr(e) {
+function Ar(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Lr = {
+const Mr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3430,7 +3456,7 @@ const Lr = {
   text: "TXT",
   markdown: "MD"
 };
-function Dr(e, t) {
+function Rr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3439,8 +3465,8 @@ function Dr(e, t) {
     }
   }
   if (!e) return;
-  if (se(e) === "document") {
-    const r = Qt(e), i = Lr[r];
+  if (re(e) === "document") {
+    const r = Qt(e), i = Mr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3448,11 +3474,11 @@ function Dr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Pr(e, t, s) {
-  const a = Dr(e, t), r = typeof s == "number" && s > 0 ? Rr(s) : void 0;
+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 ee(e) {
+function ne(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3460,13 +3486,13 @@ function ee(e) {
     return "download";
   }
 }
-const Or = {
+const Dr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, zr = {
+}, Or = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, $r = {
+}, Pr = {
   dark: "text-white/85",
   light: "text-black/85"
 }, gn = ({
@@ -3479,16 +3505,16 @@ const Or = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Pr(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Lr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: N(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        zr[e]
+        Or[e]
       ),
       "aria-hidden": !0,
       children: le(a, {
-        className: k("size-6", $r[e]),
+        className: N("size-6", Pr[e]),
         weight: "regular"
       })
     }
@@ -3497,9 +3523,9 @@ const Or = {
     m ? /* @__PURE__ */ n(
       "p",
       {
-        className: k(
+        className: N(
           "truncate text-xs leading-4",
-          Or[e]
+          Dr[e]
         ),
         children: m
       }
@@ -3510,7 +3536,7 @@ const Or = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: k(
+      className: N(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
@@ -3519,7 +3545,7 @@ const Or = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(ne, { children: [
+  ) : /* @__PURE__ */ h(ae, { children: [
     g,
     u
   ] });
@@ -3529,7 +3555,7 @@ const Or = {
   ] });
 };
 async function bn(e, t) {
-  const s = t ?? ee(e);
+  const s = t ?? ne(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3542,21 +3568,21 @@ async function bn(e, t) {
     }
   }
 }
-const Fr = ({
+const zr = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Br = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], $r = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ee(t.src);
+  const i = t.filename ?? ne(t.src);
   return /* @__PURE__ */ n(
     gn,
     {
@@ -3583,26 +3609,26 @@ const Fr = ({
   onClick: m,
   onDismiss: g
 }) => {
-  const u = Ne(e), f = e === "composer" && !!g, c = Fr({
+  const u = Ne(e), f = e === "composer" && !!g, c = zr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: o
-  }), w = (p) => {
-    if ((m == null ? void 0 : m(p)) === !1) return;
-    const v = c[p];
-    if (!v) return;
-    const _ = v.filename ?? ee(v.src);
-    bn(v.src, _);
+  }), b = (v) => {
+    if ((m == null ? void 0 : m(v)) === !1) return;
+    const p = c[v];
+    if (!p) return;
+    const x = p.filename ?? ne(p.src);
+    bn(p.src, x);
   };
   if (c.length === 0)
     return null;
-  const b = /* @__PURE__ */ n(
+  const _ = /* @__PURE__ */ n(
     "span",
     {
-      className: k(
+      className: N(
         "flex size-8 items-center justify-center rounded-full",
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -3617,29 +3643,29 @@ const Fr = ({
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((p, v) => /* @__PURE__ */ n(
-        Br,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, p) => /* @__PURE__ */ n(
+        $r,
         {
           variant: u,
-          item: p,
-          index: v,
-          onActivate: w,
-          trailingAction: f && v === 0 ? /* @__PURE__ */ n(_e, { onClick: g, variant: "inline" }) : b
+          item: v,
+          index: p,
+          onActivate: b,
+          trailingAction: f && p === 0 ? /* @__PURE__ */ n(_e, { onClick: g, variant: "inline" }) : _
         },
-        `${p.src}-${v}`
+        `${v.src}-${p}`
       )) })
     }
   );
-}, Ur = (e) => /* @__PURE__ */ n(rt, { ...e, state: "composer" }), jr = (e) => /* @__PURE__ */ n(rt, { ...e, state: "sent" }), Vr = (e) => /* @__PURE__ */ n(rt, { ...e, state: "received" }), Gr = {
-  Composer: Ur,
-  Sent: jr,
-  Received: Vr
+}, Fr = (e) => /* @__PURE__ */ n(rt, { ...e, state: "composer" }), Br = (e) => /* @__PURE__ */ n(rt, { ...e, state: "sent" }), Ur = (e) => /* @__PURE__ */ n(rt, { ...e, state: "received" }), jr = {
+  Composer: Fr,
+  Sent: Br,
+  Received: Ur
 }, it = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(ne, { children: [
+}) => /* @__PURE__ */ h(ae, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3647,7 +3673,7 @@ const Fr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ps, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ds, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3657,7 +3683,7 @@ const Fr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(Os, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ve, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), pn = ({
@@ -3669,7 +3695,7 @@ const Fr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = z(!1), m = J(
+  const [l, d] = $(!1), m = K(
     (c) => {
       c.stopPropagation(), !l && (d(!0), bn(e, t).catch(() => {
       }).finally(() => {
@@ -3677,7 +3703,7 @@ const Fr = ({
       }));
     },
     [l, e, t, o]
-  ), g = r ?? s !== "pill", f = { className: k(
+  ), g = r ?? s !== "pill", f = { className: N(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3688,7 +3714,7 @@ const Fr = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: k(
+      className: N(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -3728,7 +3754,7 @@ const Fr = ({
       onClick: m,
       disabled: l,
       "aria-label": g ? a : void 0,
-      className: k(
+      className: N(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
@@ -3750,15 +3776,15 @@ const Fr = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = Fe(t, 0, Math.max(e - 1, 0)), [r, i] = z(a);
+  const a = Fe(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
   X(() => {
     s && i(Fe(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), X(() => {
     i((d) => Fe(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = J(() => {
+  const o = K(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = J(() => {
+  }, [e]), l = K(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return X(() => {
@@ -3870,8 +3896,8 @@ const Fr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ee(l.src) : "image"),
+  }), l = t[r], d = se(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ne(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -3916,7 +3942,7 @@ const Fr = ({
       ]
     }
   ) : null;
-}, Hr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", xn = ({
+}, Vr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", xn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3925,14 +3951,14 @@ const Fr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, g) => {
-    const u = k(Hr, "h-full w-full");
+    const u = N(Vr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: k(u, "cursor-zoom-in"),
+        className: N(u, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -3944,10 +3970,10 @@ const Fr = ({
       g
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: N("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: N(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -3956,7 +3982,7 @@ const Fr = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: N(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -3969,7 +3995,7 @@ const Fr = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: N(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -3987,14 +4013,14 @@ const Fr = ({
     }
   );
 }, ye = (e) => {
-  const [t, s] = z(!1), [a, r] = z(0), i = J(
+  const [t, s] = $(!1), [a, r] = $(0), i = K(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = J(() => s(!1), []);
+  ), o = K(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, Yr = (e, t, s, a) => ({
+}, Gr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4009,7 +4035,7 @@ const Fr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), qr = ({
+}), Hr = ({
   src: e,
   alt: t,
   items: s
@@ -4017,7 +4043,7 @@ const Fr = ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Wr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Yr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = ye(
     r
   );
@@ -4064,13 +4090,13 @@ const Fr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = qr({ src: t, alt: s, items: r }), g = Ne(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: w } = ye(
+  const m = Hr({ src: t, alt: s, items: r }), g = Ne(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = ye(
     d
   );
   if (m.length === 0)
     return null;
-  const b = m.map(
-    (p, v) => Yr(p, v, m.length, l)
+  const _ = m.map(
+    (v, p) => Gr(v, p, m.length, l)
   );
   return /* @__PURE__ */ h(
     we,
@@ -4080,24 +4106,24 @@ const Fr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(xn, { tiles: b, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(xn, { tiles: _, onTileActivate: c }) }),
         /* @__PURE__ */ n(
           vn,
           {
             open: u,
             items: wn(m, a),
             initialIndex: f,
-            onClose: w
+            onClose: b
           }
         )
       ]
     }
   );
-}, Xr = (e) => /* @__PURE__ */ n(Wr, { ...e }), Kr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "sent" }), Jr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "received" }), Zr = {
-  Composer: Xr,
-  Sent: Kr,
-  Received: Jr
-}, Qr = ({
+}, qr = (e) => /* @__PURE__ */ n(Yr, { ...e }), Wr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "received" }), Kr = {
+  Composer: qr,
+  Sent: Wr,
+  Received: Xr
+}, Jr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4107,11 +4133,11 @@ const Fr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ee(l.src) : "document"),
+  }), l = t[r], d = se(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ne(l.src) : "document"),
     [l]
-  ), m = te(
-    () => l ? ei(l.src) : void 0,
+  ), m = se(
+    () => l ? Zr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
@@ -4145,23 +4171,23 @@ const Fr = ({
       ]
     }
   );
-}, ei = (e) => {
+}, Zr = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, ti = ({
+}, Qr = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ni = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ei = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ee(t.src);
+  const i = t.filename ?? ne(t.src);
   return /* @__PURE__ */ n(
     gn,
     {
@@ -4187,14 +4213,14 @@ const Fr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = Ne(e), u = ti({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: w, closeViewer: b } = ye(
+  const g = Ne(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: _ } = ye(
     d
-  ), p = e === "composer" && !!m;
+  ), v = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const v = u.map((_) => ({
-    src: _.src,
-    filename: _.filename ?? ee(_.src)
+  const p = u.map((x) => ({
+    src: x.src,
+    filename: x.filename ?? ne(x.src)
   }));
   return /* @__PURE__ */ h(
     we,
@@ -4204,45 +4230,45 @@ const Fr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((_, L) => {
-          const T = _.filename ?? ee(_.src), y = p && L === 0 ? /* @__PURE__ */ n(_e, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((x, A) => {
+          const M = x.filename ?? ne(x.src), y = v && A === 0 ? /* @__PURE__ */ n(_e, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             pn,
             {
-              url: _.src,
-              filename: T,
+              url: x.src,
+              filename: M,
               variant: "inline",
-              label: `Download ${T}`,
+              label: `Download ${M}`,
               tone: g
             }
           );
           return /* @__PURE__ */ n(
-            ni,
+            ei,
             {
               variant: g,
-              item: _,
-              index: L,
-              onActivate: w,
+              item: x,
+              index: A,
+              onActivate: b,
               trailingAction: y
             },
-            `${_.src}-${L}`
+            `${x.src}-${A}`
           );
         }) }),
         /* @__PURE__ */ n(
-          Qr,
+          Jr,
           {
             open: f,
-            items: v,
+            items: p,
             initialIndex: c,
-            onClose: b
+            onClose: _
           }
         )
       ]
     }
   );
-}, si = (e) => /* @__PURE__ */ n(ct, { ...e, state: "composer" }), ai = (e) => /* @__PURE__ */ n(ct, { ...e, state: "sent" }), ri = (e) => /* @__PURE__ */ n(ct, { ...e, state: "received" }), ii = {
-  Composer: si,
-  Sent: ai,
-  Received: ri
+}, ti = (e) => /* @__PURE__ */ n(ct, { ...e, state: "composer" }), ni = (e) => /* @__PURE__ */ n(ct, { ...e, state: "sent" }), si = (e) => /* @__PURE__ */ n(ct, { ...e, state: "received" }), ai = {
+  Composer: ti,
+  Sent: ni,
+  Received: si
 }, Nn = ({
   open: e,
   items: t,
@@ -4253,8 +4279,8 @@ const Fr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ee(l.src) : "video"),
+  }), l = t[r], d = se(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ne(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -4293,7 +4319,7 @@ const Fr = ({
       ]
     }
   ) : null;
-}, oi = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Ue, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), yn = ({
+}, 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(Ue, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), yn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4315,11 +4341,11 @@ const Fr = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(oi, {})
-] }), li = (e, t, s) => ({
+  /* @__PURE__ */ n(ri, {})
+] }), ii = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(yn, { item: e, index: t })
-}), ci = ({
+}), oi = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -4331,7 +4357,7 @@ const Fr = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), di = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), li = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = ye(
     i
   );
@@ -4372,13 +4398,13 @@ const Fr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = ci({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ne(e), { viewerOpen: f, viewerIndex: c, handleActivate: w, closeViewer: b } = ye(
+  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ne(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: _ } = ye(
     m
   );
   if (g.length === 0)
     return null;
-  const p = g.map(
-    (v, _) => li(v, _, g.length)
+  const v = g.map(
+    (p, x) => ii(p, x, g.length)
   );
   return /* @__PURE__ */ h(
     we,
@@ -4391,8 +4417,8 @@ const Fr = ({
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
           xn,
           {
-            tiles: p,
-            onTileActivate: w,
+            tiles: v,
+            onTileActivate: b,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4402,23 +4428,23 @@ const Fr = ({
             open: f,
             items: Cn(g, r),
             initialIndex: c,
-            onClose: b
+            onClose: _
           }
         )
       ]
     }
   );
-}, ui = (e) => /* @__PURE__ */ n(di, { ...e }), mi = (e) => /* @__PURE__ */ n(kn, { ...e, state: "sent" }), hi = (e) => /* @__PURE__ */ n(kn, { ...e, state: "received" }), fi = {
-  Composer: ui,
-  Sent: mi,
-  Received: hi
-}, Ai = {
-  Image: Zr,
-  Video: fi,
-  Audio: Mr,
-  Pdf: ii,
-  File: Gr
-}, gi = ({
+}, ci = (e) => /* @__PURE__ */ n(li, { ...e }), di = (e) => /* @__PURE__ */ n(kn, { ...e, state: "sent" }), ui = (e) => /* @__PURE__ */ n(kn, { ...e, state: "received" }), mi = {
+  Composer: ci,
+  Sent: di,
+  Received: ui
+}, Ii = {
+  Image: Kr,
+  Video: mi,
+  Audio: Tr,
+  Pdf: ai,
+  File: jr
+}, hi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4430,7 +4456,7 @@ const Fr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: k(
+    className: N(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4440,7 +4466,7 @@ const Fr = ({
     ),
     children: e
   }
-), Mi = ({
+), Ti = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4452,7 +4478,7 @@ const Fr = ({
   const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      re,
+      ie,
       {
         id: o || "account",
         name: o || "Account",
@@ -4469,7 +4495,7 @@ const Fr = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            gi,
+            hi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4484,38 +4510,37 @@ const Fr = ({
 };
 export {
   en as A,
-  qs as B,
-  Ja as C,
-  $s as D,
-  Mi as F,
-  Ii as L,
-  ki as M,
-  He as V,
+  Hs as B,
+  Xa as C,
+  Ps as D,
+  Ti as F,
+  Ei as L,
+  yi as M,
   ge as a,
-  re as b,
-  or as c,
+  ie as b,
+  rr as c,
   un as d,
-  Ei as e,
-  gi as f,
-  se as g,
+  Ci as e,
+  hi as f,
+  re as g,
   zt as h,
-  Ai as i,
-  Ea as j,
-  Ci as k,
-  Si as l,
-  Pr as m,
-  Rr as n,
-  rr as o,
-  Dr as p,
+  Ii as i,
+  Ca as j,
+  Ni as k,
+  ki as l,
+  Lr as m,
+  Ar as n,
+  sr as o,
+  Rr as p,
   Kt as q,
   le as r,
   sn as s,
-  Bs as t,
-  Ti as u,
-  Ws as v,
+  $s as t,
+  Si as u,
+  Ys as v,
   Qe as w,
   et as x,
   Xt as y,
-  wa as z
+  va as z
 };
-//# sourceMappingURL=index-DG5LOHey.js.map
+//# sourceMappingURL=index-DPGZRLRM.js.map