@linktr.ee/messaging-react 4.1.4 → 4.1.5-rc-1786947787

package/dist/{index-Dr_5Q52K.js → index-CBGh9Qyj.js}

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as f, Fragment as q } from "react/jsx-runtime";
-import P, { createContext as je, useContext as xe, useCallback as K, useState as $, useRef as V, useEffect as W, useId as rs, Suspense as is, useMemo as le } from "react";
+import P, { createContext as He, useContext as we, useCallback as X, useState as $, useRef as V, useEffect as K, useId as rs, Suspense as is, useMemo as oe } from "react";
 import { StreamChatService as ls } from "@linktr.ee/messaging-core";
-import { StreamChat as os, LinkPreviewsManager as nt } from "stream-chat";
-import { Chat as cs, useChannelStateContext as we, useChatContext as He, DateSeparator as ds, useMessageContext as fe, MessageStatus as us, MessageErrorIcon as st, MessageText as Fe, areMessageUIPropsEqual as ms, useMessageReminder as hs, useComponentContext as mn, Attachment as fs, EditMessageModal as gs, MessageBlocked as ps, MessageBouncePrompt as bs, MessageDeleted as vs, MessageIsThreadReplyInChannelButtonIndicator as xs, MessageRepliesCountButton as ws, ReminderNotification as _s, StreamedMessageText as ys, messageHasAttachments as Ns, messageHasReactions as ks, isDateSeparatorMessage as Cs, isMessageBlocked as Ss, isMessageBounced as Es, MessageBounceModal as Is, Poll as Ts, useMessageComposer as As, useStateStore as Rs, MessageInput as Vt, useMessageInputContext as Ls, useMessageComposerHasSendableData as Ms, AttachmentPreviewList as Ds, QuotedMessagePreview as Os, TextareaComposer as Ps, MessageTimestamp as Ke, AIStates as Xe, useTypingContext as Fs, useAIState as zs, Channel as $s, WithComponents as Bs, Window as Us, MessageList as Gt, ChannelList as js, InfiniteScroll as Hs } from "stream-chat-react";
-import { isOfficialChannel as hn, OFFICIAL_SENDER_USER_ID as Vs, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Yt, isAgeSafetySystemType as Gs, resolveRichCardImagePresentation as Ys, selectEnabledFaqs as Ws } from "@linktr.ee/messaging-taxonomy";
-import N from "classnames";
-import { StarIcon as at, DotsThreeIcon as Ks, SpinnerGapIcon as Oe, SignOutIcon as Xs, ProhibitInsetIcon as Wt, FlagIcon as fn, CurrencyDollarIcon as qs, CaretRightIcon as gn, ArrowLeftIcon as Zs, FileIcon as pn, ImageIcon as Js, SpeakerHighIcon as Qs, VideoCameraIcon as bn, FileMdIcon as ea, FileTextIcon as ta, FileZipIcon as na, FilePptIcon as sa, FileCsvIcon as aa, FileXlsIcon as ra, FileDocIcon as ia, FilePdfIcon as la, CircleNotchIcon as be, PlayIcon as rt, PauseIcon as oa, LinkIcon as ca, DownloadSimpleIcon as Se, GiftIcon as da, WarningCircleIcon as ua, MegaphoneIcon as ma, ChecksIcon as ha, XIcon as lt, PencilSimpleIcon as fa, CaretLeftIcon as ga, TrashSimpleIcon as pa, ArrowUpIcon as ba, SparkleIcon as va, ProhibitIcon as xa } from "@phosphor-icons/react";
+import { StreamChat as os, LinkPreviewsManager as st } from "stream-chat";
+import { Chat as cs, useChannelStateContext as _e, useChatContext as Ve, DateSeparator as ds, useMessageContext as ge, MessageStatus as us, MessageErrorIcon as at, MessageText as ze, areMessageUIPropsEqual as ms, useMessageReminder as hs, useComponentContext as mn, Attachment as fs, EditMessageModal as gs, MessageBlocked as ps, MessageBouncePrompt as bs, MessageDeleted as vs, MessageIsThreadReplyInChannelButtonIndicator as xs, MessageRepliesCountButton as ws, ReminderNotification as _s, StreamedMessageText as ys, messageHasAttachments as Ns, messageHasReactions as ks, isDateSeparatorMessage as Cs, isMessageBlocked as Ss, isMessageBounced as Es, MessageBounceModal as Is, Poll as Ts, useMessageComposer as As, useStateStore as Rs, MessageInput as Vt, useMessageInputContext as Ls, useMessageComposerHasSendableData as Ms, AttachmentPreviewList as Ds, QuotedMessagePreview as Os, TextareaComposer as Ps, MessageTimestamp as Xe, AIStates as qe, useTypingContext as Fs, useAIState as zs, Channel as $s, WithComponents as Bs, Window as Us, MessageList as Gt, ChannelList as js, InfiniteScroll as Hs } from "stream-chat-react";
+import { isOfficialChannel as hn, OFFICIAL_SENDER_USER_ID as Vs, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as Yt, isAgeSafetySystemType as Gs, resolveRichCardImagePresentation as Ys, selectEnabledFaqs as Ws } from "@linktr.ee/messaging-taxonomy";
+import k from "classnames";
+import { StarIcon as rt, DotsThreeIcon as Ks, SpinnerGapIcon as Pe, SignOutIcon as Xs, ProhibitInsetIcon as Wt, FlagIcon as fn, CurrencyDollarIcon as qs, CaretRightIcon as gn, ArrowLeftIcon as Zs, FileIcon as pn, ImageIcon as Js, SpeakerHighIcon as Qs, VideoCameraIcon as bn, FileMdIcon as ea, FileTextIcon as ta, FileZipIcon as na, FilePptIcon as sa, FileCsvIcon as aa, FileXlsIcon as ra, FileDocIcon as ia, FilePdfIcon as la, CircleNotchIcon as ve, PlayIcon as it, PauseIcon as oa, LinkIcon as ca, DownloadSimpleIcon as Ee, GiftIcon as da, WarningCircleIcon as ua, MegaphoneIcon as ma, ChecksIcon as ha, XIcon as ot, PencilSimpleIcon as fa, CaretLeftIcon as ga, TrashSimpleIcon as pa, ArrowUpIcon as ba, SparkleIcon as va, ProhibitIcon as xa } from "@phosphor-icons/react";
 import { MessageActions as wa, DefaultDropdownActionButton as vn } from "stream-chat-react/experimental";
