@linktr.ee/messaging-react 3.6.2-rc-1783314663 → 3.6.2-rc-1783317817

package/dist/{index-DPwo1avm.js → index-CnR5N9Co.js}

@@ -1,12 +1,12 @@
 import { jsx as s, jsxs as m, Fragment as te } from "react/jsx-runtime";
-import U, { createContext as at, useContext as Se, useCallback as J, useState as B, useRef as G, useEffect as K, useId as Vs, useMemo as ae, Suspense as rt } from "react";
-import { StreamChatService as Gs } from "@linktr.ee/messaging-core";
-import { StreamChat as Hs, LinkPreviewsManager as Ht } from "stream-chat";
-import { Chat as Ys, useChannelStateContext as ue, useChatContext as me, DateSeparator as qs, areMessageUIPropsEqual as Ws, useMessageReminder as Xs, useComponentContext as rs, Attachment as Ks, EditMessageModal as Js, MessageBlocked as Zs, MessageBouncePrompt as Qs, MessageDeleted as en, MessageIsThreadReplyInChannelButtonIndicator as tn, MessageRepliesCountButton as sn, ReminderNotification as nn, StreamedMessageText as an, messageHasAttachments as rn, messageHasReactions as ln, isDateSeparatorMessage as on, isMessageBlocked as cn, isMessageBounced as dn, MessageBounceModal as un, MessageText as Yt, MessageErrorIcon as qt, Poll as mn, useMessageContext as Ie, useMessageComposer as hn, useStateStore as fn, MessageInput as gn, useMessageInputContext as pn, useMessageComposerHasSendableData as bn, AttachmentPreviewList as vn, QuotedMessagePreview as xn, TextareaComposer as wn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as _n, useAIState as Nn, Channel as yn, WithComponents as kn, Window as Cn, MessageList as En, ChannelList as Sn, InfiniteScroll as In } from "stream-chat-react";
-import { StarIcon as Ee, DotsThreeIcon as Tn, SpinnerGapIcon as ze, SignOutIcon as An, ProhibitInsetIcon as Wt, FlagIcon as is, ArrowLeftIcon as Qe, CurrencyDollarIcon as Mn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as ls, ImageIcon as Rn, SpeakerHighIcon as Ln, VideoCameraIcon as os, FileMdIcon as Dn, FileTextIcon as zn, FileZipIcon as Pn, FilePptIcon as Fn, FileCsvIcon as On, FileXlsIcon as $n, FileDocIcon as jn, FilePdfIcon as Bn, CircleNotchIcon as ke, PlayIcon as et, PauseIcon as Un, LinkIcon as Vn, DownloadSimpleIcon as Ce, XIcon as Be, CaretLeftIcon as Gn, ChecksIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as qn, ThumbsDownIcon as Wn, PencilSimpleIcon as Xn, TrashSimpleIcon as Kn, ArrowUpIcon as Jn, ProhibitIcon as Zn } from "@phosphor-icons/react";
+import U, { createContext as at, useContext as Se, useCallback as J, useState as B, useRef as H, useEffect as K, useId as Gs, useMemo as ae, Suspense as rt } 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 ue, useChatContext as me, DateSeparator as Ws, areMessageUIPropsEqual as Xs, useMessageReminder as Ks, useComponentContext as is, Attachment as Js, EditMessageModal as Zs, MessageBlocked as Qs, MessageBouncePrompt as en, MessageDeleted as tn, MessageIsThreadReplyInChannelButtonIndicator as sn, MessageRepliesCountButton as nn, ReminderNotification as an, StreamedMessageText as rn, messageHasAttachments as ln, messageHasReactions as on, isDateSeparatorMessage as cn, isMessageBlocked as dn, isMessageBounced as un, MessageBounceModal as mn, MessageText as qt, MessageErrorIcon as Wt, Poll as hn, useMessageContext as Ie, useMessageComposer as fn, useStateStore as gn, MessageInput as pn, useMessageInputContext as bn, useMessageComposerHasSendableData as vn, AttachmentPreviewList as xn, QuotedMessagePreview as wn, TextareaComposer as _n, MessageTimestamp as Ye, AIStates as qe, useTypingContext as Nn, useAIState as yn, Channel as kn, WithComponents as Cn, Window as En, MessageList as Sn, ChannelList as In, InfiniteScroll as Tn } from "stream-chat-react";
+import { StarIcon as Ee, DotsThreeIcon as An, SpinnerGapIcon as ze, SignOutIcon as Mn, ProhibitInsetIcon as Xt, FlagIcon as ls, ArrowLeftIcon as Qe, CurrencyDollarIcon as Rn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as os, ImageIcon as Ln, SpeakerHighIcon as Dn, VideoCameraIcon as cs, FileMdIcon as zn, FileTextIcon as Pn, FileZipIcon as Fn, FilePptIcon as On, FileCsvIcon as $n, FileXlsIcon as jn, FileDocIcon as Bn, FilePdfIcon as Un, CircleNotchIcon as ke, PlayIcon as et, PauseIcon as Vn, LinkIcon as Gn, DownloadSimpleIcon as Ce, XIcon as Be, CaretLeftIcon as Hn, ChecksIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, PencilSimpleIcon as Kn, TrashSimpleIcon as Jn, ArrowUpIcon as Zn, ProhibitIcon as Qn } from "@phosphor-icons/react";
 import k from "classnames";
