@linktr.ee/messaging-react 3.1.3 → 3.1.4-rc-1780636753

package/dist/{index-CnOvDQIp.js → index-CO975B6P.js}

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
-import z, { createContext as Ge, useContext as Se, useCallback as q, useState as O, useRef as X, useEffect as J, useMemo as ne, Suspense as He } from "react";
-import { StreamChatService as En } from "@linktr.ee/messaging-core";
-import { Chat as In, DateSeparator as Sn, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as Tn, useMessageReminder as An, useComponentContext as Ut, Attachment as Mn, EditMessageModal as Dn, MessageBlocked as Rn, MessageBouncePrompt as Ln, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as On, MessageRepliesCountButton as zn, ReminderNotification as Fn, StreamedMessageText as $n, messageHasAttachments as Bn, messageHasReactions as jn, isDateSeparatorMessage as Un, isMessageBlocked as Vn, isMessageBounced as Gn, MessageBounceModal as Hn, MessageText as At, Poll as Yn, MessageErrorIcon as qn, useMessageContext as be, useMessageComposer as Wn, useStateStore as Xn, MessageInput as Kn, useMessageInputContext as Jn, useMessageComposerHasSendableData as Zn, AttachmentPreviewList as Qn, QuotedMessagePreview as es, TextareaComposer as ts, MessageTimestamp as De, AIStates as Re, useTypingContext as ns, useAIState as ss, Channel as as, WithComponents as rs, Window as is, MessageList as os, ChannelList as ls } from "stream-chat-react";
-import { StarIcon as $e, XIcon as pe, SpinnerGapIcon as Le, SignOutIcon as cs, ProhibitInsetIcon as Mt, FlagIcon as Vt, FileIcon as Gt, ImageIcon as ds, SpeakerHighIcon as us, VideoCameraIcon as Ht, FileMdIcon as ms, FileTextIcon as hs, FileZipIcon as fs, FilePptIcon as gs, FileCsvIcon as bs, FileXlsIcon as ps, FileDocIcon as vs, FilePdfIcon as xs, CircleNotchIcon as fe, PlayIcon as Be, PauseIcon as ws, LinkIcon as Ns, DownloadSimpleIcon as ge, GiftIcon as _s, ThumbsUpIcon as ys, ThumbsDownIcon as Cs, TrashSimpleIcon as ks, ArrowUpIcon as Es, SparkleIcon as je, ProhibitIcon as Is, ArrowLeftIcon as Dt, DotsThreeIcon as Rt, PencilSimpleIcon as Ss, CaretLeftIcon as Ts, CaretRightIcon as As } from "@phosphor-icons/react";
-import y from "classnames";
-import { MessageActions as Ms, DefaultDropdownActionButton as Yt } from "stream-chat-react/experimental";
-import { LinkPreviewsManager as Lt } from "stream-chat";
-const qt = Ge({
+import R, { createContext as He, useContext as Te, useCallback as q, useState as z, useRef as X, useEffect as J, useMemo as ne, Suspense as Ye } from "react";
+import { StreamChatService as In } from "@linktr.ee/messaging-core";
+import { Chat as Sn, DateSeparator as Tn, useChannelStateContext as ce, useChatContext as qe, areMessageUIPropsEqual as An, useMessageReminder as Mn, useComponentContext as Ut, Attachment as Dn, EditMessageModal as Rn, MessageBlocked as Ln, MessageBouncePrompt as Pn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as Fn, ReminderNotification as $n, StreamedMessageText as Bn, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Un, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as Mt, Poll as qn, MessageErrorIcon as Wn, useMessageContext as be, useMessageComposer as Xn, useStateStore as Kn, MessageInput as Jn, useMessageInputContext as Zn, useMessageComposerHasSendableData as Qn, AttachmentPreviewList as es, QuotedMessagePreview as ts, TextareaComposer as ns, MessageTimestamp as Re, AIStates as Le, useTypingContext as ss, useAIState as as, Channel as rs, WithComponents as is, Window as os, MessageList as ls, ChannelList as cs } from "stream-chat-react";
+import { StarIcon as Be, XIcon as pe, SpinnerGapIcon as Pe, SignOutIcon as ds, ProhibitInsetIcon as Dt, FlagIcon as Gt, FileIcon as Ht, ImageIcon as us, SpeakerHighIcon as ms, VideoCameraIcon as Yt, FileMdIcon as hs, FileTextIcon as fs, FileZipIcon as gs, FilePptIcon as bs, FileCsvIcon as ps, FileXlsIcon as vs, FileDocIcon as xs, FilePdfIcon as ws, CircleNotchIcon as fe, PlayIcon as je, PauseIcon as Ns, LinkIcon as _s, DownloadSimpleIcon as ge, GiftIcon as ys, ThumbsUpIcon as Cs, ThumbsDownIcon as ks, TrashSimpleIcon as Es, ArrowUpIcon as Is, SparkleIcon as Ve, ProhibitIcon as Ss, ArrowLeftIcon as Rt, DotsThreeIcon as Lt, PencilSimpleIcon as Ts, CaretLeftIcon as As, CaretRightIcon as Ms } from "@phosphor-icons/react";
+import C from "classnames";
+import { MessageActions as Ds, DefaultDropdownActionButton as qt } from "stream-chat-react/experimental";
+import { LinkPreviewsManager as Pt } from "stream-chat";
+const Wt = He({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const qt = Ge({
   refreshConnection: async () => {
   },
   debug: !1
-}), qe = () => Se(qt), xi = ({
+}), We = () => Te(Wt), wi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -25,8 +25,8 @@ const qt = Ge({
   debug: i = !1
 }) => {
   const o = q(
-    (I, ...C) => {
-      i && console.log(`🔥 [MessagingProvider] ${I}`, ...C);
+    (E, ..._) => {
+      i && console.log(`🔥 [MessagingProvider] ${E}`, ..._);
     },
     [i]
   );
@@ -36,14 +36,14 @@ const qt = Ge({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = O(null), [m, g] = O(null), [u, f] = O(!1), [c, p] = O(!1), [N, v] = O(null), x = X(!1), w = X({
+  const [l, d] = z(null), [m, g] = z(null), [u, f] = z(!1), [c, p] = z(!1), [N, v] = z(null), x = X(!1), w = X({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), A = X(0);
-  A.current++, o("📊 RENDER INFO", {
-    renderCount: A.current,
+  }), T = X(0);
+  T.current++, o("📊 RENDER INFO", {
+    renderCount: T.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: w.current.userId !== (t == null ? void 0 : t.id),
@@ -57,9 +57,9 @@ const qt = Ge({
     serviceConfig: s,
     capabilities: r
   }, J(() => {
-    const I = A.current;
+    const E = T.current;
     if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: I,
+      renderCount: E,
       apiKey: !!a,
       serviceConfig: !!s,
       dependencies: {
@@ -70,34 +70,34 @@ const qt = Ge({
       }
     }), !a || !s) {
       o("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: I,
+        renderCount: E,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     o("🚀 CREATING NEW SERVICE", {
-      renderCount: I,
+      renderCount: E,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
       serviceConfigChanged: w.current.serviceConfig !== s
     });
-    const C = new En({
+    const _ = new In({
       ...s,
       apiKey: a,
       debug: i
     });
-    return d(C), o("✅ SERVICE SET", {
-      renderCount: I,
-      serviceInstance: !!C
+    return d(_), o("✅ SERVICE SET", {
+      renderCount: E,
+      serviceInstance: !!_
     }), () => {
       o("🧹 SERVICE CLEANUP", {
-        renderCount: I,
+        renderCount: E,
         reason: "Effect cleanup"
-      }), C.disconnectUser().catch(console.error);
+      }), _.disconnectUser().catch(console.error);
     };
   }, [a, s, i, o]);
-  const T = X(null);
+  const A = X(null);
   J(() => {
-    var C, k;
+    var _, k;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
@@ -113,7 +113,7 @@ const qt = Ge({
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((C = T.current) == null ? void 0 : C.serviceId) === l && ((k = T.current) == null ? void 0 : k.userId) === t.id) {
+    if (((_ = A.current) == null ? void 0 : _.serviceId) === l && ((k = A.current) == null ? void 0 : k.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -124,16 +124,16 @@ const qt = Ge({
       o("🚀 STARTING USER CONNECTION", { userId: t.id }), x.current = !0, p(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const E = await l.connectUser(t);
-        g(E), f(!0), T.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const I = await l.connectUser(t);
+        g(I), f(!0), A.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: E.userID
+          clientId: I.userID
         });
-      } catch (E) {
-        const D = E instanceof Error ? E.message : "Connection failed";
-        v(D), o("❌ USER CONNECTION ERROR", {
+      } catch (I) {
+        const L = I instanceof Error ? I.message : "Connection failed";
+        v(L), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: D
+          error: L
         });
       } finally {
         p(!1), x.current = !1, o("🔄 USER CONNECTION FINISHED", {
@@ -149,7 +149,7 @@ const qt = Ge({
     l && u ? (o(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), T.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
+    ), A.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!l,
       isConnected: u
     });
@@ -165,18 +165,18 @@ const qt = Ge({
     o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), p(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
-      const I = await l.connectUser(t);
-      g(I), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (I) {
-      const C = I instanceof Error ? I.message : "Refresh failed";
-      v(C), o("❌ CONNECTION REFRESH ERROR", {
+      const E = await l.connectUser(t);
+      g(E), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (E) {
+      const _ = E instanceof Error ? E.message : "Refresh failed";
+      v(_), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: C
+        error: _
       });
     } finally {
       p(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), R = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), M = R.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
@@ -204,11 +204,11 @@ const qt = Ge({
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: A.current,
+    renderCount: T.current,
     willRenderChat: !!(m && u),
-    contextValueReady: !!R
-  }), /* @__PURE__ */ n(qt.Provider, { value: R, children: m && u ? /* @__PURE__ */ n(
-    In,
+    contextValueReady: !!M
+  }), /* @__PURE__ */ n(Wt.Provider, { value: M, children: m && u ? /* @__PURE__ */ n(
+    Sn,
     {
       client: m,
       customClasses: {
@@ -217,9 +217,9 @@ const qt = Ge({
       children: e
     }
   ) : e });
-}, Ds = () => qe(), Wt = (e) => {
+}, Rs = () => We(), Xt = (e) => {
   var a, r;
-  const [t, s] = O(
+  const [t, s] = z(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return J(() => {
@@ -239,18 +239,18 @@ const qt = Ge({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, Rs = /^[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 Ls(e) {
-  return Rs.test(e.trim());
+}, Ls = /^[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 Ps(e) {
+  return Ls.test(e.trim());
 }
-function Pt(e, t) {
+function Ot(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !Ls(s);
+  return !s || t && s === t ? !1 : !Ps(s);
 }
-function Te(e) {
-  return Pt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Pt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function Ae(e) {
+  return Ot(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ot(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Ot = [
+const zt = [
   "🍎",
   // Apple
   "🍌",
@@ -278,7 +278,7 @@ const Ot = [
   "🍈"
   // Melon
 ];
-function Ps(e) {
+function Os(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -286,9 +286,9 @@ function Ps(e) {
   }
   return Math.abs(t);
 }
-function Os(e) {
-  const s = Ps(e) % Ot.length;
-  return Ot[s];
+function zs(e) {
+  const s = Os(e) % zt.length;
+  return zt[s];
 }
 const ae = ({
   id: e,
@@ -299,7 +299,7 @@ const ae = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Os(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  const l = zs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -310,7 +310,7 @@ const ae = ({
     "div",
     {
       "aria-hidden": "true",
-      className: y(
+      className: C(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         m
       ),
@@ -320,7 +320,7 @@ const ae = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -335,14 +335,14 @@ const ae = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n($e, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(Be, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
           "div",
           {
             "data-testid": "avatar-ring",
-            className: y(
+            className: C(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -370,7 +370,7 @@ const ae = ({
   "button",
   {
     type: "button",
-    className: y(
+    className: C(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -379,12 +379,12 @@ const ae = ({
     children: s
   }
 );
-function zs({ label: e, className: t, children: s, ...a }) {
+function Fs({ label: e, className: t, children: s, ...a }) {
   return /* @__PURE__ */ h(
     "button",
     {
       type: "button",
-      className: y(
+      className: C(
         "inline-flex items-center justify-center rounded-full transition-colors focus-ring p-2",
         {
           "cursor-not-allowed opacity-50": a.disabled,
@@ -400,10 +400,10 @@ function zs({ label: e, className: t, children: s, ...a }) {
     }
   );
 }
-function Fs({ onClick: e }) {
-  return /* @__PURE__ */ n(zs, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(pe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+function $s({ onClick: e }) {
+  return /* @__PURE__ */ n(Fs, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(pe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const $s = ({
+const Bs = ({
   dialogRef: e,
   onClose: t,
   participant: s,
@@ -422,65 +422,65 @@ const $s = ({
   customChannelActions: N
 }) => {
   var B, H, Y, $;
-  const { service: v, debug: x } = qe(), [w, A] = O(!1), [T, S] = O(!1), [R, I] = O(!1), C = q(async () => {
+  const { service: v, debug: x } = We(), [w, T] = z(!1), [A, S] = z(!1), [M, E] = z(!1), _ = q(async () => {
     var b;
     if (!(!m || !v || !((b = s == null ? void 0 : s.user) != null && b.id)))
       try {
-        const L = (await v.getBlockedUsers()).some(
-          (M) => {
+        const P = (await v.getBlockedUsers()).some(
+          (D) => {
             var W;
-            return M.blocked_user_id === ((W = s == null ? void 0 : s.user) == null ? void 0 : W.id);
+            return D.blocked_user_id === ((W = s == null ? void 0 : s.user) == null ? void 0 : W.id);
           }
         );
-        A(L);
-      } catch (_) {
+        T(P);
+      } catch (y) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          _
+          y
         );
       }
   }, [v, (B = s == null ? void 0 : s.user) == null ? void 0 : B.id, m]);
   J(() => {
-    C();
-  }, [C]);
+    _();
+  }, [_]);
   const k = async () => {
     var b;
-    if (!T) {
+    if (!A) {
       u == null || u(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), S(!0);
       try {
-        const _ = ((b = r._client) == null ? void 0 : b.userID) ?? null;
-        await r.hide(_, !1), o && await o(r), t();
-      } catch (_) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", _);
+        const y = ((b = r._client) == null ? void 0 : b.userID) ?? null;
+        await r.hide(y, !1), o && await o(r), t();
+      } catch (y) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", y);
       } finally {
         S(!1);
       }
     }
-  }, E = async () => {
-    var b, _, L;
-    if (!(R || !v)) {
-      f == null || f(), x && console.log("[ChannelInfoDialog] Block member", (b = s == null ? void 0 : s.user) == null ? void 0 : b.id), I(!0);
+  }, I = async () => {
+    var b, y, P;
+    if (!(M || !v)) {
+      f == null || f(), x && console.log("[ChannelInfoDialog] Block member", (b = s == null ? void 0 : s.user) == null ? void 0 : b.id), E(!0);
       try {
-        await v.blockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
-      } catch (M) {
-        console.error("[ChannelInfoDialog] Failed to block member", M);
+        await v.blockUser((y = s == null ? void 0 : s.user) == null ? void 0 : y.id), l && await l((P = s == null ? void 0 : s.user) == null ? void 0 : P.id), t();
+      } catch (D) {
+        console.error("[ChannelInfoDialog] Failed to block member", D);
       } finally {
-        I(!1);
+        E(!1);
       }
     }
-  }, D = async () => {
-    var b, _, L;
-    if (!(R || !v)) {
-      f == null || f(), x && console.log("[ChannelInfoDialog] Unblock member", (b = s == null ? void 0 : s.user) == null ? void 0 : b.id), I(!0);
+  }, L = async () => {
+    var b, y, P;
+    if (!(M || !v)) {
+      f == null || f(), x && console.log("[ChannelInfoDialog] Unblock member", (b = s == null ? void 0 : s.user) == null ? void 0 : b.id), E(!0);
       try {
-        await v.unBlockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
-      } catch (M) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", M);
+        await v.unBlockUser((y = s == null ? void 0 : s.user) == null ? void 0 : y.id), l && await l((P = s == null ? void 0 : s.user) == null ? void 0 : P.id), t();
+      } catch (D) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", D);
       } finally {
-        I(!1);
+        E(!1);
       }
     }
-  }, U = () => {
+  }, V = () => {
     c == null || c(), t(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -488,7 +488,7 @@ const $s = ({
     );
   };
   if (!s) return null;
-  const F = a ?? Te(s.user), Z = (H = s.user) == null ? void 0 : H.image, V = (Y = s.user) == null ? void 0 : Y.username, G = V ? `linktr.ee/${V}` : void 0, P = (($ = s.user) == null ? void 0 : $.id) || "unknown";
+  const F = a ?? Ae(s.user), Z = (H = s.user) == null ? void 0 : H.image, U = (Y = s.user) == null ? void 0 : Y.username, G = U ? `linktr.ee/${U}` : void 0, O = (($ = s.user) == null ? void 0 : $.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n(
@@ -503,7 +503,7 @@ const $s = ({
         children: /* @__PURE__ */ h("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
           /* @__PURE__ */ h("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
             /* @__PURE__ */ n("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
-            /* @__PURE__ */ n(Fs, { onClick: t })
+            /* @__PURE__ */ n($s, { onClick: t })
           ] }),
           /* @__PURE__ */ h("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ h(
@@ -516,7 +516,7 @@ const $s = ({
                     /* @__PURE__ */ n(
                       ae,
                       {
-                        id: P,
+                        id: O,
                         name: F,
                         image: Z,
                         size: 88,
@@ -551,10 +551,10 @@ const $s = ({
                 ye,
                 {
                   onClick: k,
-                  disabled: T,
-                  "aria-busy": T,
+                  disabled: A,
+                  "aria-busy": A,
                   children: [
-                    T ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(cs, { className: "h-5 w-5" }),
+                    A ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ds, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -562,28 +562,28 @@ const $s = ({
               m && /* @__PURE__ */ n("li", { children: w ? /* @__PURE__ */ h(
                 ye,
                 {
-                  onClick: D,
-                  disabled: R,
-                  "aria-busy": R,
+                  onClick: L,
+                  disabled: M,
+                  "aria-busy": M,
                   children: [
-                    R ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
+                    M ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ h(
                 ye,
                 {
-                  onClick: E,
-                  disabled: R,
-                  "aria-busy": R,
+                  onClick: I,
+                  disabled: M,
+                  "aria-busy": M,
                   children: [
-                    R ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
+                    M ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Block" })
                   ]
                 }
               ) }),
-              g && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ye, { variant: "danger", onClick: U, children: [
-                /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
+              g && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ye, { variant: "danger", onClick: V, children: [
+                /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Report" })
               ] }) }),
               N
@@ -593,13 +593,13 @@ const $s = ({
       }
     )
   );
-}, Bs = (e) => /* @__PURE__ */ n(Sn, { ...e, position: "center" }), Ue = "vote_up", Ve = "vote_down";
-function js(e) {
-  return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === Ue) ? "up" : null : null;
+}, js = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), Ue = "vote_up", Ge = "vote_down";
+function Vs(e) {
+  return e != null && e.length ? e.some((t) => t.type === Ge) ? "down" : e.some((t) => t.type === Ue) ? "up" : null : null;
 }
 function Us(e) {
-  const { channel: t } = ce(), { client: s } = Ye("useMessageVote"), a = ne(
-    () => js(e.own_reactions),
+  const { channel: t } = ce(), { client: s } = qe("useMessageVote"), a = ne(
+    () => Vs(e.own_reactions),
     [e.own_reactions]
   ), r = q(async () => {
     if (s != null && s.userID)
@@ -614,9 +614,9 @@ function Us(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]), i = q(async () => {
     if (s != null && s.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, Ge) : await t.sendReaction(
           e.id,
-          { type: Ve },
+          { type: Ge },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -624,24 +624,24 @@ function Us(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Vs(e) {
+function Gs(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Xt({
+function Kt({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Vs(t);
+  const s = e == null ? void 0 : e.text, a = Gs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Gs = z.lazy(() => import("./Card-Ctub3AU9.js")), Hs = z.lazy(() => import("./Card-RHd97_iq.js")), Ys = z.lazy(() => import("./Card-VEde2Hfe.js")), We = () => /* @__PURE__ */ n(
+const Hs = R.lazy(() => import("./Card-BwFdJXYm.js")), Ys = R.lazy(() => import("./Card-B9atg4sP.js")), qs = R.lazy(() => import("./Card-jyXjZZ0u.js")), Xe = () => /* @__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
   }
-), qs = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Ws = Kt, Xs = Jt, zt = { Composer: qs, Sent: Kt, Received: Jt, Creator: Ws, Visitor: Xs }, Ks = [
+), Ws = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Zt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Xs = Jt, Ks = Zt, Ft = { Composer: Ws, Sent: Jt, Received: Zt, Creator: Xs, Visitor: Ks }, Js = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -654,39 +654,39 @@ const Gs = z.lazy(() => import("./Card-Ctub3AU9.js")), Hs = z.lazy(() => import(
 function re(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function Zt(e) {
-  const t = Ks.find(
+function Qt(e) {
+  const t = Js.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Js = {
-  video: Ht,
-  audio: us,
-  image: ds,
-  document: Gt
-}, Zs = {
-  pdf: xs,
-  doc: vs,
-  xls: ps,
-  csv: bs,
-  ppt: gs,
-  zip: fs,
-  text: hs,
-  markdown: ms,
-  generic: Gt
+const Zs = {
+  video: Yt,
+  audio: ms,
+  image: us,
+  document: Ht
+}, Qs = {
+  pdf: ws,
+  doc: xs,
+  xls: vs,
+  csv: ps,
+  ppt: bs,
+  zip: gs,
+  text: fs,
+  markdown: hs,
+  generic: Ht
 };
-function Qs(e) {
+function ea(e) {
   const t = re(e);
-  return t !== "document" ? Js[t] : Zs[Zt(e)];
+  return t !== "document" ? Zs[t] : Qs[Qt(e)];
 }
 function le(e, t) {
-  return z.createElement(Qs(e), t);
+  return R.createElement(ea(e), t);
 }
-const ea = (e) => {
+const ta = (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;
-}, ta = ({
+}, na = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -698,23 +698,23 @@ const ea = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = re(t), u = X(null), f = X(null), c = X(null), p = X(r), [N, v] = O(a), [x, w] = O(0), [A, T] = O(!1), [S, R] = O(!1), [I, C] = O(!1), [k, E] = O(!1), [D, U] = O(!0), [F, Z] = O(null), V = q(() => {
-    C(!1), v(!0);
+  const g = re(t), u = X(null), f = X(null), c = X(null), p = X(r), [N, v] = z(a), [x, w] = z(0), [T, A] = z(!1), [S, M] = z(!1), [E, _] = z(!1), [k, I] = z(!1), [L, V] = z(!0), [F, Z] = z(null), U = q(() => {
+    _(!1), v(!0);
   }, []), G = q((b) => {
-    const _ = f.current;
-    if (!_) return 0;
-    const L = _.getBoundingClientRect();
+    const y = f.current;
+    if (!y) return 0;
+    const P = y.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ea(b) - L.left) / L.width)
+      Math.min(1, (ta(b) - P.left) / P.width)
     );
-  }, []), P = q((b) => {
-    const _ = u.current;
-    _ && _.duration && (_.currentTime = b * _.duration);
+  }, []), O = q((b) => {
+    const y = u.current;
+    y && y.duration && (y.currentTime = b * y.duration);
   }, []), B = (b) => {
-    b.stopPropagation(), T(!0);
-    const _ = G(b);
-    w(_), P(_);
+    b.stopPropagation(), A(!0);
+    const y = G(b);
+    w(y), O(y);
   };
   J(() => {
     r !== void 0 && r !== p.current && (p.current = r, v(r));
@@ -724,26 +724,26 @@ const ea = (e) => {
       return;
     }
     const b = () => {
-      const _ = u.current;
-      _ && _.duration && !A && w(_.currentTime / _.duration), c.current = requestAnimationFrame(b);
+      const y = u.current;
+      y && y.duration && !T && w(y.currentTime / y.duration), c.current = requestAnimationFrame(b);
     };
     return c.current = requestAnimationFrame(b), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [N, A]), J(() => {
+  }, [N, T]), J(() => {
     const b = u.current;
-    b && (N ? b.play().catch((_) => {
-      v(!1), C(!0);
+    b && (N ? b.play().catch((y) => {
+      v(!1), _(!0);
     }) : b.pause());
   }, [N]), J(() => {
-    if (!A) return;
-    const b = (L) => w(G(L)), _ = (L) => {
-      T(!1), P(G(L));
+    if (!T) return;
+    const b = (P) => w(G(P)), y = (P) => {
+      A(!1), O(G(P));
     };
-    return window.addEventListener("mousemove", b), window.addEventListener("mouseup", _), window.addEventListener("touchmove", b, { passive: !0 }), window.addEventListener("touchend", _), () => {
-      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", b), window.removeEventListener("touchend", _);
+    return window.addEventListener("mousemove", b), window.addEventListener("mouseup", y), window.addEventListener("touchmove", b, { passive: !0 }), window.addEventListener("touchend", y), () => {
+      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", y), window.removeEventListener("touchmove", b), window.removeEventListener("touchend", y);
     };
-  }, [A, G, P]);
+  }, [T, G, O]);
   const H = F ? { aspectRatio: String(F) } : void 0, Y = F ? "" : " aspect-video", $ = Math.round(x * 100);
   return /* @__PURE__ */ h(
     "div",
@@ -757,7 +757,7 @@ const ea = (e) => {
           m(b);
           return;
         }
-        I || o && v((_) => !_);
+        E || o && v((y) => !y);
       },
       onKeyDown: (b) => {
         if (!(b.key !== "Enter" && b.key !== " ")) {
@@ -765,11 +765,11 @@ const ea = (e) => {
             m(b);
             return;
           }
-          I || o && v((_) => !_);
+          E || o && v((y) => !y);
         }
       },
       children: [
-        s && (g === "audio" || D) && /* @__PURE__ */ n(
+        s && (g === "audio" || L) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -777,7 +777,7 @@ const ea = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || D) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
+        !s && (g === "audio" || L) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -789,12 +789,12 @@ const ea = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => E(!0),
+            onLoadStart: () => I(!0),
             onCanPlay: () => {
-              E(!1), U(!1);
+              I(!1), V(!1);
             },
-            onWaiting: () => E(!0),
-            onPlay: () => C(!1),
+            onWaiting: () => I(!0),
+            onPlay: () => _(!1),
             onEnded: () => {
               i || (v(!1), w(0));
             },
@@ -809,12 +809,12 @@ const ea = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => E(!0),
+            onLoadStart: () => I(!0),
             onCanPlay: () => {
-              E(!1), U(!1);
+              I(!1), V(!1);
             },
-            onWaiting: () => E(!0),
-            onPlay: () => C(!1),
+            onWaiting: () => I(!0),
+            onPlay: () => _(!1),
             onLoadedMetadata: () => {
               const b = u.current;
               b instanceof HTMLVideoElement && b.videoWidth && b.videoHeight && Z(b.videoWidth / b.videoHeight);
@@ -825,14 +825,14 @@ const ea = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        k && !I && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        k && !E && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           fe,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        I && !o && /* @__PURE__ */ n(
+        E && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -840,12 +840,12 @@ const ea = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (b) => {
-              b.stopPropagation(), V();
+              b.stopPropagation(), U();
             },
             onKeyDown: (b) => {
-              b.key !== "Enter" && b.key !== " " || (b.preventDefault(), b.stopPropagation(), V());
+              b.key !== "Enter" && b.key !== " " || (b.preventDefault(), b.stopPropagation(), U());
             },
-            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(Be, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            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" }) })
           }
         ),
         l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
@@ -863,7 +863,7 @@ const ea = (e) => {
             onTouchStart: B,
             onClick: (b) => b.stopPropagation(),
             onKeyDown: (b) => {
-              b.key === "ArrowRight" && P(Math.min(1, x + 0.05)), b.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
+              b.key === "ArrowRight" && O(Math.min(1, x + 0.05)), b.key === "ArrowLeft" && O(Math.max(0, x - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -880,11 +880,11 @@ const ea = (e) => {
             {
               type: "button",
               onClick: (b) => {
-                b.stopPropagation(), v((_) => !_);
+                b.stopPropagation(), v((y) => !y);
               },
               className: "shrink-0 text-white",
               "aria-label": N ? "Pause" : "Play",
-              children: N ? /* @__PURE__ */ n(ws, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
+              children: N ? /* @__PURE__ */ n(Ns, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(je, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -901,16 +901,16 @@ const ea = (e) => {
               onMouseDown: B,
               onTouchStart: B,
               onClick: (b) => b.stopPropagation(),
-              onMouseEnter: () => R(!0),
-              onMouseLeave: () => R(!1),
+              onMouseEnter: () => M(!0),
+              onMouseLeave: () => M(!1),
               onKeyDown: (b) => {
-                b.key === "ArrowRight" && P(Math.min(1, x + 0.05)), b.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
+                b.key === "ArrowRight" && O(Math.min(1, x + 0.05)), b.key === "ArrowLeft" && O(Math.max(0, x - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${S || A ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${S || T ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
@@ -923,7 +923,7 @@ const ea = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || A ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || T ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${$}%` }
                   }
                 )
@@ -934,7 +934,7 @@ const ea = (e) => {
       ]
     }
   );
-}, Ft = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", na = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
+}, $t = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", sa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", en = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -943,9 +943,9 @@ const ea = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = re(e), [d, m] = O(!1);
+  const l = re(e), [d, m] = z(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    ta,
+    na,
     {
       source: t,
       mimeType: e,
@@ -992,11 +992,11 @@ const ea = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: le(e, {
-        className: Ft(r),
+        className: $t(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${na(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${sa(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1009,12 +1009,12 @@ const ea = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: le(e, {
-        className: Ft(r),
+        className: $t(r),
         weight: "regular"
       })
     }
   );
-}, en = ({
+}, tn = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1034,7 +1034,7 @@ const ea = (e) => {
     {
       ref: g,
       "data-testid": u,
-      className: y(
+      className: C(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#121110]" : "bg-white"
       ),
@@ -1046,7 +1046,7 @@ const ea = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: y("mb-0.5 truncate text-base font-medium", {
+              className: C("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
                 "text-white/30": f && p,
                 "text-white": f && !p
@@ -1056,7 +1056,7 @@ const ea = (e) => {
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
             le(r, {
-              className: y(
+              className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1065,7 +1065,7 @@ const ea = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: y(
+                className: C(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1080,29 +1080,29 @@ const ea = (e) => {
     }
   );
 };
-function tn(e) {
+function nn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Xe(e) {
+function Ke(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 sa(e) {
+function aa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function aa(e) {
+function ra(e) {
   return e ? "text-white" : "text-black";
 }
-function ra(e) {
+function ia(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function ia(e) {
+function oa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function oa(e) {
+function la(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const Ke = ({ 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, m = /* @__PURE__ */ h(z.Fragment, { children: [
+const Je = ({ 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, m = /* @__PURE__ */ h(R.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1113,26 +1113,26 @@ const Ke = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${sa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Ns, { className: `size-12 ${oa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${aa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(_s, { className: `size-12 ${la(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${aa(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ra(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ia(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ra(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 ${oa(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ n("div", { className: "block", children: m });
 };
-function nn(e) {
+function sn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function Je(e) {
+function Ze(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(nn);
+  return (t = e.attachments) == null ? void 0 : t.find(sn);
 }
-async function la(e, t) {
+async function ca(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1144,11 +1144,11 @@ async function la(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 ca = ({
+const da = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = O(!1);
+  const [s, a] = z(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1156,7 +1156,7 @@ const ca = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), la(e, t).then(() => {
+        a(!0), ca(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1164,14 +1164,14 @@ const ca = ({
       },
       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(fe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(z.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(fe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(R.Fragment, { children: [
         /* @__PURE__ */ n(ge, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function Ze(e) {
+function Qe(e) {
   var u, f, c, p;
   const t = (u = e.attachments) == null ? void 0 : u.find(
     (N) => N.type === "video" && N.asset_url
@@ -1192,16 +1192,16 @@ function Ze(e) {
     thumbnailUrl: g
   };
 }
-const sn = ({
+const an = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? tn(a) : void 0;
+  const i = a !== void 0 ? nn(a) : void 0;
   return /* @__PURE__ */ n(
-    en,
+    tn,
     {
       variant: "dark",
       title: s,
@@ -1209,7 +1209,7 @@ const sn = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        Qt,
+        en,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1220,23 +1220,23 @@ const sn = ({
       )
     }
   );
-}, an = ({
+}, rn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = re(t), o = a !== void 0 ? tn(a) : void 0;
+  const i = re(t), o = a !== void 0 ? nn(a) : void 0;
   return /* @__PURE__ */ n(
-    en,
+    tn,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        Qt,
+        en,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1246,14 +1246,14 @@ const sn = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(ca, { url: e, filename: s })
+      action: /* @__PURE__ */ n(da, { url: e, filename: s })
     }
   );
-}, da = ({
+}, ua = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = Je(e), a = Ze(e);
+  const s = Ze(e), a = Qe(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", children: [
     !t && e.user && /* @__PURE__ */ n(
       ae,
@@ -1274,40 +1274,40 @@ const sn = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: Xe(t), children: /* @__PURE__ */ n(Ke, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(sn, { ...a }) : /* @__PURE__ */ n(an, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: Ke(t), children: /* @__PURE__ */ n(Je, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(an, { ...a }) : /* @__PURE__ */ n(rn, { ...a })
           }
         ) })
       }
     )
   ] });
-}, ua = ({
+}, ma = ({
   message: e
 }) => {
-  const t = Je(e);
+  const t = Ze(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !0 }) });
-  const s = Ze(e);
-  return s ? /* @__PURE__ */ n(sn, { ...s }) : null;
-}, ma = ({
+    return /* @__PURE__ */ n("div", { className: Ke(!0), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !0 }) });
+  const s = Qe(e);
+  return s ? /* @__PURE__ */ n(an, { ...s }) : null;
+}, ha = ({
   message: e
 }) => {
-  const t = Je(e);
+  const t = Ze(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
-  const s = Ze(e);
-  return s ? /* @__PURE__ */ n(an, { ...s }) : null;
-}, wi = Object.assign(da, {
-  Creator: ua,
-  Visitor: ma
-}), ha = {
+    return /* @__PURE__ */ n("div", { className: Ke(!1), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !1 }) });
+  const s = Qe(e);
+  return s ? /* @__PURE__ */ n(rn, { ...s }) : null;
+}, Ni = Object.assign(ua, {
+  Creator: ma,
+  Visitor: ha
+}), fa = {
   isUnlocking: () => !1
-}, fa = {
-  LockedAttachment: ha
-}, rn = Ge({}), Ni = rn.Provider;
-function ga(e) {
-  return Se(rn)[e] ?? fa[e];
+}, ga = {
+  LockedAttachment: fa
+}, on = He({}), _i = on.Provider;
+function ba(e) {
+  return Te(on)[e] ?? ga[e];
 }
-const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1324,29 +1324,29 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), pa = (e) => {
+), va = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, va = (e) => {
+}, xa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Ce = (e) => {
+}, ke = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, xa = (e) => {
+}, wa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, on = (e) => pa(e) || va(e), wa = (e) => {
+}, ln = (e) => va(e) || xa(e), Na = (e) => {
   var t;
-  return on(e) && !((t = e.text) != null && t.trim());
-}, Pe = ({
+  return ln(e) && !((t = e.text) != null && t.trim());
+}, Oe = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = on(e), i = Ce(e);
+  const r = ln(e), i = ke(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -1354,7 +1354,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", p = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(_s, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(ys, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: p })
     ] });
   }
@@ -1362,7 +1362,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(ba, { size: o ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(pa, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { children: [
     m,
     g
@@ -1370,7 +1370,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     g,
     m
   ] }) });
-}, Na = ({
+}, _a = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1379,32 +1379,32 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(ys, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Cs, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Cs, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(ks, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), _a = (e) => {
-  var ft, gt, bt, pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et, It;
+] }), ya = (e) => {
+  var gt, bt, pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et, It, St;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1422,57 +1422,57 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: p,
     threadList: N,
     viewerLanguage: v
-  } = e, { client: x } = Ye("CustomMessage"), { channel: w } = ce("CustomMessage"), { isUnlocking: A, onUnlockClick: T, onFetchSource: S, onDownloadClick: R } = ga("LockedAttachment"), [I, C] = O(!1), k = An(c.id), { selected: E, voteUp: D, voteDown: U } = Us(c), {
-    Attachment: F = Mn,
-    EditMessageModal: Z = Dn,
-    MessageActions: V,
-    MessageBlocked: G = Rn,
-    MessageBouncePrompt: P = Ln,
-    MessageDeleted: B = Pn,
-    MessageIsThreadReplyInChannelButtonIndicator: H = On,
-    MessageRepliesCountButton: Y = zn,
-    ReminderNotification: $ = Fn,
-    StreamedMessageText: b = $n,
-    PinIndicator: _
-  } = Ut("CustomMessage"), L = Bn(c), M = jn(c), W = ne(
+  } = e, { client: x } = qe("CustomMessage"), { channel: w } = ce("CustomMessage"), { isUnlocking: T, onUnlockClick: A, onFetchSource: S, onDownloadClick: M } = ba("LockedAttachment"), [E, _] = z(!1), k = Mn(c.id), { selected: I, voteUp: L, voteDown: V } = Us(c), {
+    Attachment: F = Dn,
+    EditMessageModal: Z = Rn,
+    MessageActions: U,
+    MessageBlocked: G = Ln,
+    MessageBouncePrompt: O = Pn,
+    MessageDeleted: B = On,
+    MessageIsThreadReplyInChannelButtonIndicator: H = zn,
+    MessageRepliesCountButton: Y = Fn,
+    ReminderNotification: $ = $n,
+    StreamedMessageText: b = Bn,
+    PinIndicator: y
+  } = Ut("CustomMessage"), P = jn(c), D = Vn(c), W = ne(
     () => u == null ? void 0 : u(c),
     [u, c]
   ), j = ne(() => {
     const me = c.attachments ?? [], _e = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!Ce(c)) return _e;
-    const St = _e.filter((Tt) => !("type" in Tt) || !nn(Tt));
-    return St.length === _e.length ? _e : St;
+    if (!ke(c)) return _e;
+    const Tt = _e.filter((At) => !("type" in At) || !sn(At));
+    return Tt.length === _e.length ? _e : Tt;
   }, [c]), K = ne(() => {
-    const me = Xt({ message: c, viewerLanguage: v });
+    const me = Kt({ message: c, viewerLanguage: v });
     return me === c.text ? c : { ...c, text: me };
   }, [c, v]);
   if (Un(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(B, { message: c });
-  if (Vn(c))
+  if (Gn(c))
     return /* @__PURE__ */ n(G, {});
-  const ee = !N && !!c.reply_count, Q = !N && c.show_in_channel && c.parent_id, lt = c.status === "failed" && ((ft = c.error) == null ? void 0 : ft.status) !== 403, ct = Gn(c);
+  const ee = !N && !!c.reply_count, Q = !N && c.show_in_channel && c.parent_id, ct = c.status === "failed" && ((gt = c.error) == null ? void 0 : gt.status) !== 403, dt = Hn(c);
   let ie;
-  lt ? ie = () => m(c) : ct && (ie = () => C(!0));
-  const de = f(), kn = y(
+  ct ? ie = () => m(c) : dt && (ie = () => _(!0));
+  const de = f(), En = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
     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": L,
+      "str-chat__message--has-attachment": P,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": M,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((gt = c == null ? void 0 : c.error) == null ? void 0 : gt.status) !== 403,
+      "str-chat__message--with-reactions": D,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((bt = c == null ? void 0 : c.error) == null ? void 0 : bt.status) !== 403,
       "str-chat__message-with-thread-link": ee || Q,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), dt = c.poll_id && x.polls.fromState(c.poll_id), ut = wa(c), ue = Ce(c), mt = xa(c), Me = !!(j != null && j.length && !c.quoted_message), ht = ue && de && Me;
+  ), ut = c.poll_id && x.polls.fromState(c.poll_id), mt = Na(c), ue = ke(c), ht = wa(c), De = !!(j != null && j.length && !c.quoted_message), ft = ue && de && De;
   return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
       Z,
@@ -1480,21 +1480,21 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
         additionalMessageInputProps: t
       }
     ),
-    I && /* @__PURE__ */ n(
-      Hn,
+    E && /* @__PURE__ */ n(
+      Yn,
       {
-        MessageBouncePrompt: P,
-        onClose: () => C(!1),
-        open: I
+        MessageBouncePrompt: O,
+        onClose: () => _(!1),
+        open: E
       }
     ),
     /* @__PURE__ */ h(
       "div",
       {
-        className: kn,
+        className: En,
         "data-message-id": c.id,
         children: [
-          _ && /* @__PURE__ */ n(_, {}),
+          y && /* @__PURE__ */ n(y, {}),
           !!k && /* @__PURE__ */ n($, { reminder: k }),
           c.user && /* @__PURE__ */ n(
             ae,
@@ -1511,8 +1511,8 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: y("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": lt || ct
+              className: C("str-chat__message-inner", {
+                "str-chat__simple-message--error-failed": ct || dt
               }),
               "data-testid": "message-inner",
               onClick: ie,
@@ -1525,60 +1525,60 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: mt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+              children: ht ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 de ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  V && /* @__PURE__ */ n(V, {}),
+                  U && /* @__PURE__ */ n(U, {}),
                   /* @__PURE__ */ n(
-                    zt.Sent,
+                    Ft.Sent,
                     {
-                      title: (bt = c.metadata) == null ? void 0 : bt.attachment_title,
-                      mimeType: (pt = c.metadata) == null ? void 0 : pt.attachment_mime_type,
-                      thumbnailUrl: (vt = c.metadata) == null ? void 0 : vt.attachment_thumbnail,
-                      amountText: (xt = c.metadata) == null ? void 0 : xt.amount_text,
-                      detail: (wt = c.metadata) == null ? void 0 : wt.attachment_detail,
-                      paymentStatus: (Nt = c.metadata) == null ? void 0 : Nt.payment_status,
-                      onPreviewClick: () => T == null ? void 0 : T(c, w),
+                      title: (pt = c.metadata) == null ? void 0 : pt.attachment_title,
+                      mimeType: (vt = c.metadata) == null ? void 0 : vt.attachment_mime_type,
+                      thumbnailUrl: (xt = c.metadata) == null ? void 0 : xt.attachment_thumbnail,
+                      amountText: (wt = c.metadata) == null ? void 0 : wt.amount_text,
+                      detail: (Nt = c.metadata) == null ? void 0 : Nt.attachment_detail,
+                      paymentStatus: (_t = c.metadata) == null ? void 0 : _t.payment_status,
+                      onPreviewClick: () => A == null ? void 0 : A(c, w),
                       onFetchSource: async () => await (S == null ? void 0 : S(c, w))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ n(
-                    zt.Received,
+                    Ft.Received,
                     {
-                      title: (_t = c.metadata) == null ? void 0 : _t.attachment_title,
-                      mimeType: (yt = c.metadata) == null ? void 0 : yt.attachment_mime_type,
-                      thumbnailUrl: (Ct = c.metadata) == null ? void 0 : Ct.attachment_thumbnail,
-                      amountText: (kt = c.metadata) == null ? void 0 : kt.amount_text,
-                      detail: (Et = c.metadata) == null ? void 0 : Et.attachment_detail,
-                      paymentStatus: (It = c.metadata) == null ? void 0 : It.payment_status,
-                      isUnlocking: A(c.id),
-                      onUnlockClick: () => T == null ? void 0 : T(c, w),
+                      title: (yt = c.metadata) == null ? void 0 : yt.attachment_title,
+                      mimeType: (Ct = c.metadata) == null ? void 0 : Ct.attachment_mime_type,
+                      thumbnailUrl: (kt = c.metadata) == null ? void 0 : kt.attachment_thumbnail,
+                      amountText: (Et = c.metadata) == null ? void 0 : Et.amount_text,
+                      detail: (It = c.metadata) == null ? void 0 : It.attachment_detail,
+                      paymentStatus: (St = c.metadata) == null ? void 0 : St.payment_status,
+                      isUnlocking: T(c.id),
+                      onUnlockClick: () => A == null ? void 0 : A(c, w),
                       onFetchSource: async () => await (S == null ? void 0 : S(c, w)),
-                      onDownloadClick: () => R == null ? void 0 : R(c, w)
+                      onDownloadClick: () => M == null ? void 0 : M(c, w)
                     }
                   ),
-                  V && /* @__PURE__ */ n(V, {})
+                  U && /* @__PURE__ */ n(U, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                  At,
+                  Mt,
                   {
                     message: K,
                     renderText: p
                   }
                 ) })
-              ] }) : ut ? (
+              ] }) : mt ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(Pe, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(Oe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                ue && !ht && /* @__PURE__ */ n(
-                  Pe,
+                ue && !ft && /* @__PURE__ */ n(
+                  Oe,
                   {
                     message: c,
-                    hasAttachment: Me,
+                    hasAttachment: De,
                     isMyMessage: de
                   }
                 ),
-                dt && /* @__PURE__ */ n(Yn, { poll: dt }),
+                ut && /* @__PURE__ */ n(qn, { poll: ut }),
                 j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
                   F,
                   {
@@ -1593,31 +1593,31 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                     renderText: p
                   }
                 ) : /* @__PURE__ */ n(
-                  At,
+                  Mt,
                   {
                     message: K,
                     renderText: p
                   }
                 ),
-                /* @__PURE__ */ n(qn, {})
+                /* @__PURE__ */ n(Wn, {})
               ] }) })
             }
           ),
-          !mt && !ut && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!ue || ht) && /* @__PURE__ */ n(
-              Pe,
+          !ht && !mt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+            (!ue || ft) && /* @__PURE__ */ n(
+              Oe,
               {
                 message: c,
-                hasAttachment: Me,
+                hasAttachment: De,
                 isMyMessage: de
               }
             ),
             s && ue && /* @__PURE__ */ n(
-              Na,
+              _a,
               {
-                selected: E,
-                onVoteUp: D,
-                onVoteDown: U
+                selected: I,
+                onVoteUp: L,
+                onVoteDown: V
               }
             )
           ] }),
@@ -1634,54 +1634,54 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       c.id
     )
   ] });
-}, ya = z.memo(
-  _a,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Tn(e, t)
-), Ca = (e) => {
+}, Ca = R.memo(
+  ya,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
+), ka = (e) => {
   const t = be("CustomMessage");
-  return /* @__PURE__ */ n(ya, { ...t, ...e });
-}, ka = () => {
+  return /* @__PURE__ */ n(Ca, { ...t, ...e });
+}, Ea = () => {
   var s;
   const { handleDelete: e, message: t } = be("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    Yt,
+    qt,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(ks, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Es, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ea = () => {
+}, Ia = () => {
   const { handleFlag: e } = be("CustomMessageActions");
   return /* @__PURE__ */ n(
-    Yt,
+    qt,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Vt, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Gt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ia = () => {
+}, Sa = () => {
   var t;
   const { message: e } = be("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Ms,
+    Ds,
     {
       messageActionSet: [
-        { Component: ka, placement: "quick", type: "delete" },
-        { Component: Ea, placement: "quick", type: "flag" }
+        { Component: Ea, placement: "quick", type: "delete" },
+        { Component: Ia, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Sa = (e) => ({
+}, Ta = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Lt.previewIsLoaded(t) || Lt.previewIsLoading(t)
+    (t) => Pt.previewIsLoaded(t) || Pt.previewIsLoading(t)
   )
-}), Ta = ({
+}), Aa = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1721,22 +1721,22 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Aa = () => {
-  const { linkPreviewsManager: e } = Wn(), { linkPreviews: t } = Xn(
+}, Ma = () => {
+  const { linkPreviewsManager: e } = Xn(), { linkPreviews: t } = Kn(
     e.state,
-    Sa
+    Ta
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Ta,
+    Aa,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, ln = z.createContext(!1), Ma = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, cn = R.createContext(!1), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1744,20 +1744,20 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Es, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Is, { weight: "bold", className: "size-4" })
   }
-), Da = () => {
-  const e = Se(ln), { handleSubmit: t } = Jn(), s = Zn(), a = e || !s, {
-    SendButton: r = Ma,
-    AttachmentPreviewList: i = Qn
+), Ra = () => {
+  const e = Te(cn), { handleSubmit: t } = Zn(), s = Qn(), a = e || !s, {
+    SendButton: r = Da,
+    AttachmentPreviewList: i = es
   } = Ut("CustomMessageInput");
   return /* @__PURE__ */ h("div", { className: "central-container flex flex-col gap-2 min-w-0 w-full 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)]", children: [
-    /* @__PURE__ */ n(es, {}),
-    /* @__PURE__ */ n(Aa, {}),
+    /* @__PURE__ */ n(ts, {}),
+    /* @__PURE__ */ n(Ma, {}),
     /* @__PURE__ */ n(i, {}),
     /* @__PURE__ */ h("div", { className: "flex", children: [
       /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-        ts,
+        ns,
         {
           "aria-disabled": e || void 0,
           className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -1780,7 +1780,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, Ra = ({
+}, La = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
@@ -1800,67 +1800,67 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: "message-input flex 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(ln.Provider, { value: i, children: /* @__PURE__ */ n(Kn, { Input: Da }) })
+          /* @__PURE__ */ n(cn.Provider, { value: i, children: /* @__PURE__ */ n(Jn, { Input: Ra }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, La = [
+}, Pa = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Pa = {
+], Oa = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Oa = [
+}, za = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], za = {
+], Fa = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Oe = "age safety guidelines.", Fa = "https://linktr.ee/s/about/contact", $t = (e) => La.includes(e), $a = (e) => Oa.includes(e), Ba = (e) => {
+}, ze = "age safety guidelines.", $a = "https://linktr.ee/s/about/contact", Bt = (e) => Pa.includes(e), Ba = (e) => za.includes(e), ja = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if ($t(t))
+  if (Bt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if ($a(t))
+  if (Ba(t))
     return {
       kind: "age-safety",
       type: t
     };
   const s = e.dm_agent_system_type;
-  if ($t(s))
+  if (Bt(s))
     return {
       kind: "dm-agent",
       type: s
     };
-}, ja = (e) => {
-  const t = e.indexOf(Oe);
+}, Va = (e) => {
+  const t = e.indexOf(ze);
   if (t === -1)
     return e;
-  const s = t + Oe.length;
+  const s = t + ze.length;
   return /* @__PURE__ */ h(se, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: Fa,
+        href: $a,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Oe
+        children: ze
       }
     ),
     e.slice(s)
   ] });
 }, Ua = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Ba(
+  const t = e.message.hide_date === !0, s = ja(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Pa[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Oa[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1870,7 +1870,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              je,
+              Ve,
               {
                 size: 16,
                 weight: "regular",
@@ -1882,11 +1882,11 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(De, { message: e.message })
+      !t && /* @__PURE__ */ n(Re, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || za[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Fa[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1896,7 +1896,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Is,
+              Ss,
               {
                 size: 24,
                 weight: "duotone",
@@ -1905,11 +1905,11 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "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: ja(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: Va(i) }) })
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(De, { message: e.message })
+      !t && /* @__PURE__ */ n(Re, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1918,9 +1918,9 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(De, { message: e.message })
+    !t && /* @__PURE__ */ n(Re, { message: e.message })
   ] });
-}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, dn = He(!1), Fe = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1930,17 +1930,17 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Va = /* @__PURE__ */ new Set([
-  Re.Thinking,
-  Re.Generating,
-  Re.ExternalSources
-]), Ga = ({ threadList: e }) => {
+) }), Ga = /* @__PURE__ */ new Set([
+  Le.Thinking,
+  Le.Generating,
+  Le.ExternalSources
+]), Ha = ({ threadList: e }) => {
   var p, N;
-  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = ns(), { aiState: o } = ss(t), l = Se(cn);
-  if (!e && l && Va.has(o)) {
-    const v = Ha(t, (p = r.user) == null ? void 0 : p.id);
+  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = qe(), { typing: i = {} } = ss(), { aiState: o } = as(t), l = Te(dn);
+  if (!e && l && Ga.has(o)) {
+    const v = Ya(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
-      Bt,
+      jt,
       {
         avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
         avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
@@ -1966,7 +1966,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     return null;
   const f = (N = u[0]) == null ? void 0 : N.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
-    Bt,
+    jt,
     {
       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",
@@ -1974,7 +1974,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       testId: "typing-indicator"
     }
   );
-}, Bt = ({
+}, jt = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -2006,16 +2006,16 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           height: "8",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ n(ze, { cx: "4", index: 0 }),
-            /* @__PURE__ */ n(ze, { cx: "16", index: 1 }),
-            /* @__PURE__ */ n(ze, { cx: "28", index: 2 })
+            /* @__PURE__ */ n(Fe, { cx: "4", index: 0 }),
+            /* @__PURE__ */ n(Fe, { cx: "16", index: 1 }),
+            /* @__PURE__ */ n(Fe, { cx: "28", index: 2 })
           ]
         }
       ) })
     ]
   }
 );
-function Ha(e, t) {
+function Ya(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)) {
@@ -2024,10 +2024,10 @@ function Ha(e, t) {
       return i;
   }
 }
-const Ya = () => null, qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const qa = () => null, Wa = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: y("flex items-center justify-center h-full", e),
+    className: C("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2067,12 +2067,12 @@ const Ya = () => null, qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), ke = z.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(qa, { className: "w-6 h-6" }),
+), Ee = R.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(Wa, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-ke.displayName = "LoadingState";
-const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", jt = "Replies instantly with AI assistant", Wa = ({
+Ee.displayName = "LoadingState";
+const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Vt = "Replies instantly with AI assistant", Xa = ({
   onBack: e,
   showBackButton: t,
   onShowInfo: s,
@@ -2081,16 +2081,16 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   dmAgentEnabled: i = !1
 }) => {
   var f, c, p, N, v;
-  const { channel: o } = ce(), l = z.useMemo(() => {
-    var A, T;
-    const x = (A = o._client) == null ? void 0 : A.userID;
-    return x ? Object.values(((T = o.state) == null ? void 0 : T.members) || {}).find(
+  const { channel: o } = ce(), l = R.useMemo(() => {
+    var T, A;
+    const x = (T = o._client) == null ? void 0 : T.userID;
+    return x ? Object.values(((A = o.state) == null ? void 0 : A.members) || {}).find(
       (S) => {
-        var R;
-        return ((R = S.user) == null ? void 0 : R.id) && S.user.id !== x;
+        var M;
+        return ((M = S.user) == null ? void 0 : M.id) && S.user.id !== x;
       }
     ) : void 0;
-  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Te(l == null ? void 0 : l.user), m = (p = l == null ? void 0 : l.user) == null ? void 0 : p.image, g = Wt(o), u = async () => {
+  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Ae(l == null ? void 0 : l.user), m = (p = l == null ? void 0 : l.user) == null ? void 0 : p.image, g = Xt(o), u = async () => {
     try {
       g ? await o.unpin() : await o.pin();
     } catch (x) {
@@ -2105,7 +2105,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: y(
+          className: C(
             oe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -2113,7 +2113,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(Dt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
@@ -2130,8 +2130,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         ),
         /* @__PURE__ */ n("p", { className: "text-center text-xs font-medium text-black/90", children: d }),
         i && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ n("span", { children: jt })
+          /* @__PURE__ */ n(Ve, { className: "size-3 shrink-0 text-black/55" }),
+          /* @__PURE__ */ n("span", { children: Vt })
         ] })
       ] }),
       /* @__PURE__ */ h("div", { className: "flex justify-end items-center gap-2", children: [
@@ -2143,9 +2143,9 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              $e,
+              Be,
               {
-                className: y("size-5", {
+                className: C("size-5", {
                   "text-yellow-600": g,
                   "text-black/90": !g
                 }),
@@ -2157,11 +2157,11 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         /* @__PURE__ */ n(
           "button",
           {
-            className: y(oe, "bg-[#F1F0EE]"),
+            className: C(oe, "bg-[#F1F0EE]"),
             onClick: s,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Lt, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -2171,14 +2171,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: y(
+            className: C(
               oe,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Dt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ n(
@@ -2204,8 +2204,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             }
           ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: d }),
           i && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-            /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
-            /* @__PURE__ */ n("span", { className: "truncate", children: jt })
+            /* @__PURE__ */ n(Ve, { className: "size-3 shrink-0 text-black/55" }),
+            /* @__PURE__ */ n("span", { className: "truncate", children: Vt })
           ] })
         ] })
       ] }),
@@ -2218,9 +2218,9 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              $e,
+              Be,
               {
-                className: y("size-6", {
+                className: C("size-6", {
                   "text-yellow-600": g,
                   "text-black/90": !g
                 }),
@@ -2236,13 +2236,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onClick: s,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Rt, { className: "size-6 text-black/90" })
+            children: /* @__PURE__ */ n(Lt, { className: "size-6 text-black/90" })
           }
         )
       ] })
     ] })
   ] });
-}, Xa = ({
+}, Ka = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2262,93 +2262,93 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showStarButton: v = !1,
   chatbotVotingEnabled: x = !1,
   renderChannelBanner: w,
-  customProfileContent: A,
-  customChannelActions: T,
+  customProfileContent: T,
+  customChannelActions: A,
   renderMessage: S,
-  dmAgentEnabled: R = !1,
-  viewerLanguage: I
+  dmAgentEnabled: M = !1,
+  viewerLanguage: E
 }) => {
-  var H, Y, $, b, _, L;
-  const { channel: C } = ce(), k = X(null), E = z.useMemo(() => {
+  var H, Y, $, b, y, P;
+  const { channel: _ } = ce(), k = X(null), I = R.useMemo(() => {
     var j, K;
-    const M = (j = C._client) == null ? void 0 : j.userID;
-    return M ? Object.values(((K = C.state) == null ? void 0 : K.members) || {}).find(
+    const D = (j = _._client) == null ? void 0 : j.userID;
+    return D ? Object.values(((K = _.state) == null ? void 0 : K.members) || {}).find(
       (ee) => {
         var Q;
-        return ((Q = ee.user) == null ? void 0 : Q.id) && ee.user.id !== M;
+        return ((Q = ee.user) == null ? void 0 : Q.id) && ee.user.id !== D;
       }
     ) : void 0;
-  }, [(H = C._client) == null ? void 0 : H.userID, (Y = C.state) == null ? void 0 : Y.members]), D = z.useMemo(() => {
+  }, [(H = _._client) == null ? void 0 : H.userID, (Y = _.state) == null ? void 0 : Y.members]), L = R.useMemo(() => {
     var j, K;
-    const M = (j = C._client) == null ? void 0 : j.userID;
-    return M ? Object.values(((K = C.state) == null ? void 0 : K.members) || {}).find((ee) => {
+    const D = (j = _._client) == null ? void 0 : j.userID;
+    return D ? Object.values(((K = _.state) == null ? void 0 : K.members) || {}).find((ee) => {
       var Q;
-      return ((Q = ee.user) == null ? void 0 : Q.id) === M;
+      return ((Q = ee.user) == null ? void 0 : Q.id) === D;
     }) : void 0;
-  }, [($ = C._client) == null ? void 0 : $.userID, (b = C.state) == null ? void 0 : b.members]), U = ((_ = D == null ? void 0 : D.user) == null ? void 0 : _.is_account) ?? (D == null ? void 0 : D.is_account), F = ((L = E == null ? void 0 : E.user) == null ? void 0 : L.is_account) ?? (E == null ? void 0 : E.is_account), Z = R && U === !1 && F === !0, V = z.useMemo(() => {
+  }, [($ = _._client) == null ? void 0 : $.userID, (b = _.state) == null ? void 0 : b.members]), V = ((y = L == null ? void 0 : L.user) == null ? void 0 : y.is_account) ?? (L == null ? void 0 : L.is_account), F = ((P = I == null ? void 0 : I.user) == null ? void 0 : P.is_account) ?? (I == null ? void 0 : I.is_account), Z = M && V === !1 && F === !0, U = R.useMemo(() => {
     if (!c) return;
-    const M = C.data ?? {};
-    if (M.followerStatus)
-      return String(M.followerStatus);
-    if (M.isFollower !== void 0)
-      return M.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [C.data, c]), G = q(() => {
-    var M;
-    (M = k.current) == null || M.showModal();
-  }, []), P = q(() => {
-    var M;
-    (M = k.current) == null || M.close();
+    const D = _.data ?? {};
+    if (D.followerStatus)
+      return String(D.followerStatus);
+    if (D.isFollower !== void 0)
+      return D.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [_.data, c]), G = q(() => {
+    var D;
+    (D = k.current) == null || D.showModal();
+  }, []), O = q(() => {
+    var D;
+    (D = k.current) == null || D.close();
   }, []), B = q(
-    (M) => {
+    (D) => {
       const { message: W } = be("ChannelView"), j = /* @__PURE__ */ n(
-        Ca,
+        ka,
         {
-          ...M,
+          ...D,
           chatbotVotingEnabled: x,
-          viewerLanguage: I
+          viewerLanguage: E
         }
       );
       return !S || !W ? j : S(j, W);
     },
-    [x, S, I]
+    [x, S, E]
   );
   return /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n(
-      rs,
+      is,
       {
         overrides: {
           Message: B,
-          MessageActions: Ia
+          MessageActions: Sa
         },
-        children: /* @__PURE__ */ h(is, { children: [
+        children: /* @__PURE__ */ h(os, { children: [
           /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-            Wa,
+            Xa,
             {
               onBack: e,
               showBackButton: t,
               onShowInfo: G,
-              canShowInfo: !!E,
+              canShowInfo: !!I,
               showStarButton: v,
               dmAgentEnabled: Z
             }
           ) }, "lt-channel-header"),
-          w ? /* @__PURE__ */ n(z.Fragment, { children: w() }, "lt-channel-banner") : null,
+          w ? /* @__PURE__ */ n(R.Fragment, { children: w() }, "lt-channel-banner") : null,
           /* @__PURE__ */ n(
             "div",
             {
               className: "flex-1 overflow-hidden relative",
-              children: /* @__PURE__ */ n(os, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
+              children: /* @__PURE__ */ n(ls, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
             },
             "lt-channel-message-list"
           ),
-          r ? /* @__PURE__ */ n(z.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
+          r ? /* @__PURE__ */ n(R.Fragment, { children: r(_) }, "lt-channel-conversation-footer") : null,
           /* @__PURE__ */ n(
-            Ra,
+            La,
             {
               ...s && {
-                renderActions: () => s == null ? void 0 : s(C)
+                renderActions: () => s == null ? void 0 : s(_)
               },
-              renderFooter: () => a == null ? void 0 : a(C),
+              renderFooter: () => a == null ? void 0 : a(_),
               disabled: p,
               disabledReason: N
             },
@@ -2358,16 +2358,16 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       }
     ),
     /* @__PURE__ */ n(
-      $s,
+      Bs,
       {
         dialogRef: k,
-        onClose: P,
-        participant: E,
-        participantDisplayName: Te(
-          E == null ? void 0 : E.user
+        onClose: O,
+        participant: I,
+        participantDisplayName: Ae(
+          I == null ? void 0 : I.user
         ),
-        channel: C,
-        followerStatusLabel: V,
+        channel: _,
+        followerStatusLabel: U,
         onLeaveConversation: i,
         onBlockParticipant: o,
         showDeleteConversation: l,
@@ -2376,12 +2376,12 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         onDeleteConversationClick: d,
         onBlockParticipantClick: m,
         onReportParticipantClick: g,
-        customProfileContent: A,
-        customChannelActions: T
+        customProfileContent: T,
+        customChannelActions: A
       }
     )
   ] });
-}, dn = z.memo(
+}, un = R.memo(
   ({
     channel: e,
     onBack: t,
@@ -2392,7 +2392,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Ya,
+    CustomChannelEmptyState: m = qa,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
@@ -2402,73 +2402,73 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     showFollowerStatus: v = !0,
     composerDisabled: x = !1,
     composerDisabledReason: w,
-    dmAgentEnabled: A,
-    messageMetadata: T,
+    dmAgentEnabled: T,
+    messageMetadata: A,
     onMessageSent: S,
-    showStarButton: R = !1,
-    chatbotVotingEnabled: I = !1,
-    renderChannelBanner: C,
+    showStarButton: M = !1,
+    chatbotVotingEnabled: E = !1,
+    renderChannelBanner: _,
     customProfileContent: k,
-    customChannelActions: E,
-    renderMessage: D,
-    onMessageLinkClick: U,
+    customChannelActions: I,
+    renderMessage: L,
+    onMessageLinkClick: V,
     sendButton: F,
     attachmentPreviewList: Z,
-    viewerLanguage: V
+    viewerLanguage: U
   }) => {
     const G = q(
       async (B, H, Y) => {
         var W;
-        const $ = ((W = e.data) == null ? void 0 : W.chatbot_paused) === !0, b = A && !$, _ = {
+        const $ = ((W = e.data) == null ? void 0 : W.chatbot_paused) === !0, b = T && !$, y = {
           ...H,
           ...b && { silent: !0 },
-          ...T && {
+          ...A && {
             metadata: {
               ...H.metadata ?? {},
-              ...T
+              ...A
             }
           }
-        }, L = {
+        }, P = {
           ...Y,
           ...b && { skip_push: !0 }
-        }, M = await e.sendMessage(_, L);
-        return S == null || S(M), M;
+        }, D = await e.sendMessage(y, P);
+        return S == null || S(D), D;
       },
-      [e, A, T, S]
-    ), P = X(null);
+      [e, T, A, S]
+    ), O = X(null);
     return J(() => {
-      if (!U) return;
-      const B = P.current;
+      if (!V) return;
+      const B = O.current;
       if (!B) return;
       const H = (Y) => {
-        const $ = Y.target, b = $ == null ? void 0 : $.closest("a[href]"), _ = b == null ? void 0 : b.getAttribute("href");
-        if (!_) return;
-        const L = b == null ? void 0 : b.closest("[data-message-id]"), M = L == null ? void 0 : L.getAttribute("data-message-id"), W = M ? e.state.messages.find((j) => j.id === M) : void 0;
-        U(_, W);
+        const $ = Y.target, b = $ == null ? void 0 : $.closest("a[href]"), y = b == null ? void 0 : b.getAttribute("href");
+        if (!y) return;
+        const P = b == null ? void 0 : b.closest("[data-message-id]"), D = P == null ? void 0 : P.getAttribute("data-message-id"), W = D ? e.state.messages.find((j) => j.id === D) : void 0;
+        V(y, W);
       };
       return B.addEventListener("click", H), () => B.removeEventListener("click", H);
-    }, [U, e]), /* @__PURE__ */ n(
+    }, [V, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: P,
-        className: y(
+        ref: O,
+        className: C(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(cn.Provider, { value: A ?? !1, children: /* @__PURE__ */ n(
-          as,
+        children: /* @__PURE__ */ n(dn.Provider, { value: T ?? !1, children: /* @__PURE__ */ n(
+          rs,
           {
             channel: e,
             MessageSystem: Ua,
             EmptyStateIndicator: m,
-            LoadingIndicator: ke,
-            DateSeparator: Bs,
-            TypingIndicator: Ga,
+            LoadingIndicator: Ee,
+            DateSeparator: js,
+            TypingIndicator: Ha,
             doSendMessageRequest: G,
             ...F ? { SendButton: F } : {},
             ...Z ? { AttachmentPreviewList: Z } : {},
             children: /* @__PURE__ */ n(
-              Xa,
+              Ka,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2487,14 +2487,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showFollowerStatus: v,
                 composerDisabled: x,
                 composerDisabledReason: w,
-                showStarButton: R,
-                dmAgentEnabled: A,
-                chatbotVotingEnabled: I,
-                renderChannelBanner: C,
+                showStarButton: M,
+                dmAgentEnabled: T,
+                chatbotVotingEnabled: E,
+                renderChannelBanner: _,
                 customProfileContent: k,
-                customChannelActions: E,
-                renderMessage: D,
-                viewerLanguage: V
+                customChannelActions: I,
+                renderMessage: L,
+                viewerLanguage: U
               }
             )
           }
@@ -2503,8 +2503,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-dn.displayName = "ChannelView";
-const he = z.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: [
+un.displayName = "ChannelView";
+const he = R.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 }),
@@ -2519,7 +2519,7 @@ const he = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 he.displayName = "ErrorState";
-const _i = ({
+const yi = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2541,33 +2541,33 @@ const _i = ({
 }) => {
   const {
     client: w,
-    isConnected: A,
-    isLoading: T,
+    isConnected: T,
+    isLoading: A,
     error: S,
-    refreshConnection: R,
-    service: I,
-    debug: C
-  } = Ds(), [k, E] = O(null), [D, U] = O(null), [F, Z] = O(!1), { showDeleteConversation: V = !0 } = e, G = X(o);
+    refreshConnection: M,
+    service: E,
+    debug: _
+  } = Rs(), [k, I] = z(null), [L, V] = z(null), [F, Z] = z(!1), { showDeleteConversation: U = !0 } = e, G = X(o);
   G.current = o;
-  const P = X(a);
-  P.current = a;
+  const O = X(a);
+  O.current = a;
   const B = X(null), H = X(null);
   J(() => {
     H.current = k;
   }, [k]), J(() => {
-    if (!w || !A) return;
+    if (!w || !T) return;
     const b = w.userID;
     if (!b) return;
-    const _ = `${b}::${i}`;
-    if (B.current === _) return;
-    B.current = _;
-    const L = () => {
-      B.current === _ && (B.current = null);
+    const y = `${b}::${i}`;
+    if (B.current === y) return;
+    B.current = y;
+    const P = () => {
+      B.current === y && (B.current = null);
     };
     (async () => {
       var W, j;
       try {
-        C && console.log(
+        _ && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
@@ -2580,27 +2580,27 @@ const _i = ({
           { limit: 1 }
         );
         if (K.length > 0) {
-          E(K[0]), U(null), (W = P.current) == null || W.call(P, K[0]), C && console.log(
+          I(K[0]), V(null), (W = O.current) == null || W.call(O, K[0]), _ && console.log(
             "[MessagingShell] Initial conversation loaded:",
             K[0].id
           );
           return;
         }
         const ee = G.current;
-        if (!ee || !I) {
-          L(), U("No conversation found with this account"), C && console.log(
+        if (!ee || !E) {
+          P(), V("No conversation found with this account"), _ && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const Q = await I.startChannelWithParticipant({
+          const Q = await E.startChannelWithParticipant({
             id: ee.id,
             name: ee.name,
             phone: ee.phone
           });
-          E(Q), U(null), (j = P.current) == null || j.call(P, Q), C && console.log(
+          I(Q), V(null), (j = O.current) == null || j.call(O, Q), _ && console.log(
             "[MessagingShell] Channel created and loaded:",
             Q.id
           );
@@ -2608,30 +2608,30 @@ const _i = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             Q
-          ), L(), U("Failed to create conversation");
+          ), P(), V("Failed to create conversation");
         }
       } catch (K) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           K
-        ), L(), H.current || U("Failed to load conversation");
+        ), P(), H.current || V("Failed to load conversation");
       }
     })();
-  }, [i, w, A, I, C]);
+  }, [i, w, T, E, _]);
   const Y = X(r);
   Y.current = r;
   const $ = q(() => {
     var b;
-    E(null), Z(!0), (b = Y.current) == null || b.call(Y);
+    I(null), Z(!0), (b = Y.current) == null || b.call(Y);
   }, []);
-  return T ? /* @__PURE__ */ n(ke, {}) : S ? /* @__PURE__ */ n(he, { message: S, onBack: R }) : !A || !w ? /* @__PURE__ */ n(
+  return A ? /* @__PURE__ */ n(Ee, {}) : S ? /* @__PURE__ */ n(he, { message: S, onBack: M }) : !T || !w ? /* @__PURE__ */ n(
     he,
     {
       message: "Not connected to messaging service",
-      onBack: R
+      onBack: M
     }
-  ) : D ? /* @__PURE__ */ n(he, { message: D }) : F && !k ? /* @__PURE__ */ n(he, { message: "Conversation ended" }) : k ? /* @__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(
-    dn,
+  ) : L ? /* @__PURE__ */ n(he, { message: L }) : F && !k ? /* @__PURE__ */ n(he, { message: "Conversation ended" }) : k ? /* @__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(
+    un,
     {
       channel: k,
       renderMessageInputActions: t,
@@ -2640,7 +2640,7 @@ const _i = ({
       onLeaveConversation: $,
       onBlockParticipant: $,
       CustomChannelEmptyState: l,
-      showDeleteConversation: V,
+      showDeleteConversation: U,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: g,
@@ -2652,33 +2652,33 @@ const _i = ({
       onMessageLinkClick: x
     },
     k.id
-  ) }) }) : /* @__PURE__ */ n(ke, {});
+  ) }) }) : /* @__PURE__ */ n(Ee, {});
 };
-function Ka(e) {
+function Ja(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const un = z.createContext({
+const mn = R.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Ja = un.Provider, Za = () => z.useContext(un), Qa = (e, t) => {
+}), Za = mn.Provider, Qa = () => R.useContext(mn), er = (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));
-}, er = (e) => {
+}, tr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Qa(e, t);
+  const a = er(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2688,45 +2688,45 @@ const un = z.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = z.memo(
+}, hn = R.memo(
   ({ channel: e, unread: t }) => {
-    var R, I, C;
+    var M, E, _;
     const {
       selectedChannel: s,
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: o
-    } = Za(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = Qa(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, m = (k) => {
-      const E = k.key === "Enter" || k.key === " ", D = k.repeat;
-      !E || D || (k.preventDefault(), d());
-    }, u = Object.values(((R = e == null ? void 0 : e.state) == null ? void 0 : R.members) || {}).find(
+      const I = k.key === "Enter" || k.key === " ", L = k.repeat;
+      !I || L || (k.preventDefault(), d());
+    }, u = Object.values(((M = e == null ? void 0 : e.state) == null ? void 0 : M.members) || {}).find(
       (k) => {
-        var E, D;
-        return ((E = k.user) == null ? void 0 : E.id) && k.user.id !== ((D = e == null ? void 0 : e._client) == null ? void 0 : D.userID);
+        var I, L;
+        return ((I = k.user) == null ? void 0 : I.id) && k.user.id !== ((L = e == null ? void 0 : e._client) == null ? void 0 : L.userID);
       }
-    ), f = Te(u == null ? void 0 : u.user), c = (I = u == null ? void 0 : u.user) == null ? void 0 : I.image, p = (() => {
-      var E;
-      const k = (E = e == null ? void 0 : e.state) == null ? void 0 : E.messages;
+    ), f = Ae(u == null ? void 0 : u.user), c = (E = u == null ? void 0 : u.user) == null ? void 0 : E.image, p = (() => {
+      var I;
+      const k = (I = e == null ? void 0 : e.state) == null ? void 0 : I.messages;
       if (k != null && k.length) {
-        for (let D = k.length - 1; D >= 0; D--)
-          if (k[D].type !== "system") return k[D];
+        for (let L = k.length - 1; L >= 0; L--)
+          if (k[L].type !== "system") return k[L];
       }
     })(), v = (() => {
-      var Z, V, G, P;
-      const k = Xt({
+      var Z, U, G, O;
+      const k = Kt({
         message: p,
         viewerLanguage: o
       });
       if (((Z = p == null ? void 0 : p.metadata) == null ? void 0 : Z.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
-      if (((V = p == null ? void 0 : p.metadata) == null ? void 0 : V.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_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
       if (((G = p == null ? void 0 : p.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return k ? `📎 ${k}` : "📎 Sent an attachment";
       if (k) return k;
-      const F = (P = p == null ? void 0 : p.attachments) == null ? void 0 : P[0];
+      const F = (O = p == null ? void 0 : p.attachments) == null ? void 0 : O[0];
       return F ? F.og_scrape_url ? F.og_scrape_url : F.type === "image" ? "📷 Sent an image" : F.type === "video" ? "🎥 Sent a video" : F.type === "audio" ? "🎵 Sent audio" : F.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), x = p != null && p.created_at ? er(new Date(p.created_at)) : "", w = p ? Ce(p) : !1, A = i ? i(p, v) : `${w ? "✨ " : ""}${v}`, T = Wt(e), S = t ?? 0;
+    })(), x = p != null && p.created_at ? tr(new Date(p.created_at)) : "", w = p ? ke(p) : !1, T = i ? i(p, v) : `${w ? "✨ " : ""}${v}`, A = Xt(e), S = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
@@ -2740,7 +2740,7 @@ const un = z.createContext({
         tabIndex: 0,
         onClick: d,
         onKeyDown: m,
-        className: y(
+        className: C(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": l,
@@ -2751,11 +2751,11 @@ const un = z.createContext({
           /* @__PURE__ */ n(
             ae,
             {
-              id: ((C = u == null ? void 0 : u.user) == null ? void 0 : C.id) || e.id || "unknown",
+              id: ((_ = u == null ? void 0 : u.user) == null ? void 0 : _.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 48,
-              starred: T
+              starred: A
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2763,11 +2763,11 @@ const un = z.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: y(
+                  className: C(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    T && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    A && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
@@ -2775,7 +2775,7 @@ const un = z.createContext({
               x && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: x })
             ] }),
             /* @__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: A }),
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: T }),
               S > 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: S > 99 ? "99+" : S })
             ] })
           ] })
@@ -2784,96 +2784,136 @@ const un = z.createContext({
     );
   }
 );
-mn.displayName = "CustomChannelPreview";
-const tr = { last_message_at: -1 }, nr = z.memo(
+hn.displayName = "CustomChannelPreview";
+const nr = { last_message_at: -1 }, Ce = {
+  isInitialLoadSettled: !1,
+  channels: [],
+  rawChannels: [],
+  hasChannels: !1,
+  unreadCount: 0
+}, sr = R.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = tr,
+    sort: i = nr,
     className: o,
     customEmptyStateIndicator: l,
     renderMessagePreview: d,
-    viewerLanguage: m
+    viewerLanguage: m,
+    onStateChange: g
   }) => {
-    const g = z.useRef(0);
-    g.current++;
-    const { debug: u = !1 } = qe(), f = z.useCallback(
-      (p) => {
-        for (const N of p)
-          Ka(N);
-        return r ? r(p) : p;
+    const u = R.useRef(0);
+    u.current++;
+    const { debug: f = !1 } = We(), [c, p] = R.useState(
+      Ce
+    ), N = R.useMemo(
+      () => `${JSON.stringify(s)}:${JSON.stringify(i)}`,
+      [s, i]
+    ), v = R.useRef(
+      Ce
+    ), x = R.useRef(!1), w = R.useRef(0), T = R.useCallback(
+      (M) => {
+        const E = w.current;
+        v.current = M, !x.current && (x.current = !0, queueMicrotask(() => {
+          if (E !== w.current) {
+            x.current = !1;
+            return;
+          }
+          x.current = !1, p((_) => {
+            const k = v.current;
+            return _ === k ? _ : k;
+          });
+        }));
       },
-      [r]
+      []
+    ), A = R.useCallback(
+      (M) => {
+        for (const _ of M)
+          Ja(_);
+        const E = r ? r(M) : M;
+        return T({
+          isInitialLoadSettled: !0,
+          channels: E,
+          rawChannels: M,
+          hasChannels: E.length > 0,
+          unreadCount: E.filter((_) => _.countUnread() > 0).length
+        }), E;
+      },
+      [r, T]
     );
-    u && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: g.current,
+    f && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: u.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = z.useMemo(
+    const S = R.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: u,
+        debug: f,
         renderMessagePreview: d,
         viewerLanguage: m
       }),
       [
         t,
         e,
-        u,
+        f,
         d,
         m
       ]
     );
-    return /* @__PURE__ */ n(
+    return R.useEffect(() => {
+      w.current += 1, v.current = Ce, x.current = !1, p(Ce);
+    }, [N]), R.useEffect(() => {
+      g == null || g(c);
+    }, [c, g]), /* @__PURE__ */ n(
       "div",
       {
-        className: y(
+        className: C(
           "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(Ja, { value: c, children: /* @__PURE__ */ n(
-          ls,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Za, { value: S, children: /* @__PURE__ */ n(
+          cs,
           {
             filters: s,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: f,
-            Preview: mn,
+            channelRenderFilterFn: A,
+            Preview: hn,
             EmptyStateIndicator: l
           },
-          `${JSON.stringify(s)}:${JSON.stringify(i)}`
+          N
         ) }) })
       }
     );
   }
 );
-nr.displayName = "ChannelList";
-const sr = /^([a-z][a-z0-9+.-]*):/i, ar = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function Qe(e) {
+sr.displayName = "ChannelList";
+const ar = /^([a-z][a-z0-9+.-]*):/i, rr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function et(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = sr.exec(t);
+  const s = ar.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return ar.has(a) ? t : void 0;
+    return rr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const rr = {
+const ir = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, ir = ({ variant: e, cta: t }) => {
-  const s = y(
+}, or = ({ 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",
-    rr[e]
-  ), a = Qe(t.href);
+    ir[e]
+  ), a = et(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
     {
@@ -2899,13 +2939,13 @@ const rr = {
       children: t.label
     }
   );
-}, or = {
+}, lr = {
   dark: "text-white",
   light: "text-black/90"
-}, lr = "text-white/30", cr = {
+}, cr = "text-white/30", dr = {
   dark: "text-white/55",
   light: "text-black/55"
-}, et = ({
+}, tt = ({
   variant: e,
   title: t,
   placeholderTitle: s,
@@ -2917,12 +2957,12 @@ const rr = {
 }) => {
   const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", p = o != null;
   if (!g && !u && !c && !p) return null;
-  const v = y(
+  const v = C(
     "truncate text-base font-medium leading-6",
-    d && !t ? lr : or[e]
-  ), x = y(
+    d && !t ? cr : lr[e]
+  ), x = C(
     "truncate text-xs leading-4",
-    cr[e]
+    dr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2930,7 +2970,7 @@ const rr = {
         /* @__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: y("min-w-0", v), children: m })
+            /* @__PURE__ */ n("p", { className: C("min-w-0", v), children: m })
           ] }),
           u && /* @__PURE__ */ n("p", { className: x, children: a })
         ] }),
@@ -2938,16 +2978,16 @@ const rr = {
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(ir, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(or, { variant: e, cta: o })
   ] });
-}, dr = y(
+}, ur = 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"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Ee = ({
+), Ie = ({
   variant: e,
   children: t,
   href: s,
@@ -2958,8 +2998,8 @@ const rr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, g = y(
-    dr,
+  const m = s != null || a != null, g = C(
+    ur,
     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
@@ -2989,7 +3029,7 @@ const rr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: y(g, "text-left"),
+      className: C(g, "text-left"),
       children: [
         t,
         u
@@ -3007,17 +3047,17 @@ const rr = {
       ]
     }
   );
-}, ur = {
+}, mr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, mr = {
+}, hr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ae = (e, t) => !!t && !!e && re(e) === "audio", hn = (e, t) => {
+}, Me = (e, t) => !!t && !!e && re(e) === "audio", fn = (e, t) => {
   if (!t || !e) return !1;
   const s = re(e);
   return s === "video" || s === "audio";
-}, tt = "bg-[#F2F3F4]", Ie = ({
+}, nt = "bg-[#F2F3F4]", Se = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3027,7 +3067,7 @@ const rr = {
   topRight: o
 }) => {
   const l = re(r), d = !!s && l === "video";
-  return Ae(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  return Me(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -3039,7 +3079,7 @@ const rr = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3066,12 +3106,12 @@ const rr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: y(
+            className: C(
               "flex h-full w-full items-center justify-center",
-              ur[e]
+              mr[e]
             ),
             children: le(r, {
-              className: mr[e],
+              className: hr[e],
               weight: "regular"
             })
           }
@@ -3081,7 +3121,7 @@ const rr = {
       ]
     }
   );
-}, hr = ({
+}, fr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3095,7 +3135,7 @@ const rr = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = l === "classic", c = Ae(r, o), p = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Me(r, o), p = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3111,12 +3151,12 @@ const rr = {
       onClick: u,
       "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(Ss, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ts, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: nt, 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(
-      Ie,
+      Se,
       {
         variant: "dark",
         sourceUrl: o,
@@ -3126,13 +3166,13 @@ const rr = {
     ) }),
     p && /* @__PURE__ */ n("div", { className: "shrink-0", children: p })
   ] }) }) : /* @__PURE__ */ h(
-    Ee,
+    Ie,
     {
       variant: "dark",
       topRight: f ? p : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3143,7 +3183,7 @@ const rr = {
           }
         ),
         /* @__PURE__ */ n(
-          et,
+          tt,
           {
             variant: "dark",
             title: e,
@@ -3158,7 +3198,7 @@ const rr = {
       ]
     }
   );
-}, fr = ({
+}, gr = ({
   title: e,
   description: t,
   url: s,
@@ -3170,7 +3210,7 @@ const rr = {
   cta: d,
   onClick: m
 }) => {
-  const g = hn(a, i), u = Qe(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Ae(a, i) ? tt : void 0, N = d && m ? {
+  const g = fn(a, i), u = et(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Me(a, i) ? nt : void 0, N = d && m ? {
     ...d,
     onClick: () => {
       var v;
@@ -3178,7 +3218,7 @@ const rr = {
     }
   } : d;
   return /* @__PURE__ */ h(
-    Ee,
+    Ie,
     {
       variant: "light",
       href: f,
@@ -3188,7 +3228,7 @@ const rr = {
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3198,7 +3238,7 @@ const rr = {
           }
         ),
         /* @__PURE__ */ n(
-          et,
+          tt,
           {
             variant: "light",
             title: e,
@@ -3211,7 +3251,7 @@ const rr = {
       ]
     }
   );
-}, gr = ({
+}, br = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3224,17 +3264,17 @@ const rr = {
   cta: m,
   onClick: g
 }) => {
-  const u = hn(r, o), f = Qe(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
+  const u = fn(r, o), f = et(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
-    Ee,
+    Ie,
     {
       variant: "dark",
       href: c,
       onClick: p,
-      bgClassName: Ae(r, o) ? tt : void 0,
+      bgClassName: Me(r, o) ? nt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3244,7 +3284,7 @@ const rr = {
           }
         ),
         /* @__PURE__ */ n(
-          et,
+          tt,
           {
             variant: "dark",
             title: e,
@@ -3258,20 +3298,20 @@ const rr = {
       ]
     }
   );
-}, yi = {
-  Composer: hr,
-  Sent: gr,
-  Received: fr
-}, br = {
+}, Ci = {
+  Composer: fr,
+  Sent: br,
+  Received: gr
+}, pr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, pr = {
+}, vr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, vr = {
+}, xr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, xr = (e) => e === "dark" ? "sender" : "receiver", wr = {
+}, wr = (e) => e === "dark" ? "sender" : "receiver", Nr = {
   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]",
@@ -3293,13 +3333,13 @@ const rr = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = wr[xr(e)][a];
+  const l = t != null && t !== "", d = Nr[wr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: y(
+      className: C(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -3308,10 +3348,10 @@ const rr = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        br[e],
         pr[e],
+        vr[e],
         s && "border",
-        s && vr[e],
+        s && xr[e],
         r
       ),
       children: [
@@ -3319,7 +3359,7 @@ const rr = {
         l ? /* @__PURE__ */ n(
           "p",
           {
-            className: y(
+            className: C(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3348,22 +3388,22 @@ const rr = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: y(
+    className: C(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
     children: /* @__PURE__ */ n(pe, { className: "size-3", weight: "bold" })
   }
-), we = (e) => e === "received" ? "light" : "dark", Ci = ({
+), we = (e) => e === "received" ? "light" : "dark", ki = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Nr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", _r = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], _r = ({ 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 }] : [], yr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3375,7 +3415,7 @@ const rr = {
     }
   ),
   s ?? null
-] }), nt = ({
+] }), st = ({
   state: e,
   src: t,
   mimeType: s,
@@ -3386,7 +3426,7 @@ const rr = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = we(e), g = e === "composer" && !!d, u = Nr({ src: t, mimeType: s, filename: a, items: r });
+  const m = we(e), g = e === "composer" && !!d, u = _r({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
@@ -3398,7 +3438,7 @@ const rr = {
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, p) => /* @__PURE__ */ n(
-        _r,
+        yr,
         {
           item: c,
           preload: f,
@@ -3412,15 +3452,15 @@ const rr = {
       )) })
     }
   );
-}, yr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), kr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Er = {
-  Composer: yr,
-  Sent: Cr,
-  Received: kr
+}, Cr = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), kr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Er = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Ir = {
+  Composer: Cr,
+  Sent: kr,
+  Received: Er
 };
-function Ir(e) {
+function Sr(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 Sr = {
+const Tr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3430,7 +3470,7 @@ const Sr = {
   text: "TXT",
   markdown: "MD"
 };
-function Tr(e, t) {
+function Ar(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3440,7 +3480,7 @@ function Tr(e, t) {
   }
   if (!e) return;
   if (re(e) === "document") {
-    const r = Zt(e), i = Sr[r];
+    const r = Qt(e), i = Tr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3448,8 +3488,8 @@ function Tr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Ar(e, t, s) {
-  const a = Tr(e, t), r = typeof s == "number" && s > 0 ? Ir(s) : void 0;
+function Mr(e, t, s) {
+  const a = Ar(e, t), r = typeof s == "number" && s > 0 ? Sr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function te(e) {
@@ -3460,16 +3500,16 @@ function te(e) {
     return "download";
   }
 }
-const Mr = {
+const Dr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Dr = {
+}, Rr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Rr = {
+}, Lr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, fn = ({
+}, gn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3479,16 +3519,16 @@ const Mr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Ar(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Mr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Dr[e]
+        Rr[e]
       ),
       "aria-hidden": !0,
       children: le(a, {
-        className: y("size-6", Rr[e]),
+        className: C("size-6", Lr[e]),
         weight: "regular"
       })
     }
@@ -3497,9 +3537,9 @@ const Mr = {
     m ? /* @__PURE__ */ n(
       "p",
       {
-        className: y(
+        className: C(
           "truncate text-xs leading-4",
-          Mr[e]
+          Dr[e]
         ),
         children: m
       }
@@ -3510,7 +3550,7 @@ const Mr = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: y(
+      className: C(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
@@ -3528,7 +3568,7 @@ const Mr = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function gn(e, t) {
+async function bn(e, t) {
   const s = t ?? te(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -3542,14 +3582,14 @@ async function gn(e, t) {
     }
   }
 }
-const Lr = ({
+const Pr = ({
   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 }] : [], Pr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Or = ({
   variant: e,
   item: t,
   index: s,
@@ -3558,7 +3598,7 @@ const Lr = ({
 }) => {
   const i = t.filename ?? te(t.src);
   return /* @__PURE__ */ n(
-    fn,
+    gn,
     {
       variant: e,
       filename: i,
@@ -3570,7 +3610,7 @@ const Lr = ({
       trailingAction: r
     }
   );
-}, st = ({
+}, at = ({
   state: e,
   src: t,
   filename: s,
@@ -3583,7 +3623,7 @@ const Lr = ({
   onClick: m,
   onDismiss: g
 }) => {
-  const u = we(e), f = e === "composer" && !!g, c = Lr({
+  const u = we(e), f = e === "composer" && !!g, c = Pr({
     src: t,
     filename: s,
     fileSize: a,
@@ -3595,14 +3635,14 @@ const Lr = ({
     const x = c[v];
     if (!x) return;
     const w = x.filename ?? te(x.src);
-    gn(x.src, w);
+    bn(x.src, w);
   };
   if (c.length === 0)
     return null;
   const N = /* @__PURE__ */ n(
     "span",
     {
-      className: y(
+      className: C(
         "flex size-8 items-center justify-center rounded-full",
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -3618,7 +3658,7 @@ const Lr = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ n(
-        Pr,
+        Or,
         {
           variant: u,
           item: v,
@@ -3630,11 +3670,11 @@ const Lr = ({
       )) })
     }
   );
-}, Or = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), zr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), $r = {
-  Composer: Or,
-  Sent: zr,
-  Received: Fr
-}, at = ({
+}, zr = (e) => /* @__PURE__ */ n(at, { ...e, state: "composer" }), Fr = (e) => /* @__PURE__ */ n(at, { ...e, state: "sent" }), $r = (e) => /* @__PURE__ */ n(at, { ...e, state: "received" }), Br = {
+  Composer: zr,
+  Sent: Fr,
+  Received: $r
+}, rt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
@@ -3647,7 +3687,7 @@ const Lr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ts, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(As, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3657,10 +3697,10 @@ const Lr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(As, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ms, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), bn = ({
+] }), pn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -3669,15 +3709,15 @@ const Lr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = O(!1), m = q(
+  const [l, d] = z(!1), m = q(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), bn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
     },
     [l, e, t, o]
-  ), g = r ?? s !== "pill", f = { className: y(
+  ), g = r ?? s !== "pill", f = { className: C(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3688,7 +3728,7 @@ const Lr = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: y(
+      className: C(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -3728,7 +3768,7 @@ const Lr = ({
       onClick: m,
       disabled: l,
       "aria-label": g ? a : void 0,
-      className: y(
+      className: C(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
@@ -3745,16 +3785,16 @@ const Lr = ({
       ]
     }
   );
-}, Fe = (e, t, s) => Math.min(Math.max(e, t), s), rt = ({
+}, $e = (e, t, s) => Math.min(Math.max(e, t), s), it = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = Fe(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
+  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = z(a);
   J(() => {
-    s && i(Fe(t, 0, Math.max(e - 1, 0)));
+    s && i($e(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), J(() => {
-    i((d) => Fe(d, 0, Math.max(e - 1, 0)));
+    i((d) => $e(d, 0, Math.max(e - 1, 0)));
   }, [e]);
   const o = q(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
@@ -3770,7 +3810,7 @@ const Lr = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, o, l]), { index: r, prev: o, next: l };
-}, it = ({
+}, ot = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -3860,13 +3900,13 @@ const Lr = ({
       ]
     }
   );
-}, pn = ({
+}, vn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = rt({
+  const { index: r, prev: i, next: o } = it({
     length: t.length,
     initialIndex: s,
     open: e
@@ -3875,14 +3915,14 @@ const Lr = ({
     [l]
   );
   return l ? /* @__PURE__ */ h(
-    it,
+    ot,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        bn,
+        pn,
         {
           url: l.src,
           filename: d,
@@ -3905,7 +3945,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          at,
+          rt,
           {
             onPrev: i,
             onNext: o,
@@ -3916,7 +3956,7 @@ const Lr = ({
       ]
     }
   ) : null;
-}, Br = "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", vn = ({
+}, jr = "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", xn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3925,14 +3965,14 @@ const Lr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, g) => {
-    const u = y(Br, "h-full w-full");
+    const u = C(jr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: y(u, "cursor-zoom-in"),
+        className: C(u, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -3944,10 +3984,10 @@ const Lr = ({
       g
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -3956,7 +3996,7 @@ const Lr = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -3969,7 +4009,7 @@ const Lr = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -3987,14 +4027,14 @@ const Lr = ({
     }
   );
 }, Ne = (e) => {
-  const [t, s] = O(!1), [a, r] = O(0), i = q(
+  const [t, s] = z(!1), [a, r] = z(0), i = q(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
   ), o = q(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, jr = (e, t, s, a) => ({
+}, Vr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4013,11 +4053,11 @@ const Lr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], xn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], wn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Vr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Gr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
     r
   );
@@ -4044,16 +4084,16 @@ const Lr = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      pn,
+      vn,
       {
         open: o,
-        items: xn([{ src: e, alt: t }], s),
+        items: wn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: m
       }
     )
   ] });
-}, wn = ({
+}, Nn = ({
   state: e,
   src: t,
   alt: s,
@@ -4070,7 +4110,7 @@ const Lr = ({
   if (m.length === 0)
     return null;
   const N = m.map(
-    (v, x) => jr(v, x, m.length, l)
+    (v, x) => Vr(v, x, m.length, l)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4080,12 +4120,12 @@ const Lr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: N, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(xn, { tiles: N, onTileActivate: c }) }),
         /* @__PURE__ */ n(
-          pn,
+          vn,
           {
             open: u,
-            items: xn(m, a),
+            items: wn(m, a),
             initialIndex: f,
             onClose: p
           }
@@ -4093,17 +4133,17 @@ const Lr = ({
       ]
     }
   );
-}, Gr = (e) => /* @__PURE__ */ n(Vr, { ...e }), Hr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Yr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), qr = {
-  Composer: Gr,
-  Sent: Hr,
-  Received: Yr
-}, Wr = ({
+}, Hr = (e) => /* @__PURE__ */ n(Gr, { ...e }), Yr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "received" }), Wr = {
+  Composer: Hr,
+  Sent: Yr,
+  Received: qr
+}, Xr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = rt({
+  const { index: r, prev: i, next: o } = it({
     length: t.length,
     initialIndex: s,
     open: e
@@ -4111,11 +4151,11 @@ const Lr = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? te(l.src) : "document"),
     [l]
   ), m = ne(
-    () => l ? Xr(l.src) : void 0,
+    () => l ? Kr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
-    it,
+    ot,
     {
       open: e,
       onClose: a,
@@ -4134,7 +4174,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          at,
+          rt,
           {
             onPrev: i,
             onNext: o,
@@ -4145,16 +4185,16 @@ const Lr = ({
       ]
     }
   );
-}, Xr = (e) => {
+}, Kr = (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()}`;
-}, Kr = ({
+}, Jr = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Jr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Zr = ({
   variant: e,
   item: t,
   index: s,
@@ -4163,7 +4203,7 @@ const Lr = ({
 }) => {
   const i = t.filename ?? te(t.src);
   return /* @__PURE__ */ n(
-    fn,
+    gn,
     {
       variant: e,
       filename: i,
@@ -4175,7 +4215,7 @@ const Lr = ({
       trailingAction: r
     }
   );
-}, ot = ({
+}, lt = ({
   state: e,
   src: t,
   filename: s,
@@ -4187,7 +4227,7 @@ const Lr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = we(e), u = Kr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ne(
+  const g = we(e), u = Jr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ne(
     d
   ), v = e === "composer" && !!m;
   if (u.length === 0)
@@ -4204,31 +4244,31 @@ const Lr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, A) => {
-          const T = w.filename ?? te(w.src), S = v && A === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            bn,
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, T) => {
+          const A = w.filename ?? te(w.src), S = v && T === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+            pn,
             {
               url: w.src,
-              filename: T,
+              filename: A,
               variant: "inline",
-              label: `Download ${T}`,
+              label: `Download ${A}`,
               tone: g
             }
           );
           return /* @__PURE__ */ n(
-            Jr,
+            Zr,
             {
               variant: g,
               item: w,
-              index: A,
+              index: T,
               onActivate: p,
               trailingAction: S
             },
-            `${w.src}-${A}`
+            `${w.src}-${T}`
           );
         }) }),
         /* @__PURE__ */ n(
-          Wr,
+          Xr,
           {
             open: f,
             items: x,
@@ -4239,17 +4279,17 @@ const Lr = ({
       ]
     }
   );
-}, Zr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Qr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ei = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ti = {
-  Composer: Zr,
-  Sent: Qr,
-  Received: ei
-}, Nn = ({
+}, Qr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), ei = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), ti = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), ni = {
+  Composer: Qr,
+  Sent: ei,
+  Received: ti
+}, _n = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = rt({
+  const { index: r, prev: i, next: o } = it({
     length: t.length,
     initialIndex: s,
     open: e
@@ -4258,7 +4298,7 @@ const Lr = ({
     [l]
   );
   return l ? /* @__PURE__ */ h(
-    it,
+    ot,
     {
       open: e,
       onClose: a,
@@ -4282,7 +4322,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          at,
+          rt,
           {
             onPrev: i,
             onNext: o,
@@ -4293,7 +4333,7 @@ const Lr = ({
       ]
     }
   ) : null;
-}, ni = () => /* @__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(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, si = () => /* @__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 }) }) }), yn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4308,30 +4348,30 @@ const Lr = ({
       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(
-    Ht,
+    Yt,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ni, {})
-] }), si = (e, t, s) => ({
+  /* @__PURE__ */ n(si, {})
+] }), ai = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(_n, { item: e, index: t })
-}), ai = ({
+  content: /* @__PURE__ */ n(yn, { item: e, index: t })
+}), ri = ({
   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 }] : [], yn = (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 }] : [], Cn = (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
-})), ri = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), ii = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = Ne(
     i
   );
@@ -4343,15 +4383,15 @@ const Lr = ({
         onClick: () => m(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(_n, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(yn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Nn,
+      _n,
       {
         open: l,
-        items: yn(
+        items: Cn(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -4360,7 +4400,7 @@ const Lr = ({
       }
     )
   ] });
-}, Cn = ({
+}, kn = ({
   state: e,
   src: t,
   poster: s,
@@ -4372,13 +4412,13 @@ const Lr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = ai({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ne(
+  const g = ri({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ne(
     m
   );
   if (g.length === 0)
     return null;
   const v = g.map(
-    (x, w) => si(x, w, g.length)
+    (x, w) => ai(x, w, g.length)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4389,7 +4429,7 @@ const Lr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          vn,
+          xn,
           {
             tiles: v,
             onTileActivate: p,
@@ -4397,10 +4437,10 @@ const Lr = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          Nn,
+          _n,
           {
             open: f,
-            items: yn(g, r),
+            items: Cn(g, r),
             initialIndex: c,
             onClose: N
           }
@@ -4408,17 +4448,17 @@ const Lr = ({
       ]
     }
   );
-}, ii = (e) => /* @__PURE__ */ n(ri, { ...e }), oi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), ci = {
-  Composer: ii,
-  Sent: oi,
-  Received: li
-}, ki = {
-  Image: qr,
-  Video: ci,
-  Audio: Er,
-  Pdf: ti,
-  File: $r
-}, di = ({
+}, oi = (e) => /* @__PURE__ */ n(ii, { ...e }), li = (e) => /* @__PURE__ */ n(kn, { ...e, state: "sent" }), ci = (e) => /* @__PURE__ */ n(kn, { ...e, state: "received" }), di = {
+  Composer: oi,
+  Sent: li,
+  Received: ci
+}, Ei = {
+  Image: Wr,
+  Video: di,
+  Audio: Ir,
+  Pdf: ni,
+  File: Br
+}, ui = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4430,7 +4470,7 @@ const Lr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: y(
+    className: C(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4440,7 +4480,7 @@ const Lr = ({
     ),
     children: e
   }
-), Ei = ({
+), Ii = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4469,7 +4509,7 @@ const Lr = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            di,
+            ui,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4483,38 +4523,38 @@ const Lr = ({
   ] }) });
 };
 export {
-  Qt as A,
+  en as A,
   Us as B,
-  Ya as C,
-  Ds as D,
-  Ei as F,
-  yi as L,
-  wi as M,
+  qa as C,
+  Rs as D,
+  Ii as F,
+  Ci as L,
+  Ni as M,
   ye as a,
   ae as b,
-  nr as c,
-  dn as d,
-  Ni as e,
-  di as f,
+  sr as c,
+  un as d,
+  _i as e,
+  ui as f,
   re as g,
-  zt as h,
-  ki as i,
-  Na as j,
-  xi as k,
-  _i as l,
-  Ar as m,
-  Ir as n,
-  er as o,
-  Tr as p,
-  Xt as q,
+  Ft as h,
+  Ei as i,
+  _a as j,
+  wi as k,
+  yi as l,
+  Mr as m,
+  Sr as n,
+  tr as o,
+  Ar as p,
+  Kt as q,
   le as r,
-  nn as s,
-  Ls as t,
-  Ci as u,
-  Vs as v,
-  Je as w,
-  Ze as x,
-  Te as y,
-  ga as z
+  sn as s,
+  Ps as t,
+  ki as u,
+  Gs as v,
+  Ze as w,
+  Qe as x,
+  Ae as y,
+  ba as z
 };
-//# sourceMappingURL=index-CnOvDQIp.js.map
+//# sourceMappingURL=index-CO975B6P.js.map