@linktr.ee/messaging-react 3.9.0 → 3.9.1-rc-1783580113

package/dist/{index-Bv79lb0u.js → index-C2r41RoF.js}

@@ -1,12 +1,12 @@
-import { jsx as s, jsxs as m, Fragment as ee } from "react/jsx-runtime";
-import V, { createContext as rt, useContext as Ie, useCallback as Z, useState as U, useRef as G, useEffect as J, useId as Gs, useMemo as se, Suspense as it } from "react";
+import { jsx as s, jsxs as u, Fragment as te } from "react/jsx-runtime";
+import V, { createContext as lt, useContext as Ie, useCallback as Z, useState as U, useRef as G, useEffect as J, useId as Gs, useMemo as se, Suspense as ot } from "react";
 import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
-import { StreamChat as Ys, LinkPreviewsManager as Yt } from "stream-chat";
-import { Chat as qs, useChannelStateContext as le, useChatContext as oe, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as _e, areMessageUIPropsEqual as Ks, useMessageReminder as Js, useComponentContext as is, Attachment as Zs, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, MessageText as qt, MessageErrorIcon as Wt, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as An } from "stream-chat-react";
-import { StarIcon as Ee, DotsThreeIcon as Mn, SpinnerGapIcon as ze, SignOutIcon as Rn, ProhibitInsetIcon as Xt, FlagIcon as ls, ArrowLeftIcon as et, CurrencyDollarIcon as Dn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as os, ImageIcon as Ln, SpeakerHighIcon as zn, VideoCameraIcon as cs, FileMdIcon as Pn, FileTextIcon as Fn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as Bn, FileXlsIcon as Un, FileDocIcon as jn, FilePdfIcon as Vn, CircleNotchIcon as Ce, PlayIcon as tt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Se, XIcon as Ue, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Jn, TrashSimpleIcon as Zn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
+import { StreamChat as Ys, LinkPreviewsManager as Wt } from "stream-chat";
+import { Chat as qs, useChannelStateContext as le, useChatContext as oe, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as _e, MessageErrorIcon as et, MessageText as tt, areMessageUIPropsEqual as Ks, useMessageReminder as Js, useComponentContext as is, Attachment as Zs, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as An } from "stream-chat-react";
+import { StarIcon as Ee, DotsThreeIcon as Mn, SpinnerGapIcon as ze, SignOutIcon as Rn, ProhibitInsetIcon as Xt, FlagIcon as ls, ArrowLeftIcon as st, CurrencyDollarIcon as Dn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as os, ImageIcon as Ln, SpeakerHighIcon as zn, VideoCameraIcon as cs, FileMdIcon as Pn, FileTextIcon as Fn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as Bn, FileXlsIcon as Un, FileDocIcon as jn, FilePdfIcon as Vn, CircleNotchIcon as Ce, PlayIcon as nt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Se, XIcon as Ue, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Jn, TrashSimpleIcon as Zn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
 import k from "classnames";
 import { MessageActions as ta, DefaultDropdownActionButton as ds } from "stream-chat-react/experimental";
-const us = rt({
+const us = lt({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const us = rt({
   refreshConnection: async () => {
   },
   debug: !1
-}), lt = () => Ie(us), dl = ({
+}), ct = () => Ie(us), ll = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -25,10 +25,10 @@ const us = rt({
   debug: i = !1,
   client: o
 }) => {
-  var S, R;
+  var I, M;
   const l = Z(
-    (E, ...z) => {
-      i && console.log(`🔥 [MessagingProvider] ${E}`, ...z);
+    (T, ...z) => {
+      i && console.log(`🔥 [MessagingProvider] ${T}`, ...z);
     },
     [i]
   );
@@ -38,11 +38,11 @@ const us = rt({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, u] = U(null), [p, h] = U(null), [f, c] = U(!1), [v, w] = U(!1), [b, g] = U(null), x = G(!1), N = G(null), C = G(n);
+  const [d, m] = U(null), [p, h] = U(null), [g, c] = U(!1), [b, x] = U(!1), [v, f] = U(null), N = G(!1), w = G(null), C = G(n);
   C.current = n;
-  const T = G(i);
-  T.current = i;
-  const A = G({
+  const R = G(i);
+  R.current = i;
+  const S = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
@@ -52,45 +52,45 @@ const us = rt({
     renderCount: D.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: A.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: A.current.apiKey !== a,
-      serviceConfigChanged: A.current.serviceConfig !== n,
-      capabilitiesChanged: A.current.capabilities !== r
+      userChanged: S.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: S.current.apiKey !== a,
+      serviceConfigChanged: S.current.serviceConfig !== n,
+      capabilitiesChanged: S.current.capabilities !== r
     }
-  }), A.current = {
+  }), S.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: r
   };
   const $ = G(null);
-  !o && a && ((S = $.current) == null ? void 0 : S.apiKey) !== a && ($.current = { apiKey: a, client: new Ys(a) });
-  const F = o || (a ? ((R = $.current) == null ? void 0 : R.client) ?? null : null);
+  !o && a && ((I = $.current) == null ? void 0 : I.apiKey) !== a && ($.current = { apiKey: a, client: new Ys(a) });
+  const F = o || (a ? ((M = $.current) == null ? void 0 : M.client) ?? null : null);
   J(() => {
-    const E = D.current, z = C.current;
+    const T = D.current, z = C.current;
     if (o) {
-      N.current = null, u(null), h(null), c(!1), g(null), w(!1);
+      w.current = null, m(null), h(null), c(!1), f(null), x(!1);
       return;
     }
     if (!a || !F || !z) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: E,
+        renderCount: T,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING SERVICE", {
-      renderCount: E,
+      renderCount: T,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
     const O = new Hs({
       ...z,
       apiKey: a,
-      debug: T.current,
+      debug: R.current,
       client: F
     });
-    N.current = O, u(O), l("✅ SERVICE SET", {
-      renderCount: E,
+    w.current = O, m(O), l("✅ SERVICE SET", {
+      renderCount: T,
       serviceInstance: !!O
     });
   }, [a, F, o]);
@@ -101,8 +101,8 @@ const us = rt({
       hasService: !!d,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: x.current,
-      isConnected: f,
+      isConnecting: N.current,
+      isConnected: g,
       dependencies: { service: !!d, userId: t == null ? void 0 : t.id }
     }), o)
       return;
@@ -110,7 +110,7 @@ const us = rt({
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (x.current) {
+    if (N.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
@@ -122,7 +122,7 @@ const us = rt({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), x.current = !0, w(!0), g(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, x(!0), f(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
@@ -132,22 +132,22 @@ const us = rt({
         });
       } catch (j) {
         const X = j instanceof Error ? j.message : "Connection failed";
-        g(X), l("❌ USER CONNECTION ERROR", {
+        f(X), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: X
         });
       } finally {
-        w(!1), x.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        x(!1), N.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
-          isConnected: f
+          isConnected: g
         });
       }
     })();
-  }, [d, t, l, f, o]), J(() => {
-    const E = F;
+  }, [d, t, l, g, o]), J(() => {
+    const T = F;
     return () => {
       var z;
-      E && (L.current = null, (z = N.current) == null || z.disconnectUser().catch(console.error));
+      T && (L.current = null, (z = w.current) == null || z.disconnectUser().catch(console.error));
     };
   }, [F]);
   const y = Z(async () => {
@@ -159,27 +159,27 @@ const us = rt({
         l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
         return;
       }
-      l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
+      l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), x(!0);
       try {
         l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-        const E = await d.connectUser(t);
-        h(E), c(!0), g(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-      } catch (E) {
-        const z = E instanceof Error ? E.message : "Refresh failed";
-        g(z), l("❌ CONNECTION REFRESH ERROR", {
+        const T = await d.connectUser(t);
+        h(T), c(!0), f(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      } catch (T) {
+        const z = T instanceof Error ? T.message : "Refresh failed";
+        f(z), l("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
           error: z
         });
       } finally {
-        w(!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", {
+  }, [d, t, l, o]), E = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!p,
-    isConnected: f,
-    isLoading: v,
-    hasError: !!b,
+    isConnected: g,
+    isLoading: b,
+    hasError: !!v,
     capabilitiesKeys: Object.keys(r)
   }), {
     // With an injected client, expose no service — the injected client owns
@@ -192,9 +192,9 @@ const us = rt({
     // path's `client`/`isLoading`/`error` (from connectUser) must not leak
     // through if the same provider previously attempted an apiKey connect.
     client: o ?? p,
-    isConnected: o ? !0 : f,
-    isLoading: o ? !1 : v,
-    error: o ? null : b,
+    isConnected: o ? !0 : g,
+    isLoading: o ? !1 : b,
+    error: o ? null : v,
     capabilities: r,
     refreshConnection: y,
     debug: i
@@ -202,9 +202,9 @@ const us = rt({
     d,
     p,
     o,
-    f,
-    v,
+    g,
     b,
+    v,
     r,
     y,
     i,
@@ -213,8 +213,8 @@ const us = rt({
   return l("🔄 RENDER END", {
     renderCount: D.current,
     willRenderChat: !!F,
-    contextValueReady: !!I
-  }), /* @__PURE__ */ s(us.Provider, { value: I, children: F ? /* @__PURE__ */ s(
+    contextValueReady: !!E
+  }), /* @__PURE__ */ s(us.Provider, { value: E, children: F ? /* @__PURE__ */ s(
     qs,
     {
       client: F,
@@ -224,7 +224,7 @@ const us = rt({
       children: e
     }
   ) : e });
-}, sa = () => lt(), ot = (e) => {
+}, sa = () => ct(), dt = (e) => {
   var a, r;
   const [t, n] = U(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -273,7 +273,7 @@ function Kt(e, t) {
   const n = e == null ? void 0 : e.trim();
   return !n || t && n === t ? !1 : !ia(n);
 }
-function ct(e) {
+function ut(e) {
   return Kt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Kt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
 const Jt = [
@@ -330,7 +330,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = oa(e), d = ca(e), u = 0.45, h = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const l = oa(e), d = ca(e), m = 0.45, h = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -348,7 +348,7 @@ const ne = ({
       children: l
     }
   ) });
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     "div",
     {
       className: k(
@@ -382,13 +382,13 @@ const ne = ({
             style: {
               ...c,
               ...o && {
-                borderWidth: `${f}px`,
+                borderWidth: `${g}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
               }
             },
-            children: v
+            children: b
           }
         )
       ]
@@ -404,81 +404,81 @@ const ne = ({
   onDeleteConversationClick: o,
   onBlockParticipantClick: l,
   onReportParticipantClick: d,
-  onActionComplete: u,
+  onActionComplete: m,
   logLabel: p = "useChannelModerationActions"
 }) => {
-  var I;
-  const { service: h, debug: f } = lt(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, v = !!(a && n && h && c), [w, b] = U(!1), [g, x] = U(null), [N, C] = U(!1), [T, A] = U(!1), D = v && ((g == null ? void 0 : g.participantId) !== c || (g == null ? void 0 : g.service) !== h);
+  var E;
+  const { service: h, debug: g } = ct(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [x, v] = U(!1), [f, N] = U(null), [w, C] = U(!1), [R, S] = U(!1), D = b && ((f == null ? void 0 : f.participantId) !== c || (f == null ? void 0 : f.service) !== h);
   return J(() => {
-    if (!v || !h || !c) {
-      b(!1), x(null);
+    if (!b || !h || !c) {
+      v(!1), N(null);
       return;
     }
-    let S = !1;
+    let I = !1;
     return (async () => {
       try {
-        const R = await h.getBlockedUsers();
-        if (S) return;
-        b(
-          R.some(
-            (E) => E.blocked_user_id === c
+        const M = await h.getBlockedUsers();
+        if (I) return;
+        v(
+          M.some(
+            (T) => T.blocked_user_id === c
           )
         );
-      } catch (R) {
-        S || console.error(`[${p}] Failed to check blocked status:`, R);
+      } catch (M) {
+        I || console.error(`[${p}] Failed to check blocked status:`, M);
       } finally {
-        S || x({ participantId: c, service: h });
+        I || N({ participantId: c, service: h });
       }
     })(), () => {
-      S = !0;
+      I = !0;
     };
-  }, [v, h, c, p]), {
-    isParticipantBlocked: w,
+  }, [b, h, c, p]), {
+    isParticipantBlocked: x,
     isCheckingBlockedStatus: D,
-    isLeaving: N,
-    isUpdatingBlockStatus: T,
+    isLeaving: w,
+    isUpdatingBlockStatus: R,
     handleLeaveConversation: async () => {
-      var S;
-      if (!N) {
-        o == null || o(), f && console.log(`[${p}] Leave conversation`, e.cid), C(!0);
+      var I;
+      if (!w) {
+        o == null || o(), g && console.log(`[${p}] Leave conversation`, e.cid), C(!0);
         try {
-          const R = ((S = e._client) == null ? void 0 : S.userID) ?? null;
-          await e.hide(R, !1), r && await r(e), u == null || u();
-        } catch (R) {
-          console.error(`[${p}] Failed to leave conversation`, R);
+          const M = ((I = e._client) == null ? void 0 : I.userID) ?? null;
+          await e.hide(M, !1), r && await r(e), m == null || m();
+        } catch (M) {
+          console.error(`[${p}] Failed to leave conversation`, M);
         } finally {
           C(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var S, R, E;
-      if (!(T || !h)) {
-        l == null || l(), f && console.log(`[${p}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), A(!0);
+      var I, M, T;
+      if (!(R || !h)) {
+        l == null || l(), g && console.log(`[${p}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
         try {
-          await h.blockUser((R = t == null ? void 0 : t.user) == null ? void 0 : R.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), u == null || u();
+          await h.blockUser((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), i && await i((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), m == null || m();
         } catch (z) {
           console.error(`[${p}] Failed to block member`, z);
         } finally {
-          A(!1);
+          S(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var S, R, E;
-      if (!(T || !h)) {
-        l == null || l(), f && console.log(`[${p}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), A(!0);
+      var I, M, T;
+      if (!(R || !h)) {
+        l == null || l(), g && console.log(`[${p}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
         try {
-          await h.unBlockUser((R = t == null ? void 0 : t.user) == null ? void 0 : R.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), u == null || u();
+          await h.unBlockUser((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), i && await i((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), m == null || m();
         } catch (z) {
           console.error(`[${p}] Failed to unblock member`, z);
         } finally {
-          A(!1);
+          S(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(da, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(da, "_blank", "noopener,noreferrer");
     }
   };
 }, Ne = ({
@@ -498,7 +498,7 @@ const ne = ({
     ...a,
     children: n
   }
-), st = ({
+), at = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -508,51 +508,51 @@ const ne = ({
   onBlockParticipant: o,
   onDeleteConversationClick: l,
   onBlockParticipantClick: d,
-  onReportParticipantClick: u,
+  onReportParticipantClick: m,
   customChannelActions: p,
   triggerClassName: h
 }) => {
-  const [f, c] = U(!1), v = G(null), w = Gs(), b = Z(() => c(!1), []), {
-    isParticipantBlocked: g,
-    isCheckingBlockedStatus: x,
-    isLeaving: N,
+  const [g, c] = U(!1), b = G(null), x = Gs(), v = Z(() => c(!1), []), {
+    isParticipantBlocked: f,
+    isCheckingBlockedStatus: N,
+    isLeaving: w,
     isUpdatingBlockStatus: C,
-    handleLeaveConversation: T,
-    handleBlockUser: A,
+    handleLeaveConversation: R,
+    handleBlockUser: S,
     handleUnblockUser: D,
     handleReportUser: $
   } = ua({
     channel: e,
     participant: t,
     showBlockParticipant: a,
-    enabled: f,
+    enabled: g,
     onLeaveConversation: i,
     onBlockParticipant: o,
     onDeleteConversationClick: l,
     onBlockParticipantClick: d,
-    onReportParticipantClick: u,
-    onActionComplete: b,
+    onReportParticipantClick: m,
+    onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
   return J(() => {
-    if (!f) return;
-    const L = (I) => {
-      v.current && !v.current.contains(I.target) && c(!1);
-    }, y = (I) => {
-      I.key === "Escape" && c(!1);
+    if (!g) return;
+    const L = (E) => {
+      b.current && !b.current.contains(E.target) && c(!1);
+    }, y = (E) => {
+      E.key === "Escape" && c(!1);
     };
     return document.addEventListener("mousedown", L), document.addEventListener("keydown", y), () => {
       document.removeEventListener("mousedown", L), document.removeEventListener("keydown", y);
     };
-  }, [f]), !t || !(n || a || r || !!p) ? null : /* @__PURE__ */ m("div", { ref: v, className: "relative", children: [
-    /* @__PURE__ */ m(
+  }, [g]), !t || !(n || a || r || !!p) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
+    /* @__PURE__ */ u(
       "button",
       {
         className: h,
         type: "button",
         "aria-haspopup": "true",
-        "aria-expanded": f,
-        "aria-controls": f ? w : void 0,
+        "aria-expanded": g,
+        "aria-controls": g ? x : void 0,
         onClick: () => c((L) => !L),
         children: [
           /* @__PURE__ */ s(Mn, { className: "size-5 text-black/90" }),
@@ -560,36 +560,36 @@ const ne = ({
         ]
       }
     ),
-    f && /* @__PURE__ */ s(
+    g && /* @__PURE__ */ s(
       "div",
       {
-        id: w,
+        id: x,
         "aria-label": "Conversation options",
         className: k(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
-        children: /* @__PURE__ */ m("ul", { className: "flex flex-col gap-1", children: [
-          n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(
+        children: /* @__PURE__ */ u("ul", { className: "flex flex-col gap-1", children: [
+          n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ u(
             Ne,
             {
-              onClick: T,
-              disabled: N,
-              "aria-busy": N,
+              onClick: R,
+              disabled: w,
+              "aria-busy": w,
               children: [
-                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Rn, { className: "h-5 w-5" }),
+                w ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Rn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ s("li", { children: x ? (
+          a && /* @__PURE__ */ s("li", { children: N ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ m(Ne, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ u(Ne, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
-          ) : g ? /* @__PURE__ */ m(
+          ) : f ? /* @__PURE__ */ u(
             Ne,
             {
               onClick: D,
@@ -600,10 +600,10 @@ const ne = ({
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
-          ) : /* @__PURE__ */ m(
+          ) : /* @__PURE__ */ u(
             Ne,
             {
-              onClick: A,
+              onClick: S,
               disabled: C,
               "aria-busy": C,
               children: [
@@ -612,7 +612,7 @@ const ne = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(Ne, { variant: "danger", onClick: $, children: [
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ u(Ne, { variant: "danger", onClick: $, children: [
             /* @__PURE__ */ s(ls, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
@@ -625,160 +625,170 @@ const ne = ({
   const t = e;
   return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(fa);
 }, pa = ({
-  onBack: e,
-  showBackButton: t,
-  showStarButton: n = !1,
-  dmAgentEnabled: a = !1,
-  onLeaveConversation: r,
-  onBlockParticipant: i,
-  showDeleteConversation: o = !0,
-  showBlockParticipant: l = !0,
-  showReportParticipant: d = !0,
-  onDeleteConversationClick: u,
-  onBlockParticipantClick: p,
-  onReportParticipantClick: h,
-  customChannelActions: f,
-  renderChannelActions: c,
-  showChannelInfo: v = !0,
-  onParticipantNameClick: w
+  className: e,
+  onBack: t,
+  showBackButton: n,
+  showStarButton: a = !1,
+  dmAgentEnabled: r = !1,
+  onLeaveConversation: i,
+  onBlockParticipant: o,
+  showDeleteConversation: l = !0,
+  showBlockParticipant: d = !0,
+  showReportParticipant: m = !0,
+  onDeleteConversationClick: p,
+  onBlockParticipantClick: h,
+  onReportParticipantClick: g,
+  customChannelActions: c,
+  renderChannelActions: b,
+  showChannelInfo: x = !0,
+  onParticipantNameClick: v
 }) => {
-  var $, F, L;
-  const { channel: b } = le(), { client: g } = oe(), x = V.useMemo(
+  var F, L, y;
+  const { channel: f } = le(), { client: N } = oe(), w = V.useMemo(
     () => {
-      var y;
+      var E;
       return je(
-        (y = b.state) == null ? void 0 : y.members,
-        g == null ? void 0 : g.userID,
-        b.type
+        (E = f.state) == null ? void 0 : E.members,
+        N == null ? void 0 : N.userID,
+        f.type
       );
     },
-    [($ = b.state) == null ? void 0 : $.members, g == null ? void 0 : g.userID, b.type]
-  ), N = ct(x == null ? void 0 : x.user), C = (F = x == null ? void 0 : x.user) == null ? void 0 : F.image, T = ot(b), A = ga(x), D = async () => {
+    [(F = f.state) == null ? void 0 : F.members, N == null ? void 0 : N.userID, f.type]
+  ), C = ut(w == null ? void 0 : w.user), R = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, S = dt(f), D = ga(w), $ = async () => {
     try {
-      T ? await b.unpin() : await b.pin();
-    } catch (y) {
+      S ? await f.unpin() : await f.pin();
+    } catch (E) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        y
+        E
       );
     }
   };
-  return /* @__PURE__ */ s("div", { className: "@container w-full bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]", children: /* @__PURE__ */ m("div", { className: "grid min-h-[100px] grid-cols-[minmax(40px,1fr)_auto_minmax(40px,1fr)] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6", children: [
-    /* @__PURE__ */ s("div", { className: "flex items-start", children: t && /* @__PURE__ */ s(
-      "button",
-      {
-        className: k(
-          We,
-          "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
-        ),
-        onClick: e || (() => {
-        }),
-        type: "button",
-        "aria-label": "Back to conversations",
-        children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
-      }
-    ) }),
-    /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: /* @__PURE__ */ m(
-      "button",
-      {
-        type: "button",
-        onClick: w,
-        "aria-label": `View details for ${N}`,
-        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,
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: k(
+        "@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",
+        e
+      ),
+      children: /* @__PURE__ */ u("div", { className: "grid min-h-[100px] grid-cols-[minmax(40px,1fr)_auto_minmax(40px,1fr)] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6", children: [
+        /* @__PURE__ */ s("div", { className: "flex items-start", children: n && /* @__PURE__ */ s(
+          "button",
+          {
+            className: k(
+              We,
+              "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
+            ),
+            onClick: t || (() => {
+            }),
+            type: "button",
+            "aria-label": "Back to conversations",
+            children: /* @__PURE__ */ s(st, { className: "size-5 text-black/90" })
+          }
+        ) }),
+        /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: /* @__PURE__ */ u(
+          "button",
+          {
+            type: "button",
+            onClick: v,
+            "aria-label": `View details for ${C}`,
+            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: ((y = w == null ? void 0 : w.user) == null ? void 0 : y.id) || f.id || "unknown",
+                  name: C,
+                  image: R,
+                  dmAgentEnabled: r,
+                  shape: "circle",
+                  size: 48,
+                  className: "-mb-2"
+                }
+              ),
+              /* @__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: C }),
+                  /* @__PURE__ */ u("span", { className: "ml-2 flex gap-1", children: [
+                    D && /* @__PURE__ */ s(
+                      "span",
+                      {
+                        "aria-label": "Paid customer",
+                        className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
+                        children: /* @__PURE__ */ s(Dn, { className: "size-2.5", weight: "bold" })
+                      }
+                    ),
+                    a && S && /* @__PURE__ */ s(
+                      "span",
+                      {
+                        "aria-label": "Starred conversation",
+                        className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
+                        children: /* @__PURE__ */ s(Ee, { className: "size-2.5", weight: "fill" })
+                      }
+                    ),
+                    /* @__PURE__ */ s(
+                      ve,
+                      {
+                        "aria-hidden": "true",
+                        className: "size-4 shrink-0 text-black/65",
+                        weight: "bold"
+                      }
+                    )
+                  ] })
+                ] }),
+                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(xe, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s("span", { children: ha })
+                ] })
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ u("div", { className: "flex items-start justify-end gap-2", children: [
+          a && /* @__PURE__ */ s(
+            "button",
             {
-              id: ((L = x == null ? void 0 : x.user) == null ? void 0 : L.id) || b.id || "unknown",
-              name: N,
-              image: C,
-              dmAgentEnabled: a,
-              shape: "circle",
-              size: 48,
-              className: "-mb-2"
+              className: We,
+              onClick: $,
+              type: "button",
+              "aria-pressed": S,
+              "aria-label": S ? "Unstar conversation" : "Star conversation",
+              children: /* @__PURE__ */ s(
+                Ee,
+                {
+                  className: k("size-5", {
+                    "text-[#FFD60A]": S,
+                    "text-black/90": !S
+                  }),
+                  weight: S ? "fill" : "regular"
+                }
+              )
             }
           ),
-          /* @__PURE__ */ m("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__ */ m("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: N }),
-              /* @__PURE__ */ m("span", { className: "ml-2 flex gap-1", children: [
-                A && /* @__PURE__ */ s(
-                  "span",
-                  {
-                    "aria-label": "Paid customer",
-                    className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                    children: /* @__PURE__ */ s(Dn, { className: "size-2.5", weight: "bold" })
-                  }
-                ),
-                n && T && /* @__PURE__ */ s(
-                  "span",
-                  {
-                    "aria-label": "Starred conversation",
-                    className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-                    children: /* @__PURE__ */ s(Ee, { className: "size-2.5", weight: "fill" })
-                  }
-                ),
-                /* @__PURE__ */ s(
-                  ve,
-                  {
-                    "aria-hidden": "true",
-                    className: "size-4 shrink-0 text-black/65",
-                    weight: "bold"
-                  }
-                )
-              ] })
-            ] }),
-            a && /* @__PURE__ */ m("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
-              /* @__PURE__ */ s("span", { children: ha })
-            ] })
-          ] })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ m("div", { className: "flex items-start justify-end gap-2", children: [
-      n && /* @__PURE__ */ s(
-        "button",
-        {
-          className: We,
-          onClick: D,
-          type: "button",
-          "aria-pressed": T,
-          "aria-label": T ? "Unstar conversation" : "Star conversation",
-          children: /* @__PURE__ */ s(
-            Ee,
+          x && (b !== void 0 ? b : /* @__PURE__ */ s(
+            at,
             {
-              className: k("size-5", {
-                "text-[#FFD60A]": T,
-                "text-black/90": !T
-              }),
-              weight: T ? "fill" : "regular"
+              channel: f,
+              participant: w,
+              showDeleteConversation: l,
+              showBlockParticipant: d,
+              showReportParticipant: m,
+              onLeaveConversation: i,
+              onBlockParticipant: o,
+              onDeleteConversationClick: p,
+              onBlockParticipantClick: h,
+              onReportParticipantClick: g,
+              customChannelActions: c,
+              triggerClassName: We
             }
-          )
-        }
-      ),
-      v && (c !== void 0 ? c : /* @__PURE__ */ s(
-        st,
-        {
-          channel: b,
-          participant: x,
-          showDeleteConversation: o,
-          showBlockParticipant: l,
-          showReportParticipant: d,
-          onLeaveConversation: r,
-          onBlockParticipant: i,
-          onDeleteConversationClick: u,
-          onBlockParticipantClick: p,
-          onReportParticipantClick: h,
-          customChannelActions: f,
-          triggerClassName: We
-        }
-      ))
-    ] })
-  ] }) });
-}, ba = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), nt = "vote_up", at = "vote_down";
+          ))
+        ] })
+      ] })
+    }
+  );
+}, ba = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), rt = "vote_up", it = "vote_down";
 function va(e) {
-  return e != null && e.length ? e.some((t) => t.type === at) ? "down" : e.some((t) => t.type === nt) ? "up" : null : null;
+  return e != null && e.length ? e.some((t) => t.type === it) ? "down" : e.some((t) => t.type === rt) ? "up" : null : null;
 }
 function xa(e) {
   const { channel: t } = le(), { client: n } = oe("useMessageVote"), a = se(
@@ -787,9 +797,9 @@ function xa(e) {
   ), r = Z(async () => {
     if (n != null && n.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, nt) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, rt) : await t.sendReaction(
           e.id,
-          { type: nt },
+          { type: rt },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -797,9 +807,9 @@ function xa(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]), i = Z(async () => {
     if (n != null && n.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, at) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, it) : await t.sendReaction(
           e.id,
-          { type: at },
+          { type: it },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -818,13 +828,13 @@ function hs({
   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 _a = V.lazy(() => import("./Card-B8Zz3GRL.js")), Na = V.lazy(() => import("./Card-Gapf9yEL.js")), ya = V.lazy(() => import("./Card-BnJLBTl6.js")), dt = () => /* @__PURE__ */ s(
+const _a = V.lazy(() => import("./Card-CbRJaszK.js")), Na = V.lazy(() => import("./Card-CT51GZA-.js")), ya = V.lazy(() => import("./Card-t7hyYqE2.js")), mt = () => /* @__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
   }
-), ka = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(_a, { ...e }) }), fs = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(Na, { ...e }) }), gs = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(ya, { ...e }) }), Ca = fs, Sa = gs, Zt = { Composer: ka, Sent: fs, Received: gs, Creator: Ca, Visitor: Sa }, Ea = [
+), ka = (e) => /* @__PURE__ */ s(ot, { fallback: /* @__PURE__ */ s(mt, {}), children: /* @__PURE__ */ s(_a, { ...e }) }), fs = (e) => /* @__PURE__ */ s(ot, { fallback: /* @__PURE__ */ s(mt, {}), children: /* @__PURE__ */ s(Na, { ...e }) }), gs = (e) => /* @__PURE__ */ s(ot, { fallback: /* @__PURE__ */ s(mt, {}), children: /* @__PURE__ */ s(ya, { ...e }) }), Ca = fs, Sa = gs, Zt = { Composer: ka, Sent: fs, Received: gs, Creator: Ca, Visitor: Sa }, Ea = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -879,76 +889,76 @@ const Ma = (e) => {
   controls: o = !0,
   showProgress: l = !1,
   muted: d = !1,
-  onContainerClick: u
+  onContainerClick: m
 }) => {
-  const p = ce(t), h = G(null), f = G(null), c = G(null), v = G(r), [w, b] = U(a), [g, x] = U(0), [N, C] = U(!1), [T, A] = U(!1), [D, $] = U(!1), [F, L] = U(!1), [y, I] = U(!0), [S, R] = U(null), E = Z(() => {
-    $(!1), b(!0);
+  const p = ce(t), h = G(null), g = G(null), c = G(null), b = G(r), [x, v] = U(a), [f, N] = U(0), [w, C] = U(!1), [R, S] = U(!1), [D, $] = U(!1), [F, L] = U(!1), [y, E] = U(!0), [I, M] = U(null), T = Z(() => {
+    $(!1), v(!0);
   }, []), z = Z((_) => {
-    const M = f.current;
-    if (!M) return 0;
-    const H = M.getBoundingClientRect();
+    const A = g.current;
+    if (!A) return 0;
+    const H = A.getBoundingClientRect();
     return Math.max(
       0,
       Math.min(1, (Ma(_) - H.left) / H.width)
     );
   }, []), O = Z((_) => {
-    const M = h.current;
-    M && M.duration && (M.currentTime = _ * M.duration);
+    const A = h.current;
+    A && A.duration && (A.currentTime = _ * A.duration);
   }, []), j = (_) => {
     _.stopPropagation(), C(!0);
-    const M = z(_);
-    x(M), O(M);
+    const A = z(_);
+    N(A), O(A);
   };
   J(() => {
-    r !== void 0 && r !== v.current && (v.current = r, b(r));
+    r !== void 0 && r !== b.current && (b.current = r, v(r));
   }, [r]), J(() => {
-    if (!w) {
+    if (!x) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const _ = () => {
-      const M = h.current;
-      M && M.duration && !N && x(M.currentTime / M.duration), c.current = requestAnimationFrame(_);
+      const A = h.current;
+      A && A.duration && !w && N(A.currentTime / A.duration), c.current = requestAnimationFrame(_);
     };
     return c.current = requestAnimationFrame(_), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [w, N]), J(() => {
+  }, [x, w]), J(() => {
     const _ = h.current;
-    _ && (w ? _.play().catch((M) => {
-      b(!1), $(!0);
+    _ && (x ? _.play().catch((A) => {
+      v(!1), $(!0);
     }) : _.pause());
-  }, [w]), J(() => {
-    if (!N) return;
-    const _ = (H) => x(z(H)), M = (H) => {
+  }, [x]), J(() => {
+    if (!w) return;
+    const _ = (H) => N(z(H)), A = (H) => {
       C(!1), O(z(H));
     };
-    return window.addEventListener("mousemove", _), window.addEventListener("mouseup", M), window.addEventListener("touchmove", _, { passive: !0 }), window.addEventListener("touchend", M), () => {
-      window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", M), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", M);
+    return window.addEventListener("mousemove", _), window.addEventListener("mouseup", A), window.addEventListener("touchmove", _, { passive: !0 }), window.addEventListener("touchend", A), () => {
+      window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", A);
     };
-  }, [N, z, O]);
-  const X = S ? { aspectRatio: String(S) } : void 0, te = S ? "" : " aspect-video", K = Math.round(g * 100);
-  return /* @__PURE__ */ m(
+  }, [w, z, O]);
+  const X = I ? { aspectRatio: String(I) } : void 0, ee = I ? "" : " aspect-video", K = Math.round(f * 100);
+  return /* @__PURE__ */ u(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${te}`,
+      className: `relative cursor-pointer overflow-hidden bg-black ${ee}`,
       style: X,
       onClick: (_) => {
-        if (u) {
-          u(_);
+        if (m) {
+          m(_);
           return;
         }
-        D || o && b((M) => !M);
+        D || o && v((A) => !A);
       },
       onKeyDown: (_) => {
         if (!(_.key !== "Enter" && _.key !== " ")) {
-          if (_.preventDefault(), u) {
-            u(_);
+          if (_.preventDefault(), m) {
+            m(_);
             return;
           }
-          D || o && b((M) => !M);
+          D || o && v((A) => !A);
         }
       },
       children: [
@@ -974,12 +984,12 @@ const Ma = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => L(!0),
             onCanPlay: () => {
-              L(!1), I(!1);
+              L(!1), E(!1);
             },
             onWaiting: () => L(!0),
             onPlay: () => $(!1),
             onEnded: () => {
-              i || (b(!1), x(0));
+              i || (v(!1), N(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -994,16 +1004,16 @@ const Ma = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => L(!0),
             onCanPlay: () => {
-              L(!1), I(!1);
+              L(!1), E(!1);
             },
             onWaiting: () => L(!0),
             onPlay: () => $(!1),
             onLoadedMetadata: () => {
               const _ = h.current;
-              _ instanceof HTMLVideoElement && _.videoWidth && _.videoHeight && R(_.videoWidth / _.videoHeight);
+              _ instanceof HTMLVideoElement && _.videoWidth && _.videoHeight && M(_.videoWidth / _.videoHeight);
             },
             onEnded: () => {
-              i || (b(!1), x(0));
+              i || (v(!1), N(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -1023,12 +1033,12 @@ const Ma = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (_) => {
-              _.stopPropagation(), E();
+              _.stopPropagation(), T();
             },
             onKeyDown: (_) => {
-              _.key !== "Enter" && _.key !== " " || (_.preventDefault(), _.stopPropagation(), E());
+              _.key !== "Enter" && _.key !== " " || (_.preventDefault(), _.stopPropagation(), T());
             },
-            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(tt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(nt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         l && !o && /* @__PURE__ */ s("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ s(
@@ -1040,13 +1050,13 @@ const Ma = (e) => {
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
-            ref: f,
+            ref: g,
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: j,
             onTouchStart: j,
             onClick: (_) => _.stopPropagation(),
             onKeyDown: (_) => {
-              _.key === "ArrowRight" && O(Math.min(1, g + 0.05)), _.key === "ArrowLeft" && O(Math.max(0, g - 0.05));
+              _.key === "ArrowRight" && O(Math.min(1, f + 0.05)), _.key === "ArrowLeft" && O(Math.max(0, f - 0.05));
             },
             children: /* @__PURE__ */ s("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ s(
               "div",
@@ -1057,20 +1067,20 @@ const Ma = (e) => {
             ) })
           }
         ) }),
-        o && /* @__PURE__ */ m("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
+        o && /* @__PURE__ */ u("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
           /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               onClick: (_) => {
-                _.stopPropagation(), b((M) => !M);
+                _.stopPropagation(), v((A) => !A);
               },
               className: "shrink-0 text-white",
-              "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ s(Gn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(tt, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": x ? "Pause" : "Play",
+              children: x ? /* @__PURE__ */ s(Gn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(nt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
-          /* @__PURE__ */ m(
+          /* @__PURE__ */ u(
             "div",
             {
               role: "slider",
@@ -1079,21 +1089,21 @@ const Ma = (e) => {
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
-              ref: f,
+              ref: g,
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: j,
               onTouchStart: j,
               onClick: (_) => _.stopPropagation(),
-              onMouseEnter: () => A(!0),
-              onMouseLeave: () => A(!1),
+              onMouseEnter: () => S(!0),
+              onMouseLeave: () => S(!1),
               onKeyDown: (_) => {
-                _.key === "ArrowRight" && O(Math.min(1, g + 0.05)), _.key === "ArrowLeft" && O(Math.max(0, g - 0.05));
+                _.key === "ArrowRight" && O(Math.min(1, f + 0.05)), _.key === "ArrowLeft" && O(Math.max(0, f - 0.05));
               },
               children: [
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || N ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${R || w ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ s(
                       "div",
                       {
@@ -1106,7 +1116,7 @@ const Ma = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || N ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${R || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${K}%` }
                   }
                 )
@@ -1126,7 +1136,7 @@ const Ma = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ce(e), [d, u] = U(!1);
+  const l = ce(e), [d, m] = U(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
     Ra,
     {
@@ -1143,7 +1153,7 @@ const Ma = (e) => {
       alt: a ?? "",
       className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d ? "opacity-100" : "opacity-0"}`,
       draggable: !1,
-      onLoad: () => u(!0)
+      onLoad: () => m(!0)
     }
   ) }) : /* @__PURE__ */ s(
     "img",
@@ -1160,7 +1170,7 @@ const Ma = (e) => {
       alt: a ?? "",
       className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d ? "opacity-100" : "opacity-0"}`,
       draggable: !1,
-      onLoad: () => u(!0)
+      onLoad: () => m(!0)
     }
   ) }) : /* @__PURE__ */ s(
     "img",
@@ -1207,41 +1217,41 @@ const Ma = (e) => {
   statusBadge: o,
   action: l,
   topLeft: d,
-  topRight: u,
+  topRight: m,
   rootRef: p,
   "data-testid": h
 }) => {
-  const f = e === "dark", c = f ? n ?? a : n ?? "", v = f && !n;
-  return /* @__PURE__ */ m(
+  const g = e === "dark", c = g ? n ?? a : n ?? "", b = g && !n;
+  return /* @__PURE__ */ u(
     "div",
     {
       ref: p,
       "data-testid": h,
       className: k(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-        f ? "bg-[#1e2330]" : "bg-white"
+        g ? "bg-[#1e2330]" : "bg-white"
       ),
       children: [
         d ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
-        u ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: u }) : null,
+        m ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: m }) : null,
         t,
-        /* @__PURE__ */ m("div", { className: "px-4 pb-3 pt-3", children: [
+        /* @__PURE__ */ u("div", { className: "px-4 pb-3 pt-3", children: [
           c.trim() !== "" && /* @__PURE__ */ s(
             "p",
             {
               className: k("mb-0.5 truncate text-base font-medium", {
-                "text-black": !f,
-                "text-white/30": f && v,
-                "text-white": f && !v
+                "text-black": !g,
+                "text-white/30": g && b,
+                "text-white": g && !b
               }),
               children: c
             }
           ),
-          /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-1", children: [
+          /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1", children: [
             we(r, {
               className: k(
                 "size-5 shrink-0",
-                f ? "text-white/55" : "text-black/55"
+                g ? "text-white/55" : "text-black/55"
               ),
               weight: "regular"
             }),
@@ -1250,7 +1260,7 @@ const Ma = (e) => {
               {
                 className: k(
                   "text-xs font-medium",
-                  f ? "text-white/55" : "text-black/55"
+                  g ? "text-white/55" : "text-black/55"
                 ),
                 children: i
               }
@@ -1266,7 +1276,7 @@ const Ma = (e) => {
 function xs(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ut(e) {
+function ht(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function La(e) {
@@ -1284,8 +1294,8 @@ function Fa(e) {
 function Oa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const mt = ({ attachment: e, isMyMessage: t }) => {
-  const { title: n, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, u = /* @__PURE__ */ m(V.Fragment, { children: [
+const ft = ({ attachment: e, isMyMessage: t }) => {
+  const { title: n, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ u(V.Fragment, { children: [
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
       {
@@ -1300,18 +1310,18 @@ const mt = ({ attachment: e, isMyMessage: t }) => {
         children: /* @__PURE__ */ s(Hn, { className: `size-12 ${Oa(t)}` })
       }
     ) }),
-    /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
+    /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
       n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${za(t)}`, children: n }),
       a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Pa(t)}`, children: a }),
       d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Fa(t)}`, children: d })
     ] })
   ] });
-  return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ s("div", { className: "block", children: u });
+  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 ws(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function ht(e) {
+function gt(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(ws);
 }
@@ -1347,31 +1357,31 @@ const Ba = ({
       },
       disabled: n,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: n ? /* @__PURE__ */ s(Ce, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(V.Fragment, { children: [
+      children: n ? /* @__PURE__ */ s(Ce, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ u(V.Fragment, { children: [
         /* @__PURE__ */ s(Se, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function ft(e) {
-  var h, f, c, v;
+function pt(e) {
+  var h, g, c, b;
   const t = (h = e.attachments) == null ? void 0 : h.find(
-    (w) => w.type === "video" && w.asset_url
-  ), n = (f = e.attachments) == null ? void 0 : f.find(
-    (w) => w.type === "image" && w.image_url
+    (x) => x.type === "video" && x.asset_url
+  ), n = (g = e.attachments) == null ? void 0 : g.find(
+    (x) => x.type === "image" && x.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (w) => w.type === "audio" && w.asset_url
-  ), r = (v = e.attachments) == null ? void 0 : v.find(
-    (w) => w.type === "file" && w.asset_url
+    (x) => x.type === "audio" && x.asset_url
+  ), r = (b = e.attachments) == null ? void 0 : b.find(
+    (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, u = i == null ? void 0 : i.file_size, p = t == null ? void 0 : t.thumb_url;
+  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, p = t == null ? void 0 : t.thumb_url;
   return {
     resolvedUrl: o,
     resolvedType: l,
     title: d,
-    fileSize: u,
+    fileSize: m,
     thumbnailUrl: p
   };
 }
@@ -1436,8 +1446,8 @@ const _s = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const n = ht(e), a = ft(e);
-  return !n && !a ? null : /* @__PURE__ */ m("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
+  const n = gt(e), a = pt(e);
+  return !n && !a ? null : /* @__PURE__ */ u("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ s(
       ne,
       {
@@ -1458,7 +1468,7 @@ const _s = ({
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: ut(t), children: /* @__PURE__ */ s(mt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(_s, { ...a }) : /* @__PURE__ */ s(Ns, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: ht(t), children: /* @__PURE__ */ s(ft, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(_s, { ...a }) : /* @__PURE__ */ s(Ns, { ...a })
           }
         ) })
       }
@@ -1467,20 +1477,20 @@ const _s = ({
 }, ja = ({
   message: e
 }) => {
-  const t = ht(e);
+  const t = gt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: ut(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(mt, { attachment: t, isMyMessage: !0 }) });
-  const n = ft(e);
+    return /* @__PURE__ */ s("div", { className: ht(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !0 }) });
+  const n = pt(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(_s, { ...n }) }) : null;
 }, Va = ({
   message: e
 }) => {
-  const t = ht(e);
+  const t = gt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: ut(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(mt, { attachment: t, isMyMessage: !1 }) });
-  const n = ft(e);
+    return /* @__PURE__ */ s("div", { className: ht(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !1 }) });
+  const n = pt(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
-}, ul = Object.assign(Ua, {
+}, ol = Object.assign(Ua, {
   Creator: ja,
   Visitor: Va
 }), Ga = {
@@ -1515,7 +1525,7 @@ const _s = ({
   "data-testid": o
 }) => {
   const l = t != null && t !== "", d = Wa[qa(e)][a];
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     "div",
     {
       "data-testid": o,
@@ -1584,7 +1594,7 @@ const _s = ({
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Ja = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Ja = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1596,7 +1606,7 @@ const _s = ({
     }
   ),
   n ?? null
-] }), gt = ({
+] }), bt = ({
   state: e,
   src: t,
   mimeType: n,
@@ -1607,33 +1617,33 @@ const _s = ({
   preload: l,
   onDismiss: d
 }) => {
-  const u = Me(e), p = e === "composer" && !!d, h = Ka({ src: t, mimeType: n, filename: a, items: r });
+  const m = Me(e), p = e === "composer" && !!d, h = Ka({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
-  const f = l ?? (h.length > 1 ? "none" : "metadata");
+  const g = l ?? (h.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ s(
     Te,
     {
-      variant: u,
+      variant: m,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, v) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, b) => /* @__PURE__ */ s(
         Ja,
         {
           item: c,
-          preload: f,
+          preload: g,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            p && v === 0 ? /* @__PURE__ */ s(Ae, { onClick: d, variant: "inline" }) : void 0
+            p && b === 0 ? /* @__PURE__ */ s(Ae, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${v}`
+        `${c.src}-${b}`
       )) })
     }
   );
-}, Za = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), Qa = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), er = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), tr = {
+}, Za = (e) => /* @__PURE__ */ s(bt, { ...e, state: "composer" }), Qa = (e) => /* @__PURE__ */ s(bt, { ...e, state: "sent" }), er = (e) => /* @__PURE__ */ s(bt, { ...e, state: "received" }), tr = {
   Composer: Za,
   Sent: Qa,
   Received: er
@@ -1700,7 +1710,7 @@ const ir = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = n ?? t ?? "File", u = rr(a, t, r), p = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", m = rr(a, t, r), p = /* @__PURE__ */ s(
     "div",
     {
       className: k(
@@ -1713,19 +1723,19 @@ const ir = {
         weight: "regular"
       })
     }
-  ), h = /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
+  ), h = /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
     /* @__PURE__ */ s("p", { className: "truncate font-medium leading-snug", children: d }),
-    u ? /* @__PURE__ */ s(
+    m ? /* @__PURE__ */ s(
       "p",
       {
         className: k(
           "truncate text-xs leading-4",
           ir[e]
         ),
-        children: u
+        children: m
       }
     ) : null
-  ] }), f = i ? /* @__PURE__ */ m(
+  ] }), g = i ? /* @__PURE__ */ u(
     "button",
     {
       type: "button",
@@ -1740,12 +1750,12 @@ const ir = {
         h
       ]
     }
-  ) : /* @__PURE__ */ m(ee, { children: [
+  ) : /* @__PURE__ */ u(te, { children: [
     p,
     h
   ] });
-  return /* @__PURE__ */ m("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-    f,
+  return /* @__PURE__ */ u("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+    g,
     l ? /* @__PURE__ */ s("div", { className: "shrink-0", children: l }) : null
   ] });
 };
@@ -1791,7 +1801,7 @@ const cr = ({
       trailingAction: r
     }
   );
-}, pt = ({
+}, vt = ({
   state: e,
   src: t,
   filename: n,
@@ -1801,26 +1811,26 @@ const cr = ({
   items: o,
   text: l,
   groupPosition: d,
-  onClick: u,
+  onClick: m,
   onDismiss: p
 }) => {
-  const h = Me(e), f = e === "composer" && !!p, c = cr({
+  const h = Me(e), g = e === "composer" && !!p, c = cr({
     src: t,
     filename: n,
     fileSize: a,
     mimeType: r,
     title: i,
     items: o
-  }), v = (b) => {
-    if ((u == null ? void 0 : u(b)) === !1) return;
-    const g = c[b];
-    if (!g) return;
-    const x = g.filename ?? re(g.src);
-    ks(g.src, x);
+  }), b = (v) => {
+    if ((m == null ? void 0 : m(v)) === !1) return;
+    const f = c[v];
+    if (!f) return;
+    const N = f.filename ?? re(f.src);
+    ks(f.src, N);
   };
   if (c.length === 0)
     return null;
-  const w = /* @__PURE__ */ s(
+  const x = /* @__PURE__ */ s(
     "span",
     {
       className: k(
@@ -1838,29 +1848,29 @@ const cr = ({
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((b, g) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((v, f) => /* @__PURE__ */ s(
         dr,
         {
           variant: h,
-          item: b,
-          index: g,
-          onActivate: v,
-          trailingAction: f && g === 0 ? /* @__PURE__ */ s(Ae, { onClick: p, variant: "inline" }) : w
+          item: v,
+          index: f,
+          onActivate: b,
+          trailingAction: g && f === 0 ? /* @__PURE__ */ s(Ae, { onClick: p, variant: "inline" }) : x
         },
-        `${b.src}-${g}`
+        `${v.src}-${f}`
       )) })
     }
   );
-}, ur = (e) => /* @__PURE__ */ s(pt, { ...e, state: "composer" }), mr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "sent" }), hr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "received" }), fr = {
+}, ur = (e) => /* @__PURE__ */ s(vt, { ...e, state: "composer" }), mr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "sent" }), hr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "received" }), fr = {
   Composer: ur,
   Sent: mr,
   Received: hr
-}, bt = ({
+}, xt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ m(ee, { children: [
+}) => /* @__PURE__ */ u(te, { children: [
   /* @__PURE__ */ s(
     "button",
     {
@@ -1890,7 +1900,7 @@ const cr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = U(!1), u = Z(
+  const [l, d] = U(!1), m = Z(
     (c) => {
       c.stopPropagation(), !l && (d(!0), ks(e, t).catch(() => {
       }).finally(() => {
@@ -1898,7 +1908,7 @@ const cr = ({
       }));
     },
     [l, e, t, o]
-  ), p = r ?? n !== "pill", f = { className: k(
+  ), p = r ?? n !== "pill", g = { className: k(
     n === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -1906,7 +1916,7 @@ const cr = ({
     "button",
     {
       type: "button",
-      onClick: u,
+      onClick: m,
       disabled: l,
       "aria-label": a,
       className: k(
@@ -1936,17 +1946,17 @@ const cr = ({
     "button",
     {
       type: "button",
-      onClick: u,
+      onClick: m,
       disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
       children: l ? /* @__PURE__ */ s(Ce, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
-  ) : /* @__PURE__ */ m(
+  ) : /* @__PURE__ */ u(
     "button",
     {
       type: "button",
-      onClick: u,
+      onClick: m,
       disabled: l,
       "aria-label": p ? a : void 0,
       className: k(
@@ -1961,12 +1971,12 @@ const cr = ({
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ s(Se, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ s(Se, { ...g, "aria-hidden": !0 }),
         p ? null : a
       ]
     }
   );
-}, Xe = (e, t, n) => Math.min(Math.max(e, t), n), vt = ({
+}, Xe = (e, t, n) => Math.min(Math.max(e, t), n), wt = ({
   length: e,
   initialIndex: t,
   open: n
@@ -1984,14 +1994,14 @@ const cr = ({
   }, [e]);
   return J(() => {
     if (!n || e <= 1) return;
-    const d = (u) => {
-      if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
+    const d = (m) => {
+      if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
       const p = document.activeElement;
-      p && (p.tagName === "VIDEO" || p.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? o() : l());
+      p && (p.tagName === "VIDEO" || p.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? o() : l());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [n, e, o, l]), { index: r, prev: o, next: l };
-}, xt = ({
+}, _t = ({
   open: e,
   onClose: t,
   ariaLabel: n,
@@ -2002,7 +2012,7 @@ const cr = ({
 }) => {
   const l = G(null), d = G(null);
   return J(() => {
-    var f;
+    var g;
     const h = l.current;
     if (h) {
       if (e) {
@@ -2016,7 +2026,7 @@ const cr = ({
           else
             h.setAttribute("open", "");
         const c = typeof document < "u" ? document.activeElement : null;
-        return (f = d.current) == null || f.focus(), () => {
+        return (g = d.current) == null || g.focus(), () => {
           if (h.open)
             if (typeof h.close == "function")
               try {
@@ -2046,7 +2056,7 @@ const cr = ({
   // `jsx-a11y` rules below don't model `<dialog>` as interactive, so
   // we silence them locally with the rationale captured here.
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-  /* @__PURE__ */ m(
+  /* @__PURE__ */ u(
     "dialog",
     {
       ref: l,
@@ -2060,9 +2070,9 @@ const cr = ({
         h.target === l.current && t();
       },
       children: [
-        /* @__PURE__ */ m("div", { className: "mes-media-viewer__chrome", children: [
+        /* @__PURE__ */ u("div", { className: "mes-media-viewer__chrome", children: [
           a ? /* @__PURE__ */ s("span", { className: "mes-media-viewer__counter", children: a }) : null,
-          /* @__PURE__ */ m("div", { className: "mes-media-viewer__actions", children: [
+          /* @__PURE__ */ u("div", { className: "mes-media-viewer__actions", children: [
             r,
             /* @__PURE__ */ s(
               "button",
@@ -2087,7 +2097,7 @@ const cr = ({
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = vt({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2095,8 +2105,8 @@ const cr = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
     [l]
   );
-  return l ? /* @__PURE__ */ m(
-    xt,
+  return l ? /* @__PURE__ */ u(
+    _t,
     {
       open: e,
       onClose: a,
@@ -2126,7 +2136,7 @@ const cr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          bt,
+          xt,
           {
             onPrev: i,
             onNext: o,
@@ -2145,25 +2155,25 @@ const cr = ({
 }) => {
   const r = e.length;
   if (r === 0) return null;
-  const i = e.slice(0, Math.min(r, n)), o = r - i.length, l = (d, u, p) => {
+  const i = e.slice(0, Math.min(r, n)), o = r - i.length, l = (d, m, p) => {
     const h = k(gr, "h-full w-full");
-    return t ? /* @__PURE__ */ m(
+    return t ? /* @__PURE__ */ u(
       "button",
       {
         type: "button",
-        onClick: () => t(u),
-        "aria-label": d.ariaLabel ?? `Open media ${u + 1}`,
+        onClick: () => t(m),
+        "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
         className: k(h, "cursor-zoom-in"),
         children: [
           d.content,
           p
         ]
       },
-      u
-    ) : /* @__PURE__ */ m("div", { className: h, children: [
+      m
+    ) : /* @__PURE__ */ u("div", { className: h, children: [
       d.content,
       p
-    ] }, u);
+    ] }, m);
   };
   return i.length === 1 ? /* @__PURE__ */ s("div", { className: k("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
     "div",
@@ -2172,9 +2182,9 @@ const cr = ({
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
-      children: i.map((d, u) => l(d, u))
+      children: i.map((d, m) => l(d, m))
     }
-  ) : i.length === 3 ? /* @__PURE__ */ m(
+  ) : i.length === 3 ? /* @__PURE__ */ u(
     "div",
     {
       className: k(
@@ -2194,12 +2204,12 @@ const cr = ({
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
-      children: i.map((d, u) => {
-        const p = o > 0 && u === i.length - 1;
+      children: i.map((d, m) => {
+        const p = o > 0 && m === i.length - 1;
         return l(
           d,
-          u,
-          p ? /* @__PURE__ */ m("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
+          m,
+          p ? /* @__PURE__ */ u("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
             o
           ] }) : null
@@ -2239,10 +2249,10 @@ const cr = ({
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), vr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Re(
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Re(
     r
   );
-  return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
+  return /* @__PURE__ */ u("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ s(
       "button",
       {
@@ -2270,7 +2280,7 @@ const cr = ({
         open: o,
         items: Is([{ src: e, alt: t }], n),
         initialIndex: l,
-        onClose: u
+        onClose: m
       }
     )
   ] });
@@ -2285,15 +2295,15 @@ const cr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = br({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: f, handleActivate: c, closeViewer: v } = Re(
+  const m = br({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: b } = Re(
     d
   );
-  if (u.length === 0)
+  if (m.length === 0)
     return null;
-  const w = u.map(
-    (b, g) => pr(b, g, u.length, l)
+  const x = m.map(
+    (v, f) => pr(v, f, m.length, l)
   );
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     Te,
     {
       variant: p,
@@ -2301,14 +2311,14 @@ const cr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Es, { tiles: w, onTileActivate: c }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Es, { tiles: x, onTileActivate: c }) }),
         /* @__PURE__ */ s(
           Ss,
           {
             open: h,
-            items: Is(u, a),
-            initialIndex: f,
-            onClose: v
+            items: Is(m, a),
+            initialIndex: g,
+            onClose: b
           }
         )
       ]
@@ -2324,19 +2334,19 @@ const cr = ({
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = vt({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
   }), l = t[r], d = se(
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
     [l]
-  ), u = se(
+  ), m = se(
     () => l ? kr(l.src) : void 0,
     [l]
   );
-  return !l || !u ? null : /* @__PURE__ */ m(
-    xt,
+  return !l || !m ? null : /* @__PURE__ */ u(
+    _t,
     {
       open: e,
       onClose: a,
@@ -2347,7 +2357,7 @@ const cr = ({
         /* @__PURE__ */ s(
           "iframe",
           {
-            src: u,
+            src: m,
             title: d,
             className: "mes-media-viewer__iframe",
             sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
@@ -2355,7 +2365,7 @@ const cr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          bt,
+          xt,
           {
             onPrev: i,
             onNext: o,
@@ -2396,7 +2406,7 @@ const cr = ({
       trailingAction: r
     }
   );
-}, wt = ({
+}, Nt = ({
   state: e,
   src: t,
   filename: n,
@@ -2406,18 +2416,18 @@ const cr = ({
   text: o,
   groupPosition: l,
   onClick: d,
-  onDismiss: u
+  onDismiss: m
 }) => {
-  const p = Me(e), h = Cr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Me(e), h = Cr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: x } = Re(
     d
-  ), b = e === "composer" && !!u;
+  ), v = e === "composer" && !!m;
   if (h.length === 0)
     return null;
-  const g = h.map((x) => ({
-    src: x.src,
-    filename: x.filename ?? re(x.src)
+  const f = h.map((N) => ({
+    src: N.src,
+    filename: N.filename ?? re(N.src)
   }));
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     Te,
     {
       variant: p,
@@ -2425,11 +2435,11 @@ const cr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((x, N) => {
-          const C = x.filename ?? re(x.src), T = b && N === 0 ? /* @__PURE__ */ s(Ae, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((N, w) => {
+          const C = N.filename ?? re(N.src), R = v && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             Cs,
             {
-              url: x.src,
+              url: N.src,
               filename: C,
               variant: "inline",
               label: `Download ${C}`,
@@ -2440,27 +2450,27 @@ const cr = ({
             Sr,
             {
               variant: p,
-              item: x,
-              index: N,
-              onActivate: v,
-              trailingAction: T
+              item: N,
+              index: w,
+              onActivate: b,
+              trailingAction: R
             },
-            `${x.src}-${N}`
+            `${N.src}-${w}`
           );
         }) }),
         /* @__PURE__ */ s(
           yr,
           {
-            open: f,
-            items: g,
+            open: g,
+            items: f,
             initialIndex: c,
-            onClose: w
+            onClose: x
           }
         )
       ]
     }
   );
-}, Er = (e) => /* @__PURE__ */ s(wt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ s(wt, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ s(wt, { ...e, state: "received" }), Ar = {
+}, Er = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "received" }), Ar = {
   Composer: Er,
   Sent: Ir,
   Received: Tr
@@ -2470,7 +2480,7 @@ const cr = ({
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = vt({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2478,8 +2488,8 @@ const cr = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
     [l]
   );
-  return l ? /* @__PURE__ */ m(
-    xt,
+  return l ? /* @__PURE__ */ u(
+    _t,
     {
       open: e,
       onClose: a,
@@ -2503,7 +2513,7 @@ const cr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          bt,
+          xt,
           {
             onPrev: i,
             onNext: o,
@@ -2514,10 +2524,10 @@ const cr = ({
       ]
     }
   ) : null;
-}, Mr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(tt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Ms = ({
+}, Mr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(nt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Ms = ({
   item: e,
   index: t
-}) => /* @__PURE__ */ m("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
+}) => /* @__PURE__ */ u("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
   e.poster ? /* @__PURE__ */ s(
     "img",
     {
@@ -2553,15 +2563,15 @@ const cr = ({
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Lr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: p } = Re(
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: p } = Re(
     i
   );
-  return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
+  return /* @__PURE__ */ u("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        onClick: () => u(0),
+        onClick: () => m(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
         children: /* @__PURE__ */ s(Ms, { item: { src: e, poster: t, mimeType: n }, index: 0 })
@@ -2591,17 +2601,17 @@ const cr = ({
   text: o,
   groupPosition: l,
   preload: d,
-  onClick: u
+  onClick: m
 }) => {
-  const p = Dr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
-    u
+  const p = Dr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: x } = Re(
+    m
   );
   if (p.length === 0)
     return null;
-  const b = p.map(
-    (g, x) => Rr(g, x, p.length)
+  const v = p.map(
+    (f, N) => Rr(f, N, p.length)
   );
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     Te,
     {
       variant: h,
@@ -2612,18 +2622,18 @@ const cr = ({
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
           Es,
           {
-            tiles: b,
-            onTileActivate: v,
+            tiles: v,
+            onTileActivate: b,
             className: "overflow-hidden rounded-md"
           }
         ) }),
         /* @__PURE__ */ s(
           As,
           {
-            open: f,
+            open: g,
             items: Rs(p, r),
             initialIndex: c,
-            onClose: w
+            onClose: x
           }
         )
       ]
@@ -2643,7 +2653,7 @@ const cr = ({
   isUnlocking: () => !1
 }, Br = {
   LockedAttachment: $r
-}, Ls = rt({}), ml = Ls.Provider;
+}, Ls = lt({}), cl = Ls.Provider;
 function Ur(e) {
   return Ie(Ls)[e] ?? Br[e];
 }
@@ -2690,31 +2700,31 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   if (!r && !i)
     return null;
   if (r) {
-    const f = (h = e.metadata) == null ? void 0 : h.amount_text;
-    if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = t ? `${f} tip` : `Delivered with ${f} tip`;
-    return /* @__PURE__ */ m("div", { className: c, children: [
+    const g = (h = e.metadata) == null ? void 0 : h.amount_text;
+    if (!g) return null;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${g} tip` : `Delivered with ${g} tip`;
+    return /* @__PURE__ */ u("div", { className: c, children: [
       /* @__PURE__ */ s(qn, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ s("span", { children: v })
+      /* @__PURE__ */ s("span", { children: b })
     ] });
   }
   const o = n && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(jr, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !o ? /* @__PURE__ */ m(ee, { children: [
-    u,
+  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(jr, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !o ? /* @__PURE__ */ u(te, { children: [
+    m,
     p
-  ] }) : /* @__PURE__ */ m(ee, { children: [
+  ] }) : /* @__PURE__ */ u(te, { children: [
     p,
-    u
+    m
   ] }) });
 }, qr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
-}) => /* @__PURE__ */ m("div", { className: "message-vote-buttons", children: [
+}) => /* @__PURE__ */ u("div", { className: "message-vote-buttons", children: [
   /* @__PURE__ */ s(
     "button",
     {
@@ -2752,7 +2762,7 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
         if (((o = t[l].user) == null ? void 0 : o.id) === a) return t[l].id;
     }
   }, [t, a]);
-  return e.id !== r ? null : /* @__PURE__ */ m(ee, { children: [
+  return e.id !== r ? null : /* @__PURE__ */ u(te, { children: [
     /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
@@ -2765,7 +2775,7 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
     MessageSendingStatus: Wr
   }
 ), Kr = /^([a-z][a-z0-9+.-]*):/i, Jr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function _t(e) {
+function yt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
@@ -2783,7 +2793,7 @@ const Zr = {
   const n = k(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     Zr[e]
-  ), a = _t(t.href);
+  ), a = yt(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
     {
@@ -2815,7 +2825,7 @@ const Zr = {
 }, ti = "text-white/30", si = {
   dark: "text-white/55",
   light: "text-black/55"
-}, Nt = ({
+}, kt = ({
   variant: e,
   title: t,
   placeholderTitle: n,
@@ -2825,26 +2835,26 @@ const Zr = {
   cta: o,
   trailingAction: l
 }) => {
-  const d = e === "dark", u = t ?? (d ? n : void 0) ?? "", p = u.trim() !== "", h = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", v = o != null;
-  if (!p && !h && !c && !v) return null;
-  const b = k(
+  const d = e === "dark", m = t ?? (d ? n : void 0) ?? "", p = m.trim() !== "", h = a != null && a.trim() !== "", g = typeof r == "string" ? r.trim() : "", c = g !== "", b = o != null;
+  if (!p && !h && !c && !b) return null;
+  const v = k(
     "truncate text-base font-medium leading-6",
     d && !t ? ti : ei[e]
-  ), g = k(
+  ), f = k(
     "truncate text-xs leading-4",
     si[e]
   );
-  return /* @__PURE__ */ m("div", { className: "px-4 py-3", children: [
-    /* @__PURE__ */ m("div", { className: "flex items-end gap-3", children: [
-      /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-        /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-col gap-1", children: [
-          p && /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2", children: [
+  return /* @__PURE__ */ u("div", { className: "px-4 py-3", children: [
+    /* @__PURE__ */ u("div", { className: "flex items-end gap-3", children: [
+      /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+        /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-col gap-1", children: [
+          p && /* @__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: k("min-w-0", b), children: u })
+            /* @__PURE__ */ s("p", { className: k("min-w-0", v), children: m })
           ] }),
-          h && /* @__PURE__ */ s("p", { className: g, children: a })
+          h && /* @__PURE__ */ s("p", { className: f, children: a })
         ] }),
-        !v && c && /* @__PURE__ */ s("p", { className: g, children: f })
+        !b && c && /* @__PURE__ */ s("p", { className: f, children: g })
       ] }),
       l && /* @__PURE__ */ s("div", { className: "shrink-0", children: l })
     ] }),
@@ -2868,15 +2878,15 @@ const Zr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const u = n != null || a != null, p = k(
+  const m = n != null || a != null, p = k(
     ni,
     l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
-    u ? "cursor-pointer no-underline focus-ring" : null
+    m ? "cursor-pointer no-underline focus-ring" : null
   ), h = o ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
-  return n ? /* @__PURE__ */ m(
+  return n ? /* @__PURE__ */ u(
     "a",
     {
       ref: i,
@@ -2891,7 +2901,7 @@ const Zr = {
         h
       ]
     }
-  ) : a ? /* @__PURE__ */ m(
+  ) : a ? /* @__PURE__ */ u(
     "button",
     {
       ref: i,
@@ -2905,7 +2915,7 @@ const Zr = {
         h
       ]
     }
-  ) : /* @__PURE__ */ m(
+  ) : /* @__PURE__ */ u(
     "div",
     {
       ref: i,
@@ -2923,11 +2933,11 @@ const Zr = {
 }, ri = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ve = (e, t) => !!t && !!e && ce(e) === "audio", yt = (e, t) => {
+}, Ve = (e, t) => !!t && !!e && ce(e) === "audio", Ct = (e, t) => {
   if (!t || !e) return !1;
   const n = ce(e);
   return n === "video" || n === "audio";
-}, kt = "bg-[#F2F3F4]", $e = ({
+}, St = "bg-[#F2F3F4]", $e = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: n,
@@ -2946,7 +2956,7 @@ const Zr = {
       className: "block w-full",
       children: /* @__PURE__ */ s("track", { kind: "captions" })
     }
-  ) }) : /* @__PURE__ */ m(
+  ) }) : /* @__PURE__ */ u(
     "div",
     {
       className: k(
@@ -3001,11 +3011,11 @@ const Zr = {
   sourceUrl: o,
   layout: l = "featured",
   appIcon: d,
-  cta: u,
+  cta: m,
   onDismiss: p,
   onEditClick: h
 }) => {
-  const f = l === "classic", c = Ve(r, o), v = p ? /* @__PURE__ */ s(
+  const g = l === "classic", c = Ve(r, o), b = p ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
@@ -3014,7 +3024,7 @@ const Zr = {
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
       children: /* @__PURE__ */ s(Ue, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, w = h ? /* @__PURE__ */ s(
+  ) : void 0, x = h ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
@@ -3024,7 +3034,7 @@ const Zr = {
       children: /* @__PURE__ */ s(Jn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: kt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: St, 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(
       $e,
       {
@@ -3034,14 +3044,14 @@ const Zr = {
         mimeType: r
       }
     ) }),
-    v && /* @__PURE__ */ s("div", { className: "shrink-0", children: v })
-  ] }) }) : /* @__PURE__ */ m(
+    b && /* @__PURE__ */ s("div", { className: "shrink-0", children: b })
+  ] }) }) : /* @__PURE__ */ u(
     Oe,
     {
       variant: "dark",
-      topRight: f ? v : void 0,
+      topRight: g ? b : void 0,
       children: [
-        !f && /* @__PURE__ */ s(
+        !g && /* @__PURE__ */ s(
           $e,
           {
             variant: "dark",
@@ -3049,11 +3059,11 @@ const Zr = {
             sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: v
+            topRight: b
           }
         ),
         /* @__PURE__ */ s(
-          Nt,
+          kt,
           {
             variant: "dark",
             title: e,
@@ -3061,8 +3071,8 @@ const Zr = {
             description: n,
             url: a,
             appIcon: d,
-            cta: u,
-            trailingAction: w
+            cta: m,
+            trailingAction: x
           }
         )
       ]
@@ -3078,23 +3088,23 @@ const Zr = {
   layout: o = "featured",
   appIcon: l,
   cta: d,
-  onClick: u
+  onClick: m
 }) => {
-  const p = yt(a, i), h = _t(n), f = d == null && h != null && !p ? h : void 0, c = d == null && !p ? u : void 0, v = Ve(a, i) ? kt : void 0, w = d && u ? {
+  const p = Ct(a, i), h = yt(n), g = d == null && h != null && !p ? h : void 0, c = d == null && !p ? m : void 0, b = Ve(a, i) ? St : void 0, x = d && m ? {
     ...d,
     onClick: () => {
-      var b;
-      u(), (b = d.onClick) == null || b.call(d);
+      var v;
+      m(), (v = d.onClick) == null || v.call(d);
     }
   } : d;
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     Oe,
     {
       variant: "light",
-      href: f,
+      href: g,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: v,
+      bgClassName: b,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ s(
@@ -3108,14 +3118,14 @@ const Zr = {
           }
         ),
         /* @__PURE__ */ s(
-          Nt,
+          kt,
           {
             variant: "light",
             title: e,
             description: t,
             url: n,
             appIcon: l,
-            cta: w
+            cta: x
           }
         )
       ]
@@ -3131,17 +3141,17 @@ const Zr = {
   sourceUrl: o,
   layout: l = "featured",
   appIcon: d,
-  cta: u,
+  cta: m,
   onClick: p
 }) => {
-  const h = yt(r, o), f = _t(a), c = u == null && f != null && !h ? f : void 0, v = u == null && !h && c != null ? p : void 0;
-  return /* @__PURE__ */ m(
+  const h = Ct(r, o), g = yt(a), c = m == null && g != null && !h ? g : void 0, b = m == null && !h && c != null ? p : void 0;
+  return /* @__PURE__ */ u(
     Oe,
     {
       variant: "dark",
       href: c,
-      onClick: v,
-      bgClassName: Ve(r, o) ? kt : void 0,
+      onClick: b,
+      bgClassName: Ve(r, o) ? St : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ s(
           $e,
@@ -3154,7 +3164,7 @@ const Zr = {
           }
         ),
         /* @__PURE__ */ s(
-          Nt,
+          kt,
           {
             variant: "dark",
             title: e,
@@ -3162,7 +3172,7 @@ const Zr = {
             description: n,
             url: a,
             appIcon: d,
-            cta: u
+            cta: m
           }
         )
       ]
@@ -3172,7 +3182,7 @@ const Zr = {
   Composer: ii,
   Sent: oi,
   Received: li
-}, ci = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white", di = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#e9eaed] px-4 py-2 text-[#080707]";
+};
 function P(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
@@ -3180,7 +3190,7 @@ function P(e) {
 function ts(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function ui(e, t) {
+function ci(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
   const n = ts(e), a = ts(t);
@@ -3201,11 +3211,11 @@ function ss(e) {
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: n || yt(r, a) ? "featured" : "classic",
+    layout: n || Ct(r, a) ? "featured" : "classic",
     mimeType: r
   };
 }
-function mi(e) {
+function di(e) {
   var t;
   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;
 }
@@ -3235,27 +3245,21 @@ function Fs(e) {
       a(r);
       continue;
     }
-    const i = mi(r);
+    const i = di(r);
     i && n(i, r);
   }
   return t;
 }
-function hi(e) {
-  let t = 0;
-  for (const n of e)
-    t += n.type === "link" ? n.attachments.length : 1;
-  return t;
-}
-function fi(e) {
+function ui(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function gi(e, t, n) {
+function mi(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) ?? "";
 }
-function pi(e) {
+function hi(e) {
   switch (e) {
     case "image":
       return ye.Image;
@@ -3269,7 +3273,7 @@ function pi(e) {
       return ye.File;
   }
 }
-function bi(e, t) {
+function fi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
@@ -3356,69 +3360,90 @@ function bi(e, t) {
       };
   }
 }
-function vi({
+function gi({
   groupPosition: e,
   isMyMessage: t,
-  segment: n,
-  text: a
+  segment: n
 }) {
-  const r = pi(n.kind), i = {
-    ...bi(n.kind, n.attachments),
-    groupPosition: e,
-    ...a ? { text: a } : {}
+  const a = hi(n.kind), r = {
+    ...fi(n.kind, n.attachments),
+    groupPosition: e
   };
-  return t ? /* @__PURE__ */ s(r.Sent, { ...i }) : /* @__PURE__ */ s(r.Received, { ...i });
+  return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const xi = ({
+const pi = ({
   groupPosition: e,
   isMyMessage: t,
-  message: n
+  message: n,
+  renderText: a
 }) => {
-  var w;
-  const a = Fs(n.attachments);
-  if (a.length === 0) return null;
-  const r = hi(a), i = fi(a), o = (w = n.text) == null ? void 0 : w.trim(), l = a.find((b) => b.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ss(l.attachments[0] ?? {}).url : void 0, u = o && ui(o, d) ? void 0 : o;
-  let p = 0, h = 0;
-  const f = [], c = (b, g) => {
-    const x = p === r - 1;
-    p += 1;
-    const N = t ? es.Sent : es.Received;
-    f.push(
-      /* @__PURE__ */ m(V.Fragment, { children: [
-        /* @__PURE__ */ s(N, { ...ss(b) }),
-        x && u ? /* @__PURE__ */ s("div", { className: t ? ci : di, children: u }) : null
-      ] }, g)
+  var b;
+  const r = Fs(n.attachments);
+  if (r.length === 0) return null;
+  const i = ui(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 && ci(o, d) ? void 0 : o;
+  let p = 0;
+  const h = [], g = (x, v) => {
+    const f = t ? es.Sent : es.Received;
+    h.push(
+      /* @__PURE__ */ s(f, { ...ss(x) }, v)
     );
-  }, v = (b, g) => {
-    const x = p === r - 1, N = gi(
-      h,
+  }, c = (x, v) => {
+    const f = mi(
+      p,
       i,
       e
     );
-    p += 1, h += 1, f.push(
+    p += 1, h.push(
       /* @__PURE__ */ s(
-        vi,
+        gi,
         {
-          groupPosition: N,
+          groupPosition: f,
           isMyMessage: t,
-          segment: b,
-          text: x ? u : void 0
+          segment: x
         },
-        g
+        v
       )
     );
   };
-  return a.forEach((b, g) => {
-    if (b.type === "link") {
-      b.attachments.forEach((x, N) => {
-        c(x, `link-${g}-${N}`);
+  return r.forEach((x, v) => {
+    if (x.type === "link") {
+      x.attachments.forEach((f, N) => {
+        g(f, `link-${v}-${N}`);
       });
       return;
     }
-    v(b, `media-${g}`);
-  }), /* @__PURE__ */ s(ee, { children: f });
-}, wi = (e) => {
-  var At, Mt, Rt, Dt, Lt, zt, Pt, Ft, Ot, $t, Bt, Ut, jt, Vt;
+    c(x, `media-${v}`);
+  }), /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: "str-chat__message-bubble",
+        "data-attachment-bubble": "true",
+        style: {
+          background: "transparent",
+          borderRadius: 0,
+          overflow: "visible",
+          padding: 0
+        },
+        children: [
+          h,
+          !m && /* @__PURE__ */ s(et, {})
+        ]
+      }
+    ),
+    m ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble", children: [
+      /* @__PURE__ */ s(
+        tt,
+        {
+          message: n,
+          renderText: a
+        }
+      ),
+      /* @__PURE__ */ s(et, {})
+    ] }) : null
+  ] });
+}, bi = (e) => {
+  var Rt, Dt, Lt, zt, Pt, Ft, Ot, $t, Bt, Ut, jt, Vt, Gt, Ht;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3428,41 +3453,41 @@ const xi = ({
     groupedByUser: o,
     handleAction: l,
     handleOpenThread: d,
-    handleRetry: u,
+    handleRetry: m,
     highlighted: p,
     isMessageAIGenerated: h,
-    isMyMessage: f,
+    isMyMessage: g,
     message: c,
-    renderText: v,
-    threadList: w,
-    viewerLanguage: b
-  } = e, { client: g } = oe("CustomMessage"), { channel: x } = le("CustomMessage"), { isUnlocking: N, onUnlockClick: C, onFetchSource: T, onDownloadClick: A } = Ur("LockedAttachment"), [D, $] = U(!1), F = Js(c.id), { selected: L, voteUp: y, voteDown: I } = xa(c), {
-    Attachment: S = Zs,
-    EditMessageModal: R = Qs,
-    MessageActions: E,
+    renderText: b,
+    threadList: x,
+    viewerLanguage: v
+  } = e, { client: f } = oe("CustomMessage"), { channel: N } = le("CustomMessage"), { isUnlocking: w, onUnlockClick: C, onFetchSource: R, onDownloadClick: S } = Ur("LockedAttachment"), [D, $] = U(!1), F = Js(c.id), { selected: L, voteUp: y, voteDown: E } = xa(c), {
+    Attachment: I = Zs,
+    EditMessageModal: M = Qs,
+    MessageActions: T,
     MessageBlocked: z = en,
     MessageBouncePrompt: O = tn,
     MessageDeleted: j = sn,
     MessageIsThreadReplyInChannelButtonIndicator: X = nn,
-    MessageRepliesCountButton: te = an,
+    MessageRepliesCountButton: ee = an,
     ReminderNotification: K = rn,
     StreamedMessageText: _ = ln,
-    PinIndicator: M
+    PinIndicator: A
   } = is("CustomMessage"), H = on(c), q = cn(c), Y = se(
     () => h == null ? void 0 : h(c),
     [h, c]
   ), B = se(() => {
     const me = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Fe(c)) return pe;
-    const Gt = pe.filter((Ht) => !("type" in Ht) || !ws(Ht));
-    return Gt.length === pe.length ? pe : Gt;
+    const Yt = pe.filter((qt) => !("type" in qt) || !ws(qt));
+    return Yt.length === pe.length ? pe : Yt;
   }, [c]), W = se(
     () => Fs(B),
     [B]
   ), Q = se(() => {
-    const me = hs({ message: c, viewerLanguage: b });
+    const me = hs({ message: c, viewerLanguage: v });
     return me === c.text ? c : { ...c, text: me };
-  }, [c, b]), de = W.length > 0, De = W.reduce(
+  }, [c, v]), de = W.length > 0, De = W.reduce(
     (me, pe) => me + pe.attachments.length,
     0
   ) === ((B == null ? void 0 : B.length) ?? 0), Le = Xa(
@@ -3478,10 +3503,10 @@ const xi = ({
     return /* @__PURE__ */ s(j, { message: c });
   if (un(c))
     return /* @__PURE__ */ s(z, {});
-  const ae = !w && !!c.reply_count, ue = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((At = c.error) == null ? void 0 : At.status) !== 403, St = mn(c);
+  const ae = !x && !!c.reply_count, ue = !x && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, It = mn(c);
   let he;
-  ie ? he = () => u(c) : St && (he = () => $(!0));
-  const fe = f(), js = k(
+  ie ? he = () => m(c) : It && (he = () => $(!0));
+  const fe = g(), js = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3492,16 +3517,16 @@ const xi = ({
       "str-chat__message--highlighted": p,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Mt = c == null ? void 0 : c.error) == null ? void 0 : Mt.status) !== 403,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Dt = c == null ? void 0 : c.error) == null ? void 0 : Dt.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
     }
-  ), Ge = c.poll_id && g.polls.fromState(c.poll_id), Et = Yr(c), ge = Fe(c), It = Hr(c), He = !!(B != null && B.length && !c.quoted_message), Tt = ge && fe && He, Vs = de && De && !c.quoted_message && !Ge && !Y && !ge;
-  return /* @__PURE__ */ m(ee, { children: [
+  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), Tt = Yr(c), ge = Fe(c), At = Hr(c), He = !!(B != null && B.length && !c.quoted_message), Mt = ge && fe && He, Vs = de && De && !c.quoted_message && !Ge && !Y && !ge;
+  return /* @__PURE__ */ u(te, { children: [
     a && /* @__PURE__ */ s(
-      R,
+      M,
       {
         additionalMessageInputProps: t
       }
@@ -3514,14 +3539,14 @@ const xi = ({
         open: D
       }
     ),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ u(
       "div",
       {
         className: js,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          M && /* @__PURE__ */ s(M, {}),
+          A && /* @__PURE__ */ s(A, {}),
           !!F && /* @__PURE__ */ s(K, { reminder: F }),
           c.user && /* @__PURE__ */ s(
             ne,
@@ -3539,7 +3564,7 @@ const xi = ({
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": ie || St
+                "str-chat__simple-message--error-failed": ie || It
               }),
               "data-testid": "message-inner",
               onClick: he,
@@ -3552,77 +3577,63 @@ const xi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: It ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
-                fe ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-                  E && /* @__PURE__ */ s(E, {}),
+              children: At ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
+                fe ? /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+                  T && /* @__PURE__ */ s(T, {}),
                   /* @__PURE__ */ s(
                     Zt.Sent,
                     {
-                      title: (Rt = c.metadata) == null ? void 0 : Rt.attachment_title,
-                      mimeType: (Dt = c.metadata) == null ? void 0 : Dt.attachment_mime_type,
-                      thumbnailUrl: (Lt = c.metadata) == null ? void 0 : Lt.attachment_thumbnail,
-                      amountText: (zt = c.metadata) == null ? void 0 : zt.amount_text,
-                      detail: (Pt = c.metadata) == null ? void 0 : Pt.attachment_detail,
-                      paymentStatus: (Ft = c.metadata) == null ? void 0 : Ft.payment_status,
-                      onPreviewClick: () => C == null ? void 0 : C(c, x),
-                      onFetchSource: async () => await (T == null ? void 0 : T(c, x))
+                      title: (Lt = c.metadata) == null ? void 0 : Lt.attachment_title,
+                      mimeType: (zt = c.metadata) == null ? void 0 : zt.attachment_mime_type,
+                      thumbnailUrl: (Pt = c.metadata) == null ? void 0 : Pt.attachment_thumbnail,
+                      amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
+                      detail: (Ot = c.metadata) == null ? void 0 : Ot.attachment_detail,
+                      paymentStatus: ($t = c.metadata) == null ? void 0 : $t.payment_status,
+                      onPreviewClick: () => C == null ? void 0 : C(c, N),
+                      onFetchSource: async () => await (R == null ? void 0 : R(c, N))
                     }
                   )
-                ] }) : /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+                ] }) : /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ s(
                     Zt.Received,
                     {
-                      title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
-                      mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
-                      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,
-                      isUnlocking: N(c.id),
-                      onUnlockClick: () => C == null ? void 0 : C(c, x),
-                      onFetchSource: async () => await (T == null ? void 0 : T(c, x)),
-                      onDownloadClick: () => A == null ? void 0 : A(c, x)
+                      title: (Bt = c.metadata) == null ? void 0 : Bt.attachment_title,
+                      mimeType: (Ut = c.metadata) == null ? void 0 : Ut.attachment_mime_type,
+                      thumbnailUrl: (jt = c.metadata) == null ? void 0 : jt.attachment_thumbnail,
+                      amountText: (Vt = c.metadata) == null ? void 0 : Vt.amount_text,
+                      detail: (Gt = c.metadata) == null ? void 0 : Gt.attachment_detail,
+                      paymentStatus: (Ht = c.metadata) == null ? void 0 : Ht.payment_status,
+                      isUnlocking: w(c.id),
+                      onUnlockClick: () => C == null ? void 0 : C(c, N),
+                      onFetchSource: async () => await (R == null ? void 0 : R(c, N)),
+                      onDownloadClick: () => S == null ? void 0 : S(c, N)
                     }
                   ),
-                  E && /* @__PURE__ */ s(E, {})
+                  T && /* @__PURE__ */ s(T, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
-                  qt,
+                  tt,
                   {
                     message: Q,
-                    renderText: v
+                    renderText: b
                   }
                 ) })
-              ] }) : Et ? (
+              ] }) : Tt ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ s(Ke, { message: c, standalone: !0 })
-              ) : Vs ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m(
-                "div",
+              ) : Vs ? /* @__PURE__ */ s(
+                pi,
                 {
-                  className: "str-chat__message-bubble",
-                  style: {
-                    background: "transparent",
-                    borderRadius: 0,
-                    overflow: "visible",
-                    padding: 0
+                  groupPosition: Le,
+                  isMyMessage: fe,
+                  message: {
+                    ...Q,
+                    attachments: B
                   },
-                  children: [
-                    /* @__PURE__ */ s(
-                      xi,
-                      {
-                        groupPosition: Le,
-                        isMyMessage: fe,
-                        message: {
-                          attachments: B,
-                          text: Q.text
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ s(Wt, {})
-                  ]
+                  renderText: b
                 }
-              ) }) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
-                ge && !Tt && /* @__PURE__ */ s(
+              ) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "str-chat__message-bubble", children: [
+                ge && !Mt && /* @__PURE__ */ s(
                   Ke,
                   {
                     message: c,
@@ -3632,7 +3643,7 @@ const xi = ({
                 ),
                 Ge && /* @__PURE__ */ s(fn, { poll: Ge }),
                 B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
-                  S,
+                  I,
                   {
                     actionHandler: l,
                     attachments: B
@@ -3642,21 +3653,21 @@ const xi = ({
                   _,
                   {
                     message: Q,
-                    renderText: v
+                    renderText: b
                   }
                 ) : /* @__PURE__ */ s(
-                  qt,
+                  tt,
                   {
                     message: Q,
-                    renderText: v
+                    renderText: b
                   }
                 ),
-                /* @__PURE__ */ s(Wt, {})
+                /* @__PURE__ */ s(et, {})
               ] }) })
             }
           ),
-          !It && !Et && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
-            (!ge || Tt) && /* @__PURE__ */ s(
+          !At && !Tt && /* @__PURE__ */ u("div", { className: "str-chat__message-footer", children: [
+            (!ge || Mt) && /* @__PURE__ */ s(
               Ke,
               {
                 message: c,
@@ -3669,13 +3680,13 @@ const xi = ({
               {
                 selected: L,
                 onVoteUp: y,
-                onVoteDown: I
+                onVoteDown: E
               }
             )
           ] }),
           /* @__PURE__ */ s(Xr, {}),
           ae && /* @__PURE__ */ s(
-            te,
+            ee,
             {
               onClick: d,
               reply_count: c.reply_count
@@ -3687,13 +3698,13 @@ const xi = ({
       c.id
     )
   ] });
-}, _i = V.memo(
-  wi,
+}, vi = V.memo(
+  bi,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
-), Ni = (e) => {
+), xi = (e) => {
   const t = _e("CustomMessage");
-  return /* @__PURE__ */ s(_i, { ...t, ...e });
-}, yi = () => {
+  return /* @__PURE__ */ s(vi, { ...t, ...e });
+}, wi = () => {
   var n;
   const { handleDelete: e, message: t } = _e("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
@@ -3706,7 +3717,7 @@ const xi = ({
       children: /* @__PURE__ */ s(Zn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, ki = () => {
+}, _i = () => {
   const { handleFlag: e } = _e("CustomMessageActions");
   return /* @__PURE__ */ s(
     ds,
@@ -3718,24 +3729,24 @@ const xi = ({
       children: /* @__PURE__ */ s(ls, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ci = () => {
+}, Ni = () => {
   var t;
   const { message: e } = _e("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
     ta,
     {
       messageActionSet: [
-        { Component: yi, placement: "quick", type: "delete" },
-        { Component: ki, placement: "quick", type: "flag" }
+        { Component: wi, placement: "quick", type: "delete" },
+        { Component: _i, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Si = ({
+}, yi = ({
   link: e,
   onDismiss: t
 }) => {
   const { og_scrape_url: n, title: a, image_url: r } = e;
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     "a",
     {
       href: n,
@@ -3763,21 +3774,21 @@ const xi = ({
             children: /* @__PURE__ */ s(Ue, { className: "size-4 text-black/90" })
           }
         ),
-        /* @__PURE__ */ m("div", { className: "p-2", children: [
+        /* @__PURE__ */ u("div", { className: "p-2", children: [
           a && /* @__PURE__ */ s("div", { className: "truncate text-[14px] font-medium leading-5 text-white", children: a }),
           /* @__PURE__ */ s("div", { className: "truncate text-[12px] leading-4 text-white/55", children: n })
         ] })
       ]
     }
   );
-}, Ei = (e) => ({
+}, ki = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
+    (t) => Wt.previewIsLoaded(t) || Wt.previewIsLoading(t)
   )
-}), Ii = () => {
+}), Ci = () => {
   const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
     e.state,
-    Ei
+    ki
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3790,9 +3801,9 @@ const xi = ({
     // block so it keeps its intrinsic height and the container scrolls — a
     // bare flex-column child would be shrunk on the column axis and its
     // 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(Si, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
+    /* @__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(yi, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Ct = V.createContext(!1), hl = () => Ie(Ct), Ti = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Et = V.createContext(!1), dl = () => Ie(Et), Si = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3802,9 +3813,9 @@ const xi = ({
     onClick: e,
     children: /* @__PURE__ */ s(Qn, { weight: "bold", className: "size-4" })
   }
-), Ai = () => {
-  const e = Ie(Ct), { handleSubmit: t } = vn(), n = xn(), a = e || !n, {
-    SendButton: r = Ti,
+), Ei = () => {
+  const e = Ie(Et), { handleSubmit: t } = vn(), n = xn(), a = e || !n, {
+    SendButton: r = Si,
     AttachmentPreviewList: i = wn
   } = is("CustomMessageInput");
   return (
@@ -3816,16 +3827,16 @@ const xi = ({
     // content height and the squeeze never reaches the preview list. Stream's
     // <MessageInput> renders its Input directly (context providers only, no
     // wrapper element), so this is a direct flex item of that row.
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ u(
       "div",
       {
         className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
         "data-dd-privacy": "mask",
         children: [
           /* @__PURE__ */ s(_n, {}),
-          /* @__PURE__ */ s(Ii, {}),
+          /* @__PURE__ */ s(Ci, {}),
           /* @__PURE__ */ s(i, {}),
-          /* @__PURE__ */ m("div", { className: "flex shrink-0", children: [
+          /* @__PURE__ */ u("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
               Nn,
               {
@@ -3854,7 +3865,7 @@ const xi = ({
       }
     )
   );
-}, Mi = ({
+}, Ii = ({
   renderActions: e,
   renderFooter: t,
   disabled: n = !1,
@@ -3863,11 +3874,11 @@ const xi = ({
 }) => {
   var l;
   const { channel: i } = le(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
-  return n ? /* @__PURE__ */ m(ee, { children: [
+  return n ? /* @__PURE__ */ u(te, { children: [
     /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
-  ] }) : /* @__PURE__ */ m("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
-    /* @__PURE__ */ m(
+  ] }) : /* @__PURE__ */ u("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ u(
       "div",
       {
         inert: o ? "" : void 0,
@@ -3875,23 +3886,23 @@ const xi = ({
         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(Ct.Provider, { value: o, children: /* @__PURE__ */ s(bn, { Input: r ?? Ai }) })
+          /* @__PURE__ */ s(Et.Provider, { value: o, children: /* @__PURE__ */ s(bn, { Input: r ?? Ei }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Ri = [
+}, Ti = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Di = {
+], Ai = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Li = [
+}, Mi = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], zi = {
+], Ri = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Ze = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", as = (e) => Ri.includes(e), Fi = (e) => Li.includes(e), Oi = (e) => {
+}, Ze = "age safety guidelines.", Di = "https://linktr.ee/s/about/contact", as = (e) => Ti.includes(e), Li = (e) => Mi.includes(e), zi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (as(t))
@@ -3899,7 +3910,7 @@ const xi = ({
       kind: "dm-agent",
       type: t
     };
-  if (Fi(t))
+  if (Li(t))
     return {
       kind: "age-safety",
       type: t
@@ -3910,17 +3921,17 @@ const xi = ({
       kind: "dm-agent",
       type: n
     };
-}, $i = (e) => {
+}, Pi = (e) => {
   const t = e.indexOf(Ze);
   if (t === -1)
     return e;
   const n = t + Ze.length;
-  return /* @__PURE__ */ m(ee, { children: [
+  return /* @__PURE__ */ u(te, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
       {
-        href: Pi,
+        href: Di,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -3929,15 +3940,15 @@ const xi = ({
     ),
     e.slice(n)
   ] });
-}, Bi = (e) => {
+}, Fi = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = Oi(
+  const t = e.message.hide_date === !0, n = zi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Di[n.type];
-    return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ m(
+    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",
         {
           className: "mes-dm-agent-system-message mx-auto mb-2 inline-flex w-fit max-w-[min(100%,480px)] items-center justify-center gap-[10px] rounded-[12px] border border-[rgba(0,0,0,0.08)] p-3 text-[rgba(0,0,0,0.55)]",
@@ -3961,9 +3972,9 @@ const xi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || zi[n.type];
-    return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ m(
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ri[n.type];
+    return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ u(
         "div",
         {
           className: "mes-age-safety-system-message box-border mx-auto mb-2 flex w-full max-w-[329px] items-start justify-center gap-3 rounded-[12px] border border-[var(--border-secondary,rgba(0,0,0,0.08))] bg-[var(--bg-warning-subtle,#fef3c6)] px-2 py-4 pl-5 text-[color:var(--text-warning-on-warning,#894b00)]",
@@ -3980,22 +3991,22 @@ const xi = ({
                 "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: Pi(i) }) })
           ]
         }
       ),
       !t && /* @__PURE__ */ s(Ye, { message: e.message })
     ] });
   }
-  return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-    /* @__PURE__ */ m("div", { className: "str-chat__message--system__text", children: [
+  return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+    /* @__PURE__ */ u("div", { className: "str-chat__message--system__text", children: [
       /* @__PURE__ */ s("div", { className: "str-chat__message--system__line" }),
       /* @__PURE__ */ s("p", { children: e.message.text }),
       /* @__PURE__ */ s("div", { className: "str-chat__message--system__line" })
     ] }),
     !t && /* @__PURE__ */ s(Ye, { message: e.message })
   ] });
-}, Os = rt(!1), Qe = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Os = lt(!1), Qe = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4005,47 +4016,47 @@ const xi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ui = /* @__PURE__ */ new Set([
+) }), Oi = /* @__PURE__ */ new Set([
   qe.Thinking,
   qe.Generating,
   qe.ExternalSources
-]), ji = ({ threadList: e }) => {
-  var v, w;
+]), $i = ({ threadList: e }) => {
+  var b, x;
   const { channel: t, channelConfig: n, thread: a } = le(), { client: r } = oe(), { typing: i = {} } = yn(), { aiState: o } = kn(t), l = Ie(Os);
-  if (!e && l && Ui.has(o)) {
-    const b = Vi(t, (v = r.user) == null ? void 0 : v.id);
+  if (!e && l && Oi.has(o)) {
+    const v = Bi(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
       rs,
       {
-        avatarId: (b == null ? void 0 : b.id) ?? "ai-agent",
-        avatarName: (b == null ? void 0 : b.name) ?? (b == null ? void 0 : b.id) ?? "Agent",
-        avatarImage: b == null ? void 0 : b.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"
       }
     );
   }
   if ((n == null ? void 0 : n.typing_events) === !1)
     return null;
-  const u = e ? [] : Object.values(i).filter(
-    ({ parent_id: b, user: g }) => {
-      var x;
-      return (g == null ? void 0 : g.id) !== ((x = r.user) == null ? void 0 : x.id) && !b;
+  const m = e ? [] : Object.values(i).filter(
+    ({ parent_id: v, user: f }) => {
+      var N;
+      return (f == null ? void 0 : f.id) !== ((N = r.user) == null ? void 0 : N.id) && !v;
     }
   ), p = e ? Object.values(i).filter(
-    ({ parent_id: b, user: g }) => {
-      var x;
-      return (g == null ? void 0 : g.id) !== ((x = r.user) == null ? void 0 : x.id) && b === (a == null ? void 0 : a.id);
+    ({ parent_id: v, user: f }) => {
+      var N;
+      return (f == null ? void 0 : f.id) !== ((N = r.user) == null ? void 0 : N.id) && v === (a == null ? void 0 : a.id);
     }
-  ) : [], h = e ? p : u;
+  ) : [], h = e ? p : m;
   if (!h.length)
     return null;
-  const f = (w = h[0]) == null ? void 0 : w.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const g = (x = h[0]) == null ? void 0 : x.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ s(
     rs,
     {
-      avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
-      avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
-      avatarImage: (f == null ? void 0 : f.image) ?? (c == null ? void 0 : c.image),
+      avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
+      avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
+      avatarImage: (g == null ? void 0 : g.image) ?? (c == null ? void 0 : c.image),
       testId: "typing-indicator"
     }
   );
@@ -4062,7 +4073,7 @@ const xi = ({
     style: {
       marginBottom: "var(--messaging-channel-input-spacer-height, 80px)"
     },
-    children: /* @__PURE__ */ m("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
+    children: /* @__PURE__ */ u("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ s(
         ne,
         {
@@ -4074,7 +4085,7 @@ const xi = ({
           shape: "circle"
         }
       ),
-      /* @__PURE__ */ s("div", { className: "str-chat__message-inner mx-0", children: /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s("div", { className: "str-chat__message-text min-h-11 flex items-center", children: /* @__PURE__ */ s("div", { className: "str-chat__message-text-inner str-chat__message-simple-text-inner", children: /* @__PURE__ */ m(
+      /* @__PURE__ */ s("div", { className: "str-chat__message-inner mx-0", children: /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s("div", { className: "str-chat__message-text min-h-11 flex items-center", children: /* @__PURE__ */ s("div", { className: "str-chat__message-text-inner str-chat__message-simple-text-inner", children: /* @__PURE__ */ u(
         "svg",
         {
           "aria-hidden": "true",
@@ -4093,7 +4104,7 @@ const xi = ({
     ] })
   }
 );
-function Vi(e, t) {
+function Bi(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)) {
@@ -4102,12 +4113,12 @@ function Vi(e, t) {
       return i;
   }
 }
-const Gi = () => null, Hi = ({ className: e, message: t }) => /* @__PURE__ */ m(
+const Ui = () => null, ji = ({ className: e, message: t }) => /* @__PURE__ */ u(
   "div",
   {
     className: k("flex items-center justify-center h-full", e),
     children: [
-      /* @__PURE__ */ m("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", 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(
           "animateTransform",
           {
@@ -4145,12 +4156,12 @@ const Gi = () => null, Hi = ({ className: e, message: t }) => /* @__PURE__ */ m(
       t && /* @__PURE__ */ s("span", { className: "text-stone", children: t })
     ]
   }
-), Be = V.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(Hi, { className: "w-6 h-6" }),
+), Be = V.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ u("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ s(ji, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Be.displayName = "LoadingState";
-const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Yi = ({
+const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Vi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4160,35 +4171,35 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showDeleteConversation: o = !0,
   showBlockParticipant: l = !0,
   showReportParticipant: d = !0,
-  onDeleteConversationClick: u,
+  onDeleteConversationClick: m,
   onBlockParticipantClick: p,
   onReportParticipantClick: h,
-  customChannelActions: f,
+  customChannelActions: g,
   renderChannelActions: c,
-  showChannelInfo: v = !0,
-  onParticipantNameClick: w,
-  renderHeaderTitleBadges: b
+  showChannelInfo: b = !0,
+  onParticipantNameClick: x,
+  renderHeaderTitleBadges: v
 }) => {
-  var I, S, R, E, z, O;
-  const { channel: g } = le(), { client: x } = oe(), N = V.useMemo(
+  var E, I, M, T, z, O;
+  const { channel: f } = le(), { client: N } = oe(), w = V.useMemo(
     () => {
       var j;
       return je(
-        (j = g.state) == null ? void 0 : j.members,
-        x == null ? void 0 : x.userID,
-        g.type
+        (j = f.state) == null ? void 0 : j.members,
+        N == null ? void 0 : N.userID,
+        f.type
       );
     },
-    [(I = g.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, g.type]
-  ), C = ct(N == null ? void 0 : N.user), T = (S = N == null ? void 0 : N.user) == null ? void 0 : S.image, A = ot(g), D = b == null ? void 0 : b({
-    channel: g,
-    participant: N
-  }), $ = "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", F = "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__ */ m(ee, { children: [
+    [(E = f.state) == null ? void 0 : E.members, N == null ? void 0 : N.userID, f.type]
+  ), C = ut(w == null ? void 0 : w.user), R = (I = w == null ? void 0 : w.user) == null ? void 0 : I.image, S = dt(f), D = v == null ? void 0 : v({
+    channel: f,
+    participant: w
+  }), $ = "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", F = "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: C }),
     D && /* @__PURE__ */ s("span", { className: "shrink-0", children: D })
   ] }), y = async () => {
     try {
-      A ? await g.unpin() : await g.pin();
+      S ? await f.unpin() : await f.pin();
     } catch (j) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -4196,8 +4207,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       );
     }
   };
-  return /* @__PURE__ */ m("div", { className: "@container", children: [
-    /* @__PURE__ */ m("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden px-6 py-3", children: [
+  return /* @__PURE__ */ u("div", { className: "@container", children: [
+    /* @__PURE__ */ u("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden px-6 py-3", children: [
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ s(
         "button",
         {
@@ -4209,7 +4220,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ s(st, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ s(
@@ -4217,11 +4228,11 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         {
           className: "flex flex-col gap-1 items-center",
           "data-dd-privacy": "mask",
-          children: w ? /* @__PURE__ */ m(
+          children: x ? /* @__PURE__ */ u(
             "button",
             {
               type: "button",
-              onClick: w,
+              onClick: x,
               "aria-label": `View details for ${C}`,
               className: k(
                 $,
@@ -4231,37 +4242,37 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 /* @__PURE__ */ s(
                   ne,
                   {
-                    id: ((R = N == null ? void 0 : N.user) == null ? void 0 : R.id) || g.id || "unknown",
+                    id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || f.id || "unknown",
                     name: C,
-                    image: T,
-                    starred: n && A,
+                    image: R,
+                    starred: n && S,
                     dmAgentEnabled: a,
                     size: 48
                   }
                 ),
-                /* @__PURE__ */ m("span", { className: "flex max-w-full items-center gap-0.5", children: [
+                /* @__PURE__ */ u("span", { className: "flex max-w-full items-center gap-0.5", children: [
                   L,
                   /* @__PURE__ */ s(ve, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
-                a && /* @__PURE__ */ m("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+                a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
                   /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { children: Pe })
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ m("div", { className: $, children: [
+          ) : /* @__PURE__ */ u("div", { className: $, children: [
             /* @__PURE__ */ s(
               ne,
               {
-                id: ((E = N == null ? void 0 : N.user) == null ? void 0 : E.id) || g.id || "unknown",
+                id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || f.id || "unknown",
                 name: C,
-                image: T,
-                starred: n && A,
+                image: R,
+                starred: n && S,
                 dmAgentEnabled: a,
                 size: 48
               }
             ),
-            /* @__PURE__ */ m("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
+            /* @__PURE__ */ u("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
               L,
               /* @__PURE__ */ s(
                 ve,
@@ -4271,54 +4282,54 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 }
               )
             ] }),
-            a && /* @__PURE__ */ m("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+            a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
               /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ s("span", { children: Pe })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ m("div", { className: "flex justify-end items-center gap-2", children: [
+      /* @__PURE__ */ u("div", { className: "flex justify-end items-center gap-2", children: [
         n && /* @__PURE__ */ s(
           "button",
           {
             className: be,
             onClick: y,
             type: "button",
-            "aria-label": A ? "Unstar conversation" : "Star conversation",
+            "aria-label": S ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ee,
               {
                 className: k("size-5", {
-                  "text-yellow-600": A,
-                  "text-black/90": !A
+                  "text-yellow-600": S,
+                  "text-black/90": !S
                 }),
-                weight: A ? "duotone" : "regular"
+                weight: S ? "duotone" : "regular"
               }
             )
           }
         ),
-        v && (c !== void 0 ? c : /* @__PURE__ */ s(
-          st,
+        b && (c !== void 0 ? c : /* @__PURE__ */ s(
+          at,
           {
-            channel: g,
-            participant: N,
+            channel: f,
+            participant: w,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
             onLeaveConversation: r,
             onBlockParticipant: i,
-            onDeleteConversationClick: u,
+            onDeleteConversationClick: m,
             onBlockParticipantClick: p,
             onReportParticipantClick: h,
-            customChannelActions: f,
+            customChannelActions: g,
             triggerClassName: k(be, "bg-[#F1F0EE]")
           }
         ))
       ] })
     ] }),
-    /* @__PURE__ */ m("div", { className: "px-6 py-3 hidden @lg:flex items-center justify-between gap-3 min-h-12 border-b border-b-black/[0.08]", children: [
-      /* @__PURE__ */ m("div", { className: "flex items-center gap-4 min-w-0", "data-dd-privacy": "mask", children: [
+    /* @__PURE__ */ u("div", { className: "px-6 py-3 hidden @lg:flex items-center justify-between gap-3 min-h-12 border-b border-b-black/[0.08]", children: [
+      /* @__PURE__ */ u("div", { className: "flex items-center gap-4 min-w-0", "data-dd-privacy": "mask", children: [
         t && e && /* @__PURE__ */ s(
           "button",
           {
@@ -4329,14 +4340,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(st, { className: "size-5 text-black/90" })
           }
         ),
-        w ? /* @__PURE__ */ m(
+        x ? /* @__PURE__ */ u(
           "button",
           {
             type: "button",
-            onClick: w,
+            onClick: x,
             "aria-label": `View details for ${C}`,
             className: k(
               F,
@@ -4346,40 +4357,40 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((z = N == null ? void 0 : N.user) == null ? void 0 : z.id) || g.id || "unknown",
+                  id: ((z = w == null ? void 0 : w.user) == null ? void 0 : z.id) || f.id || "unknown",
                   name: C,
-                  image: T,
-                  starred: n && A,
+                  image: R,
+                  starred: n && S,
                   dmAgentEnabled: a,
                   size: 48
                 }
               ),
-              /* @__PURE__ */ m("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ m("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
+              /* @__PURE__ */ u("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ u("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
                   L,
                   /* @__PURE__ */ s(ve, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
-                a && /* @__PURE__ */ m("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+                a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
                   /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { className: "truncate", children: Pe })
                 ] })
               ] })
             ]
           }
-        ) : /* @__PURE__ */ m("div", { className: F, children: [
+        ) : /* @__PURE__ */ u("div", { className: F, children: [
           /* @__PURE__ */ s(
             ne,
             {
-              id: ((O = N == null ? void 0 : N.user) == null ? void 0 : O.id) || g.id || "unknown",
+              id: ((O = w == null ? void 0 : w.user) == null ? void 0 : O.id) || f.id || "unknown",
               name: C,
-              image: T,
-              starred: n && A,
+              image: R,
+              starred: n && S,
               dmAgentEnabled: a,
               size: 48
             }
           ),
-          /* @__PURE__ */ m("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ m("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
+          /* @__PURE__ */ u("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ u("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
               L,
               /* @__PURE__ */ s(
                 ve,
@@ -4389,54 +4400,54 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 }
               )
             ] }),
-            a && /* @__PURE__ */ m("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+            a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
               /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ s("span", { className: "truncate", children: Pe })
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
         n && /* @__PURE__ */ s(
           "button",
           {
             className: be,
             onClick: y,
             type: "button",
-            "aria-label": A ? "Unstar conversation" : "Star conversation",
+            "aria-label": S ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ee,
               {
                 className: k("size-6", {
-                  "text-yellow-600": A,
-                  "text-black/90": !A
+                  "text-yellow-600": S,
+                  "text-black/90": !S
                 }),
-                weight: A ? "duotone" : "regular"
+                weight: S ? "duotone" : "regular"
               }
             )
           }
         ),
-        v && (c !== void 0 ? c : /* @__PURE__ */ s(
-          st,
+        b && (c !== void 0 ? c : /* @__PURE__ */ s(
+          at,
           {
-            channel: g,
-            participant: N,
+            channel: f,
+            participant: w,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
             onLeaveConversation: r,
             onBlockParticipant: i,
-            onDeleteConversationClick: u,
+            onDeleteConversationClick: m,
             onBlockParticipantClick: p,
             onReportParticipantClick: h,
-            customChannelActions: f,
+            customChannelActions: g,
             triggerClassName: be
           }
         ))
       ] })
     ] })
   ] });
-}, qi = ({
+}, Gi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4446,143 +4457,146 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onBlockParticipant: o,
   showDeleteConversation: l = !0,
   onDeleteConversationClick: d,
-  onBlockParticipantClick: u,
+  onBlockParticipantClick: m,
   onReportParticipantClick: p,
   showBlockParticipant: h = !0,
-  showReportParticipant: f = !0,
+  showReportParticipant: g = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: v,
-  showStarButton: w = !1,
-  chatbotVotingEnabled: b = !1,
-  renderChannelBanner: g,
-  renderHeaderTitleBadges: x,
-  customChannelActions: N,
+  composerDisabledReason: b,
+  showStarButton: x = !1,
+  chatbotVotingEnabled: v = !1,
+  renderChannelBanner: f,
+  renderHeaderTitleBadges: N,
+  customChannelActions: w,
   renderChannelActions: C,
-  renderMessage: T,
-  dmAgentEnabled: A = !1,
+  renderMessage: R,
+  dmAgentEnabled: S = !1,
   viewerLanguage: D,
   showChannelInfo: $ = !0,
   onParticipantNameClick: F,
   composerInput: L
 }) => {
-  var _, M, H, q;
-  const { channel: y } = le(), { client: I } = oe(), S = V.useMemo(
+  var _, A, H, q;
+  const { channel: y } = le(), { client: E } = oe(), I = V.useMemo(
     () => {
       var Y;
       return je(
         (Y = y.state) == null ? void 0 : Y.members,
-        I == null ? void 0 : I.userID,
+        E == null ? void 0 : E.userID,
         y.type
       );
     },
-    [(_ = y.state) == null ? void 0 : _.members, I == null ? void 0 : I.userID, y.type]
-  ), R = V.useMemo(() => {
+    [(_ = y.state) == null ? void 0 : _.members, E == null ? void 0 : E.userID, y.type]
+  ), M = V.useMemo(() => {
     var W;
-    const Y = I == null ? void 0 : I.userID;
+    const Y = E == null ? void 0 : E.userID;
     return Y ? Object.values(((W = y.state) == null ? void 0 : W.members) || {}).find((Q) => {
       var de;
       return ((de = Q.user) == null ? void 0 : de.id) === Y;
     }) : void 0;
-  }, [I == null ? void 0 : I.userID, (M = y.state) == null ? void 0 : M.members]), E = ((H = R == null ? void 0 : R.user) == null ? void 0 : H.is_account) ?? (R == null ? void 0 : R.is_account), z = ((q = S == null ? void 0 : S.user) == null ? void 0 : q.is_account) ?? (S == null ? void 0 : S.is_account), O = A && E === !1 && z === !0, j = y.state.messages.some(
+  }, [E == null ? void 0 : E.userID, (A = y.state) == null ? void 0 : A.members]), T = ((H = M == null ? void 0 : M.user) == null ? void 0 : H.is_account) ?? (M == null ? void 0 : M.is_account), z = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), O = S && T === !1 && z === !0, j = y.state.messages.some(
     (Y) => Y.type !== "deleted"
-  ), X = g ? /* @__PURE__ */ s(V.Fragment, { children: g() }, "lt-channel-banner") : null, te = F ? /* @__PURE__ */ s(
+  ), X = f ? /* @__PURE__ */ s(V.Fragment, { children: f() }, "lt-channel-banner") : null, ee = F ? /* @__PURE__ */ s(
     pa,
     {
+      className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
       onBack: e,
       showBackButton: t,
       showChannelInfo: $,
-      showStarButton: w,
+      showStarButton: x,
       dmAgentEnabled: O,
       onLeaveConversation: i,
       onBlockParticipant: o,
       showDeleteConversation: l,
       showBlockParticipant: h,
-      showReportParticipant: f,
+      showReportParticipant: g,
       onDeleteConversationClick: d,
-      onBlockParticipantClick: u,
+      onBlockParticipantClick: m,
       onReportParticipantClick: p,
-      customChannelActions: N,
+      customChannelActions: w,
       renderChannelActions: C,
       onParticipantNameClick: F
     }
   ) : null, K = Z(
     (Y) => {
       const { message: B } = _e("ChannelView"), W = /* @__PURE__ */ s(
-        Ni,
+        xi,
         {
           ...Y,
-          chatbotVotingEnabled: b,
+          chatbotVotingEnabled: v,
           viewerLanguage: D
         }
       );
-      return !T || !B ? W : T(W, B);
+      return !R || !B ? W : R(W, B);
     },
-    [b, T, D]
+    [v, R, D]
   );
-  return /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(
     Sn,
     {
       overrides: {
         Message: K,
-        MessageActions: Ci
+        MessageActions: Ni
       },
-      children: /* @__PURE__ */ m(En, { children: [
-        !F && /* @__PURE__ */ m(ee, { children: [
+      children: /* @__PURE__ */ u(En, { children: [
+        !F && /* @__PURE__ */ u(te, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Yi,
+            Vi,
             {
               onBack: e,
               showBackButton: t,
               showChannelInfo: $,
-              showStarButton: w,
+              showStarButton: x,
               dmAgentEnabled: O,
               onLeaveConversation: i,
               onBlockParticipant: o,
               showDeleteConversation: l,
               showBlockParticipant: h,
-              showReportParticipant: f,
+              showReportParticipant: g,
               onDeleteConversationClick: d,
-              onBlockParticipantClick: u,
+              onBlockParticipantClick: m,
               onReportParticipantClick: p,
-              customChannelActions: N,
+              customChannelActions: w,
               renderChannelActions: C,
-              renderHeaderTitleBadges: x
+              renderHeaderTitleBadges: N
             }
           ) }, "lt-channel-header"),
           X
         ] }),
-        F && !j && /* @__PURE__ */ m("div", { className: "px-4 @lg:px-6", children: [
-          te,
-          X
-        ] }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ u(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
-            children: /* @__PURE__ */ s(
-              In,
-              {
-                head: F && j ? /* @__PURE__ */ m("div", { className: "sticky top-0 z-10", children: [
-                  te,
-                  X
-                ] }) : void 0,
-                hideDeletedMessages: !0,
-                hideNewMessageSeparator: !1
-              }
-            )
+            children: [
+              F && !j && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ u("div", { className: "str-chat__message-list-scroll", children: [
+                ee,
+                X
+              ] }) }),
+              /* @__PURE__ */ s(
+                In,
+                {
+                  head: F && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
+                    ee,
+                    X
+                  ] }) : void 0,
+                  hideDeletedMessages: !0,
+                  hideNewMessageSeparator: !1
+                }
+              )
+            ]
           },
           "lt-channel-message-list"
         ),
         r ? /* @__PURE__ */ s(V.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          Mi,
+          Ii,
           {
             ...n && {
               renderActions: () => n == null ? void 0 : n(y)
             },
             renderFooter: () => a == null ? void 0 : a(y),
             disabled: c,
-            disabledReason: v,
+            disabledReason: b,
             composerInput: L
           },
           "lt-channel-message-input"
@@ -4601,86 +4615,86 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: u = Gi,
+    CustomChannelEmptyState: m = Ui,
     showDeleteConversation: p = !0,
     onDeleteConversationClick: h,
-    onBlockParticipantClick: f,
+    onBlockParticipantClick: g,
     onReportParticipantClick: c,
-    showBlockParticipant: v = !0,
-    showReportParticipant: w = !0,
-    composerDisabled: b = !1,
-    composerDisabledReason: g,
-    dmAgentEnabled: x,
-    messageMetadata: N,
+    showBlockParticipant: b = !0,
+    showReportParticipant: x = !0,
+    composerDisabled: v = !1,
+    composerDisabledReason: f,
+    dmAgentEnabled: N,
+    messageMetadata: w,
     onMessageSent: C,
-    showStarButton: T = !1,
-    chatbotVotingEnabled: A = !1,
+    showStarButton: R = !1,
+    chatbotVotingEnabled: S = !1,
     renderChannelBanner: D,
     renderHeaderTitleBadges: $,
     customChannelActions: F,
     renderChannelActions: L,
     renderMessage: y,
-    onMessageLinkClick: I,
-    sendButton: S,
-    attachmentPreviewList: R,
-    viewerLanguage: E,
+    onMessageLinkClick: E,
+    sendButton: I,
+    attachmentPreviewList: M,
+    viewerLanguage: T,
     showChannelInfo: z = !0,
     onParticipantNameClick: O,
     composerInput: j
   }) => {
     const X = Z(
-      async (K, _, M) => {
+      async (K, _, A) => {
         var Q;
-        const H = ((Q = e.data) == null ? void 0 : Q.chatbot_paused) === !0, q = x && !H, Y = {
+        const H = ((Q = e.data) == null ? void 0 : Q.chatbot_paused) === !0, q = N && !H, Y = {
           ..._,
           ...q && { silent: !0 },
-          ...N && {
+          ...w && {
             metadata: {
               ..._.metadata ?? {},
-              ...N
+              ...w
             }
           }
         }, B = {
-          ...M,
+          ...A,
           ...q && { skip_push: !0 }
         }, W = await e.sendMessage(Y, B);
         return C == null || C(W), W;
       },
-      [e, x, N, C]
-    ), te = G(null);
+      [e, N, w, C]
+    ), ee = G(null);
     return J(() => {
-      if (!I) return;
-      const K = te.current;
+      if (!E) return;
+      const K = ee.current;
       if (!K) return;
-      const _ = (M) => {
-        const H = M.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
+      const _ = (A) => {
+        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"), Q = W ? e.state.messages.find((de) => de.id === W) : void 0;
-        I(Y, Q);
+        E(Y, Q);
       };
       return K.addEventListener("click", _), () => K.removeEventListener("click", _);
-    }, [I, e]), /* @__PURE__ */ s(
+    }, [E, e]), /* @__PURE__ */ s(
       "div",
       {
-        ref: te,
+        ref: ee,
         className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Os.Provider, { value: x ?? !1, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s(Os.Provider, { value: N ?? !1, children: /* @__PURE__ */ s(
           Cn,
           {
             channel: e,
-            MessageSystem: Bi,
-            EmptyStateIndicator: u,
+            MessageSystem: Fi,
+            EmptyStateIndicator: m,
             LoadingIndicator: Be,
             DateSeparator: ba,
-            TypingIndicator: ji,
+            TypingIndicator: $i,
             doSendMessageRequest: X,
-            ...S ? { SendButton: S } : {},
-            ...R ? { AttachmentPreviewList: R } : {},
+            ...I ? { SendButton: I } : {},
+            ...M ? { AttachmentPreviewList: M } : {},
             children: /* @__PURE__ */ s(
-              qi,
+              Gi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4689,24 +4703,24 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 renderConversationFooter: i,
                 onLeaveConversation: o,
                 onBlockParticipant: l,
-                CustomChannelEmptyState: u,
+                CustomChannelEmptyState: m,
                 showDeleteConversation: p,
                 onDeleteConversationClick: h,
-                onBlockParticipantClick: f,
+                onBlockParticipantClick: g,
                 onReportParticipantClick: c,
-                showBlockParticipant: v,
-                showReportParticipant: w,
-                composerDisabled: b,
-                composerDisabledReason: g,
-                showStarButton: T,
-                dmAgentEnabled: x,
-                chatbotVotingEnabled: A,
+                showBlockParticipant: b,
+                showReportParticipant: x,
+                composerDisabled: v,
+                composerDisabledReason: f,
+                showStarButton: R,
+                dmAgentEnabled: N,
+                chatbotVotingEnabled: S,
                 renderChannelBanner: D,
                 renderHeaderTitleBadges: $,
                 customChannelActions: F,
                 renderChannelActions: L,
                 renderMessage: y,
-                viewerLanguage: E,
+                viewerLanguage: T,
                 showChannelInfo: z,
                 onParticipantNameClick: O,
                 composerInput: j
@@ -4719,7 +4733,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 $s.displayName = "ChannelView";
-const ke = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
+const ke = 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!" }),
   /* @__PURE__ */ s("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -4734,7 +4748,7 @@ const ke = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 ke.displayName = "ErrorState";
-const fl = ({
+const ul = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4744,20 +4758,20 @@ const fl = ({
   initialParticipantData: o,
   CustomChannelEmptyState: l,
   onBlockParticipantClick: d,
-  onReportParticipantClick: u,
+  onReportParticipantClick: m,
   dmAgentEnabled: p,
   onMessageSent: h,
-  chatbotVotingEnabled: f = !1,
+  chatbotVotingEnabled: g = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: v,
-  renderChannelBanner: w,
-  customChannelActions: b,
-  renderChannelActions: g,
-  onParticipantNameClick: x,
-  renderMessage: N,
+  renderHeaderTitleBadges: b,
+  renderChannelBanner: x,
+  customChannelActions: v,
+  renderChannelActions: f,
+  onParticipantNameClick: N,
+  renderMessage: w,
   onMessageLinkClick: C,
-  showChannelInfo: T,
-  composerInput: A
+  showChannelInfo: R,
+  composerInput: S
 }) => {
   const {
     client: D,
@@ -4765,29 +4779,29 @@ const fl = ({
     isLoading: F,
     error: L,
     refreshConnection: y,
-    service: I,
-    debug: S
-  } = sa(), [R, E] = U(null), [z, O] = U(null), [j, X] = U(!1), { showDeleteConversation: te = !0 } = e, K = G(o);
+    service: E,
+    debug: I
+  } = sa(), [M, T] = U(null), [z, O] = U(null), [j, X] = U(!1), { showDeleteConversation: ee = !0 } = e, K = G(o);
   K.current = o;
   const _ = G(a);
   _.current = a;
-  const M = G(null), H = G(null);
+  const A = G(null), H = G(null);
   J(() => {
-    H.current = R;
-  }, [R]), J(() => {
+    H.current = M;
+  }, [M]), J(() => {
     if (!D || !$) return;
     const B = D.userID;
     if (!B) return;
     const W = `${B}::${i}`;
-    if (M.current === W) return;
-    M.current = W;
+    if (A.current === W) return;
+    A.current = W;
     const Q = () => {
-      M.current === W && (M.current = null);
+      A.current === W && (A.current = null);
     };
     (async () => {
       var De, Le;
       try {
-        S && console.log(
+        I && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
@@ -4800,27 +4814,27 @@ const fl = ({
           { limit: 1 }
         );
         if (ae.length > 0) {
-          E(ae[0]), O(null), (De = _.current) == null || De.call(_, ae[0]), S && console.log(
+          T(ae[0]), O(null), (De = _.current) == null || De.call(_, ae[0]), I && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ae[0].id
           );
           return;
         }
         const ue = K.current;
-        if (!ue || !I) {
-          Q(), O("No conversation found with this account"), S && console.log(
+        if (!ue || !E) {
+          Q(), O("No conversation found with this account"), I && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const ie = await I.startChannelWithParticipant({
+          const ie = await E.startChannelWithParticipant({
             id: ue.id,
             name: ue.name,
             phone: ue.phone
           });
-          E(ie), O(null), (Le = _.current) == null || Le.call(_, ie), S && console.log(
+          T(ie), O(null), (Le = _.current) == null || Le.call(_, ie), I && console.log(
             "[MessagingShell] Channel created and loaded:",
             ie.id
           );
@@ -4837,12 +4851,12 @@ const fl = ({
         ), Q(), H.current || O("Failed to load conversation");
       }
     })();
-  }, [i, D, $, I, S]);
+  }, [i, D, $, E, I]);
   const q = G(r);
   q.current = r;
   const Y = Z(() => {
     var B;
-    E(null), X(!0), (B = q.current) == null || B.call(q);
+    T(null), X(!0), (B = q.current) == null || B.call(q);
   }, []);
   return F ? /* @__PURE__ */ s(Be, {}) : L ? /* @__PURE__ */ s(ke, { message: L, onBack: y }) : !$ || !D ? /* @__PURE__ */ s(
     ke,
@@ -4850,36 +4864,36 @@ const fl = ({
       message: "Not connected to messaging service",
       onBack: y
     }
-  ) : z ? /* @__PURE__ */ s(ke, { message: z }) : j && !R ? /* @__PURE__ */ s(ke, { message: "Conversation ended" }) : R ? /* @__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(
+  ) : z ? /* @__PURE__ */ s(ke, { message: z }) : j && !M ? /* @__PURE__ */ s(ke, { message: "Conversation ended" }) : M ? /* @__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(
     $s,
     {
-      channel: R,
+      channel: M,
       renderMessageInputActions: t,
       renderConversationFooter: n,
-      renderChannelBanner: w,
+      renderChannelBanner: x,
       onLeaveConversation: Y,
       onBlockParticipant: Y,
       CustomChannelEmptyState: l,
-      showDeleteConversation: te,
+      showDeleteConversation: ee,
       onBlockParticipantClick: d,
-      onReportParticipantClick: u,
+      onReportParticipantClick: m,
       dmAgentEnabled: p,
       onMessageSent: h,
-      chatbotVotingEnabled: f,
+      chatbotVotingEnabled: g,
       viewerLanguage: c,
-      renderHeaderTitleBadges: v,
-      customChannelActions: b,
-      renderChannelActions: g,
-      onParticipantNameClick: x,
-      renderMessage: N,
+      renderHeaderTitleBadges: b,
+      customChannelActions: v,
+      renderChannelActions: f,
+      onParticipantNameClick: N,
+      renderMessage: w,
       onMessageLinkClick: C,
-      showChannelInfo: T,
-      composerInput: A
+      showChannelInfo: R,
+      composerInput: S
     },
-    R.id
+    M.id
   ) }) }) : /* @__PURE__ */ s(Be, {});
 };
-function Wi(e) {
+function Hi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
@@ -4893,18 +4907,18 @@ const Bs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Xi = Bs.Provider, Ki = () => V.useContext(Bs), Ji = (e, t) => {
+}), Yi = Bs.Provider, qi = () => V.useContext(Bs), Wi = (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));
-}, Zi = (e) => {
+}, Xi = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Ji(e, t);
+  const a = Wi(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4924,7 +4938,7 @@ const Bs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Ki(), { client: u } = oe(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ot(t);
+    } = qi(), { client: m } = oe(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = dt(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -4936,40 +4950,40 @@ const Bs = V.createContext({
           viewerLanguage: d
         }
       );
-    const f = () => {
+    const g = () => {
       t && r(t);
     }, c = (y) => {
-      const I = y.key === "Enter" || y.key === " ", S = y.repeat;
-      !I || S || (y.preventDefault(), f());
-    }, v = je(
+      const E = y.key === "Enter" || y.key === " ", I = y.repeat;
+      !E || I || (y.preventDefault(), g());
+    }, b = je(
       ($ = t == null ? void 0 : t.state) == null ? void 0 : $.members,
-      u == null ? void 0 : u.userID,
+      m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
-    ), w = ct(v == null ? void 0 : v.user), b = (F = v == null ? void 0 : v.user) == null ? void 0 : F.image, g = (() => {
-      var I;
-      const y = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
+    ), x = ut(b == null ? void 0 : b.user), v = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, f = (() => {
+      var E;
+      const y = (E = t == null ? void 0 : t.state) == null ? void 0 : E.messages;
       if (y != null && y.length) {
-        for (let S = y.length - 1; S >= 0; S--)
-          if (y[S].type !== "system") return y[S];
+        for (let I = y.length - 1; I >= 0; I--)
+          if (y[I].type !== "system") return y[I];
       }
-    })(), N = (() => {
+    })(), w = (() => {
       var z, O, j, X;
       const y = hs({
-        message: g,
+        message: f,
         viewerLanguage: d
       });
-      if (((z = g == null ? void 0 : g.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return y ? `💵 ${y}` : "💵 Sent a tip";
-      if (((O = g == null ? void 0 : g.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_PAID") return y ? `💰 ${y}` : "💰 Sent a message";
-      if (((j = g == null ? void 0 : g.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT")
+      if (((z = f == null ? void 0 : f.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return y ? `💵 ${y}` : "💵 Sent a tip";
+      if (((O = f == null ? void 0 : f.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_PAID") return y ? `💰 ${y}` : "💰 Sent a message";
+      if (((j = f == null ? void 0 : f.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT")
         return y ? `📎 ${y}` : "📎 Sent an attachment";
       if (y) return y;
-      const E = (X = g == null ? void 0 : g.attachments) == null ? void 0 : X[0];
-      return E ? E.og_scrape_url ? E.og_scrape_url : E.type === "image" ? "📷 Sent an image" : E.type === "video" ? "🎥 Sent a video" : E.type === "audio" ? "🎵 Sent audio" : E.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), C = g != null && g.created_at ? Zi(new Date(g.created_at)) : "", T = g ? Fe(g) : !1, A = l ? l(g, N) : `${T ? "✨ " : ""}${N}`, D = n ?? 0;
+      const T = (X = f == null ? void 0 : f.attachments) == null ? void 0 : X[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";
+    })(), C = f != null && f.created_at ? Xi(new Date(f.created_at)) : "", R = f ? Fe(f) : !1, S = l ? l(f, w) : `${R ? "✨ " : ""}${w}`, D = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: p,
-      participantName: w,
+      participantName: x,
       unreadCount: D,
       hasTimestamp: !!C
     }), /* @__PURE__ */ s(
@@ -4977,7 +4991,7 @@ const Bs = V.createContext({
       {
         role: "button",
         tabIndex: 0,
-        onClick: f,
+        onClick: g,
         onKeyDown: c,
         className: k(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
@@ -4987,20 +5001,20 @@ const Bs = V.createContext({
           }
         ),
         "data-dd-privacy": "mask",
-        children: /* @__PURE__ */ m("div", { className: "flex items-start gap-4", children: [
+        children: /* @__PURE__ */ u("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
             ne,
             {
-              id: ((L = v == null ? void 0 : v.user) == null ? void 0 : L.id) || t.id || "unknown",
-              name: w,
-              image: b,
+              id: ((L = b == null ? void 0 : b.user) == null ? void 0 : L.id) || t.id || "unknown",
+              name: x,
+              image: v,
               size: 48,
               starred: h
             }
           ),
-          /* @__PURE__ */ m("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-            /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ m(
+          /* @__PURE__ */ u("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+            /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ u(
                 "h3",
                 {
                   className: k(
@@ -5008,14 +5022,14 @@ const Bs = V.createContext({
                   ),
                   children: [
                     h && /* @__PURE__ */ s("span", { className: "sr-only", children: "Starred conversation. " }),
-                    w
+                    x
                   ]
                 }
               ),
               C && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: C })
             ] }),
-            /* @__PURE__ */ m("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: A }),
+            /* @__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: S }),
               D > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: D > 99 ? "99+" : D })
             ] })
           ] })
@@ -5025,42 +5039,42 @@ const Bs = V.createContext({
   }
 );
 Us.displayName = "CustomChannelPreview";
-const Qi = { last_message_at: -1 }, el = V.memo(
+const Ki = { last_message_at: -1 }, Ji = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Qi,
+    sort: i = Ki,
     className: o,
     customEmptyStateIndicator: l,
     channelListPaginator: d = An,
-    channelPreview: u,
+    channelPreview: m,
     renderMessagePreview: p,
     viewerLanguage: h
   }) => {
-    const f = V.useRef(0);
-    f.current++;
-    const { debug: c = !1 } = lt(), v = V.useCallback(
-      (b) => {
-        for (const g of b)
-          Wi(g);
-        return r ? r(b) : b;
+    const g = V.useRef(0);
+    g.current++;
+    const { debug: c = !1 } = ct(), b = V.useCallback(
+      (v) => {
+        for (const f of v)
+          Hi(f);
+        return r ? r(v) : v;
       },
       [r]
     );
     c && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: f.current,
+      renderCount: g.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: n
     });
-    const w = V.useMemo(
+    const x = V.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
         debug: c,
-        channelPreview: u,
+        channelPreview: m,
         renderMessagePreview: p,
         viewerLanguage: h
       }),
@@ -5068,7 +5082,7 @@ const Qi = { last_message_at: -1 }, el = V.memo(
         t,
         e,
         c,
-        u,
+        m,
         p,
         h
       ]
@@ -5080,14 +5094,14 @@ const Qi = { last_message_at: -1 }, el = V.memo(
           "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: w, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Yi, { value: x, children: /* @__PURE__ */ s(
           Tn,
           {
             filters: n,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: v,
+            channelRenderFilterFn: b,
             Paginator: d,
             Preview: Us,
             EmptyStateIndicator: l
@@ -5098,8 +5112,8 @@ const Qi = { last_message_at: -1 }, el = V.memo(
     );
   }
 );
-el.displayName = "ChannelList";
-const tl = ({
+Ji.displayName = "ChannelList";
+const Zi = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5121,7 +5135,7 @@ const tl = ({
     ),
     children: e
   }
-), gl = ({
+), ml = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5130,8 +5144,8 @@ const tl = ({
   avatarImage: i,
   avatarName: o
 }) => {
-  const l = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.order ?? 0));
-  return l.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ m("div", { className: "flex gap-3 items-end", children: [
+  const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
+  return l.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ u("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
       ne,
       {
@@ -5142,7 +5156,7 @@ const tl = ({
         shape: "circle"
       }
     ) }),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ u(
       "div",
       {
         className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
@@ -5150,7 +5164,7 @@ const tl = ({
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ s(
-            tl,
+            Zi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5165,29 +5179,29 @@ const tl = ({
 };
 export {
   bs as A,
-  hl as B,
-  Gi as C,
+  dl as B,
+  Ui as C,
   Ur as D,
   xa as E,
-  gl as F,
+  ml as F,
   sa as G,
   es as L,
-  ul as M,
+  ol as M,
   Ne as a,
   ne as b,
-  el as c,
+  Ji as c,
   $s as d,
-  ml as e,
-  tl as f,
+  cl as e,
+  Zi as f,
   ce as g,
   Zt as h,
   ye as i,
   qr as j,
-  dl as k,
-  fl as l,
+  ll as k,
+  ul as l,
   rr as m,
   sr as n,
-  Zi as o,
+  Xi as o,
   ar as p,
   hs as q,
   we as r,
@@ -5196,8 +5210,8 @@ export {
   Xa as u,
   wa as v,
   je as w,
-  ht as x,
-  ft as y,
-  ct as z
+  gt as x,
+  pt as y,
+  ut as z
 };
-//# sourceMappingURL=index-Bv79lb0u.js.map
+//# sourceMappingURL=index-C2r41RoF.js.map