-import { MessageActions as Qn, DefaultDropdownActionButton as cs } from "stream-chat-react/experimental";
-const ds = at({
+import { MessageActions as ea, DefaultDropdownActionButton as ds } from "stream-chat-react/experimental";
+const us = at({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const ds = at({
   refreshConnection: async () => {
   },
   debug: !1
-}), it = () => Se(ds), ll = ({
+}), it = () => Se(us), cl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -24,10 +24,10 @@ const ds = at({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var A, S;
+  var M, E;
   const l = J(
-    (C, ...I) => {
-      i && console.log(`🔥 [MessagingProvider] ${C}`, ...I);
+    (C, ...T) => {
+      i && console.log(`🔥 [MessagingProvider] ${C}`, ...T);
     },
     [i]
   );
@@ -37,37 +37,37 @@ const ds = at({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [o, d] = B(null), [u, p] = B(null), [h, g] = B(!1), [c, v] = B(!1), [w, b] = B(null), f = G(!1), x = G(null), N = G(n);
-  N.current = n;
-  const E = G(i);
-  E.current = i;
-  const T = G({
+  const [o, d] = B(null), [u, p] = B(null), [h, f] = B(!1), [b, c] = B(!1), [w, v] = B(null), g = H(!1), x = H(null), _ = H(n);
+  _.current = n;
+  const A = H(i);
+  A.current = i;
+  const S = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: r
-  }), M = G(0);
-  M.current++, l("📊 RENDER INFO", {
-    renderCount: M.current,
+  }), I = H(0);
+  I.current++, l("📊 RENDER INFO", {
+    renderCount: I.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: T.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: T.current.apiKey !== a,
-      serviceConfigChanged: T.current.serviceConfig !== n,
-      capabilitiesChanged: T.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
     }
-  }), T.current = {
+  }), S.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: r
   };
-  const D = G(null);
-  a && ((A = D.current) == null ? void 0 : A.apiKey) !== a && (D.current = { apiKey: a, client: new Hs(a) });
-  const L = a ? ((S = D.current) == null ? void 0 : S.client) ?? null : null;
+  const L = H(null);
+  a && ((M = L.current) == null ? void 0 : M.apiKey) !== a && (L.current = { apiKey: a, client: new Ys(a) });
+  const D = a ? ((E = L.current) == null ? void 0 : E.client) ?? null : null;
   K(() => {
-    const C = M.current, I = N.current;
-    if (!a || !L || !I) {
+    const C = I.current, T = _.current;
+    if (!a || !D || !T) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: C,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -78,36 +78,36 @@ const ds = at({
       renderCount: C,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new Gs({
-      ...I,
+    const F = new Hs({
+      ...T,
       apiKey: a,
-      debug: E.current,
-      client: L
+      debug: A.current,
+      client: D
     });
-    x.current = $, d($), l("✅ SERVICE SET", {
+    x.current = F, d(F), l("✅ SERVICE SET", {
       renderCount: C,
-      serviceInstance: !!$
+      serviceInstance: !!F
     });
-  }, [a, L]);
-  const O = G(null);
+  }, [a, D]);
+  const $ = H(null);
   K(() => {
-    var I, $;
+    var T, F;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: f.current,
+      isConnecting: g.current,
       isConnected: h,
       dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
     }), !o || !t) {
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (f.current) {
+    if (g.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((I = O.current) == null ? void 0 : I.serviceId) === o && (($ = O.current) == null ? void 0 : $.userId) === t.id) {
+    if (((T = $.current) == null ? void 0 : T.serviceId) === o && ((F = $.current) == null ? void 0 : F.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,34 +115,34 @@ const ds = at({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), f.current = !0, v(!0), b(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), g.current = !0, c(!0), v(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const F = await o.connectUser(t);
-        p(F), g(!0), O.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const O = await o.connectUser(t);
+        p(O), f(!0), $.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: F.userID
+          clientId: O.userID
         });
-      } catch (F) {
-        const V = F instanceof Error ? F.message : "Connection failed";
-        b(V), l("❌ USER CONNECTION ERROR", {
+      } catch (O) {
+        const V = O instanceof Error ? O.message : "Connection failed";
+        v(V), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: V
         });
       } finally {
-        v(!1), f.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        c(!1), g.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: h
         });
       }
     })();
   }, [o, t, l, h]), K(() => {
-    const C = L;
+    const C = D;
     return () => {
-      var I;
-      C && (O.current = null, (I = x.current) == null || I.disconnectUser().catch(console.error));
+      var T;
+      C && ($.current = null, (T = x.current) == null || T.disconnectUser().catch(console.error));
     };
-  }, [L]);
+  }, [D]);
   const z = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
@@ -151,32 +151,32 @@ const ds = at({
       l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), v(!0);
+    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), c(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
       const C = await o.connectUser(t);
-      p(C), g(!0), b(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      p(C), f(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
     } catch (C) {
-      const I = C instanceof Error ? C.message : "Refresh failed";
-      b(I), l("❌ CONNECTION REFRESH ERROR", {
+      const T = C instanceof Error ? C.message : "Refresh failed";
+      v(T), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: I
+        error: T
       });
     } finally {
-      v(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      c(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
   }, [o, t, l]), y = U.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!u,
     isConnected: h,
-    isLoading: c,
+    isLoading: b,
     hasError: !!w,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: o,
     client: u,
     isConnected: h,
-    isLoading: c,
+    isLoading: b,
     error: w,
     capabilities: r,
     refreshConnection: z,
@@ -185,7 +185,7 @@ const ds = at({
     o,
     u,
     h,
-    c,
+    b,
     w,
     r,
     z,
@@ -193,20 +193,20 @@ const ds = at({
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: M.current,
-    willRenderChat: !!L,
+    renderCount: I.current,
+    willRenderChat: !!D,
     contextValueReady: !!y
-  }), /* @__PURE__ */ s(ds.Provider, { value: y, children: L ? /* @__PURE__ */ s(
-    Ys,
+  }), /* @__PURE__ */ s(us.Provider, { value: y, children: D ? /* @__PURE__ */ s(
+    qs,
     {
-      client: L,
+      client: D,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: e
     }
   ) : e });
-}, ea = () => it(), lt = (e) => {
+}, ta = () => it(), lt = (e) => {
   var a, r;
   const [t, n] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -228,14 +228,14 @@ const ds = at({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, ta = "linktree-official", sa = "linktree-official-sender";
+}, sa = "linktree-official", na = "linktree-official-sender";
 function Ue(e, t, n) {
   const a = Object.values(e || {});
-  if (n === ta) {
+  if (n === sa) {
     const r = a.find(
       (i) => {
         var l;
-        return ((l = i.user) == null ? void 0 : l.id) === sa;
+        return ((l = i.user) == null ? void 0 : l.id) === na;
       }
     );
     if (r) return r;
@@ -247,18 +247,18 @@ function Ue(e, t, n) {
     }
   );
 }
-const na = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function aa(e) {
-  return na.test(e.trim());
+const aa = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function ra(e) {
+  return aa.test(e.trim());
 }
-function Xt(e, t) {
+function Kt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t ? !1 : !aa(n);
+  return !n || t && n === t ? !1 : !ra(n);
 }
 function ot(e) {
-  return Xt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Xt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+  return Kt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Kt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Kt = [
+const Jt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -286,7 +286,7 @@ const Kt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ra(e) {
+function ia(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -294,16 +294,16 @@ function ra(e) {
   }
   return Math.abs(t);
 }
-function us(e) {
-  return Kt[ra(e) % Kt.length];
-}
-function ia(e) {
-  return us(e).emoji;
+function ms(e) {
+  return Jt[ia(e) % Jt.length];
 }
 function la(e) {
-  return us(e).bgColor;
+  return ms(e).emoji;
 }
-const se = ({
+function oa(e) {
+  return ms(e).bgColor;
+}
+const ne = ({
   id: e,
   image: t,
   size: n = 40,
@@ -312,7 +312,7 @@ const se = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = ia(e), d = la(e), u = 0.45, h = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, g = 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 o = la(e), d = oa(e), u = 0.45, h = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, b = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, c = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: b, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -342,7 +342,7 @@ const se = ({
         width: `${n}px`,
         height: `${n}px`,
         backgroundColor: t ? void 0 : d,
-        ...c
+        ...b
       },
       children: [
         r && /* @__PURE__ */ s(
@@ -362,21 +362,21 @@ const se = ({
               "bg-transparent"
             ),
             style: {
-              ...c,
+              ...b,
               ...l && {
-                borderWidth: `${g}px`,
+                borderWidth: `${f}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
               }
             },
-            children: v
+            children: c
           }
         )
       ]
     }
   );
-}, oa = "https://linktr.ee/s/about/trust-center/report", ca = ({
+}, ca = "https://linktr.ee/s/about/trust-center/report", da = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -389,78 +389,78 @@ const se = ({
   onActionComplete: u,
   logLabel: p = "useChannelModerationActions"
 }) => {
-  var A;
-  const { service: h, debug: g } = it(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, v = !!(a && n && h && c), [w, b] = B(!1), [f, x] = B(null), [N, E] = B(!1), [T, M] = B(!1), D = v && ((f == null ? void 0 : f.participantId) !== c || (f == null ? void 0 : f.service) !== h);
+  var M;
+  const { service: h, debug: f } = it(), b = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, c = !!(a && n && h && b), [w, v] = B(!1), [g, x] = B(null), [_, A] = B(!1), [S, I] = B(!1), L = c && ((g == null ? void 0 : g.participantId) !== b || (g == null ? void 0 : g.service) !== h);
   return K(() => {
-    if (!v || !h || !c) {
-      b(!1), x(null);
+    if (!c || !h || !b) {
+      v(!1), x(null);
       return;
     }
-    let S = !1;
+    let E = !1;
     return (async () => {
       try {
         const C = await h.getBlockedUsers();
-        if (S) return;
-        b(
+        if (E) return;
+        v(
           C.some(
-            (I) => I.blocked_user_id === c
+            (T) => T.blocked_user_id === b
           )
         );
       } catch (C) {
-        S || console.error(`[${p}] Failed to check blocked status:`, C);
+        E || console.error(`[${p}] Failed to check blocked status:`, C);
       } finally {
-        S || x({ participantId: c, service: h });
+        E || x({ participantId: b, service: h });
       }
     })(), () => {
-      S = !0;
+      E = !0;
     };
-  }, [v, h, c, p]), {
+  }, [c, h, b, p]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: D,
-    isLeaving: N,
-    isUpdatingBlockStatus: T,
+    isCheckingBlockedStatus: L,
+    isLeaving: _,
+    isUpdatingBlockStatus: S,
     handleLeaveConversation: async () => {
-      var S;
-      if (!N) {
-        l == null || l(), g && console.log(`[${p}] Leave conversation`, e.cid), E(!0);
+      var E;
+      if (!_) {
+        l == null || l(), f && console.log(`[${p}] Leave conversation`, e.cid), A(!0);
         try {
-          const C = ((S = e._client) == null ? void 0 : S.userID) ?? null;
+          const C = ((E = e._client) == null ? void 0 : E.userID) ?? null;
           await e.hide(C, !1), r && await r(e), u == null || u();
         } catch (C) {
           console.error(`[${p}] Failed to leave conversation`, C);
         } finally {
-          E(!1);
+          A(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var S, C, I;
-      if (!(T || !h)) {
-        o == null || o(), g && console.log(`[${p}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), M(!0);
+      var E, C, T;
+      if (!(S || !h)) {
+        o == null || o(), f && console.log(`[${p}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), I(!0);
         try {
-          await h.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
-        } catch ($) {
-          console.error(`[${p}] Failed to block member`, $);
+          await h.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), u == null || u();
+        } catch (F) {
+          console.error(`[${p}] Failed to block member`, F);
         } finally {
-          M(!1);
+          I(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var S, C, I;
-      if (!(T || !h)) {
-        o == null || o(), g && console.log(`[${p}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), M(!0);
+      var E, C, T;
+      if (!(S || !h)) {
+        o == null || o(), f && console.log(`[${p}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), I(!0);
         try {
-          await h.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
-        } catch ($) {
-          console.error(`[${p}] Failed to unblock member`, $);
+          await h.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), u == null || u();
+        } catch (F) {
+          console.error(`[${p}] Failed to unblock member`, F);
         } finally {
-          M(!1);
+          I(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(oa, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(ca, "_blank", "noopener,noreferrer");
     }
   };
 }, _e = ({
@@ -494,55 +494,55 @@ const se = ({
   customChannelActions: p,
   triggerClassName: h
 }) => {
-  const [g, c] = B(!1), v = G(null), w = Vs(), b = J(() => c(!1), []), {
-    isParticipantBlocked: f,
+  const [f, b] = B(!1), c = H(null), w = Gs(), v = J(() => b(!1), []), {
+    isParticipantBlocked: g,
     isCheckingBlockedStatus: x,
-    isLeaving: N,
-    isUpdatingBlockStatus: E,
-    handleLeaveConversation: T,
-    handleBlockUser: M,
-    handleUnblockUser: D,
-    handleReportUser: L
-  } = ca({
+    isLeaving: _,
+    isUpdatingBlockStatus: A,
+    handleLeaveConversation: S,
+    handleBlockUser: I,
+    handleUnblockUser: L,
+    handleReportUser: D
+  } = da({
     channel: e,
     participant: t,
     showBlockParticipant: a,
-    enabled: g,
+    enabled: f,
     onLeaveConversation: i,
     onBlockParticipant: l,
     onDeleteConversationClick: o,
     onBlockParticipantClick: d,
     onReportParticipantClick: u,
-    onActionComplete: b,
+    onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
   return K(() => {
-    if (!g) return;
-    const z = (A) => {
-      v.current && !v.current.contains(A.target) && c(!1);
-    }, y = (A) => {
-      A.key === "Escape" && c(!1);
+    if (!f) return;
+    const z = (M) => {
+      c.current && !c.current.contains(M.target) && b(!1);
+    }, y = (M) => {
+      M.key === "Escape" && b(!1);
     };
     return document.addEventListener("mousedown", z), document.addEventListener("keydown", y), () => {
       document.removeEventListener("mousedown", z), document.removeEventListener("keydown", y);
     };
-  }, [g]), !t || !(n || a || r || !!p) ? null : /* @__PURE__ */ m("div", { ref: v, className: "relative", children: [
+  }, [f]), !t || !(n || a || r || !!p) ? null : /* @__PURE__ */ m("div", { ref: c, className: "relative", children: [
     /* @__PURE__ */ m(
       "button",
       {
         className: h,
         type: "button",
         "aria-haspopup": "true",
-        "aria-expanded": g,
-        "aria-controls": g ? w : void 0,
-        onClick: () => c((z) => !z),
+        "aria-expanded": f,
+        "aria-controls": f ? w : void 0,
+        onClick: () => b((z) => !z),
         children: [
-          /* @__PURE__ */ s(Tn, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(An, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
     ),
-    g && /* @__PURE__ */ s(
+    f && /* @__PURE__ */ s(
       "div",
       {
         id: w,
@@ -555,11 +555,11 @@ const se = ({
           n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(
             _e,
             {
-              onClick: T,
-              disabled: N,
-              "aria-busy": N,
+              onClick: S,
+              disabled: _,
+              "aria-busy": _,
               children: [
-                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(An, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Mn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -571,31 +571,31 @@ const se = ({
               /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
-          ) : f ? /* @__PURE__ */ m(
+          ) : g ? /* @__PURE__ */ m(
             _e,
             {
-              onClick: D,
-              disabled: E,
-              "aria-busy": E,
+              onClick: L,
+              disabled: A,
+              "aria-busy": A,
               children: [
-                E ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Wt, { className: "h-5 w-5" }),
+                A ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ m(
             _e,
             {
-              onClick: M,
-              disabled: E,
-              "aria-busy": E,
+              onClick: I,
+              disabled: A,
+              "aria-busy": A,
               children: [
-                E ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Wt, { className: "h-5 w-5" }),
+                A ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(_e, { variant: "danger", onClick: L, children: [
-            /* @__PURE__ */ s(is, { className: "h-5 w-5" }),
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(_e, { variant: "danger", onClick: D, children: [
+            /* @__PURE__ */ s(ls, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           p
@@ -603,10 +603,10 @@ const se = ({
       }
     )
   ] });
-}, We = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", da = "CUSTOMER_PAID", ua = "Replies instantly with AI assistant", ma = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === da, ha = (e) => {
+}, We = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", ua = "CUSTOMER_PAID", ma = "Replies instantly with AI assistant", ha = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ua, fa = (e) => {
   const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(ma);
-}, fa = ({
+  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(ha);
+}, ga = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -619,25 +619,25 @@ const se = ({
   onDeleteConversationClick: u,
   onBlockParticipantClick: p,
   onReportParticipantClick: h,
-  customChannelActions: g,
-  renderChannelActions: c,
-  showChannelInfo: v = !0,
+  customChannelActions: f,
+  renderChannelActions: b,
+  showChannelInfo: c = !0,
   onParticipantNameClick: w
 }) => {
-  var L, O, z;
-  const { channel: b } = ue(), { client: f } = me(), x = U.useMemo(
+  var D, $, z;
+  const { channel: v } = ue(), { client: g } = me(), x = U.useMemo(
     () => {
       var y;
       return Ue(
-        (y = b.state) == null ? void 0 : y.members,
-        f == null ? void 0 : f.userID,
-        b.type
+        (y = v.state) == null ? void 0 : y.members,
+        g == null ? void 0 : g.userID,
+        v.type
       );
     },
-    [(L = b.state) == null ? void 0 : L.members, f == null ? void 0 : f.userID, b.type]
-  ), N = ot(x == null ? void 0 : x.user), E = (O = x == null ? void 0 : x.user) == null ? void 0 : O.image, T = lt(b), M = ha(x), D = async () => {
+    [(D = v.state) == null ? void 0 : D.members, g == null ? void 0 : g.userID, v.type]
+  ), _ = ot(x == null ? void 0 : x.user), A = ($ = x == null ? void 0 : x.user) == null ? void 0 : $.image, S = lt(v), I = fa(x), L = async () => {
     try {
-      T ? await b.unpin() : await b.pin();
+      S ? await v.unpin() : await v.pin();
     } catch (y) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
@@ -665,15 +665,15 @@ const se = ({
       {
         type: "button",
         onClick: w,
-        "aria-label": `View details for ${N}`,
+        "aria-label": `View details for ${_}`,
         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(
-            se,
+            ne,
             {
-              id: ((z = x == null ? void 0 : x.user) == null ? void 0 : z.id) || b.id || "unknown",
-              name: N,
-              image: E,
+              id: ((z = x == null ? void 0 : x.user) == null ? void 0 : z.id) || v.id || "unknown",
+              name: _,
+              image: A,
               dmAgentEnabled: a,
               shape: "circle",
               size: 48,
@@ -682,17 +682,17 @@ const se = ({
           ),
           /* @__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__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: _ }),
               /* @__PURE__ */ m("span", { className: "ml-2 flex gap-1", children: [
-                M && /* @__PURE__ */ s(
+                I && /* @__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(Mn, { className: "size-2.5", weight: "bold" })
+                    children: /* @__PURE__ */ s(Rn, { className: "size-2.5", weight: "bold" })
                   }
                 ),
-                n && T && /* @__PURE__ */ s(
+                n && S && /* @__PURE__ */ s(
                   "span",
                   {
                     "aria-label": "Starred conversation",
@@ -712,7 +712,7 @@ const se = ({
             ] }),
             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: ua })
+              /* @__PURE__ */ s("span", { children: ma })
             ] })
           ] })
         ]
@@ -723,26 +723,26 @@ const se = ({
         "button",
         {
           className: We,
-          onClick: D,
+          onClick: L,
           type: "button",
-          "aria-pressed": T,
-          "aria-label": T ? "Unstar conversation" : "Star conversation",
+          "aria-pressed": S,
+          "aria-label": S ? "Unstar conversation" : "Star conversation",
           children: /* @__PURE__ */ s(
             Ee,
             {
               className: k("size-5", {
-                "text-[#FFD60A]": T,
-                "text-black/90": !T
+                "text-[#FFD60A]": S,
+                "text-black/90": !S
               }),
-              weight: T ? "fill" : "regular"
+              weight: S ? "fill" : "regular"
             }
           )
         }
       ),
-      v && (c !== void 0 ? c : /* @__PURE__ */ s(
+      c && (b !== void 0 ? b : /* @__PURE__ */ s(
         tt,
         {
-          channel: b,
+          channel: v,
           participant: x,
           showDeleteConversation: l,
           showBlockParticipant: o,
@@ -752,19 +752,19 @@ const se = ({
           onDeleteConversationClick: u,
           onBlockParticipantClick: p,
           onReportParticipantClick: h,
-          customChannelActions: g,
+          customChannelActions: f,
           triggerClassName: We
         }
       ))
     ] })
   ] }) });
-}, ga = (e) => /* @__PURE__ */ s(qs, { ...e, position: "center" }), st = "vote_up", nt = "vote_down";
-function pa(e) {
+}, pa = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), st = "vote_up", nt = "vote_down";
+function ba(e) {
   return e != null && e.length ? e.some((t) => t.type === nt) ? "down" : e.some((t) => t.type === st) ? "up" : null : null;
 }
-function ba(e) {
+function va(e) {
   const { channel: t } = ue(), { client: n } = me("useMessageVote"), a = ae(
-    () => pa(e.own_reactions),
+    () => ba(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
     if (n != null && n.userID)
@@ -789,24 +789,24 @@ function ba(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function va(e) {
+function xa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function ms({
+function hs({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = va(t);
+  const n = e == null ? void 0 : e.text, a = xa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const xa = U.lazy(() => import("./Card-CqEKHw9S.js")), wa = U.lazy(() => import("./Card-ILtY9lfF.js")), _a = U.lazy(() => import("./Card-Byosl29s.js")), ct = () => /* @__PURE__ */ s(
+const wa = U.lazy(() => import("./Card-gjy-ib_1.js")), _a = U.lazy(() => import("./Card-Ca5OtJh6.js")), Na = U.lazy(() => import("./Card-CZDLISxS.js")), ct = () => /* @__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
   }
-), Na = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(xa, { ...e }) }), hs = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(wa, { ...e }) }), fs = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(_a, { ...e }) }), ya = hs, ka = fs, Jt = { Composer: Na, Sent: hs, Received: fs, Creator: ya, Visitor: ka }, Ca = [
+), ya = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(wa, { ...e }) }), fs = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(_a, { ...e }) }), gs = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(Na, { ...e }) }), ka = fs, Ca = gs, Zt = { Composer: ya, Sent: fs, Received: gs, Creator: ka, Visitor: Ca }, Ea = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -816,42 +816,42 @@ const xa = U.lazy(() => import("./Card-CqEKHw9S.js")), wa = U.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function le(e) {
+function oe(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function gs(e) {
-  const t = Ca.find(
+function ps(e) {
+  const t = Ea.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ea = {
-  video: os,
-  audio: Ln,
-  image: Rn,
-  document: ls
-}, Sa = {
-  pdf: Bn,
-  doc: jn,
-  xls: $n,
-  csv: On,
-  ppt: Fn,
-  zip: Pn,
-  text: zn,
-  markdown: Dn,
-  generic: ls
+const Sa = {
+  video: cs,
+  audio: Dn,
+  image: Ln,
+  document: os
+}, Ia = {
+  pdf: Un,
+  doc: Bn,
+  xls: jn,
+  csv: $n,
+  ppt: On,
+  zip: Fn,
+  text: Pn,
+  markdown: zn,
+  generic: os
 };
-function Ia(e) {
-  const t = le(e);
-  return t !== "document" ? Ea[t] : Sa[gs(e)];
+function Ta(e) {
+  const t = oe(e);
+  return t !== "document" ? Sa[t] : Ia[ps(e)];
 }
 function we(e, t) {
-  return U.createElement(Ia(e), t);
+  return U.createElement(Ta(e), t);
 }
-const Ta = (e) => {
+const Aa = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, Aa = ({
+}, Ma = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -863,74 +863,74 @@ const Ta = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const p = le(t), h = G(null), g = G(null), c = G(null), v = G(r), [w, b] = B(a), [f, x] = B(0), [N, E] = B(!1), [T, M] = B(!1), [D, L] = B(!1), [O, z] = B(!1), [y, A] = B(!0), [S, C] = B(null), I = J(() => {
-    L(!1), b(!0);
-  }, []), $ = J((_) => {
-    const R = g.current;
+  const p = oe(t), h = H(null), f = H(null), b = H(null), c = H(r), [w, v] = B(a), [g, x] = B(0), [_, A] = B(!1), [S, I] = B(!1), [L, D] = B(!1), [$, z] = B(!1), [y, M] = B(!0), [E, C] = B(null), T = J(() => {
+    D(!1), v(!0);
+  }, []), F = J((N) => {
+    const R = f.current;
     if (!R) return 0;
-    const H = R.getBoundingClientRect();
+    const G = R.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ta(_) - H.left) / H.width)
+      Math.min(1, (Aa(N) - G.left) / G.width)
     );
-  }, []), F = J((_) => {
+  }, []), O = J((N) => {
     const R = h.current;
-    R && R.duration && (R.currentTime = _ * R.duration);
-  }, []), V = (_) => {
-    _.stopPropagation(), E(!0);
-    const R = $(_);
-    x(R), F(R);
+    R && R.duration && (R.currentTime = N * R.duration);
+  }, []), V = (N) => {
+    N.stopPropagation(), A(!0);
+    const R = F(N);
+    x(R), O(R);
   };
   K(() => {
-    r !== void 0 && r !== v.current && (v.current = r, b(r));
+    r !== void 0 && r !== c.current && (c.current = r, v(r));
   }, [r]), K(() => {
     if (!w) {
-      c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
+      b.current !== null && (cancelAnimationFrame(b.current), b.current = null);
       return;
     }
-    const _ = () => {
+    const N = () => {
       const R = h.current;
-      R && R.duration && !N && x(R.currentTime / R.duration), c.current = requestAnimationFrame(_);
+      R && R.duration && !_ && x(R.currentTime / R.duration), b.current = requestAnimationFrame(N);
     };
-    return c.current = requestAnimationFrame(_), () => {
-      c.current !== null && cancelAnimationFrame(c.current);
+    return b.current = requestAnimationFrame(N), () => {
+      b.current !== null && cancelAnimationFrame(b.current);
     };
-  }, [w, N]), K(() => {
-    const _ = h.current;
-    _ && (w ? _.play().catch((R) => {
-      b(!1), L(!0);
-    }) : _.pause());
+  }, [w, _]), K(() => {
+    const N = h.current;
+    N && (w ? N.play().catch((R) => {
+      v(!1), D(!0);
+    }) : N.pause());
   }, [w]), K(() => {
-    if (!N) return;
-    const _ = (H) => x($(H)), R = (H) => {
-      E(!1), F($(H));
+    if (!_) return;
+    const N = (G) => x(F(G)), R = (G) => {
+      A(!1), O(F(G));
     };
-    return window.addEventListener("mousemove", _), window.addEventListener("mouseup", R), window.addEventListener("touchmove", _, { passive: !0 }), window.addEventListener("touchend", R), () => {
-      window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", R), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", R);
+    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", R), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", R), () => {
+      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", R), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", R);
     };
-  }, [N, $, F]);
-  const Q = S ? { aspectRatio: String(S) } : void 0, ee = S ? "" : " aspect-video", X = Math.round(f * 100);
+  }, [_, F, O]);
+  const Z = E ? { aspectRatio: String(E) } : void 0, ee = E ? "" : " aspect-video", X = Math.round(g * 100);
   return /* @__PURE__ */ m(
     "div",
     {
       role: "button",
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${ee}`,
-      style: Q,
-      onClick: (_) => {
+      style: Z,
+      onClick: (N) => {
         if (u) {
-          u(_);
+          u(N);
           return;
         }
-        D || l && b((R) => !R);
+        L || l && v((R) => !R);
       },
-      onKeyDown: (_) => {
-        if (!(_.key !== "Enter" && _.key !== " ")) {
-          if (_.preventDefault(), u) {
-            u(_);
+      onKeyDown: (N) => {
+        if (!(N.key !== "Enter" && N.key !== " ")) {
+          if (N.preventDefault(), u) {
+            u(N);
             return;
           }
-          D || l && b((R) => !R);
+          L || l && v((R) => !R);
         }
       },
       children: [
@@ -956,12 +956,12 @@ const Ta = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => z(!0),
             onCanPlay: () => {
-              z(!1), A(!1);
+              z(!1), M(!1);
             },
             onWaiting: () => z(!0),
-            onPlay: () => L(!1),
+            onPlay: () => D(!1),
             onEnded: () => {
-              i || (b(!1), x(0));
+              i || (v(!1), x(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -976,39 +976,39 @@ const Ta = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => z(!0),
             onCanPlay: () => {
-              z(!1), A(!1);
+              z(!1), M(!1);
             },
             onWaiting: () => z(!0),
-            onPlay: () => L(!1),
+            onPlay: () => D(!1),
             onLoadedMetadata: () => {
-              const _ = h.current;
-              _ instanceof HTMLVideoElement && _.videoWidth && _.videoHeight && C(_.videoWidth / _.videoHeight);
+              const N = h.current;
+              N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && C(N.videoWidth / N.videoHeight);
             },
             onEnded: () => {
-              i || (b(!1), x(0));
+              i || (v(!1), x(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        O && !D && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+        $ && !L && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
           ke,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        D && !l && /* @__PURE__ */ s(
+        L && !l && /* @__PURE__ */ s(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (_) => {
-              _.stopPropagation(), I();
+            onClick: (N) => {
+              N.stopPropagation(), T();
             },
-            onKeyDown: (_) => {
-              _.key !== "Enter" && _.key !== " " || (_.preventDefault(), _.stopPropagation(), I());
+            onKeyDown: (N) => {
+              N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.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(et, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -1022,13 +1022,13 @@ const Ta = (e) => {
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
-            ref: g,
+            ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: V,
             onTouchStart: V,
-            onClick: (_) => _.stopPropagation(),
-            onKeyDown: (_) => {
-              _.key === "ArrowRight" && F(Math.min(1, f + 0.05)), _.key === "ArrowLeft" && F(Math.max(0, f - 0.05));
+            onClick: (N) => N.stopPropagation(),
+            onKeyDown: (N) => {
+              N.key === "ArrowRight" && O(Math.min(1, g + 0.05)), N.key === "ArrowLeft" && O(Math.max(0, g - 0.05));
             },
             children: /* @__PURE__ */ s("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ s(
               "div",
@@ -1044,12 +1044,12 @@ const Ta = (e) => {
             "button",
             {
               type: "button",
-              onClick: (_) => {
-                _.stopPropagation(), b((R) => !R);
+              onClick: (N) => {
+                N.stopPropagation(), v((R) => !R);
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ s(Un, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(et, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ s(Vn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(et, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ m(
@@ -1061,21 +1061,21 @@ const Ta = (e) => {
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
-              ref: g,
+              ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: V,
               onTouchStart: V,
-              onClick: (_) => _.stopPropagation(),
-              onMouseEnter: () => M(!0),
-              onMouseLeave: () => M(!1),
-              onKeyDown: (_) => {
-                _.key === "ArrowRight" && F(Math.min(1, f + 0.05)), _.key === "ArrowLeft" && F(Math.max(0, f - 0.05));
+              onClick: (N) => N.stopPropagation(),
+              onMouseEnter: () => I(!0),
+              onMouseLeave: () => I(!1),
+              onKeyDown: (N) => {
+                N.key === "ArrowRight" && O(Math.min(1, g + 0.05)), N.key === "ArrowLeft" && O(Math.max(0, g - 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 ${S || _ ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ s(
                       "div",
                       {
@@ -1088,7 +1088,7 @@ const Ta = (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 ${S || _ ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${X}%` }
                   }
                 )
@@ -1099,7 +1099,7 @@ const Ta = (e) => {
       ]
     }
   );
-}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ma = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", ps = ({
+}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ra = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", bs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1108,9 +1108,9 @@ const Ta = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = le(e), [d, u] = B(!1);
+  const o = oe(e), [d, u] = B(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ s(
-    Aa,
+    Ma,
     {
       source: t,
       mimeType: e,
@@ -1157,11 +1157,11 @@ const Ta = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: we(e, {
-        className: Zt(r),
+        className: Qt(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ma(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ra(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: n,
@@ -1174,12 +1174,12 @@ const Ta = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: we(e, {
-        className: Zt(r),
+        className: Qt(r),
         weight: "regular"
       })
     }
   );
-}, bs = ({
+}, vs = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1193,7 +1193,7 @@ const Ta = (e) => {
   rootRef: p,
   "data-testid": h
 }) => {
-  const g = e === "dark", c = g ? n ?? a : n ?? "", v = g && !n;
+  const f = e === "dark", b = f ? n ?? a : n ?? "", c = f && !n;
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1201,29 +1201,29 @@ const Ta = (e) => {
       "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)]",
-        g ? "bg-[#121110]" : "bg-white"
+        f ? "bg-[#121110]" : "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,
         t,
         /* @__PURE__ */ m("div", { className: "px-4 pb-3 pt-3", children: [
-          c.trim() !== "" && /* @__PURE__ */ s(
+          b.trim() !== "" && /* @__PURE__ */ s(
             "p",
             {
               className: k("mb-0.5 truncate text-base font-medium", {
-                "text-black": !g,
-                "text-white/30": g && v,
-                "text-white": g && !v
+                "text-black": !f,
+                "text-white/30": f && c,
+                "text-white": f && !c
               }),
-              children: c
+              children: b
             }
           ),
           /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-1", children: [
             we(r, {
               className: k(
                 "size-5 shrink-0",
-                g ? "text-white/55" : "text-black/55"
+                f ? "text-white/55" : "text-black/55"
               ),
               weight: "regular"
             }),
@@ -1232,7 +1232,7 @@ const Ta = (e) => {
               {
                 className: k(
                   "text-xs font-medium",
-                  g ? "text-white/55" : "text-black/55"
+                  f ? "text-white/55" : "text-black/55"
                 ),
                 children: i
               }
@@ -1245,25 +1245,25 @@ const Ta = (e) => {
     }
   );
 };
-function vs(e) {
+function xs(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function dt(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function Ra(e) {
+function La(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function La(e) {
+function Da(e) {
   return e ? "text-white" : "text-black";
 }
-function Da(e) {
+function za(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function za(e) {
+function Pa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Pa(e) {
+function Fa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const ut = ({ attachment: e, isMyMessage: t }) => {
@@ -1278,26 +1278,26 @@ const ut = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ra(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Vn, { className: `size-12 ${Pa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${La(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Gn, { className: `size-12 ${Fa(t)}` })
       }
     ) }),
     /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${La(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Da(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${za(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Da(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${za(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Pa(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 });
 };
-function xs(e) {
+function ws(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function mt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(xs);
+  return (t = e.attachments) == null ? void 0 : t.find(ws);
 }
-async function Fa(e, t) {
+async function Oa(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1309,7 +1309,7 @@ async function Fa(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
   l.href = i, l.download = n, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
-const Oa = ({
+const $a = ({
   url: e,
   filename: t
 }) => {
@@ -1321,7 +1321,7 @@ const Oa = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Fa(e, t).then(() => {
+        a(!0), Oa(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1337,14 +1337,14 @@ const Oa = ({
   );
 };
 function ht(e) {
-  var h, g, c, v;
+  var h, f, b, c;
   const t = (h = e.attachments) == null ? void 0 : h.find(
     (w) => w.type === "video" && w.asset_url
-  ), n = (g = e.attachments) == null ? void 0 : g.find(
+  ), n = (f = e.attachments) == null ? void 0 : f.find(
     (w) => w.type === "image" && w.image_url
-  ), a = (c = e.attachments) == null ? void 0 : c.find(
+  ), a = (b = e.attachments) == null ? void 0 : b.find(
     (w) => w.type === "audio" && w.asset_url
-  ), r = (v = e.attachments) == null ? void 0 : v.find(
+  ), r = (c = e.attachments) == null ? void 0 : c.find(
     (w) => w.type === "file" && w.asset_url
   ), i = t ?? n ?? a ?? r, l = (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 (!l) return null;
@@ -1357,16 +1357,16 @@ function ht(e) {
     thumbnailUrl: p
   };
 }
-const ws = ({
+const _s = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? vs(a) : void 0;
+  const i = a !== void 0 ? xs(a) : void 0;
   return /* @__PURE__ */ s(
-    bs,
+    vs,
     {
       variant: "dark",
       title: n,
@@ -1374,7 +1374,7 @@ const ws = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        ps,
+        bs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1385,23 +1385,23 @@ const ws = ({
       )
     }
   );
-}, _s = ({
+}, Ns = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = le(t), l = a !== void 0 ? vs(a) : void 0;
+  const i = oe(t), l = a !== void 0 ? xs(a) : void 0;
   return /* @__PURE__ */ s(
-    bs,
+    vs,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ s(
-        ps,
+        bs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1411,17 +1411,17 @@ const ws = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Oa, { url: e, filename: n })
+      action: /* @__PURE__ */ s($a, { url: e, filename: n })
     }
   );
-}, $a = ({
+}, ja = ({
   message: e,
   isMyMessage: t = !1
 }) => {
   const n = mt(e), a = ht(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: [
     !t && e.user && /* @__PURE__ */ s(
-      se,
+      ne,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1439,41 +1439,41 @@ const ws = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: dt(t), children: /* @__PURE__ */ s(ut, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(ws, { ...a }) : /* @__PURE__ */ s(_s, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: dt(t), children: /* @__PURE__ */ s(ut, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(_s, { ...a }) : /* @__PURE__ */ s(Ns, { ...a })
           }
         ) })
       }
     )
   ] });
-}, ja = ({
+}, Ba = ({
   message: e
 }) => {
   const t = mt(e);
   if (t)
     return /* @__PURE__ */ s("div", { className: dt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ut, { attachment: t, isMyMessage: !0 }) });
   const n = ht(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ws, { ...n }) }) : null;
-}, Ba = ({
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(_s, { ...n }) }) : null;
+}, Ua = ({
   message: e
 }) => {
   const t = mt(e);
   if (t)
     return /* @__PURE__ */ s("div", { className: dt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ut, { attachment: t, isMyMessage: !1 }) });
   const n = ht(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(_s, { ...n }) }) : null;
-}, ol = Object.assign($a, {
-  Creator: ja,
-  Visitor: Ba
-}), Ua = {
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
+}, dl = Object.assign(ja, {
+  Creator: Ba,
+  Visitor: Ua
+}), Va = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, Va = {
+}, Ga = {
   dark: "text-white",
   light: "text-[#080707]"
-}, Ga = {
+}, Ha = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Ha = (e) => e === "dark" ? "sender" : "receiver", Ya = {
+}, Ya = (e) => e === "dark" ? "sender" : "receiver", qa = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -1495,7 +1495,7 @@ const ws = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = Ya[Ha(e)][a];
+  const o = t != null && t !== "", d = qa[Ya(e)][a];
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1510,10 +1510,10 @@ const ws = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Ua[e],
         Va[e],
+        Ga[e],
         n && "border",
-        n && Ga[e],
+        n && Ha[e],
         r
       ),
       children: [
@@ -1556,16 +1556,16 @@ const ws = ({
     ),
     children: /* @__PURE__ */ s(Be, { className: "size-3", weight: "bold" })
   }
-), Me = (e) => e === "received" ? "light" : "dark", qa = ({
+), Me = (e) => e === "received" ? "light" : "dark", Wa = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Wa = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Xa = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Xa = ({ 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 }] : [], Ka = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1588,10 +1588,10 @@ const ws = ({
   preload: o,
   onDismiss: d
 }) => {
-  const u = Me(e), p = e === "composer" && !!d, h = Wa({ src: t, mimeType: n, filename: a, items: r });
+  const u = Me(e), p = e === "composer" && !!d, h = Xa({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
-  const g = o ?? (h.length > 1 ? "none" : "metadata");
+  const f = o ?? (h.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ s(
     Te,
     {
@@ -1599,30 +1599,30 @@ const ws = ({
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, v) => /* @__PURE__ */ s(
-        Xa,
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((b, c) => /* @__PURE__ */ s(
+        Ka,
         {
-          item: c,
-          preload: g,
+          item: b,
+          preload: f,
           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 && c === 0 ? /* @__PURE__ */ s(Ae, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${v}`
+        `${b.src}-${c}`
       )) })
     }
   );
-}, Ka = (e) => /* @__PURE__ */ s(ft, { ...e, state: "composer" }), Ja = (e) => /* @__PURE__ */ s(ft, { ...e, state: "sent" }), Za = (e) => /* @__PURE__ */ s(ft, { ...e, state: "received" }), Qa = {
-  Composer: Ka,
-  Sent: Ja,
-  Received: Za
+}, Ja = (e) => /* @__PURE__ */ s(ft, { ...e, state: "composer" }), Za = (e) => /* @__PURE__ */ s(ft, { ...e, state: "sent" }), Qa = (e) => /* @__PURE__ */ s(ft, { ...e, state: "received" }), er = {
+  Composer: Ja,
+  Sent: Za,
+  Received: Qa
 };
-function er(e) {
+function tr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const tr = {
+const sr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1632,7 +1632,7 @@ const tr = {
   text: "TXT",
   markdown: "MD"
 };
-function sr(e, t) {
+function nr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1641,8 +1641,8 @@ function sr(e, t) {
     }
   }
   if (!e) return;
-  if (le(e) === "document") {
-    const r = gs(e), i = tr[r];
+  if (oe(e) === "document") {
+    const r = ps(e), i = sr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1650,8 +1650,8 @@ function sr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function nr(e, t, n) {
-  const a = sr(e, t), r = typeof n == "number" && n > 0 ? er(n) : void 0;
+function ar(e, t, n) {
+  const a = nr(e, t), r = typeof n == "number" && n > 0 ? tr(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function re(e) {
@@ -1662,16 +1662,16 @@ function re(e) {
     return "download";
   }
 }
-const ar = {
+const rr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, rr = {
+}, ir = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ir = {
+}, lr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Ns = ({
+}, ys = ({
   variant: e,
   filename: t,
   title: n,
@@ -1681,16 +1681,16 @@ const ar = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = n ?? t ?? "File", u = nr(a, t, r), p = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", u = ar(a, t, r), p = /* @__PURE__ */ s(
     "div",
     {
       className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        rr[e]
+        ir[e]
       ),
       "aria-hidden": !0,
       children: we(a, {
-        className: k("size-6", ir[e]),
+        className: k("size-6", lr[e]),
         weight: "regular"
       })
     }
@@ -1701,12 +1701,12 @@ const ar = {
       {
         className: k(
           "truncate text-xs leading-4",
-          ar[e]
+          rr[e]
         ),
         children: u
       }
     ) : null
-  ] }), g = i ? /* @__PURE__ */ m(
+  ] }), f = i ? /* @__PURE__ */ m(
     "button",
     {
       type: "button",
@@ -1726,11 +1726,11 @@ const ar = {
     h
   ] });
   return /* @__PURE__ */ m("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-    g,
+    f,
     o ? /* @__PURE__ */ s("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function ys(e, t) {
+async function ks(e, t) {
   const n = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1744,14 +1744,14 @@ async function ys(e, t) {
     }
   }
 }
-const lr = ({
+const or = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], or = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], cr = ({
   variant: e,
   item: t,
   index: n,
@@ -1760,7 +1760,7 @@ const lr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    Ns,
+    ys,
     {
       variant: e,
       filename: i,
@@ -1785,21 +1785,21 @@ const lr = ({
   onClick: u,
   onDismiss: p
 }) => {
-  const h = Me(e), g = e === "composer" && !!p, c = lr({
+  const h = Me(e), f = e === "composer" && !!p, b = or({
     src: t,
     filename: n,
     fileSize: a,
     mimeType: r,
     title: i,
     items: l
-  }), v = (b) => {
-    if ((u == null ? void 0 : u(b)) === !1) return;
-    const f = c[b];
-    if (!f) return;
-    const x = f.filename ?? re(f.src);
-    ys(f.src, x);
+  }), c = (v) => {
+    if ((u == null ? void 0 : u(v)) === !1) return;
+    const g = b[v];
+    if (!g) return;
+    const x = g.filename ?? re(g.src);
+    ks(g.src, x);
   };
-  if (c.length === 0)
+  if (b.length === 0)
     return null;
   const w = /* @__PURE__ */ s(
     "span",
@@ -1819,23 +1819,23 @@ const lr = ({
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((b, f) => /* @__PURE__ */ s(
-        or,
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: b.map((v, g) => /* @__PURE__ */ s(
+        cr,
         {
           variant: h,
-          item: b,
-          index: f,
-          onActivate: v,
-          trailingAction: g && f === 0 ? /* @__PURE__ */ s(Ae, { onClick: p, variant: "inline" }) : w
+          item: v,
+          index: g,
+          onActivate: c,
+          trailingAction: f && g === 0 ? /* @__PURE__ */ s(Ae, { onClick: p, variant: "inline" }) : w
         },
-        `${b.src}-${f}`
+        `${v.src}-${g}`
       )) })
     }
   );
-}, cr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), dr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), ur = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), mr = {
-  Composer: cr,
-  Sent: dr,
-  Received: ur
+}, dr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), ur = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), mr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), hr = {
+  Composer: dr,
+  Sent: ur,
+  Received: mr
 }, pt = ({
   onPrev: e,
   onNext: t,
@@ -1849,7 +1849,7 @@ const lr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Gn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Hn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1862,7 +1862,7 @@ const lr = ({
       children: /* @__PURE__ */ s(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), ks = ({
+] }), Cs = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1872,14 +1872,14 @@ const lr = ({
   onTriggered: l
 }) => {
   const [o, d] = B(!1), u = J(
-    (c) => {
-      c.stopPropagation(), !o && (d(!0), ys(e, t).catch(() => {
+    (b) => {
+      b.stopPropagation(), !o && (d(!0), ks(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
     },
     [o, e, t, l]
-  ), p = r ?? n !== "pill", g = { className: k(
+  ), p = r ?? n !== "pill", f = { className: k(
     n === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -1942,7 +1942,7 @@ const lr = ({
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ s(Ce, { ...g, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ s(Ce, { ...f, "aria-hidden": !0 }),
         p ? null : a
       ]
     }
@@ -1981,9 +1981,9 @@ const lr = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = G(null), d = G(null);
+  const o = H(null), d = H(null);
   return K(() => {
-    var g;
+    var f;
     const h = o.current;
     if (h) {
       if (e) {
@@ -1996,8 +1996,8 @@ const lr = ({
             }
           else
             h.setAttribute("open", "");
-        const c = typeof document < "u" ? document.activeElement : null;
-        return (g = d.current) == null || g.focus(), () => {
+        const b = typeof document < "u" ? document.activeElement : null;
+        return (f = d.current) == null || f.focus(), () => {
           if (h.open)
             if (typeof h.close == "function")
               try {
@@ -2007,7 +2007,7 @@ const lr = ({
               }
             else
               h.removeAttribute("open");
-          c && document.body.contains(c) && c.focus();
+          b && document.body.contains(b) && b.focus();
         };
       }
       if (h.open)
@@ -2062,7 +2062,7 @@ const lr = ({
       ]
     }
   );
-}, Cs = ({
+}, Es = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2084,7 +2084,7 @@ const lr = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        ks,
+        Cs,
         {
           url: o.src,
           filename: d,
@@ -2118,7 +2118,7 @@ const lr = ({
       ]
     }
   ) : null;
-}, hr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", Es = ({
+}, fr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", Ss = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2127,7 +2127,7 @@ const lr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, n)), l = r - i.length, o = (d, u, p) => {
-    const h = k(hr, "h-full w-full");
+    const h = k(fr, "h-full w-full");
     return t ? /* @__PURE__ */ m(
       "button",
       {
@@ -2196,7 +2196,7 @@ const lr = ({
     [e]
   ), l = J(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, fr = (e, t, n, a) => ({
+}, gr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2211,15 +2211,15 @@ const lr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), gr = ({
+}), pr = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Ss = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Is = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), pr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), br = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Re(
     r
   );
@@ -2246,16 +2246,16 @@ const lr = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Cs,
+      Es,
       {
         open: l,
-        items: Ss([{ src: e, alt: t }], n),
+        items: Is([{ src: e, alt: t }], n),
         initialIndex: o,
         onClose: u
       }
     )
   ] });
-}, Is = ({
+}, Ts = ({
   state: e,
   src: t,
   alt: n,
@@ -2266,13 +2266,13 @@ const lr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = gr({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: v } = Re(
+  const u = pr({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: f, handleActivate: b, closeViewer: c } = Re(
     d
   );
   if (u.length === 0)
     return null;
   const w = u.map(
-    (b, f) => fr(b, f, u.length, o)
+    (v, g) => gr(v, g, u.length, o)
   );
   return /* @__PURE__ */ m(
     Te,
@@ -2282,24 +2282,24 @@ const lr = ({
       groupPosition: l,
       "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(Ss, { tiles: w, onTileActivate: b }) }),
         /* @__PURE__ */ s(
-          Cs,
+          Es,
           {
             open: h,
-            items: Ss(u, a),
-            initialIndex: g,
-            onClose: v
+            items: Is(u, a),
+            initialIndex: f,
+            onClose: c
           }
         )
       ]
     }
   );
-}, br = (e) => /* @__PURE__ */ s(pr, { ...e }), vr = (e) => /* @__PURE__ */ s(Is, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ s(Is, { ...e, state: "received" }), wr = {
-  Composer: br,
-  Sent: vr,
-  Received: xr
-}, _r = ({
+}, vr = (e) => /* @__PURE__ */ s(br, { ...e }), xr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), wr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), _r = {
+  Composer: vr,
+  Sent: xr,
+  Received: wr
+}, Nr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2313,7 +2313,7 @@ const lr = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "document"),
     [o]
   ), u = ae(
-    () => o ? Nr(o.src) : void 0,
+    () => o ? yr(o.src) : void 0,
     [o]
   );
   return !o || !u ? null : /* @__PURE__ */ m(
@@ -2347,16 +2347,16 @@ const lr = ({
       ]
     }
   );
-}, Nr = (e) => {
+}, yr = (e) => {
   const t = e.indexOf("#"), n = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${n}#${r.toString()}`;
-}, yr = ({
+}, kr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], kr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Cr = ({
   variant: e,
   item: t,
   index: n,
@@ -2365,7 +2365,7 @@ const lr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    Ns,
+    ys,
     {
       variant: e,
       filename: i,
@@ -2389,12 +2389,12 @@ const lr = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const p = Me(e), h = yr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Me(e), h = kr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: b, handleActivate: c, closeViewer: w } = Re(
     d
-  ), b = e === "composer" && !!u;
+  ), v = e === "composer" && !!u;
   if (h.length === 0)
     return null;
-  const f = h.map((x) => ({
+  const g = h.map((x) => ({
     src: x.src,
     filename: x.filename ?? re(x.src)
   }));
@@ -2406,46 +2406,46 @@ const lr = ({
       groupPosition: o,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((x, N) => {
-          const E = x.filename ?? re(x.src), T = b && N === 0 ? /* @__PURE__ */ s(Ae, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            ks,
+        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((x, _) => {
+          const A = x.filename ?? re(x.src), S = v && _ === 0 ? /* @__PURE__ */ s(Ae, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+            Cs,
             {
               url: x.src,
-              filename: E,
+              filename: A,
               variant: "inline",
-              label: `Download ${E}`,
+              label: `Download ${A}`,
               tone: p
             }
           );
           return /* @__PURE__ */ s(
-            kr,
+            Cr,
             {
               variant: p,
               item: x,
-              index: N,
-              onActivate: v,
-              trailingAction: T
+              index: _,
+              onActivate: c,
+              trailingAction: S
             },
-            `${x.src}-${N}`
+            `${x.src}-${_}`
           );
         }) }),
         /* @__PURE__ */ s(
-          _r,
+          Nr,
           {
-            open: g,
-            items: f,
-            initialIndex: c,
+            open: f,
+            items: g,
+            initialIndex: b,
             onClose: w
           }
         )
       ]
     }
   );
-}, Cr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "composer" }), Er = (e) => /* @__PURE__ */ s(xt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "received" }), Ir = {
-  Composer: Cr,
-  Sent: Er,
-  Received: Sr
-}, Ts = ({
+}, Er = (e) => /* @__PURE__ */ s(xt, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ s(xt, { ...e, state: "received" }), Tr = {
+  Composer: Er,
+  Sent: Sr,
+  Received: Ir
+}, As = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2495,7 +2495,7 @@ const lr = ({
       ]
     }
   ) : null;
-}, Tr = () => /* @__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(et, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), As = ({
+}, Ar = () => /* @__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(et, { 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: [
@@ -2510,30 +2510,30 @@ const lr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s(
-    os,
+    cs,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Tr, {})
-] }), Ar = (e, t, n) => ({
+  /* @__PURE__ */ s(Ar, {})
+] }), Mr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(As, { item: e, index: t })
-}), Mr = ({
+  content: /* @__PURE__ */ s(Ms, { item: e, index: t })
+}), Rr = ({
   src: e,
   poster: t,
   mimeType: n,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Ms = (e, t) => e.map((n, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Rs = (e, t) => e.map((n, a) => ({
   src: n.src,
   poster: n.poster,
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Rr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+})), Lr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
   const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: p } = Re(
     i
   );
@@ -2545,15 +2545,15 @@ const lr = ({
         onClick: () => u(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(As, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Ms, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
     l ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: l }) }) : null,
     /* @__PURE__ */ s(
-      Ts,
+      As,
       {
         open: o,
-        items: Ms(
+        items: Rs(
           [{ src: e, poster: t, mimeType: n, preload: r }],
           a
         ),
@@ -2562,7 +2562,7 @@ const lr = ({
       }
     )
   ] });
-}, Rs = ({
+}, Ls = ({
   state: e,
   src: t,
   poster: n,
@@ -2574,13 +2574,13 @@ const lr = ({
   preload: d,
   onClick: u
 }) => {
-  const p = Mr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Rr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: f, viewerIndex: b, handleActivate: c, closeViewer: w } = Re(
     u
   );
   if (p.length === 0)
     return null;
-  const b = p.map(
-    (f, x) => Ar(f, x, p.length)
+  const v = p.map(
+    (g, x) => Mr(g, x, p.length)
   );
   return /* @__PURE__ */ m(
     Te,
@@ -2591,57 +2591,57 @@ const lr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          Es,
+          Ss,
           {
-            tiles: b,
-            onTileActivate: v,
+            tiles: v,
+            onTileActivate: c,
             className: "overflow-hidden rounded-md"
           }
         ) }),
         /* @__PURE__ */ s(
-          Ts,
+          As,
           {
-            open: g,
-            items: Ms(p, r),
-            initialIndex: c,
+            open: f,
+            items: Rs(p, r),
+            initialIndex: b,
             onClose: w
           }
         )
       ]
     }
   );
-}, Lr = (e) => /* @__PURE__ */ s(Rr, { ...e }), Dr = (e) => /* @__PURE__ */ s(Rs, { ...e, state: "sent" }), zr = (e) => /* @__PURE__ */ s(Rs, { ...e, state: "received" }), Pr = {
-  Composer: Lr,
-  Sent: Dr,
-  Received: zr
+}, Dr = (e) => /* @__PURE__ */ s(Lr, { ...e }), zr = (e) => /* @__PURE__ */ s(Ls, { ...e, state: "sent" }), Pr = (e) => /* @__PURE__ */ s(Ls, { ...e, state: "received" }), Fr = {
+  Composer: Dr,
+  Sent: zr,
+  Received: Pr
 }, Ne = {
-  Image: wr,
-  Video: Pr,
-  Audio: Qa,
-  Pdf: Ir,
-  File: mr
-}, Fr = {
-  isUnlocking: () => !1
+  Image: _r,
+  Video: Fr,
+  Audio: er,
+  Pdf: Tr,
+  File: hr
 }, Or = {
-  LockedAttachment: Fr
-}, Ls = at({}), cl = Ls.Provider;
-function $r(e) {
-  return Se(Ls)[e] ?? Or[e];
+  isUnlocking: () => !1
+}, $r = {
+  LockedAttachment: Or
+}, Ds = at({}), ul = Ds.Provider;
+function jr(e) {
+  return Se(Ds)[e] ?? $r[e];
 }
-const jr = ({
+const Br = (e) => !!e && (e.includes("bottom") || e.includes("single")), Ur = ({
   message: e,
-  endOfGroup: t
-}) => !t || e.type === "error" || e.status !== "received" ? null : /* @__PURE__ */ m(
+  groupStyles: t
+}) => !Br(t) || e.type === "error" || e.status !== "received" ? null : /* @__PURE__ */ m(
   "div",
   {
     className: "str-chat__message-delivery-status",
     "data-testid": "message-delivery-status",
     children: [
-      /* @__PURE__ */ s(Hn, { size: 14, weight: "bold", "aria-hidden": "true" }),
+      /* @__PURE__ */ s(Yn, { size: 14, weight: "bold", "aria-hidden": "true" }),
       /* @__PURE__ */ s("span", { children: "Delivered" })
     ]
   }
-), Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Vr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2658,21 +2658,21 @@ const jr = ({
       }
     )
   }
-), Ur = (e) => {
+), Gr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Vr = (e) => {
+}, Hr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Fe = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Gr = (e) => {
+}, Yr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Ds = (e) => Ur(e) || Vr(e), Hr = (e) => {
+}, zs = (e) => Gr(e) || Hr(e), qr = (e) => {
   var t;
-  return Ds(e) && !((t = e.text) != null && t.trim());
+  return zs(e) && !((t = e.text) != null && t.trim());
 }, Ke = ({
   message: e,
   standalone: t = !1,
@@ -2680,23 +2680,23 @@ const jr = ({
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = Ds(e), i = Fe(e);
+  const r = zs(e), i = Fe(e);
   if (!r && !i)
     return null;
   if (r) {
-    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", v = t ? `${g} tip` : `Delivered with ${g} tip`;
-    return /* @__PURE__ */ m("div", { className: c, children: [
-      /* @__PURE__ */ s(Yn, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ s("span", { children: v })
+    const f = (h = e.metadata) == null ? void 0 : h.amount_text;
+    if (!f) return null;
+    const b = t ? "message-tip-standalone" : "message-tag message-tag--tip", c = t ? `${f} tip` : `Delivered with ${f} tip`;
+    return /* @__PURE__ */ m("div", { className: b, children: [
+      /* @__PURE__ */ s(qn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s("span", { children: c })
     ] });
   }
   const l = n && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Br, { size: l ? 12 : 15 }) });
+  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Vr, { size: l ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ m(te, { children: [
     u,
     p
@@ -2704,7 +2704,7 @@ const jr = ({
     p,
     u
   ] }) });
-}, Yr = ({
+}, Wr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2720,7 +2720,7 @@ const jr = ({
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(qn, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2734,28 +2734,28 @@ const jr = ({
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Xn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), qr = /^([a-z][a-z0-9+.-]*):/i, Wr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+] }), Xr = /^([a-z][a-z0-9+.-]*):/i, Kr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function wt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = qr.exec(t);
+  const n = Xr.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return Wr.has(a) ? t : void 0;
+    return Kr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Xr = {
+const Jr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, Kr = ({ variant: e, cta: t }) => {
+}, Zr = ({ variant: e, cta: t }) => {
   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",
-    Xr[e]
+    Jr[e]
   ), a = wt(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
@@ -2782,10 +2782,10 @@ const Xr = {
       children: t.label
     }
   );
-}, Jr = {
+}, Qr = {
   dark: "text-white",
   light: "text-black/90"
-}, Zr = "text-white/30", Qr = {
+}, ei = "text-white/30", ti = {
   dark: "text-white/55",
   light: "text-black/55"
 }, _t = ({
@@ -2798,14 +2798,14 @@ const Xr = {
   cta: l,
   trailingAction: o
 }) => {
-  const d = e === "dark", u = t ?? (d ? n : void 0) ?? "", p = u.trim() !== "", h = a != null && a.trim() !== "", g = typeof r == "string" ? r.trim() : "", c = g !== "", v = l != null;
-  if (!p && !h && !c && !v) return null;
-  const b = k(
+  const d = e === "dark", u = t ?? (d ? n : void 0) ?? "", p = u.trim() !== "", h = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", b = f !== "", c = l != null;
+  if (!p && !h && !b && !c) return null;
+  const v = k(
     "truncate text-base font-medium leading-6",
-    d && !t ? Zr : Jr[e]
-  ), f = k(
+    d && !t ? ei : Qr[e]
+  ), g = k(
     "truncate text-xs leading-4",
-    Qr[e]
+    ti[e]
   );
   return /* @__PURE__ */ m("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ m("div", { className: "flex items-end gap-3", children: [
@@ -2813,17 +2813,17 @@ const Xr = {
         /* @__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: [
             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: u })
           ] }),
-          h && /* @__PURE__ */ s("p", { className: f, children: a })
+          h && /* @__PURE__ */ s("p", { className: g, children: a })
         ] }),
-        !v && c && /* @__PURE__ */ s("p", { className: f, children: g })
+        !c && b && /* @__PURE__ */ s("p", { className: g, children: f })
       ] }),
       o && /* @__PURE__ */ s("div", { className: "shrink-0", children: o })
     ] }),
-    l && /* @__PURE__ */ s(Kr, { variant: e, cta: l })
+    l && /* @__PURE__ */ s(Zr, { variant: e, cta: l })
   ] });
-}, ei = k(
+}, si = k(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2842,7 +2842,7 @@ const Xr = {
   "data-testid": d
 }) => {
   const u = n != null || a != null, p = k(
-    ei,
+    si,
     o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2890,15 +2890,15 @@ const Xr = {
       ]
     }
   );
-}, ti = {
+}, ni = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, si = {
+}, ai = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ve = (e, t) => !!t && !!e && le(e) === "audio", Nt = (e, t) => {
+}, Ve = (e, t) => !!t && !!e && oe(e) === "audio", Nt = (e, t) => {
   if (!t || !e) return !1;
-  const n = le(e);
+  const n = oe(e);
   return n === "video" || n === "audio";
 }, yt = "bg-[#F2F3F4]", $e = ({
   variant: e,
@@ -2909,7 +2909,7 @@ const Xr = {
   topLeft: i,
   topRight: l
 }) => {
-  const o = le(r), d = !!n && o === "video";
+  const o = oe(r), d = !!n && o === "video";
   return Ve(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
@@ -2951,10 +2951,10 @@ const Xr = {
           {
             className: k(
               "flex h-full w-full items-center justify-center",
-              ti[e]
+              ni[e]
             ),
             children: we(r, {
-              className: si[e],
+              className: ai[e],
               weight: "regular"
             })
           }
@@ -2964,7 +2964,7 @@ const Xr = {
       ]
     }
   );
-}, ni = ({
+}, ri = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -2978,7 +2978,7 @@ const Xr = {
   onDismiss: p,
   onEditClick: h
 }) => {
-  const g = o === "classic", c = Ve(r, l), v = p ? /* @__PURE__ */ s(
+  const f = o === "classic", b = Ve(r, l), c = p ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
@@ -2994,10 +2994,10 @@ const Xr = {
       onClick: h,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ s(Xn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Kn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: yt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
+  return b ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: yt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
       $e,
       {
@@ -3007,14 +3007,14 @@ const Xr = {
         mimeType: r
       }
     ) }),
-    v && /* @__PURE__ */ s("div", { className: "shrink-0", children: v })
+    c && /* @__PURE__ */ s("div", { className: "shrink-0", children: c })
   ] }) }) : /* @__PURE__ */ m(
     Oe,
     {
       variant: "dark",
-      topRight: g ? v : void 0,
+      topRight: f ? c : void 0,
       children: [
-        !g && /* @__PURE__ */ s(
+        !f && /* @__PURE__ */ s(
           $e,
           {
             variant: "dark",
@@ -3022,7 +3022,7 @@ const Xr = {
             sourceUrl: l,
             title: e,
             mimeType: r,
-            topRight: v
+            topRight: c
           }
         ),
         /* @__PURE__ */ s(
@@ -3041,7 +3041,7 @@ const Xr = {
       ]
     }
   );
-}, ai = ({
+}, ii = ({
   title: e,
   description: t,
   url: n,
@@ -3053,21 +3053,21 @@ const Xr = {
   cta: d,
   onClick: u
 }) => {
-  const p = Nt(a, i), h = wt(n), g = d == null && h != null && !p ? h : void 0, c = d == null && !p ? u : void 0, v = Ve(a, i) ? yt : void 0, w = d && u ? {
+  const p = Nt(a, i), h = wt(n), f = d == null && h != null && !p ? h : void 0, b = d == null && !p ? u : void 0, c = Ve(a, i) ? yt : void 0, w = d && u ? {
     ...d,
     onClick: () => {
-      var b;
-      u(), (b = d.onClick) == null || b.call(d);
+      var v;
+      u(), (v = d.onClick) == null || v.call(d);
     }
   } : d;
   return /* @__PURE__ */ m(
     Oe,
     {
       variant: "light",
-      href: g,
-      onClick: c,
+      href: f,
+      onClick: b,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: v,
+      bgClassName: c,
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ s(
@@ -3094,7 +3094,7 @@ const Xr = {
       ]
     }
   );
-}, ri = ({
+}, li = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3107,13 +3107,13 @@ const Xr = {
   cta: u,
   onClick: p
 }) => {
-  const h = Nt(r, l), g = wt(a), c = u == null && g != null && !h ? g : void 0, v = u == null && !h && c != null ? p : void 0;
+  const h = Nt(r, l), f = wt(a), b = u == null && f != null && !h ? f : void 0, c = u == null && !h && b != null ? p : void 0;
   return /* @__PURE__ */ m(
     Oe,
     {
       variant: "dark",
-      href: c,
-      onClick: v,
+      href: b,
+      onClick: c,
       bgClassName: Ve(r, l) ? yt : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ s(
@@ -3141,22 +3141,22 @@ const Xr = {
       ]
     }
   );
-}, Qt = {
-  Composer: ni,
-  Sent: ri,
-  Received: ai
-}, ii = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white", li = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#e9eaed] px-4 py-2 text-[#080707]";
+}, es = {
+  Composer: ri,
+  Sent: li,
+  Received: ii
+}, oi = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white", ci = "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;
 }
-function es(e) {
+function ts(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function oi(e, t) {
+function di(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const n = es(e), a = es(t);
+  const n = ts(e), a = ts(t);
   if (n === a)
     return !0;
   if (!n.includes(a))
@@ -3164,7 +3164,7 @@ function oi(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function ts(e) {
+function ss(e) {
   const t = P(e.og_scrape_url) ?? P(e.title_link), n = P(e.image_url) ?? P(e.thumb_url), a = P(e.asset_url), r = P(e.mime_type);
   return {
     title: P(e.title),
@@ -3178,15 +3178,15 @@ function ts(e) {
     mimeType: r
   };
 }
-function ci(e) {
+function ui(e) {
   var t;
-  return zs(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
+  return Ps(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
-function zs(e) {
+function Ps(e) {
   const t = P(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Ps(e) {
+function Fs(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const l = t[t.length - 1];
@@ -3204,31 +3204,31 @@ function Ps(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (zs(r)) {
+    if (Ps(r)) {
       a(r);
       continue;
     }
-    const i = ci(r);
+    const i = ui(r);
     i && n(i, r);
   }
   return t;
 }
-function di(e) {
+function mi(e) {
   let t = 0;
   for (const n of e)
     t += n.type === "link" ? n.attachments.length : 1;
   return t;
 }
-function ui(e) {
+function hi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function mi(e, t, n) {
+function fi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function ss(e) {
+function ns(e) {
   return P(e.image_url) ?? P(e.asset_url) ?? "";
 }
-function hi(e) {
+function gi(e) {
   switch (e) {
     case "image":
       return Ne.Image;
@@ -3242,13 +3242,13 @@ function hi(e) {
       return Ne.File;
   }
 }
-function fi(e, t) {
+function pi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: ss(a),
+            src: ns(a),
             alt: P(a.title)
           }))
         };
@@ -3299,7 +3299,7 @@ function fi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: ss(n),
+        src: ns(n),
         alt: P(n.title)
       };
     case "video":
@@ -3329,69 +3329,69 @@ function fi(e, t) {
       };
   }
 }
-function gi({
+function bi({
   groupPosition: e,
   isMyMessage: t,
   segment: n,
   text: a
 }) {
-  const r = hi(n.kind), i = {
-    ...fi(n.kind, n.attachments),
+  const r = gi(n.kind), i = {
+    ...pi(n.kind, n.attachments),
     groupPosition: e,
     ...a ? { text: a } : {}
   };
   return t ? /* @__PURE__ */ s(r.Sent, { ...i }) : /* @__PURE__ */ s(r.Received, { ...i });
 }
-const pi = ({
+const vi = ({
   groupPosition: e,
   isMyMessage: t,
   message: n
 }) => {
   var w;
-  const a = Ps(n.attachments);
+  const a = Fs(n.attachments);
   if (a.length === 0) return null;
-  const r = di(a), i = ui(a), l = (w = n.text) == null ? void 0 : w.trim(), o = a.find((b) => b.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? ts(o.attachments[0] ?? {}).url : void 0, u = l && oi(l, d) ? void 0 : l;
+  const r = mi(a), i = hi(a), l = (w = n.text) == null ? void 0 : w.trim(), o = a.find((v) => v.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? ss(o.attachments[0] ?? {}).url : void 0, u = l && di(l, d) ? void 0 : l;
   let p = 0, h = 0;
-  const g = [], c = (b, f) => {
+  const f = [], b = (v, g) => {
     const x = p === r - 1;
     p += 1;
-    const N = t ? Qt.Sent : Qt.Received;
-    g.push(
+    const _ = t ? es.Sent : es.Received;
+    f.push(
       /* @__PURE__ */ m(U.Fragment, { children: [
-        /* @__PURE__ */ s(N, { ...ts(b) }),
-        x && u ? /* @__PURE__ */ s("div", { className: t ? ii : li, children: u }) : null
-      ] }, f)
+        /* @__PURE__ */ s(_, { ...ss(v) }),
+        x && u ? /* @__PURE__ */ s("div", { className: t ? oi : ci, children: u }) : null
+      ] }, g)
     );
-  }, v = (b, f) => {
-    const x = p === r - 1, N = mi(
+  }, c = (v, g) => {
+    const x = p === r - 1, _ = fi(
       h,
       i,
       e
     );
-    p += 1, h += 1, g.push(
+    p += 1, h += 1, f.push(
       /* @__PURE__ */ s(
-        gi,
+        bi,
         {
-          groupPosition: N,
+          groupPosition: _,
           isMyMessage: t,
-          segment: b,
+          segment: v,
           text: x ? u : void 0
         },
-        f
+        g
       )
     );
   };
-  return a.forEach((b, f) => {
-    if (b.type === "link") {
-      b.attachments.forEach((x, N) => {
-        c(x, `link-${f}-${N}`);
+  return a.forEach((v, g) => {
+    if (v.type === "link") {
+      v.attachments.forEach((x, _) => {
+        b(x, `link-${g}-${_}`);
       });
       return;
     }
-    v(b, `media-${f}`);
-  }), /* @__PURE__ */ s(te, { children: g });
-}, bi = (e) => {
-  var Tt, At, Mt, Rt, Lt, Dt, zt, Pt, Ft, Ot, $t, jt, Bt, Ut;
+    c(v, `media-${g}`);
+  }), /* @__PURE__ */ s(te, { children: f });
+}, xi = (e) => {
+  var At, Mt, Rt, Lt, Dt, zt, Pt, Ft, Ot, $t, jt, Bt, Ut, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3399,105 +3399,106 @@ const pi = ({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: l,
-    handleAction: o,
-    handleOpenThread: d,
-    handleRetry: u,
-    highlighted: p,
-    isMessageAIGenerated: h,
-    isMyMessage: g,
+    groupStyles: o,
+    handleAction: d,
+    handleOpenThread: u,
+    handleRetry: p,
+    highlighted: h,
+    isMessageAIGenerated: f,
+    isMyMessage: b,
     message: c,
-    renderText: v,
-    threadList: w,
-    viewerLanguage: b
-  } = e, { client: f } = me("CustomMessage"), { channel: x } = ue("CustomMessage"), { isUnlocking: N, onUnlockClick: E, onFetchSource: T, onDownloadClick: M } = $r("LockedAttachment"), [D, L] = B(!1), O = Xs(c.id), { selected: z, voteUp: y, voteDown: A } = ba(c), {
-    Attachment: S = Ks,
-    EditMessageModal: C = Js,
-    MessageActions: I,
-    MessageBlocked: $ = Zs,
-    MessageBouncePrompt: F = Qs,
-    MessageDeleted: V = en,
-    MessageIsThreadReplyInChannelButtonIndicator: Q = tn,
-    MessageRepliesCountButton: ee = sn,
-    ReminderNotification: X = nn,
-    StreamedMessageText: _ = an,
-    PinIndicator: R
-  } = rs("CustomMessage"), H = rn(c), q = ln(c), Y = ae(
-    () => h == null ? void 0 : h(c),
-    [h, c]
+    renderText: w,
+    threadList: v,
+    viewerLanguage: g
+  } = e, { client: x } = me("CustomMessage"), { channel: _ } = ue("CustomMessage"), { isUnlocking: A, onUnlockClick: S, onFetchSource: I, onDownloadClick: L } = jr("LockedAttachment"), [D, $] = B(!1), z = Ks(c.id), { selected: y, voteUp: M, voteDown: E } = va(c), {
+    Attachment: C = Js,
+    EditMessageModal: T = Zs,
+    MessageActions: F,
+    MessageBlocked: O = Qs,
+    MessageBouncePrompt: V = en,
+    MessageDeleted: Z = tn,
+    MessageIsThreadReplyInChannelButtonIndicator: ee = sn,
+    MessageRepliesCountButton: X = nn,
+    ReminderNotification: N = an,
+    StreamedMessageText: R = rn,
+    PinIndicator: G
+  } = is("CustomMessage"), Y = ln(c), q = on(c), W = ae(
+    () => f == null ? void 0 : f(c),
+    [f, c]
   ), j = ae(() => {
     const de = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...de] : de;
     if (!Fe(c)) return pe;
-    const Vt = pe.filter((Gt) => !("type" in Gt) || !xs(Gt));
-    return Vt.length === pe.length ? pe : Vt;
-  }, [c]), W = ae(
-    () => Ps(j),
+    const Gt = pe.filter((Ht) => !("type" in Ht) || !ws(Ht));
+    return Gt.length === pe.length ? pe : Gt;
+  }, [c]), Q = ae(
+    () => Fs(j),
     [j]
-  ), Z = ae(() => {
-    const de = ms({ message: c, viewerLanguage: b });
+  ), se = ae(() => {
+    const de = hs({ message: c, viewerLanguage: g });
     return de === c.text ? c : { ...c, text: de };
-  }, [c, b]), oe = W.length > 0, Le = W.reduce(
+  }, [c, g]), Le = Q.length > 0, De = Q.reduce(
     (de, pe) => de + pe.attachments.length,
     0
-  ) === ((j == null ? void 0 : j.length) ?? 0), De = qa(
+  ) === ((j == null ? void 0 : j.length) ?? 0), ie = Wa(
     {
       endOfGroup: r,
       firstOfGroup: i,
       groupedByUser: l
     }
   );
-  if (on(c))
+  if (cn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ s(V, { message: c });
-  if (cn(c))
-    return /* @__PURE__ */ s($, {});
-  const ne = !w && !!c.reply_count, ce = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Tt = c.error) == null ? void 0 : Tt.status) !== 403, Ct = dn(c);
+    return /* @__PURE__ */ s(Z, { message: c });
+  if (dn(c))
+    return /* @__PURE__ */ s(O, {});
+  const ce = !v && !!c.reply_count, le = !v && c.show_in_channel && c.parent_id, Ct = c.status === "failed" && ((At = c.error) == null ? void 0 : At.status) !== 403, Et = un(c);
   let he;
-  ie ? he = () => u(c) : Ct && (he = () => L(!0));
-  const fe = g(), Bs = k(
+  Ct ? he = () => p(c) : Et && (he = () => $(!0));
+  const fe = b(), Us = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
     fe ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": H,
-      "str-chat__message--highlighted": p,
+      "str-chat__message--has-attachment": Y,
+      "str-chat__message--highlighted": h,
       "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" && ((At = c == null ? void 0 : c.error) == null ? void 0 : At.status) !== 403,
-      "str-chat__message-with-thread-link": ne || ce,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Mt = c == null ? void 0 : c.error) == null ? void 0 : Mt.status) !== 403,
+      "str-chat__message-with-thread-link": ce || le,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), Et = Hr(c), ge = Fe(c), St = Gr(c), He = !!(j != null && j.length && !c.quoted_message), It = ge && fe && He, Us = oe && Le && !c.quoted_message && !Ge && !Y && !ge;
+  ), Ge = c.poll_id && x.polls.fromState(c.poll_id), St = qr(c), ge = Fe(c), It = Yr(c), He = !!(j != null && j.length && !c.quoted_message), Tt = ge && fe && He, Vs = Le && De && !c.quoted_message && !Ge && !W && !ge;
   return /* @__PURE__ */ m(te, { children: [
     a && /* @__PURE__ */ s(
-      C,
+      T,
       {
         additionalMessageInputProps: t
       }
     ),
     D && /* @__PURE__ */ s(
-      un,
+      mn,
       {
-        MessageBouncePrompt: F,
-        onClose: () => L(!1),
+        MessageBouncePrompt: V,
+        onClose: () => $(!1),
         open: D
       }
     ),
     /* @__PURE__ */ m(
       "div",
       {
-        className: Bs,
+        className: Us,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          R && /* @__PURE__ */ s(R, {}),
-          !!O && /* @__PURE__ */ s(X, { reminder: O }),
+          G && /* @__PURE__ */ s(G, {}),
+          !!z && /* @__PURE__ */ s(N, { reminder: z }),
           c.user && /* @__PURE__ */ s(
-            se,
+            ne,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -3512,7 +3513,7 @@ const pi = ({
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": ie || Ct
+                "str-chat__simple-message--error-failed": Ct || Et
               }),
               "data-testid": "message-inner",
               onClick: he,
@@ -3525,51 +3526,51 @@ const pi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: St ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
+              children: It ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
                 fe ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-                  I && /* @__PURE__ */ s(I, {}),
+                  F && /* @__PURE__ */ s(F, {}),
                   /* @__PURE__ */ s(
-                    Jt.Sent,
+                    Zt.Sent,
                     {
-                      title: (Mt = c.metadata) == null ? void 0 : Mt.attachment_title,
-                      mimeType: (Rt = c.metadata) == null ? void 0 : Rt.attachment_mime_type,
-                      thumbnailUrl: (Lt = c.metadata) == null ? void 0 : Lt.attachment_thumbnail,
-                      amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
-                      detail: (zt = c.metadata) == null ? void 0 : zt.attachment_detail,
-                      paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
-                      onPreviewClick: () => E == null ? void 0 : E(c, x),
-                      onFetchSource: async () => await (T == null ? void 0 : T(c, x))
+                      title: (Rt = c.metadata) == null ? void 0 : Rt.attachment_title,
+                      mimeType: (Lt = c.metadata) == null ? void 0 : Lt.attachment_mime_type,
+                      thumbnailUrl: (Dt = c.metadata) == null ? void 0 : Dt.attachment_thumbnail,
+                      amountText: (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: () => S == null ? void 0 : S(c, _),
+                      onFetchSource: async () => await (I == null ? void 0 : I(c, _))
                     }
                   )
                 ] }) : /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ s(
-                    Jt.Received,
+                    Zt.Received,
                     {
-                      title: (Ft = c.metadata) == null ? void 0 : Ft.attachment_title,
-                      mimeType: (Ot = c.metadata) == null ? void 0 : Ot.attachment_mime_type,
-                      thumbnailUrl: ($t = c.metadata) == null ? void 0 : $t.attachment_thumbnail,
-                      amountText: (jt = c.metadata) == null ? void 0 : jt.amount_text,
-                      detail: (Bt = c.metadata) == null ? void 0 : Bt.attachment_detail,
-                      paymentStatus: (Ut = c.metadata) == null ? void 0 : Ut.payment_status,
-                      isUnlocking: N(c.id),
-                      onUnlockClick: () => E == null ? void 0 : E(c, x),
-                      onFetchSource: async () => await (T == null ? void 0 : T(c, x)),
-                      onDownloadClick: () => M == null ? void 0 : M(c, x)
+                      title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
+                      mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
+                      thumbnailUrl: (jt = c.metadata) == null ? void 0 : jt.attachment_thumbnail,
+                      amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
+                      detail: (Ut = c.metadata) == null ? void 0 : Ut.attachment_detail,
+                      paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
+                      isUnlocking: A(c.id),
+                      onUnlockClick: () => S == null ? void 0 : S(c, _),
+                      onFetchSource: async () => await (I == null ? void 0 : I(c, _)),
+                      onDownloadClick: () => L == null ? void 0 : L(c, _)
                     }
                   ),
-                  I && /* @__PURE__ */ s(I, {})
+                  F && /* @__PURE__ */ s(F, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
-                  Yt,
+                  qt,
                   {
-                    message: Z,
-                    renderText: v
+                    message: se,
+                    renderText: w
                   }
                 ) })
-              ] }) : Et ? (
+              ] }) : St ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ s(Ke, { message: c, standalone: !0 })
-              ) : Us ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m(
+              ) : Vs ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m(
                 "div",
                 {
                   className: "str-chat__message-bubble",
@@ -3581,21 +3582,21 @@ const pi = ({
                   },
                   children: [
                     /* @__PURE__ */ s(
-                      pi,
+                      vi,
                       {
-                        groupPosition: De,
+                        groupPosition: ie,
                         isMyMessage: fe,
                         message: {
                           attachments: j,
-                          text: Z.text
+                          text: se.text
                         }
                       }
                     ),
-                    /* @__PURE__ */ s(qt, {})
+                    /* @__PURE__ */ s(Wt, {})
                   ]
                 }
               ) }) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
-                ge && !It && /* @__PURE__ */ s(
+                ge && !Tt && /* @__PURE__ */ s(
                   Ke,
                   {
                     message: c,
@@ -3603,33 +3604,33 @@ const pi = ({
                     isMyMessage: fe
                   }
                 ),
-                Ge && /* @__PURE__ */ s(mn, { poll: Ge }),
+                Ge && /* @__PURE__ */ s(hn, { poll: Ge }),
                 j != null && j.length && !c.quoted_message ? /* @__PURE__ */ s(
-                  S,
+                  C,
                   {
-                    actionHandler: o,
+                    actionHandler: d,
                     attachments: j
                   }
                 ) : null,
-                Y ? /* @__PURE__ */ s(
-                  _,
+                W ? /* @__PURE__ */ s(
+                  R,
                   {
-                    message: Z,
-                    renderText: v
+                    message: se,
+                    renderText: w
                   }
                 ) : /* @__PURE__ */ s(
-                  Yt,
+                  qt,
                   {
-                    message: Z,
-                    renderText: v
+                    message: se,
+                    renderText: w
                   }
                 ),
-                /* @__PURE__ */ s(qt, {})
+                /* @__PURE__ */ s(Wt, {})
               ] }) })
             }
           ),
-          !St && !Et && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
-            (!ge || It) && /* @__PURE__ */ s(
+          !It && !St && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
+            (!ge || Tt) && /* @__PURE__ */ s(
               Ke,
               {
                 message: c,
@@ -3638,72 +3639,72 @@ const pi = ({
               }
             ),
             n && ge && /* @__PURE__ */ s(
-              Yr,
+              Wr,
               {
-                selected: z,
-                onVoteUp: y,
-                onVoteDown: A
+                selected: y,
+                onVoteUp: M,
+                onVoteDown: E
               }
             )
           ] }),
-          /* @__PURE__ */ s(jr, { message: c, endOfGroup: r }),
-          ne && /* @__PURE__ */ s(
-            ee,
+          /* @__PURE__ */ s(Ur, { message: c, groupStyles: o }),
+          ce && /* @__PURE__ */ s(
+            X,
             {
-              onClick: d,
+              onClick: u,
               reply_count: c.reply_count
             }
           ),
-          ce && /* @__PURE__ */ s(Q, {})
+          le && /* @__PURE__ */ s(ee, {})
         ]
       },
       c.id
     )
   ] });
-}, vi = U.memo(
-  bi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ws(e, t)
-), xi = (e) => {
+}, wi = U.memo(
+  xi,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Xs(e, t)
+), _i = (e) => {
   const t = Ie("CustomMessage");
-  return /* @__PURE__ */ s(vi, { ...t, ...e });
-}, wi = () => {
+  return /* @__PURE__ */ s(wi, { ...t, ...e });
+}, Ni = () => {
   var n;
   const { handleDelete: e, message: t } = Ie("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    cs,
+    ds,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Kn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Jn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, _i = () => {
+}, yi = () => {
   const { handleFlag: e } = Ie("CustomMessageActions");
   return /* @__PURE__ */ s(
-    cs,
+    ds,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(is, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(ls, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ni = () => {
+}, ki = () => {
   var t;
   const { message: e } = Ie("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    Qn,
+    ea,
     {
       messageActionSet: [
-        { Component: wi, placement: "quick", type: "delete" },
-        { Component: _i, placement: "quick", type: "flag" }
+        { Component: Ni, placement: "quick", type: "delete" },
+        { Component: yi, placement: "quick", type: "flag" }
       ]
     }
   );
-}, yi = ({
+}, Ci = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3743,14 +3744,14 @@ const pi = ({
       ]
     }
   );
-}, ki = (e) => ({
+}, Ei = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Ht.previewIsLoaded(t) || Ht.previewIsLoading(t)
+    (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
   )
-}), Ci = () => {
-  const { linkPreviewsManager: e } = hn(), { linkPreviews: t } = fn(
+}), Si = () => {
+  const { linkPreviewsManager: e } = fn(), { linkPreviews: t } = gn(
     e.state,
-    ki
+    Ei
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3763,9 +3764,9 @@ const pi = ({
     // 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(yi, { 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(Ci, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, kt = U.createContext(!1), dl = () => Se(kt), Ei = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, kt = U.createContext(!1), ml = () => Se(kt), Ii = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3773,13 +3774,13 @@ const pi = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ s(Jn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(Zn, { weight: "bold", className: "size-4" })
   }
-), Si = () => {
-  const e = Se(kt), { handleSubmit: t } = pn(), n = bn(), a = e || !n, {
-    SendButton: r = Ei,
-    AttachmentPreviewList: i = vn
-  } = rs("CustomMessageInput");
+), Ti = () => {
+  const e = Se(kt), { handleSubmit: t } = bn(), n = vn(), a = e || !n, {
+    SendButton: r = Ii,
+    AttachmentPreviewList: i = xn
+  } = is("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
     // preview list inside is the scrollable region); the textarea + send row
@@ -3795,12 +3796,12 @@ const pi = ({
         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(xn, {}),
-          /* @__PURE__ */ s(Ci, {}),
+          /* @__PURE__ */ s(wn, {}),
+          /* @__PURE__ */ s(Si, {}),
           /* @__PURE__ */ s(i, {}),
           /* @__PURE__ */ m("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
-              wn,
+              _n,
               {
                 "aria-disabled": e || void 0,
                 className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -3826,7 +3827,7 @@ const pi = ({
       }
     )
   );
-}, Ii = ({
+}, Ai = ({
   renderActions: e,
   renderFooter: t,
   disabled: n = !1,
@@ -3847,42 +3848,42 @@ const pi = ({
         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(kt.Provider, { value: l, children: /* @__PURE__ */ s(gn, { Input: r ?? Si }) })
+          /* @__PURE__ */ s(kt.Provider, { value: l, children: /* @__PURE__ */ s(pn, { Input: r ?? Ti }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Ti = [
+}, Mi = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ai = {
+], Ri = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Mi = [
+}, Li = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ri = {
+], Di = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Je = "age safety guidelines.", Li = "https://linktr.ee/s/about/contact", ns = (e) => Ti.includes(e), Di = (e) => Mi.includes(e), zi = (e) => {
+}, Je = "age safety guidelines.", zi = "https://linktr.ee/s/about/contact", as = (e) => Mi.includes(e), Pi = (e) => Li.includes(e), Fi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (ns(t))
+  if (as(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (Di(t))
+  if (Pi(t))
     return {
       kind: "age-safety",
       type: t
     };
   const n = e.dm_agent_system_type;
-  if (ns(n))
+  if (as(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, Pi = (e) => {
+}, Oi = (e) => {
   const t = e.indexOf(Je);
   if (t === -1)
     return e;
@@ -3892,7 +3893,7 @@ const pi = ({
     /* @__PURE__ */ s(
       "a",
       {
-        href: Li,
+        href: zi,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -3901,13 +3902,13 @@ const pi = ({
     ),
     e.slice(n)
   ] });
-}, Fi = (e) => {
+}, $i = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = zi(
+  const t = e.message.hide_date === !0, n = Fi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ai[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ri[n.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -3933,7 +3934,7 @@ const pi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ri[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Di[n.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -3943,7 +3944,7 @@ const pi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Zn,
+              Qn,
               {
                 size: 24,
                 weight: "duotone",
@@ -3952,7 +3953,7 @@ const pi = ({
                 "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: Pi(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: Oi(i) }) })
           ]
         }
       ),
@@ -3967,7 +3968,7 @@ const pi = ({
     ] }),
     !t && /* @__PURE__ */ s(Ye, { message: e.message })
   ] });
-}, Fs = at(!1), Ze = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Os = at(!1), Ze = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -3977,21 +3978,21 @@ const pi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Oi = /* @__PURE__ */ new Set([
+) }), ji = /* @__PURE__ */ new Set([
   qe.Thinking,
   qe.Generating,
   qe.ExternalSources
-]), $i = ({ threadList: e }) => {
-  var v, w;
-  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = me(), { typing: i = {} } = _n(), { aiState: l } = Nn(t), o = Se(Fs);
-  if (!e && o && Oi.has(l)) {
-    const b = ji(t, (v = r.user) == null ? void 0 : v.id);
+]), Bi = ({ threadList: e }) => {
+  var c, w;
+  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = me(), { typing: i = {} } = Nn(), { aiState: l } = yn(t), o = Se(Os);
+  if (!e && o && ji.has(l)) {
+    const v = Ui(t, (c = r.user) == null ? void 0 : c.id);
     return /* @__PURE__ */ s(
-      as,
+      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"
       }
     );
@@ -3999,29 +4000,29 @@ const pi = ({
   if ((n == null ? void 0 : n.typing_events) === !1)
     return null;
   const u = e ? [] : Object.values(i).filter(
-    ({ parent_id: b, user: f }) => {
+    ({ parent_id: v, user: g }) => {
       var x;
-      return (f == null ? void 0 : f.id) !== ((x = r.user) == null ? void 0 : x.id) && !b;
+      return (g == null ? void 0 : g.id) !== ((x = r.user) == null ? void 0 : x.id) && !v;
     }
   ), p = e ? Object.values(i).filter(
-    ({ parent_id: b, user: f }) => {
+    ({ parent_id: v, user: g }) => {
       var x;
-      return (f == null ? void 0 : f.id) !== ((x = r.user) == null ? void 0 : x.id) && b === (a == null ? void 0 : a.id);
+      return (g == null ? void 0 : g.id) !== ((x = r.user) == null ? void 0 : x.id) && v === (a == null ? void 0 : a.id);
     }
   ) : [], h = e ? p : u;
   if (!h.length)
     return null;
-  const g = (w = h[0]) == null ? void 0 : w.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
+  const f = (w = h[0]) == null ? void 0 : w.user, b = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ s(
-    as,
+    rs,
     {
-      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),
+      avatarId: (f == null ? void 0 : f.id) ?? (b == null ? void 0 : b.id) ?? "typing-user",
+      avatarName: (f == null ? void 0 : f.name) ?? (b == null ? void 0 : b.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
+      avatarImage: (f == null ? void 0 : f.image) ?? (b == null ? void 0 : b.image),
       testId: "typing-indicator"
     }
   );
-}, as = ({
+}, rs = ({
   avatarId: e,
   avatarName: t,
   avatarImage: n,
@@ -4036,7 +4037,7 @@ const pi = ({
     },
     children: /* @__PURE__ */ m("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ s(
-        se,
+        ne,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4065,7 +4066,7 @@ const pi = ({
     ] })
   }
 );
-function ji(e, t) {
+function Ui(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)) {
@@ -4074,7 +4075,7 @@ function ji(e, t) {
       return i;
   }
 }
-const Bi = () => null, Ui = ({ className: e, message: t }) => /* @__PURE__ */ m(
+const Vi = () => null, Gi = ({ className: e, message: t }) => /* @__PURE__ */ m(
   "div",
   {
     className: k("flex items-center justify-center h-full", e),
@@ -4118,11 +4119,11 @@ const Bi = () => null, Ui = ({ className: e, message: t }) => /* @__PURE__ */ m(
     ]
   }
 ), je = U.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(Ui, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(Gi, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 je.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", Vi = ({
+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", Hi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4135,32 +4136,32 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onDeleteConversationClick: u,
   onBlockParticipantClick: p,
   onReportParticipantClick: h,
-  customChannelActions: g,
-  renderChannelActions: c,
-  showChannelInfo: v = !0,
+  customChannelActions: f,
+  renderChannelActions: b,
+  showChannelInfo: c = !0,
   onParticipantNameClick: w,
-  renderHeaderTitleBadges: b
+  renderHeaderTitleBadges: v
 }) => {
-  var A, S, C, I, $, F;
-  const { channel: f } = ue(), { client: x } = me(), N = U.useMemo(
+  var M, E, C, T, F, O;
+  const { channel: g } = ue(), { client: x } = me(), _ = U.useMemo(
     () => {
       var V;
       return Ue(
-        (V = f.state) == null ? void 0 : V.members,
+        (V = g.state) == null ? void 0 : V.members,
         x == null ? void 0 : x.userID,
-        f.type
+        g.type
       );
     },
-    [(A = f.state) == null ? void 0 : A.members, x == null ? void 0 : x.userID, f.type]
-  ), E = ot(N == null ? void 0 : N.user), T = (S = N == null ? void 0 : N.user) == null ? void 0 : S.image, M = lt(f), D = b == null ? void 0 : b({
-    channel: f,
-    participant: N
-  }), L = "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", O = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ m(te, { children: [
-    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: E }),
-    D && /* @__PURE__ */ s("span", { className: "shrink-0", children: D })
+    [(M = g.state) == null ? void 0 : M.members, x == null ? void 0 : x.userID, g.type]
+  ), A = ot(_ == null ? void 0 : _.user), S = (E = _ == null ? void 0 : _.user) == null ? void 0 : E.image, I = lt(g), L = v == null ? void 0 : v({
+    channel: g,
+    participant: _
+  }), D = "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", $ = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ m(te, { children: [
+    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: A }),
+    L && /* @__PURE__ */ s("span", { className: "shrink-0", children: L })
   ] }), y = async () => {
     try {
-      M ? await f.unpin() : await f.pin();
+      I ? await g.unpin() : await g.pin();
     } catch (V) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -4194,19 +4195,19 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               type: "button",
               onClick: w,
-              "aria-label": `View details for ${E}`,
+              "aria-label": `View details for ${A}`,
               className: k(
-                L,
+                D,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
               children: [
                 /* @__PURE__ */ s(
-                  se,
+                  ne,
                   {
-                    id: ((C = N == null ? void 0 : N.user) == null ? void 0 : C.id) || f.id || "unknown",
-                    name: E,
-                    image: T,
-                    starred: n && M,
+                    id: ((C = _ == null ? void 0 : _.user) == null ? void 0 : C.id) || g.id || "unknown",
+                    name: A,
+                    image: S,
+                    starred: n && I,
                     dmAgentEnabled: a,
                     size: 48
                   }
@@ -4221,14 +4222,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ m("div", { className: L, children: [
+          ) : /* @__PURE__ */ m("div", { className: D, children: [
             /* @__PURE__ */ s(
-              se,
+              ne,
               {
-                id: ((I = N == null ? void 0 : N.user) == null ? void 0 : I.id) || f.id || "unknown",
-                name: E,
-                image: T,
-                starred: n && M,
+                id: ((T = _ == null ? void 0 : _.user) == null ? void 0 : T.id) || g.id || "unknown",
+                name: A,
+                image: S,
+                starred: n && I,
                 dmAgentEnabled: a,
                 size: 48
               }
@@ -4257,24 +4258,24 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             className: be,
             onClick: y,
             type: "button",
-            "aria-label": M ? "Unstar conversation" : "Star conversation",
+            "aria-label": I ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ee,
               {
                 className: k("size-5", {
-                  "text-yellow-600": M,
-                  "text-black/90": !M
+                  "text-yellow-600": I,
+                  "text-black/90": !I
                 }),
-                weight: M ? "duotone" : "regular"
+                weight: I ? "duotone" : "regular"
               }
             )
           }
         ),
-        v && (c !== void 0 ? c : /* @__PURE__ */ s(
+        c && (b !== void 0 ? b : /* @__PURE__ */ s(
           tt,
           {
-            channel: f,
-            participant: N,
+            channel: g,
+            participant: _,
             showDeleteConversation: l,
             showBlockParticipant: o,
             showReportParticipant: d,
@@ -4283,7 +4284,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onDeleteConversationClick: u,
             onBlockParticipantClick: p,
             onReportParticipantClick: h,
-            customChannelActions: g,
+            customChannelActions: f,
             triggerClassName: k(be, "bg-[#F1F0EE]")
           }
         ))
@@ -4309,19 +4310,19 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             type: "button",
             onClick: w,
-            "aria-label": `View details for ${E}`,
+            "aria-label": `View details for ${A}`,
             className: k(
-              O,
+              $,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
             children: [
               /* @__PURE__ */ s(
-                se,
+                ne,
                 {
-                  id: (($ = N == null ? void 0 : N.user) == null ? void 0 : $.id) || f.id || "unknown",
-                  name: E,
-                  image: T,
-                  starred: n && M,
+                  id: ((F = _ == null ? void 0 : _.user) == null ? void 0 : F.id) || g.id || "unknown",
+                  name: A,
+                  image: S,
+                  starred: n && I,
                   dmAgentEnabled: a,
                   size: 48
                 }
@@ -4338,14 +4339,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ] })
             ]
           }
-        ) : /* @__PURE__ */ m("div", { className: O, children: [
+        ) : /* @__PURE__ */ m("div", { className: $, children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
-              id: ((F = N == null ? void 0 : N.user) == null ? void 0 : F.id) || f.id || "unknown",
-              name: E,
-              image: T,
-              starred: n && M,
+              id: ((O = _ == null ? void 0 : _.user) == null ? void 0 : O.id) || g.id || "unknown",
+              name: A,
+              image: S,
+              starred: n && I,
               dmAgentEnabled: a,
               size: 48
             }
@@ -4375,24 +4376,24 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             className: be,
             onClick: y,
             type: "button",
-            "aria-label": M ? "Unstar conversation" : "Star conversation",
+            "aria-label": I ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ee,
               {
                 className: k("size-6", {
-                  "text-yellow-600": M,
-                  "text-black/90": !M
+                  "text-yellow-600": I,
+                  "text-black/90": !I
                 }),
-                weight: M ? "duotone" : "regular"
+                weight: I ? "duotone" : "regular"
               }
             )
           }
         ),
-        v && (c !== void 0 ? c : /* @__PURE__ */ s(
+        c && (b !== void 0 ? b : /* @__PURE__ */ s(
           tt,
           {
-            channel: f,
-            participant: N,
+            channel: g,
+            participant: _,
             showDeleteConversation: l,
             showBlockParticipant: o,
             showReportParticipant: d,
@@ -4401,14 +4402,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onDeleteConversationClick: u,
             onBlockParticipantClick: p,
             onReportParticipantClick: h,
-            customChannelActions: g,
+            customChannelActions: f,
             triggerClassName: be
           }
         ))
       ] })
     ] })
   ] });
-}, Gi = ({
+}, Yi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4421,122 +4422,122 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onBlockParticipantClick: u,
   onReportParticipantClick: p,
   showBlockParticipant: h = !0,
-  showReportParticipant: g = !0,
-  composerDisabled: c = !1,
-  composerDisabledReason: v,
+  showReportParticipant: f = !0,
+  composerDisabled: b = !1,
+  composerDisabledReason: c,
   showStarButton: w = !1,
-  chatbotVotingEnabled: b = !1,
-  renderChannelBanner: f,
+  chatbotVotingEnabled: v = !1,
+  renderChannelBanner: g,
   renderHeaderTitleBadges: x,
-  customChannelActions: N,
-  renderChannelActions: E,
-  renderMessage: T,
-  dmAgentEnabled: M = !1,
-  viewerLanguage: D,
-  showChannelInfo: L = !0,
-  onParticipantNameClick: O,
+  customChannelActions: _,
+  renderChannelActions: A,
+  renderMessage: S,
+  dmAgentEnabled: I = !1,
+  viewerLanguage: L,
+  showChannelInfo: D = !0,
+  onParticipantNameClick: $,
   composerInput: z
 }) => {
-  var _, R, H, q;
-  const { channel: y } = ue(), { client: A } = me(), S = U.useMemo(
+  var N, R, G, Y;
+  const { channel: y } = ue(), { client: M } = me(), E = U.useMemo(
     () => {
-      var Y;
+      var q;
       return Ue(
-        (Y = y.state) == null ? void 0 : Y.members,
-        A == null ? void 0 : A.userID,
+        (q = y.state) == null ? void 0 : q.members,
+        M == null ? void 0 : M.userID,
         y.type
       );
     },
-    [(_ = y.state) == null ? void 0 : _.members, A == null ? void 0 : A.userID, y.type]
+    [(N = y.state) == null ? void 0 : N.members, M == null ? void 0 : M.userID, y.type]
   ), C = U.useMemo(() => {
-    var W;
-    const Y = A == null ? void 0 : A.userID;
-    return Y ? Object.values(((W = y.state) == null ? void 0 : W.members) || {}).find((Z) => {
-      var oe;
-      return ((oe = Z.user) == null ? void 0 : oe.id) === Y;
+    var j;
+    const q = M == null ? void 0 : M.userID;
+    return q ? Object.values(((j = y.state) == null ? void 0 : j.members) || {}).find((Q) => {
+      var se;
+      return ((se = Q.user) == null ? void 0 : se.id) === q;
     }) : void 0;
-  }, [A == null ? void 0 : A.userID, (R = y.state) == null ? void 0 : R.members]), I = ((H = C == null ? void 0 : C.user) == null ? void 0 : H.is_account) ?? (C == null ? void 0 : C.is_account), $ = ((q = S == null ? void 0 : S.user) == null ? void 0 : q.is_account) ?? (S == null ? void 0 : S.is_account), F = M && I === !1 && $ === !0, V = y.state.messages.some(
-    (Y) => Y.type !== "deleted"
-  ), Q = f ? /* @__PURE__ */ s(U.Fragment, { children: f() }, "lt-channel-banner") : null, ee = O ? /* @__PURE__ */ s(
-    fa,
+  }, [M == null ? void 0 : M.userID, (R = y.state) == null ? void 0 : R.members]), T = ((G = C == null ? void 0 : C.user) == null ? void 0 : G.is_account) ?? (C == null ? void 0 : C.is_account), F = ((Y = E == null ? void 0 : E.user) == null ? void 0 : Y.is_account) ?? (E == null ? void 0 : E.is_account), O = I && T === !1 && F === !0, V = y.state.messages.some(
+    (q) => q.type !== "deleted"
+  ), Z = g ? /* @__PURE__ */ s(U.Fragment, { children: g() }, "lt-channel-banner") : null, ee = $ ? /* @__PURE__ */ s(
+    ga,
     {
       onBack: e,
       showBackButton: t,
-      showChannelInfo: L,
+      showChannelInfo: D,
       showStarButton: w,
-      dmAgentEnabled: F,
+      dmAgentEnabled: O,
       onLeaveConversation: i,
       onBlockParticipant: l,
       showDeleteConversation: o,
       showBlockParticipant: h,
-      showReportParticipant: g,
+      showReportParticipant: f,
       onDeleteConversationClick: d,
       onBlockParticipantClick: u,
       onReportParticipantClick: p,
-      customChannelActions: N,
-      renderChannelActions: E,
-      onParticipantNameClick: O
+      customChannelActions: _,
+      renderChannelActions: A,
+      onParticipantNameClick: $
     }
   ) : null, X = J(
-    (Y) => {
-      const { message: j } = Ie("ChannelView"), W = /* @__PURE__ */ s(
-        xi,
+    (q) => {
+      const { message: W } = Ie("ChannelView"), j = /* @__PURE__ */ s(
+        _i,
         {
-          ...Y,
-          chatbotVotingEnabled: b,
-          viewerLanguage: D
+          ...q,
+          chatbotVotingEnabled: v,
+          viewerLanguage: L
         }
       );
-      return !T || !j ? W : T(W, j);
+      return !S || !W ? j : S(j, W);
     },
-    [b, T, D]
+    [v, S, L]
   );
   return /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(
-    kn,
+    Cn,
     {
       overrides: {
         Message: X,
-        MessageActions: Ni
+        MessageActions: ki
       },
-      children: /* @__PURE__ */ m(Cn, { children: [
-        !O && /* @__PURE__ */ m(te, { children: [
+      children: /* @__PURE__ */ m(En, { children: [
+        !$ && /* @__PURE__ */ m(te, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Vi,
+            Hi,
             {
               onBack: e,
               showBackButton: t,
-              showChannelInfo: L,
+              showChannelInfo: D,
               showStarButton: w,
-              dmAgentEnabled: F,
+              dmAgentEnabled: O,
               onLeaveConversation: i,
               onBlockParticipant: l,
               showDeleteConversation: o,
               showBlockParticipant: h,
-              showReportParticipant: g,
+              showReportParticipant: f,
               onDeleteConversationClick: d,
               onBlockParticipantClick: u,
               onReportParticipantClick: p,
-              customChannelActions: N,
-              renderChannelActions: E,
+              customChannelActions: _,
+              renderChannelActions: A,
               renderHeaderTitleBadges: x
             }
           ) }, "lt-channel-header"),
-          Q
+          Z
         ] }),
-        O && !V && /* @__PURE__ */ m("div", { className: "px-4 @lg:px-6", children: [
+        $ && !V && /* @__PURE__ */ m("div", { className: "px-4 @lg:px-6", children: [
           ee,
-          Q
+          Z
         ] }),
         /* @__PURE__ */ s(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
             children: /* @__PURE__ */ s(
-              En,
+              Sn,
               {
-                head: O && V ? /* @__PURE__ */ m("div", { className: "sticky top-0 z-10", children: [
+                head: $ && V ? /* @__PURE__ */ m("div", { className: "sticky top-0 z-10", children: [
                   ee,
-                  Q
+                  Z
                 ] }) : void 0,
                 hideDeletedMessages: !0,
                 hideNewMessageSeparator: !1
@@ -4547,14 +4548,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         ),
         r ? /* @__PURE__ */ s(U.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          Ii,
+          Ai,
           {
             ...n && {
               renderActions: () => n == null ? void 0 : n(y)
             },
             renderFooter: () => a == null ? void 0 : a(y),
-            disabled: c,
-            disabledReason: v,
+            disabled: b,
+            disabledReason: c,
             composerInput: z
           },
           "lt-channel-message-input"
@@ -4562,7 +4563,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, Os = U.memo(
+}, $s = U.memo(
   ({
     channel: e,
     onBack: t,
@@ -4573,65 +4574,65 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: l,
     onBlockParticipant: o,
     className: d,
-    CustomChannelEmptyState: u = Bi,
+    CustomChannelEmptyState: u = Vi,
     showDeleteConversation: p = !0,
     onDeleteConversationClick: h,
-    onBlockParticipantClick: g,
-    onReportParticipantClick: c,
-    showBlockParticipant: v = !0,
+    onBlockParticipantClick: f,
+    onReportParticipantClick: b,
+    showBlockParticipant: c = !0,
     showReportParticipant: w = !0,
-    composerDisabled: b = !1,
-    composerDisabledReason: f,
+    composerDisabled: v = !1,
+    composerDisabledReason: g,
     dmAgentEnabled: x,
-    messageMetadata: N,
-    onMessageSent: E,
-    showStarButton: T = !1,
-    chatbotVotingEnabled: M = !1,
-    renderChannelBanner: D,
-    renderHeaderTitleBadges: L,
-    customChannelActions: O,
+    messageMetadata: _,
+    onMessageSent: A,
+    showStarButton: S = !1,
+    chatbotVotingEnabled: I = !1,
+    renderChannelBanner: L,
+    renderHeaderTitleBadges: D,
+    customChannelActions: $,
     renderChannelActions: z,
     renderMessage: y,
-    onMessageLinkClick: A,
-    sendButton: S,
+    onMessageLinkClick: M,
+    sendButton: E,
     attachmentPreviewList: C,
-    viewerLanguage: I,
-    showChannelInfo: $ = !0,
-    onParticipantNameClick: F,
+    viewerLanguage: T,
+    showChannelInfo: F = !0,
+    onParticipantNameClick: O,
     composerInput: V
   }) => {
-    const Q = J(
-      async (X, _, R) => {
-        var Z;
-        const H = ((Z = e.data) == null ? void 0 : Z.chatbot_paused) === !0, q = x && !H, Y = {
-          ..._,
-          ...q && { silent: !0 },
-          ...N && {
+    const Z = J(
+      async (X, N, R) => {
+        var Q;
+        const G = ((Q = e.data) == null ? void 0 : Q.chatbot_paused) === !0, Y = x && !G, q = {
+          ...N,
+          ...Y && { silent: !0 },
+          ..._ && {
             metadata: {
-              ..._.metadata ?? {},
-              ...N
+              ...N.metadata ?? {},
+              ..._
             }
           }
-        }, j = {
+        }, W = {
           ...R,
-          ...q && { skip_push: !0 }
-        }, W = await e.sendMessage(Y, j);
-        return E == null || E(W), W;
+          ...Y && { skip_push: !0 }
+        }, j = await e.sendMessage(q, W);
+        return A == null || A(j), j;
       },
-      [e, x, N, E]
-    ), ee = G(null);
+      [e, x, _, A]
+    ), ee = H(null);
     return K(() => {
-      if (!A) return;
+      if (!M) return;
       const X = ee.current;
       if (!X) return;
-      const _ = (R) => {
-        const H = R.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
-        if (!Y) return;
-        const j = q == null ? void 0 : q.closest("[data-message-id]"), W = j == null ? void 0 : j.getAttribute("data-message-id"), Z = W ? e.state.messages.find((oe) => oe.id === W) : void 0;
-        A(Y, Z);
+      const N = (R) => {
+        const G = R.target, Y = G == null ? void 0 : G.closest("a[href]"), q = Y == null ? void 0 : Y.getAttribute("href");
+        if (!q) return;
+        const W = Y == null ? void 0 : Y.closest("[data-message-id]"), j = W == null ? void 0 : W.getAttribute("data-message-id"), Q = j ? e.state.messages.find((se) => se.id === j) : void 0;
+        M(q, Q);
       };
-      return X.addEventListener("click", _), () => X.removeEventListener("click", _);
-    }, [A, e]), /* @__PURE__ */ s(
+      return X.addEventListener("click", N), () => X.removeEventListener("click", N);
+    }, [M, e]), /* @__PURE__ */ s(
       "div",
       {
         ref: ee,
@@ -4639,20 +4640,20 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Fs.Provider, { value: x ?? !1, children: /* @__PURE__ */ s(
-          yn,
+        children: /* @__PURE__ */ s(Os.Provider, { value: x ?? !1, children: /* @__PURE__ */ s(
+          kn,
           {
             channel: e,
-            MessageSystem: Fi,
+            MessageSystem: $i,
             EmptyStateIndicator: u,
             LoadingIndicator: je,
-            DateSeparator: ga,
-            TypingIndicator: $i,
-            doSendMessageRequest: Q,
-            ...S ? { SendButton: S } : {},
+            DateSeparator: pa,
+            TypingIndicator: Bi,
+            doSendMessageRequest: Z,
+            ...E ? { SendButton: E } : {},
             ...C ? { AttachmentPreviewList: C } : {},
             children: /* @__PURE__ */ s(
-              Gi,
+              Yi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4664,23 +4665,23 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 CustomChannelEmptyState: u,
                 showDeleteConversation: p,
                 onDeleteConversationClick: h,
-                onBlockParticipantClick: g,
-                onReportParticipantClick: c,
-                showBlockParticipant: v,
+                onBlockParticipantClick: f,
+                onReportParticipantClick: b,
+                showBlockParticipant: c,
                 showReportParticipant: w,
-                composerDisabled: b,
-                composerDisabledReason: f,
-                showStarButton: T,
+                composerDisabled: v,
+                composerDisabledReason: g,
+                showStarButton: S,
                 dmAgentEnabled: x,
-                chatbotVotingEnabled: M,
-                renderChannelBanner: D,
-                renderHeaderTitleBadges: L,
-                customChannelActions: O,
+                chatbotVotingEnabled: I,
+                renderChannelBanner: L,
+                renderHeaderTitleBadges: D,
+                customChannelActions: $,
                 renderChannelActions: z,
                 renderMessage: y,
-                viewerLanguage: I,
-                showChannelInfo: $,
-                onParticipantNameClick: F,
+                viewerLanguage: T,
+                showChannelInfo: F,
+                onParticipantNameClick: O,
                 composerInput: V
               }
             )
@@ -4690,7 +4691,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-Os.displayName = "ChannelView";
+$s.displayName = "ChannelView";
 const ye = U.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: [
   /* @__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!" }),
@@ -4706,7 +4707,7 @@ const ye = U.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 ye.displayName = "ErrorState";
-const ul = ({
+const hl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4719,145 +4720,145 @@ const ul = ({
   onReportParticipantClick: u,
   dmAgentEnabled: p,
   onMessageSent: h,
-  chatbotVotingEnabled: g = !1,
-  viewerLanguage: c,
-  renderHeaderTitleBadges: v,
+  chatbotVotingEnabled: f = !1,
+  viewerLanguage: b,
+  renderHeaderTitleBadges: c,
   renderChannelBanner: w,
-  customChannelActions: b,
-  renderChannelActions: f,
+  customChannelActions: v,
+  renderChannelActions: g,
   onParticipantNameClick: x,
-  renderMessage: N,
-  onMessageLinkClick: E,
-  showChannelInfo: T,
-  composerInput: M
+  renderMessage: _,
+  onMessageLinkClick: A,
+  showChannelInfo: S,
+  composerInput: I
 }) => {
   const {
-    client: D,
-    isConnected: L,
-    isLoading: O,
+    client: L,
+    isConnected: D,
+    isLoading: $,
     error: z,
     refreshConnection: y,
-    service: A,
-    debug: S
-  } = ea(), [C, I] = B(null), [$, F] = B(null), [V, Q] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(l);
+    service: M,
+    debug: E
+  } = ta(), [C, T] = B(null), [F, O] = B(null), [V, Z] = B(!1), { showDeleteConversation: ee = !0 } = e, X = H(l);
   X.current = l;
-  const _ = G(a);
-  _.current = a;
-  const R = G(null), H = G(null);
+  const N = H(a);
+  N.current = a;
+  const R = H(null), G = H(null);
   K(() => {
-    H.current = C;
+    G.current = C;
   }, [C]), K(() => {
-    if (!D || !L) return;
-    const j = D.userID;
-    if (!j) return;
-    const W = `${j}::${i}`;
-    if (R.current === W) return;
-    R.current = W;
-    const Z = () => {
-      R.current === W && (R.current = null);
+    if (!L || !D) return;
+    const W = L.userID;
+    if (!W) return;
+    const j = `${W}::${i}`;
+    if (R.current === j) return;
+    R.current = j;
+    const Q = () => {
+      R.current === j && (R.current = null);
     };
     (async () => {
       var Le, De;
       try {
-        S && console.log(
+        E && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ne = await D.queryChannels(
+        const ie = await L.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [j, i] }
+            members: { $eq: [W, i] }
           },
           {},
           { limit: 1 }
         );
-        if (ne.length > 0) {
-          I(ne[0]), F(null), (Le = _.current) == null || Le.call(_, ne[0]), S && console.log(
+        if (ie.length > 0) {
+          T(ie[0]), O(null), (Le = N.current) == null || Le.call(N, ie[0]), E && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ne[0].id
+            ie[0].id
           );
           return;
         }
         const ce = X.current;
-        if (!ce || !A) {
-          Z(), F("No conversation found with this account"), S && console.log(
+        if (!ce || !M) {
+          Q(), O("No conversation found with this account"), E && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const ie = await A.startChannelWithParticipant({
+          const le = await M.startChannelWithParticipant({
             id: ce.id,
             name: ce.name,
             phone: ce.phone
           });
-          I(ie), F(null), (De = _.current) == null || De.call(_, ie), S && console.log(
+          T(le), O(null), (De = N.current) == null || De.call(N, le), E && console.log(
             "[MessagingShell] Channel created and loaded:",
-            ie.id
+            le.id
           );
-        } catch (ie) {
+        } catch (le) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            ie
-          ), Z(), F("Failed to create conversation");
+            le
+          ), Q(), O("Failed to create conversation");
         }
-      } catch (ne) {
+      } catch (ie) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ne
-        ), Z(), H.current || F("Failed to load conversation");
+          ie
+        ), Q(), G.current || O("Failed to load conversation");
       }
     })();
-  }, [i, D, L, A, S]);
-  const q = G(r);
-  q.current = r;
-  const Y = J(() => {
-    var j;
-    I(null), Q(!0), (j = q.current) == null || j.call(q);
+  }, [i, L, D, M, E]);
+  const Y = H(r);
+  Y.current = r;
+  const q = J(() => {
+    var W;
+    T(null), Z(!0), (W = Y.current) == null || W.call(Y);
   }, []);
-  return O ? /* @__PURE__ */ s(je, {}) : z ? /* @__PURE__ */ s(ye, { message: z, onBack: y }) : !L || !D ? /* @__PURE__ */ s(
+  return $ ? /* @__PURE__ */ s(je, {}) : z ? /* @__PURE__ */ s(ye, { message: z, onBack: y }) : !D || !L ? /* @__PURE__ */ s(
     ye,
     {
       message: "Not connected to messaging service",
       onBack: y
     }
-  ) : $ ? /* @__PURE__ */ s(ye, { message: $ }) : V && !C ? /* @__PURE__ */ s(ye, { message: "Conversation ended" }) : C ? /* @__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(
-    Os,
+  ) : F ? /* @__PURE__ */ s(ye, { message: F }) : V && !C ? /* @__PURE__ */ s(ye, { message: "Conversation ended" }) : C ? /* @__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: C,
       renderMessageInputActions: t,
       renderConversationFooter: n,
       renderChannelBanner: w,
-      onLeaveConversation: Y,
-      onBlockParticipant: Y,
+      onLeaveConversation: q,
+      onBlockParticipant: q,
       CustomChannelEmptyState: o,
       showDeleteConversation: ee,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: p,
       onMessageSent: h,
-      chatbotVotingEnabled: g,
-      viewerLanguage: c,
-      renderHeaderTitleBadges: v,
-      customChannelActions: b,
-      renderChannelActions: f,
+      chatbotVotingEnabled: f,
+      viewerLanguage: b,
+      renderHeaderTitleBadges: c,
+      customChannelActions: v,
+      renderChannelActions: g,
       onParticipantNameClick: x,
-      renderMessage: N,
-      onMessageLinkClick: E,
-      showChannelInfo: T,
-      composerInput: M
+      renderMessage: _,
+      onMessageLinkClick: A,
+      showChannelInfo: S,
+      composerInput: I
     },
     C.id
   ) }) }) : /* @__PURE__ */ s(je, {});
 };
-function Hi(e) {
+function qi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const $s = U.createContext({
+const js = U.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4865,18 +4866,18 @@ const $s = U.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Yi = $s.Provider, qi = () => U.useContext($s), Wi = (e, t) => {
+}), Wi = js.Provider, Xi = () => U.useContext(js), Ki = (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));
-}, Xi = (e) => {
+}, Ji = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Wi(e, t);
+  const a = Ki(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4886,9 +4887,9 @@ const $s = U.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, js = U.memo(
+}, Bs = U.memo(
   (e) => {
-    var L, O, z;
+    var D, $, z;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -4896,7 +4897,7 @@ const $s = U.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = qi(), { client: u } = me(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = lt(t);
+    } = Xi(), { client: u } = me(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = lt(t);
     if (l)
       return /* @__PURE__ */ s(
         l,
@@ -4908,49 +4909,49 @@ const $s = U.createContext({
           viewerLanguage: d
         }
       );
-    const g = () => {
+    const f = () => {
       t && r(t);
-    }, c = (y) => {
-      const A = y.key === "Enter" || y.key === " ", S = y.repeat;
-      !A || S || (y.preventDefault(), g());
-    }, v = Ue(
-      (L = t == null ? void 0 : t.state) == null ? void 0 : L.members,
+    }, b = (y) => {
+      const M = y.key === "Enter" || y.key === " ", E = y.repeat;
+      !M || E || (y.preventDefault(), f());
+    }, c = Ue(
+      (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = ot(v == null ? void 0 : v.user), b = (O = v == null ? void 0 : v.user) == null ? void 0 : O.image, f = (() => {
-      var A;
-      const y = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
+    ), w = ot(c == null ? void 0 : c.user), v = ($ = c == null ? void 0 : c.user) == null ? void 0 : $.image, g = (() => {
+      var M;
+      const y = (M = t == null ? void 0 : t.state) == null ? void 0 : M.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 E = y.length - 1; E >= 0; E--)
+          if (y[E].type !== "system") return y[E];
       }
-    })(), N = (() => {
-      var $, F, V, Q;
-      const y = ms({
-        message: f,
+    })(), _ = (() => {
+      var F, O, V, Z;
+      const y = hs({
+        message: g,
         viewerLanguage: d
       });
-      if ((($ = f == null ? void 0 : f.metadata) == null ? void 0 : $.custom_type) === "MESSAGE_TIP") return y ? `💵 ${y}` : "💵 Sent a tip";
-      if (((F = f == null ? void 0 : f.metadata) == null ? void 0 : F.custom_type) === "MESSAGE_PAID") return y ? `💰 ${y}` : "💰 Sent a message";
-      if (((V = f == null ? void 0 : f.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT")
+      if (((F = g == null ? void 0 : g.metadata) == null ? void 0 : F.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 (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT")
         return y ? `📎 ${y}` : "📎 Sent an attachment";
       if (y) return y;
-      const I = (Q = f == null ? void 0 : f.attachments) == null ? void 0 : Q[0];
-      return I ? I.og_scrape_url ? I.og_scrape_url : I.type === "image" ? "📷 Sent an image" : I.type === "video" ? "🎥 Sent a video" : I.type === "audio" ? "🎵 Sent audio" : I.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), E = f != null && f.created_at ? Xi(new Date(f.created_at)) : "", T = f ? Fe(f) : !1, M = o ? o(f, N) : `${T ? "✨ " : ""}${N}`, D = n ?? 0;
+      const T = (Z = g == null ? void 0 : g.attachments) == null ? void 0 : Z[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";
+    })(), A = g != null && g.created_at ? Ji(new Date(g.created_at)) : "", S = g ? Fe(g) : !1, I = o ? o(g, _) : `${S ? "✨ " : ""}${_}`, L = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: p,
       participantName: w,
-      unreadCount: D,
-      hasTimestamp: !!E
+      unreadCount: L,
+      hasTimestamp: !!A
     }), /* @__PURE__ */ s(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        onClick: g,
-        onKeyDown: c,
+        onClick: f,
+        onKeyDown: b,
         className: k(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
@@ -4961,11 +4962,11 @@ const $s = U.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ m("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
-              id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || t.id || "unknown",
+              id: ((z = c == null ? void 0 : c.user) == null ? void 0 : z.id) || t.id || "unknown",
               name: w,
-              image: b,
+              image: v,
               size: 48,
               starred: h
             }
@@ -4984,11 +4985,11 @@ const $s = U.createContext({
                   ]
                 }
               ),
-              E && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: E })
+              A && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: A })
             ] }),
             /* @__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: M }),
-              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 })
+              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: I }),
+              L > 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: L > 99 ? "99+" : L })
             ] })
           ] })
         ] })
@@ -4996,34 +4997,34 @@ const $s = U.createContext({
     );
   }
 );
-js.displayName = "CustomChannelPreview";
-const Ki = { last_message_at: -1 }, Ji = U.memo(
+Bs.displayName = "CustomChannelPreview";
+const Zi = { last_message_at: -1 }, Qi = U.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Ki,
+    sort: i = Zi,
     className: l,
     customEmptyStateIndicator: o,
-    channelListPaginator: d = In,
+    channelListPaginator: d = Tn,
     channelPreview: u,
     renderMessagePreview: p,
     viewerLanguage: h
   }) => {
-    const g = U.useRef(0);
-    g.current++;
-    const { debug: c = !1 } = it(), v = U.useCallback(
-      (b) => {
-        for (const f of b)
-          Hi(f);
-        return r ? r(b) : b;
+    const f = U.useRef(0);
+    f.current++;
+    const { debug: b = !1 } = it(), c = U.useCallback(
+      (v) => {
+        for (const g of v)
+          qi(g);
+        return r ? r(v) : v;
       },
       [r]
     );
-    c && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: g.current,
+    b && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: f.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: n
     });
@@ -5031,7 +5032,7 @@ const Ki = { last_message_at: -1 }, Ji = U.memo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: c,
+        debug: b,
         channelPreview: u,
         renderMessagePreview: p,
         viewerLanguage: h
@@ -5039,7 +5040,7 @@ const Ki = { last_message_at: -1 }, Ji = U.memo(
       [
         t,
         e,
-        c,
+        b,
         u,
         p,
         h
@@ -5052,16 +5053,16 @@ const Ki = { last_message_at: -1 }, Ji = U.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Yi, { value: w, children: /* @__PURE__ */ s(
-          Sn,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Wi, { value: w, children: /* @__PURE__ */ s(
+          In,
           {
             filters: n,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: v,
+            channelRenderFilterFn: c,
             Paginator: d,
-            Preview: js,
+            Preview: Bs,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5070,8 +5071,8 @@ const Ki = { last_message_at: -1 }, Ji = U.memo(
     );
   }
 );
-Ji.displayName = "ChannelList";
-const Zi = ({
+Qi.displayName = "ChannelList";
+const el = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5093,7 +5094,7 @@ const Zi = ({
     ),
     children: e
   }
-), ml = ({
+), fl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5105,7 +5106,7 @@ const Zi = ({
   const o = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.order ?? 0));
   return o.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ m("div", { className: "flex gap-3 items-end", children: [
     (i || l) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
-      se,
+      ne,
       {
         id: l || "account",
         name: l || "Account",
@@ -5122,7 +5123,7 @@ const Zi = ({
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           o.map((d) => /* @__PURE__ */ s(
-            Zi,
+            el,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5136,40 +5137,40 @@ const Zi = ({
   ] }) });
 };
 export {
-  ps as A,
-  dl as B,
-  Bi as C,
-  $r as D,
-  ba as E,
-  ml as F,
-  ea as G,
-  Qt as L,
-  ol as M,
+  bs as A,
+  ml as B,
+  Vi as C,
+  jr as D,
+  va as E,
+  fl as F,
+  ta as G,
+  es as L,
+  dl as M,
   _e as a,
-  se as b,
-  Ji as c,
-  Os as d,
-  cl as e,
-  Zi as f,
-  le as g,
-  Jt as h,
+  ne as b,
+  Qi as c,
+  $s as d,
+  ul as e,
+  el as f,
+  oe as g,
+  Zt as h,
   Ne as i,
-  Yr as j,
-  ll as k,
-  ul as l,
-  nr as m,
-  er as n,
-  Xi as o,
-  sr as p,
-  ms as q,
+  Wr as j,
+  cl as k,
+  hl as l,
+  ar as m,
+  tr as n,
+  Ji as o,
+  nr as p,
+  hs as q,
   we as r,
-  xs as s,
-  aa as t,
-  qa as u,
-  va as v,
+  ws as s,
+  ra as t,
+  Wa as u,
+  xa as v,
   Ue as w,
   mt as x,
   ht as y,
   ot as z
 };
-//# sourceMappingURL=index-DPwo1avm.js.map
+//# sourceMappingURL=index-CnR5N9Co.js.map