@linktr.ee/messaging-react 3.0.0 → 3.1.0-rc-1780514752

package/dist/{index-BUT2yBvJ.js → index-BmCc1-F3.js}

@@ -1,12 +1,12 @@
-import { jsx as n, jsxs as h, Fragment as ne } from "react/jsx-runtime";
-import $, { createContext as Ve, useContext as Ue, useCallback as Y, useState as z, useRef as q, useEffect as W, useMemo as J, Suspense as Ge } from "react";
+import { jsx as n, jsxs as h, Fragment as re } from "react/jsx-runtime";
+import O, { createContext as Ge, useContext as He, useCallback as H, useState as z, useRef as K, useEffect as J, useMemo as te, Suspense as Ye } from "react";
 import { StreamChatService as En } from "@linktr.ee/messaging-core";
-import { Chat as In, DateSeparator as Sn, useChannelStateContext as se, useChatContext as He, areMessageUIPropsEqual as Tn, useMessageReminder as An, useComponentContext as Ut, Attachment as Mn, EditMessageModal as Dn, MessageBlocked as Rn, MessageBouncePrompt as Ln, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as On, ReminderNotification as Fn, StreamedMessageText as $n, messageHasAttachments as Bn, messageHasReactions as jn, isDateSeparatorMessage as Vn, isMessageBlocked as Un, isMessageBounced as Gn, MessageBounceModal as Hn, MessageText as Mt, Poll as Yn, MessageErrorIcon as qn, useMessageContext as he, useMessageComposer as Wn, useStateStore as Xn, MessageInput as Kn, useMessageInputContext as Jn, useMessageComposerHasSendableData as Zn, AttachmentPreviewList as Qn, QuotedMessagePreview as es, TextareaComposer as ts, MessageTimestamp as Te, AIStates as Ae, useTypingContext as ns, useAIState as ss, Channel as as, WithComponents as rs, Window as is, MessageList as os, ChannelList as ls } from "stream-chat-react";
-import { StarIcon as ze, XIcon as fe, SpinnerGapIcon as Me, SignOutIcon as cs, ProhibitInsetIcon as Dt, FlagIcon as Gt, FileIcon as Ht, ImageIcon as ds, SpeakerHighIcon as us, VideoCameraIcon as Yt, FileMdIcon as ms, FileTextIcon as hs, FileZipIcon as fs, FilePptIcon as gs, FileCsvIcon as bs, FileXlsIcon as ps, FileDocIcon as vs, FilePdfIcon as xs, CircleNotchIcon as ue, PlayIcon as Oe, PauseIcon as ws, LinkIcon as Ns, DownloadSimpleIcon as me, GiftIcon as _s, ThumbsUpIcon as ys, ThumbsDownIcon as Cs, TrashSimpleIcon as ks, ArrowUpIcon as Es, SparkleIcon as Fe, ProhibitIcon as Is, ArrowLeftIcon as Rt, CaretRightIcon as $e, DotsThreeIcon as Lt, PencilSimpleIcon as Ss, CaretLeftIcon as Ts } from "@phosphor-icons/react";
-import _ from "classnames";
+import { Chat as In, DateSeparator as Sn, useChannelStateContext as de, useChatContext as qe, areMessageUIPropsEqual as Tn, useMessageReminder as An, useComponentContext as Ut, Attachment as Mn, EditMessageModal as Dn, MessageBlocked as Rn, MessageBouncePrompt as Ln, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as On, ReminderNotification as Fn, StreamedMessageText as $n, messageHasAttachments as Bn, messageHasReactions as jn, isDateSeparatorMessage as Vn, isMessageBlocked as Un, isMessageBounced as Gn, MessageBounceModal as Hn, MessageText as Mt, Poll as Yn, MessageErrorIcon as qn, useMessageContext as be, useMessageComposer as Wn, useStateStore as Xn, MessageInput as Kn, useMessageInputContext as Jn, useMessageComposerHasSendableData as Zn, AttachmentPreviewList as Qn, QuotedMessagePreview as es, TextareaComposer as ts, MessageTimestamp as Me, AIStates as De, useTypingContext as ns, useAIState as ss, Channel as as, WithComponents as rs, Window as is, MessageList as os, ChannelList as ls } from "stream-chat-react";
+import { StarIcon as Fe, XIcon as pe, SpinnerGapIcon as Re, SignOutIcon as cs, ProhibitInsetIcon as Dt, FlagIcon as Gt, FileIcon as Ht, ImageIcon as ds, SpeakerHighIcon as us, VideoCameraIcon as Yt, FileMdIcon as ms, FileTextIcon as hs, FileZipIcon as fs, FilePptIcon as gs, FileCsvIcon as bs, FileXlsIcon as ps, FileDocIcon as vs, FilePdfIcon as xs, CircleNotchIcon as fe, PlayIcon as $e, PauseIcon as ws, LinkIcon as Ns, DownloadSimpleIcon as ge, GiftIcon as _s, ThumbsUpIcon as ys, ThumbsDownIcon as Cs, TrashSimpleIcon as ks, ArrowUpIcon as Es, SparkleIcon as Be, ProhibitIcon as Is, ArrowLeftIcon as Rt, CaretRightIcon as je, DotsThreeIcon as Lt, PencilSimpleIcon as Ss, CaretLeftIcon as Ts } from "@phosphor-icons/react";
+import y from "classnames";
 import { MessageActions as As, DefaultDropdownActionButton as qt } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Pt } from "stream-chat";
