@linktr.ee/messaging-react 3.6.1 → 3.7.0-rc-1783304153

package/dist/{index-BPfehHDD.js → index-2HMjfjM-.js}

@@ -1,10 +1,10 @@
-import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
-import j, { createContext as et, useContext as ke, useCallback as X, useState as B, useRef as Y, useEffect as W, useId as Vn, useMemo as se, Suspense as tt } from "react";
+import { jsx as n, jsxs as m, Fragment as te } from "react/jsx-runtime";
+import V, { createContext as et, useContext as Ce, useCallback as K, useState as $, useRef as Y, useEffect as W, useId as Vn, useMemo as se, Suspense as tt } from "react";
 import { StreamChatService as Gn } from "@linktr.ee/messaging-core";
 import { StreamChat as Hn, LinkPreviewsManager as Bt } from "stream-chat";
-import { Chat as Yn, DateSeparator as qn, useChannelStateContext as pe, useChatContext as be, areMessageUIPropsEqual as Wn, useMessageReminder as Xn, useComponentContext as nn, Attachment as Kn, EditMessageModal as Jn, MessageBlocked as Zn, MessageBouncePrompt as Qn, MessageDeleted as es, MessageIsThreadReplyInChannelButtonIndicator as ts, MessageRepliesCountButton as ns, ReminderNotification as ss, StreamedMessageText as as, messageHasAttachments as rs, messageHasReactions as is, isDateSeparatorMessage as os, isMessageBlocked as ls, isMessageBounced as cs, MessageBounceModal as ds, MessageText as jt, MessageErrorIcon as Ut, Poll as us, useMessageContext as Ee, useMessageComposer as ms, useStateStore as hs, MessageInput as fs, useMessageInputContext as gs, useMessageComposerHasSendableData as ps, AttachmentPreviewList as bs, QuotedMessagePreview as vs, TextareaComposer as xs, MessageTimestamp as Ge, AIStates as He, useTypingContext as ws, useAIState as _s, Channel as Ns, WithComponents as ys, Window as Cs, MessageList as ks, ChannelList as Es, InfiniteScroll as Ss } from "stream-chat-react";
-import { StarIcon as Ke, DotsThreeIcon as Is, SpinnerGapIcon as De, SignOutIcon as Ts, ProhibitInsetIcon as Vt, FlagIcon as sn, FileIcon as an, ImageIcon as As, SpeakerHighIcon as Ms, VideoCameraIcon as rn, FileMdIcon as Rs, FileTextIcon as Ls, FileZipIcon as Ds, FilePptIcon as Ps, FileCsvIcon as zs, FileXlsIcon as Os, FileDocIcon as Fs, FilePdfIcon as $s, CircleNotchIcon as ye, PlayIcon as Je, PauseIcon as Bs, LinkIcon as js, DownloadSimpleIcon as Ce, XIcon as Be, CaretLeftIcon as Us, CaretRightIcon as we, GiftIcon as Vs, ThumbsUpIcon as Gs, ThumbsDownIcon as Hs, PencilSimpleIcon as Ys, TrashSimpleIcon as qs, ArrowUpIcon as Ws, SparkleIcon as _e, ProhibitIcon as Xs, ArrowLeftIcon as Gt } from "@phosphor-icons/react";
-import C from "classnames";
+import { Chat as Yn, DateSeparator as qn, useChannelStateContext as pe, useChatContext as be, areMessageUIPropsEqual as Wn, useMessageReminder as Xn, useComponentContext as nn, Attachment as Kn, EditMessageModal as Jn, MessageBlocked as Zn, MessageBouncePrompt as Qn, MessageDeleted as es, MessageIsThreadReplyInChannelButtonIndicator as ts, MessageRepliesCountButton as ns, ReminderNotification as ss, StreamedMessageText as as, messageHasAttachments as rs, messageHasReactions as is, isDateSeparatorMessage as os, isMessageBlocked as ls, isMessageBounced as cs, MessageBounceModal as ds, MessageText as jt, MessageErrorIcon as Ut, Poll as us, useMessageContext as Ee, useMessageComposer as ms, useStateStore as hs, MessageInput as fs, useMessageInputContext as gs, useMessageComposerHasSendableData as ps, AttachmentPreviewList as bs, QuotedMessagePreview as vs, TextareaComposer as xs, MessageTimestamp as Ge, AIStates as He, useTypingContext as ws, useAIState as _s, Channel as Ns, WithComponents as ys, Window as ks, MessageList as Cs, ChannelList as Es, InfiniteScroll as Ss } from "stream-chat-react";
+import { StarIcon as Ke, DotsThreeIcon as Is, SpinnerGapIcon as De, SignOutIcon as Ts, ProhibitInsetIcon as Vt, FlagIcon as sn, FileIcon as an, ImageIcon as As, SpeakerHighIcon as Ms, VideoCameraIcon as rn, FileMdIcon as Rs, FileTextIcon as Ls, FileZipIcon as Ds, FilePptIcon as Ps, FileCsvIcon as zs, FileXlsIcon as Os, FileDocIcon as Fs, FilePdfIcon as $s, CircleNotchIcon as ye, PlayIcon as Je, PauseIcon as Bs, LinkIcon as js, DownloadSimpleIcon as ke, XIcon as Be, CaretLeftIcon as Us, CaretRightIcon as we, GiftIcon as Vs, ThumbsUpIcon as Gs, ThumbsDownIcon as Hs, PencilSimpleIcon as Ys, TrashSimpleIcon as qs, ArrowUpIcon as Ws, SparkleIcon as _e, ProhibitIcon as Xs, ArrowLeftIcon as Gt } from "@phosphor-icons/react";
+import y from "classnames";
 import { MessageActions as Ks, DefaultDropdownActionButton as on } from "stream-chat-react/experimental";
 const ln = et({
   service: null,
@@ -16,18 +16,19 @@ const ln = et({
   refreshConnection: async () => {
   },
   debug: !1
-}), nt = () => ke(ln), Zi = ({
+}), nt = () => Ce(ln), Zi = ({
   children: e,
   user: t,
   serviceConfig: s,
   apiKey: a,
   capabilities: r = {},
-  debug: i = !1
+  debug: i = !1,
+  client: c
 }) => {
-  var A, E;
-  const o = X(
-    (y, ...S) => {
-      i && console.log(`🔥 [MessagingProvider] ${y}`, ...S);
+  var C, M;
+  const o = K(
+    (E, ...R) => {
+      i && console.log(`🔥 [MessagingProvider] ${E}`, ...R);
     },
     [i]
   );
@@ -37,77 +38,79 @@ const ln = et({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = B(null), [u, g] = B(null), [m, f] = B(!1), [c, v] = B(!1), [w, b] = B(null), p = Y(!1), _ = Y(null), N = Y(s);
-  N.current = s;
-  const T = Y(i);
-  T.current = i;
-  const R = Y({
+  const [d, u] = $(null), [g, h] = $(null), [f, l] = $(!1), [v, w] = $(!1), [b, p] = $(null), _ = Y(!1), N = Y(null), I = Y(s);
+  I.current = s;
+  const L = Y(i);
+  L.current = i;
+  const A = Y({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), M = Y(0);
-  M.current++, o("📊 RENDER INFO", {
-    renderCount: M.current,
+  }), D = Y(0);
+  D.current++, o("📊 RENDER INFO", {
+    renderCount: D.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: R.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: R.current.apiKey !== a,
-      serviceConfigChanged: R.current.serviceConfig !== s,
-      capabilitiesChanged: R.current.capabilities !== r
+      userChanged: A.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: A.current.apiKey !== a,
+      serviceConfigChanged: A.current.serviceConfig !== s,
+      capabilitiesChanged: A.current.capabilities !== r
     }
-  }), R.current = {
+  }), A.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const D = Y(null);
-  a && ((A = D.current) == null ? void 0 : A.apiKey) !== a && (D.current = { apiKey: a, client: new Hn(a) });
-  const P = a ? ((E = D.current) == null ? void 0 : E.client) ?? null : null;
+  const B = Y(null);
+  !c && a && ((C = B.current) == null ? void 0 : C.apiKey) !== a && (B.current = { apiKey: a, client: new Hn(a) });
+  const j = c || (a ? ((M = B.current) == null ? void 0 : M.client) ?? null : null);
   W(() => {
-    const y = M.current, S = N.current;
-    if (!a || !P || !S) {
+    const E = D.current, R = I.current;
+    if (c)
+      return;
+    if (!a || !j || !R) {
       o("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: y,
+        renderCount: E,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     o("🚀 CREATING SERVICE", {
-      renderCount: y,
+      renderCount: E,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const F = new Gn({
-      ...S,
+    const O = new Gn({
+      ...R,
       apiKey: a,
-      debug: T.current,
-      client: P
+      debug: L.current,
+      client: j
     });
-    _.current = F, d(F), o("✅ SERVICE SET", {
-      renderCount: y,
-      serviceInstance: !!F
+    N.current = O, u(O), o("✅ SERVICE SET", {
+      renderCount: E,
+      serviceInstance: !!O
     });
-  }, [a, P]);
-  const U = Y(null);
+  }, [a, j, c]);
+  const z = Y(null);
   W(() => {
-    var S, F;
+    var R, O;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
-      hasService: !!l,
+      hasService: !!d,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: p.current,
-      isConnected: m,
-      dependencies: { service: !!l, userId: t == null ? void 0 : t.id }
-    }), !l || !t) {
+      isConnecting: _.current,
+      isConnected: f,
+      dependencies: { service: !!d, userId: t == null ? void 0 : t.id }
+    }), !d || !t) {
       o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (p.current) {
+    if (_.current) {
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((S = U.current) == null ? void 0 : S.serviceId) === l && ((F = U.current) == null ? void 0 : F.userId) === t.id) {
+    if (((R = z.current) == null ? void 0 : R.serviceId) === d && ((O = z.current) == null ? void 0 : O.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,91 +118,95 @@ const ln = et({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, v(!0), b(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, w(!0), p(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const O = await l.connectUser(t);
-        g(O), f(!0), U.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const U = await d.connectUser(t);
+        h(U), l(!0), z.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: O.userID
+          clientId: U.userID
         });
-      } catch (O) {
-        const V = O instanceof Error ? O.message : "Connection failed";
-        b(V), o("❌ USER CONNECTION ERROR", {
+      } catch (U) {
+        const X = U instanceof Error ? U.message : "Connection failed";
+        p(X), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: V
+          error: X
         });
       } finally {
-        v(!1), p.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        w(!1), _.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
-          isConnected: m
+          isConnected: f
         });
       }
     })();
-  }, [l, t, o, m]), W(() => {
-    const y = P;
+  }, [d, t, o, f]), W(() => {
+    const E = j;
     return () => {
-      var S;
-      y && (U.current = null, (S = _.current) == null || S.disconnectUser().catch(console.error));
+      var R;
+      E && (z.current = null, (R = N.current) == null || R.disconnectUser().catch(console.error));
     };
-  }, [P]);
-  const z = X(async () => {
+  }, [j]);
+  const k = K(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
-      hasService: !!l,
+      hasService: !!d,
       hasUser: !!t
-    }), !l || !t) {
+    }), !d || !t) {
       o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), v(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
     try {
-      o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
-      const y = await l.connectUser(t);
-      g(y), f(!0), b(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (y) {
-      const S = y instanceof Error ? y.message : "Refresh failed";
-      b(S), o("❌ CONNECTION REFRESH ERROR", {
+      o("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
+      const E = await d.connectUser(t);
+      h(E), l(!0), p(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (E) {
+      const R = E instanceof Error ? E.message : "Refresh failed";
+      p(R), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: S
+        error: R
       });
     } finally {
-      v(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      w(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), k = j.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
-    hasService: !!l,
-    hasClient: !!u,
-    isConnected: m,
-    isLoading: c,
-    hasError: !!w,
+  }, [d, t, o]), T = V.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+    hasService: !!d,
+    hasClient: !!g,
+    isConnected: f,
+    isLoading: v,
+    hasError: !!b,
     capabilitiesKeys: Object.keys(r)
   }), {
-    service: l,
-    client: u,
-    isConnected: m,
-    isLoading: c,
-    error: w,
+    service: d,
+    // An injected client is already connected and owns its lifecycle, so
+    // surface it directly and report connected — the apiKey path's `client`
+    // state (set by connectUser) is never populated in that mode.
+    client: c ?? g,
+    isConnected: c ? !0 : f,
+    isLoading: v,
+    error: b,
     capabilities: r,
-    refreshConnection: z,
+    refreshConnection: k,
     debug: i
   }), [
-    l,
-    u,
-    m,
+    d,
+    g,
     c,
-    w,
+    f,
+    v,
+    b,
     r,
-    z,
+    k,
     i,
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: M.current,
-    willRenderChat: !!P,
-    contextValueReady: !!k
-  }), /* @__PURE__ */ n(ln.Provider, { value: k, children: P ? /* @__PURE__ */ n(
+    renderCount: D.current,
+    willRenderChat: !!j,
+    contextValueReady: !!T
+  }), /* @__PURE__ */ n(ln.Provider, { value: T, children: j ? /* @__PURE__ */ n(
     Yn,
     {
-      client: P,
+      client: j,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -208,20 +215,20 @@ const ln = et({
   ) : e });
 }, Js = () => nt(), cn = (e) => {
   var a, r;
-  const [t, s] = B(
+  const [t, s] = $(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return W(() => {
-    var o;
+    var c;
     if (!e) {
       s(!1);
       return;
     }
-    s(!!((o = e.state.membership) != null && o.pinned_at));
-    const i = (l) => {
+    s(!!((c = e.state.membership) != null && c.pinned_at));
+    const i = (o) => {
       var d;
       s(
-        l != null && l.member ? !!l.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
+        o != null && o.member ? !!o.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
       );
     };
     return e.on("member.updated", i), () => {
@@ -234,8 +241,8 @@ function st(e, t, s) {
   if (s === Zs) {
     const r = a.find(
       (i) => {
-        var o;
-        return ((o = i.user) == null ? void 0 : o.id) === Qs;
+        var c;
+        return ((c = i.user) == null ? void 0 : c.id) === Qs;
       }
     );
     if (r) return r;
@@ -310,9 +317,9 @@ const ae = ({
   className: a,
   starred: r = !1,
   shape: i = "squircle",
-  dmAgentEnabled: o = !1
+  dmAgentEnabled: c = !1
 }) => {
-  const l = sa(e), d = aa(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, f = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n(
+  const o = sa(e), d = aa(e), u = 0.45, h = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, f = s >= 40 ? 2 : 1, l = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: l, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -323,17 +330,17 @@ const ae = ({
     "div",
     {
       "aria-hidden": "true",
-      className: C(
+      className: y(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
-      style: { fontSize: m, lineHeight: 1 },
-      children: l
+      style: { fontSize: h, lineHeight: 1 },
+      children: o
     }
   ) });
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: C(
+      className: y(
         "relative flex-shrink-0",
         a
       ),
@@ -342,7 +349,7 @@ const ae = ({
         width: `${s}px`,
         height: `${s}px`,
         backgroundColor: t ? void 0 : d,
-        ...c
+        ...l
       },
       children: [
         r && /* @__PURE__ */ n(
@@ -357,13 +364,13 @@ const ae = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: C(
+            className: y(
               "h-full w-full",
               "bg-transparent"
             ),
             style: {
-              ...c,
-              ...o && {
+              ...l,
+              ...c && {
                 borderWidth: `${f}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
@@ -383,79 +390,79 @@ const ae = ({
   enabled: a = !0,
   onLeaveConversation: r,
   onBlockParticipant: i,
-  onDeleteConversationClick: o,
-  onBlockParticipantClick: l,
+  onDeleteConversationClick: c,
+  onBlockParticipantClick: o,
   onReportParticipantClick: d,
   onActionComplete: u,
   logLabel: g = "useChannelModerationActions"
 }) => {
-  var A;
-  const { service: m, debug: f } = nt(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, v = !!(a && s && m && c), [w, b] = B(!1), [p, _] = B(null), [N, T] = B(!1), [R, M] = B(!1), D = v && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== m);
+  var T;
+  const { service: h, debug: f } = nt(), l = (T = t == null ? void 0 : t.user) == null ? void 0 : T.id, v = !!(a && s && h && l), [w, b] = $(!1), [p, _] = $(null), [N, I] = $(!1), [L, A] = $(!1), D = v && ((p == null ? void 0 : p.participantId) !== l || (p == null ? void 0 : p.service) !== h);
   return W(() => {
-    if (!v || !m || !c) {
+    if (!v || !h || !l) {
       b(!1), _(null);
       return;
     }
-    let E = !1;
+    let C = !1;
     return (async () => {
       try {
-        const y = await m.getBlockedUsers();
-        if (E) return;
+        const M = await h.getBlockedUsers();
+        if (C) return;
         b(
-          y.some(
-            (S) => S.blocked_user_id === c
+          M.some(
+            (E) => E.blocked_user_id === l
           )
         );
-      } catch (y) {
-        E || console.error(`[${g}] Failed to check blocked status:`, y);
+      } catch (M) {
+        C || console.error(`[${g}] Failed to check blocked status:`, M);
       } finally {
-        E || _({ participantId: c, service: m });
+        C || _({ participantId: l, service: h });
       }
     })(), () => {
-      E = !0;
+      C = !0;
     };
-  }, [v, m, c, g]), {
+  }, [v, h, l, g]), {
     isParticipantBlocked: w,
     isCheckingBlockedStatus: D,
     isLeaving: N,
-    isUpdatingBlockStatus: R,
+    isUpdatingBlockStatus: L,
     handleLeaveConversation: async () => {
-      var E;
+      var C;
       if (!N) {
-        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
+        c == null || c(), f && console.log(`[${g}] Leave conversation`, e.cid), I(!0);
         try {
-          const y = ((E = e._client) == null ? void 0 : E.userID) ?? null;
-          await e.hide(y, !1), r && await r(e), u == null || u();
-        } catch (y) {
-          console.error(`[${g}] Failed to leave conversation`, y);
+          const M = ((C = e._client) == null ? void 0 : C.userID) ?? null;
+          await e.hide(M, !1), r && await r(e), u == null || u();
+        } catch (M) {
+          console.error(`[${g}] Failed to leave conversation`, M);
         } finally {
-          T(!1);
+          I(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var E, y, S;
-      if (!(R || !m)) {
-        l == null || l(), f && console.log(`[${g}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
+      var C, M, E;
+      if (!(L || !h)) {
+        o == null || o(), f && console.log(`[${g}] Block member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), A(!0);
         try {
-          await m.blockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
-        } catch (F) {
-          console.error(`[${g}] Failed to block member`, F);
+          await h.blockUser((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), u == null || u();
+        } catch (R) {
+          console.error(`[${g}] Failed to block member`, R);
         } finally {
-          M(!1);
+          A(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var E, y, S;
-      if (!(R || !m)) {
-        l == null || l(), f && console.log(`[${g}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
+      var C, M, E;
+      if (!(L || !h)) {
+        o == null || o(), f && console.log(`[${g}] Unblock member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), A(!0);
         try {
-          await m.unBlockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
-        } catch (F) {
-          console.error(`[${g}] Failed to unblock member`, F);
+          await h.unBlockUser((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), u == null || u();
+        } catch (R) {
+          console.error(`[${g}] Failed to unblock member`, R);
         } finally {
-          M(!1);
+          A(!1);
         }
       }
     },
@@ -472,7 +479,7 @@ const ae = ({
   "button",
   {
     type: "button",
-    className: C(
+    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
@@ -487,30 +494,30 @@ const ae = ({
   showBlockParticipant: a = !0,
   showReportParticipant: r = !0,
   onLeaveConversation: i,
-  onBlockParticipant: o,
-  onDeleteConversationClick: l,
+  onBlockParticipant: c,
+  onDeleteConversationClick: o,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
   customChannelActions: g,
-  triggerClassName: m
+  triggerClassName: h
 }) => {
-  const [f, c] = B(!1), v = Y(null), w = Vn(), b = X(() => c(!1), []), {
+  const [f, l] = $(!1), v = Y(null), w = Vn(), b = K(() => l(!1), []), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: _,
     isLeaving: N,
-    isUpdatingBlockStatus: T,
-    handleLeaveConversation: R,
-    handleBlockUser: M,
+    isUpdatingBlockStatus: I,
+    handleLeaveConversation: L,
+    handleBlockUser: A,
     handleUnblockUser: D,
-    handleReportUser: P
+    handleReportUser: B
   } = ia({
     channel: e,
     participant: t,
     showBlockParticipant: a,
     enabled: f,
     onLeaveConversation: i,
-    onBlockParticipant: o,
-    onDeleteConversationClick: l,
+    onBlockParticipant: c,
+    onDeleteConversationClick: o,
     onBlockParticipantClick: d,
     onReportParticipantClick: u,
     onActionComplete: b,
@@ -518,24 +525,24 @@ const ae = ({
   });
   return W(() => {
     if (!f) return;
-    const z = (A) => {
-      v.current && !v.current.contains(A.target) && c(!1);
-    }, k = (A) => {
-      A.key === "Escape" && c(!1);
+    const z = (T) => {
+      v.current && !v.current.contains(T.target) && l(!1);
+    }, k = (T) => {
+      T.key === "Escape" && l(!1);
     };
     return document.addEventListener("mousedown", z), document.addEventListener("keydown", k), () => {
       document.removeEventListener("mousedown", z), document.removeEventListener("keydown", k);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: v, className: "relative", children: [
-    /* @__PURE__ */ h(
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ m("div", { ref: v, className: "relative", children: [
+    /* @__PURE__ */ m(
       "button",
       {
-        className: m,
+        className: h,
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? w : void 0,
-        onClick: () => c((z) => !z),
+        onClick: () => l((z) => !z),
         children: [
           /* @__PURE__ */ n(Is, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -547,15 +554,15 @@ const ae = ({
       {
         id: w,
         "aria-label": "Conversation options",
-        className: C(
+        className: y(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
-        children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
-          s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
+        children: /* @__PURE__ */ m("ul", { className: "flex flex-col gap-1", children: [
+          s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(
             ve,
             {
-              onClick: R,
+              onClick: L,
               disabled: N,
               "aria-busy": N,
               children: [
@@ -567,34 +574,34 @@ const ae = ({
           a && /* @__PURE__ */ n("li", { children: _ ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(ve, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ m(ve, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : p ? /* @__PURE__ */ h(
+          ) : p ? /* @__PURE__ */ m(
             ve,
             {
               onClick: D,
-              disabled: T,
-              "aria-busy": T,
+              disabled: I,
+              "aria-busy": I,
               children: [
-                T ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
+                I ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
-          ) : /* @__PURE__ */ h(
+          ) : /* @__PURE__ */ m(
             ve,
             {
-              onClick: M,
-              disabled: T,
-              "aria-busy": T,
+              onClick: A,
+              disabled: I,
+              "aria-busy": I,
               children: [
-                T ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
+                I ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ve, { variant: "danger", onClick: P, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(ve, { variant: "danger", onClick: B, children: [
             /* @__PURE__ */ n(sn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -611,7 +618,7 @@ function ca(e) {
   const { channel: t } = pe(), { client: s } = be("useMessageVote"), a = se(
     () => la(e.own_reactions),
     [e.own_reactions]
-  ), r = X(async () => {
+  ), r = K(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, Ze) : await t.sendReaction(
@@ -621,7 +628,7 @@ function ca(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = X(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = K(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, Qe) : await t.sendReaction(
@@ -645,7 +652,7 @@ function mn({
   const s = e == null ? void 0 : e.text, a = da(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const ua = j.lazy(() => import("./Card-CxS7GNqp.js")), ma = j.lazy(() => import("./Card-BrC7mKtr.js")), ha = j.lazy(() => import("./Card-B0lzpuYf.js")), at = () => /* @__PURE__ */ n(
+const ua = V.lazy(() => import("./Card-BAt0xifq.js")), ma = V.lazy(() => import("./Card-C3-Ea5ho.js")), ha = V.lazy(() => import("./Card-BB34_MDl.js")), at = () => /* @__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)]",
@@ -691,7 +698,7 @@ function wa(e) {
   return t !== "document" ? va[t] : xa[gn(e)];
 }
 function ge(e, t) {
-  return j.createElement(wa(e), t);
+  return V.createElement(wa(e), t);
 }
 const _a = (e) => {
   var t, s;
@@ -703,71 +710,71 @@ const _a = (e) => {
   autoPlay: a = !1,
   playing: r,
   loop: i = !1,
-  controls: o = !0,
-  showProgress: l = !1,
+  controls: c = !0,
+  showProgress: o = !1,
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const g = oe(t), m = Y(null), f = Y(null), c = Y(null), v = Y(r), [w, b] = B(a), [p, _] = B(0), [N, T] = B(!1), [R, M] = B(!1), [D, P] = B(!1), [U, z] = B(!1), [k, A] = B(!0), [E, y] = B(null), S = X(() => {
-    P(!1), b(!0);
-  }, []), F = X((x) => {
-    const I = f.current;
-    if (!I) return 0;
-    const H = I.getBoundingClientRect();
+  const g = oe(t), h = Y(null), f = Y(null), l = Y(null), v = Y(r), [w, b] = $(a), [p, _] = $(0), [N, I] = $(!1), [L, A] = $(!1), [D, B] = $(!1), [j, z] = $(!1), [k, T] = $(!0), [C, M] = $(null), E = K(() => {
+    B(!1), b(!0);
+  }, []), R = K((x) => {
+    const S = f.current;
+    if (!S) return 0;
+    const H = S.getBoundingClientRect();
     return Math.max(
       0,
       Math.min(1, (_a(x) - H.left) / H.width)
     );
-  }, []), O = X((x) => {
-    const I = m.current;
-    I && I.duration && (I.currentTime = x * I.duration);
-  }, []), V = (x) => {
-    x.stopPropagation(), T(!0);
-    const I = F(x);
-    _(I), O(I);
+  }, []), O = K((x) => {
+    const S = h.current;
+    S && S.duration && (S.currentTime = x * S.duration);
+  }, []), U = (x) => {
+    x.stopPropagation(), I(!0);
+    const S = R(x);
+    _(S), O(S);
   };
   W(() => {
     r !== void 0 && r !== v.current && (v.current = r, b(r));
   }, [r]), W(() => {
     if (!w) {
-      c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
+      l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
       return;
     }
     const x = () => {
-      const I = m.current;
-      I && I.duration && !N && _(I.currentTime / I.duration), c.current = requestAnimationFrame(x);
+      const S = h.current;
+      S && S.duration && !N && _(S.currentTime / S.duration), l.current = requestAnimationFrame(x);
     };
-    return c.current = requestAnimationFrame(x), () => {
-      c.current !== null && cancelAnimationFrame(c.current);
+    return l.current = requestAnimationFrame(x), () => {
+      l.current !== null && cancelAnimationFrame(l.current);
     };
   }, [w, N]), W(() => {
-    const x = m.current;
-    x && (w ? x.play().catch((I) => {
-      b(!1), P(!0);
+    const x = h.current;
+    x && (w ? x.play().catch((S) => {
+      b(!1), B(!0);
     }) : x.pause());
   }, [w]), W(() => {
     if (!N) return;
-    const x = (H) => _(F(H)), I = (H) => {
-      T(!1), O(F(H));
+    const x = (H) => _(R(H)), S = (H) => {
+      I(!1), O(R(H));
     };
-    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", I), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", I), () => {
-      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", I);
+    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", S), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", S), () => {
+      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", S), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", S);
     };
-  }, [N, F, O]);
-  const K = E ? { aspectRatio: String(E) } : void 0, ee = E ? "" : " aspect-video", q = Math.round(p * 100);
-  return /* @__PURE__ */ h(
+  }, [N, R, O]);
+  const X = C ? { aspectRatio: String(C) } : void 0, ee = C ? "" : " aspect-video", q = Math.round(p * 100);
+  return /* @__PURE__ */ m(
     "div",
     {
       role: "button",
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${ee}`,
-      style: K,
+      style: X,
       onClick: (x) => {
         if (u) {
           u(x);
           return;
         }
-        D || o && b((I) => !I);
+        D || c && b((S) => !S);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -775,7 +782,7 @@ const _a = (e) => {
             u(x);
             return;
           }
-          D || o && b((I) => !I);
+          D || c && b((S) => !S);
         }
       },
       children: [
@@ -794,17 +801,17 @@ const _a = (e) => {
         /* @__PURE__ */ n("div", { className: "absolute inset-0", children: g === "audio" ? /* @__PURE__ */ n(
           "audio",
           {
-            ref: m,
+            ref: h,
             src: e,
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
             onLoadStart: () => z(!0),
             onCanPlay: () => {
-              z(!1), A(!1);
+              z(!1), T(!1);
             },
             onWaiting: () => z(!0),
-            onPlay: () => P(!1),
+            onPlay: () => B(!1),
             onEnded: () => {
               i || (b(!1), _(0));
             },
@@ -813,7 +820,7 @@ const _a = (e) => {
         ) : /* @__PURE__ */ n(
           "video",
           {
-            ref: m,
+            ref: h,
             src: e,
             loop: i,
             muted: d,
@@ -821,13 +828,13 @@ const _a = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => z(!0),
             onCanPlay: () => {
-              z(!1), A(!1);
+              z(!1), T(!1);
             },
             onWaiting: () => z(!0),
-            onPlay: () => P(!1),
+            onPlay: () => B(!1),
             onLoadedMetadata: () => {
-              const x = m.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && y(x.videoWidth / x.videoHeight);
+              const x = h.current;
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && M(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
               i || (b(!1), _(0));
@@ -835,14 +842,14 @@ const _a = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        U && !D && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        j && !D && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           ye,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        D && !o && /* @__PURE__ */ n(
+        D && !c && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -850,15 +857,15 @@ const _a = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (x) => {
-              x.stopPropagation(), S();
+              x.stopPropagation(), E();
             },
             onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), S());
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), E());
             },
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Je, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
-        l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
+        o && !c && /* @__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",
@@ -869,8 +876,8 @@ const _a = (e) => {
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: V,
-            onTouchStart: V,
+            onMouseDown: U,
+            onTouchStart: U,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
               x.key === "ArrowRight" && O(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, p - 0.05));
@@ -884,20 +891,20 @@ const _a = (e) => {
             ) })
           }
         ) }),
-        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: [
+        c && /* @__PURE__ */ m("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: (x) => {
-                x.stopPropagation(), b((I) => !I);
+                x.stopPropagation(), b((S) => !S);
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
               children: w ? /* @__PURE__ */ n(Bs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Je, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ m(
             "div",
             {
               role: "slider",
@@ -908,11 +915,11 @@ const _a = (e) => {
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: V,
-              onTouchStart: V,
+              onMouseDown: U,
+              onTouchStart: U,
               onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => M(!0),
-              onMouseLeave: () => M(!1),
+              onMouseEnter: () => A(!0),
+              onMouseLeave: () => A(!1),
               onKeyDown: (x) => {
                 x.key === "ArrowRight" && O(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, p - 0.05));
               },
@@ -920,7 +927,7 @@ const _a = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${R || N ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${L || N ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
@@ -933,7 +940,7 @@ const _a = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${R || N ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${L || N ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${q}%` }
                   }
                 )
@@ -951,10 +958,10 @@ const _a = (e) => {
   title: a,
   variant: r,
   mediaPlayerProps: i,
-  containedImage: o = !1
+  containedImage: c = !1
 }) => {
-  const l = oe(e), [d, u] = B(!1);
-  return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
+  const o = oe(e), [d, u] = $(!1);
+  return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
     Na,
     {
       source: t,
@@ -963,7 +970,7 @@ const _a = (e) => {
       controls: !0,
       ...i
     }
-  ) : t && l === "image" ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && o === "image" ? c ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -980,7 +987,7 @@ const _a = (e) => {
       className: "block w-full",
       draggable: !1
     }
-  ) : t && l === "document" ? s ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && o === "document" ? s ? c ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1031,20 +1038,20 @@ const _a = (e) => {
   placeholderTitle: a = "Attachment title",
   mimeType: r,
   detail: i,
-  statusBadge: o,
-  action: l,
+  statusBadge: c,
+  action: o,
   topLeft: d,
   topRight: u,
   rootRef: g,
-  "data-testid": m
+  "data-testid": h
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", v = f && !s;
-  return /* @__PURE__ */ h(
+  const f = e === "dark", l = f ? s ?? a : s ?? "", v = f && !s;
+  return /* @__PURE__ */ m(
     "div",
     {
       ref: g,
-      "data-testid": m,
-      className: C(
+      "data-testid": h,
+      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)]",
         f ? "bg-[#121110]" : "bg-white"
       ),
@@ -1052,21 +1059,21 @@ const _a = (e) => {
         d ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
         u ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: u }) : null,
         t,
-        /* @__PURE__ */ h("div", { className: "px-4 pb-3 pt-3", children: [
-          c.trim() !== "" && /* @__PURE__ */ n(
+        /* @__PURE__ */ m("div", { className: "px-4 pb-3 pt-3", children: [
+          l.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: C("mb-0.5 truncate text-base font-medium", {
+              className: y("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
                 "text-white/30": f && v,
                 "text-white": f && !v
               }),
-              children: c
+              children: l
             }
           ),
-          /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
+          /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-1", children: [
             ge(r, {
-              className: C(
+              className: y(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1075,16 +1082,16 @@ const _a = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: C(
+                className: y(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
                 children: i
               }
             ),
-            o
+            c
           ] }),
-          l
+          o
         ] })
       ]
     }
@@ -1096,10 +1103,10 @@ function vn(e) {
 function rt(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 Ca(e) {
+function ka(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function ka(e) {
+function Ca(e) {
   return e ? "text-white" : "text-black";
 }
 function Ea(e) {
@@ -1112,7 +1119,7 @@ function Ia(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const it = ({ 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, u = /* @__PURE__ */ h(j.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: c } = e, o = i ?? c, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ m(V.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1123,12 +1130,12 @@ const it = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ca(t)} flex items-center justify-center`,
+        className: `aspect-video w-full rounded-[20px] ${ka(t)} flex items-center justify-center`,
         children: /* @__PURE__ */ n(js, { className: `size-12 ${Ia(t)}` })
       }
     ) }),
-    /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ka(t)}`, children: s }),
+    /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${Ca(t)}`, children: s }),
       a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${Ea(t)}`, children: a }),
       d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${Sa(t)}`, children: d })
     ] })
@@ -1151,52 +1158,52 @@ async function Ta(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), 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 r = await a.blob(), i = URL.createObjectURL(r), c = document.createElement("a");
+  c.href = i, c.download = s, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c), URL.revokeObjectURL(i);
 }
 const Aa = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = B(!1);
+  const [s, a] = $(!1);
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: (i) => {
         i.stopPropagation();
-        const o = window.open("", "_blank", "noopener,noreferrer");
+        const c = window.open("", "_blank", "noopener,noreferrer");
         a(!0), Ta(e, t).then(() => {
-          o == null || o.close();
+          c == null || c.close();
         }).catch(() => {
-          o && (o.location.href = e);
+          c && (c.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(ye, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
-        /* @__PURE__ */ n(Ce, { className: "size-4 text-white", weight: "bold" }),
+      children: s ? /* @__PURE__ */ n(ye, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(V.Fragment, { children: [
+        /* @__PURE__ */ n(ke, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
 function lt(e) {
-  var m, f, c, v;
-  const t = (m = e.attachments) == null ? void 0 : m.find(
+  var h, f, l, v;
+  const t = (h = e.attachments) == null ? void 0 : h.find(
     (w) => w.type === "video" && w.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
     (w) => w.type === "image" && w.image_url
-  ), a = (c = e.attachments) == null ? void 0 : c.find(
+  ), a = (l = e.attachments) == null ? void 0 : l.find(
     (w) => w.type === "audio" && w.asset_url
   ), r = (v = e.attachments) == null ? void 0 : v.find(
     (w) => w.type === "file" && w.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, u = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
+  ), i = t ?? s ?? a ?? r, c = (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 (!c) 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, u = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
   return {
-    resolvedUrl: o,
-    resolvedType: l,
+    resolvedUrl: c,
+    resolvedType: o,
     title: d,
     fileSize: u,
     thumbnailUrl: g
@@ -1237,14 +1244,14 @@ const wn = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = oe(t), o = a !== void 0 ? vn(a) : void 0;
+  const i = oe(t), c = a !== void 0 ? vn(a) : void 0;
   return /* @__PURE__ */ n(
     bn,
     {
       variant: "light",
       title: s,
       mimeType: t,
-      detail: o,
+      detail: c,
       thumbnail: /* @__PURE__ */ n(
         pn,
         {
@@ -1264,7 +1271,7 @@ const wn = ({
   isMyMessage: t = !1
 }) => {
   const s = ot(e), a = lt(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", "data-dd-privacy": "mask", children: [
+  return !s && !a ? null : /* @__PURE__ */ m("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", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ n(
       ae,
       {
@@ -1338,15 +1345,15 @@ const wn = ({
   groupPosition: a = "single",
   className: r,
   children: i,
-  "data-testid": o
+  "data-testid": c
 }) => {
-  const l = t != null && t !== "", d = Fa[Oa(e)][a];
-  return /* @__PURE__ */ h(
+  const o = t != null && t !== "", d = Fa[Oa(e)][a];
+  return /* @__PURE__ */ m(
     "div",
     {
-      "data-testid": o,
+      "data-testid": c,
       "data-group-position": a,
-      className: C(
+      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
@@ -1363,10 +1370,10 @@ const wn = ({
       ),
       children: [
         i,
-        l ? /* @__PURE__ */ n(
+        o ? /* @__PURE__ */ n(
           "p",
           {
-            className: C(
+            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.
@@ -1395,7 +1402,7 @@ const wn = ({
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: C(
+    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"
     ),
@@ -1410,7 +1417,7 @@ const wn = ({
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], ja = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], ja = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -1429,25 +1436,25 @@ const wn = ({
   filename: a,
   items: r,
   text: i,
-  groupPosition: o,
-  preload: l,
+  groupPosition: c,
+  preload: o,
   onDismiss: d
 }) => {
-  const u = Te(e), g = e === "composer" && !!d, m = Ba({ src: t, mimeType: s, filename: a, items: r });
-  if (m.length === 0)
+  const u = Te(e), g = e === "composer" && !!d, h = Ba({ src: t, mimeType: s, filename: a, items: r });
+  if (h.length === 0)
     return null;
-  const f = l ?? (m.length > 1 ? "none" : "metadata");
+  const f = o ?? (h.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
     Se,
     {
       variant: u,
       text: i,
-      groupPosition: o,
+      groupPosition: c,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, v) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: h.map((l, v) => /* @__PURE__ */ n(
         ja,
         {
-          item: c,
+          item: l,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
@@ -1455,7 +1462,7 @@ const wn = ({
             g && v === 0 ? /* @__PURE__ */ n(Ie, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${v}`
+        `${l.src}-${v}`
       )) })
     }
   );
@@ -1523,56 +1530,56 @@ const Ka = {
   mimeType: a = "application/octet-stream",
   fileSize: r,
   onActivate: i,
-  activateLabel: o,
-  trailingAction: l
+  activateLabel: c,
+  trailingAction: o
 }) => {
   const d = s ?? t ?? "File", u = Xa(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
         Ja[e]
       ),
       "aria-hidden": !0,
       children: ge(a, {
-        className: C("size-6", Za[e]),
+        className: y("size-6", Za[e]),
         weight: "regular"
       })
     }
-  ), m = /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
+  ), h = /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
     /* @__PURE__ */ n("p", { className: "truncate font-medium leading-snug", children: d }),
     u ? /* @__PURE__ */ n(
       "p",
       {
-        className: C(
+        className: y(
           "truncate text-xs leading-4",
           Ka[e]
         ),
         children: u
       }
     ) : null
-  ] }), f = i ? /* @__PURE__ */ h(
+  ] }), f = i ? /* @__PURE__ */ m(
     "button",
     {
       type: "button",
       onClick: i,
-      "aria-label": o,
-      className: C(
+      "aria-label": c,
+      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: [
         g,
-        m
+        h
       ]
     }
-  ) : /* @__PURE__ */ h(te, { children: [
+  ) : /* @__PURE__ */ m(te, { children: [
     g,
-    m
+    h
   ] });
-  return /* @__PURE__ */ h("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+  return /* @__PURE__ */ m("div", { className: "flex items-center gap-3 px-3 py-2", children: [
     f,
-    l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
+    o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
   ] });
 };
 async function yn(e, t) {
@@ -1580,8 +1587,8 @@ async function yn(e, t) {
   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), 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 r = await a.blob(), i = URL.createObjectURL(r), c = document.createElement("a");
+    c.href = i, c.download = s, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c), URL.revokeObjectURL(i);
   } catch {
     if (!window.open(e, "_blank", "noopener,noreferrer")) {
       const r = document.createElement("a");
@@ -1624,50 +1631,50 @@ const Qa = ({
   fileSize: a,
   mimeType: r,
   title: i,
-  items: o,
-  text: l,
+  items: c,
+  text: o,
   groupPosition: d,
   onClick: u,
   onDismiss: g
 }) => {
-  const m = Te(e), f = e === "composer" && !!g, c = Qa({
+  const h = Te(e), f = e === "composer" && !!g, l = Qa({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
-    items: o
+    items: c
   }), v = (b) => {
     if ((u == null ? void 0 : u(b)) === !1) return;
-    const p = c[b];
+    const p = l[b];
     if (!p) return;
     const _ = p.filename ?? re(p.src);
     yn(p.src, _);
   };
-  if (c.length === 0)
+  if (l.length === 0)
     return null;
   const w = /* @__PURE__ */ n(
     "span",
     {
-      className: C(
+      className: y(
         "flex size-8 items-center justify-center rounded-full",
-        m === "dark" ? "text-white/70" : "text-black/70"
+        h === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(Ce, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(ke, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
     Se,
     {
-      variant: m,
-      text: l,
+      variant: h,
+      text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((b, p) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: l.map((b, p) => /* @__PURE__ */ n(
         er,
         {
-          variant: m,
+          variant: h,
           item: b,
           index: p,
           onActivate: v,
@@ -1686,7 +1693,7 @@ const Qa = ({
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(te, { children: [
+}) => /* @__PURE__ */ m(te, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -1707,24 +1714,24 @@ const Qa = ({
       children: /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Cn = ({
+] }), kn = ({
   url: e,
   filename: t,
   variant: s = "pill",
   label: a = "Download",
   iconOnly: r,
   tone: i = "dark",
-  onTriggered: o
+  onTriggered: c
 }) => {
-  const [l, d] = B(!1), u = X(
-    (c) => {
-      c.stopPropagation(), !l && (d(!0), yn(e, t).catch(() => {
+  const [o, d] = $(!1), u = K(
+    (l) => {
+      l.stopPropagation(), !o && (d(!0), yn(e, t).catch(() => {
       }).finally(() => {
-        d(!1), o == null || o();
+        d(!1), c == null || c();
       }));
     },
-    [l, e, t, o]
-  ), g = r ?? s !== "pill", f = { className: C(
+    [o, e, t, c]
+  ), g = r ?? s !== "pill", f = { className: y(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -1733,16 +1740,16 @@ const Qa = ({
     {
       type: "button",
       onClick: u,
-      disabled: l,
+      disabled: o,
       "aria-label": a,
-      className: C(
+      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: l ? /* @__PURE__ */ n(
+      children: o ? /* @__PURE__ */ n(
         ye,
         {
           className: "size-4 animate-spin",
@@ -1750,7 +1757,7 @@ const Qa = ({
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        Ce,
+        ke,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -1763,31 +1770,31 @@ const Qa = ({
     {
       type: "button",
       onClick: u,
-      disabled: l,
+      disabled: o,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: l ? /* @__PURE__ */ n(ye, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ce, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: o ? /* @__PURE__ */ n(ye, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(ke, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
-  ) : /* @__PURE__ */ h(
+  ) : /* @__PURE__ */ m(
     "button",
     {
       type: "button",
       onClick: u,
-      disabled: l,
+      disabled: o,
       "aria-label": g ? a : void 0,
-      className: C(
+      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: [
-        l ? /* @__PURE__ */ n(
+        o ? /* @__PURE__ */ n(
           ye,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(Ce, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(ke, { ...f, "aria-hidden": !0 }),
         g ? null : a
       ]
     }
@@ -1797,15 +1804,15 @@ const Qa = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = Ye(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
+  const a = Ye(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
   W(() => {
     s && i(Ye(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), W(() => {
     i((d) => Ye(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = X(() => {
+  const c = K(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = X(() => {
+  }, [e]), o = K(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return W(() => {
@@ -1813,10 +1820,10 @@ const Qa = ({
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
       const g = document.activeElement;
-      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? o() : l());
+      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? c() : o());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [s, e, o, l]), { index: r, prev: o, next: l };
+  }, [s, e, c, o]), { index: r, prev: c, next: o };
 }, ht = ({
   open: e,
   onClose: t,
@@ -1824,46 +1831,46 @@ const Qa = ({
   counter: a,
   actions: r,
   children: i,
-  "data-testid": o
+  "data-testid": c
 }) => {
-  const l = Y(null), d = Y(null);
+  const o = Y(null), d = Y(null);
   return W(() => {
     var f;
-    const m = l.current;
-    if (m) {
+    const h = o.current;
+    if (h) {
       if (e) {
-        if (!m.open)
-          if (typeof m.showModal == "function")
+        if (!h.open)
+          if (typeof h.showModal == "function")
             try {
-              m.showModal();
+              h.showModal();
             } catch {
-              m.setAttribute("open", "");
+              h.setAttribute("open", "");
             }
           else
-            m.setAttribute("open", "");
-        const c = typeof document < "u" ? document.activeElement : null;
+            h.setAttribute("open", "");
+        const l = typeof document < "u" ? document.activeElement : null;
         return (f = d.current) == null || f.focus(), () => {
-          if (m.open)
-            if (typeof m.close == "function")
+          if (h.open)
+            if (typeof h.close == "function")
               try {
-                m.close();
+                h.close();
               } catch {
-                m.removeAttribute("open");
+                h.removeAttribute("open");
               }
             else
-              m.removeAttribute("open");
-          c && document.body.contains(c) && c.focus();
+              h.removeAttribute("open");
+          l && document.body.contains(l) && l.focus();
         };
       }
-      if (m.open)
-        if (typeof m.close == "function")
+      if (h.open)
+        if (typeof h.close == "function")
           try {
-            m.close();
+            h.close();
           } catch {
-            m.removeAttribute("open");
+            h.removeAttribute("open");
           }
         else
-          m.removeAttribute("open");
+          h.removeAttribute("open");
     }
   }, [e]), // The native `<dialog>` element ships its own keyboard dismissal
   // (Escape, handled by the platform and surfaced through `onClose`),
@@ -1872,23 +1879,23 @@ const Qa = ({
   // `jsx-a11y` rules below don't model `<dialog>` as interactive, so
   // we silence them locally with the rationale captured here.
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-  /* @__PURE__ */ h(
+  /* @__PURE__ */ m(
     "dialog",
     {
-      ref: l,
+      ref: o,
       className: "mes-media-viewer",
       "aria-label": s ?? "Attachment viewer",
-      "data-testid": o,
+      "data-testid": c,
       onClose: () => {
         t();
       },
-      onClick: (m) => {
-        m.target === l.current && t();
+      onClick: (h) => {
+        h.target === o.current && t();
       },
       children: [
-        /* @__PURE__ */ h("div", { className: "mes-media-viewer__chrome", children: [
+        /* @__PURE__ */ m("div", { className: "mes-media-viewer__chrome", children: [
           a ? /* @__PURE__ */ n("span", { className: "mes-media-viewer__counter", children: a }) : null,
-          /* @__PURE__ */ h("div", { className: "mes-media-viewer__actions", children: [
+          /* @__PURE__ */ m("div", { className: "mes-media-viewer__actions", children: [
             r,
             /* @__PURE__ */ n(
               "button",
@@ -1907,21 +1914,21 @@ const Qa = ({
       ]
     }
   );
-}, kn = ({
+}, Cn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = mt({
+  const { index: r, prev: i, next: c } = mt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = se(
-    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
-    [l]
+  }), o = t[r], d = se(
+    () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "image"),
+    [o]
   );
-  return l ? /* @__PURE__ */ h(
+  return o ? /* @__PURE__ */ m(
     ht,
     {
       open: e,
@@ -1929,9 +1936,9 @@ const Qa = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        Cn,
+        kn,
         {
-          url: l.src,
+          url: o.src,
           filename: d,
           variant: "viewer",
           label: `Download ${d}`
@@ -1942,20 +1949,20 @@ const Qa = ({
         /* @__PURE__ */ n(
           "img",
           {
-            src: l.src,
-            alt: l.alt ?? d,
+            src: o.src,
+            alt: o.alt ?? d,
             draggable: !1,
             loading: "eager",
             decoding: "async",
             className: "mes-media-viewer__image"
           },
-          `${r}:${l.src}`
+          `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           ut,
           {
             onPrev: i,
-            onNext: o,
+            onNext: c,
             prevLabel: "Previous image",
             nextLabel: "Next image"
           }
@@ -1971,76 +1978,76 @@ const Qa = ({
 }) => {
   const r = e.length;
   if (r === 0) return null;
-  const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, u, g) => {
-    const m = C(rr, "h-full w-full");
-    return t ? /* @__PURE__ */ h(
+  const i = e.slice(0, Math.min(r, s)), c = r - i.length, o = (d, u, g) => {
+    const h = y(rr, "h-full w-full");
+    return t ? /* @__PURE__ */ m(
       "button",
       {
         type: "button",
         onClick: () => t(u),
         "aria-label": d.ariaLabel ?? `Open media ${u + 1}`,
-        className: C(m, "cursor-zoom-in"),
+        className: y(h, "cursor-zoom-in"),
         children: [
           d.content,
           g
         ]
       },
       u
-    ) : /* @__PURE__ */ h("div", { className: m, children: [
+    ) : /* @__PURE__ */ m("div", { className: h, children: [
       d.content,
       g
     ] }, u);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: y(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
-      children: i.map((d, u) => l(d, u))
+      children: i.map((d, u) => o(d, u))
     }
-  ) : i.length === 3 ? /* @__PURE__ */ h(
+  ) : i.length === 3 ? /* @__PURE__ */ m(
     "div",
     {
-      className: C(
+      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: l(i[0], 0) }),
-        l(i[1], 1),
-        l(i[2], 2)
+        /* @__PURE__ */ n("div", { className: "row-span-2", children: o(i[0], 0) }),
+        o(i[1], 1),
+        o(i[2], 2)
       ]
     }
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
       children: i.map((d, u) => {
-        const g = o > 0 && u === i.length - 1;
-        return l(
+        const g = c > 0 && u === i.length - 1;
+        return o(
           d,
           u,
-          g ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
+          g ? /* @__PURE__ */ m("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
-            o
+            c
           ] }) : null
         );
       })
     }
   );
 }, Ae = (e) => {
-  const [t, s] = B(!1), [a, r] = B(0), i = X(
-    (l) => {
-      (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
+  const [t, s] = $(!1), [a, r] = $(0), i = K(
+    (o) => {
+      (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
     },
     [e]
-  ), o = X(() => s(!1), []);
-  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
+  ), c = K(() => s(!1), []);
+  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: c };
 }, ir = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
@@ -2065,10 +2072,10 @@ const Qa = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), lr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Ae(
+  const { viewerOpen: c, viewerIndex: o, handleActivate: d, closeViewer: u } = Ae(
     r
   );
-  return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
+  return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -2091,11 +2098,11 @@ const Qa = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ie, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      kn,
+      Cn,
       {
-        open: o,
+        open: c,
         items: Sn([{ src: e, alt: t }], s),
-        initialIndex: l,
+        initialIndex: o,
         onClose: u
       }
     )
@@ -2107,31 +2114,31 @@ const Qa = ({
   filename: a,
   items: r,
   text: i,
-  groupPosition: o,
-  loading: l = "lazy",
+  groupPosition: c,
+  loading: o = "lazy",
   onClick: d
 }) => {
-  const u = or({ src: t, alt: s, items: r }), g = Te(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: v } = Ae(
+  const u = or({ src: t, alt: s, items: r }), g = Te(e), { viewerOpen: h, viewerIndex: f, handleActivate: l, closeViewer: v } = Ae(
     d
   );
   if (u.length === 0)
     return null;
   const w = u.map(
-    (b, p) => ir(b, p, u.length, l)
+    (b, p) => ir(b, p, u.length, o)
   );
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     Se,
     {
       variant: g,
       text: i,
-      groupPosition: o,
+      groupPosition: c,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(En, { tiles: w, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(En, { tiles: w, onTileActivate: l }) }),
         /* @__PURE__ */ n(
-          kn,
+          Cn,
           {
-            open: m,
+            open: h,
             items: Sn(u, a),
             initialIndex: f,
             onClose: v
@@ -2150,18 +2157,18 @@ const Qa = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = mt({
+  const { index: r, prev: i, next: c } = mt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = se(
-    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
-    [l]
+  }), o = t[r], d = se(
+    () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "document"),
+    [o]
   ), u = se(
-    () => l ? fr(l.src) : void 0,
-    [l]
+    () => o ? fr(o.src) : void 0,
+    [o]
   );
-  return !l || !u ? null : /* @__PURE__ */ h(
+  return !o || !u ? null : /* @__PURE__ */ m(
     ht,
     {
       open: e,
@@ -2178,13 +2185,13 @@ const Qa = ({
             className: "mes-media-viewer__iframe",
             sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
           },
-          `${r}:${l.src}`
+          `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           ut,
           {
             onPrev: i,
-            onNext: o,
+            onNext: c,
             prevLabel: "Previous document",
             nextLabel: "Next document"
           }
@@ -2229,36 +2236,36 @@ const Qa = ({
   fileSize: a,
   title: r,
   items: i,
-  text: o,
-  groupPosition: l,
+  text: c,
+  groupPosition: o,
   onClick: d,
   onDismiss: u
 }) => {
-  const g = Te(e), m = gr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Ae(
+  const g = Te(e), h = gr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: l, handleActivate: v, closeViewer: w } = Ae(
     d
   ), b = e === "composer" && !!u;
-  if (m.length === 0)
+  if (h.length === 0)
     return null;
-  const p = m.map((_) => ({
+  const p = h.map((_) => ({
     src: _.src,
     filename: _.filename ?? re(_.src)
   }));
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     Se,
     {
       variant: g,
-      text: o,
-      groupPosition: l,
+      text: c,
+      groupPosition: o,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((_, N) => {
-          const T = _.filename ?? re(_.src), R = b && N === 0 ? /* @__PURE__ */ n(Ie, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            Cn,
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: h.map((_, N) => {
+          const I = _.filename ?? re(_.src), L = b && N === 0 ? /* @__PURE__ */ n(Ie, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+            kn,
             {
               url: _.src,
-              filename: T,
+              filename: I,
               variant: "inline",
-              label: `Download ${T}`,
+              label: `Download ${I}`,
               tone: g
             }
           );
@@ -2269,7 +2276,7 @@ const Qa = ({
               item: _,
               index: N,
               onActivate: v,
-              trailingAction: R
+              trailingAction: L
             },
             `${_.src}-${N}`
           );
@@ -2279,7 +2286,7 @@ const Qa = ({
           {
             open: f,
             items: p,
-            initialIndex: c,
+            initialIndex: l,
             onClose: w
           }
         )
@@ -2296,15 +2303,15 @@ const Qa = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = mt({
+  const { index: r, prev: i, next: c } = mt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = se(
-    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
-    [l]
+  }), o = t[r], d = se(
+    () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "video"),
+    [o]
   );
-  return l ? /* @__PURE__ */ h(
+  return o ? /* @__PURE__ */ m(
     ht,
     {
       open: e,
@@ -2316,23 +2323,23 @@ const Qa = ({
         /* @__PURE__ */ n(
           "video",
           {
-            src: l.src,
-            poster: l.poster,
+            src: o.src,
+            poster: o.poster,
             controls: !0,
             autoPlay: !0,
             muted: !0,
             playsInline: !0,
-            preload: l.preload ?? "metadata",
+            preload: o.preload ?? "metadata",
             className: "mes-media-viewer__video",
-            children: l.mimeType ? /* @__PURE__ */ n("source", { src: l.src, type: l.mimeType }) : null
+            children: o.mimeType ? /* @__PURE__ */ n("source", { src: o.src, type: o.mimeType }) : null
           },
-          `${r}:${l.src}`
+          `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           ut,
           {
             onPrev: i,
-            onNext: o,
+            onNext: c,
             prevLabel: "Previous video",
             nextLabel: "Next video"
           }
@@ -2343,7 +2350,7 @@ const Qa = ({
 }, _r = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Je, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), An = ({
   item: e,
   index: t
-}) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
+}) => /* @__PURE__ */ m("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
   e.poster ? /* @__PURE__ */ n(
     "img",
     {
@@ -2378,11 +2385,11 @@ const Qa = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Cr = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: g } = Ae(
+})), kr = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: c }) => {
+  const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: g } = Ae(
     i
   );
-  return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
+  return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -2393,11 +2400,11 @@ const Qa = ({
         children: /* @__PURE__ */ n(An, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ie, { onClick: o }) }) : null,
+    c ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ie, { onClick: c }) }) : null,
     /* @__PURE__ */ n(
       Tn,
       {
-        open: l,
+        open: o,
         items: Mn(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
@@ -2414,12 +2421,12 @@ const Qa = ({
   mimeType: a,
   filename: r,
   items: i,
-  text: o,
-  groupPosition: l,
+  text: c,
+  groupPosition: o,
   preload: d,
   onClick: u
 }) => {
-  const g = yr({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Te(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Ae(
+  const g = yr({ src: t, poster: s, mimeType: a, preload: d, items: i }), h = Te(e), { viewerOpen: f, viewerIndex: l, handleActivate: v, closeViewer: w } = Ae(
     u
   );
   if (g.length === 0)
@@ -2427,12 +2434,12 @@ const Qa = ({
   const b = g.map(
     (p, _) => Nr(p, _, g.length)
   );
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     Se,
     {
-      variant: m,
-      text: o,
-      groupPosition: l,
+      variant: h,
+      text: c,
+      groupPosition: o,
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
@@ -2448,15 +2455,15 @@ const Qa = ({
           {
             open: f,
             items: Mn(g, r),
-            initialIndex: c,
+            initialIndex: l,
             onClose: w
           }
         )
       ]
     }
   );
-}, kr = (e) => /* @__PURE__ */ n(Cr, { ...e }), Er = (e) => /* @__PURE__ */ n(Rn, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(Rn, { ...e, state: "received" }), Ir = {
-  Composer: kr,
+}, Cr = (e) => /* @__PURE__ */ n(kr, { ...e }), Er = (e) => /* @__PURE__ */ n(Rn, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(Rn, { ...e, state: "received" }), Ir = {
+  Composer: Cr,
   Sent: Er,
   Received: Sr
 }, xe = {
@@ -2471,7 +2478,7 @@ const Qa = ({
   LockedAttachment: Tr
 }, Ln = et({}), eo = Ln.Provider;
 function Mr(e) {
-  return ke(Ln)[e] ?? Ar[e];
+  return Ce(Ln)[e] ?? Ar[e];
 }
 const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -2511,28 +2518,28 @@ const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
-  var m;
+  var h;
   const r = Dn(e), i = ze(e);
   if (!r && !i)
     return null;
   if (r) {
-    const f = (m = e.metadata) == null ? void 0 : m.amount_text;
+    const f = (h = e.metadata) == null ? void 0 : h.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = t ? `${f} tip` : `Delivered with ${f} tip`;
-    return /* @__PURE__ */ h("div", { className: c, children: [
+    const l = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = t ? `${f} tip` : `Delivered with ${f} tip`;
+    return /* @__PURE__ */ m("div", { className: l, children: [
       /* @__PURE__ */ n(Vs, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: v })
     ] });
   }
-  const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = [
+  const c = s && a, o = c ? "Sent with AI" : "Sent by AI Assistant", d = [
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
-    o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(Rr, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(te, { children: [
+    c ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
+  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(Rr, { size: c ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !c ? /* @__PURE__ */ m(te, { children: [
     u,
     g
-  ] }) : /* @__PURE__ */ h(te, { children: [
+  ] }) : /* @__PURE__ */ m(te, { children: [
     g,
     u
   ] }) });
@@ -2540,12 +2547,12 @@ const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   selected: e,
   onVoteUp: t,
   onVoteDown: s
-}) => /* @__PURE__ */ h("div", { className: "message-vote-buttons", children: [
+}) => /* @__PURE__ */ m("div", { className: "message-vote-buttons", children: [
   /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: y("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -2559,7 +2566,7 @@ const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: y("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -2585,7 +2592,7 @@ const Br = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, jr = ({ variant: e, cta: t }) => {
-  const s = C(
+  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",
     Br[e]
   ), a = gt(t.href);
@@ -2627,35 +2634,35 @@ const Br = {
   description: a,
   url: r,
   appIcon: i,
-  cta: o,
-  trailingAction: l
+  cta: c,
+  trailingAction: o
 }) => {
-  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", v = o != null;
-  if (!g && !m && !c && !v) return null;
-  const b = C(
+  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", h = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", l = f !== "", v = c != null;
+  if (!g && !h && !l && !v) return null;
+  const b = y(
     "truncate text-base font-medium leading-6",
     d && !t ? Vr : Ur[e]
-  ), p = C(
+  ), p = y(
     "truncate text-xs leading-4",
     Gr[e]
   );
-  return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
-    /* @__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: [
-          g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
+  return /* @__PURE__ */ m("div", { className: "px-4 py-3", children: [
+    /* @__PURE__ */ m("div", { className: "flex items-end gap-3", children: [
+      /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+        /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-col gap-1", children: [
+          g && /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: C("min-w-0", b), children: u })
+            /* @__PURE__ */ n("p", { className: y("min-w-0", b), children: u })
           ] }),
-          m && /* @__PURE__ */ n("p", { className: p, children: a })
+          h && /* @__PURE__ */ n("p", { className: p, children: a })
         ] }),
-        !v && c && /* @__PURE__ */ n("p", { className: p, children: f })
+        !v && l && /* @__PURE__ */ n("p", { className: p, children: f })
       ] }),
-      l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
+      o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
-    o && /* @__PURE__ */ n(jr, { variant: e, cta: o })
+    c && /* @__PURE__ */ n(jr, { variant: e, cta: c })
   ] });
-}, Hr = C(
+}, Hr = 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"
@@ -2669,19 +2676,19 @@ const Br = {
   onClick: a,
   ariaLabel: r,
   rootRef: i,
-  topRight: o,
-  bgClassName: l,
+  topRight: c,
+  bgClassName: o,
   "data-testid": d
 }) => {
-  const u = s != null || a != null, g = C(
+  const u = s != null || a != null, g = y(
     Hr,
-    l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
+    o ?? (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.
     u ? "cursor-pointer no-underline focus-ring" : null
-  ), m = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
-  return s ? /* @__PURE__ */ h(
+  ), h = c ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: c }) : null;
+  return s ? /* @__PURE__ */ m(
     "a",
     {
       ref: i,
@@ -2693,10 +2700,10 @@ const Br = {
       className: g,
       children: [
         t,
-        m
+        h
       ]
     }
-  ) : a ? /* @__PURE__ */ h(
+  ) : a ? /* @__PURE__ */ m(
     "button",
     {
       ref: i,
@@ -2704,13 +2711,13 @@ const Br = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: C(g, "text-left"),
+      className: y(g, "text-left"),
       children: [
         t,
-        m
+        h
       ]
     }
-  ) : /* @__PURE__ */ h(
+  ) : /* @__PURE__ */ m(
     "div",
     {
       ref: i,
@@ -2718,7 +2725,7 @@ const Br = {
       className: g,
       children: [
         t,
-        m
+        h
       ]
     }
   );
@@ -2739,9 +2746,9 @@ const Br = {
   title: a,
   mimeType: r = "image/*",
   topLeft: i,
-  topRight: o
+  topRight: c
 }) => {
-  const l = oe(r), d = !!s && l === "video";
+  const o = oe(r), d = !!s && o === "video";
   return je(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -2751,10 +2758,10 @@ const Br = {
       className: "block w-full",
       children: /* @__PURE__ */ n("track", { kind: "captions" })
     }
-  ) }) : /* @__PURE__ */ h(
+  ) }) : /* @__PURE__ */ m(
     "div",
     {
-      className: C(
+      className: y(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -2781,7 +2788,7 @@ const Br = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: C(
+            className: y(
               "flex h-full w-full items-center justify-center",
               Yr[e]
             ),
@@ -2792,7 +2799,7 @@ const Br = {
           }
         ),
         i ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-10", children: i }) : null,
-        o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null
+        c ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: c }) : null
       ]
     }
   );
@@ -2803,14 +2810,14 @@ const Br = {
   url: a,
   mimeType: r,
   thumbnailUrl: i,
-  sourceUrl: o,
-  layout: l = "featured",
+  sourceUrl: c,
+  layout: o = "featured",
   appIcon: d,
   cta: u,
   onDismiss: g,
-  onEditClick: m
+  onEditClick: h
 }) => {
-  const f = l === "classic", c = je(r, o), v = g ? /* @__PURE__ */ n(
+  const f = o === "classic", l = je(r, c), v = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -2819,28 +2826,28 @@ const Br = {
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
       children: /* @__PURE__ */ n(Be, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, w = m ? /* @__PURE__ */ n(
+  ) : void 0, w = h ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: m,
+      onClick: h,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
       children: /* @__PURE__ */ n(Ys, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Oe, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return l ? /* @__PURE__ */ n(Oe, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
       Fe,
       {
         variant: "dark",
-        sourceUrl: o,
+        sourceUrl: c,
         title: e,
         mimeType: r
       }
     ) }),
     v && /* @__PURE__ */ n("div", { className: "shrink-0", children: v })
-  ] }) }) : /* @__PURE__ */ h(
+  ] }) }) : /* @__PURE__ */ m(
     Oe,
     {
       variant: "dark",
@@ -2851,7 +2858,7 @@ const Br = {
           {
             variant: "dark",
             thumbnailUrl: i,
-            sourceUrl: o,
+            sourceUrl: c,
             title: e,
             mimeType: r,
             topRight: v
@@ -2880,29 +2887,29 @@ const Br = {
   mimeType: a,
   thumbnailUrl: r,
   sourceUrl: i,
-  layout: o = "featured",
-  appIcon: l,
+  layout: c = "featured",
+  appIcon: o,
   cta: d,
   onClick: u
 }) => {
-  const g = bt(a, i), m = gt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, v = je(a, i) ? vt : void 0, w = d && u ? {
+  const g = bt(a, i), h = gt(s), f = d == null && h != null && !g ? h : void 0, l = d == null && !g ? u : void 0, v = je(a, i) ? vt : void 0, w = d && u ? {
     ...d,
     onClick: () => {
       var b;
       u(), (b = d.onClick) == null || b.call(d);
     }
   } : d;
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     Oe,
     {
       variant: "light",
       href: f,
-      onClick: c,
+      onClick: l,
       ariaLabel: e ?? "Open attachment preview",
       bgClassName: v,
       "data-testid": "link-attachment",
       children: [
-        o === "featured" && /* @__PURE__ */ n(
+        c === "featured" && /* @__PURE__ */ n(
           Fe,
           {
             variant: "light",
@@ -2919,7 +2926,7 @@ const Br = {
             title: e,
             description: t,
             url: s,
-            appIcon: l,
+            appIcon: o,
             cta: w
           }
         )
@@ -2933,27 +2940,27 @@ const Br = {
   url: a,
   mimeType: r,
   thumbnailUrl: i,
-  sourceUrl: o,
-  layout: l = "featured",
+  sourceUrl: c,
+  layout: o = "featured",
   appIcon: d,
   cta: u,
   onClick: g
 }) => {
-  const m = bt(r, o), f = gt(a), c = u == null && f != null && !m ? f : void 0, v = u == null && !m && c != null ? g : void 0;
-  return /* @__PURE__ */ h(
+  const h = bt(r, c), f = gt(a), l = u == null && f != null && !h ? f : void 0, v = u == null && !h && l != null ? g : void 0;
+  return /* @__PURE__ */ m(
     Oe,
     {
       variant: "dark",
-      href: c,
+      href: l,
       onClick: v,
-      bgClassName: je(r, o) ? vt : void 0,
+      bgClassName: je(r, c) ? vt : void 0,
       children: [
-        l === "featured" && /* @__PURE__ */ n(
+        o === "featured" && /* @__PURE__ */ n(
           Fe,
           {
             variant: "dark",
             thumbnailUrl: i,
-            sourceUrl: o,
+            sourceUrl: c,
             title: e,
             mimeType: r
           }
@@ -2978,7 +2985,7 @@ const Br = {
   Sent: Kr,
   Received: Xr
 }, Jr = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white", Zr = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#e9eaed] px-4 py-2 text-[#080707]";
-function L(e) {
+function P(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
@@ -2997,10 +3004,10 @@ function Qr(e, t) {
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
 function Zt(e) {
-  const t = L(e.og_scrape_url) ?? L(e.title_link), s = L(e.image_url) ?? L(e.thumb_url), a = L(e.asset_url), r = L(e.mime_type);
+  const t = P(e.og_scrape_url) ?? P(e.title_link), s = P(e.image_url) ?? P(e.thumb_url), a = P(e.asset_url), r = P(e.mime_type);
   return {
-    title: L(e.title),
-    description: L(e.text),
+    title: P(e.title),
+    description: P(e.text),
     url: t,
     thumbnailUrl: s,
     // Playable clip embedded in a link preview — lets LinkAttachment render its
@@ -3015,15 +3022,15 @@ function ei(e) {
   return Pn(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
 function Pn(e) {
-  const t = L(e.og_scrape_url);
+  const t = P(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
 function zn(e) {
   if (!(e != null && e.length)) return [];
   const t = [], s = (r, i) => {
-    const o = t[t.length - 1];
-    if ((o == null ? void 0 : o.type) === "media" && o.kind === r) {
-      o.attachments.push(i);
+    const c = t[t.length - 1];
+    if ((c == null ? void 0 : c.type) === "media" && c.kind === r) {
+      c.attachments.push(i);
       return;
     }
     t.push({ type: "media", kind: r, attachments: [i] });
@@ -3058,7 +3065,7 @@ function si(e, t, s) {
   return t <= 1 ? s : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
 function Qt(e) {
-  return L(e.image_url) ?? L(e.asset_url) ?? "";
+  return P(e.image_url) ?? P(e.asset_url) ?? "";
 }
 function ai(e) {
   switch (e) {
@@ -3081,25 +3088,25 @@ function ri(e, t) {
         return {
           items: t.map((a) => ({
             src: Qt(a),
-            alt: L(a.title)
+            alt: P(a.title)
           }))
         };
       case "video":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            poster: L(
+            src: P(a.asset_url) ?? "",
+            poster: P(
               a.thumb_url
             ),
-            mimeType: L(a.mime_type)
+            mimeType: P(a.mime_type)
           }))
         };
       case "audio":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            mimeType: L(a.mime_type) ?? "audio/mpeg",
-            filename: L(
+            src: P(a.asset_url) ?? "",
+            mimeType: P(a.mime_type) ?? "audio/mpeg",
+            filename: P(
               a.title
             )
           }))
@@ -3107,8 +3114,8 @@ function ri(e, t) {
       case "pdf":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            filename: L(
+            src: P(a.asset_url) ?? "",
+            filename: P(
               a.title
             ),
             fileSize: a.file_size
@@ -3117,12 +3124,12 @@ function ri(e, t) {
       case "file":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            filename: L(
+            src: P(a.asset_url) ?? "",
+            filename: P(
               a.title
             ),
             fileSize: a.file_size,
-            mimeType: L(a.mime_type) ?? "application/octet-stream"
+            mimeType: P(a.mime_type) ?? "application/octet-stream"
           }))
         };
     }
@@ -3132,32 +3139,32 @@ function ri(e, t) {
     case "image":
       return {
         src: Qt(s),
-        alt: L(s.title)
+        alt: P(s.title)
       };
     case "video":
       return {
-        src: L(s.asset_url) ?? "",
-        poster: L(s.thumb_url),
-        mimeType: L(s.mime_type)
+        src: P(s.asset_url) ?? "",
+        poster: P(s.thumb_url),
+        mimeType: P(s.mime_type)
       };
     case "audio":
       return {
-        src: L(s.asset_url) ?? "",
-        mimeType: L(s.mime_type) ?? "audio/mpeg",
-        filename: L(s.title)
+        src: P(s.asset_url) ?? "",
+        mimeType: P(s.mime_type) ?? "audio/mpeg",
+        filename: P(s.title)
       };
     case "pdf":
       return {
-        src: L(s.asset_url) ?? "",
-        filename: L(s.title),
+        src: P(s.asset_url) ?? "",
+        filename: P(s.title),
         fileSize: s.file_size
       };
     case "file":
       return {
-        src: L(s.asset_url) ?? "",
-        filename: L(s.title),
+        src: P(s.asset_url) ?? "",
+        filename: P(s.title),
         fileSize: s.file_size,
-        mimeType: L(s.mime_type) ?? "application/octet-stream"
+        mimeType: P(s.mime_type) ?? "application/octet-stream"
       };
   }
 }
@@ -3182,25 +3189,25 @@ const oi = ({
   var w;
   const a = zn(s.attachments);
   if (a.length === 0) return null;
-  const r = ti(a), i = ni(a), o = (w = s.text) == null ? void 0 : w.trim(), l = a.find((b) => b.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Zt(l.attachments[0] ?? {}).url : void 0, u = o && Qr(o, d) ? void 0 : o;
-  let g = 0, m = 0;
-  const f = [], c = (b, p) => {
+  const r = ti(a), i = ni(a), c = (w = s.text) == null ? void 0 : w.trim(), o = a.find((b) => b.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? Zt(o.attachments[0] ?? {}).url : void 0, u = c && Qr(c, d) ? void 0 : c;
+  let g = 0, h = 0;
+  const f = [], l = (b, p) => {
     const _ = g === r - 1;
     g += 1;
     const N = t ? Kt.Sent : Kt.Received;
     f.push(
-      /* @__PURE__ */ h(j.Fragment, { children: [
+      /* @__PURE__ */ m(V.Fragment, { children: [
         /* @__PURE__ */ n(N, { ...Zt(b) }),
         _ && u ? /* @__PURE__ */ n("div", { className: t ? Jr : Zr, children: u }) : null
       ] }, p)
     );
   }, v = (b, p) => {
     const _ = g === r - 1, N = si(
-      m,
+      h,
       i,
       e
     );
-    g += 1, m += 1, f.push(
+    g += 1, h += 1, f.push(
       /* @__PURE__ */ n(
         ii,
         {
@@ -3216,97 +3223,97 @@ const oi = ({
   return a.forEach((b, p) => {
     if (b.type === "link") {
       b.attachments.forEach((_, N) => {
-        c(_, `link-${p}-${N}`);
+        l(_, `link-${p}-${N}`);
       });
       return;
     }
     v(b, `media-${p}`);
   }), /* @__PURE__ */ n(te, { children: f });
 }, li = (e) => {
-  var Ct, kt, Et, St, It, Tt, At, Mt, Rt, Lt, Dt, Pt, zt, Ot;
+  var kt, Ct, Et, St, It, Tt, At, Mt, Rt, Lt, Dt, Pt, zt, Ot;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
     editing: a,
     endOfGroup: r,
     firstOfGroup: i,
-    groupedByUser: o,
-    handleAction: l,
+    groupedByUser: c,
+    handleAction: o,
     handleOpenThread: d,
     handleRetry: u,
     highlighted: g,
-    isMessageAIGenerated: m,
+    isMessageAIGenerated: h,
     isMyMessage: f,
-    message: c,
+    message: l,
     renderText: v,
     threadList: w,
     viewerLanguage: b
-  } = e, { client: p } = be("CustomMessage"), { channel: _ } = pe("CustomMessage"), { isUnlocking: N, onUnlockClick: T, onFetchSource: R, onDownloadClick: M } = Mr("LockedAttachment"), [D, P] = B(!1), U = Xn(c.id), { selected: z, voteUp: k, voteDown: A } = ca(c), {
-    Attachment: E = Kn,
-    EditMessageModal: y = Jn,
-    MessageActions: S,
-    MessageBlocked: F = Zn,
+  } = e, { client: p } = be("CustomMessage"), { channel: _ } = pe("CustomMessage"), { isUnlocking: N, onUnlockClick: I, onFetchSource: L, onDownloadClick: A } = Mr("LockedAttachment"), [D, B] = $(!1), j = Xn(l.id), { selected: z, voteUp: k, voteDown: T } = ca(l), {
+    Attachment: C = Kn,
+    EditMessageModal: M = Jn,
+    MessageActions: E,
+    MessageBlocked: R = Zn,
     MessageBouncePrompt: O = Qn,
-    MessageDeleted: V = es,
-    MessageIsThreadReplyInChannelButtonIndicator: K = ts,
+    MessageDeleted: U = es,
+    MessageIsThreadReplyInChannelButtonIndicator: X = ts,
     MessageRepliesCountButton: ee = ns,
     ReminderNotification: q = ss,
     StreamedMessageText: x = as,
-    PinIndicator: I
-  } = nn("CustomMessage"), H = rs(c), G = is(c), Z = se(
-    () => m == null ? void 0 : m(c),
-    [m, c]
-  ), $ = se(() => {
-    const ce = c.attachments ?? [], he = c.shared_location ? [c.shared_location, ...ce] : ce;
-    if (!ze(c)) return he;
+    PinIndicator: S
+  } = nn("CustomMessage"), H = rs(l), G = is(l), Z = se(
+    () => h == null ? void 0 : h(l),
+    [h, l]
+  ), F = se(() => {
+    const ce = l.attachments ?? [], he = l.shared_location ? [l.shared_location, ...ce] : ce;
+    if (!ze(l)) return he;
     const Ft = he.filter(($t) => !("type" in $t) || !xn($t));
     return Ft.length === he.length ? he : Ft;
-  }, [c]), Q = se(
-    () => zn($),
-    [$]
+  }, [l]), Q = se(
+    () => zn(F),
+    [F]
   ), J = se(() => {
-    const ce = mn({ message: c, viewerLanguage: b });
-    return ce === c.text ? c : { ...c, text: ce };
-  }, [c, b]), Me = Q.length > 0, Re = Q.reduce(
+    const ce = mn({ message: l, viewerLanguage: b });
+    return ce === l.text ? l : { ...l, text: ce };
+  }, [l, b]), Me = Q.length > 0, Re = Q.reduce(
     (ce, he) => ce + he.attachments.length,
     0
-  ) === (($ == null ? void 0 : $.length) ?? 0), Le = $a(
+  ) === ((F == null ? void 0 : F.length) ?? 0), Le = $a(
     {
       endOfGroup: r,
       firstOfGroup: i,
-      groupedByUser: o
+      groupedByUser: c
     }
   );
-  if (os(c))
+  if (os(l))
     return null;
-  if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(V, { message: c });
-  if (ls(c))
-    return /* @__PURE__ */ n(F, {});
-  const ne = !w && !!c.reply_count, le = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Ct = c.error) == null ? void 0 : Ct.status) !== 403, wt = cs(c);
+  if (l.deleted_at || l.type === "deleted")
+    return /* @__PURE__ */ n(U, { message: l });
+  if (ls(l))
+    return /* @__PURE__ */ n(R, {});
+  const ne = !w && !!l.reply_count, le = !w && l.show_in_channel && l.parent_id, ie = l.status === "failed" && ((kt = l.error) == null ? void 0 : kt.status) !== 403, wt = cs(l);
   let de;
-  ie ? de = () => u(c) : wt && (de = () => P(!0));
-  const ue = f(), jn = C(
+  ie ? de = () => u(l) : wt && (de = () => B(!0));
+  const ue = f(), jn = y(
     "str-chat__message str-chat__message-simple",
-    `str-chat__message--${c.type}`,
-    `str-chat__message--${c.status}`,
+    `str-chat__message--${l.type}`,
+    `str-chat__message--${l.status}`,
     ue ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
-    c.text ? "str-chat__message--has-text" : "has-no-text",
+    l.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": H,
       "str-chat__message--highlighted": g,
-      "str-chat__message--pinned pinned-message": c.pinned,
+      "str-chat__message--pinned pinned-message": l.pinned,
       "str-chat__message--with-reactions": G,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((kt = c == null ? void 0 : c.error) == null ? void 0 : kt.status) !== 403,
+      "str-chat__message-send-can-be-retried": (l == null ? void 0 : l.status) === "failed" && ((Ct = l == null ? void 0 : l.error) == null ? void 0 : Ct.status) !== 403,
       "str-chat__message-with-thread-link": ne || le,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
-      "str-chat__virtual-message__wrapper--group": o
+      "str-chat__virtual-message__wrapper--group": c
     }
-  ), Ue = c.poll_id && p.polls.fromState(c.poll_id), _t = zr(c), me = ze(c), Nt = Pr(c), Ve = !!($ != null && $.length && !c.quoted_message), yt = me && ue && Ve, Un = Me && Re && !c.quoted_message && !Ue && !Z && !me;
-  return /* @__PURE__ */ h(te, { children: [
+  ), Ue = l.poll_id && p.polls.fromState(l.poll_id), _t = zr(l), me = ze(l), Nt = Pr(l), Ve = !!(F != null && F.length && !l.quoted_message), yt = me && ue && Ve, Un = Me && Re && !l.quoted_message && !Ue && !Z && !me;
+  return /* @__PURE__ */ m(te, { children: [
     a && /* @__PURE__ */ n(
-      y,
+      M,
       {
         additionalMessageInputProps: t
       }
@@ -3315,26 +3322,26 @@ const oi = ({
       ds,
       {
         MessageBouncePrompt: O,
-        onClose: () => P(!1),
+        onClose: () => B(!1),
         open: D
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ m(
       "div",
       {
         className: jn,
-        "data-message-id": c.id,
+        "data-message-id": l.id,
         "data-dd-privacy": "mask",
         children: [
-          I && /* @__PURE__ */ n(I, {}),
-          !!U && /* @__PURE__ */ n(q, { reminder: U }),
-          c.user && /* @__PURE__ */ n(
+          S && /* @__PURE__ */ n(S, {}),
+          !!j && /* @__PURE__ */ n(q, { reminder: j }),
+          l.user && /* @__PURE__ */ n(
             ae,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
-              id: c.user.id,
-              image: c.user.image,
-              name: c.user.name || c.user.id,
+              id: l.user.id,
+              image: l.user.image,
+              name: l.user.name || l.user.id,
               size: 24,
               shape: "circle",
               dmAgentEnabled: me
@@ -3343,7 +3350,7 @@ const oi = ({
           /* @__PURE__ */ n(
             "div",
             {
-              className: C("str-chat__message-inner", {
+              className: y("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": ie || wt
               }),
               "data-testid": "message-inner",
@@ -3357,41 +3364,41 @@ const oi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Nt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  S && /* @__PURE__ */ n(S, {}),
+              children: Nt ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
+                ue ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+                  E && /* @__PURE__ */ n(E, {}),
                   /* @__PURE__ */ n(
                     Wt.Sent,
                     {
-                      title: (Et = c.metadata) == null ? void 0 : Et.attachment_title,
-                      mimeType: (St = c.metadata) == null ? void 0 : St.attachment_mime_type,
-                      thumbnailUrl: (It = c.metadata) == null ? void 0 : It.attachment_thumbnail,
-                      amountText: (Tt = c.metadata) == null ? void 0 : Tt.amount_text,
-                      detail: (At = c.metadata) == null ? void 0 : At.attachment_detail,
-                      paymentStatus: (Mt = c.metadata) == null ? void 0 : Mt.payment_status,
-                      onPreviewClick: () => T == null ? void 0 : T(c, _),
-                      onFetchSource: async () => await (R == null ? void 0 : R(c, _))
+                      title: (Et = l.metadata) == null ? void 0 : Et.attachment_title,
+                      mimeType: (St = l.metadata) == null ? void 0 : St.attachment_mime_type,
+                      thumbnailUrl: (It = l.metadata) == null ? void 0 : It.attachment_thumbnail,
+                      amountText: (Tt = l.metadata) == null ? void 0 : Tt.amount_text,
+                      detail: (At = l.metadata) == null ? void 0 : At.attachment_detail,
+                      paymentStatus: (Mt = l.metadata) == null ? void 0 : Mt.payment_status,
+                      onPreviewClick: () => I == null ? void 0 : I(l, _),
+                      onFetchSource: async () => await (L == null ? void 0 : L(l, _))
                     }
                   )
-                ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                ] }) : /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ n(
                     Wt.Received,
                     {
-                      title: (Rt = c.metadata) == null ? void 0 : Rt.attachment_title,
-                      mimeType: (Lt = c.metadata) == null ? void 0 : Lt.attachment_mime_type,
-                      thumbnailUrl: (Dt = c.metadata) == null ? void 0 : Dt.attachment_thumbnail,
-                      amountText: (Pt = c.metadata) == null ? void 0 : Pt.amount_text,
-                      detail: (zt = c.metadata) == null ? void 0 : zt.attachment_detail,
-                      paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
-                      isUnlocking: N(c.id),
-                      onUnlockClick: () => T == null ? void 0 : T(c, _),
-                      onFetchSource: async () => await (R == null ? void 0 : R(c, _)),
-                      onDownloadClick: () => M == null ? void 0 : M(c, _)
+                      title: (Rt = l.metadata) == null ? void 0 : Rt.attachment_title,
+                      mimeType: (Lt = l.metadata) == null ? void 0 : Lt.attachment_mime_type,
+                      thumbnailUrl: (Dt = l.metadata) == null ? void 0 : Dt.attachment_thumbnail,
+                      amountText: (Pt = l.metadata) == null ? void 0 : Pt.amount_text,
+                      detail: (zt = l.metadata) == null ? void 0 : zt.attachment_detail,
+                      paymentStatus: (Ot = l.metadata) == null ? void 0 : Ot.payment_status,
+                      isUnlocking: N(l.id),
+                      onUnlockClick: () => I == null ? void 0 : I(l, _),
+                      onFetchSource: async () => await (L == null ? void 0 : L(l, _)),
+                      onDownloadClick: () => A == null ? void 0 : A(l, _)
                     }
                   ),
-                  S && /* @__PURE__ */ n(S, {})
+                  E && /* @__PURE__ */ n(E, {})
                 ] }),
-                c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
+                l.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   jt,
                   {
                     message: J,
@@ -3400,8 +3407,8 @@ const oi = ({
                 ) })
               ] }) : _t ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(qe, { message: c, standalone: !0 })
-              ) : Un ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h(
+                /* @__PURE__ */ n(qe, { message: l, standalone: !0 })
+              ) : Un ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m(
                 "div",
                 {
                   className: "str-chat__message-bubble",
@@ -3418,7 +3425,7 @@ const oi = ({
                         groupPosition: Le,
                         isMyMessage: ue,
                         message: {
-                          attachments: $,
+                          attachments: F,
                           text: J.text
                         }
                       }
@@ -3426,21 +3433,21 @@ const oi = ({
                     /* @__PURE__ */ n(Ut, {})
                   ]
                 }
-              ) }) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
+              ) }) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
                 me && !yt && /* @__PURE__ */ n(
                   qe,
                   {
-                    message: c,
+                    message: l,
                     hasAttachment: Ve,
                     isMyMessage: ue
                   }
                 ),
                 Ue && /* @__PURE__ */ n(us, { poll: Ue }),
-                $ != null && $.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  E,
+                F != null && F.length && !l.quoted_message ? /* @__PURE__ */ n(
+                  C,
                   {
-                    actionHandler: l,
-                    attachments: $
+                    actionHandler: o,
+                    attachments: F
                   }
                 ) : null,
                 Z ? /* @__PURE__ */ n(
@@ -3460,11 +3467,11 @@ const oi = ({
               ] }) })
             }
           ),
-          !Nt && !_t && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+          !Nt && !_t && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
             (!me || yt) && /* @__PURE__ */ n(
               qe,
               {
-                message: c,
+                message: l,
                 hasAttachment: Ve,
                 isMyMessage: ue
               }
@@ -3474,7 +3481,7 @@ const oi = ({
               {
                 selected: z,
                 onVoteUp: k,
-                onVoteDown: A
+                onVoteDown: T
               }
             )
           ] }),
@@ -3482,16 +3489,16 @@ const oi = ({
             ee,
             {
               onClick: d,
-              reply_count: c.reply_count
+              reply_count: l.reply_count
             }
           ),
-          le && /* @__PURE__ */ n(K, {})
+          le && /* @__PURE__ */ n(X, {})
         ]
       },
-      c.id
+      l.id
     )
   ] });
-}, ci = j.memo(
+}, ci = V.memo(
   li,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Wn(e, t)
 ), di = (e) => {
@@ -3539,7 +3546,7 @@ const oi = ({
   onDismiss: t
 }) => {
   const { og_scrape_url: s, title: a, image_url: r } = e;
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "a",
     {
       href: s,
@@ -3559,15 +3566,15 @@ const oi = ({
           "button",
           {
             type: "button",
-            onClick: (o) => {
-              o.preventDefault(), t(s);
+            onClick: (c) => {
+              c.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(Be, { className: "size-4 text-black/90" })
           }
         ),
-        /* @__PURE__ */ h("div", { className: "p-2", children: [
+        /* @__PURE__ */ m("div", { className: "p-2", children: [
           a && /* @__PURE__ */ n("div", { className: "truncate text-[14px] font-medium leading-5 text-white", children: a }),
           /* @__PURE__ */ n("div", { className: "truncate text-[12px] leading-4 text-white/55", children: s })
         ] })
@@ -3596,7 +3603,7 @@ const oi = ({
     // fixed-height hero would spill out of the collapsed card box.
     /* @__PURE__ */ n("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ n("div", { className: "w-full shrink-0", children: /* @__PURE__ */ n(fi, { link: r, onDismiss: s }) }, r.og_scrape_url)) })
   ) : null;
-}, xt = j.createContext(!1), to = () => ke(xt), bi = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, xt = V.createContext(!1), to = () => Ce(xt), bi = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -3607,7 +3614,7 @@ const oi = ({
     children: /* @__PURE__ */ n(Ws, { weight: "bold", className: "size-4" })
   }
 ), vi = () => {
-  const e = ke(xt), { handleSubmit: t } = gs(), s = ps(), a = e || !s, {
+  const e = Ce(xt), { handleSubmit: t } = gs(), s = ps(), a = e || !s, {
     SendButton: r = bi,
     AttachmentPreviewList: i = bs
   } = nn("CustomMessageInput");
@@ -3620,7 +3627,7 @@ const oi = ({
     // content height and the squeeze never reaches the preview list. Stream's
     // <MessageInput> renders its Input directly (context providers only, no
     // wrapper element), so this is a direct flex item of that row.
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ m(
       "div",
       {
         className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch 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)]",
@@ -3629,7 +3636,7 @@ const oi = ({
           /* @__PURE__ */ n(vs, {}),
           /* @__PURE__ */ n(pi, {}),
           /* @__PURE__ */ n(i, {}),
-          /* @__PURE__ */ h("div", { className: "flex shrink-0", children: [
+          /* @__PURE__ */ m("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
               xs,
               {
@@ -3664,21 +3671,21 @@ const oi = ({
   disabledReason: a,
   composerInput: r
 }) => {
-  var l;
-  const { channel: i } = pe(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
-  return s ? /* @__PURE__ */ h(te, { children: [
+  var o;
+  const { channel: i } = pe(), c = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
+  return s ? /* @__PURE__ */ m(te, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
-  ] }) : /* @__PURE__ */ h("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
-    /* @__PURE__ */ h(
+  ] }) : /* @__PURE__ */ m("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ m(
       "div",
       {
-        inert: o ? "" : void 0,
-        "aria-disabled": o || void 0,
+        inert: c ? "" : void 0,
+        "aria-disabled": c || void 0,
         className: "message-input flex min-h-0 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(xt.Provider, { value: o, children: /* @__PURE__ */ n(fs, { Input: r ?? vi }) })
+          /* @__PURE__ */ n(xt.Provider, { value: c, children: /* @__PURE__ */ n(fs, { Input: r ?? vi }) })
         ]
       }
     ),
@@ -3694,7 +3701,7 @@ const oi = ({
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], yi = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, We = "age safety guidelines.", Ci = "https://linktr.ee/s/about/contact", en = (e) => wi.includes(e), ki = (e) => Ni.includes(e), Ei = (e) => {
+}, We = "age safety guidelines.", ki = "https://linktr.ee/s/about/contact", en = (e) => wi.includes(e), Ci = (e) => Ni.includes(e), Ei = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (en(t))
@@ -3702,7 +3709,7 @@ const oi = ({
       kind: "dm-agent",
       type: t
     };
-  if (ki(t))
+  if (Ci(t))
     return {
       kind: "age-safety",
       type: t
@@ -3718,12 +3725,12 @@ const oi = ({
   if (t === -1)
     return e;
   const s = t + We.length;
-  return /* @__PURE__ */ h(te, { children: [
+  return /* @__PURE__ */ m(te, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: Ci,
+        href: ki,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -3739,8 +3746,8 @@ const oi = ({
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
     const i = ((a = e.message.text) == null ? void 0 : a.trim()) || _i[s.type];
-    return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ h(
+    return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ m(
         "div",
         {
           className: "mes-dm-agent-system-message mx-auto mb-2 inline-flex w-fit max-w-[min(100%,480px)] items-center justify-center gap-[10px] rounded-[12px] border border-[rgba(0,0,0,0.08)] p-3 text-[rgba(0,0,0,0.55)]",
@@ -3765,8 +3772,8 @@ const oi = ({
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
     const i = ((r = e.message.text) == null ? void 0 : r.trim()) || yi[s.type];
-    return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ h(
+    return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ m(
         "div",
         {
           className: "mes-age-safety-system-message box-border mx-auto mb-2 flex w-full max-w-[329px] items-start justify-center gap-3 rounded-[12px] border border-[var(--border-secondary,rgba(0,0,0,0.08))] bg-[var(--bg-warning-subtle,#fef3c6)] px-2 py-4 pl-5 text-[color:var(--text-warning-on-warning,#894b00)]",
@@ -3790,8 +3797,8 @@ const oi = ({
       !t && /* @__PURE__ */ n(Ge, { message: e.message })
     ] });
   }
-  return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-    /* @__PURE__ */ h("div", { className: "str-chat__message--system__text", children: [
+  return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+    /* @__PURE__ */ m("div", { className: "str-chat__message--system__text", children: [
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" }),
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
@@ -3814,8 +3821,8 @@ const oi = ({
   He.ExternalSources
 ]), Ai = ({ threadList: e }) => {
   var v, w;
-  const { channel: t, channelConfig: s, thread: a } = pe(), { client: r } = be(), { typing: i = {} } = ws(), { aiState: o } = _s(t), l = ke(On);
-  if (!e && l && Ti.has(o)) {
+  const { channel: t, channelConfig: s, thread: a } = pe(), { client: r } = be(), { typing: i = {} } = ws(), { aiState: c } = _s(t), o = Ce(On);
+  if (!e && o && Ti.has(c)) {
     const b = Mi(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ n(
       tn,
@@ -3839,16 +3846,16 @@ const oi = ({
       var _;
       return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && b === (a == null ? void 0 : a.id);
     }
-  ) : [], m = e ? g : u;
-  if (!m.length)
+  ) : [], h = e ? g : u;
+  if (!h.length)
     return null;
-  const f = (w = m[0]) == null ? void 0 : w.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (w = h[0]) == null ? void 0 : w.user, l = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
     tn,
     {
-      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),
+      avatarId: (f == null ? void 0 : f.id) ?? (l == null ? void 0 : l.id) ?? "typing-user",
+      avatarName: (f == null ? void 0 : f.name) ?? (l == null ? void 0 : l.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
+      avatarImage: (f == null ? void 0 : f.image) ?? (l == null ? void 0 : l.image),
       testId: "typing-indicator"
     }
   );
@@ -3865,7 +3872,7 @@ const oi = ({
     style: {
       marginBottom: "var(--messaging-channel-input-spacer-height, 80px)"
     },
-    children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
+    children: /* @__PURE__ */ m("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
         ae,
         {
@@ -3877,7 +3884,7 @@ const oi = ({
           shape: "circle"
         }
       ),
-      /* @__PURE__ */ n("div", { className: "str-chat__message-inner mx-0", children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n("div", { className: "str-chat__message-text min-h-11 flex items-center", children: /* @__PURE__ */ n("div", { className: "str-chat__message-text-inner str-chat__message-simple-text-inner", children: /* @__PURE__ */ h(
+      /* @__PURE__ */ n("div", { className: "str-chat__message-inner mx-0", children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n("div", { className: "str-chat__message-text min-h-11 flex items-center", children: /* @__PURE__ */ n("div", { className: "str-chat__message-text-inner str-chat__message-simple-text-inner", children: /* @__PURE__ */ m(
         "svg",
         {
           "aria-hidden": "true",
@@ -3905,12 +3912,12 @@ function Mi(e, t) {
       return i;
   }
 }
-const Ri = () => null, Li = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Ri = () => null, Li = ({ className: e, message: t }) => /* @__PURE__ */ m(
   "div",
   {
-    className: C("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__ */ m("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(
           "animateTransform",
           {
@@ -3948,7 +3955,7 @@ const Ri = () => null, Li = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), $e = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+), $e = V.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(Li, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
@@ -3960,51 +3967,51 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   dmAgentEnabled: a = !1,
   onLeaveConversation: r,
   onBlockParticipant: i,
-  showDeleteConversation: o = !0,
-  showBlockParticipant: l = !0,
+  showDeleteConversation: c = !0,
+  showBlockParticipant: o = !0,
   showReportParticipant: d = !0,
   onDeleteConversationClick: u,
   onBlockParticipantClick: g,
-  onReportParticipantClick: m,
+  onReportParticipantClick: h,
   customChannelActions: f,
-  renderChannelActions: c,
+  renderChannelActions: l,
   showChannelInfo: v = !0,
   onParticipantNameClick: w,
   renderHeaderTitleBadges: b
 }) => {
-  var A, E, y, S, F, O;
-  const { channel: p } = pe(), { client: _ } = be(), N = j.useMemo(
+  var T, C, M, E, R, O;
+  const { channel: p } = pe(), { client: _ } = be(), N = V.useMemo(
     () => {
-      var V;
+      var U;
       return st(
-        (V = p.state) == null ? void 0 : V.members,
+        (U = p.state) == null ? void 0 : U.members,
         _ == null ? void 0 : _.userID,
         p.type
       );
     },
-    [(A = p.state) == null ? void 0 : A.members, _ == null ? void 0 : _.userID, p.type]
-  ), T = dn(N == null ? void 0 : N.user), R = (E = N == null ? void 0 : N.user) == null ? void 0 : E.image, M = cn(p), D = b == null ? void 0 : b({
+    [(T = p.state) == null ? void 0 : T.members, _ == null ? void 0 : _.userID, p.type]
+  ), I = dn(N == null ? void 0 : N.user), L = (C = N == null ? void 0 : N.user) == null ? void 0 : C.image, A = cn(p), D = b == null ? void 0 : b({
     channel: p,
     participant: N
-  }), P = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", U = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ h(te, { children: [
-    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: T }),
+  }), B = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", j = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ m(te, { children: [
+    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: I }),
     D && /* @__PURE__ */ n("span", { className: "shrink-0", children: D })
   ] }), k = async () => {
     try {
-      M ? await p.unpin() : await p.pin();
-    } catch (V) {
+      A ? await p.unpin() : await p.pin();
+    } catch (U) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        V
+        U
       );
     }
   };
-  return /* @__PURE__ */ h("div", { className: "@container", children: [
-    /* @__PURE__ */ h("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden px-6 py-3", children: [
+  return /* @__PURE__ */ m("div", { className: "@container", children: [
+    /* @__PURE__ */ m("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden px-6 py-3", children: [
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: C(
+          className: y(
             fe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -4020,51 +4027,51 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         {
           className: "flex flex-col gap-1 items-center",
           "data-dd-privacy": "mask",
-          children: w ? /* @__PURE__ */ h(
+          children: w ? /* @__PURE__ */ m(
             "button",
             {
               type: "button",
               onClick: w,
-              "aria-label": `View details for ${T}`,
-              className: C(
-                P,
+              "aria-label": `View details for ${I}`,
+              className: y(
+                B,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
               children: [
                 /* @__PURE__ */ n(
                   ae,
                   {
-                    id: ((y = N == null ? void 0 : N.user) == null ? void 0 : y.id) || p.id || "unknown",
-                    name: T,
-                    image: R,
-                    starred: s && M,
+                    id: ((M = N == null ? void 0 : N.user) == null ? void 0 : M.id) || p.id || "unknown",
+                    name: I,
+                    image: L,
+                    starred: s && A,
                     dmAgentEnabled: a,
                     size: 48
                   }
                 ),
-                /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
+                /* @__PURE__ */ m("span", { className: "flex max-w-full items-center gap-0.5", children: [
                   z,
                   /* @__PURE__ */ n(we, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
-                a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+                a && /* @__PURE__ */ m("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
                   /* @__PURE__ */ n(_e, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ n("span", { children: Pe })
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ h("div", { className: P, children: [
+          ) : /* @__PURE__ */ m("div", { className: B, children: [
             /* @__PURE__ */ n(
               ae,
               {
-                id: ((S = N == null ? void 0 : N.user) == null ? void 0 : S.id) || p.id || "unknown",
-                name: T,
-                image: R,
-                starred: s && M,
+                id: ((E = N == null ? void 0 : N.user) == null ? void 0 : E.id) || p.id || "unknown",
+                name: I,
+                image: L,
+                starred: s && A,
                 dmAgentEnabled: a,
                 size: 48
               }
             ),
-            /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
+            /* @__PURE__ */ m("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
               z,
               /* @__PURE__ */ n(
                 we,
@@ -4074,58 +4081,58 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 }
               )
             ] }),
-            a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+            a && /* @__PURE__ */ m("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
               /* @__PURE__ */ n(_e, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { children: Pe })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ h("div", { className: "flex justify-end items-center gap-2", children: [
+      /* @__PURE__ */ m("div", { className: "flex justify-end items-center gap-2", children: [
         s && /* @__PURE__ */ n(
           "button",
           {
             className: fe,
             onClick: k,
             type: "button",
-            "aria-label": M ? "Unstar conversation" : "Star conversation",
+            "aria-label": A ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Ke,
               {
-                className: C("size-5", {
-                  "text-yellow-600": M,
-                  "text-black/90": !M
+                className: y("size-5", {
+                  "text-yellow-600": A,
+                  "text-black/90": !A
                 }),
-                weight: M ? "duotone" : "regular"
+                weight: A ? "duotone" : "regular"
               }
             )
           }
         ),
-        v && (c !== void 0 ? c : /* @__PURE__ */ n(
+        v && (l !== void 0 ? l : /* @__PURE__ */ n(
           qt,
           {
             channel: p,
             participant: N,
-            showDeleteConversation: o,
-            showBlockParticipant: l,
+            showDeleteConversation: c,
+            showBlockParticipant: o,
             showReportParticipant: d,
             onLeaveConversation: r,
             onBlockParticipant: i,
             onDeleteConversationClick: u,
             onBlockParticipantClick: g,
-            onReportParticipantClick: m,
+            onReportParticipantClick: h,
             customChannelActions: f,
-            triggerClassName: C(fe, "bg-[#F1F0EE]")
+            triggerClassName: y(fe, "bg-[#F1F0EE]")
           }
         ))
       ] })
     ] }),
-    /* @__PURE__ */ h("div", { className: "px-6 py-3 hidden @lg:flex items-center justify-between gap-3 min-h-12 border-b border-b-black/[0.08]", children: [
-      /* @__PURE__ */ h("div", { className: "flex items-center gap-4 min-w-0", "data-dd-privacy": "mask", children: [
+    /* @__PURE__ */ m("div", { className: "px-6 py-3 hidden @lg:flex items-center justify-between gap-3 min-h-12 border-b border-b-black/[0.08]", children: [
+      /* @__PURE__ */ m("div", { className: "flex items-center gap-4 min-w-0", "data-dd-privacy": "mask", children: [
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: C(
+            className: y(
               fe,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -4135,54 +4142,54 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             children: /* @__PURE__ */ n(Gt, { className: "size-5 text-black/90" })
           }
         ),
-        w ? /* @__PURE__ */ h(
+        w ? /* @__PURE__ */ m(
           "button",
           {
             type: "button",
             onClick: w,
-            "aria-label": `View details for ${T}`,
-            className: C(
-              U,
+            "aria-label": `View details for ${I}`,
+            className: y(
+              j,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
             children: [
               /* @__PURE__ */ n(
                 ae,
                 {
-                  id: ((F = N == null ? void 0 : N.user) == null ? void 0 : F.id) || p.id || "unknown",
-                  name: T,
-                  image: R,
-                  starred: s && M,
+                  id: ((R = N == null ? void 0 : N.user) == null ? void 0 : R.id) || p.id || "unknown",
+                  name: I,
+                  image: L,
+                  starred: s && A,
                   dmAgentEnabled: a,
                   size: 48
                 }
               ),
-              /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
+              /* @__PURE__ */ m("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ m("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
                   z,
                   /* @__PURE__ */ n(we, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
-                a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+                a && /* @__PURE__ */ m("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
                   /* @__PURE__ */ n(_e, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ n("span", { className: "truncate", children: Pe })
                 ] })
               ] })
             ]
           }
-        ) : /* @__PURE__ */ h("div", { className: U, children: [
+        ) : /* @__PURE__ */ m("div", { className: j, children: [
           /* @__PURE__ */ n(
             ae,
             {
               id: ((O = N == null ? void 0 : N.user) == null ? void 0 : O.id) || p.id || "unknown",
-              name: T,
-              image: R,
-              starred: s && M,
+              name: I,
+              image: L,
+              starred: s && A,
               dmAgentEnabled: a,
               size: 48
             }
           ),
-          /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
+          /* @__PURE__ */ m("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ m("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
               z,
               /* @__PURE__ */ n(
                 we,
@@ -4192,46 +4199,46 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 }
               )
             ] }),
-            a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+            a && /* @__PURE__ */ m("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
               /* @__PURE__ */ n(_e, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { className: "truncate", children: Pe })
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
         s && /* @__PURE__ */ n(
           "button",
           {
             className: fe,
             onClick: k,
             type: "button",
-            "aria-label": M ? "Unstar conversation" : "Star conversation",
+            "aria-label": A ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Ke,
               {
-                className: C("size-6", {
-                  "text-yellow-600": M,
-                  "text-black/90": !M
+                className: y("size-6", {
+                  "text-yellow-600": A,
+                  "text-black/90": !A
                 }),
-                weight: M ? "duotone" : "regular"
+                weight: A ? "duotone" : "regular"
               }
             )
           }
         ),
-        v && (c !== void 0 ? c : /* @__PURE__ */ n(
+        v && (l !== void 0 ? l : /* @__PURE__ */ n(
           qt,
           {
             channel: p,
             participant: N,
-            showDeleteConversation: o,
-            showBlockParticipant: l,
+            showDeleteConversation: c,
+            showBlockParticipant: o,
             showReportParticipant: d,
             onLeaveConversation: r,
             onBlockParticipant: i,
             onDeleteConversationClick: u,
             onBlockParticipantClick: g,
-            onReportParticipantClick: m,
+            onReportParticipantClick: h,
             customChannelActions: f,
             triggerClassName: fe
           }
@@ -4246,100 +4253,100 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderMessageInputFooter: a,
   renderConversationFooter: r,
   onLeaveConversation: i,
-  onBlockParticipant: o,
-  showDeleteConversation: l = !0,
+  onBlockParticipant: c,
+  showDeleteConversation: o = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: u,
   onReportParticipantClick: g,
-  showBlockParticipant: m = !0,
+  showBlockParticipant: h = !0,
   showReportParticipant: f = !0,
-  composerDisabled: c = !1,
+  composerDisabled: l = !1,
   composerDisabledReason: v,
   showStarButton: w = !1,
   chatbotVotingEnabled: b = !1,
   renderChannelBanner: p,
   renderHeaderTitleBadges: _,
   customChannelActions: N,
-  renderChannelActions: T,
-  renderMessage: R,
-  dmAgentEnabled: M = !1,
+  renderChannelActions: I,
+  renderMessage: L,
+  dmAgentEnabled: A = !1,
   viewerLanguage: D,
-  showChannelInfo: P = !0,
-  onParticipantNameClick: U,
+  showChannelInfo: B = !0,
+  onParticipantNameClick: j,
   composerInput: z
 }) => {
-  var K, ee, q, x;
-  const { channel: k } = pe(), { client: A } = be(), E = j.useMemo(
+  var X, ee, q, x;
+  const { channel: k } = pe(), { client: T } = be(), C = V.useMemo(
     () => {
-      var I;
+      var S;
       return st(
-        (I = k.state) == null ? void 0 : I.members,
-        A == null ? void 0 : A.userID,
+        (S = k.state) == null ? void 0 : S.members,
+        T == null ? void 0 : T.userID,
         k.type
       );
     },
-    [(K = k.state) == null ? void 0 : K.members, A == null ? void 0 : A.userID, k.type]
-  ), y = j.useMemo(() => {
+    [(X = k.state) == null ? void 0 : X.members, T == null ? void 0 : T.userID, k.type]
+  ), M = V.useMemo(() => {
     var G;
-    const I = A == null ? void 0 : A.userID;
-    return I ? Object.values(((G = k.state) == null ? void 0 : G.members) || {}).find((Z) => {
-      var $;
-      return (($ = Z.user) == null ? void 0 : $.id) === I;
+    const S = T == null ? void 0 : T.userID;
+    return S ? Object.values(((G = k.state) == null ? void 0 : G.members) || {}).find((Z) => {
+      var F;
+      return ((F = Z.user) == null ? void 0 : F.id) === S;
     }) : void 0;
-  }, [A == null ? void 0 : A.userID, (ee = k.state) == null ? void 0 : ee.members]), S = ((q = y == null ? void 0 : y.user) == null ? void 0 : q.is_account) ?? (y == null ? void 0 : y.is_account), F = ((x = E == null ? void 0 : E.user) == null ? void 0 : x.is_account) ?? (E == null ? void 0 : E.is_account), O = M && S === !1 && F === !0, V = X(
-    (I) => {
+  }, [T == null ? void 0 : T.userID, (ee = k.state) == null ? void 0 : ee.members]), E = ((q = M == null ? void 0 : M.user) == null ? void 0 : q.is_account) ?? (M == null ? void 0 : M.is_account), R = ((x = C == null ? void 0 : C.user) == null ? void 0 : x.is_account) ?? (C == null ? void 0 : C.is_account), O = A && E === !1 && R === !0, U = K(
+    (S) => {
       const { message: H } = Ee("ChannelView"), G = /* @__PURE__ */ n(
         di,
         {
-          ...I,
+          ...S,
           chatbotVotingEnabled: b,
           viewerLanguage: D
         }
       );
-      return !R || !H ? G : R(G, H);
+      return !L || !H ? G : L(G, H);
     },
-    [b, R, D]
+    [b, L, D]
   );
   return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
     ys,
     {
       overrides: {
-        Message: V,
+        Message: U,
         MessageActions: hi
       },
-      children: /* @__PURE__ */ h(Cs, { children: [
+      children: /* @__PURE__ */ m(ks, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
           Di,
           {
             onBack: e,
             showBackButton: t,
-            showChannelInfo: P,
+            showChannelInfo: B,
             showStarButton: w,
             dmAgentEnabled: O,
             onLeaveConversation: i,
-            onBlockParticipant: o,
-            showDeleteConversation: l,
-            showBlockParticipant: m,
+            onBlockParticipant: c,
+            showDeleteConversation: o,
+            showBlockParticipant: h,
             showReportParticipant: f,
             onDeleteConversationClick: d,
             onBlockParticipantClick: u,
             onReportParticipantClick: g,
             customChannelActions: N,
-            renderChannelActions: T,
-            onParticipantNameClick: U,
+            renderChannelActions: I,
+            onParticipantNameClick: j,
             renderHeaderTitleBadges: _
           }
         ) }, "lt-channel-header"),
-        p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null,
+        p ? /* @__PURE__ */ n(V.Fragment, { children: p() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
-            children: /* @__PURE__ */ n(ks, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
+            children: /* @__PURE__ */ n(Cs, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(j.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(V.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           xi,
           {
@@ -4347,7 +4354,7 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               renderActions: () => s == null ? void 0 : s(k)
             },
             renderFooter: () => a == null ? void 0 : a(k),
-            disabled: c,
+            disabled: l,
             disabledReason: v,
             composerInput: z
           },
@@ -4356,7 +4363,7 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, Fn = j.memo(
+}, Fn = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -4364,38 +4371,38 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     renderMessageInputActions: a,
     renderMessageInputFooter: r,
     renderConversationFooter: i,
-    onLeaveConversation: o,
-    onBlockParticipant: l,
+    onLeaveConversation: c,
+    onBlockParticipant: o,
     className: d,
     CustomChannelEmptyState: u = Ri,
     showDeleteConversation: g = !0,
-    onDeleteConversationClick: m,
+    onDeleteConversationClick: h,
     onBlockParticipantClick: f,
-    onReportParticipantClick: c,
+    onReportParticipantClick: l,
     showBlockParticipant: v = !0,
     showReportParticipant: w = !0,
     composerDisabled: b = !1,
     composerDisabledReason: p,
     dmAgentEnabled: _,
     messageMetadata: N,
-    onMessageSent: T,
-    showStarButton: R = !1,
-    chatbotVotingEnabled: M = !1,
+    onMessageSent: I,
+    showStarButton: L = !1,
+    chatbotVotingEnabled: A = !1,
     renderChannelBanner: D,
-    renderHeaderTitleBadges: P,
-    customChannelActions: U,
+    renderHeaderTitleBadges: B,
+    customChannelActions: j,
     renderChannelActions: z,
     renderMessage: k,
-    onMessageLinkClick: A,
-    sendButton: E,
-    attachmentPreviewList: y,
-    viewerLanguage: S,
-    showChannelInfo: F = !0,
+    onMessageLinkClick: T,
+    sendButton: C,
+    attachmentPreviewList: M,
+    viewerLanguage: E,
+    showChannelInfo: R = !0,
     onParticipantNameClick: O,
-    composerInput: V
+    composerInput: U
   }) => {
-    const K = X(
-      async (q, x, I) => {
+    const X = K(
+      async (q, x, S) => {
         var J;
         const H = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, G = _ && !H, Z = {
           ...x,
@@ -4406,30 +4413,30 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ...N
             }
           }
-        }, $ = {
-          ...I,
+        }, F = {
+          ...S,
           ...G && { skip_push: !0 }
-        }, Q = await e.sendMessage(Z, $);
-        return T == null || T(Q), Q;
+        }, Q = await e.sendMessage(Z, F);
+        return I == null || I(Q), Q;
       },
-      [e, _, N, T]
+      [e, _, N, I]
     ), ee = Y(null);
     return W(() => {
-      if (!A) return;
+      if (!T) return;
       const q = ee.current;
       if (!q) return;
-      const x = (I) => {
-        const H = I.target, G = H == null ? void 0 : H.closest("a[href]"), Z = G == null ? void 0 : G.getAttribute("href");
+      const x = (S) => {
+        const H = S.target, G = H == null ? void 0 : H.closest("a[href]"), Z = G == null ? void 0 : G.getAttribute("href");
         if (!Z) return;
-        const $ = G == null ? void 0 : G.closest("[data-message-id]"), Q = $ == null ? void 0 : $.getAttribute("data-message-id"), J = Q ? e.state.messages.find((Me) => Me.id === Q) : void 0;
-        A(Z, J);
+        const F = G == null ? void 0 : G.closest("[data-message-id]"), Q = F == null ? void 0 : F.getAttribute("data-message-id"), J = Q ? e.state.messages.find((Me) => Me.id === Q) : void 0;
+        T(Z, J);
       };
       return q.addEventListener("click", x), () => q.removeEventListener("click", x);
-    }, [A, e]), /* @__PURE__ */ n(
+    }, [T, e]), /* @__PURE__ */ n(
       "div",
       {
         ref: ee,
-        className: C(
+        className: y(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
@@ -4442,9 +4449,9 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             LoadingIndicator: $e,
             DateSeparator: oa,
             TypingIndicator: Ai,
-            doSendMessageRequest: K,
-            ...E ? { SendButton: E } : {},
-            ...y ? { AttachmentPreviewList: y } : {},
+            doSendMessageRequest: X,
+            ...C ? { SendButton: C } : {},
+            ...M ? { AttachmentPreviewList: M } : {},
             children: /* @__PURE__ */ n(
               Pi,
               {
@@ -4453,29 +4460,29 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 renderMessageInputActions: a,
                 renderMessageInputFooter: r,
                 renderConversationFooter: i,
-                onLeaveConversation: o,
-                onBlockParticipant: l,
+                onLeaveConversation: c,
+                onBlockParticipant: o,
                 CustomChannelEmptyState: u,
                 showDeleteConversation: g,
-                onDeleteConversationClick: m,
+                onDeleteConversationClick: h,
                 onBlockParticipantClick: f,
-                onReportParticipantClick: c,
+                onReportParticipantClick: l,
                 showBlockParticipant: v,
                 showReportParticipant: w,
                 composerDisabled: b,
                 composerDisabledReason: p,
-                showStarButton: R,
+                showStarButton: L,
                 dmAgentEnabled: _,
-                chatbotVotingEnabled: M,
+                chatbotVotingEnabled: A,
                 renderChannelBanner: D,
-                renderHeaderTitleBadges: P,
-                customChannelActions: U,
+                renderHeaderTitleBadges: B,
+                customChannelActions: j,
                 renderChannelActions: z,
                 renderMessage: k,
-                viewerLanguage: S,
-                showChannelInfo: F,
+                viewerLanguage: E,
+                showChannelInfo: R,
                 onParticipantNameClick: O,
-                composerInput: V
+                composerInput: U
               }
             )
           }
@@ -4485,7 +4492,7 @@ const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 Fn.displayName = "ChannelView";
-const Ne = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const Ne = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("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 }),
@@ -4507,86 +4514,86 @@ const no = ({
   onChannelSelect: a,
   onExitConversation: r,
   initialParticipantFilter: i,
-  initialParticipantData: o,
-  CustomChannelEmptyState: l,
+  initialParticipantData: c,
+  CustomChannelEmptyState: o,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
   dmAgentEnabled: g,
-  onMessageSent: m,
+  onMessageSent: h,
   chatbotVotingEnabled: f = !1,
-  viewerLanguage: c,
+  viewerLanguage: l,
   renderHeaderTitleBadges: v,
   renderChannelBanner: w,
   customChannelActions: b,
   renderChannelActions: p,
   onParticipantNameClick: _,
   renderMessage: N,
-  onMessageLinkClick: T,
-  showChannelInfo: R,
-  composerInput: M
+  onMessageLinkClick: I,
+  showChannelInfo: L,
+  composerInput: A
 }) => {
   const {
     client: D,
-    isConnected: P,
-    isLoading: U,
+    isConnected: B,
+    isLoading: j,
     error: z,
     refreshConnection: k,
-    service: A,
-    debug: E
-  } = Js(), [y, S] = B(null), [F, O] = B(null), [V, K] = B(!1), { showDeleteConversation: ee = !0 } = e, q = Y(o);
-  q.current = o;
+    service: T,
+    debug: C
+  } = Js(), [M, E] = $(null), [R, O] = $(null), [U, X] = $(!1), { showDeleteConversation: ee = !0 } = e, q = Y(c);
+  q.current = c;
   const x = Y(a);
   x.current = a;
-  const I = Y(null), H = Y(null);
+  const S = Y(null), H = Y(null);
   W(() => {
-    H.current = y;
-  }, [y]), W(() => {
-    if (!D || !P) return;
-    const $ = D.userID;
-    if (!$) return;
-    const Q = `${$}::${i}`;
-    if (I.current === Q) return;
-    I.current = Q;
+    H.current = M;
+  }, [M]), W(() => {
+    if (!D || !B) return;
+    const F = D.userID;
+    if (!F) return;
+    const Q = `${F}::${i}`;
+    if (S.current === Q) return;
+    S.current = Q;
     const J = () => {
-      I.current === Q && (I.current = null);
+      S.current === Q && (S.current = null);
     };
     (async () => {
       var Re, Le;
       try {
-        E && console.log(
+        C && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
         const ne = await D.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [$, i] }
+            members: { $eq: [F, i] }
           },
           {},
           { limit: 1 }
         );
         if (ne.length > 0) {
-          S(ne[0]), O(null), (Re = x.current) == null || Re.call(x, ne[0]), E && console.log(
+          E(ne[0]), O(null), (Re = x.current) == null || Re.call(x, ne[0]), C && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ne[0].id
           );
           return;
         }
         const le = q.current;
-        if (!le || !A) {
-          J(), O("No conversation found with this account"), E && console.log(
+        if (!le || !T) {
+          J(), O("No conversation found with this account"), C && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const ie = await A.startChannelWithParticipant({
+          const ie = await T.startChannelWithParticipant({
             id: le.id,
             name: le.name,
             phone: le.phone
           });
-          S(ie), O(null), (Le = x.current) == null || Le.call(x, ie), E && console.log(
+          E(ie), O(null), (Le = x.current) == null || Le.call(x, ie), C && console.log(
             "[MessagingShell] Channel created and loaded:",
             ie.id
           );
@@ -4603,46 +4610,46 @@ const no = ({
         ), J(), H.current || O("Failed to load conversation");
       }
     })();
-  }, [i, D, P, A, E]);
+  }, [i, D, B, T, C]);
   const G = Y(r);
   G.current = r;
-  const Z = X(() => {
-    var $;
-    S(null), K(!0), ($ = G.current) == null || $.call(G);
+  const Z = K(() => {
+    var F;
+    E(null), X(!0), (F = G.current) == null || F.call(G);
   }, []);
-  return U ? /* @__PURE__ */ n($e, {}) : z ? /* @__PURE__ */ n(Ne, { message: z, onBack: k }) : !P || !D ? /* @__PURE__ */ n(
+  return j ? /* @__PURE__ */ n($e, {}) : z ? /* @__PURE__ */ n(Ne, { message: z, onBack: k }) : !B || !D ? /* @__PURE__ */ n(
     Ne,
     {
       message: "Not connected to messaging service",
       onBack: k
     }
-  ) : F ? /* @__PURE__ */ n(Ne, { message: F }) : V && !y ? /* @__PURE__ */ n(Ne, { message: "Conversation ended" }) : y ? /* @__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(
+  ) : R ? /* @__PURE__ */ n(Ne, { message: R }) : U && !M ? /* @__PURE__ */ n(Ne, { message: "Conversation ended" }) : M ? /* @__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(
     Fn,
     {
-      channel: y,
+      channel: M,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: w,
       onLeaveConversation: Z,
       onBlockParticipant: Z,
-      CustomChannelEmptyState: l,
+      CustomChannelEmptyState: o,
       showDeleteConversation: ee,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: g,
-      onMessageSent: m,
+      onMessageSent: h,
       chatbotVotingEnabled: f,
-      viewerLanguage: c,
+      viewerLanguage: l,
       renderHeaderTitleBadges: v,
       customChannelActions: b,
       renderChannelActions: p,
       onParticipantNameClick: _,
       renderMessage: N,
-      onMessageLinkClick: T,
-      showChannelInfo: R,
-      composerInput: M
+      onMessageLinkClick: I,
+      showChannelInfo: L,
+      composerInput: A
     },
-    y.id
+    M.id
   ) }) }) : /* @__PURE__ */ n($e, {});
 };
 function zi(e) {
@@ -4651,7 +4658,7 @@ function zi(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const $n = j.createContext({
+const $n = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4659,7 +4666,7 @@ const $n = j.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Oi = $n.Provider, Fi = () => j.useContext($n), $i = (e, t) => {
+}), Oi = $n.Provider, Fi = () => V.useContext($n), $i = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -4680,20 +4687,20 @@ const $n = j.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, Bn = j.memo(
+}, Bn = V.memo(
   (e) => {
-    var P, U, z;
+    var B, j, z;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
       debug: i,
-      channelPreview: o,
-      renderMessagePreview: l,
+      channelPreview: c,
+      renderMessagePreview: o,
       viewerLanguage: d
-    } = Fi(), { client: u } = be(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = cn(t);
-    if (o)
+    } = Fi(), { client: u } = be(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = cn(t);
+    if (c)
       return /* @__PURE__ */ n(
-        o,
+        c,
         {
           ...e,
           active: g,
@@ -4704,48 +4711,48 @@ const $n = j.createContext({
       );
     const f = () => {
       t && r(t);
-    }, c = (k) => {
-      const A = k.key === "Enter" || k.key === " ", E = k.repeat;
-      !A || E || (k.preventDefault(), f());
+    }, l = (k) => {
+      const T = k.key === "Enter" || k.key === " ", C = k.repeat;
+      !T || C || (k.preventDefault(), f());
     }, v = st(
-      (P = t == null ? void 0 : t.state) == null ? void 0 : P.members,
+      (B = t == null ? void 0 : t.state) == null ? void 0 : B.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = dn(v == null ? void 0 : v.user), b = (U = v == null ? void 0 : v.user) == null ? void 0 : U.image, p = (() => {
-      var A;
-      const k = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
+    ), w = dn(v == null ? void 0 : v.user), b = (j = v == null ? void 0 : v.user) == null ? void 0 : j.image, p = (() => {
+      var T;
+      const k = (T = t == null ? void 0 : t.state) == null ? void 0 : T.messages;
       if (k != null && k.length) {
-        for (let E = k.length - 1; E >= 0; E--)
-          if (k[E].type !== "system") return k[E];
+        for (let C = k.length - 1; C >= 0; C--)
+          if (k[C].type !== "system") return k[C];
       }
     })(), N = (() => {
-      var F, O, V, K;
+      var R, O, U, X;
       const k = mn({
         message: p,
         viewerLanguage: d
       });
-      if (((F = p == null ? void 0 : p.metadata) == null ? void 0 : F.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
+      if (((R = p == null ? void 0 : p.metadata) == null ? void 0 : R.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
       if (((O = p == null ? void 0 : p.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
-      if (((V = p == null ? void 0 : p.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT")
+      if (((U = p == null ? void 0 : p.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_ATTACHMENT")
         return k ? `📎 ${k}` : "📎 Sent an attachment";
       if (k) return k;
-      const S = (K = p == null ? void 0 : p.attachments) == null ? void 0 : K[0];
-      return S ? S.og_scrape_url ? S.og_scrape_url : S.type === "image" ? "📷 Sent an image" : S.type === "video" ? "🎥 Sent a video" : S.type === "audio" ? "🎵 Sent audio" : S.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), T = p != null && p.created_at ? Bi(new Date(p.created_at)) : "", R = p ? ze(p) : !1, M = l ? l(p, N) : `${R ? "✨ " : ""}${N}`, D = s ?? 0;
+      const E = (X = p == null ? void 0 : p.attachments) == null ? void 0 : X[0];
+      return E ? E.og_scrape_url ? E.og_scrape_url : E.type === "image" ? "📷 Sent an image" : E.type === "video" ? "🎥 Sent a video" : E.type === "audio" ? "🎵 Sent audio" : E.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), I = p != null && p.created_at ? Bi(new Date(p.created_at)) : "", L = p ? ze(p) : !1, A = o ? o(p, N) : `${L ? "✨ " : ""}${N}`, D = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
       participantName: w,
       unreadCount: D,
-      hasTimestamp: !!T
+      hasTimestamp: !!I
     }), /* @__PURE__ */ n(
       "div",
       {
         role: "button",
         tabIndex: 0,
         onClick: f,
-        onKeyDown: c,
-        className: C(
+        onKeyDown: l,
+        className: y(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": g,
@@ -4753,7 +4760,7 @@ const $n = j.createContext({
           }
         ),
         "data-dd-privacy": "mask",
-        children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
+        children: /* @__PURE__ */ m("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
             ae,
             {
@@ -4761,27 +4768,27 @@ const $n = j.createContext({
               name: w,
               image: b,
               size: 48,
-              starred: m
+              starred: h
             }
           ),
-          /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-            /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ h(
+          /* @__PURE__ */ m("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+            /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ m(
                 "h3",
                 {
-                  className: C(
+                  className: y(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    m && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    h && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     w
                   ]
                 }
               ),
-              T && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: T })
+              I && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: I })
             ] }),
-            /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: M }),
+            /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: A }),
               D > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: D > 99 ? "99+" : D })
             ] })
           ] })
@@ -4791,7 +4798,7 @@ const $n = j.createContext({
   }
 );
 Bn.displayName = "CustomChannelPreview";
-const ji = { last_message_at: -1 }, Ui = j.memo(
+const ji = { last_message_at: -1 }, Ui = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -4799,16 +4806,16 @@ const ji = { last_message_at: -1 }, Ui = j.memo(
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
     sort: i = ji,
-    className: o,
-    customEmptyStateIndicator: l,
+    className: c,
+    customEmptyStateIndicator: o,
     channelListPaginator: d = Ss,
     channelPreview: u,
     renderMessagePreview: g,
-    viewerLanguage: m
+    viewerLanguage: h
   }) => {
-    const f = j.useRef(0);
+    const f = V.useRef(0);
     f.current++;
-    const { debug: c = !1 } = nt(), v = j.useCallback(
+    const { debug: l = !1 } = nt(), v = V.useCallback(
       (b) => {
         for (const p of b)
           zi(p);
@@ -4816,35 +4823,35 @@ const ji = { last_message_at: -1 }, Ui = j.memo(
       },
       [r]
     );
-    c && console.log("📺 [ChannelList] 🔄 RENDER START", {
+    l && console.log("📺 [ChannelList] 🔄 RENDER START", {
       renderCount: f.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const w = j.useMemo(
+    const w = V.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: c,
+        debug: l,
         channelPreview: u,
         renderMessagePreview: g,
-        viewerLanguage: m
+        viewerLanguage: h
       }),
       [
         t,
         e,
-        c,
+        l,
         u,
         g,
-        m
+        h
       ]
     );
     return /* @__PURE__ */ n(
       "div",
       {
-        className: C(
+        className: y(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          o
+          c
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Oi, { value: w, children: /* @__PURE__ */ n(
           Es,
@@ -4856,7 +4863,7 @@ const ji = { last_message_at: -1 }, Ui = j.memo(
             channelRenderFilterFn: v,
             Paginator: d,
             Preview: Bn,
-            EmptyStateIndicator: l
+            EmptyStateIndicator: o
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
         ) }) })
@@ -4877,7 +4884,7 @@ const Vi = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: C(
+    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,
@@ -4894,28 +4901,28 @@ const Vi = ({
   headerText: a,
   className: r,
   avatarImage: i,
-  avatarName: o
+  avatarName: c
 }) => {
-  const l = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.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(
+  const o = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.order ?? 0));
+  return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ m("div", { className: "flex gap-3 items-end", children: [
+    (i || c) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
       ae,
       {
-        id: o || "account",
-        name: o || "Account",
+        id: c || "account",
+        name: c || "Account",
         image: i,
         size: 24,
         shape: "circle"
       }
     ) }),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ m(
       "div",
       {
         className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
         style: { backgroundColor: "#F1F0EE" },
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
-          l.map((d) => /* @__PURE__ */ n(
+          o.map((d) => /* @__PURE__ */ n(
             Vi,
             {
               question: d.question,
@@ -4966,4 +4973,4 @@ export {
   lt as y,
   dn as z
 };
-//# sourceMappingURL=index-BPfehHDD.js.map
+//# sourceMappingURL=index-2HMjfjM-.js.map