@linktr.ee/messaging-react 3.12.3-rc-1784034329 → 3.12.3-rc-1784036626

package/dist/{index-BvuCjzqJ.js → index-5kR8BcYv.js}

@@ -1,12 +1,12 @@
 import { jsx as s, jsxs as u, Fragment as se } from "react/jsx-runtime";
-import V, { createContext as ct, useContext as Te, useCallback as J, useState as U, useRef as G, useEffect as K, useId as js, useMemo as re, Suspense as Vs } from "react";
-import { StreamChatService as Gs } from "@linktr.ee/messaging-core";
-import { StreamChat as Hs, LinkPreviewsManager as Yt } from "stream-chat";
-import { Chat as Ys, useChannelStateContext as oe, useChatContext as fe, DateSeparator as qs, MessageStatus as Ws, useMessageContext as Ne, MessageErrorIcon as nt, MessageText as $e, areMessageUIPropsEqual as Xs, useMessageReminder as Ks, useComponentContext as as, Attachment as Zs, EditMessageModal as Js, MessageBlocked as Qs, MessageBouncePrompt as en, MessageDeleted as tn, MessageIsThreadReplyInChannelButtonIndicator as sn, MessageRepliesCountButton as nn, ReminderNotification as an, StreamedMessageText as rn, messageHasAttachments as ln, messageHasReactions as on, isDateSeparatorMessage as cn, isMessageBlocked as dn, isMessageBounced as un, MessageBounceModal as mn, Poll as hn, useMessageComposer as fn, useStateStore as gn, MessageInput as pn, useMessageInputContext as bn, useMessageComposerHasSendableData as vn, AttachmentPreviewList as xn, QuotedMessagePreview as wn, TextareaComposer as _n, MessageTimestamp as Xe, AIStates as Ke, useTypingContext as Nn, useAIState as yn, Channel as kn, WithComponents as Cn, Window as Sn, MessageList as En, ChannelList as In, InfiniteScroll as Tn } from "stream-chat-react";
-import { StarIcon as Ie, DotsThreeIcon as Mn, SpinnerGapIcon as Fe, SignOutIcon as An, ProhibitInsetIcon as qt, FlagIcon as rs, ArrowLeftIcon as at, CurrencyDollarIcon as Rn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as is, ImageIcon as Ln, SpeakerHighIcon as Dn, VideoCameraIcon as ls, FileMdIcon as zn, FileTextIcon as Fn, FileZipIcon as Pn, FilePptIcon as On, FileCsvIcon as $n, FileXlsIcon as Bn, FileDocIcon as Un, FilePdfIcon as jn, CircleNotchIcon as Se, PlayIcon as rt, PauseIcon as Vn, LinkIcon as Gn, DownloadSimpleIcon as Ee, XIcon as Ge, CaretLeftIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as qn, ThumbsDownIcon as Wn, ChecksIcon as Xn, PencilSimpleIcon as Kn, TrashSimpleIcon as Zn, ArrowUpIcon as Jn, ProhibitIcon as Qn } from "@phosphor-icons/react";
-import y from "classnames";
-import { MessageActions as ea, DefaultDropdownActionButton as os } from "stream-chat-react/experimental";
-const cs = ct({
+import V, { createContext as ct, useContext as Te, useCallback as J, useState as B, useRef as G, useEffect as K, useId as Vs, useMemo as re, Suspense as Gs } from "react";
+import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
+import { StreamChat as Ys, LinkPreviewsManager as Yt } from "stream-chat";
+import { Chat as qs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as Ne, MessageErrorIcon as nt, MessageText as $e, areMessageUIPropsEqual as Ks, useMessageReminder as Zs, useComponentContext as rs, Attachment as Js, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Xe, AIStates as Ke, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as Mn } from "stream-chat-react";
+import { StarIcon as Ie, DotsThreeIcon as An, SpinnerGapIcon as Fe, SignOutIcon as Rn, ProhibitInsetIcon as qt, FlagIcon as is, ArrowLeftIcon as at, CurrencyDollarIcon as Ln, CaretRightIcon as xe, SparkleIcon as we, FileIcon as ls, ImageIcon as Dn, SpeakerHighIcon as zn, VideoCameraIcon as os, FileMdIcon as Fn, FileTextIcon as Pn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as Un, FileXlsIcon as Bn, FileDocIcon as jn, FilePdfIcon as Vn, CircleNotchIcon as Se, PlayIcon as rt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Ee, XIcon as Ge, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Zn, TrashSimpleIcon as Jn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
+import k from "classnames";
+import { MessageActions as ta, DefaultDropdownActionButton as cs } from "stream-chat-react/experimental";
+const ds = ct({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const cs = ct({
   refreshConnection: async () => {
   },
   debug: !1
-}), dt = () => Te(cs), hl = ({
+}), dt = () => Te(ds), ml = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -25,7 +25,7 @@ const cs = ct({
   debug: i = !1,
   client: o
 }) => {
-  var I, T;
+  var y, T;
   const l = J(
     (M, ...P) => {
       i && console.log(`🔥 [MessagingProvider] ${M}`, ...P);
@@ -38,11 +38,11 @@ const cs = ct({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = U(null), [f, h] = U(null), [g, c] = U(!1), [b, v] = U(!1), [x, p] = U(null), _ = G(!1), w = G(null), k = G(n);
-  k.current = n;
+  const [d, m] = B(null), [f, h] = B(null), [g, c] = B(!1), [b, v] = B(!1), [x, p] = B(null), _ = G(!1), w = G(null), C = G(n);
+  C.current = n;
   const D = G(i);
   D.current = i;
-  const S = G({
+  const E = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
@@ -52,22 +52,22 @@ const cs = ct({
     renderCount: R.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: S.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: S.current.apiKey !== a,
-      serviceConfigChanged: S.current.serviceConfig !== n,
-      capabilitiesChanged: S.current.capabilities !== r
+      userChanged: E.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: E.current.apiKey !== a,
+      serviceConfigChanged: E.current.serviceConfig !== n,
+      capabilitiesChanged: E.current.capabilities !== r
     }
-  }), S.current = {
+  }), E.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: r
   };
   const O = G(null);
-  !o && a && ((I = O.current) == null ? void 0 : I.apiKey) !== a && (O.current = { apiKey: a, client: new Hs(a) });
+  !o && a && ((y = O.current) == null ? void 0 : y.apiKey) !== a && (O.current = { apiKey: a, client: new Ys(a) });
   const F = o || (a ? ((T = O.current) == null ? void 0 : T.client) ?? null : null);
   K(() => {
-    const M = R.current, P = k.current;
+    const M = R.current, P = C.current;
     if (o) {
       w.current = null, m(null), h(null), c(!1), p(null), v(!1);
       return;
@@ -83,7 +83,7 @@ const cs = ct({
       renderCount: M,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new Gs({
+    const $ = new Hs({
       ...P,
       apiKey: a,
       debug: D.current,
@@ -150,7 +150,7 @@ const cs = ct({
       M && (L.current = null, (P = w.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const C = J(async () => {
+  const S = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -174,7 +174,7 @@ const cs = ct({
         v(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, l, o]), E = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, l, o]), I = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!f,
     isConnected: g,
@@ -196,7 +196,7 @@ const cs = ct({
     isLoading: o ? !1 : b,
     error: o ? null : x,
     capabilities: r,
-    refreshConnection: C,
+    refreshConnection: S,
     debug: i
   }), [
     d,
@@ -206,16 +206,16 @@ const cs = ct({
     b,
     x,
     r,
-    C,
+    S,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
     renderCount: R.current,
     willRenderChat: !!F,
-    contextValueReady: !!E
-  }), /* @__PURE__ */ s(cs.Provider, { value: E, children: F ? /* @__PURE__ */ s(
-    Ys,
+    contextValueReady: !!I
+  }), /* @__PURE__ */ s(ds.Provider, { value: I, children: F ? /* @__PURE__ */ s(
+    qs,
     {
       client: F,
       customClasses: {
@@ -224,9 +224,9 @@ const cs = ct({
       children: e
     }
   ) : e });
-}, ta = () => dt(), ut = (e) => {
+}, sa = () => dt(), ut = (e) => {
   var a, r;
-  const [t, n] = U(
+  const [t, n] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return K(() => {
@@ -246,14 +246,14 @@ const cs = ct({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, sa = "linktree-official", na = "linktree-official-sender";
+}, na = "linktree-official", aa = "linktree-official-sender";
 function He(e, t, n) {
   const a = Object.values(e || {});
-  if (n === sa) {
+  if (n === na) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === na;
+        return ((o = i.user) == null ? void 0 : o.id) === aa;
       }
     );
     if (r) return r;
@@ -265,13 +265,13 @@ function He(e, t, n) {
     }
   );
 }
-const aa = /^[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 ra(e) {
-  return aa.test(e.trim());
+const ra = /^[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 ia(e) {
+  return ra.test(e.trim());
 }
 function Wt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t ? !1 : !ra(n);
+  return !n || t && n === t ? !1 : !ia(n);
 }
 function mt(e) {
   return Wt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Wt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
@@ -304,7 +304,7 @@ const Xt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ia(e) {
+function la(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -312,14 +312,14 @@ function ia(e) {
   }
   return Math.abs(t);
 }
-function ds(e) {
-  return Xt[ia(e) % Xt.length];
-}
-function la(e) {
-  return ds(e).emoji;
+function us(e) {
+  return Xt[la(e) % Xt.length];
 }
 function oa(e) {
-  return ds(e).bgColor;
+  return us(e).emoji;
+}
+function ca(e) {
+  return us(e).bgColor;
 }
 const ne = ({
   id: e,
@@ -330,7 +330,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = la(e), d = oa(e), m = 0.45, h = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = 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 = oa(e), d = ca(e), m = 0.45, h = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = 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,
@@ -341,7 +341,7 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: y(
+      className: k(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
       style: { fontSize: h, lineHeight: 1 },
@@ -351,7 +351,7 @@ const ne = ({
   return /* @__PURE__ */ u(
     "div",
     {
-      className: y(
+      className: k(
         "relative flex-shrink-0",
         a
       ),
@@ -375,7 +375,7 @@ const ne = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: y(
+            className: k(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -394,7 +394,7 @@ const ne = ({
       ]
     }
   );
-}, ca = "https://linktr.ee/s/about/trust-center/report", da = ({
+}, da = "https://linktr.ee/s/about/trust-center/report", ua = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -407,30 +407,30 @@ const ne = ({
   onActionComplete: m,
   logLabel: f = "useChannelModerationActions"
 }) => {
-  var E;
-  const { service: h, debug: g } = dt(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [v, x] = U(!1), [p, _] = U(null), [w, k] = U(!1), [D, S] = U(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  var I;
+  const { service: h, debug: g } = dt(), 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, C] = B(!1), [D, 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);
       return;
     }
-    let I = !1;
+    let y = !1;
     return (async () => {
       try {
         const T = await h.getBlockedUsers();
-        if (I) return;
+        if (y) return;
         x(
           T.some(
             (M) => M.blocked_user_id === c
           )
         );
       } catch (T) {
-        I || console.error(`[${f}] Failed to check blocked status:`, T);
+        y || console.error(`[${f}] Failed to check blocked status:`, T);
       } finally {
-        I || _({ participantId: c, service: h });
+        y || _({ participantId: c, service: h });
       }
     })(), () => {
-      I = !0;
+      y = !0;
     };
   }, [b, h, c, f]), {
     isParticipantBlocked: v,
@@ -438,47 +438,47 @@ const ne = ({
     isLeaving: w,
     isUpdatingBlockStatus: D,
     handleLeaveConversation: async () => {
-      var I;
+      var y;
       if (!w) {
-        o == null || o(), g && console.log(`[${f}] Leave conversation`, e.cid), k(!0);
+        o == null || o(), g && console.log(`[${f}] Leave conversation`, e.cid), C(!0);
         try {
-          const T = ((I = e._client) == null ? void 0 : I.userID) ?? null;
+          const T = ((y = e._client) == null ? void 0 : y.userID) ?? null;
           await e.hide(T, !1), r && await r(e), m == null || m();
         } catch (T) {
           console.error(`[${f}] Failed to leave conversation`, T);
         } finally {
-          k(!1);
+          C(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var I, T, M;
+      var y, T, M;
       if (!(D || !h)) {
-        l == null || l(), g && console.log(`[${f}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
+        l == null || l(), g && console.log(`[${f}] Block member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), E(!0);
         try {
           await h.blockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
         } catch (P) {
           console.error(`[${f}] Failed to block member`, P);
         } finally {
-          S(!1);
+          E(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var I, T, M;
+      var y, T, M;
       if (!(D || !h)) {
-        l == null || l(), g && console.log(`[${f}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
+        l == null || l(), g && console.log(`[${f}] Unblock member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), E(!0);
         try {
           await h.unBlockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
         } catch (P) {
           console.error(`[${f}] Failed to unblock member`, P);
         } finally {
-          S(!1);
+          E(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(ca, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(da, "_blank", "noopener,noreferrer");
     }
   };
 }, ye = ({
@@ -490,7 +490,7 @@ const ne = ({
   "button",
   {
     type: "button",
-    className: y(
+    className: k(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -512,16 +512,16 @@ const ne = ({
   customChannelActions: f,
   triggerClassName: h
 }) => {
-  const [g, c] = U(!1), b = G(null), v = js(), x = J(() => c(!1), []), {
+  const [g, c] = B(!1), b = G(null), v = Vs(), x = J(() => c(!1), []), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: _,
     isLeaving: w,
-    isUpdatingBlockStatus: k,
+    isUpdatingBlockStatus: C,
     handleLeaveConversation: D,
-    handleBlockUser: S,
+    handleBlockUser: E,
     handleUnblockUser: R,
     handleReportUser: O
-  } = da({
+  } = ua({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -536,13 +536,13 @@ const ne = ({
   });
   return K(() => {
     if (!g) return;
-    const L = (E) => {
-      b.current && !b.current.contains(E.target) && c(!1);
-    }, C = (E) => {
-      E.key === "Escape" && c(!1);
+    const L = (I) => {
+      b.current && !b.current.contains(I.target) && c(!1);
+    }, S = (I) => {
+      I.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", C), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", C);
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", S), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", S);
     };
   }, [g]), !t || !(n || a || r || !!f) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ u(
@@ -555,7 +555,7 @@ const ne = ({
         "aria-controls": g ? v : void 0,
         onClick: () => c((L) => !L),
         children: [
-          /* @__PURE__ */ s(Mn, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(An, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -565,7 +565,7 @@ const ne = ({
       {
         id: v,
         "aria-label": "Conversation options",
-        className: y(
+        className: k(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -577,7 +577,7 @@ const ne = ({
               disabled: w,
               "aria-busy": w,
               children: [
-                w ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(An, { className: "h-5 w-5" }),
+                w ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Rn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -593,27 +593,27 @@ const ne = ({
             ye,
             {
               onClick: R,
-              disabled: k,
-              "aria-busy": k,
+              disabled: C,
+              "aria-busy": C,
               children: [
-                k ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
+                C ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ u(
             ye,
             {
-              onClick: S,
-              disabled: k,
-              "aria-busy": k,
+              onClick: E,
+              disabled: C,
+              "aria-busy": C,
               children: [
-                k ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
+                C ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
           ) }),
           r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ u(ye, { variant: "danger", onClick: O, children: [
-            /* @__PURE__ */ s(rs, { className: "h-5 w-5" }),
+            /* @__PURE__ */ s(is, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           f
@@ -621,10 +621,7 @@ const ne = ({
       }
     )
   ] });
-}, Ze = "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", ua = "CUSTOMER_PAID", ma = "Replies instantly with AI assistant", ha = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ua, fa = (e) => {
-  const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(ha);
-}, ga = ({
+}, Ze = "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", ma = "CUSTOMER_PAID", ha = "Replies instantly with AI assistant", fa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ma, ga = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -643,31 +640,31 @@ const ne = ({
   showChannelInfo: v = !0,
   onParticipantNameClick: x
 }) => {
-  var F, L, C;
+  var F, L, S, I;
   const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
     () => {
-      var E;
+      var y;
       return He(
-        (E = p.state) == null ? void 0 : E.members,
+        (y = p.state) == null ? void 0 : y.members,
         _ == null ? void 0 : _.userID,
         p.type
       );
     },
     [(F = p.state) == null ? void 0 : F.members, _ == null ? void 0 : _.userID, p.type]
-  ), k = mt(w == null ? void 0 : w.user), D = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, S = ut(p), R = fa(w), O = async () => {
+  ), C = mt(w == null ? void 0 : w.user), D = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, E = ut(p), R = fa((S = p.data) == null ? void 0 : S.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, O = async () => {
     try {
-      S ? await p.unpin() : await p.pin();
-    } catch (E) {
+      E ? await p.unpin() : await p.pin();
+    } catch (y) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        E
+        y
       );
     }
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",
         e
       ),
@@ -675,7 +672,7 @@ const ne = ({
         /* @__PURE__ */ s("div", { className: "flex items-start", children: n && /* @__PURE__ */ s(
           "button",
           {
-            className: y(
+            className: k(
               Ze,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
@@ -691,14 +688,14 @@ const ne = ({
           {
             type: "button",
             onClick: x,
-            "aria-label": `View details for ${k}`,
+            "aria-label": `View details for ${C}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
             children: [
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((C = w == null ? void 0 : w.user) == null ? void 0 : C.id) || p.id || "unknown",
-                  name: k,
+                  id: ((I = w == null ? void 0 : w.user) == null ? void 0 : I.id) || p.id || "unknown",
+                  name: C,
                   image: D,
                   dmAgentEnabled: r,
                   shape: "circle",
@@ -708,17 +705,17 @@ const ne = ({
               ),
               /* @__PURE__ */ u("span", { className: "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95", children: [
                 /* @__PURE__ */ u("span", { className: "flex max-w-full items-center justify-center", children: [
-                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: k }),
+                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: C }),
                   /* @__PURE__ */ u("span", { className: "ml-2 flex gap-1", children: [
                     R && /* @__PURE__ */ s(
                       "span",
                       {
                         "aria-label": "Paid customer",
                         className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                        children: /* @__PURE__ */ s(Rn, { className: "size-2.5", weight: "bold" })
+                        children: /* @__PURE__ */ s(Ln, { className: "size-2.5", weight: "bold" })
                       }
                     ),
-                    a && S && /* @__PURE__ */ s(
+                    a && E && /* @__PURE__ */ s(
                       "span",
                       {
                         "aria-label": "Starred conversation",
@@ -738,7 +735,7 @@ 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: ma })
+                  /* @__PURE__ */ s("span", { children: ha })
                 ] })
               ] })
             ]
@@ -751,16 +748,16 @@ const ne = ({
               className: Ze,
               onClick: O,
               type: "button",
-              "aria-pressed": S,
-              "aria-label": S ? "Unstar conversation" : "Star conversation",
+              "aria-pressed": E,
+              "aria-label": E ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ s(
                 Ie,
                 {
-                  className: y("size-5", {
-                    "text-[#FFD60A]": S,
-                    "text-black/90": !S
+                  className: k("size-5", {
+                    "text-[#FFD60A]": E,
+                    "text-black/90": !E
                   }),
-                  weight: S ? "fill" : "regular"
+                  weight: E ? "fill" : "regular"
                 }
               )
             }
@@ -786,7 +783,7 @@ const ne = ({
       ] })
     }
   );
-}, pa = (e) => /* @__PURE__ */ s(qs, { ...e, position: "center" }), lt = "vote_up", ot = "vote_down";
+}, pa = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), lt = "vote_up", ot = "vote_down";
 function ba(e) {
   return e != null && e.length ? e.some((t) => t.type === ot) ? "down" : e.some((t) => t.type === lt) ? "up" : null : null;
 }
@@ -820,7 +817,7 @@ function va(e) {
 function xa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function us({
+function ms({
   message: e,
   viewerLanguage: t
 }) {
@@ -828,15 +825,15 @@ function us({
   const n = e == null ? void 0 : e.text, a = xa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const wa = ["linktr.ee"], _a = "messaging-attachment-v1_0";
-function Na(e) {
+const wa = ["linktr.ee"], Kt = "messaging-attachment-v1_0";
+function _a(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function ya(e) {
+function Na(e) {
   return wa.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
@@ -844,13 +841,12 @@ function ya(e) {
 function he(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const n = Na(t);
-  if (!n || !ya(n) || /[?&]io=true(?:&|$)/.test(t) && /[?&]size=/.test(t))
-    return t;
-  const a = t.includes("?") ? "&" : "?";
-  return `${t}${a}io=true&size=${_a}`;
+  const n = _a(t);
+  if (!n || !Na(n)) return t;
+  const a = new URL(t);
+  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Kt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Kt), a.toString());
 }
-const ka = [
+const ya = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -863,39 +859,39 @@ const ka = [
 function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function ms(e) {
-  const t = ka.find(
+function hs(e) {
+  const t = ya.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ca = {
-  video: ls,
-  audio: Dn,
-  image: Ln,
-  document: is
-}, Sa = {
-  pdf: jn,
-  doc: Un,
+const ka = {
+  video: os,
+  audio: zn,
+  image: Dn,
+  document: ls
+}, Ca = {
+  pdf: Vn,
+  doc: jn,
   xls: Bn,
-  csv: $n,
-  ppt: On,
-  zip: Pn,
-  text: Fn,
-  markdown: zn,
-  generic: is
+  csv: Un,
+  ppt: $n,
+  zip: On,
+  text: Pn,
+  markdown: Fn,
+  generic: ls
 };
-function Ea(e) {
+function Sa(e) {
   const t = ce(e);
-  return t !== "document" ? Ca[t] : Sa[ms(e)];
+  return t !== "document" ? ka[t] : Ca[hs(e)];
 }
 function _e(e, t) {
-  return V.createElement(Ea(e), t);
+  return V.createElement(Sa(e), t);
 }
-const Ia = (e) => {
+const Ea = (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;
-}, Ta = ({
+}, Ia = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -907,7 +903,7 @@ const Ia = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const f = ce(t), h = G(null), g = G(null), c = G(null), b = G(r), [v, x] = U(a), [p, _] = U(0), [w, k] = U(!1), [D, S] = U(!1), [R, O] = U(!1), [F, L] = U(!1), [C, E] = U(!0), [I, T] = U(null), M = J(() => {
+  const f = ce(t), h = G(null), g = G(null), c = G(null), b = G(r), [v, x] = B(a), [p, _] = B(0), [w, C] = B(!1), [D, E] = B(!1), [R, O] = B(!1), [F, L] = B(!1), [S, I] = B(!0), [y, T] = B(null), M = J(() => {
     O(!1), x(!0);
   }, []), P = J((N) => {
     const A = g.current;
@@ -915,13 +911,13 @@ const Ia = (e) => {
     const H = A.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ia(N) - H.left) / H.width)
+      Math.min(1, (Ea(N) - H.left) / H.width)
     );
   }, []), $ = J((N) => {
     const A = h.current;
     A && A.duration && (A.currentTime = N * A.duration);
   }, []), j = (N) => {
-    N.stopPropagation(), k(!0);
+    N.stopPropagation(), C(!0);
     const A = P(N);
     _(A), $(A);
   };
@@ -947,13 +943,13 @@ const Ia = (e) => {
   }, [v]), K(() => {
     if (!w) return;
     const N = (H) => _(P(H)), A = (H) => {
-      k(!1), $(P(H));
+      C(!1), $(P(H));
     };
     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, P, $]);
-  const Q = I ? { aspectRatio: String(I) } : void 0, ee = I ? "" : " aspect-video", X = Math.round(p * 100);
+  const Q = y ? { aspectRatio: String(y) } : void 0, ee = y ? "" : " aspect-video", X = Math.round(p * 100);
   return /* @__PURE__ */ u(
     "div",
     {
@@ -978,7 +974,7 @@ const Ia = (e) => {
         }
       },
       children: [
-        n && (f === "audio" || C) && /* @__PURE__ */ s(
+        n && (f === "audio" || S) && /* @__PURE__ */ s(
           "img",
           {
             src: n,
@@ -986,7 +982,7 @@ const Ia = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (f === "audio" || C) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: _e(t, {
+        !n && (f === "audio" || S) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: _e(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -1000,7 +996,7 @@ const Ia = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => L(!0),
             onCanPlay: () => {
-              L(!1), E(!1);
+              L(!1), I(!1);
             },
             onWaiting: () => L(!0),
             onPlay: () => O(!1),
@@ -1020,7 +1016,7 @@ const Ia = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => L(!0),
             onCanPlay: () => {
-              L(!1), E(!1);
+              L(!1), I(!1);
             },
             onWaiting: () => L(!0),
             onPlay: () => O(!1),
@@ -1093,7 +1089,7 @@ const Ia = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": v ? "Pause" : "Play",
-              children: v ? /* @__PURE__ */ s(Vn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(rt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: v ? /* @__PURE__ */ s(Gn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ u(
@@ -1110,8 +1106,8 @@ const Ia = (e) => {
               onMouseDown: j,
               onTouchStart: j,
               onClick: (N) => N.stopPropagation(),
-              onMouseEnter: () => S(!0),
-              onMouseLeave: () => S(!1),
+              onMouseEnter: () => E(!0),
+              onMouseLeave: () => E(!1),
               onKeyDown: (N) => {
                 N.key === "ArrowRight" && $(Math.min(1, p + 0.05)), N.key === "ArrowLeft" && $(Math.max(0, p - 0.05));
               },
@@ -1143,7 +1139,7 @@ const Ia = (e) => {
       ]
     }
   );
-}, Kt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ma = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", hs = ({
+}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ta = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", fs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1152,9 +1148,9 @@ const Ia = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ce(e), [d, m] = U(!1), f = he(t), h = he(n);
+  const l = ce(e), [d, m] = B(!1), f = he(t), h = he(n);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
-    Ta,
+    Ia,
     {
       source: t,
       mimeType: e,
@@ -1201,11 +1197,11 @@ const Ia = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: _e(e, {
-        className: Kt(r),
+        className: Zt(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ma(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ta(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: h ?? n,
@@ -1218,12 +1214,12 @@ const Ia = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: _e(e, {
-        className: Kt(r),
+        className: Zt(r),
         weight: "regular"
       })
     }
   );
-}, fs = ({
+}, gs = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1243,7 +1239,7 @@ const Ia = (e) => {
     {
       ref: f,
       "data-testid": h,
-      className: y(
+      className: k(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         g ? "bg-[#1e2330]" : "bg-white"
       ),
@@ -1255,7 +1251,7 @@ const Ia = (e) => {
           c.trim() !== "" && /* @__PURE__ */ s(
             "p",
             {
-              className: y("mb-0.5 truncate text-base font-medium", {
+              className: k("mb-0.5 truncate text-base font-medium", {
                 "text-black": !g,
                 "text-white/30": g && b,
                 "text-white": g && !b
@@ -1265,7 +1261,7 @@ const Ia = (e) => {
           ),
           /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1", children: [
             _e(r, {
-              className: y(
+              className: k(
                 "size-5 shrink-0",
                 g ? "text-white/55" : "text-black/55"
               ),
@@ -1274,7 +1270,7 @@ const Ia = (e) => {
             i != null && i !== "" && /* @__PURE__ */ s(
               "span",
               {
-                className: y(
+                className: k(
                   "text-xs font-medium",
                   g ? "text-white/55" : "text-black/55"
                 ),
@@ -1289,25 +1285,25 @@ const Ia = (e) => {
     }
   );
 };
-function gs(e) {
+function ps(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function ht(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 Aa(e) {
+function Ma(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ra(e) {
+function Aa(e) {
   return e ? "text-white" : "text-black";
 }
-function La(e) {
+function Ra(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Da(e) {
+function La(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function za(e) {
+function Da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const ft = ({ attachment: e, isMyMessage: t }) => {
@@ -1322,26 +1318,26 @@ const ft = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Aa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Gn, { className: `size-12 ${za(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Ma(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Hn, { className: `size-12 ${Da(t)}` })
       }
     ) }),
     /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Ra(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${La(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Da(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Aa(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Ra(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${La(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 ps(e) {
+function bs(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function gt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(ps);
+  return (t = e.attachments) == null ? void 0 : t.find(bs);
 }
-async function Fa(e, t) {
+async function za(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1353,11 +1349,11 @@ async function Fa(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 Pa = ({
+const Fa = ({
   url: e,
   filename: t
 }) => {
-  const [n, a] = U(!1);
+  const [n, a] = B(!1);
   return /* @__PURE__ */ s(
     "button",
     {
@@ -1365,7 +1361,7 @@ const Pa = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Fa(e, t).then(() => {
+        a(!0), za(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1401,16 +1397,16 @@ function pt(e) {
     thumbnailUrl: f
   };
 }
-const bs = ({
+const vs = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? gs(a) : void 0;
+  const i = a !== void 0 ? ps(a) : void 0;
   return /* @__PURE__ */ s(
-    fs,
+    gs,
     {
       variant: "dark",
       title: n,
@@ -1418,7 +1414,7 @@ const bs = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        hs,
+        fs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1429,23 +1425,23 @@ const bs = ({
       )
     }
   );
-}, vs = ({
+}, xs = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ce(t), o = a !== void 0 ? gs(a) : void 0;
+  const i = ce(t), o = a !== void 0 ? ps(a) : void 0;
   return /* @__PURE__ */ s(
-    fs,
+    gs,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ s(
-        hs,
+        fs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1455,10 +1451,10 @@ const bs = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Pa, { url: e, filename: n })
+      action: /* @__PURE__ */ s(Fa, { url: e, filename: n })
     }
   );
-}, Oa = ({
+}, Pa = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1484,41 +1480,41 @@ const bs = ({
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: ht(t), children: /* @__PURE__ */ s(ft, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(bs, { ...a }) : /* @__PURE__ */ s(vs, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: ht(t), children: /* @__PURE__ */ s(ft, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(vs, { ...a }) : /* @__PURE__ */ s(xs, { ...a })
           }
         ) })
       }
     )
   ] });
-}, $a = ({
+}, Oa = ({
   message: e
 }) => {
   const t = gt(e);
   if (t)
     return /* @__PURE__ */ s("div", { className: ht(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !0 }) });
   const n = pt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(bs, { ...n }) }) : null;
-}, Ba = ({
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(vs, { ...n }) }) : null;
+}, $a = ({
   message: e
 }) => {
   const t = gt(e);
   if (t)
     return /* @__PURE__ */ s("div", { className: ht(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !1 }) });
   const n = pt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(vs, { ...n }) }) : null;
-}, fl = Object.assign(Oa, {
-  Creator: $a,
-  Visitor: Ba
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(xs, { ...n }) }) : null;
+}, hl = Object.assign(Pa, {
+  Creator: Oa,
+  Visitor: $a
 }), Ua = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, ja = {
+}, Ba = {
   dark: "text-white",
   light: "text-[#000000]"
-}, Va = {
+}, ja = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Ga = (e) => e === "dark" ? "sender" : "receiver", Ha = {
+}, Va = (e) => e === "dark" ? "sender" : "receiver", Ga = {
   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]",
@@ -1540,13 +1536,13 @@ const bs = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Ha[Ga(e)][a];
+  const l = t != null && t !== "", d = Ga[Va(e)][a];
   return /* @__PURE__ */ u(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: y(
+      className: k(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -1556,9 +1552,9 @@ const bs = ({
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
         Ua[e],
-        ja[e],
+        Ba[e],
         n && "border",
-        n && Va[e],
+        n && ja[e],
         r
       ),
       children: [
@@ -1566,7 +1562,7 @@ const bs = ({
         l ? /* @__PURE__ */ s(
           "p",
           {
-            className: y(
+            className: k(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -1595,22 +1591,22 @@ const bs = ({
       a.stopPropagation(), e();
     },
     "aria-label": n,
-    className: y(
+    className: k(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
     children: /* @__PURE__ */ s(Ge, { className: "size-3", weight: "bold" })
   }
-), Re = (e) => e === "received" ? "light" : "dark", Ya = ({
+), Re = (e) => e === "received" ? "light" : "dark", Ha = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", qa = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ya = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Wa = ({ 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 }] : [], qa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1633,7 +1629,7 @@ const bs = ({
   preload: l,
   onDismiss: d
 }) => {
-  const m = Re(e), f = e === "composer" && !!d, h = qa({ src: t, mimeType: n, filename: a, items: r });
+  const m = Re(e), f = e === "composer" && !!d, h = Ya({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const g = l ?? (h.length > 1 ? "none" : "metadata");
@@ -1645,7 +1641,7 @@ const bs = ({
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, b) => /* @__PURE__ */ s(
-        Wa,
+        qa,
         {
           item: c,
           preload: g,
@@ -1659,15 +1655,15 @@ const bs = ({
       )) })
     }
   );
-}, Xa = (e) => /* @__PURE__ */ s(bt, { ...e, state: "composer" }), Ka = (e) => /* @__PURE__ */ s(bt, { ...e, state: "sent" }), Za = (e) => /* @__PURE__ */ s(bt, { ...e, state: "received" }), Ja = {
-  Composer: Xa,
-  Sent: Ka,
-  Received: Za
+}, Wa = (e) => /* @__PURE__ */ s(bt, { ...e, state: "composer" }), Xa = (e) => /* @__PURE__ */ s(bt, { ...e, state: "sent" }), Ka = (e) => /* @__PURE__ */ s(bt, { ...e, state: "received" }), Za = {
+  Composer: Wa,
+  Sent: Xa,
+  Received: Ka
 };
-function Qa(e) {
+function Ja(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 er = {
+const Qa = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1677,7 +1673,7 @@ const er = {
   text: "TXT",
   markdown: "MD"
 };
-function tr(e, t) {
+function er(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1687,7 +1683,7 @@ function tr(e, t) {
   }
   if (!e) return;
   if (ce(e) === "document") {
-    const r = ms(e), i = er[r];
+    const r = hs(e), i = Qa[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1695,8 +1691,8 @@ function tr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function sr(e, t, n) {
-  const a = tr(e, t), r = typeof n == "number" && n > 0 ? Qa(n) : void 0;
+function tr(e, t, n) {
+  const a = er(e, t), r = typeof n == "number" && n > 0 ? Ja(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ie(e) {
@@ -1707,16 +1703,16 @@ function ie(e) {
     return "download";
   }
 }
-const nr = {
+const sr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, ar = {
+}, nr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, rr = {
+}, ar = {
   dark: "text-white/85",
   light: "text-black/85"
-}, xs = ({
+}, ws = ({
   variant: e,
   filename: t,
   title: n,
@@ -1726,16 +1722,16 @@ const nr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = n ?? t ?? "File", m = sr(a, t, r), f = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", m = tr(a, t, r), f = /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        ar[e]
+        nr[e]
       ),
       "aria-hidden": !0,
       children: _e(a, {
-        className: y("size-6", rr[e]),
+        className: k("size-6", ar[e]),
         weight: "regular"
       })
     }
@@ -1744,9 +1740,9 @@ const nr = {
     m ? /* @__PURE__ */ s(
       "p",
       {
-        className: y(
+        className: k(
           "truncate text-xs leading-4",
-          nr[e]
+          sr[e]
         ),
         children: m
       }
@@ -1757,7 +1753,7 @@ const nr = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: y(
+      className: k(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
@@ -1775,7 +1771,7 @@ const nr = {
     l ? /* @__PURE__ */ s("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function ws(e, t) {
+async function _s(e, t) {
   const n = t ?? ie(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1789,14 +1785,14 @@ async function ws(e, t) {
     }
   }
 }
-const ir = ({
+const rr = ({
   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 }] : [], lr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], ir = ({
   variant: e,
   item: t,
   index: n,
@@ -1805,7 +1801,7 @@ const ir = ({
 }) => {
   const i = t.filename ?? ie(t.src);
   return /* @__PURE__ */ s(
-    xs,
+    ws,
     {
       variant: e,
       filename: i,
@@ -1830,7 +1826,7 @@ const ir = ({
   onClick: m,
   onDismiss: f
 }) => {
-  const h = Re(e), g = e === "composer" && !!f, c = ir({
+  const h = Re(e), g = e === "composer" && !!f, c = rr({
     src: t,
     filename: n,
     fileSize: a,
@@ -1842,14 +1838,14 @@ const ir = ({
     const p = c[x];
     if (!p) return;
     const _ = p.filename ?? ie(p.src);
-    ws(p.src, _);
+    _s(p.src, _);
   };
   if (c.length === 0)
     return null;
   const v = /* @__PURE__ */ s(
     "span",
     {
-      className: y(
+      className: k(
         "flex size-8 items-center justify-center rounded-full",
         h === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -1865,7 +1861,7 @@ const ir = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((x, p) => /* @__PURE__ */ s(
-        lr,
+        ir,
         {
           variant: h,
           item: x,
@@ -1877,10 +1873,10 @@ const ir = ({
       )) })
     }
   );
-}, or = (e) => /* @__PURE__ */ s(vt, { ...e, state: "composer" }), cr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "sent" }), dr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "received" }), ur = {
-  Composer: or,
-  Sent: cr,
-  Received: dr
+}, lr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "composer" }), or = (e) => /* @__PURE__ */ s(vt, { ...e, state: "sent" }), cr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "received" }), dr = {
+  Composer: lr,
+  Sent: or,
+  Received: cr
 }, xt = ({
   onPrev: e,
   onNext: t,
@@ -1894,7 +1890,7 @@ const ir = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Hn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Yn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1907,7 +1903,7 @@ const ir = ({
       children: /* @__PURE__ */ s(xe, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), _s = ({
+] }), Ns = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1916,15 +1912,15 @@ const ir = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = U(!1), m = J(
+  const [l, d] = B(!1), m = J(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), ws(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), _s(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
     },
     [l, e, t, o]
-  ), f = r ?? n !== "pill", g = { className: y(
+  ), f = r ?? n !== "pill", g = { className: k(
     n === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -1935,7 +1931,7 @@ const ir = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: y(
+      className: k(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -1975,7 +1971,7 @@ const ir = ({
       onClick: m,
       disabled: l,
       "aria-label": f ? a : void 0,
-      className: y(
+      className: k(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
@@ -1997,7 +1993,7 @@ const ir = ({
   initialIndex: t,
   open: n
 }) => {
-  const a = Je(t, 0, Math.max(e - 1, 0)), [r, i] = U(a);
+  const a = Je(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
   K(() => {
     n && i(Je(t, 0, Math.max(e - 1, 0)));
   }, [n, t, e]), K(() => {
@@ -2107,7 +2103,7 @@ const ir = ({
       ]
     }
   );
-}, Ns = ({
+}, ys = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2129,7 +2125,7 @@ const ir = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        _s,
+        Ns,
         {
           url: l.src,
           filename: d,
@@ -2163,7 +2159,7 @@ const ir = ({
       ]
     }
   ) : null;
-}, mr = "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", ys = ({
+}, ur = "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", ks = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2172,14 +2168,14 @@ const ir = ({
   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, f) => {
-    const h = y(mr, "h-full w-full");
+    const h = k(ur, "h-full w-full");
     return t ? /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: y(h, "cursor-zoom-in"),
+        className: k(h, "cursor-zoom-in"),
         children: [
           d.content,
           f
@@ -2191,10 +2187,10 @@ const ir = ({
       f
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ s("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
+  return i.length === 1 ? /* @__PURE__ */ s("div", { className: k("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -2203,7 +2199,7 @@ const ir = ({
   ) : i.length === 3 ? /* @__PURE__ */ u(
     "div",
     {
-      className: y(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -2216,7 +2212,7 @@ const ir = ({
   ) : /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -2234,14 +2230,14 @@ const ir = ({
     }
   );
 }, Le = (e) => {
-  const [t, n] = U(!1), [a, r] = U(0), i = J(
+  const [t, n] = B(!1), [a, r] = B(0), i = J(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), n(!0));
     },
     [e]
   ), o = J(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, hr = (e, t, n, a) => ({
+}, mr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2256,15 +2252,15 @@ const ir = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), fr = ({
+}), hr = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], ks = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Cs = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), gr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), fr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Le(
     r
   );
@@ -2291,16 +2287,16 @@ const ir = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Ns,
+      ys,
       {
         open: o,
-        items: ks([{ src: e, alt: t }], n),
+        items: Cs([{ src: e, alt: t }], n),
         initialIndex: l,
         onClose: m
       }
     )
   ] });
-}, Cs = ({
+}, Ss = ({
   state: e,
   src: t,
   alt: n,
@@ -2311,13 +2307,13 @@ const ir = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = fr({ src: t, alt: n, items: r }), f = Re(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: b } = Le(
+  const m = hr({ src: t, alt: n, items: r }), f = Re(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: b } = Le(
     d
   );
   if (m.length === 0)
     return null;
   const v = m.map(
-    (x, p) => hr(x, p, m.length, l)
+    (x, p) => mr(x, p, m.length, l)
   );
   return /* @__PURE__ */ u(
     Me,
@@ -2327,12 +2323,12 @@ const ir = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(ys, { tiles: v, onTileActivate: c }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(ks, { tiles: v, onTileActivate: c }) }),
         /* @__PURE__ */ s(
-          Ns,
+          ys,
           {
             open: h,
-            items: ks(m, a),
+            items: Cs(m, a),
             initialIndex: g,
             onClose: b
           }
@@ -2340,11 +2336,11 @@ const ir = ({
       ]
     }
   );
-}, pr = (e) => /* @__PURE__ */ s(gr, { ...e }), br = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "sent" }), vr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "received" }), xr = {
-  Composer: pr,
-  Sent: br,
-  Received: vr
-}, wr = ({
+}, gr = (e) => /* @__PURE__ */ s(fr, { ...e }), pr = (e) => /* @__PURE__ */ s(Ss, { ...e, state: "sent" }), br = (e) => /* @__PURE__ */ s(Ss, { ...e, state: "received" }), vr = {
+  Composer: gr,
+  Sent: pr,
+  Received: br
+}, xr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2358,7 +2354,7 @@ const ir = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? ie(l.src) : "document"),
     [l]
   ), m = re(
-    () => l ? _r(l.src) : void 0,
+    () => l ? wr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ u(
@@ -2392,16 +2388,16 @@ const ir = ({
       ]
     }
   );
-}, _r = (e) => {
+}, wr = (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()}`;
-}, Nr = ({
+}, _r = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], yr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Nr = ({
   variant: e,
   item: t,
   index: n,
@@ -2410,7 +2406,7 @@ const ir = ({
 }) => {
   const i = t.filename ?? ie(t.src);
   return /* @__PURE__ */ s(
-    xs,
+    ws,
     {
       variant: e,
       filename: i,
@@ -2434,7 +2430,7 @@ const ir = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const f = Re(e), h = Nr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
+  const f = Re(e), h = _r({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
     d
   ), x = e === "composer" && !!m;
   if (h.length === 0)
@@ -2452,18 +2448,18 @@ const ir = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((_, w) => {
-          const k = _.filename ?? ie(_.src), D = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            _s,
+          const C = _.filename ?? ie(_.src), D = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+            Ns,
             {
               url: _.src,
-              filename: k,
+              filename: C,
               variant: "inline",
-              label: `Download ${k}`,
+              label: `Download ${C}`,
               tone: f
             }
           );
           return /* @__PURE__ */ s(
-            yr,
+            Nr,
             {
               variant: f,
               item: _,
@@ -2475,7 +2471,7 @@ const ir = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          wr,
+          xr,
           {
             open: g,
             items: p,
@@ -2486,11 +2482,11 @@ const ir = ({
       ]
     }
   );
-}, kr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "received" }), Er = {
-  Composer: kr,
-  Sent: Cr,
-  Received: Sr
-}, Ss = ({
+}, yr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "composer" }), kr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "sent" }), Cr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "received" }), Sr = {
+  Composer: yr,
+  Sent: kr,
+  Received: Cr
+}, Es = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2540,7 +2536,7 @@ const ir = ({
       ]
     }
   ) : null;
-}, Ir = () => /* @__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(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Es = ({
+}, Er = () => /* @__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(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Is = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ u("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2555,30 +2551,30 @@ const ir = ({
       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(
-    ls,
+    os,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Ir, {})
-] }), Tr = (e, t, n) => ({
+  /* @__PURE__ */ s(Er, {})
+] }), Ir = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(Es, { item: e, index: t })
-}), Mr = ({
+  content: /* @__PURE__ */ s(Is, { item: e, index: t })
+}), Tr = ({
   src: e,
   poster: t,
   mimeType: n,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Is = (e, t) => e.map((n, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Ts = (e, t) => e.map((n, a) => ({
   src: n.src,
   poster: n.poster,
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Ar = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), Mr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: f } = Le(
     i
   );
@@ -2590,15 +2586,15 @@ const ir = ({
         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(Es, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Is, { 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(
-      Ss,
+      Es,
       {
         open: l,
-        items: Is(
+        items: Ts(
           [{ src: e, poster: t, mimeType: n, preload: r }],
           a
         ),
@@ -2607,7 +2603,7 @@ const ir = ({
       }
     )
   ] });
-}, Ts = ({
+}, Ms = ({
   state: e,
   src: t,
   poster: n,
@@ -2619,13 +2615,13 @@ const ir = ({
   preload: d,
   onClick: m
 }) => {
-  const f = Mr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Re(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
+  const f = Tr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Re(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
     m
   );
   if (f.length === 0)
     return null;
   const x = f.map(
-    (p, _) => Tr(p, _, f.length)
+    (p, _) => Ir(p, _, f.length)
   );
   return /* @__PURE__ */ u(
     Me,
@@ -2636,7 +2632,7 @@ const ir = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          ys,
+          ks,
           {
             tiles: x,
             onTileActivate: b,
@@ -2644,10 +2640,10 @@ const ir = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          Ss,
+          Es,
           {
             open: g,
-            items: Is(f, r),
+            items: Ts(f, r),
             initialIndex: c,
             onClose: v
           }
@@ -2655,31 +2651,31 @@ const ir = ({
       ]
     }
   );
-}, Rr = (e) => /* @__PURE__ */ s(Ar, { ...e }), Lr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), Dr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), zr = {
-  Composer: Rr,
-  Sent: Lr,
-  Received: Dr
+}, Ar = (e) => /* @__PURE__ */ s(Mr, { ...e }), Rr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), Lr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), Dr = {
+  Composer: Ar,
+  Sent: Rr,
+  Received: Lr
 }, ke = {
-  Image: xr,
-  Video: zr,
-  Audio: Ja,
-  Pdf: Er,
-  File: ur
-}, Fr = {
+  Image: vr,
+  Video: Dr,
+  Audio: Za,
+  Pdf: Sr,
+  File: dr
+}, zr = {
   isUnlocking: () => !1
-}, Pr = {
-  LockedAttachment: Fr
-}, Ms = ct({}), gl = Ms.Provider;
-function Or(e) {
-  return Te(Ms)[e] ?? Pr[e];
+}, Fr = {
+  LockedAttachment: zr
+}, As = ct({}), fl = As.Provider;
+function Pr(e) {
+  return Te(As)[e] ?? Fr[e];
 }
-const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import("./Card-dFpcKsyN.js")), Ur = () => /* @__PURE__ */ s(
+const Or = V.lazy(() => import("./Card-qS17qnN0.js")), $r = V.lazy(() => import("./Card-B-Sn9hc8.js")), Ur = () => /* @__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
   }
-), Pe = (e) => /* @__PURE__ */ s(Vs, { fallback: /* @__PURE__ */ s(Ur, {}), children: e.contentType === "text" ? /* @__PURE__ */ s($r, { ...e }) : /* @__PURE__ */ s(Br, { ...e }) }), jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Pe = (e) => /* @__PURE__ */ s(Gs, { fallback: /* @__PURE__ */ s(Ur, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Or, { ...e }) : /* @__PURE__ */ s($r, { ...e }) }), Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2696,27 +2692,27 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
       }
     )
   }
-), Vr = (e) => {
+), jr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Gr = (e) => {
+}, Vr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Be = (e) => {
+}, Ue = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
 }, yt = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Hr = (e) => {
+}, Gr = (e) => {
   var t;
   return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, Yr = (e) => {
+}, Hr = (e) => {
   var t;
   return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, As = (e) => Vr(e) || Gr(e), qr = (e) => {
+}, Rs = (e) => jr(e) || Vr(e), Yr = (e) => {
   var t;
-  return As(e) && !((t = e.text) != null && t.trim());
+  return Rs(e) && !((t = e.text) != null && t.trim());
 }, Qe = ({
   message: e,
   standalone: t = !1,
@@ -2724,7 +2720,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = As(e), i = Be(e);
+  const r = Rs(e), i = Ue(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2732,7 +2728,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
     if (!g) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${g} tip` : `Delivered with ${g} tip`;
     return /* @__PURE__ */ u("div", { className: c, children: [
-      /* @__PURE__ */ s(Yn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(qn, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: b })
     ] });
   }
@@ -2740,7 +2736,7 @@ const $r = 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 }), f = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(jr, { size: o ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), f = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Br, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !o ? /* @__PURE__ */ u(se, { children: [
     m,
     f
@@ -2748,7 +2744,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
     f,
     m
   ] }) });
-}, Wr = ({
+}, qr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2757,28 +2753,28 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(qn, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: n,
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Xn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
 ] }), et = () => {
@@ -2791,36 +2787,36 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
       }
   })();
   return e.id !== n ? null : /* @__PURE__ */ u(se, { children: [
-    /* @__PURE__ */ s(Xn, { weight: "bold", "aria-hidden": "true" }),
+    /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
-}, Xr = () => null, Kr = () => /* @__PURE__ */ s(
-  Ws,
+}, Wr = () => null, Xr = () => /* @__PURE__ */ s(
+  Xs,
   {
     MessageSentStatus: et,
     MessageDeliveredStatus: et,
     MessageReadStatus: et,
-    MessageSendingStatus: Xr
+    MessageSendingStatus: Wr
   }
-), Zr = /^([a-z][a-z0-9+.-]*):/i, Jr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+), Kr = /^([a-z][a-z0-9+.-]*):/i, Zr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function kt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = Zr.exec(t);
+  const n = Kr.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return Jr.has(a) ? t : void 0;
+    return Zr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Qr = {
+const Jr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, ei = ({ variant: e, cta: t }) => {
-  const n = y(
+}, Qr = ({ variant: e, cta: t }) => {
+  const n = k(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Qr[e]
+    Jr[e]
   ), a = kt(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
@@ -2847,10 +2843,10 @@ const Qr = {
       children: t.label
     }
   );
-}, ti = {
+}, ei = {
   dark: "text-white",
   light: "text-black/90"
-}, si = "text-white/30", ni = {
+}, ti = "text-white/30", si = {
   dark: "text-white/55",
   light: "text-black/55"
 }, Ct = ({
@@ -2865,12 +2861,12 @@ const Qr = {
 }) => {
   const d = e === "dark", m = t ?? (d ? n : void 0) ?? "", f = m.trim() !== "", h = a != null && a.trim() !== "", g = typeof r == "string" ? r.trim() : "", c = g !== "", b = o != null;
   if (!f && !h && !c && !b) return null;
-  const x = y(
+  const x = k(
     "truncate text-base font-medium leading-6",
-    d && !t ? si : ti[e]
-  ), p = y(
+    d && !t ? ti : ei[e]
+  ), p = k(
     "truncate text-xs leading-4",
-    ni[e]
+    si[e]
   );
   return /* @__PURE__ */ u("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ u("div", { className: "flex items-end gap-3", children: [
@@ -2878,7 +2874,7 @@ const Qr = {
         /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-col gap-1", children: [
           f && /* @__PURE__ */ u("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ s("p", { className: y("min-w-0", x), children: m })
+            /* @__PURE__ */ s("p", { className: k("min-w-0", x), children: m })
           ] }),
           h && /* @__PURE__ */ s("p", { className: p, children: a })
         ] }),
@@ -2886,16 +2882,16 @@ const Qr = {
       ] }),
       l && /* @__PURE__ */ s("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ s(ei, { variant: e, cta: o })
+    o && /* @__PURE__ */ s(Qr, { variant: e, cta: o })
   ] });
-}, ai = y(
+}, ni = k(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Ue = ({
+), Be = ({
   variant: e,
   children: t,
   href: n,
@@ -2906,8 +2902,8 @@ const Qr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = n != null || a != null, f = y(
-    ai,
+  const m = n != null || a != null, f = k(
+    ni,
     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
@@ -2937,7 +2933,7 @@ const Qr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: y(f, "text-left"),
+      className: k(f, "text-left"),
       children: [
         t,
         h
@@ -2955,10 +2951,10 @@ const Qr = {
       ]
     }
   );
-}, ri = {
+}, ai = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ii = {
+}, ri = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, Ye = (e, t) => !!t && !!e && ce(e) === "audio", St = (e, t) => {
@@ -2987,7 +2983,7 @@ const Qr = {
   ) }) : /* @__PURE__ */ u(
     "div",
     {
-      className: y(
+      className: k(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3014,12 +3010,12 @@ const Qr = {
         ) : /* @__PURE__ */ s(
           "div",
           {
-            className: y(
+            className: k(
               "flex h-full w-full items-center justify-center",
-              ri[e]
+              ai[e]
             ),
             children: _e(r, {
-              className: ii[e],
+              className: ri[e],
               weight: "regular"
             })
           }
@@ -3029,7 +3025,7 @@ const Qr = {
       ]
     }
   );
-}, li = ({
+}, ii = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3059,10 +3055,10 @@ const Qr = {
       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(Kn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Zn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Ue, { variant: "dark", bgClassName: Et, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Be, { variant: "dark", bgClassName: Et, 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,
       {
@@ -3074,7 +3070,7 @@ const Qr = {
     ) }),
     b && /* @__PURE__ */ s("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ u(
-    Ue,
+    Be,
     {
       variant: "dark",
       topRight: g ? b : void 0,
@@ -3106,7 +3102,7 @@ const Qr = {
       ]
     }
   );
-}, oi = ({
+}, li = ({
   title: e,
   description: t,
   url: n,
@@ -3126,7 +3122,7 @@ const Qr = {
     }
   } : d;
   return /* @__PURE__ */ u(
-    Ue,
+    Be,
     {
       variant: "light",
       href: g,
@@ -3159,7 +3155,7 @@ const Qr = {
       ]
     }
   );
-}, ci = ({
+}, oi = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3174,7 +3170,7 @@ const Qr = {
 }) => {
   const h = St(r, o), g = kt(a), c = m == null && g != null && !h ? g : void 0, b = m == null && !h && c != null ? f : void 0;
   return /* @__PURE__ */ u(
-    Ue,
+    Be,
     {
       variant: "dark",
       href: c,
@@ -3206,22 +3202,22 @@ const Qr = {
       ]
     }
   );
-}, Zt = {
-  Composer: li,
-  Sent: ci,
-  Received: oi
+}, Jt = {
+  Composer: ii,
+  Sent: oi,
+  Received: li
 };
 function z(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function Jt(e) {
+function Qt(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function di(e, t) {
+function ci(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const n = Jt(e), a = Jt(t);
+  const n = Qt(e), a = Qt(t);
   if (n === a)
     return !0;
   if (!n.includes(a))
@@ -3229,7 +3225,7 @@ function di(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function Qt(e) {
+function es(e) {
   const t = z(e.og_scrape_url) ?? z(e.title_link), n = z(e.image_url) ?? z(e.thumb_url), a = z(e.asset_url), r = z(e.mime_type);
   return {
     title: z(e.title),
@@ -3243,15 +3239,15 @@ function Qt(e) {
     mimeType: r
   };
 }
-function ui(e) {
+function di(e) {
   var t;
-  return Rs(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 Ls(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 Rs(e) {
+function Ls(e) {
   const t = z(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Ls(e) {
+function Ds(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const o = t[t.length - 1];
@@ -3269,25 +3265,25 @@ function Ls(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Rs(r)) {
+    if (Ls(r)) {
       a(r);
       continue;
     }
-    const i = ui(r);
+    const i = di(r);
     i && n(i, r);
   }
   return t;
 }
-function mi(e) {
+function ui(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function hi(e, t, n) {
+function mi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function es(e) {
+function ts(e) {
   return z(e.image_url) ?? z(e.asset_url) ?? "";
 }
-function fi(e) {
+function hi(e) {
   switch (e) {
     case "image":
       return ke.Image;
@@ -3301,13 +3297,13 @@ function fi(e) {
       return ke.File;
   }
 }
-function gi(e, t) {
+function fi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: es(a),
+            src: ts(a),
             alt: z(a.title)
           }))
         };
@@ -3358,7 +3354,7 @@ function gi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: es(n),
+        src: ts(n),
         alt: z(n.title)
       };
     case "video":
@@ -3388,42 +3384,42 @@ function gi(e, t) {
       };
   }
 }
-function pi({
+function gi({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = fi(n.kind), r = {
-    ...gi(n.kind, n.attachments),
+  const a = hi(n.kind), r = {
+    ...fi(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const bi = ({
+const pi = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
   renderText: a
 }) => {
   var b;
-  const r = Ls(n.attachments);
+  const r = Ds(n.attachments);
   if (r.length === 0) return null;
-  const i = mi(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" ? Qt(l.attachments[0] ?? {}).url : void 0, m = o && di(o, d) ? void 0 : o;
+  const i = ui(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" ? es(l.attachments[0] ?? {}).url : void 0, m = o && ci(o, d) ? void 0 : o;
   let f = 0;
   const h = [], g = (v, x) => {
-    const p = t ? Zt.Sent : Zt.Received;
+    const p = t ? Jt.Sent : Jt.Received;
     h.push(
-      /* @__PURE__ */ s(p, { ...Qt(v) }, x)
+      /* @__PURE__ */ s(p, { ...es(v) }, x)
     );
   }, c = (v, x) => {
-    const p = hi(
+    const p = mi(
       f,
       i,
       e
     );
     f += 1, h.push(
       /* @__PURE__ */ s(
-        pi,
+        gi,
         {
           groupPosition: p,
           isMyMessage: t,
@@ -3470,8 +3466,8 @@ const bi = ({
       /* @__PURE__ */ s(nt, {})
     ] }) : null
   ] });
-}, vi = (e) => {
-  var Dt, zt, Ft, Pt, Ot, $t, Bt, Ut, jt, Vt;
+}, bi = (e) => {
+  var Dt, zt, Ft, Pt, Ot, $t, Ut, Bt, jt, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3489,50 +3485,50 @@ const bi = ({
     renderText: b,
     threadList: v,
     viewerLanguage: x
-  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: k, onFetchSource: D, onDownloadClick: S } = Or("LockedAttachment"), [R, O] = U(!1), F = Ks(c.id), { selected: L, voteUp: C, voteDown: E } = va(c), {
-    Attachment: I = Zs,
-    EditMessageModal: T = Js,
+  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: C, onFetchSource: D, onDownloadClick: E } = Pr("LockedAttachment"), [R, O] = B(!1), F = Zs(c.id), { selected: L, voteUp: S, voteDown: I } = va(c), {
+    Attachment: y = Js,
+    EditMessageModal: T = Qs,
     MessageActions: M,
-    MessageBlocked: P = Qs,
-    MessageBouncePrompt: $ = en,
-    MessageDeleted: j = tn,
-    MessageIsThreadReplyInChannelButtonIndicator: Q = sn,
-    MessageRepliesCountButton: ee = nn,
-    ReminderNotification: X = an,
-    StreamedMessageText: N = rn,
+    MessageBlocked: P = en,
+    MessageBouncePrompt: $ = tn,
+    MessageDeleted: j = sn,
+    MessageIsThreadReplyInChannelButtonIndicator: Q = nn,
+    MessageRepliesCountButton: ee = an,
+    ReminderNotification: X = rn,
+    StreamedMessageText: N = ln,
     PinIndicator: A
-  } = as("CustomMessage"), H = ln(c), q = on(c), Y = re(
+  } = rs("CustomMessage"), H = on(c), q = cn(c), Y = re(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), B = re(() => {
+  ), U = re(() => {
     const me = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!Be(c)) return be;
-    const Gt = be.filter((Ht) => !("type" in Ht) || !ps(Ht));
+    if (!Ue(c)) return be;
+    const Gt = be.filter((Ht) => !("type" in Ht) || !bs(Ht));
     return Gt.length === be.length ? be : Gt;
   }, [c]), W = re(
-    () => Ls(B),
-    [B]
+    () => Ds(U),
+    [U]
   ), Z = re(() => {
-    const me = us({ message: c, viewerLanguage: x });
+    const me = ms({ message: c, viewerLanguage: x });
     return me === c.text ? c : { ...c, text: me };
   }, [c, x]), de = W.length > 0, De = W.reduce(
     (me, be) => me + be.attachments.length,
     0
-  ) === ((B == null ? void 0 : B.length) ?? 0), ze = Ya({
+  ) === ((U == null ? void 0 : U.length) ?? 0), ze = Ha({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: o
   });
-  if (cn(c))
+  if (dn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(j, { message: c });
-  if (dn(c))
+  if (un(c))
     return /* @__PURE__ */ s(P, {});
-  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 = un(c);
+  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 = mn(c);
   let ge;
   le ? ge = () => m(c) : Tt && (ge = () => O(!0));
-  const te = g(), $s = y(
+  const te = g(), Us = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3549,7 +3545,7 @@ const bi = ({
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = qr(c), pe = Be(c), Bs = yt(c), We = !!(B != null && B.length && !c.quoted_message), At = pe && te && We, Us = de && De && !c.quoted_message && !qe && !Y && !pe, Rt = {
+  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = Yr(c), pe = Ue(c), Bs = yt(c), We = !!(U != null && U.length && !c.quoted_message), At = pe && te && We, js = de && De && !c.quoted_message && !qe && !Y && !pe, Rt = {
     contentType: "text",
     amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
     paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
@@ -3558,8 +3554,8 @@ const bi = ({
     contentType: "media",
     title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
     mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
-    thumbnailUrl: (Bt = c.metadata) == null ? void 0 : Bt.attachment_thumbnail,
-    amountText: (Ut = c.metadata) == null ? void 0 : Ut.amount_text,
+    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: D ? () => D(c, _) : void 0
@@ -3572,7 +3568,7 @@ const bi = ({
       }
     ),
     R && /* @__PURE__ */ s(
-      mn,
+      hn,
       {
         MessageBouncePrompt: $,
         onClose: () => O(!1),
@@ -3582,7 +3578,7 @@ const bi = ({
     /* @__PURE__ */ u(
       "div",
       {
-        className: $s,
+        className: Us,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -3603,7 +3599,7 @@ const bi = ({
           /* @__PURE__ */ s(
             "div",
             {
-              className: y("str-chat__message-inner", {
+              className: k("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": le || Tt
               }),
               "data-testid": "message-inner",
@@ -3617,7 +3613,7 @@ const bi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Mt ? /* @__PURE__ */ s(Qe, { 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: Mt ? /* @__PURE__ */ s(Qe, { message: c, standalone: !0 }) : Gr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                 te && M && /* @__PURE__ */ s(M, {}),
                 te ? /* @__PURE__ */ s(
                   Pe,
@@ -3631,11 +3627,11 @@ const bi = ({
                     ...Rt,
                     isMine: !1,
                     isUnlocking: w(c.id),
-                    onUnlockClick: () => k == null ? void 0 : k(c, _)
+                    onUnlockClick: () => C == null ? void 0 : C(c, _)
                   }
                 ),
                 !te && M && /* @__PURE__ */ s(M, {})
-              ] }) }) : Yr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : Hr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                   te && M && /* @__PURE__ */ s(M, {}),
                   te ? /* @__PURE__ */ s(
@@ -3643,7 +3639,7 @@ const bi = ({
                     {
                       ...Lt,
                       isMine: !0,
-                      onPreviewClick: () => k ? k(c, _) : void 0
+                      onPreviewClick: () => C ? C(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Pe,
@@ -3651,8 +3647,8 @@ const bi = ({
                       ...Lt,
                       isMine: !1,
                       isUnlocking: w(c.id),
-                      onUnlockClick: () => k ? k(c, _) : void 0,
-                      onDownloadClick: () => S ? S(c, _) : void 0
+                      onUnlockClick: () => C ? C(c, _) : void 0,
+                      onDownloadClick: () => E ? E(c, _) : void 0
                     }
                   ),
                   !te && M && /* @__PURE__ */ s(M, {})
@@ -3664,14 +3660,14 @@ const bi = ({
                     renderText: b
                   }
                 ) })
-              ] }) : Us ? /* @__PURE__ */ s(
-                bi,
+              ] }) : js ? /* @__PURE__ */ s(
+                pi,
                 {
                   groupPosition: ze,
                   isMyMessage: te,
                   message: {
                     ...Z,
-                    attachments: B,
+                    attachments: U,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -3688,12 +3684,12 @@ const bi = ({
                     isMyMessage: te
                   }
                 ),
-                qe && /* @__PURE__ */ s(hn, { poll: qe }),
-                B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
-                  I,
+                qe && /* @__PURE__ */ s(fn, { poll: qe }),
+                U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
+                  y,
                   {
                     actionHandler: l,
-                    attachments: B
+                    attachments: U
                   }
                 ) : null,
                 Y ? /* @__PURE__ */ s(
@@ -3723,15 +3719,15 @@ const bi = ({
               }
             ),
             n && pe && /* @__PURE__ */ s(
-              Wr,
+              qr,
               {
                 selected: L,
-                onVoteUp: C,
-                onVoteDown: E
+                onVoteUp: S,
+                onVoteDown: I
               }
             )
           ] }),
-          /* @__PURE__ */ s(Kr, {}),
+          /* @__PURE__ */ s(Xr, {}),
           ae && /* @__PURE__ */ s(
             ee,
             {
@@ -3745,50 +3741,50 @@ const bi = ({
       c.id
     )
   ] });
-}, xi = V.memo(
-  vi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Xs(e, t)
-), wi = (e) => {
+}, vi = V.memo(
+  bi,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
+), xi = (e) => {
   const t = Ne("CustomMessage");
-  return /* @__PURE__ */ s(xi, { ...t, ...e });
-}, _i = () => {
+  return /* @__PURE__ */ s(vi, { ...t, ...e });
+}, wi = () => {
   var n;
   const { handleDelete: e, message: t } = Ne("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    os,
+    cs,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Zn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Jn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ni = () => {
+}, _i = () => {
   const { handleFlag: e } = Ne("CustomMessageActions");
   return /* @__PURE__ */ s(
-    os,
+    cs,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(rs, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(is, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, yi = () => {
+}, Ni = () => {
   var t;
   const { message: e } = Ne("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    ea,
+    ta,
     {
       messageActionSet: [
-        { Component: _i, placement: "quick", type: "delete" },
-        { Component: Ni, placement: "quick", type: "flag" }
+        { Component: wi, placement: "quick", type: "delete" },
+        { Component: _i, placement: "quick", type: "flag" }
       ]
     }
   );
-}, ki = ({
+}, yi = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3828,14 +3824,14 @@ const bi = ({
       ]
     }
   );
-}, Ci = (e) => ({
+}, ki = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
   )
-}), Si = () => {
-  const { linkPreviewsManager: e } = fn(), { linkPreviews: t } = gn(
+}), Ci = () => {
+  const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
     e.state,
-    Ci
+    ki
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3848,9 +3844,9 @@ const bi = ({
     // 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(ki, { 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(yi, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, It = V.createContext(!1), pl = () => Te(It), Ei = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, It = V.createContext(!1), gl = () => Te(It), Si = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3858,13 +3854,13 @@ const bi = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ s(Jn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(Qn, { weight: "bold", className: "size-4" })
   }
-), Ii = () => {
-  const e = Te(It), { handleSubmit: t } = bn(), n = vn(), a = e || !n, {
-    SendButton: r = Ei,
-    AttachmentPreviewList: i = xn
-  } = as("CustomMessageInput");
+), Ei = () => {
+  const e = Te(It), { handleSubmit: t } = vn(), n = xn(), a = e || !n, {
+    SendButton: r = Si,
+    AttachmentPreviewList: i = wn
+  } = rs("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
@@ -3880,12 +3876,12 @@ const bi = ({
         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(wn, {}),
-          /* @__PURE__ */ s(Si, {}),
+          /* @__PURE__ */ s(_n, {}),
+          /* @__PURE__ */ s(Ci, {}),
           /* @__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(
-              _n,
+              Nn,
               {
                 "aria-disabled": e || void 0,
                 className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -3912,7 +3908,7 @@ const bi = ({
       }
     )
   );
-}, Ti = ({
+}, Ii = ({
   renderActions: e,
   renderFooter: t,
   disabled: n = !1,
@@ -3933,42 +3929,42 @@ const bi = ({
         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(It.Provider, { value: o, children: /* @__PURE__ */ s(pn, { Input: r ?? Ii }) })
+          /* @__PURE__ */ s(It.Provider, { value: o, children: /* @__PURE__ */ s(bn, { Input: r ?? Ei }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Mi = [
+}, Ti = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ai = {
+], Mi = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ri = [
+}, Ai = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Li = {
+], Ri = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, tt = "age safety guidelines.", Di = "https://linktr.ee/s/about/contact", ts = (e) => Mi.includes(e), zi = (e) => Ri.includes(e), Fi = (e) => {
+}, tt = "age safety guidelines.", Li = "https://linktr.ee/s/about/contact", ss = (e) => Ti.includes(e), Di = (e) => Ai.includes(e), zi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (ts(t))
+  if (ss(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (zi(t))
+  if (Di(t))
     return {
       kind: "age-safety",
       type: t
     };
   const n = e.dm_agent_system_type;
-  if (ts(n))
+  if (ss(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, Pi = (e) => {
+}, Fi = (e) => {
   const t = e.indexOf(tt);
   if (t === -1)
     return e;
@@ -3978,7 +3974,7 @@ const bi = ({
     /* @__PURE__ */ s(
       "a",
       {
-        href: Di,
+        href: Li,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -3987,13 +3983,13 @@ const bi = ({
     ),
     e.slice(n)
   ] });
-}, Oi = (e) => {
+}, Pi = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = Fi(
+  const t = e.message.hide_date === !0, n = zi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ai[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Mi[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4019,7 +4015,7 @@ const bi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Li[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ri[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4029,7 +4025,7 @@ const bi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Qn,
+              ea,
               {
                 size: 24,
                 weight: "duotone",
@@ -4038,7 +4034,7 @@ const bi = ({
                 "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: Fi(i) }) })
           ]
         }
       ),
@@ -4053,7 +4049,7 @@ const bi = ({
     ] }),
     !t && /* @__PURE__ */ s(Xe, { message: e.message })
   ] });
-}, Ds = ct(!1), st = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, zs = ct(!1), st = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4063,17 +4059,17 @@ const bi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), $i = /* @__PURE__ */ new Set([
+) }), Oi = /* @__PURE__ */ new Set([
   Ke.Thinking,
   Ke.Generating,
   Ke.ExternalSources
-]), Bi = ({ threadList: e }) => {
+]), $i = ({ threadList: e }) => {
   var b, v;
-  const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = Nn(), { aiState: o } = yn(t), l = Te(Ds);
-  if (!e && l && $i.has(o)) {
+  const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = yn(), { aiState: o } = kn(t), l = Te(zs);
+  if (!e && l && Oi.has(o)) {
     const x = Ui(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
-      ss,
+      ns,
       {
         avatarId: (x == null ? void 0 : x.id) ?? "ai-agent",
         avatarName: (x == null ? void 0 : x.name) ?? (x == null ? void 0 : x.id) ?? "Agent",
@@ -4099,7 +4095,7 @@ const bi = ({
     return null;
   const g = (v = h[0]) == null ? void 0 : v.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ s(
-    ss,
+    ns,
     {
       avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
@@ -4107,7 +4103,7 @@ const bi = ({
       testId: "typing-indicator"
     }
   );
-}, ss = ({
+}, ns = ({
   avatarId: e,
   avatarName: t,
   avatarImage: n,
@@ -4160,10 +4156,10 @@ function Ui(e, t) {
       return i;
   }
 }
-const ji = () => null, Vi = ({ className: e, message: t }) => /* @__PURE__ */ u(
+const Bi = () => null, ji = ({ className: e, message: t }) => /* @__PURE__ */ u(
   "div",
   {
-    className: y("flex items-center justify-center h-full", e),
+    className: k("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ u("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ s("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ s(
@@ -4204,11 +4200,11 @@ const ji = () => null, Vi = ({ className: e, message: t }) => /* @__PURE__ */ u(
     ]
   }
 ), Ve = 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(Vi, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(ji, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ve.displayName = "LoadingState";
-const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Oe = "Replies instantly with AI assistant", Gi = ({
+const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Oe = "Replies instantly with AI assistant", Vi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4227,7 +4223,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onParticipantNameClick: v,
   renderHeaderTitleBadges: x
 }) => {
-  var E, I, T, M, P, $;
+  var I, y, T, M, P, $;
   const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
     () => {
       var j;
@@ -4237,16 +4233,16 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         p.type
       );
     },
-    [(E = p.state) == null ? void 0 : E.members, _ == null ? void 0 : _.userID, p.type]
-  ), k = mt(w == null ? void 0 : w.user), D = (I = w == null ? void 0 : w.user) == null ? void 0 : I.image, S = ut(p), R = x == null ? void 0 : x({
+    [(I = p.state) == null ? void 0 : I.members, _ == null ? void 0 : _.userID, p.type]
+  ), C = mt(w == null ? void 0 : w.user), D = (y = w == null ? void 0 : w.user) == null ? void 0 : y.image, E = ut(p), R = x == null ? void 0 : x({
     channel: p,
     participant: w
   }), O = "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", F = "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(se, { children: [
-    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: k }),
+    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: C }),
     R && /* @__PURE__ */ s("span", { className: "shrink-0", children: R })
-  ] }), C = async () => {
+  ] }), S = async () => {
     try {
-      S ? await p.unpin() : await p.pin();
+      E ? await p.unpin() : await p.pin();
     } catch (j) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -4259,7 +4255,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ s(
         "button",
         {
-          className: y(
+          className: k(
             ve,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -4280,8 +4276,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               type: "button",
               onClick: v,
-              "aria-label": `View details for ${k}`,
-              className: y(
+              "aria-label": `View details for ${C}`,
+              className: k(
                 O,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
@@ -4290,9 +4286,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   ne,
                   {
                     id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || p.id || "unknown",
-                    name: k,
+                    name: C,
                     image: D,
-                    starred: n && S,
+                    starred: n && E,
                     dmAgentEnabled: a,
                     size: 48
                   }
@@ -4312,9 +4308,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ne,
               {
                 id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || p.id || "unknown",
-                name: k,
+                name: C,
                 image: D,
-                starred: n && S,
+                starred: n && E,
                 dmAgentEnabled: a,
                 size: 48
               }
@@ -4341,17 +4337,17 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: ve,
-            onClick: C,
+            onClick: S,
             type: "button",
-            "aria-label": S ? "Unstar conversation" : "Star conversation",
+            "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ie,
               {
-                className: y("size-5", {
-                  "text-yellow-600": S,
-                  "text-black/90": !S
+                className: k("size-5", {
+                  "text-yellow-600": E,
+                  "text-black/90": !E
                 }),
-                weight: S ? "duotone" : "regular"
+                weight: E ? "duotone" : "regular"
               }
             )
           }
@@ -4370,7 +4366,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: f,
             onReportParticipantClick: h,
             customChannelActions: g,
-            triggerClassName: y(ve, "bg-[#F1F0EE]")
+            triggerClassName: k(ve, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -4380,7 +4376,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ s(
           "button",
           {
-            className: y(
+            className: k(
               ve,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -4395,8 +4391,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             type: "button",
             onClick: v,
-            "aria-label": `View details for ${k}`,
-            className: y(
+            "aria-label": `View details for ${C}`,
+            className: k(
               F,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
@@ -4405,9 +4401,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 ne,
                 {
                   id: ((P = w == null ? void 0 : w.user) == null ? void 0 : P.id) || p.id || "unknown",
-                  name: k,
+                  name: C,
                   image: D,
-                  starred: n && S,
+                  starred: n && E,
                   dmAgentEnabled: a,
                   size: 48
                 }
@@ -4429,9 +4425,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             ne,
             {
               id: (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id) || p.id || "unknown",
-              name: k,
+              name: C,
               image: D,
-              starred: n && S,
+              starred: n && E,
               dmAgentEnabled: a,
               size: 48
             }
@@ -4459,17 +4455,17 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: ve,
-            onClick: C,
+            onClick: S,
             type: "button",
-            "aria-label": S ? "Unstar conversation" : "Star conversation",
+            "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ie,
               {
-                className: y("size-6", {
-                  "text-yellow-600": S,
-                  "text-black/90": !S
+                className: k("size-6", {
+                  "text-yellow-600": E,
+                  "text-black/90": !E
                 }),
-                weight: S ? "duotone" : "regular"
+                weight: E ? "duotone" : "regular"
               }
             )
           }
@@ -4494,7 +4490,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Hi = ({
+}, Gi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4515,33 +4511,33 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderChannelBanner: p,
   renderHeaderTitleBadges: _,
   customChannelActions: w,
-  renderChannelActions: k,
+  renderChannelActions: C,
   renderMessage: D,
-  dmAgentEnabled: S = !1,
+  dmAgentEnabled: E = !1,
   viewerLanguage: R,
   showChannelInfo: O = !0,
   onParticipantNameClick: F,
   composerInput: L
 }) => {
   var N, A, H, q;
-  const { channel: C } = oe(), { client: E } = fe(), I = V.useMemo(
+  const { channel: S } = oe(), { client: I } = fe(), y = V.useMemo(
     () => {
       var Y;
       return He(
-        (Y = C.state) == null ? void 0 : Y.members,
-        E == null ? void 0 : E.userID,
-        C.type
+        (Y = S.state) == null ? void 0 : Y.members,
+        I == null ? void 0 : I.userID,
+        S.type
       );
     },
-    [(N = C.state) == null ? void 0 : N.members, E == null ? void 0 : E.userID, C.type]
+    [(N = S.state) == null ? void 0 : N.members, I == null ? void 0 : I.userID, S.type]
   ), T = V.useMemo(() => {
     var W;
-    const Y = E == null ? void 0 : E.userID;
-    return Y ? Object.values(((W = C.state) == null ? void 0 : W.members) || {}).find((Z) => {
+    const Y = I == null ? void 0 : I.userID;
+    return Y ? Object.values(((W = S.state) == null ? void 0 : W.members) || {}).find((Z) => {
       var de;
       return ((de = Z.user) == null ? void 0 : de.id) === Y;
     }) : void 0;
-  }, [E == null ? void 0 : E.userID, (A = C.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), $ = S && M === !1 && P === !0, j = C.state.messages.some(
+  }, [I == null ? void 0 : I.userID, (A = S.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = y == null ? void 0 : y.user) == null ? void 0 : q.is_account) ?? (y == null ? void 0 : y.is_account), $ = E && M === !1 && P === !0, j = S.state.messages.some(
     (Y) => Y.type !== "deleted"
   ), Q = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = F ? /* @__PURE__ */ s(
     ga,
@@ -4561,35 +4557,35 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       onBlockParticipantClick: m,
       onReportParticipantClick: f,
       customChannelActions: w,
-      renderChannelActions: k,
+      renderChannelActions: C,
       onParticipantNameClick: F
     }
   ) : null, X = J(
     (Y) => {
-      const { message: B } = Ne("ChannelView"), W = /* @__PURE__ */ s(
-        wi,
+      const { message: U } = Ne("ChannelView"), W = /* @__PURE__ */ s(
+        xi,
         {
           ...Y,
           chatbotVotingEnabled: x,
           viewerLanguage: R
         }
       );
-      return !D || !B ? W : D(W, B);
+      return !D || !U ? W : D(W, U);
     },
     [x, D, R]
   );
   return /* @__PURE__ */ s(se, { children: /* @__PURE__ */ s(
-    Cn,
+    Sn,
     {
       overrides: {
         Message: X,
-        MessageActions: yi,
+        MessageActions: Ni,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ u(Sn, { children: [
+      children: /* @__PURE__ */ u(En, { children: [
         !F && /* @__PURE__ */ u(se, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Gi,
+            Vi,
             {
               onBack: e,
               showBackButton: t,
@@ -4605,7 +4601,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onBlockParticipantClick: m,
               onReportParticipantClick: f,
               customChannelActions: w,
-              renderChannelActions: k,
+              renderChannelActions: C,
               renderHeaderTitleBadges: _
             }
           ) }, "lt-channel-header"),
@@ -4621,7 +4617,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 Q
               ] }) }),
               /* @__PURE__ */ s(
-                En,
+                In,
                 {
                   head: F && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                     ee,
@@ -4635,14 +4631,14 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ s(V.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ s(V.Fragment, { children: r(S) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          Ti,
+          Ii,
           {
             ...n && {
-              renderActions: () => n == null ? void 0 : n(C)
+              renderActions: () => n == null ? void 0 : n(S)
             },
-            renderFooter: () => a == null ? void 0 : a(C),
+            renderFooter: () => a == null ? void 0 : a(S),
             disabled: c,
             disabledReason: b,
             composerInput: L
@@ -4652,7 +4648,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, zs = V.memo(
+}, Fs = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -4663,7 +4659,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = ji,
+    CustomChannelEmptyState: m = Bi,
     showDeleteConversation: f = !0,
     onDeleteConversationClick: h,
     onBlockParticipantClick: g,
@@ -4674,16 +4670,16 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     composerDisabledReason: p,
     dmAgentEnabled: _,
     messageMetadata: w,
-    onMessageSent: k,
+    onMessageSent: C,
     showStarButton: D = !1,
-    chatbotVotingEnabled: S = !1,
+    chatbotVotingEnabled: E = !1,
     renderChannelBanner: R,
     renderHeaderTitleBadges: O,
     customChannelActions: F,
     renderChannelActions: L,
-    renderMessage: C,
-    onMessageLinkClick: E,
-    sendButton: I,
+    renderMessage: S,
+    onMessageLinkClick: I,
+    sendButton: y,
     attachmentPreviewList: T,
     viewerLanguage: M,
     showChannelInfo: P = !0,
@@ -4702,47 +4698,47 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ...w
             }
           }
-        }, B = {
+        }, U = {
           ...A,
           ...q && { skip_push: !0 }
-        }, W = await e.sendMessage(Y, B);
-        return k == null || k(W), W;
+        }, W = await e.sendMessage(Y, U);
+        return C == null || C(W), W;
       },
-      [e, _, w, k]
+      [e, _, w, C]
     ), ee = G(null);
     return K(() => {
-      if (!E) return;
+      if (!I) return;
       const X = ee.current;
       if (!X) return;
       const N = (A) => {
         const H = A.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
-        const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
-        E(Y, Z);
+        const U = q == null ? void 0 : q.closest("[data-message-id]"), W = U == null ? void 0 : U.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
+        I(Y, Z);
       };
       return X.addEventListener("click", N), () => X.removeEventListener("click", N);
-    }, [E, e]), /* @__PURE__ */ s(
+    }, [I, e]), /* @__PURE__ */ s(
       "div",
       {
         ref: ee,
-        className: y(
+        className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Ds.Provider, { value: _ ?? !1, children: /* @__PURE__ */ s(
-          kn,
+        children: /* @__PURE__ */ s(zs.Provider, { value: _ ?? !1, children: /* @__PURE__ */ s(
+          Cn,
           {
             channel: e,
-            MessageSystem: Oi,
+            MessageSystem: Pi,
             EmptyStateIndicator: m,
             LoadingIndicator: Ve,
             DateSeparator: pa,
-            TypingIndicator: Bi,
+            TypingIndicator: $i,
             doSendMessageRequest: Q,
-            ...I ? { SendButton: I } : {},
+            ...y ? { SendButton: y } : {},
             ...T ? { AttachmentPreviewList: T } : {},
             children: /* @__PURE__ */ s(
-              Hi,
+              Gi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4762,12 +4758,12 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 composerDisabledReason: p,
                 showStarButton: D,
                 dmAgentEnabled: _,
-                chatbotVotingEnabled: S,
+                chatbotVotingEnabled: E,
                 renderChannelBanner: R,
                 renderHeaderTitleBadges: O,
                 customChannelActions: F,
                 renderChannelActions: L,
-                renderMessage: C,
+                renderMessage: S,
                 viewerLanguage: M,
                 showChannelInfo: P,
                 onParticipantNameClick: $,
@@ -4780,7 +4776,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-zs.displayName = "ChannelView";
+Fs.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!" }),
@@ -4796,7 +4792,7 @@ const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const bl = ({
+const pl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4817,19 +4813,19 @@ const bl = ({
   renderChannelActions: p,
   onParticipantNameClick: _,
   renderMessage: w,
-  onMessageLinkClick: k,
+  onMessageLinkClick: C,
   showChannelInfo: D,
-  composerInput: S
+  composerInput: E
 }) => {
   const {
     client: R,
     isConnected: O,
     isLoading: F,
     error: L,
-    refreshConnection: C,
-    service: E,
-    debug: I
-  } = ta(), [T, M] = U(null), [P, $] = U(null), [j, Q] = U(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
+    refreshConnection: S,
+    service: I,
+    debug: y
+  } = sa(), [T, M] = B(null), [P, $] = B(null), [j, Q] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
   X.current = o;
   const N = G(a);
   N.current = a;
@@ -4838,9 +4834,9 @@ const bl = ({
     H.current = T;
   }, [T]), K(() => {
     if (!R || !O) return;
-    const B = R.userID;
-    if (!B) return;
-    const W = `${B}::${i}`;
+    const U = R.userID;
+    if (!U) return;
+    const W = `${U}::${i}`;
     if (A.current === W) return;
     A.current = W;
     const Z = () => {
@@ -4849,40 +4845,40 @@ const bl = ({
     (async () => {
       var De, ze;
       try {
-        I && console.log(
+        y && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
         const ae = await R.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [B, i] }
+            members: { $eq: [U, i] }
           },
           {},
           { limit: 1 }
         );
         if (ae.length > 0) {
-          M(ae[0]), $(null), (De = N.current) == null || De.call(N, ae[0]), I && console.log(
+          M(ae[0]), $(null), (De = N.current) == null || De.call(N, ae[0]), y && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ae[0].id
           );
           return;
         }
         const ue = X.current;
-        if (!ue || !E) {
-          Z(), $("No conversation found with this account"), I && console.log(
+        if (!ue || !I) {
+          Z(), $("No conversation found with this account"), y && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const le = await E.startChannelWithParticipant({
+          const le = await I.startChannelWithParticipant({
             id: ue.id,
             name: ue.name,
             phone: ue.phone
           });
-          M(le), $(null), (ze = N.current) == null || ze.call(N, le), I && console.log(
+          M(le), $(null), (ze = N.current) == null || ze.call(N, le), y && console.log(
             "[MessagingShell] Channel created and loaded:",
             le.id
           );
@@ -4899,21 +4895,21 @@ const bl = ({
         ), Z(), H.current || $("Failed to load conversation");
       }
     })();
-  }, [i, R, O, E, I]);
+  }, [i, R, O, I, y]);
   const q = G(r);
   q.current = r;
   const Y = J(() => {
-    var B;
-    M(null), Q(!0), (B = q.current) == null || B.call(q);
+    var U;
+    M(null), Q(!0), (U = q.current) == null || U.call(q);
   }, []);
-  return F ? /* @__PURE__ */ s(Ve, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: C }) : !O || !R ? /* @__PURE__ */ s(
+  return F ? /* @__PURE__ */ s(Ve, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: S }) : !O || !R ? /* @__PURE__ */ s(
     Ce,
     {
       message: "Not connected to messaging service",
-      onBack: C
+      onBack: S
     }
   ) : P ? /* @__PURE__ */ s(Ce, { message: P }) : 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(
-    zs,
+    Fs,
     {
       channel: T,
       renderMessageInputActions: t,
@@ -4934,20 +4930,20 @@ const bl = ({
       renderChannelActions: p,
       onParticipantNameClick: _,
       renderMessage: w,
-      onMessageLinkClick: k,
+      onMessageLinkClick: C,
       showChannelInfo: D,
-      composerInput: S
+      composerInput: E
     },
     T.id
   ) }) }) : /* @__PURE__ */ s(Ve, {});
 };
-function Yi(e) {
+function Hi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const Fs = V.createContext({
+const Ps = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4955,18 +4951,18 @@ const Fs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), qi = Fs.Provider, Wi = () => V.useContext(Fs), Xi = (e, t) => {
+}), Yi = Ps.Provider, qi = () => V.useContext(Ps), Wi = (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));
-}, Ki = (e) => {
+}, Xi = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Xi(e, t);
+  const a = Wi(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4976,7 +4972,7 @@ const Fs = V.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, Ps = V.memo(
+}, Os = V.memo(
   (e) => {
     var O, F, L;
     const { channel: t, unread: n } = e, {
@@ -4986,7 +4982,7 @@ const Fs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Wi(), { client: m } = fe(), f = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ut(t);
+    } = qi(), { client: m } = fe(), f = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ut(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -5000,46 +4996,46 @@ const Fs = V.createContext({
       );
     const g = () => {
       t && r(t);
-    }, c = (C) => {
-      const E = C.key === "Enter" || C.key === " ", I = C.repeat;
-      !E || I || (C.preventDefault(), g());
+    }, c = (S) => {
+      const I = S.key === "Enter" || S.key === " ", y = S.repeat;
+      !I || y || (S.preventDefault(), g());
     }, b = He(
       (O = t == null ? void 0 : t.state) == null ? void 0 : O.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
     ), v = mt(b == null ? void 0 : b.user), x = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, p = (() => {
-      var E;
-      const C = (E = t == null ? void 0 : t.state) == null ? void 0 : E.messages;
-      if (C != null && C.length) {
-        for (let I = C.length - 1; I >= 0; I--)
-          if (C[I].type !== "system") return C[I];
+      var I;
+      const S = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
+      if (S != null && S.length) {
+        for (let y = S.length - 1; y >= 0; y--)
+          if (S[y].type !== "system") return S[y];
       }
     })(), w = (() => {
       var M;
-      const C = us({
+      const S = ms({
         message: p,
         viewerLanguage: d
-      }), { custom_type: E, attachment_content_type: I } = (p == null ? void 0 : p.metadata) || {};
-      if (E === "MESSAGE_TIP")
-        return C || "Sent a tip";
-      if (E === "MESSAGE_PAID")
-        return C || "Sent a message";
-      if (E === "MESSAGE_ATTACHMENT") {
-        if (I === "text")
+      }), { custom_type: I, attachment_content_type: y } = (p == null ? void 0 : p.metadata) || {};
+      if (I === "MESSAGE_TIP")
+        return S || "Sent a tip";
+      if (I === "MESSAGE_PAID")
+        return S || "Sent a message";
+      if (I === "MESSAGE_ATTACHMENT") {
+        if (y === "text")
           return "🔒 Sent a locked message";
-        if (I === "media")
+        if (y === "media")
           return "🔒 Sent a locked attachment";
       }
-      if (C) return C;
+      if (S) return S;
       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";
-    })(), k = p != null && p.created_at ? Ki(new Date(p.created_at)) : "", D = p ? Be(p) : !1, S = l ? l(p, w) : `${D ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), C = p != null && p.created_at ? Xi(new Date(p.created_at)) : "", D = p ? Ue(p) : !1, E = l ? l(p, w) : `${D ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: f,
       participantName: v,
       unreadCount: R,
-      hasTimestamp: !!k
+      hasTimestamp: !!C
     }), /* @__PURE__ */ s(
       "div",
       {
@@ -5047,7 +5043,7 @@ const Fs = V.createContext({
         tabIndex: 0,
         onClick: g,
         onKeyDown: c,
-        className: y(
+        className: k(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": f,
@@ -5071,7 +5067,7 @@ const Fs = V.createContext({
               /* @__PURE__ */ u(
                 "h3",
                 {
-                  className: y(
+                  className: k(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -5080,10 +5076,10 @@ const Fs = V.createContext({
                   ]
                 }
               ),
-              k && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: k })
+              C && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: C })
             ] }),
             /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: S }),
+              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: E }),
               R > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: R > 99 ? "99+" : R })
             ] })
           ] })
@@ -5092,18 +5088,18 @@ const Fs = V.createContext({
     );
   }
 );
-Ps.displayName = "CustomChannelPreview";
-const Zi = { last_message_at: -1 }, Ji = V.memo(
+Os.displayName = "CustomChannelPreview";
+const Ki = { last_message_at: -1 }, Zi = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Zi,
+    sort: i = Ki,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = Tn,
+    channelListPaginator: d = Mn,
     channelPreview: m,
     renderMessagePreview: f,
     viewerLanguage: h,
@@ -5116,11 +5112,11 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
   }) => {
     const _ = V.useRef(0);
     _.current++;
-    const { debug: w = !1 } = dt(), k = V.useCallback(
-      (S) => {
-        for (const R of S)
-          Yi(R);
-        return r ? r(S) : S;
+    const { debug: w = !1 } = dt(), C = V.useCallback(
+      (E) => {
+        for (const R of E)
+          Hi(R);
+        return r ? r(E) : E;
       },
       [r]
     );
@@ -5150,18 +5146,18 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
     return /* @__PURE__ */ s(
       "div",
       {
-        className: y(
+        className: k(
           "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(qi, { value: D, children: /* @__PURE__ */ s(
-          In,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Yi, { value: D, children: /* @__PURE__ */ s(
+          Tn,
           {
             filters: n,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: k,
+            channelRenderFilterFn: C,
             lockChannelOrder: g,
             onMessageNewHandler: c,
             onMessageNew: b,
@@ -5169,7 +5165,7 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
             onAddedToChannel: x,
             onChannelUpdated: p,
             Paginator: d,
-            Preview: Ps,
+            Preview: Os,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5178,11 +5174,11 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
     );
   }
 );
-Ji.displayName = "ChannelList";
-const ns = `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%`, Qi = {
+Zi.displayName = "ChannelList";
+const as = `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 = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, el = ({ variant: e }) => /* @__PURE__ */ s(
+}, Qi = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5192,12 +5188,12 @@ const ns = `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: Qi[e],
-      WebkitMask: ns,
-      mask: ns
+      backgroundColor: Ji[e],
+      WebkitMask: as,
+      mask: as
     }
   }
-), tl = {
+), el = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5206,7 +5202,7 @@ const ns = `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)"
   }
-}, Os = ({
+}, $s = ({
   variant: e,
   text: t,
   tail: n = !0,
@@ -5216,29 +5212,29 @@ const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   "div",
   {
     "data-dd-privacy": "mask",
-    className: y(
+    className: k(
       "relative px-4 py-3",
       "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]",
       r
     ),
     style: {
-      ...tl[e],
+      ...el[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(el, { variant: e })
+      n && /* @__PURE__ */ s(Qi, { variant: e })
     ]
   }
-), sl = ({
+), tl = ({
   text: e,
   tail: t,
   header: n,
   className: a
 }) => /* @__PURE__ */ s(
-  Os,
+  $s,
   {
     variant: "received",
     text: e,
@@ -5246,10 +5242,10 @@ const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), nl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Os, { variant: "sent", text: e, tail: t, className: n }), vl = {
-  Sent: nl,
-  Received: sl
-}, al = ({
+), sl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s($s, { variant: "sent", text: e, tail: t, className: n }), bl = {
+  Sent: sl,
+  Received: tl
+}, nl = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5261,7 +5257,7 @@ const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     onClick: t,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: y(
+    className: k(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -5271,7 +5267,7 @@ const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), xl = ({
+), vl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5300,7 +5296,7 @@ const ns = `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(
-            al,
+            nl,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5314,42 +5310,42 @@ const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   ] }) });
 };
 export {
-  hs as A,
+  fs as A,
   pt as B,
-  ji as C,
+  Bi as C,
   mt as D,
-  pl as E,
-  xl as F,
-  Or as G,
+  gl as E,
+  vl as F,
+  Pr as G,
   va as H,
-  ta as I,
-  Zt as L,
-  fl as M,
+  sa as I,
+  Jt as L,
+  hl as M,
   ye as a,
   ne as b,
-  Ji as c,
-  zs as d,
-  gl as e,
-  al as f,
+  Zi as c,
+  Fs as d,
+  fl as e,
+  nl as f,
   ce as g,
   Pe as h,
   ke as i,
-  vl as j,
-  Wr as k,
-  hl as l,
-  bl as m,
-  sr as n,
+  bl as j,
+  qr as k,
+  ml as l,
+  pl as m,
+  tr as n,
   he as o,
-  Qa as p,
-  Ki as q,
+  Ja as p,
+  Xi as q,
   _e as r,
-  tr as s,
-  us as t,
-  ps as u,
-  ra as v,
-  Ya as w,
+  er as s,
+  ms as t,
+  bs as u,
+  ia as v,
+  Ha as w,
   xa as x,
   He as y,
   gt as z
 };
-//# sourceMappingURL=index-BvuCjzqJ.js.map
+//# sourceMappingURL=index-5kR8BcYv.js.map