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

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

@@ -1,11 +1,11 @@
-import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
-import U, { createContext as Ye, useContext as Ae, useCallback as J, useState as z, useRef as j, useEffect as X, useId as Sn, useMemo as ne, Suspense as qe } from "react";
+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 { 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 de, 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 C from "classnames";
-import { MessageActions as Os, 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 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";
 const qt = Ye({
   service: null,
   client: null,
@@ -16,7 +16,7 @@ const qt = Ye({
   refreshConnection: async () => {
   },
   debug: !1
-}), Xe = () => Ae(qt), Ni = ({
+}), Xe = () => Ae(qt), Ci = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,10 +24,10 @@ const qt = Ye({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var F, T;
+  var A, S;
   const o = J(
-    (E, ...A) => {
-      i && console.log(`🔥 [MessagingProvider] ${E}`, ...A);
+    (I, ...E) => {
+      i && console.log(`🔥 [MessagingProvider] ${I}`, ...E);
     },
     [i]
   );
@@ -37,61 +37,61 @@ const qt = Ye({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = z(null), [m, g] = z(null), [u, f] = z(!1), [c, b] = z(!1), [w, p] = z(null), v = j(!1), _ = j(null), R = j(s);
-  R.current = s;
-  const y = j(i);
-  y.current = i;
-  const M = j({
+  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 y = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), D = j(0);
-  D.current++, o("📊 RENDER INFO", {
-    renderCount: D.current,
+  }), M = G(0);
+  M.current++, o("📊 RENDER INFO", {
+    renderCount: M.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: M.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: M.current.apiKey !== a,
-      serviceConfigChanged: M.current.serviceConfig !== s,
-      capabilitiesChanged: M.current.capabilities !== r
+      userChanged: y.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: y.current.apiKey !== a,
+      serviceConfigChanged: y.current.serviceConfig !== s,
+      capabilitiesChanged: y.current.capabilities !== r
     }
-  }), M.current = {
+  }), y.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const $ = j(null);
-  a && ((F = $.current) == null ? void 0 : F.apiKey) !== a && ($.current = { apiKey: a, client: new Tn(a) });
-  const L = a ? ((T = $.current) == null ? void 0 : T.client) ?? null : null;
+  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;
   X(() => {
-    const E = D.current, A = R.current;
-    if (!a || !L || !A) {
+    const I = M.current, E = L.current;
+    if (!a || !P || !E) {
       o("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: E,
+        renderCount: I,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     o("🚀 CREATING SERVICE", {
-      renderCount: E,
+      renderCount: I,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
     const O = new In({
-      ...A,
+      ...E,
       apiKey: a,
-      debug: y.current,
-      client: L
+      debug: T.current,
+      client: P
     });
     _.current = O, d(O), o("✅ SERVICE SET", {
-      renderCount: E,
+      renderCount: I,
       serviceInstance: !!O
     });
-  }, [a, L]);
-  const N = j(null);
+  }, [a, P]);
+  const D = G(null);
   X(() => {
-    var A, O;
+    var E, O;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
@@ -107,7 +107,7 @@ const qt = Ye({
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((A = N.current) == null ? void 0 : A.serviceId) === l && ((O = N.current) == null ? void 0 : O.userId) === t.id) {
+    if (((E = D.current) == null ? void 0 : E.serviceId) === l && ((O = D.current) == null ? void 0 : O.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,35 +115,35 @@ const qt = Ye({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), v.current = !0, b(!0), p(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), v.current = !0, w(!0), p(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const B = await l.connectUser(t);
-        g(B), f(!0), N.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const F = await l.connectUser(t);
+        g(F), f(!0), D.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: B.userID
+          clientId: F.userID
         });
-      } catch (B) {
-        const H = B instanceof Error ? B.message : "Connection failed";
-        p(H), o("❌ USER CONNECTION ERROR", {
+      } catch (F) {
+        const j = F instanceof Error ? F.message : "Connection failed";
+        p(j), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: H
+          error: j
         });
       } finally {
-        b(!1), v.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        w(!1), v.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
       }
     })();
   }, [l, t, o, u]), X(() => {
-    const E = L;
+    const I = P;
     return () => {
-      var A;
-      E && (N.current = null, (A = _.current) == null || A.disconnectUser().catch(console.error));
+      var E;
+      I && (D.current = null, (E = _.current) == null || E.disconnectUser().catch(console.error));
     };
-  }, [L]);
-  const I = J(async () => {
+  }, [P]);
+  const R = J(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -151,62 +151,62 @@ const qt = Ye({
       o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
-      const E = await l.connectUser(t);
-      g(E), f(!0), p(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (E) {
-      const A = E instanceof Error ? E.message : "Refresh failed";
-      p(A), o("❌ CONNECTION REFRESH ERROR", {
+      const I = await l.connectUser(t);
+      g(I), f(!0), p(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", {
         userId: t.id,
-        error: A
+        error: E
       });
     } finally {
-      b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      w(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), S = U.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), N = U.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
     isLoading: c,
-    hasError: !!w,
+    hasError: !!b,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: l,
     client: m,
     isConnected: u,
     isLoading: c,
-    error: w,
+    error: b,
     capabilities: r,
-    refreshConnection: I,
+    refreshConnection: R,
     debug: i
   }), [
     l,
     m,
     u,
     c,
-    w,
+    b,
     r,
-    I,
+    R,
     i,
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: D.current,
-    willRenderChat: !!L,
-    contextValueReady: !!S
-  }), /* @__PURE__ */ n(qt.Provider, { value: S, children: L ? /* @__PURE__ */ n(
+    renderCount: M.current,
+    willRenderChat: !!P,
+    contextValueReady: !!N
+  }), /* @__PURE__ */ n(qt.Provider, { value: N, children: P ? /* @__PURE__ */ n(
     An,
     {
-      client: L,
+      client: P,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: e
     }
   ) : e });
-}, Ps = () => Xe(), Wt = (e) => {
+}, $s = () => Xe(), Wt = (e) => {
   var a, r;
   const [t, s] = z(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -228,18 +228,18 @@ const qt = Ye({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, 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());
+}, 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());
 }
 function Dt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !$s(s);
+  return !s || t && s === t ? !1 : !Bs(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 Ot = [
+const Pt = [
   "🍎",
   // Apple
   "🍌",
@@ -267,7 +267,7 @@ const Ot = [
   "🍈"
   // Melon
 ];
-function Fs(e) {
+function Us(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -275,11 +275,11 @@ function Fs(e) {
   }
   return Math.abs(t);
 }
-function Bs(e) {
-  const s = Fs(e) % Ot.length;
-  return Ot[s];
+function js(e) {
+  const s = Us(e) % Pt.length;
+  return Pt[s];
 }
-const ie = ({
+const re = ({
   id: e,
   image: t,
   size: s = 40,
@@ -288,7 +288,7 @@ const ie = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  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(
+  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(
     "img",
     {
       src: t,
@@ -299,7 +299,7 @@ const ie = ({
     "div",
     {
       "aria-hidden": "true",
-      className: C(
+      className: k(
         "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 ie = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: C(
+      className: k(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -331,7 +331,7 @@ const ie = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: C(
+            className: k(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -350,7 +350,7 @@ const ie = ({
       ]
     }
   );
-}, Us = "https://linktr.ee/s/about/trust-center/report", js = ({
+}, Vs = "https://linktr.ee/s/about/trust-center/report", Gs = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -363,78 +363,78 @@ const ie = ({
   onActionComplete: m,
   logLabel: g = "useChannelModerationActions"
 }) => {
-  var F;
-  const { service: u, debug: f } = Xe(), c = (F = t == null ? void 0 : t.user) == null ? void 0 : F.id, b = !!(a && s && u && c), [w, p] = z(!1), [v, _] = z(null), [R, y] = z(!1), [M, D] = z(!1), $ = b && ((v == null ? void 0 : v.participantId) !== c || (v == null ? void 0 : v.service) !== u);
+  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);
   return X(() => {
-    if (!b || !u || !c) {
+    if (!w || !u || !c) {
       p(!1), _(null);
       return;
     }
-    let T = !1;
+    let S = !1;
     return (async () => {
       try {
-        const E = await u.getBlockedUsers();
-        if (T) return;
+        const I = await u.getBlockedUsers();
+        if (S) return;
         p(
-          E.some(
-            (A) => A.blocked_user_id === c
+          I.some(
+            (E) => E.blocked_user_id === c
           )
         );
-      } catch (E) {
-        T || console.error(`[${g}] Failed to check blocked status:`, E);
+      } catch (I) {
+        S || console.error(`[${g}] Failed to check blocked status:`, I);
       } finally {
-        T || _({ participantId: c, service: u });
+        S || _({ participantId: c, service: u });
       }
     })(), () => {
-      T = !0;
+      S = !0;
     };
-  }, [b, u, c, g]), {
-    isParticipantBlocked: w,
+  }, [w, u, c, g]), {
+    isParticipantBlocked: b,
     isCheckingBlockedStatus: $,
-    isLeaving: R,
-    isUpdatingBlockStatus: M,
+    isLeaving: L,
+    isUpdatingBlockStatus: y,
     handleLeaveConversation: async () => {
-      var T;
-      if (!R) {
-        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), y(!0);
+      var S;
+      if (!L) {
+        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
         try {
-          const E = ((T = e._client) == null ? void 0 : T.userID) ?? null;
-          await e.hide(E, !1), r && await r(e), m == null || m();
-        } catch (E) {
-          console.error(`[${g}] Failed to leave conversation`, E);
+          const I = ((S = e._client) == null ? void 0 : S.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 {
-          y(!1);
+          T(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var T, E, A;
-      if (!(M || !u)) {
-        l == null || l(), f && console.log(`[${g}] Block member`, (T = t == null ? void 0 : t.user) == null ? void 0 : T.id), D(!0);
+      var S, I, E;
+      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);
         try {
-          await u.blockUser((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), m == null || m();
+          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();
         } catch (O) {
           console.error(`[${g}] Failed to block member`, O);
         } finally {
-          D(!1);
+          M(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var T, E, A;
-      if (!(M || !u)) {
-        l == null || l(), f && console.log(`[${g}] Unblock member`, (T = t == null ? void 0 : t.user) == null ? void 0 : T.id), D(!0);
+      var S, I, E;
+      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);
         try {
-          await u.unBlockUser((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), m == null || m();
+          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();
         } catch (O) {
           console.error(`[${g}] Failed to unblock member`, O);
         } finally {
-          D(!1);
+          M(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(Us, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Vs, "_blank", "noopener,noreferrer");
     }
   };
 }, ge = ({
@@ -446,7 +446,7 @@ const ie = ({
   "button",
   {
     type: "button",
-    className: C(
+    className: k(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -454,7 +454,7 @@ const ie = ({
     ...a,
     children: s
   }
-), Pt = ({
+), Ot = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -468,16 +468,16 @@ const ie = ({
   customChannelActions: g,
   triggerClassName: u
 }) => {
-  const [f, c] = z(!1), b = j(null), w = Sn(), p = J(() => c(!1), []), {
+  const [f, c] = z(!1), w = G(null), b = Sn(), p = J(() => c(!1), []), {
     isParticipantBlocked: v,
     isCheckingBlockedStatus: _,
-    isLeaving: R,
-    isUpdatingBlockStatus: y,
-    handleLeaveConversation: M,
-    handleBlockUser: D,
+    isLeaving: L,
+    isUpdatingBlockStatus: T,
+    handleLeaveConversation: y,
+    handleBlockUser: M,
     handleUnblockUser: $,
-    handleReportUser: L
-  } = js({
+    handleReportUser: P
+  } = Gs({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -492,15 +492,15 @@ const ie = ({
   });
   return X(() => {
     if (!f) return;
-    const I = (F) => {
-      b.current && !b.current.contains(F.target) && c(!1);
-    }, S = (F) => {
-      F.key === "Escape" && c(!1);
+    const R = (A) => {
+      w.current && !w.current.contains(A.target) && c(!1);
+    }, N = (A) => {
+      A.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", I), document.addEventListener("keydown", S), () => {
-      document.removeEventListener("mousedown", I), document.removeEventListener("keydown", S);
+    return document.addEventListener("mousedown", R), document.addEventListener("keydown", N), () => {
+      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", N);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: w, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -508,8 +508,8 @@ const ie = ({
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": f,
-        "aria-controls": f ? w : void 0,
-        onClick: () => c((I) => !I),
+        "aria-controls": f ? b : void 0,
+        onClick: () => c((R) => !R),
         children: [
           /* @__PURE__ */ n(hs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -519,9 +519,9 @@ const ie = ({
     f && /* @__PURE__ */ n(
       "div",
       {
-        id: w,
+        id: b,
         "aria-label": "Conversation options",
-        className: C(
+        className: k(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -529,11 +529,11 @@ const ie = ({
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
             ge,
             {
-              onClick: M,
-              disabled: R,
-              "aria-busy": R,
+              onClick: y,
+              disabled: L,
+              "aria-busy": L,
               children: [
-                R ? /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
+                L ? /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -549,26 +549,26 @@ const ie = ({
             ge,
             {
               onClick: $,
-              disabled: y,
-              "aria-busy": y,
+              disabled: T,
+              "aria-busy": T,
               children: [
-                y ? /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
+                T ? /* @__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: D,
-              disabled: y,
-              "aria-busy": y,
+              onClick: M,
+              disabled: T,
+              "aria-busy": T,
               children: [
-                y ? /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
+                T ? /* @__PURE__ */ n(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ge, { variant: "danger", onClick: L, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ge, { variant: "danger", onClick: P, children: [
             /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -577,20 +577,20 @@ const ie = ({
       }
     )
   ] });
-}, 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;
+}, 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;
 }
-function Hs(e) {
-  const { channel: t } = de(), { client: s } = We("useMessageVote"), a = ne(
-    () => Gs(e.own_reactions),
+function qs(e) {
+  const { channel: t } = ce(), { client: s } = We("useMessageVote"), a = te(
+    () => Ys(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, Ge) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
           e.id,
-          { type: Ge },
+          { type: Ve },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -598,9 +598,9 @@ function Hs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]), i = J(async () => {
     if (s != null && s.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, He) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, Ge) : await t.sendReaction(
           e.id,
-          { type: He },
+          { type: Ge },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -608,7 +608,7 @@ function Hs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Ys(e) {
+function Ws(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 = Ys(t);
+  const s = e == null ? void 0 : e.text, a = Ws(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = U.lazy(() => import("./Card-DGkh6_ti.js")), Ws = U.lazy(() => import("./Card-TNeK_nFK.js")), Xs = U.lazy(() => import("./Card-h43tRi_a.js")), Ke = () => /* @__PURE__ */ n(
+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(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), Ks = (e) => /* @__PURE__ */ n(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 = [
+), 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 = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -635,21 +635,21 @@ const qs = U.lazy(() => import("./Card-DGkh6_ti.js")), Ws = U.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ae(e) {
+function se(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Qt(e) {
-  const t = Qs.find(
+  const t = ta.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const ea = {
+const na = {
   video: Ht,
   audio: bs,
   image: gs,
   document: Gt
-}, ta = {
+}, sa = {
   pdf: Cs,
   doc: ys,
   xls: Ns,
@@ -660,17 +660,17 @@ const ea = {
   markdown: ps,
   generic: Gt
 };
-function na(e) {
-  const t = ae(e);
-  return t !== "document" ? ea[t] : ta[Qt(e)];
+function aa(e) {
+  const t = se(e);
+  return t !== "document" ? na[t] : sa[Qt(e)];
 }
-function ce(e, t) {
-  return U.createElement(na(e), t);
+function le(e, t) {
+  return U.createElement(aa(e), t);
 }
-const sa = (e) => {
+const ra = (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;
-}, aa = ({
+}, ia = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -682,66 +682,66 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ae(t), u = j(null), f = j(null), c = j(null), b = j(r), [w, p] = z(a), [v, _] = z(0), [R, y] = z(!1), [M, D] = z(!1), [$, L] = z(!1), [N, I] = z(!1), [S, F] = z(!0), [T, E] = z(null), A = J(() => {
-    L(!1), p(!0);
+  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 k = f.current;
-    if (!k) return 0;
-    const P = k.getBoundingClientRect();
+    const C = f.current;
+    if (!C) return 0;
+    const B = C.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (sa(x) - P.left) / P.width)
+      Math.min(1, (ra(x) - B.left) / B.width)
     );
-  }, []), B = J((x) => {
-    const k = u.current;
-    k && k.duration && (k.currentTime = x * k.duration);
-  }, []), H = (x) => {
-    x.stopPropagation(), y(!0);
-    const k = O(x);
-    _(k), B(k);
+  }, []), 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);
   };
   X(() => {
-    r !== void 0 && r !== b.current && (b.current = r, p(r));
+    r !== void 0 && r !== w.current && (w.current = r, p(r));
   }, [r]), X(() => {
-    if (!w) {
+    if (!b) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const x = () => {
-      const k = u.current;
-      k && k.duration && !R && _(k.currentTime / k.duration), c.current = requestAnimationFrame(x);
+      const C = u.current;
+      C && C.duration && !L && _(C.currentTime / C.duration), c.current = requestAnimationFrame(x);
     };
     return c.current = requestAnimationFrame(x), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [w, R]), X(() => {
+  }, [b, L]), X(() => {
     const x = u.current;
-    x && (w ? x.play().catch((k) => {
-      p(!1), L(!0);
+    x && (b ? x.play().catch((C) => {
+      p(!1), P(!0);
     }) : x.pause());
-  }, [w]), X(() => {
-    if (!R) return;
-    const x = (P) => _(O(P)), k = (P) => {
-      y(!1), B(O(P));
+  }, [b]), X(() => {
+    if (!L) return;
+    const x = (B) => _(O(B)), C = (B) => {
+      T(!1), F(O(B));
     };
-    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", k), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", k), () => {
-      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", k), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", k);
+    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);
     };
-  }, [R, O, B]);
-  const V = T ? { aspectRatio: String(T) } : void 0, Y = T ? "" : " aspect-video", q = Math.round(v * 100);
+  }, [L, O, F]);
+  const H = S ? { aspectRatio: String(S) } : void 0, Y = S ? "" : " aspect-video", W = Math.round(v * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${Y}`,
-      style: V,
+      style: H,
       onClick: (x) => {
         if (m) {
           m(x);
           return;
         }
-        $ || o && p((k) => !k);
+        $ || o && p((C) => !C);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -749,11 +749,11 @@ const sa = (e) => {
             m(x);
             return;
           }
-          $ || o && p((k) => !k);
+          $ || o && p((C) => !C);
         }
       },
       children: [
-        s && (g === "audio" || S) && /* @__PURE__ */ n(
+        s && (g === "audio" || N) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -761,7 +761,7 @@ const sa = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || S) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
+        !s && (g === "audio" || N) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -773,12 +773,12 @@ const sa = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => I(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              I(!1), F(!1);
+              R(!1), A(!1);
             },
-            onWaiting: () => I(!0),
-            onPlay: () => L(!1),
+            onWaiting: () => R(!0),
+            onPlay: () => P(!1),
             onEnded: () => {
               i || (p(!1), _(0));
             },
@@ -793,15 +793,15 @@ const sa = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => I(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              I(!1), F(!1);
+              R(!1), A(!1);
             },
-            onWaiting: () => I(!0),
-            onPlay: () => L(!1),
+            onWaiting: () => R(!0),
+            onPlay: () => P(!1),
             onLoadedMetadata: () => {
               const x = u.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && E(x.videoWidth / x.videoHeight);
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && I(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
               i || (p(!1), _(0));
@@ -809,7 +809,7 @@ const sa = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        N && !$ && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        D && !$ && /* @__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",
@@ -824,10 +824,10 @@ const sa = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (x) => {
-              x.stopPropagation(), A();
+              x.stopPropagation(), E();
             },
             onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), A());
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), E());
             },
             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 sa = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": q,
+            "aria-valuenow": W,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: H,
-            onTouchStart: H,
+            onMouseDown: j,
+            onTouchStart: j,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
-              x.key === "ArrowRight" && B(Math.min(1, v + 0.05)), x.key === "ArrowLeft" && B(Math.max(0, v - 0.05));
+              x.key === "ArrowRight" && F(Math.min(1, v + 0.05)), x.key === "ArrowLeft" && F(Math.max(0, v - 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: `${q}%` }
+                style: { width: `${W}%` }
               }
             ) })
           }
@@ -864,11 +864,11 @@ const sa = (e) => {
             {
               type: "button",
               onClick: (x) => {
-                x.stopPropagation(), p((k) => !k);
+                x.stopPropagation(), p((C) => !C);
               },
               className: "shrink-0 text-white",
-              "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Ue, { className: "size-5 translate-x-px", weight: "fill" })
+              "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" })
             }
           ),
           /* @__PURE__ */ h(
@@ -876,30 +876,30 @@ const sa = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": q,
+              "aria-valuenow": W,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: H,
-              onTouchStart: H,
+              onMouseDown: j,
+              onTouchStart: j,
               onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => D(!0),
-              onMouseLeave: () => D(!1),
+              onMouseEnter: () => M(!0),
+              onMouseLeave: () => M(!1),
               onKeyDown: (x) => {
-                x.key === "ArrowRight" && B(Math.min(1, v + 0.05)), x.key === "ArrowLeft" && B(Math.max(0, v - 0.05));
+                x.key === "ArrowRight" && F(Math.min(1, v + 0.05)), x.key === "ArrowLeft" && F(Math.max(0, v - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${M || R ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${y || L ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${q}%` }
+                        style: { width: `${W}%` }
                       }
                     )
                   }
@@ -907,8 +907,8 @@ const sa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${M || R ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${q}%` }
+                    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}%` }
                   }
                 )
               ]
@@ -918,7 +918,7 @@ const sa = (e) => {
       ]
     }
   );
-}, $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 = ({
+}, $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 = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -927,9 +927,9 @@ const sa = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ae(e), [d, m] = z(!1);
+  const l = se(e), [d, m] = z(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    aa,
+    ia,
     {
       source: t,
       mimeType: e,
@@ -975,12 +975,12 @@ const sa = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ce(e, {
+      children: le(e, {
         className: $t(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ra(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${oa(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -992,7 +992,7 @@ const sa = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ce(e, {
+      children: le(e, {
         className: $t(r),
         weight: "regular"
       })
@@ -1012,13 +1012,13 @@ const sa = (e) => {
   rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", w = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
       ref: g,
       "data-testid": u,
-      className: C(
+      className: k(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#121110]" : "bg-white"
       ),
@@ -1030,17 +1030,17 @@ const sa = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: C("mb-0.5 truncate text-base font-medium", {
+              className: k("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && b,
-                "text-white": f && !b
+                "text-white/30": f && w,
+                "text-white": f && !w
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            ce(r, {
-              className: C(
+            le(r, {
+              className: k(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1049,7 +1049,7 @@ const sa = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: C(
+                className: k(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1070,19 +1070,19 @@ 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 ia(e) {
+function la(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function oa(e) {
+function ca(e) {
   return e ? "text-white" : "text-black";
 }
-function la(e) {
+function da(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function ca(e) {
+function ua(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function da(e) {
+function ma(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const Ze = ({ attachment: e, isMyMessage: t }) => {
@@ -1097,14 +1097,14 @@ const Ze = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${ia(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Es, { className: `size-12 ${da(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${la(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(Es, { className: `size-12 ${ma(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      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 })
+      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 })
     ] })
   ] });
   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 ua(e, t) {
+async function ha(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1128,7 +1128,7 @@ async function ua(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 ma = ({
+const fa = ({
   url: e,
   filename: t
 }) => {
@@ -1140,7 +1140,7 @@ const ma = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), ua(e, t).then(() => {
+        a(!0), ha(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1156,15 +1156,15 @@ const ma = ({
   );
 };
 function et(e) {
-  var u, f, c, b;
+  var u, f, c, w;
   const t = (u = e.attachments) == null ? void 0 : u.find(
-    (w) => w.type === "video" && w.asset_url
+    (b) => b.type === "video" && b.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
-    (w) => w.type === "image" && w.image_url
+    (b) => b.type === "image" && b.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (w) => w.type === "audio" && w.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
-    (w) => w.type === "file" && w.asset_url
+    (b) => b.type === "audio" && b.asset_url
+  ), r = (w = e.attachments) == null ? void 0 : w.find(
+    (b) => b.type === "file" && b.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 = ae(t), o = a !== void 0 ? nn(a) : void 0;
+  const i = se(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(ma, { url: e, filename: s })
+      action: /* @__PURE__ */ n(fa, { url: e, filename: s })
     }
   );
-}, ha = ({
+}, ga = ({
   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(
-      ie,
+      re,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1264,7 +1264,7 @@ const an = ({
       }
     )
   ] });
-}, fa = ({
+}, ba = ({
   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;
-}, ga = ({
+}, pa = ({
   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;
-}, yi = Object.assign(ha, {
-  Creator: fa,
-  Visitor: ga
-}), ba = {
+}, ki = Object.assign(ga, {
+  Creator: ba,
+  Visitor: pa
+}), va = {
   isUnlocking: () => !1
-}, pa = {
-  LockedAttachment: ba
-}, on = Ye({}), Ci = on.Provider;
-function va(e) {
-  return Ae(on)[e] ?? pa[e];
+}, xa = {
+  LockedAttachment: va
+}, on = Ye({}), Ei = on.Provider;
+function wa(e) {
+  return Ae(on)[e] ?? xa[e];
 }
-const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1308,22 +1308,22 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), wa = (e) => {
+), Na = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, _a = (e) => {
+}, ya = (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";
-}, Na = (e) => {
+}, Ca = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, ln = (e) => wa(e) || _a(e), ya = (e) => {
+}, ln = (e) => Na(e) || ya(e), ka = (e) => {
   var t;
   return ln(e) && !((t = e.text) != null && t.trim());
-}, Pe = ({
+}, Oe = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
@@ -1336,25 +1336,25 @@ const xa = ({ 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", b = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", w = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
       /* @__PURE__ */ n(Ss, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n("span", { children: w })
     ] });
   }
   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(xa, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { 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(_a, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ne, { children: [
     m,
     g
-  ] }) : /* @__PURE__ */ h(se, { children: [
+  ] }) : /* @__PURE__ */ h(ne, { children: [
     g,
     m
   ] }) });
-}, Ca = ({
+}, Ea = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1363,7 +1363,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -1377,7 +1377,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1387,7 +1387,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Ts, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), ka = (e) => {
+] }), Sa = (e) => {
   var ft, gt, bt, pt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et, St;
   const {
     additionalMessageInputProps: t,
@@ -1403,63 +1403,63 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: b,
-    threadList: w,
+    renderText: w,
+    threadList: b,
     viewerLanguage: p
-  } = e, { client: v } = We("CustomMessage"), { channel: _ } = de("CustomMessage"), { isUnlocking: R, onUnlockClick: y, onFetchSource: M, onDownloadClick: D } = va("LockedAttachment"), [$, L] = z(!1), N = Ln(c.id), { selected: I, voteUp: S, voteDown: F } = Hs(c), {
-    Attachment: T = Dn,
-    EditMessageModal: E = On,
-    MessageActions: A,
-    MessageBlocked: O = Pn,
-    MessageBouncePrompt: B = zn,
-    MessageDeleted: H = $n,
-    MessageIsThreadReplyInChannelButtonIndicator: V = Fn,
+  } = 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,
+    MessageBouncePrompt: F = zn,
+    MessageDeleted: j = $n,
+    MessageIsThreadReplyInChannelButtonIndicator: H = Fn,
     MessageRepliesCountButton: Y = Bn,
-    ReminderNotification: q = Un,
+    ReminderNotification: W = Un,
     StreamedMessageText: x = jn,
-    PinIndicator: k
-  } = jt("CustomMessage"), P = Vn(c), W = Gn(c), K = ne(
+    PinIndicator: C
+  } = jt("CustomMessage"), B = Vn(c), q = Gn(c), K = te(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), G = ne(() => {
+  ), V = te(() => {
     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]), ee = ne(() => {
+  }, [c]), ie = te(() => {
     const fe = Kt({ message: c, viewerLanguage: p });
     return fe === c.text ? c : { ...c, text: fe };
   }, [c, p]);
   if (Hn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(H, { message: c });
+    return /* @__PURE__ */ n(j, { message: c });
   if (Yn(c))
     return /* @__PURE__ */ n(O, {});
-  const ue = !w && !!c.reply_count, Z = !w && c.show_in_channel && c.parent_id, re = c.status === "failed" && ((ft = c.error) == null ? void 0 : ft.status) !== 403, te = qn(c);
-  let oe;
-  re ? oe = () => m(c) : te && (oe = () => L(!0));
-  const me = f(), En = C(
+  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(
     "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",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": P,
+      "str-chat__message--has-attachment": B,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": W,
+      "str-chat__message--with-reactions": q,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((gt = c == null ? void 0 : c.error) == null ? void 0 : gt.status) !== 403,
-      "str-chat__message-with-thread-link": ue || Z,
+      "str-chat__message-with-thread-link": de || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), dt = c.poll_id && v.polls.fromState(c.poll_id), ut = ya(c), he = Ee(c), mt = Na(c), Le = !!(G != null && G.length && !c.quoted_message), ht = he && me && Le;
-  return /* @__PURE__ */ h(se, { children: [
+  ), 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: [
     a && /* @__PURE__ */ n(
-      E,
+      I,
       {
         additionalMessageInputProps: t
       }
@@ -1467,8 +1467,8 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     $ && /* @__PURE__ */ n(
       Wn,
       {
-        MessageBouncePrompt: B,
-        onClose: () => L(!1),
+        MessageBouncePrompt: F,
+        onClose: () => P(!1),
         open: $
       }
     ),
@@ -1478,10 +1478,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: En,
         "data-message-id": c.id,
         children: [
-          k && /* @__PURE__ */ n(k, {}),
-          !!N && /* @__PURE__ */ n(q, { reminder: N }),
+          C && /* @__PURE__ */ n(C, {}),
+          !!D && /* @__PURE__ */ n(W, { reminder: D }),
           c.user && /* @__PURE__ */ n(
-            ie,
+            re,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1495,14 +1495,14 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: C("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": re || te
+              className: k("str-chat__message-inner", {
+                "str-chat__simple-message--error-failed": Q || ae
               }),
               "data-testid": "message-inner",
-              onClick: oe,
-              onKeyDown: oe,
-              role: oe ? "button" : void 0,
-              tabIndex: oe ? 0 : void 0,
+              onClick: Z,
+              onKeyDown: Z,
+              role: Z ? "button" : void 0,
+              tabIndex: Z ? 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
@@ -1511,7 +1511,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               },
               children: mt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 me ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  A && /* @__PURE__ */ n(A, {}),
+                  E && /* @__PURE__ */ n(E, {}),
                   /* @__PURE__ */ n(
                     zt.Sent,
                     {
@@ -1521,8 +1521,8 @@ const xa = ({ 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: () => y == null ? void 0 : y(c, _),
-                      onFetchSource: async () => await (M == null ? void 0 : M(c, _))
+                      onPreviewClick: () => T == null ? void 0 : T(c, _),
+                      onFetchSource: async () => await (y == null ? void 0 : y(c, _))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1535,27 +1535,27 @@ const xa = ({ 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: R(c.id),
-                      onUnlockClick: () => y == null ? void 0 : y(c, _),
-                      onFetchSource: async () => await (M == null ? void 0 : M(c, _)),
-                      onDownloadClick: () => D == null ? void 0 : D(c, _)
+                      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, _)
                     }
                   ),
-                  A && /* @__PURE__ */ n(A, {})
+                  E && /* @__PURE__ */ n(E, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   Mt,
                   {
-                    message: ee,
-                    renderText: b
+                    message: ie,
+                    renderText: w
                   }
                 ) })
               ] }) : ut ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(Pe, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(Oe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
                 he && !ht && /* @__PURE__ */ n(
-                  Pe,
+                  Oe,
                   {
                     message: c,
                     hasAttachment: Le,
@@ -1563,24 +1563,24 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   }
                 ),
                 dt && /* @__PURE__ */ n(Xn, { poll: dt }),
-                G != null && G.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  T,
+                V != null && V.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  S,
                   {
                     actionHandler: l,
-                    attachments: G
+                    attachments: V
                   }
                 ) : null,
                 K ? /* @__PURE__ */ n(
                   x,
                   {
-                    message: ee,
-                    renderText: b
+                    message: ie,
+                    renderText: w
                   }
                 ) : /* @__PURE__ */ n(
                   Mt,
                   {
-                    message: ee,
-                    renderText: b
+                    message: ie,
+                    renderText: w
                   }
                 ),
                 /* @__PURE__ */ n(Kn, {})
@@ -1589,7 +1589,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ),
           !mt && !ut && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
             (!he || ht) && /* @__PURE__ */ n(
-              Pe,
+              Oe,
               {
                 message: c,
                 hasAttachment: Le,
@@ -1597,34 +1597,34 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             ),
             s && he && /* @__PURE__ */ n(
-              Ca,
+              Ea,
               {
-                selected: I,
-                onVoteUp: S,
-                onVoteDown: F
+                selected: R,
+                onVoteUp: N,
+                onVoteDown: A
               }
             )
           ] }),
-          ue && /* @__PURE__ */ n(
+          de && /* @__PURE__ */ n(
             Y,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          Z && /* @__PURE__ */ n(V, {})
+          ue && /* @__PURE__ */ n(H, {})
         ]
       },
       c.id
     )
   ] });
-}, Ea = U.memo(
-  ka,
+}, Ia = U.memo(
+  Sa,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Rn(e, t)
-), Sa = (e) => {
+), Ta = (e) => {
   const t = xe("CustomMessage");
-  return /* @__PURE__ */ n(Ea, { ...t, ...e });
-}, Ia = () => {
+  return /* @__PURE__ */ n(Ia, { ...t, ...e });
+}, Aa = () => {
   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 xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(As, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ta = () => {
+}, Ma = () => {
   const { handleFlag: e } = xe("CustomMessageActions");
   return /* @__PURE__ */ n(
     Yt,
@@ -1649,19 +1649,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Vt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Aa = () => {
+}, Ra = () => {
   var t;
   const { message: e } = xe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Os,
+    zs,
     {
       messageActionSet: [
-        { Component: Ia, placement: "quick", type: "delete" },
-        { Component: Ta, placement: "quick", type: "flag" }
+        { Component: Aa, placement: "quick", type: "delete" },
+        { Component: Ma, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Ma = ({
+}, La = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1701,26 +1701,26 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Ra = (e) => ({
+}, Da = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => At.previewIsLoaded(t) || At.previewIsLoading(t)
   )
-}), La = () => {
+}), Pa = () => {
   const { linkPreviewsManager: e } = Jn(), { linkPreviews: t } = Zn(
     e.state,
-    Ra
+    Da
   ), 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(
-    Ma,
+    La,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, cn = U.createContext(!1), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, cn = U.createContext(!1), Oa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1730,14 +1730,14 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     onClick: e,
     children: /* @__PURE__ */ n(Ms, { weight: "bold", className: "size-4" })
   }
-), Oa = () => {
+), za = () => {
   const e = Ae(cn), { handleSubmit: t } = es(), s = ts(), a = e || !s, {
-    SendButton: r = Da,
+    SendButton: r = Oa,
     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(La, {}),
+    /* @__PURE__ */ n(Pa, {}),
     /* @__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,15 +1764,15 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, Pa = ({
+}, $a = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
   disabledReason: a
 }) => {
   var o;
-  const { channel: r } = de(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(se, { children: [
+  const { channel: r } = ce(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
+  return s ? /* @__PURE__ */ h(ne, { 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 xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(cn.Provider, { value: i, children: /* @__PURE__ */ n(Qn, { Input: Oa }) })
+          /* @__PURE__ */ n(cn.Provider, { value: i, children: /* @__PURE__ */ n(Qn, { Input: za }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, za = [
+}, Fa = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], $a = {
+], Ba = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Fa = [
+}, Ua = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ba = {
+], ja = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, ze = "age safety guidelines.", Ua = "https://linktr.ee/s/about/contact", Ft = (e) => za.includes(e), ja = (e) => Fa.includes(e), Va = (e) => {
+}, ze = "age safety guidelines.", Va = "https://linktr.ee/s/about/contact", Ft = (e) => Fa.includes(e), Ga = (e) => Ua.includes(e), Ha = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (Ft(t))
@@ -1808,7 +1808,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (ja(t))
+  if (Ga(t))
     return {
       kind: "age-safety",
       type: t
@@ -1819,17 +1819,17 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, Ga = (e) => {
+}, Ya = (e) => {
   const t = e.indexOf(ze);
   if (t === -1)
     return e;
   const s = t + ze.length;
-  return /* @__PURE__ */ h(se, { children: [
+  return /* @__PURE__ */ h(ne, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: Ua,
+        href: Va,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1838,13 +1838,13 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ),
     e.slice(s)
   ] });
-}, Ha = (e) => {
+}, qa = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Va(
+  const t = e.message.hide_date === !0, s = Ha(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || $a[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ba[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1870,7 +1870,7 @@ const xa = ({ 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()) || Ba[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || ja[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1889,7 +1889,7 @@ const xa = ({ 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: Ga(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: Ya(i) }) })
           ]
         }
       ),
@@ -1914,15 +1914,15 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ya = /* @__PURE__ */ new Set([
-  Oe.Thinking,
-  Oe.Generating,
-  Oe.ExternalSources
-]), qa = ({ threadList: e }) => {
-  var b, w;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = We(), { typing: i = {} } = rs(), { aiState: o } = is(t), l = Ae(dn);
-  if (!e && l && Ya.has(o)) {
-    const p = Wa(t, (b = r.user) == null ? void 0 : b.id);
+) }), Wa = /* @__PURE__ */ new Set([
+  Pe.Thinking,
+  Pe.Generating,
+  Pe.ExternalSources
+]), Xa = ({ threadList: e }) => {
+  var w, 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);
     return /* @__PURE__ */ n(
       Bt,
       {
@@ -1948,7 +1948,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   ) : [], u = e ? g : m;
   if (!u.length)
     return null;
-  const f = (w = u[0]) == null ? void 0 : w.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  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;
   return /* @__PURE__ */ n(
     Bt,
     {
@@ -1973,7 +1973,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        ie,
+        re,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -2002,7 +2002,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] })
   }
 );
-function Wa(e, t) {
+function Ka(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 Wa(e, t) {
       return i;
   }
 }
-const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Ja = () => null, Za = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: C("flex items-center justify-center h-full", e),
+    className: k("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(
@@ -2055,11 +2055,23 @@ const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
     ]
   }
 ), 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(Ka, { className: "w-6 h-6" }),
+  /* @__PURE__ */ n(Za, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Se.displayName = "LoadingState";
-const le = "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 = ({
+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 = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2074,26 +2086,29 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onReportParticipantClick: u,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: b = !0,
-  onParticipantNameClick: w
+  showChannelInfo: w = !0,
+  renderHeaderTitleBadges: b
 }) => {
-  var D, $, L, N, I;
-  const { channel: p } = de(), v = U.useMemo(() => {
-    var T, E;
-    const S = (T = p._client) == null ? void 0 : T.userID;
-    return S ? Object.values(((E = p.state) == null ? void 0 : E.members) || {}).find(
-      (A) => {
-        var O;
-        return ((O = A.user) == null ? void 0 : O.id) && A.user.id !== S;
+  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;
       }
     ) : void 0;
-  }, [(D = p._client) == null ? void 0 : D.userID, ($ = p.state) == null ? void 0 : $.members]), _ = Xt(v == null ? void 0 : v.user), R = (L = v == null ? void 0 : v.user) == null ? void 0 : L.image, y = Wt(p), M = async () => {
+  }, [(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({
+    channel: p,
+    participant: v
+  }), $ = async () => {
     try {
       y ? await p.unpin() : await p.pin();
-    } catch (S) {
+    } catch (I) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        S
+        I
       );
     }
   };
@@ -2102,8 +2117,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: C(
-            le,
+          className: k(
+            oe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
@@ -2115,29 +2130,21 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          ie,
+          re,
           {
-            id: ((N = v == null ? void 0 : v.user) == null ? void 0 : N.id) || p.id || "unknown",
+            id: ((A = v == null ? void 0 : v.user) == null ? void 0 : A.id) || p.id || "unknown",
             name: _,
-            image: R,
+            image: L,
             starred: s && y,
             dmAgentEnabled: a,
             size: 48
           }
         ),
-        w ? /* @__PURE__ */ h(
-          "button",
-          {
-            type: "button",
-            onClick: w,
-            "aria-label": `View details for ${_}`,
-            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: "truncate", children: _ }),
-              /* @__PURE__ */ n(Ve, { className: "size-3 shrink-0", weight: "bold" })
-            ]
-          }
-        ) : /* @__PURE__ */ n("p", { className: "text-center text-xs font-medium text-black/90", children: _ }),
+        /* @__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 })
+        ] }),
         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" }),
           /* @__PURE__ */ n("span", { children: Ut })
@@ -2147,14 +2154,14 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
-            onClick: M,
+            className: oe,
+            onClick: $,
             type: "button",
             "aria-label": y ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Be,
               {
-                className: C("size-5", {
+                className: k("size-5", {
                   "text-yellow-600": y,
                   "text-black/90": !y
                 }),
@@ -2163,8 +2170,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
-          Pt,
+        w && (c !== void 0 ? c : /* @__PURE__ */ n(
+          Ot,
           {
             channel: p,
             participant: v,
@@ -2177,7 +2184,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: C(le, "bg-[#F1F0EE]")
+            triggerClassName: k(oe, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2187,8 +2194,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: C(
-              le,
+            className: k(
+              oe,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2198,30 +2205,22 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         /* @__PURE__ */ n(
-          ie,
+          re,
           {
-            id: ((I = v == null ? void 0 : v.user) == null ? void 0 : I.id) || p.id || "unknown",
+            id: ((S = v == null ? void 0 : v.user) == null ? void 0 : S.id) || p.id || "unknown",
             name: _,
-            image: R,
+            image: L,
             starred: s && y,
             dmAgentEnabled: a,
             size: 48
           }
         ),
         /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-          w ? /* @__PURE__ */ h(
-            "button",
-            {
-              type: "button",
-              onClick: w,
-              "aria-label": `View details for ${_}`,
-              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: "truncate", children: _ }),
-                /* @__PURE__ */ n(Ve, { className: "size-4 shrink-0", weight: "bold" })
-              ]
-            }
-          ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", 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 })
+          ] }),
           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" }),
             /* @__PURE__ */ n("span", { className: "truncate", children: Ut })
@@ -2232,14 +2231,14 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
-            onClick: M,
+            className: oe,
+            onClick: $,
             type: "button",
             "aria-label": y ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Be,
               {
-                className: C("size-6", {
+                className: k("size-6", {
                   "text-yellow-600": y,
                   "text-black/90": !y
                 }),
@@ -2248,8 +2247,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
-          Pt,
+        w && (c !== void 0 ? c : /* @__PURE__ */ n(
+          Ot,
           {
             channel: p,
             participant: v,
@@ -2262,13 +2261,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: le
+            triggerClassName: oe
           }
         ))
       ] })
     ] })
   ] });
-}, Za = ({
+}, er = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2283,65 +2282,65 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: b,
-  showStarButton: w = !1,
+  composerDisabledReason: w,
+  showStarButton: b = !1,
   chatbotVotingEnabled: p = !1,
   renderChannelBanner: v,
-  customChannelActions: _,
-  renderChannelActions: R,
+  renderHeaderTitleBadges: _,
+  customChannelActions: L,
+  renderChannelActions: T,
   renderMessage: y,
   dmAgentEnabled: M = !1,
-  viewerLanguage: D,
-  showChannelInfo: $ = !0,
-  onParticipantNameClick: L
+  viewerLanguage: $,
+  showChannelInfo: P = !0
 }) => {
-  var O, B, H, V, Y, q;
-  const { channel: N } = de(), I = U.useMemo(() => {
-    var P, W;
-    const x = (P = N._client) == null ? void 0 : P.userID;
-    return x ? Object.values(((W = N.state) == null ? void 0 : W.members) || {}).find(
+  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 G;
-        return ((G = K.user) == null ? void 0 : G.id) && K.user.id !== x;
+        var V;
+        return ((V = K.user) == null ? void 0 : V.id) && K.user.id !== x;
       }
     ) : void 0;
-  }, [(O = N._client) == null ? void 0 : O.userID, (B = N.state) == null ? void 0 : B.members]), S = U.useMemo(() => {
-    var P, W;
-    const x = (P = N._client) == null ? void 0 : P.userID;
-    return x ? Object.values(((W = N.state) == null ? void 0 : W.members) || {}).find((K) => {
-      var G;
-      return ((G = K.user) == null ? void 0 : G.id) === x;
+  }, [(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;
     }) : void 0;
-  }, [(H = N._client) == null ? void 0 : H.userID, (V = N.state) == null ? void 0 : V.members]), F = ((Y = S == null ? void 0 : S.user) == null ? void 0 : Y.is_account) ?? (S == null ? void 0 : S.is_account), T = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), E = M && F === !1 && T === !0, A = J(
+  }, [(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: k } = xe("ChannelView"), P = /* @__PURE__ */ n(
-        Sa,
+      const { message: C } = xe("ChannelView"), B = /* @__PURE__ */ n(
+        Ta,
         {
           ...x,
           chatbotVotingEnabled: p,
-          viewerLanguage: D
+          viewerLanguage: $
         }
       );
-      return !y || !k ? P : y(P, k);
+      return !y || !C ? B : y(B, C);
     },
-    [p, y, D]
+    [p, y, $]
   );
-  return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(ne, { children: /* @__PURE__ */ n(
     ls,
     {
       overrides: {
-        Message: A,
-        MessageActions: Aa
+        Message: E,
+        MessageActions: Ra
       },
       children: /* @__PURE__ */ h(cs, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          Ja,
+          Qa,
           {
             onBack: e,
             showBackButton: t,
-            showChannelInfo: $,
-            showStarButton: w,
-            dmAgentEnabled: E,
+            showChannelInfo: P,
+            showStarButton: b,
+            dmAgentEnabled: I,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2350,9 +2349,9 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onDeleteConversationClick: d,
             onBlockParticipantClick: m,
             onReportParticipantClick: g,
-            customChannelActions: _,
-            renderChannelActions: R,
-            onParticipantNameClick: L
+            customChannelActions: L,
+            renderChannelActions: T,
+            renderHeaderTitleBadges: _
           }
         ) }, "lt-channel-header"),
         v ? /* @__PURE__ */ n(U.Fragment, { children: v() }, "lt-channel-banner") : null,
@@ -2364,16 +2363,16 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(U.Fragment, { children: r(N) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(U.Fragment, { children: r(D) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          Pa,
+          $a,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(N)
+              renderActions: () => s == null ? void 0 : s(D)
             },
-            renderFooter: () => a == null ? void 0 : a(N),
+            renderFooter: () => a == null ? void 0 : a(D),
             disabled: c,
-            disabledReason: b
+            disabledReason: w
           },
           "lt-channel-message-input"
         )
@@ -2391,67 +2390,67 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Xa,
+    CustomChannelEmptyState: m = Ja,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: b = !0,
-    showReportParticipant: w = !0,
+    showBlockParticipant: w = !0,
+    showReportParticipant: b = !0,
     composerDisabled: p = !1,
     composerDisabledReason: v,
     dmAgentEnabled: _,
-    messageMetadata: R,
-    onMessageSent: y,
-    showStarButton: M = !1,
-    chatbotVotingEnabled: D = !1,
+    messageMetadata: L,
+    onMessageSent: T,
+    showStarButton: y = !1,
+    chatbotVotingEnabled: M = !1,
     renderChannelBanner: $,
-    customChannelActions: L,
-    renderChannelActions: N,
-    renderMessage: I,
-    onMessageLinkClick: S,
-    sendButton: F,
-    attachmentPreviewList: T,
+    renderHeaderTitleBadges: P,
+    customChannelActions: D,
+    renderChannelActions: R,
+    renderMessage: N,
+    onMessageLinkClick: A,
+    sendButton: S,
+    attachmentPreviewList: I,
     viewerLanguage: E,
-    showChannelInfo: A = !0,
-    onParticipantNameClick: O
+    showChannelInfo: O = !0
   }) => {
-    const B = J(
-      async (V, Y, q) => {
-        var G;
-        const x = ((G = e.data) == null ? void 0 : G.chatbot_paused) === !0, k = _ && !x, P = {
+    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,
-          ...k && { silent: !0 },
-          ...R && {
+          ...C && { silent: !0 },
+          ...L && {
             metadata: {
               ...Y.metadata ?? {},
-              ...R
+              ...L
             }
           }
-        }, W = {
-          ...q,
-          ...k && { skip_push: !0 }
-        }, K = await e.sendMessage(P, W);
-        return y == null || y(K), K;
+        }, q = {
+          ...W,
+          ...C && { skip_push: !0 }
+        }, K = await e.sendMessage(B, q);
+        return T == null || T(K), K;
       },
-      [e, _, R, y]
-    ), H = j(null);
+      [e, _, L, T]
+    ), j = G(null);
     return X(() => {
-      if (!S) return;
-      const V = H.current;
-      if (!V) return;
-      const Y = (q) => {
-        const x = q.target, k = x == null ? void 0 : x.closest("a[href]"), P = k == null ? void 0 : k.getAttribute("href");
-        if (!P) return;
-        const W = k == null ? void 0 : k.closest("[data-message-id]"), K = W == null ? void 0 : W.getAttribute("data-message-id"), G = K ? e.state.messages.find((ee) => ee.id === K) : void 0;
-        S(P, G);
+      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);
       };
-      return V.addEventListener("click", Y), () => V.removeEventListener("click", Y);
-    }, [S, e]), /* @__PURE__ */ n(
+      return H.addEventListener("click", Y), () => H.removeEventListener("click", Y);
+    }, [A, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: H,
-        className: C(
+        ref: j,
+        className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
@@ -2459,16 +2458,16 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           os,
           {
             channel: e,
-            MessageSystem: Ha,
+            MessageSystem: qa,
             EmptyStateIndicator: m,
             LoadingIndicator: Se,
-            DateSeparator: Vs,
-            TypingIndicator: qa,
-            doSendMessageRequest: B,
-            ...F ? { SendButton: F } : {},
-            ...T ? { AttachmentPreviewList: T } : {},
+            DateSeparator: Hs,
+            TypingIndicator: Xa,
+            doSendMessageRequest: F,
+            ...S ? { SendButton: S } : {},
+            ...I ? { AttachmentPreviewList: I } : {},
             children: /* @__PURE__ */ n(
-              Za,
+              er,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2482,20 +2481,20 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: b,
-                showReportParticipant: w,
+                showBlockParticipant: w,
+                showReportParticipant: b,
                 composerDisabled: p,
                 composerDisabledReason: v,
-                showStarButton: M,
+                showStarButton: y,
                 dmAgentEnabled: _,
-                chatbotVotingEnabled: D,
+                chatbotVotingEnabled: M,
                 renderChannelBanner: $,
-                customChannelActions: L,
-                renderChannelActions: N,
-                renderMessage: I,
+                renderHeaderTitleBadges: P,
+                customChannelActions: D,
+                renderChannelActions: R,
+                renderMessage: N,
                 viewerLanguage: E,
-                showChannelInfo: A,
-                onParticipantNameClick: O
+                showChannelInfo: O
               }
             )
           }
@@ -2520,7 +2519,7 @@ const be = U.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 be.displayName = "ErrorState";
-const ki = ({
+const Si = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2535,131 +2534,133 @@ const ki = ({
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
+  renderHeaderTitleBadges: w,
   renderChannelBanner: b,
-  customChannelActions: w,
-  renderChannelActions: p,
-  renderMessage: v,
-  onMessageLinkClick: _,
-  showChannelInfo: R
+  customChannelActions: p,
+  renderChannelActions: v,
+  renderMessage: _,
+  onMessageLinkClick: L,
+  showChannelInfo: T
 }) => {
   const {
     client: y,
     isConnected: M,
-    isLoading: D,
-    error: $,
-    refreshConnection: L,
-    service: N,
-    debug: I
-  } = Ps(), [S, F] = z(null), [T, E] = z(null), [A, O] = z(!1), { showDeleteConversation: B = !0 } = e, H = j(o);
+    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 V = j(a);
-  V.current = a;
-  const Y = j(null), q = j(null);
+  const Y = G(a);
+  Y.current = a;
+  const W = G(null), x = G(null);
   X(() => {
-    q.current = S;
-  }, [S]), X(() => {
+    x.current = A;
+  }, [A]), X(() => {
     if (!y || !M) return;
-    const P = y.userID;
-    if (!P) return;
-    const W = `${P}::${i}`;
-    if (Y.current === W) return;
-    Y.current = W;
-    const K = () => {
-      Y.current === W && (Y.current = null);
+    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);
     };
     (async () => {
-      var ee, ue;
+      var de, ue;
       try {
-        I && console.log(
+        N && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const Z = await y.queryChannels(
+        const Q = await y.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [P, i] }
+            members: { $eq: [q, i] }
           },
           {},
           { limit: 1 }
         );
-        if (Z.length > 0) {
-          F(Z[0]), E(null), (ee = V.current) == null || ee.call(V, Z[0]), I && console.log(
+        if (Q.length > 0) {
+          S(Q[0]), E(null), (de = Y.current) == null || de.call(Y, Q[0]), N && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            Z[0].id
+            Q[0].id
           );
           return;
         }
-        const re = H.current;
-        if (!re || !N) {
-          K(), E("No conversation found with this account"), I && console.log(
+        const ae = H.current;
+        if (!ae || !R) {
+          V(), E("No conversation found with this account"), N && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const te = await N.startChannelWithParticipant({
-            id: re.id,
-            name: re.name,
-            phone: re.phone
+          const Z = await R.startChannelWithParticipant({
+            id: ae.id,
+            name: ae.name,
+            phone: ae.phone
           });
-          F(te), E(null), (ue = V.current) == null || ue.call(V, te), I && console.log(
+          S(Z), E(null), (ue = Y.current) == null || ue.call(Y, Z), N && console.log(
             "[MessagingShell] Channel created and loaded:",
-            te.id
+            Z.id
           );
-        } catch (te) {
+        } catch (Z) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            te
-          ), K(), E("Failed to create conversation");
+            Z
+          ), V(), E("Failed to create conversation");
         }
-      } catch (Z) {
+      } catch (Q) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          Z
-        ), K(), q.current || E("Failed to load conversation");
+          Q
+        ), V(), x.current || E("Failed to load conversation");
       }
     })();
-  }, [i, y, M, N, I]);
-  const x = j(r);
-  x.current = r;
-  const k = J(() => {
-    var P;
-    F(null), O(!0), (P = x.current) == null || P.call(x);
+  }, [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);
   }, []);
-  return D ? /* @__PURE__ */ n(Se, {}) : $ ? /* @__PURE__ */ n(be, { message: $, onBack: L }) : !M || !y ? /* @__PURE__ */ n(
+  return $ ? /* @__PURE__ */ n(Se, {}) : P ? /* @__PURE__ */ n(be, { message: P, onBack: D }) : !M || !y ? /* @__PURE__ */ n(
     be,
     {
       message: "Not connected to messaging service",
-      onBack: L
+      onBack: D
     }
-  ) : T ? /* @__PURE__ */ n(be, { message: T }) : A && !S ? /* @__PURE__ */ n(be, { message: "Conversation ended" }) : S ? /* @__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(
+  ) : 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(
     un,
     {
-      channel: S,
+      channel: A,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: b,
-      onLeaveConversation: k,
-      onBlockParticipant: k,
+      onLeaveConversation: B,
+      onBlockParticipant: B,
       CustomChannelEmptyState: l,
-      showDeleteConversation: B,
+      showDeleteConversation: j,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: g,
       onMessageSent: u,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      customChannelActions: w,
-      renderChannelActions: p,
-      renderMessage: v,
-      onMessageLinkClick: _,
-      showChannelInfo: R
+      renderHeaderTitleBadges: w,
+      customChannelActions: p,
+      renderChannelActions: v,
+      renderMessage: _,
+      onMessageLinkClick: L,
+      showChannelInfo: T
     },
-    S.id
+    A.id
   ) }) }) : /* @__PURE__ */ n(Se, {});
 };
-function Qa(e) {
+function tr(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
@@ -2672,18 +2673,18 @@ const mn = U.createContext({
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), er = mn.Provider, tr = () => U.useContext(mn), nr = (e, t) => {
+}), nr = mn.Provider, sr = () => U.useContext(mn), ar = (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));
-}, sr = (e) => {
+}, rr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = nr(e, t);
+  const a = ar(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2695,49 +2696,49 @@ const mn = U.createContext({
   });
 }, hn = U.memo(
   ({ channel: e, unread: t }) => {
-    var D, $, L;
+    var $, P, D, R;
     const {
       selectedChannel: s,
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: o
-    } = tr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = sr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, m = (N) => {
-      const I = N.key === "Enter" || N.key === " ", S = N.repeat;
-      !I || S || (N.preventDefault(), d());
-    }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
+      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 I, S;
-        return ((I = N.user) == null ? void 0 : I.id) && N.user.id !== ((S = e == null ? void 0 : e._client) == null ? void 0 : S.userID);
+        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);
       }
-    ), f = Xt(u == null ? void 0 : u.user), c = ($ = u == null ? void 0 : u.user) == null ? void 0 : $.image, b = (() => {
-      var I;
-      const N = (I = e == null ? void 0 : e.state) == null ? void 0 : I.messages;
+    ), 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];
       }
-    })(), p = (() => {
-      var E, A, O, B;
+    })(), v = (() => {
+      var O, F, j, H;
       const N = Kt({
         message: b,
         viewerLanguage: o
       });
-      if (((E = b == null ? void 0 : b.metadata) == null ? void 0 : E.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
-      if (((A = b == null ? void 0 : b.metadata) == null ? void 0 : A.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
-      if (((O = b == null ? void 0 : b.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
+      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 T = (B = b == null ? void 0 : b.attachments) == null ? void 0 : B[0];
-      return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), v = b != null && b.created_at ? sr(new Date(b.created_at)) : "", _ = b ? Ee(b) : !1, R = i ? i(b, p) : `${_ ? "✨ " : ""}${p}`, y = Wt(e), M = t ?? 0;
+      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;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
       participantName: f,
       unreadCount: M,
-      hasTimestamp: !!v
+      hasTimestamp: !!_
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2745,7 +2746,7 @@ const mn = U.createContext({
         tabIndex: 0,
         onClick: d,
         onKeyDown: m,
-        className: C(
+        className: k(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": l,
@@ -2754,9 +2755,9 @@ const mn = U.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            ie,
+            re,
             {
-              id: ((L = u == null ? void 0 : u.user) == null ? void 0 : L.id) || e.id || "unknown",
+              id: ((R = u == null ? void 0 : u.user) == null ? void 0 : R.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 48,
@@ -2765,22 +2766,15 @@ const mn = U.createContext({
           ),
           /* @__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: C(
-                    "text-sm font-medium truncate text-[#191918]"
-                  ),
-                  children: [
-                    y && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
-                    f
-                  ]
-                }
-              ),
-              v && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: v })
+              /* @__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("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: R }),
+              /* @__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 })
             ] })
           ] })
@@ -2790,14 +2784,14 @@ const mn = U.createContext({
   }
 );
 hn.displayName = "CustomChannelPreview";
-const ar = { last_message_at: -1 }, rr = U.memo(
+const ir = { last_message_at: -1 }, or = U.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = ar,
+    sort: i = ir,
     className: o,
     customEmptyStateIndicator: l,
     renderMessagePreview: d,
@@ -2806,10 +2800,10 @@ const ar = { last_message_at: -1 }, rr = U.memo(
     const g = U.useRef(0);
     g.current++;
     const { debug: u = !1 } = Xe(), f = U.useCallback(
-      (b) => {
-        for (const w of b)
-          Qa(w);
-        return r ? r(b) : b;
+      (w) => {
+        for (const b of w)
+          tr(b);
+        return r ? r(w) : w;
       },
       [r]
     );
@@ -2837,11 +2831,11 @@ const ar = { last_message_at: -1 }, rr = U.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: C(
+        className: k(
           "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(er, { value: c, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(nr, { value: c, children: /* @__PURE__ */ n(
           us,
           {
             filters: s,
@@ -2859,26 +2853,26 @@ const ar = { last_message_at: -1 }, rr = U.memo(
     );
   }
 );
-rr.displayName = "ChannelList";
-const ir = /^([a-z][a-z0-9+.-]*):/i, or = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+or.displayName = "ChannelList";
+const lr = /^([a-z][a-z0-9+.-]*):/i, cr = /* @__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 = ir.exec(t);
+  const s = lr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return or.has(a) ? t : void 0;
+    return cr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const lr = {
+const dr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, cr = ({ variant: e, cta: t }) => {
-  const s = C(
+}, ur = ({ variant: e, cta: t }) => {
+  const s = k(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    lr[e]
+    dr[e]
   ), a = tt(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -2905,10 +2899,10 @@ const lr = {
       children: t.label
     }
   );
-}, dr = {
+}, mr = {
   dark: "text-white",
   light: "text-black/90"
-}, ur = "text-white/30", mr = {
+}, hr = "text-white/30", fr = {
   dark: "text-white/55",
   light: "text-black/55"
 }, nt = ({
@@ -2921,14 +2915,14 @@ const lr = {
   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 !== "", b = o != null;
-  if (!g && !u && !c && !b) return null;
-  const p = C(
+  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(
     "truncate text-base font-medium leading-6",
-    d && !t ? ur : dr[e]
-  ), v = C(
+    d && !t ? hr : mr[e]
+  ), v = k(
     "truncate text-xs leading-4",
-    mr[e]
+    fr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2936,17 +2930,17 @@ const lr = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: C("min-w-0", p), children: m })
+            /* @__PURE__ */ n("p", { className: k("min-w-0", p), children: m })
           ] }),
           u && /* @__PURE__ */ n("p", { className: v, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: v, children: f })
+        !w && c && /* @__PURE__ */ n("p", { className: v, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(cr, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(ur, { variant: e, cta: o })
   ] });
-}, hr = C(
+}, gr = k(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2964,8 +2958,8 @@ const lr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, g = C(
-    hr,
+  const m = s != null || a != null, g = k(
+    gr,
     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
@@ -2995,7 +2989,7 @@ const lr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: C(g, "text-left"),
+      className: k(g, "text-left"),
       children: [
         t,
         u
@@ -3013,15 +3007,15 @@ const lr = {
       ]
     }
   );
-}, fr = {
+}, br = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, gr = {
+}, pr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Re = (e, t) => !!t && !!e && ae(e) === "audio", fn = (e, t) => {
+}, Re = (e, t) => !!t && !!e && se(e) === "audio", fn = (e, t) => {
   if (!t || !e) return !1;
-  const s = ae(e);
+  const s = se(e);
   return s === "video" || s === "audio";
 }, st = "bg-[#F2F3F4]", Te = ({
   variant: e,
@@ -3032,7 +3026,7 @@ const lr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = ae(r), d = !!s && l === "video";
+  const l = se(r), d = !!s && l === "video";
   return Re(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3045,7 +3039,7 @@ const lr = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: C(
+      className: k(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3072,12 +3066,12 @@ const lr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: C(
+            className: k(
               "flex h-full w-full items-center justify-center",
-              fr[e]
+              br[e]
             ),
-            children: ce(r, {
-              className: gr[e],
+            children: le(r, {
+              className: pr[e],
               weight: "regular"
             })
           }
@@ -3087,7 +3081,7 @@ const lr = {
       ]
     }
   );
-}, br = ({
+}, vr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3101,7 +3095,7 @@ const lr = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = l === "classic", c = Re(r, o), b = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Re(r, o), w = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3110,14 +3104,14 @@ const lr = {
       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, w = u ? /* @__PURE__ */ n(
+  ) : void 0, b = 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(Ls, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ds, { 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: [
@@ -3130,12 +3124,12 @@ const lr = {
         mimeType: r
       }
     ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
+    w && /* @__PURE__ */ n("div", { className: "shrink-0", children: w })
   ] }) }) : /* @__PURE__ */ h(
     Ie,
     {
       variant: "dark",
-      topRight: f ? b : void 0,
+      topRight: f ? w : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           Te,
@@ -3145,7 +3139,7 @@ const lr = {
             sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: w
           }
         ),
         /* @__PURE__ */ n(
@@ -3158,13 +3152,13 @@ const lr = {
             url: a,
             appIcon: d,
             cta: m,
-            trailingAction: w
+            trailingAction: b
           }
         )
       ]
     }
   );
-}, pr = ({
+}, xr = ({
   title: e,
   description: t,
   url: s,
@@ -3176,7 +3170,7 @@ const lr = {
   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, b = Re(a, i) ? st : void 0, w = 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, w = Re(a, i) ? st : void 0, b = d && m ? {
     ...d,
     onClick: () => {
       var p;
@@ -3190,7 +3184,7 @@ const lr = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: w,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -3211,13 +3205,13 @@ const lr = {
             description: t,
             url: s,
             appIcon: l,
-            cta: w
+            cta: b
           }
         )
       ]
     }
   );
-}, vr = ({
+}, wr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3230,13 +3224,13 @@ const lr = {
   cta: m,
   onClick: g
 }) => {
-  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;
+  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;
   return /* @__PURE__ */ h(
     Ie,
     {
       variant: "dark",
       href: c,
-      onClick: b,
+      onClick: w,
       bgClassName: Re(r, o) ? st : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
@@ -3264,20 +3258,20 @@ const lr = {
       ]
     }
   );
-}, Ei = {
-  Composer: br,
-  Sent: vr,
-  Received: pr
-}, xr = {
+}, Ii = {
+  Composer: vr,
+  Sent: wr,
+  Received: xr
+}, _r = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, wr = {
+}, Nr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, _r = {
+}, yr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Nr = (e) => e === "dark" ? "sender" : "receiver", yr = {
+}, Cr = (e) => e === "dark" ? "sender" : "receiver", kr = {
   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]",
@@ -3299,13 +3293,13 @@ const lr = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = yr[Nr(e)][a];
+  const l = t != null && t !== "", d = kr[Cr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: C(
+      className: k(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -3314,10 +3308,10 @@ const lr = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        xr[e],
-        wr[e],
+        _r[e],
+        Nr[e],
         s && "border",
-        s && _r[e],
+        s && yr[e],
         r
       ),
       children: [
@@ -3325,7 +3319,7 @@ const lr = {
         l ? /* @__PURE__ */ n(
           "p",
           {
-            className: C(
+            className: k(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3354,22 +3348,22 @@ const lr = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: C(
+    className: k(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
     children: /* @__PURE__ */ n(Me, { className: "size-3", weight: "bold" })
   }
-), Ne = (e) => e === "received" ? "light" : "dark", Si = ({
+), Ne = (e) => e === "received" ? "light" : "dark", Ti = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Cr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Er = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => 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: [
+}) => 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: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3392,7 +3386,7 @@ const lr = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = Ne(e), g = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
+  const m = Ne(e), g = e === "composer" && !!d, u = Er({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
@@ -3403,30 +3397,30 @@ const lr = {
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
-        kr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, w) => /* @__PURE__ */ n(
+        Sr,
         {
           item: c,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(_e, { onClick: d, variant: "inline" }) : void 0
+            g && w === 0 ? /* @__PURE__ */ n(_e, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${b}`
+        `${c.src}-${w}`
       )) })
     }
   );
-}, 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
+}, 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
 };
-function Ar(e) {
+function Rr(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 Mr = {
+const Lr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3436,7 +3430,7 @@ const Mr = {
   text: "TXT",
   markdown: "MD"
 };
-function Rr(e, t) {
+function Dr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3445,8 +3439,8 @@ function Rr(e, t) {
     }
   }
   if (!e) return;
-  if (ae(e) === "document") {
-    const r = Qt(e), i = Mr[r];
+  if (se(e) === "document") {
+    const r = Qt(e), i = Lr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3454,11 +3448,11 @@ function Rr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Lr(e, t, s) {
-  const a = Rr(e, t), r = typeof s == "number" && s > 0 ? Ar(s) : void 0;
+function Pr(e, t, s) {
+  const a = Dr(e, t), r = typeof s == "number" && s > 0 ? Rr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function Q(e) {
+function ee(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3466,13 +3460,13 @@ function Q(e) {
     return "download";
   }
 }
-const Dr = {
+const Or = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Or = {
+}, zr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Pr = {
+}, $r = {
   dark: "text-white/85",
   light: "text-black/85"
 }, gn = ({
@@ -3485,16 +3479,16 @@ const Dr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Lr(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Pr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Or[e]
+        zr[e]
       ),
       "aria-hidden": !0,
-      children: ce(a, {
-        className: C("size-6", Pr[e]),
+      children: le(a, {
+        className: k("size-6", $r[e]),
         weight: "regular"
       })
     }
@@ -3503,9 +3497,9 @@ const Dr = {
     m ? /* @__PURE__ */ n(
       "p",
       {
-        className: C(
+        className: k(
           "truncate text-xs leading-4",
-          Dr[e]
+          Or[e]
         ),
         children: m
       }
@@ -3516,7 +3510,7 @@ const Dr = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: C(
+      className: k(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
@@ -3525,7 +3519,7 @@ const Dr = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(se, { children: [
+  ) : /* @__PURE__ */ h(ne, { children: [
     g,
     u
   ] });
@@ -3535,7 +3529,7 @@ const Dr = {
   ] });
 };
 async function bn(e, t) {
-  const s = t ?? Q(e);
+  const s = t ?? ee(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3548,21 +3542,21 @@ async function bn(e, t) {
     }
   }
 }
-const zr = ({
+const Fr = ({
   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 }] : [], $r = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Br = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Q(t.src);
+  const i = t.filename ?? ee(t.src);
   return /* @__PURE__ */ n(
     gn,
     {
@@ -3589,26 +3583,26 @@ const zr = ({
   onClick: m,
   onDismiss: g
 }) => {
-  const u = Ne(e), f = e === "composer" && !!g, c = zr({
+  const u = Ne(e), f = e === "composer" && !!g, c = Fr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: o
-  }), b = (p) => {
+  }), w = (p) => {
     if ((m == null ? void 0 : m(p)) === !1) return;
     const v = c[p];
     if (!v) return;
-    const _ = v.filename ?? Q(v.src);
+    const _ = v.filename ?? ee(v.src);
     bn(v.src, _);
   };
   if (c.length === 0)
     return null;
-  const w = /* @__PURE__ */ n(
+  const b = /* @__PURE__ */ n(
     "span",
     {
-      className: C(
+      className: k(
         "flex size-8 items-center justify-center rounded-full",
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -3624,28 +3618,28 @@ const zr = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((p, v) => /* @__PURE__ */ n(
-        $r,
+        Br,
         {
           variant: u,
           item: p,
           index: v,
-          onActivate: b,
-          trailingAction: f && v === 0 ? /* @__PURE__ */ n(_e, { onClick: g, variant: "inline" }) : w
+          onActivate: w,
+          trailingAction: f && v === 0 ? /* @__PURE__ */ n(_e, { onClick: g, variant: "inline" }) : b
         },
         `${p.src}-${v}`
       )) })
     }
   );
-}, 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
+}, 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
 }, it = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(se, { children: [
+}) => /* @__PURE__ */ h(ne, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3653,7 +3647,7 @@ const zr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ds, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ps, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3663,7 +3657,7 @@ const zr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(Ve, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Os, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), pn = ({
@@ -3683,7 +3677,7 @@ const zr = ({
       }));
     },
     [l, e, t, o]
-  ), g = r ?? s !== "pill", f = { className: C(
+  ), g = r ?? s !== "pill", f = { className: k(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3694,7 +3688,7 @@ const zr = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: C(
+      className: k(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -3734,7 +3728,7 @@ const zr = ({
       onClick: m,
       disabled: l,
       "aria-label": g ? a : void 0,
-      className: C(
+      className: k(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
@@ -3785,7 +3779,7 @@ const zr = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = j(null), d = j(null);
+  const l = G(null), d = G(null);
   return X(() => {
     var f;
     const u = l.current;
@@ -3876,8 +3870,8 @@ const zr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ne(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "image"),
+  }), l = t[r], d = te(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ee(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -3922,7 +3916,7 @@ const zr = ({
       ]
     }
   ) : null;
-}, 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 = ({
+}, 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 = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3931,14 +3925,14 @@ const zr = ({
   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 = C(Vr, "h-full w-full");
+    const u = k(Hr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: C(u, "cursor-zoom-in"),
+        className: k(u, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -3950,10 +3944,10 @@ const zr = ({
       g
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: k(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -3962,7 +3956,7 @@ const zr = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: C(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -3975,7 +3969,7 @@ const zr = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4000,7 +3994,7 @@ const zr = ({
     [e]
   ), o = J(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, Gr = (e, t, s, a) => ({
+}, Yr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4015,7 +4009,7 @@ const zr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Hr = ({
+}), qr = ({
   src: e,
   alt: t,
   items: s
@@ -4023,7 +4017,7 @@ const zr = ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Yr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Wr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = ye(
     r
   );
@@ -4070,13 +4064,13 @@ const zr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Hr({ src: t, alt: s, items: r }), g = Ne(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = ye(
+  const m = qr({ src: t, alt: s, items: r }), g = Ne(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: w } = ye(
     d
   );
   if (m.length === 0)
     return null;
-  const w = m.map(
-    (p, v) => Gr(p, v, m.length, l)
+  const b = m.map(
+    (p, v) => Yr(p, v, m.length, l)
   );
   return /* @__PURE__ */ h(
     we,
@@ -4086,24 +4080,24 @@ const zr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(xn, { tiles: w, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(xn, { tiles: b, onTileActivate: c }) }),
         /* @__PURE__ */ n(
           vn,
           {
             open: u,
             items: wn(m, a),
             initialIndex: f,
-            onClose: b
+            onClose: w
           }
         )
       ]
     }
   );
-}, 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 = ({
+}, 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 = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4113,11 +4107,11 @@ const zr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ne(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "document"),
+  }), l = t[r], d = te(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ee(l.src) : "document"),
     [l]
-  ), m = ne(
-    () => l ? Zr(l.src) : void 0,
+  ), m = te(
+    () => l ? ei(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
@@ -4151,23 +4145,23 @@ const zr = ({
       ]
     }
   );
-}, Zr = (e) => {
+}, ei = (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()}`;
-}, Qr = ({
+}, ti = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ei = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ni = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Q(t.src);
+  const i = t.filename ?? ee(t.src);
   return /* @__PURE__ */ n(
     gn,
     {
@@ -4193,14 +4187,14 @@ const zr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = Ne(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: w } = ye(
+  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(
     d
   ), p = e === "composer" && !!m;
   if (u.length === 0)
     return null;
   const v = u.map((_) => ({
     src: _.src,
-    filename: _.filename ?? Q(_.src)
+    filename: _.filename ?? ee(_.src)
   }));
   return /* @__PURE__ */ h(
     we,
@@ -4210,45 +4204,45 @@ const zr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((_, R) => {
-          const y = _.filename ?? Q(_.src), M = p && R === 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((_, L) => {
+          const T = _.filename ?? ee(_.src), y = p && L === 0 ? /* @__PURE__ */ n(_e, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             pn,
             {
               url: _.src,
-              filename: y,
+              filename: T,
               variant: "inline",
-              label: `Download ${y}`,
+              label: `Download ${T}`,
               tone: g
             }
           );
           return /* @__PURE__ */ n(
-            ei,
+            ni,
             {
               variant: g,
               item: _,
-              index: R,
-              onActivate: b,
-              trailingAction: M
+              index: L,
+              onActivate: w,
+              trailingAction: y
             },
-            `${_.src}-${R}`
+            `${_.src}-${L}`
           );
         }) }),
         /* @__PURE__ */ n(
-          Jr,
+          Qr,
           {
             open: f,
             items: v,
             initialIndex: c,
-            onClose: w
+            onClose: b
           }
         )
       ]
     }
   );
-}, 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
+}, 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
 }, Nn = ({
   open: e,
   items: t,
@@ -4259,8 +4253,8 @@ const zr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ne(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "video"),
+  }), l = t[r], d = te(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ee(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -4299,7 +4293,7 @@ const zr = ({
       ]
     }
   ) : null;
-}, ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Ue, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), yn = ({
+}, 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 = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4321,11 +4315,11 @@ const zr = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ri, {})
-] }), ii = (e, t, s) => ({
+  /* @__PURE__ */ n(oi, {})
+] }), li = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(yn, { item: e, index: t })
-}), oi = ({
+}), ci = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -4337,7 +4331,7 @@ const zr = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), li = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), di = ({ 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
   );
@@ -4378,13 +4372,13 @@ const zr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ne(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: w } = ye(
+  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(
     m
   );
   if (g.length === 0)
     return null;
   const p = g.map(
-    (v, _) => ii(v, _, g.length)
+    (v, _) => li(v, _, g.length)
   );
   return /* @__PURE__ */ h(
     we,
@@ -4398,7 +4392,7 @@ const zr = ({
           xn,
           {
             tiles: p,
-            onTileActivate: b,
+            onTileActivate: w,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4408,23 +4402,23 @@ const zr = ({
             open: f,
             items: Cn(g, r),
             initialIndex: c,
-            onClose: w
+            onClose: b
           }
         )
       ]
     }
   );
-}, 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 = ({
+}, 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 = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4436,7 +4430,7 @@ const zr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: C(
+    className: k(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4446,7 +4440,7 @@ const zr = ({
     ),
     children: e
   }
-), Ti = ({
+), Mi = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4458,7 +4452,7 @@ const zr = ({
   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(
-      ie,
+      re,
       {
         id: o || "account",
         name: o || "Account",
@@ -4475,7 +4469,7 @@ const zr = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            hi,
+            gi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4490,37 +4484,38 @@ const zr = ({
 };
 export {
   en as A,
-  Hs as B,
-  Xa as C,
-  Ps as D,
-  Ti as F,
-  Ei as L,
-  yi as M,
+  qs as B,
+  Ja as C,
+  $s as D,
+  Mi as F,
+  Ii as L,
+  ki as M,
+  He as V,
   ge as a,
-  ie as b,
-  rr as c,
+  re as b,
+  or as c,
   un as d,
-  Ci as e,
-  hi as f,
-  ae as g,
+  Ei as e,
+  gi as f,
+  se as g,
   zt as h,
-  Ii as i,
-  Ca as j,
-  Ni as k,
-  ki as l,
-  Lr as m,
-  Ar as n,
-  sr as o,
-  Rr as p,
+  Ai as i,
+  Ea as j,
+  Ci as k,
+  Si as l,
+  Pr as m,
+  Rr as n,
+  rr as o,
+  Dr as p,
   Kt as q,
-  ce as r,
+  le as r,
   sn as s,
-  $s as t,
-  Si as u,
-  Ys as v,
+  Bs as t,
+  Ti as u,
+  Ws as v,
   Qe as w,
   et as x,
   Xt as y,
-  va as z
+  wa as z
 };
-//# sourceMappingURL=index-DKq7HA0h.js.map
+//# sourceMappingURL=index-DG5LOHey.js.map