@linktr.ee/messaging-react 4.0.5-rc-1786706994 → 4.0.6-rc-1786770596

package/dist/{index-CZY29se6.js → index-DXlI1QQw.js}

@@ -1,12 +1,12 @@
-import { jsx as n, jsxs as f, Fragment as K } from "react/jsx-runtime";
-import z, { createContext as je, useContext as xe, useCallback as q, useState as B, useRef as H, useEffect as Y, useId as rs, Suspense as is, useMemo as le } from "react";
-import { StreamChatService as ls } from "@linktr.ee/messaging-core";
-import { StreamChat as os, LinkPreviewsManager as tt } from "stream-chat";
-import { Chat as cs, useChannelStateContext as we, useChatContext as He, DateSeparator as ds, useMessageContext as fe, MessageStatus as us, MessageErrorIcon as nt, MessageText as ze, areMessageUIPropsEqual as ms, useMessageReminder as hs, useComponentContext as dn, Attachment as fs, EditMessageModal as gs, MessageBlocked as ps, MessageBouncePrompt as bs, MessageDeleted as vs, MessageIsThreadReplyInChannelButtonIndicator as xs, MessageRepliesCountButton as ws, ReminderNotification as _s, StreamedMessageText as ys, messageHasAttachments as Ns, messageHasReactions as ks, isDateSeparatorMessage as Cs, isMessageBlocked as Ss, isMessageBounced as Es, MessageBounceModal as Is, Poll as Ts, useMessageComposer as As, useStateStore as Rs, MessageInput as Ht, useMessageInputContext as Ls, useMessageComposerHasSendableData as Ms, AttachmentPreviewList as Ds, QuotedMessagePreview as Os, TextareaComposer as Ps, MessageTimestamp as We, AIStates as Xe, useTypingContext as zs, useAIState as Fs, Channel as $s, WithComponents as Bs, Window as Us, MessageList as Vt, ChannelList as js, InfiniteScroll as Hs } from "stream-chat-react";
-import { isOfficialChannel as un, OFFICIAL_SENDER_USER_ID as Vs, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Gt, isAgeSafetySystemType as Gs, resolveRichCardImagePresentation as Ys, selectEnabledFaqs as Ws } from "@linktr.ee/messaging-taxonomy";
+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 ss, Suspense as as, useMemo as le } from "react";
+import { StreamChatService as rs } from "@linktr.ee/messaging-core";
+import { StreamChat as is, LinkPreviewsManager as nt } from "stream-chat";
+import { Chat as ls, useChannelStateContext as xe, useChatContext as He, DateSeparator as os, useMessageContext as he, MessageStatus as cs, MessageErrorIcon as st, MessageText as ze, areMessageUIPropsEqual as ds, useMessageReminder as us, useComponentContext as un, Attachment as ms, EditMessageModal as hs, MessageBlocked as fs, MessageBouncePrompt as gs, MessageDeleted as ps, MessageIsThreadReplyInChannelButtonIndicator as bs, MessageRepliesCountButton as vs, ReminderNotification as xs, StreamedMessageText as ws, messageHasAttachments as _s, messageHasReactions as ys, isDateSeparatorMessage as Ns, isMessageBlocked as ks, isMessageBounced as Cs, MessageBounceModal as Ss, Poll as Es, useMessageComposer as Is, useStateStore as Ts, MessageInput as Vt, useMessageInputContext as As, useMessageComposerHasSendableData as Rs, AttachmentPreviewList as Ls, QuotedMessagePreview as Ms, TextareaComposer as Ds, MessageTimestamp as Xe, AIStates as qe, useTypingContext as Os, useAIState as Ps, Channel as zs, WithComponents as Fs, Window as $s, MessageList as Gt, ChannelList as Bs, InfiniteScroll as Us } from "stream-chat-react";
 import k from "classnames";
