@linktr.ee/messaging-react 4.1.2 → 4.1.3-rc-1786778288

package/dist/{index-C1cbPKI7.js → index-DFykbijs.js}

@@ -1,11 +1,11 @@
-import { jsx as n, jsxs as f, Fragment as K } from "react/jsx-runtime";
-import z, { createContext as je, useContext as xe, useCallback as X, useState as B, useRef as V, useEffect as W, useId as rs, Suspense as is, useMemo as le } 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 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 zs, useAIState as Fs, 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 { 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 oe } from "react";
+import { StreamChatService as os } from "@linktr.ee/messaging-core";
+import { StreamChat as ls, 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 le, 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 Xs, SpinnerGapIcon as Oe, SignOutIcon as qs, ProhibitInsetIcon as Wt, FlagIcon as fn, CurrencyDollarIcon as Ks, 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 { 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 oa, CircleNotchIcon as be, PlayIcon as rt, PauseIcon as la, LinkIcon as ca, DownloadSimpleIcon as Se, 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({
   service: null,
@@ -17,29 +17,29 @@ const xn = je({
   refreshConnection: async () => {
   },
   debug: !1
-}), ot = () => xe(xn), eo = ({
+}), lt = () => xe(xn), nl = ({
   children: e,
   user: t,
   serviceConfig: s,
   apiKey: a,
   capabilities: r = {},
   debug: i = !1,
-  client: o
+  client: l
 }) => {
   var S, C;
-  const l = X(
-    (A, ...P) => {
-      i && console.log(`🔥 [MessagingProvider] ${A}`, ...P);
+  const o = K(
+    (A, ...O) => {
+      i && console.log(`🔥 [MessagingProvider] ${A}`, ...O);
     },
     [i]
   );
-  l("🔄 RENDER START", {
+  o("🔄 RENDER START", {
     userId: t == null ? void 0 : t.id,
     apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [d, u] = B(null), [h, m] = B(null), [g, c] = B(!1), [p, w] = B(!1), [v, x] = B(null), b = V(!1), y = V(null), _ = V(s);
+  const [d, u] = $(null), [h, m] = $(null), [g, c] = $(!1), [p, w] = $(!1), [v, x] = $(null), b = V(!1), y = V(null), _ = V(s);
   _.current = s;
   const T = V(i);
   T.current = i;
@@ -49,7 +49,7 @@ const xn = je({
     serviceConfig: s,
     capabilities: r
   }), E = V(0);
-  E.current++, l("📊 RENDER INFO", {
+  E.current++, o("📊 RENDER INFO", {
     renderCount: E.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
@@ -64,118 +64,118 @@ const xn = je({
     serviceConfig: s,
     capabilities: r
   };
-  const $ = V(null);
-  !o && a && ((S = $.current) == null ? void 0 : S.apiKey) !== a && ($.current = { apiKey: a, client: new os(a) });
-  const F = o || (a ? ((C = $.current) == null ? void 0 : C.client) ?? null : null);
+  const z = V(null);
+  !l && a && ((S = z.current) == null ? void 0 : S.apiKey) !== a && (z.current = { apiKey: a, client: new ls(a) });
+  const F = l || (a ? ((C = z.current) == null ? void 0 : C.client) ?? null : null);
   W(() => {
-    const A = E.current, P = _.current;
-    if (o) {
+    const A = E.current, O = _.current;
+    if (l) {
       y.current = null, u(null), m(null), c(!1), x(null), w(!1);
       return;
     }
-    if (!a || !F || !P) {
-      l("⚠️ SERVICE INIT SKIPPED", {
+    if (!a || !F || !O) {
+      o("⚠️ SERVICE INIT SKIPPED", {
         renderCount: A,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
-    l("🚀 CREATING SERVICE", {
+    o("🚀 CREATING SERVICE", {
       renderCount: A,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const U = new ls({
-      ...P,
+    const B = new os({
+      ...O,
       apiKey: a,
       debug: T.current,
       client: F
     });
-    y.current = U, u(U), l("✅ SERVICE SET", {
+    y.current = B, u(B), o("✅ SERVICE SET", {
       renderCount: A,
-      serviceInstance: !!U
+      serviceInstance: !!B
     });
-  }, [a, F, o]);
+  }, [a, F, l]);
   const R = V(null);
   W(() => {
-    var P, U;
-    if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
+    var O, B;
+    if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
       isConnecting: b.current,
       isConnected: g,
       dependencies: { service: !!d, userId: t == null ? void 0 : t.id }
-    }), o)
+    }), l)
       return;
     if (!d || !t) {
-      l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
+      o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
     if (b.current) {
-      l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
+      o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((P = R.current) == null ? void 0 : P.serviceId) === d && ((U = R.current) == null ? void 0 : U.userId) === t.id) {
-      l(
+    if (((O = R.current) == null ? void 0 : O.serviceId) === d && ((B = R.current) == null ? void 0 : B.userId) === t.id) {
+      o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
       );
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
       try {
-        l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
+        o("📞 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", {
+        m(G), c(!0), R.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: G.userID
         });
       } catch (G) {
         const ee = G instanceof Error ? G.message : "Connection failed";
-        x(ee), l("❌ USER CONNECTION ERROR", {
+        x(ee), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: ee
         });
       } finally {
-        w(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        w(!1), b.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: g
         });
       }
     })();
-  }, [d, t, l, g, o]), W(() => {
+  }, [d, t, o, g, l]), W(() => {
     const A = F;
     return () => {
-      var P;
-      A && (R.current = null, (P = y.current) == null || P.disconnectUser().catch(console.error));
+      var O;
+      A && (R.current = null, (O = y.current) == null || O.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const I = X(async () => {
-    if (l("🔄 REFRESH CONNECTION CALLED", {
+  const I = K(async () => {
+    if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
-    }), !o) {
+    }), !l) {
       if (!d || !t) {
-        l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
+        o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
         return;
       }
-      l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
+      o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
       try {
-        l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
+        o("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
         const A = await d.connectUser(t);
-        m(A), c(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+        m(A), c(!0), x(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
       } catch (A) {
-        const P = A instanceof Error ? A.message : "Refresh failed";
-        x(P), l("❌ CONNECTION REFRESH ERROR", {
+        const O = A instanceof Error ? A.message : "Refresh failed";
+        x(O), o("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
-          error: P
+          error: O
         });
       } finally {
-        w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+        w(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, l, o]), M = z.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, o, l]), M = P.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!h,
     isConnected: g,
@@ -187,31 +187,31 @@ const xn = je({
     // its lifecycle and there is no backend to reach. Suppressing it stops
     // service-dependent paths (channel creation, block/unblock) from calling
     // a stale apiKey-path service if the same provider previously connected.
-    service: o ? null : d,
+    service: l ? null : d,
     // An injected client is already connected and owns its lifecycle, so
     // surface it directly and report a clean connected state — the apiKey
     // path's `client`/`isLoading`/`error` (from connectUser) must not leak
     // through if the same provider previously attempted an apiKey connect.
-    client: o ?? h,
-    isConnected: o ? !0 : g,
-    isLoading: o ? !1 : p,
-    error: o ? null : v,
+    client: l ?? h,
+    isConnected: l ? !0 : g,
+    isLoading: l ? !1 : p,
+    error: l ? null : v,
     capabilities: r,
     refreshConnection: I,
     debug: i
   }), [
     d,
     h,
-    o,
+    l,
     g,
     p,
     v,
     r,
     I,
     i,
-    l
+    o
   ]);
-  return l("🔄 RENDER END", {
+  return o("🔄 RENDER END", {
     renderCount: E.current,
     willRenderChat: !!F,
     contextValueReady: !!M
@@ -225,22 +225,22 @@ const xn = je({
       children: e
     }
   ) : e });
-}, _a = () => ot(), wn = (e) => {
+}, _a = () => lt(), wn = (e) => {
   var a, r;
-  const [t, s] = B(
+  const [t, s] = $(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return W(() => {
-    var o;
+    var l;
     if (!e) {
       s(!1);
       return;
     }
-    s(!!((o = e.state.membership) != null && o.pinned_at));
-    const i = (l) => {
+    s(!!((l = e.state.membership) != null && l.pinned_at));
+    const i = (o) => {
       var d;
       s(
-        l != null && l.member ? !!l.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
+        o != null && o.member ? !!o.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
       );
     };
     return e.on("member.updated", i), () => {
@@ -253,8 +253,8 @@ function _n(e, t, s) {
   if (hn(s)) {
     const r = a.find(
       (i) => {
-        var o;
-        return ((o = i.user) == null ? void 0 : o.id) === Vs;
+        var l;
+        return ((l = i.user) == null ? void 0 : l.id) === Vs;
       }
     );
     if (r) return r;
@@ -270,14 +270,14 @@ const ya = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]
 function Na(e) {
   return ya.test(e.trim());
 }
-function Xt(e, t) {
+function Kt(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !Na(s);
 }
 function yn(e) {
-  return Xt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Xt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+  return Kt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Kt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const qt = [
+const Xt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -314,7 +314,7 @@ function ka(e) {
   return Math.abs(t);
 }
 function Nn(e) {
-  return qt[ka(e) % qt.length];
+  return Xt[ka(e) % Xt.length];
 }
 function Ca(e) {
   return Nn(e).emoji;
@@ -329,9 +329,9 @@ const _e = ({
   className: a,
   starred: r = !1,
   shape: i = "squircle",
-  dmAgentEnabled: o = !1
+  dmAgentEnabled: l = !1
 }) => {
-  const l = Ca(e), d = Sa(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, p = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ n(
+  const o = Ca(e), d = Sa(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, p = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ n(
     "div",
     {
       "aria-hidden": "true",
@@ -339,7 +339,7 @@ const _e = ({
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
       style: { fontSize: m, lineHeight: 1 },
-      children: l
+      children: o
     }
   ) });
   return /* @__PURE__ */ f(
@@ -369,7 +369,7 @@ const _e = ({
             className: N("h-full w-full", "bg-transparent"),
             style: {
               ...c,
-              ...o && {
+              ...l && {
                 borderWidth: `${g}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
@@ -389,14 +389,14 @@ const _e = ({
   enabled: a = !0,
   onLeaveConversation: r,
   onBlockParticipant: i,
-  onDeleteConversationClick: o,
-  onBlockParticipantClick: l,
+  onDeleteConversationClick: l,
+  onBlockParticipantClick: o,
   onReportParticipantClick: d,
   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] = B(!1), [x, b] = B(null), [y, _] = B(!1), [T, L] = B(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
+  const { service: m, debug: g } = lt(), 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(() => {
     if (!p || !m || !c) {
       v(!1), b(null);
@@ -428,7 +428,7 @@ const _e = ({
     handleLeaveConversation: async () => {
       var S;
       if (!y) {
-        o == null || o(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
+        l == null || l(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
         try {
           const C = ((S = e._client) == null ? void 0 : S.userID) ?? null;
           await e.hide(C, !1), r && await r(e), u == null || u();
@@ -442,11 +442,11 @@ const _e = ({
     handleBlockUser: async () => {
       var S, C, A;
       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);
+        o == null || o(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!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();
-        } catch (P) {
-          console.error(`[${h}] Failed to block member`, P);
+        } catch (O) {
+          console.error(`[${h}] Failed to block member`, O);
         } finally {
           L(!1);
         }
@@ -455,11 +455,11 @@ const _e = ({
     handleUnblockUser: async () => {
       var S, C, A;
       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);
+        o == null || o(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!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();
-        } catch (P) {
-          console.error(`[${h}] Failed to unblock member`, P);
+        } catch (O) {
+          console.error(`[${h}] Failed to unblock member`, O);
         } finally {
           L(!1);
         }
@@ -493,14 +493,14 @@ const _e = ({
   showBlockParticipant: a = !0,
   showReportParticipant: r = !0,
   onLeaveConversation: i,
-  onBlockParticipant: o,
-  onDeleteConversationClick: l,
+  onBlockParticipant: l,
+  onDeleteConversationClick: o,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = B(!1), p = V(null), w = rs(), v = X(() => c(!1), []), {
+  const [g, c] = $(!1), p = V(null), w = rs(), v = K(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: b,
     isLeaving: y,
@@ -508,15 +508,15 @@ const _e = ({
     handleLeaveConversation: T,
     handleBlockUser: L,
     handleUnblockUser: E,
-    handleReportUser: $
+    handleReportUser: z
   } = Ia({
     channel: e,
     participant: t,
     showBlockParticipant: a,
     enabled: g,
     onLeaveConversation: i,
-    onBlockParticipant: o,
-    onDeleteConversationClick: l,
+    onBlockParticipant: l,
+    onDeleteConversationClick: o,
     onBlockParticipantClick: d,
     onReportParticipantClick: u,
     onActionComplete: v,
@@ -543,7 +543,7 @@ const _e = ({
         "aria-controls": g ? w : void 0,
         onClick: () => c((R) => !R),
         children: [
-          /* @__PURE__ */ n(Xs, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(Ks, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -565,7 +565,7 @@ const _e = ({
               disabled: y,
               "aria-busy": y,
               children: [
-                y ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(qs, { className: "h-5 w-5" }),
+                y ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Xs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -600,7 +600,7 @@ const _e = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(Ne, { variant: "danger", onClick: $, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(Ne, { variant: "danger", onClick: z, children: [
             /* @__PURE__ */ n(fn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -609,15 +609,15 @@ const _e = ({
       }
     )
   ] });
-}, Ke = "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 = ({
+}, 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 = ({
   className: e,
   onBack: t,
   showBackButton: s,
   showStarButton: a = !1,
   onLeaveConversation: r,
   onBlockParticipant: i,
-  showDeleteConversation: o = !0,
-  showBlockParticipant: l = !0,
+  showDeleteConversation: l = !0,
+  showBlockParticipant: o = !0,
   showReportParticipant: d = !0,
   onDeleteConversationClick: u,
   onBlockParticipantClick: h,
@@ -628,7 +628,7 @@ const _e = ({
   onParticipantNameClick: w
 }) => {
   var I, M, S, C;
-  const { channel: v } = we(), { client: x } = He(), b = z.useMemo(
+  const { channel: v } = we(), { client: x } = He(), b = P.useMemo(
     () => {
       var A;
       return _n(
@@ -638,7 +638,7 @@ const _e = ({
       );
     },
     [(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, $ = L || E || !!w, F = async () => {
+  ), 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 () => {
     try {
       T ? await v.unpin() : await v.pin();
     } catch (A) {
@@ -647,7 +647,7 @@ const _e = ({
         A
       );
     }
-  }, R = /* @__PURE__ */ f(K, { children: [
+  }, R = /* @__PURE__ */ f(q, { children: [
     /* @__PURE__ */ n(
       _e,
       {
@@ -664,17 +664,17 @@ const _e = ({
       {
         className: N(
           "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",
-          $ ? "pl-3 pr-2" : "px-3"
+          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 }),
-          $ && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
+          z && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
             L && /* @__PURE__ */ n(
               "span",
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ n(Ks, { className: "size-2.5", weight: "bold" })
+                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(
@@ -710,7 +710,7 @@ const _e = ({
           "button",
           {
             className: N(
-              Ke,
+              qe,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
             onClick: t || (() => {
@@ -734,7 +734,7 @@ const _e = ({
           a && /* @__PURE__ */ n(
             "button",
             {
-              className: Ke,
+              className: qe,
               onClick: F,
               type: "button",
               "aria-pressed": T,
@@ -756,8 +756,8 @@ const _e = ({
             {
               channel: v,
               participant: b,
-              showDeleteConversation: o,
-              showBlockParticipant: l,
+              showDeleteConversation: l,
+              showBlockParticipant: o,
               showReportParticipant: d,
               onLeaveConversation: r,
               onBlockParticipant: i,
@@ -765,7 +765,7 @@ const _e = ({
               onBlockParticipantClick: h,
               onReportParticipantClick: m,
               customChannelActions: g,
-              triggerClassName: Ke
+              triggerClassName: qe
             }
           ))
         ] })
@@ -784,7 +784,7 @@ function kn({
   const s = e == null ? void 0 : e.text, a = Da(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Oa = ["linktr.ee"], Kt = "messaging-attachment-v1_0";
+const Oa = ["linktr.ee"], qt = "messaging-attachment-v1_0";
 function Pa(e) {
   try {
     return new URL(e).hostname.toLowerCase();
@@ -792,7 +792,7 @@ function Pa(e) {
     return null;
   }
 }
-function za(e) {
+function Fa(e) {
   return Oa.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
@@ -801,11 +801,11 @@ function ce(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
   const s = Pa(t);
-  if (!s || !za(s)) return t;
+  if (!s || !Fa(s)) return t;
   const a = new URL(t);
-  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Kt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Kt), a.toString());
+  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === qt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", qt), a.toString());
 }
-const Fa = [
+const za = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -819,7 +819,7 @@ function de(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Cn(e) {
-  const t = Fa.find(
+  const t = za.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
@@ -830,7 +830,7 @@ const $a = {
   image: Js,
   document: pn
 }, Ba = {
-  pdf: la,
+  pdf: oa,
   doc: ia,
   xls: ra,
   csv: aa,
@@ -845,7 +845,7 @@ function Ua(e) {
   return t !== "document" ? $a[t] : Ba[Cn(e)];
 }
 function ve(e, t) {
-  return z.createElement(Ua(e), t);
+  return P.createElement(Ua(e), t);
 }
 const ja = (e) => {
   var t, s;
@@ -857,14 +857,14 @@ const ja = (e) => {
   autoPlay: a = !1,
   playing: r,
   loop: i = !1,
-  controls: o = !0,
-  showProgress: l = !1,
+  controls: l = !0,
+  showProgress: o = !1,
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const h = de(t), m = V(null), g = V(null), c = V(null), p = V(r), [w, v] = B(a), [x, b] = B(0), [y, _] = B(!1), [T, L] = B(!1), [E, $] = B(!1), [F, R] = B(!1), [I, M] = B(!0), [S, C] = B(null), A = X(() => {
-    $(!1), v(!0);
-  }, []), P = X((k) => {
+  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(() => {
+    z(!1), v(!0);
+  }, []), O = K((k) => {
     const D = g.current;
     if (!D) return 0;
     const Y = D.getBoundingClientRect();
@@ -872,18 +872,18 @@ const ja = (e) => {
       0,
       Math.min(1, (ja(k) - Y.left) / Y.width)
     );
-  }, []), U = X((k) => {
+  }, []), B = K((k) => {
     const D = m.current;
     D && D.duration && (D.currentTime = k * D.duration);
   }, []), G = (k) => {
     k.stopPropagation(), _(!0);
-    const D = P(k);
-    b(D), U(D);
-  }, ee = X(
+    const D = O(k);
+    b(D), B(D);
+  }, ee = K(
     (k) => {
-      k.key === "ArrowRight" && U(Math.min(1, x + 0.05)), k.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
+      k.key === "ArrowRight" && B(Math.min(1, x + 0.05)), k.key === "ArrowLeft" && B(Math.max(0, x - 0.05));
     },
-    [U, x]
+    [B, x]
   );
   W(() => {
     r !== void 0 && r !== p.current && (p.current = r, v(r));
@@ -902,18 +902,18 @@ const ja = (e) => {
   }, [w, y]), W(() => {
     const k = m.current;
     k && (w ? k.play().catch((D) => {
-      v(!1), $(!0);
+      v(!1), z(!0);
     }) : k.pause());
   }, [w]), W(() => {
     if (!y) return;
-    const k = (Y) => b(P(Y)), D = (Y) => {
-      _(!1), U(P(Y));
+    const k = (Y) => b(O(Y)), D = (Y) => {
+      _(!1), B(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);
     };
-  }, [y, P, U]);
-  const Z = S ? { aspectRatio: String(S) } : void 0, J = S ? "" : " aspect-video", H = Math.round(x * 100);
+  }, [y, O, B]);
+  const Z = S ? { aspectRatio: String(S) } : void 0, J = S ? "" : " aspect-video", j = Math.round(x * 100);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -926,7 +926,7 @@ const ja = (e) => {
           u(k);
           return;
         }
-        E || o && v((D) => !D);
+        E || l && v((D) => !D);
       },
       onKeyDown: (k) => {
         if (!(k.key !== "Enter" && k.key !== " ")) {
@@ -934,7 +934,7 @@ const ja = (e) => {
             u(k);
             return;
           }
-          E || o && v((D) => !D);
+          E || l && v((D) => !D);
         }
       },
       children: [
@@ -963,7 +963,7 @@ const ja = (e) => {
               R(!1), M(!1);
             },
             onWaiting: () => R(!0),
-            onPlay: () => $(!1),
+            onPlay: () => z(!1),
             onEnded: () => {
               i || (v(!1), b(0));
             },
@@ -983,7 +983,7 @@ const ja = (e) => {
               R(!1), M(!1);
             },
             onWaiting: () => R(!0),
-            onPlay: () => $(!1),
+            onPlay: () => z(!1),
             onLoadedMetadata: () => {
               const k = m.current;
               k instanceof HTMLVideoElement && k.videoWidth && k.videoHeight && C(k.videoWidth / k.videoHeight);
@@ -1001,7 +1001,7 @@ const ja = (e) => {
             weight: "bold"
           }
         ) }),
-        E && !o && /* @__PURE__ */ n(
+        E && !l && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1017,12 +1017,12 @@ const ja = (e) => {
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(rt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
-        l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
+        o && !l && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
           "div",
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": H,
+            "aria-valuenow": j,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -1036,12 +1036,12 @@ const ja = (e) => {
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${H}%` }
+                style: { width: `${j}%` }
               }
             ) })
           }
         ) }),
-        o && /* @__PURE__ */ f("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
+        l && /* @__PURE__ */ f("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
           /* @__PURE__ */ n(
             "button",
             {
@@ -1051,7 +1051,7 @@ const ja = (e) => {
               },
               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(la, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1059,7 +1059,7 @@ const ja = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": H,
+              "aria-valuenow": j,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -1080,7 +1080,7 @@ const ja = (e) => {
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${H}%` }
+                        style: { width: `${j}%` }
                       }
                     )
                   }
@@ -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: `${H}%` }
+                    style: { left: `${j}%` }
                   }
                 )
               ]
@@ -1106,10 +1106,10 @@ const ja = (e) => {
   title: a,
   variant: r,
   mediaPlayerProps: i,
-  containedImage: o = !1
+  containedImage: l = !1
 }) => {
-  const l = de(e), [d, u] = B(!1), h = ce(t), m = ce(s);
-  return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
+  const o = de(e), [d, u] = $(!1), h = ce(t), m = ce(s);
+  return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
     Ha,
     {
       source: t,
@@ -1118,7 +1118,7 @@ const ja = (e) => {
       controls: !0,
       ...i
     }
-  ) : t && l === "image" ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && o === "image" ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
     "img",
     {
       src: h ?? t,
@@ -1135,7 +1135,7 @@ const ja = (e) => {
       className: "block w-full",
       draggable: !1
     }
-  ) : t && l === "document" ? s ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
+  ) : t && o === "document" ? s ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
     "img",
     {
       src: m ?? s,
@@ -1186,8 +1186,8 @@ const ja = (e) => {
   placeholderTitle: a = "Attachment title",
   mimeType: r,
   detail: i,
-  statusBadge: o,
-  action: l,
+  statusBadge: l,
+  action: o,
   topLeft: d,
   topRight: u,
   rootRef: h,
@@ -1237,9 +1237,9 @@ const ja = (e) => {
                 children: i
               }
             ),
-            o
+            l
           ] }),
-          l
+          o
         ] })
       ]
     }
@@ -1260,14 +1260,14 @@ function Ya(e) {
 function Wa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Xa(e) {
+function Ka(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function qa(e) {
+function Xa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const dt = ({ 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(z.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ f(P.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1279,7 +1279,7 @@ const dt = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${Ga(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(ca, { className: `size-12 ${qa(t)}` })
+        children: /* @__PURE__ */ n(ca, { className: `size-12 ${Xa(t)}` })
       }
     ) }),
     /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
@@ -1300,7 +1300,7 @@ const dt = ({ attachment: e, isMyMessage: t }) => {
       d && /* @__PURE__ */ n(
         "p",
         {
-          className: `mt-1 truncate text-[12px] leading-4 ${Xa(t)}`,
+          className: `mt-1 truncate text-[12px] leading-4 ${Ka(t)}`,
           children: d
         }
       )
@@ -1325,7 +1325,7 @@ function ut(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(Ve);
 }
-async function Ka(e, t) {
+async function qa(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1334,25 +1334,25 @@ async function Ka(e, t) {
   }
   const a = await fetch(e, { mode: "cors" });
   if (!a.ok) throw new Error(`HTTP ${a.status}`);
-  const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
-  o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
+  const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
+  l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
 const Za = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = B(!1);
+  const [s, a] = $(!1);
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: (i) => {
         i.stopPropagation();
-        const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Ka(e, t).then(() => {
-          o == null || o.close();
+        const l = window.open("", "_blank", "noopener,noreferrer");
+        a(!0), qa(e, t).then(() => {
+          l == null || l.close();
         }).catch(() => {
-          o && (o.location.href = e);
+          l && (l.location.href = e);
         }).finally(() => a(!1));
       },
       disabled: s,
@@ -1363,7 +1363,7 @@ const Za = ({
           className: "size-4 animate-spin text-white",
           weight: "bold"
         }
-      ) : /* @__PURE__ */ f(z.Fragment, { children: [
+      ) : /* @__PURE__ */ f(P.Fragment, { children: [
         /* @__PURE__ */ n(Se, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1380,12 +1380,12 @@ function mt(e) {
     (w) => w.type === "audio" && w.asset_url
   ), r = (p = e.attachments) == null ? void 0 : p.find(
     (w) => w.type === "file" && w.asset_url
-  ), i = t ?? s ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
-  if (!o) return null;
-  const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, u = i == null ? void 0 : i.file_size, h = t == null ? void 0 : t.thumb_url;
+  ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
+  if (!l) return null;
+  const o = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, u = i == null ? void 0 : i.file_size, h = t == null ? void 0 : t.thumb_url;
   return {
-    resolvedUrl: o,
-    resolvedType: l,
+    resolvedUrl: l,
+    resolvedType: o,
     title: d,
     fileSize: u,
     thumbnailUrl: h
@@ -1426,14 +1426,14 @@ const Tn = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = de(t), o = a !== void 0 ? In(a) : void 0;
+  const i = de(t), l = a !== void 0 ? In(a) : void 0;
   return /* @__PURE__ */ n(
     En,
     {
       variant: "light",
       title: s,
       mimeType: t,
-      detail: o,
+      detail: l,
       thumbnail: /* @__PURE__ */ n(
         Sn,
         {
@@ -1507,24 +1507,24 @@ const Tn = ({
     return /* @__PURE__ */ n("div", { className: ct(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !1 }) });
   const s = mt(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(An, { ...s }) }) : null;
-}, to = Object.assign(Ja, {
+}, sl = Object.assign(Ja, {
   Creator: Qa,
   Visitor: er
 }), tr = {
   isUnlocking: () => !1
 }, nr = {
   LockedAttachment: tr
-}, Rn = je({}), no = Rn.Provider;
+}, Rn = je({}), al = Rn.Provider;
 function sr(e) {
   return xe(Rn)[e] ?? nr[e];
 }
-const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import("./Card-BXlNaNGk.js")), ir = () => /* @__PURE__ */ n(
+const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import("./Card-avnlyzrl.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(
+), Pe = (e) => /* @__PURE__ */ n(is, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), or = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1541,25 +1541,25 @@ const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import(
       }
     )
   }
-), or = (e) => {
+), lr = (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) === le.TIP;
 }, Ln = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.PAID;
-}, Fe = (e) => {
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.PAID;
+}, ze = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.CHATBOT;
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.CHATBOT;
 }, ht = (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) === le.ATTACHMENT;
 }, cr = (e) => {
   var t;
   return ht(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";
-}, Mn = (e) => or(e) || Ln(e), ur = (e) => {
+}, Mn = (e) => lr(e) || Ln(e), ur = (e) => {
   var t;
   return Mn(e) && !((t = e.text) != null && t.trim());
 }, Ze = ({
@@ -1569,7 +1569,7 @@ const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var g;
-  const r = Mn(e), i = Fe(e);
+  const r = Mn(e), i = ze(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -1581,16 +1581,16 @@ const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import(
       /* @__PURE__ */ n("span", { children: v })
     ] });
   }
-  const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", u = o ? "justify-end gap-2 text-black/30" : s ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", h = /* @__PURE__ */ n("span", { className: "text-left", children: l }), m = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(lr, { size: o ? 12 : 15 }) });
+  const l = s && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", u = l ? "justify-end gap-2 text-black/30" : s ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", h = /* @__PURE__ */ n("span", { className: "text-left", children: o }), m = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(or, { size: l ? 12 : 15 }) });
   return /* @__PURE__ */ n(
     "div",
     {
       className: `${d} ${u}`,
       "data-testid": "message-chatbot-indicator",
-      children: s && !o ? /* @__PURE__ */ f(K, { children: [
+      children: s && !l ? /* @__PURE__ */ f(q, { children: [
         h,
         m
-      ] }) : /* @__PURE__ */ f(K, { children: [
+      ] }) : /* @__PURE__ */ f(q, { children: [
         m,
         h
       ] })
@@ -1630,10 +1630,10 @@ const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import(
     if (!i || s.has(i))
       continue;
     s.add(i);
-    const o = t(i);
-    o && (a ?? (a = {}), a[i] = {
-      id: o.id,
-      ...o.name !== void 0 ? { name: o.name } : {}
+    const l = t(i);
+    l && (a ?? (a = {}), a[i] = {
+      id: l.id,
+      ...l.name !== void 0 ? { name: l.name } : {}
     });
   }
   return a;
@@ -1645,12 +1645,12 @@ const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import(
   const s = Object.keys(e), a = Object.keys(t);
   return s.length !== a.length ? !1 : s.every(
     (r) => {
-      var i, o;
-      return e[r].id === ((i = t[r]) == null ? void 0 : i.id) && e[r].name === ((o = t[r]) == null ? void 0 : o.name);
+      var i, l;
+      return e[r].id === ((i = t[r]) == null ? void 0 : i.id) && e[r].name === ((l = t[r]) == null ? void 0 : l.name);
     }
   );
 }, pr = (e, t) => {
-  const s = fr(e, t), [a, r] = B(s);
+  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 = (() => {
@@ -1662,10 +1662,10 @@ const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import(
       }
   })();
   return e.id === s;
-}, Je = () => ft() ? /* @__PURE__ */ f(K, { children: [
+}, Je = () => ft() ? /* @__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(K, { children: [
+] }) : null, br = () => ft() ? /* @__PURE__ */ f(q, { children: [
   /* @__PURE__ */ n(
     be,
     {
@@ -1679,7 +1679,7 @@ const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import(
   outbound: e,
   onOutboundClick: t
 }) => {
-  const s = e.name || "Broadcast", r = /* @__PURE__ */ f(K, { children: [
+  const s = e.name || "Broadcast", r = /* @__PURE__ */ f(q, { children: [
     /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(ma, { weight: "fill" }) }),
     /* @__PURE__ */ n(
       "span",
@@ -1712,14 +1712,14 @@ const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import(
   var h;
   const { isMyMessage: s, message: a, threadList: r } = fe(
     "SentMessageDeliveryStatus"
-  ), i = s(), o = ft();
+  ), i = s(), l = ft();
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
     return /* @__PURE__ */ n(xr, {});
   if (!i)
     return null;
-  const l = (h = a.metadata) == null ? void 0 : h.outbound_id, d = a.status !== "sending" && a.status !== "failed" && l && t ? /* @__PURE__ */ n(
+  const o = (h = a.metadata) == null ? void 0 : h.outbound_id, d = a.status !== "sending" && a.status !== "failed" && o && t ? /* @__PURE__ */ n(
     vr,
     {
       outbound: t,
@@ -1736,7 +1736,7 @@ const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import(
   );
   return d ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
     u,
-    o && /* @__PURE__ */ n("span", { className: "sent-message-outbound-separator", "aria-hidden": "true", children: "•" }),
+    l && /* @__PURE__ */ n("span", { className: "sent-message-outbound-separator", "aria-hidden": "true", children: "•" }),
     d
   ] }) : u;
 }, _r = /^([a-z][a-z0-9+.-]*):/i, yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
@@ -1771,11 +1771,11 @@ const Nr = {
     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);
-  return l ? /* @__PURE__ */ n(
+  ), l = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), o = gt(t.href);
+  return o ? /* @__PURE__ */ n(
     "a",
     {
-      href: l,
+      href: o,
       target: "_blank",
       rel: "noopener noreferrer",
       onClick: (d) => {
@@ -1783,7 +1783,7 @@ const Nr = {
         d.stopPropagation(), (u = t.onClick) == null || u.call(t);
       },
       className: `${i} no-underline`,
-      children: o
+      children: l
     }
   ) : /* @__PURE__ */ n(
     "button",
@@ -1794,7 +1794,7 @@ const Nr = {
         d.stopPropagation(), (u = t.onClick) == null || u.call(t);
       },
       className: i,
-      children: o
+      children: l
     }
   );
 }, kr = {
@@ -1813,14 +1813,14 @@ const Nr = {
   title: a,
   placeholderTitle: r,
   description: i,
-  descriptionLines: o = 1,
-  url: l,
+  descriptionLines: l = 1,
+  url: o,
   appIcon: d,
   cta: u,
   trailingAction: h,
   isLoading: m = !1
 }) => {
-  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;
+  const g = e === "dark", c = a ?? (g ? r : void 0) ?? "", p = c.trim() !== "", w = i != null && i.trim() !== "", v = typeof o == "string" ? o.trim() : "", x = v !== "", b = u != null;
   if (!m && !p && !w && !x && !b)
     return null;
   const y = g && !a, _ = N(
@@ -1831,7 +1831,7 @@ const Nr = {
     s == null && Qt[e]
   ), L = N(
     "text-[12px] leading-4 tracking-[0.24px]",
-    o <= 1 && "truncate",
+    l <= 1 && "truncate",
     s == null && Qt[e]
   );
   if (m) {
@@ -1844,11 +1844,11 @@ const Nr = {
       /* @__PURE__ */ n("div", { className: N("h-4 w-1/2", F), "aria-hidden": !0 })
     ] }) });
   }
-  const E = s ? { color: s } : void 0, $ = o > 1 ? {
+  const E = s ? { color: s } : void 0, z = l > 1 ? {
     ...E,
     display: "-webkit-box",
     WebkitBoxOrient: "vertical",
-    WebkitLineClamp: o,
+    WebkitLineClamp: l,
     overflow: "hidden"
   } : E;
   return /* @__PURE__ */ f("div", { className: "shrink-0 px-4 py-3", children: [
@@ -1865,7 +1865,7 @@ const Nr = {
             }
           )
         ] }),
-        w && /* @__PURE__ */ n("p", { className: L, style: $, children: i }),
+        w && /* @__PURE__ */ n("p", { className: L, style: z, children: i }),
         !b && x && /* @__PURE__ */ n("p", { className: T, style: E, children: v })
       ] }),
       h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
@@ -1889,8 +1889,8 @@ const Nr = {
   onClick: a,
   ariaLabel: r,
   rootRef: i,
-  topRight: o,
-  bgClassName: l,
+  topRight: l,
+  bgClassName: o,
   accentHex: d,
   fixedHeight: u = !1,
   busy: h = !1,
@@ -1916,12 +1916,12 @@ const Nr = {
     // `--str-chat__own-message-bubble-background-color` and `#f1f0ee` is
     // `--str-chat__message-bubble-background-color`, mirrored by the bubble
     // tail's own fills in `styles.css`.
-    l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-[#f1f0ee]"),
+    o ?? (e === "dark" ? "bg-[#1e2330]" : "bg-[#f1f0ee]"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
     g ? "cursor-pointer no-underline focus-ring" : null
-  ), p = h ? { role: "status", "aria-busy": !0, "aria-label": Er } : void 0, w = d ? { "--accent": d } : void 0, v = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
+  ), p = h ? { role: "status", "aria-busy": !0, "aria-label": Er } : void 0, w = d ? { "--accent": d } : void 0, v = l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
   return s ? /* @__PURE__ */ f(
     "a",
     {
@@ -1989,12 +1989,12 @@ const Nr = {
   title: a,
   mimeType: r = "image/*",
   topLeft: i,
-  topRight: o,
-  isLoading: l = !1,
+  topRight: l,
+  isLoading: o = !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(
+  return !o && Te(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -2014,7 +2014,7 @@ const Nr = {
         h && "bg-black"
       ),
       children: [
-        l ? (
+        o ? (
           // Reuses the placeholder fill: a fixed `bg-black/[0.06]` would be
           // invisible on the dark card's dark surface. Stock Tailwind only
           // — `animate-shimmer` exists in this package's own tailwind config but
@@ -2030,7 +2030,7 @@ const Nr = {
               "aria-hidden": !0
             }
           )
-        ) : h ? /* @__PURE__ */ f(K, { children: [
+        ) : h ? /* @__PURE__ */ f(q, { children: [
           /* @__PURE__ */ n(
             "video",
             {
@@ -2078,7 +2078,7 @@ const Nr = {
           }
         ),
         i ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-10", children: i }) : null,
-        o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null
+        l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null
       ]
     }
   );
@@ -2098,17 +2098,17 @@ function Ge({
   layout: a = "featured",
   thumbnailUrl: r,
   mimeType: i,
-  sourceUrl: o
+  sourceUrl: l
 }) {
-  const [l, d] = z.useState(!1);
-  z.useEffect(() => {
+  const [o, d] = P.useState(!1);
+  P.useEffect(() => {
     d(!1);
   }, [r]);
-  const u = z.useCallback(() => {
+  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 = Te(i, l), c = a === "featured" && !!r && !h && !o && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? Pn : Dr[e];
   return {
-    thumbnailUrl: l ? void 0 : r,
+    thumbnailUrl: o ? void 0 : r,
     accentHex: c,
     chinTextColor: p,
     surface: h ? "light" : e,
@@ -2116,15 +2116,15 @@ function Ge({
     onImageError: u
   };
 }
-const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Pr = "relative before:absolute before:-inset-[10px] before:content-['']", zr = ({
+const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Pr = "relative before:absolute before:-inset-[10px] before:content-['']", Fr = ({
   title: e,
   placeholderTitle: t,
   description: s,
   descriptionLines: a,
   url: r,
   mimeType: i,
-  thumbnailUrl: o,
-  sourceUrl: l,
+  thumbnailUrl: l,
+  sourceUrl: o,
   layout: d = "featured",
   appIcon: u,
   cta: h,
@@ -2134,14 +2134,14 @@ 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 = Te(i, o), b = Ge({
     variant: "dark",
     accentColor: m,
     status: g,
     layout: d,
-    thumbnailUrl: o,
+    thumbnailUrl: l,
     mimeType: i,
-    sourceUrl: l
+    sourceUrl: o
   }), y = c ? /* @__PURE__ */ n(
     "button",
     {
@@ -2152,7 +2152,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         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",
@@ -2169,7 +2169,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       Ie,
       {
         variant: "dark",
-        sourceUrl: l,
+        sourceUrl: o,
         title: e,
         mimeType: i
       }
@@ -2189,7 +2189,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           {
             variant: "dark",
             thumbnailUrl: b.thumbnailUrl,
-            sourceUrl: l,
+            sourceUrl: o,
             title: e,
             mimeType: i,
             topRight: y,
@@ -2242,15 +2242,15 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ n(K, { children: a }), Fr = ({
+) : /* @__PURE__ */ n(q, { children: a }), zr = ({
   title: e,
   description: t,
   descriptionLines: s,
   url: a,
   mimeType: r,
   thumbnailUrl: i,
-  sourceUrl: o,
-  layout: l = "featured",
+  sourceUrl: l,
+  layout: o = "featured",
   appIcon: d,
   cta: u,
   accentColor: h,
@@ -2258,7 +2258,7 @@ 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 = bt(r, l), w = gt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Te(r, l) ? vt : void 0, y = u && g ? {
     ...u,
     onClick: () => {
       var T;
@@ -2268,10 +2268,10 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     variant: "light",
     accentColor: h,
     status: m,
-    layout: l,
+    layout: o,
     thumbnailUrl: i,
     mimeType: r,
-    sourceUrl: o
+    sourceUrl: l
   });
   return /* @__PURE__ */ n(
     xt,
@@ -2286,18 +2286,18 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           href: v,
           onClick: x,
           ariaLabel: e ?? "Open attachment preview",
-          fixedHeight: l === "featured" && b == null,
+          fixedHeight: o === "featured" && b == null,
           accentHex: _.accentHex,
           busy: _.isLoading,
           bgClassName: b,
           "data-testid": "link-attachment",
           children: [
-            l === "featured" && /* @__PURE__ */ n(
+            o === "featured" && /* @__PURE__ */ n(
               Ie,
               {
                 variant: "light",
                 thumbnailUrl: _.thumbnailUrl,
-                sourceUrl: o,
+                sourceUrl: l,
                 title: e,
                 mimeType: r,
                 isLoading: _.isLoading,
@@ -2331,8 +2331,8 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   descriptionLines: a,
   url: r,
   mimeType: i,
-  thumbnailUrl: o,
-  sourceUrl: l,
+  thumbnailUrl: l,
+  sourceUrl: o,
   layout: d = "featured",
   appIcon: u,
   cta: h,
@@ -2341,14 +2341,14 @@ 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 = bt(i, o), 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, o), _ = Ge({
     variant: "dark",
     accentColor: m,
     status: g,
     layout: d,
-    thumbnailUrl: o,
+    thumbnailUrl: l,
     mimeType: i,
-    sourceUrl: l
+    sourceUrl: o
   });
   return /* @__PURE__ */ n(
     xt,
@@ -2372,7 +2372,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               {
                 variant: "dark",
                 thumbnailUrl: _.thumbnailUrl,
-                sourceUrl: l,
+                sourceUrl: o,
                 title: e,
                 mimeType: i,
                 isLoading: _.isLoading,
@@ -2401,9 +2401,9 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   );
 }, it = {
-  Composer: zr,
+  Composer: Fr,
   Sent: $r,
-  Received: Fr
+  Received: zr
 }, Br = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
@@ -2433,12 +2433,12 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   groupPosition: a = "single",
   widthClassName: r = "w-[280px]",
   paddingClassName: i = "px-2 py-2",
-  radiusClassName: o,
-  className: l,
+  radiusClassName: l,
+  className: o,
   children: d,
   "data-testid": u
 }) => {
-  const h = t != null && t !== "", m = o ?? Vr[Hr(e)][a];
+  const h = t != null && t !== "", m = l ?? Vr[Hr(e)][a];
   return /* @__PURE__ */ f(
     "div",
     {
@@ -2471,7 +2471,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         Ur[e],
         s && "border",
         s && jr[e],
-        l
+        o
       ),
       children: [
         d,
@@ -2514,9 +2514,9 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       "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", so = ({
+), Le = (e) => e === "received" ? "light" : "dark", rl = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -2544,20 +2544,20 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   filename: a,
   items: r,
   text: i,
-  groupPosition: o,
-  preload: l,
+  groupPosition: l,
+  preload: o,
   onDismiss: d
 }) => {
   const u = Le(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");
+  const g = o ?? (m.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
     Ae,
     {
       variant: u,
       text: i,
-      groupPosition: o,
+      groupPosition: l,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, p) => /* @__PURE__ */ n(
         Yr,
@@ -2574,10 +2574,10 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )) })
     }
   );
-}, Wr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), Kr = {
+}, 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 = {
   Composer: Wr,
-  Sent: Xr,
-  Received: qr
+  Sent: Kr,
+  Received: Xr
 };
 function Zr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
@@ -2631,15 +2631,15 @@ const ti = {
 }, si = {
   dark: "text-white/85",
   light: "text-black/85"
-}, zn = ({
+}, Fn = ({
   variant: e,
   filename: t,
   title: s,
   mimeType: a = "application/octet-stream",
   fileSize: r,
   onActivate: i,
-  activateLabel: o,
-  trailingAction: l
+  activateLabel: l,
+  trailingAction: o
 }) => {
   const d = s ?? t ?? "File", u = ei(a, t, r), h = /* @__PURE__ */ n(
     "div",
@@ -2671,7 +2671,7 @@ const ti = {
     {
       type: "button",
       onClick: i,
-      "aria-label": o,
+      "aria-label": l,
       className: N(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
@@ -2681,22 +2681,22 @@ const ti = {
         m
       ]
     }
-  ) : /* @__PURE__ */ f(K, { children: [
+  ) : /* @__PURE__ */ f(q, { children: [
     h,
     m
   ] });
   return /* @__PURE__ */ f("div", { className: "flex items-center gap-3 px-3 py-2", children: [
     g,
-    l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
+    o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function Fn(e, t) {
+async function zn(e, t) {
   const s = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
-    const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
-    o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
+    const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
+    l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
   } catch {
     if (!window.open(e, "_blank", "noopener,noreferrer")) {
       const r = document.createElement("a");
@@ -2720,7 +2720,7 @@ const ai = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    zn,
+    Fn,
     {
       variant: e,
       filename: i,
@@ -2739,8 +2739,8 @@ const ai = ({
   fileSize: a,
   mimeType: r,
   title: i,
-  items: o,
-  text: l,
+  items: l,
+  text: o,
   groupPosition: d,
   onClick: u,
   onDismiss: h
@@ -2751,13 +2751,13 @@ const ai = ({
     fileSize: a,
     mimeType: r,
     title: i,
-    items: o
+    items: l
   }), p = (v) => {
     if ((u == null ? void 0 : u(v)) === !1) return;
     const x = c[v];
     if (!x) return;
     const b = x.filename ?? re(x.src);
-    Fn(x.src, b);
+    zn(x.src, b);
   };
   if (c.length === 0)
     return null;
@@ -2776,7 +2776,7 @@ const ai = ({
     Ae,
     {
       variant: m,
-      text: l,
+      text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ n(
@@ -2792,16 +2792,16 @@ const ai = ({
       )) })
     }
   );
-}, 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(_t, { ...e, state: "composer" }), oi = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), ci = {
   Composer: ii,
-  Sent: li,
-  Received: oi
+  Sent: oi,
+  Received: li
 }, $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 = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ f(K, { children: [
+}) => /* @__PURE__ */ f(q, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -2829,16 +2829,16 @@ const ai = ({
   label: a = "Download",
   iconOnly: r,
   tone: i = "dark",
-  onTriggered: o
+  onTriggered: l
 }) => {
-  const [l, d] = B(!1), u = X(
+  const [o, d] = $(!1), u = K(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), Fn(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), zn(e, t).catch(() => {
       }).finally(() => {
-        d(!1), o == null || o();
+        d(!1), l == null || l();
       }));
     },
-    [l, e, t, o]
+    [o, e, t, l]
   ), h = r ?? s !== "pill", g = { className: N(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
@@ -2848,7 +2848,7 @@ const ai = ({
     {
       type: "button",
       onClick: u,
-      disabled: l,
+      disabled: o,
       "aria-label": a,
       className: N(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
@@ -2857,7 +2857,7 @@ const ai = ({
           light: "text-black/70 hover:bg-black/[0.08] hover:text-black"
         }[i]
       ),
-      children: l ? /* @__PURE__ */ n(
+      children: o ? /* @__PURE__ */ n(
         be,
         {
           className: "size-4 animate-spin",
@@ -2878,24 +2878,24 @@ const ai = ({
     {
       type: "button",
       onClick: u,
-      disabled: l,
+      disabled: o,
       "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: o ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ f(
     "button",
     {
       type: "button",
       onClick: u,
-      disabled: l,
+      disabled: o,
       "aria-label": h ? a : void 0,
       className: N(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
       children: [
-        l ? /* @__PURE__ */ n(
+        o ? /* @__PURE__ */ n(
           be,
           {
             className: "size-4 animate-spin",
@@ -2912,15 +2912,15 @@ const ai = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = Qe(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
+  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)));
   }, [e]);
-  const o = X(() => {
+  const l = K(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = X(() => {
+  }, [e]), o = K(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return W(() => {
@@ -2928,10 +2928,10 @@ const ai = ({
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
       const h = document.activeElement;
-      h && (h.tagName === "VIDEO" || h.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? o() : l());
+      h && (h.tagName === "VIDEO" || h.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? l() : o());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [s, e, o, l]), { index: r, prev: o, next: l };
+  }, [s, e, l, o]), { index: r, prev: l, next: o };
 }, kt = ({
   open: e,
   onClose: t,
@@ -2939,12 +2939,12 @@ const ai = ({
   counter: a,
   actions: r,
   children: i,
-  "data-testid": o
+  "data-testid": l
 }) => {
-  const l = V(null), d = V(null);
+  const o = V(null), d = V(null);
   return W(() => {
     var g;
-    const m = l.current;
+    const m = o.current;
     if (m) {
       if (e) {
         if (!m.open)
@@ -2990,15 +2990,15 @@ const ai = ({
   /* @__PURE__ */ f(
     "dialog",
     {
-      ref: l,
+      ref: o,
       className: "mes-media-viewer",
       "aria-label": s ?? "Attachment viewer",
-      "data-testid": o,
+      "data-testid": l,
       onClose: () => {
         t();
       },
       onClick: (m) => {
-        m.target === l.current && t();
+        m.target === o.current && t();
       },
       children: [
         /* @__PURE__ */ f("div", { className: "pointer-events-none absolute inset-x-3 top-3 z-[1] flex items-center justify-between gap-3", children: [
@@ -3013,7 +3013,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 })
               }
             )
           ] })
@@ -3028,15 +3028,15 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: l } = Nt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = le(
-    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
-    [l]
+  }), o = t[r], d = oe(
+    () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "image"),
+    [o]
   );
-  return l ? /* @__PURE__ */ f(
+  return o ? /* @__PURE__ */ f(
     kt,
     {
       open: e,
@@ -3046,7 +3046,7 @@ const ai = ({
       actions: /* @__PURE__ */ n(
         Bn,
         {
-          url: l.src,
+          url: o.src,
           filename: d,
           variant: "viewer",
           label: `Download ${d}`
@@ -3057,19 +3057,19 @@ const ai = ({
         e ? /* @__PURE__ */ n(
           "img",
           {
-            src: l.src,
-            alt: l.alt ?? d,
+            src: o.src,
+            alt: o.alt ?? d,
             draggable: !1,
             decoding: "async",
             className: "block h-auto max-h-[calc(100dvh-128px)] w-auto max-w-[min(96vw,1400px)] select-none object-contain"
           },
-          `${r}:${l.src}`
+          `${r}:${o.src}`
         ) : null,
         t.length > 1 ? /* @__PURE__ */ n(
           yt,
           {
             onPrev: i,
-            onNext: o,
+            onNext: l,
             prevLabel: "Previous image",
             nextLabel: "Next image"
           }
@@ -3096,12 +3096,12 @@ const ai = ({
 }) => {
   const i = e.length;
   if (i === 0) return null;
-  const o = e.slice(0, Math.min(i, s)), l = i - o.length, d = (h, m, g) => {
+  const l = e.slice(0, Math.min(i, s)), o = i - l.length, d = (h, m, g) => {
     var p;
     const c = N(
       di,
       "h-full w-full",
-      (p = ui[o.length]) == null ? void 0 : p[m]
+      (p = ui[l.length]) == null ? void 0 : p[m]
     );
     return t ? /* @__PURE__ */ f(
       "button",
@@ -3129,7 +3129,7 @@ const ai = ({
     width: `min(var(${mi}), ${Math.round(fi * a * 100) / 100}px)`,
     // Only bites in a container narrower than the width cap.
     maxWidth: "100%"
-  }), o.length === 1 ? /* @__PURE__ */ n(
+  }), l.length === 1 ? /* @__PURE__ */ n(
     "div",
     {
       className: N(
@@ -3137,18 +3137,18 @@ const ai = ({
         r
       ),
       style: u,
-      children: d(o[0], 0)
+      children: d(l[0], 0)
     }
-  ) : o.length === 2 ? /* @__PURE__ */ n(
+  ) : l.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
       className: N(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         r
       ),
-      children: o.map((h, m) => d(h, m))
+      children: l.map((h, m) => d(h, m))
     }
-  ) : o.length === 3 ? /* @__PURE__ */ f(
+  ) : l.length === 3 ? /* @__PURE__ */ f(
     "div",
     {
       className: N(
@@ -3156,9 +3156,9 @@ const ai = ({
         r
       ),
       children: [
-        /* @__PURE__ */ n("div", { className: "row-span-2", children: d(o[0], 0) }),
-        d(o[1], 1),
-        d(o[2], 2)
+        /* @__PURE__ */ n("div", { className: "row-span-2", children: d(l[0], 0) }),
+        d(l[1], 1),
+        d(l[2], 2)
       ]
     }
   ) : /* @__PURE__ */ n(
@@ -3175,27 +3175,27 @@ const ai = ({
         "grid aspect-[379/286] w-full grid-cols-2 grid-rows-2 gap-0.5",
         r
       ),
-      children: o.map((h, m) => {
-        const g = l > 0 && m === o.length - 1;
+      children: l.map((h, m) => {
+        const g = o > 0 && m === l.length - 1;
         return d(
           h,
           m,
           g ? /* @__PURE__ */ f("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
-            l
+            o
           ] }) : null
         );
       })
     }
   );
 }, Me = (e) => {
-  const [t, s] = B(!1), [a, r] = B(0), i = X(
-    (l) => {
-      (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
+  const [t, s] = $(!1), [a, r] = $(0), i = K(
+    (o) => {
+      (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
     },
     [e]
-  ), o = X(() => s(!1), []);
-  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
+  ), l = K(() => s(!1), []);
+  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
 }, gi = ({
   item: e,
   index: t,
@@ -3233,7 +3233,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: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Me(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3259,15 +3259,15 @@ const ai = ({
     /* @__PURE__ */ n(
       Un,
       {
-        open: o,
+        open: l,
         items: Hn([{ src: e, alt: t }], s),
-        initialIndex: l,
+        initialIndex: o,
         onClose: u
       }
     )
   ] });
 }, vi = 326 / 246, xi = (e) => {
-  const t = e == null ? void 0 : e.src, [s, a] = z.useState(), r = z.useCallback(
+  const t = e == null ? void 0 : e.src, [s, a] = P.useState(), r = P.useCallback(
     (d) => {
       if (!d || d.naturalWidth <= 0 || d.naturalHeight <= 0 || t === void 0) return;
       const u = d.naturalWidth / d.naturalHeight;
@@ -3276,12 +3276,12 @@ const ai = ({
       );
     },
     [t]
-  ), i = z.useCallback(
+  ), i = P.useCallback(
     (d) => r(d.currentTarget),
     [r]
-  ), o = e != null && e.width && (e != null && e.height) ? e.width / e.height : void 0, l = s && s.src === t ? s.ratio : void 0;
+  ), l = e != null && e.width && (e != null && e.height) ? e.width / e.height : void 0, o = s && s.src === t ? s.ratio : void 0;
   return {
-    ratio: o ?? l ?? vi,
+    ratio: l ?? o ?? vi,
     imgRef: r,
     onLoad: i
   };
@@ -3292,8 +3292,8 @@ const ai = ({
   filename: a,
   items: r,
   text: i,
-  groupPosition: o,
-  loading: l = "lazy",
+  groupPosition: l,
+  loading: o = "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);
@@ -3304,7 +3304,7 @@ const ai = ({
       item: b,
       index: y,
       totalCount: u.length,
-      fallbackLoading: l,
+      fallbackLoading: o,
       imgRef: w ? v.imgRef : void 0,
       onLoad: w ? v.onLoad : void 0
     })
@@ -3314,7 +3314,7 @@ const ai = ({
     {
       variant: h,
       text: i,
-      groupPosition: o,
+      groupPosition: l,
       bordered: !1,
       widthClassName: w ? "w-fit max-w-[min(100%,313px)] sm:max-w-[min(100%,330px)]" : "w-[383px] max-w-full",
       paddingClassName: "p-0.5",
@@ -3351,18 +3351,18 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: l } = Nt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = le(
-    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
-    [l]
-  ), u = le(
-    () => l ? Ci(l.src) : void 0,
-    [l]
+  }), o = t[r], d = oe(
+    () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "document"),
+    [o]
+  ), u = oe(
+    () => o ? Ci(o.src) : void 0,
+    [o]
   );
-  return !l || !u ? null : /* @__PURE__ */ f(
+  return !o || !u ? null : /* @__PURE__ */ f(
     kt,
     {
       open: e,
@@ -3379,13 +3379,13 @@ const ai = ({
             className: "block h-[calc(100dvh-128px)] w-[min(96vw,1400px)] border-0 bg-white",
             sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
           },
-          `${r}:${l.src}`
+          `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           yt,
           {
             onPrev: i,
-            onNext: o,
+            onNext: l,
             prevLabel: "Previous document",
             nextLabel: "Next document"
           }
@@ -3411,7 +3411,7 @@ const ai = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    zn,
+    Fn,
     {
       variant: e,
       filename: i,
@@ -3430,8 +3430,8 @@ const ai = ({
   fileSize: a,
   title: r,
   items: i,
-  text: o,
-  groupPosition: l,
+  text: l,
+  groupPosition: o,
   onClick: d,
   onDismiss: u
 }) => {
@@ -3446,8 +3446,8 @@ const ai = ({
     Ae,
     {
       variant: h,
-      text: o,
-      groupPosition: l,
+      text: l,
+      groupPosition: o,
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, y) => {
@@ -3495,15 +3495,15 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: l } = Nt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = le(
-    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
-    [l]
+  }), o = t[r], d = oe(
+    () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "video"),
+    [o]
   );
-  return l ? /* @__PURE__ */ f(
+  return o ? /* @__PURE__ */ f(
     kt,
     {
       open: e,
@@ -3515,23 +3515,23 @@ const ai = ({
         /* @__PURE__ */ n(
           "video",
           {
-            src: l.src,
-            poster: l.poster,
+            src: o.src,
+            poster: o.poster,
             controls: !0,
             autoPlay: !0,
             muted: !0,
             playsInline: !0,
-            preload: l.preload ?? "metadata",
+            preload: o.preload ?? "metadata",
             className: "block h-auto max-h-[calc(100dvh-128px)] w-auto max-w-[min(96vw,1400px)] bg-black",
-            children: l.mimeType ? /* @__PURE__ */ n("source", { src: l.src, type: l.mimeType }) : null
+            children: o.mimeType ? /* @__PURE__ */ n("source", { src: o.src, type: o.mimeType }) : null
           },
-          `${r}:${l.src}`
+          `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
           yt,
           {
             onPrev: i,
-            onNext: o,
+            onNext: l,
             prevLabel: "Previous video",
             nextLabel: "Next video"
           }
@@ -3577,8 +3577,8 @@ const ai = ({
   mimeType: s.mimeType,
   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);
+})), Oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+  const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: h } = Me(i);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3590,26 +3590,26 @@ 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,
+    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: l }) }) : null,
     /* @__PURE__ */ n(
       Gn,
       {
-        open: l,
+        open: o,
         items: Wn([{ src: e, poster: t, mimeType: s, preload: r }], a),
         initialIndex: d,
         onClose: h
       }
     )
   ] });
-}, Xn = ({
+}, Kn = ({
   state: e,
   src: t,
   poster: s,
   mimeType: a,
   filename: r,
   items: i,
-  text: o,
-  groupPosition: l,
+  text: l,
+  groupPosition: o,
   preload: d,
   onClick: u
 }) => {
@@ -3623,8 +3623,8 @@ const ai = ({
     Ae,
     {
       variant: m,
-      text: o,
-      groupPosition: l,
+      text: l,
+      groupPosition: o,
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(jn, { tiles: v, onTileActivate: p }) }),
@@ -3640,18 +3640,18 @@ const ai = ({
       ]
     }
   );
-}, Pi = (e) => /* @__PURE__ */ n(Oi, { ...e }), zi = (e) => /* @__PURE__ */ n(Xn, { ...e, state: "sent" }), Fi = (e) => /* @__PURE__ */ n(Xn, { ...e, state: "received" }), $i = {
+}, Pi = (e) => /* @__PURE__ */ n(Oi, { ...e }), Fi = (e) => /* @__PURE__ */ n(Kn, { ...e, state: "sent" }), zi = (e) => /* @__PURE__ */ n(Kn, { ...e, state: "received" }), $i = {
   Composer: Pi,
-  Sent: zi,
-  Received: Fi
+  Sent: Fi,
+  Received: zi
 }, ke = {
   Image: Ni,
   Video: $i,
-  Audio: Kr,
+  Audio: qr,
   Pdf: Ri,
   File: ci
 };
-function O(e) {
+function H(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
@@ -3670,10 +3670,10 @@ function Bi(e, t) {
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
 function sn(e) {
-  const t = O(e.og_scrape_url) ?? O(e.title_link), s = O(e.image_url) ?? O(e.thumb_url), a = O(e.asset_url), r = O(e.mime_type);
+  const t = H(e.og_scrape_url) ?? H(e.title_link), s = H(e.image_url) ?? H(e.thumb_url), a = H(e.asset_url), r = H(e.mime_type);
   return {
-    title: O(e.title),
-    description: O(e.text),
+    title: H(e.title),
+    description: H(e.text),
     url: t,
     thumbnailUrl: ce(s),
     // Playable clip embedded in a link preview — lets LinkAttachment render its
@@ -3686,7 +3686,7 @@ function sn(e) {
     // paints an identical chin without re-extracting — visitors in
     // linktr.ee-profiles cannot call the extraction query at all. Absent on
     // messages sent before MES-1349, which render the fallback chin.
-    accentColor: O(e.accent_color),
+    accentColor: H(e.accent_color),
     // A persisted attachment is by definition fully scraped.
     status: "ready"
   };
@@ -3695,12 +3695,12 @@ 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;
 }
-function qn(e) {
+function Xn(e) {
   if (!(e != null && e.length)) return [];
   const t = [], s = (r, i) => {
-    const o = t[t.length - 1];
-    if ((o == null ? void 0 : o.type) === "media" && o.kind === r) {
-      o.attachments.push(i);
+    const l = t[t.length - 1];
+    if ((l == null ? void 0 : l.type) === "media" && l.kind === r) {
+      l.attachments.push(i);
       return;
     }
     t.push({ type: "media", kind: r, attachments: [i] });
@@ -3728,10 +3728,10 @@ function ji(e) {
 function Hi(e, t, s) {
   return t <= 1 ? s : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function an(e) {
-  return O(e.image_url) ?? O(e.asset_url) ?? "";
-}
 function Vi(e) {
+  return H(e.image_url) ?? H(e.asset_url) ?? "";
+}
+function Gi(e) {
   switch (e) {
     case "image":
       return ke.Image;
@@ -3745,110 +3745,71 @@ function Vi(e) {
       return ke.File;
   }
 }
-function Gi(e, t) {
-  if (t.length > 1)
-    switch (e) {
-      case "image":
-        return {
-          items: t.map((a) => ({
-            src: an(a),
-            alt: O(a.title)
-          }))
-        };
-      case "video":
-        return {
-          items: t.map((a) => ({
-            src: O(a.asset_url) ?? "",
-            poster: O(
-              a.thumb_url
-            ),
-            mimeType: O(a.mime_type)
-          }))
-        };
-      case "audio":
-        return {
-          items: t.map((a) => ({
-            src: O(a.asset_url) ?? "",
-            mimeType: O(a.mime_type) ?? "audio/mpeg",
-            filename: O(a.title)
-          }))
-        };
-      case "pdf":
-        return {
-          items: t.map((a) => ({
-            src: O(a.asset_url) ?? "",
-            filename: O(a.title),
-            fileSize: a.file_size
-          }))
-        };
-      case "file":
-        return {
-          items: t.map((a) => ({
-            src: O(a.asset_url) ?? "",
-            filename: O(a.title),
-            fileSize: a.file_size,
-            mimeType: O(a.mime_type) ?? "application/octet-stream"
-          }))
-        };
-    }
-  const s = t[0];
-  if (!s) return {};
+function an(e, t) {
   switch (e) {
     case "image":
       return {
-        src: an(s),
-        alt: O(s.title)
+        src: Vi(t),
+        alt: H(t.title)
       };
     case "video":
       return {
-        src: O(s.asset_url) ?? "",
-        poster: O(
-          s.thumb_url
+        src: H(t.asset_url) ?? "",
+        poster: H(
+          t.thumb_url
         ),
-        mimeType: O(s.mime_type)
+        mimeType: H(t.mime_type)
       };
     case "audio":
       return {
-        src: O(s.asset_url) ?? "",
-        mimeType: O(s.mime_type) ?? "audio/mpeg",
-        filename: O(s.title)
+        src: H(t.asset_url) ?? "",
+        mimeType: H(t.mime_type) ?? "audio/mpeg",
+        filename: H(t.title)
       };
     case "pdf":
       return {
-        src: O(s.asset_url) ?? "",
-        filename: O(s.title),
-        fileSize: s.file_size
+        src: H(t.asset_url) ?? "",
+        filename: H(t.title),
+        fileSize: t.file_size
       };
     case "file":
       return {
-        src: O(s.asset_url) ?? "",
-        filename: O(s.title),
-        fileSize: s.file_size,
-        mimeType: O(s.mime_type) ?? "application/octet-stream"
+        src: H(t.asset_url) ?? "",
+        filename: H(t.title),
+        fileSize: t.file_size,
+        mimeType: H(t.mime_type) ?? "application/octet-stream"
       };
   }
 }
-function Yi({
+function Yi(e, t) {
+  if (t.length > 1)
+    return {
+      items: t.map((a) => an(e, a))
+    };
+  const s = t[0];
+  return s ? an(e, s) : {};
+}
+function Wi({
   groupPosition: e,
   isMyMessage: t,
   segment: s
 }) {
-  const a = Vi(s.kind), r = {
-    ...Gi(s.kind, s.attachments),
+  const a = Gi(s.kind), r = {
+    ...Yi(s.kind, s.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ n(a.Sent, { ...r }) : /* @__PURE__ */ n(a.Received, { ...r });
 }
-const Wi = ({
+const Ki = ({
   groupPosition: e,
   isMyMessage: t,
   message: s,
   renderText: a
 }) => {
   var v;
-  const r = qn(s.attachments);
+  const r = Xn(s.attachments);
   if (r.length === 0) return null;
-  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;
+  const i = ji(r), l = (v = s.text) == null ? void 0 : v.trim(), o = r.find((x) => x.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? sn(o.attachments[0] ?? {}).url : void 0, u = l && Bi(l, d) ? void 0 : l;
   let h = 0;
   const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, y) => {
     const _ = t ? it.Sent : it.Received;
@@ -3870,7 +3831,7 @@ const Wi = ({
     );
     h += 1, m.push(
       /* @__PURE__ */ n(
-        Yi,
+        Wi,
         {
           groupPosition: y,
           isMyMessage: t,
@@ -3918,7 +3879,7 @@ const Wi = ({
           "relative isolate": c
         }),
         children: [
-          /* @__PURE__ */ n(ze, { message: s, renderText: a }),
+          /* @__PURE__ */ n(Fe, { message: s, renderText: a }),
           /* @__PURE__ */ n(st, {}),
           c && /* @__PURE__ */ n($e, { side: t ? "me" : "other" })
         ]
@@ -3926,15 +3887,15 @@ const Wi = ({
     ) : null
   ] });
 }, Xi = (e) => {
-  var Lt, Mt, Dt, Ot, Pt, zt, Ft, $t, Bt, Ut;
+  var Lt, Mt, Dt, Ot, Pt, Ft, zt, $t, Bt, Ut;
   const {
     additionalMessageInputProps: t,
     editing: s,
     endOfGroup: a,
     firstOfGroup: r,
     groupStyles: i,
-    groupedByUser: o,
-    handleAction: l,
+    groupedByUser: l,
+    handleAction: o,
     handleOpenThread: d,
     handleRetry: u,
     highlighted: h,
@@ -3946,40 +3907,40 @@ const Wi = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: b
-  } = e, { client: y } = He("CustomMessage"), { channel: _ } = we("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: $ } = sr("LockedAttachment"), [F, R] = B(!1), I = hs(c.id), {
+  } = 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,
     MessageActions: C,
     MessageBlocked: A = ps,
-    MessageBouncePrompt: P = bs,
-    MessageDeleted: U = vs,
+    MessageBouncePrompt: O = bs,
+    MessageDeleted: B = vs,
     MessageIsThreadReplyInChannelButtonIndicator: G = xs,
     MessageRepliesCountButton: ee = ws,
     ReminderNotification: Z = _s,
     StreamedMessageText: J = ys,
-    PinIndicator: H
-  } = mn("CustomMessage"), k = Ns(c), D = ks(c), Y = le(
+    PinIndicator: j
+  } = mn("CustomMessage"), k = Ns(c), D = ks(c), Y = oe(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), j = le(() => {
+  ), U = oe(() => {
     const he = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...he] : he;
-    if (!Fe(c)) return pe;
+    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(
-    () => qn(j),
-    [j]
-  ), q = le(() => {
+  }, [c]), Q = oe(
+    () => Xn(U),
+    [U]
+  ), X = oe(() => {
     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,
     0
-  ) === ((j == null ? void 0 : j.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";
+  ) === ((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";
   if (Cs(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(U, { message: c });
+    return /* @__PURE__ */ n(B, { 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);
@@ -4000,24 +3961,24 @@ const Wi = ({
       "str-chat__message-with-thread-link": me || ie,
       "str-chat__virtual-message__wrapper--end": a,
       "str-chat__virtual-message__wrapper--first": r,
-      "str-chat__virtual-message__wrapper--group": o
+      "str-chat__virtual-message__wrapper--group": l
     }
-  ), Ye = c.poll_id && y.polls.fromState(c.poll_id), It = ur(c), ye = Fe(c), ss = ht(c), We = !!(j != null && j.length && !c.quoted_message), Tt = ye && te && We, as = ne && ue && !c.quoted_message && !Ye && !Y && !ye, At = {
+  ), 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 = {
     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(ze, { message: q, renderText: p })
+    renderedText: c.text && /* @__PURE__ */ n(Fe, { message: X, renderText: p })
   }, Rt = {
     contentType: "media",
     title: (Pt = c.metadata) == null ? void 0 : Pt.attachment_title,
-    mimeType: (zt = c.metadata) == null ? void 0 : zt.attachment_mime_type,
-    thumbnailUrl: (Ft = c.metadata) == null ? void 0 : Ft.attachment_thumbnail,
+    mimeType: (Ft = c.metadata) == null ? void 0 : Ft.attachment_mime_type,
+    thumbnailUrl: (zt = c.metadata) == null ? void 0 : zt.attachment_thumbnail,
     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
   };
-  return /* @__PURE__ */ f(K, { children: [
+  return /* @__PURE__ */ f(q, { children: [
     s && /* @__PURE__ */ n(
       S,
       {
@@ -4027,7 +3988,7 @@ const Wi = ({
     F && /* @__PURE__ */ n(
       Is,
       {
-        MessageBouncePrompt: P,
+        MessageBouncePrompt: O,
         onClose: () => R(!1),
         open: F
       }
@@ -4039,7 +4000,7 @@ const Wi = ({
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          H && /* @__PURE__ */ n(H, {}),
+          j && /* @__PURE__ */ n(j, {}),
           !!I && /* @__PURE__ */ n(Z, { reminder: I }),
           c.user && /* @__PURE__ */ n(
             _e,
@@ -4099,7 +4060,7 @@ const Wi = ({
                       isMine: !1,
                       isUnlocking: T(c.id),
                       onUnlockClick: () => L ? L(c, _) : void 0,
-                      onDownloadClick: () => $ ? $(c, _) : void 0
+                      onDownloadClick: () => z ? z(c, _) : void 0
                     }
                   ),
                   !te && C && /* @__PURE__ */ n(C, {})
@@ -4112,9 +4073,9 @@ const Wi = ({
                     }),
                     children: [
                       /* @__PURE__ */ n(
-                        ze,
+                        Fe,
                         {
-                          message: q,
+                          message: X,
                           renderText: p
                         }
                       ),
@@ -4123,13 +4084,13 @@ const Wi = ({
                   }
                 )
               ] }) : as ? /* @__PURE__ */ n(
-                Wi,
+                Ki,
                 {
                   groupPosition: De,
                   isMyMessage: te,
                   message: {
-                    ...q,
-                    attachments: j,
+                    ...X,
+                    attachments: U,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -4153,23 +4114,23 @@ const Wi = ({
                       }
                     ),
                     Ye && /* @__PURE__ */ n(Ts, { poll: Ye }),
-                    j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
+                    U != null && U.length && !c.quoted_message ? /* @__PURE__ */ n(
                       M,
                       {
-                        actionHandler: l,
-                        attachments: j
+                        actionHandler: o,
+                        attachments: U
                       }
                     ) : null,
                     Y ? /* @__PURE__ */ n(
                       J,
                       {
-                        message: q,
+                        message: X,
                         renderText: p
                       }
                     ) : /* @__PURE__ */ n(
-                      ze,
+                      Fe,
                       {
-                        message: q,
+                        message: X,
                         renderText: p
                       }
                     ),
@@ -4208,13 +4169,13 @@ const Wi = ({
       c.id
     )
   ] });
-}, qi = z.memo(
+}, qi = P.memo(
   Xi,
   (e, t) => {
     var s, a, r, i;
     return e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || ((s = e.resolvedOutbound) == null ? void 0 : s.id) !== ((a = t.resolvedOutbound) == null ? void 0 : a.id) || ((r = e.resolvedOutbound) == null ? void 0 : r.name) !== ((i = t.resolvedOutbound) == null ? void 0 : i.name) ? !1 : ms(e, t);
   }
-), Ki = (e) => {
+), 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;
   return /* @__PURE__ */ n(
@@ -4225,7 +4186,7 @@ const Wi = ({
       resolvedOutbound: r
     }
   );
-}, Zi = () => {
+}, Ji = () => {
   var s;
   const { handleDelete: e, message: t } = fe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
@@ -4238,7 +4199,7 @@ const Wi = ({
       children: /* @__PURE__ */ n(pa, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ji = () => {
+}, Qi = () => {
   const { handleFlag: e } = fe("CustomMessageActions");
   return /* @__PURE__ */ n(
     vn,
@@ -4250,26 +4211,26 @@ const Wi = ({
       children: /* @__PURE__ */ n(fn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Qi = () => {
+}, eo = () => {
   var t;
   const { message: e } = fe("CustomMessageActions");
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) !== oe.ATTACHMENT ? null : /* @__PURE__ */ n(
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) !== le.ATTACHMENT ? null : /* @__PURE__ */ n(
     wa,
     {
       messageActionSet: [
-        { Component: Zi, placement: "quick", type: "delete" },
-        { Component: Ji, placement: "quick", type: "flag" }
+        { Component: Ji, placement: "quick", type: "delete" },
+        { Component: Qi, placement: "quick", type: "flag" }
       ]
     }
   );
-}, el = (e) => ({
+}, to = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => nt.previewIsLoaded(t) || nt.previewIsLoading(t)
   )
-}), tl = () => {
+}), no = () => {
   const { linkPreviewsManager: e } = As(), { linkPreviews: t } = Rs(
     e.state,
-    el
+    to
   ), s = (r) => {
     e.dismissPreview(r);
   };
@@ -4333,7 +4294,7 @@ const Wi = ({
       );
     }) })
   ) : null;
-}, Be = z.createContext(!1), nl = 200, ao = () => xe(Be), sl = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, Be = P.createContext(!1), so = 200, il = () => xe(Be), ao = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -4346,20 +4307,20 @@ const Wi = ({
   }
 ), rn = () => {
   const e = xe(Be), { handleSubmit: t } = Ls(), s = Ms(), a = e || !s, {
-    SendButton: r = sl,
+    SendButton: r = ao,
     AttachmentPreviewList: i = Ds
-  } = mn("CustomMessageInput"), o = z.useRef(null);
-  return z.useEffect(() => {
-    const l = o.current;
-    if (!l || typeof ResizeObserver > "u")
+  } = mn("CustomMessageInput"), l = P.useRef(null);
+  return P.useEffect(() => {
+    const o = l.current;
+    if (!o || typeof ResizeObserver > "u")
       return;
     const d = new ResizeObserver(() => {
-      l.contains(document.activeElement) && (l.scrollTop = l.scrollHeight);
+      o.contains(document.activeElement) && (o.scrollTop = o.scrollHeight);
     });
-    return d.observe(l), () => d.disconnect();
-  }, []), z.useEffect(() => {
-    const l = o.current;
-    if (!l)
+    return d.observe(o), () => d.disconnect();
+  }, []), P.useEffect(() => {
+    const o = l.current;
+    if (!o)
       return;
     const d = (u) => {
       var m;
@@ -4367,7 +4328,7 @@ const Wi = ({
         (g) => g.kind === "file"
       ) || u.stopPropagation();
     };
-    return l.addEventListener("paste", d), () => l.removeEventListener("paste", d);
+    return o.addEventListener("paste", d), () => o.removeEventListener("paste", d);
   }, []), // This card is the composer's ONE scroll container: staged previews and the
   // textarea row scroll together past a cap, instead of the previews being
   // squeezed to keep the row in view (MES-1037). Nothing inside may shrink, or
@@ -4406,13 +4367,13 @@ const Wi = ({
   /* @__PURE__ */ f(
     "div",
     {
-      ref: o,
+      ref: l,
       className: "central-container flex flex-col min-w-0 w-full max-h-[calc(var(--messaging-surface-height,100dvh)*0.5)] overflow-y-auto overscroll-contain bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)] [&>:not(.messaging-composer-previews):not(.messaging-composer-row)]:p-2",
       "data-dd-privacy": "mask",
       children: [
         /* @__PURE__ */ f("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
           /* @__PURE__ */ n(Os, {}),
-          /* @__PURE__ */ n(tl, {}),
+          /* @__PURE__ */ n(no, {}),
           /* @__PURE__ */ n(i, {})
         ] }),
         /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
@@ -4444,14 +4405,14 @@ const Wi = ({
       ]
     }
   );
-}, ln = () => /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
+}, on = () => /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
   /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-gradient" })
-] }), on = ({
+] }), ln = ({
   renderActions: e,
   renderHeader: t,
   renderFooter: s,
@@ -4460,8 +4421,8 @@ const Wi = ({
   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 = z.useRef(null);
-  return z.useEffect(() => {
+  const { channel: l } = we(), o = ((h = l == null ? void 0 : l.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = P.useRef(null);
+  return P.useEffect(() => {
     if (!d)
       return;
     const m = u.current, g = m == null ? void 0 : m.parentElement;
@@ -4473,7 +4434,7 @@ const Wi = ({
       c = v;
       const b = Array.from(
         g.querySelectorAll(".str-chat__list")
-      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = b ? b.scrollHeight - b.scrollTop - b.clientHeight < nl : !1;
+      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = b ? b.scrollHeight - b.scrollTop - b.clientHeight < so : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${v}px`
@@ -4491,7 +4452,7 @@ const Wi = ({
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ n(ln, {}),
+        /* @__PURE__ */ n(on, {}),
         /* @__PURE__ */ f("div", { className: "relative z-10 flex flex-col", children: [
           t == null ? void 0 : t(),
           /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
@@ -4499,7 +4460,7 @@ const Wi = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ f(K, { children: [
+  ) : /* @__PURE__ */ f(q, { children: [
     t == null ? void 0 : t(),
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
     s == null ? void 0 : s()
@@ -4509,19 +4470,19 @@ const Wi = ({
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ n(ln, {}),
+        /* @__PURE__ */ n(on, {}),
         /* @__PURE__ */ f("div", { className: "relative z-10 flex min-h-0 flex-col", children: [
           t == null ? void 0 : t(),
           /* @__PURE__ */ f("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
             /* @__PURE__ */ f(
               "div",
               {
-                inert: l ? "" : void 0,
-                "aria-disabled": l || void 0,
+                inert: o ? "" : void 0,
+                "aria-disabled": o || void 0,
                 className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
                 children: [
                   e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-                  /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: i ?? rn }) })
+                  /* @__PURE__ */ n(Be.Provider, { value: o, children: /* @__PURE__ */ n(Vt, { Input: i ?? rn }) })
                 ]
               }
             ),
@@ -4535,28 +4496,28 @@ const Wi = ({
     /* @__PURE__ */ f(
       "div",
       {
-        inert: l ? "" : void 0,
-        "aria-disabled": l || void 0,
+        inert: o ? "" : void 0,
+        "aria-disabled": o || void 0,
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: rn }) })
+          /* @__PURE__ */ n(Be.Provider, { value: o, children: /* @__PURE__ */ n(Vt, { Input: rn }) })
         ]
       }
     ),
     s == null ? void 0 : s()
   ] });
-}, al = {
+}, ro = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, rl = ["SYSTEM_AGE_SAFETY_BLOCKED"], il = {
+}, io = ["SYSTEM_AGE_SAFETY_BLOCKED"], oo = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, et = "age safety guidelines.", ll = "https://linktr.ee/s/about/contact", ol = (e) => rl.includes(
+}, et = "age safety guidelines.", lo = "https://linktr.ee/s/about/contact", co = (e) => io.includes(
   e
-), cl = (e) => {
+), uo = (e) => {
   var t;
-  return ol((t = e.metadata) == null ? void 0 : t.custom_type);
-}, dl = (e) => {
+  return co((t = e.metadata) == null ? void 0 : t.custom_type);
+}, mo = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (Yt(t))
@@ -4575,17 +4536,17 @@ const Wi = ({
       kind: "dm-agent",
       type: s
     };
-}, ul = (e) => {
+}, ho = (e) => {
   const t = e.indexOf(et);
   if (t === -1)
     return e;
   const s = t + et.length;
-  return /* @__PURE__ */ f(K, { children: [
+  return /* @__PURE__ */ f(q, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: ll,
+        href: lo,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4594,13 +4555,13 @@ const Wi = ({
     ),
     e.slice(s)
   ] });
-}, ml = (e) => {
+}, fo = (e) => {
   var a, r;
-  const t = !cl(e.message), s = dl(
+  const t = !uo(e.message), s = mo(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || al[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || ro[s.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4622,11 +4583,11 @@ const Wi = ({
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Xe, { message: e.message })
+      !t && /* @__PURE__ */ n(Ke, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || il[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || oo[s.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4645,11 +4606,11 @@ const Wi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: ul(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: ho(i) }) })
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Xe, { message: e.message })
+      !t && /* @__PURE__ */ n(Ke, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -4658,9 +4619,9 @@ const Wi = ({
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(Xe, { message: e.message })
+    !t && /* @__PURE__ */ n(Ke, { message: e.message })
   ] });
-}, Kn = je(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, qn = je(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4670,15 +4631,15 @@ const Wi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), hl = /* @__PURE__ */ new Set([
-  qe.Thinking,
-  qe.Generating,
-  qe.ExternalSources
-]), fl = ({ threadList: e }) => {
+) }), go = /* @__PURE__ */ new Set([
+  Xe.Thinking,
+  Xe.Generating,
+  Xe.ExternalSources
+]), po = ({ threadList: e }) => {
   var p, w;
-  const { channel: t, channelConfig: s, thread: a } = we(), { client: r } = He(), { typing: i = {} } = zs(), { aiState: o } = Fs(t), l = xe(Kn);
-  if (!e && l && hl.has(o)) {
-    const v = gl(t, (p = r.user) == null ? void 0 : p.id);
+  const { channel: t, channelConfig: s, thread: a } = we(), { client: r } = He(), { typing: i = {} } = Fs(), { aiState: l } = zs(t), o = xe(qn);
+  if (!e && o && go.has(l)) {
+    const v = bo(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
       cn,
       {
@@ -4761,7 +4722,7 @@ const Wi = ({
     ] })
   }
 );
-function gl(e, t) {
+function bo(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -4770,7 +4731,7 @@ function gl(e, t) {
       return i;
   }
 }
-const pl = () => null, bl = ({ className: e, message: t }) => /* @__PURE__ */ f(
+const vo = () => null, xo = ({ className: e, message: t }) => /* @__PURE__ */ f(
   "div",
   {
     className: N("flex items-center justify-center h-full", e),
@@ -4813,20 +4774,20 @@ const pl = () => null, bl = ({ className: e, message: t }) => /* @__PURE__ */ f(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ue = z.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(bl, { className: "w-6 h-6" }),
+), 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: [
+  /* @__PURE__ */ n(xo, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ue.displayName = "LoadingState";
-const vl = ({
+const wo = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
   renderMessageInputFooter: a,
   renderConversationFooter: r,
   onLeaveConversation: i,
-  onBlockParticipant: o,
-  showDeleteConversation: l = !0,
+  onBlockParticipant: l,
+  showDeleteConversation: o = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: u,
   onReportParticipantClick: h,
@@ -4843,19 +4804,19 @@ const vl = ({
   showChannelInfo: T = !0,
   onParticipantNameClick: L,
   onOutboundClick: E,
-  resolveOutbound: $,
+  resolveOutbound: z,
   composerInput: F
 }) => {
   const { channel: R, messages: I } = we(), M = V(E);
   W(() => {
     M.current = E;
   }, [E]);
-  const S = X((Z) => {
+  const S = K((Z) => {
     var J;
     (J = M.current) == null || J.call(M, Z);
-  }, []), C = E ? S : void 0, A = pr(I, $), P = R.state.messages.some(
+  }, []), C = E ? S : void 0, A = pr(I, z), O = R.state.messages.some(
     (Z) => Z.type !== "deleted"
-  ), U = v ? /* @__PURE__ */ n(z.Fragment, { children: v() }, "lt-channel-banner") : null, G = /* @__PURE__ */ n(
+  ), B = v ? /* @__PURE__ */ n(P.Fragment, { children: v() }, "lt-channel-banner") : null, G = /* @__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%)]",
@@ -4864,8 +4825,8 @@ const vl = ({
       showChannelInfo: T,
       showStarButton: w,
       onLeaveConversation: i,
-      onBlockParticipant: o,
-      showDeleteConversation: l,
+      onBlockParticipant: l,
+      showDeleteConversation: o,
       showBlockParticipant: m,
       showReportParticipant: g,
       onDeleteConversationClick: d,
@@ -4875,17 +4836,17 @@ const vl = ({
       renderChannelActions: b,
       onParticipantNameClick: L
     }
-  ), ee = X(
+  ), ee = K(
     (Z) => {
-      const { message: J } = fe("ChannelView"), H = /* @__PURE__ */ n(
-        Ki,
+      const { message: J } = fe("ChannelView"), j = /* @__PURE__ */ n(
+        Zi,
         {
           ...Z,
           viewerLanguage: _,
           onOutboundClick: C
         }
       );
-      return !y || !J ? H : y(H, J);
+      return !y || !J ? j : y(j, J);
     },
     [C, y, _]
   );
@@ -4894,7 +4855,7 @@ const vl = ({
     {
       overrides: {
         Message: ee,
-        MessageActions: Qi,
+        MessageActions: eo,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
@@ -4904,16 +4865,16 @@ const vl = ({
           {
             className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
             children: [
-              !P && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
+              !O && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
                 G,
-                U
+                B
               ] }) }),
               /* @__PURE__ */ n(
                 Gt,
                 {
-                  head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
+                  head: O ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     G,
-                    U
+                    B
                   ] }) : void 0,
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -4924,7 +4885,7 @@ const vl = ({
           "lt-channel-message-list"
         ),
         /* @__PURE__ */ n(
-          on,
+          ln,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(R)
@@ -4939,22 +4900,22 @@ const vl = ({
           },
           "lt-channel-message-input"
         )
-      ] }) : /* @__PURE__ */ f(K, { children: [
+      ] }) : /* @__PURE__ */ f(q, { children: [
         /* @__PURE__ */ f(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
             children: [
-              !P && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
+              !O && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
                 G,
-                U
+                B
               ] }) }),
               /* @__PURE__ */ n(
                 Gt,
                 {
-                  head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
+                  head: O ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     G,
-                    U
+                    B
                   ] }) : void 0,
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -4964,9 +4925,9 @@ const vl = ({
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(z.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(P.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          on,
+          ln,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(R)
@@ -4981,7 +4942,7 @@ const vl = ({
       ] }) })
     }
   ) });
-}, Zn = z.memo(
+}, Zn = P.memo(
   ({
     channel: e,
     onBack: t,
@@ -4989,10 +4950,10 @@ const vl = ({
     renderMessageInputActions: a,
     renderMessageInputFooter: r,
     renderConversationFooter: i,
-    onLeaveConversation: o,
-    onBlockParticipant: l,
+    onLeaveConversation: l,
+    onBlockParticipant: o,
     className: d,
-    CustomChannelEmptyState: u = pl,
+    CustomChannelEmptyState: u = vo,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: g,
@@ -5007,7 +4968,7 @@ const vl = ({
     showStarButton: T = !1,
     renderChannelBanner: L,
     customChannelActions: E,
-    renderChannelActions: $,
+    renderChannelActions: z,
     renderMessage: F,
     onMessageLinkClick: R,
     sendButton: I,
@@ -5015,41 +4976,41 @@ const vl = ({
     viewerLanguage: S,
     showChannelInfo: C = !0,
     onParticipantNameClick: A,
-    onOutboundClick: P,
-    resolveOutbound: U,
+    onOutboundClick: O,
+    resolveOutbound: B,
     composerInput: G
   }) => {
-    const ee = X(
-      async (H, k, D) => {
+    const ee = K(
+      async (j, k, D) => {
         var ue;
-        const Y = ((ue = e.data) == null ? void 0 : ue.chatbot_paused) === !0, j = b && !Y, Q = {
+        const Y = ((ue = e.data) == null ? void 0 : ue.chatbot_paused) === !0, U = b && !Y, Q = {
           ...k,
-          ...j && { silent: !0 },
+          ...U && { silent: !0 },
           ...y && {
             metadata: {
               ...k.metadata ?? {},
               ...y
             }
           }
-        }, q = {
+        }, X = {
           ...D,
-          ...j && { skip_push: !0 }
-        }, ne = await e.sendMessage(Q, q);
+          ...U && { skip_push: !0 }
+        }, ne = await e.sendMessage(Q, X);
         return _ == null || _(ne), ne;
       },
       [e, b, y, _]
     ), Z = V(null);
     W(() => {
       if (!R) return;
-      const H = Z.current;
-      if (!H) return;
+      const j = Z.current;
+      if (!j) return;
       const k = (D) => {
-        const Y = D.target, j = Y == null ? void 0 : Y.closest("a[href]"), Q = j == null ? void 0 : j.getAttribute("href");
+        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 q = j == null ? void 0 : j.closest("[data-message-id]"), ne = q == null ? void 0 : q.getAttribute("data-message-id"), ue = ne ? e.state.messages.find((ae) => ae.id === ne) : void 0;
+        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);
       };
-      return H.addEventListener("click", k), () => H.removeEventListener("click", k);
+      return j.addEventListener("click", k), () => j.removeEventListener("click", k);
     }, [R, e]);
     const J = hn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
     return /* @__PURE__ */ n(
@@ -5061,28 +5022,28 @@ const vl = ({
           d
         ),
         style: J,
-        children: /* @__PURE__ */ n(Kn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(qn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
           $s,
           {
             channel: e,
-            MessageSystem: ml,
+            MessageSystem: fo,
             EmptyStateIndicator: u,
             LoadingIndicator: Ue,
             DateSeparator: Ma,
-            TypingIndicator: fl,
+            TypingIndicator: po,
             doSendMessageRequest: ee,
             ...I ? { SendButton: I } : {},
             ...M ? { AttachmentPreviewList: M } : {},
             children: /* @__PURE__ */ n(
-              vl,
+              wo,
               {
                 onBack: t,
                 showBackButton: s,
                 renderMessageInputActions: a,
                 renderMessageInputFooter: r,
                 renderConversationFooter: i,
-                onLeaveConversation: o,
-                onBlockParticipant: l,
+                onLeaveConversation: l,
+                onBlockParticipant: o,
                 CustomChannelEmptyState: u,
                 showDeleteConversation: h,
                 onDeleteConversationClick: m,
@@ -5095,13 +5056,13 @@ const vl = ({
                 showStarButton: T,
                 renderChannelBanner: L,
                 customChannelActions: E,
-                renderChannelActions: $,
+                renderChannelActions: z,
                 renderMessage: F,
                 viewerLanguage: S,
                 showChannelInfo: C,
                 onParticipantNameClick: A,
-                onOutboundClick: P,
-                resolveOutbound: U,
+                onOutboundClick: O,
+                resolveOutbound: B,
                 composerInput: G
               }
             )
@@ -5112,7 +5073,7 @@ const vl = ({
   }
 );
 Zn.displayName = "ChannelView";
-const Ce = z.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 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: [
   /* @__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 }),
@@ -5127,15 +5088,15 @@ const Ce = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const ro = ({
+const ol = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
   onChannelSelect: a,
   onExitConversation: r,
   initialParticipantFilter: i,
-  initialParticipantData: o,
-  CustomChannelEmptyState: l,
+  initialParticipantData: l,
+  CustomChannelEmptyState: o,
   onBlockParticipantClick: d,
   onReportParticipantClick: u,
   dmAgentEnabled: h,
@@ -5154,28 +5115,28 @@ const ro = ({
 }) => {
   const {
     client: E,
-    isConnected: $,
+    isConnected: z,
     isLoading: F,
     error: R,
     refreshConnection: I,
     service: M,
     debug: S
-  } = _a(), [C, A] = B(null), [P, U] = B(null), [G, ee] = B(!1), { showDeleteConversation: Z = !0 } = e, J = V(o);
-  J.current = o;
-  const H = V(a);
-  H.current = a;
+  } = _a(), [C, A] = $(null), [O, B] = $(null), [G, ee] = $(!1), { showDeleteConversation: Z = !0 } = e, J = V(l);
+  J.current = l;
+  const j = V(a);
+  j.current = a;
   const k = V(null), D = V(null);
   W(() => {
     D.current = C;
   }, [C]), W(() => {
-    if (!E || !$) return;
+    if (!E || !z) return;
     const Q = E.userID;
     if (!Q) return;
-    const q = `${Q}::${i}`;
-    if (k.current === q) return;
-    k.current = q;
+    const X = `${Q}::${i}`;
+    if (k.current === X) return;
+    k.current = X;
     const ne = () => {
-      k.current === q && (k.current = null);
+      k.current === X && (k.current = null);
     };
     (async () => {
       var ae, De;
@@ -5193,7 +5154,7 @@ const ro = ({
           { limit: 1 }
         );
         if (se.length > 0) {
-          A(se[0]), U(null), (ae = H.current) == null || ae.call(H, se[0]), S && console.log(
+          A(se[0]), B(null), (ae = j.current) == null || ae.call(j, se[0]), S && console.log(
             "[MessagingShell] Initial conversation loaded:",
             se[0].id
           );
@@ -5201,7 +5162,7 @@ const ro = ({
         }
         const me = J.current;
         if (!me || !M) {
-          ne(), U("No conversation found with this account"), S && console.log(
+          ne(), B("No conversation found with this account"), S && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -5213,7 +5174,7 @@ const ro = ({
             name: me.name,
             phone: me.phone
           });
-          A(ie), U(null), (De = H.current) == null || De.call(H, ie), S && console.log(
+          A(ie), B(null), (De = j.current) == null || De.call(j, ie), S && console.log(
             "[MessagingShell] Channel created and loaded:",
             ie.id
           );
@@ -5221,38 +5182,38 @@ const ro = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             ie
-          ), ne(), U("Failed to create conversation");
+          ), ne(), B("Failed to create conversation");
         }
       } catch (se) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           se
-        ), ne(), D.current || U("Failed to load conversation");
+        ), ne(), D.current || B("Failed to load conversation");
       }
     })();
-  }, [i, E, $, M, S]);
+  }, [i, E, z, M, S]);
   const Y = V(r);
   Y.current = r;
-  const j = X(() => {
+  const U = K(() => {
     var Q;
     A(null), ee(!0), (Q = Y.current) == null || Q.call(Y);
   }, []);
-  return F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(Ce, { message: R, onBack: I }) : !$ || !E ? /* @__PURE__ */ n(
+  return F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(Ce, { message: R, onBack: I }) : !z || !E ? /* @__PURE__ */ n(
     Ce,
     {
       message: "Not connected to messaging service",
       onBack: I
     }
-  ) : P ? /* @__PURE__ */ n(Ce, { message: P }) : 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(
+  ) : 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(
     Zn,
     {
       channel: C,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: c,
-      onLeaveConversation: j,
-      onBlockParticipant: j,
-      CustomChannelEmptyState: l,
+      onLeaveConversation: U,
+      onBlockParticipant: U,
+      CustomChannelEmptyState: o,
       showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
@@ -5272,13 +5233,13 @@ const ro = ({
     C.id
   ) }) }) : /* @__PURE__ */ n(Ue, {});
 };
-function xl(e) {
+function _o(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const Jn = z.createContext({
+const Jn = P.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5286,14 +5247,14 @@ const Jn = z.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), wl = Jn.Provider, _l = () => z.useContext(Jn), yl = (e, t) => {
+}), yo = Jn.Provider, No = () => P.useContext(Jn), ko = (e, t) => {
   const s = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), a = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
   return Math.floor((a - s) / (1e3 * 60 * 60 * 24));
-}, Nl = (e) => {
+}, Co = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = yl(e, t);
+  const a = ko(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5306,20 +5267,20 @@ const Jn = z.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, Qn = z.memo(
+}, Qn = P.memo(
   (e) => {
-    var $, F, R;
+    var z, F, R;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
       debug: i,
-      channelPreview: o,
-      renderMessagePreview: l,
+      channelPreview: l,
+      renderMessagePreview: o,
       viewerLanguage: d
-    } = _l(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = wn(t);
-    if (o)
+    } = No(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = wn(t);
+    if (l)
       return /* @__PURE__ */ n(
-        o,
+        l,
         {
           ...e,
           active: h,
@@ -5334,7 +5295,7 @@ const Jn = z.createContext({
       const M = I.key === "Enter" || I.key === " ", S = I.repeat;
       !M || S || (I.preventDefault(), g());
     }, p = _n(
-      ($ = t == null ? void 0 : t.state) == null ? void 0 : $.members,
+      (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 = (() => {
@@ -5350,11 +5311,11 @@ const Jn = z.createContext({
         message: x,
         viewerLanguage: d
       }), { custom_type: M, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
-      if (M === oe.TIP)
+      if (M === le.TIP)
         return I || "Sent a tip";
-      if (M === oe.PAID)
+      if (M === le.PAID)
         return I || "Sent a message";
-      if (M === oe.ATTACHMENT) {
+      if (M === le.ATTACHMENT) {
         if (S === "text")
           return "🔒 Sent a locked message";
         if (S === "media")
@@ -5363,7 +5324,7 @@ const Jn = z.createContext({
       if (I) return I;
       const C = (A = x == null ? void 0 : x.attachments) == null ? void 0 : A[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 ? Nl(new Date(x.created_at)) : "", T = x ? Fe(x) : !1, L = l ? l(x, y) : `${T ? "✨ " : ""}${y}`, E = s ?? 0;
+    })(), _ = x != null && x.created_at ? Co(new Date(x.created_at)) : "", T = x ? ze(x) : !1, L = o ? o(x, y) : `${T ? "✨ " : ""}${y}`, E = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
@@ -5423,16 +5384,16 @@ const Jn = z.createContext({
   }
 );
 Qn.displayName = "CustomChannelPreview";
-const kl = { last_message_at: -1 }, Cl = z.memo(
+const So = { last_message_at: -1 }, Eo = P.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = kl,
-    className: o,
-    customEmptyStateIndicator: l,
+    sort: i = So,
+    className: l,
+    customEmptyStateIndicator: o,
     channelListPaginator: d = Hs,
     channelPreview: u,
     renderMessagePreview: h,
@@ -5444,12 +5405,12 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
     onAddedToChannel: v,
     onChannelUpdated: x
   }) => {
-    const b = z.useRef(0);
+    const b = P.useRef(0);
     b.current++;
-    const { debug: y = !1 } = ot(), _ = z.useCallback(
+    const { debug: y = !1 } = lt(), _ = P.useCallback(
       (L) => {
         for (const E of L)
-          xl(E);
+          _o(E);
         return r ? r(L) : L;
       },
       [r]
@@ -5459,7 +5420,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const T = z.useMemo(
+    const T = P.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -5482,9 +5443,9 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
       {
         className: N(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          o
+          l
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(wl, { value: T, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(yo, { value: T, children: /* @__PURE__ */ n(
           js,
           {
             filters: s,
@@ -5500,7 +5461,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
             onChannelUpdated: x,
             Paginator: d,
             Preview: Qn,
-            EmptyStateIndicator: l
+            EmptyStateIndicator: o
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
         ) }) })
@@ -5508,8 +5469,8 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
     );
   }
 );
-Cl.displayName = "ChannelList";
-const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", El = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", dn = ({ surface: e, actions: t, layout: s }) => {
+Eo.displayName = "ChannelList";
+const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", To = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", dn = ({ surface: e, actions: t, layout: s }) => {
   if (t == null || t.length === 0) return null;
   const a = s === "stacked";
   return /* @__PURE__ */ n(
@@ -5535,31 +5496,31 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       ))
     }
   );
-}, Il = ({
+}, Ao = ({
   ctaSurface: e,
   chinTextColor: t,
   title: s,
   subtitle: a,
   subtitleLines: r = 3,
   appIcon: i,
-  actions: o
+  actions: l
 }) => {
   var p;
-  const l = s != null && s.trim() !== "", d = a != null && a.trim() !== "", u = o != null && o.length > 0;
-  if (!l && !d && !u) return null;
+  const o = s != null && s.trim() !== "", d = a != null && a.trim() !== "", u = l != null && l.length > 0;
+  if (!o && !d && !u) return null;
   const h = { color: t }, m = r > 1 ? {
     ...h,
     display: "-webkit-box",
     WebkitBoxOrient: "vertical",
     WebkitLineClamp: r,
     overflow: "hidden"
-  } : h, g = u && (((p = o == null ? void 0 : o[0]) == null ? void 0 : p.variant) ?? "primary") === "secondary", c = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
-    l && /* @__PURE__ */ f("div", { className: "flex min-w-0 items-center gap-2", children: [
+  } : h, g = u && (((p = l == null ? void 0 : l[0]) == null ? void 0 : p.variant) ?? "primary") === "secondary", c = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
+    o && /* @__PURE__ */ f("div", { className: "flex min-w-0 items-center gap-2", children: [
       i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
       /* @__PURE__ */ n(
         "p",
         {
-          className: N("min-w-0", Sl),
+          className: N("min-w-0", Io),
           style: h,
           children: s
         }
@@ -5569,7 +5530,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       "p",
       {
         className: N(
-          El,
+          To,
           r > 1 && "whitespace-pre-line",
           r <= 1 && "truncate"
         ),
@@ -5580,50 +5541,50 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   ] });
   return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: g ? /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-3", children: [
     c,
-    /* @__PURE__ */ n(dn, { surface: e, actions: o, layout: "row" })
-  ] }) : /* @__PURE__ */ f(K, { children: [
+    /* @__PURE__ */ n(dn, { surface: e, actions: l, layout: "row" })
+  ] }) : /* @__PURE__ */ f(q, { children: [
     c,
     /* @__PURE__ */ n(
       dn,
       {
         surface: e,
-        actions: o,
+        actions: l,
         layout: "stacked"
       }
     )
   ] }) });
-}, Tl = {
+}, Ro = {
   dark: "bg-white/[0.06]",
   light: "bg-black/[0.04]"
-}, Al = {
+}, Lo = {
   1: [0],
   2: [-10, 10],
   3: [-13, 0, 13]
-}, Rl = {
+}, Mo = {
   1: [0],
   2: [-26, 26],
   3: [-40, 0, 40]
-}, Ll = {
+}, Do = {
   1: [0],
   2: [0, 1],
   3: [1, 3, 2]
-}, Ml = {
+}, Oo = {
   1: [1],
   2: [1, 1],
   3: [1, 1.08, 1]
-}, Dl = ({ variant: e, images: t }) => {
-  const [s, a] = z.useState({}), r = t.join(`
-`), [i, o] = z.useState(r);
-  r !== i && (o(r), a({}));
-  const l = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !s[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, u = Al[d], h = Rl[d], m = Ll[d], g = Ml[d];
+}, Po = ({ variant: e, images: t }) => {
+  const [s, a] = P.useState({}), r = t.join(`
+`), [i, l] = P.useState(r);
+  r !== i && (l(r), a({}));
+  const o = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !s[c]), d = o.length >= 3 ? 3 : o.length === 2 ? 2 : 1, u = Lo[d], h = Mo[d], m = Do[d], g = Oo[d];
   return /* @__PURE__ */ n(
     "div",
     {
       className: N(
         "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
-        Tl[e]
+        Ro[e]
       ),
-      children: l.map(({ src: c, index: p }, w) => /* @__PURE__ */ n(
+      children: o.map(({ src: c, index: p }, w) => /* @__PURE__ */ n(
         "img",
         {
           src: ce(c) ?? c,
@@ -5642,14 +5603,14 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       ))
     }
   );
-}, Ol = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", Pl = ({
+}, Fo = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", zo = ({
   variant: e,
   presentation: t,
   images: s,
   title: a,
   heroUrl: r,
   onHeroError: i
-}) => /* @__PURE__ */ n("div", { className: Ol, children: t === "fan" ? /* @__PURE__ */ n(Dl, { variant: e, images: s }) : (
+}) => /* @__PURE__ */ n("div", { className: Fo, children: t === "fan" ? /* @__PURE__ */ n(Po, { variant: e, images: s }) : (
   // `heroUrl` is the palette-tracked source: it becomes `undefined` when the
   // hero image errors, so `CardThumbnail` falls through to its placeholder.
   // Do NOT `?? images[0]` here — that would re-instate the failed URL.
@@ -5670,8 +5631,8 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   subtitleLines: a,
   images: r = [],
   imagePresentation: i,
-  actions: o,
-  appIcon: l,
+  actions: l,
+  appIcon: o,
   accentColor: d,
   groupPosition: u = "single"
 }) => {
@@ -5698,7 +5659,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
           "data-testid": "rich-card",
           children: [
             m && /* @__PURE__ */ n(
-              Pl,
+              zo,
               {
                 variant: e,
                 presentation: h,
@@ -5709,15 +5670,15 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
               }
             ),
             /* @__PURE__ */ n(
-              Il,
+              Ao,
               {
                 ctaSurface: c.surface,
                 chinTextColor: c.chinTextColor,
                 title: t,
                 subtitle: s,
                 subtitleLines: a,
-                appIcon: l,
-                actions: o
+                appIcon: o,
+                actions: l
               }
             )
           ]
@@ -5725,13 +5686,13 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       )
     }
   );
-}, zl = (e) => /* @__PURE__ */ n(es, { ...e, variant: "dark" }), Fl = (e) => /* @__PURE__ */ n(es, { ...e, variant: "light" }), io = {
-  Sent: zl,
-  Received: Fl
-}, un = `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%`, $l = {
+}, $o = (e) => /* @__PURE__ */ n(es, { ...e, variant: "dark" }), Bo = (e) => /* @__PURE__ */ n(es, { ...e, variant: "light" }), ll = {
+  Sent: $o,
+  Received: Bo
+}, un = `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%`, Uo = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Bl = ({ variant: e }) => /* @__PURE__ */ n(
+}, jo = ({ variant: e }) => /* @__PURE__ */ n(
   "span",
   {
     "aria-hidden": "true",
@@ -5741,12 +5702,12 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: $l[e],
+      backgroundColor: Uo[e],
       WebkitMask: un,
       mask: un
     }
   }
-), Ul = {
+), Ho = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5771,17 +5732,17 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       r
     ),
     style: {
-      ...Ul[e],
+      ...Ho[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ n("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ n("p", { className: "m-0 whitespace-pre-wrap break-words hyphens-manual", children: t }),
-      s && /* @__PURE__ */ n(Bl, { variant: e })
+      s && /* @__PURE__ */ n(jo, { variant: e })
     ]
   }
-), jl = ({
+), Vo = ({
   text: e,
   tail: t,
   header: s,
@@ -5795,10 +5756,10 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     header: s,
     className: a
   }
-), Hl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ts, { variant: "sent", text: e, tail: t, className: s }), lo = {
-  Sent: Hl,
-  Received: jl
-}, Vl = ({
+), Go = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ts, { variant: "sent", text: e, tail: t, className: s }), cl = {
+  Sent: Go,
+  Received: Vo
+}, Yo = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -5820,22 +5781,22 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     ),
     children: e
   }
-), oo = ({
+), dl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
   headerText: a,
   className: r,
   avatarImage: i,
-  avatarName: o
+  avatarName: l
 }) => {
-  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(
+  const o = Ws(e);
+  return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ f("div", { className: "flex gap-3 items-end", children: [
+    (i || l) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
       _e,
       {
-        id: o || "account",
-        name: o || "Account",
+        id: l || "account",
+        name: l || "Account",
         image: i,
         size: 24,
         shape: "circle"
@@ -5848,8 +5809,8 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
         style: { backgroundColor: "#F1F0EE" },
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
-          l.map((d) => /* @__PURE__ */ n(
-            Vl,
+          o.map((d) => /* @__PURE__ */ n(
+            Yo,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5865,39 +5826,39 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
 export {
   Sn as A,
   yn as B,
-  pl as C,
-  ao as D,
+  vo as C,
+  il as D,
   sr as E,
-  oo as F,
+  dl as F,
   _a as G,
   it as L,
-  to as M,
-  io as R,
+  sl as M,
+  ll as R,
   Ne as a,
   _e as b,
-  Cl as c,
+  Eo as c,
   Zn as d,
-  no as e,
-  Vl as f,
+  al as e,
+  Yo as f,
   de as g,
   Pe as h,
   ke as i,
-  lo as j,
-  eo as k,
-  ro as l,
+  cl as j,
+  nl as k,
+  ol as l,
   ei as m,
   Zr as n,
   ce as o,
-  Nl as p,
+  Co as p,
   Qr as q,
   ve as r,
   kn as s,
   Ve as t,
   Na as u,
-  so as v,
+  rl as v,
   Da as w,
   _n as x,
   ut as y,
   mt as z
 };
-//# sourceMappingURL=index-C1cbPKI7.js.map
+//# sourceMappingURL=index-DFykbijs.js.map