-const xn = je({
+const xn = He({
   service: null,
   client: null,
   isConnected: !1,
@@ -17,7 +17,7 @@ const xn = je({
   refreshConnection: async () => {
   },
   debug: !1
-}), ot = () => xe(xn), to = ({
+}), ct = () => we(xn), to = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -26,10 +26,10 @@ const xn = je({
   debug: i = !1,
   client: o
 }) => {
-  var S, C;
-  const l = K(
-    (A, ...O) => {
-      i && console.log(`🔥 [MessagingProvider] ${A}`, ...O);
+  var I, C;
+  const l = X(
+    (S, ...O) => {
+      i && console.log(`🔥 [MessagingProvider] ${S}`, ...O);
     },
     [i]
   );
@@ -43,61 +43,61 @@ const xn = je({
   _.current = s;
   const T = V(i);
   T.current = i;
-  const L = V({
+  const A = V({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), E = V(0);
-  E.current++, l("📊 RENDER INFO", {
-    renderCount: E.current,
+  }), R = V(0);
+  R.current++, l("📊 RENDER INFO", {
+    renderCount: R.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: L.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: L.current.apiKey !== a,
-      serviceConfigChanged: L.current.serviceConfig !== s,
-      capabilitiesChanged: L.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
     }
-  }), L.current = {
+  }), A.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
   const z = V(null);
-  !o && a && ((S = z.current) == null ? void 0 : S.apiKey) !== a && (z.current = { apiKey: a, client: new os(a) });
+  !o && a && ((I = z.current) == null ? void 0 : I.apiKey) !== a && (z.current = { apiKey: a, client: new os(a) });
   const F = o || (a ? ((C = z.current) == null ? void 0 : C.client) ?? null : null);
-  W(() => {
-    const A = E.current, O = _.current;
+  K(() => {
+    const S = R.current, O = _.current;
     if (o) {
       y.current = null, u(null), m(null), c(!1), x(null), w(!1);
       return;
     }
     if (!a || !F || !O) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: A,
+        renderCount: S,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING SERVICE", {
-      renderCount: A,
+      renderCount: S,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const B = new ls({
+    const U = new ls({
       ...O,
       apiKey: a,
       debug: T.current,
       client: F
     });
-    y.current = B, u(B), l("✅ SERVICE SET", {
-      renderCount: A,
-      serviceInstance: !!B
+    y.current = U, u(U), l("✅ SERVICE SET", {
+      renderCount: S,
+      serviceInstance: !!U
     });
   }, [a, F, o]);
-  const R = V(null);
-  W(() => {
-    var O, B;
+  const L = V(null);
+  K(() => {
+    var O, U;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
       hasUser: !!t,
@@ -115,7 +115,7 @@ const xn = je({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((O = R.current) == null ? void 0 : O.serviceId) === d && ((B = R.current) == null ? void 0 : B.userId) === t.id) {
+    if (((O = L.current) == null ? void 0 : O.serviceId) === d && ((U = L.current) == null ? void 0 : U.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -126,16 +126,16 @@ const xn = je({
       l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const G = await d.connectUser(t);
-        m(G), c(!0), R.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const j = await d.connectUser(t);
+        m(j), c(!0), L.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: G.userID
+          clientId: j.userID
         });
-      } catch (G) {
-        const ee = G instanceof Error ? G.message : "Connection failed";
-        x(ee), l("❌ USER CONNECTION ERROR", {
+      } catch (j) {
+        const J = j instanceof Error ? j.message : "Connection failed";
+        x(J), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: ee
+          error: J
         });
       } finally {
         w(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
@@ -144,14 +144,14 @@ const xn = je({
         });
       }
     })();
-  }, [d, t, l, g, o]), W(() => {
-    const A = F;
+  }, [d, t, l, g, o]), K(() => {
+    const S = F;
     return () => {
       var O;
-      A && (R.current = null, (O = y.current) == null || O.disconnectUser().catch(console.error));
+      S && (L.current = null, (O = y.current) == null || O.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const I = K(async () => {
+  const E = X(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -163,10 +163,10 @@ const xn = je({
       l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
       try {
         l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-        const A = await d.connectUser(t);
-        m(A), c(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-      } catch (A) {
-        const O = A instanceof Error ? A.message : "Refresh failed";
+        const S = await d.connectUser(t);
+        m(S), c(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      } catch (S) {
+        const O = S instanceof Error ? S.message : "Refresh failed";
         x(O), l("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
           error: O
@@ -175,7 +175,7 @@ const xn = je({
         w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, l, o]), M = P.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, l, o]), D = P.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!h,
     isConnected: g,
@@ -197,7 +197,7 @@ const xn = je({
     isLoading: o ? !1 : p,
     error: o ? null : v,
     capabilities: r,
-    refreshConnection: I,
+    refreshConnection: E,
     debug: i
   }), [
     d,
@@ -207,15 +207,15 @@ const xn = je({
     p,
     v,
     r,
-    I,
+    E,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: E.current,
+    renderCount: R.current,
     willRenderChat: !!F,
-    contextValueReady: !!M
-  }), /* @__PURE__ */ n(xn.Provider, { value: M, children: F ? /* @__PURE__ */ n(
+    contextValueReady: !!D
+  }), /* @__PURE__ */ n(xn.Provider, { value: D, children: F ? /* @__PURE__ */ n(
     cs,
     {
       client: F,
@@ -225,12 +225,12 @@ const xn = je({
       children: e
     }
   ) : e });
-}, _a = () => ot(), wn = (e) => {
+}, _a = () => ct(), wn = (e) => {
   var a, r;
   const [t, s] = $(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return W(() => {
+  return K(() => {
     var o;
     if (!e) {
       s(!1);
@@ -322,7 +322,7 @@ function Ca(e) {
 function Sa(e) {
   return Nn(e).bgColor;
 }
-const _e = ({
+const ye = ({
   id: e,
   image: t,
   size: s = 40,
@@ -335,7 +335,7 @@ const _e = ({
     "div",
     {
       "aria-hidden": "true",
-      className: N(
+      className: k(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
       style: { fontSize: m, lineHeight: 1 },
@@ -345,7 +345,7 @@ const _e = ({
   return /* @__PURE__ */ f(
     "div",
     {
-      className: N("relative flex-shrink-0", a),
+      className: k("relative flex-shrink-0", a),
       style: {
         "--str-chat__avatar-size": `${s}px`,
         width: `${s}px`,
@@ -359,14 +359,14 @@ const _e = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(at, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(rt, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
           "div",
           {
             "data-testid": "avatar-ring",
-            className: N("h-full w-full", "bg-transparent"),
+            className: k("h-full w-full", "bg-transparent"),
             style: {
               ...c,
               ...o && {
@@ -395,42 +395,42 @@ const _e = ({
   onActionComplete: u,
   logLabel: h = "useChannelModerationActions"
 }) => {
-  var M;
-  const { service: m, debug: g } = ot(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, p = !!(a && s && m && c), [w, v] = $(!1), [x, b] = $(null), [y, _] = $(!1), [T, L] = $(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
-  return W(() => {
+  var D;
+  const { service: m, debug: g } = ct(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, p = !!(a && s && m && c), [w, v] = $(!1), [x, b] = $(null), [y, _] = $(!1), [T, A] = $(!1), R = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
+  return K(() => {
     if (!p || !m || !c) {
       v(!1), b(null);
       return;
     }
-    let S = !1;
+    let I = !1;
     return (async () => {
       try {
         const C = await m.getBlockedUsers();
-        if (S) return;
+        if (I) return;
         v(
           C.some(
-            (A) => A.blocked_user_id === c
+            (S) => S.blocked_user_id === c
           )
         );
       } catch (C) {
-        S || console.error(`[${h}] Failed to check blocked status:`, C);
+        I || console.error(`[${h}] Failed to check blocked status:`, C);
       } finally {
-        S || b({ participantId: c, service: m });
+        I || b({ participantId: c, service: m });
       }
     })(), () => {
-      S = !0;
+      I = !0;
     };
   }, [p, m, c, h]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: E,
+    isCheckingBlockedStatus: R,
     isLeaving: y,
     isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
-      var S;
+      var I;
       if (!y) {
         o == null || o(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
         try {
-          const C = ((S = e._client) == null ? void 0 : S.userID) ?? null;
+          const C = ((I = e._client) == null ? void 0 : I.userID) ?? null;
           await e.hide(C, !1), r && await r(e), u == null || u();
         } catch (C) {
           console.error(`[${h}] Failed to leave conversation`, C);
@@ -440,28 +440,28 @@ const _e = ({
       }
     },
     handleBlockUser: async () => {
-      var S, C, A;
+      var I, C, S;
       if (!(T || !m)) {
-        l == null || l(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
+        l == null || l(), g && console.log(`[${h}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), A(!0);
         try {
-          await m.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
+          await m.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
         } catch (O) {
           console.error(`[${h}] Failed to block member`, O);
         } finally {
-          L(!1);
+          A(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var S, C, A;
+      var I, C, S;
       if (!(T || !m)) {
-        l == null || l(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
+        l == null || l(), g && console.log(`[${h}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), A(!0);
         try {
-          await m.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
+          await m.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
         } catch (O) {
           console.error(`[${h}] Failed to unblock member`, O);
         } finally {
-          L(!1);
+          A(!1);
         }
       }
     },
@@ -469,7 +469,7 @@ const _e = ({
       d == null || d(), u == null || u(), window.open(Ea, "_blank", "noopener,noreferrer");
     }
   };
-}, Ne = ({
+}, ke = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -478,7 +478,7 @@ const _e = ({
   "button",
   {
     type: "button",
-    className: N(
+    className: k(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -500,14 +500,14 @@ const _e = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = $(!1), p = V(null), w = rs(), v = K(() => c(!1), []), {
+  const [g, c] = $(!1), p = V(null), w = rs(), v = X(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: b,
     isLeaving: y,
     isUpdatingBlockStatus: _,
     handleLeaveConversation: T,
-    handleBlockUser: L,
-    handleUnblockUser: E,
+    handleBlockUser: A,
+    handleUnblockUser: R,
     handleReportUser: z
   } = Ia({
     channel: e,
@@ -522,15 +522,15 @@ const _e = ({
     onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
-  return W(() => {
+  return K(() => {
     if (!g) return;
-    const R = (M) => {
-      p.current && !p.current.contains(M.target) && c(!1);
-    }, I = (M) => {
-      M.key === "Escape" && c(!1);
+    const L = (D) => {
+      p.current && !p.current.contains(D.target) && c(!1);
+    }, E = (D) => {
+      D.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", R), document.addEventListener("keydown", I), () => {
-      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", I);
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", E), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", E);
     };
   }, [g]), !t || !(s || a || r || !!h) ? null : /* @__PURE__ */ f("div", { ref: p, className: "relative", children: [
     /* @__PURE__ */ f(
@@ -541,7 +541,7 @@ const _e = ({
         "aria-haspopup": "true",
         "aria-expanded": g,
         "aria-controls": g ? w : void 0,
-        onClick: () => c((R) => !R),
+        onClick: () => c((L) => !L),
         children: [
           /* @__PURE__ */ n(Ks, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -553,19 +553,19 @@ const _e = ({
       {
         id: w,
         "aria-label": "Conversation options",
-        className: N(
+        className: k(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
         children: /* @__PURE__ */ f("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(
-            Ne,
+            ke,
             {
               onClick: T,
               disabled: y,
               "aria-busy": y,
               children: [
-                y ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Xs, { className: "h-5 w-5" }),
+                y ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Xs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -573,34 +573,34 @@ const _e = ({
           a && /* @__PURE__ */ n("li", { children: b ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ f(Ne, { disabled: !0, "aria-busy": !0, children: [
-              /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }),
+            /* @__PURE__ */ f(ke, { disabled: !0, "aria-busy": !0, children: [
+              /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
           ) : x ? /* @__PURE__ */ f(
-            Ne,
+            ke,
             {
-              onClick: E,
+              onClick: R,
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Wt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Wt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ f(
-            Ne,
+            ke,
             {
-              onClick: L,
+              onClick: A,
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Wt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Wt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(Ne, { variant: "danger", onClick: z, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(ke, { variant: "danger", onClick: z, children: [
             /* @__PURE__ */ n(fn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -609,7 +609,7 @@ const _e = ({
       }
     )
   ] });
-}, qe = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
+}, Ze = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
   className: e,
   onBack: t,
   showBackButton: s,
@@ -627,29 +627,29 @@ const _e = ({
   showChannelInfo: p = !0,
   onParticipantNameClick: w
 }) => {
-  var I, M, S, C;
-  const { channel: v } = we(), { client: x } = He(), b = P.useMemo(
+  var E, D, I, C;
+  const { channel: v } = _e(), { client: x } = Ve(), b = P.useMemo(
     () => {
-      var A;
+      var S;
       return _n(
-        (A = v.state) == null ? void 0 : A.members,
+        (S = v.state) == null ? void 0 : S.members,
         x == null ? void 0 : x.userID,
         v.type
       );
     },
-    [(I = v.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, v.type]
-  ), y = yn(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = wn(v), L = Ra((S = v.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, E = a && T, z = L || E || !!w, F = async () => {
+    [(E = v.state) == null ? void 0 : E.members, x == null ? void 0 : x.userID, v.type]
+  ), y = yn(b == null ? void 0 : b.user), _ = (D = b == null ? void 0 : b.user) == null ? void 0 : D.image, T = wn(v), A = Ra((I = v.data) == null ? void 0 : I.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, R = a && T, z = A || R || !!w, F = async () => {
     try {
       T ? await v.unpin() : await v.pin();
-    } catch (A) {
+    } catch (S) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        A
+        S
       );
     }
-  }, R = /* @__PURE__ */ f(q, { children: [
+  }, L = /* @__PURE__ */ f(q, { children: [
     /* @__PURE__ */ n(
-      _e,
+      ye,
       {
         id: ((C = b == null ? void 0 : b.user) == null ? void 0 : C.id) || v.id || "unknown",
         name: y,
@@ -662,14 +662,14 @@ const _e = ({
     /* @__PURE__ */ n(
       "span",
       {
-        className: N(
+        className: k(
           "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95",
           z ? "pl-3 pr-2" : "px-3"
         ),
         children: /* @__PURE__ */ f("span", { className: "flex max-w-full items-center justify-center", children: [
           /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: y }),
           z && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
-            L && /* @__PURE__ */ n(
+            A && /* @__PURE__ */ n(
               "span",
               {
                 "aria-label": "Paid customer",
@@ -677,12 +677,12 @@ const _e = ({
                 children: /* @__PURE__ */ n(qs, { className: "size-2.5", weight: "bold" })
               }
             ),
-            E && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
+            R && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
               "span",
               {
                 "aria-label": "Starred conversation",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-                children: /* @__PURE__ */ n(at, { className: "size-2.5", weight: "fill" })
+                children: /* @__PURE__ */ n(rt, { className: "size-2.5", weight: "fill" })
               }
             ) }),
             w && /* @__PURE__ */ n(
@@ -701,7 +701,7 @@ const _e = ({
   return /* @__PURE__ */ n(
     "div",
     {
-      className: N(
+      className: k(
         "@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",
         e
       ),
@@ -709,8 +709,8 @@ const _e = ({
         /* @__PURE__ */ n("div", { className: "flex items-start", children: s && /* @__PURE__ */ n(
           "button",
           {
-            className: N(
-              qe,
+            className: k(
+              Ze,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
             onClick: t || (() => {
@@ -727,22 +727,22 @@ const _e = ({
             onClick: w,
             "aria-label": `View details for ${y}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
-            children: R
+            children: L
           }
-        ) : /* @__PURE__ */ n("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: R }) }),
+        ) : /* @__PURE__ */ n("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: L }) }),
         /* @__PURE__ */ f("div", { className: "flex items-start justify-end gap-2", children: [
           a && /* @__PURE__ */ n(
             "button",
             {
-              className: qe,
+              className: Ze,
               onClick: F,
               type: "button",
               "aria-pressed": T,
               "aria-label": T ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ n(
-                at,
+                rt,
                 {
-                  className: N("size-5", {
+                  className: k("size-5", {
                     "text-[#FFD60A]": T,
                     "text-black/90": !T
                   }),
@@ -765,7 +765,7 @@ const _e = ({
               onBlockParticipantClick: h,
               onReportParticipantClick: m,
               customChannelActions: g,
-              triggerClassName: qe
+              triggerClassName: Ze
             }
           ))
         ] })
@@ -797,7 +797,7 @@ function Fa(e) {
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
-function ce(e) {
+function de(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
   const s = Pa(t);
@@ -815,7 +815,7 @@ const za = [
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function de(e) {
+function ue(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Cn(e) {
@@ -841,10 +841,10 @@ const $a = {
   generic: pn
 };
 function Ua(e) {
-  const t = de(e);
+  const t = ue(e);
   return t !== "document" ? $a[t] : Ba[Cn(e)];
 }
-function ve(e, t) {
+function xe(e, t) {
   return P.createElement(Ua(e), t);
 }
 const ja = (e) => {
@@ -862,83 +862,83 @@ const ja = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const h = de(t), m = V(null), g = V(null), c = V(null), p = V(r), [w, v] = $(a), [x, b] = $(0), [y, _] = $(!1), [T, L] = $(!1), [E, z] = $(!1), [F, R] = $(!1), [I, M] = $(!0), [S, C] = $(null), A = K(() => {
+  const h = ue(t), m = V(null), g = V(null), c = V(null), p = V(r), [w, v] = $(a), [x, b] = $(0), [y, _] = $(!1), [T, A] = $(!1), [R, z] = $(!1), [F, L] = $(!1), [E, D] = $(!0), [I, C] = $(null), S = X(() => {
     z(!1), v(!0);
-  }, []), O = K((k) => {
-    const D = g.current;
-    if (!D) return 0;
-    const Y = D.getBoundingClientRect();
+  }, []), O = X((N) => {
+    const M = g.current;
+    if (!M) return 0;
+    const Y = M.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ja(k) - Y.left) / Y.width)
+      Math.min(1, (ja(N) - Y.left) / Y.width)
     );
-  }, []), B = K((k) => {
-    const D = m.current;
-    D && D.duration && (D.currentTime = k * D.duration);
-  }, []), G = (k) => {
-    k.stopPropagation(), _(!0);
-    const D = O(k);
-    b(D), B(D);
-  }, ee = K(
-    (k) => {
-      k.key === "ArrowRight" && B(Math.min(1, x + 0.05)), k.key === "ArrowLeft" && B(Math.max(0, x - 0.05));
+  }, []), U = X((N) => {
+    const M = m.current;
+    M && M.duration && (M.currentTime = N * M.duration);
+  }, []), j = (N) => {
+    N.stopPropagation(), _(!0);
+    const M = O(N);
+    b(M), U(M);
+  }, J = X(
+    (N) => {
+      N.key === "ArrowRight" && U(Math.min(1, x + 0.05)), N.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
     },
-    [B, x]
+    [U, x]
   );
-  W(() => {
+  K(() => {
     r !== void 0 && r !== p.current && (p.current = r, v(r));
-  }, [r]), W(() => {
+  }, [r]), K(() => {
     if (!w) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const k = () => {
-      const D = m.current;
-      D && D.duration && !y && b(D.currentTime / D.duration), c.current = requestAnimationFrame(k);
+    const N = () => {
+      const M = m.current;
+      M && M.duration && !y && b(M.currentTime / M.duration), c.current = requestAnimationFrame(N);
     };
-    return c.current = requestAnimationFrame(k), () => {
+    return c.current = requestAnimationFrame(N), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [w, y]), W(() => {
-    const k = m.current;
-    k && (w ? k.play().catch((D) => {
+  }, [w, y]), K(() => {
+    const N = m.current;
+    N && (w ? N.play().catch((M) => {
       v(!1), z(!0);
-    }) : k.pause());
-  }, [w]), W(() => {
+    }) : N.pause());
+  }, [w]), K(() => {
     if (!y) return;
-    const k = (Y) => b(O(Y)), D = (Y) => {
-      _(!1), B(O(Y));
+    const N = (Y) => b(O(Y)), M = (Y) => {
+      _(!1), U(O(Y));
     };
-    return window.addEventListener("mousemove", k), window.addEventListener("mouseup", D), window.addEventListener("touchmove", k, { passive: !0 }), window.addEventListener("touchend", D), () => {
-      window.removeEventListener("mousemove", k), window.removeEventListener("mouseup", D), window.removeEventListener("touchmove", k), window.removeEventListener("touchend", D);
+    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", M), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", M), () => {
+      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", M), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", M);
     };
-  }, [y, O, B]);
-  const Z = S ? { aspectRatio: String(S) } : void 0, J = S ? "" : " aspect-video", j = Math.round(x * 100);
+  }, [y, O, U]);
+  const Z = I ? { aspectRatio: String(I) } : void 0, Q = I ? "" : " aspect-video", G = Math.round(x * 100);
   return /* @__PURE__ */ f(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${J}`,
+      className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
       style: Z,
-      onClick: (k) => {
+      onClick: (N) => {
         if (u) {
-          u(k);
+          u(N);
           return;
         }
-        E || o && v((D) => !D);
+        R || o && v((M) => !M);
       },
-      onKeyDown: (k) => {
-        if (!(k.key !== "Enter" && k.key !== " ")) {
-          if (k.preventDefault(), u) {
-            u(k);
+      onKeyDown: (N) => {
+        if (!(N.key !== "Enter" && N.key !== " ")) {
+          if (N.preventDefault(), u) {
+            u(N);
             return;
           }
-          E || o && v((D) => !D);
+          R || o && v((M) => !M);
         }
       },
       children: [
-        s && (h === "audio" || I) && /* @__PURE__ */ n(
+        s && (h === "audio" || E) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -946,7 +946,7 @@ const ja = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (h === "audio" || I) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ve(t, {
+        !s && (h === "audio" || E) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: xe(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -958,11 +958,11 @@ const ja = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => R(!0),
+            onLoadStart: () => L(!0),
             onCanPlay: () => {
-              R(!1), M(!1);
+              L(!1), D(!1);
             },
-            onWaiting: () => R(!0),
+            onWaiting: () => L(!0),
             onPlay: () => z(!1),
             onEnded: () => {
               i || (v(!1), b(0));
@@ -978,15 +978,15 @@ const ja = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => R(!0),
+            onLoadStart: () => L(!0),
             onCanPlay: () => {
-              R(!1), M(!1);
+              L(!1), D(!1);
             },
-            onWaiting: () => R(!0),
+            onWaiting: () => L(!0),
             onPlay: () => z(!1),
             onLoadedMetadata: () => {
-              const k = m.current;
-              k instanceof HTMLVideoElement && k.videoWidth && k.videoHeight && C(k.videoWidth / k.videoHeight);
+              const N = m.current;
+              N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && C(N.videoWidth / N.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), b(0));
@@ -994,27 +994,27 @@ const ja = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        F && !E && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          be,
+        F && !R && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          ve,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        E && !o && /* @__PURE__ */ n(
+        R && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (k) => {
-              k.stopPropagation(), A();
+            onClick: (N) => {
+              N.stopPropagation(), S();
             },
-            onKeyDown: (k) => {
-              k.key !== "Enter" && k.key !== " " || (k.preventDefault(), k.stopPropagation(), A());
+            onKeyDown: (N) => {
+              N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.stopPropagation(), S());
             },
-            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(rt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(it, { 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(
@@ -1022,21 +1022,21 @@ const ja = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": j,
+            "aria-valuenow": G,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: g,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: G,
-            onTouchStart: G,
-            onClick: (k) => k.stopPropagation(),
-            onKeyDown: ee,
+            onMouseDown: j,
+            onTouchStart: j,
+            onClick: (N) => N.stopPropagation(),
+            onKeyDown: J,
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${j}%` }
+                style: { width: `${G}%` }
               }
             ) })
           }
@@ -1046,12 +1046,12 @@ const ja = (e) => {
             "button",
             {
               type: "button",
-              onClick: (k) => {
-                k.stopPropagation(), v((D) => !D);
+              onClick: (N) => {
+                N.stopPropagation(), v((M) => !M);
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(oa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(oa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(it, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1059,18 +1059,18 @@ const ja = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": j,
+              "aria-valuenow": G,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: g,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: G,
-              onTouchStart: G,
-              onClick: (k) => k.stopPropagation(),
-              onMouseEnter: () => L(!0),
-              onMouseLeave: () => L(!1),
-              onKeyDown: ee,
+              onMouseDown: j,
+              onTouchStart: j,
+              onClick: (N) => N.stopPropagation(),
+              onMouseEnter: () => A(!0),
+              onMouseLeave: () => A(!1),
+              onKeyDown: J,
               children: [
                 /* @__PURE__ */ n(
                   "div",
@@ -1080,7 +1080,7 @@ const ja = (e) => {
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${j}%` }
+                        style: { width: `${G}%` }
                       }
                     )
                   }
@@ -1089,7 +1089,7 @@ const ja = (e) => {
                   "div",
                   {
                     className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || y ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${j}%` }
+                    style: { left: `${G}%` }
                   }
                 )
               ]
@@ -1108,7 +1108,7 @@ const ja = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = de(e), [d, u] = $(!1), h = ce(t), m = ce(s);
+  const l = ue(e), [d, u] = $(!1), h = de(t), m = de(s);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     Ha,
     {
@@ -1156,7 +1156,7 @@ const ja = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ve(e, {
+      children: xe(e, {
         className: Zt(r),
         weight: "regular"
       })
@@ -1173,7 +1173,7 @@ const ja = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ve(e, {
+      children: xe(e, {
         className: Zt(r),
         weight: "regular"
       })
@@ -1199,7 +1199,7 @@ const ja = (e) => {
     {
       ref: h,
       "data-testid": m,
-      className: N(
+      className: k(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         g ? "bg-[#1e2330]" : "bg-white"
       ),
@@ -1211,7 +1211,7 @@ const ja = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: N("mb-0.5 truncate text-base font-medium", {
+              className: k("mb-0.5 truncate text-base font-medium", {
                 "text-black": !g,
                 "text-white/30": g && p,
                 "text-white": g && !p
@@ -1220,8 +1220,8 @@ const ja = (e) => {
             }
           ),
           /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-1", children: [
-            ve(r, {
-              className: N(
+            xe(r, {
+              className: k(
                 "size-5 shrink-0",
                 g ? "text-white/55" : "text-black/55"
               ),
@@ -1230,7 +1230,7 @@ const ja = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: N(
+                className: k(
                   "text-xs font-medium",
                   g ? "text-white/55" : "text-black/55"
                 ),
@@ -1248,7 +1248,7 @@ const ja = (e) => {
 function In(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ct(e) {
+function dt(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function Ga(e) {
@@ -1266,12 +1266,12 @@ function Ka(e) {
 function Xa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const dt = ({ attachment: e, isMyMessage: t }) => {
+const ut = ({ 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__ */ f(P.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
-        src: ce(r) ?? r,
+        src: de(r) ?? r,
         alt: s ?? "",
         className: "aspect-video w-full rounded-[20px] object-cover"
       }
@@ -1317,13 +1317,13 @@ const dt = ({ attachment: e, isMyMessage: t }) => {
     }
   ) : /* @__PURE__ */ n("div", { className: "block", children: u });
 };
-function Ve(e) {
+function Ge(e) {
   var t;
   return e.type === "link" || !!((t = e.og_scrape_url) != null && t.trim()) && !e.asset_url;
 }
-function ut(e) {
+function mt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(Ve);
+  return (t = e.attachments) == null ? void 0 : t.find(Ge);
 }
 async function qa(e, t) {
   let s;
@@ -1358,19 +1358,19 @@ const Za = ({
       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(
-        be,
+        ve,
         {
           className: "size-4 animate-spin text-white",
           weight: "bold"
         }
       ) : /* @__PURE__ */ f(P.Fragment, { children: [
-        /* @__PURE__ */ n(Se, { className: "size-4 text-white", weight: "bold" }),
+        /* @__PURE__ */ n(Ee, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function mt(e) {
+function ht(e) {
   var m, g, c, p;
   const t = (m = e.attachments) == null ? void 0 : m.find(
     (w) => w.type === "video" && w.asset_url
@@ -1426,7 +1426,7 @@ const Tn = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = de(t), o = a !== void 0 ? In(a) : void 0;
+  const i = ue(t), o = a !== void 0 ? In(a) : void 0;
   return /* @__PURE__ */ n(
     En,
     {
@@ -1452,10 +1452,10 @@ const Tn = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = ut(e), a = mt(e);
+  const s = mt(e), a = ht(e);
   return !s && !a ? null : /* @__PURE__ */ f("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(
-      _e,
+      ye,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1479,8 +1479,8 @@ const Tn = ({
               overflow: "visible",
               background: "transparent"
             },
-            children: s ? /* @__PURE__ */ n("div", { className: ct(t), children: /* @__PURE__ */ n(
-              dt,
+            children: s ? /* @__PURE__ */ n("div", { className: dt(t), children: /* @__PURE__ */ n(
+              ut,
               {
                 attachment: s,
                 isMyMessage: t
@@ -1494,18 +1494,18 @@ const Tn = ({
 }, Qa = ({
   message: e
 }) => {
-  const t = ut(e);
+  const t = mt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: ct(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !0 }) });
-  const s = mt(e);
+    return /* @__PURE__ */ n("div", { className: dt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ut, { attachment: t, isMyMessage: !0 }) });
+  const s = ht(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Tn, { ...s }) }) : null;
 }, er = ({
   message: e
 }) => {
-  const t = ut(e);
+  const t = mt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: ct(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !1 }) });
-  const s = mt(e);
+    return /* @__PURE__ */ n("div", { className: dt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ut, { attachment: t, isMyMessage: !1 }) });
+  const s = ht(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(An, { ...s }) }) : null;
 }, no = Object.assign(Ja, {
   Creator: Qa,
@@ -1514,17 +1514,17 @@ const Tn = ({
   isUnlocking: () => !1
 }, nr = {
   LockedAttachment: tr
-}, Rn = je({}), so = Rn.Provider;
+}, Rn = He({}), so = Rn.Provider;
 function sr(e) {
-  return xe(Rn)[e] ?? nr[e];
+  return we(Rn)[e] ?? nr[e];
 }
-const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import("./Card-Cy-pEAbc.js")), ir = () => /* @__PURE__ */ n(
+const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import("./Card-CNOZoAGn.js")), ir = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), Pe = (e) => /* @__PURE__ */ n(is, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), lr = ({ size: e = 15 }) => /* @__PURE__ */ n(
+), Fe = (e) => /* @__PURE__ */ n(is, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), lr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1543,33 +1543,33 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
   }
 ), or = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.TIP;
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.TIP;
 }, Ln = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.PAID;
-}, ze = (e) => {
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.PAID;
+}, $e = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.CHATBOT;
-}, ht = (e) => {
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.CHATBOT;
+}, ft = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.ATTACHMENT;
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.ATTACHMENT;
 }, cr = (e) => {
   var t;
-  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
+  return ft(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
 }, dr = (e) => {
   var t;
-  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
+  return ft(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
 }, Mn = (e) => or(e) || Ln(e), ur = (e) => {
   var t;
   return Mn(e) && !((t = e.text) != null && t.trim());
-}, Ze = ({
+}, Je = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var g;
-  const r = Mn(e), i = ze(e);
+  const r = Mn(e), i = $e(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -1599,7 +1599,7 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
 }, Jt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, mr = {
   me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, $e = ({ side: e }) => /* @__PURE__ */ n(
+}, Be = ({ side: e }) => /* @__PURE__ */ n(
   "span",
   {
     "aria-hidden": "true",
@@ -1614,7 +1614,7 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
       mask: Jt
     }
   }
-), Dn = je(
+), Dn = He(
   void 0
 ), hr = (e) => {
   var s;
@@ -1652,8 +1652,8 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
 }, pr = (e, t) => {
   const s = fr(e, t), [a, r] = $(s);
   return gr(a, s) ? a : (r(s), s);
-}, ft = () => {
-  const { message: e } = fe("SentMessageDeliveryStatus"), { messages: t } = we("SentMessageDeliveryStatus"), s = (() => {
+}, gt = () => {
+  const { message: e } = ge("SentMessageDeliveryStatus"), { messages: t } = _e("SentMessageDeliveryStatus"), s = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
         const r = t[a];
@@ -1662,12 +1662,12 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
       }
   })();
   return e.id === s;
-}, Je = () => ft() ? /* @__PURE__ */ f(q, { children: [
+}, Qe = () => gt() ? /* @__PURE__ */ f(q, { children: [
   /* @__PURE__ */ n(ha, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, br = () => ft() ? /* @__PURE__ */ f(q, { children: [
+] }) : null, br = () => gt() ? /* @__PURE__ */ f(q, { children: [
   /* @__PURE__ */ n(
-    be,
+    ve,
     {
       className: "sent-message-status__spinner animate-spin",
       weight: "bold",
@@ -1684,7 +1684,7 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
     /* @__PURE__ */ n(
       "span",
       {
-        className: N("sent-message-outbound-name", {
+        className: k("sent-message-outbound-name", {
           "underline [text-decoration-skip-ink:auto]": !!t
         }),
         "data-testid": "sent-message-outbound-status",
@@ -1710,9 +1710,9 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
   resolvedOutbound: t
 }) => {
   var h;
-  const { isMyMessage: s, message: a, threadList: r } = fe(
+  const { isMyMessage: s, message: a, threadList: r } = ge(
     "SentMessageDeliveryStatus"
-  ), i = s(), o = ft();
+  ), i = s(), o = gt();
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
@@ -1728,9 +1728,9 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
   ) : null, u = /* @__PURE__ */ n(
     us,
     {
-      MessageSentStatus: Je,
-      MessageDeliveredStatus: Je,
-      MessageReadStatus: Je,
+      MessageSentStatus: Qe,
+      MessageDeliveredStatus: Qe,
+      MessageReadStatus: Qe,
       MessageSendingStatus: br
     }
   );
@@ -1740,7 +1740,7 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
     d
   ] }) : u;
 }, _r = /^([a-z][a-z0-9+.-]*):/i, yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function gt(e) {
+function pt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
@@ -1766,12 +1766,12 @@ const Nr = {
   fullWidth: s = !0,
   standalone: a = !1
 }) => {
-  const r = t.variant ?? "primary", i = N(
+  const r = t.variant ?? "primary", i = k(
     "inline-flex h-10 items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     s ? "w-full" : "min-w-0",
     !a && "mt-2",
     Nr[e][r]
-  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = gt(t.href);
+  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = pt(t.href);
   return l ? /* @__PURE__ */ n(
     "a",
     {
@@ -1806,7 +1806,7 @@ const Nr = {
 }, Sr = {
   dark: "bg-white/25",
   light: "bg-black/15"
-}, pt = ({
+}, bt = ({
   variant: e,
   ctaSurface: t,
   chinTextColor: s,
@@ -1823,34 +1823,34 @@ const Nr = {
   const g = e === "dark", c = a ?? (g ? r : void 0) ?? "", p = c.trim() !== "", w = i != null && i.trim() !== "", v = typeof l == "string" ? l.trim() : "", x = v !== "", b = u != null;
   if (!m && !p && !w && !x && !b)
     return null;
-  const y = g && !a, _ = N(
+  const y = g && !a, _ = k(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
     s == null && (y ? Cr : kr[e])
-  ), T = N(
+  ), T = k(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
     s == null && Qt[e]
-  ), L = N(
+  ), A = k(
     "text-[12px] leading-4 tracking-[0.24px]",
     o <= 1 && "truncate",
     s == null && Qt[e]
   );
   if (m) {
-    const F = N(
+    const F = k(
       "animate-pulse rounded",
       Sr[e]
     );
     return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
-      /* @__PURE__ */ n("div", { className: N("h-5 w-3/4", F), "aria-hidden": !0 }),
-      /* @__PURE__ */ n("div", { className: N("h-4 w-1/2", F), "aria-hidden": !0 })
+      /* @__PURE__ */ n("div", { className: k("h-5 w-3/4", F), "aria-hidden": !0 }),
+      /* @__PURE__ */ n("div", { className: k("h-4 w-1/2", F), "aria-hidden": !0 })
     ] }) });
   }
-  const E = s ? { color: s } : void 0, z = o > 1 ? {
-    ...E,
+  const R = s ? { color: s } : void 0, z = o > 1 ? {
+    ...R,
     display: "-webkit-box",
     WebkitBoxOrient: "vertical",
     WebkitLineClamp: o,
     overflow: "hidden"
-  } : E;
+  } : R;
   return /* @__PURE__ */ f("div", { className: "shrink-0 px-4 py-3", children: [
     /* @__PURE__ */ f("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
@@ -1859,18 +1859,18 @@ const Nr = {
           /* @__PURE__ */ n(
             "p",
             {
-              className: N("min-w-0", _),
-              style: E,
+              className: k("min-w-0", _),
+              style: R,
               children: c
             }
           )
         ] }),
-        w && /* @__PURE__ */ n("p", { className: L, style: z, children: i }),
+        w && /* @__PURE__ */ n("p", { className: A, style: z, children: i }),
         !b && x && /* @__PURE__ */ n(
           "p",
           {
             className: T,
-            style: E,
+            style: R,
             "data-testid": "link-attachment-url",
             children: v
           }
@@ -1880,7 +1880,7 @@ const Nr = {
     ] }),
     u && /* @__PURE__ */ n(On, { variant: t ?? e, cta: u })
   ] });
-}, Er = "Loading link preview", Ir = N(
+}, Er = "Loading link preview", Ir = k(
   // Width is a channel-scoped token: default 290px, but a read-only surface with no
   // composer (the official channel) sets `--lt-msg-card-width` on its root to widen the
   // content column (see ChannelView). Consumers that don't set the var keep 290px.
@@ -1890,7 +1890,7 @@ const Nr = {
   // 20px corners — no token exists for it in the component-library preset,
   // whose radius scale is sm .5rem / md 1rem / lg 1.5rem / xl 4rem.
   "rounded-[20px]"
-), Tr = "flex h-[250px] flex-col", Ee = ({
+), Tr = "flex h-[250px] flex-col", Ie = ({
   variant: e,
   children: t,
   href: s,
@@ -1904,7 +1904,7 @@ const Nr = {
   busy: h = !1,
   "data-testid": m
 }) => {
-  const g = s != null || a != null, c = N(
+  const g = s != null || a != null, c = k(
     "messaging-link-card",
     Ir,
     u ? Tr : "block",
@@ -1957,7 +1957,7 @@ const Nr = {
       "aria-label": r,
       "data-testid": m,
       "data-variant": e,
-      className: N(c, "text-left"),
+      className: k(c, "text-left"),
       style: w,
       ...p,
       children: [
@@ -1986,11 +1986,11 @@ const Nr = {
 }, Ar = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Te = (e, t) => !!t && !!e && de(e) === "audio", bt = (e, t) => {
+}, Ae = (e, t) => !!t && !!e && ue(e) === "audio", vt = (e, t) => {
   if (!t || !e) return !1;
-  const s = de(e);
+  const s = ue(e);
   return s === "video" || s === "audio";
-}, vt = "bg-[#F2F3F4]", Ie = ({
+}, xt = "bg-[#F2F3F4]", Te = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -2001,8 +2001,8 @@ const Nr = {
   isLoading: l = !1,
   onImageError: d
 }) => {
-  const u = de(r), h = !!s && u === "video", m = ce(t);
-  return !l && Te(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  const u = ue(r), h = !!s && u === "video", m = de(t);
+  return !l && Ae(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -2014,7 +2014,7 @@ const Nr = {
   ) }) : /* @__PURE__ */ f(
     "div",
     {
-      className: N(
+      className: k(
         // `flex-1 min-h-0` inside the shell's 250px column: the hero takes
         // every pixel the chin doesn't, which is 168px at a two-line title
         // and 188px at one.
@@ -2031,7 +2031,7 @@ const Nr = {
           /* @__PURE__ */ n(
             "div",
             {
-              className: N(
+              className: k(
                 "h-full w-full animate-pulse",
                 en[e]
               ),
@@ -2075,11 +2075,11 @@ const Nr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: N(
+            className: k(
               "flex h-full w-full items-center justify-center",
               en[e]
             ),
-            children: ve(r, {
+            children: xe(r, {
               className: Ar[e],
               weight: "regular"
             })
@@ -2099,7 +2099,7 @@ const Mr = "#FFFFFF", Pn = "#040403", Dr = {
   dark: Mr,
   light: Pn
 };
-function Ge({
+function Ye({
   variant: e,
   accentColor: t,
   status: s = "ready",
@@ -2114,7 +2114,7 @@ function Ge({
   }, [r]);
   const u = P.useCallback(() => {
     d(!0);
-  }, []), h = Te(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? Pn : Dr[e];
+  }, []), h = Ae(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? Pn : Dr[e];
   return {
     thumbnailUrl: l ? void 0 : r,
     accentHex: c,
@@ -2142,7 +2142,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onEditClick: p,
   dismissLabel: w = "Dismiss attachment"
 }) => {
-  const v = d === "classic", x = Te(i, l), b = Ge({
+  const v = d === "classic", x = Ae(i, l), b = Ye({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2156,11 +2156,11 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       type: "button",
       onClick: c,
       "aria-label": w,
-      className: N(
+      className: k(
         Or,
         !x && Pr
       ),
-      children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(ot, { className: "size-3", weight: "bold" })
     }
   ) : void 0, _ = p ? /* @__PURE__ */ n(
     "button",
@@ -2172,9 +2172,9 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       children: /* @__PURE__ */ n(fa, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return x && !b.isLoading ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
+  return x && !b.isLoading ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: xt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Ie,
+      Te,
       {
         variant: "dark",
         sourceUrl: l,
@@ -2184,7 +2184,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     ) }),
     y && /* @__PURE__ */ n("div", { className: "shrink-0", children: y })
   ] }) }) : /* @__PURE__ */ f(
-    Ee,
+    Ie,
     {
       variant: "dark",
       fixedHeight: !v,
@@ -2193,7 +2193,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       topRight: v ? y : void 0,
       children: [
         !v && /* @__PURE__ */ n(
-          Ie,
+          Te,
           {
             variant: "dark",
             thumbnailUrl: b.thumbnailUrl,
@@ -2206,7 +2206,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           }
         ),
         /* @__PURE__ */ n(
-          pt,
+          bt,
           {
             chinTextColor: b.chinTextColor,
             variant: "dark",
@@ -2225,7 +2225,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, xt = ({
+}, wt = ({
   accentHex: e,
   side: t,
   visible: s,
@@ -2243,7 +2243,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         "data-testid": "link-card-tail",
         "data-variant": t === "sender" ? "dark" : "light",
         style: e ? { "--accent": e } : void 0,
-        className: N(
+        className: k(
           "messaging-link-card-tail",
           t === "receiver" && "messaging-link-card-tail--received"
         )
@@ -2266,13 +2266,13 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  const p = bt(r, o), w = gt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Te(r, o) ? vt : void 0, y = u && g ? {
+  const p = vt(r, o), w = pt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Ae(r, o) ? xt : void 0, y = u && g ? {
     ...u,
     onClick: () => {
       var T;
       g(), (T = u.onClick) == null || T.call(u);
     }
-  } : u, _ = Ge({
+  } : u, _ = Ye({
     variant: "light",
     accentColor: h,
     status: m,
@@ -2282,13 +2282,13 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: o
   });
   return /* @__PURE__ */ n(
-    xt,
+    wt,
     {
       accentHex: _.accentHex,
       side: "receiver",
       visible: b == null && (c === "single" || c === "end"),
       children: /* @__PURE__ */ f(
-        Ee,
+        Ie,
         {
           variant: "light",
           href: v,
@@ -2301,7 +2301,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           "data-testid": "link-attachment",
           children: [
             l === "featured" && /* @__PURE__ */ n(
-              Ie,
+              Te,
               {
                 variant: "light",
                 thumbnailUrl: _.thumbnailUrl,
@@ -2313,7 +2313,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              pt,
+              bt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "light",
@@ -2349,7 +2349,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: c,
   groupPosition: p = "single"
 }) => {
-  const w = bt(i, l), v = gt(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, y = g !== "loading" && Te(i, l), _ = Ge({
+  const w = vt(i, l), v = pt(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, y = g !== "loading" && Ae(i, l), _ = Ye({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2359,13 +2359,13 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: l
   });
   return /* @__PURE__ */ n(
-    xt,
+    wt,
     {
       accentHex: _.accentHex,
       side: "sender",
       visible: !y && (p === "single" || p === "end"),
       children: /* @__PURE__ */ f(
-        Ee,
+        Ie,
         {
           variant: "dark",
           href: x,
@@ -2373,10 +2373,10 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           fixedHeight: d === "featured" && !y,
           accentHex: _.accentHex,
           busy: _.isLoading,
-          bgClassName: y ? vt : void 0,
+          bgClassName: y ? xt : void 0,
           children: [
             d === "featured" && /* @__PURE__ */ n(
-              Ie,
+              Te,
               {
                 variant: "dark",
                 thumbnailUrl: _.thumbnailUrl,
@@ -2388,7 +2388,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              pt,
+              bt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "dark",
@@ -2408,7 +2408,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, it = {
+}, lt = {
   Composer: Fr,
   Sent: $r,
   Received: zr
@@ -2434,7 +2434,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, Ae = ({
+}, Re = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -2452,7 +2452,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     {
       "data-testid": u,
       "data-group-position": a,
-      className: N(
+      className: k(
         // Defaults describe a 280px-wide document / audio / link
         // bubble: that width matches the mobile chat attachment and
         // the 8px / 16px inset matches `--str-chat__spacing-2
@@ -2486,7 +2486,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         h ? /* @__PURE__ */ n(
           "p",
           {
-            className: N(
+            className: k(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -2506,7 +2506,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, Re = ({
+}, Le = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -2518,13 +2518,13 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: N(
+    className: k(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(ot, { className: "size-3", weight: "bold" })
   }
-), Le = (e) => e === "received" ? "light" : "dark", ao = ({
+), Me = (e) => e === "received" ? "light" : "dark", ao = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -2545,7 +2545,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   ),
   s ?? null
-] }), wt = ({
+] }), _t = ({
   state: e,
   src: t,
   mimeType: s,
@@ -2556,12 +2556,12 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   preload: l,
   onDismiss: d
 }) => {
-  const u = Le(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
+  const u = Me(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const g = l ?? (m.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    Ae,
+    Re,
     {
       variant: u,
       text: i,
@@ -2575,14 +2575,14 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            h && p === 0 ? /* @__PURE__ */ n(Re, { onClick: d, variant: "inline" }) : void 0
+            h && p === 0 ? /* @__PURE__ */ n(Le, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${p}`
       )) })
     }
   );
-}, Wr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), Kr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), qr = {
+}, Wr = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), Kr = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), qr = {
   Composer: Wr,
   Sent: Kr,
   Received: Xr
@@ -2609,7 +2609,7 @@ function Qr(e, t) {
     }
   }
   if (!e) return;
-  if (de(e) === "document") {
+  if (ue(e) === "document") {
     const r = Cn(e), i = Jr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -2652,13 +2652,13 @@ const ti = {
   const d = s ?? t ?? "File", u = ei(a, t, r), h = /* @__PURE__ */ n(
     "div",
     {
-      className: N(
+      className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
         ni[e]
       ),
       "aria-hidden": !0,
-      children: ve(a, {
-        className: N("size-6", si[e]),
+      children: xe(a, {
+        className: k("size-6", si[e]),
         weight: "regular"
       })
     }
@@ -2667,7 +2667,7 @@ const ti = {
     u ? /* @__PURE__ */ n(
       "p",
       {
-        className: N(
+        className: k(
           "truncate text-xs leading-4",
           ti[e]
         ),
@@ -2680,7 +2680,7 @@ const ti = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: N(
+      className: k(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
@@ -2740,7 +2740,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, _t = ({
+}, yt = ({
   state: e,
   src: t,
   filename: s,
@@ -2753,7 +2753,7 @@ const ai = ({
   onClick: u,
   onDismiss: h
 }) => {
-  const m = Le(e), g = e === "composer" && !!h, c = ai({
+  const m = Me(e), g = e === "composer" && !!h, c = ai({
     src: t,
     filename: s,
     fileSize: a,
@@ -2772,16 +2772,16 @@ const ai = ({
   const w = /* @__PURE__ */ n(
     "span",
     {
-      className: N(
+      className: k(
         "flex size-8 items-center justify-center rounded-full",
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(Se, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(Ee, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    Ae,
+    Re,
     {
       variant: m,
       text: l,
@@ -2794,17 +2794,17 @@ const ai = ({
           item: v,
           index: x,
           onActivate: p,
-          trailingAction: g && x === 0 ? /* @__PURE__ */ n(Re, { onClick: h, variant: "inline" }) : w
+          trailingAction: g && x === 0 ? /* @__PURE__ */ n(Le, { onClick: h, variant: "inline" }) : w
         },
         `${v.src}-${x}`
       )) })
     }
   );
-}, ii = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), li = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), oi = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), ci = {
+}, ii = (e) => /* @__PURE__ */ n(yt, { ...e, state: "composer" }), li = (e) => /* @__PURE__ */ n(yt, { ...e, state: "sent" }), oi = (e) => /* @__PURE__ */ n(yt, { ...e, state: "received" }), ci = {
   Composer: ii,
   Sent: li,
   Received: oi
-}, $n = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", tn = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", yt = ({
+}, $n = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", tn = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", Nt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
@@ -2839,7 +2839,7 @@ const ai = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = $(!1), u = K(
+  const [l, d] = $(!1), u = X(
     (c) => {
       c.stopPropagation(), !l && (d(!0), zn(e, t).catch(() => {
       }).finally(() => {
@@ -2847,7 +2847,7 @@ const ai = ({
       }));
     },
     [l, e, t, o]
-  ), h = r ?? s !== "pill", g = { className: N(
+  ), h = r ?? s !== "pill", g = { className: k(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -2858,7 +2858,7 @@ const ai = ({
       onClick: u,
       disabled: l,
       "aria-label": a,
-      className: N(
+      className: k(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -2866,14 +2866,14 @@ const ai = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ n(
-        be,
+        ve,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        Se,
+        Ee,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -2889,7 +2889,7 @@ const ai = ({
       disabled: l,
       "aria-label": a,
       className: $n,
-      children: l ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ee, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ f(
     "button",
@@ -2898,40 +2898,40 @@ const ai = ({
       onClick: u,
       disabled: l,
       "aria-label": h ? a : void 0,
-      className: N(
+      className: k(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
       children: [
         l ? /* @__PURE__ */ n(
-          be,
+          ve,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(Se, { ...g, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(Ee, { ...g, "aria-hidden": !0 }),
         h ? null : a
       ]
     }
   );
-}, Qe = (e, t, s) => Math.min(Math.max(e, t), s), Nt = ({
+}, et = (e, t, s) => Math.min(Math.max(e, t), s), kt = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = Qe(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
-  W(() => {
-    s && i(Qe(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), W(() => {
-    i((d) => Qe(d, 0, Math.max(e - 1, 0)));
+  const a = et(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
+  K(() => {
+    s && i(et(t, 0, Math.max(e - 1, 0)));
+  }, [s, t, e]), K(() => {
+    i((d) => et(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = K(() => {
+  const o = X(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = K(() => {
+  }, [e]), l = X(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return W(() => {
+  return K(() => {
     if (!s || e <= 1) return;
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
@@ -2940,7 +2940,7 @@ const ai = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, o, l]), { index: r, prev: o, next: l };
-}, kt = ({
+}, Ct = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -2950,7 +2950,7 @@ const ai = ({
   "data-testid": o
 }) => {
   const l = V(null), d = V(null);
-  return W(() => {
+  return K(() => {
     var g;
     const m = l.current;
     if (m) {
@@ -3021,7 +3021,7 @@ const ai = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: $n,
-                children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(ot, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3036,16 +3036,16 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = kt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = le(
+  }), l = t[r], d = oe(
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    kt,
+    Ct,
     {
       open: e,
       onClose: a,
@@ -3074,7 +3074,7 @@ const ai = ({
           `${r}:${l.src}`
         ) : null,
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          Nt,
           {
             onPrev: i,
             onNext: o,
@@ -3106,7 +3106,7 @@ const ai = ({
   if (i === 0) return null;
   const o = e.slice(0, Math.min(i, s)), l = i - o.length, d = (h, m, g) => {
     var p;
-    const c = N(
+    const c = k(
       di,
       "h-full w-full",
       (p = ui[o.length]) == null ? void 0 : p[m]
@@ -3117,7 +3117,7 @@ const ai = ({
         type: "button",
         onClick: () => t(m),
         "aria-label": h.ariaLabel ?? `Open media ${m + 1}`,
-        className: N(c, "cursor-zoom-in"),
+        className: k(c, "cursor-zoom-in"),
         children: [
           h.content,
           g
@@ -3140,7 +3140,7 @@ const ai = ({
   }), o.length === 1 ? /* @__PURE__ */ n(
     "div",
     {
-      className: N(
+      className: k(
         a ? hi : "aspect-square w-full",
         r
       ),
@@ -3150,7 +3150,7 @@ const ai = ({
   ) : o.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: N(
+      className: k(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         r
       ),
@@ -3159,7 +3159,7 @@ const ai = ({
   ) : o.length === 3 ? /* @__PURE__ */ f(
     "div",
     {
-      className: N(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         r
       ),
@@ -3172,7 +3172,7 @@ const ai = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: N(
+      className: k(
         // 379x286 is the content box of Figma's 383x290 stacked-media
         // card (`attachment-single-image` 1973:13863) once its 2px
         // frame is removed. Pinning the aspect on the container — as
@@ -3196,13 +3196,13 @@ const ai = ({
       })
     }
   );
-}, Me = (e) => {
-  const [t, s] = $(!1), [a, r] = $(0), i = K(
+}, De = (e) => {
+  const [t, s] = $(!1), [a, r] = $(0), i = X(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = K(() => s(!1), []);
+  ), o = X(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
 }, gi = ({
   item: e,
@@ -3220,7 +3220,7 @@ const ai = ({
       "img",
       {
         ref: r,
-        src: ce(e.src) ?? e.src,
+        src: de(e.src) ?? e.src,
         alt: e.alt ?? "",
         width: e.width,
         height: e.height,
@@ -3241,7 +3241,7 @@ const ai = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), bi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Me(r);
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = De(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3253,7 +3253,7 @@ const ai = ({
         children: /* @__PURE__ */ n(
           "img",
           {
-            src: ce(e) ?? e,
+            src: de(e) ?? e,
             alt: t ?? "",
             draggable: !1,
             loading: a,
@@ -3263,7 +3263,7 @@ const ai = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Le, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       Un,
       {
@@ -3304,7 +3304,7 @@ const ai = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = pi({ src: t, alt: s, items: r }), h = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Me(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
+  const u = pi({ src: t, alt: s, items: r }), h = Me(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = De(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
   if (u.length === 0)
     return null;
   const x = u.map(
@@ -3318,7 +3318,7 @@ const ai = ({
     })
   );
   return /* @__PURE__ */ f(
-    Ae,
+    Re,
     {
       variant: h,
       text: i,
@@ -3359,19 +3359,19 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = kt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = le(
+  }), l = t[r], d = oe(
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
     [l]
-  ), u = le(
+  ), u = oe(
     () => l ? Ci(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ f(
-    kt,
+    Ct,
     {
       open: e,
       onClose: a,
@@ -3390,7 +3390,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          Nt,
           {
             onPrev: i,
             onNext: o,
@@ -3431,7 +3431,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, Ct = ({
+}, St = ({
   state: e,
   src: t,
   filename: s,
@@ -3443,7 +3443,7 @@ const ai = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const h = Le(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Me(d), v = e === "composer" && !!u;
+  const h = Me(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = De(d), v = e === "composer" && !!u;
   if (m.length === 0)
     return null;
   const x = m.map((b) => ({
@@ -3451,7 +3451,7 @@ const ai = ({
     filename: b.filename ?? re(b.src)
   }));
   return /* @__PURE__ */ f(
-    Ae,
+    Re,
     {
       variant: h,
       text: o,
@@ -3459,7 +3459,7 @@ const ai = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, y) => {
-          const _ = b.filename ?? re(b.src), T = v && y === 0 ? /* @__PURE__ */ n(Re, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+          const _ = b.filename ?? re(b.src), T = v && y === 0 ? /* @__PURE__ */ n(Le, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             Bn,
             {
               url: b.src,
@@ -3493,7 +3493,7 @@ const ai = ({
       ]
     }
   );
-}, Ii = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "composer" }), Ti = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "sent" }), Ai = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "received" }), Ri = {
+}, Ii = (e) => /* @__PURE__ */ n(St, { ...e, state: "composer" }), Ti = (e) => /* @__PURE__ */ n(St, { ...e, state: "sent" }), Ai = (e) => /* @__PURE__ */ n(St, { ...e, state: "received" }), Ri = {
   Composer: Ii,
   Sent: Ti,
   Received: Ai
@@ -3503,16 +3503,16 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = kt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = le(
+  }), l = t[r], d = oe(
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    kt,
+    Ct,
     {
       open: e,
       onClose: a,
@@ -3536,7 +3536,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          Nt,
           {
             onPrev: i,
             onNext: o,
@@ -3547,7 +3547,7 @@ const ai = ({
       ]
     }
   ) : null;
-}, Li = () => /* @__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(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Yn = ({
+}, Li = () => /* @__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(it, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Yn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -3586,7 +3586,7 @@ const ai = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = Me(i);
+  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = De(i);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3598,7 +3598,7 @@ const ai = ({
         children: /* @__PURE__ */ n(Yn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Le, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
       Gn,
       {
@@ -3621,14 +3621,14 @@ const ai = ({
   preload: d,
   onClick: u
 }) => {
-  const h = Di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Me(u);
+  const h = Di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = De(u);
   if (h.length === 0)
     return null;
   const v = h.map(
     (x, b) => Mi(x, b, h.length)
   );
   return /* @__PURE__ */ f(
-    Ae,
+    Re,
     {
       variant: m,
       text: o,
@@ -3652,7 +3652,7 @@ const ai = ({
   Composer: Pi,
   Sent: Fi,
   Received: zi
-}, ke = {
+}, Ce = {
   Image: Ni,
   Video: $i,
   Audio: qr,
@@ -3683,11 +3683,11 @@ function sn(e) {
     title: H(e.title),
     description: H(e.text),
     url: t,
-    thumbnailUrl: ce(s),
+    thumbnailUrl: de(s),
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: s || bt(r, a) ? "featured" : "classic",
+    layout: s || vt(r, a) ? "featured" : "classic",
     mimeType: r,
     // Dominant colour of the image, resolved by the sender at stage time and
     // persisted on the attachment (`stream-custom-data.ts`), so every viewer
@@ -3701,7 +3701,7 @@ function sn(e) {
 }
 function Ui(e) {
   var t;
-  return Ve(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;
+  return Ge(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 Xn(e) {
   if (!(e != null && e.length)) return [];
@@ -3721,7 +3721,7 @@ function Xn(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Ve(r)) {
+    if (Ge(r)) {
       a(r);
       continue;
     }
@@ -3742,15 +3742,15 @@ function Vi(e) {
 function Gi(e) {
   switch (e) {
     case "image":
-      return ke.Image;
+      return Ce.Image;
     case "video":
-      return ke.Video;
+      return Ce.Video;
     case "audio":
-      return ke.Audio;
+      return Ce.Audio;
     case "pdf":
-      return ke.Pdf;
+      return Ce.Pdf;
     default:
-      return ke.File;
+      return Ce.File;
   }
 }
 function an(e, t) {
@@ -3820,7 +3820,7 @@ const Ki = ({
   const i = ji(r), o = (v = s.text) == null ? void 0 : v.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? sn(l.attachments[0] ?? {}).url : void 0, u = o && Bi(o, d) ? void 0 : o;
   let h = 0;
   const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, y) => {
-    const _ = t ? it.Sent : it.Received;
+    const _ = t ? lt.Sent : lt.Received;
     m.push(
       /* @__PURE__ */ n(
         _,
@@ -3876,20 +3876,20 @@ const Ki = ({
         },
         children: [
           m,
-          !u && /* @__PURE__ */ n(st, {})
+          !u && /* @__PURE__ */ n(at, {})
         ]
       }
     ),
     u ? /* @__PURE__ */ f(
       "div",
       {
-        className: N("str-chat__message-bubble", {
+        className: k("str-chat__message-bubble", {
           "relative isolate": c
         }),
         children: [
-          /* @__PURE__ */ n(Fe, { message: s, renderText: a }),
-          /* @__PURE__ */ n(st, {}),
-          c && /* @__PURE__ */ n($e, { side: t ? "me" : "other" })
+          /* @__PURE__ */ n(ze, { message: s, renderText: a }),
+          /* @__PURE__ */ n(at, {}),
+          c && /* @__PURE__ */ n(Be, { side: t ? "me" : "other" })
         ]
       }
     ) : null
@@ -3915,67 +3915,67 @@ const Ki = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: b
-  } = e, { client: y } = He("CustomMessage"), { channel: _ } = we("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: z } = sr("LockedAttachment"), [F, R] = $(!1), I = hs(c.id), {
-    Attachment: M = fs,
-    EditMessageModal: S = gs,
+  } = e, { client: y } = Ve("CustomMessage"), { channel: _ } = _e("CustomMessage"), { isUnlocking: T, onUnlockClick: A, onFetchSource: R, onDownloadClick: z } = sr("LockedAttachment"), [F, L] = $(!1), E = hs(c.id), {
+    Attachment: D = fs,
+    EditMessageModal: I = gs,
     MessageActions: C,
-    MessageBlocked: A = ps,
+    MessageBlocked: S = ps,
     MessageBouncePrompt: O = bs,
-    MessageDeleted: B = vs,
-    MessageIsThreadReplyInChannelButtonIndicator: G = xs,
-    MessageRepliesCountButton: ee = ws,
+    MessageDeleted: U = vs,
+    MessageIsThreadReplyInChannelButtonIndicator: j = xs,
+    MessageRepliesCountButton: J = ws,
     ReminderNotification: Z = _s,
-    StreamedMessageText: J = ys,
-    PinIndicator: j
-  } = mn("CustomMessage"), k = Ns(c), D = ks(c), Y = le(
+    StreamedMessageText: Q = ys,
+    PinIndicator: G
+  } = mn("CustomMessage"), N = Ns(c), M = ks(c), Y = oe(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), U = le(() => {
-    const he = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...he] : he;
-    if (!ze(c)) return pe;
-    const jt = pe.filter((Ht) => !("type" in Ht) || !Ve(Ht));
-    return jt.length === pe.length ? pe : jt;
-  }, [c]), Q = le(
-    () => Xn(U),
-    [U]
-  ), X = le(() => {
-    const he = kn({ message: c, viewerLanguage: v });
-    return he === c.text ? c : { ...c, text: he };
-  }, [c, v]), ne = Q.length > 0, ue = Q.reduce(
-    (he, pe) => he + pe.attachments.length,
+  ), B = oe(() => {
+    const fe = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...fe] : fe;
+    if (!$e(c)) return be;
+    const jt = be.filter((Ht) => !("type" in Ht) || !Ge(Ht));
+    return jt.length === be.length ? be : jt;
+  }, [c]), ne = oe(
+    () => Xn(B),
+    [B]
+  ), W = oe(() => {
+    const fe = kn({ message: c, viewerLanguage: v });
+    return fe === c.text ? c : { ...c, text: fe };
+  }, [c, v]), te = ne.length > 0, se = ne.reduce(
+    (fe, be) => fe + be.attachments.length,
     0
-  ) === ((U == null ? void 0 : U.length) ?? 0), ae = (i == null ? void 0 : i[0]) ?? "", De = ae === "top" ? "first" : ae === "middle" ? "middle" : ae === "bottom" ? "end" : "single", se = ae === "single" || ae === "bottom";
+  ) === ((B == null ? void 0 : B.length) ?? 0), ie = (i == null ? void 0 : i[0]) ?? "", Oe = ie === "top" ? "first" : ie === "middle" ? "middle" : ie === "bottom" ? "end" : "single", me = ie === "single" || ie === "bottom";
   if (Cs(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(B, { message: c });
+    return /* @__PURE__ */ n(U, { message: c });
   if (Ss(c))
-    return /* @__PURE__ */ n(A, {});
-  const me = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, St = c.status === "failed" && ((Lt = c.error) == null ? void 0 : Lt.status) !== 403, Et = Es(c);
-  let ge;
-  St ? ge = () => u(c) : Et && (ge = () => R(!0));
-  const te = g(), ns = N(
+    return /* @__PURE__ */ n(S, {});
+  const ae = !w && !!c.reply_count, he = !w && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Lt = c.error) == null ? void 0 : Lt.status) !== 403, Et = Es(c);
+  let pe;
+  le ? pe = () => u(c) : Et && (pe = () => L(!0));
+  const ee = g(), ns = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ee ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": k,
+      "str-chat__message--has-attachment": N,
       "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": D,
+      "str-chat__message--with-reactions": M,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Mt = c == null ? void 0 : c.error) == null ? void 0 : Mt.status) !== 403,
-      "str-chat__message-with-thread-link": me || ie,
+      "str-chat__message-with-thread-link": ae || he,
       "str-chat__virtual-message__wrapper--end": a,
       "str-chat__virtual-message__wrapper--first": r,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ye = c.poll_id && y.polls.fromState(c.poll_id), It = ur(c), ye = ze(c), ss = ht(c), We = !!(U != null && U.length && !c.quoted_message), Tt = ye && te && We, as = ne && ue && !c.quoted_message && !Ye && !Y && !ye, At = {
+  ), We = c.poll_id && y.polls.fromState(c.poll_id), It = ur(c), Ne = $e(c), ss = ft(c), Ke = !!(B != null && B.length && !c.quoted_message), Tt = Ne && ee && Ke, as = te && se && !c.quoted_message && !We && !Y && !Ne, At = {
     contentType: "text",
     amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
     paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
-    renderedText: c.text && /* @__PURE__ */ n(Fe, { message: X, renderText: p })
+    renderedText: c.text && /* @__PURE__ */ n(ze, { message: W, renderText: p })
   }, Rt = {
     contentType: "media",
     title: (Pt = c.metadata) == null ? void 0 : Pt.attachment_title,
@@ -3984,11 +3984,11 @@ const Ki = ({
     amountText: ($t = c.metadata) == null ? void 0 : $t.amount_text,
     detail: (Bt = c.metadata) == null ? void 0 : Bt.attachment_detail,
     paymentStatus: (Ut = c.metadata) == null ? void 0 : Ut.payment_status,
-    onFetchSource: E ? () => E(c, _) : void 0
+    onFetchSource: R ? () => R(c, _) : void 0
   };
   return /* @__PURE__ */ f(q, { children: [
     s && /* @__PURE__ */ n(
-      S,
+      I,
       {
         additionalMessageInputProps: t
       }
@@ -3997,7 +3997,7 @@ const Ki = ({
       Is,
       {
         MessageBouncePrompt: O,
-        onClose: () => R(!1),
+        onClose: () => L(!1),
         open: F
       }
     ),
@@ -4008,10 +4008,10 @@ const Ki = ({
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          j && /* @__PURE__ */ n(j, {}),
-          !!I && /* @__PURE__ */ n(Z, { reminder: I }),
+          G && /* @__PURE__ */ n(G, {}),
+          !!E && /* @__PURE__ */ n(Z, { reminder: E }),
           c.user && /* @__PURE__ */ n(
-            _e,
+            ye,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -4019,86 +4019,86 @@ const Ki = ({
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: ye
+              dmAgentEnabled: Ne
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
-              className: N("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": St || Et
+              className: k("str-chat__message-inner", {
+                "str-chat__simple-message--error-failed": le || Et
               }),
               "data-testid": "message-inner",
-              onClick: ge,
-              onKeyDown: ge,
-              role: ge ? "button" : void 0,
-              tabIndex: ge ? 0 : void 0,
+              onClick: pe,
+              onKeyDown: pe,
+              role: pe ? "button" : void 0,
+              tabIndex: pe ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: It ? /* @__PURE__ */ n(Ze, { message: c, standalone: !0 }) : cr(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-                te && C && /* @__PURE__ */ n(C, {}),
-                te ? /* @__PURE__ */ n(Pe, { ...At, isMine: !0 }) : /* @__PURE__ */ n(
-                  Pe,
+              children: It ? /* @__PURE__ */ n(Je, { message: c, standalone: !0 }) : cr(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+                ee && C && /* @__PURE__ */ n(C, {}),
+                ee ? /* @__PURE__ */ n(Fe, { ...At, isMine: !0 }) : /* @__PURE__ */ n(
+                  Fe,
                   {
                     ...At,
                     isMine: !1,
                     isUnlocking: T(c.id),
-                    onUnlockClick: () => L == null ? void 0 : L(c, _)
+                    onUnlockClick: () => A == null ? void 0 : A(c, _)
                   }
                 ),
-                !te && C && /* @__PURE__ */ n(C, {})
+                !ee && C && /* @__PURE__ */ n(C, {})
               ] }) }) : dr(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-                  te && C && /* @__PURE__ */ n(C, {}),
-                  te ? /* @__PURE__ */ n(
-                    Pe,
+                  ee && C && /* @__PURE__ */ n(C, {}),
+                  ee ? /* @__PURE__ */ n(
+                    Fe,
                     {
                       ...Rt,
                       isMine: !0,
-                      onPreviewClick: () => L ? L(c, _) : void 0
+                      onPreviewClick: () => A ? A(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ n(
-                    Pe,
+                    Fe,
                     {
                       ...Rt,
                       isMine: !1,
                       isUnlocking: T(c.id),
-                      onUnlockClick: () => L ? L(c, _) : void 0,
+                      onUnlockClick: () => A ? A(c, _) : void 0,
                       onDownloadClick: () => z ? z(c, _) : void 0
                     }
                   ),
-                  !te && C && /* @__PURE__ */ n(C, {})
+                  !ee && C && /* @__PURE__ */ n(C, {})
                 ] }),
                 c.text && /* @__PURE__ */ f(
                   "div",
                   {
-                    className: N("str-chat__message-bubble", {
-                      "relative isolate": se
+                    className: k("str-chat__message-bubble", {
+                      "relative isolate": me
                     }),
                     children: [
                       /* @__PURE__ */ n(
-                        Fe,
+                        ze,
                         {
-                          message: X,
+                          message: W,
                           renderText: p
                         }
                       ),
-                      se && /* @__PURE__ */ n($e, { side: te ? "me" : "other" })
+                      me && /* @__PURE__ */ n(Be, { side: ee ? "me" : "other" })
                     ]
                   }
                 )
               ] }) : as ? /* @__PURE__ */ n(
                 Ki,
                 {
-                  groupPosition: De,
-                  isMyMessage: te,
+                  groupPosition: Oe,
+                  isMyMessage: ee,
                   message: {
-                    ...X,
-                    attachments: U,
+                    ...W,
+                    attachments: B,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -4109,52 +4109,52 @@ const Ki = ({
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f(
                 "div",
                 {
-                  className: N("str-chat__message-bubble", {
-                    "relative isolate": se
+                  className: k("str-chat__message-bubble", {
+                    "relative isolate": me
                   }),
                   children: [
-                    ye && !Tt && /* @__PURE__ */ n(
-                      Ze,
+                    Ne && !Tt && /* @__PURE__ */ n(
+                      Je,
                       {
                         message: c,
-                        hasAttachment: We,
-                        isMyMessage: te
+                        hasAttachment: Ke,
+                        isMyMessage: ee
                       }
                     ),
-                    Ye && /* @__PURE__ */ n(Ts, { poll: Ye }),
-                    U != null && U.length && !c.quoted_message ? /* @__PURE__ */ n(
-                      M,
+                    We && /* @__PURE__ */ n(Ts, { poll: We }),
+                    B != null && B.length && !c.quoted_message ? /* @__PURE__ */ n(
+                      D,
                       {
                         actionHandler: l,
-                        attachments: U
+                        attachments: B
                       }
                     ) : null,
                     Y ? /* @__PURE__ */ n(
-                      J,
+                      Q,
                       {
-                        message: X,
+                        message: W,
                         renderText: p
                       }
                     ) : /* @__PURE__ */ n(
-                      Fe,
+                      ze,
                       {
-                        message: X,
+                        message: W,
                         renderText: p
                       }
                     ),
-                    /* @__PURE__ */ n(st, {}),
-                    se && /* @__PURE__ */ n($e, { side: te ? "me" : "other" })
+                    /* @__PURE__ */ n(at, {}),
+                    me && /* @__PURE__ */ n(Be, { side: ee ? "me" : "other" })
                   ]
                 }
               ) })
             }
           ),
-          !ss && !It && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!ye || Tt) && /* @__PURE__ */ n(
-            Ze,
+          !ss && !It && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!Ne || Tt) && /* @__PURE__ */ n(
+            Je,
             {
               message: c,
-              hasAttachment: We,
-              isMyMessage: te
+              hasAttachment: Ke,
+              isMyMessage: ee
             }
           ) }),
           /* @__PURE__ */ n(
@@ -4164,14 +4164,14 @@ const Ki = ({
               resolvedOutbound: b
             }
           ),
-          me && /* @__PURE__ */ n(
-            ee,
+          ae && /* @__PURE__ */ n(
+            J,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ie && /* @__PURE__ */ n(G, {})
+          he && /* @__PURE__ */ n(j, {})
         ]
       },
       c.id
@@ -4185,7 +4185,7 @@ const Ki = ({
   }
 ), Zi = (e) => {
   var i;
-  const t = fe("CustomMessage"), s = xe(Dn), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
+  const t = ge("CustomMessage"), s = we(Dn), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
   return /* @__PURE__ */ n(
     qi,
     {
@@ -4196,7 +4196,7 @@ const Ki = ({
   );
 }, Ji = () => {
   var s;
-  const { handleDelete: e, message: t } = fe("CustomMessageActions");
+  const { handleDelete: e, message: t } = ge("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     vn,
     {
@@ -4208,7 +4208,7 @@ const Ki = ({
     }
   );
 }, Qi = () => {
-  const { handleFlag: e } = fe("CustomMessageActions");
+  const { handleFlag: e } = ge("CustomMessageActions");
   return /* @__PURE__ */ n(
     vn,
     {
@@ -4221,8 +4221,8 @@ const Ki = ({
   );
 }, el = () => {
   var t;
-  const { message: e } = fe("CustomMessageActions");
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) !== oe.ATTACHMENT ? null : /* @__PURE__ */ n(
+  const { message: e } = ge("CustomMessageActions");
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) !== ce.ATTACHMENT ? null : /* @__PURE__ */ n(
     wa,
     {
       messageActionSet: [
@@ -4233,7 +4233,7 @@ const Ki = ({
   );
 }, tl = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => nt.previewIsLoaded(t) || nt.previewIsLoading(t)
+    (t) => st.previewIsLoaded(t) || st.previewIsLoading(t)
   )
 }), nl = () => {
   const { linkPreviewsManager: e } = As(), { linkPreviews: t } = Rs(
@@ -4287,9 +4287,9 @@ const Ki = ({
     // edge lands ~6px past the fold, reachable by scrolling. That residue
     // belongs to whoever owns the mobile layout contract, not to this component.
     /* @__PURE__ */ n("div", { className: "messaging-link-preview-list flex flex-col items-stretch w-full gap-2", children: t.map((r) => {
-      const i = nt.previewIsLoading(r);
+      const i = st.previewIsLoading(r);
       return /* @__PURE__ */ n(
-        it.Composer,
+        lt.Composer,
         {
           title: r.title,
           url: r.og_scrape_url,
@@ -4302,7 +4302,7 @@ const Ki = ({
       );
     }) })
   ) : null;
-}, Be = P.createContext(!1), sl = 200, ro = () => xe(Be), al = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, Ue = P.createContext(!1), sl = 200, ro = () => we(Ue), al = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -4314,7 +4314,7 @@ const Ki = ({
     children: /* @__PURE__ */ n(ba, { weight: "bold", className: "size-4" })
   }
 ), rn = () => {
-  const e = xe(Be), { handleSubmit: t } = Ls(), s = Ms(), a = e || !s, {
+  const e = we(Ue), { handleSubmit: t } = Ls(), s = Ms(), a = e || !s, {
     SendButton: r = al,
     AttachmentPreviewList: i = Ds
   } = mn("CustomMessageInput"), o = P.useRef(null);
@@ -4429,7 +4429,7 @@ const Ki = ({
   composerInput: i
 }) => {
   var h;
-  const { channel: o } = we(), l = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = P.useRef(null);
+  const { channel: o } = _e(), l = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = P.useRef(null);
   return P.useEffect(() => {
     if (!d)
       return;
@@ -4490,7 +4490,7 @@ const Ki = ({
                 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(Be.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: i ?? rn }) })
+                  /* @__PURE__ */ n(Ue.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: i ?? rn }) })
                 ]
               }
             ),
@@ -4509,7 +4509,7 @@ const Ki = ({
         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(Be.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: rn }) })
+          /* @__PURE__ */ n(Ue.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: rn }) })
         ]
       }
     ),
@@ -4520,7 +4520,7 @@ const Ki = ({
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
 }, il = ["SYSTEM_AGE_SAFETY_BLOCKED"], ll = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, et = "age safety guidelines.", ol = "https://linktr.ee/s/about/contact", cl = (e) => il.includes(
+}, tt = "age safety guidelines.", ol = "https://linktr.ee/s/about/contact", cl = (e) => il.includes(
   e
 ), dl = (e) => {
   var t;
@@ -4545,10 +4545,10 @@ const Ki = ({
       type: s
     };
 }, ml = (e) => {
-  const t = e.indexOf(et);
+  const t = e.indexOf(tt);
   if (t === -1)
     return e;
-  const s = t + et.length;
+  const s = t + tt.length;
   return /* @__PURE__ */ f(q, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
@@ -4558,7 +4558,7 @@ const Ki = ({
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: et
+        children: tt
       }
     ),
     e.slice(s)
@@ -4591,7 +4591,7 @@ const Ki = ({
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Ke, { message: e.message })
+      !t && /* @__PURE__ */ n(Xe, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
@@ -4618,7 +4618,7 @@ const Ki = ({
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Ke, { message: e.message })
+      !t && /* @__PURE__ */ n(Xe, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -4627,9 +4627,9 @@ const Ki = ({
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(Ke, { message: e.message })
+    !t && /* @__PURE__ */ n(Xe, { message: e.message })
   ] });
-}, qn = je(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, qn = He(!1), nt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4640,12 +4640,12 @@ const Ki = ({
     repeatCount: "indefinite"
   }
 ) }), fl = /* @__PURE__ */ new Set([
-  Xe.Thinking,
-  Xe.Generating,
-  Xe.ExternalSources
+  qe.Thinking,
+  qe.Generating,
+  qe.ExternalSources
 ]), gl = ({ threadList: e }) => {
   var p, w;
-  const { channel: t, channelConfig: s, thread: a } = we(), { client: r } = He(), { typing: i = {} } = Fs(), { aiState: o } = zs(t), l = xe(qn);
+  const { channel: t, channelConfig: s, thread: a } = _e(), { client: r } = Ve(), { typing: i = {} } = Fs(), { aiState: o } = zs(t), l = we(qn);
   if (!e && l && fl.has(o)) {
     const v = pl(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
@@ -4698,7 +4698,7 @@ const Ki = ({
     },
     children: /* @__PURE__ */ f("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(
-        _e,
+        ye,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4719,13 +4719,13 @@ const Ki = ({
             height: "13",
             overflow: "visible",
             children: [
-              /* @__PURE__ */ n(tt, { cx: "4", index: 0 }),
-              /* @__PURE__ */ n(tt, { cx: "16", index: 1 }),
-              /* @__PURE__ */ n(tt, { cx: "28", index: 2 })
+              /* @__PURE__ */ n(nt, { cx: "4", index: 0 }),
+              /* @__PURE__ */ n(nt, { cx: "16", index: 1 }),
+              /* @__PURE__ */ n(nt, { cx: "28", index: 2 })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ n($e, { side: "other" })
+        /* @__PURE__ */ n(Be, { side: "other" })
       ] }) }) })
     ] })
   }
@@ -4742,7 +4742,7 @@ function pl(e, t) {
 const bl = () => null, vl = ({ className: e, message: t }) => /* @__PURE__ */ f(
   "div",
   {
-    className: N("flex items-center justify-center h-full", e),
+    className: k("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ f("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(
@@ -4782,11 +4782,11 @@ const bl = () => null, vl = ({ className: e, message: t }) => /* @__PURE__ */ f(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ue = P.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
+), je = P.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(vl, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Ue.displayName = "LoadingState";
+je.displayName = "LoadingState";
 const xl = ({
   onBack: e,
   showBackButton: t,
@@ -4810,21 +4810,21 @@ const xl = ({
   renderMessage: y,
   viewerLanguage: _,
   showChannelInfo: T = !0,
-  onParticipantNameClick: L,
-  onOutboundClick: E,
+  onParticipantNameClick: A,
+  onOutboundClick: R,
   resolveOutbound: z,
   composerInput: F
 }) => {
-  const { channel: R, messages: I } = we(), M = V(E);
-  W(() => {
-    M.current = E;
-  }, [E]);
-  const S = K((Z) => {
-    var J;
-    (J = M.current) == null || J.call(M, Z);
-  }, []), C = E ? S : void 0, A = pr(I, z), O = R.state.messages.some(
+  const { channel: L, messages: E } = _e(), D = V(R);
+  K(() => {
+    D.current = R;
+  }, [R]);
+  const I = X((Z) => {
+    var Q;
+    (Q = D.current) == null || Q.call(D, Z);
+  }, []), C = R ? I : void 0, S = pr(E, z), O = L.state.messages.some(
     (Z) => Z.type !== "deleted"
-  ), B = v ? /* @__PURE__ */ n(P.Fragment, { children: v() }, "lt-channel-banner") : null, G = /* @__PURE__ */ n(
+  ), U = v ? /* @__PURE__ */ n(P.Fragment, { children: v() }, "lt-channel-banner") : null, j = /* @__PURE__ */ n(
     La,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
@@ -4842,11 +4842,11 @@ const xl = ({
       onReportParticipantClick: h,
       customChannelActions: x,
       renderChannelActions: b,
-      onParticipantNameClick: L
+      onParticipantNameClick: A
     }
-  ), ee = K(
+  ), J = X(
     (Z) => {
-      const { message: J } = fe("ChannelView"), j = /* @__PURE__ */ n(
+      const { message: Q } = ge("ChannelView"), G = /* @__PURE__ */ n(
         Zi,
         {
           ...Z,
@@ -4854,15 +4854,15 @@ const xl = ({
           onOutboundClick: C
         }
       );
-      return !y || !J ? j : y(j, J);
+      return !y || !Q ? G : y(G, Q);
     },
     [C, y, _]
   );
-  return /* @__PURE__ */ n(Dn.Provider, { value: A, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(Dn.Provider, { value: S, children: /* @__PURE__ */ n(
     Bs,
     {
       overrides: {
-        Message: ee,
+        Message: J,
         MessageActions: el,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
@@ -4874,15 +4874,15 @@ const xl = ({
             className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
             children: [
               !O && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
-                G,
-                B
+                j,
+                U
               ] }) }),
               /* @__PURE__ */ n(
                 Gt,
                 {
                   head: O ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    G,
-                    B
+                    j,
+                    U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -4896,12 +4896,12 @@ const xl = ({
           on,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(R)
+              renderActions: () => s == null ? void 0 : s(L)
             },
             ...r && {
-              renderHeader: () => r(R)
+              renderHeader: () => r(L)
             },
-            renderFooter: () => a == null ? void 0 : a(R),
+            renderFooter: () => a == null ? void 0 : a(L),
             disabled: c,
             disabledReason: p,
             composerInput: F
@@ -4915,15 +4915,15 @@ const xl = ({
             className: "flex-1 overflow-hidden relative",
             children: [
               !O && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
-                G,
-                B
+                j,
+                U
               ] }) }),
               /* @__PURE__ */ n(
                 Gt,
                 {
                   head: O ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    G,
-                    B
+                    j,
+                    U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -4933,14 +4933,14 @@ const xl = ({
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(P.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(P.Fragment, { children: r(L) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           on,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(R)
+              renderActions: () => s == null ? void 0 : s(L)
             },
-            renderFooter: () => a == null ? void 0 : a(R),
+            renderFooter: () => a == null ? void 0 : a(L),
             disabled: c,
             disabledReason: p,
             composerInput: F
@@ -4974,74 +4974,74 @@ const xl = ({
     messageMetadata: y,
     onMessageSent: _,
     showStarButton: T = !1,
-    renderChannelBanner: L,
-    customChannelActions: E,
+    renderChannelBanner: A,
+    customChannelActions: R,
     renderChannelActions: z,
     renderMessage: F,
-    onMessageLinkClick: R,
-    sendButton: I,
-    attachmentPreviewList: M,
-    viewerLanguage: S,
+    onMessageLinkClick: L,
+    sendButton: E,
+    attachmentPreviewList: D,
+    viewerLanguage: I,
     showChannelInfo: C = !0,
-    onParticipantNameClick: A,
+    onParticipantNameClick: S,
     onOutboundClick: O,
-    resolveOutbound: B,
-    composerInput: G
+    resolveOutbound: U,
+    composerInput: j
   }) => {
-    const ee = K(
-      async (j, k, D) => {
-        var ue;
-        const Y = ((ue = e.data) == null ? void 0 : ue.chatbot_paused) === !0, U = b && !Y, Q = {
-          ...k,
-          ...U && { silent: !0 },
+    const J = X(
+      async (G, N, M) => {
+        var se;
+        const Y = ((se = e.data) == null ? void 0 : se.chatbot_paused) === !0, B = b && !Y, ne = {
+          ...N,
+          ...B && { silent: !0 },
           ...y && {
             metadata: {
-              ...k.metadata ?? {},
+              ...N.metadata ?? {},
               ...y
             }
           }
-        }, X = {
-          ...D,
-          ...U && { skip_push: !0 }
-        }, ne = await e.sendMessage(Q, X);
-        return _ == null || _(ne), ne;
+        }, W = {
+          ...M,
+          ...B && { skip_push: !0 }
+        }, te = await e.sendMessage(ne, W);
+        return _ == null || _(te), te;
       },
       [e, b, y, _]
     ), Z = V(null);
-    W(() => {
-      if (!R) return;
-      const j = Z.current;
-      if (!j) return;
-      const k = (D) => {
-        const Y = D.target, U = Y == null ? void 0 : Y.closest("a[href]"), Q = U == null ? void 0 : U.getAttribute("href");
-        if (!Q) return;
-        const X = U == null ? void 0 : U.closest("[data-message-id]"), ne = X == null ? void 0 : X.getAttribute("data-message-id"), ue = ne ? e.state.messages.find((ae) => ae.id === ne) : void 0;
-        R(Q, ue);
+    K(() => {
+      if (!L) return;
+      const G = Z.current;
+      if (!G) return;
+      const N = (M) => {
+        const Y = M.target, B = Y == null ? void 0 : Y.closest("a[href]"), ne = B == null ? void 0 : B.getAttribute("href");
+        if (!ne) return;
+        const W = B == null ? void 0 : B.closest("[data-message-id]"), te = W == null ? void 0 : W.getAttribute("data-message-id"), se = te ? e.state.messages.find((ie) => ie.id === te) : void 0;
+        L(ne, se);
       };
-      return j.addEventListener("click", k), () => j.removeEventListener("click", k);
-    }, [R, e]);
-    const J = hn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
+      return G.addEventListener("click", N), () => G.removeEventListener("click", N);
+    }, [L, e]);
+    const Q = hn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
     return /* @__PURE__ */ n(
       "div",
       {
         ref: Z,
-        className: N(
+        className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        style: J,
+        style: Q,
         children: /* @__PURE__ */ n(qn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
           $s,
           {
             channel: e,
             MessageSystem: hl,
             EmptyStateIndicator: u,
-            LoadingIndicator: Ue,
+            LoadingIndicator: je,
             DateSeparator: Ma,
             TypingIndicator: gl,
-            doSendMessageRequest: ee,
-            ...I ? { SendButton: I } : {},
-            ...M ? { AttachmentPreviewList: M } : {},
+            doSendMessageRequest: J,
+            ...E ? { SendButton: E } : {},
+            ...D ? { AttachmentPreviewList: D } : {},
             children: /* @__PURE__ */ n(
               xl,
               {
@@ -5062,16 +5062,16 @@ const xl = ({
                 composerDisabled: v,
                 composerDisabledReason: x,
                 showStarButton: T,
-                renderChannelBanner: L,
-                customChannelActions: E,
+                renderChannelBanner: A,
+                customChannelActions: R,
                 renderChannelActions: z,
                 renderMessage: F,
-                viewerLanguage: S,
+                viewerLanguage: I,
                 showChannelInfo: C,
-                onParticipantNameClick: A,
+                onParticipantNameClick: S,
                 onOutboundClick: O,
-                resolveOutbound: B,
-                composerInput: G
+                resolveOutbound: U,
+                composerInput: j
               }
             )
           }
@@ -5081,7 +5081,7 @@ const xl = ({
   }
 );
 Zn.displayName = "ChannelView";
-const Ce = P.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ f("div", { className: "text-center max-w-sm", children: [
+const Se = P.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ f("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 }),
@@ -5095,7 +5095,7 @@ const Ce = P.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-Ce.displayName = "ErrorState";
+Se.displayName = "ErrorState";
 const io = ({
   capabilities: e = {},
   renderMessageInputActions: t,
@@ -5119,110 +5119,111 @@ const io = ({
   renderMessage: y,
   onMessageLinkClick: _,
   showChannelInfo: T,
-  composerInput: L
+  composerInput: A,
+  attachmentPreviewList: R
 }) => {
   const {
-    client: E,
-    isConnected: z,
-    isLoading: F,
-    error: R,
-    refreshConnection: I,
-    service: M,
-    debug: S
-  } = _a(), [C, A] = $(null), [O, B] = $(null), [G, ee] = $(!1), { showDeleteConversation: Z = !0 } = e, J = V(o);
-  J.current = o;
-  const j = V(a);
-  j.current = a;
-  const k = V(null), D = V(null);
-  W(() => {
-    D.current = C;
-  }, [C]), W(() => {
-    if (!E || !z) return;
-    const Q = E.userID;
-    if (!Q) return;
-    const X = `${Q}::${i}`;
-    if (k.current === X) return;
-    k.current = X;
-    const ne = () => {
-      k.current === X && (k.current = null);
+    client: z,
+    isConnected: F,
+    isLoading: L,
+    error: E,
+    refreshConnection: D,
+    service: I,
+    debug: C
+  } = _a(), [S, O] = $(null), [U, j] = $(null), [J, Z] = $(!1), { showDeleteConversation: Q = !0 } = e, G = V(o);
+  G.current = o;
+  const N = V(a);
+  N.current = a;
+  const M = V(null), Y = V(null);
+  K(() => {
+    Y.current = S;
+  }, [S]), K(() => {
+    if (!z || !F) return;
+    const W = z.userID;
+    if (!W) return;
+    const te = `${W}::${i}`;
+    if (M.current === te) return;
+    M.current = te;
+    const se = () => {
+      M.current === te && (M.current = null);
     };
     (async () => {
-      var ae, De;
+      var Oe, me;
       try {
-        S && console.log(
+        C && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const se = await E.queryChannels(
+        const ae = await z.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [Q, i] }
+            members: { $eq: [W, i] }
           },
           {},
           { limit: 1 }
         );
-        if (se.length > 0) {
-          A(se[0]), B(null), (ae = j.current) == null || ae.call(j, se[0]), S && console.log(
+        if (ae.length > 0) {
+          O(ae[0]), j(null), (Oe = N.current) == null || Oe.call(N, ae[0]), C && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            se[0].id
+            ae[0].id
           );
           return;
         }
-        const me = J.current;
-        if (!me || !M) {
-          ne(), B("No conversation found with this account"), S && console.log(
+        const he = G.current;
+        if (!he || !I) {
+          se(), j("No conversation found with this account"), C && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const ie = await M.startChannelWithParticipant({
-            id: me.id,
-            name: me.name,
-            phone: me.phone
+          const le = await I.startChannelWithParticipant({
+            id: he.id,
+            name: he.name,
+            phone: he.phone
           });
-          A(ie), B(null), (De = j.current) == null || De.call(j, ie), S && console.log(
+          O(le), j(null), (me = N.current) == null || me.call(N, le), C && console.log(
             "[MessagingShell] Channel created and loaded:",
-            ie.id
+            le.id
           );
-        } catch (ie) {
+        } catch (le) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            ie
-          ), ne(), B("Failed to create conversation");
+            le
+          ), se(), j("Failed to create conversation");
         }
-      } catch (se) {
+      } catch (ae) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          se
-        ), ne(), D.current || B("Failed to load conversation");
+          ae
+        ), se(), Y.current || j("Failed to load conversation");
       }
     })();
-  }, [i, E, z, M, S]);
-  const Y = V(r);
-  Y.current = r;
-  const U = K(() => {
-    var Q;
-    A(null), ee(!0), (Q = Y.current) == null || Q.call(Y);
+  }, [i, z, F, I, C]);
+  const B = V(r);
+  B.current = r;
+  const ne = X(() => {
+    var W;
+    O(null), Z(!0), (W = B.current) == null || W.call(B);
   }, []);
-  return F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(Ce, { message: R, onBack: I }) : !z || !E ? /* @__PURE__ */ n(
-    Ce,
+  return L ? /* @__PURE__ */ n(je, {}) : E ? /* @__PURE__ */ n(Se, { message: E, onBack: D }) : !F || !z ? /* @__PURE__ */ n(
+    Se,
     {
       message: "Not connected to messaging service",
-      onBack: I
+      onBack: D
     }
-  ) : O ? /* @__PURE__ */ n(Ce, { message: O }) : G && !C ? /* @__PURE__ */ n(Ce, { message: "Conversation ended" }) : C ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : U ? /* @__PURE__ */ n(Se, { message: U }) : J && !S ? /* @__PURE__ */ n(Se, { message: "Conversation ended" }) : S ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     Zn,
     {
-      channel: C,
+      channel: S,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: c,
-      onLeaveConversation: U,
-      onBlockParticipant: U,
+      onLeaveConversation: ne,
+      onBlockParticipant: ne,
       CustomChannelEmptyState: l,
-      showDeleteConversation: Z,
+      showDeleteConversation: Q,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: h,
@@ -5236,10 +5237,11 @@ const io = ({
       renderMessage: y,
       onMessageLinkClick: _,
       showChannelInfo: T,
-      composerInput: L
+      composerInput: A,
+      attachmentPreviewList: R
     },
-    C.id
-  ) }) }) : /* @__PURE__ */ n(Ue, {});
+    S.id
+  ) }) }) : /* @__PURE__ */ n(je, {});
 };
 function wl(e) {
   const t = e.state.pending_messages;
@@ -5277,7 +5279,7 @@ const Jn = P.createContext({
   });
 }, Qn = P.memo(
   (e) => {
-    var z, F, R;
+    var z, F, L;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -5285,7 +5287,7 @@ const Jn = P.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = yl(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = wn(t);
+    } = yl(), { client: u } = Ve(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = wn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -5299,45 +5301,45 @@ const Jn = P.createContext({
       );
     const g = () => {
       t && r(t);
-    }, c = (I) => {
-      const M = I.key === "Enter" || I.key === " ", S = I.repeat;
-      !M || S || (I.preventDefault(), g());
+    }, c = (E) => {
+      const D = E.key === "Enter" || E.key === " ", I = E.repeat;
+      !D || I || (E.preventDefault(), g());
     }, p = _n(
       (z = t == null ? void 0 : t.state) == null ? void 0 : z.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
     ), w = yn(p == null ? void 0 : p.user), v = (F = p == null ? void 0 : p.user) == null ? void 0 : F.image, x = (() => {
-      var M;
-      const I = (M = t == null ? void 0 : t.state) == null ? void 0 : M.messages;
-      if (I != null && I.length) {
-        for (let S = I.length - 1; S >= 0; S--)
-          if (I[S].type !== "system") return I[S];
+      var D;
+      const E = (D = t == null ? void 0 : t.state) == null ? void 0 : D.messages;
+      if (E != null && E.length) {
+        for (let I = E.length - 1; I >= 0; I--)
+          if (E[I].type !== "system") return E[I];
       }
     })(), y = (() => {
-      var A;
-      const I = kn({
+      var S;
+      const E = kn({
         message: x,
         viewerLanguage: d
-      }), { custom_type: M, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
-      if (M === oe.TIP)
-        return I || "Sent a tip";
-      if (M === oe.PAID)
-        return I || "Sent a message";
-      if (M === oe.ATTACHMENT) {
-        if (S === "text")
+      }), { custom_type: D, attachment_content_type: I } = (x == null ? void 0 : x.metadata) || {};
+      if (D === ce.TIP)
+        return E || "Sent a tip";
+      if (D === ce.PAID)
+        return E || "Sent a message";
+      if (D === ce.ATTACHMENT) {
+        if (I === "text")
           return "🔒 Sent a locked message";
-        if (S === "media")
+        if (I === "media")
           return "🔒 Sent a locked attachment";
       }
-      if (I) return I;
-      const C = (A = x == null ? void 0 : x.attachments) == null ? void 0 : A[0];
+      if (E) return E;
+      const C = (S = x == null ? void 0 : x.attachments) == null ? void 0 : S[0];
       return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = x != null && x.created_at ? kl(new Date(x.created_at)) : "", T = x ? ze(x) : !1, L = l ? l(x, y) : `${T ? "✨ " : ""}${y}`, E = s ?? 0;
+    })(), _ = x != null && x.created_at ? kl(new Date(x.created_at)) : "", T = x ? $e(x) : !1, A = l ? l(x, y) : `${T ? "✨ " : ""}${y}`, R = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
       participantName: w,
-      unreadCount: E,
+      unreadCount: R,
       hasTimestamp: !!_
     }), /* @__PURE__ */ n(
       "div",
@@ -5346,7 +5348,7 @@ const Jn = P.createContext({
         tabIndex: 0,
         onClick: g,
         onKeyDown: c,
-        className: N(
+        className: k(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": h,
@@ -5356,9 +5358,9 @@ const Jn = P.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ f("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            _e,
+            ye,
             {
-              id: ((R = p == null ? void 0 : p.user) == null ? void 0 : R.id) || t.id || "unknown",
+              id: ((L = p == null ? void 0 : p.user) == null ? void 0 : L.id) || t.id || "unknown",
               name: w,
               image: v,
               size: 48,
@@ -5370,7 +5372,7 @@ const Jn = P.createContext({
               /* @__PURE__ */ f(
                 "h3",
                 {
-                  className: N(
+                  className: k(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -5382,8 +5384,8 @@ const Jn = P.createContext({
               _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ f("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: L }),
-              E > 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: E > 99 ? "99+" : E })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: A }),
+              R > 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: R > 99 ? "99+" : R })
             ] })
           ] })
         ] })
@@ -5415,11 +5417,11 @@ const Cl = { last_message_at: -1 }, Sl = P.memo(
   }) => {
     const b = P.useRef(0);
     b.current++;
-    const { debug: y = !1 } = ot(), _ = P.useCallback(
-      (L) => {
-        for (const E of L)
-          wl(E);
-        return r ? r(L) : L;
+    const { debug: y = !1 } = ct(), _ = P.useCallback(
+      (A) => {
+        for (const R of A)
+          wl(R);
+        return r ? r(A) : A;
       },
       [r]
     );
@@ -5449,7 +5451,7 @@ const Cl = { last_message_at: -1 }, Sl = P.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: N(
+        className: k(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
@@ -5484,7 +5486,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   return /* @__PURE__ */ n(
     "div",
     {
-      className: N(
+      className: k(
         "flex gap-2",
         // `row` is capped (`max-w-[60%]`) and shrinkable (`min-w-0`) so a long
         // or localized secondary label can never grow the footer past the
@@ -5528,7 +5530,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       /* @__PURE__ */ n(
         "p",
         {
-          className: N("min-w-0", El),
+          className: k("min-w-0", El),
           style: h,
           children: s
         }
@@ -5537,7 +5539,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     d && /* @__PURE__ */ n(
       "p",
       {
-        className: N(
+        className: k(
           Il,
           r > 1 && "whitespace-pre-line",
           r <= 1 && "truncate"
@@ -5588,14 +5590,14 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   return /* @__PURE__ */ n(
     "div",
     {
-      className: N(
+      className: k(
         "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
         Al[e]
       ),
       children: l.map(({ src: c, index: p }, w) => /* @__PURE__ */ n(
         "img",
         {
-          src: ce(c) ?? c,
+          src: de(c) ?? c,
           alt: "",
           draggable: !1,
           loading: "lazy",
@@ -5623,7 +5625,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   // hero image errors, so `CardThumbnail` falls through to its placeholder.
   // Do NOT `?? images[0]` here — that would re-instate the failed URL.
   /* @__PURE__ */ n(
-    Ie,
+    Te,
     {
       variant: e,
       thumbnailUrl: r,
@@ -5647,20 +5649,20 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   const h = Ys({
     imagePresentation: i,
     images: r
-  }), m = r.length > 0, g = m && h === "hero", c = Ge({
+  }), m = r.length > 0, g = m && h === "hero", c = Ye({
     variant: e,
     accentColor: d,
     layout: "featured",
     thumbnailUrl: g ? r[0] : void 0
   }), p = u === "single" || u === "end";
   return /* @__PURE__ */ n(
-    xt,
+    wt,
     {
       accentHex: c.accentHex,
       side: e === "dark" ? "sender" : "receiver",
       visible: p,
       children: /* @__PURE__ */ f(
-        Ee,
+        Ie,
         {
           variant: e,
           accentHex: c.accentHex,
@@ -5734,7 +5736,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   "div",
   {
     "data-dd-privacy": "mask",
-    className: N(
+    className: k(
       "relative px-4 py-3",
       "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]",
       r
@@ -5779,7 +5781,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: N(
+    className: k(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -5801,7 +5803,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   const l = Ws(e);
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ f("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      _e,
+      ye,
       {
         id: o || "account",
         name: o || "Account",
@@ -5839,34 +5841,34 @@ export {
   sr as E,
   co as F,
   _a as G,
-  it as L,
+  lt as L,
   no as M,
   lo as R,
-  Ne as a,
-  _e as b,
+  ke as a,
+  ye as b,
   Sl as c,
   Zn as d,
   so as e,
   Gl as f,
-  de as g,
-  Pe as h,
-  ke as i,
+  ue as g,
+  Fe as h,
+  Ce as i,
   oo as j,
   to as k,
   io as l,
   ei as m,
   Zr as n,
-  ce as o,
+  de as o,
   kl as p,
   Qr as q,
-  ve as r,
+  xe as r,
   kn as s,
-  Ve as t,
+  Ge as t,
   Na as u,
   ao as v,
   Da as w,
   _n as x,
-  ut as y,
-  mt as z
+  mt as y,
+  ht as z
 };
-//# sourceMappingURL=index-Dr_5Q52K.js.map
+//# sourceMappingURL=index-CBGh9Qyj.js.map