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

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

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as f, Fragment as J } from "react/jsx-runtime";
-import z, { createContext as je, useContext as ve, useCallback as Z, useState as B, useRef as j, useEffect as Y, useId as as, Suspense as rs, useMemo as le } from "react";
-import { StreamChatService as is } from "@linktr.ee/messaging-core";
-import { StreamChat as ls, LinkPreviewsManager as tt } from "stream-chat";
-import { Chat as os, useChannelStateContext as xe, useChatContext as He, DateSeparator as cs, useMessageContext as he, MessageStatus as ds, MessageErrorIcon as nt, MessageText as ze, areMessageUIPropsEqual as us, useMessageReminder as ms, useComponentContext as dn, Attachment as hs, EditMessageModal as fs, MessageBlocked as gs, MessageBouncePrompt as ps, MessageDeleted as bs, MessageIsThreadReplyInChannelButtonIndicator as vs, MessageRepliesCountButton as xs, ReminderNotification as ws, StreamedMessageText as _s, messageHasAttachments as ys, messageHasReactions as Ns, isDateSeparatorMessage as ks, isMessageBlocked as Cs, isMessageBounced as Ss, MessageBounceModal as Es, Poll as Is, useMessageComposer as Ts, useStateStore as As, MessageInput as Ht, useMessageInputContext as Rs, useMessageComposerHasSendableData as Ls, AttachmentPreviewList as Ms, QuotedMessagePreview as Ds, TextareaComposer as Os, MessageTimestamp as We, AIStates as Xe, useTypingContext as Ps, useAIState as zs, Channel as Fs, WithComponents as $s, Window as Bs, MessageList as Vt, ChannelList as Us, InfiniteScroll as js } from "stream-chat-react";
+import 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 Hs, SpinnerGapIcon as Oe, SignOutIcon as Vs, ProhibitInsetIcon as Gt, FlagIcon as un, CurrencyDollarIcon as Gs, CaretRightIcon as mn, ArrowLeftIcon as Ys, FileIcon as hn, ImageIcon as Ws, SpeakerHighIcon as Xs, VideoCameraIcon as fn, FileMdIcon as qs, FileTextIcon as Ks, FileZipIcon as Zs, FilePptIcon as Js, FileCsvIcon as Qs, FileXlsIcon as ea, FileDocIcon as ta, FilePdfIcon as na, CircleNotchIcon as pe, PlayIcon as at, PauseIcon as sa, LinkIcon as aa, DownloadSimpleIcon as Ce, GiftIcon as ra, WarningCircleIcon as ia, MegaphoneIcon as la, ChecksIcon as oa, XIcon as it, PencilSimpleIcon as ca, CaretLeftIcon as da, TrashSimpleIcon as ua, ArrowUpIcon as ma, SparkleIcon as ha, ProhibitIcon as fa } from "@phosphor-icons/react";
-import { isOfficialChannel as ga, OFFICIAL_SENDER_USER_ID as pa, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Yt, isAgeSafetySystemType as ba, resolveRichCardImagePresentation as va, selectEnabledFaqs as xa } from "@linktr.ee/messaging-taxonomy";
-import { MessageActions as wa, DefaultDropdownActionButton as gn } from "stream-chat-react/experimental";
-const pn = je({
+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,
   isConnected: !1,
@@ -17,7 +17,7 @@ const pn = je({
   refreshConnection: async () => {
   },
   debug: !1
-}), lt = () => ve(pn), eo = ({
+}), ot = () => ve(bn), Ql = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -65,7 +65,7 @@ const pn = je({
     capabilities: r
   };
   const $ = j(null);
-  !o && a && ((S = $.current) == null ? void 0 : S.apiKey) !== a && ($.current = { apiKey: a, client: new ls(a) });
+  !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 pn = je({
       renderCount: A,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const U = new is({
+    const U = new rs({
       ...P,
       apiKey: a,
       debug: T.current,
@@ -215,8 +215,8 @@ const pn = je({
     renderCount: E.current,
     willRenderChat: !!F,
     contextValueReady: !!M
-  }), /* @__PURE__ */ n(pn.Provider, { value: M, children: F ? /* @__PURE__ */ n(
-    os,
+  }), /* @__PURE__ */ n(bn.Provider, { value: M, children: F ? /* @__PURE__ */ n(
+    ls,
     {
       client: F,
       customClasses: {
@@ -225,7 +225,7 @@ const pn = je({
       children: e
     }
   ) : e });
-}, _a = () => lt(), bn = (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)
@@ -248,13 +248,13 @@ const pn = je({
     };
   }, [e]), t;
 };
-function vn(e, t, s) {
+function xn(e, t, s) {
   const a = Object.values(e || {});
-  if (ga(s)) {
+  if (fa(s)) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === pa;
+        return ((o = i.user) == null ? void 0 : o.id) === ga;
       }
     );
     if (r) return r;
@@ -266,18 +266,18 @@ function vn(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 xn(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";
+function wn(e) {
+  return Xt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Xt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-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);
@@ -313,14 +313,14 @@ function ka(e) {
   }
   return Math.abs(t);
 }
-function wn(e) {
-  return Xt[ka(e) % Xt.length];
+function _n(e) {
+  return qt[Na(e) % qt.length];
 }
-function Ca(e) {
-  return wn(e).emoji;
+function ka(e) {
+  return _n(e).emoji;
 }
-function Sa(e) {
-  return wn(e).bgColor;
+function Ca(e) {
+  return _n(e).bgColor;
 }
 const we = ({
   id: e,
@@ -331,7 +331,7 @@ const we = ({
   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 we = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(st, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(at, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
@@ -382,7 +382,7 @@ const we = ({
       ]
     }
   );
-}, 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,
@@ -396,7 +396,7 @@ const we = ({
   logLabel: h = "useChannelModerationActions"
 }) => {
   var M;
-  const { service: m, debug: g } = lt(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, p = !!(a && s && m && c), [w, v] = B(!1), [x, b] = B(null), [N, _] = B(!1), [T, L] = B(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
+  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,7 +466,7 @@ const we = ({
       }
     },
     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");
     }
   };
 }, ye = ({
@@ -486,7 +486,7 @@ const we = ({
     ...a,
     children: s
   }
-), Ta = ({
+), Ia = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -500,7 +500,7 @@ const we = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = B(!1), p = j(null), w = as(), v = Z(() => c(!1), []), {
+  const [g, c] = B(!1), p = j(null), w = ss(), v = Z(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: b,
     isLeaving: N,
@@ -509,7 +509,7 @@ const we = ({
     handleBlockUser: L,
     handleUnblockUser: E,
     handleReportUser: $
-  } = Ia({
+  } = Ea({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -543,7 +543,7 @@ const we = ({
         "aria-controls": g ? w : void 0,
         onClick: () => c((R) => !R),
         children: [
-          /* @__PURE__ */ n(Hs, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(js, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -565,7 +565,7 @@ const we = ({
               disabled: N,
               "aria-busy": N,
               children: [
-                N ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Vs, { 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" })
               ]
             }
@@ -584,7 +584,7 @@ const we = ({
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Yt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
@@ -595,13 +595,13 @@ const we = ({
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Yt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
           r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(ye, { variant: "danger", onClick: $, children: [
-            /* @__PURE__ */ n(un, { className: "h-5 w-5" }),
+            /* @__PURE__ */ n(mn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
           h
@@ -609,7 +609,7 @@ const we = ({
       }
     )
   ] });
-}, qe = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
+}, Ke = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Ta = "CUSTOMER_PAID", Aa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ta, Ra = ({
   className: e,
   onBack: t,
   showBackButton: s,
@@ -631,14 +631,14 @@ const we = ({
   const { channel: v } = xe(), { client: x } = He(), b = z.useMemo(
     () => {
       var A;
-      return vn(
+      return xn(
         (A = v.state) == null ? void 0 : A.members,
         x == null ? void 0 : x.userID,
         v.type
       );
     },
     [(I = v.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, v.type]
-  ), N = xn(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = bn(v), L = Ra((S = v.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, E = a && T, $ = L || E || !!w, F = async () => {
+  ), 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) {
@@ -674,7 +674,7 @@ const we = ({
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ n(Gs, { 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,11 +682,11 @@ const we = ({
               {
                 "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(
-              mn,
+              hn,
               {
                 "aria-hidden": "true",
                 className: "size-4 shrink-0 text-black/65",
@@ -710,14 +710,14 @@ const we = ({
           "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(Ys, { 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 we = ({
           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 we = ({
             }
           ),
           p && (c !== void 0 ? c : /* @__PURE__ */ n(
-            Ta,
+            Ia,
             {
               channel: v,
               participant: b,
@@ -765,47 +765,47 @@ const we = ({
               onBlockParticipantClick: h,
               onReportParticipantClick: m,
               customChannelActions: g,
-              triggerClassName: qe
+              triggerClassName: Ke
             }
           ))
         ] })
       ] })
     }
   );
-}, Ma = (e) => /* @__PURE__ */ n(cs, { ...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 _n({
+function yn({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Da(t);
+  const s = e == null ? void 0 : e.text, a = Ma(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const 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"],
@@ -818,39 +818,39 @@ const Fa = [
 function de(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function yn(e) {
-  const t = Fa.find(
+function Nn(e) {
+  const t = za.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const $a = {
-  video: fn,
-  audio: Xs,
-  image: Ws,
-  document: hn
-}, Ba = {
-  pdf: na,
-  doc: ta,
-  xls: ea,
-  csv: Qs,
-  ppt: Js,
-  zip: Zs,
-  text: Ks,
-  markdown: qs,
-  generic: hn
+const Fa = {
+  video: gn,
+  audio: Ws,
+  image: Ys,
+  document: fn
+}, $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[yn(e)];
+  return t !== "document" ? Fa[t] : $a[Nn(e)];
 }
 function be(e, t) {
-  return z.createElement(Ua(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,
@@ -870,7 +870,7 @@ const ja = (e) => {
     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 = Z((y) => {
     const D = m.current;
@@ -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(
@@ -1048,7 +1048,7 @@ const ja = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(sa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(at, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(na, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -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", Nn = ({
+}, 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,
@@ -1156,11 +1156,11 @@ const ja = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: be(e, {
-        className: Kt(r),
+        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,
@@ -1173,12 +1173,12 @@ const ja = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: be(e, {
-        className: Kt(r),
+        className: Zt(r),
         weight: "regular"
       })
     }
   );
-}, kn = ({
+}, Cn = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1244,28 +1244,28 @@ const ja = (e) => {
     }
   );
 };
-function Cn(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(aa, { 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 Sn(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(Sn);
+  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);
@@ -1368,7 +1369,7 @@ const Za = ({
     }
   );
 };
-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
@@ -1396,9 +1397,9 @@ const En = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? Cn(a) : void 0;
+  const i = a !== void 0 ? Sn(a) : void 0;
   return /* @__PURE__ */ n(
-    kn,
+    Cn,
     {
       variant: "dark",
       title: s,
@@ -1406,7 +1407,7 @@ const En = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        Nn,
+        kn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1424,16 +1425,16 @@ const En = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = de(t), o = a !== void 0 ? Cn(a) : void 0;
+  const i = de(t), o = a !== void 0 ? Sn(a) : void 0;
   return /* @__PURE__ */ n(
-    kn,
+    Cn,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        Nn,
+        kn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1443,14 +1444,14 @@ const En = ({
           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(
       we,
@@ -1477,8 +1478,8 @@ const En = ({
               overflow: "visible",
               background: "transparent"
             },
-            children: s ? /* @__PURE__ */ n("div", { className: ot(t), children: /* @__PURE__ */ n(
-              ct,
+            children: s ? /* @__PURE__ */ n("div", { className: ct(t), children: /* @__PURE__ */ n(
+              dt,
               {
                 attachment: s,
                 isMyMessage: t
@@ -1489,40 +1490,40 @@ const En = ({
       }
     )
   ] });
-}, 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 /* @__PURE__ */ n("div", { className: ct(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !0 }) });
+  const s = mt(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(En, { ...s }) }) : null;
-}, er = ({
+}, 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 /* @__PURE__ */ n("div", { className: ct(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !1 }) });
+  const s = mt(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(In, { ...s }) }) : null;
-}, to = Object.assign(Ja, {
-  Creator: Qa,
-  Visitor: er
-}), tr = {
+}, eo = Object.assign(Za, {
+  Creator: Ja,
+  Visitor: Qa
+}), er = {
   isUnlocking: () => !1
-}, nr = {
-  LockedAttachment: tr
-}, Tn = je({}), no = Tn.Provider;
-function sr(e) {
-  return ve(Tn)[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-ywEqVYy5.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(rs, { 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,7 +1540,7 @@ 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;
 }, An = (e) => {
@@ -1548,19 +1549,19 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
 }, 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";
-}, Rn = (e) => or(e) || An(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 Rn(e) && !((t = e.text) != null && t.trim());
-}, Ke = ({
+}, Ze = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
@@ -1575,11 +1576,11 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
     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 = An(e) ? "message" : "tip", v = t ? `${c} ${w}` : `Delivered with ${c} ${w}`;
     return /* @__PURE__ */ f("div", { className: p, children: [
-      /* @__PURE__ */ n(ra, { 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",
     {
@@ -1594,7 +1595,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       ] })
     }
   );
-}, Zt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, mr = {
+}, 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
     }
   }
 ), 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,10 +1648,10 @@ 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 = () => {
+}, 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) {
@@ -1660,10 +1661,10 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       }
   })();
   return e.id === s;
-}, Ze = () => ht() ? /* @__PURE__ */ f(J, { children: [
-  /* @__PURE__ */ n(oa, { 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(J, { children: [
+] }) : null, pr = () => ft() ? /* @__PURE__ */ f(J, { children: [
   /* @__PURE__ */ n(
     pe,
     {
@@ -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(J, { children: [
-    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(la, { weight: "fill" }) }),
+    /* @__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(ia, { 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 } = 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(
-    ds,
+    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"
@@ -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 }),
@@ -1870,12 +1871,12 @@ const Nr = {
     ] }),
     u && /* @__PURE__ */ n(Mn, { variant: t ?? e, cta: u })
   ] });
-}, Er = "Loading link preview", Ir = k(
+}, 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", Se = ({
+), Ir = "flex h-[250px] flex-col", Se = ({
   variant: e,
   children: t,
   href: s,
@@ -1891,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
@@ -1914,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",
     {
@@ -1965,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"
-}, Ie = (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]", Ee = ({
+}, vt = "bg-[#F2F3F4]", Ee = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -2018,7 +2019,7 @@ const Nr = {
             {
               className: k(
                 "h-full w-full animate-pulse",
-                Qt[e]
+                en[e]
               ),
               "aria-hidden": !0
             }
@@ -2062,10 +2063,10 @@ const Nr = {
           {
             className: k(
               "flex h-full w-full items-center justify-center",
-              Qt[e]
+              en[e]
             ),
             children: be(r, {
-              className: Ar[e],
+              className: Tr[e],
               weight: "regular"
             })
           }
@@ -2075,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", Dn = "#040403", Dr = {
-  dark: Mr,
+const Lr = "#FFFFFF", Dn = "#040403", Mr = {
+  dark: Lr,
   light: Dn
 };
-function Ve({
+function Ge({
   variant: e,
   accentColor: t,
   status: s = "ready",
@@ -2099,7 +2100,7 @@ function Ve({
   }, [r]);
   const u = z.useCallback(() => {
     d(!0);
-  }, []), h = Ie(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? Dn : Dr[e];
+  }, []), h = 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,
@@ -2109,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,
@@ -2127,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 = Ie(i, l), b = Ve({
+  const v = d === "classic", x = Ie(i, l), b = Ge({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2142,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",
@@ -2154,10 +2155,10 @@ 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(ca, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(oa, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return x && !b.isLoading ? /* @__PURE__ */ n(Se, { variant: "dark", bgClassName: bt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
+  return x && !b.isLoading ? /* @__PURE__ */ n(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(
       Ee,
       {
@@ -2191,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",
@@ -2210,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,
@@ -2235,7 +2236,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ n(J, { children: a }), Fr = ({
+) : /* @__PURE__ */ n(J, { children: a }), zr = ({
   title: e,
   description: t,
   descriptionLines: s,
@@ -2251,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" && Ie(r, o) ? bt : void 0, N = u && g ? {
+  const p = bt(r, o), w = gt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && 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,
@@ -2267,7 +2268,7 @@ 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",
@@ -2298,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",
@@ -2317,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,
@@ -2334,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" && Ie(i, l), _ = Ve({
+  const w = bt(i, l), v = gt(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, N = g !== "loading" && Ie(i, l), _ = Ge({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2344,7 +2345,7 @@ 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",
@@ -2358,7 +2359,7 @@ 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(
               Ee,
@@ -2373,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",
@@ -2393,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]",
@@ -2431,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",
     {
@@ -2460,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: [
@@ -2507,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" })
   }
-), Re = (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",
     {
@@ -2530,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,
@@ -2541,7 +2542,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   preload: l,
   onDismiss: d
 }) => {
-  const u = Re(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
+  const u = 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");
@@ -2553,7 +2554,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       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,
@@ -2567,15 +2568,15 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )) })
     }
   );
-}, 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",
@@ -2585,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) {
@@ -2595,7 +2596,7 @@ function Qr(e, t) {
   }
   if (!e) return;
   if (de(e) === "document") {
-    const r = yn(e), i = Jr[r];
+    const r = Nn(e), i = Zr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -2603,8 +2604,8 @@ 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 ae(e) {
@@ -2615,13 +2616,13 @@ function ae(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"
 }, On = ({
@@ -2634,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: be(a, {
-        className: k("size-6", si[e]),
+        className: k("size-6", ni[e]),
         weight: "regular"
       })
     }
@@ -2654,7 +2655,7 @@ const ti = {
       {
         className: k(
           "truncate text-xs leading-4",
-          ti[e]
+          ei[e]
         ),
         children: u
       }
@@ -2697,14 +2698,14 @@ async function Pn(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,
@@ -2725,7 +2726,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, wt = ({
+}, _t = ({
   state: e,
   src: t,
   filename: s,
@@ -2738,7 +2739,7 @@ const ai = ({
   onClick: u,
   onDismiss: h
 }) => {
-  const m = Re(e), g = e === "composer" && !!h, c = ai({
+  const m = Re(e), g = e === "composer" && !!h, c = si({
     src: t,
     filename: s,
     fileSize: a,
@@ -2773,7 +2774,7 @@ const ai = ({
       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,
@@ -2785,11 +2786,11 @@ const ai = ({
       )) })
     }
   );
-}, 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
-}, zn = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", en = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", _t = ({
+}, 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",
@@ -2801,8 +2802,8 @@ const ai = ({
       type: "button",
       onClick: e,
       "aria-label": s,
-      className: `${en} left-4`,
-      children: /* @__PURE__ */ n(da, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: `${tn} left-4`,
+      children: /* @__PURE__ */ n(ca, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -2811,8 +2812,8 @@ const ai = ({
       type: "button",
       onClick: t,
       "aria-label": a,
-      className: `${en} right-4`,
-      children: /* @__PURE__ */ n(mn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: `${tn} right-4`,
+      children: /* @__PURE__ */ n(hn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), Fn = ({
@@ -2900,16 +2901,16 @@ const ai = ({
       ]
     }
   );
-}, 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 = Z(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
@@ -2925,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,
@@ -3006,7 +3007,7 @@ const ai = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: zn,
-                children: /* @__PURE__ */ n(it, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3021,7 +3022,7 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = yt({
+  const { index: r, prev: i, next: o } = Nt({
     length: t.length,
     initialIndex: s,
     open: e
@@ -3030,7 +3031,7 @@ const ai = ({
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    Nt,
+    kt,
     {
       open: e,
       onClose: a,
@@ -3059,7 +3060,7 @@ const ai = ({
           `${r}:${l.src}`
         ) : null,
         t.length > 1 ? /* @__PURE__ */ n(
-          _t,
+          yt,
           {
             onPrev: i,
             onNext: o,
@@ -3070,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]"],
@@ -3080,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, Bn = ({
+}, 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,
@@ -3092,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",
@@ -3119,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,
@@ -3189,7 +3190,7 @@ const ai = ({
     [e]
   ), o = Z(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, gi = ({
+}, fi = ({
   item: e,
   index: t,
   totalCount: s,
@@ -3217,7 +3218,7 @@ const ai = ({
       }
     )
   )
-}), pi = ({
+}), gi = ({
   src: e,
   alt: t,
   items: s
@@ -3225,7 +3226,7 @@ const ai = ({
   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 }) => {
+})), 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(
@@ -3259,7 +3260,7 @@ const ai = ({
       }
     )
   ] });
-}, 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;
@@ -3274,7 +3275,7 @@ 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
   };
@@ -3289,11 +3290,11 @@ const ai = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = pi({ src: t, alt: s, items: r }), h = Re(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Le(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
+  const u = 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,
@@ -3334,17 +3335,17 @@ const ai = ({
       ]
     }
   );
-}, wi = (e) => /* @__PURE__ */ n(bi, { ...e }), _i = (e) => /* @__PURE__ */ n(jn, { ...e, state: "sent" }), yi = (e) => /* @__PURE__ */ n(jn, { ...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
@@ -3352,11 +3353,11 @@ const ai = ({
     () => (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,
@@ -3375,7 +3376,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          _t,
+          yt,
           {
             onPrev: i,
             onNext: o,
@@ -3386,16 +3387,16 @@ 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,
@@ -3416,7 +3417,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, kt = ({
+}, Ct = ({
   state: e,
   src: t,
   filename: s,
@@ -3428,7 +3429,7 @@ const ai = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const h = Re(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Le(d), v = e === "composer" && !!u;
+  const h = 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) => ({
@@ -3455,7 +3456,7 @@ const ai = ({
             }
           );
           return /* @__PURE__ */ n(
-            Ei,
+            Si,
             {
               variant: h,
               item: b,
@@ -3467,7 +3468,7 @@ const ai = ({
           );
         }) }),
         /* @__PURE__ */ n(
-          ki,
+          Ni,
           {
             open: g,
             items: x,
@@ -3478,17 +3479,17 @@ 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
+}, 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
@@ -3497,7 +3498,7 @@ const ai = ({
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    Nt,
+    kt,
     {
       open: e,
       onClose: a,
@@ -3521,7 +3522,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          _t,
+          yt,
           {
             onPrev: i,
             onNext: o,
@@ -3532,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 }) }) }), Vn = ({
+}, 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: [
@@ -3547,18 +3548,18 @@ const ai = ({
       className: "absolute inset-0 size-full object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    fn,
+    gn,
     {
       className: "size-16 text-white/30",
       weight: "regular",
       "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(Vn, { item: e, index: t })
-}), Di = ({
+}), Mi = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -3570,7 +3571,7 @@ const ai = ({
   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 }) => {
+})), 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(
@@ -3606,11 +3607,11 @@ const ai = ({
   preload: d,
   onClick: u
 }) => {
-  const h = Di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Re(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Le(u);
+  const h = 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(
     Te,
@@ -3633,28 +3634,28 @@ const ai = ({
       ]
     }
   );
-}, Pi = (e) => /* @__PURE__ */ n(Oi, { ...e }), zi = (e) => /* @__PURE__ */ n(Yn, { ...e, state: "sent" }), Fi = (e) => /* @__PURE__ */ n(Yn, { ...e, state: "received" }), $i = {
-  Composer: Pi,
-  Sent: zi,
-  Received: Fi
+}, 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: Ni,
-  Video: $i,
-  Audio: Kr,
-  Pdf: Ri,
-  File: ci
+  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))
@@ -3662,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),
@@ -3672,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
@@ -3684,15 +3685,11 @@ function nn(e) {
     status: "ready"
   };
 }
-function Ui(e) {
+function Bi(e) {
   var t;
-  return Wn(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
+  return 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 Wn(e) {
-  const t = O(e.og_scrape_url);
-  return e.type === "link" || !!t && !e.asset_url;
-}
-function Xn(e) {
   if (!(e != null && e.length)) return [];
   const t = [], s = (r, i) => {
     const o = t[t.length - 1];
@@ -3710,25 +3707,25 @@ function Xn(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Wn(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 Ne.Image;
@@ -3742,13 +3739,13 @@ function Vi(e) {
       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)
           }))
         };
@@ -3793,7 +3790,7 @@ function Gi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: sn(s),
+        src: an(s),
         alt: O(s.title)
       };
     case "video":
@@ -3825,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 = Xn(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,
@@ -3904,7 +3901,7 @@ const Wi = ({
         },
         children: [
           m,
-          !u && /* @__PURE__ */ n(nt, {})
+          !u && /* @__PURE__ */ n(st, {})
         ]
       }
     ),
@@ -3916,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,
@@ -3943,46 +3940,46 @@ const Wi = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: b
-  } = e, { client: N } = He("CustomMessage"), { channel: _ } = xe("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: $ } = sr("LockedAttachment"), [F, R] = B(!1), I = ms(c.id), {
-    Attachment: M = hs,
-    EditMessageModal: S = fs,
+  } = e, { client: 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 = gs,
-    MessageBouncePrompt: P = ps,
-    MessageDeleted: U = bs,
-    MessageIsThreadReplyInChannelButtonIndicator: H = vs,
-    MessageRepliesCountButton: te = xs,
-    ReminderNotification: Q = ws,
-    StreamedMessageText: V = _s,
+    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"), D = ys(c), W = Ns(c), X = le(
+  } = un("CustomMessage"), D = _s(c), W = ys(c), X = le(
     () => m == null ? void 0 : m(c),
     [m, c]
   ), G = le(() => {
     const me = c.attachments ?? [], ge = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Fe(c)) return ge;
-    const Ut = ge.filter((jt) => !("type" in jt) || !Sn(jt));
-    return Ut.length === ge.length ? ge : Ut;
+    const jt = ge.filter((Ht) => !("type" in Ht) || !Ve(Ht));
+    return jt.length === ge.length ? ge : jt;
   }, [c]), q = le(
-    () => Xn(G),
+    () => Wn(G),
     [G]
   ), K = le(() => {
-    const me = _n({ message: c, viewerLanguage: v });
+    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
   ) === ((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 (ks(c))
+  if (Ns(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
-  if (Cs(c))
+  if (ks(c))
     return /* @__PURE__ */ n(A, {});
-  const ue = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, Ct = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, St = Ss(c);
+  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;
-  Ct ? fe = () => u(c) : St && (fe = () => R(!0));
-  const ee = g(), ts = k(
+  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}`,
@@ -3993,25 +3990,25 @@ const Wi = ({
       "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-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), _e = Fe(c), ns = mt(c), Ye = !!(G != null && G.length && !c.quoted_message), It = _e && ee && Ye, ss = se && Me && !c.quoted_message && !Ge && !X && !_e, Tt = {
+  ), Ye = c.poll_id && 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,
+    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 })
-  }, At = {
+  }, 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(J, { children: [
@@ -4022,7 +4019,7 @@ const Wi = ({
       }
     ),
     F && /* @__PURE__ */ n(
-      Es,
+      Ss,
       {
         MessageBouncePrompt: P,
         onClose: () => R(!1),
@@ -4032,7 +4029,7 @@ const Wi = ({
     /* @__PURE__ */ f(
       "div",
       {
-        className: ts,
+        className: es,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -4054,7 +4051,7 @@ const Wi = ({
             "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: fe,
@@ -4067,32 +4064,32 @@ const Wi = ({
                 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,
@@ -4119,8 +4116,8 @@ const Wi = ({
                     ]
                   }
                 )
-              ] }) : ss ? /* @__PURE__ */ n(
-                Wi,
+              ] }) : ns ? /* @__PURE__ */ n(
+                Yi,
                 {
                   groupPosition: De,
                   isMyMessage: ee,
@@ -4141,15 +4138,15 @@ const Wi = ({
                     "relative isolate": ne
                   }),
                   children: [
-                    _e && !It && /* @__PURE__ */ n(
-                      Ke,
+                    _e && !Tt && /* @__PURE__ */ n(
+                      Ze,
                       {
                         message: c,
-                        hasAttachment: Ye,
+                        hasAttachment: We,
                         isMyMessage: ee
                       }
                     ),
-                    Ge && /* @__PURE__ */ n(Is, { poll: Ge }),
+                    Ye && /* @__PURE__ */ n(Es, { poll: Ye }),
                     G != null && G.length && !c.quoted_message ? /* @__PURE__ */ n(
                       M,
                       {
@@ -4170,23 +4167,23 @@ const Wi = ({
                         renderText: p
                       }
                     ),
-                    /* @__PURE__ */ n(nt, {}),
+                    /* @__PURE__ */ n(st, {}),
                     ne && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
                   ]
                 }
               ) })
             }
           ),
-          !ns && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!_e || 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
@@ -4205,68 +4202,68 @@ const Wi = ({
       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 : us(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 = 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 } = he("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    gn,
+    pn,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(ua, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(da, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ji = () => {
+}, Zi = () => {
   const { handleFlag: e } = he("CustomMessageActions");
   return /* @__PURE__ */ n(
-    gn,
+    pn,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(un, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(mn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Qi = () => {
+}, Ji = () => {
   var t;
   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 } = Ts(), { linkPreviews: t } = As(
+}), el = () => {
+  const { linkPreviewsManager: e } = Is(), { linkPreviews: t } = Ts(
     e.state,
-    el
+    Qi
   ), s = (r) => {
     e.dismissPreview(r);
   };
@@ -4315,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,
@@ -4330,7 +4327,7 @@ const Wi = ({
       );
     }) })
   ) : null;
-}, Be = z.createContext(!1), nl = 200, ao = () => ve(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,
@@ -4339,13 +4336,13 @@ const Wi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ n(ma, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(ua, { weight: "bold", className: "size-4" })
   }
-), an = () => {
-  const e = ve(Be), { handleSubmit: t } = Rs(), s = Ls(), a = e || !s, {
-    SendButton: r = sl,
-    AttachmentPreviewList: i = Ms
-  } = 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")
@@ -4408,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(Ds, {}),
-          /* @__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(
-            Os,
+            Ds,
             {
               "aria-disabled": e || void 0,
               containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4441,7 +4438,7 @@ const Wi = ({
       ]
     }
   );
-}, rn = ({
+}, ln = ({
   renderActions: e,
   renderHeader: t,
   renderFooter: s,
@@ -4463,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`
@@ -4525,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 }) })
                 ]
               }
             ),
@@ -4544,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 (Yt(t))
+  if (Wt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (ba(t))
+  if (pa(t))
     return {
       kind: "age-safety",
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (Yt(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;
+  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",
@@ -4614,7 +4611,7 @@ const Wi = ({
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              ha,
+              ma,
               {
                 size: 16,
                 weight: "regular",
@@ -4626,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",
@@ -4640,7 +4637,7 @@ const Wi = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              fa,
+              ha,
               {
                 size: 24,
                 weight: "duotone",
@@ -4649,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: [
@@ -4662,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 })
   ] });
-}, qn = 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",
@@ -4674,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 } = xe(), { client: r } = He(), { typing: i = {} } = Ps(), { aiState: o } = zs(t), l = ve(qn);
-  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",
@@ -4710,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",
@@ -4718,7 +4715,7 @@ const Wi = ({
       testId: "typing-indicator"
     }
   );
-}, ln = ({
+}, on = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -4754,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 })
             ]
           }
         ) }) }),
@@ -4765,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)) {
@@ -4774,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),
@@ -4818,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,
@@ -4857,10 +4854,10 @@ const vl = ({
   const S = Z((Q) => {
     var V;
     (V = M.current) == null || V.call(M, Q);
-  }, []), C = E ? S : void 0, A = pr(I, $), P = R.state.messages.some(
+  }, []), 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(
-    La,
+    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,7 +4879,7 @@ const vl = ({
   ), te = Z(
     (Q) => {
       const { message: V } = he("ChannelView"), y = /* @__PURE__ */ n(
-        Ki,
+        qi,
         {
           ...Q,
           viewerLanguage: _,
@@ -4894,15 +4891,15 @@ const vl = ({
     [C, N, _]
   );
   return /* @__PURE__ */ n(Ln.Provider, { value: A, children: /* @__PURE__ */ n(
-    $s,
+    Fs,
     {
       overrides: {
         Message: te,
-        MessageActions: Qi,
+        MessageActions: Ji,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ n(Bs, { 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",
           {
@@ -4913,7 +4910,7 @@ const vl = ({
                 U
               ] }) }),
               /* @__PURE__ */ n(
-                Vt,
+                Gt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     H,
@@ -4928,7 +4925,7 @@ const vl = ({
           "lt-channel-message-list"
         ),
         /* @__PURE__ */ n(
-          rn,
+          ln,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(R)
@@ -4954,7 +4951,7 @@ const vl = ({
                 U
               ] }) }),
               /* @__PURE__ */ n(
-                Vt,
+                Gt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     H,
@@ -4970,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)
@@ -4985,7 +4982,7 @@ const vl = ({
       ] }) })
     }
   ) });
-}, Kn = z.memo(
+}, qn = z.memo(
   ({
     channel: e,
     onBack: t,
@@ -4996,7 +4993,7 @@ const vl = ({
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: u = pl,
+    CustomChannelEmptyState: u = gl,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: g,
@@ -5062,20 +5059,20 @@ const vl = ({
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(qn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
-          Fs,
+        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 } : {},
             ...M ? { AttachmentPreviewList: M } : {},
             children: /* @__PURE__ */ n(
-              vl,
+              bl,
               {
                 onBack: t,
                 showBackButton: s,
@@ -5112,7 +5109,7 @@ const vl = ({
     );
   }
 );
-Kn.displayName = "ChannelView";
+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!" }),
@@ -5128,7 +5125,7 @@ const ke = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 ke.displayName = "ErrorState";
-const ro = ({
+const ao = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -5161,7 +5158,7 @@ const ro = ({
     refreshConnection: I,
     service: M,
     debug: S
-  } = _a(), [C, A] = B(null), [P, U] = B(null), [H, te] = B(!1), { showDeleteConversation: Q = !0 } = e, V = j(o);
+  } = 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;
@@ -5245,7 +5242,7 @@ const ro = ({
       onBack: I
     }
   ) : 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(
-    Kn,
+    qn,
     {
       channel: C,
       renderMessageInputActions: t,
@@ -5273,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 Zn = z.createContext({
+const Kn = z.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5287,14 +5284,14 @@ const Zn = z.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), wl = Zn.Provider, _l = () => z.useContext(Zn), 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",
@@ -5307,7 +5304,7 @@ const Zn = z.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, Jn = z.memo(
+}, Zn = z.memo(
   (e) => {
     var $, F, R;
     const { channel: t, unread: s } = e, {
@@ -5317,7 +5314,7 @@ const Zn = z.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = _l(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = bn(t);
+    } = 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,
@@ -5334,11 +5331,11 @@ const Zn = z.createContext({
     }, c = (I) => {
       const M = I.key === "Enter" || I.key === " ", S = I.repeat;
       !M || S || (I.preventDefault(), g());
-    }, p = vn(
+    }, 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 = xn(p == null ? void 0 : p.user), v = (F = p == null ? void 0 : p.user) == null ? void 0 : F.image, x = (() => {
+    ), w = wn(p == null ? void 0 : p.user), v = (F = p == null ? void 0 : p.user) == null ? void 0 : F.image, x = (() => {
       var M;
       const I = (M = t == null ? void 0 : t.state) == null ? void 0 : M.messages;
       if (I != null && I.length) {
@@ -5347,7 +5344,7 @@ const Zn = z.createContext({
       }
     })(), N = (() => {
       var A;
-      const I = _n({
+      const I = yn({
         message: x,
         viewerLanguage: d
       }), { custom_type: M, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
@@ -5364,7 +5361,7 @@ const Zn = 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,
@@ -5423,18 +5420,18 @@ const Zn = z.createContext({
     );
   }
 );
-Jn.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 = js,
+    channelListPaginator: d = Us,
     channelPreview: u,
     renderMessagePreview: h,
     viewerLanguage: m,
@@ -5447,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]
@@ -5485,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(
-          Us,
+        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,
@@ -5500,7 +5497,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
             onAddedToChannel: v,
             onChannelUpdated: x,
             Paginator: d,
-            Preview: Jn,
+            Preview: Zn,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -5509,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(
@@ -5536,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,
@@ -5560,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
         }
@@ -5570,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"
         ),
@@ -5581,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__ */ n(cn, { surface: e, actions: o, layout: "row" })
   ] }) : /* @__PURE__ */ f(J, { children: [
     c,
     /* @__PURE__ */ n(
-      on,
+      cn,
       {
         surface: e,
         actions: o,
@@ -5593,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",
@@ -5643,14 +5640,14 @@ 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.
@@ -5664,7 +5661,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       onImageError: i
     }
   )
-) }), Qn = ({
+) }), Jn = ({
   variant: e,
   title: t,
   subtitle: s,
@@ -5676,17 +5673,17 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   accentColor: d,
   groupPosition: u = "single"
 }) => {
-  const h = va({
+  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",
@@ -5699,7 +5696,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
           "data-testid": "rich-card",
           children: [
             m && /* @__PURE__ */ n(
-              Pl,
+              Ol,
               {
                 variant: e,
                 presentation: h,
@@ -5710,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,
@@ -5726,13 +5723,13 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       )
     }
   );
-}, zl = (e) => /* @__PURE__ */ n(Qn, { ...e, variant: "dark" }), Fl = (e) => /* @__PURE__ */ n(Qn, { ...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",
@@ -5742,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)"
@@ -5756,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)"
   }
-}, es = ({
+}, Qn = ({
   variant: e,
   text: t,
   tail: s = !0,
@@ -5772,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(
-  es,
+  Qn,
   {
     variant: "received",
     text: e,
@@ -5796,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(es, { 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,
@@ -5821,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,
@@ -5830,7 +5827,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   avatarImage: i,
   avatarName: o
 }) => {
-  const l = xa(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(
       we,
@@ -5850,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),
@@ -5864,41 +5861,41 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   ] }) });
 };
 export {
-  Nn as A,
-  xn 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,
+  kn as A,
+  wn as B,
+  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,
-  Cl as c,
-  Kn as d,
-  no as e,
-  Vl as f,
+  kl as c,
+  qn as d,
+  to as e,
+  Hl as f,
   de as g,
   Pe as h,
   Ne as i,
-  lo as j,
-  eo as k,
-  ro as l,
-  ei as m,
-  Zr as n,
+  io as j,
+  Ql as k,
+  ao as l,
+  Qr as m,
+  Kr as n,
   ce as o,
-  Nl as p,
-  Qr as q,
+  yl as p,
+  Jr as q,
   be as r,
-  _n as s,
-  Sn as t,
-  Na as u,
-  so as v,
-  Da as w,
-  vn as x,
-  dt as y,
-  ut as z
+  yn as s,
+  Ve as t,
+  ya as u,
+  no as v,
+  Ma as w,
+  xn as x,
+  ut as y,
+  mt as z
 };
-//# sourceMappingURL=index-qmB9uCbU.js.map
+//# sourceMappingURL=index-DXlI1QQw.js.map