@linktr.ee/messaging-react 3.13.3 → 3.13.4-rc-1784357388

package/dist/{index-DlkI5kym.js → index-DOIcFOhH.js}

@@ -1,12 +1,12 @@
 import { jsx as s, jsxs as u, Fragment as te } from "react/jsx-runtime";
-import V, { createContext as dt, useContext as Te, useCallback as Q, useState as B, useRef as G, useEffect as K, useId as qs, useMemo as re, Suspense as Ws } from "react";
-import { StreamChatService as Xs } from "@linktr.ee/messaging-core";
-import { StreamChat as Ks, LinkPreviewsManager as Ht } from "stream-chat";
-import { Chat as Zs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Js, MessageStatus as Qs, useMessageContext as Ne, MessageErrorIcon as at, MessageText as $e, areMessageUIPropsEqual as en, useMessageReminder as tn, useComponentContext as cs, Attachment as sn, EditMessageModal as nn, MessageBlocked as an, MessageBouncePrompt as rn, MessageDeleted as ln, MessageIsThreadReplyInChannelButtonIndicator as on, MessageRepliesCountButton as cn, ReminderNotification as dn, StreamedMessageText as un, messageHasAttachments as mn, messageHasReactions as hn, isDateSeparatorMessage as fn, isMessageBlocked as gn, isMessageBounced as pn, MessageBounceModal as bn, Poll as vn, useMessageComposer as xn, useStateStore as wn, MessageInput as qt, useMessageInputContext as _n, useMessageComposerHasSendableData as Nn, AttachmentPreviewList as yn, QuotedMessagePreview as kn, TextareaComposer as Cn, MessageTimestamp as Ke, AIStates as Ze, useTypingContext as Sn, useAIState as En, Channel as In, WithComponents as Tn, Window as Mn, MessageList as Wt, ChannelList as An, InfiniteScroll as Rn } from "stream-chat-react";
-import { StarIcon as Ie, DotsThreeIcon as Ln, SpinnerGapIcon as Pe, SignOutIcon as Dn, ProhibitInsetIcon as Xt, FlagIcon as ds, ArrowLeftIcon as rt, CurrencyDollarIcon as zn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as us, ImageIcon as Pn, SpeakerHighIcon as On, VideoCameraIcon as ms, FileMdIcon as Fn, FileTextIcon as $n, FileZipIcon as Un, FilePptIcon as Bn, FileCsvIcon as jn, FileXlsIcon as Vn, FileDocIcon as Gn, FilePdfIcon as Yn, CircleNotchIcon as Se, PlayIcon as it, PauseIcon as Hn, LinkIcon as qn, DownloadSimpleIcon as Ee, XIcon as Ye, CaretLeftIcon as Wn, GiftIcon as Xn, ThumbsUpIcon as Kn, ThumbsDownIcon as Zn, ChecksIcon as Jn, PencilSimpleIcon as Qn, TrashSimpleIcon as ea, ArrowUpIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
+import V, { createContext as ut, useContext as Te, useCallback as Q, useState as B, useRef as G, useEffect as K, useId as Xs, useMemo as re, Suspense as Ks } from "react";
+import { StreamChatService as Zs } from "@linktr.ee/messaging-core";
+import { StreamChat as Js, LinkPreviewsManager as qt } from "stream-chat";
+import { Chat as Qs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as en, MessageStatus as tn, useMessageContext as Ne, MessageErrorIcon as at, MessageText as $e, areMessageUIPropsEqual as sn, useMessageReminder as nn, useComponentContext as ds, Attachment as an, EditMessageModal as rn, MessageBlocked as ln, MessageBouncePrompt as on, MessageDeleted as cn, MessageIsThreadReplyInChannelButtonIndicator as dn, MessageRepliesCountButton as un, ReminderNotification as mn, StreamedMessageText as hn, messageHasAttachments as fn, messageHasReactions as gn, isDateSeparatorMessage as pn, isMessageBlocked as bn, isMessageBounced as vn, MessageBounceModal as xn, Poll as _n, useMessageComposer as wn, useStateStore as Nn, MessageInput as Wt, useMessageInputContext as yn, useMessageComposerHasSendableData as kn, AttachmentPreviewList as Cn, QuotedMessagePreview as Sn, TextareaComposer as En, MessageTimestamp as Ke, AIStates as Ze, useTypingContext as In, useAIState as Tn, Channel as Mn, WithComponents as An, Window as Rn, MessageList as Xt, ChannelList as Dn, InfiniteScroll as Ln } from "stream-chat-react";
+import { StarIcon as Ie, DotsThreeIcon as zn, SpinnerGapIcon as Pe, SignOutIcon as Pn, ProhibitInsetIcon as Kt, FlagIcon as us, ArrowLeftIcon as rt, CurrencyDollarIcon as On, CaretRightIcon as xe, SparkleIcon as _e, FileIcon as ms, ImageIcon as Fn, SpeakerHighIcon as $n, VideoCameraIcon as hs, FileMdIcon as Un, FileTextIcon as Bn, FileZipIcon as jn, FilePptIcon as Vn, FileCsvIcon as Gn, FileXlsIcon as Yn, FileDocIcon as Hn, FilePdfIcon as qn, CircleNotchIcon as Se, PlayIcon as it, PauseIcon as Wn, LinkIcon as Xn, DownloadSimpleIcon as Ee, XIcon as Ye, CaretLeftIcon as Kn, GiftIcon as Zn, ThumbsUpIcon as Jn, ThumbsDownIcon as Qn, ChecksIcon as ea, PencilSimpleIcon as ta, TrashSimpleIcon as sa, ArrowUpIcon as na, ProhibitIcon as aa } from "@phosphor-icons/react";
 import C from "classnames";
-import { MessageActions as na, DefaultDropdownActionButton as hs } from "stream-chat-react/experimental";
-const fs = dt({
+import { MessageActions as ra, DefaultDropdownActionButton as fs } from "stream-chat-react/experimental";
+const gs = ut({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const fs = dt({
   refreshConnection: async () => {
   },
   debug: !1
-}), ut = () => Te(fs), ml = ({
+}), mt = () => Te(gs), gl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -38,7 +38,7 @@ const fs = dt({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = B(null), [g, h] = B(null), [f, c] = B(!1), [b, v] = B(!1), [x, p] = B(null), _ = G(!1), w = G(null), S = G(n);
+  const [d, m] = B(null), [g, h] = B(null), [f, c] = B(!1), [b, v] = B(!1), [x, p] = B(null), w = G(!1), _ = G(null), S = G(n);
   S.current = n;
   const z = G(i);
   z.current = i;
@@ -64,15 +64,15 @@ const fs = dt({
     capabilities: r
   };
   const F = G(null);
-  !o && a && ((k = F.current) == null ? void 0 : k.apiKey) !== a && (F.current = { apiKey: a, client: new Ks(a) });
-  const D = o || (a ? ((T = F.current) == null ? void 0 : T.client) ?? null : null);
+  !o && a && ((k = F.current) == null ? void 0 : k.apiKey) !== a && (F.current = { apiKey: a, client: new Js(a) });
+  const L = o || (a ? ((T = F.current) == null ? void 0 : T.client) ?? null : null);
   K(() => {
     const M = R.current, O = S.current;
     if (o) {
-      w.current = null, m(null), h(null), c(!1), p(null), v(!1);
+      _.current = null, m(null), h(null), c(!1), p(null), v(!1);
       return;
     }
-    if (!a || !D || !O) {
+    if (!a || !L || !O) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: M,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -83,25 +83,25 @@ const fs = dt({
       renderCount: M,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new Xs({
+    const $ = new Zs({
       ...O,
       apiKey: a,
       debug: z.current,
-      client: D
+      client: L
     });
-    w.current = $, m($), l("✅ SERVICE SET", {
+    _.current = $, m($), l("✅ SERVICE SET", {
       renderCount: M,
       serviceInstance: !!$
     });
-  }, [a, D, o]);
-  const L = G(null);
+  }, [a, L, o]);
+  const D = G(null);
   K(() => {
     var O, $;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: _.current,
+      isConnecting: w.current,
       isConnected: f,
       dependencies: { service: !!d, userId: t == null ? void 0 : t.id }
     }), o)
@@ -110,11 +110,11 @@ const fs = dt({
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (_.current) {
+    if (w.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((O = L.current) == null ? void 0 : O.serviceId) === d && (($ = L.current) == null ? void 0 : $.userId) === t.id) {
+    if (((O = D.current) == null ? void 0 : O.serviceId) === d && (($ = D.current) == null ? void 0 : $.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -122,11 +122,11 @@ const fs = dt({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, v(!0), p(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), w.current = !0, v(!0), p(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
-        h(j), c(!0), L.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        h(j), c(!0), D.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: j.userID
         });
@@ -137,19 +137,19 @@ const fs = dt({
           error: Z
         });
       } finally {
-        v(!1), _.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        v(!1), w.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: f
         });
       }
     })();
   }, [d, t, l, f, o]), K(() => {
-    const M = D;
+    const M = L;
     return () => {
       var O;
-      M && (L.current = null, (O = w.current) == null || O.disconnectUser().catch(console.error));
+      M && (D.current = null, (O = _.current) == null || O.disconnectUser().catch(console.error));
     };
-  }, [D]);
+  }, [L]);
   const y = Q(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
@@ -212,19 +212,19 @@ const fs = dt({
   ]);
   return l("🔄 RENDER END", {
     renderCount: R.current,
-    willRenderChat: !!D,
+    willRenderChat: !!L,
     contextValueReady: !!I
-  }), /* @__PURE__ */ s(fs.Provider, { value: I, children: D ? /* @__PURE__ */ s(
-    Zs,
+  }), /* @__PURE__ */ s(gs.Provider, { value: I, children: L ? /* @__PURE__ */ s(
+    Qs,
     {
-      client: D,
+      client: L,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: e
     }
   ) : e });
-}, aa = () => ut(), mt = (e) => {
+}, ia = () => mt(), ht = (e) => {
   var a, r;
   const [t, n] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -246,14 +246,14 @@ const fs = dt({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, ra = "linktree-official", ia = "linktree-official-sender";
+}, la = "linktree-official", oa = "linktree-official-sender";
 function He(e, t, n) {
   const a = Object.values(e || {});
-  if (n === ra) {
+  if (n === la) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === ia;
+        return ((o = i.user) == null ? void 0 : o.id) === oa;
       }
     );
     if (r) return r;
@@ -265,18 +265,18 @@ function He(e, t, n) {
     }
   );
 }
-const la = /^[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 oa(e) {
-  return la.test(e.trim());
+const ca = /^[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 da(e) {
+  return ca.test(e.trim());
 }
-function Kt(e, t) {
+function Zt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !oa(n);
+  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !da(n);
 }
-function ht(e) {
-  return Kt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Kt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function ft(e) {
+  return Zt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Zt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Zt = [
+const Jt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -304,7 +304,7 @@ const Zt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ca(e) {
+function ua(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -312,14 +312,14 @@ function ca(e) {
   }
   return Math.abs(t);
 }
-function gs(e) {
-  return Zt[ca(e) % Zt.length];
+function ps(e) {
+  return Jt[ua(e) % Jt.length];
 }
-function da(e) {
-  return gs(e).emoji;
+function ma(e) {
+  return ps(e).emoji;
 }
-function ua(e) {
-  return gs(e).bgColor;
+function ha(e) {
+  return ps(e).bgColor;
 }
 const ne = ({
   id: e,
@@ -330,7 +330,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = da(e), d = ua(e), m = 0.45, h = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const l = ma(e), d = ha(e), m = 0.45, h = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -394,7 +394,7 @@ const ne = ({
       ]
     }
   );
-}, ma = "https://linktr.ee/s/about/trust-center/report", ha = ({
+}, fa = "https://linktr.ee/s/about/trust-center/report", ga = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -408,10 +408,10 @@ const ne = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var I;
-  const { service: h, debug: f } = ut(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, b = !!(a && n && h && c), [v, x] = B(!1), [p, _] = B(null), [w, S] = B(!1), [z, E] = B(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  const { service: h, debug: f } = mt(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, b = !!(a && n && h && c), [v, x] = B(!1), [p, w] = B(null), [_, S] = B(!1), [z, E] = B(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
   return K(() => {
     if (!b || !h || !c) {
-      x(!1), _(null);
+      x(!1), w(null);
       return;
     }
     let k = !1;
@@ -427,7 +427,7 @@ const ne = ({
       } catch (T) {
         k || console.error(`[${g}] Failed to check blocked status:`, T);
       } finally {
-        k || _({ participantId: c, service: h });
+        k || w({ participantId: c, service: h });
       }
     })(), () => {
       k = !0;
@@ -435,11 +435,11 @@ const ne = ({
   }, [b, h, c, g]), {
     isParticipantBlocked: v,
     isCheckingBlockedStatus: R,
-    isLeaving: w,
+    isLeaving: _,
     isUpdatingBlockStatus: z,
     handleLeaveConversation: async () => {
       var k;
-      if (!w) {
+      if (!_) {
         o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), S(!0);
         try {
           const T = ((k = e._client) == null ? void 0 : k.userID) ?? null;
@@ -478,7 +478,7 @@ const ne = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(ma, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(fa, "_blank", "noopener,noreferrer");
     }
   };
 }, ye = ({
@@ -512,16 +512,16 @@ const ne = ({
   customChannelActions: g,
   triggerClassName: h
 }) => {
-  const [f, c] = B(!1), b = G(null), v = qs(), x = Q(() => c(!1), []), {
+  const [f, c] = B(!1), b = G(null), v = Xs(), x = Q(() => c(!1), []), {
     isParticipantBlocked: p,
-    isCheckingBlockedStatus: _,
-    isLeaving: w,
+    isCheckingBlockedStatus: w,
+    isLeaving: _,
     isUpdatingBlockStatus: S,
     handleLeaveConversation: z,
     handleBlockUser: E,
     handleUnblockUser: R,
     handleReportUser: F
-  } = ha({
+  } = ga({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -536,13 +536,13 @@ const ne = ({
   });
   return K(() => {
     if (!f) return;
-    const L = (I) => {
+    const D = (I) => {
       b.current && !b.current.contains(I.target) && c(!1);
     }, y = (I) => {
       I.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", y), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", y);
+    return document.addEventListener("mousedown", D), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", y);
     };
   }, [f]), !t || !(n || a || r || !!g) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ u(
@@ -553,9 +553,9 @@ const ne = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? v : void 0,
-        onClick: () => c((L) => !L),
+        onClick: () => c((D) => !D),
         children: [
-          /* @__PURE__ */ s(Ln, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(zn, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -574,15 +574,15 @@ const ne = ({
             ye,
             {
               onClick: z,
-              disabled: w,
-              "aria-busy": w,
+              disabled: _,
+              "aria-busy": _,
               children: [
-                w ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Dn, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Pn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ s("li", { children: _ ? (
+          a && /* @__PURE__ */ s("li", { children: w ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
             /* @__PURE__ */ u(ye, { disabled: !0, "aria-busy": !0, children: [
@@ -596,7 +596,7 @@ const ne = ({
               disabled: S,
               "aria-busy": S,
               children: [
-                S ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
+                S ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Kt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
@@ -607,13 +607,13 @@ const ne = ({
               disabled: S,
               "aria-busy": S,
               children: [
-                S ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
+                S ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Kt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
           ) }),
           r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ u(ye, { variant: "danger", onClick: F, children: [
-            /* @__PURE__ */ s(ds, { className: "h-5 w-5" }),
+            /* @__PURE__ */ s(us, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           g
@@ -621,7 +621,7 @@ const ne = ({
       }
     )
   ] });
-}, Je = "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", fa = "CUSTOMER_PAID", ga = "Replies instantly with AI assistant", pa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === fa, ba = ({
+}, Je = "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", pa = "CUSTOMER_PAID", ba = "Replies instantly with AI assistant", va = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === pa, xa = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -640,18 +640,18 @@ const ne = ({
   showChannelInfo: v = !0,
   onParticipantNameClick: x
 }) => {
-  var D, L, y, I;
-  const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
+  var L, D, y, I;
+  const { channel: p } = oe(), { client: w } = fe(), _ = V.useMemo(
     () => {
       var k;
       return He(
         (k = p.state) == null ? void 0 : k.members,
-        _ == null ? void 0 : _.userID,
+        w == null ? void 0 : w.userID,
         p.type
       );
     },
-    [(D = p.state) == null ? void 0 : D.members, _ == null ? void 0 : _.userID, p.type]
-  ), S = ht(w == null ? void 0 : w.user), z = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, E = mt(p), R = pa((y = p.data) == null ? void 0 : y.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, F = async () => {
+    [(L = p.state) == null ? void 0 : L.members, w == null ? void 0 : w.userID, p.type]
+  ), S = ft(_ == null ? void 0 : _.user), z = (D = _ == null ? void 0 : _.user) == null ? void 0 : D.image, E = ht(p), R = va((y = p.data) == null ? void 0 : y.customer_tag) && (_ == null ? void 0 : _.is_follower) === !0, F = async () => {
     try {
       E ? await p.unpin() : await p.pin();
     } catch (k) {
@@ -694,7 +694,7 @@ const ne = ({
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((I = w == null ? void 0 : w.user) == null ? void 0 : I.id) || p.id || "unknown",
+                  id: ((I = _ == null ? void 0 : _.user) == null ? void 0 : I.id) || p.id || "unknown",
                   name: S,
                   image: z,
                   dmAgentEnabled: r,
@@ -712,7 +712,7 @@ const ne = ({
                       {
                         "aria-label": "Paid customer",
                         className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                        children: /* @__PURE__ */ s(zn, { className: "size-2.5", weight: "bold" })
+                        children: /* @__PURE__ */ s(On, { className: "size-2.5", weight: "bold" })
                       }
                     ),
                     a && E && /* @__PURE__ */ s(
@@ -734,8 +734,8 @@ const ne = ({
                   ] })
                 ] }),
                 r && /* @__PURE__ */ u("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
-                  /* @__PURE__ */ s("span", { children: ga })
+                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s("span", { children: ba })
                 ] })
               ] })
             ]
@@ -766,7 +766,7 @@ const ne = ({
             lt,
             {
               channel: p,
-              participant: w,
+              participant: _,
               showDeleteConversation: l,
               showBlockParticipant: d,
               showReportParticipant: m,
@@ -783,13 +783,13 @@ const ne = ({
       ] })
     }
   );
-}, va = (e) => /* @__PURE__ */ s(Js, { ...e, position: "center" }), ot = "vote_up", ct = "vote_down";
-function xa(e) {
+}, _a = (e) => /* @__PURE__ */ s(en, { ...e, position: "center" }), ot = "vote_up", ct = "vote_down";
+function wa(e) {
   return e != null && e.length ? e.some((t) => t.type === ct) ? "down" : e.some((t) => t.type === ot) ? "up" : null : null;
 }
-function wa(e) {
+function Na(e) {
   const { channel: t } = oe(), { client: n } = fe("useMessageVote"), a = re(
-    () => xa(e.own_reactions),
+    () => wa(e.own_reactions),
     [e.own_reactions]
   ), r = Q(async () => {
     if (n != null && n.userID)
@@ -814,39 +814,39 @@ function wa(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function _a(e) {
+function ya(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function ps({
+function bs({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = _a(t);
+  const n = e == null ? void 0 : e.text, a = ya(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const Na = ["linktr.ee"], Jt = "messaging-attachment-v1_0";
-function ya(e) {
+const ka = ["linktr.ee"], Qt = "messaging-attachment-v1_0";
+function Ca(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function ka(e) {
-  return Na.some(
+function Sa(e) {
+  return ka.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function he(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const n = ya(t);
-  if (!n || !ka(n)) return t;
+  const n = Ca(t);
+  if (!n || !Sa(n)) return t;
   const a = new URL(t);
-  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Jt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Jt), a.toString());
+  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Qt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Qt), a.toString());
 }
-const Ca = [
+const Ea = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -859,39 +859,39 @@ const Ca = [
 function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function bs(e) {
-  const t = Ca.find(
+function vs(e) {
+  const t = Ea.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Sa = {
-  video: ms,
-  audio: On,
-  image: Pn,
-  document: us
-}, Ea = {
-  pdf: Yn,
-  doc: Gn,
-  xls: Vn,
-  csv: jn,
-  ppt: Bn,
-  zip: Un,
-  text: $n,
-  markdown: Fn,
-  generic: us
+const Ia = {
+  video: hs,
+  audio: $n,
+  image: Fn,
+  document: ms
+}, Ta = {
+  pdf: qn,
+  doc: Hn,
+  xls: Yn,
+  csv: Gn,
+  ppt: Vn,
+  zip: jn,
+  text: Bn,
+  markdown: Un,
+  generic: ms
 };
-function Ia(e) {
+function Ma(e) {
   const t = ce(e);
-  return t !== "document" ? Sa[t] : Ea[bs(e)];
+  return t !== "document" ? Ia[t] : Ta[vs(e)];
 }
-function _e(e, t) {
-  return V.createElement(Ia(e), t);
+function we(e, t) {
+  return V.createElement(Ma(e), t);
 }
-const Ta = (e) => {
+const Aa = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, Ma = ({
+}, Ra = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -903,7 +903,7 @@ const Ta = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [v, x] = B(a), [p, _] = B(0), [w, S] = B(!1), [z, E] = B(!1), [R, F] = B(!1), [D, L] = B(!1), [y, I] = B(!0), [k, T] = B(null), M = Q(() => {
+  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [v, x] = B(a), [p, w] = B(0), [_, S] = B(!1), [z, E] = B(!1), [R, F] = B(!1), [L, D] = B(!1), [y, I] = B(!0), [k, T] = B(null), M = Q(() => {
     F(!1), x(!0);
   }, []), O = Q((N) => {
     const A = f.current;
@@ -911,7 +911,7 @@ const Ta = (e) => {
     const Y = A.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ta(N) - Y.left) / Y.width)
+      Math.min(1, (Aa(N) - Y.left) / Y.width)
     );
   }, []), $ = Q((N) => {
     const A = h.current;
@@ -919,7 +919,7 @@ const Ta = (e) => {
   }, []), j = (N) => {
     N.stopPropagation(), S(!0);
     const A = O(N);
-    _(A), $(A);
+    w(A), $(A);
   };
   K(() => {
     r !== void 0 && r !== b.current && (b.current = r, x(r));
@@ -930,25 +930,25 @@ const Ta = (e) => {
     }
     const N = () => {
       const A = h.current;
-      A && A.duration && !w && _(A.currentTime / A.duration), c.current = requestAnimationFrame(N);
+      A && A.duration && !_ && w(A.currentTime / A.duration), c.current = requestAnimationFrame(N);
     };
     return c.current = requestAnimationFrame(N), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [v, w]), K(() => {
+  }, [v, _]), K(() => {
     const N = h.current;
     N && (v ? N.play().catch((A) => {
       x(!1), F(!0);
     }) : N.pause());
   }, [v]), K(() => {
-    if (!w) return;
-    const N = (Y) => _(O(Y)), A = (Y) => {
+    if (!_) return;
+    const N = (Y) => w(O(Y)), A = (Y) => {
       S(!1), $(O(Y));
     };
     return window.addEventListener("mousemove", N), window.addEventListener("mouseup", A), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", A), () => {
       window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", A);
     };
-  }, [w, O, $]);
+  }, [_, O, $]);
   const Z = k ? { aspectRatio: String(k) } : void 0, ee = k ? "" : " aspect-video", X = Math.round(p * 100);
   return /* @__PURE__ */ u(
     "div",
@@ -982,7 +982,7 @@ const Ta = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (g === "audio" || y) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: _e(t, {
+        !n && (g === "audio" || y) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -994,14 +994,14 @@ const Ta = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => D(!0),
             onCanPlay: () => {
-              L(!1), I(!1);
+              D(!1), I(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => D(!0),
             onPlay: () => F(!1),
             onEnded: () => {
-              i || (x(!1), _(0));
+              i || (x(!1), w(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -1014,23 +1014,23 @@ const Ta = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => D(!0),
             onCanPlay: () => {
-              L(!1), I(!1);
+              D(!1), I(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => D(!0),
             onPlay: () => F(!1),
             onLoadedMetadata: () => {
               const N = h.current;
               N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && T(N.videoWidth / N.videoHeight);
             },
             onEnded: () => {
-              i || (x(!1), _(0));
+              i || (x(!1), w(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        D && !R && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+        L && !R && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
           Se,
           {
             className: "size-8 animate-spin text-white/80",
@@ -1089,7 +1089,7 @@ const Ta = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": v ? "Pause" : "Play",
-              children: v ? /* @__PURE__ */ s(Hn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(it, { className: "size-5 translate-x-px", weight: "fill" })
+              children: v ? /* @__PURE__ */ s(Wn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(it, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ u(
@@ -1115,7 +1115,7 @@ const Ta = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${z || w ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${z || _ ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ s(
                       "div",
                       {
@@ -1128,7 +1128,7 @@ const Ta = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${z || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${z || _ ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${X}%` }
                   }
                 )
@@ -1139,7 +1139,7 @@ const Ta = (e) => {
       ]
     }
   );
-}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Aa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", vs = ({
+}, es = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Da = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", xs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1150,7 +1150,7 @@ const Ta = (e) => {
 }) => {
   const l = ce(e), [d, m] = B(!1), g = he(t), h = he(n);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
-    Ma,
+    Ra,
     {
       source: t,
       mimeType: e,
@@ -1196,12 +1196,12 @@ const Ta = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: _e(e, {
-        className: Qt(r),
+      children: we(e, {
+        className: es(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Aa(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Da(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: h ?? n,
@@ -1213,13 +1213,13 @@ const Ta = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: _e(e, {
-        className: Qt(r),
+      children: we(e, {
+        className: es(r),
         weight: "regular"
       })
     }
   );
-}, xs = ({
+}, _s = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1260,7 +1260,7 @@ const Ta = (e) => {
             }
           ),
           /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1", children: [
-            _e(r, {
+            we(r, {
               className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
@@ -1288,25 +1288,25 @@ const Ta = (e) => {
 function ws(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ft(e) {
+function gt(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 Ra(e) {
+function La(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function La(e) {
+function za(e) {
   return e ? "text-white" : "text-black";
 }
-function Da(e) {
+function Pa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function za(e) {
+function Oa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Pa(e) {
+function Fa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const gt = ({ attachment: e, isMyMessage: t }) => {
+const pt = ({ attachment: e, isMyMessage: t }) => {
   const { title: n, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ u(V.Fragment, { children: [
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
@@ -1318,26 +1318,26 @@ const gt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ra(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(qn, { className: `size-12 ${Pa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${La(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Xn, { className: `size-12 ${Fa(t)}` })
       }
     ) }),
     /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${La(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Da(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${za(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${za(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Pa(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Oa(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
 };
-function _s(e) {
+function Ns(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function pt(e) {
+function bt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(_s);
+  return (t = e.attachments) == null ? void 0 : t.find(Ns);
 }
-async function Oa(e, t) {
+async function $a(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1349,7 +1349,7 @@ async function Oa(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = n, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const Fa = ({
+const Ua = ({
   url: e,
   filename: t
 }) => {
@@ -1361,7 +1361,7 @@ const Fa = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Oa(e, t).then(() => {
+        a(!0), $a(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1376,7 +1376,7 @@ const Fa = ({
     }
   );
 };
-function bt(e) {
+function vt(e) {
   var h, f, c, b;
   const t = (h = e.attachments) == null ? void 0 : h.find(
     (v) => v.type === "video" && v.asset_url
@@ -1397,7 +1397,7 @@ function bt(e) {
     thumbnailUrl: g
   };
 }
-const Ns = ({
+const ys = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
@@ -1406,7 +1406,7 @@ const Ns = ({
 }) => {
   const i = a !== void 0 ? ws(a) : void 0;
   return /* @__PURE__ */ s(
-    xs,
+    _s,
     {
       variant: "dark",
       title: n,
@@ -1414,7 +1414,7 @@ const Ns = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        vs,
+        xs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1425,7 +1425,7 @@ const Ns = ({
       )
     }
   );
-}, ys = ({
+}, ks = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
@@ -1434,14 +1434,14 @@ const Ns = ({
 }) => {
   const i = ce(t), o = a !== void 0 ? ws(a) : void 0;
   return /* @__PURE__ */ s(
-    xs,
+    _s,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ s(
-        vs,
+        xs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1451,14 +1451,14 @@ const Ns = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Fa, { url: e, filename: n })
+      action: /* @__PURE__ */ s(Ua, { url: e, filename: n })
     }
   );
-}, $a = ({
+}, Ba = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const n = pt(e), a = bt(e);
+  const n = bt(e), a = vt(e);
   return !n && !a ? null : /* @__PURE__ */ u("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__ */ s(
       ne,
@@ -1480,41 +1480,41 @@ const Ns = ({
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: ft(t), children: /* @__PURE__ */ s(gt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(Ns, { ...a }) : /* @__PURE__ */ s(ys, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: gt(t), children: /* @__PURE__ */ s(pt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(ys, { ...a }) : /* @__PURE__ */ s(ks, { ...a })
           }
         ) })
       }
     )
   ] });
-}, Ua = ({
+}, ja = ({
   message: e
 }) => {
-  const t = pt(e);
+  const t = bt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: ft(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(gt, { attachment: t, isMyMessage: !0 }) });
-  const n = bt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
-}, Ba = ({
+    return /* @__PURE__ */ s("div", { className: gt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(pt, { attachment: t, isMyMessage: !0 }) });
+  const n = vt(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ys, { ...n }) }) : null;
+}, Va = ({
   message: e
 }) => {
-  const t = pt(e);
+  const t = bt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: ft(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(gt, { attachment: t, isMyMessage: !1 }) });
-  const n = bt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ys, { ...n }) }) : null;
-}, hl = Object.assign($a, {
-  Creator: Ua,
-  Visitor: Ba
-}), ja = {
+    return /* @__PURE__ */ s("div", { className: gt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(pt, { attachment: t, isMyMessage: !1 }) });
+  const n = vt(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ks, { ...n }) }) : null;
+}, pl = Object.assign(Ba, {
+  Creator: ja,
+  Visitor: Va
+}), Ga = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, Va = {
+}, Ya = {
   dark: "text-white",
   light: "text-[#000000]"
-}, Ga = {
+}, Ha = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Ya = (e) => e === "dark" ? "sender" : "receiver", Ha = {
+}, qa = (e) => e === "dark" ? "sender" : "receiver", Wa = {
   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]",
@@ -1536,7 +1536,7 @@ const Ns = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Ha[Ya(e)][a];
+  const l = t != null && t !== "", d = Wa[qa(e)][a];
   return /* @__PURE__ */ u(
     "div",
     {
@@ -1551,10 +1551,10 @@ const Ns = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        ja[e],
-        Va[e],
+        Ga[e],
+        Ya[e],
         n && "border",
-        n && Ga[e],
+        n && Ha[e],
         r
       ),
       children: [
@@ -1597,16 +1597,16 @@ const Ns = ({
     ),
     children: /* @__PURE__ */ s(Ye, { className: "size-3", weight: "bold" })
   }
-), Re = (e) => e === "received" ? "light" : "dark", qa = ({
+), Re = (e) => e === "received" ? "light" : "dark", Xa = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Wa = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ka = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Xa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Za = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1618,7 +1618,7 @@ const Ns = ({
     }
   ),
   n ?? null
-] }), vt = ({
+] }), xt = ({
   state: e,
   src: t,
   mimeType: n,
@@ -1629,7 +1629,7 @@ const Ns = ({
   preload: l,
   onDismiss: d
 }) => {
-  const m = Re(e), g = e === "composer" && !!d, h = Wa({ src: t, mimeType: n, filename: a, items: r });
+  const m = Re(e), g = e === "composer" && !!d, h = Ka({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const f = l ?? (h.length > 1 ? "none" : "metadata");
@@ -1641,7 +1641,7 @@ const Ns = ({
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, b) => /* @__PURE__ */ s(
-        Xa,
+        Za,
         {
           item: c,
           preload: f,
@@ -1655,15 +1655,15 @@ const Ns = ({
       )) })
     }
   );
-}, Ka = (e) => /* @__PURE__ */ s(vt, { ...e, state: "composer" }), Za = (e) => /* @__PURE__ */ s(vt, { ...e, state: "sent" }), Ja = (e) => /* @__PURE__ */ s(vt, { ...e, state: "received" }), Qa = {
-  Composer: Ka,
-  Sent: Za,
-  Received: Ja
+}, Ja = (e) => /* @__PURE__ */ s(xt, { ...e, state: "composer" }), Qa = (e) => /* @__PURE__ */ s(xt, { ...e, state: "sent" }), er = (e) => /* @__PURE__ */ s(xt, { ...e, state: "received" }), tr = {
+  Composer: Ja,
+  Sent: Qa,
+  Received: er
 };
-function er(e) {
+function sr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const tr = {
+const nr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1673,7 +1673,7 @@ const tr = {
   text: "TXT",
   markdown: "MD"
 };
-function sr(e, t) {
+function ar(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1683,7 +1683,7 @@ function sr(e, t) {
   }
   if (!e) return;
   if (ce(e) === "document") {
-    const r = bs(e), i = tr[r];
+    const r = vs(e), i = nr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1691,8 +1691,8 @@ function sr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function nr(e, t, n) {
-  const a = sr(e, t), r = typeof n == "number" && n > 0 ? er(n) : void 0;
+function rr(e, t, n) {
+  const a = ar(e, t), r = typeof n == "number" && n > 0 ? sr(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ie(e) {
@@ -1703,16 +1703,16 @@ function ie(e) {
     return "download";
   }
 }
-const ar = {
+const ir = {
   dark: "text-white/55",
   light: "text-black/65"
-}, rr = {
+}, lr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ir = {
+}, or = {
   dark: "text-white/85",
   light: "text-black/85"
-}, ks = ({
+}, Cs = ({
   variant: e,
   filename: t,
   title: n,
@@ -1722,16 +1722,16 @@ const ar = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = n ?? t ?? "File", m = nr(a, t, r), g = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", m = rr(a, t, r), g = /* @__PURE__ */ s(
     "div",
     {
       className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        rr[e]
+        lr[e]
       ),
       "aria-hidden": !0,
-      children: _e(a, {
-        className: C("size-6", ir[e]),
+      children: we(a, {
+        className: C("size-6", or[e]),
         weight: "regular"
       })
     }
@@ -1742,7 +1742,7 @@ const ar = {
       {
         className: C(
           "truncate text-xs leading-4",
-          ar[e]
+          ir[e]
         ),
         children: m
       }
@@ -1771,7 +1771,7 @@ const ar = {
     l ? /* @__PURE__ */ s("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function Cs(e, t) {
+async function Ss(e, t) {
   const n = t ?? ie(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1785,14 +1785,14 @@ async function Cs(e, t) {
     }
   }
 }
-const lr = ({
+const cr = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], or = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], dr = ({
   variant: e,
   item: t,
   index: n,
@@ -1801,7 +1801,7 @@ const lr = ({
 }) => {
   const i = t.filename ?? ie(t.src);
   return /* @__PURE__ */ s(
-    ks,
+    Cs,
     {
       variant: e,
       filename: i,
@@ -1813,7 +1813,7 @@ const lr = ({
       trailingAction: r
     }
   );
-}, xt = ({
+}, _t = ({
   state: e,
   src: t,
   filename: n,
@@ -1826,7 +1826,7 @@ const lr = ({
   onClick: m,
   onDismiss: g
 }) => {
-  const h = Re(e), f = e === "composer" && !!g, c = lr({
+  const h = Re(e), f = e === "composer" && !!g, c = cr({
     src: t,
     filename: n,
     fileSize: a,
@@ -1837,8 +1837,8 @@ const lr = ({
     if ((m == null ? void 0 : m(x)) === !1) return;
     const p = c[x];
     if (!p) return;
-    const _ = p.filename ?? ie(p.src);
-    Cs(p.src, _);
+    const w = p.filename ?? ie(p.src);
+    Ss(p.src, w);
   };
   if (c.length === 0)
     return null;
@@ -1861,7 +1861,7 @@ const lr = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((x, p) => /* @__PURE__ */ s(
-        or,
+        dr,
         {
           variant: h,
           item: x,
@@ -1873,10 +1873,10 @@ const lr = ({
       )) })
     }
   );
-}, cr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "composer" }), dr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "sent" }), ur = (e) => /* @__PURE__ */ s(xt, { ...e, state: "received" }), mr = {
-  Composer: cr,
-  Sent: dr,
-  Received: ur
+}, ur = (e) => /* @__PURE__ */ s(_t, { ...e, state: "composer" }), mr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "sent" }), hr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "received" }), fr = {
+  Composer: ur,
+  Sent: mr,
+  Received: hr
 }, wt = ({
   onPrev: e,
   onNext: t,
@@ -1890,7 +1890,7 @@ const lr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Wn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Kn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1903,7 +1903,7 @@ const lr = ({
       children: /* @__PURE__ */ s(xe, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Ss = ({
+] }), Es = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1914,7 +1914,7 @@ const lr = ({
 }) => {
   const [l, d] = B(!1), m = Q(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), Cs(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), Ss(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -1988,7 +1988,7 @@ const lr = ({
       ]
     }
   );
-}, Qe = (e, t, n) => Math.min(Math.max(e, t), n), _t = ({
+}, Qe = (e, t, n) => Math.min(Math.max(e, t), n), Nt = ({
   length: e,
   initialIndex: t,
   open: n
@@ -2013,7 +2013,7 @@ const lr = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [n, e, o, l]), { index: r, prev: o, next: l };
-}, Nt = ({
+}, yt = ({
   open: e,
   onClose: t,
   ariaLabel: n,
@@ -2103,13 +2103,13 @@ const lr = ({
       ]
     }
   );
-}, Es = ({
+}, Is = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = _t({
+  const { index: r, prev: i, next: o } = Nt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2118,14 +2118,14 @@ const lr = ({
     [l]
   );
   return l ? /* @__PURE__ */ u(
-    Nt,
+    yt,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        Ss,
+        Es,
         {
           url: l.src,
           filename: d,
@@ -2159,7 +2159,7 @@ const lr = ({
       ]
     }
   ) : null;
-}, hr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", Is = ({
+}, gr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", Ts = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2168,7 +2168,7 @@ const lr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, n)), o = r - i.length, l = (d, m, g) => {
-    const h = C(hr, "h-full w-full");
+    const h = C(gr, "h-full w-full");
     return t ? /* @__PURE__ */ u(
       "button",
       {
@@ -2229,7 +2229,7 @@ const lr = ({
       })
     }
   );
-}, Le = (e) => {
+}, De = (e) => {
   const [t, n] = B(!1), [a, r] = B(0), i = Q(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), n(!0));
@@ -2237,7 +2237,7 @@ const lr = ({
     [e]
   ), o = Q(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, fr = (e, t, n, a) => ({
+}, pr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2252,16 +2252,16 @@ const lr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), gr = ({
+}), br = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Ts = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Ms = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), pr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Le(
+})), vr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = De(
     r
   );
   return /* @__PURE__ */ u("div", { className: "relative w-fit", children: [
@@ -2287,16 +2287,16 @@ const lr = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Es,
+      Is,
       {
         open: o,
-        items: Ts([{ src: e, alt: t }], n),
+        items: Ms([{ src: e, alt: t }], n),
         initialIndex: l,
         onClose: m
       }
     )
   ] });
-}, Ms = ({
+}, As = ({
   state: e,
   src: t,
   alt: n,
@@ -2307,13 +2307,13 @@ const lr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = gr({ src: t, alt: n, items: r }), g = Re(e), { viewerOpen: h, viewerIndex: f, handleActivate: c, closeViewer: b } = Le(
+  const m = br({ src: t, alt: n, items: r }), g = Re(e), { viewerOpen: h, viewerIndex: f, handleActivate: c, closeViewer: b } = De(
     d
   );
   if (m.length === 0)
     return null;
   const v = m.map(
-    (x, p) => fr(x, p, m.length, l)
+    (x, p) => pr(x, p, m.length, l)
   );
   return /* @__PURE__ */ u(
     Me,
@@ -2323,12 +2323,12 @@ const lr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Is, { tiles: v, onTileActivate: c }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Ts, { tiles: v, onTileActivate: c }) }),
         /* @__PURE__ */ s(
-          Es,
+          Is,
           {
             open: h,
-            items: Ts(m, a),
+            items: Ms(m, a),
             initialIndex: f,
             onClose: b
           }
@@ -2336,17 +2336,17 @@ const lr = ({
       ]
     }
   );
-}, br = (e) => /* @__PURE__ */ s(pr, { ...e }), vr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), wr = {
-  Composer: br,
-  Sent: vr,
-  Received: xr
-}, _r = ({
+}, xr = (e) => /* @__PURE__ */ s(vr, { ...e }), _r = (e) => /* @__PURE__ */ s(As, { ...e, state: "sent" }), wr = (e) => /* @__PURE__ */ s(As, { ...e, state: "received" }), Nr = {
+  Composer: xr,
+  Sent: _r,
+  Received: wr
+}, yr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = _t({
+  const { index: r, prev: i, next: o } = Nt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2354,11 +2354,11 @@ const lr = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? ie(l.src) : "document"),
     [l]
   ), m = re(
-    () => l ? Nr(l.src) : void 0,
+    () => l ? kr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ u(
-    Nt,
+    yt,
     {
       open: e,
       onClose: a,
@@ -2388,16 +2388,16 @@ const lr = ({
       ]
     }
   );
-}, Nr = (e) => {
+}, kr = (e) => {
   const t = e.indexOf("#"), n = 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"), `${n}#${r.toString()}`;
-}, yr = ({
+}, Cr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], kr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Sr = ({
   variant: e,
   item: t,
   index: n,
@@ -2406,7 +2406,7 @@ const lr = ({
 }) => {
   const i = t.filename ?? ie(t.src);
   return /* @__PURE__ */ s(
-    ks,
+    Cs,
     {
       variant: e,
       filename: i,
@@ -2418,7 +2418,7 @@ const lr = ({
       trailingAction: r
     }
   );
-}, yt = ({
+}, kt = ({
   state: e,
   src: t,
   filename: n,
@@ -2430,14 +2430,14 @@ const lr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = Re(e), h = yr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
+  const g = Re(e), h = Cr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = De(
     d
   ), x = e === "composer" && !!m;
   if (h.length === 0)
     return null;
-  const p = h.map((_) => ({
-    src: _.src,
-    filename: _.filename ?? ie(_.src)
+  const p = h.map((w) => ({
+    src: w.src,
+    filename: w.filename ?? ie(w.src)
   }));
   return /* @__PURE__ */ u(
     Me,
@@ -2447,11 +2447,11 @@ const lr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((_, w) => {
-          const S = _.filename ?? ie(_.src), z = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            Ss,
+        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((w, _) => {
+          const S = w.filename ?? ie(w.src), z = x && _ === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+            Es,
             {
-              url: _.src,
+              url: w.src,
               filename: S,
               variant: "inline",
               label: `Download ${S}`,
@@ -2459,19 +2459,19 @@ const lr = ({
             }
           );
           return /* @__PURE__ */ s(
-            kr,
+            Sr,
             {
               variant: g,
-              item: _,
-              index: w,
+              item: w,
+              index: _,
               onActivate: b,
               trailingAction: z
             },
-            `${_.src}-${w}`
+            `${w.src}-${_}`
           );
         }) }),
         /* @__PURE__ */ s(
-          _r,
+          yr,
           {
             open: f,
             items: p,
@@ -2482,17 +2482,17 @@ const lr = ({
       ]
     }
   );
-}, Cr = (e) => /* @__PURE__ */ s(yt, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ s(yt, { ...e, state: "sent" }), Er = (e) => /* @__PURE__ */ s(yt, { ...e, state: "received" }), Ir = {
-  Composer: Cr,
-  Sent: Sr,
-  Received: Er
-}, As = ({
+}, Er = (e) => /* @__PURE__ */ s(kt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ s(kt, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ s(kt, { ...e, state: "received" }), Mr = {
+  Composer: Er,
+  Sent: Ir,
+  Received: Tr
+}, Rs = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = _t({
+  const { index: r, prev: i, next: o } = Nt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2501,7 +2501,7 @@ const lr = ({
     [l]
   );
   return l ? /* @__PURE__ */ u(
-    Nt,
+    yt,
     {
       open: e,
       onClose: a,
@@ -2536,7 +2536,7 @@ const lr = ({
       ]
     }
   ) : null;
-}, Tr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(it, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Rs = ({
+}, Ar = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(it, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Ds = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ u("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2551,18 +2551,18 @@ const lr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s(
-    ms,
+    hs,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Tr, {})
-] }), Mr = (e, t, n) => ({
+  /* @__PURE__ */ s(Ar, {})
+] }), Rr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(Rs, { item: e, index: t })
-}), Ar = ({
+  content: /* @__PURE__ */ s(Ds, { item: e, index: t })
+}), Dr = ({
   src: e,
   poster: t,
   mimeType: n,
@@ -2574,8 +2574,8 @@ const lr = ({
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Rr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = Le(
+})), Lr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = De(
     i
   );
   return /* @__PURE__ */ u("div", { className: "relative w-fit", children: [
@@ -2586,12 +2586,12 @@ const lr = ({
         onClick: () => m(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ s(Rs, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Ds, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: o }) }) : null,
     /* @__PURE__ */ s(
-      As,
+      Rs,
       {
         open: l,
         items: Ls(
@@ -2603,7 +2603,7 @@ const lr = ({
       }
     )
   ] });
-}, Ds = ({
+}, zs = ({
   state: e,
   src: t,
   poster: n,
@@ -2615,13 +2615,13 @@ const lr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = Ar({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Re(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
+  const g = Dr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Re(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = De(
     m
   );
   if (g.length === 0)
     return null;
   const x = g.map(
-    (p, _) => Mr(p, _, g.length)
+    (p, w) => Rr(p, w, g.length)
   );
   return /* @__PURE__ */ u(
     Me,
@@ -2632,7 +2632,7 @@ const lr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          Is,
+          Ts,
           {
             tiles: x,
             onTileActivate: b,
@@ -2640,7 +2640,7 @@ const lr = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          As,
+          Rs,
           {
             open: f,
             items: Ls(g, r),
@@ -2651,31 +2651,31 @@ const lr = ({
       ]
     }
   );
-}, Lr = (e) => /* @__PURE__ */ s(Rr, { ...e }), Dr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "sent" }), zr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "received" }), Pr = {
-  Composer: Lr,
-  Sent: Dr,
-  Received: zr
+}, zr = (e) => /* @__PURE__ */ s(Lr, { ...e }), Pr = (e) => /* @__PURE__ */ s(zs, { ...e, state: "sent" }), Or = (e) => /* @__PURE__ */ s(zs, { ...e, state: "received" }), Fr = {
+  Composer: zr,
+  Sent: Pr,
+  Received: Or
 }, ke = {
-  Image: wr,
-  Video: Pr,
-  Audio: Qa,
-  Pdf: Ir,
-  File: mr
-}, Or = {
+  Image: Nr,
+  Video: Fr,
+  Audio: tr,
+  Pdf: Mr,
+  File: fr
+}, $r = {
   isUnlocking: () => !1
-}, Fr = {
-  LockedAttachment: Or
-}, zs = dt({}), fl = zs.Provider;
-function $r(e) {
-  return Te(zs)[e] ?? Fr[e];
+}, Ur = {
+  LockedAttachment: $r
+}, Ps = ut({}), bl = Ps.Provider;
+function Br(e) {
+  return Te(Ps)[e] ?? Ur[e];
 }
-const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import("./Card-DKc9To0f.js")), jr = () => /* @__PURE__ */ s(
+const jr = V.lazy(() => import("./Card-qS17qnN0.js")), Vr = V.lazy(() => import("./Card-CjXVVZY0.js")), Gr = () => /* @__PURE__ */ s(
   "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
   }
-), Oe = (e) => /* @__PURE__ */ s(Ws, { fallback: /* @__PURE__ */ s(jr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Ur, { ...e }) : /* @__PURE__ */ s(Br, { ...e }) }), Vr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Oe = (e) => /* @__PURE__ */ s(Ks, { fallback: /* @__PURE__ */ s(Gr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(jr, { ...e }) : /* @__PURE__ */ s(Vr, { ...e }) }), Yr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2692,27 +2692,27 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
       }
     )
   }
-), Gr = (e) => {
+), Hr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Yr = (e) => {
+}, qr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Ue = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, kt = (e) => {
+}, Ct = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Hr = (e) => {
+}, Wr = (e) => {
   var t;
-  return kt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, qr = (e) => {
+  return Ct(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
+}, Xr = (e) => {
   var t;
-  return kt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Ps = (e) => Gr(e) || Yr(e), Wr = (e) => {
+  return Ct(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
+}, Os = (e) => Hr(e) || qr(e), Kr = (e) => {
   var t;
-  return Ps(e) && !((t = e.text) != null && t.trim());
+  return Os(e) && !((t = e.text) != null && t.trim());
 }, et = ({
   message: e,
   standalone: t = !1,
@@ -2720,7 +2720,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = Ps(e), i = Ue(e);
+  const r = Os(e), i = Ue(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2728,7 +2728,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ u("div", { className: c, children: [
-      /* @__PURE__ */ s(Xn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(Zn, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: b })
     ] });
   }
@@ -2736,7 +2736,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Vr, { size: o ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Yr, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !o ? /* @__PURE__ */ u(te, { children: [
     m,
     g
@@ -2744,7 +2744,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
     g,
     m
   ] }) });
-}, Xr = ({
+}, Zr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2760,7 +2760,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(Kn, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Jn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2774,7 +2774,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(Zn, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Qn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
 ] }), tt = () => {
@@ -2787,37 +2787,37 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
       }
   })();
   return e.id !== n ? null : /* @__PURE__ */ u(te, { children: [
-    /* @__PURE__ */ s(Jn, { weight: "bold", "aria-hidden": "true" }),
+    /* @__PURE__ */ s(ea, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
-}, Kr = () => null, Zr = () => /* @__PURE__ */ s(
-  Qs,
+}, Jr = () => null, Qr = () => /* @__PURE__ */ s(
+  tn,
   {
     MessageSentStatus: tt,
     MessageDeliveredStatus: tt,
     MessageReadStatus: tt,
-    MessageSendingStatus: Kr
+    MessageSendingStatus: Jr
   }
-), Jr = /^([a-z][a-z0-9+.-]*):/i, Qr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function Ct(e) {
+), ei = /^([a-z][a-z0-9+.-]*):/i, ti = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function St(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = Jr.exec(t);
+  const n = ei.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return Qr.has(a) ? t : void 0;
+    return ti.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const ei = {
+const si = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, ti = ({ variant: e, cta: t }) => {
+}, ni = ({ variant: e, cta: t }) => {
   const n = C(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    ei[e]
-  ), a = Ct(t.href);
+    si[e]
+  ), a = St(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
     {
@@ -2843,13 +2843,13 @@ const ei = {
       children: t.label
     }
   );
-}, si = {
+}, ai = {
   dark: "text-white",
   light: "text-black/90"
-}, ni = "text-white/30", ai = {
+}, ri = "text-white/30", ii = {
   dark: "text-white/55",
   light: "text-black/55"
-}, St = ({
+}, Et = ({
   variant: e,
   title: t,
   placeholderTitle: n,
@@ -2863,10 +2863,10 @@ const ei = {
   if (!g && !h && !c && !b) return null;
   const x = C(
     "truncate text-base font-medium leading-6",
-    d && !t ? ni : si[e]
+    d && !t ? ri : ai[e]
   ), p = C(
     "truncate text-xs leading-4",
-    ai[e]
+    ii[e]
   );
   return /* @__PURE__ */ u("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ u("div", { className: "flex items-end gap-3", children: [
@@ -2882,9 +2882,9 @@ const ei = {
       ] }),
       l && /* @__PURE__ */ s("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ s(ti, { variant: e, cta: o })
+    o && /* @__PURE__ */ s(ni, { variant: e, cta: o })
   ] });
-}, ri = C(
+}, li = C(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2903,7 +2903,7 @@ const ei = {
   "data-testid": d
 }) => {
   const m = n != null || a != null, g = C(
-    ri,
+    li,
     l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2951,17 +2951,17 @@ const ei = {
       ]
     }
   );
-}, ii = {
+}, oi = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, li = {
+}, ci = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, qe = (e, t) => !!t && !!e && ce(e) === "audio", Et = (e, t) => {
+}, qe = (e, t) => !!t && !!e && ce(e) === "audio", It = (e, t) => {
   if (!t || !e) return !1;
   const n = ce(e);
   return n === "video" || n === "audio";
-}, It = "bg-[#F2F3F4]", je = ({
+}, Tt = "bg-[#F2F3F4]", je = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: n,
@@ -3012,10 +3012,10 @@ const ei = {
           {
             className: C(
               "flex h-full w-full items-center justify-center",
-              ii[e]
+              oi[e]
             ),
-            children: _e(r, {
-              className: li[e],
+            children: we(r, {
+              className: ci[e],
               weight: "regular"
             })
           }
@@ -3025,7 +3025,7 @@ const ei = {
       ]
     }
   );
-}, oi = ({
+}, di = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3055,10 +3055,10 @@ const ei = {
       onClick: h,
       "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__ */ s(Qn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(ta, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Be, { variant: "dark", bgClassName: It, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Be, { variant: "dark", bgClassName: Tt, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
       je,
       {
@@ -3087,7 +3087,7 @@ const ei = {
           }
         ),
         /* @__PURE__ */ s(
-          St,
+          Et,
           {
             variant: "dark",
             title: e,
@@ -3102,7 +3102,7 @@ const ei = {
       ]
     }
   );
-}, ci = ({
+}, ui = ({
   title: e,
   description: t,
   url: n,
@@ -3114,7 +3114,7 @@ const ei = {
   cta: d,
   onClick: m
 }) => {
-  const g = Et(a, i), h = Ct(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = qe(a, i) ? It : void 0, v = d && m ? {
+  const g = It(a, i), h = St(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = qe(a, i) ? Tt : void 0, v = d && m ? {
     ...d,
     onClick: () => {
       var x;
@@ -3142,7 +3142,7 @@ const ei = {
           }
         ),
         /* @__PURE__ */ s(
-          St,
+          Et,
           {
             variant: "light",
             title: e,
@@ -3155,7 +3155,7 @@ const ei = {
       ]
     }
   );
-}, di = ({
+}, mi = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3168,14 +3168,14 @@ const ei = {
   cta: m,
   onClick: g
 }) => {
-  const h = Et(r, o), f = Ct(a), c = m == null && f != null && !h ? f : void 0, b = m == null && !h && c != null ? g : void 0;
+  const h = It(r, o), f = St(a), c = m == null && f != null && !h ? f : void 0, b = m == null && !h && c != null ? g : void 0;
   return /* @__PURE__ */ u(
     Be,
     {
       variant: "dark",
       href: c,
       onClick: b,
-      bgClassName: qe(r, o) ? It : void 0,
+      bgClassName: qe(r, o) ? Tt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ s(
           je,
@@ -3188,7 +3188,7 @@ const ei = {
           }
         ),
         /* @__PURE__ */ s(
-          St,
+          Et,
           {
             variant: "dark",
             title: e,
@@ -3202,22 +3202,22 @@ const ei = {
       ]
     }
   );
-}, es = {
-  Composer: oi,
-  Sent: di,
-  Received: ci
+}, ts = {
+  Composer: di,
+  Sent: mi,
+  Received: ui
 };
 function P(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function ts(e) {
+function ss(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function ui(e, t) {
+function hi(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const n = ts(e), a = ts(t);
+  const n = ss(e), a = ss(t);
   if (n === a)
     return !0;
   if (!n.includes(a))
@@ -3225,7 +3225,7 @@ function ui(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function ss(e) {
+function ns(e) {
   const t = P(e.og_scrape_url) ?? P(e.title_link), n = P(e.image_url) ?? P(e.thumb_url), a = P(e.asset_url), r = P(e.mime_type);
   return {
     title: P(e.title),
@@ -3235,19 +3235,19 @@ function ss(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: n || Et(r, a) ? "featured" : "classic",
+    layout: n || It(r, a) ? "featured" : "classic",
     mimeType: r
   };
 }
-function mi(e) {
+function fi(e) {
   var t;
-  return Os(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 Fs(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 Os(e) {
+function Fs(e) {
   const t = P(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Fs(e) {
+function $s(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const o = t[t.length - 1];
@@ -3265,25 +3265,25 @@ function Fs(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Os(r)) {
+    if (Fs(r)) {
       a(r);
       continue;
     }
-    const i = mi(r);
+    const i = fi(r);
     i && n(i, r);
   }
   return t;
 }
-function hi(e) {
+function gi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function fi(e, t, n) {
+function pi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function ns(e) {
+function as(e) {
   return P(e.image_url) ?? P(e.asset_url) ?? "";
 }
-function gi(e) {
+function bi(e) {
   switch (e) {
     case "image":
       return ke.Image;
@@ -3297,13 +3297,13 @@ function gi(e) {
       return ke.File;
   }
 }
-function pi(e, t) {
+function vi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: ns(a),
+            src: as(a),
             alt: P(a.title)
           }))
         };
@@ -3354,7 +3354,7 @@ function pi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: ns(n),
+        src: as(n),
         alt: P(n.title)
       };
     case "video":
@@ -3384,42 +3384,42 @@ function pi(e, t) {
       };
   }
 }
-function bi({
+function xi({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = gi(n.kind), r = {
-    ...pi(n.kind, n.attachments),
+  const a = bi(n.kind), r = {
+    ...vi(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const vi = ({
+const _i = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
   renderText: a
 }) => {
   var b;
-  const r = Fs(n.attachments);
+  const r = $s(n.attachments);
   if (r.length === 0) return null;
-  const i = hi(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ss(l.attachments[0] ?? {}).url : void 0, m = o && ui(o, d) ? void 0 : o;
+  const i = gi(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ns(l.attachments[0] ?? {}).url : void 0, m = o && hi(o, d) ? void 0 : o;
   let g = 0;
   const h = [], f = (v, x) => {
-    const p = t ? es.Sent : es.Received;
+    const p = t ? ts.Sent : ts.Received;
     h.push(
-      /* @__PURE__ */ s(p, { ...ss(v) }, x)
+      /* @__PURE__ */ s(p, { ...ns(v) }, x)
     );
   }, c = (v, x) => {
-    const p = fi(
+    const p = pi(
       g,
       i,
       e
     );
     g += 1, h.push(
       /* @__PURE__ */ s(
-        bi,
+        xi,
         {
           groupPosition: p,
           isMyMessage: t,
@@ -3431,8 +3431,8 @@ const vi = ({
   };
   return r.forEach((v, x) => {
     if (v.type === "link") {
-      v.attachments.forEach((p, _) => {
-        f(p, `link-${x}-${_}`);
+      v.attachments.forEach((p, w) => {
+        f(p, `link-${x}-${w}`);
       });
       return;
     }
@@ -3466,8 +3466,8 @@ const vi = ({
       /* @__PURE__ */ s(at, {})
     ] }) : null
   ] });
-}, xi = (e) => {
-  var Dt, zt, Pt, Ot, Ft, $t, Ut, Bt, jt, Vt;
+}, wi = (e) => {
+  var zt, Pt, Ot, Ft, $t, Ut, Bt, jt, Vt, Gt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3485,50 +3485,50 @@ const vi = ({
     renderText: b,
     threadList: v,
     viewerLanguage: x
-  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: S, onFetchSource: z, onDownloadClick: E } = $r("LockedAttachment"), [R, F] = B(!1), D = tn(c.id), { selected: L, voteUp: y, voteDown: I } = wa(c), {
-    Attachment: k = sn,
-    EditMessageModal: T = nn,
+  } = e, { client: p } = fe("CustomMessage"), { channel: w } = oe("CustomMessage"), { isUnlocking: _, onUnlockClick: S, onFetchSource: z, onDownloadClick: E } = Br("LockedAttachment"), [R, F] = B(!1), L = nn(c.id), { selected: D, voteUp: y, voteDown: I } = Na(c), {
+    Attachment: k = an,
+    EditMessageModal: T = rn,
     MessageActions: M,
-    MessageBlocked: O = an,
-    MessageBouncePrompt: $ = rn,
-    MessageDeleted: j = ln,
-    MessageIsThreadReplyInChannelButtonIndicator: Z = on,
-    MessageRepliesCountButton: ee = cn,
-    ReminderNotification: X = dn,
-    StreamedMessageText: N = un,
+    MessageBlocked: O = ln,
+    MessageBouncePrompt: $ = on,
+    MessageDeleted: j = cn,
+    MessageIsThreadReplyInChannelButtonIndicator: Z = dn,
+    MessageRepliesCountButton: ee = un,
+    ReminderNotification: X = mn,
+    StreamedMessageText: N = hn,
     PinIndicator: A
-  } = cs("CustomMessage"), Y = mn(c), q = hn(c), H = re(
+  } = ds("CustomMessage"), Y = fn(c), q = gn(c), H = re(
     () => h == null ? void 0 : h(c),
     [h, c]
   ), U = re(() => {
     const me = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Ue(c)) return be;
-    const Gt = be.filter((Yt) => !("type" in Yt) || !_s(Yt));
-    return Gt.length === be.length ? be : Gt;
+    const Yt = be.filter((Ht) => !("type" in Ht) || !Ns(Ht));
+    return Yt.length === be.length ? be : Yt;
   }, [c]), W = re(
-    () => Fs(U),
+    () => $s(U),
     [U]
   ), J = re(() => {
-    const me = ps({ message: c, viewerLanguage: x });
+    const me = bs({ message: c, viewerLanguage: x });
     return me === c.text ? c : { ...c, text: me };
-  }, [c, x]), de = W.length > 0, De = W.reduce(
+  }, [c, x]), de = W.length > 0, Le = W.reduce(
     (me, be) => me + be.attachments.length,
     0
-  ) === ((U == null ? void 0 : U.length) ?? 0), ze = qa({
+  ) === ((U == null ? void 0 : U.length) ?? 0), ze = Xa({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: o
   });
-  if (fn(c))
+  if (pn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(j, { message: c });
-  if (gn(c))
+  if (bn(c))
     return /* @__PURE__ */ s(O, {});
-  const ae = !v && !!c.reply_count, ue = !v && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = pn(c);
+  const ae = !v && !!c.reply_count, ue = !v && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((zt = c.error) == null ? void 0 : zt.status) !== 403, Mt = vn(c);
   let ge;
-  le ? ge = () => m(c) : Tt && (ge = () => F(!0));
-  const se = f(), Gs = C(
+  le ? ge = () => m(c) : Mt && (ge = () => F(!0));
+  const se = f(), Hs = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3539,26 +3539,26 @@ const vi = ({
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((zt = c == null ? void 0 : c.error) == null ? void 0 : zt.status) !== 403,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Pt = c == null ? void 0 : c.error) == null ? void 0 : Pt.status) !== 403,
       "str-chat__message-with-thread-link": ae || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), We = c.poll_id && p.polls.fromState(c.poll_id), Mt = Wr(c), pe = Ue(c), Ys = kt(c), Xe = !!(U != null && U.length && !c.quoted_message), At = pe && se && Xe, Hs = de && De && !c.quoted_message && !We && !H && !pe, Rt = {
+  ), We = c.poll_id && p.polls.fromState(c.poll_id), At = Kr(c), pe = Ue(c), qs = Ct(c), Xe = !!(U != null && U.length && !c.quoted_message), Rt = pe && se && Xe, Ws = de && Le && !c.quoted_message && !We && !H && !pe, Dt = {
     contentType: "text",
-    amountText: (Pt = c.metadata) == null ? void 0 : Pt.amount_text,
-    paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
+    amountText: (Ot = c.metadata) == null ? void 0 : Ot.amount_text,
+    paymentStatus: (Ft = c.metadata) == null ? void 0 : Ft.payment_status,
     renderedText: c.text && /* @__PURE__ */ s($e, { message: J, renderText: b })
   }, Lt = {
     contentType: "media",
-    title: (Ft = c.metadata) == null ? void 0 : Ft.attachment_title,
-    mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
-    thumbnailUrl: (Ut = c.metadata) == null ? void 0 : Ut.attachment_thumbnail,
-    amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
-    detail: (jt = c.metadata) == null ? void 0 : jt.attachment_detail,
-    paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
-    onFetchSource: z ? () => z(c, _) : void 0
+    title: ($t = c.metadata) == null ? void 0 : $t.attachment_title,
+    mimeType: (Ut = c.metadata) == null ? void 0 : Ut.attachment_mime_type,
+    thumbnailUrl: (Bt = c.metadata) == null ? void 0 : Bt.attachment_thumbnail,
+    amountText: (jt = c.metadata) == null ? void 0 : jt.amount_text,
+    detail: (Vt = c.metadata) == null ? void 0 : Vt.attachment_detail,
+    paymentStatus: (Gt = c.metadata) == null ? void 0 : Gt.payment_status,
+    onFetchSource: z ? () => z(c, w) : void 0
   };
   return /* @__PURE__ */ u(te, { children: [
     a && /* @__PURE__ */ s(
@@ -3568,7 +3568,7 @@ const vi = ({
       }
     ),
     R && /* @__PURE__ */ s(
-      bn,
+      xn,
       {
         MessageBouncePrompt: $,
         onClose: () => F(!1),
@@ -3578,12 +3578,12 @@ const vi = ({
     /* @__PURE__ */ u(
       "div",
       {
-        className: Gs,
+        className: Hs,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
           A && /* @__PURE__ */ s(A, {}),
-          !!D && /* @__PURE__ */ s(X, { reminder: D }),
+          !!L && /* @__PURE__ */ s(X, { reminder: L }),
           c.user && /* @__PURE__ */ s(
             ne,
             {
@@ -3600,7 +3600,7 @@ const vi = ({
             "div",
             {
               className: C("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": le || Tt
+                "str-chat__simple-message--error-failed": le || Mt
               }),
               "data-testid": "message-inner",
               onClick: ge,
@@ -3613,25 +3613,25 @@ const vi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Mt ? /* @__PURE__ */ s(et, { message: c, standalone: !0 }) : Hr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+              children: At ? /* @__PURE__ */ s(et, { message: c, standalone: !0 }) : Wr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                 se && M && /* @__PURE__ */ s(M, {}),
                 se ? /* @__PURE__ */ s(
                   Oe,
                   {
-                    ...Rt,
+                    ...Dt,
                     isMine: !0
                   }
                 ) : /* @__PURE__ */ s(
                   Oe,
                   {
-                    ...Rt,
+                    ...Dt,
                     isMine: !1,
-                    isUnlocking: w(c.id),
-                    onUnlockClick: () => S == null ? void 0 : S(c, _)
+                    isUnlocking: _(c.id),
+                    onUnlockClick: () => S == null ? void 0 : S(c, w)
                   }
                 ),
                 !se && M && /* @__PURE__ */ s(M, {})
-              ] }) }) : qr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : Xr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                   se && M && /* @__PURE__ */ s(M, {}),
                   se ? /* @__PURE__ */ s(
@@ -3639,16 +3639,16 @@ const vi = ({
                     {
                       ...Lt,
                       isMine: !0,
-                      onPreviewClick: () => S ? S(c, _) : void 0
+                      onPreviewClick: () => S ? S(c, w) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Oe,
                     {
                       ...Lt,
                       isMine: !1,
-                      isUnlocking: w(c.id),
-                      onUnlockClick: () => S ? S(c, _) : void 0,
-                      onDownloadClick: () => E ? E(c, _) : void 0
+                      isUnlocking: _(c.id),
+                      onUnlockClick: () => S ? S(c, w) : void 0,
+                      onDownloadClick: () => E ? E(c, w) : void 0
                     }
                   ),
                   !se && M && /* @__PURE__ */ s(M, {})
@@ -3660,8 +3660,8 @@ const vi = ({
                     renderText: b
                   }
                 ) })
-              ] }) : Hs ? /* @__PURE__ */ s(
-                vi,
+              ] }) : Ws ? /* @__PURE__ */ s(
+                _i,
                 {
                   groupPosition: ze,
                   isMyMessage: se,
@@ -3676,7 +3676,7 @@ const vi = ({
                   renderText: b
                 }
               ) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "str-chat__message-bubble", children: [
-                pe && !At && /* @__PURE__ */ s(
+                pe && !Rt && /* @__PURE__ */ s(
                   et,
                   {
                     message: c,
@@ -3684,7 +3684,7 @@ const vi = ({
                     isMyMessage: se
                   }
                 ),
-                We && /* @__PURE__ */ s(vn, { poll: We }),
+                We && /* @__PURE__ */ s(_n, { poll: We }),
                 U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
                   k,
                   {
@@ -3709,8 +3709,8 @@ const vi = ({
               ] }) })
             }
           ),
-          !Ys && !Mt && /* @__PURE__ */ u("div", { className: "str-chat__message-footer", children: [
-            (!pe || At) && /* @__PURE__ */ s(
+          !qs && !At && /* @__PURE__ */ u("div", { className: "str-chat__message-footer", children: [
+            (!pe || Rt) && /* @__PURE__ */ s(
               et,
               {
                 message: c,
@@ -3719,15 +3719,15 @@ const vi = ({
               }
             ),
             n && pe && /* @__PURE__ */ s(
-              Xr,
+              Zr,
               {
-                selected: L,
+                selected: D,
                 onVoteUp: y,
                 onVoteDown: I
               }
             )
           ] }),
-          /* @__PURE__ */ s(Zr, {}),
+          /* @__PURE__ */ s(Qr, {}),
           ae && /* @__PURE__ */ s(
             ee,
             {
@@ -3741,50 +3741,50 @@ const vi = ({
       c.id
     )
   ] });
-}, wi = V.memo(
-  xi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : en(e, t)
-), _i = (e) => {
+}, Ni = V.memo(
+  wi,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : sn(e, t)
+), yi = (e) => {
   const t = Ne("CustomMessage");
-  return /* @__PURE__ */ s(wi, { ...t, ...e });
-}, Ni = () => {
+  return /* @__PURE__ */ s(Ni, { ...t, ...e });
+}, ki = () => {
   var n;
   const { handleDelete: e, message: t } = Ne("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    hs,
+    fs,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(ea, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(sa, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, yi = () => {
+}, Ci = () => {
   const { handleFlag: e } = Ne("CustomMessageActions");
   return /* @__PURE__ */ s(
-    hs,
+    fs,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(ds, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(us, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, ki = () => {
+}, Si = () => {
   var t;
   const { message: e } = Ne("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    na,
+    ra,
     {
       messageActionSet: [
-        { Component: Ni, placement: "quick", type: "delete" },
-        { Component: yi, placement: "quick", type: "flag" }
+        { Component: ki, placement: "quick", type: "delete" },
+        { Component: Ci, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Ci = ({
+}, Ei = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3824,14 +3824,14 @@ const vi = ({
       ]
     }
   );
-}, Si = (e) => ({
+}, Ii = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Ht.previewIsLoaded(t) || Ht.previewIsLoading(t)
+    (t) => qt.previewIsLoaded(t) || qt.previewIsLoading(t)
   )
-}), Ei = () => {
-  const { linkPreviewsManager: e } = xn(), { linkPreviews: t } = wn(
+}), Ti = () => {
+  const { linkPreviewsManager: e } = wn(), { linkPreviews: t } = Nn(
     e.state,
-    Si
+    Ii
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3844,9 +3844,9 @@ const vi = ({
     // block so it keeps its intrinsic height and the container scrolls — a
     // bare flex-column child would be shrunk on the column axis and its
     // fixed-height hero would spill out of the collapsed card box.
-    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ci, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
+    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ei, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Ve = V.createContext(!1), gl = () => Te(Ve), Ii = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Ve = V.createContext(!1), vl = () => Te(Ve), Mi = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3854,13 +3854,13 @@ const vi = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ s(ta, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(na, { weight: "bold", className: "size-4" })
   }
-), as = () => {
-  const e = Te(Ve), { handleSubmit: t } = _n(), n = Nn(), a = e || !n, {
-    SendButton: r = Ii,
-    AttachmentPreviewList: i = yn
-  } = cs("CustomMessageInput");
+), rs = () => {
+  const e = Te(Ve), { handleSubmit: t } = yn(), n = kn(), a = e || !n, {
+    SendButton: r = Mi,
+    AttachmentPreviewList: i = Cn
+  } = ds("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
     // preview list inside is the scrollable region); the textarea + send row
@@ -3876,12 +3876,12 @@ const vi = ({
         className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
         "data-dd-privacy": "mask",
         children: [
-          /* @__PURE__ */ s(kn, {}),
-          /* @__PURE__ */ s(Ei, {}),
+          /* @__PURE__ */ s(Sn, {}),
+          /* @__PURE__ */ s(Ti, {}),
           /* @__PURE__ */ s(i, {}),
           /* @__PURE__ */ u("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
-              Cn,
+              En,
               {
                 "aria-disabled": e || void 0,
                 className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -3908,7 +3908,7 @@ const vi = ({
       }
     )
   );
-}, rs = ({
+}, is = ({
   renderActions: e,
   renderHeader: t,
   renderFooter: n,
@@ -3986,7 +3986,7 @@ const vi = ({
                 className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
                 children: [
                   e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-                  /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(qt, { Input: i ?? as }) })
+                  /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(Wt, { Input: i ?? rs }) })
                 ]
               }
             ),
@@ -4005,42 +4005,57 @@ const vi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(qt, { Input: as }) })
+          /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(Wt, { Input: rs }) })
         ]
       }
     ),
     n == null ? void 0 : n()
   ] });
-}, Ti = [
+}, Ai = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Mi = {
+], Ri = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ai = [
+}, Di = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ri = {
+], Li = [
+  "SYSTEM_ESCALATION",
+  "SYSTEM_DM_AGENT_PAUSED",
+  "SYSTEM_DM_AGENT_RESUMED"
+], zi = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, st = "age safety guidelines.", Li = "https://linktr.ee/s/about/contact", is = (e) => Ti.includes(e), Di = (e) => Ai.includes(e), zi = (e) => {
+}, st = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", dt = (e) => Ai.includes(e), Us = (e) => Di.includes(e), ls = (e) => Li.includes(
+  e
+), Oi = (e) => {
+  var a;
+  const t = (a = e.metadata) == null ? void 0 : a.custom_type;
+  if (ls(t))
+    return !0;
+  if (Us(t))
+    return !1;
+  const n = e.dm_agent_system_type;
+  return dt(n) && ls(n);
+}, Fi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (is(t))
+  if (dt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (Di(t))
+  if (Us(t))
     return {
       kind: "age-safety",
       type: t
     };
   const n = e.dm_agent_system_type;
-  if (is(n))
+  if (dt(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, Pi = (e) => {
+}, $i = (e) => {
   const t = e.indexOf(st);
   if (t === -1)
     return e;
@@ -4050,7 +4065,7 @@ const vi = ({
     /* @__PURE__ */ s(
       "a",
       {
-        href: Li,
+        href: Pi,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4059,13 +4074,13 @@ const vi = ({
     ),
     e.slice(n)
   ] });
-}, Oi = (e) => {
+}, Ui = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = zi(
+  const t = Oi(e.message), n = Fi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Mi[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ri[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4075,7 +4090,7 @@ const vi = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              we,
+              _e,
               {
                 size: 16,
                 weight: "regular",
@@ -4091,7 +4106,7 @@ const vi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ri[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || zi[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4101,7 +4116,7 @@ const vi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              sa,
+              aa,
               {
                 size: 24,
                 weight: "duotone",
@@ -4110,7 +4125,7 @@ const vi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("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: Pi(i) }) })
+            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("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: $i(i) }) })
           ]
         }
       ),
@@ -4125,7 +4140,7 @@ const vi = ({
     ] }),
     !t && /* @__PURE__ */ s(Ke, { message: e.message })
   ] });
-}, $s = dt(!1), nt = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Bs = ut(!1), nt = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4135,17 +4150,17 @@ const vi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Fi = /* @__PURE__ */ new Set([
+) }), Bi = /* @__PURE__ */ new Set([
   Ze.Thinking,
   Ze.Generating,
   Ze.ExternalSources
-]), $i = ({ threadList: e }) => {
+]), ji = ({ threadList: e }) => {
   var b, v;
-  const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = Sn(), { aiState: o } = En(t), l = Te($s);
-  if (!e && l && Fi.has(o)) {
-    const x = Ui(t, (b = r.user) == null ? void 0 : b.id);
+  const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = In(), { aiState: o } = Tn(t), l = Te(Bs);
+  if (!e && l && Bi.has(o)) {
+    const x = Vi(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
-      ls,
+      os,
       {
         avatarId: (x == null ? void 0 : x.id) ?? "ai-agent",
         avatarName: (x == null ? void 0 : x.name) ?? (x == null ? void 0 : x.id) ?? "Agent",
@@ -4158,20 +4173,20 @@ const vi = ({
     return null;
   const m = e ? [] : Object.values(i).filter(
     ({ parent_id: x, user: p }) => {
-      var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && !x;
+      var w;
+      return (p == null ? void 0 : p.id) !== ((w = r.user) == null ? void 0 : w.id) && !x;
     }
   ), g = e ? Object.values(i).filter(
     ({ parent_id: x, user: p }) => {
-      var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && x === (a == null ? void 0 : a.id);
+      var w;
+      return (p == null ? void 0 : p.id) !== ((w = r.user) == null ? void 0 : w.id) && x === (a == null ? void 0 : a.id);
     }
   ) : [], h = e ? g : m;
   if (!h.length)
     return null;
   const f = (v = h[0]) == null ? void 0 : v.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ s(
-    ls,
+    os,
     {
       avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
@@ -4179,7 +4194,7 @@ const vi = ({
       testId: "typing-indicator"
     }
   );
-}, ls = ({
+}, os = ({
   avatarId: e,
   avatarName: t,
   avatarImage: n,
@@ -4223,7 +4238,7 @@ const vi = ({
     ] })
   }
 );
-function Ui(e, t) {
+function Vi(e, t) {
   var a;
   const n = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(n)) {
@@ -4232,7 +4247,7 @@ function Ui(e, t) {
       return i;
   }
 }
-const Bi = () => null, ji = ({ className: e, message: t }) => /* @__PURE__ */ u(
+const Gi = () => null, Yi = ({ className: e, message: t }) => /* @__PURE__ */ u(
   "div",
   {
     className: C("flex items-center justify-center h-full", e),
@@ -4276,11 +4291,11 @@ const Bi = () => null, ji = ({ className: e, message: t }) => /* @__PURE__ */ u(
     ]
   }
 ), Ge = V.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ u("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(ji, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(Yi, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ge.displayName = "LoadingState";
-const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Fe = "Replies instantly with AI assistant", Vi = ({
+const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Fe = "Replies instantly with AI assistant", Hi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4300,20 +4315,20 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: x
 }) => {
   var I, k, T, M, O, $;
-  const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
+  const { channel: p } = oe(), { client: w } = fe(), _ = V.useMemo(
     () => {
       var j;
       return He(
         (j = p.state) == null ? void 0 : j.members,
-        _ == null ? void 0 : _.userID,
+        w == null ? void 0 : w.userID,
         p.type
       );
     },
-    [(I = p.state) == null ? void 0 : I.members, _ == null ? void 0 : _.userID, p.type]
-  ), S = ht(w == null ? void 0 : w.user), z = (k = w == null ? void 0 : w.user) == null ? void 0 : k.image, E = mt(p), R = x == null ? void 0 : x({
+    [(I = p.state) == null ? void 0 : I.members, w == null ? void 0 : w.userID, p.type]
+  ), S = ft(_ == null ? void 0 : _.user), z = (k = _ == null ? void 0 : _.user) == null ? void 0 : k.image, E = ht(p), R = x == null ? void 0 : x({
     channel: p,
-    participant: w
-  }), F = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", D = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", L = /* @__PURE__ */ u(te, { children: [
+    participant: _
+  }), F = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", L = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", D = /* @__PURE__ */ u(te, { children: [
     /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: S }),
     R && /* @__PURE__ */ s("span", { className: "shrink-0", children: R })
   ] }), y = async () => {
@@ -4361,7 +4376,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 /* @__PURE__ */ s(
                   ne,
                   {
-                    id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || p.id || "unknown",
+                    id: ((T = _ == null ? void 0 : _.user) == null ? void 0 : T.id) || p.id || "unknown",
                     name: S,
                     image: z,
                     starred: n && E,
@@ -4370,11 +4385,11 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   }
                 ),
                 /* @__PURE__ */ u("span", { className: "flex max-w-full items-center gap-0.5", children: [
-                  L,
+                  D,
                   /* @__PURE__ */ s(xe, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { children: Fe })
                 ] })
               ]
@@ -4383,7 +4398,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             /* @__PURE__ */ s(
               ne,
               {
-                id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || p.id || "unknown",
+                id: ((M = _ == null ? void 0 : _.user) == null ? void 0 : M.id) || p.id || "unknown",
                 name: S,
                 image: z,
                 starred: n && E,
@@ -4392,7 +4407,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               }
             ),
             /* @__PURE__ */ u("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
-              L,
+              D,
               /* @__PURE__ */ s(
                 xe,
                 {
@@ -4402,7 +4417,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ s("span", { children: Fe })
             ] })
           ] })
@@ -4432,7 +4447,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           lt,
           {
             channel: p,
-            participant: w,
+            participant: _,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
@@ -4469,14 +4484,14 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onClick: v,
             "aria-label": `View details for ${S}`,
             className: C(
-              D,
+              L,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
             children: [
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((O = w == null ? void 0 : w.user) == null ? void 0 : O.id) || p.id || "unknown",
+                  id: ((O = _ == null ? void 0 : _.user) == null ? void 0 : O.id) || p.id || "unknown",
                   name: S,
                   image: z,
                   starred: n && E,
@@ -4486,21 +4501,21 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ),
               /* @__PURE__ */ u("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ u("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-                  L,
+                  D,
                   /* @__PURE__ */ s(xe, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { className: "truncate", children: Fe })
                 ] })
               ] })
             ]
           }
-        ) : /* @__PURE__ */ u("div", { className: D, children: [
+        ) : /* @__PURE__ */ u("div", { className: L, children: [
           /* @__PURE__ */ s(
             ne,
             {
-              id: (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id) || p.id || "unknown",
+              id: (($ = _ == null ? void 0 : _.user) == null ? void 0 : $.id) || p.id || "unknown",
               name: S,
               image: z,
               starred: n && E,
@@ -4510,7 +4525,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ),
           /* @__PURE__ */ u("div", { className: "min-w-0", children: [
             /* @__PURE__ */ u("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-              L,
+              D,
               /* @__PURE__ */ s(
                 xe,
                 {
@@ -4520,7 +4535,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ s("span", { className: "truncate", children: Fe })
             ] })
           ] })
@@ -4550,7 +4565,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           lt,
           {
             channel: p,
-            participant: w,
+            participant: _,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
@@ -4566,7 +4581,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Gi = ({
+}, qi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4585,15 +4600,15 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showStarButton: v = !1,
   chatbotVotingEnabled: x = !1,
   renderChannelBanner: p,
-  renderHeaderTitleBadges: _,
-  customChannelActions: w,
+  renderHeaderTitleBadges: w,
+  customChannelActions: _,
   renderChannelActions: S,
   renderMessage: z,
   dmAgentEnabled: E = !1,
   viewerLanguage: R,
   showChannelInfo: F = !0,
-  onParticipantNameClick: D,
-  composerInput: L
+  onParticipantNameClick: L,
+  composerInput: D
 }) => {
   var N, A, Y, q;
   const { channel: y } = oe(), { client: I } = fe(), k = V.useMemo(
@@ -4615,8 +4630,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     }) : void 0;
   }, [I == null ? void 0 : I.userID, (A = y.state) == null ? void 0 : A.members]), M = ((Y = T == null ? void 0 : T.user) == null ? void 0 : Y.is_account) ?? (T == null ? void 0 : T.is_account), O = ((q = k == null ? void 0 : k.user) == null ? void 0 : q.is_account) ?? (k == null ? void 0 : k.is_account), $ = E && M === !1 && O === !0, j = y.state.messages.some(
     (H) => H.type !== "deleted"
-  ), Z = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = D ? /* @__PURE__ */ s(
-    ba,
+  ), Z = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = L ? /* @__PURE__ */ s(
+    xa,
     {
       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,
@@ -4632,14 +4647,14 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       onDeleteConversationClick: d,
       onBlockParticipantClick: m,
       onReportParticipantClick: g,
-      customChannelActions: w,
+      customChannelActions: _,
       renderChannelActions: S,
-      onParticipantNameClick: D
+      onParticipantNameClick: L
     }
   ) : null, X = Q(
     (H) => {
       const { message: U } = Ne("ChannelView"), W = /* @__PURE__ */ s(
-        _i,
+        yi,
         {
           ...H,
           chatbotVotingEnabled: x,
@@ -4651,18 +4666,18 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     [x, z, R]
   );
   return /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(
-    Tn,
+    An,
     {
       overrides: {
         Message: X,
-        MessageActions: ki,
+        MessageActions: Si,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ u(Mn, { children: [
-        !D && /* @__PURE__ */ u(te, { children: [
+      children: /* @__PURE__ */ u(Rn, { children: [
+        !L && /* @__PURE__ */ u(te, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Vi,
+            Hi,
             {
               onBack: e,
               showBackButton: t,
@@ -4677,27 +4692,27 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onDeleteConversationClick: d,
               onBlockParticipantClick: m,
               onReportParticipantClick: g,
-              customChannelActions: w,
+              customChannelActions: _,
               renderChannelActions: S,
-              renderHeaderTitleBadges: _
+              renderHeaderTitleBadges: w
             }
           ) }, "lt-channel-header"),
           Z
         ] }),
-        L ? /* @__PURE__ */ u("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+        D ? /* @__PURE__ */ u("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
           /* @__PURE__ */ u(
             "div",
             {
               className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
               children: [
-                D && !j && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ u("div", { className: "str-chat__message-list-scroll", children: [
+                L && !j && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ u("div", { className: "str-chat__message-list-scroll", children: [
                   ee,
                   Z
                 ] }) }),
                 /* @__PURE__ */ s(
-                  Wt,
+                  Xt,
                   {
-                    head: D && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
+                    head: L && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                       ee,
                       Z
                     ] }) : void 0,
@@ -4710,7 +4725,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             "lt-channel-message-list"
           ),
           /* @__PURE__ */ s(
-            rs,
+            is,
             {
               ...n && {
                 renderActions: () => n == null ? void 0 : n(y)
@@ -4721,7 +4736,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               renderFooter: () => a == null ? void 0 : a(y),
               disabled: c,
               disabledReason: b,
-              composerInput: L
+              composerInput: D
             },
             "lt-channel-message-input"
           )
@@ -4731,14 +4746,14 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               className: "flex-1 overflow-hidden relative",
               children: [
-                D && !j && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ u("div", { className: "str-chat__message-list-scroll", children: [
+                L && !j && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ u("div", { className: "str-chat__message-list-scroll", children: [
                   ee,
                   Z
                 ] }) }),
                 /* @__PURE__ */ s(
-                  Wt,
+                  Xt,
                   {
-                    head: D && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
+                    head: L && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                       ee,
                       Z
                     ] }) : void 0,
@@ -4752,7 +4767,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ),
           r ? /* @__PURE__ */ s(V.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
           /* @__PURE__ */ s(
-            rs,
+            is,
             {
               ...n && {
                 renderActions: () => n == null ? void 0 : n(y)
@@ -4760,7 +4775,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               renderFooter: () => a == null ? void 0 : a(y),
               disabled: c,
               disabledReason: b,
-              composerInput: L
+              composerInput: D
             },
             "lt-channel-message-input"
           )
@@ -4768,7 +4783,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, Us = V.memo(
+}, js = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -4779,7 +4794,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Bi,
+    CustomChannelEmptyState: m = Gi,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: h,
     onBlockParticipantClick: f,
@@ -4788,15 +4803,15 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     showReportParticipant: v = !0,
     composerDisabled: x = !1,
     composerDisabledReason: p,
-    dmAgentEnabled: _,
-    messageMetadata: w,
+    dmAgentEnabled: w,
+    messageMetadata: _,
     onMessageSent: S,
     showStarButton: z = !1,
     chatbotVotingEnabled: E = !1,
     renderChannelBanner: R,
     renderHeaderTitleBadges: F,
-    customChannelActions: D,
-    renderChannelActions: L,
+    customChannelActions: L,
+    renderChannelActions: D,
     renderMessage: y,
     onMessageLinkClick: I,
     sendButton: k,
@@ -4809,13 +4824,13 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     const Z = Q(
       async (X, N, A) => {
         var J;
-        const Y = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, q = _ && !Y, H = {
+        const Y = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, q = w && !Y, H = {
           ...N,
           ...q && { silent: !0 },
-          ...w && {
+          ..._ && {
             metadata: {
               ...N.metadata ?? {},
-              ...w
+              ..._
             }
           }
         }, U = {
@@ -4824,7 +4839,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         }, W = await e.sendMessage(H, U);
         return S == null || S(W), W;
       },
-      [e, _, w, S]
+      [e, w, _, S]
     ), ee = G(null);
     return K(() => {
       if (!I) return;
@@ -4845,20 +4860,20 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s($s.Provider, { value: _ ?? !1, children: /* @__PURE__ */ s(
-          In,
+        children: /* @__PURE__ */ s(Bs.Provider, { value: w ?? !1, children: /* @__PURE__ */ s(
+          Mn,
           {
             channel: e,
-            MessageSystem: Oi,
+            MessageSystem: Ui,
             EmptyStateIndicator: m,
             LoadingIndicator: Ge,
-            DateSeparator: va,
-            TypingIndicator: $i,
+            DateSeparator: _a,
+            TypingIndicator: ji,
             doSendMessageRequest: Z,
             ...k ? { SendButton: k } : {},
             ...T ? { AttachmentPreviewList: T } : {},
             children: /* @__PURE__ */ s(
-              Gi,
+              qi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4877,12 +4892,12 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 composerDisabled: x,
                 composerDisabledReason: p,
                 showStarButton: z,
-                dmAgentEnabled: _,
+                dmAgentEnabled: w,
                 chatbotVotingEnabled: E,
                 renderChannelBanner: R,
                 renderHeaderTitleBadges: F,
-                customChannelActions: D,
-                renderChannelActions: L,
+                customChannelActions: L,
+                renderChannelActions: D,
                 renderMessage: y,
                 viewerLanguage: M,
                 showChannelInfo: O,
@@ -4896,7 +4911,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-Us.displayName = "ChannelView";
+js.displayName = "ChannelView";
 const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ u("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
@@ -4912,7 +4927,7 @@ const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const pl = ({
+const xl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4931,8 +4946,8 @@ const pl = ({
   renderChannelBanner: v,
   customChannelActions: x,
   renderChannelActions: p,
-  onParticipantNameClick: _,
-  renderMessage: w,
+  onParticipantNameClick: w,
+  renderMessage: _,
   onMessageLinkClick: S,
   showChannelInfo: z,
   composerInput: E
@@ -4940,12 +4955,12 @@ const pl = ({
   const {
     client: R,
     isConnected: F,
-    isLoading: D,
-    error: L,
+    isLoading: L,
+    error: D,
     refreshConnection: y,
     service: I,
     debug: k
-  } = aa(), [T, M] = B(null), [O, $] = B(null), [j, Z] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
+  } = ia(), [T, M] = B(null), [O, $] = B(null), [j, Z] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
   X.current = o;
   const N = G(a);
   N.current = a;
@@ -4963,7 +4978,7 @@ const pl = ({
       A.current === W && (A.current = null);
     };
     (async () => {
-      var De, ze;
+      var Le, ze;
       try {
         k && console.log(
           "[MessagingShell] Loading initial conversation with:",
@@ -4978,7 +4993,7 @@ const pl = ({
           { limit: 1 }
         );
         if (ae.length > 0) {
-          M(ae[0]), $(null), (De = N.current) == null || De.call(N, ae[0]), k && console.log(
+          M(ae[0]), $(null), (Le = N.current) == null || Le.call(N, ae[0]), k && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ae[0].id
           );
@@ -5022,14 +5037,14 @@ const pl = ({
     var U;
     M(null), Z(!0), (U = q.current) == null || U.call(q);
   }, []);
-  return D ? /* @__PURE__ */ s(Ge, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: y }) : !F || !R ? /* @__PURE__ */ s(
+  return L ? /* @__PURE__ */ s(Ge, {}) : D ? /* @__PURE__ */ s(Ce, { message: D, onBack: y }) : !F || !R ? /* @__PURE__ */ s(
     Ce,
     {
       message: "Not connected to messaging service",
       onBack: y
     }
   ) : O ? /* @__PURE__ */ s(Ce, { message: O }) : j && !T ? /* @__PURE__ */ s(Ce, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    Us,
+    js,
     {
       channel: T,
       renderMessageInputActions: t,
@@ -5048,8 +5063,8 @@ const pl = ({
       renderHeaderTitleBadges: b,
       customChannelActions: x,
       renderChannelActions: p,
-      onParticipantNameClick: _,
-      renderMessage: w,
+      onParticipantNameClick: w,
+      renderMessage: _,
       onMessageLinkClick: S,
       showChannelInfo: z,
       composerInput: E
@@ -5057,13 +5072,13 @@ const pl = ({
     T.id
   ) }) }) : /* @__PURE__ */ s(Ge, {});
 };
-function Yi(e) {
+function Wi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const Bs = V.createContext({
+const Vs = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5071,18 +5086,18 @@ const Bs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Hi = Bs.Provider, qi = () => V.useContext(Bs), Wi = (e, t) => {
+}), Xi = Vs.Provider, Ki = () => V.useContext(Vs), Zi = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Xi = (e) => {
+}, Ji = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Wi(e, t);
+  const a = Zi(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5092,9 +5107,9 @@ const Bs = V.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, js = V.memo(
+}, Gs = V.memo(
   (e) => {
-    var F, D, L;
+    var F, L, D;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -5102,7 +5117,7 @@ const Bs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = qi(), { client: m } = fe(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = mt(t);
+    } = Ki(), { client: m } = fe(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ht(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -5123,16 +5138,16 @@ const Bs = V.createContext({
       (F = t == null ? void 0 : t.state) == null ? void 0 : F.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
-    ), v = ht(b == null ? void 0 : b.user), x = (D = b == null ? void 0 : b.user) == null ? void 0 : D.image, p = (() => {
+    ), v = ft(b == null ? void 0 : b.user), x = (L = b == null ? void 0 : b.user) == null ? void 0 : L.image, p = (() => {
       var I;
       const y = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
       if (y != null && y.length) {
         for (let k = y.length - 1; k >= 0; k--)
           if (y[k].type !== "system") return y[k];
       }
-    })(), w = (() => {
+    })(), _ = (() => {
       var M;
-      const y = ps({
+      const y = bs({
         message: p,
         viewerLanguage: d
       }), { custom_type: I, attachment_content_type: k } = (p == null ? void 0 : p.metadata) || {};
@@ -5149,7 +5164,7 @@ const Bs = V.createContext({
       if (y) return y;
       const T = (M = p == null ? void 0 : p.attachments) == null ? void 0 : M[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), S = p != null && p.created_at ? Xi(new Date(p.created_at)) : "", z = p ? Ue(p) : !1, E = l ? l(p, w) : `${z ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), S = p != null && p.created_at ? Ji(new Date(p.created_at)) : "", z = p ? Ue(p) : !1, E = l ? l(p, _) : `${z ? "✨ " : ""}${_}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
@@ -5175,7 +5190,7 @@ const Bs = V.createContext({
           /* @__PURE__ */ s(
             ne,
             {
-              id: ((L = b == null ? void 0 : b.user) == null ? void 0 : L.id) || t.id || "unknown",
+              id: ((D = b == null ? void 0 : b.user) == null ? void 0 : D.id) || t.id || "unknown",
               name: v,
               image: x,
               size: 48,
@@ -5208,18 +5223,18 @@ const Bs = V.createContext({
     );
   }
 );
-js.displayName = "CustomChannelPreview";
-const Ki = { last_message_at: -1 }, Zi = V.memo(
+Gs.displayName = "CustomChannelPreview";
+const Qi = { last_message_at: -1 }, el = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Ki,
+    sort: i = Qi,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = Rn,
+    channelListPaginator: d = Ln,
     channelPreview: m,
     renderMessagePreview: g,
     viewerLanguage: h,
@@ -5230,18 +5245,18 @@ const Ki = { last_message_at: -1 }, Zi = V.memo(
     onAddedToChannel: x,
     onChannelUpdated: p
   }) => {
-    const _ = V.useRef(0);
-    _.current++;
-    const { debug: w = !1 } = ut(), S = V.useCallback(
+    const w = V.useRef(0);
+    w.current++;
+    const { debug: _ = !1 } = mt(), S = V.useCallback(
       (E) => {
         for (const R of E)
-          Yi(R);
+          Wi(R);
         return r ? r(E) : E;
       },
       [r]
     );
-    w && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: _.current,
+    _ && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: w.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: n
     });
@@ -5249,7 +5264,7 @@ const Ki = { last_message_at: -1 }, Zi = V.memo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: w,
+        debug: _,
         channelPreview: m,
         renderMessagePreview: g,
         viewerLanguage: h
@@ -5257,7 +5272,7 @@ const Ki = { last_message_at: -1 }, Zi = V.memo(
       [
         t,
         e,
-        w,
+        _,
         m,
         g,
         h
@@ -5270,8 +5285,8 @@ const Ki = { last_message_at: -1 }, Zi = V.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Hi, { value: z, children: /* @__PURE__ */ s(
-          An,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Xi, { value: z, children: /* @__PURE__ */ s(
+          Dn,
           {
             filters: n,
             sort: i,
@@ -5285,7 +5300,7 @@ const Ki = { last_message_at: -1 }, Zi = V.memo(
             onAddedToChannel: x,
             onChannelUpdated: p,
             Paginator: d,
-            Preview: js,
+            Preview: Gs,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5294,11 +5309,11 @@ const Ki = { last_message_at: -1 }, Zi = V.memo(
     );
   }
 );
-Zi.displayName = "ChannelList";
-const os = `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%`, Ji = {
+el.displayName = "ChannelList";
+const cs = `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%`, tl = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Qi = ({ variant: e }) => /* @__PURE__ */ s(
+}, sl = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5308,12 +5323,12 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: Ji[e],
-      WebkitMask: os,
-      mask: os
+      backgroundColor: tl[e],
+      WebkitMask: cs,
+      mask: cs
     }
   }
-), el = {
+), nl = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5322,7 +5337,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, Vs = ({
+}, Ys = ({
   variant: e,
   text: t,
   tail: n = !0,
@@ -5338,23 +5353,23 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       r
     ),
     style: {
-      ...el[e],
+      ...nl[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words", children: t }),
-      n && /* @__PURE__ */ s(Qi, { variant: e })
+      n && /* @__PURE__ */ s(sl, { variant: e })
     ]
   }
-), tl = ({
+), al = ({
   text: e,
   tail: t,
   header: n,
   className: a
 }) => /* @__PURE__ */ s(
-  Vs,
+  Ys,
   {
     variant: "received",
     text: e,
@@ -5362,10 +5377,10 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), sl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Vs, { variant: "sent", text: e, tail: t, className: n }), bl = {
-  Sent: sl,
-  Received: tl
-}, nl = ({
+), rl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Ys, { variant: "sent", text: e, tail: t, className: n }), _l = {
+  Sent: rl,
+  Received: al
+}, il = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5387,7 +5402,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), vl = ({
+), wl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5416,7 +5431,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ s(
-            nl,
+            il,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5430,42 +5445,42 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   ] }) });
 };
 export {
-  vs as A,
-  bt as B,
-  Bi as C,
-  ht as D,
-  gl as E,
-  vl as F,
-  $r as G,
-  wa as H,
-  aa as I,
-  es as L,
-  hl as M,
+  xs as A,
+  vt as B,
+  Gi as C,
+  ft as D,
+  vl as E,
+  wl as F,
+  Br as G,
+  Na as H,
+  ia as I,
+  ts as L,
+  pl as M,
   ye as a,
   ne as b,
-  Zi as c,
-  Us as d,
-  fl as e,
-  nl as f,
+  el as c,
+  js as d,
+  bl as e,
+  il as f,
   ce as g,
   Oe as h,
   ke as i,
-  bl as j,
-  Xr as k,
-  ml as l,
-  pl as m,
-  nr as n,
+  _l as j,
+  Zr as k,
+  gl as l,
+  xl as m,
+  rr as n,
   he as o,
-  er as p,
-  Xi as q,
-  _e as r,
-  sr as s,
-  ps as t,
-  _s as u,
-  oa as v,
-  qa as w,
-  _a as x,
+  sr as p,
+  Ji as q,
+  we as r,
+  ar as s,
+  bs as t,
+  Ns as u,
+  da as v,
+  Xa as w,
+  ya as x,
   He as y,
-  pt as z
+  bt as z
 };
-//# sourceMappingURL=index-DlkI5kym.js.map
+//# sourceMappingURL=index-DOIcFOhH.js.map