@linktr.ee/messaging-react 3.1.2-rc-1780566352 → 3.1.2

package/dist/{index-UtNoTrrb.js → index-Dca2QSVv.js}

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
 import z, { createContext as Ge, useContext as Se, useCallback as q, useState as O, useRef as X, useEffect as J, useMemo as ne, Suspense as He } from "react";
-import { StreamChatService as En } from "@linktr.ee/messaging-core";
-import { Chat as In, DateSeparator as Sn, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as Tn, useMessageReminder as An, useComponentContext as Vt, Attachment as Mn, EditMessageModal as Dn, MessageBlocked as Rn, MessageBouncePrompt as Ln, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as On, MessageRepliesCountButton as zn, ReminderNotification as Fn, StreamedMessageText as $n, messageHasAttachments as Bn, messageHasReactions as jn, isDateSeparatorMessage as Vn, isMessageBlocked as Un, isMessageBounced as Gn, MessageBounceModal as Hn, MessageText as At, Poll as Yn, MessageErrorIcon as qn, useMessageContext as be, useMessageComposer as Wn, useStateStore as Xn, MessageInput as Kn, useMessageInputContext as Jn, useMessageComposerHasSendableData as Zn, AttachmentPreviewList as Qn, QuotedMessagePreview as es, TextareaComposer as ts, MessageTimestamp as De, AIStates as Re, useTypingContext as ns, useAIState as ss, Channel as as, WithComponents as rs, Window as is, MessageList as os, ChannelList as ls } from "stream-chat-react";
-import { StarIcon as $e, XIcon as pe, SpinnerGapIcon as Le, SignOutIcon as cs, ProhibitInsetIcon as Mt, FlagIcon as Ut, FileIcon as Gt, ImageIcon as ds, SpeakerHighIcon as us, VideoCameraIcon as Ht, FileMdIcon as ms, FileTextIcon as hs, FileZipIcon as fs, FilePptIcon as gs, FileCsvIcon as bs, FileXlsIcon as ps, FileDocIcon as vs, FilePdfIcon as xs, CircleNotchIcon as fe, PlayIcon as Be, PauseIcon as ws, LinkIcon as Ns, DownloadSimpleIcon as ge, GiftIcon as _s, ThumbsUpIcon as ys, ThumbsDownIcon as Cs, TrashSimpleIcon as ks, ArrowUpIcon as Es, SparkleIcon as je, ProhibitIcon as Is, ArrowLeftIcon as Dt, DotsThreeIcon as Rt, PencilSimpleIcon as Ss, CaretLeftIcon as Ts, CaretRightIcon as As } from "@phosphor-icons/react";
+import { StreamChatService as In } from "@linktr.ee/messaging-core";
+import { Chat as Sn, DateSeparator as Tn, useChannelStateContext as de, useChatContext as Ye, areMessageUIPropsEqual as An, useMessageReminder as Mn, useComponentContext as Ut, Attachment as Dn, EditMessageModal as Rn, MessageBlocked as Ln, MessageBouncePrompt as Pn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as Fn, ReminderNotification as $n, StreamedMessageText as Bn, messageHasAttachments as jn, messageHasReactions as Un, isDateSeparatorMessage as Vn, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as At, Poll as qn, MessageErrorIcon as Wn, useMessageContext as be, useMessageComposer as Xn, useStateStore as Kn, MessageInput as Jn, useMessageInputContext as Zn, useMessageComposerHasSendableData as Qn, AttachmentPreviewList as es, QuotedMessagePreview as ts, TextareaComposer as ns, MessageTimestamp as De, AIStates as Re, useTypingContext as ss, useAIState as as, Channel as rs, WithComponents as is, Window as os, MessageList as ls, ChannelList as cs } from "stream-chat-react";
+import { StarIcon as $e, XIcon as pe, SpinnerGapIcon as Le, SignOutIcon as ds, ProhibitInsetIcon as Mt, FlagIcon as Vt, FileIcon as Gt, ImageIcon as us, SpeakerHighIcon as ms, VideoCameraIcon as Ht, FileMdIcon as hs, FileTextIcon as fs, FileZipIcon as gs, FilePptIcon as bs, FileCsvIcon as ps, FileXlsIcon as vs, FileDocIcon as xs, FilePdfIcon as ws, CircleNotchIcon as fe, PlayIcon as Be, PauseIcon as Ns, LinkIcon as _s, DownloadSimpleIcon as ge, GiftIcon as ys, ThumbsUpIcon as Cs, ThumbsDownIcon as ks, TrashSimpleIcon as Es, ArrowUpIcon as Is, SparkleIcon as je, ProhibitIcon as Ss, ArrowLeftIcon as Dt, DotsThreeIcon as Rt, CaretRightIcon as Yt, PencilSimpleIcon as Ts, CaretLeftIcon as As } from "@phosphor-icons/react";
 import y from "classnames";
