@linktr.ee/messaging-react 4.0.4 → 4.1.0-rc-1786608731

package/dist/{index-DeWGN1T5.js → index-CH6y1lmh.js}

@@ -1,13 +1,13 @@
-import { jsx as n, jsxs as f, Fragment as J } from "react/jsx-runtime";
-import z, { createContext as je, useContext as ve, useCallback as Z, useState as B, useRef as j, useEffect as Y, useId as as, Suspense as rs, useMemo as le } from "react";
+import { jsx as n, jsxs as f, Fragment as Z } from "react/jsx-runtime";
+import z, { createContext as He, useContext as we, useCallback as K, useState as B, useRef as V, useEffect as X, useId as as, Suspense as rs, useMemo as ie } from "react";
 import { StreamChatService as is } from "@linktr.ee/messaging-core";
-import { StreamChat as ls, LinkPreviewsManager as tt } from "stream-chat";
-import { Chat as os, useChannelStateContext as xe, useChatContext as He, DateSeparator as cs, useMessageContext as he, MessageStatus as ds, MessageErrorIcon as nt, MessageText as ze, areMessageUIPropsEqual as us, useMessageReminder as ms, useComponentContext as dn, Attachment as hs, EditMessageModal as fs, MessageBlocked as gs, MessageBouncePrompt as ps, MessageDeleted as bs, MessageIsThreadReplyInChannelButtonIndicator as vs, MessageRepliesCountButton as xs, ReminderNotification as ws, StreamedMessageText as _s, messageHasAttachments as ys, messageHasReactions as Ns, isDateSeparatorMessage as ks, isMessageBlocked as Cs, isMessageBounced as Ss, MessageBounceModal as Es, Poll as Is, useMessageComposer as Ts, useStateStore as As, MessageInput as Ht, useMessageInputContext as Rs, useMessageComposerHasSendableData as Ls, AttachmentPreviewList as Ms, QuotedMessagePreview as Ds, TextareaComposer as Os, MessageTimestamp as We, AIStates as Xe, useTypingContext as Ps, useAIState as zs, Channel as Fs, WithComponents as $s, Window as Bs, MessageList as Vt, ChannelList as Us, InfiniteScroll as js } from "stream-chat-react";
+import { StreamChat as ls, LinkPreviewsManager as nt } from "stream-chat";
+import { Chat as os, useChannelStateContext as _e, useChatContext as Ve, DateSeparator as cs, useMessageContext as fe, MessageStatus as ds, MessageErrorIcon as st, MessageText as Fe, areMessageUIPropsEqual as us, useMessageReminder as ms, useComponentContext as dn, Attachment as hs, EditMessageModal as fs, MessageBlocked as gs, MessageBouncePrompt as ps, MessageDeleted as bs, MessageIsThreadReplyInChannelButtonIndicator as vs, MessageRepliesCountButton as xs, ReminderNotification as ws, StreamedMessageText as _s, messageHasAttachments as ys, messageHasReactions as Ns, isDateSeparatorMessage as ks, isMessageBlocked as Cs, isMessageBounced as Ss, MessageBounceModal as Es, Poll as Is, useMessageComposer as Ts, useStateStore as As, MessageInput as Ht, useMessageInputContext as Rs, useMessageComposerHasSendableData as Ls, AttachmentPreviewList as Ms, QuotedMessagePreview as Ds, TextareaComposer as Os, MessageTimestamp as Xe, AIStates as qe, useTypingContext as Ps, useAIState as zs, Channel as Fs, WithComponents as $s, Window as Bs, MessageList as Vt, ChannelList as Us, InfiniteScroll as js } from "stream-chat-react";
 import k from "classnames";
-import { StarIcon as st, DotsThreeIcon as Hs, SpinnerGapIcon as Oe, SignOutIcon as Vs, ProhibitInsetIcon as Gt, FlagIcon as un, CurrencyDollarIcon as Gs, CaretRightIcon as mn, ArrowLeftIcon as Ys, FileIcon as hn, ImageIcon as Ws, SpeakerHighIcon as Xs, VideoCameraIcon as fn, FileMdIcon as qs, FileTextIcon as Ks, FileZipIcon as Zs, FilePptIcon as Js, FileCsvIcon as Qs, FileXlsIcon as ea, FileDocIcon as ta, FilePdfIcon as na, CircleNotchIcon as pe, PlayIcon as at, PauseIcon as sa, LinkIcon as aa, DownloadSimpleIcon as Ce, GiftIcon as ra, WarningCircleIcon as ia, MegaphoneIcon as la, ChecksIcon as oa, XIcon as it, PencilSimpleIcon as ca, CaretLeftIcon as da, TrashSimpleIcon as ua, ArrowUpIcon as ma, SparkleIcon as ha, ProhibitIcon as fa } from "@phosphor-icons/react";
-import { isOfficialChannel as ga, OFFICIAL_SENDER_USER_ID as pa, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Yt, isAgeSafetySystemType as ba, resolveRichCardImagePresentation as va, selectEnabledFaqs as xa } from "@linktr.ee/messaging-taxonomy";
+import { StarIcon as at, DotsThreeIcon as Hs, SpinnerGapIcon as Pe, SignOutIcon as Vs, ProhibitInsetIcon as Gt, FlagIcon as un, CurrencyDollarIcon as Gs, CaretRightIcon as mn, ArrowLeftIcon as Ys, FileIcon as hn, ImageIcon as Ws, SpeakerHighIcon as Xs, VideoCameraIcon as fn, FileMdIcon as qs, FileTextIcon as Ks, FileZipIcon as Zs, FilePptIcon as Js, FileCsvIcon as Qs, FileXlsIcon as ea, FileDocIcon as ta, FilePdfIcon as na, CircleNotchIcon as ve, PlayIcon as rt, PauseIcon as sa, LinkIcon as aa, DownloadSimpleIcon as Ee, GiftIcon as ra, WarningCircleIcon as ia, MegaphoneIcon as la, ChecksIcon as oa, XIcon as lt, PencilSimpleIcon as ca, CaretLeftIcon as da, TrashSimpleIcon as ua, ArrowUpIcon as ma, SparkleIcon as ha, ProhibitIcon as fa } from "@phosphor-icons/react";
+import { isOfficialChannel as ga, OFFICIAL_SENDER_USER_ID as pa, MESSAGE_CUSTOM_TYPE as le, isDmAgentSystemType as Yt, isAgeSafetySystemType as ba, resolveRichCardImagePresentation as va, selectEnabledFaqs as xa } from "@linktr.ee/messaging-taxonomy";
 import { MessageActions as wa, DefaultDropdownActionButton as gn } from "stream-chat-react/experimental";