-import { StarIcon as st, DotsThreeIcon as Xs, SpinnerGapIcon as Oe, SignOutIcon as qs, ProhibitInsetIcon as Yt, FlagIcon as mn, CurrencyDollarIcon as Ks, CaretRightIcon as hn, ArrowLeftIcon as Zs, FileIcon as fn, ImageIcon as Js, SpeakerHighIcon as Qs, VideoCameraIcon as gn, FileMdIcon as ea, FileTextIcon as ta, FileZipIcon as na, FilePptIcon as sa, FileCsvIcon as aa, FileXlsIcon as ra, FileDocIcon as ia, FilePdfIcon as la, CircleNotchIcon as be, PlayIcon as at, PauseIcon as oa, LinkIcon as ca, DownloadSimpleIcon as Se, GiftIcon as da, WarningCircleIcon as ua, MegaphoneIcon as ma, ChecksIcon as ha, XIcon as it, PencilSimpleIcon as fa, CaretLeftIcon as ga, TrashSimpleIcon as pa, ArrowUpIcon as ba, SparkleIcon as va, ProhibitIcon as xa } from "@phosphor-icons/react";
-import { MessageActions as wa, DefaultDropdownActionButton as pn } from "stream-chat-react/experimental";
+import { StarIcon as at, DotsThreeIcon as js, SpinnerGapIcon as Oe, SignOutIcon as Hs, ProhibitInsetIcon as Yt, FlagIcon as mn, CurrencyDollarIcon as Vs, CaretRightIcon as hn, ArrowLeftIcon as Gs, FileIcon as fn, ImageIcon as Ys, SpeakerHighIcon as Ws, VideoCameraIcon as gn, FileMdIcon as Xs, FileTextIcon as qs, FileZipIcon as Ks, FilePptIcon as Zs, FileCsvIcon as Js, FileXlsIcon as Qs, FileDocIcon as ea, FilePdfIcon as ta, CircleNotchIcon as pe, PlayIcon as rt, PauseIcon as na, LinkIcon as sa, DownloadSimpleIcon as Ce, GiftIcon as aa, WarningCircleIcon as ra, MegaphoneIcon as ia, ChecksIcon as la, XIcon as lt, PencilSimpleIcon as oa, CaretLeftIcon as ca, TrashSimpleIcon as da, ArrowUpIcon as ua, SparkleIcon as ma, ProhibitIcon as ha } from "@phosphor-icons/react";
+import { isOfficialChannel as fa, OFFICIAL_SENDER_USER_ID as ga, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Wt, isAgeSafetySystemType as pa, resolveRichCardImagePresentation as ba, selectEnabledFaqs as va } from "@linktr.ee/messaging-taxonomy";
+import { MessageActions as xa, DefaultDropdownActionButton as pn } from "stream-chat-react/experimental";
 const bn = je({
   service: null,
   client: null,
@@ -17,7 +17,7 @@ const bn = je({
   refreshConnection: async () => {
   },
   debug: !1
-}), lt = () => xe(bn), eo = ({
+}), ot = () => ve(bn), Ql = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -27,7 +27,7 @@ const bn = je({
   client: o
 }) => {
   var S, C;
-  const l = q(
+  const l = Z(
     (A, ...P) => {
       i && console.log(`🔥 [MessagingProvider] ${A}`, ...P);
     },
@@ -39,16 +39,16 @@ const bn = 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 = H(!1), N = H(null), _ = H(s);
+  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);
   _.current = s;
-  const T = H(i);
+  const T = j(i);
   T.current = i;
-  const L = H({
+  const L = j({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), E = H(0);
+  }), E = j(0);
   E.current++, l("📊 RENDER INFO", {
     renderCount: E.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
@@ -64,8 +64,8 @@ const bn = je({
     serviceConfig: s,
     capabilities: r
   };
-  const $ = H(null);
-  !o && a && ((S = $.current) == null ? void 0 : S.apiKey) !== a && ($.current = { apiKey: a, client: new os(a) });
+  const $ = j(null);
+  !o && a && ((S = $.current) == null ? void 0 : S.apiKey) !== a && ($.current = { apiKey: a, client: new is(a) });
   const F = o || (a ? ((C = $.current) == null ? void 0 : C.client) ?? null : null);
   Y(() => {
     const A = E.current, P = _.current;
@@ -84,7 +84,7 @@ const bn = je({
       renderCount: A,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const U = new ls({
+    const U = new rs({
       ...P,
       apiKey: a,
       debug: T.current,
@@ -95,7 +95,7 @@ const bn = je({
       serviceInstance: !!U
     });
   }, [a, F, o]);
-  const R = H(null);
+  const R = j(null);
   Y(() => {
     var P, U;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -126,13 +126,13 @@ const bn = je({
       l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const V = await d.connectUser(t);
-        m(V), c(!0), R.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const H = await d.connectUser(t);
+        m(H), c(!0), R.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: V.userID
+          clientId: H.userID
         });
-      } catch (V) {
-        const te = V instanceof Error ? V.message : "Connection failed";
+      } catch (H) {
+        const te = H instanceof Error ? H.message : "Connection failed";
         x(te), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: te
@@ -151,7 +151,7 @@ const bn = je({
       A && (R.current = null, (P = N.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const I = q(async () => {
+  const I = Z(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -175,7 +175,7 @@ const bn = je({
         w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, l, o]), D = z.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, l, o]), M = z.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!h,
     isConnected: g,
@@ -214,9 +214,9 @@ const bn = je({
   return l("🔄 RENDER END", {
     renderCount: E.current,
     willRenderChat: !!F,
-    contextValueReady: !!D
-  }), /* @__PURE__ */ n(bn.Provider, { value: D, children: F ? /* @__PURE__ */ n(
-    cs,
+    contextValueReady: !!M
+  }), /* @__PURE__ */ n(bn.Provider, { value: M, children: F ? /* @__PURE__ */ n(
+    ls,
     {
       client: F,
       customClasses: {
@@ -225,7 +225,7 @@ const bn = je({
       children: e
     }
   ) : e });
-}, _a = () => lt(), vn = (e) => {
+}, wa = () => ot(), vn = (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)
@@ -250,11 +250,11 @@ const bn = je({
 };
 function xn(e, t, s) {
   const a = Object.values(e || {});
-  if (un(s)) {
+  if (fa(s)) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === Vs;
+        return ((o = i.user) == null ? void 0 : o.id) === ga;
       }
     );
     if (r) return r;
@@ -266,18 +266,18 @@ function xn(e, t, s) {
     }
   );
 }
-const ya = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function Na(e) {
-  return ya.test(e.trim());
+const _a = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function ya(e) {
+  return _a.test(e.trim());
 }
-function Wt(e, t) {
+function Xt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !Na(s);
+  return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !ya(s);
 }
 function wn(e) {
-  return Wt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Wt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+  return Xt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Xt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Xt = [
+const qt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -305,7 +305,7 @@ const Xt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ka(e) {
+function Na(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -314,15 +314,15 @@ function ka(e) {
   return Math.abs(t);
 }
 function _n(e) {
-  return Xt[ka(e) % Xt.length];
+  return qt[Na(e) % qt.length];
 }
-function Ca(e) {
+function ka(e) {
   return _n(e).emoji;
 }
-function Sa(e) {
+function Ca(e) {
   return _n(e).bgColor;
 }
-const _e = ({
+const we = ({
   id: e,
   image: t,
   size: s = 40,
@@ -331,7 +331,7 @@ const _e = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Ca(e), d = Sa(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, p = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ n(
+  const l = ka(e), d = Ca(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, p = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ n(
     "div",
     {
       "aria-hidden": "true",
@@ -359,7 +359,7 @@ const _e = ({
           {
             "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(
@@ -382,7 +382,7 @@ const _e = ({
       ]
     }
   );
-}, Ea = "https://linktr.ee/s/about/trust-center/report", Ia = ({
+}, Sa = "https://linktr.ee/s/about/trust-center/report", Ea = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -395,8 +395,8 @@ const _e = ({
   onActionComplete: u,
   logLabel: h = "useChannelModerationActions"
 }) => {
-  var D;
-  const { service: m, debug: g } = lt(), 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), [N, _] = B(!1), [T, L] = B(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
+  var M;
+  const { service: m, debug: g } = ot(), 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(() => {
     if (!p || !m || !c) {
       v(!1), b(null);
@@ -466,10 +466,10 @@ const _e = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(Ea, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(Sa, "_blank", "noopener,noreferrer");
     }
   };
-}, Ne = ({
+}, ye = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -486,7 +486,7 @@ const _e = ({
     ...a,
     children: s
   }
-), Ta = ({
+), Ia = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -500,7 +500,7 @@ const _e = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = B(!1), p = H(null), w = rs(), v = q(() => c(!1), []), {
+  const [g, c] = B(!1), p = j(null), w = ss(), v = Z(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: b,
     isLeaving: N,
@@ -509,7 +509,7 @@ const _e = ({
     handleBlockUser: L,
     handleUnblockUser: E,
     handleReportUser: $
-  } = Ia({
+  } = Ea({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -524,10 +524,10 @@ const _e = ({
   });
   return Y(() => {
     if (!g) return;
-    const R = (D) => {
-      p.current && !p.current.contains(D.target) && c(!1);
-    }, I = (D) => {
-      D.key === "Escape" && c(!1);
+    const R = (M) => {
+      p.current && !p.current.contains(M.target) && c(!1);
+    }, I = (M) => {
+      M.key === "Escape" && c(!1);
     };
     return document.addEventListener("mousedown", R), document.addEventListener("keydown", I), () => {
       document.removeEventListener("mousedown", R), document.removeEventListener("keydown", I);
@@ -543,7 +543,7 @@ const _e = ({
         "aria-controls": g ? w : void 0,
         onClick: () => c((R) => !R),
         children: [
-          /* @__PURE__ */ n(Xs, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(js, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -559,13 +559,13 @@ const _e = ({
         ),
         children: /* @__PURE__ */ f("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(
-            Ne,
+            ye,
             {
               onClick: T,
               disabled: N,
               "aria-busy": N,
               children: [
-                N ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(qs, { className: "h-5 w-5" }),
+                N ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Hs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -573,12 +573,12 @@ const _e = ({
           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(Ne, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ f(ye, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
           ) : x ? /* @__PURE__ */ f(
-            Ne,
+            ye,
             {
               onClick: E,
               disabled: _,
@@ -589,7 +589,7 @@ const _e = ({
               ]
             }
           ) : /* @__PURE__ */ f(
-            Ne,
+            ye,
             {
               onClick: L,
               disabled: _,
@@ -600,7 +600,7 @@ const _e = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(Ne, { variant: "danger", onClick: $, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(ye, { variant: "danger", onClick: $, children: [
             /* @__PURE__ */ n(mn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -609,7 +609,7 @@ const _e = ({
       }
     )
   ] });
-}, 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", Ta = "CUSTOMER_PAID", Aa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ta, Ra = ({
   className: e,
   onBack: t,
   showBackButton: s,
@@ -627,8 +627,8 @@ const _e = ({
   showChannelInfo: p = !0,
   onParticipantNameClick: w
 }) => {
-  var I, D, S, C;
-  const { channel: v } = we(), { client: x } = He(), b = z.useMemo(
+  var I, M, S, C;
+  const { channel: v } = xe(), { client: x } = He(), b = z.useMemo(
     () => {
       var A;
       return xn(
@@ -638,7 +638,7 @@ const _e = ({
       );
     },
     [(I = v.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, v.type]
-  ), N = wn(b == null ? void 0 : b.user), _ = (D = b == null ? void 0 : b.user) == null ? void 0 : D.image, T = vn(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 () => {
+  ), N = wn(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = vn(v), L = Aa((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 () => {
     try {
       T ? await v.unpin() : await v.pin();
     } catch (A) {
@@ -647,9 +647,9 @@ const _e = ({
         A
       );
     }
-  }, R = /* @__PURE__ */ f(K, { children: [
+  }, R = /* @__PURE__ */ f(J, { children: [
     /* @__PURE__ */ n(
-      _e,
+      we,
       {
         id: ((C = b == null ? void 0 : b.user) == null ? void 0 : C.id) || v.id || "unknown",
         name: N,
@@ -674,7 +674,7 @@ const _e = ({
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ n(Ks, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ n(Vs, { className: "size-2.5", weight: "bold" })
               }
             ),
             E && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
@@ -682,7 +682,7 @@ const _e = ({
               {
                 "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,14 +710,14 @@ const _e = ({
           "button",
           {
             className: k(
-              qe,
+              Ke,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
             onClick: t || (() => {
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Zs, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Gs, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ n("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: w ? /* @__PURE__ */ n(
@@ -734,13 +734,13 @@ const _e = ({
           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,
@@ -752,7 +752,7 @@ const _e = ({
             }
           ),
           p && (c !== void 0 ? c : /* @__PURE__ */ n(
-            Ta,
+            Ia,
             {
               channel: v,
               participant: b,
@@ -765,15 +765,15 @@ const _e = ({
               onBlockParticipantClick: h,
               onReportParticipantClick: m,
               customChannelActions: g,
-              triggerClassName: qe
+              triggerClassName: Ke
             }
           ))
         ] })
       ] })
     }
   );
-}, Ma = (e) => /* @__PURE__ */ n(ds, { ...e, position: "center" });
-function Da(e) {
+}, La = (e) => /* @__PURE__ */ n(os, { ...e, position: "center" });
+function Ma(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function yn({
@@ -781,31 +781,31 @@ function yn({
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Da(t);
+  const s = e == null ? void 0 : e.text, a = Ma(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Oa = ["linktr.ee"], qt = "messaging-attachment-v1_0";
-function Pa(e) {
+const Da = ["linktr.ee"], Kt = "messaging-attachment-v1_0";
+function Oa(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function za(e) {
-  return Oa.some(
+function Pa(e) {
+  return Da.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function ce(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const s = Pa(t);
-  if (!s || !za(s)) return t;
+  const s = Oa(t);
+  if (!s || !Pa(s)) return t;
   const a = new URL(t);
-  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === qt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", qt), a.toString());
+  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Kt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Kt), a.toString());
 }
-const Fa = [
+const za = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -819,38 +819,38 @@ function de(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Nn(e) {
-  const t = Fa.find(
+  const t = za.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const $a = {
+const Fa = {
   video: gn,
-  audio: Qs,
-  image: Js,
+  audio: Ws,
+  image: Ys,
   document: fn
-}, Ba = {
-  pdf: la,
-  doc: ia,
-  xls: ra,
-  csv: aa,
-  ppt: sa,
-  zip: na,
-  text: ta,
-  markdown: ea,
+}, $a = {
+  pdf: ta,
+  doc: ea,
+  xls: Qs,
+  csv: Js,
+  ppt: Zs,
+  zip: Ks,
+  text: qs,
+  markdown: Xs,
   generic: fn
 };
-function Ua(e) {
+function Ba(e) {
   const t = de(e);
-  return t !== "document" ? $a[t] : Ba[Nn(e)];
+  return t !== "document" ? Fa[t] : $a[Nn(e)];
 }
-function ve(e, t) {
-  return z.createElement(Ua(e), t);
+function be(e, t) {
+  return z.createElement(Ba(e), t);
 }
-const ja = (e) => {
+const Ua = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, Ha = ({
+}, ja = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -862,23 +862,23 @@ const ja = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const h = de(t), m = H(null), g = H(null), c = H(null), p = H(r), [w, v] = B(a), [x, b] = B(0), [N, _] = B(!1), [T, L] = B(!1), [E, $] = B(!1), [F, R] = B(!1), [I, D] = B(!0), [S, C] = B(null), A = q(() => {
+  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(() => {
     $(!1), v(!0);
-  }, []), P = q((y) => {
-    const M = g.current;
-    if (!M) return 0;
-    const W = M.getBoundingClientRect();
+  }, []), P = Z((y) => {
+    const D = g.current;
+    if (!D) return 0;
+    const W = D.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ja(y) - W.left) / W.width)
+      Math.min(1, (Ua(y) - W.left) / W.width)
     );
-  }, []), U = q((y) => {
-    const M = m.current;
-    M && M.duration && (M.currentTime = y * M.duration);
-  }, []), V = (y) => {
+  }, []), U = Z((y) => {
+    const D = m.current;
+    D && D.duration && (D.currentTime = y * D.duration);
+  }, []), H = (y) => {
     y.stopPropagation(), _(!0);
-    const M = P(y);
-    b(M), U(M);
+    const D = P(y);
+    b(D), U(D);
   };
   Y(() => {
     r !== void 0 && r !== p.current && (p.current = r, v(r));
@@ -888,40 +888,40 @@ const ja = (e) => {
       return;
     }
     const y = () => {
-      const M = m.current;
-      M && M.duration && !N && b(M.currentTime / M.duration), c.current = requestAnimationFrame(y);
+      const D = m.current;
+      D && D.duration && !N && b(D.currentTime / D.duration), c.current = requestAnimationFrame(y);
     };
     return c.current = requestAnimationFrame(y), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
   }, [w, N]), Y(() => {
     const y = m.current;
-    y && (w ? y.play().catch((M) => {
+    y && (w ? y.play().catch((D) => {
       v(!1), $(!0);
     }) : y.pause());
   }, [w]), Y(() => {
     if (!N) return;
-    const y = (W) => b(P(W)), M = (W) => {
+    const y = (W) => b(P(W)), D = (W) => {
       _(!1), U(P(W));
     };
-    return window.addEventListener("mousemove", y), window.addEventListener("mouseup", M), window.addEventListener("touchmove", y, { passive: !0 }), window.addEventListener("touchend", M), () => {
-      window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", M), window.removeEventListener("touchmove", y), window.removeEventListener("touchend", M);
+    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);
     };
   }, [N, P, U]);
-  const te = S ? { aspectRatio: String(S) } : void 0, Z = S ? "" : " aspect-video", G = Math.round(x * 100);
+  const te = S ? { aspectRatio: String(S) } : void 0, Q = S ? "" : " aspect-video", V = Math.round(x * 100);
   return /* @__PURE__ */ f(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
+      className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
       style: te,
       onClick: (y) => {
         if (u) {
           u(y);
           return;
         }
-        E || o && v((M) => !M);
+        E || o && v((D) => !D);
       },
       onKeyDown: (y) => {
         if (!(y.key !== "Enter" && y.key !== " ")) {
@@ -929,7 +929,7 @@ const ja = (e) => {
             u(y);
             return;
           }
-          E || o && v((M) => !M);
+          E || o && v((D) => !D);
         }
       },
       children: [
@@ -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: ve(t, {
+        !s && (h === "audio" || I) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: be(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -955,7 +955,7 @@ const ja = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => R(!0),
             onCanPlay: () => {
-              R(!1), D(!1);
+              R(!1), M(!1);
             },
             onWaiting: () => R(!0),
             onPlay: () => $(!1),
@@ -975,7 +975,7 @@ const ja = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => R(!0),
             onCanPlay: () => {
-              R(!1), D(!1);
+              R(!1), M(!1);
             },
             onWaiting: () => R(!0),
             onPlay: () => $(!1),
@@ -990,7 +990,7 @@ const ja = (e) => {
           }
         ) }),
         F && !E && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          be,
+          pe,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
@@ -1009,7 +1009,7 @@ const ja = (e) => {
             onKeyDown: (y) => {
               y.key !== "Enter" && y.key !== " " || (y.preventDefault(), y.stopPropagation(), A());
             },
-            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,14 +1017,14 @@ const ja = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": G,
+            "aria-valuenow": V,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: g,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: V,
-            onTouchStart: V,
+            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));
@@ -1033,7 +1033,7 @@ const ja = (e) => {
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${G}%` }
+                style: { width: `${V}%` }
               }
             ) })
           }
@@ -1044,11 +1044,11 @@ const ja = (e) => {
             {
               type: "button",
               onClick: (y) => {
-                y.stopPropagation(), v((M) => !M);
+                y.stopPropagation(), v((D) => !D);
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(oa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(at, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(na, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1056,14 +1056,14 @@ const ja = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": G,
+              "aria-valuenow": V,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: g,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: V,
-              onTouchStart: V,
+              onMouseDown: H,
+              onTouchStart: H,
               onClick: (y) => y.stopPropagation(),
               onMouseEnter: () => L(!0),
               onMouseLeave: () => L(!1),
@@ -1079,7 +1079,7 @@ const ja = (e) => {
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${G}%` }
+                        style: { width: `${V}%` }
                       }
                     )
                   }
@@ -1088,7 +1088,7 @@ const ja = (e) => {
                   "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: `${G}%` }
+                    style: { left: `${V}%` }
                   }
                 )
               ]
@@ -1098,7 +1098,7 @@ const ja = (e) => {
       ]
     }
   );
-}, Kt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Va = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", kn = ({
+}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ha = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", kn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1109,7 +1109,7 @@ const ja = (e) => {
 }) => {
   const l = de(e), [d, u] = B(!1), h = ce(t), m = ce(s);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    Ha,
+    ja,
     {
       source: t,
       mimeType: e,
@@ -1155,12 +1155,12 @@ const ja = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ve(e, {
-        className: Kt(r),
+      children: be(e, {
+        className: Zt(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${Va(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${Ha(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: m ?? s,
@@ -1172,8 +1172,8 @@ const ja = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ve(e, {
-        className: Kt(r),
+      children: be(e, {
+        className: Zt(r),
         weight: "regular"
       })
     }
@@ -1219,7 +1219,7 @@ const ja = (e) => {
             }
           ),
           /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-1", children: [
-            ve(r, {
+            be(r, {
               className: k(
                 "size-5 shrink-0",
                 g ? "text-white/55" : "text-black/55"
@@ -1247,25 +1247,25 @@ const ja = (e) => {
 function Sn(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) {
+function Va(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ya(e) {
+function Ga(e) {
   return e ? "text-white" : "text-black";
 }
-function Wa(e) {
+function Ya(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Xa(e) {
+function Wa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function qa(e) {
+function Xa(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",
@@ -1277,29 +1277,29 @@ const ct = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ga(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(ca, { className: `size-12 ${qa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Va(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(sa, { className: `size-12 ${Xa(t)}` })
       }
     ) }),
     /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
       s && /* @__PURE__ */ n(
         "p",
         {
-          className: `truncate text-[14px] font-medium leading-5 ${Ya(t)}`,
+          className: `truncate text-[14px] font-medium leading-5 ${Ga(t)}`,
           children: s
         }
       ),
       a && /* @__PURE__ */ n(
         "p",
         {
-          className: `truncate text-[12px] leading-4 ${Wa(t)}`,
+          className: `truncate text-[12px] leading-4 ${Ya(t)}`,
           children: a
         }
       ),
       d && /* @__PURE__ */ n(
         "p",
         {
-          className: `mt-1 truncate text-[12px] leading-4 ${Xa(t)}`,
+          className: `mt-1 truncate text-[12px] leading-4 ${Wa(t)}`,
           children: d
         }
       )
@@ -1316,14 +1316,15 @@ const ct = ({ attachment: e, isMyMessage: t }) => {
     }
   ) : /* @__PURE__ */ n("div", { className: "block", children: u });
 };
-function En(e) {
-  return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
+function Ve(e) {
+  var t;
+  return e.type === "link" || !!((t = e.og_scrape_url) != null && t.trim()) && !e.asset_url;
 }
-function dt(e) {
+function ut(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(En);
+  return (t = e.attachments) == null ? void 0 : t.find(Ve);
 }
-async function Ka(e, t) {
+async function qa(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1335,7 +1336,7 @@ async function Ka(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const Za = ({
+const Ka = ({
   url: e,
   filename: t
 }) => {
@@ -1347,7 +1348,7 @@ const Za = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Ka(e, t).then(() => {
+        a(!0), qa(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1356,19 +1357,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(
-        be,
+        pe,
         {
           className: "size-4 animate-spin text-white",
           weight: "bold"
         }
       ) : /* @__PURE__ */ f(z.Fragment, { children: [
-        /* @__PURE__ */ n(Se, { className: "size-4 text-white", weight: "bold" }),
+        /* @__PURE__ */ n(Ce, { 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
@@ -1389,7 +1390,7 @@ function ut(e) {
     thumbnailUrl: h
   };
 }
-const In = ({
+const En = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
@@ -1417,7 +1418,7 @@ const In = ({
       )
     }
   );
-}, Tn = ({
+}, In = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
@@ -1443,17 +1444,17 @@ const In = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(Za, { url: e, filename: s })
+      action: /* @__PURE__ */ n(Ka, { url: e, filename: s })
     }
   );
-}, Ja = ({
+}, Za = ({
   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(
-      _e,
+      we,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1477,52 +1478,52 @@ const In = ({
               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
               }
-            ) }) : t ? /* @__PURE__ */ n(In, { ...a }) : /* @__PURE__ */ n(Tn, { ...a })
+            ) }) : t ? /* @__PURE__ */ n(En, { ...a }) : /* @__PURE__ */ n(In, { ...a })
           }
         ) })
       }
     )
   ] });
-}, Qa = ({
+}, Ja = ({
   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 s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(In, { ...s }) }) : null;
-}, er = ({
+    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;
+}, Qa = ({
   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 s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Tn, { ...s }) }) : null;
-}, to = Object.assign(Ja, {
-  Creator: Qa,
-  Visitor: er
-}), tr = {
+    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;
+}, eo = Object.assign(Za, {
+  Creator: Ja,
+  Visitor: Qa
+}), er = {
   isUnlocking: () => !1
-}, nr = {
-  LockedAttachment: tr
-}, An = je({}), no = An.Provider;
-function sr(e) {
-  return xe(An)[e] ?? nr[e];
+}, tr = {
+  LockedAttachment: er
+}, Tn = je({}), to = Tn.Provider;
+function nr(e) {
+  return ve(Tn)[e] ?? tr[e];
 }
-const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import("./Card-CQShGiad.js")), ir = () => /* @__PURE__ */ n(
+const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import("./Card-CBj04-pC.js")), rr = () => /* @__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(is, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), lr = ({ size: e = 15 }) => /* @__PURE__ */ n(
+), Pe = (e) => /* @__PURE__ */ n(as, { fallback: /* @__PURE__ */ n(rr, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(sr, { ...e }) : /* @__PURE__ */ n(ar, { ...e }) }), ir = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1539,62 +1540,62 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       }
     )
   }
-), or = (e) => {
+), lr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.TIP;
-}, Rn = (e) => {
+}, An = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.PAID;
 }, Fe = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.CHATBOT;
-}, mt = (e) => {
+}, ht = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.ATTACHMENT;
-}, cr = (e) => {
+}, or = (e) => {
   var t;
-  return mt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, dr = (e) => {
+  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
+}, cr = (e) => {
   var t;
-  return mt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Ln = (e) => or(e) || Rn(e), ur = (e) => {
+  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
+}, Rn = (e) => lr(e) || An(e), dr = (e) => {
   var t;
-  return Ln(e) && !((t = e.text) != null && t.trim());
-}, Ke = ({
+  return Rn(e) && !((t = e.text) != null && t.trim());
+}, Ze = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var g;
-  const r = Ln(e), i = Fe(e);
+  const r = Rn(e), i = Fe(e);
   if (!r && !i)
     return null;
   if (r) {
     const c = (g = e.metadata) == null ? void 0 : g.amount_text;
     if (!c) return null;
-    const p = t ? "message-tip-standalone inline-flex items-center gap-1.5 px-3.5 py-2.5 rounded-[18px] text-[14px] font-medium text-[#016e1a] bg-[#dbf0e0]" : "message-tag--tip inline-flex items-center gap-1 text-[12px] leading-[2] font-medium text-[#016630]", w = Rn(e) ? "message" : "tip", v = t ? `${c} ${w}` : `Delivered with ${c} ${w}`;
+    const p = t ? "message-tip-standalone inline-flex items-center gap-1.5 px-3.5 py-2.5 rounded-[18px] text-[14px] font-medium text-[#016e1a] bg-[#dbf0e0]" : "message-tag--tip inline-flex items-center gap-1 text-[12px] leading-[2] font-medium text-[#016630]", w = An(e) ? "message" : "tip", v = t ? `${c} ${w}` : `Delivered with ${c} ${w}`;
     return /* @__PURE__ */ f("div", { className: p, children: [
-      /* @__PURE__ */ n(da, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(aa, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: v })
     ] });
   }
-  const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", u = o ? "justify-end gap-2 text-black/30" : s ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", h = /* @__PURE__ */ n("span", { className: "text-left", children: l }), m = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(lr, { size: o ? 12 : 15 }) });
+  const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", u = o ? "justify-end gap-2 text-black/30" : s ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", h = /* @__PURE__ */ n("span", { className: "text-left", children: l }), m = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(ir, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ n(
     "div",
     {
       className: `${d} ${u}`,
       "data-testid": "message-chatbot-indicator",
-      children: s && !o ? /* @__PURE__ */ f(K, { children: [
+      children: s && !o ? /* @__PURE__ */ f(J, { children: [
         h,
         m
-      ] }) : /* @__PURE__ */ f(K, { children: [
+      ] }) : /* @__PURE__ */ f(J, { children: [
         m,
         h
       ] })
     }
   );
-}, 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 = {
+}, Jt = `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%`, ur = {
   me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
 }, $e = ({ side: e }) => /* @__PURE__ */ n(
@@ -1607,24 +1608,24 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       insetInlineStart: e === "other" ? "calc(-1 * 0.3125rem)" : void 0,
       transform: e === "other" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: mr[e],
-      WebkitMask: Zt,
-      mask: Zt
+      backgroundColor: ur[e],
+      WebkitMask: Jt,
+      mask: Jt
     }
   }
-), Mn = je(
+), Ln = je(
   void 0
-), hr = (e) => {
+), mr = (e) => {
   var s;
   const t = (s = e.metadata) == null ? void 0 : s.outbound_id;
   return typeof t == "string" ? t : void 0;
-}, fr = (e, t) => {
+}, hr = (e, t) => {
   if (!t || !(e != null && e.length))
     return;
   const s = /* @__PURE__ */ new Set();
   let a;
   for (const r of e) {
-    const i = hr(r);
+    const i = mr(r);
     if (!i || s.has(i))
       continue;
     s.add(i);
@@ -1635,7 +1636,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
     });
   }
   return a;
-}, gr = (e, t) => {
+}, fr = (e, t) => {
   if (e === t)
     return !0;
   if (!e || !t)
@@ -1647,11 +1648,11 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       return e[r].id === ((i = t[r]) == null ? void 0 : i.id) && e[r].name === ((o = t[r]) == null ? void 0 : o.name);
     }
   );
-}, pr = (e, t) => {
-  const s = fr(e, t), [a, r] = B(s);
-  return gr(a, s) ? a : (r(s), s);
-}, ht = () => {
-  const { message: e } = fe("SentMessageDeliveryStatus"), { messages: t } = we("SentMessageDeliveryStatus"), s = (() => {
+}, gr = (e, t) => {
+  const s = hr(e, t), [a, r] = B(s);
+  return fr(a, s) ? a : (r(s), s);
+}, ft = () => {
+  const { message: e } = he("SentMessageDeliveryStatus"), { messages: t } = xe("SentMessageDeliveryStatus"), s = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
         const r = t[a];
@@ -1660,12 +1661,12 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       }
   })();
   return e.id === s;
-}, Ze = () => ht() ? /* @__PURE__ */ f(K, { children: [
-  /* @__PURE__ */ n(ha, { weight: "bold", "aria-hidden": "true" }),
+}, Je = () => ft() ? /* @__PURE__ */ f(J, { children: [
+  /* @__PURE__ */ n(la, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, br = () => ht() ? /* @__PURE__ */ f(K, { children: [
+] }) : null, pr = () => ft() ? /* @__PURE__ */ f(J, { children: [
   /* @__PURE__ */ n(
-    be,
+    pe,
     {
       className: "sent-message-status__spinner animate-spin",
       weight: "bold",
@@ -1673,12 +1674,12 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
     }
   ),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-sending-status", children: "Sending" })
-] }) : null, vr = ({
+] }) : null, br = ({
   outbound: e,
   onOutboundClick: t
 }) => {
-  const s = e.name || "Broadcast", r = /* @__PURE__ */ f(K, { children: [
-    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(ma, { weight: "fill" }) }),
+  const s = e.name || "Broadcast", r = /* @__PURE__ */ f(J, { children: [
+    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(ia, { weight: "fill" }) }),
     /* @__PURE__ */ n(
       "span",
       {
@@ -1700,36 +1701,36 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       children: r
     }
   ) : r;
-}, xr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
-  /* @__PURE__ */ n(ua, { weight: "bold", "aria-hidden": "true" }),
+}, vr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
+  /* @__PURE__ */ n(ra, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
-] }), wr = ({
+] }), xr = ({
   onOutboundClick: e,
   resolvedOutbound: t
 }) => {
   var h;
-  const { isMyMessage: s, message: a, threadList: r } = fe(
+  const { isMyMessage: s, message: a, threadList: r } = he(
     "SentMessageDeliveryStatus"
-  ), i = s(), o = ht();
+  ), i = s(), o = ft();
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
-    return /* @__PURE__ */ n(xr, {});
+    return /* @__PURE__ */ n(vr, {});
   if (!i)
     return null;
   const l = (h = a.metadata) == null ? void 0 : h.outbound_id, d = a.status !== "sending" && a.status !== "failed" && l && t ? /* @__PURE__ */ n(
-    vr,
+    br,
     {
       outbound: t,
       onOutboundClick: e
     }
   ) : null, u = /* @__PURE__ */ n(
-    us,
+    cs,
     {
-      MessageSentStatus: Ze,
-      MessageDeliveredStatus: Ze,
-      MessageReadStatus: Ze,
-      MessageSendingStatus: br
+      MessageSentStatus: Je,
+      MessageDeliveredStatus: Je,
+      MessageReadStatus: Je,
+      MessageSendingStatus: pr
     }
   );
   return d ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
@@ -1737,19 +1738,19 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
     o && /* @__PURE__ */ n("span", { className: "sent-message-outbound-separator", "aria-hidden": "true", children: "•" }),
     d
   ] }) : u;
-}, _r = /^([a-z][a-z0-9+.-]*):/i, yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function ft(e) {
+}, wr = /^([a-z][a-z0-9+.-]*):/i, _r = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function gt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = _r.exec(t);
+  const s = wr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return yr.has(a) ? t : void 0;
+    return _r.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Nr = {
+const yr = {
   dark: {
     primary: "bg-white text-[#121110] hover:bg-white/90",
     secondary: "bg-white/15 text-white hover:bg-white/25"
@@ -1758,7 +1759,7 @@ const Nr = {
     primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
     secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
   }
-}, Dn = ({
+}, Mn = ({
   variant: e,
   cta: t,
   fullWidth: s = !0,
@@ -1768,8 +1769,8 @@ const Nr = {
     "inline-flex h-10 items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     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);
+    yr[e][r]
+  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = gt(t.href);
   return l ? /* @__PURE__ */ n(
     "a",
     {
@@ -1795,16 +1796,16 @@ const Nr = {
       children: o
     }
   );
-}, kr = {
+}, Nr = {
   dark: "text-white",
   light: "text-black/90"
-}, Cr = "text-white/30", Jt = {
+}, kr = "text-white/30", Qt = {
   dark: "text-white/55",
   light: "text-black/55"
-}, Sr = {
+}, Cr = {
   dark: "bg-white/25",
   light: "bg-black/15"
-}, gt = ({
+}, pt = ({
   variant: e,
   ctaSurface: t,
   chinTextColor: s,
@@ -1823,19 +1824,19 @@ const Nr = {
     return null;
   const N = g && !a, _ = k(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
-    s == null && (N ? Cr : kr[e])
+    s == null && (N ? kr : Nr[e])
   ), T = k(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
-    s == null && Jt[e]
+    s == null && Qt[e]
   ), L = k(
     "text-[12px] leading-4 tracking-[0.24px]",
     o <= 1 && "truncate",
-    s == null && Jt[e]
+    s == null && Qt[e]
   );
   if (m) {
     const F = k(
       "animate-pulse rounded",
-      Sr[e]
+      Cr[e]
     );
     return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
       /* @__PURE__ */ n("div", { className: k("h-5 w-3/4", F), "aria-hidden": !0 }),
@@ -1868,17 +1869,14 @@ const Nr = {
       ] }),
       h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
     ] }),
-    u && /* @__PURE__ */ n(Dn, { variant: t ?? e, cta: u })
+    u && /* @__PURE__ */ n(Mn, { variant: t ?? e, cta: u })
   ] });
-}, Er = "Loading link preview", Ir = k(
-  // Width is a channel-scoped token: default 290px, but a read-only surface with no
-  // composer (the official channel) sets `--lt-msg-card-width` on its root to widen the
-  // content column (see ChannelView). Consumers that don't set the var keep 290px.
-  "relative w-[var(--lt-msg-card-width,290px)] select-none overflow-hidden",
+}, Sr = "Loading link preview", Er = k(
+  "relative w-[290px] select-none overflow-hidden",
   // 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", Ee = ({
+), Ir = "flex h-[250px] flex-col", Se = ({
   variant: e,
   children: t,
   href: s,
@@ -1894,8 +1892,8 @@ const Nr = {
 }) => {
   const g = s != null || a != null, c = k(
     "messaging-link-card",
-    Ir,
-    u ? Tr : "block",
+    Er,
+    u ? Ir : "block",
     // The plain fallback fill, kept underneath the `--accent` derivation: the
     // `.messaging-link-card[style*='--accent']` rule in `styles.css` outranks
     // this single class, so a published accent paints over it and an unset one
@@ -1917,7 +1915,7 @@ const Nr = {
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
     g ? "cursor-pointer no-underline focus-ring" : null
-  ), p = h ? { role: "status", "aria-busy": !0, "aria-label": Er } : void 0, w = d ? { "--accent": d } : void 0, v = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
+  ), p = h ? { role: "status", "aria-busy": !0, "aria-label": Sr } : void 0, w = d ? { "--accent": d } : void 0, v = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
   return s ? /* @__PURE__ */ f(
     "a",
     {
@@ -1968,17 +1966,17 @@ const Nr = {
       ]
     }
   );
-}, Qt = {
+}, en = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Ar = {
+}, Tr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Te = (e, t) => !!t && !!e && de(e) === "audio", pt = (e, t) => {
+}, Ie = (e, t) => !!t && !!e && de(e) === "audio", bt = (e, t) => {
   if (!t || !e) return !1;
   const s = de(e);
   return s === "video" || s === "audio";
-}, bt = "bg-[#F2F3F4]", Ie = ({
+}, vt = "bg-[#F2F3F4]", Ee = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -1990,7 +1988,7 @@ const Nr = {
   onImageError: d
 }) => {
   const u = de(r), h = !!s && u === "video", m = ce(t);
-  return !l && Te(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  return !l && Ie(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -2021,12 +2019,12 @@ const Nr = {
             {
               className: k(
                 "h-full w-full animate-pulse",
-                Qt[e]
+                en[e]
               ),
               "aria-hidden": !0
             }
           )
-        ) : h ? /* @__PURE__ */ f(K, { children: [
+        ) : h ? /* @__PURE__ */ f(J, { children: [
           /* @__PURE__ */ n(
             "video",
             {
@@ -2065,10 +2063,10 @@ const Nr = {
           {
             className: k(
               "flex h-full w-full items-center justify-center",
-              Qt[e]
+              en[e]
             ),
-            children: ve(r, {
-              className: Ar[e],
+            children: be(r, {
+              className: Tr[e],
               weight: "regular"
             })
           }
@@ -2078,16 +2076,16 @@ const Nr = {
       ]
     }
   );
-}, Rr = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Lr(e) {
+}, Ar = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Rr(e) {
   const t = e.trim();
   return t.startsWith("#") ? t : `#${t}`;
 }
-const Mr = "#FFFFFF", On = "#040403", Dr = {
-  dark: Mr,
-  light: On
+const Lr = "#FFFFFF", Dn = "#040403", Mr = {
+  dark: Lr,
+  light: Dn
 };
-function Ve({
+function Ge({
   variant: e,
   accentColor: t,
   status: s = "ready",
@@ -2102,7 +2100,7 @@ function Ve({
   }, [r]);
   const u = z.useCallback(() => {
     d(!0);
-  }, []), h = Te(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? On : Dr[e];
+  }, []), h = Ie(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Ar.test(t.trim()) ? Rr(t) : void 0, p = h ? Dn : Mr[e];
   return {
     thumbnailUrl: l ? void 0 : r,
     accentHex: c,
@@ -2112,7 +2110,7 @@ function Ve({
     onImageError: u
   };
 }
-const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Pr = "relative before:absolute before:-inset-[10px] before:content-['']", zr = ({
+const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Or = "relative before:absolute before:-inset-[10px] before:content-['']", Pr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -2130,7 +2128,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 = Te(i, l), b = Ve({
+  const v = d === "classic", x = Ie(i, l), b = Ge({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2145,10 +2143,10 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: c,
       "aria-label": w,
       className: k(
-        Or,
-        !x && Pr
+        Dr,
+        !x && Or
       ),
-      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,12 +2155,12 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: p,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(fa, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(oa, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return x && !b.isLoading ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: bt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
+  return x && !b.isLoading ? /* @__PURE__ */ n(Se, { 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(
-      Ie,
+      Ee,
       {
         variant: "dark",
         sourceUrl: l,
@@ -2172,7 +2170,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     ) }),
     N && /* @__PURE__ */ n("div", { className: "shrink-0", children: N })
   ] }) }) : /* @__PURE__ */ f(
-    Ee,
+    Se,
     {
       variant: "dark",
       fixedHeight: !v,
@@ -2181,7 +2179,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       topRight: v ? N : void 0,
       children: [
         !v && /* @__PURE__ */ n(
-          Ie,
+          Ee,
           {
             variant: "dark",
             thumbnailUrl: b.thumbnailUrl,
@@ -2194,7 +2192,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           }
         ),
         /* @__PURE__ */ n(
-          gt,
+          pt,
           {
             chinTextColor: b.chinTextColor,
             variant: "dark",
@@ -2213,7 +2211,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, vt = ({
+}, xt = ({
   accentHex: e,
   side: t,
   visible: s,
@@ -2238,7 +2236,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ n(K, { children: a }), Fr = ({
+) : /* @__PURE__ */ n(J, { children: a }), zr = ({
   title: e,
   description: t,
   descriptionLines: s,
@@ -2254,13 +2252,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" && Te(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" && Ie(r, o) ? vt : void 0, N = u && g ? {
     ...u,
     onClick: () => {
       var T;
       g(), (T = u.onClick) == null || T.call(u);
     }
-  } : u, _ = Ve({
+  } : u, _ = Ge({
     variant: "light",
     accentColor: h,
     status: m,
@@ -2270,13 +2268,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(
-        Ee,
+        Se,
         {
           variant: "light",
           href: v,
@@ -2289,7 +2287,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           "data-testid": "link-attachment",
           children: [
             l === "featured" && /* @__PURE__ */ n(
-              Ie,
+              Ee,
               {
                 variant: "light",
                 thumbnailUrl: _.thumbnailUrl,
@@ -2301,7 +2299,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              gt,
+              pt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "light",
@@ -2320,7 +2318,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, $r = ({
+}, Fr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -2337,7 +2335,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" && Te(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, N = g !== "loading" && Ie(i, l), _ = Ge({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2347,13 +2345,13 @@ 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"),
       children: /* @__PURE__ */ f(
-        Ee,
+        Se,
         {
           variant: "dark",
           href: x,
@@ -2361,10 +2359,10 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           fixedHeight: d === "featured" && !N,
           accentHex: _.accentHex,
           busy: _.isLoading,
-          bgClassName: N ? bt : void 0,
+          bgClassName: N ? vt : void 0,
           children: [
             d === "featured" && /* @__PURE__ */ n(
-              Ie,
+              Ee,
               {
                 variant: "dark",
                 thumbnailUrl: _.thumbnailUrl,
@@ -2376,7 +2374,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              gt,
+              pt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "dark",
@@ -2396,20 +2394,20 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, rt = {
-  Composer: zr,
-  Sent: $r,
-  Received: Fr
-}, Br = {
+}, it = {
+  Composer: Pr,
+  Sent: Fr,
+  Received: zr
+}, $r = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, Ur = {
+}, Br = {
   dark: "text-white",
   light: "text-[#000000]"
-}, jr = {
+}, Ur = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Hr = (e) => e === "dark" ? "sender" : "receiver", Vr = {
+}, jr = (e) => e === "dark" ? "sender" : "receiver", Hr = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -2422,7 +2420,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]"
   }
-}, Ae = ({
+}, Te = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -2434,7 +2432,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   children: d,
   "data-testid": u
 }) => {
-  const h = t != null && t !== "", m = o ?? Vr[Hr(e)][a];
+  const h = t != null && t !== "", m = o ?? Hr[jr(e)][a];
   return /* @__PURE__ */ f(
     "div",
     {
@@ -2463,10 +2461,10 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         // there is no ambiguity to resolve.
         h && "pb-0",
         m,
+        $r[e],
         Br[e],
-        Ur[e],
         s && "border",
-        s && jr[e],
+        s && Ur[e],
         l
       ),
       children: [
@@ -2494,7 +2492,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, Re = ({
+}, Ae = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -2510,18 +2508,18 @@ 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" })
   }
-), Le = (e) => e === "received" ? "light" : "dark", so = ({
+), Re = (e) => e === "received" ? "light" : "dark", no = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Gr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Vr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Yr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Gr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -2533,7 +2531,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,
@@ -2544,41 +2542,41 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   preload: l,
   onDismiss: d
 }) => {
-  const u = Le(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
+  const u = Re(e), h = e === "composer" && !!d, m = Vr({ 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(
-    Ae,
+    Te,
     {
       variant: u,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, p) => /* @__PURE__ */ n(
-        Yr,
+        Gr,
         {
           item: c,
           preload: g,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            h && p === 0 ? /* @__PURE__ */ n(Re, { onClick: d, variant: "inline" }) : void 0
+            h && p === 0 ? /* @__PURE__ */ n(Ae, { 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 = {
-  Composer: Wr,
-  Sent: Xr,
-  Received: qr
+}, Yr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), Wr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), qr = {
+  Composer: Yr,
+  Sent: Wr,
+  Received: Xr
 };
-function Zr(e) {
+function Kr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Jr = {
+const Zr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -2588,7 +2586,7 @@ const Jr = {
   text: "TXT",
   markdown: "MD"
 };
-function Qr(e, t) {
+function Jr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -2598,7 +2596,7 @@ function Qr(e, t) {
   }
   if (!e) return;
   if (de(e) === "document") {
-    const r = Nn(e), i = Jr[r];
+    const r = Nn(e), i = Zr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -2606,11 +2604,11 @@ function Qr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function ei(e, t, s) {
-  const a = Qr(e, t), r = typeof s == "number" && s > 0 ? Zr(s) : void 0;
+function Qr(e, t, s) {
+  const a = Jr(e, t), r = typeof s == "number" && s > 0 ? Kr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function re(e) {
+function ae(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -2618,16 +2616,16 @@ function re(e) {
     return "download";
   }
 }
-const ti = {
+const ei = {
   dark: "text-white/55",
   light: "text-black/65"
-}, ni = {
+}, ti = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, si = {
+}, ni = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Pn = ({
+}, On = ({
   variant: e,
   filename: t,
   title: s,
@@ -2637,16 +2635,16 @@ const ti = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", u = ei(a, t, r), h = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = Qr(a, t, r), h = /* @__PURE__ */ n(
     "div",
     {
       className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        ni[e]
+        ti[e]
       ),
       "aria-hidden": !0,
-      children: ve(a, {
-        className: k("size-6", si[e]),
+      children: be(a, {
+        className: k("size-6", ni[e]),
         weight: "regular"
       })
     }
@@ -2657,7 +2655,7 @@ const ti = {
       {
         className: k(
           "truncate text-xs leading-4",
-          ti[e]
+          ei[e]
         ),
         children: u
       }
@@ -2677,7 +2675,7 @@ const ti = {
         m
       ]
     }
-  ) : /* @__PURE__ */ f(K, { children: [
+  ) : /* @__PURE__ */ f(J, { children: [
     h,
     m
   ] });
@@ -2686,8 +2684,8 @@ const ti = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function zn(e, t) {
-  const s = t ?? re(e);
+async function Pn(e, t) {
+  const s = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -2700,23 +2698,23 @@ async function zn(e, t) {
     }
   }
 }
-const ai = ({
+const si = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], ri = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], ai = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? re(t.src);
+  const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    Pn,
+    On,
     {
       variant: e,
       filename: i,
@@ -2728,7 +2726,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, wt = ({
+}, _t = ({
   state: e,
   src: t,
   filename: s,
@@ -2741,7 +2739,7 @@ const ai = ({
   onClick: u,
   onDismiss: h
 }) => {
-  const m = Le(e), g = e === "composer" && !!h, c = ai({
+  const m = Re(e), g = e === "composer" && !!h, c = si({
     src: t,
     filename: s,
     fileSize: a,
@@ -2752,8 +2750,8 @@ const ai = ({
     if ((u == null ? void 0 : u(v)) === !1) return;
     const x = c[v];
     if (!x) return;
-    const b = x.filename ?? re(x.src);
-    zn(x.src, b);
+    const b = x.filename ?? ae(x.src);
+    Pn(x.src, b);
   };
   if (c.length === 0)
     return null;
@@ -2765,47 +2763,47 @@ const ai = ({
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(Se, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(Ce, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    Ae,
+    Te,
     {
       variant: m,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ n(
-        ri,
+        ai,
         {
           variant: m,
           item: v,
           index: x,
           onActivate: p,
-          trailingAction: g && x === 0 ? /* @__PURE__ */ n(Re, { onClick: h, variant: "inline" }) : w
+          trailingAction: g && x === 0 ? /* @__PURE__ */ n(Ae, { 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 = {
-  Composer: ii,
-  Sent: li,
-  Received: oi
-}, Fn = "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 = ({
+}, ri = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), ii = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), oi = {
+  Composer: ri,
+  Sent: ii,
+  Received: li
+}, 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", tn = "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(K, { children: [
+}) => /* @__PURE__ */ f(J, { children: [
   /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: e,
       "aria-label": s,
-      className: `${en} left-4`,
-      children: /* @__PURE__ */ n(ga, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: `${tn} left-4`,
+      children: /* @__PURE__ */ n(ca, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -2814,11 +2812,11 @@ const ai = ({
       type: "button",
       onClick: t,
       "aria-label": a,
-      className: `${en} right-4`,
+      className: `${tn} right-4`,
       children: /* @__PURE__ */ n(hn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), $n = ({
+] }), Fn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -2827,9 +2825,9 @@ const ai = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = B(!1), u = q(
+  const [l, d] = B(!1), u = Z(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), zn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), Pn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -2854,14 +2852,14 @@ const ai = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ n(
-        be,
+        pe,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        Se,
+        Ce,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -2876,8 +2874,8 @@ const ai = ({
       onClick: u,
       disabled: l,
       "aria-label": a,
-      className: Fn,
-      children: l ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: zn,
+      children: l ? /* @__PURE__ */ n(pe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ce, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ f(
     "button",
@@ -2892,31 +2890,31 @@ const ai = ({
       ),
       children: [
         l ? /* @__PURE__ */ n(
-          be,
+          pe,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(Se, { ...g, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(Ce, { ...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);
+  const a = Qe(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
   Y(() => {
-    s && i(Je(t, 0, Math.max(e - 1, 0)));
+    s && i(Qe(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), Y(() => {
-    i((d) => Je(d, 0, Math.max(e - 1, 0)));
+    i((d) => Qe(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = q(() => {
+  const o = Z(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = q(() => {
+  }, [e]), l = Z(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return Y(() => {
@@ -2928,7 +2926,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,
@@ -2937,7 +2935,7 @@ const ai = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = H(null), d = H(null);
+  const l = j(null), d = j(null);
   return Y(() => {
     var g;
     const m = l.current;
@@ -3008,8 +3006,8 @@ const ai = ({
                 type: "button",
                 onClick: t,
                 "aria-label": "Close viewer",
-                className: Fn,
-                children: /* @__PURE__ */ n(it, { size: 20, weight: "bold", "aria-hidden": !0 })
+                className: zn,
+                children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3018,29 +3016,29 @@ const ai = ({
       ]
     }
   );
-}, Bn = ({
+}, $n = ({
   open: e,
   items: t,
   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 == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    Nt,
+    kt,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        $n,
+        Fn,
         {
           url: l.src,
           filename: d,
@@ -3062,7 +3060,7 @@ const ai = ({
           `${r}:${l.src}`
         ) : null,
         t.length > 1 ? /* @__PURE__ */ n(
-          _t,
+          yt,
           {
             onPrev: i,
             onNext: o,
@@ -3073,7 +3071,7 @@ const ai = ({
       ]
     }
   ) : null;
-}, di = "relative block size-full overflow-hidden bg-black/5 outline-none after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-white/80 focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-black", ui = {
+}, ci = "relative block size-full overflow-hidden bg-black/5 outline-none after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-white/80 focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-black", di = {
   1: ["rounded-[18px]"],
   2: ["rounded-l-[18px]", "rounded-r-[18px]"],
   3: ["rounded-l-[18px]", "rounded-tr-[18px]", "rounded-br-[18px]"],
@@ -3083,7 +3081,7 @@ const ai = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, mi = "--mes-single-width-cap", hi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", fi = 436, Un = ({
+}, ui = "--mes-single-width-cap", mi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", hi = 436, Bn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3095,9 +3093,9 @@ const ai = ({
   const o = e.slice(0, Math.min(i, s)), l = i - o.length, d = (h, m, g) => {
     var p;
     const c = k(
-      di,
+      ci,
       "h-full w-full",
-      (p = ui[o.length]) == null ? void 0 : p[m]
+      (p = di[o.length]) == null ? void 0 : p[m]
     );
     return t ? /* @__PURE__ */ f(
       "button",
@@ -3122,14 +3120,14 @@ const ai = ({
     aspectRatio: a,
     // Hundredths keep the emitted declaration readable in devtools;
     // the rounding error is well under a device pixel.
-    width: `min(var(${mi}), ${Math.round(fi * a * 100) / 100}px)`,
+    width: `min(var(${ui}), ${Math.round(hi * a * 100) / 100}px)`,
     // Only bites in a container narrower than the width cap.
     maxWidth: "100%"
   }), o.length === 1 ? /* @__PURE__ */ n(
     "div",
     {
       className: k(
-        a ? hi : "aspect-square w-full",
+        a ? mi : "aspect-square w-full",
         r
       ),
       style: u,
@@ -3184,15 +3182,15 @@ const ai = ({
       })
     }
   );
-}, Me = (e) => {
-  const [t, s] = B(!1), [a, r] = B(0), i = q(
+}, Le = (e) => {
+  const [t, s] = B(!1), [a, r] = B(0), i = Z(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = q(() => s(!1), []);
+  ), o = Z(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, gi = ({
+}, fi = ({
   item: e,
   index: t,
   totalCount: s,
@@ -3220,16 +3218,16 @@ const ai = ({
       }
     )
   )
-}), pi = ({
+}), gi = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], jn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Un = (e, t) => e.map((s, a) => ({
   src: s.src,
   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 } = Me(r);
+})), pi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Le(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3251,18 +3249,18 @@ const ai = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      Bn,
+      $n,
       {
         open: o,
-        items: jn([{ src: e, alt: t }], s),
+        items: Un([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: u
       }
     )
   ] });
-}, vi = 326 / 246, xi = (e) => {
+}, bi = 326 / 246, vi = (e) => {
   const t = e == null ? void 0 : e.src, [s, a] = z.useState(), r = z.useCallback(
     (d) => {
       if (!d || d.naturalWidth <= 0 || d.naturalHeight <= 0 || t === void 0) return;
@@ -3277,11 +3275,11 @@ const ai = ({
     [r]
   ), o = e != null && e.width && (e != null && e.height) ? e.width / e.height : void 0, l = s && s.src === t ? s.ratio : void 0;
   return {
-    ratio: o ?? l ?? vi,
+    ratio: o ?? l ?? bi,
     imgRef: r,
     onLoad: i
   };
-}, Hn = ({
+}, jn = ({
   state: e,
   src: t,
   alt: s,
@@ -3292,11 +3290,11 @@ const ai = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = pi({ src: t, alt: s, items: r }), h = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Me(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
+  const u = gi({ src: t, alt: s, items: r }), h = Re(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Le(d), w = u.length === 1, v = vi(w ? u[0] : void 0);
   if (u.length === 0)
     return null;
   const x = u.map(
-    (b, N) => gi({
+    (b, N) => fi({
       item: b,
       index: N,
       totalCount: u.length,
@@ -3306,7 +3304,7 @@ const ai = ({
     })
   );
   return /* @__PURE__ */ f(
-    Ae,
+    Te,
     {
       variant: h,
       text: i,
@@ -3318,7 +3316,7 @@ const ai = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          Un,
+          Bn,
           {
             tiles: x,
             onTileActivate: c,
@@ -3326,10 +3324,10 @@ const ai = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          Bn,
+          $n,
           {
             open: m,
-            items: jn(u, a),
+            items: Un(u, a),
             initialIndex: g,
             onClose: p
           }
@@ -3337,29 +3335,29 @@ const ai = ({
       ]
     }
   );
-}, wi = (e) => /* @__PURE__ */ n(bi, { ...e }), _i = (e) => /* @__PURE__ */ n(Hn, { ...e, state: "sent" }), yi = (e) => /* @__PURE__ */ n(Hn, { ...e, state: "received" }), Ni = {
-  Composer: wi,
-  Sent: _i,
-  Received: yi
-}, ki = ({
+}, xi = (e) => /* @__PURE__ */ n(pi, { ...e }), wi = (e) => /* @__PURE__ */ n(jn, { ...e, state: "sent" }), _i = (e) => /* @__PURE__ */ n(jn, { ...e, state: "received" }), yi = {
+  Composer: xi,
+  Sent: wi,
+  Received: _i
+}, Ni = ({
   open: e,
   items: t,
   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 == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "document"),
     [l]
   ), u = le(
-    () => l ? Ci(l.src) : void 0,
+    () => l ? ki(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ f(
-    Nt,
+    kt,
     {
       open: e,
       onClose: a,
@@ -3378,7 +3376,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          _t,
+          yt,
           {
             onPrev: i,
             onNext: o,
@@ -3389,25 +3387,25 @@ const ai = ({
       ]
     }
   );
-}, Ci = (e) => {
+}, ki = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, Si = ({
+}, Ci = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Ei = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Si = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? re(t.src);
+  const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    Pn,
+    On,
     {
       variant: e,
       filename: i,
@@ -3419,7 +3417,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, kt = ({
+}, Ct = ({
   state: e,
   src: t,
   filename: s,
@@ -3431,15 +3429,15 @@ const ai = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const h = Le(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Me(d), v = e === "composer" && !!u;
+  const h = Re(e), m = Ci({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Le(d), v = e === "composer" && !!u;
   if (m.length === 0)
     return null;
   const x = m.map((b) => ({
     src: b.src,
-    filename: b.filename ?? re(b.src)
+    filename: b.filename ?? ae(b.src)
   }));
   return /* @__PURE__ */ f(
-    Ae,
+    Te,
     {
       variant: h,
       text: o,
@@ -3447,8 +3445,8 @@ const ai = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, N) => {
-          const _ = b.filename ?? re(b.src), T = v && N === 0 ? /* @__PURE__ */ n(Re, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            $n,
+          const _ = b.filename ?? ae(b.src), T = v && N === 0 ? /* @__PURE__ */ n(Ae, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+            Fn,
             {
               url: b.src,
               filename: _,
@@ -3458,7 +3456,7 @@ const ai = ({
             }
           );
           return /* @__PURE__ */ n(
-            Ei,
+            Si,
             {
               variant: h,
               item: b,
@@ -3470,7 +3468,7 @@ const ai = ({
           );
         }) }),
         /* @__PURE__ */ n(
-          ki,
+          Ni,
           {
             open: g,
             items: x,
@@ -3481,26 +3479,26 @@ 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 = {
-  Composer: Ii,
-  Sent: Ti,
-  Received: Ai
-}, Vn = ({
+}, Ei = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "composer" }), Ii = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "sent" }), Ti = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "received" }), Ai = {
+  Composer: Ei,
+  Sent: Ii,
+  Received: Ti
+}, Hn = ({
   open: e,
   items: t,
   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 == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    Nt,
+    kt,
     {
       open: e,
       onClose: a,
@@ -3524,7 +3522,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          _t,
+          yt,
           {
             onPrev: i,
             onNext: o,
@@ -3535,7 +3533,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 }) }) }), Gn = ({
+}, Ri = () => /* @__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: [
@@ -3557,24 +3555,24 @@ const ai = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(Li, {})
-] }), Mi = (e, t, s) => ({
+  /* @__PURE__ */ n(Ri, {})
+] }), Li = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Gn, { item: e, index: t })
-}), Di = ({
+  content: /* @__PURE__ */ n(Vn, { item: e, index: t })
+}), Mi = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Yn = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Gn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = Me(i);
+})), Di = ({ 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);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3583,21 +3581,21 @@ const ai = ({
         onClick: () => u(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(Gn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        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(Re, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ae, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Vn,
+      Hn,
       {
         open: l,
-        items: Yn([{ src: e, poster: t, mimeType: s, preload: r }], a),
+        items: Gn([{ src: e, poster: t, mimeType: s, preload: r }], a),
         initialIndex: d,
         onClose: h
       }
     )
   ] });
-}, Wn = ({
+}, Yn = ({
   state: e,
   src: t,
   poster: s,
@@ -3609,26 +3607,26 @@ const ai = ({
   preload: d,
   onClick: u
 }) => {
-  const h = Di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Me(u);
+  const h = Mi({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Re(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Le(u);
   if (h.length === 0)
     return null;
   const v = h.map(
-    (x, b) => Mi(x, b, h.length)
+    (x, b) => Li(x, b, h.length)
   );
   return /* @__PURE__ */ f(
-    Ae,
+    Te,
     {
       variant: m,
       text: o,
       groupPosition: l,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Un, { tiles: v, onTileActivate: p }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Bn, { tiles: v, onTileActivate: p }) }),
         /* @__PURE__ */ n(
-          Vn,
+          Hn,
           {
             open: g,
-            items: Yn(h, r),
+            items: Gn(h, r),
             initialIndex: c,
             onClose: w
           }
@@ -3636,28 +3634,28 @@ const ai = ({
       ]
     }
   );
-}, Pi = (e) => /* @__PURE__ */ n(Oi, { ...e }), zi = (e) => /* @__PURE__ */ n(Wn, { ...e, state: "sent" }), Fi = (e) => /* @__PURE__ */ n(Wn, { ...e, state: "received" }), $i = {
-  Composer: Pi,
-  Sent: zi,
-  Received: Fi
-}, ke = {
-  Image: Ni,
-  Video: $i,
-  Audio: Kr,
-  Pdf: Ri,
-  File: ci
+}, Oi = (e) => /* @__PURE__ */ n(Di, { ...e }), Pi = (e) => /* @__PURE__ */ n(Yn, { ...e, state: "sent" }), zi = (e) => /* @__PURE__ */ n(Yn, { ...e, state: "received" }), Fi = {
+  Composer: Oi,
+  Sent: Pi,
+  Received: zi
+}, Ne = {
+  Image: yi,
+  Video: Fi,
+  Audio: qr,
+  Pdf: Ai,
+  File: oi
 };
 function O(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function tn(e) {
+function nn(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function Bi(e, t) {
+function $i(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const s = tn(e), a = tn(t);
+  const s = nn(e), a = nn(t);
   if (s === a)
     return !0;
   if (!s.includes(a))
@@ -3665,7 +3663,7 @@ function Bi(e, t) {
   const r = s.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function nn(e) {
+function sn(e) {
   const t = O(e.og_scrape_url) ?? O(e.title_link), s = O(e.image_url) ?? O(e.thumb_url), a = O(e.asset_url), r = O(e.mime_type);
   return {
     title: O(e.title),
@@ -3675,7 +3673,7 @@ function nn(e) {
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: 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
@@ -3687,15 +3685,11 @@ function nn(e) {
     status: "ready"
   };
 }
-function Ui(e) {
+function Bi(e) {
   var t;
-  return Xn(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
-}
-function Xn(e) {
-  const t = O(e.og_scrape_url);
-  return e.type === "link" || !!t && !e.asset_url;
+  return Ve(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
-function qn(e) {
+function Wn(e) {
   if (!(e != null && e.length)) return [];
   const t = [], s = (r, i) => {
     const o = t[t.length - 1];
@@ -3713,45 +3707,45 @@ function qn(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Xn(r)) {
+    if (Ve(r)) {
       a(r);
       continue;
     }
-    const i = Ui(r);
+    const i = Bi(r);
     i && s(i, r);
   }
   return t;
 }
-function ji(e) {
+function Ui(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function Hi(e, t, s) {
+function ji(e, t, s) {
   return t <= 1 ? s : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function sn(e) {
+function an(e) {
   return O(e.image_url) ?? O(e.asset_url) ?? "";
 }
-function Vi(e) {
+function Hi(e) {
   switch (e) {
     case "image":
-      return ke.Image;
+      return Ne.Image;
     case "video":
-      return ke.Video;
+      return Ne.Video;
     case "audio":
-      return ke.Audio;
+      return Ne.Audio;
     case "pdf":
-      return ke.Pdf;
+      return Ne.Pdf;
     default:
-      return ke.File;
+      return Ne.File;
   }
 }
-function Gi(e, t) {
+function Vi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: sn(a),
+            src: an(a),
             alt: O(a.title)
           }))
         };
@@ -3796,7 +3790,7 @@ function Gi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: sn(s),
+        src: an(s),
         alt: O(s.title)
       };
     case "video":
@@ -3828,49 +3822,49 @@ function Gi(e, t) {
       };
   }
 }
-function Yi({
+function Gi({
   groupPosition: e,
   isMyMessage: t,
   segment: s
 }) {
-  const a = Vi(s.kind), r = {
-    ...Gi(s.kind, s.attachments),
+  const a = Hi(s.kind), r = {
+    ...Vi(s.kind, s.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ n(a.Sent, { ...r }) : /* @__PURE__ */ n(a.Received, { ...r });
 }
-const Wi = ({
+const Yi = ({
   groupPosition: e,
   isMyMessage: t,
   message: s,
   renderText: a
 }) => {
   var v;
-  const r = qn(s.attachments);
+  const r = Wn(s.attachments);
   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;
+  const i = Ui(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" ? sn(l.attachments[0] ?? {}).url : void 0, u = o && $i(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 _ = t ? it.Sent : it.Received;
     m.push(
       /* @__PURE__ */ n(
         _,
         {
-          ...nn(x),
+          ...sn(x),
           groupPosition: N ? g : "middle"
         },
         b
       )
     );
   }, w = (x, b) => {
-    const N = Hi(
+    const N = ji(
       h,
       i,
       e
     );
     h += 1, m.push(
       /* @__PURE__ */ n(
-        Yi,
+        Gi,
         {
           groupPosition: N,
           isMyMessage: t,
@@ -3907,7 +3901,7 @@ const Wi = ({
         },
         children: [
           m,
-          !u && /* @__PURE__ */ n(nt, {})
+          !u && /* @__PURE__ */ n(st, {})
         ]
       }
     ),
@@ -3919,14 +3913,14 @@ const Wi = ({
         }),
         children: [
           /* @__PURE__ */ n(ze, { message: s, renderText: a }),
-          /* @__PURE__ */ n(nt, {}),
+          /* @__PURE__ */ n(st, {}),
           c && /* @__PURE__ */ n($e, { side: t ? "me" : "other" })
         ]
       }
     ) : null
   ] });
-}, Xi = (e) => {
-  var Rt, Lt, Mt, Dt, Ot, Pt, zt, Ft, $t, Bt;
+}, Wi = (e) => {
+  var Lt, Mt, Dt, Ot, Pt, zt, Ft, $t, Bt, Ut;
   const {
     additionalMessageInputProps: t,
     editing: s,
@@ -3946,78 +3940,78 @@ const Wi = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: b
-  } = e, { client: N } = He("CustomMessage"), { channel: _ } = we("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: $ } = sr("LockedAttachment"), [F, R] = B(!1), I = hs(c.id), {
-    Attachment: D = fs,
-    EditMessageModal: S = gs,
+  } = e, { client: N } = He("CustomMessage"), { channel: _ } = xe("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: $ } = nr("LockedAttachment"), [F, R] = B(!1), I = us(c.id), {
+    Attachment: M = ms,
+    EditMessageModal: S = hs,
     MessageActions: C,
-    MessageBlocked: A = ps,
-    MessageBouncePrompt: P = bs,
-    MessageDeleted: U = vs,
-    MessageIsThreadReplyInChannelButtonIndicator: V = xs,
-    MessageRepliesCountButton: te = ws,
-    ReminderNotification: Z = _s,
-    StreamedMessageText: G = ys,
+    MessageBlocked: A = fs,
+    MessageBouncePrompt: P = gs,
+    MessageDeleted: U = ps,
+    MessageIsThreadReplyInChannelButtonIndicator: H = bs,
+    MessageRepliesCountButton: te = vs,
+    ReminderNotification: Q = xs,
+    StreamedMessageText: V = ws,
     PinIndicator: y
-  } = dn("CustomMessage"), M = Ns(c), W = ks(c), Q = le(
+  } = un("CustomMessage"), D = _s(c), W = ys(c), X = le(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), j = le(() => {
-    const he = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...he] : he;
-    if (!Fe(c)) return pe;
-    const Ut = pe.filter((jt) => !("type" in jt) || !En(jt));
-    return Ut.length === pe.length ? pe : Ut;
-  }, [c]), J = le(
-    () => qn(j),
-    [j]
-  ), X = le(() => {
-    const he = yn({ message: c, viewerLanguage: v });
-    return he === c.text ? c : { ...c, text: he };
-  }, [c, v]), ne = J.length > 0, ue = J.reduce(
-    (he, pe) => he + pe.attachments.length,
+  ), G = le(() => {
+    const me = c.attachments ?? [], ge = c.shared_location ? [c.shared_location, ...me] : me;
+    if (!Fe(c)) return ge;
+    const jt = ge.filter((Ht) => !("type" in Ht) || !Ve(Ht));
+    return jt.length === ge.length ? ge : jt;
+  }, [c]), q = le(
+    () => Wn(G),
+    [G]
+  ), K = le(() => {
+    const me = yn({ 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,
     0
-  ) === ((j == null ? void 0 : j.length) ?? 0), ae = (i == null ? void 0 : i[0]) ?? "", De = ae === "top" ? "first" : ae === "middle" ? "middle" : ae === "bottom" ? "end" : "single", se = ae === "single" || ae === "bottom";
-  if (Cs(c))
+  ) === ((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";
+  if (Ns(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
-  if (Ss(c))
+  if (ks(c))
     return /* @__PURE__ */ n(A, {});
-  const me = !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 = Es(c);
-  let ge;
-  Ct ? ge = () => u(c) : St && (ge = () => R(!0));
-  const ee = g(), ns = k(
+  const ue = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, St = c.status === "failed" && ((Lt = c.error) == null ? void 0 : Lt.status) !== 403, Et = Cs(c);
+  let fe;
+  St ? fe = () => u(c) : Et && (fe = () => R(!0));
+  const ee = g(), es = 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",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": M,
+      "str-chat__message--has-attachment": D,
       "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": W,
-      "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": me || ie,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Mt = c == null ? void 0 : c.error) == null ? void 0 : Mt.status) !== 403,
+      "str-chat__message-with-thread-link": ue || ie,
       "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), ye = Fe(c), ss = mt(c), Ye = !!(j != null && j.length && !c.quoted_message), It = ye && ee && Ye, as = ne && ue && !c.quoted_message && !Ge && !Q && !ye, Tt = {
+  ), Ye = c.poll_id && N.polls.fromState(c.poll_id), It = dr(c), _e = Fe(c), ts = ht(c), We = !!(G != null && G.length && !c.quoted_message), Tt = _e && ee && We, ns = se && Me && !c.quoted_message && !Ye && !X && !_e, At = {
     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: X, renderText: p })
-  }, At = {
+    amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
+    paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
+    renderedText: c.text && /* @__PURE__ */ n(ze, { message: K, renderText: p })
+  }, Rt = {
     contentType: "media",
-    title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
-    mimeType: (Pt = c.metadata) == null ? void 0 : Pt.attachment_mime_type,
-    thumbnailUrl: (zt = c.metadata) == null ? void 0 : zt.attachment_thumbnail,
-    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,
+    title: (Pt = c.metadata) == null ? void 0 : Pt.attachment_title,
+    mimeType: (zt = c.metadata) == null ? void 0 : zt.attachment_mime_type,
+    thumbnailUrl: (Ft = c.metadata) == null ? void 0 : Ft.attachment_thumbnail,
+    amountText: ($t = c.metadata) == null ? void 0 : $t.amount_text,
+    detail: (Bt = c.metadata) == null ? void 0 : Bt.attachment_detail,
+    paymentStatus: (Ut = c.metadata) == null ? void 0 : Ut.payment_status,
     onFetchSource: E ? () => E(c, _) : void 0
   };
-  return /* @__PURE__ */ f(K, { children: [
+  return /* @__PURE__ */ f(J, { children: [
     s && /* @__PURE__ */ n(
       S,
       {
@@ -4025,7 +4019,7 @@ const Wi = ({
       }
     ),
     F && /* @__PURE__ */ n(
-      Is,
+      Ss,
       {
         MessageBouncePrompt: P,
         onClose: () => R(!1),
@@ -4035,14 +4029,14 @@ const Wi = ({
     /* @__PURE__ */ f(
       "div",
       {
-        className: ns,
+        className: es,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
           y && /* @__PURE__ */ n(y, {}),
-          !!I && /* @__PURE__ */ n(Z, { reminder: I }),
+          !!I && /* @__PURE__ */ n(Q, { reminder: I }),
           c.user && /* @__PURE__ */ n(
-            _e,
+            we,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -4050,52 +4044,52 @@ const Wi = ({
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: ye
+              dmAgentEnabled: _e
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": Ct || St
+                "str-chat__simple-message--error-failed": St || Et
               }),
               "data-testid": "message-inner",
-              onClick: ge,
-              onKeyDown: ge,
-              role: ge ? "button" : void 0,
-              tabIndex: ge ? 0 : void 0,
+              onClick: fe,
+              onKeyDown: fe,
+              role: fe ? "button" : void 0,
+              tabIndex: fe ? 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: [
+              children: It ? /* @__PURE__ */ n(Ze, { message: c, standalone: !0 }) : or(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(
+                ee ? /* @__PURE__ */ n(Pe, { ...At, isMine: !0 }) : /* @__PURE__ */ n(
                   Pe,
                   {
-                    ...Tt,
+                    ...At,
                     isMine: !1,
                     isUnlocking: T(c.id),
                     onUnlockClick: () => L == null ? void 0 : L(c, _)
                   }
                 ),
                 !ee && C && /* @__PURE__ */ n(C, {})
-              ] }) }) : dr(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : cr(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,
                     {
-                      ...At,
+                      ...Rt,
                       isMine: !0,
                       onPreviewClick: () => L ? L(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ n(
                     Pe,
                     {
-                      ...At,
+                      ...Rt,
                       isMine: !1,
                       isUnlocking: T(c.id),
                       onUnlockClick: () => L ? L(c, _) : void 0,
@@ -4108,28 +4102,28 @@ const Wi = ({
                   "div",
                   {
                     className: k("str-chat__message-bubble", {
-                      "relative isolate": se
+                      "relative isolate": ne
                     }),
                     children: [
                       /* @__PURE__ */ n(
                         ze,
                         {
-                          message: X,
+                          message: K,
                           renderText: p
                         }
                       ),
-                      se && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
+                      ne && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
                     ]
                   }
                 )
-              ] }) : as ? /* @__PURE__ */ n(
-                Wi,
+              ] }) : ns ? /* @__PURE__ */ n(
+                Yi,
                 {
                   groupPosition: De,
                   isMyMessage: ee,
                   message: {
-                    ...X,
-                    attachments: j,
+                    ...K,
+                    attachments: G,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -4141,93 +4135,93 @@ const Wi = ({
                 "div",
                 {
                   className: k("str-chat__message-bubble", {
-                    "relative isolate": se
+                    "relative isolate": ne
                   }),
                   children: [
-                    ye && !It && /* @__PURE__ */ n(
-                      Ke,
+                    _e && !Tt && /* @__PURE__ */ n(
+                      Ze,
                       {
                         message: c,
-                        hasAttachment: Ye,
+                        hasAttachment: We,
                         isMyMessage: ee
                       }
                     ),
-                    Ge && /* @__PURE__ */ n(Ts, { poll: Ge }),
-                    j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
-                      D,
+                    Ye && /* @__PURE__ */ n(Es, { poll: Ye }),
+                    G != null && G.length && !c.quoted_message ? /* @__PURE__ */ n(
+                      M,
                       {
                         actionHandler: l,
-                        attachments: j
+                        attachments: G
                       }
                     ) : null,
-                    Q ? /* @__PURE__ */ n(
-                      G,
+                    X ? /* @__PURE__ */ n(
+                      V,
                       {
-                        message: X,
+                        message: K,
                         renderText: p
                       }
                     ) : /* @__PURE__ */ n(
                       ze,
                       {
-                        message: X,
+                        message: K,
                         renderText: p
                       }
                     ),
-                    /* @__PURE__ */ n(nt, {}),
-                    se && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
+                    /* @__PURE__ */ n(st, {}),
+                    ne && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
                   ]
                 }
               ) })
             }
           ),
-          !ss && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!ye || It) && /* @__PURE__ */ n(
-            Ke,
+          !ts && !It && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!_e || Tt) && /* @__PURE__ */ n(
+            Ze,
             {
               message: c,
-              hasAttachment: Ye,
+              hasAttachment: We,
               isMyMessage: ee
             }
           ) }),
           /* @__PURE__ */ n(
-            wr,
+            xr,
             {
               onOutboundClick: x,
               resolvedOutbound: b
             }
           ),
-          me && /* @__PURE__ */ n(
+          ue && /* @__PURE__ */ n(
             te,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ie && /* @__PURE__ */ n(V, {})
+          ie && /* @__PURE__ */ n(H, {})
         ]
       },
       c.id
     )
   ] });
-}, qi = z.memo(
-  Xi,
+}, Xi = z.memo(
+  Wi,
   (e, t) => {
     var s, a, r, i;
-    return e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || ((s = e.resolvedOutbound) == null ? void 0 : s.id) !== ((a = t.resolvedOutbound) == null ? void 0 : a.id) || ((r = e.resolvedOutbound) == null ? void 0 : r.name) !== ((i = t.resolvedOutbound) == null ? void 0 : i.name) ? !1 : ms(e, t);
+    return e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || ((s = e.resolvedOutbound) == null ? void 0 : s.id) !== ((a = t.resolvedOutbound) == null ? void 0 : a.id) || ((r = e.resolvedOutbound) == null ? void 0 : r.name) !== ((i = t.resolvedOutbound) == null ? void 0 : i.name) ? !1 : ds(e, t);
   }
-), Ki = (e) => {
+), qi = (e) => {
   var i;
-  const t = fe("CustomMessage"), s = xe(Mn), 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 = 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;
   return /* @__PURE__ */ n(
-    qi,
+    Xi,
     {
       ...t,
       ...e,
       resolvedOutbound: r
     }
   );
-}, Zi = () => {
+}, Ki = () => {
   var s;
-  const { handleDelete: e, message: t } = fe("CustomMessageActions");
+  const { handleDelete: e, message: t } = he("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     pn,
     {
@@ -4235,11 +4229,11 @@ const Wi = ({
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(pa, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(da, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ji = () => {
-  const { handleFlag: e } = fe("CustomMessageActions");
+}, Zi = () => {
+  const { handleFlag: e } = he("CustomMessageActions");
   return /* @__PURE__ */ n(
     pn,
     {
@@ -4250,26 +4244,26 @@ const Wi = ({
       children: /* @__PURE__ */ n(mn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Qi = () => {
+}, Ji = () => {
   var t;
-  const { message: e } = fe("CustomMessageActions");
+  const { message: e } = he("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== oe.ATTACHMENT ? null : /* @__PURE__ */ n(
-    wa,
+    xa,
     {
       messageActionSet: [
-        { Component: Zi, placement: "quick", type: "delete" },
-        { Component: Ji, placement: "quick", type: "flag" }
+        { Component: Ki, placement: "quick", type: "delete" },
+        { Component: Zi, placement: "quick", type: "flag" }
       ]
     }
   );
-}, el = (e) => ({
+}, Qi = (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 } = As(), { linkPreviews: t } = Rs(
+}), el = () => {
+  const { linkPreviewsManager: e } = Is(), { linkPreviews: t } = Ts(
     e.state,
-    el
+    Qi
   ), s = (r) => {
     e.dismissPreview(r);
   };
@@ -4318,9 +4312,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,
@@ -4333,7 +4327,7 @@ const Wi = ({
       );
     }) })
   ) : null;
-}, Be = z.createContext(!1), nl = 200, ao = () => xe(Be), sl = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, Be = z.createContext(!1), tl = 200, so = () => ve(Be), nl = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -4342,13 +4336,13 @@ const Wi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ n(ba, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(ua, { weight: "bold", className: "size-4" })
   }
-), an = () => {
-  const e = xe(Be), { handleSubmit: t } = Ls(), s = Ms(), a = e || !s, {
-    SendButton: r = sl,
-    AttachmentPreviewList: i = Ds
-  } = dn("CustomMessageInput"), o = z.useRef(null);
+), rn = () => {
+  const e = ve(Be), { handleSubmit: t } = As(), s = Rs(), a = e || !s, {
+    SendButton: r = nl,
+    AttachmentPreviewList: i = Ls
+  } = un("CustomMessageInput"), o = z.useRef(null);
   return z.useEffect(() => {
     const l = o.current;
     if (!l || typeof ResizeObserver > "u")
@@ -4411,13 +4405,13 @@ const Wi = ({
       "data-dd-privacy": "mask",
       children: [
         /* @__PURE__ */ f("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
-          /* @__PURE__ */ n(Os, {}),
-          /* @__PURE__ */ n(tl, {}),
+          /* @__PURE__ */ n(Ms, {}),
+          /* @__PURE__ */ n(el, {}),
           /* @__PURE__ */ n(i, {})
         ] }),
         /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
           /* @__PURE__ */ n(
-            Ps,
+            Ds,
             {
               "aria-disabled": e || void 0,
               containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4444,7 +4438,7 @@ const Wi = ({
       ]
     }
   );
-}, rn = ({
+}, ln = ({
   renderActions: e,
   renderHeader: t,
   renderFooter: s,
@@ -4453,7 +4447,7 @@ const Wi = ({
   composerInput: i
 }) => {
   var h;
-  const { channel: o } = we(), l = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = z.useRef(null);
+  const { channel: o } = xe(), 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;
@@ -4466,7 +4460,7 @@ 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, N = b ? b.scrollHeight - b.scrollTop - b.clientHeight < tl : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${v}px`
@@ -4499,7 +4493,7 @@ const Wi = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ f(K, { children: [
+  ) : /* @__PURE__ */ f(J, { 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()
@@ -4528,7 +4522,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(Be.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: i ?? rn }) })
                 ]
               }
             ),
@@ -4547,67 +4541,67 @@ 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(Be.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: rn }) })
         ]
       }
     ),
     s == null ? void 0 : s()
   ] });
-}, al = {
+}, sl = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, rl = ["SYSTEM_AGE_SAFETY_BLOCKED"], il = {
+}, al = ["SYSTEM_AGE_SAFETY_BLOCKED"], rl = {
   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.", il = "https://linktr.ee/s/about/contact", ll = (e) => al.includes(
   e
-), cl = (e) => {
+), ol = (e) => {
   var t;
-  return ol((t = e.metadata) == null ? void 0 : t.custom_type);
-}, dl = (e) => {
+  return ll((t = e.metadata) == null ? void 0 : t.custom_type);
+}, cl = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Gt(t))
+  if (Wt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (Gs(t))
+  if (pa(t))
     return {
       kind: "age-safety",
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (Gt(s))
+  if (Wt(s))
     return {
       kind: "dm-agent",
       type: s
     };
-}, ul = (e) => {
-  const t = e.indexOf(Qe);
+}, dl = (e) => {
+  const t = e.indexOf(et);
   if (t === -1)
     return e;
-  const s = t + Qe.length;
-  return /* @__PURE__ */ f(K, { children: [
+  const s = t + et.length;
+  return /* @__PURE__ */ f(J, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: ll,
+        href: il,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Qe
+        children: et
       }
     ),
     e.slice(s)
   ] });
-}, ml = (e) => {
+}, ul = (e) => {
   var a, r;
-  const t = !cl(e.message), s = dl(
+  const t = !ol(e.message), s = cl(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || al[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || sl[s.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4617,7 +4611,7 @@ const Wi = ({
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              va,
+              ma,
               {
                 size: 16,
                 weight: "regular",
@@ -4629,11 +4623,11 @@ 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") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || il[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || rl[s.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4643,7 +4637,7 @@ const Wi = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              xa,
+              ha,
               {
                 size: 24,
                 weight: "duotone",
@@ -4652,11 +4646,11 @@ const Wi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: ul(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: dl(i) }) })
           ]
         }
       ),
-      !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: [
@@ -4665,9 +4659,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 })
   ] });
-}, Kn = je(!1), et = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, Xn = je(!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",
@@ -4677,17 +4671,17 @@ const Wi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), hl = /* @__PURE__ */ new Set([
-  Xe.Thinking,
-  Xe.Generating,
-  Xe.ExternalSources
-]), fl = ({ threadList: e }) => {
+) }), ml = /* @__PURE__ */ new Set([
+  qe.Thinking,
+  qe.Generating,
+  qe.ExternalSources
+]), hl = ({ threadList: e }) => {
   var p, w;
-  const { channel: t, channelConfig: s, thread: a } = we(), { client: r } = He(), { typing: i = {} } = zs(), { aiState: o } = Fs(t), l = xe(Kn);
-  if (!e && l && hl.has(o)) {
-    const v = gl(t, (p = r.user) == null ? void 0 : p.id);
+  const { channel: t, channelConfig: s, thread: a } = xe(), { client: r } = He(), { typing: i = {} } = Os(), { aiState: o } = Ps(t), l = ve(Xn);
+  if (!e && l && ml.has(o)) {
+    const v = fl(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
-      ln,
+      on,
       {
         avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
         avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
@@ -4713,7 +4707,7 @@ const Wi = ({
     return null;
   const g = (w = m[0]) == null ? void 0 : w.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ n(
-    ln,
+    on,
     {
       avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
@@ -4721,7 +4715,7 @@ const Wi = ({
       testId: "typing-indicator"
     }
   );
-}, ln = ({
+}, on = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -4736,7 +4730,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(
-        _e,
+        we,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4757,9 +4751,9 @@ 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 })
             ]
           }
         ) }) }),
@@ -4768,7 +4762,7 @@ const Wi = ({
     ] })
   }
 );
-function gl(e, t) {
+function fl(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -4777,7 +4771,7 @@ function gl(e, t) {
       return i;
   }
 }
-const pl = () => null, bl = ({ className: e, message: t }) => /* @__PURE__ */ f(
+const gl = () => null, pl = ({ className: e, message: t }) => /* @__PURE__ */ f(
   "div",
   {
     className: k("flex items-center justify-center h-full", e),
@@ -4821,11 +4815,11 @@ const pl = () => null, bl = ({ className: e, message: t }) => /* @__PURE__ */ f(
     ]
   }
 ), 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: [
-  /* @__PURE__ */ n(bl, { className: "w-6 h-6" }),
+  /* @__PURE__ */ n(pl, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ue.displayName = "LoadingState";
-const vl = ({
+const bl = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -4853,17 +4847,17 @@ const vl = ({
   resolveOutbound: $,
   composerInput: F
 }) => {
-  const { channel: R, messages: I } = we(), D = H(E);
+  const { channel: R, messages: I } = xe(), M = j(E);
   Y(() => {
-    D.current = E;
+    M.current = E;
   }, [E]);
-  const S = q((Z) => {
-    var G;
-    (G = D.current) == null || G.call(D, Z);
-  }, []), C = E ? S : void 0, A = pr(I, $), P = R.state.messages.some(
-    (Z) => Z.type !== "deleted"
-  ), U = v ? /* @__PURE__ */ n(z.Fragment, { children: v() }, "lt-channel-banner") : null, V = /* @__PURE__ */ n(
-    La,
+  const S = Z((Q) => {
+    var V;
+    (V = M.current) == null || V.call(M, Q);
+  }, []), C = E ? S : void 0, A = gr(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(
+    Ra,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
       onBack: e,
@@ -4882,44 +4876,44 @@ const vl = ({
       renderChannelActions: b,
       onParticipantNameClick: L
     }
-  ), te = q(
-    (Z) => {
-      const { message: G } = fe("ChannelView"), y = /* @__PURE__ */ n(
-        Ki,
+  ), te = Z(
+    (Q) => {
+      const { message: V } = he("ChannelView"), y = /* @__PURE__ */ n(
+        qi,
         {
-          ...Z,
+          ...Q,
           viewerLanguage: _,
           onOutboundClick: C
         }
       );
-      return !N || !G ? y : N(y, G);
+      return !N || !V ? y : N(y, V);
     },
     [C, N, _]
   );
-  return /* @__PURE__ */ n(Mn.Provider, { value: A, children: /* @__PURE__ */ n(
-    Bs,
+  return /* @__PURE__ */ n(Ln.Provider, { value: A, children: /* @__PURE__ */ n(
+    Fs,
     {
       overrides: {
         Message: te,
-        MessageActions: Qi,
+        MessageActions: Ji,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ n(Us, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ n($s, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ f(
           "div",
           {
             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: [
-                V,
+                H,
                 U
               ] }) }),
               /* @__PURE__ */ n(
-                Vt,
+                Gt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    V,
+                    H,
                     U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
@@ -4931,7 +4925,7 @@ const vl = ({
           "lt-channel-message-list"
         ),
         /* @__PURE__ */ n(
-          rn,
+          ln,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(R)
@@ -4946,21 +4940,21 @@ const vl = ({
           },
           "lt-channel-message-input"
         )
-      ] }) : /* @__PURE__ */ f(K, { children: [
+      ] }) : /* @__PURE__ */ f(J, { 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: [
-                V,
+                H,
                 U
               ] }) }),
               /* @__PURE__ */ n(
-                Vt,
+                Gt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    V,
+                    H,
                     U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
@@ -4973,7 +4967,7 @@ const vl = ({
         ),
         r ? /* @__PURE__ */ n(z.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          rn,
+          ln,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(R)
@@ -4988,7 +4982,7 @@ const vl = ({
       ] }) })
     }
   ) });
-}, Zn = z.memo(
+}, qn = z.memo(
   ({
     channel: e,
     onBack: t,
@@ -4999,7 +4993,7 @@ const vl = ({
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: u = pl,
+    CustomChannelEmptyState: u = gl,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: g,
@@ -5018,70 +5012,67 @@ const vl = ({
     renderMessage: F,
     onMessageLinkClick: R,
     sendButton: I,
-    attachmentPreviewList: D,
+    attachmentPreviewList: M,
     viewerLanguage: S,
     showChannelInfo: C = !0,
     onParticipantNameClick: A,
     onOutboundClick: P,
     resolveOutbound: U,
-    composerInput: V
+    composerInput: H
   }) => {
-    const te = q(
-      async (y, M, W) => {
-        var ue;
-        const Q = ((ue = e.data) == null ? void 0 : ue.chatbot_paused) === !0, j = b && !Q, J = {
-          ...M,
-          ...j && { silent: !0 },
+    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 && {
             metadata: {
-              ...M.metadata ?? {},
+              ...y.metadata ?? {},
               ...N
             }
           }
-        }, X = {
-          ...W,
-          ...j && { skip_push: !0 }
-        }, ne = await e.sendMessage(J, X);
-        return _ == null || _(ne), ne;
+        }, q = {
+          ...D,
+          ...X && { skip_push: !0 }
+        }, K = await e.sendMessage(G, q);
+        return _ == null || _(K), K;
       },
       [e, b, N, _]
-    ), Z = H(null);
-    Y(() => {
+    ), Q = j(null);
+    return Y(() => {
       if (!R) return;
-      const y = Z.current;
-      if (!y) return;
-      const M = (W) => {
-        const Q = W.target, j = Q == null ? void 0 : Q.closest("a[href]"), J = j == null ? void 0 : j.getAttribute("href");
-        if (!J) return;
-        const X = j == null ? void 0 : j.closest("[data-message-id]"), ne = X == null ? void 0 : X.getAttribute("data-message-id"), ue = ne ? e.state.messages.find((ae) => ae.id === ne) : void 0;
-        R(J, ue);
+      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);
       };
-      return y.addEventListener("click", M), () => y.removeEventListener("click", M);
-    }, [R, e]);
-    const G = un(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
-    return /* @__PURE__ */ n(
+      return V.addEventListener("click", y), () => V.removeEventListener("click", y);
+    }, [R, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: Z,
+        ref: Q,
         className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        style: G,
-        children: /* @__PURE__ */ n(Kn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
-          $s,
+        children: /* @__PURE__ */ n(Xn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
+          zs,
           {
             channel: e,
-            MessageSystem: ml,
+            MessageSystem: ul,
             EmptyStateIndicator: u,
             LoadingIndicator: Ue,
-            DateSeparator: Ma,
-            TypingIndicator: fl,
+            DateSeparator: La,
+            TypingIndicator: hl,
             doSendMessageRequest: te,
             ...I ? { SendButton: I } : {},
-            ...D ? { AttachmentPreviewList: D } : {},
+            ...M ? { AttachmentPreviewList: M } : {},
             children: /* @__PURE__ */ n(
-              vl,
+              bl,
               {
                 onBack: t,
                 showBackButton: s,
@@ -5109,7 +5100,7 @@ const vl = ({
                 onParticipantNameClick: A,
                 onOutboundClick: P,
                 resolveOutbound: U,
-                composerInput: V
+                composerInput: H
               }
             )
           }
@@ -5118,8 +5109,8 @@ const vl = ({
     );
   }
 );
-Zn.displayName = "ChannelView";
-const Ce = 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: [
+qn.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: [
   /* @__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 }),
@@ -5133,8 +5124,8 @@ const Ce = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-Ce.displayName = "ErrorState";
-const ro = ({
+ke.displayName = "ErrorState";
+const ao = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -5165,60 +5156,60 @@ const ro = ({
     isLoading: F,
     error: R,
     refreshConnection: I,
-    service: D,
+    service: M,
     debug: S
-  } = _a(), [C, A] = B(null), [P, U] = B(null), [V, te] = B(!1), { showDeleteConversation: Z = !0 } = e, G = H(o);
-  G.current = o;
-  const y = H(a);
+  } = wa(), [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 M = H(null), W = H(null);
+  const D = j(null), W = j(null);
   Y(() => {
     W.current = C;
   }, [C]), Y(() => {
     if (!E || !$) return;
-    const J = E.userID;
-    if (!J) return;
-    const X = `${J}::${i}`;
-    if (M.current === X) return;
-    M.current = X;
-    const ne = () => {
-      M.current === X && (M.current = null);
+    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);
     };
     (async () => {
-      var ae, De;
+      var re, De;
       try {
         S && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const se = await E.queryChannels(
+        const ne = await E.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [J, i] }
+            members: { $eq: [q, i] }
           },
           {},
           { limit: 1 }
         );
-        if (se.length > 0) {
-          A(se[0]), U(null), (ae = y.current) == null || ae.call(y, se[0]), S && console.log(
+        if (ne.length > 0) {
+          A(ne[0]), U(null), (re = y.current) == null || re.call(y, ne[0]), S && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            se[0].id
+            ne[0].id
           );
           return;
         }
-        const me = G.current;
-        if (!me || !D) {
-          ne(), U("No conversation found with this account"), S && console.log(
+        const ue = V.current;
+        if (!ue || !M) {
+          se(), U("No conversation found with this account"), S && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const ie = await D.startChannelWithParticipant({
-            id: me.id,
-            name: me.name,
-            phone: me.phone
+          const ie = await M.startChannelWithParticipant({
+            id: ue.id,
+            name: ue.name,
+            phone: ue.phone
           });
           A(ie), U(null), (De = y.current) == null || De.call(y, ie), S && console.log(
             "[MessagingShell] Channel created and loaded:",
@@ -5228,39 +5219,39 @@ const ro = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             ie
-          ), ne(), U("Failed to create conversation");
+          ), se(), U("Failed to create conversation");
         }
-      } catch (se) {
+      } catch (ne) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          se
-        ), ne(), W.current || U("Failed to load conversation");
+          ne
+        ), se(), W.current || U("Failed to load conversation");
       }
     })();
-  }, [i, E, $, D, S]);
-  const Q = H(r);
-  Q.current = r;
-  const j = q(() => {
-    var J;
-    A(null), te(!0), (J = Q.current) == null || J.call(Q);
+  }, [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);
   }, []);
-  return F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(Ce, { message: R, onBack: I }) : !$ || !E ? /* @__PURE__ */ n(
-    Ce,
+  return F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(ke, { message: R, onBack: I }) : !$ || !E ? /* @__PURE__ */ n(
+    ke,
     {
       message: "Not connected to messaging service",
       onBack: I
     }
-  ) : P ? /* @__PURE__ */ n(Ce, { message: P }) : V && !C ? /* @__PURE__ */ n(Ce, { 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(
-    Zn,
+  ) : 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(
+    qn,
     {
       channel: C,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: c,
-      onLeaveConversation: j,
-      onBlockParticipant: j,
+      onLeaveConversation: G,
+      onBlockParticipant: G,
       CustomChannelEmptyState: l,
-      showDeleteConversation: Z,
+      showDeleteConversation: Q,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: h,
@@ -5279,13 +5270,13 @@ const ro = ({
     C.id
   ) }) }) : /* @__PURE__ */ n(Ue, {});
 };
-function xl(e) {
+function vl(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const Jn = z.createContext({
+const Kn = z.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5293,14 +5284,14 @@ const Jn = z.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), wl = Jn.Provider, _l = () => z.useContext(Jn), yl = (e, t) => {
+}), xl = Kn.Provider, wl = () => z.useContext(Kn), _l = (e, t) => {
   const s = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), a = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
   return Math.floor((a - s) / (1e3 * 60 * 60 * 24));
-}, Nl = (e) => {
+}, yl = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = yl(e, t);
+  const a = _l(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5313,7 +5304,7 @@ const Jn = z.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, Qn = z.memo(
+}, Zn = z.memo(
   (e) => {
     var $, F, R;
     const { channel: t, unread: s } = e, {
@@ -5323,7 +5314,7 @@ const Jn = 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 = vn(t);
+    } = wl(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = vn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -5338,15 +5329,15 @@ const Jn = z.createContext({
     const g = () => {
       t && r(t);
     }, c = (I) => {
-      const D = I.key === "Enter" || I.key === " ", S = I.repeat;
-      !D || S || (I.preventDefault(), g());
+      const M = I.key === "Enter" || I.key === " ", S = I.repeat;
+      !M || S || (I.preventDefault(), g());
     }, p = xn(
       ($ = t == null ? void 0 : t.state) == null ? void 0 : $.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
     ), w = wn(p == null ? void 0 : p.user), v = (F = p == null ? void 0 : p.user) == null ? void 0 : F.image, x = (() => {
-      var D;
-      const I = (D = t == null ? void 0 : t.state) == null ? void 0 : D.messages;
+      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];
@@ -5356,12 +5347,12 @@ const Jn = z.createContext({
       const I = yn({
         message: x,
         viewerLanguage: d
-      }), { custom_type: D, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
-      if (D === oe.TIP)
+      }), { custom_type: M, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
+      if (M === oe.TIP)
         return I || "Sent a tip";
-      if (D === oe.PAID)
+      if (M === oe.PAID)
         return I || "Sent a message";
-      if (D === oe.ATTACHMENT) {
+      if (M === oe.ATTACHMENT) {
         if (S === "text")
           return "🔒 Sent a locked message";
         if (S === "media")
@@ -5370,7 +5361,7 @@ const Jn = z.createContext({
       if (I) return I;
       const C = (A = x == null ? void 0 : x.attachments) == null ? void 0 : A[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 ? yl(new Date(x.created_at)) : "", T = x ? Fe(x) : !1, L = l ? l(x, N) : `${T ? "✨ " : ""}${N}`, E = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
@@ -5394,7 +5385,7 @@ const Jn = z.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ f("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            _e,
+            we,
             {
               id: ((R = p == null ? void 0 : p.user) == null ? void 0 : R.id) || t.id || "unknown",
               name: w,
@@ -5429,18 +5420,18 @@ const Jn = z.createContext({
     );
   }
 );
-Qn.displayName = "CustomChannelPreview";
-const kl = { last_message_at: -1 }, Cl = z.memo(
+Zn.displayName = "CustomChannelPreview";
+const Nl = { last_message_at: -1 }, kl = z.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = kl,
+    sort: i = Nl,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = Hs,
+    channelListPaginator: d = Us,
     channelPreview: u,
     renderMessagePreview: h,
     viewerLanguage: m,
@@ -5453,10 +5444,10 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
   }) => {
     const b = z.useRef(0);
     b.current++;
-    const { debug: N = !1 } = lt(), _ = z.useCallback(
+    const { debug: N = !1 } = ot(), _ = z.useCallback(
       (L) => {
         for (const E of L)
-          xl(E);
+          vl(E);
         return r ? r(L) : L;
       },
       [r]
@@ -5491,8 +5482,8 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(wl, { value: T, children: /* @__PURE__ */ n(
-          js,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(xl, { value: T, children: /* @__PURE__ */ n(
+          Bs,
           {
             filters: s,
             sort: i,
@@ -5506,7 +5497,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
             onAddedToChannel: v,
             onChannelUpdated: x,
             Paginator: d,
-            Preview: Qn,
+            Preview: Zn,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -5515,8 +5506,8 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
     );
   }
 );
-Cl.displayName = "ChannelList";
-const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", El = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", on = ({ surface: e, actions: t, layout: s }) => {
+kl.displayName = "ChannelList";
+const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", Sl = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", cn = ({ surface: e, actions: t, layout: s }) => {
   if (t == null || t.length === 0) return null;
   const a = s === "stacked";
   return /* @__PURE__ */ n(
@@ -5531,7 +5522,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
         a ? "mt-3 flex-col" : "min-w-0 max-w-[60%] flex-row flex-wrap justify-end"
       ),
       children: t.map((r, i) => /* @__PURE__ */ n(
-        Dn,
+        Mn,
         {
           variant: e,
           cta: r,
@@ -5542,7 +5533,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       ))
     }
   );
-}, Il = ({
+}, El = ({
   ctaSurface: e,
   chinTextColor: t,
   title: s,
@@ -5566,7 +5557,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       /* @__PURE__ */ n(
         "p",
         {
-          className: k("min-w-0", Sl),
+          className: k("min-w-0", Cl),
           style: h,
           children: s
         }
@@ -5576,7 +5567,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       "p",
       {
         className: k(
-          El,
+          Sl,
           r > 1 && "whitespace-pre-line",
           r <= 1 && "truncate"
         ),
@@ -5587,11 +5578,11 @@ 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(K, { children: [
+    /* @__PURE__ */ n(cn, { surface: e, actions: o, layout: "row" })
+  ] }) : /* @__PURE__ */ f(J, { children: [
     c,
     /* @__PURE__ */ n(
-      on,
+      cn,
       {
         surface: e,
         actions: o,
@@ -5599,36 +5590,36 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       }
     )
   ] }) });
-}, Tl = {
+}, Il = {
   dark: "bg-white/[0.06]",
   light: "bg-black/[0.04]"
-}, Al = {
+}, Tl = {
   1: [0],
   2: [-10, 10],
   3: [-13, 0, 13]
-}, Rl = {
+}, Al = {
   1: [0],
   2: [-26, 26],
   3: [-40, 0, 40]
-}, Ll = {
+}, Rl = {
   1: [0],
   2: [0, 1],
   3: [1, 3, 2]
-}, Ml = {
+}, Ll = {
   1: [1],
   2: [1, 1],
   3: [1, 1.08, 1]
-}, Dl = ({ variant: e, images: t }) => {
+}, Ml = ({ variant: e, images: t }) => {
   const [s, a] = z.useState({}), r = t.join(`
 `), [i, o] = z.useState(r);
   r !== i && (o(r), a({}));
-  const l = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !s[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, u = Al[d], h = Rl[d], m = Ll[d], g = Ml[d];
+  const l = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !s[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, u = Tl[d], h = Al[d], m = Rl[d], g = Ll[d];
   return /* @__PURE__ */ n(
     "div",
     {
       className: k(
         "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
-        Tl[e]
+        Il[e]
       ),
       children: l.map(({ src: c, index: p }, w) => /* @__PURE__ */ n(
         "img",
@@ -5649,19 +5640,19 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       ))
     }
   );
-}, Ol = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", Pl = ({
+}, Dl = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", Ol = ({
   variant: e,
   presentation: t,
   images: s,
   title: a,
   heroUrl: r,
   onHeroError: i
-}) => /* @__PURE__ */ n("div", { className: Ol, children: t === "fan" ? /* @__PURE__ */ n(Dl, { variant: e, images: s }) : (
+}) => /* @__PURE__ */ n("div", { className: Dl, children: t === "fan" ? /* @__PURE__ */ n(Ml, { variant: e, images: s }) : (
   // `heroUrl` is the palette-tracked source: it becomes `undefined` when the
   // hero image errors, so `CardThumbnail` falls through to its placeholder.
   // Do NOT `?? images[0]` here — that would re-instate the failed URL.
   /* @__PURE__ */ n(
-    Ie,
+    Ee,
     {
       variant: e,
       thumbnailUrl: r,
@@ -5670,7 +5661,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       onImageError: i
     }
   )
-) }), es = ({
+) }), Jn = ({
   variant: e,
   title: t,
   subtitle: s,
@@ -5682,30 +5673,30 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   accentColor: d,
   groupPosition: u = "single"
 }) => {
-  const h = Ys({
+  const h = ba({
     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(
-        Ee,
+        Se,
         {
           variant: e,
           accentHex: c.accentHex,
           "data-testid": "rich-card",
           children: [
             m && /* @__PURE__ */ n(
-              Pl,
+              Ol,
               {
                 variant: e,
                 presentation: h,
@@ -5716,7 +5707,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
               }
             ),
             /* @__PURE__ */ n(
-              Il,
+              El,
               {
                 ctaSurface: c.surface,
                 chinTextColor: c.chinTextColor,
@@ -5732,13 +5723,13 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       )
     }
   );
-}, zl = (e) => /* @__PURE__ */ n(es, { ...e, variant: "dark" }), Fl = (e) => /* @__PURE__ */ n(es, { ...e, variant: "light" }), io = {
-  Sent: zl,
-  Received: Fl
-}, cn = `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%`, $l = {
+}, Pl = (e) => /* @__PURE__ */ n(Jn, { ...e, variant: "dark" }), zl = (e) => /* @__PURE__ */ n(Jn, { ...e, variant: "light" }), ro = {
+  Sent: Pl,
+  Received: zl
+}, dn = `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%`, Fl = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Bl = ({ variant: e }) => /* @__PURE__ */ n(
+}, $l = ({ variant: e }) => /* @__PURE__ */ n(
   "span",
   {
     "aria-hidden": "true",
@@ -5748,12 +5739,12 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: $l[e],
-      WebkitMask: cn,
-      mask: cn
+      backgroundColor: Fl[e],
+      WebkitMask: dn,
+      mask: dn
     }
   }
-), Ul = {
+), Bl = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5762,7 +5753,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, ts = ({
+}, Qn = ({
   variant: e,
   text: t,
   tail: s = !0,
@@ -5778,23 +5769,23 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       r
     ),
     style: {
-      ...Ul[e],
+      ...Bl[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ n("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ n("p", { className: "m-0 whitespace-pre-wrap break-words hyphens-manual", children: t }),
-      s && /* @__PURE__ */ n(Bl, { variant: e })
+      s && /* @__PURE__ */ n($l, { variant: e })
     ]
   }
-), jl = ({
+), Ul = ({
   text: e,
   tail: t,
   header: s,
   className: a
 }) => /* @__PURE__ */ n(
-  ts,
+  Qn,
   {
     variant: "received",
     text: e,
@@ -5802,10 +5793,10 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     header: s,
     className: a
   }
-), Hl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ts, { variant: "sent", text: e, tail: t, className: s }), lo = {
-  Sent: Hl,
-  Received: jl
-}, Vl = ({
+), jl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(Qn, { variant: "sent", text: e, tail: t, className: s }), io = {
+  Sent: jl,
+  Received: Ul
+}, Hl = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -5827,7 +5818,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     ),
     children: e
   }
-), oo = ({
+), lo = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -5836,10 +5827,10 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   avatarImage: i,
   avatarName: o
 }) => {
-  const l = Ws(e);
+  const l = va(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(
-      _e,
+      we,
       {
         id: o || "account",
         name: o || "Account",
@@ -5856,7 +5847,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            Vl,
+            Hl,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5872,39 +5863,39 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
 export {
   kn as A,
   wn as B,
-  pl as C,
-  ao as D,
-  sr as E,
-  oo as F,
-  _a as G,
-  rt as L,
-  to as M,
-  io as R,
-  Ne as a,
-  _e as b,
-  Cl as c,
-  Zn as d,
-  no as e,
-  Vl as f,
+  gl as C,
+  so as D,
+  nr as E,
+  lo as F,
+  wa as G,
+  it as L,
+  eo as M,
+  ro as R,
+  ye as a,
+  we as b,
+  kl as c,
+  qn as d,
+  to as e,
+  Hl as f,
   de as g,
   Pe as h,
-  ke as i,
-  lo as j,
-  eo as k,
-  ro as l,
-  ei as m,
-  Zr as n,
+  Ne as i,
+  io as j,
+  Ql as k,
+  ao as l,
+  Qr as m,
+  Kr as n,
   ce as o,
-  Nl as p,
-  Qr as q,
-  ve as r,
+  yl as p,
+  Jr as q,
+  be as r,
   yn as s,
-  En as t,
-  Na as u,
-  so as v,
-  Da as w,
+  Ve as t,
+  ya as u,
+  no as v,
+  Ma as w,
   xn as x,
-  dt as y,
-  ut as z
+  ut as y,
+  mt as z
 };
-//# sourceMappingURL=index-CZY29se6.js.map
+//# sourceMappingURL=index-DXlI1QQw.js.map