@linktr.ee/messaging-react 3.14.0 → 3.14.1-rc-1784609552

package/dist/{index-Cw1ij-Py.js → index-4OY62Yxz.js}

@@ -1,10 +1,10 @@
 import { jsx as s, jsxs as u, Fragment as te } from "react/jsx-runtime";
-import V, { createContext as dt, useContext as Te, useCallback as Q, useState as B, useRef as G, useEffect as K, useId as Ws, useMemo as re, Suspense as qs } from "react";
+import V, { createContext as dt, useContext as Te, useCallback as Q, useState as U, useRef as G, useEffect as K, useId as qs, useMemo as re, Suspense as Ws } from "react";
 import { StreamChatService as Xs } from "@linktr.ee/messaging-core";
-import { StreamChat as Ks, LinkPreviewsManager as Ht } from "stream-chat";
-import { Chat as Zs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Js, MessageStatus as Qs, useMessageContext as Ne, MessageErrorIcon as at, MessageText as $e, areMessageUIPropsEqual as en, useMessageReminder as tn, useComponentContext as cs, Attachment as sn, EditMessageModal as nn, MessageBlocked as an, MessageBouncePrompt as rn, MessageDeleted as ln, MessageIsThreadReplyInChannelButtonIndicator as on, MessageRepliesCountButton as cn, ReminderNotification as dn, StreamedMessageText as un, messageHasAttachments as mn, messageHasReactions as hn, isDateSeparatorMessage as fn, isMessageBlocked as gn, isMessageBounced as pn, MessageBounceModal as bn, Poll as vn, useMessageComposer as xn, useStateStore as wn, MessageInput as Wt, useMessageInputContext as _n, useMessageComposerHasSendableData as Nn, AttachmentPreviewList as yn, QuotedMessagePreview as kn, TextareaComposer as Cn, MessageTimestamp as Ke, AIStates as Ze, useTypingContext as Sn, useAIState as En, Channel as In, WithComponents as Tn, Window as Mn, MessageList as qt, ChannelList as An, InfiniteScroll as Rn } from "stream-chat-react";
-import { StarIcon as Ie, DotsThreeIcon as Ln, SpinnerGapIcon as Pe, SignOutIcon as Dn, ProhibitInsetIcon as Xt, FlagIcon as ds, ArrowLeftIcon as rt, CurrencyDollarIcon as zn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as us, ImageIcon as Pn, SpeakerHighIcon as On, VideoCameraIcon as ms, FileMdIcon as Fn, FileTextIcon as $n, FileZipIcon as Un, FilePptIcon as Bn, FileCsvIcon as jn, FileXlsIcon as Vn, FileDocIcon as Gn, FilePdfIcon as Yn, CircleNotchIcon as Se, PlayIcon as it, PauseIcon as Hn, LinkIcon as Wn, DownloadSimpleIcon as Ee, XIcon as Ye, CaretLeftIcon as qn, GiftIcon as Xn, ThumbsUpIcon as Kn, ThumbsDownIcon as Zn, ChecksIcon as Jn, PencilSimpleIcon as Qn, TrashSimpleIcon as ea, ArrowUpIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
-import C from "classnames";
+import { StreamChat as Ks, LinkPreviewsManager as Yt } from "stream-chat";
+import { Chat as Zs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Js, MessageStatus as Qs, useMessageContext as Ne, MessageErrorIcon as at, MessageText as $e, areMessageUIPropsEqual as en, useMessageReminder as tn, useComponentContext as cs, Attachment as sn, EditMessageModal as nn, MessageBlocked as an, MessageBouncePrompt as rn, MessageDeleted as ln, MessageIsThreadReplyInChannelButtonIndicator as on, MessageRepliesCountButton as cn, ReminderNotification as dn, StreamedMessageText as un, messageHasAttachments as mn, messageHasReactions as hn, isDateSeparatorMessage as fn, isMessageBlocked as gn, isMessageBounced as pn, MessageBounceModal as bn, Poll as vn, useMessageComposer as xn, useStateStore as _n, MessageInput as qt, useMessageInputContext as wn, useMessageComposerHasSendableData as Nn, AttachmentPreviewList as yn, QuotedMessagePreview as kn, TextareaComposer as Cn, MessageTimestamp as Ke, AIStates as Ze, useTypingContext as Sn, useAIState as En, Channel as In, WithComponents as Tn, Window as Mn, MessageList as Wt, ChannelList as An, InfiniteScroll as Rn } from "stream-chat-react";
+import { StarIcon as Ie, DotsThreeIcon as Ln, SpinnerGapIcon as Oe, SignOutIcon as Dn, ProhibitInsetIcon as Xt, FlagIcon as ds, ArrowLeftIcon as rt, CurrencyDollarIcon as zn, CaretRightIcon as xe, SparkleIcon as _e, FileIcon as us, ImageIcon as On, SpeakerHighIcon as Pn, VideoCameraIcon as ms, FileMdIcon as Fn, FileTextIcon as $n, FileZipIcon as Bn, FilePptIcon as Un, FileCsvIcon as jn, FileXlsIcon as Vn, FileDocIcon as Gn, FilePdfIcon as Hn, CircleNotchIcon as Se, PlayIcon as it, PauseIcon as Yn, LinkIcon as qn, DownloadSimpleIcon as Ee, XIcon as He, CaretLeftIcon as Wn, GiftIcon as Xn, ThumbsUpIcon as Kn, ThumbsDownIcon as Zn, ChecksIcon as Jn, PencilSimpleIcon as Qn, TrashSimpleIcon as ea, ArrowUpIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
+import S from "classnames";
 import { MessageActions as na, DefaultDropdownActionButton as hs } from "stream-chat-react/experimental";
 const fs = dt({
   service: null,
@@ -16,7 +16,7 @@ const fs = dt({
   refreshConnection: async () => {
   },
   debug: !1
-}), ut = () => Te(fs), gl = ({
+}), ut = () => Te(fs), pl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -25,10 +25,10 @@ const fs = dt({
   debug: i = !1,
   client: o
 }) => {
-  var k, T;
+  var C, T;
   const l = Q(
-    (M, ...O) => {
-      i && console.log(`🔥 [MessagingProvider] ${M}`, ...O);
+    (M, ...P) => {
+      i && console.log(`🔥 [MessagingProvider] ${M}`, ...P);
     },
     [i]
   );
@@ -38,8 +38,8 @@ const fs = dt({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = B(null), [g, h] = B(null), [f, c] = B(!1), [b, v] = B(!1), [x, p] = B(null), _ = G(!1), w = G(null), S = G(n);
-  S.current = n;
+  const [d, m] = U(null), [g, h] = U(null), [f, c] = U(!1), [b, x] = U(!1), [v, p] = U(null), _ = G(!1), w = G(null), y = G(n);
+  y.current = n;
   const z = G(i);
   z.current = i;
   const E = G({
@@ -64,15 +64,15 @@ const fs = dt({
     capabilities: r
   };
   const F = G(null);
-  !o && a && ((k = F.current) == null ? void 0 : k.apiKey) !== a && (F.current = { apiKey: a, client: new Ks(a) });
+  !o && a && ((C = F.current) == null ? void 0 : C.apiKey) !== a && (F.current = { apiKey: a, client: new Ks(a) });
   const D = o || (a ? ((T = F.current) == null ? void 0 : T.client) ?? null : null);
   K(() => {
-    const M = R.current, O = S.current;
+    const M = R.current, P = y.current;
     if (o) {
-      w.current = null, m(null), h(null), c(!1), p(null), v(!1);
+      w.current = null, m(null), h(null), c(!1), p(null), x(!1);
       return;
     }
-    if (!a || !D || !O) {
+    if (!a || !D || !P) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: M,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -84,7 +84,7 @@ const fs = dt({
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
     const $ = new Xs({
-      ...O,
+      ...P,
       apiKey: a,
       debug: z.current,
       client: D
@@ -96,7 +96,7 @@ const fs = dt({
   }, [a, D, o]);
   const L = G(null);
   K(() => {
-    var O, $;
+    var P, $;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
       hasUser: !!t,
@@ -114,7 +114,7 @@ const fs = dt({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((O = L.current) == null ? void 0 : O.serviceId) === d && (($ = L.current) == null ? void 0 : $.userId) === t.id) {
+    if (((P = L.current) == null ? void 0 : P.serviceId) === d && (($ = L.current) == null ? void 0 : $.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -122,7 +122,7 @@ const fs = dt({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, v(!0), p(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, x(!0), p(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
@@ -137,7 +137,7 @@ const fs = dt({
           error: Z
         });
       } finally {
-        v(!1), _.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        x(!1), _.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: f
         });
@@ -146,11 +146,11 @@ const fs = dt({
   }, [d, t, l, f, o]), K(() => {
     const M = D;
     return () => {
-      var O;
-      M && (L.current = null, (O = w.current) == null || O.disconnectUser().catch(console.error));
+      var P;
+      M && (L.current = null, (P = w.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [D]);
-  const y = Q(async () => {
+  const k = Q(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -159,19 +159,19 @@ const fs = dt({
         l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
         return;
       }
-      l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), v(!0);
+      l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), x(!0);
       try {
         l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
         const M = await d.connectUser(t);
         h(M), c(!0), p(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
       } catch (M) {
-        const O = M instanceof Error ? M.message : "Refresh failed";
-        p(O), l("❌ CONNECTION REFRESH ERROR", {
+        const P = M instanceof Error ? M.message : "Refresh failed";
+        p(P), l("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
-          error: O
+          error: P
         });
       } finally {
-        v(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+        x(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
   }, [d, t, l, o]), I = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
@@ -179,7 +179,7 @@ const fs = dt({
     hasClient: !!g,
     isConnected: f,
     isLoading: b,
-    hasError: !!x,
+    hasError: !!v,
     capabilitiesKeys: Object.keys(r)
   }), {
     // With an injected client, expose no service — the injected client owns
@@ -194,9 +194,9 @@ const fs = dt({
     client: o ?? g,
     isConnected: o ? !0 : f,
     isLoading: o ? !1 : b,
-    error: o ? null : x,
+    error: o ? null : v,
     capabilities: r,
-    refreshConnection: y,
+    refreshConnection: k,
     debug: i
   }), [
     d,
@@ -204,9 +204,9 @@ const fs = dt({
     o,
     f,
     b,
-    x,
+    v,
     r,
-    y,
+    k,
     i,
     l
   ]);
@@ -226,7 +226,7 @@ const fs = dt({
   ) : e });
 }, aa = () => ut(), mt = (e) => {
   var a, r;
-  const [t, n] = B(
+  const [t, n] = U(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return K(() => {
@@ -247,7 +247,7 @@ const fs = dt({
     };
   }, [e]), t;
 }, ra = "linktree-official", ia = "linktree-official-sender";
-function He(e, t, n) {
+function Ye(e, t, n) {
   const a = Object.values(e || {});
   if (n === ra) {
     const r = a.find(
@@ -341,7 +341,7 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: C(
+      className: S(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
       style: { fontSize: h, lineHeight: 1 },
@@ -351,7 +351,7 @@ const ne = ({
   return /* @__PURE__ */ u(
     "div",
     {
-      className: C(
+      className: S(
         "relative flex-shrink-0",
         a
       ),
@@ -375,7 +375,7 @@ const ne = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: C(
+            className: S(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -408,70 +408,70 @@ const ne = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var I;
-  const { service: h, debug: f } = ut(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, b = !!(a && n && h && c), [v, x] = B(!1), [p, _] = B(null), [w, S] = B(!1), [z, E] = B(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  const { service: h, debug: f } = ut(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, b = !!(a && n && h && c), [x, v] = U(!1), [p, _] = U(null), [w, y] = U(!1), [z, E] = U(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
   return K(() => {
     if (!b || !h || !c) {
-      x(!1), _(null);
+      v(!1), _(null);
       return;
     }
-    let k = !1;
+    let C = !1;
     return (async () => {
       try {
         const T = await h.getBlockedUsers();
-        if (k) return;
-        x(
+        if (C) return;
+        v(
           T.some(
             (M) => M.blocked_user_id === c
           )
         );
       } catch (T) {
-        k || console.error(`[${g}] Failed to check blocked status:`, T);
+        C || console.error(`[${g}] Failed to check blocked status:`, T);
       } finally {
-        k || _({ participantId: c, service: h });
+        C || _({ participantId: c, service: h });
       }
     })(), () => {
-      k = !0;
+      C = !0;
     };
   }, [b, h, c, g]), {
-    isParticipantBlocked: v,
+    isParticipantBlocked: x,
     isCheckingBlockedStatus: R,
     isLeaving: w,
     isUpdatingBlockStatus: z,
     handleLeaveConversation: async () => {
-      var k;
+      var C;
       if (!w) {
-        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), S(!0);
+        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), y(!0);
         try {
-          const T = ((k = e._client) == null ? void 0 : k.userID) ?? null;
+          const T = ((C = e._client) == null ? void 0 : C.userID) ?? null;
           await e.hide(T, !1), r && await r(e), m == null || m();
         } catch (T) {
           console.error(`[${g}] Failed to leave conversation`, T);
         } finally {
-          S(!1);
+          y(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var k, T, M;
+      var C, T, M;
       if (!(z || !h)) {
-        l == null || l(), f && console.log(`[${g}] Block member`, (k = t == null ? void 0 : t.user) == null ? void 0 : k.id), E(!0);
+        l == null || l(), f && console.log(`[${g}] Block member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), E(!0);
         try {
           await h.blockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
-        } catch (O) {
-          console.error(`[${g}] Failed to block member`, O);
+        } catch (P) {
+          console.error(`[${g}] Failed to block member`, P);
         } finally {
           E(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var k, T, M;
+      var C, T, M;
       if (!(z || !h)) {
-        l == null || l(), f && console.log(`[${g}] Unblock member`, (k = t == null ? void 0 : t.user) == null ? void 0 : k.id), E(!0);
+        l == null || l(), f && console.log(`[${g}] Unblock member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), E(!0);
         try {
           await h.unBlockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
-        } catch (O) {
-          console.error(`[${g}] Failed to unblock member`, O);
+        } catch (P) {
+          console.error(`[${g}] Failed to unblock member`, P);
         } finally {
           E(!1);
         }
@@ -490,7 +490,7 @@ const ne = ({
   "button",
   {
     type: "button",
-    className: C(
+    className: S(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -512,11 +512,11 @@ const ne = ({
   customChannelActions: g,
   triggerClassName: h
 }) => {
-  const [f, c] = B(!1), b = G(null), v = Ws(), x = Q(() => c(!1), []), {
+  const [f, c] = U(!1), b = G(null), x = qs(), v = Q(() => c(!1), []), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: _,
     isLeaving: w,
-    isUpdatingBlockStatus: S,
+    isUpdatingBlockStatus: y,
     handleLeaveConversation: z,
     handleBlockUser: E,
     handleUnblockUser: R,
@@ -531,18 +531,18 @@ const ne = ({
     onDeleteConversationClick: l,
     onBlockParticipantClick: d,
     onReportParticipantClick: m,
-    onActionComplete: x,
+    onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
   return K(() => {
     if (!f) return;
     const L = (I) => {
       b.current && !b.current.contains(I.target) && c(!1);
-    }, y = (I) => {
+    }, k = (I) => {
       I.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", y), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", y);
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", k), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", k);
     };
   }, [f]), !t || !(n || a || r || !!g) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ u(
@@ -552,7 +552,7 @@ const ne = ({
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": f,
-        "aria-controls": f ? v : void 0,
+        "aria-controls": f ? x : void 0,
         onClick: () => c((L) => !L),
         children: [
           /* @__PURE__ */ s(Ln, { className: "size-5 text-black/90" }),
@@ -563,9 +563,9 @@ const ne = ({
     f && /* @__PURE__ */ s(
       "div",
       {
-        id: v,
+        id: x,
         "aria-label": "Conversation options",
-        className: C(
+        className: S(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -577,7 +577,7 @@ const ne = ({
               disabled: w,
               "aria-busy": w,
               children: [
-                w ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Dn, { className: "h-5 w-5" }),
+                w ? /* @__PURE__ */ s(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Dn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -586,17 +586,17 @@ const ne = ({
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
             /* @__PURE__ */ u(ye, { disabled: !0, "aria-busy": !0, children: [
-              /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }),
+              /* @__PURE__ */ s(Oe, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
           ) : p ? /* @__PURE__ */ u(
             ye,
             {
               onClick: R,
-              disabled: S,
-              "aria-busy": S,
+              disabled: y,
+              "aria-busy": y,
               children: [
-                S ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
+                y ? /* @__PURE__ */ s(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
@@ -604,10 +604,10 @@ const ne = ({
             ye,
             {
               onClick: E,
-              disabled: S,
-              "aria-busy": S,
+              disabled: y,
+              "aria-busy": y,
               children: [
-                S ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
+                y ? /* @__PURE__ */ s(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
@@ -637,34 +637,34 @@ const ne = ({
   onReportParticipantClick: f,
   customChannelActions: c,
   renderChannelActions: b,
-  showChannelInfo: v = !0,
-  onParticipantNameClick: x
+  showChannelInfo: x = !0,
+  onParticipantNameClick: v
 }) => {
-  var D, L, y, I;
+  var D, L, k, I;
   const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
     () => {
-      var k;
-      return He(
-        (k = p.state) == null ? void 0 : k.members,
+      var C;
+      return Ye(
+        (C = p.state) == null ? void 0 : C.members,
         _ == null ? void 0 : _.userID,
         p.type
       );
     },
     [(D = p.state) == null ? void 0 : D.members, _ == null ? void 0 : _.userID, p.type]
-  ), S = ht(w == null ? void 0 : w.user), z = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, E = mt(p), R = pa((y = p.data) == null ? void 0 : y.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, F = async () => {
+  ), y = ht(w == null ? void 0 : w.user), z = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, E = mt(p), R = pa((k = p.data) == null ? void 0 : k.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, F = async () => {
     try {
       E ? await p.unpin() : await p.pin();
-    } catch (k) {
+    } catch (C) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        k
+        C
       );
     }
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: C(
+      className: S(
         "@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",
         e
       ),
@@ -672,7 +672,7 @@ const ne = ({
         /* @__PURE__ */ s("div", { className: "flex items-start", children: n && /* @__PURE__ */ s(
           "button",
           {
-            className: C(
+            className: S(
               Je,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
@@ -687,15 +687,15 @@ const ne = ({
           "button",
           {
             type: "button",
-            onClick: x,
-            "aria-label": `View details for ${S}`,
+            onClick: v,
+            "aria-label": `View details for ${y}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
             children: [
               /* @__PURE__ */ s(
                 ne,
                 {
                   id: ((I = w == null ? void 0 : w.user) == null ? void 0 : I.id) || p.id || "unknown",
-                  name: S,
+                  name: y,
                   image: z,
                   dmAgentEnabled: r,
                   shape: "circle",
@@ -705,7 +705,7 @@ const ne = ({
               ),
               /* @__PURE__ */ u("span", { className: "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 pl-3 pr-2 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", children: [
                 /* @__PURE__ */ u("span", { className: "flex max-w-full items-center justify-center", children: [
-                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: S }),
+                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: y }),
                   /* @__PURE__ */ u("span", { className: "ml-2 flex gap-1", children: [
                     R && /* @__PURE__ */ s(
                       "span",
@@ -734,7 +734,7 @@ const ne = ({
                   ] })
                 ] }),
                 r && /* @__PURE__ */ u("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { children: ga })
                 ] })
               ] })
@@ -753,7 +753,7 @@ const ne = ({
               children: /* @__PURE__ */ s(
                 Ie,
                 {
-                  className: C("size-5", {
+                  className: S("size-5", {
                     "text-[#FFD60A]": E,
                     "text-black/90": !E
                   }),
@@ -762,7 +762,7 @@ const ne = ({
               )
             }
           ),
-          v && (b !== void 0 ? b : /* @__PURE__ */ s(
+          x && (b !== void 0 ? b : /* @__PURE__ */ s(
             lt,
             {
               channel: p,
@@ -787,7 +787,7 @@ const ne = ({
 function xa(e) {
   return e != null && e.length ? e.some((t) => t.type === ct) ? "down" : e.some((t) => t.type === ot) ? "up" : null : null;
 }
-function wa(e) {
+function _a(e) {
   const { channel: t } = oe(), { client: n } = fe("useMessageVote"), a = re(
     () => xa(e.own_reactions),
     [e.own_reactions]
@@ -814,7 +814,7 @@ function wa(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function _a(e) {
+function wa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function ps({
@@ -822,7 +822,7 @@ function ps({
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = _a(t);
+  const n = e == null ? void 0 : e.text, a = wa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
 const Na = ["linktr.ee"], Jt = "messaging-attachment-v1_0";
@@ -867,16 +867,16 @@ function bs(e) {
 }
 const Sa = {
   video: ms,
-  audio: On,
-  image: Pn,
+  audio: Pn,
+  image: On,
   document: us
 }, Ea = {
-  pdf: Yn,
+  pdf: Hn,
   doc: Gn,
   xls: Vn,
   csv: jn,
-  ppt: Bn,
-  zip: Un,
+  ppt: Un,
+  zip: Bn,
   text: $n,
   markdown: Fn,
   generic: us
@@ -885,7 +885,7 @@ function Ia(e) {
   const t = ce(e);
   return t !== "document" ? Sa[t] : Ea[bs(e)];
 }
-function _e(e, t) {
+function we(e, t) {
   return V.createElement(Ia(e), t);
 }
 const Ta = (e) => {
@@ -903,28 +903,28 @@ const Ta = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [v, x] = B(a), [p, _] = B(0), [w, S] = B(!1), [z, E] = B(!1), [R, F] = B(!1), [D, L] = B(!1), [y, I] = B(!0), [k, T] = B(null), M = Q(() => {
-    F(!1), x(!0);
-  }, []), O = Q((N) => {
+  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [x, v] = U(a), [p, _] = U(0), [w, y] = U(!1), [z, E] = U(!1), [R, F] = U(!1), [D, L] = U(!1), [k, I] = U(!0), [C, T] = U(null), M = Q(() => {
+    F(!1), v(!0);
+  }, []), P = Q((N) => {
     const A = f.current;
     if (!A) return 0;
-    const Y = A.getBoundingClientRect();
+    const H = A.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ta(N) - Y.left) / Y.width)
+      Math.min(1, (Ta(N) - H.left) / H.width)
     );
   }, []), $ = Q((N) => {
     const A = h.current;
     A && A.duration && (A.currentTime = N * A.duration);
   }, []), j = (N) => {
-    N.stopPropagation(), S(!0);
-    const A = O(N);
+    N.stopPropagation(), y(!0);
+    const A = P(N);
     _(A), $(A);
   };
   K(() => {
-    r !== void 0 && r !== b.current && (b.current = r, x(r));
+    r !== void 0 && r !== b.current && (b.current = r, v(r));
   }, [r]), K(() => {
-    if (!v) {
+    if (!x) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
@@ -935,21 +935,21 @@ const Ta = (e) => {
     return c.current = requestAnimationFrame(N), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [v, w]), K(() => {
+  }, [x, w]), K(() => {
     const N = h.current;
-    N && (v ? N.play().catch((A) => {
-      x(!1), F(!0);
+    N && (x ? N.play().catch((A) => {
+      v(!1), F(!0);
     }) : N.pause());
-  }, [v]), K(() => {
+  }, [x]), K(() => {
     if (!w) return;
-    const N = (Y) => _(O(Y)), A = (Y) => {
-      S(!1), $(O(Y));
+    const N = (H) => _(P(H)), A = (H) => {
+      y(!1), $(P(H));
     };
     return window.addEventListener("mousemove", N), window.addEventListener("mouseup", A), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", A), () => {
       window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", A);
     };
-  }, [w, O, $]);
-  const Z = k ? { aspectRatio: String(k) } : void 0, ee = k ? "" : " aspect-video", X = Math.round(p * 100);
+  }, [w, P, $]);
+  const Z = C ? { aspectRatio: String(C) } : void 0, ee = C ? "" : " aspect-video", X = Math.round(p * 100);
   return /* @__PURE__ */ u(
     "div",
     {
@@ -962,7 +962,7 @@ const Ta = (e) => {
           m(N);
           return;
         }
-        R || o && x((A) => !A);
+        R || o && v((A) => !A);
       },
       onKeyDown: (N) => {
         if (!(N.key !== "Enter" && N.key !== " ")) {
@@ -970,11 +970,11 @@ const Ta = (e) => {
             m(N);
             return;
           }
-          R || o && x((A) => !A);
+          R || o && v((A) => !A);
         }
       },
       children: [
-        n && (g === "audio" || y) && /* @__PURE__ */ s(
+        n && (g === "audio" || k) && /* @__PURE__ */ s(
           "img",
           {
             src: n,
@@ -982,7 +982,7 @@ const Ta = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (g === "audio" || y) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: _e(t, {
+        !n && (g === "audio" || k) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -1001,7 +1001,7 @@ const Ta = (e) => {
             onWaiting: () => L(!0),
             onPlay: () => F(!1),
             onEnded: () => {
-              i || (x(!1), _(0));
+              i || (v(!1), _(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -1025,7 +1025,7 @@ const Ta = (e) => {
               N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && T(N.videoWidth / N.videoHeight);
             },
             onEnded: () => {
-              i || (x(!1), _(0));
+              i || (v(!1), _(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -1085,11 +1085,11 @@ const Ta = (e) => {
             {
               type: "button",
               onClick: (N) => {
-                N.stopPropagation(), x((A) => !A);
+                N.stopPropagation(), v((A) => !A);
               },
               className: "shrink-0 text-white",
-              "aria-label": v ? "Pause" : "Play",
-              children: v ? /* @__PURE__ */ s(Hn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(it, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": x ? "Pause" : "Play",
+              children: x ? /* @__PURE__ */ s(Yn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(it, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ u(
@@ -1148,7 +1148,7 @@ const Ta = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ce(e), [d, m] = B(!1), g = he(t), h = he(n);
+  const l = ce(e), [d, m] = U(!1), g = he(t), h = he(n);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
     Ma,
     {
@@ -1196,7 +1196,7 @@ const Ta = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: _e(e, {
+      children: we(e, {
         className: Qt(r),
         weight: "regular"
       })
@@ -1213,7 +1213,7 @@ const Ta = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: _e(e, {
+      children: we(e, {
         className: Qt(r),
         weight: "regular"
       })
@@ -1239,7 +1239,7 @@ const Ta = (e) => {
     {
       ref: g,
       "data-testid": h,
-      className: C(
+      className: S(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#1e2330]" : "bg-white"
       ),
@@ -1251,7 +1251,7 @@ const Ta = (e) => {
           c.trim() !== "" && /* @__PURE__ */ s(
             "p",
             {
-              className: C("mb-0.5 truncate text-base font-medium", {
+              className: S("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
                 "text-white/30": f && b,
                 "text-white": f && !b
@@ -1260,8 +1260,8 @@ const Ta = (e) => {
             }
           ),
           /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1", children: [
-            _e(r, {
-              className: C(
+            we(r, {
+              className: S(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1270,7 +1270,7 @@ const Ta = (e) => {
             i != null && i !== "" && /* @__PURE__ */ s(
               "span",
               {
-                className: C(
+                className: S(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1285,7 +1285,7 @@ const Ta = (e) => {
     }
   );
 };
-function ws(e) {
+function _s(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function ft(e) {
@@ -1303,7 +1303,7 @@ function Da(e) {
 function za(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Pa(e) {
+function Oa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const gt = ({ attachment: e, isMyMessage: t }) => {
@@ -1319,7 +1319,7 @@ const gt = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${Ra(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Wn, { className: `size-12 ${Pa(t)}` })
+        children: /* @__PURE__ */ s(qn, { className: `size-12 ${Oa(t)}` })
       }
     ) }),
     /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
@@ -1330,14 +1330,14 @@ const gt = ({ attachment: e, isMyMessage: t }) => {
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
 };
-function _s(e) {
+function ws(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function pt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(_s);
+  return (t = e.attachments) == null ? void 0 : t.find(ws);
 }
-async function Oa(e, t) {
+async function Pa(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1353,7 +1353,7 @@ const Fa = ({
   url: e,
   filename: t
 }) => {
-  const [n, a] = B(!1);
+  const [n, a] = U(!1);
   return /* @__PURE__ */ s(
     "button",
     {
@@ -1361,7 +1361,7 @@ const Fa = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Oa(e, t).then(() => {
+        a(!0), Pa(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1379,13 +1379,13 @@ const Fa = ({
 function bt(e) {
   var h, f, c, b;
   const t = (h = e.attachments) == null ? void 0 : h.find(
-    (v) => v.type === "video" && v.asset_url
+    (x) => x.type === "video" && x.asset_url
   ), n = (f = e.attachments) == null ? void 0 : f.find(
-    (v) => v.type === "image" && v.image_url
+    (x) => x.type === "image" && x.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (v) => v.type === "audio" && v.asset_url
+    (x) => x.type === "audio" && x.asset_url
   ), r = (b = e.attachments) == null ? void 0 : b.find(
-    (v) => v.type === "file" && v.asset_url
+    (x) => x.type === "file" && x.asset_url
   ), i = t ?? n ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (n == null ? void 0 : n.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!o) return null;
   const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
@@ -1404,7 +1404,7 @@ const Ns = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? ws(a) : void 0;
+  const i = a !== void 0 ? _s(a) : void 0;
   return /* @__PURE__ */ s(
     xs,
     {
@@ -1432,7 +1432,7 @@ const Ns = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ce(t), o = a !== void 0 ? ws(a) : void 0;
+  const i = ce(t), o = a !== void 0 ? _s(a) : void 0;
   return /* @__PURE__ */ s(
     xs,
     {
@@ -1486,7 +1486,7 @@ const Ns = ({
       }
     )
   ] });
-}, Ua = ({
+}, Ba = ({
   message: e
 }) => {
   const t = pt(e);
@@ -1494,7 +1494,7 @@ const Ns = ({
     return /* @__PURE__ */ s("div", { className: ft(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(gt, { attachment: t, isMyMessage: !0 }) });
   const n = bt(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
-}, Ba = ({
+}, Ua = ({
   message: e
 }) => {
   const t = pt(e);
@@ -1502,9 +1502,9 @@ const Ns = ({
     return /* @__PURE__ */ s("div", { className: ft(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(gt, { attachment: t, isMyMessage: !1 }) });
   const n = bt(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ys, { ...n }) }) : null;
-}, pl = Object.assign($a, {
-  Creator: Ua,
-  Visitor: Ba
+}, bl = Object.assign($a, {
+  Creator: Ba,
+  Visitor: Ua
 }), ja = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
@@ -1514,7 +1514,7 @@ const Ns = ({
 }, Ga = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Ya = (e) => e === "dark" ? "sender" : "receiver", Ha = {
+}, Ha = (e) => e === "dark" ? "sender" : "receiver", Ya = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -1536,13 +1536,13 @@ const Ns = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Ha[Ya(e)][a];
+  const l = t != null && t !== "", d = Ya[Ha(e)][a];
   return /* @__PURE__ */ u(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: C(
+      className: S(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -1562,7 +1562,7 @@ const Ns = ({
         l ? /* @__PURE__ */ s(
           "p",
           {
-            className: C(
+            className: S(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -1591,17 +1591,17 @@ const Ns = ({
       a.stopPropagation(), e();
     },
     "aria-label": n,
-    className: C(
+    className: S(
       "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__ */ s(Ye, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ s(He, { className: "size-3", weight: "bold" })
   }
-), Re = (e) => e === "received" ? "light" : "dark", Wa = ({
+), Re = (e) => e === "received" ? "light" : "dark", qa = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", qa = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Wa = ({
   src: e,
   mimeType: t,
   filename: n,
@@ -1629,7 +1629,7 @@ const Ns = ({
   preload: l,
   onDismiss: d
 }) => {
-  const m = Re(e), g = e === "composer" && !!d, h = qa({ src: t, mimeType: n, filename: a, items: r });
+  const m = Re(e), g = e === "composer" && !!d, h = Wa({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const f = l ?? (h.length > 1 ? "none" : "metadata");
@@ -1725,13 +1725,13 @@ const ar = {
   const d = n ?? t ?? "File", m = nr(a, t, r), g = /* @__PURE__ */ s(
     "div",
     {
-      className: C(
+      className: S(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
         rr[e]
       ),
       "aria-hidden": !0,
-      children: _e(a, {
-        className: C("size-6", ir[e]),
+      children: we(a, {
+        className: S("size-6", ir[e]),
         weight: "regular"
       })
     }
@@ -1740,7 +1740,7 @@ const ar = {
     m ? /* @__PURE__ */ s(
       "p",
       {
-        className: C(
+        className: S(
           "truncate text-xs leading-4",
           ar[e]
         ),
@@ -1753,7 +1753,7 @@ const ar = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: C(
+      className: S(
         "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]"
       ),
@@ -1833,19 +1833,19 @@ const lr = ({
     mimeType: r,
     title: i,
     items: o
-  }), b = (x) => {
-    if ((m == null ? void 0 : m(x)) === !1) return;
-    const p = c[x];
+  }), b = (v) => {
+    if ((m == null ? void 0 : m(v)) === !1) return;
+    const p = c[v];
     if (!p) return;
     const _ = p.filename ?? ie(p.src);
     Cs(p.src, _);
   };
   if (c.length === 0)
     return null;
-  const v = /* @__PURE__ */ s(
+  const x = /* @__PURE__ */ s(
     "span",
     {
-      className: C(
+      className: S(
         "flex size-8 items-center justify-center rounded-full",
         h === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -1860,16 +1860,16 @@ const lr = ({
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((x, p) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((v, p) => /* @__PURE__ */ s(
         or,
         {
           variant: h,
-          item: x,
+          item: v,
           index: p,
           onActivate: b,
-          trailingAction: f && p === 0 ? /* @__PURE__ */ s(Ae, { onClick: g, variant: "inline" }) : v
+          trailingAction: f && p === 0 ? /* @__PURE__ */ s(Ae, { onClick: g, variant: "inline" }) : x
         },
-        `${x.src}-${p}`
+        `${v.src}-${p}`
       )) })
     }
   );
@@ -1877,7 +1877,7 @@ const lr = ({
   Composer: cr,
   Sent: dr,
   Received: ur
-}, wt = ({
+}, _t = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
@@ -1890,7 +1890,7 @@ const lr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(qn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Wn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1912,7 +1912,7 @@ const lr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = B(!1), m = Q(
+  const [l, d] = U(!1), m = Q(
     (c) => {
       c.stopPropagation(), !l && (d(!0), Cs(e, t).catch(() => {
       }).finally(() => {
@@ -1920,7 +1920,7 @@ const lr = ({
       }));
     },
     [l, e, t, o]
-  ), g = r ?? n !== "pill", f = { className: C(
+  ), g = r ?? n !== "pill", f = { className: S(
     n === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -1931,7 +1931,7 @@ const lr = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: C(
+      className: S(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -1971,7 +1971,7 @@ const lr = ({
       onClick: m,
       disabled: l,
       "aria-label": g ? a : void 0,
-      className: C(
+      className: S(
         "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"
       ),
@@ -1988,12 +1988,12 @@ const lr = ({
       ]
     }
   );
-}, Qe = (e, t, n) => Math.min(Math.max(e, t), n), _t = ({
+}, Qe = (e, t, n) => Math.min(Math.max(e, t), n), wt = ({
   length: e,
   initialIndex: t,
   open: n
 }) => {
-  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] = U(a);
   K(() => {
     n && i(Qe(t, 0, Math.max(e - 1, 0)));
   }, [n, t, e]), K(() => {
@@ -2094,7 +2094,7 @@ const lr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ s(Ye, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ s(He, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -2109,7 +2109,7 @@ const lr = ({
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = _t({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2148,7 +2148,7 @@ const lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          wt,
+          _t,
           {
             onPrev: i,
             onNext: o,
@@ -2168,14 +2168,14 @@ const lr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, n)), o = r - i.length, l = (d, m, g) => {
-    const h = C(hr, "h-full w-full");
+    const h = S(hr, "h-full w-full");
     return t ? /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: C(h, "cursor-zoom-in"),
+        className: S(h, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -2187,10 +2187,10 @@ const lr = ({
       g
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ s("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
+  return i.length === 1 ? /* @__PURE__ */ s("div", { className: S("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
     "div",
     {
-      className: C(
+      className: S(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -2199,7 +2199,7 @@ const lr = ({
   ) : i.length === 3 ? /* @__PURE__ */ u(
     "div",
     {
-      className: C(
+      className: S(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -2212,7 +2212,7 @@ const lr = ({
   ) : /* @__PURE__ */ s(
     "div",
     {
-      className: C(
+      className: S(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -2230,7 +2230,7 @@ const lr = ({
     }
   );
 }, Le = (e) => {
-  const [t, n] = B(!1), [a, r] = B(0), i = Q(
+  const [t, n] = U(!1), [a, r] = U(0), i = Q(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), n(!0));
     },
@@ -2312,8 +2312,8 @@ const lr = ({
   );
   if (m.length === 0)
     return null;
-  const v = m.map(
-    (x, p) => fr(x, p, m.length, l)
+  const x = m.map(
+    (v, p) => fr(v, p, m.length, l)
   );
   return /* @__PURE__ */ u(
     Me,
@@ -2323,7 +2323,7 @@ const lr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Is, { tiles: v, onTileActivate: c }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Is, { tiles: x, onTileActivate: c }) }),
         /* @__PURE__ */ s(
           Es,
           {
@@ -2336,17 +2336,17 @@ const lr = ({
       ]
     }
   );
-}, br = (e) => /* @__PURE__ */ s(pr, { ...e }), vr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), wr = {
+}, br = (e) => /* @__PURE__ */ s(pr, { ...e }), vr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), _r = {
   Composer: br,
   Sent: vr,
   Received: xr
-}, _r = ({
+}, wr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = _t({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2377,7 +2377,7 @@ const lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          wt,
+          _t,
           {
             onPrev: i,
             onNext: o,
@@ -2430,9 +2430,9 @@ const lr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = Re(e), h = yr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
+  const g = Re(e), h = yr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = Le(
     d
-  ), x = e === "composer" && !!m;
+  ), v = e === "composer" && !!m;
   if (h.length === 0)
     return null;
   const p = h.map((_) => ({
@@ -2448,13 +2448,13 @@ const lr = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((_, w) => {
-          const S = _.filename ?? ie(_.src), z = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+          const y = _.filename ?? ie(_.src), z = v && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             Ss,
             {
               url: _.src,
-              filename: S,
+              filename: y,
               variant: "inline",
-              label: `Download ${S}`,
+              label: `Download ${y}`,
               tone: g
             }
           );
@@ -2471,12 +2471,12 @@ const lr = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          _r,
+          wr,
           {
             open: f,
             items: p,
             initialIndex: c,
-            onClose: v
+            onClose: x
           }
         )
       ]
@@ -2492,7 +2492,7 @@ const lr = ({
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = _t({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2525,7 +2525,7 @@ const lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          wt,
+          _t,
           {
             onPrev: i,
             onNext: o,
@@ -2615,12 +2615,12 @@ const lr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = Ar({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Re(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
+  const g = Ar({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Re(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = Le(
     m
   );
   if (g.length === 0)
     return null;
-  const x = g.map(
+  const v = g.map(
     (p, _) => Mr(p, _, g.length)
   );
   return /* @__PURE__ */ u(
@@ -2634,7 +2634,7 @@ const lr = ({
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
           Is,
           {
-            tiles: x,
+            tiles: v,
             onTileActivate: b,
             className: "overflow-hidden rounded-md"
           }
@@ -2645,37 +2645,37 @@ const lr = ({
             open: f,
             items: Ls(g, r),
             initialIndex: c,
-            onClose: v
+            onClose: x
           }
         )
       ]
     }
   );
-}, Lr = (e) => /* @__PURE__ */ s(Rr, { ...e }), Dr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "sent" }), zr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "received" }), Pr = {
+}, Lr = (e) => /* @__PURE__ */ s(Rr, { ...e }), Dr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "sent" }), zr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "received" }), Or = {
   Composer: Lr,
   Sent: Dr,
   Received: zr
 }, ke = {
-  Image: wr,
-  Video: Pr,
+  Image: _r,
+  Video: Or,
   Audio: Qa,
   Pdf: Ir,
   File: mr
-}, Or = {
+}, Pr = {
   isUnlocking: () => !1
 }, Fr = {
-  LockedAttachment: Or
-}, zs = dt({}), bl = zs.Provider;
+  LockedAttachment: Pr
+}, zs = dt({}), vl = zs.Provider;
 function $r(e) {
   return Te(zs)[e] ?? Fr[e];
 }
-const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import("./Card-fPhu90tj.js")), jr = () => /* @__PURE__ */ s(
+const Br = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import("./Card-Cr8EMVg2.js")), jr = () => /* @__PURE__ */ s(
   "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
   }
-), Oe = (e) => /* @__PURE__ */ s(qs, { fallback: /* @__PURE__ */ s(jr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Ur, { ...e }) : /* @__PURE__ */ s(Br, { ...e }) }), Vr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Pe = (e) => /* @__PURE__ */ s(Ws, { fallback: /* @__PURE__ */ s(jr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Br, { ...e }) : /* @__PURE__ */ s(Ur, { ...e }) }), Vr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2695,24 +2695,24 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
 ), Gr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Yr = (e) => {
+}, Hr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Ue = (e) => {
+}, Be = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
 }, kt = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Hr = (e) => {
+}, Yr = (e) => {
   var t;
   return kt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, Wr = (e) => {
+}, qr = (e) => {
   var t;
   return kt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Ps = (e) => Gr(e) || Yr(e), qr = (e) => {
+}, Os = (e) => Gr(e) || Hr(e), Wr = (e) => {
   var t;
-  return Ps(e) && !((t = e.text) != null && t.trim());
+  return Os(e) && !((t = e.text) != null && t.trim());
 }, et = ({
   message: e,
   standalone: t = !1,
@@ -2720,7 +2720,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = Ps(e), i = Ue(e);
+  const r = Os(e), i = Be(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2753,7 +2753,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: S("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -2767,7 +2767,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: S("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: n,
@@ -2814,7 +2814,7 @@ const ei = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, ti = ({ variant: e, cta: t }) => {
-  const n = C(
+  const n = S(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     ei[e]
   ), a = Ct(t.href);
@@ -2861,10 +2861,10 @@ const ei = {
 }) => {
   const d = e === "dark", m = t ?? (d ? n : void 0) ?? "", g = m.trim() !== "", h = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
   if (!g && !h && !c && !b) return null;
-  const x = C(
+  const v = S(
     "truncate text-base font-medium leading-6",
     d && !t ? ni : si[e]
-  ), p = C(
+  ), p = S(
     "truncate text-xs leading-4",
     ai[e]
   );
@@ -2874,7 +2874,7 @@ const ei = {
         /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ u("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ s("p", { className: C("min-w-0", x), children: m })
+            /* @__PURE__ */ s("p", { className: S("min-w-0", v), children: m })
           ] }),
           h && /* @__PURE__ */ s("p", { className: p, children: a })
         ] }),
@@ -2884,14 +2884,14 @@ const ei = {
     ] }),
     o && /* @__PURE__ */ s(ti, { variant: e, cta: o })
   ] });
-}, ri = C(
+}, ri = S(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Be = ({
+), Ue = ({
   variant: e,
   children: t,
   href: n,
@@ -2902,7 +2902,7 @@ const ei = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = n != null || a != null, g = C(
+  const m = n != null || a != null, g = S(
     ri,
     l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
@@ -2933,7 +2933,7 @@ const ei = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: C(g, "text-left"),
+      className: S(g, "text-left"),
       children: [
         t,
         h
@@ -2957,7 +2957,7 @@ const ei = {
 }, li = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, We = (e, t) => !!t && !!e && ce(e) === "audio", Et = (e, t) => {
+}, qe = (e, t) => !!t && !!e && ce(e) === "audio", Et = (e, t) => {
   if (!t || !e) return !1;
   const n = ce(e);
   return n === "video" || n === "audio";
@@ -2971,7 +2971,7 @@ const ei = {
   topRight: o
 }) => {
   const l = ce(r), d = !!n && l === "video", m = he(t);
-  return We(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
+  return qe(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
       src: n,
@@ -2983,7 +2983,7 @@ const ei = {
   ) }) : /* @__PURE__ */ u(
     "div",
     {
-      className: C(
+      className: S(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3010,11 +3010,11 @@ const ei = {
         ) : /* @__PURE__ */ s(
           "div",
           {
-            className: C(
+            className: S(
               "flex h-full w-full items-center justify-center",
               ii[e]
             ),
-            children: _e(r, {
+            children: we(r, {
               className: li[e],
               weight: "regular"
             })
@@ -3039,16 +3039,16 @@ const ei = {
   onDismiss: g,
   onEditClick: h
 }) => {
-  const f = l === "classic", c = We(r, o), b = g ? /* @__PURE__ */ s(
+  const f = l === "classic", c = qe(r, o), b = g ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
       onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ s(Ye, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ s(He, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, v = h ? /* @__PURE__ */ s(
+  ) : void 0, x = h ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
@@ -3058,7 +3058,7 @@ const ei = {
       children: /* @__PURE__ */ s(Qn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Be, { variant: "dark", bgClassName: It, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Ue, { variant: "dark", bgClassName: It, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
       je,
       {
@@ -3070,7 +3070,7 @@ const ei = {
     ) }),
     b && /* @__PURE__ */ s("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ u(
-    Be,
+    Ue,
     {
       variant: "dark",
       topRight: f ? b : void 0,
@@ -3096,7 +3096,7 @@ const ei = {
             url: a,
             appIcon: d,
             cta: m,
-            trailingAction: v
+            trailingAction: x
           }
         )
       ]
@@ -3114,15 +3114,15 @@ const ei = {
   cta: d,
   onClick: m
 }) => {
-  const g = Et(a, i), h = Ct(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = We(a, i) ? It : void 0, v = d && m ? {
+  const g = Et(a, i), h = Ct(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = qe(a, i) ? It : void 0, x = d && m ? {
     ...d,
     onClick: () => {
-      var x;
-      m(), (x = d.onClick) == null || x.call(d);
+      var v;
+      m(), (v = d.onClick) == null || v.call(d);
     }
   } : d;
   return /* @__PURE__ */ u(
-    Be,
+    Ue,
     {
       variant: "light",
       href: f,
@@ -3149,7 +3149,7 @@ const ei = {
             description: t,
             url: n,
             appIcon: l,
-            cta: v
+            cta: x
           }
         )
       ]
@@ -3170,12 +3170,12 @@ const ei = {
 }) => {
   const h = Et(r, o), f = Ct(a), c = m == null && f != null && !h ? f : void 0, b = m == null && !h && c != null ? g : void 0;
   return /* @__PURE__ */ u(
-    Be,
+    Ue,
     {
       variant: "dark",
       href: c,
       onClick: b,
-      bgClassName: We(r, o) ? It : void 0,
+      bgClassName: qe(r, o) ? It : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ s(
           je,
@@ -3207,7 +3207,7 @@ const ei = {
   Sent: di,
   Received: ci
 };
-function P(e) {
+function O(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
@@ -3226,10 +3226,10 @@ function ui(e, t) {
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
 function ss(e) {
-  const t = P(e.og_scrape_url) ?? P(e.title_link), n = P(e.image_url) ?? P(e.thumb_url), a = P(e.asset_url), r = P(e.mime_type);
+  const t = O(e.og_scrape_url) ?? O(e.title_link), n = O(e.image_url) ?? O(e.thumb_url), a = O(e.asset_url), r = O(e.mime_type);
   return {
-    title: P(e.title),
-    description: P(e.text),
+    title: O(e.title),
+    description: O(e.text),
     url: t,
     thumbnailUrl: he(n),
     // Playable clip embedded in a link preview — lets LinkAttachment render its
@@ -3241,10 +3241,10 @@ function ss(e) {
 }
 function mi(e) {
   var t;
-  return Os(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
+  return Ps(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 Os(e) {
-  const t = P(e.og_scrape_url);
+function Ps(e) {
+  const t = O(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
 function Fs(e) {
@@ -3265,7 +3265,7 @@ function Fs(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Os(r)) {
+    if (Ps(r)) {
       a(r);
       continue;
     }
@@ -3281,7 +3281,7 @@ function fi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
 function ns(e) {
-  return P(e.image_url) ?? P(e.asset_url) ?? "";
+  return O(e.image_url) ?? O(e.asset_url) ?? "";
 }
 function gi(e) {
   switch (e) {
@@ -3304,25 +3304,25 @@ function pi(e, t) {
         return {
           items: t.map((a) => ({
             src: ns(a),
-            alt: P(a.title)
+            alt: O(a.title)
           }))
         };
       case "video":
         return {
           items: t.map((a) => ({
-            src: P(a.asset_url) ?? "",
-            poster: P(
+            src: O(a.asset_url) ?? "",
+            poster: O(
               a.thumb_url
             ),
-            mimeType: P(a.mime_type)
+            mimeType: O(a.mime_type)
           }))
         };
       case "audio":
         return {
           items: t.map((a) => ({
-            src: P(a.asset_url) ?? "",
-            mimeType: P(a.mime_type) ?? "audio/mpeg",
-            filename: P(
+            src: O(a.asset_url) ?? "",
+            mimeType: O(a.mime_type) ?? "audio/mpeg",
+            filename: O(
               a.title
             )
           }))
@@ -3330,8 +3330,8 @@ function pi(e, t) {
       case "pdf":
         return {
           items: t.map((a) => ({
-            src: P(a.asset_url) ?? "",
-            filename: P(
+            src: O(a.asset_url) ?? "",
+            filename: O(
               a.title
             ),
             fileSize: a.file_size
@@ -3340,12 +3340,12 @@ function pi(e, t) {
       case "file":
         return {
           items: t.map((a) => ({
-            src: P(a.asset_url) ?? "",
-            filename: P(
+            src: O(a.asset_url) ?? "",
+            filename: O(
               a.title
             ),
             fileSize: a.file_size,
-            mimeType: P(a.mime_type) ?? "application/octet-stream"
+            mimeType: O(a.mime_type) ?? "application/octet-stream"
           }))
         };
     }
@@ -3355,32 +3355,32 @@ function pi(e, t) {
     case "image":
       return {
         src: ns(n),
-        alt: P(n.title)
+        alt: O(n.title)
       };
     case "video":
       return {
-        src: P(n.asset_url) ?? "",
-        poster: P(n.thumb_url),
-        mimeType: P(n.mime_type)
+        src: O(n.asset_url) ?? "",
+        poster: O(n.thumb_url),
+        mimeType: O(n.mime_type)
       };
     case "audio":
       return {
-        src: P(n.asset_url) ?? "",
-        mimeType: P(n.mime_type) ?? "audio/mpeg",
-        filename: P(n.title)
+        src: O(n.asset_url) ?? "",
+        mimeType: O(n.mime_type) ?? "audio/mpeg",
+        filename: O(n.title)
       };
     case "pdf":
       return {
-        src: P(n.asset_url) ?? "",
-        filename: P(n.title),
+        src: O(n.asset_url) ?? "",
+        filename: O(n.title),
         fileSize: n.file_size
       };
     case "file":
       return {
-        src: P(n.asset_url) ?? "",
-        filename: P(n.title),
+        src: O(n.asset_url) ?? "",
+        filename: O(n.title),
         fileSize: n.file_size,
-        mimeType: P(n.mime_type) ?? "application/octet-stream"
+        mimeType: O(n.mime_type) ?? "application/octet-stream"
       };
   }
 }
@@ -3404,14 +3404,14 @@ const vi = ({
   var b;
   const r = Fs(n.attachments);
   if (r.length === 0) return null;
-  const i = hi(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ss(l.attachments[0] ?? {}).url : void 0, m = o && ui(o, d) ? void 0 : o;
+  const i = hi(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ss(l.attachments[0] ?? {}).url : void 0, m = o && ui(o, d) ? void 0 : o;
   let g = 0;
-  const h = [], f = (v, x) => {
+  const h = [], f = (x, v) => {
     const p = t ? es.Sent : es.Received;
     h.push(
-      /* @__PURE__ */ s(p, { ...ss(v) }, x)
+      /* @__PURE__ */ s(p, { ...ss(x) }, v)
     );
-  }, c = (v, x) => {
+  }, c = (x, v) => {
     const p = fi(
       g,
       i,
@@ -3423,20 +3423,20 @@ const vi = ({
         {
           groupPosition: p,
           isMyMessage: t,
-          segment: v
+          segment: x
         },
-        x
+        v
       )
     );
   };
-  return r.forEach((v, x) => {
-    if (v.type === "link") {
-      v.attachments.forEach((p, _) => {
-        f(p, `link-${x}-${_}`);
+  return r.forEach((x, v) => {
+    if (x.type === "link") {
+      x.attachments.forEach((p, _) => {
+        f(p, `link-${v}-${_}`);
       });
       return;
     }
-    c(v, `media-${x}`);
+    c(x, `media-${v}`);
   }), /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
     /* @__PURE__ */ u(
       "div",
@@ -3467,7 +3467,7 @@ const vi = ({
     ] }) : null
   ] });
 }, xi = (e) => {
-  var Dt, zt, Pt, Ot, Ft, $t, Ut, Bt, jt, Vt;
+  var Dt, zt, Ot, Pt, Ft, $t, Bt, Ut, jt, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3483,13 +3483,13 @@ const vi = ({
     isMyMessage: f,
     message: c,
     renderText: b,
-    threadList: v,
-    viewerLanguage: x
-  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: S, onFetchSource: z, onDownloadClick: E } = $r("LockedAttachment"), [R, F] = B(!1), D = tn(c.id), { selected: L, voteUp: y, voteDown: I } = wa(c), {
-    Attachment: k = sn,
+    threadList: x,
+    viewerLanguage: v
+  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: y, onFetchSource: z, onDownloadClick: E } = $r("LockedAttachment"), [R, F] = U(!1), D = tn(c.id), { selected: L, voteUp: k, voteDown: I } = _a(c), {
+    Attachment: C = sn,
     EditMessageModal: T = nn,
     MessageActions: M,
-    MessageBlocked: O = an,
+    MessageBlocked: P = an,
     MessageBouncePrompt: $ = rn,
     MessageDeleted: j = ln,
     MessageIsThreadReplyInChannelButtonIndicator: Z = on,
@@ -3497,24 +3497,24 @@ const vi = ({
     ReminderNotification: X = dn,
     StreamedMessageText: N = un,
     PinIndicator: A
-  } = cs("CustomMessage"), Y = mn(c), W = hn(c), H = re(
+  } = cs("CustomMessage"), H = mn(c), q = hn(c), Y = re(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), U = re(() => {
+  ), B = re(() => {
     const me = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!Ue(c)) return be;
-    const Gt = be.filter((Yt) => !("type" in Yt) || !_s(Yt));
+    if (!Be(c)) return be;
+    const Gt = be.filter((Ht) => !("type" in Ht) || !ws(Ht));
     return Gt.length === be.length ? be : Gt;
-  }, [c]), q = re(
-    () => Fs(U),
-    [U]
+  }, [c]), W = re(
+    () => Fs(B),
+    [B]
   ), J = re(() => {
-    const me = ps({ message: c, viewerLanguage: x });
+    const me = ps({ message: c, viewerLanguage: v });
     return me === c.text ? c : { ...c, text: me };
-  }, [c, x]), de = q.length > 0, De = q.reduce(
+  }, [c, v]), de = W.length > 0, De = W.reduce(
     (me, be) => me + be.attachments.length,
     0
-  ) === ((U == null ? void 0 : U.length) ?? 0), ze = Wa({
+  ) === ((B == null ? void 0 : B.length) ?? 0), ze = qa({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: o
@@ -3524,38 +3524,38 @@ const vi = ({
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(j, { message: c });
   if (gn(c))
-    return /* @__PURE__ */ s(O, {});
-  const ae = !v && !!c.reply_count, ue = !v && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = pn(c);
+    return /* @__PURE__ */ s(P, {});
+  const ae = !x && !!c.reply_count, ue = !x && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = pn(c);
   let ge;
   le ? ge = () => m(c) : Tt && (ge = () => F(!0));
-  const se = f(), Gs = C(
+  const se = f(), Gs = S(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
     se ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": Y,
+      "str-chat__message--has-attachment": H,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": W,
+      "str-chat__message--with-reactions": q,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((zt = c == null ? void 0 : c.error) == null ? void 0 : zt.status) !== 403,
       "str-chat__message-with-thread-link": ae || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = qr(c), pe = Ue(c), Ys = kt(c), Xe = !!(U != null && U.length && !c.quoted_message), At = pe && se && Xe, Hs = de && De && !c.quoted_message && !qe && !H && !pe, Rt = {
+  ), We = c.poll_id && p.polls.fromState(c.poll_id), Mt = Wr(c), pe = Be(c), Hs = kt(c), Xe = !!(B != null && B.length && !c.quoted_message), At = pe && se && Xe, Ys = de && De && !c.quoted_message && !We && !Y && !pe, Rt = {
     contentType: "text",
-    amountText: (Pt = c.metadata) == null ? void 0 : Pt.amount_text,
-    paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
+    amountText: (Ot = c.metadata) == null ? void 0 : Ot.amount_text,
+    paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
     renderedText: c.text && /* @__PURE__ */ s($e, { message: J, renderText: b })
   }, Lt = {
     contentType: "media",
     title: (Ft = c.metadata) == null ? void 0 : Ft.attachment_title,
     mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
-    thumbnailUrl: (Ut = c.metadata) == null ? void 0 : Ut.attachment_thumbnail,
-    amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
+    thumbnailUrl: (Bt = c.metadata) == null ? void 0 : Bt.attachment_thumbnail,
+    amountText: (Ut = c.metadata) == null ? void 0 : Ut.amount_text,
     detail: (jt = c.metadata) == null ? void 0 : jt.attachment_detail,
     paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
     onFetchSource: z ? () => z(c, _) : void 0
@@ -3599,7 +3599,7 @@ const vi = ({
           /* @__PURE__ */ s(
             "div",
             {
-              className: C("str-chat__message-inner", {
+              className: S("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": le || Tt
               }),
               "data-testid": "message-inner",
@@ -3613,41 +3613,41 @@ const vi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Mt ? /* @__PURE__ */ s(et, { message: c, standalone: !0 }) : Hr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+              children: Mt ? /* @__PURE__ */ s(et, { message: c, standalone: !0 }) : Yr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                 se && M && /* @__PURE__ */ s(M, {}),
                 se ? /* @__PURE__ */ s(
-                  Oe,
+                  Pe,
                   {
                     ...Rt,
                     isMine: !0
                   }
                 ) : /* @__PURE__ */ s(
-                  Oe,
+                  Pe,
                   {
                     ...Rt,
                     isMine: !1,
                     isUnlocking: w(c.id),
-                    onUnlockClick: () => S == null ? void 0 : S(c, _)
+                    onUnlockClick: () => y == null ? void 0 : y(c, _)
                   }
                 ),
                 !se && M && /* @__PURE__ */ s(M, {})
-              ] }) }) : Wr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : qr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                   se && M && /* @__PURE__ */ s(M, {}),
                   se ? /* @__PURE__ */ s(
-                    Oe,
+                    Pe,
                     {
                       ...Lt,
                       isMine: !0,
-                      onPreviewClick: () => S ? S(c, _) : void 0
+                      onPreviewClick: () => y ? y(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ s(
-                    Oe,
+                    Pe,
                     {
                       ...Lt,
                       isMine: !1,
                       isUnlocking: w(c.id),
-                      onUnlockClick: () => S ? S(c, _) : void 0,
+                      onUnlockClick: () => y ? y(c, _) : void 0,
                       onDownloadClick: () => E ? E(c, _) : void 0
                     }
                   ),
@@ -3660,14 +3660,14 @@ const vi = ({
                     renderText: b
                   }
                 ) })
-              ] }) : Hs ? /* @__PURE__ */ s(
+              ] }) : Ys ? /* @__PURE__ */ s(
                 vi,
                 {
                   groupPosition: ze,
                   isMyMessage: se,
                   message: {
                     ...J,
-                    attachments: U,
+                    attachments: B,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -3684,15 +3684,15 @@ const vi = ({
                     isMyMessage: se
                   }
                 ),
-                qe && /* @__PURE__ */ s(vn, { poll: qe }),
-                U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
-                  k,
+                We && /* @__PURE__ */ s(vn, { poll: We }),
+                B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
+                  C,
                   {
                     actionHandler: l,
-                    attachments: U
+                    attachments: B
                   }
                 ) : null,
-                H ? /* @__PURE__ */ s(
+                Y ? /* @__PURE__ */ s(
                   N,
                   {
                     message: J,
@@ -3709,7 +3709,7 @@ const vi = ({
               ] }) })
             }
           ),
-          !Ys && !Mt && /* @__PURE__ */ u("div", { className: "str-chat__message-footer", children: [
+          !Hs && !Mt && /* @__PURE__ */ u("div", { className: "str-chat__message-footer", children: [
             (!pe || At) && /* @__PURE__ */ s(
               et,
               {
@@ -3722,7 +3722,7 @@ const vi = ({
               Xr,
               {
                 selected: L,
-                onVoteUp: y,
+                onVoteUp: k,
                 onVoteDown: I
               }
             )
@@ -3741,12 +3741,12 @@ const vi = ({
       c.id
     )
   ] });
-}, wi = V.memo(
+}, _i = V.memo(
   xi,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : en(e, t)
-), _i = (e) => {
+), wi = (e) => {
   const t = Ne("CustomMessage");
-  return /* @__PURE__ */ s(wi, { ...t, ...e });
+  return /* @__PURE__ */ s(_i, { ...t, ...e });
 }, Ni = () => {
   var n;
   const { handleDelete: e, message: t } = Ne("CustomMessageActions");
@@ -3814,7 +3814,7 @@ const vi = ({
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ s(Ye, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ s(He, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ u("div", { className: "p-2", children: [
@@ -3826,10 +3826,10 @@ const vi = ({
   );
 }, Si = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Ht.previewIsLoaded(t) || Ht.previewIsLoading(t)
+    (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
   )
 }), Ei = () => {
-  const { linkPreviewsManager: e } = xn(), { linkPreviews: t } = wn(
+  const { linkPreviewsManager: e } = xn(), { linkPreviews: t } = _n(
     e.state,
     Si
   ), n = (r) => {
@@ -3846,7 +3846,7 @@ const vi = ({
     // fixed-height hero would spill out of the collapsed card box.
     /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ci, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Ve = V.createContext(!1), vl = () => Te(Ve), Ii = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Ve = V.createContext(!1), Ii = 200, xl = () => Te(Ve), Ti = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3857,8 +3857,8 @@ const vi = ({
     children: /* @__PURE__ */ s(ta, { weight: "bold", className: "size-4" })
   }
 ), as = () => {
-  const e = Te(Ve), { handleSubmit: t } = _n(), n = Nn(), a = e || !n, {
-    SendButton: r = Ii,
+  const e = Te(Ve), { handleSubmit: t } = wn(), n = Nn(), a = e || !n, {
+    SendButton: r = Ti,
     AttachmentPreviewList: i = yn
   } = cs("CustomMessageInput");
   return (
@@ -3924,17 +3924,23 @@ const vi = ({
     const h = m.current, f = h == null ? void 0 : h.parentElement;
     if (!h || !f)
       return;
-    const c = () => {
+    let c = h.offsetHeight;
+    const b = () => {
+      const v = h.offsetHeight, p = v > c;
+      c = v;
+      const _ = Array.from(
+        f.querySelectorAll(".str-chat__list")
+      ).find((y) => y.scrollHeight > y.clientHeight) ?? null, w = _ ? _.scrollHeight - _.scrollTop - _.clientHeight < Ii : !1;
       f.style.setProperty(
         "--messaging-composer-height",
-        `${h.offsetHeight + 16}px`
-      );
+        `${v + 16}px`
+      ), p && w && _ && (_.scrollTop = _.scrollHeight);
     };
-    if (c(), typeof ResizeObserver > "u")
+    if (b(), typeof ResizeObserver > "u")
       return;
-    const b = new ResizeObserver(c);
-    return b.observe(h), () => {
-      b.disconnect(), f.style.removeProperty("--messaging-composer-height");
+    const x = new ResizeObserver(b);
+    return x.observe(h), () => {
+      x.disconnect(), f.style.removeProperty("--messaging-composer-height");
     };
   }, [d]), a ? d ? /* @__PURE__ */ u(
     "div",
@@ -3986,7 +3992,7 @@ const vi = ({
                 className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
                 children: [
                   e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-                  /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(Wt, { Input: i ?? as }) })
+                  /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(qt, { Input: i ?? as }) })
                 ]
               }
             ),
@@ -4005,28 +4011,28 @@ const vi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(Wt, { Input: as }) })
+          /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(qt, { Input: as }) })
         ]
       }
     ),
     n == null ? void 0 : n()
   ] });
-}, Ti = [
+}, Mi = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Mi = {
+], Ai = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ai = [
+}, Ri = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ri = ["SYSTEM_AGE_SAFETY_BLOCKED"], Li = {
+], Li = ["SYSTEM_AGE_SAFETY_BLOCKED"], Di = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, st = "age safety guidelines.", Di = "https://linktr.ee/s/about/contact", is = (e) => Ti.includes(e), zi = (e) => Ai.includes(e), Pi = (e) => Ri.includes(
+}, st = "age safety guidelines.", zi = "https://linktr.ee/s/about/contact", is = (e) => Mi.includes(e), Oi = (e) => Ri.includes(e), Pi = (e) => Li.includes(
   e
-), Oi = (e) => {
+), Fi = (e) => {
   var t;
   return Pi((t = e.metadata) == null ? void 0 : t.custom_type);
-}, Fi = (e) => {
+}, $i = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (is(t))
@@ -4034,7 +4040,7 @@ const vi = ({
       kind: "dm-agent",
       type: t
     };
-  if (zi(t))
+  if (Oi(t))
     return {
       kind: "age-safety",
       type: t
@@ -4045,7 +4051,7 @@ const vi = ({
       kind: "dm-agent",
       type: n
     };
-}, $i = (e) => {
+}, Bi = (e) => {
   const t = e.indexOf(st);
   if (t === -1)
     return e;
@@ -4055,7 +4061,7 @@ const vi = ({
     /* @__PURE__ */ s(
       "a",
       {
-        href: Di,
+        href: zi,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4066,11 +4072,11 @@ const vi = ({
   ] });
 }, Ui = (e) => {
   var a, r;
-  const t = !Oi(e.message), n = Fi(
+  const t = !Fi(e.message), n = $i(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Mi[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ai[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4080,7 +4086,7 @@ const vi = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              we,
+              _e,
               {
                 size: 16,
                 weight: "regular",
@@ -4096,7 +4102,7 @@ const vi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Li[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Di[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4115,7 +4121,7 @@ const vi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("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: $i(i) }) })
+            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("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: Bi(i) }) })
           ]
         }
       ),
@@ -4140,21 +4146,21 @@ const vi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Bi = /* @__PURE__ */ new Set([
+) }), ji = /* @__PURE__ */ new Set([
   Ze.Thinking,
   Ze.Generating,
   Ze.ExternalSources
-]), ji = ({ threadList: e }) => {
-  var b, v;
+]), Vi = ({ threadList: e }) => {
+  var b, x;
   const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = Sn(), { aiState: o } = En(t), l = Te($s);
-  if (!e && l && Bi.has(o)) {
-    const x = Vi(t, (b = r.user) == null ? void 0 : b.id);
+  if (!e && l && ji.has(o)) {
+    const v = Gi(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
       ls,
       {
-        avatarId: (x == null ? void 0 : x.id) ?? "ai-agent",
-        avatarName: (x == null ? void 0 : x.name) ?? (x == null ? void 0 : x.id) ?? "Agent",
-        avatarImage: x == null ? void 0 : x.image,
+        avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
+        avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
+        avatarImage: v == null ? void 0 : v.image,
         testId: "typing-indicator-ai"
       }
     );
@@ -4162,19 +4168,19 @@ const vi = ({
   if ((n == null ? void 0 : n.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: x, user: p }) => {
+    ({ parent_id: v, user: p }) => {
       var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && !x;
+      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && !v;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: x, user: p }) => {
+    ({ parent_id: v, user: p }) => {
       var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && x === (a == null ? void 0 : a.id);
+      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && v === (a == null ? void 0 : a.id);
     }
   ) : [], h = e ? g : m;
   if (!h.length)
     return null;
-  const f = (v = h[0]) == null ? void 0 : v.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (x = h[0]) == null ? void 0 : x.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ s(
     ls,
     {
@@ -4228,7 +4234,7 @@ const vi = ({
     ] })
   }
 );
-function Vi(e, t) {
+function Gi(e, t) {
   var a;
   const n = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(n)) {
@@ -4237,10 +4243,10 @@ function Vi(e, t) {
       return i;
   }
 }
-const Gi = () => null, Yi = ({ className: e, message: t }) => /* @__PURE__ */ u(
+const Hi = () => null, Yi = ({ className: e, message: t }) => /* @__PURE__ */ u(
   "div",
   {
-    className: C("flex items-center justify-center h-full", e),
+    className: S("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ u("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ s("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ s(
@@ -4285,7 +4291,7 @@ const Gi = () => null, Yi = ({ className: e, message: t }) => /* @__PURE__ */ u(
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ge.displayName = "LoadingState";
-const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Fe = "Replies instantly with AI assistant", Hi = ({
+const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Fe = "Replies instantly with AI assistant", qi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4301,27 +4307,27 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   customChannelActions: f,
   renderChannelActions: c,
   showChannelInfo: b = !0,
-  onParticipantNameClick: v,
-  renderHeaderTitleBadges: x
+  onParticipantNameClick: x,
+  renderHeaderTitleBadges: v
 }) => {
-  var I, k, T, M, O, $;
+  var I, C, T, M, P, $;
   const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
     () => {
       var j;
-      return He(
+      return Ye(
         (j = p.state) == null ? void 0 : j.members,
         _ == null ? void 0 : _.userID,
         p.type
       );
     },
     [(I = p.state) == null ? void 0 : I.members, _ == null ? void 0 : _.userID, p.type]
-  ), S = ht(w == null ? void 0 : w.user), z = (k = w == null ? void 0 : w.user) == null ? void 0 : k.image, E = mt(p), R = x == null ? void 0 : x({
+  ), y = ht(w == null ? void 0 : w.user), z = (C = w == null ? void 0 : w.user) == null ? void 0 : C.image, E = mt(p), R = v == null ? void 0 : v({
     channel: p,
     participant: w
   }), F = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", D = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", L = /* @__PURE__ */ u(te, { children: [
-    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: S }),
+    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: y }),
     R && /* @__PURE__ */ s("span", { className: "shrink-0", children: R })
-  ] }), y = async () => {
+  ] }), k = async () => {
     try {
       E ? await p.unpin() : await p.pin();
     } catch (j) {
@@ -4336,7 +4342,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ s(
         "button",
         {
-          className: C(
+          className: S(
             ve,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -4352,13 +4358,13 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         {
           className: "flex flex-col gap-1 items-center",
           "data-dd-privacy": "mask",
-          children: v ? /* @__PURE__ */ u(
+          children: x ? /* @__PURE__ */ u(
             "button",
             {
               type: "button",
-              onClick: v,
-              "aria-label": `View details for ${S}`,
-              className: C(
+              onClick: x,
+              "aria-label": `View details for ${y}`,
+              className: S(
                 F,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
@@ -4367,7 +4373,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   ne,
                   {
                     id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || p.id || "unknown",
-                    name: S,
+                    name: y,
                     image: z,
                     starred: n && E,
                     dmAgentEnabled: a,
@@ -4379,7 +4385,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   /* @__PURE__ */ s(xe, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { children: Fe })
                 ] })
               ]
@@ -4389,7 +4395,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ne,
               {
                 id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || p.id || "unknown",
-                name: S,
+                name: y,
                 image: z,
                 starred: n && E,
                 dmAgentEnabled: a,
@@ -4407,7 +4413,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ s("span", { children: Fe })
             ] })
           ] })
@@ -4418,13 +4424,13 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: ve,
-            onClick: y,
+            onClick: k,
             type: "button",
             "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ie,
               {
-                className: C("size-5", {
+                className: S("size-5", {
                   "text-yellow-600": E,
                   "text-black/90": !E
                 }),
@@ -4447,7 +4453,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: h,
             customChannelActions: f,
-            triggerClassName: C(ve, "bg-[#F1F0EE]")
+            triggerClassName: S(ve, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -4457,7 +4463,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ s(
           "button",
           {
-            className: C(
+            className: S(
               ve,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -4467,13 +4473,13 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             children: /* @__PURE__ */ s(rt, { className: "size-5 text-black/90" })
           }
         ),
-        v ? /* @__PURE__ */ u(
+        x ? /* @__PURE__ */ u(
           "button",
           {
             type: "button",
-            onClick: v,
-            "aria-label": `View details for ${S}`,
-            className: C(
+            onClick: x,
+            "aria-label": `View details for ${y}`,
+            className: S(
               D,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
@@ -4481,8 +4487,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((O = w == null ? void 0 : w.user) == null ? void 0 : O.id) || p.id || "unknown",
-                  name: S,
+                  id: ((P = w == null ? void 0 : w.user) == null ? void 0 : P.id) || p.id || "unknown",
+                  name: y,
                   image: z,
                   starred: n && E,
                   dmAgentEnabled: a,
@@ -4495,7 +4501,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   /* @__PURE__ */ s(xe, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { className: "truncate", children: Fe })
                 ] })
               ] })
@@ -4506,7 +4512,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             ne,
             {
               id: (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id) || p.id || "unknown",
-              name: S,
+              name: y,
               image: z,
               starred: n && E,
               dmAgentEnabled: a,
@@ -4525,7 +4531,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ s("span", { className: "truncate", children: Fe })
             ] })
           ] })
@@ -4536,13 +4542,13 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: ve,
-            onClick: y,
+            onClick: k,
             type: "button",
             "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ie,
               {
-                className: C("size-6", {
+                className: S("size-6", {
                   "text-yellow-600": E,
                   "text-black/90": !E
                 }),
@@ -4587,12 +4593,12 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
   composerDisabledReason: b,
-  showStarButton: v = !1,
-  chatbotVotingEnabled: x = !1,
+  showStarButton: x = !1,
+  chatbotVotingEnabled: v = !1,
   renderChannelBanner: p,
   renderHeaderTitleBadges: _,
   customChannelActions: w,
-  renderChannelActions: S,
+  renderChannelActions: y,
   renderMessage: z,
   dmAgentEnabled: E = !1,
   viewerLanguage: R,
@@ -4600,26 +4606,26 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onParticipantNameClick: D,
   composerInput: L
 }) => {
-  var N, A, Y, W;
-  const { channel: y } = oe(), { client: I } = fe(), k = V.useMemo(
+  var N, A, H, q;
+  const { channel: k } = oe(), { client: I } = fe(), C = V.useMemo(
     () => {
-      var H;
-      return He(
-        (H = y.state) == null ? void 0 : H.members,
+      var Y;
+      return Ye(
+        (Y = k.state) == null ? void 0 : Y.members,
         I == null ? void 0 : I.userID,
-        y.type
+        k.type
       );
     },
-    [(N = y.state) == null ? void 0 : N.members, I == null ? void 0 : I.userID, y.type]
+    [(N = k.state) == null ? void 0 : N.members, I == null ? void 0 : I.userID, k.type]
   ), T = V.useMemo(() => {
-    var q;
-    const H = I == null ? void 0 : I.userID;
-    return H ? Object.values(((q = y.state) == null ? void 0 : q.members) || {}).find((J) => {
+    var W;
+    const Y = I == null ? void 0 : I.userID;
+    return Y ? Object.values(((W = k.state) == null ? void 0 : W.members) || {}).find((J) => {
       var de;
-      return ((de = J.user) == null ? void 0 : de.id) === H;
+      return ((de = J.user) == null ? void 0 : de.id) === Y;
     }) : void 0;
-  }, [I == null ? void 0 : I.userID, (A = y.state) == null ? void 0 : A.members]), M = ((Y = T == null ? void 0 : T.user) == null ? void 0 : Y.is_account) ?? (T == null ? void 0 : T.is_account), O = ((W = k == null ? void 0 : k.user) == null ? void 0 : W.is_account) ?? (k == null ? void 0 : k.is_account), $ = E && M === !1 && O === !0, j = y.state.messages.some(
-    (H) => H.type !== "deleted"
+  }, [I == null ? void 0 : I.userID, (A = k.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = C == null ? void 0 : C.user) == null ? void 0 : q.is_account) ?? (C == null ? void 0 : C.is_account), $ = E && M === !1 && P === !0, j = k.state.messages.some(
+    (Y) => Y.type !== "deleted"
   ), Z = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = D ? /* @__PURE__ */ s(
     ba,
     {
@@ -4627,7 +4633,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       onBack: e,
       showBackButton: t,
       showChannelInfo: F,
-      showStarButton: v,
+      showStarButton: x,
       dmAgentEnabled: $,
       onLeaveConversation: i,
       onBlockParticipant: o,
@@ -4638,22 +4644,22 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       onBlockParticipantClick: m,
       onReportParticipantClick: g,
       customChannelActions: w,
-      renderChannelActions: S,
+      renderChannelActions: y,
       onParticipantNameClick: D
     }
   ) : null, X = Q(
-    (H) => {
-      const { message: U } = Ne("ChannelView"), q = /* @__PURE__ */ s(
-        _i,
+    (Y) => {
+      const { message: B } = Ne("ChannelView"), W = /* @__PURE__ */ s(
+        wi,
         {
-          ...H,
-          chatbotVotingEnabled: x,
+          ...Y,
+          chatbotVotingEnabled: v,
           viewerLanguage: R
         }
       );
-      return !z || !U ? q : z(q, U);
+      return !z || !B ? W : z(W, B);
     },
-    [x, z, R]
+    [v, z, R]
   );
   return /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(
     Tn,
@@ -4667,12 +4673,12 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       children: /* @__PURE__ */ u(Mn, { children: [
         !D && /* @__PURE__ */ u(te, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Hi,
+            qi,
             {
               onBack: e,
               showBackButton: t,
               showChannelInfo: F,
-              showStarButton: v,
+              showStarButton: x,
               dmAgentEnabled: $,
               onLeaveConversation: i,
               onBlockParticipant: o,
@@ -4683,7 +4689,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onBlockParticipantClick: m,
               onReportParticipantClick: g,
               customChannelActions: w,
-              renderChannelActions: S,
+              renderChannelActions: y,
               renderHeaderTitleBadges: _
             }
           ) }, "lt-channel-header"),
@@ -4700,7 +4706,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   Z
                 ] }) }),
                 /* @__PURE__ */ s(
-                  qt,
+                  Wt,
                   {
                     head: D && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                       ee,
@@ -4718,12 +4724,12 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             rs,
             {
               ...n && {
-                renderActions: () => n == null ? void 0 : n(y)
+                renderActions: () => n == null ? void 0 : n(k)
               },
               ...r && {
-                renderHeader: () => r(y)
+                renderHeader: () => r(k)
               },
-              renderFooter: () => a == null ? void 0 : a(y),
+              renderFooter: () => a == null ? void 0 : a(k),
               disabled: c,
               disabledReason: b,
               composerInput: L
@@ -4741,7 +4747,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   Z
                 ] }) }),
                 /* @__PURE__ */ s(
-                  qt,
+                  Wt,
                   {
                     head: D && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                       ee,
@@ -4755,14 +4761,14 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             },
             "lt-channel-message-list"
           ),
-          r ? /* @__PURE__ */ s(V.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
+          r ? /* @__PURE__ */ s(V.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
           /* @__PURE__ */ s(
             rs,
             {
               ...n && {
-                renderActions: () => n == null ? void 0 : n(y)
+                renderActions: () => n == null ? void 0 : n(k)
               },
-              renderFooter: () => a == null ? void 0 : a(y),
+              renderFooter: () => a == null ? void 0 : a(k),
               disabled: c,
               disabledReason: b,
               composerInput: L
@@ -4773,7 +4779,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, Us = V.memo(
+}, Bs = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -4784,69 +4790,69 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Gi,
+    CustomChannelEmptyState: m = Hi,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: h,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
     showBlockParticipant: b = !0,
-    showReportParticipant: v = !0,
-    composerDisabled: x = !1,
+    showReportParticipant: x = !0,
+    composerDisabled: v = !1,
     composerDisabledReason: p,
     dmAgentEnabled: _,
     messageMetadata: w,
-    onMessageSent: S,
+    onMessageSent: y,
     showStarButton: z = !1,
     chatbotVotingEnabled: E = !1,
     renderChannelBanner: R,
     renderHeaderTitleBadges: F,
     customChannelActions: D,
     renderChannelActions: L,
-    renderMessage: y,
+    renderMessage: k,
     onMessageLinkClick: I,
-    sendButton: k,
+    sendButton: C,
     attachmentPreviewList: T,
     viewerLanguage: M,
-    showChannelInfo: O = !0,
+    showChannelInfo: P = !0,
     onParticipantNameClick: $,
     composerInput: j
   }) => {
     const Z = Q(
       async (X, N, A) => {
         var J;
-        const Y = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, W = _ && !Y, H = {
+        const H = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, q = _ && !H, Y = {
           ...N,
-          ...W && { silent: !0 },
+          ...q && { silent: !0 },
           ...w && {
             metadata: {
               ...N.metadata ?? {},
               ...w
             }
           }
-        }, U = {
+        }, B = {
           ...A,
-          ...W && { skip_push: !0 }
-        }, q = await e.sendMessage(H, U);
-        return S == null || S(q), q;
+          ...q && { skip_push: !0 }
+        }, W = await e.sendMessage(Y, B);
+        return y == null || y(W), W;
       },
-      [e, _, w, S]
+      [e, _, w, y]
     ), ee = G(null);
     return K(() => {
       if (!I) return;
       const X = ee.current;
       if (!X) return;
       const N = (A) => {
-        const Y = A.target, W = Y == null ? void 0 : Y.closest("a[href]"), H = W == null ? void 0 : W.getAttribute("href");
-        if (!H) return;
-        const U = W == null ? void 0 : W.closest("[data-message-id]"), q = U == null ? void 0 : U.getAttribute("data-message-id"), J = q ? e.state.messages.find((de) => de.id === q) : void 0;
-        I(H, J);
+        const H = A.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
+        if (!Y) return;
+        const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), J = W ? e.state.messages.find((de) => de.id === W) : void 0;
+        I(Y, J);
       };
       return X.addEventListener("click", N), () => X.removeEventListener("click", N);
     }, [I, e]), /* @__PURE__ */ s(
       "div",
       {
         ref: ee,
-        className: C(
+        className: S(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
@@ -4858,9 +4864,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             EmptyStateIndicator: m,
             LoadingIndicator: Ge,
             DateSeparator: va,
-            TypingIndicator: ji,
+            TypingIndicator: Vi,
             doSendMessageRequest: Z,
-            ...k ? { SendButton: k } : {},
+            ...C ? { SendButton: C } : {},
             ...T ? { AttachmentPreviewList: T } : {},
             children: /* @__PURE__ */ s(
               Wi,
@@ -4878,8 +4884,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
                 showBlockParticipant: b,
-                showReportParticipant: v,
-                composerDisabled: x,
+                showReportParticipant: x,
+                composerDisabled: v,
                 composerDisabledReason: p,
                 showStarButton: z,
                 dmAgentEnabled: _,
@@ -4888,9 +4894,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 renderHeaderTitleBadges: F,
                 customChannelActions: D,
                 renderChannelActions: L,
-                renderMessage: y,
+                renderMessage: k,
                 viewerLanguage: M,
-                showChannelInfo: O,
+                showChannelInfo: P,
                 onParticipantNameClick: $,
                 composerInput: j
               }
@@ -4901,7 +4907,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-Us.displayName = "ChannelView";
+Bs.displayName = "ChannelView";
 const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ u("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
@@ -4917,7 +4923,7 @@ const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const xl = ({
+const _l = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4933,12 +4939,12 @@ const xl = ({
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
   renderHeaderTitleBadges: b,
-  renderChannelBanner: v,
-  customChannelActions: x,
+  renderChannelBanner: x,
+  customChannelActions: v,
   renderChannelActions: p,
   onParticipantNameClick: _,
   renderMessage: w,
-  onMessageLinkClick: S,
+  onMessageLinkClick: y,
   showChannelInfo: z,
   composerInput: E
 }) => {
@@ -4947,43 +4953,43 @@ const xl = ({
     isConnected: F,
     isLoading: D,
     error: L,
-    refreshConnection: y,
+    refreshConnection: k,
     service: I,
-    debug: k
-  } = aa(), [T, M] = B(null), [O, $] = B(null), [j, Z] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
+    debug: C
+  } = aa(), [T, M] = U(null), [P, $] = U(null), [j, Z] = U(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
   X.current = o;
   const N = G(a);
   N.current = a;
-  const A = G(null), Y = G(null);
+  const A = G(null), H = G(null);
   K(() => {
-    Y.current = T;
+    H.current = T;
   }, [T]), K(() => {
     if (!R || !F) return;
-    const U = R.userID;
-    if (!U) return;
-    const q = `${U}::${i}`;
-    if (A.current === q) return;
-    A.current = q;
+    const B = R.userID;
+    if (!B) return;
+    const W = `${B}::${i}`;
+    if (A.current === W) return;
+    A.current = W;
     const J = () => {
-      A.current === q && (A.current = null);
+      A.current === W && (A.current = null);
     };
     (async () => {
       var De, ze;
       try {
-        k && console.log(
+        C && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
         const ae = await R.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [U, i] }
+            members: { $eq: [B, i] }
           },
           {},
           { limit: 1 }
         );
         if (ae.length > 0) {
-          M(ae[0]), $(null), (De = N.current) == null || De.call(N, ae[0]), k && console.log(
+          M(ae[0]), $(null), (De = N.current) == null || De.call(N, ae[0]), C && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ae[0].id
           );
@@ -4991,7 +4997,7 @@ const xl = ({
         }
         const ue = X.current;
         if (!ue || !I) {
-          J(), $("No conversation found with this account"), k && console.log(
+          J(), $("No conversation found with this account"), C && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -5003,7 +5009,7 @@ const xl = ({
             name: ue.name,
             phone: ue.phone
           });
-          M(le), $(null), (ze = N.current) == null || ze.call(N, le), k && console.log(
+          M(le), $(null), (ze = N.current) == null || ze.call(N, le), C && console.log(
             "[MessagingShell] Channel created and loaded:",
             le.id
           );
@@ -5017,31 +5023,31 @@ const xl = ({
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           ae
-        ), J(), Y.current || $("Failed to load conversation");
+        ), J(), H.current || $("Failed to load conversation");
       }
     })();
-  }, [i, R, F, I, k]);
-  const W = G(r);
-  W.current = r;
-  const H = Q(() => {
-    var U;
-    M(null), Z(!0), (U = W.current) == null || U.call(W);
+  }, [i, R, F, I, C]);
+  const q = G(r);
+  q.current = r;
+  const Y = Q(() => {
+    var B;
+    M(null), Z(!0), (B = q.current) == null || B.call(q);
   }, []);
-  return D ? /* @__PURE__ */ s(Ge, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: y }) : !F || !R ? /* @__PURE__ */ s(
+  return D ? /* @__PURE__ */ s(Ge, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: k }) : !F || !R ? /* @__PURE__ */ s(
     Ce,
     {
       message: "Not connected to messaging service",
-      onBack: y
+      onBack: k
     }
-  ) : O ? /* @__PURE__ */ s(Ce, { message: O }) : j && !T ? /* @__PURE__ */ s(Ce, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    Us,
+  ) : P ? /* @__PURE__ */ s(Ce, { message: P }) : j && !T ? /* @__PURE__ */ s(Ce, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
+    Bs,
     {
       channel: T,
       renderMessageInputActions: t,
       renderConversationFooter: n,
-      renderChannelBanner: v,
-      onLeaveConversation: H,
-      onBlockParticipant: H,
+      renderChannelBanner: x,
+      onLeaveConversation: Y,
+      onBlockParticipant: Y,
       CustomChannelEmptyState: l,
       showDeleteConversation: ee,
       onBlockParticipantClick: d,
@@ -5051,24 +5057,24 @@ const xl = ({
       chatbotVotingEnabled: f,
       viewerLanguage: c,
       renderHeaderTitleBadges: b,
-      customChannelActions: x,
+      customChannelActions: v,
       renderChannelActions: p,
       onParticipantNameClick: _,
       renderMessage: w,
-      onMessageLinkClick: S,
+      onMessageLinkClick: y,
       showChannelInfo: z,
       composerInput: E
     },
     T.id
   ) }) }) : /* @__PURE__ */ s(Ge, {});
 };
-function qi(e) {
+function Xi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const Bs = V.createContext({
+const Us = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5076,18 +5082,18 @@ const Bs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Xi = Bs.Provider, Ki = () => V.useContext(Bs), Zi = (e, t) => {
+}), Ki = Us.Provider, Zi = () => V.useContext(Us), Ji = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Ji = (e) => {
+}, Qi = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Zi(e, t);
+  const a = Ji(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5107,7 +5113,7 @@ const Bs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Ki(), { client: m } = fe(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = mt(t);
+    } = Zi(), { client: m } = fe(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = mt(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -5121,46 +5127,46 @@ const Bs = V.createContext({
       );
     const f = () => {
       t && r(t);
-    }, c = (y) => {
-      const I = y.key === "Enter" || y.key === " ", k = y.repeat;
-      !I || k || (y.preventDefault(), f());
-    }, b = He(
+    }, c = (k) => {
+      const I = k.key === "Enter" || k.key === " ", C = k.repeat;
+      !I || C || (k.preventDefault(), f());
+    }, b = Ye(
       (F = t == null ? void 0 : t.state) == null ? void 0 : F.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
-    ), v = ht(b == null ? void 0 : b.user), x = (D = b == null ? void 0 : b.user) == null ? void 0 : D.image, p = (() => {
+    ), x = ht(b == null ? void 0 : b.user), v = (D = b == null ? void 0 : b.user) == null ? void 0 : D.image, p = (() => {
       var I;
-      const y = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
-      if (y != null && y.length) {
-        for (let k = y.length - 1; k >= 0; k--)
-          if (y[k].type !== "system") return y[k];
+      const k = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
+      if (k != null && k.length) {
+        for (let C = k.length - 1; C >= 0; C--)
+          if (k[C].type !== "system") return k[C];
       }
     })(), w = (() => {
       var M;
-      const y = ps({
+      const k = ps({
         message: p,
         viewerLanguage: d
-      }), { custom_type: I, attachment_content_type: k } = (p == null ? void 0 : p.metadata) || {};
+      }), { custom_type: I, attachment_content_type: C } = (p == null ? void 0 : p.metadata) || {};
       if (I === "MESSAGE_TIP")
-        return y || "Sent a tip";
+        return k || "Sent a tip";
       if (I === "MESSAGE_PAID")
-        return y || "Sent a message";
+        return k || "Sent a message";
       if (I === "MESSAGE_ATTACHMENT") {
-        if (k === "text")
+        if (C === "text")
           return "🔒 Sent a locked message";
-        if (k === "media")
+        if (C === "media")
           return "🔒 Sent a locked attachment";
       }
-      if (y) return y;
+      if (k) return k;
       const T = (M = p == null ? void 0 : p.attachments) == null ? void 0 : M[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), S = p != null && p.created_at ? Ji(new Date(p.created_at)) : "", z = p ? Ue(p) : !1, E = l ? l(p, w) : `${z ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), y = p != null && p.created_at ? Qi(new Date(p.created_at)) : "", z = p ? Be(p) : !1, E = l ? l(p, w) : `${z ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
-      participantName: v,
+      participantName: x,
       unreadCount: R,
-      hasTimestamp: !!S
+      hasTimestamp: !!y
     }), /* @__PURE__ */ s(
       "div",
       {
@@ -5168,7 +5174,7 @@ const Bs = V.createContext({
         tabIndex: 0,
         onClick: f,
         onKeyDown: c,
-        className: C(
+        className: S(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": g,
@@ -5181,8 +5187,8 @@ const Bs = V.createContext({
             ne,
             {
               id: ((L = b == null ? void 0 : b.user) == null ? void 0 : L.id) || t.id || "unknown",
-              name: v,
-              image: x,
+              name: x,
+              image: v,
               size: 48,
               starred: h
             }
@@ -5192,16 +5198,16 @@ const Bs = V.createContext({
               /* @__PURE__ */ u(
                 "h3",
                 {
-                  className: C(
+                  className: S(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
                     h && /* @__PURE__ */ s("span", { className: "sr-only", children: "Starred conversation. " }),
-                    v
+                    x
                   ]
                 }
               ),
-              S && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: S })
+              y && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: y })
             ] }),
             /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: E }),
@@ -5214,14 +5220,14 @@ const Bs = V.createContext({
   }
 );
 js.displayName = "CustomChannelPreview";
-const Qi = { last_message_at: -1 }, el = V.memo(
+const el = { last_message_at: -1 }, tl = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Qi,
+    sort: i = el,
     className: o,
     customEmptyStateIndicator: l,
     channelListPaginator: d = Rn,
@@ -5231,16 +5237,16 @@ const Qi = { last_message_at: -1 }, el = V.memo(
     lockChannelOrder: f,
     onMessageNewHandler: c,
     onMessageNew: b,
-    onChannelVisible: v,
-    onAddedToChannel: x,
+    onChannelVisible: x,
+    onAddedToChannel: v,
     onChannelUpdated: p
   }) => {
     const _ = V.useRef(0);
     _.current++;
-    const { debug: w = !1 } = ut(), S = V.useCallback(
+    const { debug: w = !1 } = ut(), y = V.useCallback(
       (E) => {
         for (const R of E)
-          qi(R);
+          Xi(R);
         return r ? r(E) : E;
       },
       [r]
@@ -5271,23 +5277,23 @@ const Qi = { last_message_at: -1 }, el = V.memo(
     return /* @__PURE__ */ s(
       "div",
       {
-        className: C(
+        className: S(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Xi, { value: z, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Ki, { value: z, children: /* @__PURE__ */ s(
           An,
           {
             filters: n,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: S,
+            channelRenderFilterFn: y,
             lockChannelOrder: f,
             onMessageNewHandler: c,
             onMessageNew: b,
-            onChannelVisible: v,
-            onAddedToChannel: x,
+            onChannelVisible: x,
+            onAddedToChannel: v,
             onChannelUpdated: p,
             Paginator: d,
             Preview: js,
@@ -5299,11 +5305,11 @@ const Qi = { last_message_at: -1 }, el = V.memo(
     );
   }
 );
-el.displayName = "ChannelList";
-const os = `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%`, tl = {
+tl.displayName = "ChannelList";
+const os = `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%`, sl = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, sl = ({ variant: e }) => /* @__PURE__ */ s(
+}, nl = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5313,12 +5319,12 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: tl[e],
+      backgroundColor: sl[e],
       WebkitMask: os,
       mask: os
     }
   }
-), nl = {
+), al = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5337,23 +5343,23 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   "div",
   {
     "data-dd-privacy": "mask",
-    className: C(
+    className: S(
       "relative px-4 py-3",
       "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]",
       r
     ),
     style: {
-      ...nl[e],
+      ...al[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words", children: t }),
-      n && /* @__PURE__ */ s(sl, { variant: e })
+      n && /* @__PURE__ */ s(nl, { variant: e })
     ]
   }
-), al = ({
+), rl = ({
   text: e,
   tail: t,
   header: n,
@@ -5367,10 +5373,10 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), rl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Vs, { variant: "sent", text: e, tail: t, className: n }), wl = {
-  Sent: rl,
-  Received: al
-}, il = ({
+), il = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Vs, { variant: "sent", text: e, tail: t, className: n }), wl = {
+  Sent: il,
+  Received: rl
+}, ll = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5382,7 +5388,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     onClick: t,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: C(
+    className: S(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -5392,7 +5398,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), _l = ({
+), Nl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5421,7 +5427,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ s(
-            il,
+            ll,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5437,40 +5443,40 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
 export {
   vs as A,
   bt as B,
-  Gi as C,
+  Hi as C,
   ht as D,
-  vl as E,
-  _l as F,
+  xl as E,
+  Nl as F,
   $r as G,
-  wa as H,
+  _a as H,
   aa as I,
   es as L,
-  pl as M,
+  bl as M,
   ye as a,
   ne as b,
-  el as c,
-  Us as d,
-  bl as e,
-  il as f,
+  tl as c,
+  Bs as d,
+  vl as e,
+  ll as f,
   ce as g,
-  Oe as h,
+  Pe as h,
   ke as i,
   wl as j,
   Xr as k,
-  gl as l,
-  xl as m,
+  pl as l,
+  _l as m,
   nr as n,
   he as o,
   er as p,
-  Ji as q,
-  _e as r,
+  Qi as q,
+  we as r,
   sr as s,
   ps as t,
-  _s as u,
+  ws as u,
   oa as v,
-  Wa as w,
-  _a as x,
-  He as y,
+  qa as w,
+  wa as x,
+  Ye as y,
   pt as z
 };
-//# sourceMappingURL=index-Cw1ij-Py.js.map
+//# sourceMappingURL=index-4OY62Yxz.js.map