-const pn = je({
+const pn = He({
   service: null,
   client: null,
   isConnected: !1,
@@ -17,7 +17,7 @@ const pn = je({
   refreshConnection: async () => {
   },
   debug: !1
-}), lt = () => ve(pn), eo = ({
+}), ot = () => we(pn), eo = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -26,10 +26,10 @@ const pn = je({
   debug: i = !1,
   client: o
 }) => {
-  var S, C;
-  const l = Z(
-    (A, ...P) => {
-      i && console.log(`🔥 [MessagingProvider] ${A}`, ...P);
+  var I, C;
+  const l = K(
+    (S, ...P) => {
+      i && console.log(`🔥 [MessagingProvider] ${S}`, ...P);
     },
     [i]
   );
@@ -39,49 +39,49 @@ const pn = je({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [d, u] = B(null), [h, m] = B(null), [g, c] = B(!1), [p, w] = B(!1), [v, x] = B(null), b = j(!1), N = j(null), _ = j(s);
+  const [d, u] = B(null), [h, m] = B(null), [g, c] = B(!1), [p, w] = B(!1), [v, x] = B(null), b = V(!1), y = V(null), _ = V(s);
   _.current = s;
-  const T = j(i);
+  const T = V(i);
   T.current = i;
-  const L = j({
+  const R = V({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), E = j(0);
-  E.current++, l("📊 RENDER INFO", {
-    renderCount: E.current,
+  }), L = V(0);
+  L.current++, l("📊 RENDER INFO", {
+    renderCount: L.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: L.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: L.current.apiKey !== a,
-      serviceConfigChanged: L.current.serviceConfig !== s,
-      capabilitiesChanged: L.current.capabilities !== r
+      userChanged: R.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: R.current.apiKey !== a,
+      serviceConfigChanged: R.current.serviceConfig !== s,
+      capabilitiesChanged: R.current.capabilities !== r
     }
-  }), L.current = {
+  }), R.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const $ = j(null);
-  !o && a && ((S = $.current) == null ? void 0 : S.apiKey) !== a && ($.current = { apiKey: a, client: new ls(a) });
+  const $ = V(null);
+  !o && a && ((I = $.current) == null ? void 0 : I.apiKey) !== a && ($.current = { apiKey: a, client: new ls(a) });
   const F = o || (a ? ((C = $.current) == null ? void 0 : C.client) ?? null : null);
-  Y(() => {
-    const A = E.current, P = _.current;
+  X(() => {
+    const S = L.current, P = _.current;
     if (o) {
-      N.current = null, u(null), m(null), c(!1), x(null), w(!1);
+      y.current = null, u(null), m(null), c(!1), x(null), w(!1);
       return;
     }
     if (!a || !F || !P) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: A,
+        renderCount: S,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING SERVICE", {
-      renderCount: A,
+      renderCount: S,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
     const U = new is({
@@ -90,13 +90,13 @@ const pn = je({
       debug: T.current,
       client: F
     });
-    N.current = U, u(U), l("✅ SERVICE SET", {
-      renderCount: A,
+    y.current = U, u(U), l("✅ SERVICE SET", {
+      renderCount: S,
       serviceInstance: !!U
     });
   }, [a, F, o]);
-  const R = j(null);
-  Y(() => {
+  const M = V(null);
+  X(() => {
     var P, U;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
@@ -115,7 +115,7 @@ const pn = je({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((P = R.current) == null ? void 0 : P.serviceId) === d && ((U = R.current) == null ? void 0 : U.userId) === t.id) {
+    if (((P = M.current) == null ? void 0 : P.serviceId) === d && ((U = M.current) == null ? void 0 : U.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -126,16 +126,16 @@ const pn = je({
       l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const H = await d.connectUser(t);
-        m(H), c(!0), R.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const j = await d.connectUser(t);
+        m(j), c(!0), M.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: H.userID
+          clientId: j.userID
         });
-      } catch (H) {
-        const te = H instanceof Error ? H.message : "Connection failed";
-        x(te), l("❌ USER CONNECTION ERROR", {
+      } catch (j) {
+        const ee = j instanceof Error ? j.message : "Connection failed";
+        x(ee), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: te
+          error: ee
         });
       } finally {
         w(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
@@ -144,14 +144,14 @@ const pn = je({
         });
       }
     })();
-  }, [d, t, l, g, o]), Y(() => {
-    const A = F;
+  }, [d, t, l, g, o]), X(() => {
+    const S = F;
     return () => {
       var P;
-      A && (R.current = null, (P = N.current) == null || P.disconnectUser().catch(console.error));
+      S && (M.current = null, (P = y.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const I = Z(async () => {
+  const E = K(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -163,10 +163,10 @@ const pn = je({
       l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
       try {
         l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-        const A = await d.connectUser(t);
-        m(A), c(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-      } catch (A) {
-        const P = A instanceof Error ? A.message : "Refresh failed";
+        const S = await d.connectUser(t);
+        m(S), c(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      } catch (S) {
+        const P = S instanceof Error ? S.message : "Refresh failed";
         x(P), l("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
           error: P
@@ -175,7 +175,7 @@ const pn = je({
         w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, l, o]), M = z.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, l, o]), D = z.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!h,
     isConnected: g,
@@ -197,7 +197,7 @@ const pn = je({
     isLoading: o ? !1 : p,
     error: o ? null : v,
     capabilities: r,
-    refreshConnection: I,
+    refreshConnection: E,
     debug: i
   }), [
     d,
@@ -207,15 +207,15 @@ const pn = je({
     p,
     v,
     r,
-    I,
+    E,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: E.current,
+    renderCount: L.current,
     willRenderChat: !!F,
-    contextValueReady: !!M
-  }), /* @__PURE__ */ n(pn.Provider, { value: M, children: F ? /* @__PURE__ */ n(
+    contextValueReady: !!D
+  }), /* @__PURE__ */ n(pn.Provider, { value: D, children: F ? /* @__PURE__ */ n(
     os,
     {
       client: F,
@@ -225,12 +225,12 @@ const pn = je({
       children: e
     }
   ) : e });
-}, _a = () => lt(), bn = (e) => {
+}, _a = () => ot(), bn = (e) => {
   var a, r;
   const [t, s] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return Y(() => {
+  return X(() => {
     var o;
     if (!e) {
       s(!1);
@@ -322,7 +322,7 @@ function Ca(e) {
 function Sa(e) {
   return wn(e).bgColor;
 }
-const we = ({
+const ye = ({
   id: e,
   image: t,
   size: s = 40,
@@ -359,7 +359,7 @@ const we = ({
           {
             "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(st, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(at, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
@@ -395,42 +395,42 @@ const we = ({
   onActionComplete: u,
   logLabel: h = "useChannelModerationActions"
 }) => {
-  var M;
-  const { service: m, debug: g } = lt(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, p = !!(a && s && m && c), [w, v] = B(!1), [x, b] = B(null), [N, _] = B(!1), [T, L] = B(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
-  return Y(() => {
+  var D;
+  const { service: m, debug: g } = ot(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, p = !!(a && s && m && c), [w, v] = B(!1), [x, b] = B(null), [y, _] = B(!1), [T, R] = B(!1), L = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
+  return X(() => {
     if (!p || !m || !c) {
       v(!1), b(null);
       return;
     }
-    let S = !1;
+    let I = !1;
     return (async () => {
       try {
         const C = await m.getBlockedUsers();
-        if (S) return;
+        if (I) return;
         v(
           C.some(
-            (A) => A.blocked_user_id === c
+            (S) => S.blocked_user_id === c
           )
         );
       } catch (C) {
-        S || console.error(`[${h}] Failed to check blocked status:`, C);
+        I || console.error(`[${h}] Failed to check blocked status:`, C);
       } finally {
-        S || b({ participantId: c, service: m });
+        I || b({ participantId: c, service: m });
       }
     })(), () => {
-      S = !0;
+      I = !0;
     };
   }, [p, m, c, h]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: E,
-    isLeaving: N,
+    isCheckingBlockedStatus: L,
+    isLeaving: y,
     isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
-      var S;
-      if (!N) {
+      var I;
+      if (!y) {
         o == null || o(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
         try {
-          const C = ((S = e._client) == null ? void 0 : S.userID) ?? null;
+          const C = ((I = e._client) == null ? void 0 : I.userID) ?? null;
           await e.hide(C, !1), r && await r(e), u == null || u();
         } catch (C) {
           console.error(`[${h}] Failed to leave conversation`, C);
@@ -440,28 +440,28 @@ const we = ({
       }
     },
     handleBlockUser: async () => {
-      var S, C, A;
+      var I, C, S;
       if (!(T || !m)) {
-        l == null || l(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
+        l == null || l(), g && console.log(`[${h}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), R(!0);
         try {
-          await m.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
+          await m.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
         } catch (P) {
           console.error(`[${h}] Failed to block member`, P);
         } finally {
-          L(!1);
+          R(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var S, C, A;
+      var I, C, S;
       if (!(T || !m)) {
-        l == null || l(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
+        l == null || l(), g && console.log(`[${h}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), R(!0);
         try {
-          await m.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
+          await m.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
         } catch (P) {
           console.error(`[${h}] Failed to unblock member`, P);
         } finally {
-          L(!1);
+          R(!1);
         }
       }
     },
@@ -469,7 +469,7 @@ const we = ({
       d == null || d(), u == null || u(), window.open(Ea, "_blank", "noopener,noreferrer");
     }
   };
-}, ye = ({
+}, ke = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -500,14 +500,14 @@ const we = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = B(!1), p = j(null), w = as(), v = Z(() => c(!1), []), {
+  const [g, c] = B(!1), p = V(null), w = as(), v = K(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: b,
-    isLeaving: N,
+    isLeaving: y,
     isUpdatingBlockStatus: _,
     handleLeaveConversation: T,
-    handleBlockUser: L,
-    handleUnblockUser: E,
+    handleBlockUser: R,
+    handleUnblockUser: L,
     handleReportUser: $
   } = Ia({
     channel: e,
@@ -522,15 +522,15 @@ const we = ({
     onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
-  return Y(() => {
+  return X(() => {
     if (!g) return;
-    const R = (M) => {
-      p.current && !p.current.contains(M.target) && c(!1);
-    }, I = (M) => {
-      M.key === "Escape" && c(!1);
+    const M = (D) => {
+      p.current && !p.current.contains(D.target) && c(!1);
+    }, E = (D) => {
+      D.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", R), document.addEventListener("keydown", I), () => {
-      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", I);
+    return document.addEventListener("mousedown", M), document.addEventListener("keydown", E), () => {
+      document.removeEventListener("mousedown", M), document.removeEventListener("keydown", E);
     };
   }, [g]), !t || !(s || a || r || !!h) ? null : /* @__PURE__ */ f("div", { ref: p, className: "relative", children: [
     /* @__PURE__ */ f(
@@ -541,7 +541,7 @@ const we = ({
         "aria-haspopup": "true",
         "aria-expanded": g,
         "aria-controls": g ? w : void 0,
-        onClick: () => c((R) => !R),
+        onClick: () => c((M) => !M),
         children: [
           /* @__PURE__ */ n(Hs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -559,13 +559,13 @@ const we = ({
         ),
         children: /* @__PURE__ */ f("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(
-            ye,
+            ke,
             {
               onClick: T,
-              disabled: N,
-              "aria-busy": N,
+              disabled: y,
+              "aria-busy": y,
               children: [
-                N ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Vs, { className: "h-5 w-5" }),
+                y ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Vs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -573,34 +573,34 @@ const we = ({
           a && /* @__PURE__ */ n("li", { children: b ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ f(ye, { disabled: !0, "aria-busy": !0, children: [
-              /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }),
+            /* @__PURE__ */ f(ke, { disabled: !0, "aria-busy": !0, children: [
+              /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
           ) : x ? /* @__PURE__ */ f(
-            ye,
+            ke,
             {
-              onClick: E,
+              onClick: L,
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ f(
-            ye,
+            ke,
             {
-              onClick: L,
+              onClick: R,
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(ye, { variant: "danger", onClick: $, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(ke, { variant: "danger", onClick: $, children: [
             /* @__PURE__ */ n(un, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -609,7 +609,7 @@ const we = ({
       }
     )
   ] });
-}, qe = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
+}, Ke = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
   className: e,
   onBack: t,
   showBackButton: s,
@@ -627,32 +627,32 @@ const we = ({
   showChannelInfo: p = !0,
   onParticipantNameClick: w
 }) => {
-  var I, M, S, C;
-  const { channel: v } = xe(), { client: x } = He(), b = z.useMemo(
+  var E, D, I, C;
+  const { channel: v } = _e(), { client: x } = Ve(), b = z.useMemo(
     () => {
-      var A;
+      var S;
       return vn(
-        (A = v.state) == null ? void 0 : A.members,
+        (S = v.state) == null ? void 0 : S.members,
         x == null ? void 0 : x.userID,
         v.type
       );
     },
-    [(I = v.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, v.type]
-  ), N = xn(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = bn(v), L = Ra((S = v.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, E = a && T, $ = L || E || !!w, F = async () => {
+    [(E = v.state) == null ? void 0 : E.members, x == null ? void 0 : x.userID, v.type]
+  ), y = xn(b == null ? void 0 : b.user), _ = (D = b == null ? void 0 : b.user) == null ? void 0 : D.image, T = bn(v), R = Ra((I = v.data) == null ? void 0 : I.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, L = a && T, $ = R || L || !!w, F = async () => {
     try {
       T ? await v.unpin() : await v.pin();
-    } catch (A) {
+    } catch (S) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        A
+        S
       );
     }
-  }, R = /* @__PURE__ */ f(J, { children: [
+  }, M = /* @__PURE__ */ f(Z, { children: [
     /* @__PURE__ */ n(
-      we,
+      ye,
       {
         id: ((C = b == null ? void 0 : b.user) == null ? void 0 : C.id) || v.id || "unknown",
-        name: N,
+        name: y,
         image: _,
         shape: "circle",
         size: 48,
@@ -667,9 +667,9 @@ const we = ({
           $ ? "pl-3 pr-2" : "px-3"
         ),
         children: /* @__PURE__ */ f("span", { className: "flex max-w-full items-center justify-center", children: [
-          /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: N }),
+          /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: y }),
           $ && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
-            L && /* @__PURE__ */ n(
+            R && /* @__PURE__ */ n(
               "span",
               {
                 "aria-label": "Paid customer",
@@ -677,12 +677,12 @@ const we = ({
                 children: /* @__PURE__ */ n(Gs, { className: "size-2.5", weight: "bold" })
               }
             ),
-            E && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
+            L && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
               "span",
               {
                 "aria-label": "Starred conversation",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-                children: /* @__PURE__ */ n(st, { className: "size-2.5", weight: "fill" })
+                children: /* @__PURE__ */ n(at, { className: "size-2.5", weight: "fill" })
               }
             ) }),
             w && /* @__PURE__ */ n(
@@ -710,7 +710,7 @@ const we = ({
           "button",
           {
             className: k(
-              qe,
+              Ke,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
             onClick: t || (() => {
@@ -725,22 +725,22 @@ const we = ({
           {
             type: "button",
             onClick: w,
-            "aria-label": `View details for ${N}`,
+            "aria-label": `View details for ${y}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
-            children: R
+            children: M
           }
-        ) : /* @__PURE__ */ n("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: R }) }),
+        ) : /* @__PURE__ */ n("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: M }) }),
         /* @__PURE__ */ f("div", { className: "flex items-start justify-end gap-2", children: [
           a && /* @__PURE__ */ n(
             "button",
             {
-              className: qe,
+              className: Ke,
               onClick: F,
               type: "button",
               "aria-pressed": T,
               "aria-label": T ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ n(
-                st,
+                at,
                 {
                   className: k("size-5", {
                     "text-[#FFD60A]": T,
@@ -765,7 +765,7 @@ const we = ({
               onBlockParticipantClick: h,
               onReportParticipantClick: m,
               customChannelActions: g,
-              triggerClassName: qe
+              triggerClassName: Ke
             }
           ))
         ] })
@@ -797,7 +797,7 @@ function za(e) {
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
-function ce(e) {
+function oe(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
   const s = Pa(t);
@@ -815,7 +815,7 @@ const Fa = [
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function de(e) {
+function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function yn(e) {
@@ -841,10 +841,10 @@ const $a = {
   generic: hn
 };
 function Ua(e) {
-  const t = de(e);
+  const t = ce(e);
   return t !== "document" ? $a[t] : Ba[yn(e)];
 }
-function be(e, t) {
+function xe(e, t) {
   return z.createElement(Ua(e), t);
 }
 const ja = (e) => {
@@ -862,78 +862,78 @@ const ja = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const h = de(t), m = j(null), g = j(null), c = j(null), p = j(r), [w, v] = B(a), [x, b] = B(0), [N, _] = B(!1), [T, L] = B(!1), [E, $] = B(!1), [F, R] = B(!1), [I, M] = B(!0), [S, C] = B(null), A = Z(() => {
+  const h = ce(t), m = V(null), g = V(null), c = V(null), p = V(r), [w, v] = B(a), [x, b] = B(0), [y, _] = B(!1), [T, R] = B(!1), [L, $] = B(!1), [F, M] = B(!1), [E, D] = B(!0), [I, C] = B(null), S = K(() => {
     $(!1), v(!0);
-  }, []), P = Z((y) => {
-    const D = g.current;
-    if (!D) return 0;
-    const W = D.getBoundingClientRect();
+  }, []), P = K((N) => {
+    const A = g.current;
+    if (!A) return 0;
+    const Y = A.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ja(y) - W.left) / W.width)
+      Math.min(1, (ja(N) - Y.left) / Y.width)
     );
-  }, []), U = Z((y) => {
-    const D = m.current;
-    D && D.duration && (D.currentTime = y * D.duration);
-  }, []), H = (y) => {
-    y.stopPropagation(), _(!0);
-    const D = P(y);
-    b(D), U(D);
+  }, []), U = K((N) => {
+    const A = m.current;
+    A && A.duration && (A.currentTime = N * A.duration);
+  }, []), j = (N) => {
+    N.stopPropagation(), _(!0);
+    const A = P(N);
+    b(A), U(A);
   };
-  Y(() => {
+  X(() => {
     r !== void 0 && r !== p.current && (p.current = r, v(r));
-  }, [r]), Y(() => {
+  }, [r]), X(() => {
     if (!w) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const y = () => {
-      const D = m.current;
-      D && D.duration && !N && b(D.currentTime / D.duration), c.current = requestAnimationFrame(y);
+    const N = () => {
+      const A = m.current;
+      A && A.duration && !y && b(A.currentTime / A.duration), c.current = requestAnimationFrame(N);
     };
-    return c.current = requestAnimationFrame(y), () => {
+    return c.current = requestAnimationFrame(N), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [w, N]), Y(() => {
-    const y = m.current;
-    y && (w ? y.play().catch((D) => {
+  }, [w, y]), X(() => {
+    const N = m.current;
+    N && (w ? N.play().catch((A) => {
       v(!1), $(!0);
-    }) : y.pause());
-  }, [w]), Y(() => {
-    if (!N) return;
-    const y = (W) => b(P(W)), D = (W) => {
-      _(!1), U(P(W));
+    }) : N.pause());
+  }, [w]), X(() => {
+    if (!y) return;
+    const N = (Y) => b(P(Y)), A = (Y) => {
+      _(!1), U(P(Y));
     };
-    return window.addEventListener("mousemove", y), window.addEventListener("mouseup", D), window.addEventListener("touchmove", y, { passive: !0 }), window.addEventListener("touchend", D), () => {
-      window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", D), window.removeEventListener("touchmove", y), window.removeEventListener("touchend", D);
+    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", A), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", A), () => {
+      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", A);
     };
-  }, [N, P, U]);
-  const te = S ? { aspectRatio: String(S) } : void 0, Q = S ? "" : " aspect-video", V = Math.round(x * 100);
+  }, [y, P, U]);
+  const ee = I ? { aspectRatio: String(I) } : void 0, J = I ? "" : " aspect-video", G = Math.round(x * 100);
   return /* @__PURE__ */ f(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
-      style: te,
-      onClick: (y) => {
+      className: `relative cursor-pointer overflow-hidden bg-black ${J}`,
+      style: ee,
+      onClick: (N) => {
         if (u) {
-          u(y);
+          u(N);
           return;
         }
-        E || o && v((D) => !D);
+        L || o && v((A) => !A);
       },
-      onKeyDown: (y) => {
-        if (!(y.key !== "Enter" && y.key !== " ")) {
-          if (y.preventDefault(), u) {
-            u(y);
+      onKeyDown: (N) => {
+        if (!(N.key !== "Enter" && N.key !== " ")) {
+          if (N.preventDefault(), u) {
+            u(N);
             return;
           }
-          E || o && v((D) => !D);
+          L || o && v((A) => !A);
         }
       },
       children: [
-        s && (h === "audio" || I) && /* @__PURE__ */ n(
+        s && (h === "audio" || E) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -941,7 +941,7 @@ const ja = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (h === "audio" || I) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: be(t, {
+        !s && (h === "audio" || E) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: xe(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -953,11 +953,11 @@ const ja = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => R(!0),
+            onLoadStart: () => M(!0),
             onCanPlay: () => {
-              R(!1), M(!1);
+              M(!1), D(!1);
             },
-            onWaiting: () => R(!0),
+            onWaiting: () => M(!0),
             onPlay: () => $(!1),
             onEnded: () => {
               i || (v(!1), b(0));
@@ -973,15 +973,15 @@ const ja = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => R(!0),
+            onLoadStart: () => M(!0),
             onCanPlay: () => {
-              R(!1), M(!1);
+              M(!1), D(!1);
             },
-            onWaiting: () => R(!0),
+            onWaiting: () => M(!0),
             onPlay: () => $(!1),
             onLoadedMetadata: () => {
-              const y = m.current;
-              y instanceof HTMLVideoElement && y.videoWidth && y.videoHeight && C(y.videoWidth / y.videoHeight);
+              const N = m.current;
+              N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && C(N.videoWidth / N.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), b(0));
@@ -989,27 +989,27 @@ const ja = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        F && !E && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          pe,
+        F && !L && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          ve,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        E && !o && /* @__PURE__ */ n(
+        L && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (y) => {
-              y.stopPropagation(), A();
+            onClick: (N) => {
+              N.stopPropagation(), S();
             },
-            onKeyDown: (y) => {
-              y.key !== "Enter" && y.key !== " " || (y.preventDefault(), y.stopPropagation(), A());
+            onKeyDown: (N) => {
+              N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.stopPropagation(), S());
             },
-            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(at, { 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(rt, { 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(
@@ -1017,23 +1017,23 @@ const ja = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": V,
+            "aria-valuenow": G,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: g,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: H,
-            onTouchStart: H,
-            onClick: (y) => y.stopPropagation(),
-            onKeyDown: (y) => {
-              y.key === "ArrowRight" && U(Math.min(1, x + 0.05)), y.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
+            onMouseDown: j,
+            onTouchStart: j,
+            onClick: (N) => N.stopPropagation(),
+            onKeyDown: (N) => {
+              N.key === "ArrowRight" && U(Math.min(1, x + 0.05)), N.key === "ArrowLeft" && U(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",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${V}%` }
+                style: { width: `${G}%` }
               }
             ) })
           }
@@ -1043,12 +1043,12 @@ const ja = (e) => {
             "button",
             {
               type: "button",
-              onClick: (y) => {
-                y.stopPropagation(), v((D) => !D);
+              onClick: (N) => {
+                N.stopPropagation(), v((A) => !A);
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(sa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(at, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(sa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1056,30 +1056,30 @@ const ja = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": V,
+              "aria-valuenow": G,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: g,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: H,
-              onTouchStart: H,
-              onClick: (y) => y.stopPropagation(),
-              onMouseEnter: () => L(!0),
-              onMouseLeave: () => L(!1),
-              onKeyDown: (y) => {
-                y.key === "ArrowRight" && U(Math.min(1, x + 0.05)), y.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
+              onMouseDown: j,
+              onTouchStart: j,
+              onClick: (N) => N.stopPropagation(),
+              onMouseEnter: () => R(!0),
+              onMouseLeave: () => R(!1),
+              onKeyDown: (N) => {
+                N.key === "ArrowRight" && U(Math.min(1, x + 0.05)), N.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || N ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || y ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${V}%` }
+                        style: { width: `${G}%` }
                       }
                     )
                   }
@@ -1087,8 +1087,8 @@ const ja = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || N ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${V}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || y ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${G}%` }
                   }
                 )
               ]
@@ -1107,7 +1107,7 @@ const ja = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = de(e), [d, u] = B(!1), h = ce(t), m = ce(s);
+  const l = ce(e), [d, u] = B(!1), h = oe(t), m = oe(s);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     Ha,
     {
@@ -1155,7 +1155,7 @@ const ja = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: be(e, {
+      children: xe(e, {
         className: Kt(r),
         weight: "regular"
       })
@@ -1172,7 +1172,7 @@ const ja = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: be(e, {
+      children: xe(e, {
         className: Kt(r),
         weight: "regular"
       })
@@ -1219,7 +1219,7 @@ const ja = (e) => {
             }
           ),
           /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-1", children: [
-            be(r, {
+            xe(r, {
               className: k(
                 "size-5 shrink-0",
                 g ? "text-white/55" : "text-black/55"
@@ -1247,7 +1247,7 @@ const ja = (e) => {
 function Cn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ot(e) {
+function ct(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function Ga(e) {
@@ -1265,12 +1265,12 @@ function Xa(e) {
 function qa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const ct = ({ attachment: e, isMyMessage: t }) => {
+const dt = ({ attachment: e, isMyMessage: t }) => {
   const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, u = /* @__PURE__ */ f(z.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
-        src: ce(r) ?? r,
+        src: oe(r) ?? r,
         alt: s ?? "",
         className: "aspect-video w-full rounded-[20px] object-cover"
       }
@@ -1319,7 +1319,7 @@ const ct = ({ attachment: e, isMyMessage: t }) => {
 function Sn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function dt(e) {
+function ut(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(Sn);
 }
@@ -1356,19 +1356,19 @@ const Za = ({
       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(
-        pe,
+        ve,
         {
           className: "size-4 animate-spin text-white",
           weight: "bold"
         }
       ) : /* @__PURE__ */ f(z.Fragment, { children: [
-        /* @__PURE__ */ n(Ce, { className: "size-4 text-white", weight: "bold" }),
+        /* @__PURE__ */ n(Ee, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function ut(e) {
+function mt(e) {
   var m, g, c, p;
   const t = (m = e.attachments) == null ? void 0 : m.find(
     (w) => w.type === "video" && w.asset_url
@@ -1424,7 +1424,7 @@ const En = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = de(t), o = a !== void 0 ? Cn(a) : void 0;
+  const i = ce(t), o = a !== void 0 ? Cn(a) : void 0;
   return /* @__PURE__ */ n(
     kn,
     {
@@ -1450,10 +1450,10 @@ const En = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = dt(e), a = ut(e);
+  const s = ut(e), a = mt(e);
   return !s && !a ? null : /* @__PURE__ */ f("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ n(
-      we,
+      ye,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1477,8 +1477,8 @@ const En = ({
               overflow: "visible",
               background: "transparent"
             },
-            children: s ? /* @__PURE__ */ n("div", { className: ot(t), children: /* @__PURE__ */ n(
-              ct,
+            children: s ? /* @__PURE__ */ n("div", { className: ct(t), children: /* @__PURE__ */ n(
+              dt,
               {
                 attachment: s,
                 isMyMessage: t
@@ -1492,18 +1492,18 @@ const En = ({
 }, Qa = ({
   message: e
 }) => {
-  const t = dt(e);
+  const t = ut(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: ot(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ct, { attachment: t, isMyMessage: !0 }) });
-  const s = ut(e);
+    return /* @__PURE__ */ n("div", { className: ct(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !0 }) });
+  const s = mt(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(En, { ...s }) }) : null;
 }, er = ({
   message: e
 }) => {
-  const t = dt(e);
+  const t = ut(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: ot(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ct, { attachment: t, isMyMessage: !1 }) });
-  const s = ut(e);
+    return /* @__PURE__ */ n("div", { className: ct(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !1 }) });
+  const s = mt(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(In, { ...s }) }) : null;
 }, to = Object.assign(Ja, {
   Creator: Qa,
@@ -1512,17 +1512,17 @@ const En = ({
   isUnlocking: () => !1
 }, nr = {
   LockedAttachment: tr
-}, Tn = je({}), no = Tn.Provider;
+}, Tn = He({}), no = Tn.Provider;
 function sr(e) {
-  return ve(Tn)[e] ?? nr[e];
+  return we(Tn)[e] ?? nr[e];
 }
-const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import("./Card-D4cboQ2t.js")), ir = () => /* @__PURE__ */ n(
+const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import("./Card-ClyBNKoW.js")), ir = () => /* @__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
   }
-), Pe = (e) => /* @__PURE__ */ n(rs, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), lr = ({ size: e = 15 }) => /* @__PURE__ */ n(
+), ze = (e) => /* @__PURE__ */ n(rs, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), lr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1541,33 +1541,33 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
   }
 ), or = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.TIP;
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.TIP;
 }, An = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.PAID;
-}, Fe = (e) => {
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.PAID;
+}, $e = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.CHATBOT;
-}, mt = (e) => {
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.CHATBOT;
+}, ht = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.ATTACHMENT;
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.ATTACHMENT;
 }, cr = (e) => {
   var t;
-  return mt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
+  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
 }, dr = (e) => {
   var t;
-  return mt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
+  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
 }, Rn = (e) => or(e) || An(e), ur = (e) => {
   var t;
   return Rn(e) && !((t = e.text) != null && t.trim());
-}, Ke = ({
+}, Ze = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var g;
-  const r = Rn(e), i = Fe(e);
+  const r = Rn(e), i = $e(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -1585,10 +1585,10 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
     {
       className: `${d} ${u}`,
       "data-testid": "message-chatbot-indicator",
-      children: s && !o ? /* @__PURE__ */ f(J, { children: [
+      children: s && !o ? /* @__PURE__ */ f(Z, { children: [
         h,
         m
-      ] }) : /* @__PURE__ */ f(J, { children: [
+      ] }) : /* @__PURE__ */ f(Z, { children: [
         m,
         h
       ] })
@@ -1597,7 +1597,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
 }, Zt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, mr = {
   me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, $e = ({ side: e }) => /* @__PURE__ */ n(
+}, Be = ({ side: e }) => /* @__PURE__ */ n(
   "span",
   {
     "aria-hidden": "true",
@@ -1612,7 +1612,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       mask: Zt
     }
   }
-), Ln = je(
+), Ln = He(
   void 0
 ), hr = (e) => {
   var s;
@@ -1650,8 +1650,8 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
 }, pr = (e, t) => {
   const s = fr(e, t), [a, r] = B(s);
   return gr(a, s) ? a : (r(s), s);
-}, ht = () => {
-  const { message: e } = he("SentMessageDeliveryStatus"), { messages: t } = xe("SentMessageDeliveryStatus"), s = (() => {
+}, ft = () => {
+  const { message: e } = fe("SentMessageDeliveryStatus"), { messages: t } = _e("SentMessageDeliveryStatus"), s = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
         const r = t[a];
@@ -1660,12 +1660,12 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       }
   })();
   return e.id === s;
-}, Ze = () => ht() ? /* @__PURE__ */ f(J, { children: [
+}, Je = () => ft() ? /* @__PURE__ */ f(Z, { children: [
   /* @__PURE__ */ n(oa, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, br = () => ht() ? /* @__PURE__ */ f(J, { children: [
+] }) : null, br = () => ft() ? /* @__PURE__ */ f(Z, { children: [
   /* @__PURE__ */ n(
-    pe,
+    ve,
     {
       className: "sent-message-status__spinner animate-spin",
       weight: "bold",
@@ -1677,7 +1677,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
   outbound: e,
   onOutboundClick: t
 }) => {
-  const s = e.name || "Broadcast", r = /* @__PURE__ */ f(J, { children: [
+  const s = e.name || "Broadcast", r = /* @__PURE__ */ f(Z, { children: [
     /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(la, { weight: "fill" }) }),
     /* @__PURE__ */ n(
       "span",
@@ -1708,9 +1708,9 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
   resolvedOutbound: t
 }) => {
   var h;
-  const { isMyMessage: s, message: a, threadList: r } = he(
+  const { isMyMessage: s, message: a, threadList: r } = fe(
     "SentMessageDeliveryStatus"
-  ), i = s(), o = ht();
+  ), i = s(), o = ft();
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
@@ -1726,9 +1726,9 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
   ) : null, u = /* @__PURE__ */ n(
     ds,
     {
-      MessageSentStatus: Ze,
-      MessageDeliveredStatus: Ze,
-      MessageReadStatus: Ze,
+      MessageSentStatus: Je,
+      MessageDeliveredStatus: Je,
+      MessageReadStatus: Je,
       MessageSendingStatus: br
     }
   );
@@ -1738,7 +1738,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
     d
   ] }) : u;
 }, _r = /^([a-z][a-z0-9+.-]*):/i, yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function ft(e) {
+function gt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
@@ -1769,7 +1769,7 @@ const Nr = {
     s ? "w-full" : "min-w-0",
     !a && "mt-2",
     Nr[e][r]
-  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = ft(t.href);
+  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = gt(t.href);
   return l ? /* @__PURE__ */ n(
     "a",
     {
@@ -1804,7 +1804,7 @@ const Nr = {
 }, Sr = {
   dark: "bg-white/25",
   light: "bg-black/15"
-}, gt = ({
+}, pt = ({
   variant: e,
   ctaSurface: t,
   chinTextColor: s,
@@ -1821,13 +1821,13 @@ const Nr = {
   const g = e === "dark", c = a ?? (g ? r : void 0) ?? "", p = c.trim() !== "", w = i != null && i.trim() !== "", v = typeof l == "string" ? l.trim() : "", x = v !== "", b = u != null;
   if (!m && !p && !w && !x && !b)
     return null;
-  const N = g && !a, _ = k(
+  const y = g && !a, _ = k(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
-    s == null && (N ? Cr : kr[e])
+    s == null && (y ? Cr : kr[e])
   ), T = k(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
     s == null && Jt[e]
-  ), L = k(
+  ), R = k(
     "text-[12px] leading-4 tracking-[0.24px]",
     o <= 1 && "truncate",
     s == null && Jt[e]
@@ -1842,13 +1842,13 @@ const Nr = {
       /* @__PURE__ */ n("div", { className: k("h-4 w-1/2", F), "aria-hidden": !0 })
     ] }) });
   }
-  const E = s ? { color: s } : void 0, $ = o > 1 ? {
-    ...E,
+  const L = s ? { color: s } : void 0, $ = o > 1 ? {
+    ...L,
     display: "-webkit-box",
     WebkitBoxOrient: "vertical",
     WebkitLineClamp: o,
     overflow: "hidden"
-  } : E;
+  } : L;
   return /* @__PURE__ */ f("div", { className: "shrink-0 px-4 py-3", children: [
     /* @__PURE__ */ f("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
@@ -1858,13 +1858,13 @@ const Nr = {
             "p",
             {
               className: k("min-w-0", _),
-              style: E,
+              style: L,
               children: c
             }
           )
         ] }),
-        w && /* @__PURE__ */ n("p", { className: L, style: $, children: i }),
-        !b && x && /* @__PURE__ */ n("p", { className: T, style: E, children: v })
+        w && /* @__PURE__ */ n("p", { className: R, style: $, children: i }),
+        !b && x && /* @__PURE__ */ n("p", { className: T, style: L, children: v })
       ] }),
       h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
     ] }),
@@ -1875,7 +1875,7 @@ const Nr = {
   // 20px corners — no token exists for it in the component-library preset,
   // whose radius scale is sm .5rem / md 1rem / lg 1.5rem / xl 4rem.
   "rounded-[20px]"
-), Tr = "flex h-[250px] flex-col", Se = ({
+), Tr = "flex h-[250px] flex-col", Ie = ({
   variant: e,
   children: t,
   href: s,
@@ -1971,11 +1971,11 @@ const Nr = {
 }, Ar = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ie = (e, t) => !!t && !!e && de(e) === "audio", pt = (e, t) => {
+}, Ae = (e, t) => !!t && !!e && ce(e) === "audio", bt = (e, t) => {
   if (!t || !e) return !1;
-  const s = de(e);
+  const s = ce(e);
   return s === "video" || s === "audio";
-}, bt = "bg-[#F2F3F4]", Ee = ({
+}, vt = "bg-[#F2F3F4]", Te = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -1986,8 +1986,8 @@ const Nr = {
   isLoading: l = !1,
   onImageError: d
 }) => {
-  const u = de(r), h = !!s && u === "video", m = ce(t);
-  return !l && Ie(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  const u = ce(r), h = !!s && u === "video", m = oe(t);
+  return !l && Ae(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -2023,7 +2023,7 @@ const Nr = {
               "aria-hidden": !0
             }
           )
-        ) : h ? /* @__PURE__ */ f(J, { children: [
+        ) : h ? /* @__PURE__ */ f(Z, { children: [
           /* @__PURE__ */ n(
             "video",
             {
@@ -2064,7 +2064,7 @@ const Nr = {
               "flex h-full w-full items-center justify-center",
               Qt[e]
             ),
-            children: be(r, {
+            children: xe(r, {
               className: Ar[e],
               weight: "regular"
             })
@@ -2084,7 +2084,7 @@ const Mr = "#FFFFFF", Dn = "#040403", Dr = {
   dark: Mr,
   light: Dn
 };
-function Ve({
+function Ge({
   variant: e,
   accentColor: t,
   status: s = "ready",
@@ -2099,7 +2099,7 @@ function Ve({
   }, [r]);
   const u = z.useCallback(() => {
     d(!0);
-  }, []), h = Ie(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? Dn : Dr[e];
+  }, []), h = Ae(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? Dn : Dr[e];
   return {
     thumbnailUrl: l ? void 0 : r,
     accentHex: c,
@@ -2127,7 +2127,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onEditClick: p,
   dismissLabel: w = "Dismiss attachment"
 }) => {
-  const v = d === "classic", x = Ie(i, l), b = Ve({
+  const v = d === "classic", x = Ae(i, l), b = Ge({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2135,7 +2135,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     thumbnailUrl: o,
     mimeType: i,
     sourceUrl: l
-  }), N = c ? /* @__PURE__ */ n(
+  }), y = c ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -2145,7 +2145,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         Or,
         !x && Pr
       ),
-      children: /* @__PURE__ */ n(it, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
     }
   ) : void 0, _ = p ? /* @__PURE__ */ n(
     "button",
@@ -2157,9 +2157,9 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       children: /* @__PURE__ */ n(ca, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return x && !b.isLoading ? /* @__PURE__ */ n(Se, { variant: "dark", bgClassName: bt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
+  return x && !b.isLoading ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Ee,
+      Te,
       {
         variant: "dark",
         sourceUrl: l,
@@ -2167,31 +2167,31 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         mimeType: i
       }
     ) }),
-    N && /* @__PURE__ */ n("div", { className: "shrink-0", children: N })
+    y && /* @__PURE__ */ n("div", { className: "shrink-0", children: y })
   ] }) }) : /* @__PURE__ */ f(
-    Se,
+    Ie,
     {
       variant: "dark",
       fixedHeight: !v,
       accentHex: b.accentHex,
       busy: b.isLoading,
-      topRight: v ? N : void 0,
+      topRight: v ? y : void 0,
       children: [
         !v && /* @__PURE__ */ n(
-          Ee,
+          Te,
           {
             variant: "dark",
             thumbnailUrl: b.thumbnailUrl,
             sourceUrl: l,
             title: e,
             mimeType: i,
-            topRight: N,
+            topRight: y,
             isLoading: b.isLoading,
             onImageError: b.onImageError
           }
         ),
         /* @__PURE__ */ n(
-          gt,
+          pt,
           {
             chinTextColor: b.chinTextColor,
             variant: "dark",
@@ -2210,7 +2210,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, vt = ({
+}, xt = ({
   accentHex: e,
   side: t,
   visible: s,
@@ -2235,7 +2235,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ n(J, { children: a }), Fr = ({
+) : /* @__PURE__ */ n(Z, { children: a }), Fr = ({
   title: e,
   description: t,
   descriptionLines: s,
@@ -2251,13 +2251,13 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  const p = pt(r, o), w = ft(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Ie(r, o) ? bt : void 0, N = u && g ? {
+  const p = bt(r, o), w = gt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Ae(r, o) ? vt : void 0, y = u && g ? {
     ...u,
     onClick: () => {
       var T;
       g(), (T = u.onClick) == null || T.call(u);
     }
-  } : u, _ = Ve({
+  } : u, _ = Ge({
     variant: "light",
     accentColor: h,
     status: m,
@@ -2267,13 +2267,13 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: o
   });
   return /* @__PURE__ */ n(
-    vt,
+    xt,
     {
       accentHex: _.accentHex,
       side: "receiver",
       visible: b == null && (c === "single" || c === "end"),
       children: /* @__PURE__ */ f(
-        Se,
+        Ie,
         {
           variant: "light",
           href: v,
@@ -2286,7 +2286,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           "data-testid": "link-attachment",
           children: [
             l === "featured" && /* @__PURE__ */ n(
-              Ee,
+              Te,
               {
                 variant: "light",
                 thumbnailUrl: _.thumbnailUrl,
@@ -2298,7 +2298,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              gt,
+              pt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "light",
@@ -2308,7 +2308,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
                 descriptionLines: s,
                 url: a,
                 appIcon: d,
-                cta: N,
+                cta: y,
                 isLoading: _.isLoading
               }
             )
@@ -2334,7 +2334,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: c,
   groupPosition: p = "single"
 }) => {
-  const w = pt(i, l), v = ft(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, N = g !== "loading" && Ie(i, l), _ = Ve({
+  const w = bt(i, l), v = gt(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, y = g !== "loading" && Ae(i, l), _ = Ge({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2344,24 +2344,24 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: l
   });
   return /* @__PURE__ */ n(
-    vt,
+    xt,
     {
       accentHex: _.accentHex,
       side: "sender",
-      visible: !N && (p === "single" || p === "end"),
+      visible: !y && (p === "single" || p === "end"),
       children: /* @__PURE__ */ f(
-        Se,
+        Ie,
         {
           variant: "dark",
           href: x,
           onClick: b,
-          fixedHeight: d === "featured" && !N,
+          fixedHeight: d === "featured" && !y,
           accentHex: _.accentHex,
           busy: _.isLoading,
-          bgClassName: N ? bt : void 0,
+          bgClassName: y ? vt : void 0,
           children: [
             d === "featured" && /* @__PURE__ */ n(
-              Ee,
+              Te,
               {
                 variant: "dark",
                 thumbnailUrl: _.thumbnailUrl,
@@ -2373,7 +2373,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              gt,
+              pt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "dark",
@@ -2393,7 +2393,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, rt = {
+}, it = {
   Composer: zr,
   Sent: $r,
   Received: Fr
@@ -2419,7 +2419,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, Te = ({
+}, Re = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -2491,7 +2491,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, Ae = ({
+}, Le = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -2507,9 +2507,9 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       "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(it, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
   }
-), Re = (e) => e === "received" ? "light" : "dark", so = ({
+), Me = (e) => e === "received" ? "light" : "dark", so = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -2530,7 +2530,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   ),
   s ?? null
-] }), xt = ({
+] }), wt = ({
   state: e,
   src: t,
   mimeType: s,
@@ -2541,12 +2541,12 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   preload: l,
   onDismiss: d
 }) => {
-  const u = Re(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
+  const u = Me(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const g = l ?? (m.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    Te,
+    Re,
     {
       variant: u,
       text: i,
@@ -2560,14 +2560,14 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            h && p === 0 ? /* @__PURE__ */ n(Ae, { onClick: d, variant: "inline" }) : void 0
+            h && p === 0 ? /* @__PURE__ */ n(Le, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${p}`
       )) })
     }
   );
-}, Wr = (e) => /* @__PURE__ */ n(xt, { ...e, state: "composer" }), Xr = (e) => /* @__PURE__ */ n(xt, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(xt, { ...e, state: "received" }), Kr = {
+}, Wr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), Kr = {
   Composer: Wr,
   Sent: Xr,
   Received: qr
@@ -2594,7 +2594,7 @@ function Qr(e, t) {
     }
   }
   if (!e) return;
-  if (de(e) === "document") {
+  if (ce(e) === "document") {
     const r = yn(e), i = Jr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -2642,7 +2642,7 @@ const ti = {
         ni[e]
       ),
       "aria-hidden": !0,
-      children: be(a, {
+      children: xe(a, {
         className: k("size-6", si[e]),
         weight: "regular"
       })
@@ -2674,7 +2674,7 @@ const ti = {
         m
       ]
     }
-  ) : /* @__PURE__ */ f(J, { children: [
+  ) : /* @__PURE__ */ f(Z, { children: [
     h,
     m
   ] });
@@ -2725,7 +2725,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, wt = ({
+}, _t = ({
   state: e,
   src: t,
   filename: s,
@@ -2738,7 +2738,7 @@ const ai = ({
   onClick: u,
   onDismiss: h
 }) => {
-  const m = Re(e), g = e === "composer" && !!h, c = ai({
+  const m = Me(e), g = e === "composer" && !!h, c = ai({
     src: t,
     filename: s,
     fileSize: a,
@@ -2762,11 +2762,11 @@ const ai = ({
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(Ce, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(Ee, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    Te,
+    Re,
     {
       variant: m,
       text: l,
@@ -2779,22 +2779,22 @@ const ai = ({
           item: v,
           index: x,
           onActivate: p,
-          trailingAction: g && x === 0 ? /* @__PURE__ */ n(Ae, { onClick: h, variant: "inline" }) : w
+          trailingAction: g && x === 0 ? /* @__PURE__ */ n(Le, { onClick: h, variant: "inline" }) : w
         },
         `${v.src}-${x}`
       )) })
     }
   );
-}, ii = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), li = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), oi = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), ci = {
+}, ii = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), li = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), oi = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), ci = {
   Composer: ii,
   Sent: li,
   Received: oi
-}, zn = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", en = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", _t = ({
+}, zn = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", en = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", yt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ f(J, { children: [
+}) => /* @__PURE__ */ f(Z, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -2824,7 +2824,7 @@ const ai = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = B(!1), u = Z(
+  const [l, d] = B(!1), u = K(
     (c) => {
       c.stopPropagation(), !l && (d(!0), Pn(e, t).catch(() => {
       }).finally(() => {
@@ -2851,14 +2851,14 @@ const ai = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ n(
-        pe,
+        ve,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        Ce,
+        Ee,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -2874,7 +2874,7 @@ const ai = ({
       disabled: l,
       "aria-label": a,
       className: zn,
-      children: l ? /* @__PURE__ */ n(pe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ce, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ee, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ f(
     "button",
@@ -2889,34 +2889,34 @@ const ai = ({
       ),
       children: [
         l ? /* @__PURE__ */ n(
-          pe,
+          ve,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(Ce, { ...g, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(Ee, { ...g, "aria-hidden": !0 }),
         h ? null : a
       ]
     }
   );
-}, Je = (e, t, s) => Math.min(Math.max(e, t), s), yt = ({
+}, Qe = (e, t, s) => Math.min(Math.max(e, t), s), Nt = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = Je(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
-  Y(() => {
-    s && i(Je(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), Y(() => {
-    i((d) => Je(d, 0, Math.max(e - 1, 0)));
+  const a = Qe(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
+  X(() => {
+    s && i(Qe(t, 0, Math.max(e - 1, 0)));
+  }, [s, t, e]), X(() => {
+    i((d) => Qe(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = Z(() => {
+  const o = K(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = Z(() => {
+  }, [e]), l = K(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return Y(() => {
+  return X(() => {
     if (!s || e <= 1) return;
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
@@ -2925,7 +2925,7 @@ const ai = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, o, l]), { index: r, prev: o, next: l };
-}, Nt = ({
+}, kt = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -2934,8 +2934,8 @@ const ai = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = j(null), d = j(null);
-  return Y(() => {
+  const l = V(null), d = V(null);
+  return X(() => {
     var g;
     const m = l.current;
     if (m) {
@@ -3006,7 +3006,7 @@ const ai = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: zn,
-                children: /* @__PURE__ */ n(it, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3021,16 +3021,16 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = yt({
+  const { index: r, prev: i, next: o } = Nt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = le(
+  }), l = t[r], d = ie(
     () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    Nt,
+    kt,
     {
       open: e,
       onClose: a,
@@ -3059,7 +3059,7 @@ const ai = ({
           `${r}:${l.src}`
         ) : null,
         t.length > 1 ? /* @__PURE__ */ n(
-          _t,
+          yt,
           {
             onPrev: i,
             onNext: o,
@@ -3181,13 +3181,13 @@ const ai = ({
       })
     }
   );
-}, Le = (e) => {
-  const [t, s] = B(!1), [a, r] = B(0), i = Z(
+}, De = (e) => {
+  const [t, s] = B(!1), [a, r] = B(0), i = K(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = Z(() => s(!1), []);
+  ), o = K(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
 }, gi = ({
   item: e,
@@ -3205,7 +3205,7 @@ const ai = ({
       "img",
       {
         ref: r,
-        src: ce(e.src) ?? e.src,
+        src: oe(e.src) ?? e.src,
         alt: e.alt ?? "",
         width: e.width,
         height: e.height,
@@ -3226,7 +3226,7 @@ const ai = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), bi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Le(r);
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = De(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3238,7 +3238,7 @@ const ai = ({
         children: /* @__PURE__ */ n(
           "img",
           {
-            src: ce(e) ?? e,
+            src: oe(e) ?? e,
             alt: t ?? "",
             draggable: !1,
             loading: a,
@@ -3248,7 +3248,7 @@ const ai = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ae, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Le, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       $n,
       {
@@ -3289,13 +3289,13 @@ const ai = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = pi({ src: t, alt: s, items: r }), h = Re(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Le(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
+  const u = pi({ src: t, alt: s, items: r }), h = Me(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = De(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
   if (u.length === 0)
     return null;
   const x = u.map(
-    (b, N) => gi({
+    (b, y) => gi({
       item: b,
-      index: N,
+      index: y,
       totalCount: u.length,
       fallbackLoading: l,
       imgRef: w ? v.imgRef : void 0,
@@ -3303,7 +3303,7 @@ const ai = ({
     })
   );
   return /* @__PURE__ */ f(
-    Te,
+    Re,
     {
       variant: h,
       text: i,
@@ -3344,19 +3344,19 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = yt({
+  const { index: r, prev: i, next: o } = Nt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = le(
+  }), l = t[r], d = ie(
     () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "document"),
     [l]
-  ), u = le(
+  ), u = ie(
     () => l ? Ci(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ f(
-    Nt,
+    kt,
     {
       open: e,
       onClose: a,
@@ -3375,7 +3375,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          _t,
+          yt,
           {
             onPrev: i,
             onNext: o,
@@ -3416,7 +3416,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, kt = ({
+}, Ct = ({
   state: e,
   src: t,
   filename: s,
@@ -3428,7 +3428,7 @@ const ai = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const h = Re(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Le(d), v = e === "composer" && !!u;
+  const h = Me(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = De(d), v = e === "composer" && !!u;
   if (m.length === 0)
     return null;
   const x = m.map((b) => ({
@@ -3436,15 +3436,15 @@ const ai = ({
     filename: b.filename ?? ae(b.src)
   }));
   return /* @__PURE__ */ f(
-    Te,
+    Re,
     {
       variant: h,
       text: o,
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, N) => {
-          const _ = b.filename ?? ae(b.src), T = v && N === 0 ? /* @__PURE__ */ n(Ae, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, y) => {
+          const _ = b.filename ?? ae(b.src), T = v && y === 0 ? /* @__PURE__ */ n(Le, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             Fn,
             {
               url: b.src,
@@ -3459,11 +3459,11 @@ const ai = ({
             {
               variant: h,
               item: b,
-              index: N,
+              index: y,
               onActivate: p,
               trailingAction: T
             },
-            `${b.src}-${N}`
+            `${b.src}-${y}`
           );
         }) }),
         /* @__PURE__ */ n(
@@ -3478,7 +3478,7 @@ const ai = ({
       ]
     }
   );
-}, Ii = (e) => /* @__PURE__ */ n(kt, { ...e, state: "composer" }), Ti = (e) => /* @__PURE__ */ n(kt, { ...e, state: "sent" }), Ai = (e) => /* @__PURE__ */ n(kt, { ...e, state: "received" }), Ri = {
+}, Ii = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "composer" }), Ti = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "sent" }), Ai = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "received" }), Ri = {
   Composer: Ii,
   Sent: Ti,
   Received: Ai
@@ -3488,16 +3488,16 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = yt({
+  const { index: r, prev: i, next: o } = Nt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = le(
+  }), l = t[r], d = ie(
     () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    Nt,
+    kt,
     {
       open: e,
       onClose: a,
@@ -3521,7 +3521,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          _t,
+          yt,
           {
             onPrev: i,
             onNext: o,
@@ -3532,7 +3532,7 @@ const ai = ({
       ]
     }
   ) : null;
-}, Li = () => /* @__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(at, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Vn = ({
+}, Li = () => /* @__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(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Vn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -3571,7 +3571,7 @@ const ai = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = Le(i);
+  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = De(i);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3583,7 +3583,7 @@ const ai = ({
         children: /* @__PURE__ */ n(Vn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ae, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Le, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
       Hn,
       {
@@ -3606,14 +3606,14 @@ const ai = ({
   preload: d,
   onClick: u
 }) => {
-  const h = Di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Re(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Le(u);
+  const h = Di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = De(u);
   if (h.length === 0)
     return null;
   const v = h.map(
     (x, b) => Mi(x, b, h.length)
   );
   return /* @__PURE__ */ f(
-    Te,
+    Re,
     {
       variant: m,
       text: o,
@@ -3637,7 +3637,7 @@ const ai = ({
   Composer: Pi,
   Sent: zi,
   Received: Fi
-}, Ne = {
+}, Ce = {
   Image: Ni,
   Video: $i,
   Audio: Kr,
@@ -3668,11 +3668,11 @@ function nn(e) {
     title: O(e.title),
     description: O(e.text),
     url: t,
-    thumbnailUrl: ce(s),
+    thumbnailUrl: oe(s),
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: s || pt(r, a) ? "featured" : "classic",
+    layout: s || bt(r, a) ? "featured" : "classic",
     mimeType: r,
     // Dominant colour of the image, resolved by the sender at stage time and
     // persisted on the attachment (`stream-custom-data.ts`), so every viewer
@@ -3731,15 +3731,15 @@ function sn(e) {
 function Vi(e) {
   switch (e) {
     case "image":
-      return Ne.Image;
+      return Ce.Image;
     case "video":
-      return Ne.Video;
+      return Ce.Video;
     case "audio":
-      return Ne.Audio;
+      return Ce.Audio;
     case "pdf":
-      return Ne.Pdf;
+      return Ce.Pdf;
     default:
-      return Ne.File;
+      return Ce.File;
   }
 }
 function Gi(e, t) {
@@ -3847,20 +3847,20 @@ const Wi = ({
   if (r.length === 0) return null;
   const i = ji(r), o = (v = s.text) == null ? void 0 : v.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? nn(l.attachments[0] ?? {}).url : void 0, u = o && Bi(o, d) ? void 0 : o;
   let h = 0;
-  const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, N) => {
-    const _ = t ? rt.Sent : rt.Received;
+  const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, y) => {
+    const _ = t ? it.Sent : it.Received;
     m.push(
       /* @__PURE__ */ n(
         _,
         {
           ...nn(x),
-          groupPosition: N ? g : "middle"
+          groupPosition: y ? g : "middle"
         },
         b
       )
     );
   }, w = (x, b) => {
-    const N = Hi(
+    const y = Hi(
       h,
       i,
       e
@@ -3869,7 +3869,7 @@ const Wi = ({
       /* @__PURE__ */ n(
         Yi,
         {
-          groupPosition: N,
+          groupPosition: y,
           isMyMessage: t,
           segment: x
         },
@@ -3878,13 +3878,13 @@ const Wi = ({
     );
   };
   return r.forEach((x, b) => {
-    const N = b === r.length - 1;
+    const y = b === r.length - 1;
     if (x.type === "link") {
       x.attachments.forEach((_, T) => {
         p(
           _,
           `link-${b}-${T}`,
-          N && T === x.attachments.length - 1
+          y && T === x.attachments.length - 1
         );
       });
       return;
@@ -3904,7 +3904,7 @@ const Wi = ({
         },
         children: [
           m,
-          !u && /* @__PURE__ */ n(nt, {})
+          !u && /* @__PURE__ */ n(st, {})
         ]
       }
     ),
@@ -3915,9 +3915,9 @@ const Wi = ({
           "relative isolate": c
         }),
         children: [
-          /* @__PURE__ */ n(ze, { message: s, renderText: a }),
-          /* @__PURE__ */ n(nt, {}),
-          c && /* @__PURE__ */ n($e, { side: t ? "me" : "other" })
+          /* @__PURE__ */ n(Fe, { message: s, renderText: a }),
+          /* @__PURE__ */ n(st, {}),
+          c && /* @__PURE__ */ n(Be, { side: t ? "me" : "other" })
         ]
       }
     ) : null
@@ -3943,67 +3943,67 @@ const Wi = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: b
-  } = e, { client: N } = He("CustomMessage"), { channel: _ } = xe("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: $ } = sr("LockedAttachment"), [F, R] = B(!1), I = ms(c.id), {
-    Attachment: M = hs,
-    EditMessageModal: S = fs,
+  } = e, { client: y } = Ve("CustomMessage"), { channel: _ } = _e("CustomMessage"), { isUnlocking: T, onUnlockClick: R, onFetchSource: L, onDownloadClick: $ } = sr("LockedAttachment"), [F, M] = B(!1), E = ms(c.id), {
+    Attachment: D = hs,
+    EditMessageModal: I = fs,
     MessageActions: C,
-    MessageBlocked: A = gs,
+    MessageBlocked: S = gs,
     MessageBouncePrompt: P = ps,
     MessageDeleted: U = bs,
-    MessageIsThreadReplyInChannelButtonIndicator: H = vs,
-    MessageRepliesCountButton: te = xs,
-    ReminderNotification: Q = ws,
-    StreamedMessageText: V = _s,
-    PinIndicator: y
-  } = dn("CustomMessage"), D = ys(c), W = Ns(c), X = le(
+    MessageIsThreadReplyInChannelButtonIndicator: j = vs,
+    MessageRepliesCountButton: ee = xs,
+    ReminderNotification: J = ws,
+    StreamedMessageText: G = _s,
+    PinIndicator: N
+  } = dn("CustomMessage"), A = ys(c), Y = Ns(c), q = ie(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), G = le(() => {
-    const me = c.attachments ?? [], ge = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!Fe(c)) return ge;
-    const Ut = ge.filter((jt) => !("type" in jt) || !Sn(jt));
-    return Ut.length === ge.length ? ge : Ut;
-  }, [c]), q = le(
-    () => Xn(G),
-    [G]
-  ), K = le(() => {
-    const me = _n({ message: c, viewerLanguage: v });
-    return me === c.text ? c : { ...c, text: me };
-  }, [c, v]), se = q.length > 0, Me = q.reduce(
-    (me, ge) => me + ge.attachments.length,
+  ), H = ie(() => {
+    const he = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...he] : he;
+    if (!$e(c)) return be;
+    const Ut = be.filter((jt) => !("type" in jt) || !Sn(jt));
+    return Ut.length === be.length ? be : Ut;
+  }, [c]), te = ie(
+    () => Xn(H),
+    [H]
+  ), W = ie(() => {
+    const he = _n({ message: c, viewerLanguage: v });
+    return he === c.text ? c : { ...c, text: he };
+  }, [c, v]), ne = te.length > 0, de = te.reduce(
+    (he, be) => he + be.attachments.length,
     0
-  ) === ((G == null ? void 0 : G.length) ?? 0), re = (i == null ? void 0 : i[0]) ?? "", De = re === "top" ? "first" : re === "middle" ? "middle" : re === "bottom" ? "end" : "single", ne = re === "single" || re === "bottom";
+  ) === ((H == null ? void 0 : H.length) ?? 0), ge = (i == null ? void 0 : i[0]) ?? "", Oe = ge === "top" ? "first" : ge === "middle" ? "middle" : ge === "bottom" ? "end" : "single", ue = ge === "single" || ge === "bottom";
   if (ks(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
   if (Cs(c))
-    return /* @__PURE__ */ n(A, {});
-  const ue = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, Ct = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, St = Ss(c);
-  let fe;
-  Ct ? fe = () => u(c) : St && (fe = () => R(!0));
-  const ee = g(), ts = k(
+    return /* @__PURE__ */ n(S, {});
+  const se = !w && !!c.reply_count, me = !w && c.show_in_channel && c.parent_id, re = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, St = Ss(c);
+  let pe;
+  re ? pe = () => u(c) : St && (pe = () => M(!0));
+  const Q = g(), ts = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    ee ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    Q ? "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": D,
+      "str-chat__message--has-attachment": A,
       "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": W,
+      "str-chat__message--with-reactions": Y,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Lt = c == null ? void 0 : c.error) == null ? void 0 : Lt.status) !== 403,
-      "str-chat__message-with-thread-link": ue || ie,
+      "str-chat__message-with-thread-link": se || me,
       "str-chat__virtual-message__wrapper--end": a,
       "str-chat__virtual-message__wrapper--first": r,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ge = c.poll_id && N.polls.fromState(c.poll_id), Et = ur(c), _e = Fe(c), ns = mt(c), Ye = !!(G != null && G.length && !c.quoted_message), It = _e && ee && Ye, ss = se && Me && !c.quoted_message && !Ge && !X && !_e, Tt = {
+  ), Ye = c.poll_id && y.polls.fromState(c.poll_id), Et = ur(c), Ne = $e(c), ns = ht(c), We = !!(H != null && H.length && !c.quoted_message), It = Ne && Q && We, ss = ne && de && !c.quoted_message && !Ye && !q && !Ne, Tt = {
     contentType: "text",
     amountText: (Mt = c.metadata) == null ? void 0 : Mt.amount_text,
     paymentStatus: (Dt = c.metadata) == null ? void 0 : Dt.payment_status,
-    renderedText: c.text && /* @__PURE__ */ n(ze, { message: K, renderText: p })
+    renderedText: c.text && /* @__PURE__ */ n(Fe, { message: W, renderText: p })
   }, At = {
     contentType: "media",
     title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
@@ -4012,11 +4012,11 @@ const Wi = ({
     amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
     detail: ($t = c.metadata) == null ? void 0 : $t.attachment_detail,
     paymentStatus: (Bt = c.metadata) == null ? void 0 : Bt.payment_status,
-    onFetchSource: E ? () => E(c, _) : void 0
+    onFetchSource: L ? () => L(c, _) : void 0
   };
-  return /* @__PURE__ */ f(J, { children: [
+  return /* @__PURE__ */ f(Z, { children: [
     s && /* @__PURE__ */ n(
-      S,
+      I,
       {
         additionalMessageInputProps: t
       }
@@ -4025,7 +4025,7 @@ const Wi = ({
       Es,
       {
         MessageBouncePrompt: P,
-        onClose: () => R(!1),
+        onClose: () => M(!1),
         open: F
       }
     ),
@@ -4036,10 +4036,10 @@ const Wi = ({
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          y && /* @__PURE__ */ n(y, {}),
-          !!I && /* @__PURE__ */ n(Q, { reminder: I }),
+          N && /* @__PURE__ */ n(N, {}),
+          !!E && /* @__PURE__ */ n(J, { reminder: E }),
           c.user && /* @__PURE__ */ n(
-            we,
+            ye,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -4047,86 +4047,86 @@ const Wi = ({
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: _e
+              dmAgentEnabled: Ne
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": Ct || St
+                "str-chat__simple-message--error-failed": re || St
               }),
               "data-testid": "message-inner",
-              onClick: fe,
-              onKeyDown: fe,
-              role: fe ? "button" : void 0,
-              tabIndex: fe ? 0 : void 0,
+              onClick: pe,
+              onKeyDown: pe,
+              role: pe ? "button" : void 0,
+              tabIndex: pe ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Et ? /* @__PURE__ */ n(Ke, { message: c, standalone: !0 }) : cr(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-                ee && C && /* @__PURE__ */ n(C, {}),
-                ee ? /* @__PURE__ */ n(Pe, { ...Tt, isMine: !0 }) : /* @__PURE__ */ n(
-                  Pe,
+              children: Et ? /* @__PURE__ */ n(Ze, { message: c, standalone: !0 }) : cr(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+                Q && C && /* @__PURE__ */ n(C, {}),
+                Q ? /* @__PURE__ */ n(ze, { ...Tt, isMine: !0 }) : /* @__PURE__ */ n(
+                  ze,
                   {
                     ...Tt,
                     isMine: !1,
                     isUnlocking: T(c.id),
-                    onUnlockClick: () => L == null ? void 0 : L(c, _)
+                    onUnlockClick: () => R == null ? void 0 : R(c, _)
                   }
                 ),
-                !ee && C && /* @__PURE__ */ n(C, {})
+                !Q && C && /* @__PURE__ */ n(C, {})
               ] }) }) : dr(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-                  ee && C && /* @__PURE__ */ n(C, {}),
-                  ee ? /* @__PURE__ */ n(
-                    Pe,
+                  Q && C && /* @__PURE__ */ n(C, {}),
+                  Q ? /* @__PURE__ */ n(
+                    ze,
                     {
                       ...At,
                       isMine: !0,
-                      onPreviewClick: () => L ? L(c, _) : void 0
+                      onPreviewClick: () => R ? R(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ n(
-                    Pe,
+                    ze,
                     {
                       ...At,
                       isMine: !1,
                       isUnlocking: T(c.id),
-                      onUnlockClick: () => L ? L(c, _) : void 0,
+                      onUnlockClick: () => R ? R(c, _) : void 0,
                       onDownloadClick: () => $ ? $(c, _) : void 0
                     }
                   ),
-                  !ee && C && /* @__PURE__ */ n(C, {})
+                  !Q && C && /* @__PURE__ */ n(C, {})
                 ] }),
                 c.text && /* @__PURE__ */ f(
                   "div",
                   {
                     className: k("str-chat__message-bubble", {
-                      "relative isolate": ne
+                      "relative isolate": ue
                     }),
                     children: [
                       /* @__PURE__ */ n(
-                        ze,
+                        Fe,
                         {
-                          message: K,
+                          message: W,
                           renderText: p
                         }
                       ),
-                      ne && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
+                      ue && /* @__PURE__ */ n(Be, { side: Q ? "me" : "other" })
                     ]
                   }
                 )
               ] }) : ss ? /* @__PURE__ */ n(
                 Wi,
                 {
-                  groupPosition: De,
-                  isMyMessage: ee,
+                  groupPosition: Oe,
+                  isMyMessage: Q,
                   message: {
-                    ...K,
-                    attachments: G,
+                    ...W,
+                    attachments: H,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -4138,51 +4138,51 @@ const Wi = ({
                 "div",
                 {
                   className: k("str-chat__message-bubble", {
-                    "relative isolate": ne
+                    "relative isolate": ue
                   }),
                   children: [
-                    _e && !It && /* @__PURE__ */ n(
-                      Ke,
+                    Ne && !It && /* @__PURE__ */ n(
+                      Ze,
                       {
                         message: c,
-                        hasAttachment: Ye,
-                        isMyMessage: ee
+                        hasAttachment: We,
+                        isMyMessage: Q
                       }
                     ),
-                    Ge && /* @__PURE__ */ n(Is, { poll: Ge }),
-                    G != null && G.length && !c.quoted_message ? /* @__PURE__ */ n(
-                      M,
+                    Ye && /* @__PURE__ */ n(Is, { poll: Ye }),
+                    H != null && H.length && !c.quoted_message ? /* @__PURE__ */ n(
+                      D,
                       {
                         actionHandler: l,
-                        attachments: G
+                        attachments: H
                       }
                     ) : null,
-                    X ? /* @__PURE__ */ n(
-                      V,
+                    q ? /* @__PURE__ */ n(
+                      G,
                       {
-                        message: K,
+                        message: W,
                         renderText: p
                       }
                     ) : /* @__PURE__ */ n(
-                      ze,
+                      Fe,
                       {
-                        message: K,
+                        message: W,
                         renderText: p
                       }
                     ),
-                    /* @__PURE__ */ n(nt, {}),
-                    ne && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
+                    /* @__PURE__ */ n(st, {}),
+                    ue && /* @__PURE__ */ n(Be, { side: Q ? "me" : "other" })
                   ]
                 }
               ) })
             }
           ),
-          !ns && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!_e || It) && /* @__PURE__ */ n(
-            Ke,
+          !ns && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!Ne || It) && /* @__PURE__ */ n(
+            Ze,
             {
               message: c,
-              hasAttachment: Ye,
-              isMyMessage: ee
+              hasAttachment: We,
+              isMyMessage: Q
             }
           ) }),
           /* @__PURE__ */ n(
@@ -4192,14 +4192,14 @@ const Wi = ({
               resolvedOutbound: b
             }
           ),
-          ue && /* @__PURE__ */ n(
-            te,
+          se && /* @__PURE__ */ n(
+            ee,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ie && /* @__PURE__ */ n(H, {})
+          me && /* @__PURE__ */ n(j, {})
         ]
       },
       c.id
@@ -4213,7 +4213,7 @@ const Wi = ({
   }
 ), Ki = (e) => {
   var i;
-  const t = he("CustomMessage"), s = ve(Ln), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
+  const t = fe("CustomMessage"), s = we(Ln), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
   return /* @__PURE__ */ n(
     qi,
     {
@@ -4224,7 +4224,7 @@ const Wi = ({
   );
 }, Zi = () => {
   var s;
-  const { handleDelete: e, message: t } = he("CustomMessageActions");
+  const { handleDelete: e, message: t } = fe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     gn,
     {
@@ -4236,7 +4236,7 @@ const Wi = ({
     }
   );
 }, Ji = () => {
-  const { handleFlag: e } = he("CustomMessageActions");
+  const { handleFlag: e } = fe("CustomMessageActions");
   return /* @__PURE__ */ n(
     gn,
     {
@@ -4249,8 +4249,8 @@ const Wi = ({
   );
 }, Qi = () => {
   var t;
-  const { message: e } = he("CustomMessageActions");
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) !== oe.ATTACHMENT ? null : /* @__PURE__ */ n(
+  const { message: e } = fe("CustomMessageActions");
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) !== le.ATTACHMENT ? null : /* @__PURE__ */ n(
     wa,
     {
       messageActionSet: [
@@ -4261,7 +4261,7 @@ const Wi = ({
   );
 }, el = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => tt.previewIsLoaded(t) || tt.previewIsLoading(t)
+    (t) => nt.previewIsLoaded(t) || nt.previewIsLoading(t)
   )
 }), tl = () => {
   const { linkPreviewsManager: e } = Ts(), { linkPreviews: t } = As(
@@ -4315,9 +4315,9 @@ const Wi = ({
     // edge lands ~6px past the fold, reachable by scrolling. That residue
     // belongs to whoever owns the mobile layout contract, not to this component.
     /* @__PURE__ */ n("div", { className: "messaging-link-preview-list flex flex-col items-stretch w-full gap-2", children: t.map((r) => {
-      const i = tt.previewIsLoading(r);
+      const i = nt.previewIsLoading(r);
       return /* @__PURE__ */ n(
-        rt.Composer,
+        it.Composer,
         {
           title: r.title,
           url: r.og_scrape_url,
@@ -4330,7 +4330,7 @@ const Wi = ({
       );
     }) })
   ) : null;
-}, Be = z.createContext(!1), nl = 200, ao = () => ve(Be), sl = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, Ue = z.createContext(!1), nl = 200, ao = () => we(Ue), sl = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -4342,7 +4342,7 @@ const Wi = ({
     children: /* @__PURE__ */ n(ma, { weight: "bold", className: "size-4" })
   }
 ), an = () => {
-  const e = ve(Be), { handleSubmit: t } = Rs(), s = Ls(), a = e || !s, {
+  const e = we(Ue), { handleSubmit: t } = Rs(), s = Ls(), a = e || !s, {
     SendButton: r = sl,
     AttachmentPreviewList: i = Ms
   } = dn("CustomMessageInput"), o = z.useRef(null);
@@ -4450,7 +4450,7 @@ const Wi = ({
   composerInput: i
 }) => {
   var h;
-  const { channel: o } = xe(), l = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = z.useRef(null);
+  const { channel: o } = _e(), l = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = z.useRef(null);
   return z.useEffect(() => {
     if (!d)
       return;
@@ -4463,11 +4463,11 @@ const Wi = ({
       c = v;
       const b = Array.from(
         g.querySelectorAll(".str-chat__list")
-      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, N = b ? b.scrollHeight - b.scrollTop - b.clientHeight < nl : !1;
+      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = b ? b.scrollHeight - b.scrollTop - b.clientHeight < nl : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${v}px`
-      ), x && N && b && (b.scrollTop = b.scrollHeight);
+      ), x && y && b && (b.scrollTop = b.scrollHeight);
     };
     if (p(), typeof ResizeObserver > "u")
       return;
@@ -4496,7 +4496,7 @@ const Wi = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ f(J, { children: [
+  ) : /* @__PURE__ */ f(Z, { children: [
     t == null ? void 0 : t(),
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
     s == null ? void 0 : s()
@@ -4525,7 +4525,7 @@ const Wi = ({
                 className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
                 children: [
                   e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-                  /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Ht, { Input: i ?? an }) })
+                  /* @__PURE__ */ n(Ue.Provider, { value: l, children: /* @__PURE__ */ n(Ht, { Input: i ?? an }) })
                 ]
               }
             ),
@@ -4544,7 +4544,7 @@ const Wi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Ht, { Input: an }) })
+          /* @__PURE__ */ n(Ue.Provider, { value: l, children: /* @__PURE__ */ n(Ht, { Input: an }) })
         ]
       }
     ),
@@ -4555,7 +4555,7 @@ const Wi = ({
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
 }, rl = ["SYSTEM_AGE_SAFETY_BLOCKED"], il = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Qe = "age safety guidelines.", ll = "https://linktr.ee/s/about/contact", ol = (e) => rl.includes(
+}, et = "age safety guidelines.", ll = "https://linktr.ee/s/about/contact", ol = (e) => rl.includes(
   e
 ), cl = (e) => {
   var t;
@@ -4580,11 +4580,11 @@ const Wi = ({
       type: s
     };
 }, ul = (e) => {
-  const t = e.indexOf(Qe);
+  const t = e.indexOf(et);
   if (t === -1)
     return e;
-  const s = t + Qe.length;
-  return /* @__PURE__ */ f(J, { children: [
+  const s = t + et.length;
+  return /* @__PURE__ */ f(Z, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -4593,7 +4593,7 @@ const Wi = ({
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Qe
+        children: et
       }
     ),
     e.slice(s)
@@ -4626,7 +4626,7 @@ const Wi = ({
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(We, { message: e.message })
+      !t && /* @__PURE__ */ n(Xe, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
@@ -4653,7 +4653,7 @@ const Wi = ({
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(We, { message: e.message })
+      !t && /* @__PURE__ */ n(Xe, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -4662,9 +4662,9 @@ const Wi = ({
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(We, { message: e.message })
+    !t && /* @__PURE__ */ n(Xe, { message: e.message })
   ] });
-}, qn = je(!1), et = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, qn = He(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4675,12 +4675,12 @@ const Wi = ({
     repeatCount: "indefinite"
   }
 ) }), hl = /* @__PURE__ */ new Set([
-  Xe.Thinking,
-  Xe.Generating,
-  Xe.ExternalSources
+  qe.Thinking,
+  qe.Generating,
+  qe.ExternalSources
 ]), fl = ({ threadList: e }) => {
   var p, w;
-  const { channel: t, channelConfig: s, thread: a } = xe(), { client: r } = He(), { typing: i = {} } = Ps(), { aiState: o } = zs(t), l = ve(qn);
+  const { channel: t, channelConfig: s, thread: a } = _e(), { client: r } = Ve(), { typing: i = {} } = Ps(), { aiState: o } = zs(t), l = we(qn);
   if (!e && l && hl.has(o)) {
     const v = gl(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
@@ -4733,7 +4733,7 @@ const Wi = ({
     },
     children: /* @__PURE__ */ f("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        we,
+        ye,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4754,13 +4754,13 @@ const Wi = ({
             height: "13",
             overflow: "visible",
             children: [
-              /* @__PURE__ */ n(et, { cx: "4", index: 0 }),
-              /* @__PURE__ */ n(et, { cx: "16", index: 1 }),
-              /* @__PURE__ */ n(et, { cx: "28", index: 2 })
+              /* @__PURE__ */ n(tt, { cx: "4", index: 0 }),
+              /* @__PURE__ */ n(tt, { cx: "16", index: 1 }),
+              /* @__PURE__ */ n(tt, { cx: "28", index: 2 })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ n($e, { side: "other" })
+        /* @__PURE__ */ n(Be, { side: "other" })
       ] }) }) })
     ] })
   }
@@ -4817,11 +4817,11 @@ const pl = () => null, bl = ({ className: e, message: t }) => /* @__PURE__ */ f(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ue = z.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
+), je = z.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(bl, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Ue.displayName = "LoadingState";
+je.displayName = "LoadingState";
 const vl = ({
   onBack: e,
   showBackButton: t,
@@ -4842,24 +4842,24 @@ const vl = ({
   renderChannelBanner: v,
   customChannelActions: x,
   renderChannelActions: b,
-  renderMessage: N,
+  renderMessage: y,
   viewerLanguage: _,
   showChannelInfo: T = !0,
-  onParticipantNameClick: L,
-  onOutboundClick: E,
+  onParticipantNameClick: R,
+  onOutboundClick: L,
   resolveOutbound: $,
   composerInput: F
 }) => {
-  const { channel: R, messages: I } = xe(), M = j(E);
-  Y(() => {
-    M.current = E;
-  }, [E]);
-  const S = Z((Q) => {
-    var V;
-    (V = M.current) == null || V.call(M, Q);
-  }, []), C = E ? S : void 0, A = pr(I, $), P = R.state.messages.some(
-    (Q) => Q.type !== "deleted"
-  ), U = v ? /* @__PURE__ */ n(z.Fragment, { children: v() }, "lt-channel-banner") : null, H = /* @__PURE__ */ n(
+  const { channel: M, messages: E } = _e(), D = V(L);
+  X(() => {
+    D.current = L;
+  }, [L]);
+  const I = K((J) => {
+    var G;
+    (G = D.current) == null || G.call(D, J);
+  }, []), C = L ? I : void 0, S = pr(E, $), P = M.state.messages.some(
+    (J) => J.type !== "deleted"
+  ), U = v ? /* @__PURE__ */ n(z.Fragment, { children: v() }, "lt-channel-banner") : null, j = /* @__PURE__ */ n(
     La,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
@@ -4877,27 +4877,27 @@ const vl = ({
       onReportParticipantClick: h,
       customChannelActions: x,
       renderChannelActions: b,
-      onParticipantNameClick: L
+      onParticipantNameClick: R
     }
-  ), te = Z(
-    (Q) => {
-      const { message: V } = he("ChannelView"), y = /* @__PURE__ */ n(
+  ), ee = K(
+    (J) => {
+      const { message: G } = fe("ChannelView"), N = /* @__PURE__ */ n(
         Ki,
         {
-          ...Q,
+          ...J,
           viewerLanguage: _,
           onOutboundClick: C
         }
       );
-      return !N || !V ? y : N(y, V);
+      return !y || !G ? N : y(N, G);
     },
-    [C, N, _]
+    [C, y, _]
   );
-  return /* @__PURE__ */ n(Ln.Provider, { value: A, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(Ln.Provider, { value: S, children: /* @__PURE__ */ n(
     $s,
     {
       overrides: {
-        Message: te,
+        Message: ee,
         MessageActions: Qi,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
@@ -4909,14 +4909,14 @@ const vl = ({
             className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
             children: [
               !P && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
-                H,
+                j,
                 U
               ] }) }),
               /* @__PURE__ */ n(
                 Vt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    H,
+                    j,
                     U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
@@ -4931,33 +4931,33 @@ const vl = ({
           rn,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(R)
+              renderActions: () => s == null ? void 0 : s(M)
             },
             ...r && {
-              renderHeader: () => r(R)
+              renderHeader: () => r(M)
             },
-            renderFooter: () => a == null ? void 0 : a(R),
+            renderFooter: () => a == null ? void 0 : a(M),
             disabled: c,
             disabledReason: p,
             composerInput: F
           },
           "lt-channel-message-input"
         )
-      ] }) : /* @__PURE__ */ f(J, { children: [
+      ] }) : /* @__PURE__ */ f(Z, { children: [
         /* @__PURE__ */ f(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
             children: [
               !P && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
-                H,
+                j,
                 U
               ] }) }),
               /* @__PURE__ */ n(
                 Vt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    H,
+                    j,
                     U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
@@ -4968,14 +4968,14 @@ const vl = ({
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(z.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(z.Fragment, { children: r(M) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           rn,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(R)
+              renderActions: () => s == null ? void 0 : s(M)
             },
-            renderFooter: () => a == null ? void 0 : a(R),
+            renderFooter: () => a == null ? void 0 : a(M),
             disabled: c,
             disabledReason: p,
             composerInput: F
@@ -5006,58 +5006,58 @@ const vl = ({
     composerDisabled: v = !1,
     composerDisabledReason: x,
     dmAgentEnabled: b,
-    messageMetadata: N,
+    messageMetadata: y,
     onMessageSent: _,
     showStarButton: T = !1,
-    renderChannelBanner: L,
-    customChannelActions: E,
+    renderChannelBanner: R,
+    customChannelActions: L,
     renderChannelActions: $,
     renderMessage: F,
-    onMessageLinkClick: R,
-    sendButton: I,
-    attachmentPreviewList: M,
-    viewerLanguage: S,
+    onMessageLinkClick: M,
+    sendButton: E,
+    attachmentPreviewList: D,
+    viewerLanguage: I,
     showChannelInfo: C = !0,
-    onParticipantNameClick: A,
+    onParticipantNameClick: S,
     onOutboundClick: P,
     resolveOutbound: U,
-    composerInput: H
+    composerInput: j
   }) => {
-    const te = Z(
-      async (V, y, D) => {
-        var se;
-        const W = ((se = e.data) == null ? void 0 : se.chatbot_paused) === !0, X = b && !W, G = {
-          ...y,
-          ...X && { silent: !0 },
-          ...N && {
+    const ee = K(
+      async (G, N, A) => {
+        var ne;
+        const Y = ((ne = e.data) == null ? void 0 : ne.chatbot_paused) === !0, q = b && !Y, H = {
+          ...N,
+          ...q && { silent: !0 },
+          ...y && {
             metadata: {
-              ...y.metadata ?? {},
-              ...N
+              ...N.metadata ?? {},
+              ...y
             }
           }
-        }, q = {
-          ...D,
-          ...X && { skip_push: !0 }
-        }, K = await e.sendMessage(G, q);
-        return _ == null || _(K), K;
+        }, te = {
+          ...A,
+          ...q && { skip_push: !0 }
+        }, W = await e.sendMessage(H, te);
+        return _ == null || _(W), W;
       },
-      [e, b, N, _]
-    ), Q = j(null);
-    return Y(() => {
-      if (!R) return;
-      const V = Q.current;
-      if (!V) return;
-      const y = (D) => {
-        const W = D.target, X = W == null ? void 0 : W.closest("a[href]"), G = X == null ? void 0 : X.getAttribute("href");
-        if (!G) return;
-        const q = X == null ? void 0 : X.closest("[data-message-id]"), K = q == null ? void 0 : q.getAttribute("data-message-id"), se = K ? e.state.messages.find((Me) => Me.id === K) : void 0;
-        R(G, se);
+      [e, b, y, _]
+    ), J = V(null);
+    return X(() => {
+      if (!M) return;
+      const G = J.current;
+      if (!G) return;
+      const N = (A) => {
+        const Y = A.target, q = Y == null ? void 0 : Y.closest("a[href]"), H = q == null ? void 0 : q.getAttribute("href");
+        if (!H) return;
+        const te = q == null ? void 0 : q.closest("[data-message-id]"), W = te == null ? void 0 : te.getAttribute("data-message-id"), ne = W ? e.state.messages.find((de) => de.id === W) : void 0;
+        M(H, ne);
       };
-      return V.addEventListener("click", y), () => V.removeEventListener("click", y);
-    }, [R, e]), /* @__PURE__ */ n(
+      return G.addEventListener("click", N), () => G.removeEventListener("click", N);
+    }, [M, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: Q,
+        ref: J,
         className: k(
           "messaging-channel-view h-full flex flex-col",
           d
@@ -5068,12 +5068,12 @@ const vl = ({
             channel: e,
             MessageSystem: ml,
             EmptyStateIndicator: u,
-            LoadingIndicator: Ue,
+            LoadingIndicator: je,
             DateSeparator: Ma,
             TypingIndicator: fl,
-            doSendMessageRequest: te,
-            ...I ? { SendButton: I } : {},
-            ...M ? { AttachmentPreviewList: M } : {},
+            doSendMessageRequest: ee,
+            ...E ? { SendButton: E } : {},
+            ...D ? { AttachmentPreviewList: D } : {},
             children: /* @__PURE__ */ n(
               vl,
               {
@@ -5094,16 +5094,16 @@ const vl = ({
                 composerDisabled: v,
                 composerDisabledReason: x,
                 showStarButton: T,
-                renderChannelBanner: L,
-                customChannelActions: E,
+                renderChannelBanner: R,
+                customChannelActions: L,
                 renderChannelActions: $,
                 renderMessage: F,
-                viewerLanguage: S,
+                viewerLanguage: I,
                 showChannelInfo: C,
-                onParticipantNameClick: A,
+                onParticipantNameClick: S,
                 onOutboundClick: P,
                 resolveOutbound: U,
-                composerInput: H
+                composerInput: j
               }
             )
           }
@@ -5113,7 +5113,7 @@ const vl = ({
   }
 );
 Kn.displayName = "ChannelView";
-const ke = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ f("div", { className: "text-center max-w-sm", children: [
+const Se = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ f("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 }),
@@ -5127,151 +5127,153 @@ const ke = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-ke.displayName = "ErrorState";
+Se.displayName = "ErrorState";
 const ro = ({
   capabilities: e = {},
   renderMessageInputActions: t,
-  renderConversationFooter: s,
-  onChannelSelect: a,
-  onExitConversation: r,
-  initialParticipantFilter: i,
-  initialParticipantData: o,
-  CustomChannelEmptyState: l,
-  onBlockParticipantClick: d,
-  onReportParticipantClick: u,
-  dmAgentEnabled: h,
-  onMessageSent: m,
-  viewerLanguage: g,
-  renderChannelBanner: c,
-  customChannelActions: p,
-  renderChannelActions: w,
-  onParticipantNameClick: v,
-  onOutboundClick: x,
-  resolveOutbound: b,
-  renderMessage: N,
-  onMessageLinkClick: _,
-  showChannelInfo: T,
+  renderMessageInputFooter: s,
+  renderConversationFooter: a,
+  onChannelSelect: r,
+  onExitConversation: i,
+  initialParticipantFilter: o,
+  initialParticipantData: l,
+  CustomChannelEmptyState: d,
+  onBlockParticipantClick: u,
+  onReportParticipantClick: h,
+  dmAgentEnabled: m,
+  onMessageSent: g,
+  viewerLanguage: c,
+  renderChannelBanner: p,
+  customChannelActions: w,
+  renderChannelActions: v,
+  onParticipantNameClick: x,
+  onOutboundClick: b,
+  resolveOutbound: y,
+  renderMessage: _,
+  onMessageLinkClick: T,
+  showChannelInfo: R,
   composerInput: L
 }) => {
   const {
-    client: E,
-    isConnected: $,
-    isLoading: F,
-    error: R,
-    refreshConnection: I,
-    service: M,
-    debug: S
-  } = _a(), [C, A] = B(null), [P, U] = B(null), [H, te] = B(!1), { showDeleteConversation: Q = !0 } = e, V = j(o);
-  V.current = o;
-  const y = j(a);
-  y.current = a;
-  const D = j(null), W = j(null);
-  Y(() => {
-    W.current = C;
-  }, [C]), Y(() => {
-    if (!E || !$) return;
-    const q = E.userID;
-    if (!q) return;
-    const K = `${q}::${i}`;
-    if (D.current === K) return;
-    D.current = K;
-    const se = () => {
-      D.current === K && (D.current = null);
+    client: $,
+    isConnected: F,
+    isLoading: M,
+    error: E,
+    refreshConnection: D,
+    service: I,
+    debug: C
+  } = _a(), [S, P] = B(null), [U, j] = B(null), [ee, J] = B(!1), { showDeleteConversation: G = !0 } = e, N = V(l);
+  N.current = l;
+  const A = V(r);
+  A.current = r;
+  const Y = V(null), q = V(null);
+  X(() => {
+    q.current = S;
+  }, [S]), X(() => {
+    if (!$ || !F) return;
+    const W = $.userID;
+    if (!W) return;
+    const ne = `${W}::${o}`;
+    if (Y.current === ne) return;
+    Y.current = ne;
+    const de = () => {
+      Y.current === ne && (Y.current = null);
     };
     (async () => {
-      var re, De;
+      var Oe, ue;
       try {
-        S && console.log(
+        C && console.log(
           "[MessagingShell] Loading initial conversation with:",
-          i
+          o
         );
-        const ne = await E.queryChannels(
+        const se = await $.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [q, i] }
+            members: { $eq: [W, o] }
           },
           {},
           { limit: 1 }
         );
-        if (ne.length > 0) {
-          A(ne[0]), U(null), (re = y.current) == null || re.call(y, ne[0]), S && console.log(
+        if (se.length > 0) {
+          P(se[0]), j(null), (Oe = A.current) == null || Oe.call(A, se[0]), C && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ne[0].id
+            se[0].id
           );
           return;
         }
-        const ue = V.current;
-        if (!ue || !M) {
-          se(), U("No conversation found with this account"), S && console.log(
+        const me = N.current;
+        if (!me || !I) {
+          de(), j("No conversation found with this account"), C && console.log(
             "[MessagingShell] No conversation found for:",
-            i
+            o
           );
           return;
         }
         try {
-          const ie = await M.startChannelWithParticipant({
-            id: ue.id,
-            name: ue.name,
-            phone: ue.phone
+          const re = await I.startChannelWithParticipant({
+            id: me.id,
+            name: me.name,
+            phone: me.phone
           });
-          A(ie), U(null), (De = y.current) == null || De.call(y, ie), S && console.log(
+          P(re), j(null), (ue = A.current) == null || ue.call(A, re), C && console.log(
             "[MessagingShell] Channel created and loaded:",
-            ie.id
+            re.id
           );
-        } catch (ie) {
+        } catch (re) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            ie
-          ), se(), U("Failed to create conversation");
+            re
+          ), de(), j("Failed to create conversation");
         }
-      } catch (ne) {
+      } catch (se) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ne
-        ), se(), W.current || U("Failed to load conversation");
+          se
+        ), de(), q.current || j("Failed to load conversation");
       }
     })();
-  }, [i, E, $, M, S]);
-  const X = j(r);
-  X.current = r;
-  const G = Z(() => {
-    var q;
-    A(null), te(!0), (q = X.current) == null || q.call(X);
+  }, [o, $, F, I, C]);
+  const H = V(i);
+  H.current = i;
+  const te = K(() => {
+    var W;
+    P(null), J(!0), (W = H.current) == null || W.call(H);
   }, []);
-  return F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(ke, { message: R, onBack: I }) : !$ || !E ? /* @__PURE__ */ n(
-    ke,
+  return M ? /* @__PURE__ */ n(je, {}) : E ? /* @__PURE__ */ n(Se, { message: E, onBack: D }) : !F || !$ ? /* @__PURE__ */ n(
+    Se,
     {
       message: "Not connected to messaging service",
-      onBack: I
+      onBack: D
     }
-  ) : P ? /* @__PURE__ */ n(ke, { message: P }) : H && !C ? /* @__PURE__ */ n(ke, { message: "Conversation ended" }) : C ? /* @__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(
+  ) : U ? /* @__PURE__ */ n(Se, { message: U }) : ee && !S ? /* @__PURE__ */ n(Se, { message: "Conversation ended" }) : S ? /* @__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(
     Kn,
     {
-      channel: C,
+      channel: S,
       renderMessageInputActions: t,
-      renderConversationFooter: s,
-      renderChannelBanner: c,
-      onLeaveConversation: G,
-      onBlockParticipant: G,
-      CustomChannelEmptyState: l,
-      showDeleteConversation: Q,
-      onBlockParticipantClick: d,
-      onReportParticipantClick: u,
-      dmAgentEnabled: h,
-      onMessageSent: m,
-      viewerLanguage: g,
-      customChannelActions: p,
-      renderChannelActions: w,
-      onParticipantNameClick: v,
-      onOutboundClick: x,
-      resolveOutbound: b,
-      renderMessage: N,
-      onMessageLinkClick: _,
-      showChannelInfo: T,
+      renderMessageInputFooter: s,
+      renderConversationFooter: a,
+      renderChannelBanner: p,
+      onLeaveConversation: te,
+      onBlockParticipant: te,
+      CustomChannelEmptyState: d,
+      showDeleteConversation: G,
+      onBlockParticipantClick: u,
+      onReportParticipantClick: h,
+      dmAgentEnabled: m,
+      onMessageSent: g,
+      viewerLanguage: c,
+      customChannelActions: w,
+      renderChannelActions: v,
+      onParticipantNameClick: x,
+      onOutboundClick: b,
+      resolveOutbound: y,
+      renderMessage: _,
+      onMessageLinkClick: T,
+      showChannelInfo: R,
       composerInput: L
     },
-    C.id
-  ) }) }) : /* @__PURE__ */ n(Ue, {});
+    S.id
+  ) }) }) : /* @__PURE__ */ n(je, {});
 };
 function xl(e) {
   const t = e.state.pending_messages;
@@ -5309,7 +5311,7 @@ const Zn = z.createContext({
   });
 }, Jn = z.memo(
   (e) => {
-    var $, F, R;
+    var $, F, M;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -5317,7 +5319,7 @@ const Zn = z.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = _l(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = bn(t);
+    } = _l(), { client: u } = Ve(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = bn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -5331,45 +5333,45 @@ const Zn = z.createContext({
       );
     const g = () => {
       t && r(t);
-    }, c = (I) => {
-      const M = I.key === "Enter" || I.key === " ", S = I.repeat;
-      !M || S || (I.preventDefault(), g());
+    }, c = (E) => {
+      const D = E.key === "Enter" || E.key === " ", I = E.repeat;
+      !D || I || (E.preventDefault(), g());
     }, p = vn(
       ($ = t == null ? void 0 : t.state) == null ? void 0 : $.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
     ), w = xn(p == null ? void 0 : p.user), v = (F = p == null ? void 0 : p.user) == null ? void 0 : F.image, x = (() => {
-      var M;
-      const I = (M = t == null ? void 0 : t.state) == null ? void 0 : M.messages;
-      if (I != null && I.length) {
-        for (let S = I.length - 1; S >= 0; S--)
-          if (I[S].type !== "system") return I[S];
+      var D;
+      const E = (D = t == null ? void 0 : t.state) == null ? void 0 : D.messages;
+      if (E != null && E.length) {
+        for (let I = E.length - 1; I >= 0; I--)
+          if (E[I].type !== "system") return E[I];
       }
-    })(), N = (() => {
-      var A;
-      const I = _n({
+    })(), y = (() => {
+      var S;
+      const E = _n({
         message: x,
         viewerLanguage: d
-      }), { custom_type: M, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
-      if (M === oe.TIP)
-        return I || "Sent a tip";
-      if (M === oe.PAID)
-        return I || "Sent a message";
-      if (M === oe.ATTACHMENT) {
-        if (S === "text")
+      }), { custom_type: D, attachment_content_type: I } = (x == null ? void 0 : x.metadata) || {};
+      if (D === le.TIP)
+        return E || "Sent a tip";
+      if (D === le.PAID)
+        return E || "Sent a message";
+      if (D === le.ATTACHMENT) {
+        if (I === "text")
           return "🔒 Sent a locked message";
-        if (S === "media")
+        if (I === "media")
           return "🔒 Sent a locked attachment";
       }
-      if (I) return I;
-      const C = (A = x == null ? void 0 : x.attachments) == null ? void 0 : A[0];
+      if (E) return E;
+      const C = (S = x == null ? void 0 : x.attachments) == null ? void 0 : S[0];
       return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = x != null && x.created_at ? Nl(new Date(x.created_at)) : "", T = x ? Fe(x) : !1, L = l ? l(x, N) : `${T ? "✨ " : ""}${N}`, E = s ?? 0;
+    })(), _ = x != null && x.created_at ? Nl(new Date(x.created_at)) : "", T = x ? $e(x) : !1, R = l ? l(x, y) : `${T ? "✨ " : ""}${y}`, L = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
       participantName: w,
-      unreadCount: E,
+      unreadCount: L,
       hasTimestamp: !!_
     }), /* @__PURE__ */ n(
       "div",
@@ -5388,9 +5390,9 @@ const Zn = z.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ f("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            we,
+            ye,
             {
-              id: ((R = p == null ? void 0 : p.user) == null ? void 0 : R.id) || t.id || "unknown",
+              id: ((M = p == null ? void 0 : p.user) == null ? void 0 : M.id) || t.id || "unknown",
               name: w,
               image: v,
               size: 48,
@@ -5414,8 +5416,8 @@ const Zn = z.createContext({
               _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ f("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: L }),
-              E > 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: E > 99 ? "99+" : E })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: R }),
+              L > 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: L > 99 ? "99+" : L })
             ] })
           ] })
         ] })
@@ -5447,15 +5449,15 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
   }) => {
     const b = z.useRef(0);
     b.current++;
-    const { debug: N = !1 } = lt(), _ = z.useCallback(
-      (L) => {
-        for (const E of L)
-          xl(E);
-        return r ? r(L) : L;
+    const { debug: y = !1 } = ot(), _ = z.useCallback(
+      (R) => {
+        for (const L of R)
+          xl(L);
+        return r ? r(R) : R;
       },
       [r]
     );
-    N && console.log("📺 [ChannelList] 🔄 RENDER START", {
+    y && console.log("📺 [ChannelList] 🔄 RENDER START", {
       renderCount: b.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
@@ -5464,7 +5466,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: N,
+        debug: y,
         channelPreview: u,
         renderMessagePreview: h,
         viewerLanguage: m
@@ -5472,7 +5474,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
       [
         t,
         e,
-        N,
+        y,
         u,
         h,
         m
@@ -5581,7 +5583,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: g ? /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-3", children: [
     c,
     /* @__PURE__ */ n(on, { surface: e, actions: o, layout: "row" })
-  ] }) : /* @__PURE__ */ f(J, { children: [
+  ] }) : /* @__PURE__ */ f(Z, { children: [
     c,
     /* @__PURE__ */ n(
       on,
@@ -5626,7 +5628,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       children: l.map(({ src: c, index: p }, w) => /* @__PURE__ */ n(
         "img",
         {
-          src: ce(c) ?? c,
+          src: oe(c) ?? c,
           alt: "",
           draggable: !1,
           loading: "lazy",
@@ -5654,7 +5656,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   // hero image errors, so `CardThumbnail` falls through to its placeholder.
   // Do NOT `?? images[0]` here — that would re-instate the failed URL.
   /* @__PURE__ */ n(
-    Ee,
+    Te,
     {
       variant: e,
       thumbnailUrl: r,
@@ -5678,20 +5680,20 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   const h = va({
     imagePresentation: i,
     images: r
-  }), m = r.length > 0, g = m && h === "hero", c = Ve({
+  }), m = r.length > 0, g = m && h === "hero", c = Ge({
     variant: e,
     accentColor: d,
     layout: "featured",
     thumbnailUrl: g ? r[0] : void 0
   }), p = u === "single" || u === "end";
   return /* @__PURE__ */ n(
-    vt,
+    xt,
     {
       accentHex: c.accentHex,
       side: e === "dark" ? "sender" : "receiver",
       visible: p,
       children: /* @__PURE__ */ f(
-        Se,
+        Ie,
         {
           variant: e,
           accentHex: c.accentHex,
@@ -5832,7 +5834,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   const l = xa(e);
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ f("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      we,
+      ye,
       {
         id: o || "account",
         name: o || "Account",
@@ -5870,34 +5872,34 @@ export {
   sr as E,
   oo as F,
   _a as G,
-  rt as L,
+  it as L,
   to as M,
   io as R,
-  ye as a,
-  we as b,
+  ke as a,
+  ye as b,
   Cl as c,
   Kn as d,
   no as e,
   Vl as f,
-  de as g,
-  Pe as h,
-  Ne as i,
+  ce as g,
+  ze as h,
+  Ce as i,
   lo as j,
   eo as k,
   ro as l,
   ei as m,
   Zr as n,
-  ce as o,
+  oe as o,
   Nl as p,
   Qr as q,
-  be as r,
+  xe as r,
   _n as s,
   Sn as t,
   Na as u,
   so as v,
   Da as w,
   vn as x,
-  dt as y,
-  ut as z
+  ut as y,
+  mt as z
 };
-//# sourceMappingURL=index-DeWGN1T5.js.map
+//# sourceMappingURL=index-CH6y1lmh.js.map