@linktr.ee/messaging-react 3.6.0 → 3.6.1-rc-1783305041

package/dist/{index-D1XVCH1o.js → index-C4ipGbuZ.js}

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
-import j, { createContext as et, useContext as ke, useCallback as X, useState as B, useRef as Y, useEffect as W, useId as Vn, useMemo as se, Suspense as tt } from "react";
-import { StreamChatService as Gn } from "@linktr.ee/messaging-core";
-import { StreamChat as Hn, LinkPreviewsManager as $t } from "stream-chat";
-import { Chat as Yn, DateSeparator as qn, useChannelStateContext as ge, useChatContext as pe, areMessageUIPropsEqual as Wn, useMessageReminder as Xn, useComponentContext as tn, Attachment as Kn, EditMessageModal as Jn, MessageBlocked as Zn, MessageBouncePrompt as Qn, MessageDeleted as es, MessageIsThreadReplyInChannelButtonIndicator as ts, MessageRepliesCountButton as ns, ReminderNotification as ss, StreamedMessageText as as, messageHasAttachments as rs, messageHasReactions as is, isDateSeparatorMessage as os, isMessageBlocked as ls, isMessageBounced as cs, MessageBounceModal as ds, MessageText as Bt, MessageErrorIcon as jt, Poll as us, useMessageContext as Ee, useMessageComposer as ms, useStateStore as hs, MessageInput as fs, useMessageInputContext as gs, useMessageComposerHasSendableData as ps, AttachmentPreviewList as bs, QuotedMessagePreview as vs, TextareaComposer as xs, MessageTimestamp as Ge, AIStates as He, useTypingContext as ws, useAIState as _s, Channel as Ns, WithComponents as ys, Window as Cs, MessageList as ks, ChannelList as Es, InfiniteScroll as Ss } from "stream-chat-react";
-import { StarIcon as Ke, DotsThreeIcon as Is, SpinnerGapIcon as De, SignOutIcon as Ts, ProhibitInsetIcon as Ut, FlagIcon as nn, FileIcon as sn, ImageIcon as As, SpeakerHighIcon as Ms, VideoCameraIcon as an, FileMdIcon as Rs, FileTextIcon as Ls, FileZipIcon as Ds, FilePptIcon as Ps, FileCsvIcon as zs, FileXlsIcon as Os, FileDocIcon as Fs, FilePdfIcon as $s, CircleNotchIcon as ye, PlayIcon as Je, PauseIcon as Bs, LinkIcon as js, DownloadSimpleIcon as Ce, XIcon as Be, CaretLeftIcon as Us, CaretRightIcon as we, GiftIcon as Vs, ThumbsUpIcon as Gs, ThumbsDownIcon as Hs, PencilSimpleIcon as Ys, TrashSimpleIcon as qs, ArrowUpIcon as Ws, SparkleIcon as _e, ProhibitIcon as Xs, ArrowLeftIcon as Vt } from "@phosphor-icons/react";
+import B, { createContext as et, useContext as Se, useCallback as K, useState as $, useRef as Y, useEffect as X, useId as Gn, useMemo as ne, Suspense as tt } from "react";
+import { StreamChatService as Hn } from "@linktr.ee/messaging-core";
+import { StreamChat as Yn, LinkPreviewsManager as jt } from "stream-chat";
+import { Chat as qn, DateSeparator as Wn, useChannelStateContext as be, useChatContext as ve, areMessageUIPropsEqual as Xn, useMessageReminder as Kn, useComponentContext as sn, Attachment as Jn, EditMessageModal as Zn, MessageBlocked as Qn, MessageBouncePrompt as es, MessageDeleted as ts, MessageIsThreadReplyInChannelButtonIndicator as ns, MessageRepliesCountButton as ss, ReminderNotification as as, StreamedMessageText as rs, messageHasAttachments as is, messageHasReactions as os, isDateSeparatorMessage as ls, isMessageBlocked as cs, isMessageBounced as ds, MessageBounceModal as us, MessageText as Ut, MessageErrorIcon as Vt, Poll as ms, useMessageContext as Ee, useMessageComposer as hs, useStateStore as fs, MessageInput as gs, useMessageInputContext as ps, useMessageComposerHasSendableData as bs, AttachmentPreviewList as vs, QuotedMessagePreview as xs, TextareaComposer as ws, MessageTimestamp as Ge, AIStates as He, useTypingContext as _s, useAIState as Ns, Channel as ys, WithComponents as Cs, Window as ks, MessageList as Ss, ChannelList as Es, InfiniteScroll as Is } from "stream-chat-react";
+import { StarIcon as Ke, DotsThreeIcon as Ts, SpinnerGapIcon as De, SignOutIcon as As, ProhibitInsetIcon as Gt, FlagIcon as an, FileIcon as rn, ImageIcon as Ms, SpeakerHighIcon as Ls, VideoCameraIcon as on, FileMdIcon as Rs, FileTextIcon as Ds, FileZipIcon as Ps, FilePptIcon as zs, FileCsvIcon as Os, FileXlsIcon as Fs, FileDocIcon as $s, FilePdfIcon as Bs, CircleNotchIcon as Ce, PlayIcon as Je, PauseIcon as js, LinkIcon as Us, DownloadSimpleIcon as ke, XIcon as Be, CaretLeftIcon as Vs, CaretRightIcon as _e, GiftIcon as Gs, ThumbsUpIcon as Hs, ThumbsDownIcon as Ys, ChecksIcon as qs, PencilSimpleIcon as Ws, TrashSimpleIcon as Xs, ArrowUpIcon as Ks, SparkleIcon as Ne, ProhibitIcon as Js, ArrowLeftIcon as Ht } from "@phosphor-icons/react";
 import C from "classnames";