-import { MessageActions as Ms, DefaultDropdownActionButton as Yt } from "stream-chat-react/experimental";
+import { MessageActions as Ms, DefaultDropdownActionButton as qt } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Lt } from "stream-chat";
-const qt = Ge({
+const Wt = Ge({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const qt = Ge({
   refreshConnection: async () => {
   },
   debug: !1
-}), qe = () => Se(qt), xi = ({
+}), qe = () => Se(Wt), xi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -80,7 +80,7 @@ const qt = Ge({
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
       serviceConfigChanged: w.current.serviceConfig !== s
     });
-    const C = new En({
+    const C = new In({
       ...s,
       apiKey: a,
       debug: i
@@ -207,17 +207,17 @@ const qt = Ge({
     renderCount: A.current,
     willRenderChat: !!(m && u),
     contextValueReady: !!R
-  }), /* @__PURE__ */ n(qt.Provider, { value: R, children: m && u ? /* @__PURE__ */ n(
-    In,
+  }), /* @__PURE__ */ n(Wt.Provider, { value: R, children: m && u ? /* @__PURE__ */ n(
+    Sn,
     {
       client: m,
       customClasses: {
-        channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A] p-4"
+        channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: e
     }
   ) : e });
-}, Ds = () => qe(), Wt = (e) => {
+}, Ds = () => qe(), Xt = (e) => {
   var a, r;
   const [t, s] = O(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -299,7 +299,10 @@ const ae = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Os(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  const l = Os(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : {
+    borderRadius: "33%",
+    cornerShape: "superellipse(1.3)"
+  }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -480,7 +483,7 @@ const $s = ({
         I(!1);
       }
     }
-  }, V = () => {
+  }, U = () => {
     c == null || c(), t(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -488,7 +491,7 @@ const $s = ({
     );
   };
   if (!s) return null;
-  const F = a ?? Te(s.user), Z = (H = s.user) == null ? void 0 : H.image, U = (Y = s.user) == null ? void 0 : Y.username, G = U ? `linktr.ee/${U}` : void 0, P = (($ = s.user) == null ? void 0 : $.id) || "unknown";
+  const F = a ?? Te(s.user), Z = (H = s.user) == null ? void 0 : H.image, V = (Y = s.user) == null ? void 0 : Y.username, G = V ? `linktr.ee/${V}` : void 0, P = (($ = s.user) == null ? void 0 : $.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n(
@@ -554,7 +557,7 @@ const $s = ({
                   disabled: T,
                   "aria-busy": T,
                   children: [
-                    T ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(cs, { className: "h-5 w-5" }),
+                    T ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ds, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -582,8 +585,8 @@ const $s = ({
                   ]
                 }
               ) }),
-              g && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ye, { variant: "danger", onClick: V, children: [
-                /* @__PURE__ */ n(Ut, { className: "h-5 w-5" }),
+              g && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ye, { variant: "danger", onClick: U, children: [
+                /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Report" })
               ] }) }),
               N
@@ -593,20 +596,20 @@ const $s = ({
       }
     )
   );
-}, Bs = (e) => /* @__PURE__ */ n(Sn, { ...e, position: "center" }), Ve = "vote_up", Ue = "vote_down";
+}, Bs = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), Ue = "vote_up", Ve = "vote_down";
 function js(e) {
-  return e != null && e.length ? e.some((t) => t.type === Ue) ? "down" : e.some((t) => t.type === Ve) ? "up" : null : null;
+  return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === Ue) ? "up" : null : null;
 }
-function Vs(e) {
-  const { channel: t } = ce(), { client: s } = Ye("useMessageVote"), a = ne(
+function Us(e) {
+  const { channel: t } = de(), { client: s } = Ye("useMessageVote"), a = ne(
     () => js(e.own_reactions),
     [e.own_reactions]
   ), r = q(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, Ue) : await t.sendReaction(
           e.id,
-          { type: Ve },
+          { type: Ue },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -614,9 +617,9 @@ function Vs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]), i = q(async () => {
     if (s != null && s.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, Ue) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
           e.id,
-          { type: Ue },
+          { type: Ve },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -624,24 +627,24 @@ function Vs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Us(e) {
+function Vs(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Xt({
+function Kt({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Us(t);
+  const s = e == null ? void 0 : e.text, a = Vs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Gs = z.lazy(() => import("./Card-DOcs__XO.js")), Hs = z.lazy(() => import("./Card-CserQom-.js")), Ys = z.lazy(() => import("./Card-MDGTBRIk.js")), We = () => /* @__PURE__ */ n(
+const Gs = z.lazy(() => import("./Card-CScx0yAg.js")), Hs = z.lazy(() => import("./Card-CbR6yi8j.js")), Ys = z.lazy(() => import("./Card-DWc7s-Ty.js")), We = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), qs = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Ws = Kt, Xs = Jt, zt = { Composer: qs, Sent: Kt, Received: Jt, Creator: Ws, Visitor: Xs }, Ks = [
+), qs = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Zt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Ws = Jt, Xs = Zt, zt = { Composer: qs, Sent: Jt, Received: Zt, Creator: Ws, Visitor: Xs }, Ks = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -654,7 +657,7 @@ const Gs = z.lazy(() => import("./Card-DOcs__XO.js")), Hs = z.lazy(() => import(
 function re(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function Zt(e) {
+function Qt(e) {
   const t = Ks.find(
     ([s]) => s.test(e)
   );
@@ -662,25 +665,25 @@ function Zt(e) {
 }
 const Js = {
   video: Ht,
-  audio: us,
-  image: ds,
+  audio: ms,
+  image: us,
   document: Gt
 }, Zs = {
-  pdf: xs,
-  doc: vs,
-  xls: ps,
-  csv: bs,
-  ppt: gs,
-  zip: fs,
-  text: hs,
-  markdown: ms,
+  pdf: ws,
+  doc: xs,
+  xls: vs,
+  csv: ps,
+  ppt: bs,
+  zip: gs,
+  text: fs,
+  markdown: hs,
   generic: Gt
 };
 function Qs(e) {
   const t = re(e);
-  return t !== "document" ? Js[t] : Zs[Zt(e)];
+  return t !== "document" ? Js[t] : Zs[Qt(e)];
 }
-function le(e, t) {
+function ce(e, t) {
   return z.createElement(Qs(e), t);
 }
 const ea = (e) => {
@@ -698,7 +701,7 @@ const ea = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = re(t), u = X(null), f = X(null), c = X(null), p = X(r), [N, v] = O(a), [x, w] = O(0), [A, T] = O(!1), [S, R] = O(!1), [I, C] = O(!1), [k, E] = O(!1), [D, V] = O(!0), [F, Z] = O(null), U = q(() => {
+  const g = re(t), u = X(null), f = X(null), c = X(null), p = X(r), [N, v] = O(a), [x, w] = O(0), [A, T] = O(!1), [S, R] = O(!1), [I, C] = O(!1), [k, E] = O(!1), [D, U] = O(!0), [F, Z] = O(null), V = q(() => {
     C(!1), v(!0);
   }, []), G = q((b) => {
     const _ = f.current;
@@ -777,7 +780,7 @@ const ea = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || D) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
+        !s && (g === "audio" || D) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -791,7 +794,7 @@ const ea = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => E(!0),
             onCanPlay: () => {
-              E(!1), V(!1);
+              E(!1), U(!1);
             },
             onWaiting: () => E(!0),
             onPlay: () => C(!1),
@@ -811,7 +814,7 @@ const ea = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => E(!0),
             onCanPlay: () => {
-              E(!1), V(!1);
+              E(!1), U(!1);
             },
             onWaiting: () => E(!0),
             onPlay: () => C(!1),
@@ -840,10 +843,10 @@ const ea = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (b) => {
-              b.stopPropagation(), U();
+              b.stopPropagation(), V();
             },
             onKeyDown: (b) => {
-              b.key !== "Enter" && b.key !== " " || (b.preventDefault(), b.stopPropagation(), U());
+              b.key !== "Enter" && b.key !== " " || (b.preventDefault(), b.stopPropagation(), V());
             },
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Be, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -884,7 +887,7 @@ const ea = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": N ? "Pause" : "Play",
-              children: N ? /* @__PURE__ */ n(ws, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
+              children: N ? /* @__PURE__ */ n(Ns, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -934,7 +937,7 @@ const ea = (e) => {
       ]
     }
   );
-}, Ft = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", na = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
+}, Ft = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", na = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", en = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -991,7 +994,7 @@ const ea = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: le(e, {
+      children: ce(e, {
         className: Ft(r),
         weight: "regular"
       })
@@ -1008,13 +1011,13 @@ const ea = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: le(e, {
+      children: ce(e, {
         className: Ft(r),
         weight: "regular"
       })
     }
   );
-}, en = ({
+}, tn = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1055,7 +1058,7 @@ const ea = (e) => {
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            le(r, {
+            ce(r, {
               className: y(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
@@ -1080,7 +1083,7 @@ const ea = (e) => {
     }
   );
 };
-function tn(e) {
+function nn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function Xe(e) {
@@ -1114,7 +1117,7 @@ const Ke = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${sa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Ns, { className: `size-12 ${oa(t)}` })
+        children: /* @__PURE__ */ n(_s, { className: `size-12 ${oa(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
@@ -1125,12 +1128,12 @@ const Ke = ({ attachment: e, isMyMessage: t }) => {
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ n("div", { className: "block", children: m });
 };
-function nn(e) {
+function sn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function Je(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(nn);
+  return (t = e.attachments) == null ? void 0 : t.find(sn);
 }
 async function la(e, t) {
   let s;
@@ -1192,16 +1195,16 @@ function Ze(e) {
     thumbnailUrl: g
   };
 }
-const sn = ({
+const an = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? tn(a) : void 0;
+  const i = a !== void 0 ? nn(a) : void 0;
   return /* @__PURE__ */ n(
-    en,
+    tn,
     {
       variant: "dark",
       title: s,
@@ -1209,7 +1212,7 @@ const sn = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        Qt,
+        en,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1220,23 +1223,23 @@ const sn = ({
       )
     }
   );
-}, an = ({
+}, rn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = re(t), o = a !== void 0 ? tn(a) : void 0;
+  const i = re(t), o = a !== void 0 ? nn(a) : void 0;
   return /* @__PURE__ */ n(
-    en,
+    tn,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        Qt,
+        en,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1274,7 +1277,7 @@ const sn = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: Xe(t), children: /* @__PURE__ */ n(Ke, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(sn, { ...a }) : /* @__PURE__ */ n(an, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: Xe(t), children: /* @__PURE__ */ n(Ke, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(an, { ...a }) : /* @__PURE__ */ n(rn, { ...a })
           }
         ) })
       }
@@ -1287,7 +1290,7 @@ const sn = ({
   if (t)
     return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !0 }) });
   const s = Ze(e);
-  return s ? /* @__PURE__ */ n(sn, { ...s }) : null;
+  return s ? /* @__PURE__ */ n(an, { ...s }) : null;
 }, ma = ({
   message: e
 }) => {
@@ -1295,7 +1298,7 @@ const sn = ({
   if (t)
     return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
   const s = Ze(e);
-  return s ? /* @__PURE__ */ n(an, { ...s }) : null;
+  return s ? /* @__PURE__ */ n(rn, { ...s }) : null;
 }, wi = Object.assign(da, {
   Creator: ua,
   Visitor: ma
@@ -1303,9 +1306,9 @@ const sn = ({
   isUnlocking: () => !1
 }, fa = {
   LockedAttachment: ha
-}, rn = Ge({}), Ni = rn.Provider;
+}, on = Ge({}), Ni = on.Provider;
 function ga(e) {
-  return Se(rn)[e] ?? fa[e];
+  return Se(on)[e] ?? fa[e];
 }
 const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -1336,9 +1339,9 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, xa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, on = (e) => pa(e) || va(e), wa = (e) => {
+}, ln = (e) => pa(e) || va(e), wa = (e) => {
   var t;
-  return on(e) && !((t = e.text) != null && t.trim());
+  return ln(e) && !((t = e.text) != null && t.trim());
 }, Pe = ({
   message: e,
   standalone: t = !1,
@@ -1346,7 +1349,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = on(e), i = Ce(e);
+  const r = ln(e), i = Ce(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -1354,7 +1357,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", p = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(_s, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(ys, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: p })
     ] });
   }
@@ -1386,7 +1389,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(ys, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Cs, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1400,7 +1403,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Cs, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(ks, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
 ] }), _a = (e) => {
@@ -1422,44 +1425,44 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: p,
     threadList: N,
     viewerLanguage: v
-  } = e, { client: x } = Ye("CustomMessage"), { channel: w } = ce("CustomMessage"), { isUnlocking: A, onUnlockClick: T, onFetchSource: S, onDownloadClick: R } = ga("LockedAttachment"), [I, C] = O(!1), k = An(c.id), { selected: E, voteUp: D, voteDown: V } = Vs(c), {
-    Attachment: F = Mn,
-    EditMessageModal: Z = Dn,
-    MessageActions: U,
-    MessageBlocked: G = Rn,
-    MessageBouncePrompt: P = Ln,
-    MessageDeleted: B = Pn,
-    MessageIsThreadReplyInChannelButtonIndicator: H = On,
-    MessageRepliesCountButton: Y = zn,
-    ReminderNotification: $ = Fn,
-    StreamedMessageText: b = $n,
+  } = e, { client: x } = Ye("CustomMessage"), { channel: w } = de("CustomMessage"), { isUnlocking: A, onUnlockClick: T, onFetchSource: S, onDownloadClick: R } = ga("LockedAttachment"), [I, C] = O(!1), k = Mn(c.id), { selected: E, voteUp: D, voteDown: U } = Us(c), {
+    Attachment: F = Dn,
+    EditMessageModal: Z = Rn,
+    MessageActions: V,
+    MessageBlocked: G = Ln,
+    MessageBouncePrompt: P = Pn,
+    MessageDeleted: B = On,
+    MessageIsThreadReplyInChannelButtonIndicator: H = zn,
+    MessageRepliesCountButton: Y = Fn,
+    ReminderNotification: $ = $n,
+    StreamedMessageText: b = Bn,
     PinIndicator: _
-  } = Vt("CustomMessage"), L = Bn(c), M = jn(c), W = ne(
+  } = Ut("CustomMessage"), L = jn(c), M = Un(c), W = ne(
     () => u == null ? void 0 : u(c),
     [u, c]
   ), j = ne(() => {
     const me = c.attachments ?? [], _e = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Ce(c)) return _e;
-    const St = _e.filter((Tt) => !("type" in Tt) || !nn(Tt));
+    const St = _e.filter((Tt) => !("type" in Tt) || !sn(Tt));
     return St.length === _e.length ? _e : St;
   }, [c]), K = ne(() => {
-    const me = Xt({ message: c, viewerLanguage: v });
+    const me = Kt({ message: c, viewerLanguage: v });
     return me === c.text ? c : { ...c, text: me };
   }, [c, v]);
   if (Vn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(B, { message: c });
-  if (Un(c))
+  if (Gn(c))
     return /* @__PURE__ */ n(G, {});
-  const ee = !N && !!c.reply_count, Q = !N && c.show_in_channel && c.parent_id, lt = c.status === "failed" && ((ft = c.error) == null ? void 0 : ft.status) !== 403, ct = Gn(c);
+  const ee = !N && !!c.reply_count, Q = !N && c.show_in_channel && c.parent_id, lt = c.status === "failed" && ((ft = c.error) == null ? void 0 : ft.status) !== 403, ct = Hn(c);
   let ie;
   lt ? ie = () => m(c) : ct && (ie = () => C(!0));
-  const de = f(), kn = y(
+  const ue = f(), En = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ue ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": L,
@@ -1472,7 +1475,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), dt = c.poll_id && x.polls.fromState(c.poll_id), ut = wa(c), ue = Ce(c), mt = xa(c), Me = !!(j != null && j.length && !c.quoted_message), ht = ue && de && Me;
+  ), dt = c.poll_id && x.polls.fromState(c.poll_id), ut = wa(c), oe = Ce(c), mt = xa(c), Me = !!(j != null && j.length && !c.quoted_message), ht = oe && ue && Me;
   return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
       Z,
@@ -1481,7 +1484,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     ),
     I && /* @__PURE__ */ n(
-      Hn,
+      Yn,
       {
         MessageBouncePrompt: P,
         onClose: () => C(!1),
@@ -1491,7 +1494,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ h(
       "div",
       {
-        className: kn,
+        className: En,
         "data-message-id": c.id,
         children: [
           _ && /* @__PURE__ */ n(_, {}),
@@ -1503,9 +1506,9 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
               id: c.user.id,
               image: c.user.image,
               name: c.user.name || c.user.id,
-              size: 24,
+              size: oe ? 24 : 28,
               shape: "circle",
-              dmAgentEnabled: ue
+              dmAgentEnabled: oe
             }
           ),
           /* @__PURE__ */ n(
@@ -1526,8 +1529,8 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 marginInlineStart: 0
               },
               children: mt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                de ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  U && /* @__PURE__ */ n(U, {}),
+                ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                  V && /* @__PURE__ */ n(V, {}),
                   /* @__PURE__ */ n(
                     zt.Sent,
                     {
@@ -1557,7 +1560,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       onDownloadClick: () => R == null ? void 0 : R(c, w)
                     }
                   ),
-                  U && /* @__PURE__ */ n(U, {})
+                  V && /* @__PURE__ */ n(V, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   At,
@@ -1570,15 +1573,15 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ n(Pe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                ue && !ht && /* @__PURE__ */ n(
+                oe && !ht && /* @__PURE__ */ n(
                   Pe,
                   {
                     message: c,
                     hasAttachment: Me,
-                    isMyMessage: de
+                    isMyMessage: ue
                   }
                 ),
-                dt && /* @__PURE__ */ n(Yn, { poll: dt }),
+                dt && /* @__PURE__ */ n(qn, { poll: dt }),
                 j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
                   F,
                   {
@@ -1599,25 +1602,25 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                     renderText: p
                   }
                 ),
-                /* @__PURE__ */ n(qn, {})
+                /* @__PURE__ */ n(Wn, {})
               ] }) })
             }
           ),
           !mt && !ut && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!ue || ht) && /* @__PURE__ */ n(
+            (!oe || ht) && /* @__PURE__ */ n(
               Pe,
               {
                 message: c,
                 hasAttachment: Me,
-                isMyMessage: de
+                isMyMessage: ue
               }
             ),
-            s && ue && /* @__PURE__ */ n(
+            s && oe && /* @__PURE__ */ n(
               Na,
               {
                 selected: E,
                 onVoteUp: D,
-                onVoteDown: V
+                onVoteDown: U
               }
             )
           ] }),
@@ -1636,7 +1639,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   ] });
 }, ya = z.memo(
   _a,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Tn(e, t)
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
 ), Ca = (e) => {
   const t = be("CustomMessage");
   return /* @__PURE__ */ n(ya, { ...t, ...e });
@@ -1644,25 +1647,25 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   var s;
   const { handleDelete: e, message: t } = be("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    Yt,
+    qt,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(ks, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Es, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, Ea = () => {
   const { handleFlag: e } = be("CustomMessageActions");
   return /* @__PURE__ */ n(
-    Yt,
+    qt,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Ut, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Vt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, Ia = () => {
@@ -1722,7 +1725,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   );
 }, Aa = () => {
-  const { linkPreviewsManager: e } = Wn(), { linkPreviews: t } = Xn(
+  const { linkPreviewsManager: e } = Xn(), { linkPreviews: t } = Kn(
     e.state,
     Sa
   ), s = (r) => {
@@ -1736,7 +1739,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, ln = z.createContext(!1), Ma = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, cn = z.createContext(!1), Ma = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1744,23 +1747,23 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Es, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Is, { weight: "bold", className: "size-4" })
   }
 ), Da = () => {
-  const e = Se(ln), { handleSubmit: t } = Jn(), s = Zn(), a = e || !s, {
+  const e = Se(cn), { handleSubmit: t } = Zn(), s = Qn(), a = e || !s, {
     SendButton: r = Ma,
-    AttachmentPreviewList: i = Qn
-  } = Vt("CustomMessageInput");
+    AttachmentPreviewList: i = es
+  } = Ut("CustomMessageInput");
   return /* @__PURE__ */ h("div", { className: "central-container flex flex-col gap-2 min-w-0 w-full 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)]", children: [
-    /* @__PURE__ */ n(es, {}),
+    /* @__PURE__ */ n(ts, {}),
     /* @__PURE__ */ n(Aa, {}),
     /* @__PURE__ */ n(i, {}),
     /* @__PURE__ */ h("div", { className: "flex", children: [
       /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-        ts,
+        ns,
         {
           "aria-disabled": e || void 0,
-          className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
+          className: "w-full resize-none outline-none leading-6",
           autoFocus: !e,
           maxRows: 4,
           readOnly: e,
@@ -1787,7 +1790,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   disabledReason: a
 }) => {
   var o;
-  const { channel: r } = ce(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
+  const { channel: r } = de(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
   return s ? /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
@@ -1800,7 +1803,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(ln.Provider, { value: i, children: /* @__PURE__ */ n(Kn, { Input: Da }) })
+          /* @__PURE__ */ n(cn.Provider, { value: i, children: /* @__PURE__ */ n(Jn, { Input: Da }) })
         ]
       }
     ),
@@ -1854,7 +1857,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ),
     e.slice(s)
   ] });
-}, Va = (e) => {
+}, Ua = (e) => {
   var a, r;
   const t = e.message.hide_date === !0, s = Ba(
     e.message
@@ -1896,7 +1899,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Is,
+              Ss,
               {
                 size: 24,
                 weight: "duotone",
@@ -1920,7 +1923,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] }),
     !t && /* @__PURE__ */ n(De, { message: e.message })
   ] });
-}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, dn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1930,14 +1933,14 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ua = /* @__PURE__ */ new Set([
+) }), Va = /* @__PURE__ */ new Set([
   Re.Thinking,
   Re.Generating,
   Re.ExternalSources
 ]), Ga = ({ threadList: e }) => {
   var p, N;
-  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = ns(), { aiState: o } = ss(t), l = Se(cn);
-  if (!e && l && Ua.has(o)) {
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ye(), { typing: i = {} } = ss(), { aiState: o } = as(t), l = Se(dn);
+  if (!e && l && Va.has(o)) {
     const v = Ha(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
       Bt,
@@ -2072,7 +2075,7 @@ const Ya = () => null, qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 ke.displayName = "LoadingState";
-const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", jt = "Replies instantly with AI assistant", Wa = ({
+const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", jt = "Replies instantly with AI assistant", Wa = ({
   onBack: e,
   showBackButton: t,
   onShowInfo: s,
@@ -2081,7 +2084,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   dmAgentEnabled: i = !1
 }) => {
   var f, c, p, N, v;
-  const { channel: o } = ce(), l = z.useMemo(() => {
+  const { channel: o } = de(), l = z.useMemo(() => {
     var A, T;
     const x = (A = o._client) == null ? void 0 : A.userID;
     return x ? Object.values(((T = o.state) == null ? void 0 : T.members) || {}).find(
@@ -2090,7 +2093,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         return ((R = S.user) == null ? void 0 : R.id) && S.user.id !== x;
       }
     ) : void 0;
-  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Te(l == null ? void 0 : l.user), m = (p = l == null ? void 0 : l.user) == null ? void 0 : p.image, g = Wt(o), u = async () => {
+  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Te(l == null ? void 0 : l.user), m = (p = l == null ? void 0 : l.user) == null ? void 0 : p.image, g = Xt(o), u = async () => {
     try {
       g ? await o.unpin() : await o.pin();
     } catch (x) {
@@ -2101,13 +2104,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     }
   };
   return /* @__PURE__ */ h("div", { className: "@container", children: [
-    /* @__PURE__ */ h("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden px-6 py-3", children: [
+    /* @__PURE__ */ h("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden", children: [
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
           className: y(
-            oe,
-            "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
+            le,
+            "messaging-channel-view-back-button-mobile"
           ),
           onClick: e || (() => {
           }),
@@ -2125,19 +2128,10 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             image: m,
             starred: r && g,
             dmAgentEnabled: i,
-            size: 48
-          }
-        ),
-        /* @__PURE__ */ n(
-          "button",
-          {
-            type: "button",
-            onClick: s,
-            className: "flex items-center gap-0.5 rounded-full px-3 py-1 text-xs font-medium text-black/90 hover:bg-black/[0.08] transition-colors",
-            "aria-label": `View info for ${d}`,
-            children: d
+            size: 40
           }
         ),
+        /* @__PURE__ */ n("p", { className: "text-center text-xs font-medium text-black/90", children: d }),
         i && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
           /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
           /* @__PURE__ */ n("span", { children: jt })
@@ -2147,7 +2141,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         r && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
+            className: le,
             onClick: u,
             type: "button",
             "aria-label": g ? "Unstar conversation" : "Star conversation",
@@ -2166,7 +2160,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         /* @__PURE__ */ n(
           "button",
           {
-            className: y(oe, "bg-[#F1F0EE]"),
+            className: le,
             onClick: s,
             type: "button",
             "aria-label": "Show info",
@@ -2175,13 +2169,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         )
       ] })
     ] }),
-    /* @__PURE__ */ h("div", { className: "px-6 py-3 hidden @lg:flex items-center justify-between gap-3 min-h-12 border-b border-b-black/[0.08]", children: [
+    /* @__PURE__ */ h("div", { className: "hidden @lg:flex items-center justify-between gap-3 min-h-12", children: [
       /* @__PURE__ */ h("div", { className: "flex items-center gap-4 min-w-0", children: [
         t && e && /* @__PURE__ */ n(
           "button",
           {
             className: y(
-              oe,
+              le,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2198,18 +2192,21 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             image: m,
             starred: r && g,
             dmAgentEnabled: i,
-            size: 48
+            size: 40
           }
         ),
         /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-          a ? /* @__PURE__ */ n(
+          a ? /* @__PURE__ */ h(
             "button",
             {
               type: "button",
               onClick: s,
               className: "flex items-center gap-1 font-medium text-black/90 truncate hover:text-black/70 transition-colors",
               "aria-label": `View info for ${d}`,
-              children: /* @__PURE__ */ n("span", { className: "truncate", children: d })
+              children: [
+                /* @__PURE__ */ n("span", { className: "truncate", children: d }),
+                /* @__PURE__ */ n(Yt, { className: "size-4 shrink-0" })
+              ]
             }
           ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: d }),
           i && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -2222,14 +2219,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         r && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
+            className: le,
             onClick: u,
             type: "button",
             "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               $e,
               {
-                className: y("size-6", {
+                className: y("size-5", {
                   "text-yellow-600": g,
                   "text-black/90": !g
                 }),
@@ -2241,11 +2238,11 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         a && s && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
+            className: le,
             onClick: s,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Rt, { className: "size-6 text-black/90" })
+            children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -2278,7 +2275,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   viewerLanguage: I
 }) => {
   var H, Y, $, b, _, L;
-  const { channel: C } = ce(), k = X(null), E = z.useMemo(() => {
+  const { channel: C } = de(), k = X(null), E = z.useMemo(() => {
     var j, K;
     const M = (j = C._client) == null ? void 0 : j.userID;
     return M ? Object.values(((K = C.state) == null ? void 0 : K.members) || {}).find(
@@ -2294,7 +2291,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       var Q;
       return ((Q = ee.user) == null ? void 0 : Q.id) === M;
     }) : void 0;
-  }, [($ = C._client) == null ? void 0 : $.userID, (b = C.state) == null ? void 0 : b.members]), V = ((_ = D == null ? void 0 : D.user) == null ? void 0 : _.is_account) ?? (D == null ? void 0 : D.is_account), F = ((L = E == null ? void 0 : E.user) == null ? void 0 : L.is_account) ?? (E == null ? void 0 : E.is_account), Z = R && V === !1 && F === !0, U = z.useMemo(() => {
+  }, [($ = C._client) == null ? void 0 : $.userID, (b = C.state) == null ? void 0 : b.members]), U = ((_ = D == null ? void 0 : D.user) == null ? void 0 : _.is_account) ?? (D == null ? void 0 : D.is_account), F = ((L = E == null ? void 0 : E.user) == null ? void 0 : L.is_account) ?? (E == null ? void 0 : E.is_account), Z = R && U === !1 && F === !0, V = z.useMemo(() => {
     if (!c) return;
     const M = C.data ?? {};
     if (M.followerStatus)
@@ -2323,14 +2320,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   );
   return /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n(
-      rs,
+      is,
       {
         overrides: {
           Message: B,
           MessageActions: Ia
         },
-        children: /* @__PURE__ */ h(is, { children: [
-          /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ h(os, { children: [
+          /* @__PURE__ */ n("div", { className: "p-4", children: /* @__PURE__ */ n(
             Wa,
             {
               onBack: e,
@@ -2347,7 +2344,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               className: "flex-1 overflow-hidden relative",
               children: /* @__PURE__ */ n(
-                os,
+                ls,
                 {
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -2360,9 +2357,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ n(
             Ra,
             {
-              ...s && {
-                renderActions: () => s == null ? void 0 : s(C)
-              },
+              renderActions: () => s == null ? void 0 : s(C),
               renderFooter: () => a == null ? void 0 : a(C),
               disabled: p,
               disabledReason: N
@@ -2380,7 +2375,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         participant: E,
         participantDisplayName: Te(E == null ? void 0 : E.user),
         channel: C,
-        followerStatusLabel: U,
+        followerStatusLabel: V,
         onLeaveConversation: i,
         onBlockParticipant: o,
         showDeleteConversation: l,
@@ -2394,7 +2389,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       }
     )
   ] });
-}, dn = z.memo(
+}, un = z.memo(
   ({
     channel: e,
     onBack: t,
@@ -2424,10 +2419,10 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     customProfileContent: k,
     customChannelActions: E,
     renderMessage: D,
-    onMessageLinkClick: V,
+    onMessageLinkClick: U,
     sendButton: F,
     attachmentPreviewList: Z,
-    viewerLanguage: U
+    viewerLanguage: V
   }) => {
     const G = q(
       async (B, H, Y) => {
@@ -2450,17 +2445,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       [e, A, T, S]
     ), P = X(null);
     return J(() => {
-      if (!V) return;
+      if (!U) return;
       const B = P.current;
       if (!B) return;
       const H = (Y) => {
         const $ = Y.target, b = $ == null ? void 0 : $.closest("a[href]"), _ = b == null ? void 0 : b.getAttribute("href");
         if (!_) return;
         const L = b == null ? void 0 : b.closest("[data-message-id]"), M = L == null ? void 0 : L.getAttribute("data-message-id"), W = M ? e.state.messages.find((j) => j.id === M) : void 0;
-        V(_, W);
+        U(_, W);
       };
       return B.addEventListener("click", H), () => B.removeEventListener("click", H);
-    }, [V, e]), /* @__PURE__ */ n(
+    }, [U, e]), /* @__PURE__ */ n(
       "div",
       {
         ref: P,
@@ -2468,11 +2463,11 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(cn.Provider, { value: A ?? !1, children: /* @__PURE__ */ n(
-          as,
+        children: /* @__PURE__ */ n(dn.Provider, { value: A ?? !1, children: /* @__PURE__ */ n(
+          rs,
           {
             channel: e,
-            MessageSystem: Va,
+            MessageSystem: Ua,
             EmptyStateIndicator: m,
             LoadingIndicator: ke,
             DateSeparator: Bs,
@@ -2507,7 +2502,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 customProfileContent: k,
                 customChannelActions: E,
                 renderMessage: D,
-                viewerLanguage: U
+                viewerLanguage: V
               }
             )
           }
@@ -2516,7 +2511,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-dn.displayName = "ChannelView";
+un.displayName = "ChannelView";
 const he = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
@@ -2560,7 +2555,7 @@ const _i = ({
     refreshConnection: R,
     service: I,
     debug: C
-  } = Ds(), [k, E] = O(null), [D, V] = O(null), [F, Z] = O(!1), { showDeleteConversation: U = !0 } = e, G = X(o);
+  } = Ds(), [k, E] = O(null), [D, U] = O(null), [F, Z] = O(!1), { showDeleteConversation: V = !0 } = e, G = X(o);
   G.current = o;
   const P = X(a);
   P.current = a;
@@ -2593,7 +2588,7 @@ const _i = ({
           { limit: 1 }
         );
         if (K.length > 0) {
-          E(K[0]), V(null), (W = P.current) == null || W.call(P, K[0]), C && console.log(
+          E(K[0]), U(null), (W = P.current) == null || W.call(P, K[0]), C && console.log(
             "[MessagingShell] Initial conversation loaded:",
             K[0].id
           );
@@ -2601,7 +2596,7 @@ const _i = ({
         }
         const ee = G.current;
         if (!ee || !I) {
-          L(), V("No conversation found with this account"), C && console.log(
+          L(), U("No conversation found with this account"), C && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -2613,7 +2608,7 @@ const _i = ({
             name: ee.name,
             phone: ee.phone
           });
-          E(Q), V(null), (j = P.current) == null || j.call(P, Q), C && console.log(
+          E(Q), U(null), (j = P.current) == null || j.call(P, Q), C && console.log(
             "[MessagingShell] Channel created and loaded:",
             Q.id
           );
@@ -2621,13 +2616,13 @@ const _i = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             Q
-          ), L(), V("Failed to create conversation");
+          ), L(), U("Failed to create conversation");
         }
       } catch (K) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           K
-        ), L(), H.current || V("Failed to load conversation");
+        ), L(), H.current || U("Failed to load conversation");
       }
     })();
   }, [i, w, A, I, C]);
@@ -2644,7 +2639,7 @@ const _i = ({
       onBack: R
     }
   ) : D ? /* @__PURE__ */ n(he, { message: D }) : F && !k ? /* @__PURE__ */ n(he, { message: "Conversation ended" }) : k ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
-    dn,
+    un,
     {
       channel: k,
       renderMessageInputActions: t,
@@ -2653,7 +2648,7 @@ const _i = ({
       onLeaveConversation: $,
       onBlockParticipant: $,
       CustomChannelEmptyState: l,
-      showDeleteConversation: U,
+      showDeleteConversation: V,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: g,
@@ -2673,14 +2668,14 @@ function Ka(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const un = z.createContext({
+const mn = z.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Ja = un.Provider, Za = () => z.useContext(un), Qa = (e, t) => {
+}), Ja = mn.Provider, Za = () => z.useContext(mn), Qa = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -2701,7 +2696,7 @@ const un = z.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = z.memo(
+}, hn = z.memo(
   ({ channel: e, unread: t }) => {
     var R, I, C;
     const {
@@ -2728,18 +2723,18 @@ const un = z.createContext({
           if (k[D].type !== "system") return k[D];
       }
     })(), v = (() => {
-      var Z, U, G, P;
-      const k = Xt({
+      var Z, V, G, P;
+      const k = Kt({
         message: p,
         viewerLanguage: o
       });
       if (((Z = p == null ? void 0 : p.metadata) == null ? void 0 : Z.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
-      if (((U = p == null ? void 0 : p.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
+      if (((V = p == null ? void 0 : p.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
       if (((G = p == null ? void 0 : p.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return k ? `📎 ${k}` : "📎 Sent an attachment";
       if (k) return k;
       const F = (P = p == null ? void 0 : p.attachments) == null ? void 0 : P[0];
       return F ? F.og_scrape_url ? F.og_scrape_url : F.type === "image" ? "📷 Sent an image" : F.type === "video" ? "🎥 Sent a video" : F.type === "audio" ? "🎵 Sent audio" : F.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), x = p != null && p.created_at ? er(new Date(p.created_at)) : "", w = p ? Ce(p) : !1, A = i ? i(p, v) : `${w ? "✨ " : ""}${v}`, T = Wt(e), S = t ?? 0;
+    })(), x = p != null && p.created_at ? er(new Date(p.created_at)) : "", w = p ? Ce(p) : !1, A = i ? i(p, v) : `${w ? "✨ " : ""}${v}`, T = Xt(e), S = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
@@ -2754,21 +2749,22 @@ const un = z.createContext({
         onClick: d,
         onKeyDown: m,
         className: y(
-          "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
+          "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
           {
-            "bg-black/[0.04]": l,
-            "hover:bg-black/[0.02]": !l
+            "bg-primary-alt/10 border-l-4 border-l-primary": l,
+            "hover:bg-sand": !l
           }
         ),
-        children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
+        children: /* @__PURE__ */ h("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ n(
             ae,
             {
               id: ((C = u == null ? void 0 : u.user) == null ? void 0 : C.id) || e.id || "unknown",
               name: f,
               image: c,
-              size: 48,
-              starred: T
+              size: 44,
+              starred: T,
+              className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2777,7 +2773,8 @@ const un = z.createContext({
                 "h3",
                 {
                   className: y(
-                    "text-sm font-medium truncate text-[#191918]"
+                    "text-sm font-medium truncate",
+                    l ? "text-primary" : "text-charcoal"
                   ),
                   children: [
                     T && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
@@ -2785,11 +2782,11 @@ const un = z.createContext({
                   ]
                 }
               ),
-              x && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: x })
+              x && /* @__PURE__ */ n("span", { className: "text-xs text-stone flex-shrink-0", children: x })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: A }),
-              S > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: S > 99 ? "99+" : S })
+              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: A }),
+              S > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: S > 99 ? "99+" : S })
             ] })
           ] })
         ] })
@@ -2797,7 +2794,7 @@ const un = z.createContext({
     );
   }
 );
-mn.displayName = "CustomChannelPreview";
+hn.displayName = "CustomChannelPreview";
 const tr = { last_message_at: -1 }, nr = z.memo(
   ({
     onChannelSelect: e,
@@ -2850,14 +2847,14 @@ const tr = { last_message_at: -1 }, nr = z.memo(
           o
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Ja, { value: c, children: /* @__PURE__ */ n(
-          ls,
+          cs,
           {
             filters: s,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: f,
-            Preview: mn,
+            Preview: hn,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -3026,7 +3023,7 @@ const rr = {
 }, mr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ae = (e, t) => !!t && !!e && re(e) === "audio", hn = (e, t) => {
+}, Ae = (e, t) => !!t && !!e && re(e) === "audio", fn = (e, t) => {
   if (!t || !e) return !1;
   const s = re(e);
   return s === "video" || s === "audio";
@@ -3083,7 +3080,7 @@ const rr = {
               "flex h-full w-full items-center justify-center",
               ur[e]
             ),
-            children: le(r, {
+            children: ce(r, {
               className: mr[e],
               weight: "regular"
             })
@@ -3124,7 +3121,7 @@ const rr = {
       onClick: u,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Ss, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ts, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return c ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -3183,7 +3180,7 @@ const rr = {
   cta: d,
   onClick: m
 }) => {
-  const g = hn(a, i), u = Qe(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Ae(a, i) ? tt : void 0, N = d && m ? {
+  const g = fn(a, i), u = Qe(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Ae(a, i) ? tt : void 0, N = d && m ? {
     ...d,
     onClick: () => {
       var v;
@@ -3237,7 +3234,7 @@ const rr = {
   cta: m,
   onClick: g
 }) => {
-  const u = hn(r, o), f = Qe(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
+  const u = fn(r, o), f = Qe(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Ee,
     {
@@ -3453,7 +3450,7 @@ function Tr(e, t) {
   }
   if (!e) return;
   if (re(e) === "document") {
-    const r = Zt(e), i = Sr[r];
+    const r = Qt(e), i = Sr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3482,7 +3479,7 @@ const Mr = {
 }, Rr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, fn = ({
+}, gn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3500,7 +3497,7 @@ const Mr = {
         Dr[e]
       ),
       "aria-hidden": !0,
-      children: le(a, {
+      children: ce(a, {
         className: y("size-6", Rr[e]),
         weight: "regular"
       })
@@ -3541,7 +3538,7 @@ const Mr = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function gn(e, t) {
+async function bn(e, t) {
   const s = t ?? te(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -3571,7 +3568,7 @@ const Lr = ({
 }) => {
   const i = t.filename ?? te(t.src);
   return /* @__PURE__ */ n(
-    fn,
+    gn,
     {
       variant: e,
       filename: i,
@@ -3608,7 +3605,7 @@ const Lr = ({
     const x = c[v];
     if (!x) return;
     const w = x.filename ?? te(x.src);
-    gn(x.src, w);
+    bn(x.src, w);
   };
   if (c.length === 0)
     return null;
@@ -3660,7 +3657,7 @@ const Lr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ts, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(As, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3670,10 +3667,10 @@ const Lr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(As, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Yt, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), bn = ({
+] }), pn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -3684,7 +3681,7 @@ const Lr = ({
 }) => {
   const [l, d] = O(!1), m = q(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), bn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -3873,7 +3870,7 @@ const Lr = ({
       ]
     }
   );
-}, pn = ({
+}, vn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3895,7 +3892,7 @@ const Lr = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        bn,
+        pn,
         {
           url: l.src,
           filename: d,
@@ -3929,7 +3926,7 @@ const Lr = ({
       ]
     }
   ) : null;
-}, Br = "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", vn = ({
+}, Br = "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", xn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -4022,15 +4019,15 @@ const Lr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Vr = ({
+}), Ur = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], xn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], wn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Ur = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Vr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
     r
   );
@@ -4057,16 +4054,16 @@ const Lr = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      pn,
+      vn,
       {
         open: o,
-        items: xn([{ src: e, alt: t }], s),
+        items: wn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: m
       }
     )
   ] });
-}, wn = ({
+}, Nn = ({
   state: e,
   src: t,
   alt: s,
@@ -4077,7 +4074,7 @@ const Lr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Vr({ src: t, alt: s, items: r }), g = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: p } = Ne(
+  const m = Ur({ src: t, alt: s, items: r }), g = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: p } = Ne(
     d
   );
   if (m.length === 0)
@@ -4093,12 +4090,12 @@ const Lr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: N, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(xn, { tiles: N, onTileActivate: c }) }),
         /* @__PURE__ */ n(
-          pn,
+          vn,
           {
             open: u,
-            items: xn(m, a),
+            items: wn(m, a),
             initialIndex: f,
             onClose: p
           }
@@ -4106,7 +4103,7 @@ const Lr = ({
       ]
     }
   );
-}, Gr = (e) => /* @__PURE__ */ n(Ur, { ...e }), Hr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Yr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), qr = {
+}, Gr = (e) => /* @__PURE__ */ n(Vr, { ...e }), Hr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "sent" }), Yr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "received" }), qr = {
   Composer: Gr,
   Sent: Hr,
   Received: Yr
@@ -4176,7 +4173,7 @@ const Lr = ({
 }) => {
   const i = t.filename ?? te(t.src);
   return /* @__PURE__ */ n(
-    fn,
+    gn,
     {
       variant: e,
       filename: i,
@@ -4219,7 +4216,7 @@ const Lr = ({
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, A) => {
           const T = w.filename ?? te(w.src), S = v && A === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            bn,
+            pn,
             {
               url: w.src,
               filename: T,
@@ -4256,7 +4253,7 @@ const Lr = ({
   Composer: Zr,
   Sent: Qr,
   Received: ei
-}, Nn = ({
+}, _n = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4306,7 +4303,7 @@ const Lr = ({
       ]
     }
   ) : null;
-}, ni = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, ni = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), yn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4331,14 +4328,14 @@ const Lr = ({
   /* @__PURE__ */ n(ni, {})
 ] }), si = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(_n, { item: e, index: t })
+  content: /* @__PURE__ */ n(yn, { item: e, index: t })
 }), ai = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], yn = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Cn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
@@ -4356,15 +4353,15 @@ const Lr = ({
         onClick: () => m(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(_n, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(yn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Nn,
+      _n,
       {
         open: l,
-        items: yn(
+        items: Cn(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -4373,7 +4370,7 @@ const Lr = ({
       }
     )
   ] });
-}, Cn = ({
+}, kn = ({
   state: e,
   src: t,
   poster: s,
@@ -4402,7 +4399,7 @@ const Lr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          vn,
+          xn,
           {
             tiles: v,
             onTileActivate: p,
@@ -4410,10 +4407,10 @@ const Lr = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          Nn,
+          _n,
           {
             open: f,
-            items: yn(g, r),
+            items: Cn(g, r),
             initialIndex: c,
             onClose: N
           }
@@ -4421,7 +4418,7 @@ const Lr = ({
       ]
     }
   );
-}, ii = (e) => /* @__PURE__ */ n(ri, { ...e }), oi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), ci = {
+}, ii = (e) => /* @__PURE__ */ n(ri, { ...e }), oi = (e) => /* @__PURE__ */ n(kn, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(kn, { ...e, state: "received" }), ci = {
   Composer: ii,
   Sent: oi,
   Received: li
@@ -4496,8 +4493,8 @@ const Lr = ({
   ] }) });
 };
 export {
-  Qt as A,
-  Vs as B,
+  en as A,
+  Us as B,
   Ya as C,
   Ds as D,
   Ei as F,
@@ -4506,7 +4503,7 @@ export {
   ye as a,
   ae as b,
   nr as c,
-  dn as d,
+  un as d,
   Ni as e,
   di as f,
   re as g,
@@ -4519,15 +4516,15 @@ export {
   Ir as n,
   er as o,
   Tr as p,
-  Xt as q,
-  le as r,
-  nn as s,
+  Kt as q,
+  ce as r,
+  sn as s,
   Ls as t,
   Ci as u,
-  Us as v,
+  Vs as v,
   Je as w,
   Ze as x,
   Te as y,
   ga as z
 };
-//# sourceMappingURL=index-UtNoTrrb.js.map
+//# sourceMappingURL=index-Dca2QSVv.js.map