-const Wt = Ve({
+const Wt = Ge({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const Wt = Ve({
   refreshConnection: async () => {
   },
   debug: !1
-}), Ye = () => Ue(Wt), vi = ({
+}), We = () => He(Wt), vi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,187 +24,187 @@ const Wt = Ve({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  const l = Y(
-    (T, ...M) => {
-      i && console.log(`🔥 [MessagingProvider] ${T}`, ...M);
+  const o = H(
+    (I, ...C) => {
+      i && console.log(`🔥 [MessagingProvider] ${I}`, ...C);
     },
     [i]
   );
-  l("🔄 RENDER START", {
+  o("🔄 RENDER START", {
     userId: t == null ? void 0 : t.id,
     apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = z(null), [m, f] = z(null), [u, g] = z(!1), [c, b] = z(!1), [w, v] = z(null), N = q(!1), x = q({
+  const [l, d] = z(null), [m, g] = z(null), [u, f] = z(!1), [c, b] = z(!1), [N, v] = z(null), x = K(!1), w = K({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), y = q(0);
-  y.current++, l("📊 RENDER INFO", {
-    renderCount: y.current,
+  }), M = K(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: x.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: x.current.apiKey !== a,
-      serviceConfigChanged: x.current.serviceConfig !== s,
-      capabilitiesChanged: x.current.capabilities !== r
+      userChanged: w.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: w.current.apiKey !== a,
+      serviceConfigChanged: w.current.serviceConfig !== s,
+      capabilitiesChanged: w.current.capabilities !== r
     }
-  }), x.current = {
+  }), w.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }, W(() => {
-    const T = y.current;
-    if (l("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: T,
+  }, J(() => {
+    const I = M.current;
+    if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
+      renderCount: I,
       apiKey: !!a,
       serviceConfig: !!s,
       dependencies: {
         apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
         serviceConfigRef: s,
-        serviceConfigStable: x.current.serviceConfig === s,
-        apiKeyStable: x.current.apiKey === a
+        serviceConfigStable: w.current.serviceConfig === s,
+        apiKeyStable: w.current.apiKey === a
       }
     }), !a || !s) {
-      l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: T,
+      o("⚠️ SERVICE INIT SKIPPED", {
+        renderCount: I,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
-    l("🚀 CREATING NEW SERVICE", {
-      renderCount: T,
+    o("🚀 CREATING NEW SERVICE", {
+      renderCount: I,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
-      serviceConfigChanged: x.current.serviceConfig !== s
+      serviceConfigChanged: w.current.serviceConfig !== s
     });
-    const M = new En({
+    const C = new En({
       ...s,
       apiKey: a,
       debug: i
     });
-    return d(M), l("✅ SERVICE SET", {
-      renderCount: T,
-      serviceInstance: !!M
+    return d(C), o("✅ SERVICE SET", {
+      renderCount: I,
+      serviceInstance: !!C
     }), () => {
-      l("🧹 SERVICE CLEANUP", {
-        renderCount: T,
+      o("🧹 SERVICE CLEANUP", {
+        renderCount: I,
         reason: "Effect cleanup"
-      }), M.disconnectUser().catch(console.error);
+      }), C.disconnectUser().catch(console.error);
     };
-  }, [a, s, i, l]);
-  const S = q(null);
-  W(() => {
-    var M, I;
-    if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
-      hasService: !!o,
+  }, [a, s, i, o]);
+  const A = K(null);
+  J(() => {
+    var C, k;
+    if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
+      hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: N.current,
+      isConnecting: x.current,
       isConnected: u,
-      dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
-    }), !o || !t) {
-      l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
+      dependencies: { service: !!l, userId: t == null ? void 0 : t.id }
+    }), !l || !t) {
+      o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (N.current) {
-      l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
+    if (x.current) {
+      o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((M = S.current) == null ? void 0 : M.serviceId) === o && ((I = S.current) == null ? void 0 : I.userId) === t.id) {
-      l(
+    if (((C = A.current) == null ? void 0 : C.serviceId) === l && ((k = A.current) == null ? void 0 : k.userId) === t.id) {
+      o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
       );
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, b(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), x.current = !0, b(!0), v(null);
       try {
-        l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const D = await o.connectUser(t);
-        f(D), g(!0), S.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
+        const E = await l.connectUser(t);
+        g(E), f(!0), A.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: D.userID
+          clientId: E.userID
         });
-      } catch (D) {
-        const P = D instanceof Error ? D.message : "Connection failed";
-        v(P), l("❌ USER CONNECTION ERROR", {
+      } catch (E) {
+        const D = E instanceof Error ? E.message : "Connection failed";
+        v(D), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: P
+          error: D
         });
       } finally {
-        b(!1), N.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        b(!1), x.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
       }
     })();
-  }, [o, t, l, u]), W(() => (l("🔌 CLEANUP EFFECT REGISTERED", {
-    hasService: !!o,
+  }, [l, t, o, u]), J(() => (o("🔌 CLEANUP EFFECT REGISTERED", {
+    hasService: !!l,
     isConnected: u
   }), () => {
-    o && u ? (l(
+    l && u ? (o(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), S.current = null, o.disconnectUser().catch(console.error)) : l("🔇 CLEANUP EFFECT SKIPPED", {
-      hasService: !!o,
+    ), A.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
+      hasService: !!l,
       isConnected: u
     });
-  }), [o, u, l]);
-  const E = Y(async () => {
-    if (l("🔄 REFRESH CONNECTION CALLED", {
-      hasService: !!o,
+  }), [l, u, o]);
+  const S = H(async () => {
+    if (o("🔄 REFRESH CONNECTION CALLED", {
+      hasService: !!l,
       hasUser: !!t
-    }), !o || !t) {
-      l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
+    }), !l || !t) {
+      o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
-      l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const T = await o.connectUser(t);
-      f(T), g(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (T) {
-      const M = T instanceof Error ? T.message : "Refresh failed";
-      v(M), l("❌ CONNECTION REFRESH ERROR", {
+      o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
+      const I = await l.connectUser(t);
+      g(I), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (I) {
+      const C = I instanceof Error ? I.message : "Refresh failed";
+      v(C), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: M
+        error: C
       });
     } finally {
-      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), L = $.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
-    hasService: !!o,
+  }, [l, t, o]), L = O.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+    hasService: !!l,
     hasClient: !!m,
     isConnected: u,
     isLoading: c,
-    hasError: !!w,
+    hasError: !!N,
     capabilitiesKeys: Object.keys(r)
   }), {
-    service: o,
+    service: l,
     client: m,
     isConnected: u,
     isLoading: c,
-    error: w,
+    error: N,
     capabilities: r,
-    refreshConnection: E,
+    refreshConnection: S,
     debug: i
   }), [
-    o,
+    l,
     m,
     u,
     c,
-    w,
+    N,
     r,
-    E,
+    S,
     i,
-    l
+    o
   ]);
-  return l("🔄 RENDER END", {
-    renderCount: y.current,
+  return o("🔄 RENDER END", {
+    renderCount: M.current,
     willRenderChat: !!(m && u),
     contextValueReady: !!L
   }), /* @__PURE__ */ n(Wt.Provider, { value: L, children: m && u ? /* @__PURE__ */ n(
@@ -217,22 +217,22 @@ const Wt = Ve({
       children: e
     }
   ) : e });
-}, Ms = () => Ye(), Xt = (e) => {
+}, Ms = () => We(), Xt = (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)
   );
-  return W(() => {
-    var l;
+  return J(() => {
+    var o;
     if (!e) {
       s(!1);
       return;
     }
-    s(!!((l = e.state.membership) != null && l.pinned_at));
-    const i = (o) => {
+    s(!!((o = e.state.membership) != null && o.pinned_at));
+    const i = (l) => {
       var d;
       s(
-        o != null && o.member ? !!o.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
+        l != null && l.member ? !!l.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
       );
     };
     return e.on("member.updated", i), () => {
@@ -247,7 +247,7 @@ function zt(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t ? !1 : !Rs(s);
 }
-function ke(e) {
+function Se(e) {
   return zt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : zt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
 const Ot = [
@@ -290,19 +290,19 @@ function Ps(e) {
   const s = Ls(e) % Ot.length;
   return Ot[s];
 }
-const Z = ({
+const ne = ({
   id: e,
   image: t,
   size: s = 40,
   className: a,
   starred: r = !1,
   shape: i = "squircle",
-  dmAgentEnabled: l = !1
+  dmAgentEnabled: o = !1
 }) => {
-  const o = Ps(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", f = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : {
+  const l = Ps(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: "33%",
     cornerShape: "superellipse(1.3)"
-  }, g = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -313,17 +313,17 @@ const Z = ({
     "div",
     {
       "aria-hidden": "true",
-      className: _(
+      className: y(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         m
       ),
-      children: o
+      children: l
     }
   ) });
   return /* @__PURE__ */ h(
     "div",
     {
-      className: _(
+      className: y(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -338,33 +338,33 @@ const Z = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(ze, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(Fe, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
           "div",
           {
             "data-testid": "avatar-ring",
-            className: _(
+            className: y(
               "h-full w-full",
               "bg-transparent"
             ),
             style: {
               ...u,
-              ...l && {
-                borderWidth: `${f}px`,
+              ...o && {
+                borderWidth: `${g}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
               }
             },
-            children: g
+            children: f
           }
         )
       ]
     }
   );
-}, we = ({
+}, ye = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -373,7 +373,7 @@ const Z = ({
   "button",
   {
     type: "button",
-    className: _(
+    className: y(
       "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
@@ -387,7 +387,7 @@ function zs({ label: e, className: t, children: s, ...a }) {
     "button",
     {
       type: "button",
-      className: _(
+      className: y(
         "inline-flex items-center justify-center rounded-full transition-colors focus-ring p-2",
         {
           "cursor-not-allowed opacity-50": a.disabled,
@@ -404,7 +404,7 @@ function zs({ label: e, className: t, children: s, ...a }) {
   );
 }
 function Os({ onClick: e }) {
-  return /* @__PURE__ */ n(zs, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(fe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+  return /* @__PURE__ */ n(zs, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(pe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
 const Fs = ({
   dialogRef: e,
@@ -413,83 +413,85 @@ const Fs = ({
   participantDisplayName: a,
   channel: r,
   followerStatusLabel: i,
-  onLeaveConversation: l,
-  onBlockParticipant: o,
+  onLeaveConversation: o,
+  onBlockParticipant: l,
   showDeleteConversation: d = !0,
-  onDeleteConversationClick: m,
+  showBlockParticipant: m = !0,
+  showReportParticipant: g = !0,
+  onDeleteConversationClick: u,
   onBlockParticipantClick: f,
-  onReportParticipantClick: u,
-  customProfileContent: g,
-  customChannelActions: c
+  onReportParticipantClick: c,
+  customProfileContent: b,
+  customChannelActions: N
 }) => {
-  var F, A, j, H;
-  const { service: b, debug: w } = Ye(), [v, N] = z(!1), [x, y] = z(!1), [S, E] = z(!1), L = Y(async () => {
-    var C;
-    if (!(!b || !((C = s == null ? void 0 : s.user) != null && C.id)))
+  var B, Y, W, $;
+  const { service: v, debug: x } = We(), [w, M] = z(!1), [A, S] = z(!1), [L, I] = z(!1), C = H(async () => {
+    var p;
+    if (!(!m || !v || !((p = s == null ? void 0 : s.user) != null && p.id)))
       try {
-        const p = (await b.getBlockedUsers()).some(
-          (k) => {
-            var B;
-            return k.blocked_user_id === ((B = s == null ? void 0 : s.user) == null ? void 0 : B.id);
+        const R = (await v.getBlockedUsers()).some(
+          (T) => {
+            var j;
+            return T.blocked_user_id === ((j = s == null ? void 0 : s.user) == null ? void 0 : j.id);
           }
         );
-        N(p);
-      } catch (R) {
+        M(R);
+      } catch (_) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          R
+          _
         );
       }
-  }, [b, (F = s == null ? void 0 : s.user) == null ? void 0 : F.id]);
-  W(() => {
-    L();
-  }, [L]);
-  const T = async () => {
-    var C;
-    if (!x) {
-      m == null || m(), w && console.log("[ChannelInfoDialog] Leave conversation", r.cid), y(!0);
+  }, [v, (B = s == null ? void 0 : s.user) == null ? void 0 : B.id, m]);
+  J(() => {
+    C();
+  }, [C]);
+  const k = async () => {
+    var p;
+    if (!A) {
+      u == null || u(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), S(!0);
       try {
-        const R = ((C = r._client) == null ? void 0 : C.userID) ?? null;
-        await r.hide(R, !1), l && await l(r), t();
-      } catch (R) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", R);
+        const _ = ((p = r._client) == null ? void 0 : p.userID) ?? null;
+        await r.hide(_, !1), o && await o(r), t();
+      } catch (_) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", _);
       } finally {
-        y(!1);
+        S(!1);
       }
     }
-  }, M = async () => {
-    var C, R, p;
-    if (!(S || !b)) {
-      f == null || f(), w && console.log("[ChannelInfoDialog] Block member", (C = s == null ? void 0 : s.user) == null ? void 0 : C.id), E(!0);
+  }, E = async () => {
+    var p, _, R;
+    if (!(L || !v)) {
+      f == null || f(), x && console.log("[ChannelInfoDialog] Block member", (p = s == null ? void 0 : s.user) == null ? void 0 : p.id), I(!0);
       try {
-        await b.blockUser((R = s == null ? void 0 : s.user) == null ? void 0 : R.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
-      } catch (k) {
-        console.error("[ChannelInfoDialog] Failed to block member", k);
+        await v.blockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((R = s == null ? void 0 : s.user) == null ? void 0 : R.id), t();
+      } catch (T) {
+        console.error("[ChannelInfoDialog] Failed to block member", T);
       } finally {
-        E(!1);
+        I(!1);
       }
     }
-  }, I = async () => {
-    var C, R, p;
-    if (!(S || !b)) {
-      f == null || f(), w && console.log("[ChannelInfoDialog] Unblock member", (C = s == null ? void 0 : s.user) == null ? void 0 : C.id), E(!0);
+  }, D = async () => {
+    var p, _, R;
+    if (!(L || !v)) {
+      f == null || f(), x && console.log("[ChannelInfoDialog] Unblock member", (p = s == null ? void 0 : s.user) == null ? void 0 : p.id), I(!0);
       try {
-        await b.unBlockUser((R = s == null ? void 0 : s.user) == null ? void 0 : R.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
-      } catch (k) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", k);
+        await v.unBlockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((R = s == null ? void 0 : s.user) == null ? void 0 : R.id), t();
+      } catch (T) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", T);
       } finally {
-        E(!1);
+        I(!1);
       }
     }
-  }, D = () => {
-    u == null || u(), t(), window.open(
+  }, V = () => {
+    c == null || c(), t(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
       "noopener,noreferrer"
     );
   };
   if (!s) return null;
-  const P = a ?? ke(s.user), G = (A = s.user) == null ? void 0 : A.image, O = (j = s.user) == null ? void 0 : j.username, U = O ? `linktr.ee/${O}` : void 0, V = ((H = s.user) == null ? void 0 : H.id) || "unknown";
+  const F = a ?? Se(s.user), X = (Y = s.user) == null ? void 0 : Y.image, U = (W = s.user) == null ? void 0 : W.username, G = U ? `linktr.ee/${U}` : void 0, P = (($ = s.user) == null ? void 0 : $.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n(
@@ -498,8 +500,8 @@ const Fs = ({
         ref: e,
         className: "mes-dialog group",
         onClose: t,
-        onClick: (C) => {
-          C.target === e.current && t();
+        onClick: (p) => {
+          p.target === e.current && t();
         },
         children: /* @__PURE__ */ h("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
           /* @__PURE__ */ h("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
@@ -515,19 +517,19 @@ const Fs = ({
                 children: [
                   /* @__PURE__ */ h("div", { className: "flex items-center gap-3 w-full", children: [
                     /* @__PURE__ */ n(
-                      Z,
+                      ne,
                       {
-                        id: V,
-                        name: P,
-                        image: G,
+                        id: P,
+                        name: F,
+                        image: X,
                         size: 88,
                         shape: "circle"
                       }
                     ),
                     /* @__PURE__ */ h("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                      /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: P }),
-                      U && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: U }),
-                      i && !g && /* @__PURE__ */ n(
+                      /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: F }),
+                      G && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: G }),
+                      i && !b && /* @__PURE__ */ n(
                         "span",
                         {
                           className: "mt-1 rounded-full text-xs font-normal w-fit",
@@ -543,81 +545,81 @@ const Fs = ({
                       )
                     ] })
                   ] }),
-                  g && /* @__PURE__ */ n("div", { className: "w-full", children: g })
+                  b && /* @__PURE__ */ n("div", { className: "w-full", children: b })
                 ]
               }
             ),
             /* @__PURE__ */ h("ul", { className: "flex flex-col gap-2 mt-2", children: [
               d && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-                we,
+                ye,
                 {
-                  onClick: T,
-                  disabled: x,
-                  "aria-busy": x,
+                  onClick: k,
+                  disabled: A,
+                  "aria-busy": A,
                   children: [
-                    x ? /* @__PURE__ */ n(Me, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(cs, { className: "h-5 w-5" }),
+                    A ? /* @__PURE__ */ n(Re, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(cs, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Delete Conversation" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ n("li", { children: v ? /* @__PURE__ */ h(
-                we,
+              m && /* @__PURE__ */ n("li", { children: w ? /* @__PURE__ */ h(
+                ye,
                 {
-                  onClick: I,
-                  disabled: S,
-                  "aria-busy": S,
+                  onClick: D,
+                  disabled: L,
+                  "aria-busy": L,
                   children: [
-                    S ? /* @__PURE__ */ n(Me, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
+                    L ? /* @__PURE__ */ n(Re, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ h(
-                we,
+                ye,
                 {
-                  onClick: M,
-                  disabled: S,
-                  "aria-busy": S,
+                  onClick: E,
+                  disabled: L,
+                  "aria-busy": L,
                   children: [
-                    S ? /* @__PURE__ */ n(Me, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
+                    L ? /* @__PURE__ */ n(Re, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(we, { variant: "danger", onClick: D, children: [
+              g && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ye, { variant: "danger", onClick: V, children: [
                 /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Report" })
               ] }) }),
-              c
+              N
             ] })
           ] })
         ] })
       }
     )
   );
-}, $s = (e) => /* @__PURE__ */ n(Sn, { ...e, position: "center" }), Be = "vote_up", je = "vote_down";
+}, $s = (e) => /* @__PURE__ */ n(Sn, { ...e, position: "center" }), Ve = "vote_up", Ue = "vote_down";
 function Bs(e) {
-  return e != null && e.length ? e.some((t) => t.type === je) ? "down" : e.some((t) => t.type === Be) ? "up" : null : null;
+  return e != null && e.length ? e.some((t) => t.type === Ue) ? "down" : e.some((t) => t.type === Ve) ? "up" : null : null;
 }
 function js(e) {
-  const { channel: t } = se(), { client: s } = He("useMessageVote"), a = J(
+  const { channel: t } = de(), { client: s } = qe("useMessageVote"), a = te(
     () => Bs(e.own_reactions),
     [e.own_reactions]
-  ), r = Y(async () => {
+  ), r = H(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, Be) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
           e.id,
-          { type: Be },
+          { type: Ve },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = Y(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = H(async () => {
     if (s != null && s.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, je) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, Ue) : await t.sendReaction(
           e.id,
-          { type: je },
+          { type: Ue },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -636,13 +638,13 @@ function Kt({
   const s = e == null ? void 0 : e.text, a = Vs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Us = $.lazy(() => import("./Card-C-ZIQW_q.js")), Gs = $.lazy(() => import("./Card-C46z9zz4.js")), Hs = $.lazy(() => import("./Card-Cqld0-Ws.js")), qe = () => /* @__PURE__ */ n(
+const Us = O.lazy(() => import("./Card-DZVa2CeI.js")), Gs = O.lazy(() => import("./Card-BaaerKBC.js")), Hs = O.lazy(() => import("./Card-0TLA8XHU.js")), Xe = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), Ys = (e) => /* @__PURE__ */ n(Ge, { fallback: /* @__PURE__ */ n(qe, {}), children: /* @__PURE__ */ n(Us, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(Ge, { fallback: /* @__PURE__ */ n(qe, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Zt = (e) => /* @__PURE__ */ n(Ge, { fallback: /* @__PURE__ */ n(qe, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), qs = Jt, Ws = Zt, Ft = { Composer: Ys, Sent: Jt, Received: Zt, Creator: qs, Visitor: Ws }, Xs = [
+), Ys = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Us, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Zt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), qs = Jt, Ws = Zt, Ft = { Composer: Ys, Sent: Jt, Received: Zt, Creator: qs, Visitor: Ws }, Xs = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -652,7 +654,7 @@ const Us = $.lazy(() => import("./Card-C-ZIQW_q.js")), Gs = $.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function Q(e) {
+function se(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Qt(e) {
@@ -678,11 +680,11 @@ const Ks = {
   generic: Ht
 };
 function Zs(e) {
-  const t = Q(e);
+  const t = se(e);
   return t !== "document" ? Ks[t] : Js[Qt(e)];
 }
-function oe(e, t) {
-  return $.createElement(Zs(e), t);
+function ce(e, t) {
+  return O.createElement(Zs(e), t);
 }
 const Qs = (e) => {
   var t, s;
@@ -694,71 +696,71 @@ const Qs = (e) => {
   autoPlay: a = !1,
   playing: r,
   loop: i = !1,
-  controls: l = !0,
-  showProgress: o = !1,
+  controls: o = !0,
+  showProgress: l = !1,
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const f = Q(t), u = q(null), g = q(null), c = q(null), b = q(r), [w, v] = z(a), [N, x] = z(0), [y, S] = z(!1), [E, L] = z(!1), [T, M] = z(!1), [I, D] = z(!1), [P, G] = z(!0), [O, U] = z(null), V = Y(() => {
-    M(!1), v(!0);
-  }, []), F = Y((p) => {
-    const k = g.current;
-    if (!k) return 0;
-    const B = k.getBoundingClientRect();
+  const g = se(t), u = K(null), f = K(null), c = K(null), b = K(r), [N, v] = z(a), [x, w] = z(0), [M, A] = z(!1), [S, L] = z(!1), [I, C] = z(!1), [k, E] = z(!1), [D, V] = z(!0), [F, X] = z(null), U = H(() => {
+    C(!1), v(!0);
+  }, []), G = H((p) => {
+    const _ = f.current;
+    if (!_) return 0;
+    const R = _.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Qs(p) - B.left) / B.width)
+      Math.min(1, (Qs(p) - R.left) / R.width)
     );
-  }, []), A = Y((p) => {
-    const k = u.current;
-    k && k.duration && (k.currentTime = p * k.duration);
-  }, []), j = (p) => {
-    p.stopPropagation(), S(!0);
-    const k = F(p);
-    x(k), A(k);
+  }, []), P = H((p) => {
+    const _ = u.current;
+    _ && _.duration && (_.currentTime = p * _.duration);
+  }, []), B = (p) => {
+    p.stopPropagation(), A(!0);
+    const _ = G(p);
+    w(_), P(_);
   };
-  W(() => {
+  J(() => {
     r !== void 0 && r !== b.current && (b.current = r, v(r));
-  }, [r]), W(() => {
-    if (!w) {
+  }, [r]), J(() => {
+    if (!N) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const p = () => {
-      const k = u.current;
-      k && k.duration && !y && x(k.currentTime / k.duration), c.current = requestAnimationFrame(p);
+      const _ = u.current;
+      _ && _.duration && !M && w(_.currentTime / _.duration), c.current = requestAnimationFrame(p);
     };
     return c.current = requestAnimationFrame(p), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [w, y]), W(() => {
+  }, [N, M]), J(() => {
     const p = u.current;
-    p && (w ? p.play().catch((k) => {
-      v(!1), M(!0);
+    p && (N ? p.play().catch((_) => {
+      v(!1), C(!0);
     }) : p.pause());
-  }, [w]), W(() => {
-    if (!y) return;
-    const p = (B) => x(F(B)), k = (B) => {
-      S(!1), A(F(B));
+  }, [N]), J(() => {
+    if (!M) return;
+    const p = (R) => w(G(R)), _ = (R) => {
+      A(!1), P(G(R));
     };
-    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", k), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", k), () => {
-      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", k), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", k);
+    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", _), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", _), () => {
+      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", _);
     };
-  }, [y, F, A]);
-  const H = O ? { aspectRatio: String(O) } : void 0, C = O ? "" : " aspect-video", R = Math.round(N * 100);
+  }, [M, G, P]);
+  const Y = F ? { aspectRatio: String(F) } : void 0, W = F ? "" : " aspect-video", $ = Math.round(x * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${C}`,
-      style: H,
+      className: `relative cursor-pointer overflow-hidden bg-black ${W}`,
+      style: Y,
       onClick: (p) => {
         if (m) {
           m(p);
           return;
         }
-        T || l && v((k) => !k);
+        I || o && v((_) => !_);
       },
       onKeyDown: (p) => {
         if (!(p.key !== "Enter" && p.key !== " ")) {
@@ -766,11 +768,11 @@ const Qs = (e) => {
             m(p);
             return;
           }
-          T || l && v((k) => !k);
+          I || o && v((_) => !_);
         }
       },
       children: [
-        s && (f === "audio" || P) && /* @__PURE__ */ n(
+        s && (g === "audio" || D) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -778,11 +780,11 @@ const Qs = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (f === "audio" || P) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: oe(t, {
+        !s && (g === "audio" || D) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
-        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: f === "audio" ? /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: g === "audio" ? /* @__PURE__ */ n(
           "audio",
           {
             ref: u,
@@ -790,14 +792,14 @@ const Qs = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => D(!0),
+            onLoadStart: () => E(!0),
             onCanPlay: () => {
-              D(!1), G(!1);
+              E(!1), V(!1);
             },
-            onWaiting: () => D(!0),
-            onPlay: () => M(!1),
+            onWaiting: () => E(!0),
+            onPlay: () => C(!1),
             onEnded: () => {
-              i || (v(!1), x(0));
+              i || (v(!1), w(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -810,30 +812,30 @@ const Qs = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => D(!0),
+            onLoadStart: () => E(!0),
             onCanPlay: () => {
-              D(!1), G(!1);
+              E(!1), V(!1);
             },
-            onWaiting: () => D(!0),
-            onPlay: () => M(!1),
+            onWaiting: () => E(!0),
+            onPlay: () => C(!1),
             onLoadedMetadata: () => {
               const p = u.current;
-              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && U(p.videoWidth / p.videoHeight);
+              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && X(p.videoWidth / p.videoHeight);
             },
             onEnded: () => {
-              i || (v(!1), x(0));
+              i || (v(!1), w(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        I && !T && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          ue,
+        k && !I && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          fe,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        T && !l && /* @__PURE__ */ n(
+        I && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -841,51 +843,51 @@ const Qs = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (p) => {
-              p.stopPropagation(), V();
+              p.stopPropagation(), U();
             },
             onKeyDown: (p) => {
-              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), V());
+              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), U());
             },
-            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(Oe, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n($e, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
-        o && !l && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
+        l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
           "div",
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": R,
+            "aria-valuenow": $,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
-            ref: g,
+            ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: j,
-            onTouchStart: j,
+            onMouseDown: B,
+            onTouchStart: B,
             onClick: (p) => p.stopPropagation(),
             onKeyDown: (p) => {
-              p.key === "ArrowRight" && A(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && A(Math.max(0, N - 0.05));
+              p.key === "ArrowRight" && P(Math.min(1, x + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, x - 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: `${R}%` }
+                style: { width: `${$}%` }
               }
             ) })
           }
         ) }),
-        l && /* @__PURE__ */ h("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
+        o && /* @__PURE__ */ h("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
           /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               onClick: (p) => {
-                p.stopPropagation(), v((k) => !k);
+                p.stopPropagation(), v((_) => !_);
               },
               className: "shrink-0 text-white",
-              "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(ws, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Oe, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": N ? "Pause" : "Play",
+              children: N ? /* @__PURE__ */ n(ws, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n($e, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -893,30 +895,30 @@ const Qs = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": R,
+              "aria-valuenow": $,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
-              ref: g,
+              ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: j,
-              onTouchStart: j,
+              onMouseDown: B,
+              onTouchStart: B,
               onClick: (p) => p.stopPropagation(),
               onMouseEnter: () => L(!0),
               onMouseLeave: () => L(!1),
               onKeyDown: (p) => {
-                p.key === "ArrowRight" && A(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && A(Math.max(0, N - 0.05));
+                p.key === "ArrowRight" && P(Math.min(1, x + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${E || y ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${S || M ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${R}%` }
+                        style: { width: `${$}%` }
                       }
                     )
                   }
@@ -924,8 +926,8 @@ const Qs = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${E || y ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${R}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || M ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${$}%` }
                   }
                 )
               ]
@@ -942,10 +944,10 @@ const Qs = (e) => {
   title: a,
   variant: r,
   mediaPlayerProps: i,
-  containedImage: l = !1
+  containedImage: o = !1
 }) => {
-  const o = Q(e), [d, m] = z(!1);
-  return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
+  const l = se(e), [d, m] = z(!1);
+  return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     ea,
     {
       source: t,
@@ -954,7 +956,7 @@ const Qs = (e) => {
       controls: !0,
       ...i
     }
-  ) : t && o === "image" ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && l === "image" ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -971,7 +973,7 @@ const Qs = (e) => {
       className: "block w-full",
       draggable: !1
     }
-  ) : t && o === "document" ? s ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && l === "document" ? s ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -992,7 +994,7 @@ const Qs = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: oe(e, {
+      children: ce(e, {
         className: $t(r),
         weight: "regular"
       })
@@ -1009,7 +1011,7 @@ const Qs = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: oe(e, {
+      children: ce(e, {
         className: $t(r),
         weight: "regular"
       })
@@ -1022,22 +1024,22 @@ const Qs = (e) => {
   placeholderTitle: a = "Attachment title",
   mimeType: r,
   detail: i,
-  statusBadge: l,
-  action: o,
+  statusBadge: o,
+  action: l,
   topLeft: d,
   topRight: m,
-  rootRef: f,
+  rootRef: g,
   "data-testid": u
 }) => {
-  const g = e === "dark", c = g ? s ?? a : s ?? "", b = g && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
-      ref: f,
+      ref: g,
       "data-testid": u,
-      className: _(
+      className: y(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-        g ? "bg-[#121110]" : "bg-white"
+        f ? "bg-[#121110]" : "bg-white"
       ),
       children: [
         d ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
@@ -1047,35 +1049,35 @@ const Qs = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: _("mb-0.5 truncate text-base font-medium", {
-                "text-black": !g,
-                "text-white/30": g && b,
-                "text-white": g && !b
+              className: y("mb-0.5 truncate text-base font-medium", {
+                "text-black": !f,
+                "text-white/30": f && b,
+                "text-white": f && !b
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            oe(r, {
-              className: _(
+            ce(r, {
+              className: y(
                 "size-5 shrink-0",
-                g ? "text-white/55" : "text-black/55"
+                f ? "text-white/55" : "text-black/55"
               ),
               weight: "regular"
             }),
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: _(
+                className: y(
                   "text-xs font-medium",
-                  g ? "text-white/55" : "text-black/55"
+                  f ? "text-white/55" : "text-black/55"
                 ),
                 children: i
               }
             ),
-            l
+            o
           ] }),
-          o
+          l
         ] })
       ]
     }
@@ -1084,7 +1086,7 @@ const Qs = (e) => {
 function nn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function We(e) {
+function Ke(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function na(e) {
@@ -1102,8 +1104,8 @@ function ra(e) {
 function ia(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const Xe = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, m = /* @__PURE__ */ h($.Fragment, { children: [
+const Je = ({ attachment: e, isMyMessage: t }) => {
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(O.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1129,7 +1131,7 @@ const Xe = ({ attachment: e, isMyMessage: t }) => {
 function sn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function Ke(e) {
+function Ze(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(sn);
 }
@@ -1142,8 +1144,8 @@ async function oa(e, t) {
   }
   const a = await fetch(e, { mode: "cors" });
   if (!a.ok) throw new Error(`HTTP ${a.status}`);
-  const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
-  l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
+  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 la = ({
   url: e,
@@ -1156,41 +1158,41 @@ const la = ({
       type: "button",
       onClick: (i) => {
         i.stopPropagation();
-        const l = window.open("", "_blank", "noopener,noreferrer");
+        const o = window.open("", "_blank", "noopener,noreferrer");
         a(!0), oa(e, t).then(() => {
-          l == null || l.close();
+          o == null || o.close();
         }).catch(() => {
-          l && (l.location.href = e);
+          o && (o.location.href = e);
         }).finally(() => a(!1));
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(ue, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h($.Fragment, { children: [
-        /* @__PURE__ */ n(me, { className: "size-4 text-white", weight: "bold" }),
+      children: s ? /* @__PURE__ */ n(fe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(O.Fragment, { children: [
+        /* @__PURE__ */ n(ge, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function Je(e) {
-  var u, g, c, b;
+function Qe(e) {
+  var u, f, c, b;
   const t = (u = e.attachments) == null ? void 0 : u.find(
-    (w) => w.type === "video" && w.asset_url
-  ), s = (g = e.attachments) == null ? void 0 : g.find(
-    (w) => w.type === "image" && w.image_url
+    (N) => N.type === "video" && N.asset_url
+  ), s = (f = e.attachments) == null ? void 0 : f.find(
+    (N) => N.type === "image" && N.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (w) => w.type === "audio" && w.asset_url
+    (N) => N.type === "audio" && N.asset_url
   ), r = (b = e.attachments) == null ? void 0 : b.find(
-    (w) => w.type === "file" && w.asset_url
-  ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
-  if (!l) return null;
-  const o = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, f = t == null ? void 0 : t.thumb_url;
+    (N) => N.type === "file" && N.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;
   return {
-    resolvedUrl: l,
-    resolvedType: o,
+    resolvedUrl: o,
+    resolvedType: l,
     title: d,
     fileSize: m,
-    thumbnailUrl: f
+    thumbnailUrl: g
   };
 }
 const an = ({
@@ -1228,14 +1230,14 @@ const an = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = Q(t), l = a !== void 0 ? nn(a) : void 0;
+  const i = se(t), o = a !== void 0 ? nn(a) : void 0;
   return /* @__PURE__ */ n(
     tn,
     {
       variant: "light",
       title: s,
       mimeType: t,
-      detail: l,
+      detail: o,
       thumbnail: /* @__PURE__ */ n(
         en,
         {
@@ -1254,10 +1256,10 @@ const an = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = Ke(e), a = Je(e);
+  const s = Ze(e), a = Qe(e);
   return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
     !t && e.user && /* @__PURE__ */ n(
-      Z,
+      ne,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1275,7 +1277,7 @@ const an = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: We(t), children: /* @__PURE__ */ n(Xe, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(an, { ...a }) : /* @__PURE__ */ n(rn, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: Ke(t), children: /* @__PURE__ */ n(Je, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(an, { ...a }) : /* @__PURE__ */ n(rn, { ...a })
           }
         ) })
       }
@@ -1284,18 +1286,18 @@ const an = ({
 }, da = ({
   message: e
 }) => {
-  const t = Ke(e);
+  const t = Ze(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: We(!0), children: /* @__PURE__ */ n(Xe, { attachment: t, isMyMessage: !0 }) });
-  const s = Je(e);
+    return /* @__PURE__ */ n("div", { className: Ke(!0), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !0 }) });
+  const s = Qe(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
 }, ua = ({
   message: e
 }) => {
-  const t = Ke(e);
+  const t = Ze(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: We(!1), children: /* @__PURE__ */ n(Xe, { attachment: t, isMyMessage: !1 }) });
-  const s = Je(e);
+    return /* @__PURE__ */ n("div", { className: Ke(!1), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !1 }) });
+  const s = Qe(e);
   return s ? /* @__PURE__ */ n(rn, { ...s }) : null;
 }, xi = Object.assign(ca, {
   Creator: da,
@@ -1304,9 +1306,9 @@ const an = ({
   isUnlocking: () => !1
 }, ha = {
   LockedAttachment: ma
-}, on = Ve({}), wi = on.Provider;
+}, on = Ge({}), wi = on.Provider;
 function fa(e) {
-  return Ue(on)[e] ?? ha[e];
+  return He(on)[e] ?? ha[e];
 }
 const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -1331,7 +1333,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, pa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Ne = (e) => {
+}, Ce = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
 }, va = (e) => {
@@ -1340,35 +1342,35 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, ln = (e) => ba(e) || pa(e), xa = (e) => {
   var t;
   return ln(e) && !((t = e.text) != null && t.trim());
-}, De = ({
+}, Le = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = ln(e), i = Ne(e);
+  const r = ln(e), i = Ce(e);
   if (!r && !i)
     return null;
   if (r) {
-    const g = (u = e.metadata) == null ? void 0 : u.amount_text;
-    if (!g) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${g} tip` : `Delivered with ${g} tip`;
+    const f = (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`;
     return /* @__PURE__ */ h("div", { className: c, children: [
       /* @__PURE__ */ n(_s, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: b })
     ] });
   }
-  const l = s && a, o = l ? "Sent with AI" : "Sent with DM Agent", d = [
+  const o = s && a, l = o ? "Sent with AI" : "Sent with DM Agent", d = [
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
-    l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), f = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(ga, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ h(ne, { children: [
+    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(ga, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(re, { children: [
     m,
-    f
-  ] }) : /* @__PURE__ */ h(ne, { children: [
-    f,
+    g
+  ] }) : /* @__PURE__ */ h(re, { children: [
+    g,
     m
   ] }) });
 }, wa = ({
@@ -1380,7 +1382,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: _("message-vote-button focus-ring", {
+      className: y("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -1394,7 +1396,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: _("message-vote-button focus-ring", {
+      className: y("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1412,81 +1414,81 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     editing: a,
     endOfGroup: r,
     firstOfGroup: i,
-    groupedByUser: l,
-    handleAction: o,
+    groupedByUser: o,
+    handleAction: l,
     handleOpenThread: d,
     handleRetry: m,
-    highlighted: f,
+    highlighted: g,
     isMessageAIGenerated: u,
-    isMyMessage: g,
+    isMyMessage: f,
     message: c,
     renderText: b,
-    threadList: w,
+    threadList: N,
     viewerLanguage: v
-  } = e, { client: N } = He("CustomMessage"), { channel: x } = se("CustomMessage"), { isUnlocking: y, onUnlockClick: S, onFetchSource: E, onDownloadClick: L } = fa("LockedAttachment"), [T, M] = z(!1), I = An(c.id), { selected: D, voteUp: P, voteDown: G } = js(c), {
-    Attachment: O = Mn,
-    EditMessageModal: U = Dn,
-    MessageActions: V,
-    MessageBlocked: F = Rn,
-    MessageBouncePrompt: A = Ln,
-    MessageDeleted: j = Pn,
-    MessageIsThreadReplyInChannelButtonIndicator: H = zn,
-    MessageRepliesCountButton: C = On,
-    ReminderNotification: R = Fn,
+  } = e, { client: x } = qe("CustomMessage"), { channel: w } = de("CustomMessage"), { isUnlocking: M, onUnlockClick: A, onFetchSource: S, onDownloadClick: L } = fa("LockedAttachment"), [I, C] = z(!1), k = An(c.id), { selected: E, voteUp: D, voteDown: V } = js(c), {
+    Attachment: F = Mn,
+    EditMessageModal: X = Dn,
+    MessageActions: U,
+    MessageBlocked: G = Rn,
+    MessageBouncePrompt: P = Ln,
+    MessageDeleted: B = Pn,
+    MessageIsThreadReplyInChannelButtonIndicator: Y = zn,
+    MessageRepliesCountButton: W = On,
+    ReminderNotification: $ = Fn,
     StreamedMessageText: p = $n,
-    PinIndicator: k
-  } = Ut("CustomMessage"), B = Bn(c), X = jn(c), ee = J(
+    PinIndicator: _
+  } = Ut("CustomMessage"), R = Bn(c), T = jn(c), j = te(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), te = J(() => {
-    const ce = c.attachments ?? [], xe = c.shared_location ? [c.shared_location, ...ce] : ce;
-    if (!Ne(c)) return xe;
-    const Tt = xe.filter((At) => !("type" in At) || !sn(At));
-    return Tt.length === xe.length ? xe : Tt;
-  }, [c]), Ie = J(() => {
-    const ce = Kt({ message: c, viewerLanguage: v });
-    return ce === c.text ? c : { ...c, text: ce };
+  ), q = te(() => {
+    const me = c.attachments ?? [], _e = c.shared_location ? [c.shared_location, ...me] : me;
+    if (!Ce(c)) return _e;
+    const Tt = _e.filter((At) => !("type" in At) || !sn(At));
+    return Tt.length === _e.length ? _e : Tt;
+  }, [c]), Z = te(() => {
+    const me = Kt({ message: c, viewerLanguage: v });
+    return me === c.text ? c : { ...c, text: me };
   }, [c, v]);
   if (Vn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(j, { message: c });
+    return /* @__PURE__ */ n(B, { message: c });
   if (Un(c))
-    return /* @__PURE__ */ n(F, {});
-  const ot = !w && !!c.reply_count, lt = !w && c.show_in_channel && c.parent_id, ct = c.status === "failed" && ((gt = c.error) == null ? void 0 : gt.status) !== 403, dt = Gn(c);
-  let ae;
-  ct ? ae = () => m(c) : dt && (ae = () => M(!0));
-  const le = g(), kn = _(
+    return /* @__PURE__ */ n(G, {});
+  const ae = !N && !!c.reply_count, ee = !N && c.show_in_channel && c.parent_id, ct = c.status === "failed" && ((gt = c.error) == null ? void 0 : gt.status) !== 403, dt = Gn(c);
+  let ie;
+  ct ? ie = () => m(c) : dt && (ie = () => C(!0));
+  const ue = f(), kn = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    le ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ue ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": B,
-      "str-chat__message--highlighted": f,
+      "str-chat__message--has-attachment": R,
+      "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": X,
+      "str-chat__message--with-reactions": T,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((bt = c == null ? void 0 : c.error) == null ? void 0 : bt.status) !== 403,
-      "str-chat__message-with-thread-link": ot || lt,
+      "str-chat__message-with-thread-link": ae || ee,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
-      "str-chat__virtual-message__wrapper--group": l
+      "str-chat__virtual-message__wrapper--group": o
     }
-  ), ut = c.poll_id && N.polls.fromState(c.poll_id), mt = xa(c), re = Ne(c), ht = va(c), Se = !!(te != null && te.length && !c.quoted_message), ft = re && le && Se;
-  return /* @__PURE__ */ h(ne, { children: [
+  ), ut = c.poll_id && x.polls.fromState(c.poll_id), mt = xa(c), oe = Ce(c), ht = va(c), Ae = !!(q != null && q.length && !c.quoted_message), ft = oe && ue && Ae;
+  return /* @__PURE__ */ h(re, { children: [
     a && /* @__PURE__ */ n(
-      U,
+      X,
       {
         additionalMessageInputProps: t
       }
     ),
-    T && /* @__PURE__ */ n(
+    I && /* @__PURE__ */ n(
       Hn,
       {
-        MessageBouncePrompt: A,
-        onClose: () => M(!1),
-        open: T
+        MessageBouncePrompt: P,
+        onClose: () => C(!1),
+        open: I
       }
     ),
     /* @__PURE__ */ h(
@@ -1495,31 +1497,31 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: kn,
         "data-message-id": c.id,
         children: [
-          k && /* @__PURE__ */ n(k, {}),
-          !!I && /* @__PURE__ */ n(R, { reminder: I }),
+          _ && /* @__PURE__ */ n(_, {}),
+          !!k && /* @__PURE__ */ n($, { reminder: k }),
           c.user && /* @__PURE__ */ n(
-            Z,
+            ne,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
               image: c.user.image,
               name: c.user.name || c.user.id,
-              size: re ? 24 : 28,
+              size: oe ? 24 : 28,
               shape: "circle",
-              dmAgentEnabled: re
+              dmAgentEnabled: oe
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
-              className: _("str-chat__message-inner", {
+              className: y("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": ct || dt
               }),
               "data-testid": "message-inner",
-              onClick: ae,
-              onKeyDown: ae,
-              role: ae ? "button" : void 0,
-              tabIndex: ae ? 0 : void 0,
+              onClick: ie,
+              onKeyDown: ie,
+              role: ie ? "button" : void 0,
+              tabIndex: ie ? 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
@@ -1527,8 +1529,8 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 marginInlineStart: 0
               },
               children: ht ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                le ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  V && /* @__PURE__ */ n(V, {}),
+                ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                  U && /* @__PURE__ */ n(U, {}),
                   /* @__PURE__ */ n(
                     Ft.Sent,
                     {
@@ -1538,8 +1540,8 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (wt = c.metadata) == null ? void 0 : wt.amount_text,
                       detail: (Nt = c.metadata) == null ? void 0 : Nt.attachment_detail,
                       paymentStatus: (_t = c.metadata) == null ? void 0 : _t.payment_status,
-                      onPreviewClick: () => S == null ? void 0 : S(c, x),
-                      onFetchSource: async () => await (E == null ? void 0 : E(c, x))
+                      onPreviewClick: () => A == null ? void 0 : A(c, w),
+                      onFetchSource: async () => await (S == null ? void 0 : S(c, w))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1552,51 +1554,51 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (Et = c.metadata) == null ? void 0 : Et.amount_text,
                       detail: (It = c.metadata) == null ? void 0 : It.attachment_detail,
                       paymentStatus: (St = c.metadata) == null ? void 0 : St.payment_status,
-                      isUnlocking: y(c.id),
-                      onUnlockClick: () => S == null ? void 0 : S(c, x),
-                      onFetchSource: async () => await (E == null ? void 0 : E(c, x)),
-                      onDownloadClick: () => L == null ? void 0 : L(c, x)
+                      isUnlocking: M(c.id),
+                      onUnlockClick: () => A == null ? void 0 : A(c, w),
+                      onFetchSource: async () => await (S == null ? void 0 : S(c, w)),
+                      onDownloadClick: () => L == null ? void 0 : L(c, w)
                     }
                   ),
-                  V && /* @__PURE__ */ n(V, {})
+                  U && /* @__PURE__ */ n(U, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   Mt,
                   {
-                    message: Ie,
+                    message: Z,
                     renderText: b
                   }
                 ) })
               ] }) : mt ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(De, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(Le, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                re && !ft && /* @__PURE__ */ n(
-                  De,
+                oe && !ft && /* @__PURE__ */ n(
+                  Le,
                   {
                     message: c,
-                    hasAttachment: Se,
-                    isMyMessage: le
+                    hasAttachment: Ae,
+                    isMyMessage: ue
                   }
                 ),
                 ut && /* @__PURE__ */ n(Yn, { poll: ut }),
-                te != null && te.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  O,
+                q != null && q.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  F,
                   {
-                    actionHandler: o,
-                    attachments: te
+                    actionHandler: l,
+                    attachments: q
                   }
                 ) : null,
-                ee ? /* @__PURE__ */ n(
+                j ? /* @__PURE__ */ n(
                   p,
                   {
-                    message: Ie,
+                    message: Z,
                     renderText: b
                   }
                 ) : /* @__PURE__ */ n(
                   Mt,
                   {
-                    message: Ie,
+                    message: Z,
                     renderText: b
                   }
                 ),
@@ -1605,45 +1607,45 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
             }
           ),
           !ht && !mt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!re || ft) && /* @__PURE__ */ n(
-              De,
+            (!oe || ft) && /* @__PURE__ */ n(
+              Le,
               {
                 message: c,
-                hasAttachment: Se,
-                isMyMessage: le
+                hasAttachment: Ae,
+                isMyMessage: ue
               }
             ),
-            s && re && /* @__PURE__ */ n(
+            s && oe && /* @__PURE__ */ n(
               wa,
               {
-                selected: D,
-                onVoteUp: P,
-                onVoteDown: G
+                selected: E,
+                onVoteUp: D,
+                onVoteDown: V
               }
             )
           ] }),
-          ot && /* @__PURE__ */ n(
-            C,
+          ae && /* @__PURE__ */ n(
+            W,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          lt && /* @__PURE__ */ n(H, {})
+          ee && /* @__PURE__ */ n(Y, {})
         ]
       },
       c.id
     )
   ] });
-}, _a = $.memo(
+}, _a = O.memo(
   Na,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Tn(e, t)
 ), ya = (e) => {
-  const t = he("CustomMessage");
+  const t = be("CustomMessage");
   return /* @__PURE__ */ n(_a, { ...t, ...e });
 }, Ca = () => {
   var s;
-  const { handleDelete: e, message: t } = he("CustomMessageActions");
+  const { handleDelete: e, message: t } = be("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     qt,
     {
@@ -1655,7 +1657,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   );
 }, ka = () => {
-  const { handleFlag: e } = he("CustomMessageActions");
+  const { handleFlag: e } = be("CustomMessageActions");
   return /* @__PURE__ */ n(
     qt,
     {
@@ -1668,7 +1670,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
   );
 }, Ea = () => {
   var t;
-  const { message: e } = he("CustomMessageActions");
+  const { message: e } = be("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
     As,
     {
@@ -1707,12 +1709,12 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            onClick: (l) => {
-              l.preventDefault(), t(s);
+            onClick: (o) => {
+              o.preventDefault(), t(s);
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ n(fe, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ n(pe, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ h("div", { className: "p-2", children: [
@@ -1747,36 +1749,37 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     onClick: e,
     children: /* @__PURE__ */ n(Es, { weight: "bold", className: "size-4" })
   }
-), Ma = () => {
-  var o;
-  const { channel: e } = se(), { handleSubmit: t } = Jn(), s = Zn(), a = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.frozen) === !0, r = a || !s, {
-    SendButton: i = Aa,
-    AttachmentPreviewList: l = Qn
+), Ma = ({
+  disabled: e = !1
+}) => {
+  const { handleSubmit: t } = Jn(), s = Zn(), a = e || !s, {
+    SendButton: r = Aa,
+    AttachmentPreviewList: i = Qn
   } = Ut("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(es, {}),
     /* @__PURE__ */ n(Ta, {}),
-    /* @__PURE__ */ n(l, {}),
+    /* @__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(
         ts,
         {
-          "aria-disabled": a || void 0,
+          "aria-disabled": e || void 0,
           className: "w-full resize-none outline-none leading-6",
-          autoFocus: !a,
+          autoFocus: !e,
           maxRows: 4,
-          readOnly: a,
-          tabIndex: a ? -1 : void 0
+          readOnly: e,
+          tabIndex: e ? -1 : void 0
         }
       ) }),
       /* @__PURE__ */ n(
-        i,
+        r,
         {
           sendMessage: t,
           "aria-label": "Send",
           className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
           "data-testid": "send-button",
-          disabled: r,
+          disabled: a,
           type: "button"
         }
       )
@@ -1784,23 +1787,29 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
   ] });
 }, Da = ({
   renderActions: e,
-  renderFooter: t
+  renderFooter: t,
+  disabled: s = !1,
+  disabledReason: a
 }) => {
-  var r;
-  const { channel: s } = se(), a = ((r = s == null ? void 0 : s.data) == null ? void 0 : r.frozen) === !0;
+  var d;
+  const { channel: r } = de(), o = ((d = r == null ? void 0 : r.data) == null ? void 0 : d.frozen) === !0 || s, l = H(
+    () => /* @__PURE__ */ n(Ma, { disabled: o }),
+    [o]
+  );
   return /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
     /* @__PURE__ */ h(
       "div",
       {
-        inert: a ? "" : void 0,
-        "aria-disabled": a || void 0,
+        inert: o ? "" : void 0,
+        "aria-disabled": o || void 0,
         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(Kn, { Input: Ma })
+          /* @__PURE__ */ n(Kn, { Input: l })
         ]
       }
     ),
+    o && a ? /* @__PURE__ */ n("p", { className: "message-input-disabled-reason px-2 text-center text-sm text-black/55", children: a }) : null,
     t == null ? void 0 : t()
   ] });
 }, Ra = [
@@ -1813,7 +1822,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], za = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Re = "age safety guidelines.", Oa = "https://linktr.ee/s/about/contact", Bt = (e) => Ra.includes(e), Fa = (e) => Pa.includes(e), $a = (e) => {
+}, Pe = "age safety guidelines.", Oa = "https://linktr.ee/s/about/contact", Bt = (e) => Ra.includes(e), Fa = (e) => Pa.includes(e), $a = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (Bt(t))
@@ -1833,11 +1842,11 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       type: s
     };
 }, Ba = (e) => {
-  const t = e.indexOf(Re);
+  const t = e.indexOf(Pe);
   if (t === -1)
     return e;
-  const s = t + Re.length;
-  return /* @__PURE__ */ h(ne, { children: [
+  const s = t + Pe.length;
+  return /* @__PURE__ */ h(re, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -1846,7 +1855,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Re
+        children: Pe
       }
     ),
     e.slice(s)
@@ -1867,7 +1876,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Fe,
+              Be,
               {
                 size: 16,
                 weight: "regular",
@@ -1879,7 +1888,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Te, { message: e.message })
+      !t && /* @__PURE__ */ n(Me, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
@@ -1906,7 +1915,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Te, { message: e.message })
+      !t && /* @__PURE__ */ n(Me, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1915,9 +1924,9 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(Te, { message: e.message })
+    !t && /* @__PURE__ */ n(Me, { message: e.message })
   ] });
-}, cn = Ve(!1), Le = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1928,13 +1937,13 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     repeatCount: "indefinite"
   }
 ) }), Va = /* @__PURE__ */ new Set([
-  Ae.Thinking,
-  Ae.Generating,
-  Ae.ExternalSources
+  De.Thinking,
+  De.Generating,
+  De.ExternalSources
 ]), Ua = ({ threadList: e }) => {
-  var b, w;
-  const { channel: t, channelConfig: s, thread: a } = se(), { client: r } = He(), { typing: i = {} } = ns(), { aiState: l } = ss(t), o = Ue(cn);
-  if (!e && o && Va.has(l)) {
+  var b, N;
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = qe(), { typing: i = {} } = ns(), { aiState: o } = ss(t), l = He(cn);
+  if (!e && l && Va.has(o)) {
     const v = Ga(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       jt,
@@ -1949,25 +1958,25 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: N }) => {
-      var x;
-      return (N == null ? void 0 : N.id) !== ((x = r.user) == null ? void 0 : x.id) && !v;
+    ({ parent_id: v, user: x }) => {
+      var w;
+      return (x == null ? void 0 : x.id) !== ((w = r.user) == null ? void 0 : w.id) && !v;
     }
-  ), f = e ? Object.values(i).filter(
-    ({ parent_id: v, user: N }) => {
-      var x;
-      return (N == null ? void 0 : N.id) !== ((x = r.user) == null ? void 0 : x.id) && v === (a == null ? void 0 : a.id);
+  ), g = e ? Object.values(i).filter(
+    ({ parent_id: v, user: x }) => {
+      var w;
+      return (x == null ? void 0 : x.id) !== ((w = r.user) == null ? void 0 : w.id) && v === (a == null ? void 0 : a.id);
     }
-  ) : [], u = e ? f : m;
+  ) : [], u = e ? g : m;
   if (!u.length)
     return null;
-  const g = (w = u[0]) == null ? void 0 : w.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
+  const f = (N = u[0]) == null ? void 0 : N.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
     jt,
     {
-      avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
-      avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
-      avatarImage: (g == null ? void 0 : g.image) ?? (c == null ? void 0 : c.image),
+      avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
+      avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
+      avatarImage: (f == null ? void 0 : f.image) ?? (c == null ? void 0 : c.image),
       testId: "typing-indicator"
     }
   );
@@ -1984,7 +1993,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     style: { insetInlineStart: 0, insetInlineEnd: "auto" },
     children: [
       /* @__PURE__ */ n("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ n(
-        Z,
+        ne,
         {
           id: e,
           name: t,
@@ -2003,9 +2012,9 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
           height: "8",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ n(Le, { cx: "4", index: 0 }),
-            /* @__PURE__ */ n(Le, { cx: "16", index: 1 }),
-            /* @__PURE__ */ n(Le, { cx: "28", index: 2 })
+            /* @__PURE__ */ n(ze, { cx: "4", index: 0 }),
+            /* @__PURE__ */ n(ze, { cx: "16", index: 1 }),
+            /* @__PURE__ */ n(ze, { cx: "28", index: 2 })
           ]
         }
       ) })
@@ -2024,7 +2033,7 @@ function Ga(e, t) {
 const Ha = () => null, Ya = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: _("flex items-center justify-center h-full", e),
+    className: y("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(
@@ -2064,12 +2073,12 @@ const Ha = () => null, Ya = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), _e = $.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+), ke = O.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(Ya, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-_e.displayName = "LoadingState";
-const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Vt = "Replies instantly with AI assistant", qa = ({
+ke.displayName = "LoadingState";
+const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Vt = "Replies instantly with AI assistant", qa = ({
   onBack: e,
   showBackButton: t,
   onShowInfo: s,
@@ -2077,23 +2086,23 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   showStarButton: r = !1,
   dmAgentEnabled: i = !1
 }) => {
-  var g, c, b, w, v;
-  const { channel: l } = se(), o = $.useMemo(() => {
-    var y, S;
-    const N = (y = l._client) == null ? void 0 : y.userID;
-    return N ? Object.values(((S = l.state) == null ? void 0 : S.members) || {}).find(
-      (E) => {
+  var f, c, b, N, v;
+  const { channel: o } = de(), l = O.useMemo(() => {
+    var M, A;
+    const x = (M = o._client) == null ? void 0 : M.userID;
+    return x ? Object.values(((A = o.state) == null ? void 0 : A.members) || {}).find(
+      (S) => {
         var L;
-        return ((L = E.user) == null ? void 0 : L.id) && E.user.id !== N;
+        return ((L = S.user) == null ? void 0 : L.id) && S.user.id !== x;
       }
     ) : void 0;
-  }, [(g = l._client) == null ? void 0 : g.userID, (c = l.state) == null ? void 0 : c.members]), d = ke(o == null ? void 0 : o.user), m = (b = o == null ? void 0 : o.user) == null ? void 0 : b.image, f = Xt(l), u = async () => {
+  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Se(l == null ? void 0 : l.user), m = (b = l == null ? void 0 : l.user) == null ? void 0 : b.image, g = Xt(o), u = async () => {
     try {
-      f ? await l.unpin() : await l.pin();
-    } catch (N) {
+      g ? await o.unpin() : await o.pin();
+    } catch (x) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        N
+        x
       );
     }
   };
@@ -2102,8 +2111,8 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: _(
-            ie,
+          className: y(
+            le,
             "messaging-channel-view-back-button-mobile"
           ),
           onClick: e || (() => {
@@ -2115,12 +2124,12 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          Z,
+          ne,
           {
-            id: ((w = o == null ? void 0 : o.user) == null ? void 0 : w.id) || l.id || "unknown",
+            id: ((N = l == null ? void 0 : l.user) == null ? void 0 : N.id) || o.id || "unknown",
             name: d,
             image: m,
-            starred: r && f,
+            starred: r && g,
             dmAgentEnabled: i,
             size: 40
           }
@@ -2134,12 +2143,12 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             "aria-label": `View info for ${d}`,
             children: [
               d,
-              /* @__PURE__ */ n($e, { className: "size-3 shrink-0" })
+              /* @__PURE__ */ n(je, { className: "size-3 shrink-0" })
             ]
           }
         ),
         i && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ n(Fe, { className: "size-3 shrink-0 text-black/55" }),
+          /* @__PURE__ */ n(Be, { className: "size-3 shrink-0 text-black/55" }),
           /* @__PURE__ */ n("span", { children: Vt })
         ] })
       ] }),
@@ -2147,18 +2156,18 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         r && /* @__PURE__ */ n(
           "button",
           {
-            className: ie,
+            className: le,
             onClick: u,
             type: "button",
-            "aria-label": f ? "Unstar conversation" : "Star conversation",
+            "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              ze,
+              Fe,
               {
-                className: _("size-5", {
-                  "text-yellow-600": f,
-                  "text-black/90": !f
+                className: y("size-5", {
+                  "text-yellow-600": g,
+                  "text-black/90": !g
                 }),
-                weight: f ? "duotone" : "regular"
+                weight: g ? "duotone" : "regular"
               }
             )
           }
@@ -2166,7 +2175,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         /* @__PURE__ */ n(
           "button",
           {
-            className: ie,
+            className: le,
             onClick: s,
             type: "button",
             "aria-label": "Show info",
@@ -2180,8 +2189,8 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: _(
-              ie,
+            className: y(
+              le,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2191,12 +2200,12 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }
         ),
         /* @__PURE__ */ n(
-          Z,
+          ne,
           {
-            id: ((v = o == null ? void 0 : o.user) == null ? void 0 : v.id) || l.id || "unknown",
+            id: ((v = l == null ? void 0 : l.user) == null ? void 0 : v.id) || o.id || "unknown",
             name: d,
             image: m,
-            starred: r && f,
+            starred: r && g,
             dmAgentEnabled: i,
             size: 40
           }
@@ -2211,12 +2220,12 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               "aria-label": `View info for ${d}`,
               children: [
                 /* @__PURE__ */ n("span", { className: "truncate", children: d }),
-                /* @__PURE__ */ n($e, { className: "size-4 shrink-0" })
+                /* @__PURE__ */ n(je, { className: "size-4 shrink-0" })
               ]
             }
           ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: d }),
           i && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-            /* @__PURE__ */ n(Fe, { className: "size-3 shrink-0 text-black/55" }),
+            /* @__PURE__ */ n(Be, { className: "size-3 shrink-0 text-black/55" }),
             /* @__PURE__ */ n("span", { className: "truncate", children: Vt })
           ] })
         ] })
@@ -2225,18 +2234,18 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         r && /* @__PURE__ */ n(
           "button",
           {
-            className: ie,
+            className: le,
             onClick: u,
             type: "button",
-            "aria-label": f ? "Unstar conversation" : "Star conversation",
+            "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              ze,
+              Fe,
               {
-                className: _("size-5", {
-                  "text-yellow-600": f,
-                  "text-black/90": !f
+                className: y("size-5", {
+                  "text-yellow-600": g,
+                  "text-black/90": !g
                 }),
-                weight: f ? "duotone" : "regular"
+                weight: g ? "duotone" : "regular"
               }
             )
           }
@@ -2244,7 +2253,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         a && s && /* @__PURE__ */ n(
           "button",
           {
-            className: ie,
+            className: le,
             onClick: s,
             type: "button",
             "aria-label": "Show info",
@@ -2261,69 +2270,75 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   renderMessageInputFooter: a,
   renderConversationFooter: r,
   onLeaveConversation: i,
-  onBlockParticipant: l,
-  showDeleteConversation: o = !0,
+  onBlockParticipant: o,
+  showDeleteConversation: l = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: m,
-  onReportParticipantClick: f,
-  showStarButton: u = !1,
-  chatbotVotingEnabled: g = !1,
-  renderChannelBanner: c,
-  customProfileContent: b,
-  customChannelActions: w,
-  renderMessage: v,
-  dmAgentEnabled: N = !1,
-  viewerLanguage: x
+  onReportParticipantClick: g,
+  showBlockParticipant: u = !0,
+  showReportParticipant: f = !0,
+  showFollowerStatus: c = !0,
+  composerDisabled: b = !1,
+  composerDisabledReason: N,
+  showStarButton: v = !1,
+  chatbotVotingEnabled: x = !1,
+  renderChannelBanner: w,
+  customProfileContent: M,
+  customChannelActions: A,
+  renderMessage: S,
+  dmAgentEnabled: L = !1,
+  viewerLanguage: I
 }) => {
-  var U, V, F, A, j, H;
-  const { channel: y } = se(), S = q(null), E = $.useMemo(() => {
-    var p, k;
-    const C = (p = y._client) == null ? void 0 : p.userID;
-    return C ? Object.values(((k = y.state) == null ? void 0 : k.members) || {}).find(
-      (B) => {
-        var X;
-        return ((X = B.user) == null ? void 0 : X.id) && B.user.id !== C;
+  var Y, W, $, p, _, R;
+  const { channel: C } = de(), k = K(null), E = O.useMemo(() => {
+    var q, Z;
+    const T = (q = C._client) == null ? void 0 : q.userID;
+    return T ? Object.values(((Z = C.state) == null ? void 0 : Z.members) || {}).find(
+      (ae) => {
+        var ee;
+        return ((ee = ae.user) == null ? void 0 : ee.id) && ae.user.id !== T;
       }
     ) : void 0;
-  }, [(U = y._client) == null ? void 0 : U.userID, (V = y.state) == null ? void 0 : V.members]), L = $.useMemo(() => {
-    var p, k;
-    const C = (p = y._client) == null ? void 0 : p.userID;
-    return C ? Object.values(((k = y.state) == null ? void 0 : k.members) || {}).find((B) => {
-      var X;
-      return ((X = B.user) == null ? void 0 : X.id) === C;
+  }, [(Y = C._client) == null ? void 0 : Y.userID, (W = C.state) == null ? void 0 : W.members]), D = O.useMemo(() => {
+    var q, Z;
+    const T = (q = C._client) == null ? void 0 : q.userID;
+    return T ? Object.values(((Z = C.state) == null ? void 0 : Z.members) || {}).find((ae) => {
+      var ee;
+      return ((ee = ae.user) == null ? void 0 : ee.id) === T;
     }) : void 0;
-  }, [(F = y._client) == null ? void 0 : F.userID, (A = y.state) == null ? void 0 : A.members]), T = ((j = L == null ? void 0 : L.user) == null ? void 0 : j.is_account) ?? (L == null ? void 0 : L.is_account), M = ((H = E == null ? void 0 : E.user) == null ? void 0 : H.is_account) ?? (E == null ? void 0 : E.is_account), I = N && T === !1 && M === !0, D = $.useMemo(() => {
-    const C = y.data ?? {};
-    if (C.followerStatus)
-      return String(C.followerStatus);
-    if (C.isFollower !== void 0)
-      return C.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [y.data]), P = Y(() => {
-    var C;
-    (C = S.current) == null || C.showModal();
-  }, []), G = Y(() => {
-    var C;
-    (C = S.current) == null || C.close();
-  }, []), O = Y(
-    (C) => {
-      const { message: R } = he("ChannelView"), p = /* @__PURE__ */ n(
+  }, [($ = C._client) == null ? void 0 : $.userID, (p = C.state) == null ? void 0 : p.members]), V = ((_ = D == null ? void 0 : D.user) == null ? void 0 : _.is_account) ?? (D == null ? void 0 : D.is_account), F = ((R = E == null ? void 0 : E.user) == null ? void 0 : R.is_account) ?? (E == null ? void 0 : E.is_account), X = L && V === !1 && F === !0, U = O.useMemo(() => {
+    if (!c) return;
+    const T = C.data ?? {};
+    if (T.followerStatus)
+      return String(T.followerStatus);
+    if (T.isFollower !== void 0)
+      return T.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [C.data, c]), G = H(() => {
+    var T;
+    (T = k.current) == null || T.showModal();
+  }, []), P = H(() => {
+    var T;
+    (T = k.current) == null || T.close();
+  }, []), B = H(
+    (T) => {
+      const { message: j } = be("ChannelView"), q = /* @__PURE__ */ n(
         ya,
         {
-          ...C,
-          chatbotVotingEnabled: g,
-          viewerLanguage: x
+          ...T,
+          chatbotVotingEnabled: x,
+          viewerLanguage: I
         }
       );
-      return !v || !R ? p : v(p, R);
+      return !S || !j ? q : S(q, j);
     },
-    [g, v, x]
+    [x, S, I]
   );
-  return /* @__PURE__ */ h(ne, { children: [
+  return /* @__PURE__ */ h(re, { children: [
     /* @__PURE__ */ n(
       rs,
       {
         overrides: {
-          Message: O,
+          Message: B,
           MessageActions: Ea
         },
         children: /* @__PURE__ */ h(is, { children: [
@@ -2332,13 +2347,13 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             {
               onBack: e,
               showBackButton: t,
-              onShowInfo: P,
+              onShowInfo: G,
               canShowInfo: !!E,
-              showStarButton: u,
-              dmAgentEnabled: I
+              showStarButton: v,
+              dmAgentEnabled: X
             }
           ) }, "lt-channel-header"),
-          c ? /* @__PURE__ */ n($.Fragment, { children: c() }, "lt-channel-banner") : null,
+          w ? /* @__PURE__ */ n(O.Fragment, { children: w() }, "lt-channel-banner") : null,
           /* @__PURE__ */ n(
             "div",
             {
@@ -2353,12 +2368,14 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             },
             "lt-channel-message-list"
           ),
-          r ? /* @__PURE__ */ n($.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
+          r ? /* @__PURE__ */ n(O.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
           /* @__PURE__ */ n(
             Da,
             {
-              renderActions: () => s == null ? void 0 : s(y),
-              renderFooter: () => a == null ? void 0 : a(y)
+              renderActions: () => s == null ? void 0 : s(C),
+              renderFooter: () => a == null ? void 0 : a(C),
+              disabled: b,
+              disabledReason: N
             },
             "lt-channel-message-input"
           )
@@ -2368,24 +2385,26 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     /* @__PURE__ */ n(
       Fs,
       {
-        dialogRef: S,
-        onClose: G,
+        dialogRef: k,
+        onClose: P,
         participant: E,
-        participantDisplayName: ke(E == null ? void 0 : E.user),
-        channel: y,
-        followerStatusLabel: D,
+        participantDisplayName: Se(E == null ? void 0 : E.user),
+        channel: C,
+        followerStatusLabel: U,
         onLeaveConversation: i,
-        onBlockParticipant: l,
-        showDeleteConversation: o,
+        onBlockParticipant: o,
+        showDeleteConversation: l,
+        showBlockParticipant: u,
+        showReportParticipant: f,
         onDeleteConversationClick: d,
         onBlockParticipantClick: m,
-        onReportParticipantClick: f,
-        customProfileContent: b,
-        customChannelActions: w
+        onReportParticipantClick: g,
+        customProfileContent: M,
+        customChannelActions: A
       }
     )
   ] });
-}, dn = $.memo(
+}, dn = O.memo(
   ({
     channel: e,
     onBack: t,
@@ -2393,79 +2412,84 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     renderMessageInputActions: a,
     renderMessageInputFooter: r,
     renderConversationFooter: i,
-    onLeaveConversation: l,
-    onBlockParticipant: o,
+    onLeaveConversation: o,
+    onBlockParticipant: l,
     className: d,
     CustomChannelEmptyState: m = Ha,
-    showDeleteConversation: f = !0,
+    showDeleteConversation: g = !0,
     onDeleteConversationClick: u,
-    onBlockParticipantClick: g,
+    onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    dmAgentEnabled: b,
-    messageMetadata: w,
-    onMessageSent: v,
-    showStarButton: N = !1,
-    chatbotVotingEnabled: x = !1,
-    renderChannelBanner: y,
-    customProfileContent: S,
+    showBlockParticipant: b = !0,
+    showReportParticipant: N = !0,
+    showFollowerStatus: v = !0,
+    composerDisabled: x = !1,
+    composerDisabledReason: w,
+    dmAgentEnabled: M,
+    messageMetadata: A,
+    onMessageSent: S,
+    showStarButton: L = !1,
+    chatbotVotingEnabled: I = !1,
+    renderChannelBanner: C,
+    customProfileContent: k,
     customChannelActions: E,
-    renderMessage: L,
-    onMessageLinkClick: T,
-    sendButton: M,
-    attachmentPreviewList: I,
-    viewerLanguage: D
+    renderMessage: D,
+    onMessageLinkClick: V,
+    sendButton: F,
+    attachmentPreviewList: X,
+    viewerLanguage: U
   }) => {
-    const P = Y(
-      async (O, U, V) => {
-        var R;
-        const F = ((R = e.data) == null ? void 0 : R.chatbot_paused) === !0, A = b && !F, j = {
-          ...U,
-          ...A && { silent: !0 },
-          ...w && {
+    const G = H(
+      async (B, Y, W) => {
+        var j;
+        const $ = ((j = e.data) == null ? void 0 : j.chatbot_paused) === !0, p = M && !$, _ = {
+          ...Y,
+          ...p && { silent: !0 },
+          ...A && {
             metadata: {
-              ...U.metadata ?? {},
-              ...w
+              ...Y.metadata ?? {},
+              ...A
             }
           }
-        }, H = {
-          ...V,
-          ...A && { skip_push: !0 }
-        }, C = await e.sendMessage(j, H);
-        return v == null || v(C), C;
+        }, R = {
+          ...W,
+          ...p && { skip_push: !0 }
+        }, T = await e.sendMessage(_, R);
+        return S == null || S(T), T;
       },
-      [e, b, w, v]
-    ), G = q(null);
-    return W(() => {
-      if (!T) return;
-      const O = G.current;
-      if (!O) return;
-      const U = (V) => {
-        const F = V.target, A = F == null ? void 0 : F.closest("a[href]"), j = A == null ? void 0 : A.getAttribute("href");
-        if (!j) return;
-        const H = A == null ? void 0 : A.closest("[data-message-id]"), C = H == null ? void 0 : H.getAttribute("data-message-id"), R = C ? e.state.messages.find((p) => p.id === C) : void 0;
-        T(j, R);
+      [e, M, A, S]
+    ), P = K(null);
+    return J(() => {
+      if (!V) return;
+      const B = P.current;
+      if (!B) return;
+      const Y = (W) => {
+        const $ = W.target, p = $ == null ? void 0 : $.closest("a[href]"), _ = p == null ? void 0 : p.getAttribute("href");
+        if (!_) return;
+        const R = p == null ? void 0 : p.closest("[data-message-id]"), T = R == null ? void 0 : R.getAttribute("data-message-id"), j = T ? e.state.messages.find((q) => q.id === T) : void 0;
+        V(_, j);
       };
-      return O.addEventListener("click", U), () => O.removeEventListener("click", U);
-    }, [T, e]), /* @__PURE__ */ n(
+      return B.addEventListener("click", Y), () => B.removeEventListener("click", Y);
+    }, [V, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: G,
-        className: _(
+        ref: P,
+        className: y(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(cn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(cn.Provider, { value: M ?? !1, children: /* @__PURE__ */ n(
           as,
           {
             channel: e,
             MessageSystem: ja,
             EmptyStateIndicator: m,
-            LoadingIndicator: _e,
+            LoadingIndicator: ke,
             DateSeparator: $s,
             TypingIndicator: Ua,
-            doSendMessageRequest: P,
-            ...M ? { SendButton: M } : {},
-            ...I ? { AttachmentPreviewList: I } : {},
+            doSendMessageRequest: G,
+            ...F ? { SendButton: F } : {},
+            ...X ? { AttachmentPreviewList: X } : {},
             children: /* @__PURE__ */ n(
               Wa,
               {
@@ -2474,21 +2498,26 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 renderMessageInputActions: a,
                 renderMessageInputFooter: r,
                 renderConversationFooter: i,
-                onLeaveConversation: l,
-                onBlockParticipant: o,
+                onLeaveConversation: o,
+                onBlockParticipant: l,
                 CustomChannelEmptyState: m,
-                showDeleteConversation: f,
+                showDeleteConversation: g,
                 onDeleteConversationClick: u,
-                onBlockParticipantClick: g,
+                onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showStarButton: N,
-                dmAgentEnabled: b,
-                chatbotVotingEnabled: x,
-                renderChannelBanner: y,
-                customProfileContent: S,
+                showBlockParticipant: b,
+                showReportParticipant: N,
+                showFollowerStatus: v,
+                composerDisabled: x,
+                composerDisabledReason: w,
+                showStarButton: L,
+                dmAgentEnabled: M,
+                chatbotVotingEnabled: I,
+                renderChannelBanner: C,
+                customProfileContent: k,
                 customChannelActions: E,
-                renderMessage: L,
-                viewerLanguage: D
+                renderMessage: D,
+                viewerLanguage: U
               }
             )
           }
@@ -2498,7 +2527,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }
 );
 dn.displayName = "ChannelView";
-const de = $.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const he = O.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2512,7 +2541,7 @@ const de = $.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-de.displayName = "ErrorState";
+he.displayName = "ErrorState";
 const Ni = ({
   capabilities: e = {},
   renderMessageInputActions: t,
@@ -2520,123 +2549,123 @@ const Ni = ({
   onChannelSelect: a,
   onExitConversation: r,
   initialParticipantFilter: i,
-  initialParticipantData: l,
-  CustomChannelEmptyState: o,
+  initialParticipantData: o,
+  CustomChannelEmptyState: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: m,
-  dmAgentEnabled: f,
+  dmAgentEnabled: g,
   onMessageSent: u,
-  chatbotVotingEnabled: g = !1,
+  chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
   renderChannelBanner: b,
-  customChannelActions: w,
+  customChannelActions: N,
   renderMessage: v,
-  onMessageLinkClick: N
+  onMessageLinkClick: x
 }) => {
   const {
-    client: x,
-    isConnected: y,
-    isLoading: S,
-    error: E,
+    client: w,
+    isConnected: M,
+    isLoading: A,
+    error: S,
     refreshConnection: L,
-    service: T,
-    debug: M
-  } = Ms(), [I, D] = z(null), [P, G] = z(null), [O, U] = z(!1), { showDeleteConversation: V = !0 } = e, F = q(l);
-  F.current = l;
-  const A = q(a);
-  A.current = a, W(() => {
-    if (!x || !y) return;
+    service: I,
+    debug: C
+  } = Ms(), [k, E] = z(null), [D, V] = z(null), [F, X] = z(!1), { showDeleteConversation: U = !0 } = e, G = K(o);
+  G.current = o;
+  const P = K(a);
+  P.current = a, J(() => {
+    if (!w || !M) return;
     (async () => {
-      var p, k;
-      const R = x.userID;
-      if (R)
+      var p, _;
+      const $ = w.userID;
+      if ($)
         try {
-          M && console.log(
+          C && console.log(
             "[MessagingShell] Loading initial conversation with:",
             i
           );
-          const B = await x.queryChannels(
+          const R = await w.queryChannels(
             {
               type: "messaging",
-              members: { $eq: [R, i] }
+              members: { $eq: [$, i] }
             },
             {},
             { limit: 1 }
           );
-          if (B.length > 0) {
-            D(B[0]), G(null), (p = A.current) == null || p.call(A, B[0]), M && console.log(
+          if (R.length > 0) {
+            E(R[0]), V(null), (p = P.current) == null || p.call(P, R[0]), C && console.log(
               "[MessagingShell] Initial conversation loaded:",
-              B[0].id
+              R[0].id
             );
             return;
           }
-          const X = F.current;
-          if (!X || !T) {
-            G("No conversation found with this account"), M && console.log(
+          const T = G.current;
+          if (!T || !I) {
+            V("No conversation found with this account"), C && console.log(
               "[MessagingShell] No conversation found for:",
               i
             );
             return;
           }
           try {
-            const ee = await T.startChannelWithParticipant({
-              id: X.id,
-              name: X.name,
-              phone: X.phone
+            const j = await I.startChannelWithParticipant({
+              id: T.id,
+              name: T.name,
+              phone: T.phone
             });
-            D(ee), G(null), (k = A.current) == null || k.call(A, ee), M && console.log(
+            E(j), V(null), (_ = P.current) == null || _.call(P, j), C && console.log(
               "[MessagingShell] Channel created and loaded:",
-              ee.id
+              j.id
             );
-          } catch (ee) {
+          } catch (j) {
             console.error(
               "[MessagingShell] Failed to create conversation:",
-              ee
-            ), G("Failed to create conversation");
+              j
+            ), V("Failed to create conversation");
           }
-        } catch (B) {
+        } catch (R) {
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
-            B
-          ), G("Failed to load conversation");
+            R
+          ), V("Failed to load conversation");
         }
     })();
-  }, [i, x, y, T, M]);
-  const j = q(r);
-  j.current = r;
-  const H = Y(() => {
-    var C;
-    D(null), U(!0), (C = j.current) == null || C.call(j);
+  }, [i, w, M, I, C]);
+  const B = K(r);
+  B.current = r;
+  const Y = H(() => {
+    var W;
+    E(null), X(!0), (W = B.current) == null || W.call(B);
   }, []);
-  return S ? /* @__PURE__ */ n(_e, {}) : E ? /* @__PURE__ */ n(de, { message: E, onBack: L }) : !y || !x ? /* @__PURE__ */ n(
-    de,
+  return A ? /* @__PURE__ */ n(ke, {}) : S ? /* @__PURE__ */ n(he, { message: S, onBack: L }) : !M || !w ? /* @__PURE__ */ n(
+    he,
     {
       message: "Not connected to messaging service",
       onBack: L
     }
-  ) : P ? /* @__PURE__ */ n(de, { message: P }) : O && !I ? /* @__PURE__ */ n(de, { message: "Conversation ended" }) : I ? /* @__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(
+  ) : D ? /* @__PURE__ */ n(he, { message: D }) : F && !k ? /* @__PURE__ */ n(he, { message: "Conversation ended" }) : k ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     dn,
     {
-      channel: I,
+      channel: k,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: b,
-      onLeaveConversation: H,
-      onBlockParticipant: H,
-      CustomChannelEmptyState: o,
-      showDeleteConversation: V,
+      onLeaveConversation: Y,
+      onBlockParticipant: Y,
+      CustomChannelEmptyState: l,
+      showDeleteConversation: U,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
-      dmAgentEnabled: f,
+      dmAgentEnabled: g,
       onMessageSent: u,
-      chatbotVotingEnabled: g,
+      chatbotVotingEnabled: f,
       viewerLanguage: c,
-      customChannelActions: w,
+      customChannelActions: N,
       renderMessage: v,
-      onMessageLinkClick: N
+      onMessageLinkClick: x
     },
-    I.id
-  ) }) }) : /* @__PURE__ */ n(_e, {});
+    k.id
+  ) }) }) : /* @__PURE__ */ n(ke, {});
 };
 function Xa(e) {
   const t = e.state.pending_messages;
@@ -2644,14 +2673,14 @@ function Xa(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const un = $.createContext({
+const un = O.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Ka = un.Provider, Ja = () => $.useContext(un), Za = (e, t) => {
+}), Ka = un.Provider, Ja = () => O.useContext(un), Za = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -2672,51 +2701,51 @@ const un = $.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = $.memo(
+}, mn = O.memo(
   ({ channel: e, unread: t }) => {
-    var L, T, M;
+    var L, I, C;
     const {
       selectedChannel: s,
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
-      viewerLanguage: l
-    } = Ja(), o = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+      viewerLanguage: o
+    } = Ja(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, m = (I) => {
-      const D = I.key === "Enter" || I.key === " ", P = I.repeat;
-      !D || P || (I.preventDefault(), d());
+    }, m = (k) => {
+      const E = k.key === "Enter" || k.key === " ", D = k.repeat;
+      !E || D || (k.preventDefault(), d());
     }, u = Object.values(((L = e == null ? void 0 : e.state) == null ? void 0 : L.members) || {}).find(
-      (I) => {
-        var D, P;
-        return ((D = I.user) == null ? void 0 : D.id) && I.user.id !== ((P = e == null ? void 0 : e._client) == null ? void 0 : P.userID);
+      (k) => {
+        var E, D;
+        return ((E = k.user) == null ? void 0 : E.id) && k.user.id !== ((D = e == null ? void 0 : e._client) == null ? void 0 : D.userID);
       }
-    ), g = ke(u == null ? void 0 : u.user), c = (T = u == null ? void 0 : u.user) == null ? void 0 : T.image, b = (() => {
-      var D;
-      const I = (D = e == null ? void 0 : e.state) == null ? void 0 : D.messages;
-      if (I != null && I.length) {
-        for (let P = I.length - 1; P >= 0; P--)
-          if (I[P].type !== "system") return I[P];
+    ), f = Se(u == null ? void 0 : u.user), c = (I = u == null ? void 0 : u.user) == null ? void 0 : I.image, b = (() => {
+      var E;
+      const k = (E = e == null ? void 0 : e.state) == null ? void 0 : E.messages;
+      if (k != null && k.length) {
+        for (let D = k.length - 1; D >= 0; D--)
+          if (k[D].type !== "system") return k[D];
       }
     })(), v = (() => {
-      var U, V, F, A;
-      const I = Kt({
+      var X, U, G, P;
+      const k = Kt({
         message: b,
-        viewerLanguage: l
+        viewerLanguage: o
       });
-      if (((U = b == null ? void 0 : b.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_TIP") return I ? `💵 ${I}` : "💵 Sent a tip";
-      if (((V = b == null ? void 0 : b.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_PAID") return I ? `💰 ${I}` : "💰 Sent a message";
-      if (((F = b == null ? void 0 : b.metadata) == null ? void 0 : F.custom_type) === "MESSAGE_ATTACHMENT") return I ? `📎 ${I}` : "📎 Sent an attachment";
-      if (I) return I;
-      const O = (A = b == null ? void 0 : b.attachments) == null ? void 0 : A[0];
-      return O ? O.og_scrape_url ? O.og_scrape_url : O.type === "image" ? "📷 Sent an image" : O.type === "video" ? "🎥 Sent a video" : O.type === "audio" ? "🎵 Sent audio" : O.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), N = b != null && b.created_at ? Qa(new Date(b.created_at)) : "", x = b ? Ne(b) : !1, y = i ? i(b, v) : `${x ? "✨ " : ""}${v}`, S = Xt(e), E = t ?? 0;
+      if (((X = b == null ? void 0 : b.metadata) == null ? void 0 : X.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
+      if (((U = b == null ? void 0 : b.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
+      if (((G = b == null ? void 0 : b.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return k ? `📎 ${k}` : "📎 Sent an attachment";
+      if (k) return k;
+      const F = (P = b == null ? void 0 : b.attachments) == null ? void 0 : P[0];
+      return F ? F.og_scrape_url ? F.og_scrape_url : F.type === "image" ? "📷 Sent an image" : F.type === "video" ? "🎥 Sent a video" : F.type === "audio" ? "🎵 Sent audio" : F.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), x = b != null && b.created_at ? Qa(new Date(b.created_at)) : "", w = b ? Ce(b) : !1, M = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, A = Xt(e), S = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
-      isSelected: o,
-      participantName: g,
-      unreadCount: E,
-      hasTimestamp: !!N
+      isSelected: l,
+      participantName: f,
+      unreadCount: S,
+      hasTimestamp: !!x
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2724,22 +2753,22 @@ const un = $.createContext({
         tabIndex: 0,
         onClick: d,
         onKeyDown: m,
-        className: _(
+        className: y(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
           {
-            "bg-primary-alt/10 border-l-4 border-l-primary": o,
-            "hover:bg-sand": !o
+            "bg-primary-alt/10 border-l-4 border-l-primary": l,
+            "hover:bg-sand": !l
           }
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ n(
-            Z,
+            ne,
             {
-              id: ((M = u == null ? void 0 : u.user) == null ? void 0 : M.id) || e.id || "unknown",
-              name: g,
+              id: ((C = u == null ? void 0 : u.user) == null ? void 0 : C.id) || e.id || "unknown",
+              name: f,
               image: c,
               size: 44,
-              starred: S,
+              starred: A,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -2748,21 +2777,21 @@ const un = $.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: _(
+                  className: y(
                     "text-sm font-medium truncate",
-                    o ? "text-primary" : "text-charcoal"
+                    l ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    S && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
-                    g
+                    A && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    f
                   ]
                 }
               ),
-              N && /* @__PURE__ */ n("span", { className: "text-xs text-stone flex-shrink-0", children: N })
+              x && /* @__PURE__ */ n("span", { className: "text-xs text-stone flex-shrink-0", children: x })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: y }),
-              E > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: E > 99 ? "99+" : E })
+              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: M }),
+              S > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: S > 99 ? "99+" : S })
             ] })
           ] })
         ] })
@@ -2771,7 +2800,7 @@ const un = $.createContext({
   }
 );
 mn.displayName = "CustomChannelPreview";
-const er = { last_message_at: -1 }, tr = $.memo(
+const er = { last_message_at: -1 }, tr = O.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -2779,27 +2808,27 @@ const er = { last_message_at: -1 }, tr = $.memo(
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
     sort: i = er,
-    className: l,
-    customEmptyStateIndicator: o,
+    className: o,
+    customEmptyStateIndicator: l,
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const f = $.useRef(0);
-    f.current++;
-    const { debug: u = !1 } = Ye(), g = $.useCallback(
+    const g = O.useRef(0);
+    g.current++;
+    const { debug: u = !1 } = We(), f = O.useCallback(
       (b) => {
-        for (const w of b)
-          Xa(w);
+        for (const N of b)
+          Xa(N);
         return r ? r(b) : b;
       },
       [r]
     );
     u && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: f.current,
+      renderCount: g.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = $.useMemo(
+    const c = O.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2818,9 +2847,9 @@ const er = { last_message_at: -1 }, tr = $.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: _(
+        className: y(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          l
+          o
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Ka, { value: c, children: /* @__PURE__ */ n(
           ls,
@@ -2829,9 +2858,9 @@ const er = { last_message_at: -1 }, tr = $.memo(
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: g,
+            channelRenderFilterFn: f,
             Preview: mn,
-            EmptyStateIndicator: o
+            EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
         ) }) })
@@ -2841,7 +2870,7 @@ const er = { last_message_at: -1 }, tr = $.memo(
 );
 tr.displayName = "ChannelList";
 const nr = /^([a-z][a-z0-9+.-]*):/i, sr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function Ze(e) {
+function et(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
@@ -2856,10 +2885,10 @@ const ar = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, rr = ({ variant: e, cta: t }) => {
-  const s = _(
+  const s = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     ar[e]
-  ), a = Ze(t.href);
+  ), a = et(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
     {
@@ -2891,22 +2920,22 @@ const ar = {
 }, or = "text-white/30", lr = {
   dark: "text-white/55",
   light: "text-black/55"
-}, Qe = ({
+}, tt = ({
   variant: e,
   title: t,
   placeholderTitle: s,
   description: a,
   url: r,
   appIcon: i,
-  cta: l,
-  trailingAction: o
+  cta: o,
+  trailingAction: l
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", f = m.trim() !== "", u = a != null && a.trim() !== "", g = typeof r == "string" ? r.trim() : "", c = g !== "", b = l != null;
-  if (!f && !u && !c && !b) return null;
-  const v = _(
+  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
+  if (!g && !u && !c && !b) return null;
+  const v = y(
     "truncate text-base font-medium leading-6",
     d && !t ? or : ir[e]
-  ), N = _(
+  ), x = y(
     "truncate text-xs leading-4",
     lr[e]
   );
@@ -2914,44 +2943,44 @@ const ar = {
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
-          f && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", 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: _("min-w-0", v), children: m })
+            /* @__PURE__ */ n("p", { className: y("min-w-0", v), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: N, children: a })
+          u && /* @__PURE__ */ n("p", { className: x, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: N, children: g })
+        !b && c && /* @__PURE__ */ n("p", { className: x, children: f })
       ] }),
-      o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
+      l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    l && /* @__PURE__ */ n(rr, { variant: e, cta: l })
+    o && /* @__PURE__ */ n(rr, { variant: e, cta: o })
   ] });
-}, cr = _(
+}, cr = y(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), ye = ({
+), Ee = ({
   variant: e,
   children: t,
   href: s,
   onClick: a,
   ariaLabel: r,
   rootRef: i,
-  topRight: l,
-  bgClassName: o,
+  topRight: o,
+  bgClassName: l,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, f = _(
+  const m = s != null || a != null, g = y(
     cr,
-    o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
+    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
     // with offset, so keyboard users can see the focused card.
     m ? "cursor-pointer no-underline focus-ring" : null
-  ), u = l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
+  ), u = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
   return s ? /* @__PURE__ */ h(
     "a",
     {
@@ -2961,7 +2990,7 @@ const ar = {
       rel: "noopener noreferrer",
       onClick: a,
       "data-testid": d,
-      className: f,
+      className: g,
       children: [
         t,
         u
@@ -2975,7 +3004,7 @@ const ar = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: _(f, "text-left"),
+      className: y(g, "text-left"),
       children: [
         t,
         u
@@ -2986,7 +3015,7 @@ const ar = {
     {
       ref: i,
       "data-testid": d,
-      className: f,
+      className: g,
       children: [
         t,
         u
@@ -2999,21 +3028,21 @@ const ar = {
 }, ur = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ee = (e, t) => !!t && !!e && Q(e) === "audio", hn = (e, t) => {
+}, Te = (e, t) => !!t && !!e && se(e) === "audio", hn = (e, t) => {
   if (!t || !e) return !1;
-  const s = Q(e);
+  const s = se(e);
   return s === "video" || s === "audio";
-}, et = "bg-[#F2F3F4]", Ce = ({
+}, nt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
   title: a,
   mimeType: r = "image/*",
   topLeft: i,
-  topRight: l
+  topRight: o
 }) => {
-  const o = Q(r), d = !!s && o === "video";
-  return Ee(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  const l = se(r), d = !!s && l === "video";
+  return Te(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -3025,7 +3054,7 @@ const ar = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: _(
+      className: y(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3052,18 +3081,18 @@ const ar = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: _(
+            className: y(
               "flex h-full w-full items-center justify-center",
               dr[e]
             ),
-            children: oe(r, {
+            children: ce(r, {
               className: ur[e],
               weight: "regular"
             })
           }
         ),
         i ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-10", children: i }) : null,
-        l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null
+        o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null
       ]
     }
   );
@@ -3074,23 +3103,23 @@ const ar = {
   url: a,
   mimeType: r,
   thumbnailUrl: i,
-  sourceUrl: l,
-  layout: o = "featured",
+  sourceUrl: o,
+  layout: l = "featured",
   appIcon: d,
   cta: m,
-  onDismiss: f,
+  onDismiss: g,
   onEditClick: u
 }) => {
-  const g = o === "classic", c = Ee(r, l), b = f ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Te(r, o), b = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: f,
+      onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ n(fe, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(pe, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, w = u ? /* @__PURE__ */ n(
+  ) : void 0, N = u ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3100,36 +3129,36 @@ const ar = {
       children: /* @__PURE__ */ n(Ss, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(ye, { variant: "dark", bgClassName: et, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: nt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Ce,
+      Ie,
       {
         variant: "dark",
-        sourceUrl: l,
+        sourceUrl: o,
         title: e,
         mimeType: r
       }
     ) }),
     b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ h(
-    ye,
+    Ee,
     {
       variant: "dark",
-      topRight: g ? b : void 0,
+      topRight: f ? b : void 0,
       children: [
-        !g && /* @__PURE__ */ n(
-          Ce,
+        !f && /* @__PURE__ */ n(
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: i,
-            sourceUrl: l,
+            sourceUrl: o,
             title: e,
             mimeType: r,
             topRight: b
           }
         ),
         /* @__PURE__ */ n(
-          Qe,
+          tt,
           {
             variant: "dark",
             title: e,
@@ -3138,7 +3167,7 @@ const ar = {
             url: a,
             appIcon: d,
             cta: m,
-            trailingAction: w
+            trailingAction: N
           }
         )
       ]
@@ -3151,12 +3180,12 @@ const ar = {
   mimeType: a,
   thumbnailUrl: r,
   sourceUrl: i,
-  layout: l = "featured",
-  appIcon: o,
+  layout: o = "featured",
+  appIcon: l,
   cta: d,
   onClick: m
 }) => {
-  const f = hn(a, i), u = Ze(s), g = d == null && u != null && !f ? u : void 0, c = d == null && !f ? m : void 0, b = Ee(a, i) ? et : void 0, w = d && m ? {
+  const g = hn(a, i), u = et(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = Te(a, i) ? nt : void 0, N = d && m ? {
     ...d,
     onClick: () => {
       var v;
@@ -3164,17 +3193,17 @@ const ar = {
     }
   } : d;
   return /* @__PURE__ */ h(
-    ye,
+    Ee,
     {
       variant: "light",
-      href: g,
+      href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
       bgClassName: b,
       "data-testid": "link-attachment",
       children: [
-        l === "featured" && /* @__PURE__ */ n(
-          Ce,
+        o === "featured" && /* @__PURE__ */ n(
+          Ie,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3184,14 +3213,14 @@ const ar = {
           }
         ),
         /* @__PURE__ */ n(
-          Qe,
+          tt,
           {
             variant: "light",
             title: e,
             description: t,
             url: s,
-            appIcon: o,
-            cta: w
+            appIcon: l,
+            cta: N
           }
         )
       ]
@@ -3204,33 +3233,33 @@ const ar = {
   url: a,
   mimeType: r,
   thumbnailUrl: i,
-  sourceUrl: l,
-  layout: o = "featured",
+  sourceUrl: o,
+  layout: l = "featured",
   appIcon: d,
   cta: m,
-  onClick: f
+  onClick: g
 }) => {
-  const u = hn(r, l), g = Ze(a), c = m == null && g != null && !u ? g : void 0, b = m == null && !u && c != null ? f : void 0;
+  const u = hn(r, o), f = et(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
-    ye,
+    Ee,
     {
       variant: "dark",
       href: c,
       onClick: b,
-      bgClassName: Ee(r, l) ? et : void 0,
+      bgClassName: Te(r, o) ? nt : void 0,
       children: [
-        o === "featured" && /* @__PURE__ */ n(
-          Ce,
+        l === "featured" && /* @__PURE__ */ n(
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: i,
-            sourceUrl: l,
+            sourceUrl: o,
             title: e,
             mimeType: r
           }
         ),
         /* @__PURE__ */ n(
-          Qe,
+          tt,
           {
             variant: "dark",
             title: e,
@@ -3270,22 +3299,22 @@ const ar = {
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, ge = ({
+}, ve = ({
   variant: e,
   text: t,
   bordered: s = !0,
   groupPosition: a = "single",
   className: r,
   children: i,
-  "data-testid": l
+  "data-testid": o
 }) => {
-  const o = t != null && t !== "", d = xr[vr(e)][a];
+  const l = t != null && t !== "", d = xr[vr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
-      "data-testid": l,
+      "data-testid": o,
       "data-group-position": a,
-      className: _(
+      className: y(
         // 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
@@ -3302,10 +3331,10 @@ const ar = {
       ),
       children: [
         i,
-        o ? /* @__PURE__ */ n(
+        l ? /* @__PURE__ */ n(
           "p",
           {
-            className: _(
+            className: y(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3322,7 +3351,7 @@ const ar = {
       ]
     }
   );
-}, be = ({
+}, xe = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3334,13 +3363,13 @@ const ar = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: _(
+    className: y(
       "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(fe, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(pe, { className: "size-3", weight: "bold" })
   }
-), pe = (e) => e === "received" ? "light" : "dark", yi = ({
+), we = (e) => e === "received" ? "light" : "dark", yi = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -3361,44 +3390,44 @@ const ar = {
     }
   ),
   s ?? null
-] }), tt = ({
+] }), st = ({
   state: e,
   src: t,
   mimeType: s,
   filename: a,
   items: r,
   text: i,
-  groupPosition: l,
-  preload: o,
+  groupPosition: o,
+  preload: l,
   onDismiss: d
 }) => {
-  const m = pe(e), f = e === "composer" && !!d, u = wr({ src: t, mimeType: s, filename: a, items: r });
+  const m = we(e), g = e === "composer" && !!d, u = wr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
-  const g = o ?? (u.length > 1 ? "none" : "metadata");
+  const f = l ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    ge,
+    ve,
     {
       variant: m,
       text: i,
-      groupPosition: l,
+      groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
         Nr,
         {
           item: c,
-          preload: g,
+          preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            f && b === 0 ? /* @__PURE__ */ n(be, { onClick: d, variant: "inline" }) : void 0
+            g && b === 0 ? /* @__PURE__ */ n(xe, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${b}`
       )) })
     }
   );
-}, _r = (e) => /* @__PURE__ */ n(tt, { ...e, state: "composer" }), yr = (e) => /* @__PURE__ */ n(tt, { ...e, state: "sent" }), Cr = (e) => /* @__PURE__ */ n(tt, { ...e, state: "received" }), kr = {
+}, _r = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), yr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Cr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), kr = {
   Composer: _r,
   Sent: yr,
   Received: Cr
@@ -3425,7 +3454,7 @@ function Sr(e, t) {
     }
   }
   if (!e) return;
-  if (Q(e) === "document") {
+  if (se(e) === "document") {
     const r = Qt(e), i = Ir[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -3438,7 +3467,7 @@ function Tr(e, t, s) {
   const a = Sr(e, t), r = typeof s == "number" && s > 0 ? Er(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function K(e) {
+function Q(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3462,19 +3491,19 @@ const Ar = {
   mimeType: a = "application/octet-stream",
   fileSize: r,
   onActivate: i,
-  activateLabel: l,
-  trailingAction: o
+  activateLabel: o,
+  trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Tr(a, t, r), f = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Tr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: _(
+      className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
         Mr[e]
       ),
       "aria-hidden": !0,
-      children: oe(a, {
-        className: _("size-6", Dr[e]),
+      children: ce(a, {
+        className: y("size-6", Dr[e]),
         weight: "regular"
       })
     }
@@ -3483,44 +3512,44 @@ const Ar = {
     m ? /* @__PURE__ */ n(
       "p",
       {
-        className: _(
+        className: y(
           "truncate text-xs leading-4",
           Ar[e]
         ),
         children: m
       }
     ) : null
-  ] }), g = i ? /* @__PURE__ */ h(
+  ] }), f = i ? /* @__PURE__ */ h(
     "button",
     {
       type: "button",
       onClick: i,
-      "aria-label": l,
-      className: _(
+      "aria-label": o,
+      className: y(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
       children: [
-        f,
+        g,
         u
       ]
     }
-  ) : /* @__PURE__ */ h(ne, { children: [
-    f,
+  ) : /* @__PURE__ */ h(re, { children: [
+    g,
     u
   ] });
   return /* @__PURE__ */ h("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-    g,
-    o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
+    f,
+    l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
 async function gn(e, t) {
-  const s = t ?? K(e);
+  const s = t ?? Q(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
-    const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
-    l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
+    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);
   } catch {
     if (!window.open(e, "_blank", "noopener,noreferrer")) {
       const r = document.createElement("a");
@@ -3542,7 +3571,7 @@ const Rr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? K(t.src);
+  const i = t.filename ?? Q(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -3556,76 +3585,76 @@ const Rr = ({
       trailingAction: r
     }
   );
-}, nt = ({
+}, at = ({
   state: e,
   src: t,
   filename: s,
   fileSize: a,
   mimeType: r,
   title: i,
-  items: l,
-  text: o,
+  items: o,
+  text: l,
   groupPosition: d,
   onClick: m,
-  onDismiss: f
+  onDismiss: g
 }) => {
-  const u = pe(e), g = e === "composer" && !!f, c = Rr({
+  const u = we(e), f = e === "composer" && !!g, c = Rr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
-    items: l
+    items: o
   }), b = (v) => {
     if ((m == null ? void 0 : m(v)) === !1) return;
-    const N = c[v];
-    if (!N) return;
-    const x = N.filename ?? K(N.src);
-    gn(N.src, x);
+    const x = c[v];
+    if (!x) return;
+    const w = x.filename ?? Q(x.src);
+    gn(x.src, w);
   };
   if (c.length === 0)
     return null;
-  const w = /* @__PURE__ */ n(
+  const N = /* @__PURE__ */ n(
     "span",
     {
-      className: _(
+      className: y(
         "flex size-8 items-center justify-center rounded-full",
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(me, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(ge, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    ge,
+    ve,
     {
       variant: u,
-      text: o,
+      text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, N) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ n(
         Lr,
         {
           variant: u,
           item: v,
-          index: N,
+          index: x,
           onActivate: b,
-          trailingAction: g && N === 0 ? /* @__PURE__ */ n(be, { onClick: f, variant: "inline" }) : w
+          trailingAction: f && x === 0 ? /* @__PURE__ */ n(xe, { onClick: g, variant: "inline" }) : N
         },
-        `${v.src}-${N}`
+        `${v.src}-${x}`
       )) })
     }
   );
-}, Pr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), zr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Or = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Fr = {
+}, Pr = (e) => /* @__PURE__ */ n(at, { ...e, state: "composer" }), zr = (e) => /* @__PURE__ */ n(at, { ...e, state: "sent" }), Or = (e) => /* @__PURE__ */ n(at, { ...e, state: "received" }), Fr = {
   Composer: Pr,
   Sent: zr,
   Received: Or
-}, st = ({
+}, rt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(ne, { children: [
+}) => /* @__PURE__ */ h(re, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3643,7 +3672,7 @@ const Rr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n($e, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(je, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), bn = ({
@@ -3653,17 +3682,17 @@ const Rr = ({
   label: a = "Download",
   iconOnly: r,
   tone: i = "dark",
-  onTriggered: l
+  onTriggered: o
 }) => {
-  const [o, d] = z(!1), m = Y(
+  const [l, d] = z(!1), m = H(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), gn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
       }).finally(() => {
-        d(!1), l == null || l();
+        d(!1), o == null || o();
       }));
     },
-    [o, e, t, l]
-  ), f = r ?? s !== "pill", g = { className: _(
+    [l, e, t, o]
+  ), g = r ?? s !== "pill", f = { className: y(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3672,24 +3701,24 @@ const Rr = ({
     {
       type: "button",
       onClick: m,
-      disabled: o,
+      disabled: l,
       "aria-label": a,
-      className: _(
+      className: y(
         "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",
           light: "text-black/70 hover:bg-black/[0.08] hover:text-black"
         }[i]
       ),
-      children: o ? /* @__PURE__ */ n(
-        ue,
+      children: l ? /* @__PURE__ */ n(
+        fe,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        me,
+        ge,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -3702,73 +3731,73 @@ const Rr = ({
     {
       type: "button",
       onClick: m,
-      disabled: o,
+      disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ n(ue, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(me, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ n(fe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(ge, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
     {
       type: "button",
       onClick: m,
-      disabled: o,
-      "aria-label": f ? a : void 0,
-      className: _(
+      disabled: l,
+      "aria-label": g ? a : void 0,
+      className: y(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
       children: [
-        o ? /* @__PURE__ */ n(
-          ue,
+        l ? /* @__PURE__ */ n(
+          fe,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(me, { ...g, "aria-hidden": !0 }),
-        f ? null : a
+        ) : /* @__PURE__ */ n(ge, { ...f, "aria-hidden": !0 }),
+        g ? null : a
       ]
     }
   );
-}, Pe = (e, t, s) => Math.min(Math.max(e, t), s), at = ({
+}, Oe = (e, t, s) => Math.min(Math.max(e, t), s), it = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = Pe(t, 0, Math.max(e - 1, 0)), [r, i] = z(a);
-  W(() => {
-    s && i(Pe(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), W(() => {
-    i((d) => Pe(d, 0, Math.max(e - 1, 0)));
+  const a = Oe(t, 0, Math.max(e - 1, 0)), [r, i] = z(a);
+  J(() => {
+    s && i(Oe(t, 0, Math.max(e - 1, 0)));
+  }, [s, t, e]), J(() => {
+    i((d) => Oe(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = Y(() => {
+  const o = H(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = Y(() => {
+  }, [e]), l = H(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return W(() => {
+  return J(() => {
     if (!s || e <= 1) return;
     const d = (m) => {
       if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
-      const f = document.activeElement;
-      f && (f.tagName === "VIDEO" || f.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? l() : o());
+      const g = document.activeElement;
+      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? o() : l());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [s, e, l, o]), { index: r, prev: l, next: o };
-}, rt = ({
+  }, [s, e, o, l]), { index: r, prev: o, next: l };
+}, ot = ({
   open: e,
   onClose: t,
   ariaLabel: s,
   counter: a,
   actions: r,
   children: i,
-  "data-testid": l
+  "data-testid": o
 }) => {
-  const o = q(null), d = q(null);
-  return W(() => {
-    var g;
-    const u = o.current;
+  const l = K(null), d = K(null);
+  return J(() => {
+    var f;
+    const u = l.current;
     if (u) {
       if (e) {
         if (!u.open)
@@ -3781,7 +3810,7 @@ const Rr = ({
           else
             u.setAttribute("open", "");
         const c = typeof document < "u" ? document.activeElement : null;
-        return (g = d.current) == null || g.focus(), () => {
+        return (f = d.current) == null || f.focus(), () => {
           if (u.open)
             if (typeof u.close == "function")
               try {
@@ -3814,15 +3843,15 @@ const Rr = ({
   /* @__PURE__ */ h(
     "dialog",
     {
-      ref: o,
+      ref: l,
       className: "mes-media-viewer",
       "aria-label": s ?? "Attachment viewer",
-      "data-testid": l,
+      "data-testid": o,
       onClose: () => {
         t();
       },
       onClick: (u) => {
-        u.target === o.current && t();
+        u.target === l.current && t();
       },
       children: [
         /* @__PURE__ */ h("div", { className: "mes-media-viewer__chrome", children: [
@@ -3837,7 +3866,7 @@ const Rr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(fe, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(pe, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3852,16 +3881,16 @@ const Rr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = at({
+  const { index: r, prev: i, next: o } = it({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = J(
-    () => (o == null ? void 0 : o.filename) ?? (o ? K(o.src) : "image"),
-    [o]
+  }), l = t[r], d = te(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "image"),
+    [l]
   );
-  return o ? /* @__PURE__ */ h(
-    rt,
+  return l ? /* @__PURE__ */ h(
+    ot,
     {
       open: e,
       onClose: a,
@@ -3870,7 +3899,7 @@ const Rr = ({
       actions: /* @__PURE__ */ n(
         bn,
         {
-          url: o.src,
+          url: l.src,
           filename: d,
           variant: "viewer",
           label: `Download ${d}`
@@ -3881,20 +3910,20 @@ const Rr = ({
         /* @__PURE__ */ n(
           "img",
           {
-            src: o.src,
-            alt: o.alt ?? d,
+            src: l.src,
+            alt: l.alt ?? d,
             draggable: !1,
             loading: "eager",
             decoding: "async",
             className: "mes-media-viewer__image"
           },
-          `${r}:${o.src}`
+          `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          st,
+          rt,
           {
             onPrev: i,
-            onNext: l,
+            onNext: o,
             prevLabel: "Previous image",
             nextLabel: "Next image"
           }
@@ -3910,76 +3939,76 @@ const Rr = ({
 }) => {
   const r = e.length;
   if (r === 0) return null;
-  const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, m, f) => {
-    const u = _($r, "h-full w-full");
+  const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, g) => {
+    const u = y($r, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: _(u, "cursor-zoom-in"),
+        className: y(u, "cursor-zoom-in"),
         children: [
           d.content,
-          f
+          g
         ]
       },
       m
     ) : /* @__PURE__ */ h("div", { className: u, children: [
       d.content,
-      f
+      g
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: _("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: _(
+      className: y(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
-      children: i.map((d, m) => o(d, m))
+      children: i.map((d, m) => l(d, m))
     }
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: _(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
       children: [
-        /* @__PURE__ */ n("div", { className: "row-span-2", children: o(i[0], 0) }),
-        o(i[1], 1),
-        o(i[2], 2)
+        /* @__PURE__ */ n("div", { className: "row-span-2", children: l(i[0], 0) }),
+        l(i[1], 1),
+        l(i[2], 2)
       ]
     }
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: _(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
       children: i.map((d, m) => {
-        const f = l > 0 && m === i.length - 1;
-        return o(
+        const g = o > 0 && m === i.length - 1;
+        return l(
           d,
           m,
-          f ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
+          g ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
-            l
+            o
           ] }) : null
         );
       })
     }
   );
-}, ve = (e) => {
-  const [t, s] = z(!1), [a, r] = z(0), i = Y(
-    (o) => {
-      (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
+}, Ne = (e) => {
+  const [t, s] = z(!1), [a, r] = z(0), i = H(
+    (l) => {
+      (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), l = Y(() => s(!1), []);
-  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
+  ), o = H(() => s(!1), []);
+  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
 }, Br = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
@@ -4004,7 +4033,7 @@ const Rr = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Vr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = ve(
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4028,13 +4057,13 @@ const Rr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(be, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       pn,
       {
-        open: l,
+        open: o,
         items: xn([{ src: e, alt: t }], s),
-        initialIndex: o,
+        initialIndex: l,
         onClose: m
       }
     )
@@ -4046,33 +4075,33 @@ const Rr = ({
   filename: a,
   items: r,
   text: i,
-  groupPosition: l,
-  loading: o = "lazy",
+  groupPosition: o,
+  loading: l = "lazy",
   onClick: d
 }) => {
-  const m = jr({ src: t, alt: s, items: r }), f = pe(e), { viewerOpen: u, viewerIndex: g, handleActivate: c, closeViewer: b } = ve(
+  const m = jr({ src: t, alt: s, items: r }), g = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = Ne(
     d
   );
   if (m.length === 0)
     return null;
-  const w = m.map(
-    (v, N) => Br(v, N, m.length, o)
+  const N = m.map(
+    (v, x) => Br(v, x, m.length, l)
   );
   return /* @__PURE__ */ h(
-    ge,
+    ve,
     {
-      variant: f,
+      variant: g,
       text: i,
-      groupPosition: l,
+      groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: w, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: N, onTileActivate: c }) }),
         /* @__PURE__ */ n(
           pn,
           {
             open: u,
             items: xn(m, a),
-            initialIndex: g,
+            initialIndex: f,
             onClose: b
           }
         )
@@ -4089,19 +4118,19 @@ const Rr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = at({
+  const { index: r, prev: i, next: o } = it({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = J(
-    () => (o == null ? void 0 : o.filename) ?? (o ? K(o.src) : "document"),
-    [o]
-  ), m = J(
-    () => o ? Wr(o.src) : void 0,
-    [o]
+  }), l = t[r], d = te(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "document"),
+    [l]
+  ), m = te(
+    () => l ? Wr(l.src) : void 0,
+    [l]
   );
-  return !o || !m ? null : /* @__PURE__ */ h(
-    rt,
+  return !l || !m ? null : /* @__PURE__ */ h(
+    ot,
     {
       open: e,
       onClose: a,
@@ -4117,13 +4146,13 @@ const Rr = ({
             className: "mes-media-viewer__iframe",
             sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
           },
-          `${r}:${o.src}`
+          `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          st,
+          rt,
           {
             onPrev: i,
-            onNext: l,
+            onNext: o,
             prevLabel: "Previous document",
             nextLabel: "Next document"
           }
@@ -4147,7 +4176,7 @@ const Rr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? K(t.src);
+  const i = t.filename ?? Q(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -4161,71 +4190,71 @@ const Rr = ({
       trailingAction: r
     }
   );
-}, it = ({
+}, lt = ({
   state: e,
   src: t,
   filename: s,
   fileSize: a,
   title: r,
   items: i,
-  text: l,
-  groupPosition: o,
+  text: o,
+  groupPosition: l,
   onClick: d,
   onDismiss: m
 }) => {
-  const f = pe(e), u = Xr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = ve(
+  const g = we(e), u = Xr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ne(
     d
   ), v = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const N = u.map((x) => ({
-    src: x.src,
-    filename: x.filename ?? K(x.src)
+  const x = u.map((w) => ({
+    src: w.src,
+    filename: w.filename ?? Q(w.src)
   }));
   return /* @__PURE__ */ h(
-    ge,
+    ve,
     {
-      variant: f,
-      text: l,
-      groupPosition: o,
+      variant: g,
+      text: o,
+      groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((x, y) => {
-          const S = x.filename ?? K(x.src), E = v && y === 0 ? /* @__PURE__ */ n(be, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, M) => {
+          const A = w.filename ?? Q(w.src), S = v && M === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             bn,
             {
-              url: x.src,
-              filename: S,
+              url: w.src,
+              filename: A,
               variant: "inline",
-              label: `Download ${S}`,
-              tone: f
+              label: `Download ${A}`,
+              tone: g
             }
           );
           return /* @__PURE__ */ n(
             Kr,
             {
-              variant: f,
-              item: x,
-              index: y,
+              variant: g,
+              item: w,
+              index: M,
               onActivate: b,
-              trailingAction: E
+              trailingAction: S
             },
-            `${x.src}-${y}`
+            `${w.src}-${M}`
           );
         }) }),
         /* @__PURE__ */ n(
           qr,
           {
-            open: g,
-            items: N,
+            open: f,
+            items: x,
             initialIndex: c,
-            onClose: w
+            onClose: N
           }
         )
       ]
     }
   );
-}, Jr = (e) => /* @__PURE__ */ n(it, { ...e, state: "composer" }), Zr = (e) => /* @__PURE__ */ n(it, { ...e, state: "sent" }), Qr = (e) => /* @__PURE__ */ n(it, { ...e, state: "received" }), ei = {
+}, Jr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Zr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Qr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), ei = {
   Composer: Jr,
   Sent: Zr,
   Received: Qr
@@ -4235,16 +4264,16 @@ const Rr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = at({
+  const { index: r, prev: i, next: o } = it({
     length: t.length,
     initialIndex: s,
     open: e
-  }), o = t[r], d = J(
-    () => (o == null ? void 0 : o.filename) ?? (o ? K(o.src) : "video"),
-    [o]
+  }), l = t[r], d = te(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "video"),
+    [l]
   );
-  return o ? /* @__PURE__ */ h(
-    rt,
+  return l ? /* @__PURE__ */ h(
+    ot,
     {
       open: e,
       onClose: a,
@@ -4255,23 +4284,23 @@ const Rr = ({
         /* @__PURE__ */ n(
           "video",
           {
-            src: o.src,
-            poster: o.poster,
+            src: l.src,
+            poster: l.poster,
             controls: !0,
             autoPlay: !0,
             muted: !0,
             playsInline: !0,
-            preload: o.preload ?? "metadata",
+            preload: l.preload ?? "metadata",
             className: "mes-media-viewer__video",
-            children: o.mimeType ? /* @__PURE__ */ n("source", { src: o.src, type: o.mimeType }) : null
+            children: l.mimeType ? /* @__PURE__ */ n("source", { src: l.src, type: l.mimeType }) : null
           },
-          `${r}:${o.src}`
+          `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          st,
+          rt,
           {
             onPrev: i,
-            onNext: l,
+            onNext: o,
             prevLabel: "Previous video",
             nextLabel: "Next video"
           }
@@ -4279,7 +4308,7 @@ const Rr = ({
       ]
     }
   ) : null;
-}, ti = () => /* @__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(Oe, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, ti = () => /* @__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($e, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4317,8 +4346,8 @@ const Rr = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), ai = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: f } = ve(
+})), ai = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = Ne(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4332,17 +4361,17 @@ const Rr = ({
         children: /* @__PURE__ */ n(_n, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(be, { onClick: l }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
       Nn,
       {
-        open: o,
+        open: l,
         items: yn(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
         initialIndex: d,
-        onClose: f
+        onClose: g
       }
     )
   ] });
@@ -4353,25 +4382,25 @@ const Rr = ({
   mimeType: a,
   filename: r,
   items: i,
-  text: l,
-  groupPosition: o,
+  text: o,
+  groupPosition: l,
   preload: d,
   onClick: m
 }) => {
-  const f = si({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = pe(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = ve(
+  const g = si({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ne(
     m
   );
-  if (f.length === 0)
+  if (g.length === 0)
     return null;
-  const v = f.map(
-    (N, x) => ni(N, x, f.length)
+  const v = g.map(
+    (x, w) => ni(x, w, g.length)
   );
   return /* @__PURE__ */ h(
-    ge,
+    ve,
     {
       variant: u,
-      text: l,
-      groupPosition: o,
+      text: o,
+      groupPosition: l,
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
@@ -4385,10 +4414,10 @@ const Rr = ({
         /* @__PURE__ */ n(
           Nn,
           {
-            open: g,
-            items: yn(f, r),
+            open: f,
+            items: yn(g, r),
             initialIndex: c,
-            onClose: w
+            onClose: N
           }
         )
       ]
@@ -4416,7 +4445,7 @@ const Rr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: _(
+    className: y(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4433,15 +4462,15 @@ const Rr = ({
   headerText: a,
   className: r,
   avatarImage: i,
-  avatarName: l
+  avatarName: o
 }) => {
-  const o = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
-  return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
-    (i || l) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      Z,
+  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(
+      ne,
       {
-        id: l || "account",
-        name: l || "Account",
+        id: o || "account",
+        name: o || "Account",
         image: i,
         size: 24,
         shape: "circle"
@@ -4454,7 +4483,7 @@ const Rr = ({
         style: { backgroundColor: "#F1F0EE" },
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
-          o.map((d) => /* @__PURE__ */ n(
+          l.map((d) => /* @__PURE__ */ n(
             ci,
             {
               question: d.question,
@@ -4476,13 +4505,13 @@ export {
   ki as F,
   _i as L,
   xi as M,
-  we as a,
-  Z as b,
+  ye as a,
+  ne as b,
   tr as c,
   dn as d,
   wi as e,
   ci as f,
-  Q as g,
+  se as g,
   Ft as h,
   Ci as i,
   wa as j,
@@ -4493,14 +4522,14 @@ export {
   Qa as o,
   Sr as p,
   Kt as q,
-  oe as r,
+  ce as r,
   sn as s,
   Rs as t,
   yi as u,
   Vs as v,
-  Ke as w,
-  Je as x,
-  ke as y,
+  Ze as w,
+  Qe as x,
+  Se as y,
   fa as z
 };
-//# sourceMappingURL=index-BUT2yBvJ.js.map
+//# sourceMappingURL=index-BmCc1-F3.js.map