-import { MessageActions as Ks, DefaultDropdownActionButton as rn } from "stream-chat-react/experimental";
-const on = et({
+import { MessageActions as Zs, DefaultDropdownActionButton as ln } from "stream-chat-react/experimental";
+const cn = et({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const on = et({
   refreshConnection: async () => {
   },
   debug: !1
-}), nt = () => ke(on), Zi = ({
+}), nt = () => Se(cn), to = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,10 +24,10 @@ const on = et({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var A, E;
-  const o = X(
-    (y, ...S) => {
-      i && console.log(`🔥 [MessagingProvider] ${y}`, ...S);
+  var T, S;
+  const o = K(
+    (y, ...I) => {
+      i && console.log(`🔥 [MessagingProvider] ${y}`, ...I);
     },
     [i]
   );
@@ -37,37 +37,37 @@ const on = et({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = B(null), [u, g] = B(null), [m, f] = B(!1), [c, v] = B(!1), [w, b] = B(null), p = Y(!1), _ = Y(null), N = Y(s);
-  N.current = s;
-  const T = Y(i);
-  T.current = i;
-  const R = Y({
+  const [l, d] = $(null), [u, g] = $(null), [m, f] = $(!1), [b, c] = $(!1), [w, v] = $(null), p = Y(!1), N = Y(null), _ = Y(s);
+  _.current = s;
+  const M = Y(i);
+  M.current = i;
+  const L = Y({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), M = Y(0);
-  M.current++, o("📊 RENDER INFO", {
-    renderCount: M.current,
+  }), A = Y(0);
+  A.current++, o("📊 RENDER INFO", {
+    renderCount: A.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: R.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: R.current.apiKey !== a,
-      serviceConfigChanged: R.current.serviceConfig !== s,
-      capabilitiesChanged: R.current.capabilities !== r
+      userChanged: L.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: L.current.apiKey !== a,
+      serviceConfigChanged: L.current.serviceConfig !== s,
+      capabilitiesChanged: L.current.capabilities !== r
     }
-  }), R.current = {
+  }), L.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const D = Y(null);
-  a && ((A = D.current) == null ? void 0 : A.apiKey) !== a && (D.current = { apiKey: a, client: new Hn(a) });
-  const P = a ? ((E = D.current) == null ? void 0 : E.client) ?? null : null;
-  W(() => {
-    const y = M.current, S = N.current;
-    if (!a || !P || !S) {
+  const R = Y(null);
+  a && ((T = R.current) == null ? void 0 : T.apiKey) !== a && (R.current = { apiKey: a, client: new Yn(a) });
+  const P = a ? ((S = R.current) == null ? void 0 : S.client) ?? null : null;
+  X(() => {
+    const y = A.current, I = _.current;
+    if (!a || !P || !I) {
       o("⚠️ SERVICE INIT SKIPPED", {
         renderCount: y,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -78,20 +78,20 @@ const on = et({
       renderCount: y,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const F = new Gn({
-      ...S,
+    const O = new Hn({
+      ...I,
       apiKey: a,
-      debug: T.current,
+      debug: M.current,
       client: P
     });
-    _.current = F, d(F), o("✅ SERVICE SET", {
+    N.current = O, d(O), o("✅ SERVICE SET", {
       renderCount: y,
-      serviceInstance: !!F
+      serviceInstance: !!O
     });
   }, [a, P]);
-  const U = Y(null);
-  W(() => {
-    var S, F;
+  const j = Y(null);
+  X(() => {
+    var I, O;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
@@ -107,7 +107,7 @@ const on = et({
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((S = U.current) == null ? void 0 : S.serviceId) === l && ((F = U.current) == null ? void 0 : F.userId) === t.id) {
+    if (((I = j.current) == null ? void 0 : I.serviceId) === l && ((O = j.current) == null ? void 0 : O.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,35 +115,35 @@ const on = et({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, v(!0), b(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, c(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const O = await l.connectUser(t);
-        g(O), f(!0), U.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const F = await l.connectUser(t);
+        g(F), f(!0), j.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: O.userID
+          clientId: F.userID
         });
-      } catch (O) {
-        const V = O instanceof Error ? O.message : "Connection failed";
-        b(V), o("❌ USER CONNECTION ERROR", {
+      } catch (F) {
+        const U = F instanceof Error ? F.message : "Connection failed";
+        v(U), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: V
+          error: U
         });
       } finally {
-        v(!1), p.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        c(!1), p.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: m
         });
       }
     })();
-  }, [l, t, o, m]), W(() => {
+  }, [l, t, o, m]), X(() => {
     const y = P;
     return () => {
-      var S;
-      y && (U.current = null, (S = _.current) == null || S.disconnectUser().catch(console.error));
+      var I;
+      y && (j.current = null, (I = N.current) == null || I.disconnectUser().catch(console.error));
     };
   }, [P]);
-  const z = X(async () => {
+  const z = K(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -151,32 +151,32 @@ const on = et({
       o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), v(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), c(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
       const y = await l.connectUser(t);
-      g(y), f(!0), b(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      g(y), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
     } catch (y) {
-      const S = y instanceof Error ? y.message : "Refresh failed";
-      b(S), o("❌ CONNECTION REFRESH ERROR", {
+      const I = y instanceof Error ? y.message : "Refresh failed";
+      v(I), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: S
+        error: I
       });
     } finally {
-      v(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      c(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), k = j.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), k = B.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!u,
     isConnected: m,
-    isLoading: c,
+    isLoading: b,
     hasError: !!w,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: l,
     client: u,
     isConnected: m,
-    isLoading: c,
+    isLoading: b,
     error: w,
     capabilities: r,
     refreshConnection: z,
@@ -185,7 +185,7 @@ const on = et({
     l,
     u,
     m,
-    c,
+    b,
     w,
     r,
     z,
@@ -193,11 +193,11 @@ const on = et({
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: M.current,
+    renderCount: A.current,
     willRenderChat: !!P,
     contextValueReady: !!k
-  }), /* @__PURE__ */ n(on.Provider, { value: k, children: P ? /* @__PURE__ */ n(
-    Yn,
+  }), /* @__PURE__ */ n(cn.Provider, { value: k, children: P ? /* @__PURE__ */ n(
+    qn,
     {
       client: P,
       customClasses: {
@@ -206,12 +206,12 @@ const on = et({
       children: e
     }
   ) : e });
-}, Js = () => nt(), ln = (e) => {
+}, Qs = () => nt(), dn = (e) => {
   var a, r;
-  const [t, s] = B(
+  const [t, s] = $(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return W(() => {
+  return X(() => {
     var o;
     if (!e) {
       s(!1);
@@ -228,14 +228,14 @@ const on = et({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, Zs = "linktree-official", Qs = "linktree-official-sender";
+}, ea = "linktree-official", ta = "linktree-official-sender";
 function st(e, t, s) {
   const a = Object.values(e || {});
-  if (s === Zs) {
+  if (s === ea) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === Qs;
+        return ((o = i.user) == null ? void 0 : o.id) === ta;
       }
     );
     if (r) return r;
@@ -247,18 +247,18 @@ function st(e, t, s) {
     }
   );
 }
-const ea = /^[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 ta(e) {
-  return ea.test(e.trim());
+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 sa(e) {
+  return na.test(e.trim());
 }
-function Gt(e, t) {
+function Yt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !ta(s);
+  return !s || t && s === t ? !1 : !sa(s);
 }
-function cn(e) {
-  return Gt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Gt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function un(e) {
+  return Yt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Yt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Ht = [
+const qt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -286,7 +286,7 @@ const Ht = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function na(e) {
+function aa(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -294,16 +294,16 @@ function na(e) {
   }
   return Math.abs(t);
 }
-function dn(e) {
-  return Ht[na(e) % Ht.length];
+function mn(e) {
+  return qt[aa(e) % qt.length];
 }
-function sa(e) {
-  return dn(e).emoji;
+function ra(e) {
+  return mn(e).emoji;
 }
-function aa(e) {
-  return dn(e).bgColor;
+function ia(e) {
+  return mn(e).bgColor;
 }
-const ae = ({
+const se = ({
   id: e,
   image: t,
   size: s = 40,
@@ -312,7 +312,7 @@ const ae = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = sa(e), d = aa(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, f = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n(
+  const l = ra(e), d = ia(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, f = s >= 40 ? 2 : 1, b = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, c = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: b, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -342,7 +342,7 @@ const ae = ({
         width: `${s}px`,
         height: `${s}px`,
         backgroundColor: t ? void 0 : d,
-        ...c
+        ...b
       },
       children: [
         r && /* @__PURE__ */ n(
@@ -362,7 +362,7 @@ const ae = ({
               "bg-transparent"
             ),
             style: {
-              ...c,
+              ...b,
               ...o && {
                 borderWidth: `${f}px`,
                 borderStyle: "solid",
@@ -370,13 +370,13 @@ const ae = ({
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
               }
             },
-            children: v
+            children: c
           }
         )
       ]
     }
   );
-}, ra = "https://linktr.ee/s/about/trust-center/report", ia = ({
+}, oa = "https://linktr.ee/s/about/trust-center/report", la = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -389,81 +389,81 @@ const ae = ({
   onActionComplete: u,
   logLabel: g = "useChannelModerationActions"
 }) => {
-  var A;
-  const { service: m, debug: f } = nt(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, v = !!(a && s && m && c), [w, b] = B(!1), [p, _] = B(null), [N, T] = B(!1), [R, M] = B(!1), D = v && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== m);
-  return W(() => {
-    if (!v || !m || !c) {
-      b(!1), _(null);
+  var T;
+  const { service: m, debug: f } = nt(), b = (T = t == null ? void 0 : t.user) == null ? void 0 : T.id, c = !!(a && s && m && b), [w, v] = $(!1), [p, N] = $(null), [_, M] = $(!1), [L, A] = $(!1), R = c && ((p == null ? void 0 : p.participantId) !== b || (p == null ? void 0 : p.service) !== m);
+  return X(() => {
+    if (!c || !m || !b) {
+      v(!1), N(null);
       return;
     }
-    let E = !1;
+    let S = !1;
     return (async () => {
       try {
         const y = await m.getBlockedUsers();
-        if (E) return;
-        b(
+        if (S) return;
+        v(
           y.some(
-            (S) => S.blocked_user_id === c
+            (I) => I.blocked_user_id === b
           )
         );
       } catch (y) {
-        E || console.error(`[${g}] Failed to check blocked status:`, y);
+        S || console.error(`[${g}] Failed to check blocked status:`, y);
       } finally {
-        E || _({ participantId: c, service: m });
+        S || N({ participantId: b, service: m });
       }
     })(), () => {
-      E = !0;
+      S = !0;
     };
-  }, [v, m, c, g]), {
+  }, [c, m, b, g]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: D,
-    isLeaving: N,
-    isUpdatingBlockStatus: R,
+    isCheckingBlockedStatus: R,
+    isLeaving: _,
+    isUpdatingBlockStatus: L,
     handleLeaveConversation: async () => {
-      var E;
-      if (!N) {
-        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
+      var S;
+      if (!_) {
+        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), M(!0);
         try {
-          const y = ((E = e._client) == null ? void 0 : E.userID) ?? null;
+          const y = ((S = e._client) == null ? void 0 : S.userID) ?? null;
           await e.hide(y, !1), r && await r(e), u == null || u();
         } catch (y) {
           console.error(`[${g}] Failed to leave conversation`, y);
         } finally {
-          T(!1);
+          M(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var E, y, S;
-      if (!(R || !m)) {
-        l == null || l(), f && console.log(`[${g}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
+      var S, y, I;
+      if (!(L || !m)) {
+        l == null || l(), f && console.log(`[${g}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), A(!0);
         try {
-          await m.blockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
-        } catch (F) {
-          console.error(`[${g}] Failed to block member`, F);
+          await m.blockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
+        } catch (O) {
+          console.error(`[${g}] Failed to block member`, O);
         } finally {
-          M(!1);
+          A(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var E, y, S;
-      if (!(R || !m)) {
-        l == null || l(), f && console.log(`[${g}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
+      var S, y, I;
+      if (!(L || !m)) {
+        l == null || l(), f && console.log(`[${g}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), A(!0);
         try {
-          await m.unBlockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
-        } catch (F) {
-          console.error(`[${g}] Failed to unblock member`, F);
+          await m.unBlockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
+        } catch (O) {
+          console.error(`[${g}] Failed to unblock member`, O);
         } finally {
-          M(!1);
+          A(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(ra, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(oa, "_blank", "noopener,noreferrer");
     }
   };
-}, ve = ({
+}, xe = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -480,7 +480,7 @@ const ae = ({
     ...a,
     children: s
   }
-), Yt = ({
+), Wt = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -494,16 +494,16 @@ const ae = ({
   customChannelActions: g,
   triggerClassName: m
 }) => {
-  const [f, c] = B(!1), v = Y(null), w = Vn(), b = X(() => c(!1), []), {
+  const [f, b] = $(!1), c = Y(null), w = Gn(), v = K(() => b(!1), []), {
     isParticipantBlocked: p,
-    isCheckingBlockedStatus: _,
-    isLeaving: N,
-    isUpdatingBlockStatus: T,
-    handleLeaveConversation: R,
-    handleBlockUser: M,
-    handleUnblockUser: D,
+    isCheckingBlockedStatus: N,
+    isLeaving: _,
+    isUpdatingBlockStatus: M,
+    handleLeaveConversation: L,
+    handleBlockUser: A,
+    handleUnblockUser: R,
     handleReportUser: P
-  } = ia({
+  } = la({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -513,20 +513,20 @@ const ae = ({
     onDeleteConversationClick: l,
     onBlockParticipantClick: d,
     onReportParticipantClick: u,
-    onActionComplete: b,
+    onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
-  return W(() => {
+  return X(() => {
     if (!f) return;
-    const z = (A) => {
-      v.current && !v.current.contains(A.target) && c(!1);
-    }, k = (A) => {
-      A.key === "Escape" && c(!1);
+    const z = (T) => {
+      c.current && !c.current.contains(T.target) && b(!1);
+    }, k = (T) => {
+      T.key === "Escape" && b(!1);
     };
     return document.addEventListener("mousedown", z), document.addEventListener("keydown", k), () => {
       document.removeEventListener("mousedown", z), document.removeEventListener("keydown", k);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: v, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: c, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -535,9 +535,9 @@ const ae = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? w : void 0,
-        onClick: () => c((z) => !z),
+        onClick: () => b((z) => !z),
         children: [
-          /* @__PURE__ */ n(Is, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(Ts, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -553,49 +553,49 @@ const ae = ({
         ),
         children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-            ve,
+            xe,
             {
-              onClick: R,
-              disabled: N,
-              "aria-busy": N,
+              onClick: L,
+              disabled: _,
+              "aria-busy": _,
               children: [
-                N ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ts, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(As, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ n("li", { children: _ ? (
+          a && /* @__PURE__ */ n("li", { children: N ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(ve, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ h(xe, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
           ) : p ? /* @__PURE__ */ h(
-            ve,
+            xe,
             {
-              onClick: D,
-              disabled: T,
-              "aria-busy": T,
+              onClick: R,
+              disabled: M,
+              "aria-busy": M,
               children: [
-                T ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ut, { className: "h-5 w-5" }),
+                M ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ h(
-            ve,
+            xe,
             {
-              onClick: M,
-              disabled: T,
-              "aria-busy": T,
+              onClick: A,
+              disabled: M,
+              "aria-busy": M,
               children: [
-                T ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ut, { className: "h-5 w-5" }),
+                M ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ve, { variant: "danger", onClick: P, children: [
-            /* @__PURE__ */ n(nn, { className: "h-5 w-5" }),
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(xe, { variant: "danger", onClick: P, children: [
+            /* @__PURE__ */ n(an, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
           g
@@ -603,15 +603,15 @@ const ae = ({
       }
     )
   ] });
-}, oa = (e) => /* @__PURE__ */ n(qn, { ...e, position: "center" }), Ze = "vote_up", Qe = "vote_down";
-function la(e) {
+}, ca = (e) => /* @__PURE__ */ n(Wn, { ...e, position: "center" }), Ze = "vote_up", Qe = "vote_down";
+function da(e) {
   return e != null && e.length ? e.some((t) => t.type === Qe) ? "down" : e.some((t) => t.type === Ze) ? "up" : null : null;
 }
-function ca(e) {
-  const { channel: t } = ge(), { client: s } = pe("useMessageVote"), a = se(
-    () => la(e.own_reactions),
+function ua(e) {
+  const { channel: t } = be(), { client: s } = ve("useMessageVote"), a = ne(
+    () => da(e.own_reactions),
     [e.own_reactions]
-  ), r = X(async () => {
+  ), r = K(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, Ze) : await t.sendReaction(
@@ -621,7 +621,7 @@ function ca(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = X(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = K(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, Qe) : await t.sendReaction(
@@ -634,24 +634,24 @@ function ca(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function da(e) {
+function ma(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function un({
+function hn({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = da(t);
+  const s = e == null ? void 0 : e.text, a = ma(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const ua = j.lazy(() => import("./Card-COTwOzVb.js")), ma = j.lazy(() => import("./Card-ra-g17Ur.js")), ha = j.lazy(() => import("./Card-J8f28GLS.js")), at = () => /* @__PURE__ */ n(
+const ha = B.lazy(() => import("./Card-_SSVVgkv.js")), fa = B.lazy(() => import("./Card-CsPLNSTP.js")), ga = B.lazy(() => import("./Card-BF8hqtLR.js")), at = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), fa = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ua, { ...e }) }), mn = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ma, { ...e }) }), hn = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ha, { ...e }) }), ga = mn, pa = hn, qt = { Composer: fa, Sent: mn, Received: hn, Creator: ga, Visitor: pa }, ba = [
+), pa = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ha, { ...e }) }), fn = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(fa, { ...e }) }), gn = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ga, { ...e }) }), ba = fn, va = gn, Xt = { Composer: pa, Sent: fn, Received: gn, Creator: ba, Visitor: va }, xa = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -664,39 +664,39 @@ const ua = j.lazy(() => import("./Card-COTwOzVb.js")), ma = j.lazy(() => import(
 function oe(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function fn(e) {
-  const t = ba.find(
+function pn(e) {
+  const t = xa.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const va = {
-  video: an,
-  audio: Ms,
-  image: As,
-  document: sn
-}, xa = {
-  pdf: $s,
-  doc: Fs,
-  xls: Os,
-  csv: zs,
-  ppt: Ps,
-  zip: Ds,
-  text: Ls,
+const wa = {
+  video: on,
+  audio: Ls,
+  image: Ms,
+  document: rn
+}, _a = {
+  pdf: Bs,
+  doc: $s,
+  xls: Fs,
+  csv: Os,
+  ppt: zs,
+  zip: Ps,
+  text: Ds,
   markdown: Rs,
-  generic: sn
+  generic: rn
 };
-function wa(e) {
+function Na(e) {
   const t = oe(e);
-  return t !== "document" ? va[t] : xa[fn(e)];
+  return t !== "document" ? wa[t] : _a[pn(e)];
 }
-function fe(e, t) {
-  return j.createElement(wa(e), t);
+function pe(e, t) {
+  return B.createElement(Na(e), t);
 }
-const _a = (e) => {
+const ya = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, Na = ({
+}, Ca = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -708,66 +708,66 @@ const _a = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const g = oe(t), m = Y(null), f = Y(null), c = Y(null), v = Y(r), [w, b] = B(a), [p, _] = B(0), [N, T] = B(!1), [R, M] = B(!1), [D, P] = B(!1), [U, z] = B(!1), [k, A] = B(!0), [E, y] = B(null), S = X(() => {
-    P(!1), b(!0);
-  }, []), F = X((x) => {
-    const I = f.current;
-    if (!I) return 0;
-    const H = I.getBoundingClientRect();
+  const g = oe(t), m = Y(null), f = Y(null), b = Y(null), c = Y(r), [w, v] = $(a), [p, N] = $(0), [_, M] = $(!1), [L, A] = $(!1), [R, P] = $(!1), [j, z] = $(!1), [k, T] = $(!0), [S, y] = $(null), I = K(() => {
+    P(!1), v(!0);
+  }, []), O = K((x) => {
+    const E = f.current;
+    if (!E) return 0;
+    const G = E.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (_a(x) - H.left) / H.width)
+      Math.min(1, (ya(x) - G.left) / G.width)
     );
-  }, []), O = X((x) => {
-    const I = m.current;
-    I && I.duration && (I.currentTime = x * I.duration);
-  }, []), V = (x) => {
-    x.stopPropagation(), T(!0);
-    const I = F(x);
-    _(I), O(I);
+  }, []), F = K((x) => {
+    const E = m.current;
+    E && E.duration && (E.currentTime = x * E.duration);
+  }, []), U = (x) => {
+    x.stopPropagation(), M(!0);
+    const E = O(x);
+    N(E), F(E);
   };
-  W(() => {
-    r !== void 0 && r !== v.current && (v.current = r, b(r));
-  }, [r]), W(() => {
+  X(() => {
+    r !== void 0 && r !== c.current && (c.current = r, v(r));
+  }, [r]), X(() => {
     if (!w) {
-      c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
+      b.current !== null && (cancelAnimationFrame(b.current), b.current = null);
       return;
     }
     const x = () => {
-      const I = m.current;
-      I && I.duration && !N && _(I.currentTime / I.duration), c.current = requestAnimationFrame(x);
+      const E = m.current;
+      E && E.duration && !_ && N(E.currentTime / E.duration), b.current = requestAnimationFrame(x);
     };
-    return c.current = requestAnimationFrame(x), () => {
-      c.current !== null && cancelAnimationFrame(c.current);
+    return b.current = requestAnimationFrame(x), () => {
+      b.current !== null && cancelAnimationFrame(b.current);
     };
-  }, [w, N]), W(() => {
+  }, [w, _]), X(() => {
     const x = m.current;
-    x && (w ? x.play().catch((I) => {
-      b(!1), P(!0);
+    x && (w ? x.play().catch((E) => {
+      v(!1), P(!0);
     }) : x.pause());
-  }, [w]), W(() => {
-    if (!N) return;
-    const x = (H) => _(F(H)), I = (H) => {
-      T(!1), O(F(H));
+  }, [w]), X(() => {
+    if (!_) return;
+    const x = (G) => N(O(G)), E = (G) => {
+      M(!1), F(O(G));
     };
-    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", I), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", I), () => {
-      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", I);
+    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", E), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", E), () => {
+      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", E), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", E);
     };
-  }, [N, F, O]);
-  const K = E ? { aspectRatio: String(E) } : void 0, ee = E ? "" : " aspect-video", q = Math.round(p * 100);
+  }, [_, O, F]);
+  const J = S ? { aspectRatio: String(S) } : void 0, Z = S ? "" : " aspect-video", q = Math.round(p * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${ee}`,
-      style: K,
+      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
+      style: J,
       onClick: (x) => {
         if (u) {
           u(x);
           return;
         }
-        D || o && b((I) => !I);
+        R || o && v((E) => !E);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -775,7 +775,7 @@ const _a = (e) => {
             u(x);
             return;
           }
-          D || o && b((I) => !I);
+          R || o && v((E) => !E);
         }
       },
       children: [
@@ -787,7 +787,7 @@ const _a = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || k) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: fe(t, {
+        !s && (g === "audio" || k) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: pe(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -801,12 +801,12 @@ const _a = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => z(!0),
             onCanPlay: () => {
-              z(!1), A(!1);
+              z(!1), T(!1);
             },
             onWaiting: () => z(!0),
             onPlay: () => P(!1),
             onEnded: () => {
-              i || (b(!1), _(0));
+              i || (v(!1), N(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -821,7 +821,7 @@ const _a = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => z(!0),
             onCanPlay: () => {
-              z(!1), A(!1);
+              z(!1), T(!1);
             },
             onWaiting: () => z(!0),
             onPlay: () => P(!1),
@@ -830,19 +830,19 @@ const _a = (e) => {
               x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && y(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
-              i || (b(!1), _(0));
+              i || (v(!1), N(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        U && !D && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          ye,
+        j && !R && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          Ce,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        D && !o && /* @__PURE__ */ n(
+        R && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -850,10 +850,10 @@ const _a = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (x) => {
-              x.stopPropagation(), S();
+              x.stopPropagation(), I();
             },
             onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), S());
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), I());
             },
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Je, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -869,11 +869,11 @@ const _a = (e) => {
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: V,
-            onTouchStart: V,
+            onMouseDown: U,
+            onTouchStart: U,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
-              x.key === "ArrowRight" && O(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, p - 0.05));
+              x.key === "ArrowRight" && F(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && F(Math.max(0, p - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -890,11 +890,11 @@ const _a = (e) => {
             {
               type: "button",
               onClick: (x) => {
-                x.stopPropagation(), b((I) => !I);
+                x.stopPropagation(), v((E) => !E);
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(Bs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Je, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(js, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Je, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -908,19 +908,19 @@ const _a = (e) => {
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: V,
-              onTouchStart: V,
+              onMouseDown: U,
+              onTouchStart: U,
               onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => M(!0),
-              onMouseLeave: () => M(!1),
+              onMouseEnter: () => A(!0),
+              onMouseLeave: () => A(!1),
               onKeyDown: (x) => {
-                x.key === "ArrowRight" && O(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, p - 0.05));
+                x.key === "ArrowRight" && F(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && F(Math.max(0, p - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${R || N ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${L || _ ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
@@ -933,7 +933,7 @@ const _a = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${R || 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 ${L || _ ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${q}%` }
                   }
                 )
@@ -944,7 +944,7 @@ const _a = (e) => {
       ]
     }
   );
-}, Wt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ya = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", gn = ({
+}, Kt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ka = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", bn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -953,9 +953,9 @@ const _a = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = oe(e), [d, u] = B(!1);
+  const l = oe(e), [d, u] = $(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    Na,
+    Ca,
     {
       source: t,
       mimeType: e,
@@ -1001,12 +1001,12 @@ const _a = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: fe(e, {
-        className: Wt(r),
+      children: pe(e, {
+        className: Kt(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ya(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ka(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1018,13 +1018,13 @@ const _a = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: fe(e, {
-        className: Wt(r),
+      children: pe(e, {
+        className: Kt(r),
         weight: "regular"
       })
     }
   );
-}, pn = ({
+}, vn = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1038,7 +1038,7 @@ const _a = (e) => {
   rootRef: g,
   "data-testid": m
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", v = f && !s;
+  const f = e === "dark", b = f ? s ?? a : s ?? "", c = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1053,19 +1053,19 @@ const _a = (e) => {
         u ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: u }) : null,
         t,
         /* @__PURE__ */ h("div", { className: "px-4 pb-3 pt-3", children: [
-          c.trim() !== "" && /* @__PURE__ */ n(
+          b.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
               className: C("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && v,
-                "text-white": f && !v
+                "text-white/30": f && c,
+                "text-white": f && !c
               }),
-              children: c
+              children: b
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            fe(r, {
+            pe(r, {
               className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
@@ -1090,29 +1090,29 @@ const _a = (e) => {
     }
   );
 };
-function bn(e) {
+function xn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function rt(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 Ca(e) {
+function Sa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function ka(e) {
+function Ea(e) {
   return e ? "text-white" : "text-black";
 }
-function Ea(e) {
+function Ia(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Sa(e) {
+function Ta(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Ia(e) {
+function Aa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const it = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, u = /* @__PURE__ */ h(j.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, u = /* @__PURE__ */ h(B.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1123,26 +1123,26 @@ const it = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ca(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(js, { className: `size-12 ${Ia(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Sa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(Us, { className: `size-12 ${Aa(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ka(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${Ea(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${Sa(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${Ea(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${Ia(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${Ta(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ n("div", { className: "block", children: u });
 };
-function vn(e) {
+function wn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function ot(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(vn);
+  return (t = e.attachments) == null ? void 0 : t.find(wn);
 }
-async function Ta(e, t) {
+async function Ma(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1154,11 +1154,11 @@ async function Ta(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const Aa = ({
+const La = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = B(!1);
+  const [s, a] = $(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1166,7 +1166,7 @@ const Aa = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Ta(e, t).then(() => {
+        a(!0), Ma(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1174,22 +1174,22 @@ const Aa = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(ye, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
-        /* @__PURE__ */ n(Ce, { className: "size-4 text-white", weight: "bold" }),
+      children: s ? /* @__PURE__ */ n(Ce, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(B.Fragment, { children: [
+        /* @__PURE__ */ n(ke, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
 function lt(e) {
-  var m, f, c, v;
+  var m, f, b, c;
   const t = (m = e.attachments) == null ? void 0 : m.find(
     (w) => w.type === "video" && w.asset_url
   ), s = (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 ?? s ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!o) return null;
@@ -1202,16 +1202,16 @@ function lt(e) {
     thumbnailUrl: g
   };
 }
-const xn = ({
+const _n = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? bn(a) : void 0;
+  const i = a !== void 0 ? xn(a) : void 0;
   return /* @__PURE__ */ n(
-    pn,
+    vn,
     {
       variant: "dark",
       title: s,
@@ -1219,7 +1219,7 @@ const xn = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        gn,
+        bn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1230,23 +1230,23 @@ const xn = ({
       )
     }
   );
-}, wn = ({
+}, Nn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = oe(t), o = a !== void 0 ? bn(a) : void 0;
+  const i = oe(t), o = a !== void 0 ? xn(a) : void 0;
   return /* @__PURE__ */ n(
-    pn,
+    vn,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        gn,
+        bn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1256,17 +1256,17 @@ const xn = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(Aa, { url: e, filename: s })
+      action: /* @__PURE__ */ n(La, { url: e, filename: s })
     }
   );
-}, Ma = ({
+}, Ra = ({
   message: e,
   isMyMessage: t = !1
 }) => {
   const s = ot(e), a = lt(e);
   return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ n(
-      ae,
+      se,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1284,41 +1284,41 @@ const xn = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: rt(t), children: /* @__PURE__ */ n(it, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(xn, { ...a }) : /* @__PURE__ */ n(wn, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: rt(t), children: /* @__PURE__ */ n(it, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(_n, { ...a }) : /* @__PURE__ */ n(Nn, { ...a })
           }
         ) })
       }
     )
   ] });
-}, Ra = ({
+}, Da = ({
   message: e
 }) => {
   const t = ot(e);
   if (t)
     return /* @__PURE__ */ n("div", { className: rt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(it, { attachment: t, isMyMessage: !0 }) });
   const s = lt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(xn, { ...s }) }) : null;
-}, La = ({
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(_n, { ...s }) }) : null;
+}, Pa = ({
   message: e
 }) => {
   const t = ot(e);
   if (t)
     return /* @__PURE__ */ n("div", { className: rt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(it, { attachment: t, isMyMessage: !1 }) });
   const s = lt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(wn, { ...s }) }) : null;
-}, Qi = Object.assign(Ma, {
-  Creator: Ra,
-  Visitor: La
-}), Da = {
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Nn, { ...s }) }) : null;
+}, no = Object.assign(Ra, {
+  Creator: Da,
+  Visitor: Pa
+}), za = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, Pa = {
+}, Oa = {
   dark: "text-white",
   light: "text-[#080707]"
-}, za = {
+}, Fa = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Oa = (e) => e === "dark" ? "sender" : "receiver", Fa = {
+}, $a = (e) => e === "dark" ? "sender" : "receiver", Ba = {
   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]",
@@ -1331,7 +1331,7 @@ const xn = ({
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, Se = ({
+}, Ie = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -1340,7 +1340,7 @@ const xn = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Fa[Oa(e)][a];
+  const l = t != null && t !== "", d = Ba[$a(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1355,10 +1355,10 @@ const xn = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Da[e],
-        Pa[e],
+        za[e],
+        Oa[e],
         s && "border",
-        s && za[e],
+        s && Fa[e],
         r
       ),
       children: [
@@ -1383,7 +1383,7 @@ const xn = ({
       ]
     }
   );
-}, Ie = ({
+}, Te = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -1401,16 +1401,16 @@ const xn = ({
     ),
     children: /* @__PURE__ */ n(Be, { className: "size-3", weight: "bold" })
   }
-), Te = (e) => e === "received" ? "light" : "dark", $a = ({
+), Ae = (e) => e === "received" ? "light" : "dark", ja = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ba = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ua = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], ja = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Va = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -1433,41 +1433,41 @@ const xn = ({
   preload: l,
   onDismiss: d
 }) => {
-  const u = Te(e), g = e === "composer" && !!d, m = Ba({ src: t, mimeType: s, filename: a, items: r });
+  const u = Ae(e), g = e === "composer" && !!d, m = Ua({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const f = l ?? (m.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    Se,
+    Ie,
     {
       variant: u,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, v) => /* @__PURE__ */ n(
-        ja,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, c) => /* @__PURE__ */ n(
+        Va,
         {
-          item: c,
+          item: b,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && v === 0 ? /* @__PURE__ */ n(Ie, { onClick: d, variant: "inline" }) : void 0
+            g && c === 0 ? /* @__PURE__ */ n(Te, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${v}`
+        `${b.src}-${c}`
       )) })
     }
   );
-}, Ua = (e) => /* @__PURE__ */ n(ct, { ...e, state: "composer" }), Va = (e) => /* @__PURE__ */ n(ct, { ...e, state: "sent" }), Ga = (e) => /* @__PURE__ */ n(ct, { ...e, state: "received" }), Ha = {
-  Composer: Ua,
-  Sent: Va,
-  Received: Ga
+}, Ga = (e) => /* @__PURE__ */ n(ct, { ...e, state: "composer" }), Ha = (e) => /* @__PURE__ */ n(ct, { ...e, state: "sent" }), Ya = (e) => /* @__PURE__ */ n(ct, { ...e, state: "received" }), qa = {
+  Composer: Ga,
+  Sent: Ha,
+  Received: Ya
 };
-function Ya(e) {
+function Wa(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 qa = {
+const Xa = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1477,7 +1477,7 @@ const qa = {
   text: "TXT",
   markdown: "MD"
 };
-function Wa(e, t) {
+function Ka(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1487,7 +1487,7 @@ function Wa(e, t) {
   }
   if (!e) return;
   if (oe(e) === "document") {
-    const r = fn(e), i = qa[r];
+    const r = pn(e), i = Xa[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1495,11 +1495,11 @@ function Wa(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Xa(e, t, s) {
-  const a = Wa(e, t), r = typeof s == "number" && s > 0 ? Ya(s) : void 0;
+function Ja(e, t, s) {
+  const a = Ka(e, t), r = typeof s == "number" && s > 0 ? Wa(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function re(e) {
+function ae(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -1507,16 +1507,16 @@ function re(e) {
     return "download";
   }
 }
-const Ka = {
+const Za = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Ja = {
+}, Qa = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Za = {
+}, er = {
   dark: "text-white/85",
   light: "text-black/85"
-}, _n = ({
+}, yn = ({
   variant: e,
   filename: t,
   title: s,
@@ -1526,16 +1526,16 @@ const Ka = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", u = Xa(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = Ja(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
       className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Ja[e]
+        Qa[e]
       ),
       "aria-hidden": !0,
-      children: fe(a, {
-        className: C("size-6", Za[e]),
+      children: pe(a, {
+        className: C("size-6", er[e]),
         weight: "regular"
       })
     }
@@ -1546,7 +1546,7 @@ const Ka = {
       {
         className: C(
           "truncate text-xs leading-4",
-          Ka[e]
+          Za[e]
         ),
         children: u
       }
@@ -1575,8 +1575,8 @@ const Ka = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function Nn(e, t) {
-  const s = t ?? re(e);
+async function Cn(e, t) {
+  const s = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -1589,23 +1589,23 @@ async function Nn(e, t) {
     }
   }
 }
-const Qa = ({
+const tr = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], er = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], nr = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? re(t.src);
+  const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    _n,
+    yn,
     {
       variant: e,
       filename: i,
@@ -1630,21 +1630,21 @@ const Qa = ({
   onClick: u,
   onDismiss: g
 }) => {
-  const m = Te(e), f = e === "composer" && !!g, c = Qa({
+  const m = Ae(e), f = e === "composer" && !!g, b = tr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: o
-  }), v = (b) => {
-    if ((u == null ? void 0 : u(b)) === !1) return;
-    const p = c[b];
+  }), c = (v) => {
+    if ((u == null ? void 0 : u(v)) === !1) return;
+    const p = b[v];
     if (!p) return;
-    const _ = p.filename ?? re(p.src);
-    Nn(p.src, _);
+    const N = p.filename ?? ae(p.src);
+    Cn(p.src, N);
   };
-  if (c.length === 0)
+  if (b.length === 0)
     return null;
   const w = /* @__PURE__ */ n(
     "span",
@@ -1654,33 +1654,33 @@ const Qa = ({
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(Ce, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(ke, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    Se,
+    Ie,
     {
       variant: m,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((b, p) => /* @__PURE__ */ n(
-        er,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: b.map((v, p) => /* @__PURE__ */ n(
+        nr,
         {
           variant: m,
-          item: b,
+          item: v,
           index: p,
-          onActivate: v,
-          trailingAction: f && p === 0 ? /* @__PURE__ */ n(Ie, { onClick: g, variant: "inline" }) : w
+          onActivate: c,
+          trailingAction: f && p === 0 ? /* @__PURE__ */ n(Te, { onClick: g, variant: "inline" }) : w
         },
-        `${b.src}-${p}`
+        `${v.src}-${p}`
       )) })
     }
   );
-}, tr = (e) => /* @__PURE__ */ n(dt, { ...e, state: "composer" }), nr = (e) => /* @__PURE__ */ n(dt, { ...e, state: "sent" }), sr = (e) => /* @__PURE__ */ n(dt, { ...e, state: "received" }), ar = {
-  Composer: tr,
-  Sent: nr,
-  Received: sr
+}, sr = (e) => /* @__PURE__ */ n(dt, { ...e, state: "composer" }), ar = (e) => /* @__PURE__ */ n(dt, { ...e, state: "sent" }), rr = (e) => /* @__PURE__ */ n(dt, { ...e, state: "received" }), ir = {
+  Composer: sr,
+  Sent: ar,
+  Received: rr
 }, ut = ({
   onPrev: e,
   onNext: t,
@@ -1694,7 +1694,7 @@ const Qa = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Us, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Vs, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -1704,10 +1704,10 @@ const Qa = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(_e, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), yn = ({
+] }), kn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -1716,9 +1716,9 @@ const Qa = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = B(!1), u = X(
-    (c) => {
-      c.stopPropagation(), !l && (d(!0), Nn(e, t).catch(() => {
+  const [l, d] = $(!1), u = K(
+    (b) => {
+      b.stopPropagation(), !l && (d(!0), Cn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -1743,14 +1743,14 @@ const Qa = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ n(
-        ye,
+        Ce,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        Ce,
+        ke,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -1766,7 +1766,7 @@ const Qa = ({
       disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: l ? /* @__PURE__ */ n(ye, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ce, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ n(Ce, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(ke, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
@@ -1781,13 +1781,13 @@ const Qa = ({
       ),
       children: [
         l ? /* @__PURE__ */ n(
-          ye,
+          Ce,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(Ce, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(ke, { ...f, "aria-hidden": !0 }),
         g ? null : a
       ]
     }
@@ -1797,18 +1797,18 @@ const Qa = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = Ye(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
-  W(() => {
+  const a = Ye(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
+  X(() => {
     s && i(Ye(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), W(() => {
+  }, [s, t, e]), X(() => {
     i((d) => Ye(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = X(() => {
+  const o = K(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = X(() => {
+  }, [e]), l = K(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return W(() => {
+  return X(() => {
     if (!s || e <= 1) return;
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
@@ -1827,7 +1827,7 @@ const Qa = ({
   "data-testid": o
 }) => {
   const l = Y(null), d = Y(null);
-  return W(() => {
+  return X(() => {
     var f;
     const m = l.current;
     if (m) {
@@ -1841,7 +1841,7 @@ const Qa = ({
             }
           else
             m.setAttribute("open", "");
-        const c = typeof document < "u" ? document.activeElement : null;
+        const b = typeof document < "u" ? document.activeElement : null;
         return (f = d.current) == null || f.focus(), () => {
           if (m.open)
             if (typeof m.close == "function")
@@ -1852,7 +1852,7 @@ const Qa = ({
               }
             else
               m.removeAttribute("open");
-          c && document.body.contains(c) && c.focus();
+          b && document.body.contains(b) && b.focus();
         };
       }
       if (m.open)
@@ -1907,7 +1907,7 @@ const Qa = ({
       ]
     }
   );
-}, Cn = ({
+}, Sn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -1917,8 +1917,8 @@ const Qa = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = se(
-    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -1929,7 +1929,7 @@ const Qa = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        yn,
+        kn,
         {
           url: l.src,
           filename: d,
@@ -1963,7 +1963,7 @@ const Qa = ({
       ]
     }
   ) : null;
-}, rr = "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", kn = ({
+}, or = "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", En = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -1972,7 +1972,7 @@ const Qa = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, u, g) => {
-    const m = C(rr, "h-full w-full");
+    const m = C(or, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
@@ -2033,15 +2033,15 @@ const Qa = ({
       })
     }
   );
-}, Ae = (e) => {
-  const [t, s] = B(!1), [a, r] = B(0), i = X(
+}, Me = (e) => {
+  const [t, s] = $(!1), [a, r] = $(0), i = K(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = X(() => s(!1), []);
+  ), o = K(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, ir = (e, t, s, a) => ({
+}, lr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -2056,16 +2056,16 @@ const Qa = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), or = ({
+}), cr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], En = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], In = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), lr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Ae(
+})), dr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Me(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -2089,18 +2089,18 @@ const Qa = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ie, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Te, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      Cn,
+      Sn,
       {
         open: o,
-        items: En([{ src: e, alt: t }], s),
+        items: In([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: u
       }
     )
   ] });
-}, Sn = ({
+}, Tn = ({
   state: e,
   src: t,
   alt: s,
@@ -2111,40 +2111,40 @@ const Qa = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = or({ src: t, alt: s, items: r }), g = Te(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: v } = Ae(
+  const u = cr({ src: t, alt: s, items: r }), g = Ae(e), { viewerOpen: m, viewerIndex: f, handleActivate: b, closeViewer: c } = Me(
     d
   );
   if (u.length === 0)
     return null;
   const w = u.map(
-    (b, p) => ir(b, p, u.length, l)
+    (v, p) => lr(v, p, u.length, l)
   );
   return /* @__PURE__ */ h(
-    Se,
+    Ie,
     {
       variant: g,
       text: i,
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(kn, { tiles: w, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(En, { tiles: w, onTileActivate: b }) }),
         /* @__PURE__ */ n(
-          Cn,
+          Sn,
           {
             open: m,
-            items: En(u, a),
+            items: In(u, a),
             initialIndex: f,
-            onClose: v
+            onClose: c
           }
         )
       ]
     }
   );
-}, cr = (e) => /* @__PURE__ */ n(lr, { ...e }), dr = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "sent" }), ur = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "received" }), mr = {
-  Composer: cr,
-  Sent: dr,
-  Received: ur
-}, hr = ({
+}, ur = (e) => /* @__PURE__ */ n(dr, { ...e }), mr = (e) => /* @__PURE__ */ n(Tn, { ...e, state: "sent" }), hr = (e) => /* @__PURE__ */ n(Tn, { ...e, state: "received" }), fr = {
+  Composer: ur,
+  Sent: mr,
+  Received: hr
+}, gr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -2154,11 +2154,11 @@ const Qa = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = se(
-    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "document"),
     [l]
-  ), u = se(
-    () => l ? fr(l.src) : void 0,
+  ), u = ne(
+    () => l ? pr(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ h(
@@ -2192,25 +2192,25 @@ const Qa = ({
       ]
     }
   );
-}, fr = (e) => {
+}, pr = (e) => {
   const t = e.indexOf("#"), s = 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"), `${s}#${r.toString()}`;
-}, gr = ({
+}, br = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], pr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], vr = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? re(t.src);
+  const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    _n,
+    yn,
     {
       variant: e,
       filename: i,
@@ -2234,63 +2234,63 @@ const Qa = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const g = Te(e), m = gr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Ae(
+  const g = Ae(e), m = br({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: b, handleActivate: c, closeViewer: w } = Me(
     d
-  ), b = e === "composer" && !!u;
+  ), v = e === "composer" && !!u;
   if (m.length === 0)
     return null;
-  const p = m.map((_) => ({
-    src: _.src,
-    filename: _.filename ?? re(_.src)
+  const p = m.map((N) => ({
+    src: N.src,
+    filename: N.filename ?? ae(N.src)
   }));
   return /* @__PURE__ */ h(
-    Se,
+    Ie,
     {
       variant: g,
       text: o,
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((_, N) => {
-          const T = _.filename ?? re(_.src), R = b && N === 0 ? /* @__PURE__ */ n(Ie, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            yn,
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((N, _) => {
+          const M = N.filename ?? ae(N.src), L = v && _ === 0 ? /* @__PURE__ */ n(Te, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+            kn,
             {
-              url: _.src,
-              filename: T,
+              url: N.src,
+              filename: M,
               variant: "inline",
-              label: `Download ${T}`,
+              label: `Download ${M}`,
               tone: g
             }
           );
           return /* @__PURE__ */ n(
-            pr,
+            vr,
             {
               variant: g,
-              item: _,
-              index: N,
-              onActivate: v,
-              trailingAction: R
+              item: N,
+              index: _,
+              onActivate: c,
+              trailingAction: L
             },
-            `${_.src}-${N}`
+            `${N.src}-${_}`
           );
         }) }),
         /* @__PURE__ */ n(
-          hr,
+          gr,
           {
             open: f,
             items: p,
-            initialIndex: c,
+            initialIndex: b,
             onClose: w
           }
         )
       ]
     }
   );
-}, br = (e) => /* @__PURE__ */ n(ft, { ...e, state: "composer" }), vr = (e) => /* @__PURE__ */ n(ft, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ n(ft, { ...e, state: "received" }), wr = {
-  Composer: br,
-  Sent: vr,
-  Received: xr
-}, In = ({
+}, xr = (e) => /* @__PURE__ */ n(ft, { ...e, state: "composer" }), wr = (e) => /* @__PURE__ */ n(ft, { ...e, state: "sent" }), _r = (e) => /* @__PURE__ */ n(ft, { ...e, state: "received" }), Nr = {
+  Composer: xr,
+  Sent: wr,
+  Received: _r
+}, An = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -2300,8 +2300,8 @@ const Qa = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = se(
-    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -2340,7 +2340,7 @@ const Qa = ({
       ]
     }
   ) : null;
-}, _r = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Je, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Tn = ({
+}, yr = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Je, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Mn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2355,31 +2355,31 @@ const Qa = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    an,
+    on,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(_r, {})
-] }), Nr = (e, t, s) => ({
+  /* @__PURE__ */ n(yr, {})
+] }), Cr = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Tn, { item: e, index: t })
-}), yr = ({
+  content: /* @__PURE__ */ n(Mn, { item: e, index: t })
+}), kr = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], An = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Ln = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Cr = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: g } = Ae(
+})), Sr = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: g } = Me(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -2390,15 +2390,15 @@ const Qa = ({
         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__ */ n(Tn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Mn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ie, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Te, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      In,
+      An,
       {
         open: l,
-        items: An(
+        items: Ln(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -2407,7 +2407,7 @@ const Qa = ({
       }
     )
   ] });
-}, Mn = ({
+}, Rn = ({
   state: e,
   src: t,
   poster: s,
@@ -2419,16 +2419,16 @@ const Qa = ({
   preload: d,
   onClick: u
 }) => {
-  const g = yr({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Te(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Ae(
+  const g = kr({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ae(e), { viewerOpen: f, viewerIndex: b, handleActivate: c, closeViewer: w } = Me(
     u
   );
   if (g.length === 0)
     return null;
-  const b = g.map(
-    (p, _) => Nr(p, _, g.length)
+  const v = g.map(
+    (p, N) => Cr(p, N, g.length)
   );
   return /* @__PURE__ */ h(
-    Se,
+    Ie,
     {
       variant: m,
       text: o,
@@ -2436,44 +2436,44 @@ const Qa = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          kn,
+          En,
           {
-            tiles: b,
-            onTileActivate: v,
+            tiles: v,
+            onTileActivate: c,
             className: "overflow-hidden rounded-md"
           }
         ) }),
         /* @__PURE__ */ n(
-          In,
+          An,
           {
             open: f,
-            items: An(g, r),
-            initialIndex: c,
+            items: Ln(g, r),
+            initialIndex: b,
             onClose: w
           }
         )
       ]
     }
   );
-}, kr = (e) => /* @__PURE__ */ n(Cr, { ...e }), Er = (e) => /* @__PURE__ */ n(Mn, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(Mn, { ...e, state: "received" }), Ir = {
-  Composer: kr,
-  Sent: Er,
-  Received: Sr
-}, xe = {
-  Image: mr,
-  Video: Ir,
-  Audio: Ha,
-  Pdf: wr,
-  File: ar
-}, Tr = {
+}, Er = (e) => /* @__PURE__ */ n(Sr, { ...e }), Ir = (e) => /* @__PURE__ */ n(Rn, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ n(Rn, { ...e, state: "received" }), Ar = {
+  Composer: Er,
+  Sent: Ir,
+  Received: Tr
+}, we = {
+  Image: fr,
+  Video: Ar,
+  Audio: qa,
+  Pdf: Nr,
+  File: ir
+}, Mr = {
   isUnlocking: () => !1
-}, Ar = {
-  LockedAttachment: Tr
-}, Rn = et({}), eo = Rn.Provider;
-function Mr(e) {
-  return ke(Rn)[e] ?? Ar[e];
+}, Lr = {
+  LockedAttachment: Mr
+}, Dn = et({}), so = Dn.Provider;
+function Rr(e) {
+  return Se(Dn)[e] ?? Lr[e];
 }
-const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const Dr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -2490,21 +2490,21 @@ const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), Lr = (e) => {
+), Pr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Dr = (e) => {
+}, zr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, ze = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Pr = (e) => {
+}, Or = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Ln = (e) => Lr(e) || Dr(e), zr = (e) => {
+}, Pn = (e) => Pr(e) || zr(e), Fr = (e) => {
   var t;
-  return Ln(e) && !((t = e.text) != null && t.trim());
+  return Pn(e) && !((t = e.text) != null && t.trim());
 }, qe = ({
   message: e,
   standalone: t = !1,
@@ -2512,23 +2512,23 @@ const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   hasAttachment: a = !1
 }) => {
   var m;
-  const r = Ln(e), i = ze(e);
+  const r = Pn(e), i = ze(e);
   if (!r && !i)
     return null;
   if (r) {
     const f = (m = e.metadata) == null ? void 0 : m.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = t ? `${f} tip` : `Delivered with ${f} tip`;
-    return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(Vs, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: v })
+    const b = t ? "message-tip-standalone" : "message-tag message-tag--tip", c = t ? `${f} tip` : `Delivered with ${f} tip`;
+    return /* @__PURE__ */ h("div", { className: b, children: [
+      /* @__PURE__ */ n(Gs, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n("span", { children: c })
     ] });
   }
   const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = [
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(Rr, { size: o ? 12 : 15 }) });
+  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(Dr, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(te, { children: [
     u,
     g
@@ -2536,7 +2536,7 @@ const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
     g,
     u
   ] }) });
-}, Or = ({
+}, $r = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -2552,7 +2552,7 @@ const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(Gs, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Hs, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -2566,28 +2566,42 @@ const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Hs, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Ys, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Fr = /^([a-z][a-z0-9+.-]*):/i, $r = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+] }), Br = ({
+  message: e,
+  isMyMessage: t,
+  lastOwnMessageId: s
+}) => !(t && e.type !== "error" && s === e.id) || e.status !== "received" ? null : /* @__PURE__ */ h(
+  "div",
+  {
+    className: "str-chat__message-delivery-status",
+    "data-testid": "sent-message-delivery-status",
+    children: [
+      /* @__PURE__ */ n(qs, { size: 14, weight: "bold", "aria-hidden": "true" }),
+      /* @__PURE__ */ n("span", { children: "Delivered" })
+    ]
+  }
+), jr = /^([a-z][a-z0-9+.-]*):/i, Ur = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function gt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = Fr.exec(t);
+  const s = jr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return $r.has(a) ? t : void 0;
+    return Ur.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Br = {
+const Vr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, jr = ({ variant: e, cta: t }) => {
+}, Gr = ({ variant: e, cta: t }) => {
   const s = C(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Br[e]
+    Vr[e]
   ), a = gt(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -2614,10 +2628,10 @@ const Br = {
       children: t.label
     }
   );
-}, Ur = {
+}, Hr = {
   dark: "text-white",
   light: "text-black/90"
-}, Vr = "text-white/30", Gr = {
+}, Yr = "text-white/30", qr = {
   dark: "text-white/55",
   light: "text-black/55"
 }, pt = ({
@@ -2630,14 +2644,14 @@ const Br = {
   cta: o,
   trailingAction: l
 }) => {
-  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", v = o != null;
-  if (!g && !m && !c && !v) return null;
-  const b = C(
+  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", b = f !== "", c = o != null;
+  if (!g && !m && !b && !c) return null;
+  const v = C(
     "truncate text-base font-medium leading-6",
-    d && !t ? Vr : Ur[e]
+    d && !t ? Yr : Hr[e]
   ), p = C(
     "truncate text-xs leading-4",
-    Gr[e]
+    qr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2645,17 +2659,17 @@ const Br = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: C("min-w-0", b), children: u })
+            /* @__PURE__ */ n("p", { className: C("min-w-0", v), children: u })
           ] }),
           m && /* @__PURE__ */ n("p", { className: p, children: a })
         ] }),
-        !v && c && /* @__PURE__ */ n("p", { className: p, children: f })
+        !c && b && /* @__PURE__ */ n("p", { className: p, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(jr, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(Gr, { variant: e, cta: o })
   ] });
-}, Hr = C(
+}, Wr = C(
   "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"
@@ -2674,7 +2688,7 @@ const Br = {
   "data-testid": d
 }) => {
   const u = s != null || a != null, g = C(
-    Hr,
+    Wr,
     l ?? (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
@@ -2722,17 +2736,17 @@ const Br = {
       ]
     }
   );
-}, Yr = {
+}, Xr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, qr = {
+}, Kr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, je = (e, t) => !!t && !!e && oe(e) === "audio", Dn = (e, t) => {
+}, je = (e, t) => !!t && !!e && oe(e) === "audio", bt = (e, t) => {
   if (!t || !e) return !1;
   const s = oe(e);
   return s === "video" || s === "audio";
-}, bt = "bg-[#F2F3F4]", Fe = ({
+}, vt = "bg-[#F2F3F4]", Fe = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -2783,10 +2797,10 @@ const Br = {
           {
             className: C(
               "flex h-full w-full items-center justify-center",
-              Yr[e]
+              Xr[e]
             ),
-            children: fe(r, {
-              className: qr[e],
+            children: pe(r, {
+              className: Kr[e],
               weight: "regular"
             })
           }
@@ -2796,7 +2810,7 @@ const Br = {
       ]
     }
   );
-}, Wr = ({
+}, Jr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -2810,7 +2824,7 @@ const Br = {
   onDismiss: g,
   onEditClick: m
 }) => {
-  const f = l === "classic", c = je(r, o), v = g ? /* @__PURE__ */ n(
+  const f = l === "classic", b = je(r, o), c = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -2826,10 +2840,10 @@ const Br = {
       onClick: m,
       "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__ */ n(Ys, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ws, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Oe, { variant: "dark", bgClassName: bt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return b ? /* @__PURE__ */ n(Oe, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
       Fe,
       {
@@ -2839,12 +2853,12 @@ const Br = {
         mimeType: r
       }
     ) }),
-    v && /* @__PURE__ */ n("div", { className: "shrink-0", children: v })
+    c && /* @__PURE__ */ n("div", { className: "shrink-0", children: c })
   ] }) }) : /* @__PURE__ */ h(
     Oe,
     {
       variant: "dark",
-      topRight: f ? v : void 0,
+      topRight: f ? c : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           Fe,
@@ -2854,7 +2868,7 @@ const Br = {
             sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: v
+            topRight: c
           }
         ),
         /* @__PURE__ */ n(
@@ -2873,7 +2887,7 @@ const Br = {
       ]
     }
   );
-}, Xr = ({
+}, Zr = ({
   title: e,
   description: t,
   url: s,
@@ -2885,11 +2899,11 @@ const Br = {
   cta: d,
   onClick: u
 }) => {
-  const g = Dn(a, i), m = gt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, v = je(a, i) ? bt : void 0, w = d && u ? {
+  const g = bt(a, i), m = gt(s), f = d == null && m != null && !g ? m : void 0, b = d == null && !g ? u : void 0, c = je(a, i) ? vt : 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__ */ h(
@@ -2897,9 +2911,9 @@ const Br = {
     {
       variant: "light",
       href: f,
-      onClick: c,
+      onClick: b,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: v,
+      bgClassName: c,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -2926,7 +2940,7 @@ const Br = {
       ]
     }
   );
-}, Kr = ({
+}, Qr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -2939,14 +2953,14 @@ const Br = {
   cta: u,
   onClick: g
 }) => {
-  const m = Dn(r, o), f = gt(a), c = u == null && f != null && !m ? f : void 0, v = u == null && !m && c != null ? g : void 0;
+  const m = bt(r, o), f = gt(a), b = u == null && f != null && !m ? f : void 0, c = u == null && !m && b != null ? g : void 0;
   return /* @__PURE__ */ h(
     Oe,
     {
       variant: "dark",
-      href: c,
-      onClick: v,
-      bgClassName: je(r, o) ? bt : void 0,
+      href: b,
+      onClick: c,
+      bgClassName: je(r, o) ? vt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
           Fe,
@@ -2973,22 +2987,22 @@ const Br = {
       ]
     }
   );
-}, Xt = {
-  Composer: Wr,
-  Sent: Kr,
-  Received: Xr
-}, Jr = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white", Zr = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#e9eaed] px-4 py-2 text-[#080707]";
-function L(e) {
+}, Jt = {
+  Composer: Jr,
+  Sent: Qr,
+  Received: Zr
+}, ei = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white", ti = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#e9eaed] px-4 py-2 text-[#080707]";
+function D(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function Kt(e) {
+function Zt(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function Qr(e, t) {
+function ni(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const s = Kt(e), a = Kt(t);
+  const s = Zt(e), a = Zt(t);
   if (s === a)
     return !0;
   if (!s.includes(a))
@@ -2996,29 +3010,29 @@ function Qr(e, t) {
   const r = s.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function Jt(e) {
-  const t = L(e.og_scrape_url) ?? L(e.title_link), s = L(e.image_url) ?? L(e.thumb_url);
+function Qt(e) {
+  const t = D(e.og_scrape_url) ?? D(e.title_link), s = D(e.image_url) ?? D(e.thumb_url), a = D(e.asset_url), r = D(e.mime_type);
   return {
-    title: L(e.title),
-    description: L(e.text),
+    title: D(e.title),
+    description: D(e.text),
     url: t,
     thumbnailUrl: s,
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
-    sourceUrl: L(e.asset_url),
-    layout: s ? "featured" : "classic",
-    mimeType: L(e.mime_type)
+    sourceUrl: a,
+    layout: s || bt(r, a) ? "featured" : "classic",
+    mimeType: r
   };
 }
-function ei(e) {
+function si(e) {
   var t;
-  return Pn(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 zn(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 Pn(e) {
-  const t = L(e.og_scrape_url);
+function zn(e) {
+  const t = D(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function zn(e) {
+function On(e) {
   if (!(e != null && e.length)) return [];
   const t = [], s = (r, i) => {
     const o = t[t.length - 1];
@@ -3036,70 +3050,70 @@ function zn(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Pn(r)) {
+    if (zn(r)) {
       a(r);
       continue;
     }
-    const i = ei(r);
+    const i = si(r);
     i && s(i, r);
   }
   return t;
 }
-function ti(e) {
+function ai(e) {
   let t = 0;
   for (const s of e)
     t += s.type === "link" ? s.attachments.length : 1;
   return t;
 }
-function ni(e) {
+function ri(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function si(e, t, s) {
+function ii(e, t, s) {
   return t <= 1 ? s : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function Zt(e) {
-  return L(e.image_url) ?? L(e.asset_url) ?? "";
+function en(e) {
+  return D(e.image_url) ?? D(e.asset_url) ?? "";
 }
-function ai(e) {
+function oi(e) {
   switch (e) {
     case "image":
-      return xe.Image;
+      return we.Image;
     case "video":
-      return xe.Video;
+      return we.Video;
     case "audio":
-      return xe.Audio;
+      return we.Audio;
     case "pdf":
-      return xe.Pdf;
+      return we.Pdf;
     default:
-      return xe.File;
+      return we.File;
   }
 }
-function ri(e, t) {
+function li(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: Zt(a),
-            alt: L(a.title)
+            src: en(a),
+            alt: D(a.title)
           }))
         };
       case "video":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            poster: L(
+            src: D(a.asset_url) ?? "",
+            poster: D(
               a.thumb_url
             ),
-            mimeType: L(a.mime_type)
+            mimeType: D(a.mime_type)
           }))
         };
       case "audio":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            mimeType: L(a.mime_type) ?? "audio/mpeg",
-            filename: L(
+            src: D(a.asset_url) ?? "",
+            mimeType: D(a.mime_type) ?? "audio/mpeg",
+            filename: D(
               a.title
             )
           }))
@@ -3107,8 +3121,8 @@ function ri(e, t) {
       case "pdf":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            filename: L(
+            src: D(a.asset_url) ?? "",
+            filename: D(
               a.title
             ),
             fileSize: a.file_size
@@ -3117,12 +3131,12 @@ function ri(e, t) {
       case "file":
         return {
           items: t.map((a) => ({
-            src: L(a.asset_url) ?? "",
-            filename: L(
+            src: D(a.asset_url) ?? "",
+            filename: D(
               a.title
             ),
             fileSize: a.file_size,
-            mimeType: L(a.mime_type) ?? "application/octet-stream"
+            mimeType: D(a.mime_type) ?? "application/octet-stream"
           }))
         };
     }
@@ -3131,99 +3145,99 @@ function ri(e, t) {
   switch (e) {
     case "image":
       return {
-        src: Zt(s),
-        alt: L(s.title)
+        src: en(s),
+        alt: D(s.title)
       };
     case "video":
       return {
-        src: L(s.asset_url) ?? "",
-        poster: L(s.thumb_url),
-        mimeType: L(s.mime_type)
+        src: D(s.asset_url) ?? "",
+        poster: D(s.thumb_url),
+        mimeType: D(s.mime_type)
       };
     case "audio":
       return {
-        src: L(s.asset_url) ?? "",
-        mimeType: L(s.mime_type) ?? "audio/mpeg",
-        filename: L(s.title)
+        src: D(s.asset_url) ?? "",
+        mimeType: D(s.mime_type) ?? "audio/mpeg",
+        filename: D(s.title)
       };
     case "pdf":
       return {
-        src: L(s.asset_url) ?? "",
-        filename: L(s.title),
+        src: D(s.asset_url) ?? "",
+        filename: D(s.title),
         fileSize: s.file_size
       };
     case "file":
       return {
-        src: L(s.asset_url) ?? "",
-        filename: L(s.title),
+        src: D(s.asset_url) ?? "",
+        filename: D(s.title),
         fileSize: s.file_size,
-        mimeType: L(s.mime_type) ?? "application/octet-stream"
+        mimeType: D(s.mime_type) ?? "application/octet-stream"
       };
   }
 }
-function ii({
+function ci({
   groupPosition: e,
   isMyMessage: t,
   segment: s,
   text: a
 }) {
-  const r = ai(s.kind), i = {
-    ...ri(s.kind, s.attachments),
+  const r = oi(s.kind), i = {
+    ...li(s.kind, s.attachments),
     groupPosition: e,
     ...a ? { text: a } : {}
   };
   return t ? /* @__PURE__ */ n(r.Sent, { ...i }) : /* @__PURE__ */ n(r.Received, { ...i });
 }
-const oi = ({
+const di = ({
   groupPosition: e,
   isMyMessage: t,
   message: s
 }) => {
   var w;
-  const a = zn(s.attachments);
+  const a = On(s.attachments);
   if (a.length === 0) return null;
-  const r = ti(a), i = ni(a), o = (w = s.text) == null ? void 0 : w.trim(), l = a.find((b) => b.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Jt(l.attachments[0] ?? {}).url : void 0, u = o && Qr(o, d) ? void 0 : o;
+  const r = ai(a), i = ri(a), o = (w = s.text) == null ? void 0 : w.trim(), l = a.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Qt(l.attachments[0] ?? {}).url : void 0, u = o && ni(o, d) ? void 0 : o;
   let g = 0, m = 0;
-  const f = [], c = (b, p) => {
-    const _ = g === r - 1;
+  const f = [], b = (v, p) => {
+    const N = g === r - 1;
     g += 1;
-    const N = t ? Xt.Sent : Xt.Received;
+    const _ = t ? Jt.Sent : Jt.Received;
     f.push(
-      /* @__PURE__ */ h(j.Fragment, { children: [
-        /* @__PURE__ */ n(N, { ...Jt(b) }),
-        _ && u ? /* @__PURE__ */ n("div", { className: t ? Jr : Zr, children: u }) : null
+      /* @__PURE__ */ h(B.Fragment, { children: [
+        /* @__PURE__ */ n(_, { ...Qt(v) }),
+        N && u ? /* @__PURE__ */ n("div", { className: t ? ei : ti, children: u }) : null
       ] }, p)
     );
-  }, v = (b, p) => {
-    const _ = g === r - 1, N = si(
+  }, c = (v, p) => {
+    const N = g === r - 1, _ = ii(
       m,
       i,
       e
     );
     g += 1, m += 1, f.push(
       /* @__PURE__ */ n(
-        ii,
+        ci,
         {
-          groupPosition: N,
+          groupPosition: _,
           isMyMessage: t,
-          segment: b,
-          text: _ ? u : void 0
+          segment: v,
+          text: N ? u : void 0
         },
         p
       )
     );
   };
-  return a.forEach((b, p) => {
-    if (b.type === "link") {
-      b.attachments.forEach((_, N) => {
-        c(_, `link-${p}-${N}`);
+  return a.forEach((v, p) => {
+    if (v.type === "link") {
+      v.attachments.forEach((N, _) => {
+        b(N, `link-${p}-${_}`);
       });
       return;
     }
-    v(b, `media-${p}`);
+    c(v, `media-${p}`);
   }), /* @__PURE__ */ n(te, { children: f });
-}, li = (e) => {
-  var yt, Ct, kt, Et, St, It, Tt, At, Mt, Rt, Lt, Dt, Pt, zt;
+}, ui = (e) => {
+  var kt, St, Et, It, Tt, At, Mt, Lt, Rt, Dt, Pt, zt, Ot, Ft;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -3237,99 +3251,100 @@ const oi = ({
     highlighted: g,
     isMessageAIGenerated: m,
     isMyMessage: f,
+    lastOwnMessage: b,
     message: c,
-    renderText: v,
-    threadList: w,
-    viewerLanguage: b
-  } = e, { client: p } = pe("CustomMessage"), { channel: _ } = ge("CustomMessage"), { isUnlocking: N, onUnlockClick: T, onFetchSource: R, onDownloadClick: M } = Mr("LockedAttachment"), [D, P] = B(!1), U = Xn(c.id), { selected: z, voteUp: k, voteDown: A } = ca(c), {
-    Attachment: E = Kn,
-    EditMessageModal: y = Jn,
-    MessageActions: S,
-    MessageBlocked: F = Zn,
-    MessageBouncePrompt: O = Qn,
-    MessageDeleted: V = es,
-    MessageIsThreadReplyInChannelButtonIndicator: K = ts,
-    MessageRepliesCountButton: ee = ns,
-    ReminderNotification: q = ss,
-    StreamedMessageText: x = as,
-    PinIndicator: I
-  } = tn("CustomMessage"), H = rs(c), G = is(c), Z = se(
+    renderText: w,
+    threadList: v,
+    viewerLanguage: p
+  } = e, { client: N } = ve("CustomMessage"), { channel: _ } = be("CustomMessage"), { isUnlocking: M, onUnlockClick: L, onFetchSource: A, onDownloadClick: R } = Rr("LockedAttachment"), [P, j] = $(!1), z = Kn(c.id), { selected: k, voteUp: T, voteDown: S } = ua(c), {
+    Attachment: y = Jn,
+    EditMessageModal: I = Zn,
+    MessageActions: O,
+    MessageBlocked: F = Qn,
+    MessageBouncePrompt: U = es,
+    MessageDeleted: J = ts,
+    MessageIsThreadReplyInChannelButtonIndicator: Z = ns,
+    MessageRepliesCountButton: q = ss,
+    ReminderNotification: x = as,
+    StreamedMessageText: E = rs,
+    PinIndicator: G
+  } = sn("CustomMessage"), H = is(c), Q = os(c), W = ne(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), $ = se(() => {
-    const ce = c.attachments ?? [], me = c.shared_location ? [c.shared_location, ...ce] : ce;
-    if (!ze(c)) return me;
-    const Ot = me.filter((Ft) => !("type" in Ft) || !vn(Ft));
-    return Ot.length === me.length ? me : Ot;
-  }, [c]), Q = se(
-    () => zn($),
-    [$]
-  ), J = se(() => {
-    const ce = un({ message: c, viewerLanguage: b });
-    return ce === c.text ? c : { ...c, text: ce };
-  }, [c, b]), Me = Q.length > 0, Re = Q.reduce(
-    (ce, me) => ce + me.attachments.length,
+  ), V = ne(() => {
+    const ue = c.attachments ?? [], fe = c.shared_location ? [c.shared_location, ...ue] : ue;
+    if (!ze(c)) return fe;
+    const $t = fe.filter((Bt) => !("type" in Bt) || !wn(Bt));
+    return $t.length === fe.length ? fe : $t;
+  }, [c]), ee = ne(
+    () => On(V),
+    [V]
+  ), le = ne(() => {
+    const ue = hn({ message: c, viewerLanguage: p });
+    return ue === c.text ? c : { ...c, text: ue };
+  }, [c, p]), Le = ee.length > 0, Re = ee.reduce(
+    (ue, fe) => ue + fe.attachments.length,
     0
-  ) === (($ == null ? void 0 : $.length) ?? 0), Le = $a(
+  ) === ((V == null ? void 0 : V.length) ?? 0), re = ja(
     {
       endOfGroup: r,
       firstOfGroup: i,
       groupedByUser: o
     }
   );
-  if (os(c))
+  if (ls(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(V, { message: c });
-  if (ls(c))
+    return /* @__PURE__ */ n(J, { message: c });
+  if (cs(c))
     return /* @__PURE__ */ n(F, {});
-  const ne = !w && !!c.reply_count, le = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((yt = c.error) == null ? void 0 : yt.status) !== 403, xt = cs(c);
-  let de;
-  ie ? de = () => u(c) : xt && (de = () => P(!0));
-  const ue = f(), jn = C(
+  const ce = !v && !!c.reply_count, ie = !v && c.show_in_channel && c.parent_id, wt = c.status === "failed" && ((kt = c.error) == null ? void 0 : kt.status) !== 403, _t = ds(c);
+  let me;
+  wt ? me = () => u(c) : _t && (me = () => j(!0));
+  const de = f(), Un = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    ue ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    de ? "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": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": G,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Ct = c == null ? void 0 : c.error) == null ? void 0 : Ct.status) !== 403,
-      "str-chat__message-with-thread-link": ne || le,
+      "str-chat__message--with-reactions": Q,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((St = c == null ? void 0 : c.error) == null ? void 0 : St.status) !== 403,
+      "str-chat__message-with-thread-link": ce || ie,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ue = c.poll_id && p.polls.fromState(c.poll_id), wt = zr(c), be = ze(c), _t = Pr(c), Ve = !!($ != null && $.length && !c.quoted_message), Nt = be && ue && Ve, Un = Me && Re && !c.quoted_message && !Ue && !Z;
+  ), Ue = c.poll_id && N.polls.fromState(c.poll_id), Nt = Fr(c), he = ze(c), yt = Or(c), Ve = !!(V != null && V.length && !c.quoted_message), Ct = he && de && Ve, Vn = Le && Re && !c.quoted_message && !Ue && !W && !he;
   return /* @__PURE__ */ h(te, { children: [
     a && /* @__PURE__ */ n(
-      y,
+      I,
       {
         additionalMessageInputProps: t
       }
     ),
-    D && /* @__PURE__ */ n(
-      ds,
+    P && /* @__PURE__ */ n(
+      us,
       {
-        MessageBouncePrompt: O,
-        onClose: () => P(!1),
-        open: D
+        MessageBouncePrompt: U,
+        onClose: () => j(!1),
+        open: P
       }
     ),
     /* @__PURE__ */ h(
       "div",
       {
-        className: jn,
+        className: Un,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          I && /* @__PURE__ */ n(I, {}),
-          !!U && /* @__PURE__ */ n(q, { reminder: U }),
+          G && /* @__PURE__ */ n(G, {}),
+          !!z && /* @__PURE__ */ n(x, { reminder: z }),
           c.user && /* @__PURE__ */ n(
-            ae,
+            se,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -3337,71 +3352,71 @@ const oi = ({
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: be
+              dmAgentEnabled: he
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
               className: C("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": ie || xt
+                "str-chat__simple-message--error-failed": wt || _t
               }),
               "data-testid": "message-inner",
-              onClick: de,
-              onKeyDown: de,
-              role: de ? "button" : void 0,
-              tabIndex: de ? 0 : void 0,
+              onClick: me,
+              onKeyDown: me,
+              role: me ? "button" : void 0,
+              tabIndex: me ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: _t ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  S && /* @__PURE__ */ n(S, {}),
+              children: yt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+                de ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                  O && /* @__PURE__ */ n(O, {}),
                   /* @__PURE__ */ n(
-                    qt.Sent,
+                    Xt.Sent,
                     {
-                      title: (kt = c.metadata) == null ? void 0 : kt.attachment_title,
-                      mimeType: (Et = c.metadata) == null ? void 0 : Et.attachment_mime_type,
-                      thumbnailUrl: (St = c.metadata) == null ? void 0 : St.attachment_thumbnail,
-                      amountText: (It = c.metadata) == null ? void 0 : It.amount_text,
-                      detail: (Tt = c.metadata) == null ? void 0 : Tt.attachment_detail,
-                      paymentStatus: (At = c.metadata) == null ? void 0 : At.payment_status,
-                      onPreviewClick: () => T == null ? void 0 : T(c, _),
-                      onFetchSource: async () => await (R == null ? void 0 : R(c, _))
+                      title: (Et = c.metadata) == null ? void 0 : Et.attachment_title,
+                      mimeType: (It = c.metadata) == null ? void 0 : It.attachment_mime_type,
+                      thumbnailUrl: (Tt = c.metadata) == null ? void 0 : Tt.attachment_thumbnail,
+                      amountText: (At = c.metadata) == null ? void 0 : At.amount_text,
+                      detail: (Mt = c.metadata) == null ? void 0 : Mt.attachment_detail,
+                      paymentStatus: (Lt = c.metadata) == null ? void 0 : Lt.payment_status,
+                      onPreviewClick: () => L == null ? void 0 : L(c, _),
+                      onFetchSource: async () => await (A == null ? void 0 : A(c, _))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ n(
-                    qt.Received,
+                    Xt.Received,
                     {
-                      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: (Pt = c.metadata) == null ? void 0 : Pt.attachment_detail,
-                      paymentStatus: (zt = c.metadata) == null ? void 0 : zt.payment_status,
-                      isUnlocking: N(c.id),
-                      onUnlockClick: () => T == null ? void 0 : T(c, _),
-                      onFetchSource: async () => await (R == null ? void 0 : R(c, _)),
-                      onDownloadClick: () => M == null ? void 0 : M(c, _)
+                      title: (Rt = c.metadata) == null ? void 0 : Rt.attachment_title,
+                      mimeType: (Dt = c.metadata) == null ? void 0 : Dt.attachment_mime_type,
+                      thumbnailUrl: (Pt = c.metadata) == null ? void 0 : Pt.attachment_thumbnail,
+                      amountText: (zt = c.metadata) == null ? void 0 : zt.amount_text,
+                      detail: (Ot = c.metadata) == null ? void 0 : Ot.attachment_detail,
+                      paymentStatus: (Ft = c.metadata) == null ? void 0 : Ft.payment_status,
+                      isUnlocking: M(c.id),
+                      onUnlockClick: () => L == null ? void 0 : L(c, _),
+                      onFetchSource: async () => await (A == null ? void 0 : A(c, _)),
+                      onDownloadClick: () => R == null ? void 0 : R(c, _)
                     }
                   ),
-                  S && /* @__PURE__ */ n(S, {})
+                  O && /* @__PURE__ */ n(O, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                  Bt,
+                  Ut,
                   {
-                    message: J,
-                    renderText: v
+                    message: le,
+                    renderText: w
                   }
                 ) })
-              ] }) : wt ? (
+              ] }) : Nt ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ n(qe, { message: c, standalone: !0 })
-              ) : Un ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h(
+              ) : Vn ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h(
                 "div",
                 {
                   className: "str-chat__message-bubble",
@@ -3413,128 +3428,139 @@ const oi = ({
                   },
                   children: [
                     /* @__PURE__ */ n(
-                      oi,
+                      di,
                       {
-                        groupPosition: Le,
-                        isMyMessage: ue,
+                        groupPosition: re,
+                        isMyMessage: de,
                         message: {
-                          attachments: $,
-                          text: J.text
+                          attachments: V,
+                          text: le.text
                         }
                       }
                     ),
-                    /* @__PURE__ */ n(jt, {})
+                    /* @__PURE__ */ n(Vt, {})
                   ]
                 }
               ) }) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                be && !Nt && /* @__PURE__ */ n(
+                he && !Ct && /* @__PURE__ */ n(
                   qe,
                   {
                     message: c,
                     hasAttachment: Ve,
-                    isMyMessage: ue
+                    isMyMessage: de
                   }
                 ),
-                Ue && /* @__PURE__ */ n(us, { poll: Ue }),
-                $ != null && $.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  E,
+                Ue && /* @__PURE__ */ n(ms, { poll: Ue }),
+                V != null && V.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  y,
                   {
                     actionHandler: l,
-                    attachments: $
+                    attachments: V
                   }
                 ) : null,
-                Z ? /* @__PURE__ */ n(
-                  x,
+                W ? /* @__PURE__ */ n(
+                  E,
                   {
-                    message: J,
-                    renderText: v
+                    message: le,
+                    renderText: w
                   }
                 ) : /* @__PURE__ */ n(
-                  Bt,
+                  Ut,
                   {
-                    message: J,
-                    renderText: v
+                    message: le,
+                    renderText: w
                   }
                 ),
-                /* @__PURE__ */ n(jt, {})
+                /* @__PURE__ */ n(Vt, {})
               ] }) })
             }
           ),
-          !_t && !wt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!be || Nt) && /* @__PURE__ */ n(
+          !yt && !Nt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+            (!he || Ct) && /* @__PURE__ */ n(
               qe,
               {
                 message: c,
                 hasAttachment: Ve,
-                isMyMessage: ue
+                isMyMessage: de
               }
             ),
-            s && be && /* @__PURE__ */ n(
-              Or,
+            s && he && /* @__PURE__ */ n(
+              $r,
               {
-                selected: z,
-                onVoteUp: k,
-                onVoteDown: A
+                selected: k,
+                onVoteUp: T,
+                onVoteDown: S
               }
             )
           ] }),
-          ne && /* @__PURE__ */ n(
-            ee,
+          /* @__PURE__ */ n(
+            Br,
+            {
+              message: c,
+              isMyMessage: de,
+              lastOwnMessageId: b == null ? void 0 : b.id
+            }
+          ),
+          ce && /* @__PURE__ */ n(
+            q,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          le && /* @__PURE__ */ n(K, {})
+          ie && /* @__PURE__ */ n(Z, {})
         ]
       },
       c.id
     )
   ] });
-}, ci = j.memo(
-  li,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Wn(e, t)
-), di = (e) => {
+}, mi = B.memo(
+  ui,
+  (e, t) => {
+    var s, a;
+    return e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage || ((s = e.lastOwnMessage) == null ? void 0 : s.id) !== ((a = t.lastOwnMessage) == null ? void 0 : a.id) ? !1 : Xn(e, t);
+  }
+), hi = (e) => {
   const t = Ee("CustomMessage");
-  return /* @__PURE__ */ n(ci, { ...t, ...e });
-}, ui = () => {
+  return /* @__PURE__ */ n(mi, { ...t, ...e });
+}, fi = () => {
   var s;
   const { handleDelete: e, message: t } = Ee("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    rn,
+    ln,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(qs, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Xs, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, mi = () => {
+}, gi = () => {
   const { handleFlag: e } = Ee("CustomMessageActions");
   return /* @__PURE__ */ n(
-    rn,
+    ln,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(nn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(an, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, hi = () => {
+}, pi = () => {
   var t;
   const { message: e } = Ee("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Ks,
+    Zs,
     {
       messageActionSet: [
-        { Component: ui, placement: "quick", type: "delete" },
-        { Component: mi, placement: "quick", type: "flag" }
+        { Component: fi, placement: "quick", type: "delete" },
+        { Component: gi, placement: "quick", type: "flag" }
       ]
     }
   );
-}, fi = ({
+}, bi = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3574,14 +3600,14 @@ const oi = ({
       ]
     }
   );
-}, gi = (e) => ({
+}, vi = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => $t.previewIsLoaded(t) || $t.previewIsLoading(t)
+    (t) => jt.previewIsLoaded(t) || jt.previewIsLoading(t)
   )
-}), pi = () => {
-  const { linkPreviewsManager: e } = ms(), { linkPreviews: t } = hs(
+}), xi = () => {
+  const { linkPreviewsManager: e } = hs(), { linkPreviews: t } = fs(
     e.state,
-    gi
+    vi
   ), s = (r) => {
     e.dismissPreview(r);
   };
@@ -3594,9 +3620,9 @@ const oi = ({
     // 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__ */ n("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__ */ n("div", { className: "w-full shrink-0", children: /* @__PURE__ */ n(fi, { link: r, onDismiss: s }) }, r.og_scrape_url)) })
+    /* @__PURE__ */ n("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__ */ n("div", { className: "w-full shrink-0", children: /* @__PURE__ */ n(bi, { link: r, onDismiss: s }) }, r.og_scrape_url)) })
   ) : null;
-}, vt = j.createContext(!1), to = () => ke(vt), bi = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, xt = B.createContext(!1), ao = () => Se(xt), wi = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -3604,13 +3630,13 @@ const oi = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Ws, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Ks, { weight: "bold", className: "size-4" })
   }
-), vi = () => {
-  const e = ke(vt), { handleSubmit: t } = gs(), s = ps(), a = e || !s, {
-    SendButton: r = bi,
-    AttachmentPreviewList: i = bs
-  } = tn("CustomMessageInput");
+), _i = () => {
+  const e = Se(xt), { handleSubmit: t } = ps(), s = bs(), a = e || !s, {
+    SendButton: r = wi,
+    AttachmentPreviewList: i = vs
+  } = sn("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
@@ -3626,12 +3652,12 @@ const oi = ({
         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__ */ n(vs, {}),
-          /* @__PURE__ */ n(pi, {}),
+          /* @__PURE__ */ n(xs, {}),
+          /* @__PURE__ */ n(xi, {}),
           /* @__PURE__ */ n(i, {}),
           /* @__PURE__ */ h("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-              xs,
+              ws,
               {
                 "aria-disabled": e || void 0,
                 className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -3657,7 +3683,7 @@ const oi = ({
       }
     )
   );
-}, xi = ({
+}, Ni = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
@@ -3665,7 +3691,7 @@ const oi = ({
   composerInput: r
 }) => {
   var l;
-  const { channel: i } = ge(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
+  const { channel: i } = be(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
   return s ? /* @__PURE__ */ h(te, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
@@ -3678,42 +3704,42 @@ const oi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(vt.Provider, { value: o, children: /* @__PURE__ */ n(fs, { Input: r ?? vi }) })
+          /* @__PURE__ */ n(xt.Provider, { value: o, children: /* @__PURE__ */ n(gs, { Input: r ?? _i }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, wi = [
+}, yi = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], _i = {
+], Ci = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ni = [
+}, ki = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], yi = {
+], Si = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, We = "age safety guidelines.", Ci = "https://linktr.ee/s/about/contact", Qt = (e) => wi.includes(e), ki = (e) => Ni.includes(e), Ei = (e) => {
+}, We = "age safety guidelines.", Ei = "https://linktr.ee/s/about/contact", tn = (e) => yi.includes(e), Ii = (e) => ki.includes(e), Ti = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Qt(t))
+  if (tn(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (ki(t))
+  if (Ii(t))
     return {
       kind: "age-safety",
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (Qt(s))
+  if (tn(s))
     return {
       kind: "dm-agent",
       type: s
     };
-}, Si = (e) => {
+}, Ai = (e) => {
   const t = e.indexOf(We);
   if (t === -1)
     return e;
@@ -3723,7 +3749,7 @@ const oi = ({
     /* @__PURE__ */ n(
       "a",
       {
-        href: Ci,
+        href: Ei,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -3732,13 +3758,13 @@ const oi = ({
     ),
     e.slice(s)
   ] });
-}, Ii = (e) => {
+}, Mi = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Ei(
+  const t = e.message.hide_date === !0, s = Ti(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || _i[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ci[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -3748,7 +3774,7 @@ const oi = ({
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              _e,
+              Ne,
               {
                 size: 16,
                 weight: "regular",
@@ -3764,7 +3790,7 @@ const oi = ({
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || yi[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Si[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -3774,7 +3800,7 @@ const oi = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Xs,
+              Js,
               {
                 size: 24,
                 weight: "duotone",
@@ -3783,7 +3809,7 @@ const oi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Si(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Ai(i) }) })
           ]
         }
       ),
@@ -3798,7 +3824,7 @@ const oi = ({
     ] }),
     !t && /* @__PURE__ */ n(Ge, { message: e.message })
   ] });
-}, On = et(!1), Xe = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, Fn = et(!1), Xe = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -3808,21 +3834,21 @@ const oi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ti = /* @__PURE__ */ new Set([
+) }), Li = /* @__PURE__ */ new Set([
   He.Thinking,
   He.Generating,
   He.ExternalSources
-]), Ai = ({ threadList: e }) => {
-  var v, w;
-  const { channel: t, channelConfig: s, thread: a } = ge(), { client: r } = pe(), { typing: i = {} } = ws(), { aiState: o } = _s(t), l = ke(On);
-  if (!e && l && Ti.has(o)) {
-    const b = Mi(t, (v = r.user) == null ? void 0 : v.id);
+]), Ri = ({ threadList: e }) => {
+  var c, w;
+  const { channel: t, channelConfig: s, thread: a } = be(), { client: r } = ve(), { typing: i = {} } = _s(), { aiState: o } = Ns(t), l = Se(Fn);
+  if (!e && l && Li.has(o)) {
+    const v = Di(t, (c = r.user) == null ? void 0 : c.id);
     return /* @__PURE__ */ n(
-      en,
+      nn,
       {
-        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"
       }
     );
@@ -3830,29 +3856,29 @@ const oi = ({
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const u = e ? [] : Object.values(i).filter(
-    ({ parent_id: b, user: p }) => {
-      var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && !b;
+    ({ parent_id: v, user: p }) => {
+      var N;
+      return (p == null ? void 0 : p.id) !== ((N = r.user) == null ? void 0 : N.id) && !v;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: b, user: p }) => {
-      var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && b === (a == null ? void 0 : a.id);
+    ({ parent_id: v, user: p }) => {
+      var N;
+      return (p == null ? void 0 : p.id) !== ((N = r.user) == null ? void 0 : N.id) && v === (a == null ? void 0 : a.id);
     }
   ) : [], m = e ? g : u;
   if (!m.length)
     return null;
-  const f = (w = m[0]) == null ? void 0 : w.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (w = m[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__ */ n(
-    en,
+    nn,
     {
-      avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
-      avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
-      avatarImage: (f == null ? void 0 : f.image) ?? (c == null ? void 0 : c.image),
+      avatarId: (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"
     }
   );
-}, en = ({
+}, nn = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -3867,7 +3893,7 @@ const oi = ({
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        ae,
+        se,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -3896,7 +3922,7 @@ const oi = ({
     ] })
   }
 );
-function Mi(e, t) {
+function Di(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -3905,7 +3931,7 @@ function Mi(e, t) {
       return i;
   }
 }
-const Ri = () => null, Li = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Pi = () => null, zi = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: C("flex items-center justify-center h-full", e),
@@ -3948,12 +3974,12 @@ const Ri = () => null, Li = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), $e = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(Li, { className: "w-6 h-6" }),
+), $e = B.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ n(zi, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 $e.displayName = "LoadingState";
-const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Di = ({
+const ge = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Oi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -3967,35 +3993,35 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onBlockParticipantClick: g,
   onReportParticipantClick: m,
   customChannelActions: f,
-  renderChannelActions: c,
-  showChannelInfo: v = !0,
+  renderChannelActions: b,
+  showChannelInfo: c = !0,
   onParticipantNameClick: w,
-  renderHeaderTitleBadges: b
+  renderHeaderTitleBadges: v
 }) => {
-  var A, E, y, S, F, O;
-  const { channel: p } = ge(), { client: _ } = pe(), N = j.useMemo(
+  var T, S, y, I, O, F;
+  const { channel: p } = be(), { client: N } = ve(), _ = B.useMemo(
     () => {
-      var V;
+      var U;
       return st(
-        (V = p.state) == null ? void 0 : V.members,
-        _ == null ? void 0 : _.userID,
+        (U = p.state) == null ? void 0 : U.members,
+        N == null ? void 0 : N.userID,
         p.type
       );
     },
-    [(A = p.state) == null ? void 0 : A.members, _ == null ? void 0 : _.userID, p.type]
-  ), T = cn(N == null ? void 0 : N.user), R = (E = N == null ? void 0 : N.user) == null ? void 0 : E.image, M = ln(p), D = b == null ? void 0 : b({
+    [(T = p.state) == null ? void 0 : T.members, N == null ? void 0 : N.userID, p.type]
+  ), M = un(_ == null ? void 0 : _.user), L = (S = _ == null ? void 0 : _.user) == null ? void 0 : S.image, A = dn(p), R = v == null ? void 0 : v({
     channel: p,
-    participant: N
-  }), P = "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", U = "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__ */ h(te, { children: [
-    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: T }),
-    D && /* @__PURE__ */ n("span", { className: "shrink-0", children: D })
+    participant: _
+  }), P = "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", j = "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__ */ h(te, { children: [
+    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: M }),
+    R && /* @__PURE__ */ n("span", { className: "shrink-0", children: R })
   ] }), k = async () => {
     try {
-      M ? await p.unpin() : await p.pin();
-    } catch (V) {
+      A ? await p.unpin() : await p.pin();
+    } catch (U) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        V
+        U
       );
     }
   };
@@ -4005,14 +4031,14 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         "button",
         {
           className: C(
-            he,
+            ge,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(Vt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Ht, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ n(
@@ -4025,41 +4051,41 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               type: "button",
               onClick: w,
-              "aria-label": `View details for ${T}`,
+              "aria-label": `View details for ${M}`,
               className: C(
                 P,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
               children: [
                 /* @__PURE__ */ n(
-                  ae,
+                  se,
                   {
-                    id: ((y = N == null ? void 0 : N.user) == null ? void 0 : y.id) || p.id || "unknown",
-                    name: T,
-                    image: R,
-                    starred: s && M,
+                    id: ((y = _ == null ? void 0 : _.user) == null ? void 0 : y.id) || p.id || "unknown",
+                    name: M,
+                    image: L,
+                    starred: s && A,
                     dmAgentEnabled: a,
                     size: 48
                   }
                 ),
                 /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
                   z,
-                  /* @__PURE__ */ n(we, { className: "size-3 shrink-0", weight: "bold" })
+                  /* @__PURE__ */ n(_e, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ n(_e, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n(Ne, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ n("span", { children: Pe })
                 ] })
               ]
             }
           ) : /* @__PURE__ */ h("div", { className: P, children: [
             /* @__PURE__ */ n(
-              ae,
+              se,
               {
-                id: ((S = N == null ? void 0 : N.user) == null ? void 0 : S.id) || p.id || "unknown",
-                name: T,
-                image: R,
-                starred: s && M,
+                id: ((I = _ == null ? void 0 : _.user) == null ? void 0 : I.id) || p.id || "unknown",
+                name: M,
+                image: L,
+                starred: s && A,
                 dmAgentEnabled: a,
                 size: 48
               }
@@ -4067,7 +4093,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
               z,
               /* @__PURE__ */ n(
-                we,
+                _e,
                 {
                   className: "invisible size-3 shrink-0",
                   weight: "bold"
@@ -4075,7 +4101,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ n(_e, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n(Ne, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { children: Pe })
             ] })
           ] })
@@ -4085,27 +4111,27 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: he,
+            className: ge,
             onClick: k,
             type: "button",
-            "aria-label": M ? "Unstar conversation" : "Star conversation",
+            "aria-label": A ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Ke,
               {
                 className: C("size-5", {
-                  "text-yellow-600": M,
-                  "text-black/90": !M
+                  "text-yellow-600": A,
+                  "text-black/90": !A
                 }),
-                weight: M ? "duotone" : "regular"
+                weight: A ? "duotone" : "regular"
               }
             )
           }
         ),
-        v && (c !== void 0 ? c : /* @__PURE__ */ n(
-          Yt,
+        c && (b !== void 0 ? b : /* @__PURE__ */ n(
+          Wt,
           {
             channel: p,
-            participant: N,
+            participant: _,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
@@ -4115,7 +4141,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: C(he, "bg-[#F1F0EE]")
+            triggerClassName: C(ge, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -4126,13 +4152,13 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: C(
-              he,
+              ge,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Vt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Ht, { className: "size-5 text-black/90" })
           }
         ),
         w ? /* @__PURE__ */ h(
@@ -4140,19 +4166,19 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             type: "button",
             onClick: w,
-            "aria-label": `View details for ${T}`,
+            "aria-label": `View details for ${M}`,
             className: C(
-              U,
+              j,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
             children: [
               /* @__PURE__ */ n(
-                ae,
+                se,
                 {
-                  id: ((F = N == null ? void 0 : N.user) == null ? void 0 : F.id) || p.id || "unknown",
-                  name: T,
-                  image: R,
-                  starred: s && M,
+                  id: ((O = _ == null ? void 0 : _.user) == null ? void 0 : O.id) || p.id || "unknown",
+                  name: M,
+                  image: L,
+                  starred: s && A,
                   dmAgentEnabled: a,
                   size: 48
                 }
@@ -4160,23 +4186,23 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ h("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
                   z,
-                  /* @__PURE__ */ n(we, { className: "size-4 shrink-0", weight: "bold" })
+                  /* @__PURE__ */ n(_e, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ n(_e, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n(Ne, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ n("span", { className: "truncate", children: Pe })
                 ] })
               ] })
             ]
           }
-        ) : /* @__PURE__ */ h("div", { className: U, children: [
+        ) : /* @__PURE__ */ h("div", { className: j, children: [
           /* @__PURE__ */ n(
-            ae,
+            se,
             {
-              id: ((O = N == null ? void 0 : N.user) == null ? void 0 : O.id) || p.id || "unknown",
-              name: T,
-              image: R,
-              starred: s && M,
+              id: ((F = _ == null ? void 0 : _.user) == null ? void 0 : F.id) || p.id || "unknown",
+              name: M,
+              image: L,
+              starred: s && A,
               dmAgentEnabled: a,
               size: 48
             }
@@ -4185,7 +4211,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
               z,
               /* @__PURE__ */ n(
-                we,
+                _e,
                 {
                   className: "invisible size-4 shrink-0",
                   weight: "bold"
@@ -4193,7 +4219,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ n(_e, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n(Ne, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { className: "truncate", children: Pe })
             ] })
           ] })
@@ -4203,27 +4229,27 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: he,
+            className: ge,
             onClick: k,
             type: "button",
-            "aria-label": M ? "Unstar conversation" : "Star conversation",
+            "aria-label": A ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Ke,
               {
                 className: C("size-6", {
-                  "text-yellow-600": M,
-                  "text-black/90": !M
+                  "text-yellow-600": A,
+                  "text-black/90": !A
                 }),
-                weight: M ? "duotone" : "regular"
+                weight: A ? "duotone" : "regular"
               }
             )
           }
         ),
-        v && (c !== void 0 ? c : /* @__PURE__ */ n(
-          Yt,
+        c && (b !== void 0 ? b : /* @__PURE__ */ n(
+          Wt,
           {
             channel: p,
-            participant: N,
+            participant: _,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
@@ -4233,13 +4259,13 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: he
+            triggerClassName: ge
           }
         ))
       ] })
     ] })
   ] });
-}, Pi = ({
+}, Fi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -4253,69 +4279,69 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onReportParticipantClick: g,
   showBlockParticipant: m = !0,
   showReportParticipant: f = !0,
-  composerDisabled: c = !1,
-  composerDisabledReason: v,
+  composerDisabled: b = !1,
+  composerDisabledReason: c,
   showStarButton: w = !1,
-  chatbotVotingEnabled: b = !1,
+  chatbotVotingEnabled: v = !1,
   renderChannelBanner: p,
-  renderHeaderTitleBadges: _,
-  customChannelActions: N,
-  renderChannelActions: T,
-  renderMessage: R,
-  dmAgentEnabled: M = !1,
-  viewerLanguage: D,
+  renderHeaderTitleBadges: N,
+  customChannelActions: _,
+  renderChannelActions: M,
+  renderMessage: L,
+  dmAgentEnabled: A = !1,
+  viewerLanguage: R,
   showChannelInfo: P = !0,
-  onParticipantNameClick: U,
+  onParticipantNameClick: j,
   composerInput: z
 }) => {
-  var K, ee, q, x;
-  const { channel: k } = ge(), { client: A } = pe(), E = j.useMemo(
+  var J, Z, q, x;
+  const { channel: k } = be(), { client: T } = ve(), S = B.useMemo(
     () => {
-      var I;
+      var E;
       return st(
-        (I = k.state) == null ? void 0 : I.members,
-        A == null ? void 0 : A.userID,
+        (E = k.state) == null ? void 0 : E.members,
+        T == null ? void 0 : T.userID,
         k.type
       );
     },
-    [(K = k.state) == null ? void 0 : K.members, A == null ? void 0 : A.userID, k.type]
-  ), y = j.useMemo(() => {
-    var G;
-    const I = A == null ? void 0 : A.userID;
-    return I ? Object.values(((G = k.state) == null ? void 0 : G.members) || {}).find((Z) => {
-      var $;
-      return (($ = Z.user) == null ? void 0 : $.id) === I;
+    [(J = k.state) == null ? void 0 : J.members, T == null ? void 0 : T.userID, k.type]
+  ), y = B.useMemo(() => {
+    var H;
+    const E = T == null ? void 0 : T.userID;
+    return E ? Object.values(((H = k.state) == null ? void 0 : H.members) || {}).find((Q) => {
+      var W;
+      return ((W = Q.user) == null ? void 0 : W.id) === E;
     }) : void 0;
-  }, [A == null ? void 0 : A.userID, (ee = k.state) == null ? void 0 : ee.members]), S = ((q = y == null ? void 0 : y.user) == null ? void 0 : q.is_account) ?? (y == null ? void 0 : y.is_account), F = ((x = E == null ? void 0 : E.user) == null ? void 0 : x.is_account) ?? (E == null ? void 0 : E.is_account), O = M && S === !1 && F === !0, V = X(
-    (I) => {
-      const { message: H } = Ee("ChannelView"), G = /* @__PURE__ */ n(
-        di,
+  }, [T == null ? void 0 : T.userID, (Z = k.state) == null ? void 0 : Z.members]), I = ((q = y == null ? void 0 : y.user) == null ? void 0 : q.is_account) ?? (y == null ? void 0 : y.is_account), O = ((x = S == null ? void 0 : S.user) == null ? void 0 : x.is_account) ?? (S == null ? void 0 : S.is_account), F = A && I === !1 && O === !0, U = K(
+    (E) => {
+      const { message: G } = Ee("ChannelView"), H = /* @__PURE__ */ n(
+        hi,
         {
-          ...I,
-          chatbotVotingEnabled: b,
-          viewerLanguage: D
+          ...E,
+          chatbotVotingEnabled: v,
+          viewerLanguage: R
         }
       );
-      return !R || !H ? G : R(G, H);
+      return !L || !G ? H : L(H, G);
     },
-    [b, R, D]
+    [v, L, R]
   );
   return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
-    ys,
+    Cs,
     {
       overrides: {
-        Message: V,
-        MessageActions: hi
+        Message: U,
+        MessageActions: pi
       },
-      children: /* @__PURE__ */ h(Cs, { children: [
+      children: /* @__PURE__ */ h(ks, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          Di,
+          Oi,
           {
             onBack: e,
             showBackButton: t,
             showChannelInfo: P,
             showStarButton: w,
-            dmAgentEnabled: O,
+            dmAgentEnabled: F,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -4324,31 +4350,31 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onDeleteConversationClick: d,
             onBlockParticipantClick: u,
             onReportParticipantClick: g,
-            customChannelActions: N,
-            renderChannelActions: T,
-            onParticipantNameClick: U,
-            renderHeaderTitleBadges: _
+            customChannelActions: _,
+            renderChannelActions: M,
+            onParticipantNameClick: j,
+            renderHeaderTitleBadges: N
           }
         ) }, "lt-channel-header"),
-        p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null,
+        p ? /* @__PURE__ */ n(B.Fragment, { children: p() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
-            children: /* @__PURE__ */ n(ks, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
+            children: /* @__PURE__ */ n(Ss, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(j.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(B.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          xi,
+          Ni,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(k)
             },
             renderFooter: () => a == null ? void 0 : a(k),
-            disabled: c,
-            disabledReason: v,
+            disabled: b,
+            disabledReason: c,
             composerInput: z
           },
           "lt-channel-message-input"
@@ -4356,7 +4382,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, Fn = j.memo(
+}, $n = B.memo(
   ({
     channel: e,
     onBack: t,
@@ -4367,86 +4393,86 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: u = Ri,
+    CustomChannelEmptyState: u = Pi,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: f,
-    onReportParticipantClick: c,
-    showBlockParticipant: v = !0,
+    onReportParticipantClick: b,
+    showBlockParticipant: c = !0,
     showReportParticipant: w = !0,
-    composerDisabled: b = !1,
+    composerDisabled: v = !1,
     composerDisabledReason: p,
-    dmAgentEnabled: _,
-    messageMetadata: N,
-    onMessageSent: T,
-    showStarButton: R = !1,
-    chatbotVotingEnabled: M = !1,
-    renderChannelBanner: D,
+    dmAgentEnabled: N,
+    messageMetadata: _,
+    onMessageSent: M,
+    showStarButton: L = !1,
+    chatbotVotingEnabled: A = !1,
+    renderChannelBanner: R,
     renderHeaderTitleBadges: P,
-    customChannelActions: U,
+    customChannelActions: j,
     renderChannelActions: z,
     renderMessage: k,
-    onMessageLinkClick: A,
-    sendButton: E,
+    onMessageLinkClick: T,
+    sendButton: S,
     attachmentPreviewList: y,
-    viewerLanguage: S,
-    showChannelInfo: F = !0,
-    onParticipantNameClick: O,
-    composerInput: V
+    viewerLanguage: I,
+    showChannelInfo: O = !0,
+    onParticipantNameClick: F,
+    composerInput: U
   }) => {
-    const K = X(
-      async (q, x, I) => {
-        var J;
-        const H = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, G = _ && !H, Z = {
+    const J = K(
+      async (q, x, E) => {
+        var ee;
+        const G = ((ee = e.data) == null ? void 0 : ee.chatbot_paused) === !0, H = N && !G, Q = {
           ...x,
-          ...G && { silent: !0 },
-          ...N && {
+          ...H && { silent: !0 },
+          ..._ && {
             metadata: {
               ...x.metadata ?? {},
-              ...N
+              ..._
             }
           }
-        }, $ = {
-          ...I,
-          ...G && { skip_push: !0 }
-        }, Q = await e.sendMessage(Z, $);
-        return T == null || T(Q), Q;
+        }, W = {
+          ...E,
+          ...H && { skip_push: !0 }
+        }, V = await e.sendMessage(Q, W);
+        return M == null || M(V), V;
       },
-      [e, _, N, T]
-    ), ee = Y(null);
-    return W(() => {
-      if (!A) return;
-      const q = ee.current;
+      [e, N, _, M]
+    ), Z = Y(null);
+    return X(() => {
+      if (!T) return;
+      const q = Z.current;
       if (!q) return;
-      const x = (I) => {
-        const H = I.target, G = H == null ? void 0 : H.closest("a[href]"), Z = G == null ? void 0 : G.getAttribute("href");
-        if (!Z) return;
-        const $ = G == null ? void 0 : G.closest("[data-message-id]"), Q = $ == null ? void 0 : $.getAttribute("data-message-id"), J = Q ? e.state.messages.find((Me) => Me.id === Q) : void 0;
-        A(Z, J);
+      const x = (E) => {
+        const G = E.target, H = G == null ? void 0 : G.closest("a[href]"), Q = H == null ? void 0 : H.getAttribute("href");
+        if (!Q) return;
+        const W = H == null ? void 0 : H.closest("[data-message-id]"), V = W == null ? void 0 : W.getAttribute("data-message-id"), ee = V ? e.state.messages.find((le) => le.id === V) : void 0;
+        T(Q, ee);
       };
       return q.addEventListener("click", x), () => q.removeEventListener("click", x);
-    }, [A, e]), /* @__PURE__ */ n(
+    }, [T, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: ee,
+        ref: Z,
         className: C(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(On.Provider, { value: _ ?? !1, children: /* @__PURE__ */ n(
-          Ns,
+        children: /* @__PURE__ */ n(Fn.Provider, { value: N ?? !1, children: /* @__PURE__ */ n(
+          ys,
           {
             channel: e,
-            MessageSystem: Ii,
+            MessageSystem: Mi,
             EmptyStateIndicator: u,
             LoadingIndicator: $e,
-            DateSeparator: oa,
-            TypingIndicator: Ai,
-            doSendMessageRequest: K,
-            ...E ? { SendButton: E } : {},
+            DateSeparator: ca,
+            TypingIndicator: Ri,
+            doSendMessageRequest: J,
+            ...S ? { SendButton: S } : {},
             ...y ? { AttachmentPreviewList: y } : {},
             children: /* @__PURE__ */ n(
-              Pi,
+              Fi,
               {
                 onBack: t,
                 showBackButton: s,
@@ -4459,23 +4485,23 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showDeleteConversation: g,
                 onDeleteConversationClick: m,
                 onBlockParticipantClick: f,
-                onReportParticipantClick: c,
-                showBlockParticipant: v,
+                onReportParticipantClick: b,
+                showBlockParticipant: c,
                 showReportParticipant: w,
-                composerDisabled: b,
+                composerDisabled: v,
                 composerDisabledReason: p,
-                showStarButton: R,
-                dmAgentEnabled: _,
-                chatbotVotingEnabled: M,
-                renderChannelBanner: D,
+                showStarButton: L,
+                dmAgentEnabled: N,
+                chatbotVotingEnabled: A,
+                renderChannelBanner: R,
                 renderHeaderTitleBadges: P,
-                customChannelActions: U,
+                customChannelActions: j,
                 renderChannelActions: z,
                 renderMessage: k,
-                viewerLanguage: S,
-                showChannelInfo: F,
-                onParticipantNameClick: O,
-                composerInput: V
+                viewerLanguage: I,
+                showChannelInfo: O,
+                onParticipantNameClick: F,
+                composerInput: U
               }
             )
           }
@@ -4484,8 +4510,8 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-Fn.displayName = "ChannelView";
-const Ne = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+$n.displayName = "ChannelView";
+const ye = B.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -4499,8 +4525,8 @@ const Ne = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-Ne.displayName = "ErrorState";
-const no = ({
+ye.displayName = "ErrorState";
+const ro = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -4514,79 +4540,79 @@ const no = ({
   dmAgentEnabled: g,
   onMessageSent: m,
   chatbotVotingEnabled: f = !1,
-  viewerLanguage: c,
-  renderHeaderTitleBadges: v,
+  viewerLanguage: b,
+  renderHeaderTitleBadges: c,
   renderChannelBanner: w,
-  customChannelActions: b,
+  customChannelActions: v,
   renderChannelActions: p,
-  onParticipantNameClick: _,
-  renderMessage: N,
-  onMessageLinkClick: T,
-  showChannelInfo: R,
-  composerInput: M
+  onParticipantNameClick: N,
+  renderMessage: _,
+  onMessageLinkClick: M,
+  showChannelInfo: L,
+  composerInput: A
 }) => {
   const {
-    client: D,
+    client: R,
     isConnected: P,
-    isLoading: U,
+    isLoading: j,
     error: z,
     refreshConnection: k,
-    service: A,
-    debug: E
-  } = Js(), [y, S] = B(null), [F, O] = B(null), [V, K] = B(!1), { showDeleteConversation: ee = !0 } = e, q = Y(o);
+    service: T,
+    debug: S
+  } = Qs(), [y, I] = $(null), [O, F] = $(null), [U, J] = $(!1), { showDeleteConversation: Z = !0 } = e, q = Y(o);
   q.current = o;
   const x = Y(a);
   x.current = a;
-  const I = Y(null), H = Y(null);
-  W(() => {
-    H.current = y;
-  }, [y]), W(() => {
-    if (!D || !P) return;
-    const $ = D.userID;
-    if (!$) return;
-    const Q = `${$}::${i}`;
-    if (I.current === Q) return;
-    I.current = Q;
-    const J = () => {
-      I.current === Q && (I.current = null);
+  const E = Y(null), G = Y(null);
+  X(() => {
+    G.current = y;
+  }, [y]), X(() => {
+    if (!R || !P) return;
+    const W = R.userID;
+    if (!W) return;
+    const V = `${W}::${i}`;
+    if (E.current === V) return;
+    E.current = V;
+    const ee = () => {
+      E.current === V && (E.current = null);
     };
     (async () => {
-      var Re, Le;
+      var Le, Re;
       try {
-        E && console.log(
+        S && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ne = await D.queryChannels(
+        const re = await R.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [$, i] }
+            members: { $eq: [W, i] }
           },
           {},
           { limit: 1 }
         );
-        if (ne.length > 0) {
-          S(ne[0]), O(null), (Re = x.current) == null || Re.call(x, ne[0]), E && console.log(
+        if (re.length > 0) {
+          I(re[0]), F(null), (Le = x.current) == null || Le.call(x, re[0]), S && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ne[0].id
+            re[0].id
           );
           return;
         }
-        const le = q.current;
-        if (!le || !A) {
-          J(), O("No conversation found with this account"), E && console.log(
+        const ce = q.current;
+        if (!ce || !T) {
+          ee(), F("No conversation found with this account"), S && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const ie = await A.startChannelWithParticipant({
-            id: le.id,
-            name: le.name,
-            phone: le.phone
+          const ie = await T.startChannelWithParticipant({
+            id: ce.id,
+            name: ce.name,
+            phone: ce.phone
           });
-          S(ie), O(null), (Le = x.current) == null || Le.call(x, ie), E && console.log(
+          I(ie), F(null), (Re = x.current) == null || Re.call(x, ie), S && console.log(
             "[MessagingShell] Channel created and loaded:",
             ie.id
           );
@@ -4594,64 +4620,64 @@ const no = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             ie
-          ), J(), O("Failed to create conversation");
+          ), ee(), F("Failed to create conversation");
         }
-      } catch (ne) {
+      } catch (re) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ne
-        ), J(), H.current || O("Failed to load conversation");
+          re
+        ), ee(), G.current || F("Failed to load conversation");
       }
     })();
-  }, [i, D, P, A, E]);
-  const G = Y(r);
-  G.current = r;
-  const Z = X(() => {
-    var $;
-    S(null), K(!0), ($ = G.current) == null || $.call(G);
+  }, [i, R, P, T, S]);
+  const H = Y(r);
+  H.current = r;
+  const Q = K(() => {
+    var W;
+    I(null), J(!0), (W = H.current) == null || W.call(H);
   }, []);
-  return U ? /* @__PURE__ */ n($e, {}) : z ? /* @__PURE__ */ n(Ne, { message: z, onBack: k }) : !P || !D ? /* @__PURE__ */ n(
-    Ne,
+  return j ? /* @__PURE__ */ n($e, {}) : z ? /* @__PURE__ */ n(ye, { message: z, onBack: k }) : !P || !R ? /* @__PURE__ */ n(
+    ye,
     {
       message: "Not connected to messaging service",
       onBack: k
     }
-  ) : F ? /* @__PURE__ */ n(Ne, { message: F }) : V && !y ? /* @__PURE__ */ n(Ne, { message: "Conversation ended" }) : y ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
-    Fn,
+  ) : O ? /* @__PURE__ */ n(ye, { message: O }) : U && !y ? /* @__PURE__ */ n(ye, { message: "Conversation ended" }) : y ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+    $n,
     {
       channel: y,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: w,
-      onLeaveConversation: Z,
-      onBlockParticipant: Z,
+      onLeaveConversation: Q,
+      onBlockParticipant: Q,
       CustomChannelEmptyState: l,
-      showDeleteConversation: ee,
+      showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: g,
       onMessageSent: m,
       chatbotVotingEnabled: f,
-      viewerLanguage: c,
-      renderHeaderTitleBadges: v,
-      customChannelActions: b,
+      viewerLanguage: b,
+      renderHeaderTitleBadges: c,
+      customChannelActions: v,
       renderChannelActions: p,
-      onParticipantNameClick: _,
-      renderMessage: N,
-      onMessageLinkClick: T,
-      showChannelInfo: R,
-      composerInput: M
+      onParticipantNameClick: N,
+      renderMessage: _,
+      onMessageLinkClick: M,
+      showChannelInfo: L,
+      composerInput: A
     },
     y.id
   ) }) }) : /* @__PURE__ */ n($e, {});
 };
-function zi(e) {
+function $i(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const $n = j.createContext({
+const Bn = B.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4659,18 +4685,18 @@ const $n = j.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Oi = $n.Provider, Fi = () => j.useContext($n), $i = (e, t) => {
+}), Bi = Bn.Provider, ji = () => B.useContext(Bn), Ui = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Bi = (e) => {
+}, Vi = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = $i(e, t);
+  const a = Ui(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4680,9 +4706,9 @@ const $n = j.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, Bn = j.memo(
+}, jn = B.memo(
   (e) => {
-    var P, U, z;
+    var P, j, z;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -4690,7 +4716,7 @@ const $n = j.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Fi(), { client: u } = pe(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = ln(t);
+    } = ji(), { client: u } = ve(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = dn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -4704,47 +4730,47 @@ const $n = j.createContext({
       );
     const f = () => {
       t && r(t);
-    }, c = (k) => {
-      const A = k.key === "Enter" || k.key === " ", E = k.repeat;
-      !A || E || (k.preventDefault(), f());
-    }, v = st(
+    }, b = (k) => {
+      const T = k.key === "Enter" || k.key === " ", S = k.repeat;
+      !T || S || (k.preventDefault(), f());
+    }, c = st(
       (P = t == null ? void 0 : t.state) == null ? void 0 : P.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = cn(v == null ? void 0 : v.user), b = (U = v == null ? void 0 : v.user) == null ? void 0 : U.image, p = (() => {
-      var A;
-      const k = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
+    ), w = un(c == null ? void 0 : c.user), v = (j = c == null ? void 0 : c.user) == null ? void 0 : j.image, p = (() => {
+      var T;
+      const k = (T = t == null ? void 0 : t.state) == null ? void 0 : T.messages;
       if (k != null && k.length) {
-        for (let E = k.length - 1; E >= 0; E--)
-          if (k[E].type !== "system") return k[E];
+        for (let S = k.length - 1; S >= 0; S--)
+          if (k[S].type !== "system") return k[S];
       }
-    })(), N = (() => {
-      var F, O, V, K;
-      const k = un({
+    })(), _ = (() => {
+      var O, F, U, J;
+      const k = hn({
         message: p,
         viewerLanguage: d
       });
-      if (((F = p == null ? void 0 : p.metadata) == null ? void 0 : F.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
-      if (((O = p == null ? void 0 : p.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
-      if (((V = p == null ? void 0 : p.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT")
+      if (((O = p == null ? void 0 : p.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
+      if (((F = p == null ? void 0 : p.metadata) == null ? void 0 : F.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
+      if (((U = p == null ? void 0 : p.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_ATTACHMENT")
         return k ? `📎 ${k}` : "📎 Sent an attachment";
       if (k) return k;
-      const S = (K = p == null ? void 0 : p.attachments) == null ? void 0 : K[0];
-      return S ? S.og_scrape_url ? S.og_scrape_url : S.type === "image" ? "📷 Sent an image" : S.type === "video" ? "🎥 Sent a video" : S.type === "audio" ? "🎵 Sent audio" : S.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), T = p != null && p.created_at ? Bi(new Date(p.created_at)) : "", R = p ? ze(p) : !1, M = l ? l(p, N) : `${R ? "✨ " : ""}${N}`, D = s ?? 0;
+      const I = (J = p == null ? void 0 : p.attachments) == null ? void 0 : J[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";
+    })(), M = p != null && p.created_at ? Vi(new Date(p.created_at)) : "", L = p ? ze(p) : !1, A = l ? l(p, _) : `${L ? "✨ " : ""}${_}`, R = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
       participantName: w,
-      unreadCount: D,
-      hasTimestamp: !!T
+      unreadCount: R,
+      hasTimestamp: !!M
     }), /* @__PURE__ */ n(
       "div",
       {
         role: "button",
         tabIndex: 0,
         onClick: f,
-        onKeyDown: c,
+        onKeyDown: b,
         className: C(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
@@ -4755,11 +4781,11 @@ const $n = j.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            ae,
+            se,
             {
-              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: m
             }
@@ -4778,11 +4804,11 @@ const $n = j.createContext({
                   ]
                 }
               ),
-              T && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: T })
+              M && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: M })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: M }),
-              D > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: D > 99 ? "99+" : D })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: A }),
+              R > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: R > 99 ? "99+" : R })
             ] })
           ] })
         ] })
@@ -4790,42 +4816,42 @@ const $n = j.createContext({
     );
   }
 );
-Bn.displayName = "CustomChannelPreview";
-const ji = { last_message_at: -1 }, Ui = j.memo(
+jn.displayName = "CustomChannelPreview";
+const Gi = { last_message_at: -1 }, Hi = B.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = ji,
+    sort: i = Gi,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = Ss,
+    channelListPaginator: d = Is,
     channelPreview: u,
     renderMessagePreview: g,
     viewerLanguage: m
   }) => {
-    const f = j.useRef(0);
+    const f = B.useRef(0);
     f.current++;
-    const { debug: c = !1 } = nt(), v = j.useCallback(
-      (b) => {
-        for (const p of b)
-          zi(p);
-        return r ? r(b) : b;
+    const { debug: b = !1 } = nt(), c = B.useCallback(
+      (v) => {
+        for (const p of v)
+          $i(p);
+        return r ? r(v) : v;
       },
       [r]
     );
-    c && console.log("📺 [ChannelList] 🔄 RENDER START", {
+    b && console.log("📺 [ChannelList] 🔄 RENDER START", {
       renderCount: f.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const w = j.useMemo(
+    const w = B.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: c,
+        debug: b,
         channelPreview: u,
         renderMessagePreview: g,
         viewerLanguage: m
@@ -4833,7 +4859,7 @@ const ji = { last_message_at: -1 }, Ui = j.memo(
       [
         t,
         e,
-        c,
+        b,
         u,
         g,
         m
@@ -4846,16 +4872,16 @@ const ji = { last_message_at: -1 }, Ui = j.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Oi, { value: w, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Bi, { value: w, children: /* @__PURE__ */ n(
           Es,
           {
             filters: s,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: v,
+            channelRenderFilterFn: c,
             Paginator: d,
-            Preview: Bn,
+            Preview: jn,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -4864,8 +4890,8 @@ const ji = { last_message_at: -1 }, Ui = j.memo(
     );
   }
 );
-Ui.displayName = "ChannelList";
-const Vi = ({
+Hi.displayName = "ChannelList";
+const Yi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4887,7 +4913,7 @@ const Vi = ({
     ),
     children: e
   }
-), so = ({
+), io = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4899,7 +4925,7 @@ const Vi = ({
   const l = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      ae,
+      se,
       {
         id: o || "account",
         name: o || "Account",
@@ -4916,7 +4942,7 @@ const Vi = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            Vi,
+            Yi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4930,40 +4956,40 @@ const Vi = ({
   ] }) });
 };
 export {
-  gn as A,
-  to as B,
-  Ri as C,
-  Mr as D,
-  ca as E,
-  so as F,
-  Js as G,
-  Xt as L,
-  Qi as M,
-  ve as a,
-  ae as b,
-  Ui as c,
-  Fn as d,
-  eo as e,
-  Vi as f,
+  bn as A,
+  ao as B,
+  Pi as C,
+  Rr as D,
+  ua as E,
+  io as F,
+  Qs as G,
+  Jt as L,
+  no as M,
+  xe as a,
+  se as b,
+  Hi as c,
+  $n as d,
+  so as e,
+  Yi as f,
   oe as g,
-  qt as h,
-  xe as i,
-  Or as j,
-  Zi as k,
-  no as l,
-  Xa as m,
-  Ya as n,
-  Bi as o,
-  Wa as p,
-  un as q,
-  fe as r,
-  vn as s,
-  ta as t,
-  $a as u,
-  da as v,
+  Xt as h,
+  we as i,
+  $r as j,
+  to as k,
+  ro as l,
+  Ja as m,
+  Wa as n,
+  Vi as o,
+  Ka as p,
+  hn as q,
+  pe as r,
+  wn as s,
+  sa as t,
+  ja as u,
+  ma as v,
   st as w,
   ot as x,
   lt as y,
-  cn as z
+  un as z
 };
-//# sourceMappingURL=index-D1XVCH1o.js.map
+//# sourceMappingURL=index-C4ipGbuZ.js.map