@linktr.ee/messaging-react 4.3.2 → 4.4.0-rc-1787598778

package/dist/index.js

@@ -1,31 +1,31 @@
-import { a as e, i as t, n, r } from "./AttachmentCard-Pc93Wcd0.js";
-import i, { Suspense as a, createContext as o, useCallback as s, useContext as c, useEffect as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
-import { StreamChatService as m } from "@linktr.ee/messaging-core";
-import { LinkPreviewsManager as h, StreamChat as g } from "stream-chat";
-import { AIStates as _, Attachment as v, AttachmentPreviewList as y, Channel as b, ChannelList as x, Chat as S, DateSeparator as C, EditMessageModal as w, InfiniteScroll as T, MessageBlocked as E, MessageBounceModal as D, MessageBouncePrompt as O, MessageDeleted as k, MessageErrorIcon as A, MessageInput as j, MessageIsThreadReplyInChannelButtonIndicator as M, MessageList as N, MessageRepliesCountButton as P, MessageStatus as F, MessageText as I, MessageTimestamp as L, Poll as R, QuotedMessagePreview as z, ReminderNotification as ee, StreamedMessageText as te, TextareaComposer as ne, Window as re, WithComponents as B, areMessageUIPropsEqual as V, isDateSeparatorMessage as ie, isMessageBlocked as ae, isMessageBounced as oe, messageHasAttachments as se, messageHasReactions as ce, useAIState as le, useChannelStateContext as ue, useChatContext as de, useComponentContext as fe, useMessageComposer as pe, useMessageComposerHasSendableData as me, useMessageContext as H, useMessageInputContext as he, useMessageReminder as ge, useStateStore as _e, useTypingContext as ve } from "stream-chat-react";
+import { a as e, i as t, n, o as r, r as i, s as a } from "./AttachmentCard-BqwWgqvi.js";
+import o, { Suspense as s, createContext as c, useCallback as l, useContext as u, useEffect as d, useId as f, useMemo as p, useRef as m, useState as h } from "react";
+import { StreamChatService as g } from "@linktr.ee/messaging-core";
+import { LinkPreviewsManager as _, StreamChat as v } from "stream-chat";
+import { AIStates as y, Attachment as b, AttachmentPreviewList as x, Channel as S, ChannelList as C, Chat as w, DateSeparator as T, EditMessageModal as E, InfiniteScroll as D, MessageBlocked as O, MessageBounceModal as k, MessageBouncePrompt as A, MessageDeleted as j, MessageErrorIcon as M, MessageInput as N, MessageIsThreadReplyInChannelButtonIndicator as P, MessageList as F, MessageRepliesCountButton as I, MessageStatus as L, MessageText as R, MessageTimestamp as z, Poll as ee, QuotedMessagePreview as te, ReminderNotification as ne, StreamedMessageText as re, TextareaComposer as ie, Window as B, WithComponents as ae, areMessageUIPropsEqual as oe, isDateSeparatorMessage as se, isMessageBlocked as ce, isMessageBounced as le, messageHasAttachments as ue, messageHasReactions as de, useAIState as fe, useActiveAudioPlayer as pe, useChannelStateContext as V, useChatContext as me, useComponentContext as he, useMessageComposer as ge, useMessageComposerHasSendableData as _e, useMessageContext as H, useMessageInputContext as ve, useMessageReminder as ye, useStateStore as be, useTypingContext as xe } from "stream-chat-react";
 import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
-import { MESSAGE_CUSTOM_TYPE as K, OFFICIAL_SENDER_USER_ID as ye, isAgeSafetySystemType as be, isDmAgentSystemType as xe, isOfficialChannel as q, resolveRichCardImagePresentation as Se, selectEnabledFaqs as Ce } from "@linktr.ee/messaging-taxonomy";
-import J from "classnames";
-import { ArrowLeftIcon as we, ArrowUpIcon as Te, CaretLeftIcon as Y, CaretRightIcon as Ee, ChecksIcon as De, CircleNotchIcon as Oe, CurrencyDollarIcon as ke, DotsThreeIcon as Ae, DownloadSimpleIcon as je, FlagIcon as X, GiftIcon as Z, MegaphoneIcon as Me, PencilSimpleIcon as Ne, PlayIcon as Pe, ProhibitIcon as Fe, ProhibitInsetIcon as Ie, SignOutIcon as Le, SparkleIcon as Re, SpinnerGapIcon as ze, StarIcon as Be, TrashSimpleIcon as Ve, VideoCameraIcon as He, WarningCircleIcon as Ue, XIcon as We } from "@phosphor-icons/react";
-import { DefaultDropdownActionButton as Ge, MessageActions as Ke } from "stream-chat-react/experimental";
+import { MESSAGE_CUSTOM_TYPE as K, OFFICIAL_SENDER_USER_ID as q, isAgeSafetySystemType as Se, isDmAgentSystemType as Ce, isOfficialChannel as we, resolveRichCardImagePresentation as Te, selectEnabledFaqs as J } from "@linktr.ee/messaging-taxonomy";
+import Y from "classnames";
+import { ArrowLeftIcon as Ee, ArrowUpIcon as De, CaretLeftIcon as Oe, CaretRightIcon as ke, ChecksIcon as Ae, CircleNotchIcon as je, CurrencyDollarIcon as X, DotsThreeIcon as Z, DownloadSimpleIcon as Me, FlagIcon as Ne, GiftIcon as Pe, MegaphoneIcon as Fe, PencilSimpleIcon as Ie, PlayIcon as Le, ProhibitIcon as Re, ProhibitInsetIcon as ze, SignOutIcon as Be, SparkleIcon as Ve, SpinnerGapIcon as He, StarIcon as Ue, TrashSimpleIcon as We, VideoCameraIcon as Ge, WarningCircleIcon as Ke, XIcon as qe } from "@phosphor-icons/react";
+import { DefaultDropdownActionButton as Je, MessageActions as Ye } from "stream-chat-react/experimental";
 //#region src/logging/index.tsx
-var qe = {
+var Xe = {
 	debug: (e, ...t) => console.log(e, ...t),
 	info: (e, ...t) => console.log(e, ...t),
 	warn: (e, ...t) => console.warn(e, ...t),
 	error: (e, ...t) => console.error(e, ...t)
-}, Je = (e) => ({
-	debug: e?.debug ?? qe.debug,
-	info: e?.info ?? qe.info,
-	warn: e?.warn ?? qe.warn,
-	error: e?.error ?? qe.error
-}), Ye = o(qe), Xe = ({ logger: e, children: t }) => {
-	let n = d(() => Je(e), [e]);
-	return /* @__PURE__ */ W(Ye.Provider, {
+}, Ze = (e) => ({
+	debug: e?.debug ?? Xe.debug,
+	info: e?.info ?? Xe.info,
+	warn: e?.warn ?? Xe.warn,
+	error: e?.error ?? Xe.error
+}), Qe = c(Xe), $e = ({ logger: e, children: t }) => {
+	let n = p(() => Ze(e), [e]);
+	return /* @__PURE__ */ W(Qe.Provider, {
 		value: n,
 		children: t
 	});
-}, Ze = () => c(Ye), Qe = o({
+}, et = () => u(Qe), tt = c({
 	service: null,
 	client: null,
 	isConnected: !1,
@@ -34,29 +34,29 @@ var qe = {
 	capabilities: {},
 	refreshConnection: async () => {},
 	debug: !1
-}), $e = () => c(Qe), et = ({ children: e, user: t, serviceConfig: n, apiKey: r, capabilities: a = {}, debug: o = !1, client: c, logger: u }) => {
-	let d = s((e, ...t) => {
-		o && console.log(`🔥 [MessagingProvider] ${e}`, ...t);
-	}, [o]);
-	d("🔄 RENDER START", {
+}), nt = () => u(tt), rt = ({ children: e, user: t, serviceConfig: n, apiKey: r, capabilities: i = {}, debug: a = !1, client: s, logger: c }) => {
+	let u = l((e, ...t) => {
+		a && console.log(`🔥 [MessagingProvider] ${e}`, ...t);
+	}, [a]);
+	u("🔄 RENDER START", {
 		userId: t?.id,
 		apiKey: r?.substring(0, 8) + "...",
 		serviceConfig: !!n,
-		capabilities: Object.keys(a)
+		capabilities: Object.keys(i)
 	});
-	let [h, _] = p(null), [v, y] = p(null), [b, x] = p(!1), [C, w] = p(!1), [T, E] = p(null), D = f(!1), O = f(null), k = f(n);
+	let [f, p] = h(null), [_, y] = h(null), [b, x] = h(!1), [S, C] = h(!1), [T, E] = h(null), D = m(!1), O = m(null), k = m(n);
 	k.current = n;
-	let A = f(o);
-	A.current = o;
-	let j = f(u);
-	j.current = u;
-	let M = f({
+	let A = m(a);
+	A.current = a;
+	let j = m(c);
+	j.current = c;
+	let M = m({
 		userId: t?.id,
 		apiKey: r,
 		serviceConfig: n,
-		capabilities: a
-	}), N = f(0);
-	N.current++, d("📊 RENDER INFO", {
+		capabilities: i
+	}), N = m(0);
+	N.current++, u("📊 RENDER INFO", {
 		renderCount: N.current,
 		currentProps: {
 			userId: t?.id,
@@ -66,98 +66,98 @@ var qe = {
 			userChanged: M.current.userId !== t?.id,
 			apiKeyChanged: M.current.apiKey !== r,
 			serviceConfigChanged: M.current.serviceConfig !== n,
-			capabilitiesChanged: M.current.capabilities !== a
+			capabilitiesChanged: M.current.capabilities !== i
 		}
 	}), M.current = {
 		userId: t?.id,
 		apiKey: r,
 		serviceConfig: n,
-		capabilities: a
+		capabilities: i
 	};
-	let P = f(null);
-	!c && r && P.current?.apiKey !== r && (P.current = {
+	let P = m(null);
+	!s && r && P.current?.apiKey !== r && (P.current = {
 		apiKey: r,
-		client: new g(r)
+		client: new v(r)
 	});
-	let F = c || (r ? P.current?.client ?? null : null);
-	l(() => {
+	let F = s || (r ? P.current?.client ?? null : null);
+	d(() => {
 		let e = N.current, t = k.current;
-		if (c) {
-			O.current = null, _(null), y(null), x(!1), E(null), w(!1);
+		if (s) {
+			O.current = null, p(null), y(null), x(!1), E(null), C(!1);
 			return;
 		}
 		if (!r || !F || !t) {
-			d("⚠️ SERVICE INIT SKIPPED", {
+			u("⚠️ SERVICE INIT SKIPPED", {
 				renderCount: e,
 				reason: "Missing apiKey, client, or serviceConfig"
 			});
 			return;
 		}
-		d("🚀 CREATING SERVICE", {
+		u("🚀 CREATING SERVICE", {
 			renderCount: e,
 			apiKey: r?.substring(0, 8) + "..."
 		});
-		let n = new m({
+		let n = new g({
 			...t,
 			apiKey: r,
 			debug: A.current,
 			client: F,
-			...t.logger || !j.current ? {} : { logger: Je(j.current) }
+			...t.logger || !j.current ? {} : { logger: Ze(j.current) }
 		});
-		O.current = n, _(n), d("✅ SERVICE SET", {
+		O.current = n, p(n), u("✅ SERVICE SET", {
 			renderCount: e,
 			serviceInstance: !!n
 		});
 	}, [
 		r,
 		F,
-		c
+		s
 	]);
-	let I = f(null);
-	l(() => {
-		if (d("🔗 USER CONNECTION EFFECT TRIGGERED", {
-			hasService: !!h,
+	let I = m(null);
+	d(() => {
+		if (u("🔗 USER CONNECTION EFFECT TRIGGERED", {
+			hasService: !!f,
 			hasUser: !!t,
 			userId: t?.id,
 			isConnecting: D.current,
 			isConnected: b,
 			dependencies: {
-				service: !!h,
+				service: !!f,
 				userId: t?.id
 			}
-		}), !c) {
-			if (!h || !t) {
-				d("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
+		}), !s) {
+			if (!f || !t) {
+				u("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
 				return;
 			}
 			if (D.current) {
-				d("⚠️ USER CONNECTION SKIPPED", "Already connecting");
+				u("⚠️ USER CONNECTION SKIPPED", "Already connecting");
 				return;
 			}
-			if (I.current?.serviceId === h && I.current?.userId === t.id) {
-				d("⚠️ USER CONNECTION SKIPPED", "Already connected this user with this service");
+			if (I.current?.serviceId === f && I.current?.userId === t.id) {
+				u("⚠️ USER CONNECTION SKIPPED", "Already connected this user with this service");
 				return;
 			}
 			(async () => {
-				d("🚀 STARTING USER CONNECTION", { userId: t.id }), D.current = !0, w(!0), E(null);
+				u("🚀 STARTING USER CONNECTION", { userId: t.id }), D.current = !0, C(!0), E(null);
 				try {
-					d("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-					let e = await h.connectUser(t);
+					u("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
+					let e = await f.connectUser(t);
 					y(e), x(!0), I.current = {
-						serviceId: h,
+						serviceId: f,
 						userId: t.id
-					}, d("✅ USER CONNECTION SUCCESS", {
+					}, u("✅ USER CONNECTION SUCCESS", {
 						userId: t.id,
 						clientId: e.userID
 					});
 				} catch (e) {
 					let n = e instanceof Error ? e.message : "Connection failed";
-					E(n), d("❌ USER CONNECTION ERROR", {
+					E(n), u("❌ USER CONNECTION ERROR", {
 						userId: t.id,
 						error: n
 					});
 				} finally {
-					w(!1), D.current = !1, d("🔄 USER CONNECTION FINISHED", {
+					C(!1), D.current = !1, u("🔄 USER CONNECTION FINISHED", {
 						userId: t.id,
 						isConnected: b
 					});
@@ -165,92 +165,92 @@ var qe = {
 			})();
 		}
 	}, [
-		h,
+		f,
 		t,
-		d,
+		u,
 		b,
-		c
-	]), l(() => {
+		s
+	]), d(() => {
 		let e = F;
 		return () => {
 			e && (I.current = null, O.current?.disconnectUser().catch(console.error));
 		};
 	}, [F]);
-	let L = s(async () => {
-		if (d("🔄 REFRESH CONNECTION CALLED", {
-			hasService: !!h,
+	let L = l(async () => {
+		if (u("🔄 REFRESH CONNECTION CALLED", {
+			hasService: !!f,
 			hasUser: !!t
-		}), !c) {
-			if (!h || !t) {
-				d("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
+		}), !s) {
+			if (!f || !t) {
+				u("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
 				return;
 			}
-			d("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
+			u("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), C(!0);
 			try {
-				d("🔌 DISCONNECTING FOR REFRESH"), await h.disconnectUser(), d("📞 RECONNECTING FOR REFRESH");
-				let e = await h.connectUser(t);
-				y(e), x(!0), E(null), d("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+				u("🔌 DISCONNECTING FOR REFRESH"), await f.disconnectUser(), u("📞 RECONNECTING FOR REFRESH");
+				let e = await f.connectUser(t);
+				y(e), x(!0), E(null), u("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
 			} catch (e) {
 				let n = e instanceof Error ? e.message : "Refresh failed";
-				E(n), d("❌ CONNECTION REFRESH ERROR", {
+				E(n), u("❌ CONNECTION REFRESH ERROR", {
 					userId: t.id,
 					error: n
 				});
 			} finally {
-				w(!1), d("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+				C(!1), u("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
 			}
 		}
 	}, [
-		h,
+		f,
 		t,
-		d,
-		c
-	]), R = i.useMemo(() => (d("💫 CONTEXT VALUE MEMOIZATION", {
-		hasService: !!h,
-		hasClient: !!v,
+		u,
+		s
+	]), R = o.useMemo(() => (u("💫 CONTEXT VALUE MEMOIZATION", {
+		hasService: !!f,
+		hasClient: !!_,
 		isConnected: b,
-		isLoading: C,
+		isLoading: S,
 		hasError: !!T,
-		capabilitiesKeys: Object.keys(a)
+		capabilitiesKeys: Object.keys(i)
 	}), {
-		service: c ? null : h,
-		client: c ?? v,
-		isConnected: c ? !0 : b,
-		isLoading: !c && C,
-		error: c ? null : T,
-		capabilities: a,
+		service: s ? null : f,
+		client: s ?? _,
+		isConnected: s ? !0 : b,
+		isLoading: !s && S,
+		error: s ? null : T,
+		capabilities: i,
 		refreshConnection: L,
-		debug: o
+		debug: a
 	}), [
-		h,
-		v,
-		c,
+		f,
+		_,
+		s,
 		b,
-		C,
+		S,
 		T,
-		a,
+		i,
 		L,
-		o,
-		d
+		a,
+		u
 	]);
-	return d("🔄 RENDER END", {
+	return u("🔄 RENDER END", {
 		renderCount: N.current,
 		willRenderChat: !!F,
 		contextValueReady: !!R
-	}), /* @__PURE__ */ W(Xe, {
-		logger: u,
-		children: /* @__PURE__ */ W(Qe.Provider, {
+	}), /* @__PURE__ */ W($e, {
+		logger: c,
+		children: /* @__PURE__ */ W(tt.Provider, {
 			value: R,
-			children: F ? /* @__PURE__ */ W(S, {
+			children: F ? /* @__PURE__ */ W(w, {
 				client: F,
 				customClasses: { channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]" },
 				children: e
 			}) : e
 		})
 	});
-}, tt = () => $e(), nt = (e) => {
-	let [t, n] = p(!!e?.state?.membership?.pinned_at);
-	return l(() => {
+}, it = () => nt(), at = (e) => {
+	let [t, n] = h(!!e?.state?.membership?.pinned_at);
+	return d(() => {
 		if (!e) {
 			n(!1);
 			return;
@@ -266,30 +266,30 @@ var qe = {
 };
 //#endregion
 //#region src/utils/resolveConversationParticipant.ts
-function rt(e, t, n) {
+function ot(e, t, n) {
 	let r = Object.values(e || {});
-	if (q(n)) {
-		let e = r.find((e) => e.user?.id === ye);
+	if (we(n)) {
+		let e = r.find((e) => e.user?.id === q);
 		if (e) return e;
 	}
 	return r.find((e) => e.user?.id && e.user.id !== t);
 }
 //#endregion
 //#region src/utils/resolveParticipantDisplayName.ts
-var it = /^[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 at(e) {
-	return it.test(e.trim());
+var st = /^[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 ct(e) {
+	return st.test(e.trim());
 }
-function ot(e, t) {
+function lt(e, t) {
 	let n = e?.trim();
-	return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !at(n);
+	return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !ct(n);
 }
-function st(e) {
-	return ot(e?.name, e?.id) ? e.name.trim() : ot(e?.username, e?.id) ? e.username.trim() : "Unknown member";
+function ut(e) {
+	return lt(e?.name, e?.id) ? e.name.trim() : lt(e?.username, e?.id) ? e.username.trim() : "Unknown member";
 }
 //#endregion
 //#region src/components/Avatar/getAvatarEmoji.ts
-var ct = [
+var dt = [
 	{
 		emoji: "🍎",
 		bgColor: "#FFD1DD"
@@ -343,7 +343,7 @@ var ct = [
 		bgColor: "#D9F7E1"
 	}
 ];
-function lt(e) {
+function ft(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) {
 		let r = e.charCodeAt(n);
@@ -351,19 +351,19 @@ function lt(e) {
 	}
 	return Math.abs(t);
 }
-function ut(e) {
-	return ct[lt(e) % ct.length];
+function pt(e) {
+	return dt[ft(e) % dt.length];
 }
-function dt(e) {
-	return ut(e).emoji;
+function mt(e) {
+	return pt(e).emoji;
 }
-function ft(e) {
-	return ut(e).bgColor;
+function ht(e) {
+	return pt(e).bgColor;
 }
 //#endregion
 //#region src/components/Avatar/index.tsx
-var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape: a = "squircle", dmAgentEnabled: o = !1 }) => {
-	let s = dt(e), c = ft(e), l = n < 32 ? Math.round(n * .45) : n < 56 ? 14 : n < 120 ? 18 : 36, u = n >= 40 ? 2 : 1, d = a === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ W("div", {
+var gt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape: a = "squircle", dmAgentEnabled: o = !1 }) => {
+	let s = mt(e), c = ht(e), l = n < 32 ? Math.round(n * .45) : n < 56 ? 14 : n < 120 ? 18 : 36, u = n >= 40 ? 2 : 1, d = a === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ W("div", {
 		className: "h-full w-full overflow-hidden",
 		style: d,
 		children: t ? /* @__PURE__ */ W("img", {
@@ -372,7 +372,7 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 			className: "h-full w-full object-cover"
 		}) : /* @__PURE__ */ W("div", {
 			"aria-hidden": "true",
-			className: J("avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"),
+			className: Y("avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"),
 			style: {
 				fontSize: l,
 				lineHeight: 1
@@ -381,7 +381,7 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 		})
 	});
 	return /* @__PURE__ */ G("div", {
-		className: J("relative flex-shrink-0", r),
+		className: Y("relative flex-shrink-0", r),
 		style: {
 			"--str-chat__avatar-size": `${n}px`,
 			width: `${n}px`,
@@ -392,13 +392,13 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 		children: [i && /* @__PURE__ */ W("div", {
 			"aria-hidden": "true",
 			className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-			children: /* @__PURE__ */ W(Be, {
+			children: /* @__PURE__ */ W(Ue, {
 				className: "size-3 text-yellow-600",
 				weight: "duotone"
 			})
 		}), /* @__PURE__ */ W("div", {
 			"data-testid": "avatar-ring",
-			className: J("h-full w-full", "bg-transparent"),
+			className: Y("h-full w-full", "bg-transparent"),
 			style: {
 				...d,
 				...o && {
@@ -411,10 +411,10 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 			children: f
 		})]
 	});
-}, mt = "https://linktr.ee/s/about/trust-center/report", ht = ({ channel: e, participant: t, showBlockParticipant: n = !0, enabled: r = !0, onLeaveConversation: i, onBlockParticipant: a, onDeleteConversationClick: o, onBlockParticipantClick: s, onReportParticipantClick: c, onActionComplete: u, logLabel: d = "useChannelModerationActions" }) => {
-	let { service: f, debug: m } = $e(), h = t?.user?.id, g = !!(r && n && f && h), [_, v] = p(!1), [y, b] = p(null), [x, S] = p(!1), [C, w] = p(!1), T = g && (y?.participantId !== h || y?.service !== f);
-	return l(() => {
-		if (!g || !f || !h) {
+}, _t = "https://linktr.ee/s/about/trust-center/report", vt = ({ channel: e, participant: t, showBlockParticipant: n = !0, enabled: r = !0, onLeaveConversation: i, onBlockParticipant: a, onDeleteConversationClick: o, onBlockParticipantClick: s, onReportParticipantClick: c, onActionComplete: l, logLabel: u = "useChannelModerationActions" }) => {
+	let { service: f, debug: p } = nt(), m = t?.user?.id, g = !!(r && n && f && m), [_, v] = h(!1), [y, b] = h(null), [x, S] = h(!1), [C, w] = h(!1), T = g && (y?.participantId !== m || y?.service !== f);
+	return d(() => {
+		if (!g || !f || !m) {
 			v(!1), b(null);
 			return;
 		}
@@ -423,12 +423,12 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 			try {
 				let t = await f.getBlockedUsers();
 				if (e) return;
-				v(t.some((e) => e.blocked_user_id === h));
+				v(t.some((e) => e.blocked_user_id === m));
 			} catch (t) {
-				e || console.error(`[${d}] Failed to check blocked status:`, t);
+				e || console.error(`[${u}] Failed to check blocked status:`, t);
 			} finally {
 				e || b({
-					participantId: h,
+					participantId: m,
 					service: f
 				});
 			}
@@ -438,8 +438,8 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 	}, [
 		g,
 		f,
-		h,
-		d
+		m,
+		u
 	]), {
 		isParticipantBlocked: _,
 		isCheckingBlockedStatus: T,
@@ -447,12 +447,12 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 		isUpdatingBlockStatus: C,
 		handleLeaveConversation: async () => {
 			if (!x) {
-				o?.(), m && console.log(`[${d}] Leave conversation`, e.cid), S(!0);
+				o?.(), p && console.log(`[${u}] Leave conversation`, e.cid), S(!0);
 				try {
 					let t = e._client?.userID ?? null;
-					await e.hide(t, !1), i && await i(e), u?.();
+					await e.hide(t, !1), i && await i(e), l?.();
 				} catch (e) {
-					console.error(`[${d}] Failed to leave conversation`, e);
+					console.error(`[${u}] Failed to leave conversation`, e);
 				} finally {
 					S(!1);
 				}
@@ -460,11 +460,11 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 		},
 		handleBlockUser: async () => {
 			if (!(C || !f)) {
-				s?.(), m && console.log(`[${d}] Block member`, t?.user?.id), w(!0);
+				s?.(), p && console.log(`[${u}] Block member`, t?.user?.id), w(!0);
 				try {
-					await f.blockUser(t?.user?.id), a && await a(t?.user?.id), u?.();
+					await f.blockUser(t?.user?.id), a && await a(t?.user?.id), l?.();
 				} catch (e) {
-					console.error(`[${d}] Failed to block member`, e);
+					console.error(`[${u}] Failed to block member`, e);
 				} finally {
 					w(!1);
 				}
@@ -472,40 +472,40 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 		},
 		handleUnblockUser: async () => {
 			if (!(C || !f)) {
-				s?.(), m && console.log(`[${d}] Unblock member`, t?.user?.id), w(!0);
+				s?.(), p && console.log(`[${u}] Unblock member`, t?.user?.id), w(!0);
 				try {
-					await f.unBlockUser(t?.user?.id), a && await a(t?.user?.id), u?.();
+					await f.unBlockUser(t?.user?.id), a && await a(t?.user?.id), l?.();
 				} catch (e) {
-					console.error(`[${d}] Failed to unblock member`, e);
+					console.error(`[${u}] Failed to unblock member`, e);
 				} finally {
 					w(!1);
 				}
 			}
 		},
 		handleReportUser: () => {
-			c?.(), u?.(), window.open(mt, "_blank", "noopener,noreferrer");
+			c?.(), l?.(), window.open(_t, "_blank", "noopener,noreferrer");
 		}
 	};
-}, gt = ({ variant: e = "default", className: t, children: n, ...r }) => /* @__PURE__ */ W("button", {
+}, yt = ({ variant: e = "default", className: t, children: n, ...r }) => /* @__PURE__ */ W("button", {
 	type: "button",
-	className: J("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),
+	className: Y("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),
 	...r,
 	children: n
-}), _t = ({ channel: e, participant: t, showDeleteConversation: n = !0, showBlockParticipant: r = !0, showReportParticipant: i = !0, onLeaveConversation: a, onBlockParticipant: o, onDeleteConversationClick: c, onBlockParticipantClick: d, onReportParticipantClick: m, customChannelActions: h, triggerClassName: g }) => {
-	let [_, v] = p(!1), y = f(null), b = u(), { isParticipantBlocked: x, isCheckingBlockedStatus: S, isLeaving: C, isUpdatingBlockStatus: w, handleLeaveConversation: T, handleBlockUser: E, handleUnblockUser: D, handleReportUser: O } = ht({
+}), bt = ({ channel: e, participant: t, showDeleteConversation: n = !0, showBlockParticipant: r = !0, showReportParticipant: i = !0, onLeaveConversation: a, onBlockParticipant: o, onDeleteConversationClick: s, onBlockParticipantClick: c, onReportParticipantClick: u, customChannelActions: p, triggerClassName: g }) => {
+	let [_, v] = h(!1), y = m(null), b = f(), { isParticipantBlocked: x, isCheckingBlockedStatus: S, isLeaving: C, isUpdatingBlockStatus: w, handleLeaveConversation: T, handleBlockUser: E, handleUnblockUser: D, handleReportUser: O } = vt({
 		channel: e,
 		participant: t,
 		showBlockParticipant: r,
 		enabled: _,
 		onLeaveConversation: a,
 		onBlockParticipant: o,
-		onDeleteConversationClick: c,
-		onBlockParticipantClick: d,
-		onReportParticipantClick: m,
-		onActionComplete: s(() => v(!1), []),
+		onDeleteConversationClick: s,
+		onBlockParticipantClick: c,
+		onReportParticipantClick: u,
+		onActionComplete: l(() => v(!1), []),
 		logLabel: "ChannelActionsMenu"
 	});
-	return l(() => {
+	return d(() => {
 		if (!_) return;
 		let e = (e) => {
 			y.current && !y.current.contains(e.target) && v(!1);
@@ -515,7 +515,7 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [_]), !t || !(n || r || i || h) ? null : /* @__PURE__ */ G("div", {
+	}, [_]), !t || !(n || r || i || p) ? null : /* @__PURE__ */ G("div", {
 		ref: y,
 		className: "relative",
 		children: [/* @__PURE__ */ G("button", {
@@ -525,60 +525,60 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 			"aria-expanded": _,
 			"aria-controls": _ ? b : void 0,
 			onClick: () => v((e) => !e),
-			children: [/* @__PURE__ */ W(Ae, { className: "size-5 text-black/90" }), /* @__PURE__ */ W("span", {
+			children: [/* @__PURE__ */ W(Z, { className: "size-5 text-black/90" }), /* @__PURE__ */ W("span", {
 				className: "sr-only",
 				children: "More options"
 			})]
 		}), _ && /* @__PURE__ */ W("div", {
 			id: b,
 			"aria-label": "Conversation options",
-			className: J("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"),
+			className: Y("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"),
 			children: /* @__PURE__ */ G("ul", {
 				className: "flex flex-col gap-1",
 				children: [
-					n && /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G(gt, {
+					n && /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G(yt, {
 						onClick: T,
 						disabled: C,
 						"aria-busy": C,
-						children: [C ? /* @__PURE__ */ W(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ W(Le, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Delete Conversation" })]
+						children: [C ? /* @__PURE__ */ W(He, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ W(Be, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Delete Conversation" })]
 					}) }),
-					r && /* @__PURE__ */ W("li", { children: S ? /* @__PURE__ */ G(gt, {
+					r && /* @__PURE__ */ W("li", { children: S ? /* @__PURE__ */ G(yt, {
 						disabled: !0,
 						"aria-busy": !0,
-						children: [/* @__PURE__ */ W(ze, { className: "h-5 w-5 animate-spin" }), /* @__PURE__ */ W("span", { children: "Block" })]
-					}) : x ? /* @__PURE__ */ G(gt, {
+						children: [/* @__PURE__ */ W(He, { className: "h-5 w-5 animate-spin" }), /* @__PURE__ */ W("span", { children: "Block" })]
+					}) : x ? /* @__PURE__ */ G(yt, {
 						onClick: D,
 						disabled: w,
 						"aria-busy": w,
-						children: [w ? /* @__PURE__ */ W(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ W(Ie, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Unblock" })]
-					}) : /* @__PURE__ */ G(gt, {
+						children: [w ? /* @__PURE__ */ W(He, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ W(ze, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Unblock" })]
+					}) : /* @__PURE__ */ G(yt, {
 						onClick: E,
 						disabled: w,
 						"aria-busy": w,
-						children: [w ? /* @__PURE__ */ W(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ W(Ie, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Block" })]
+						children: [w ? /* @__PURE__ */ W(He, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ W(ze, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Block" })]
 					}) }),
-					i && /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G(gt, {
+					i && /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G(yt, {
 						variant: "danger",
 						onClick: O,
-						children: [/* @__PURE__ */ W(X, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Report" })]
+						children: [/* @__PURE__ */ W(Ne, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Report" })]
 					}) }),
-					h
+					p
 				]
 			})
 		})]
 	});
-}, vt = "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", yt = "CUSTOMER_PAID", bt = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === yt, xt = ({ className: e, onBack: t, showBackButton: n, showStarButton: r = !1, onLeaveConversation: a, onBlockParticipant: o, showDeleteConversation: s = !0, showBlockParticipant: c = !0, showReportParticipant: l = !0, onDeleteConversationClick: u, onBlockParticipantClick: d, onReportParticipantClick: f, customChannelActions: p, renderChannelActions: m, showChannelInfo: h = !0, onParticipantNameClick: g }) => {
-	let { channel: _ } = ue(), { client: v } = de(), y = i.useMemo(() => rt(_.state?.members, v?.userID, _.type), [
+}, xt = "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", St = "CUSTOMER_PAID", Ct = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === St, wt = ({ className: e, onBack: t, showBackButton: n, showStarButton: r = !1, onLeaveConversation: i, onBlockParticipant: a, showDeleteConversation: s = !0, showBlockParticipant: c = !0, showReportParticipant: l = !0, onDeleteConversationClick: u, onBlockParticipantClick: d, onReportParticipantClick: f, customChannelActions: p, renderChannelActions: m, showChannelInfo: h = !0, onParticipantNameClick: g }) => {
+	let { channel: _ } = V(), { client: v } = me(), y = o.useMemo(() => ot(_.state?.members, v?.userID, _.type), [
 		_.state?.members,
 		v?.userID,
 		_.type
-	]), b = st(y?.user), x = y?.user?.image, S = nt(_), C = bt(_.data?.customer_tag) && y?.is_follower === !0, w = r && S, T = C || w || !!g, E = async () => {
+	]), b = ut(y?.user), x = y?.user?.image, S = at(_), C = Ct(_.data?.customer_tag) && y?.is_follower === !0, w = r && S, T = C || w || !!g, E = async () => {
 		try {
 			S ? await _.unpin() : await _.pin();
 		} catch (e) {
 			console.error("[ChannelHeaderRedesign] Failed to update pinned status:", e);
 		}
-	}, D = /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(pt, {
+	}, D = /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(gt, {
 		id: y?.user?.id || _.id || "unknown",
 		name: b,
 		image: x,
@@ -586,7 +586,7 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 		size: 48,
 		className: "-mb-2"
 	}), /* @__PURE__ */ W("span", {
-		className: J("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 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", T ? "pl-3 pr-2" : "px-3"),
+		className: Y("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 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", T ? "pl-3 pr-2" : "px-3"),
 		children: /* @__PURE__ */ G("span", {
 			className: "flex max-w-full items-center justify-center",
 			children: [/* @__PURE__ */ W("span", {
@@ -598,7 +598,7 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 					C && /* @__PURE__ */ W("span", {
 						"aria-label": "Paid customer",
 						className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-						children: /* @__PURE__ */ W(ke, {
+						children: /* @__PURE__ */ W(X, {
 							className: "size-2.5",
 							weight: "bold"
 						})
@@ -608,13 +608,13 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 						children: /* @__PURE__ */ W("span", {
 							"aria-label": "Starred conversation",
 							className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-							children: /* @__PURE__ */ W(Be, {
+							children: /* @__PURE__ */ W(Ue, {
 								className: "size-2.5",
 								weight: "fill"
 							})
 						})
 					}),
-					g && /* @__PURE__ */ W(Ee, {
+					g && /* @__PURE__ */ W(ke, {
 						"aria-hidden": "true",
 						className: "size-4 shrink-0 text-black/65",
 						weight: "bold"
@@ -624,18 +624,18 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 		})
 	})] });
 	return /* @__PURE__ */ W("div", {
-		className: J("@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]", e),
+		className: Y("@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]", e),
 		children: /* @__PURE__ */ G("div", {
 			className: "grid min-h-[100px] grid-cols-[minmax(40px,1fr)_auto_minmax(40px,1fr)] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6",
 			children: [
 				/* @__PURE__ */ W("div", {
 					className: "flex items-start",
 					children: n && /* @__PURE__ */ W("button", {
-						className: J(vt, "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"),
+						className: Y(xt, "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"),
 						onClick: t || (() => {}),
 						type: "button",
 						"aria-label": "Back to conversations",
-						children: /* @__PURE__ */ W(we, { className: "size-5 text-black/90" })
+						children: /* @__PURE__ */ W(Ee, { className: "size-5 text-black/90" })
 					})
 				}),
 				/* @__PURE__ */ W("div", {
@@ -655,69 +655,69 @@ var pt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 				/* @__PURE__ */ G("div", {
 					className: "flex items-start justify-end gap-2",
 					children: [r && /* @__PURE__ */ W("button", {
-						className: vt,
+						className: xt,
 						onClick: E,
 						type: "button",
 						"aria-pressed": S,
 						"aria-label": S ? "Unstar conversation" : "Star conversation",
-						children: /* @__PURE__ */ W(Be, {
-							className: J("size-5", {
+						children: /* @__PURE__ */ W(Ue, {
+							className: Y("size-5", {
 								"text-[#FFD60A]": S,
 								"text-black/90": !S
 							}),
 							weight: S ? "fill" : "regular"
 						})
-					}), h && (m === void 0 ? /* @__PURE__ */ W(_t, {
+					}), h && (m === void 0 ? /* @__PURE__ */ W(bt, {
 						channel: _,
 						participant: y,
 						showDeleteConversation: s,
 						showBlockParticipant: c,
 						showReportParticipant: l,
-						onLeaveConversation: a,
-						onBlockParticipant: o,
+						onLeaveConversation: i,
+						onBlockParticipant: a,
 						onDeleteConversationClick: u,
 						onBlockParticipantClick: d,
 						onReportParticipantClick: f,
 						customChannelActions: p,
-						triggerClassName: vt
+						triggerClassName: xt
 					}) : m)]
 				})
 			]
 		})
 	});
-}, St = (e) => /* @__PURE__ */ W(C, {
+}, Tt = (e) => /* @__PURE__ */ W(T, {
 	...e,
 	position: "center"
 });
 //#endregion
 //#region src/utils/getMessageDisplayText.ts
-function Ct(e) {
+function Et(e) {
 	return e?.trim().toLowerCase().split(/[-_]/)[0] || void 0;
 }
-function wt({ message: e, viewerLanguage: t }) {
-	let n = e?.text, r = Ct(t);
+function Dt({ message: e, viewerLanguage: t }) {
+	let n = e?.text, r = Et(t);
 	return r ? e?.i18n?.[`${r}_text`] ?? n : n;
 }
 //#endregion
 //#region src/components/MediaMessage/index.tsx
-function Tt(e) {
+function Ot(e) {
 	return e.type === "link" || !!e.og_scrape_url?.trim() && !e.asset_url;
 }
 //#endregion
 //#region src/components/CustomMessage/context.tsx
-var Et = { LockedAttachment: { isUnlocking: () => !1 } }, Dt = o({}), Ot = Dt.Provider;
-function kt(e) {
-	return c(Dt)[e] ?? Et[e];
+var kt = { LockedAttachment: { isUnlocking: () => !1 } }, At = c({}), jt = At.Provider;
+function Mt(e) {
+	return u(At)[e] ?? kt[e];
 }
 //#endregion
 //#region src/components/CustomMessage/LockedAttachment/index.tsx
-var At = i.lazy(() => import("./Card-C7uLQbYz.js")), jt = i.lazy(() => import("./Card-D__kW2E_.js")), Mt = () => /* @__PURE__ */ W("div", {
+var Nt = o.lazy(() => import("./Card-C7uLQbYz.js")), Pt = o.lazy(() => import("./Card-f51K6V7Y.js")), Ft = () => /* @__PURE__ */ W("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
-}), Nt = (e) => /* @__PURE__ */ W(a, {
-	fallback: /* @__PURE__ */ W(Mt, {}),
-	children: e.contentType === "text" ? /* @__PURE__ */ W(At, { ...e }) : /* @__PURE__ */ W(jt, { ...e })
-}), Pt = ({ size: e = 15 }) => /* @__PURE__ */ W("svg", {
+}), It = (e) => /* @__PURE__ */ W(s, {
+	fallback: /* @__PURE__ */ W(Ft, {}),
+	children: e.contentType === "text" ? /* @__PURE__ */ W(Nt, { ...e }) : /* @__PURE__ */ W(Pt, { ...e })
+}), Lt = ({ size: e = 15 }) => /* @__PURE__ */ W("svg", {
 	width: e,
 	height: e,
 	viewBox: "0 0 15 15",
@@ -728,14 +728,14 @@ var At = i.lazy(() => import("./Card-C7uLQbYz.js")), jt = i.lazy(() => import(".
 		fill: "currentColor",
 		fillOpacity: .55
 	})
-}), Ft = (e) => e.metadata?.custom_type === K.PAID, It = (e) => e.metadata?.custom_type === K.CHATBOT, Lt = (e) => e.metadata?.custom_type === K.ATTACHMENT, Rt = (e) => Lt(e) && e.metadata?.attachment_content_type === "text", zt = (e) => Lt(e) && e.metadata?.attachment_content_type !== "text", Bt = (e) => Ft(e) && !!e.metadata?.amount_text, Vt = ({ message: e, isMyMessage: t = !1, hasAttachment: n = !1 }) => {
-	let r = Ft(e), i = It(e);
+}), Rt = (e) => e.metadata?.custom_type === K.PAID, zt = (e) => e.metadata?.custom_type === K.CHATBOT, Bt = (e) => e.metadata?.custom_type === K.ATTACHMENT, Vt = (e) => Bt(e) && e.metadata?.attachment_content_type === "text", Ht = (e) => Bt(e) && e.metadata?.attachment_content_type !== "text", Ut = (e) => Rt(e) && !!e.metadata?.amount_text, Wt = ({ message: e, isMyMessage: t = !1, hasAttachment: n = !1 }) => {
+	let r = Rt(e), i = zt(e);
 	if (!r && !i) return null;
 	if (r) {
 		let t = e.metadata?.amount_text;
 		return t ? /* @__PURE__ */ G("div", {
 			className: "message-tag--paid inline-flex items-center gap-1 text-[12px] font-medium leading-[2] text-[#016630]",
-			children: [/* @__PURE__ */ W(Z, { size: 12 }), /* @__PURE__ */ G("span", { children: [
+			children: [/* @__PURE__ */ W(Pe, { size: 12 }), /* @__PURE__ */ G("span", { children: [
 				"Delivered with ",
 				t,
 				" message"
@@ -747,17 +747,17 @@ var At = i.lazy(() => import("./Card-C7uLQbYz.js")), jt = i.lazy(() => import(".
 		children: o
 	}), l = /* @__PURE__ */ W("span", {
 		className: "inline-flex items-center leading-none",
-		children: /* @__PURE__ */ W(Pt, { size: a ? 12 : 15 })
+		children: /* @__PURE__ */ W(Lt, { size: a ? 12 : 15 })
 	});
 	return /* @__PURE__ */ W("div", {
 		className: `inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px] ${s}`,
 		"data-testid": "message-chatbot-indicator",
 		children: t && !a ? /* @__PURE__ */ G(U, { children: [c, l] }) : /* @__PURE__ */ G(U, { children: [l, c] })
 	});
-}, Ht = "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%", Ut = {
+}, Gt = "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%", Kt = {
 	me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
 	other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Wt = ({ side: e }) => /* @__PURE__ */ W("span", {
+}, qt = ({ side: e }) => /* @__PURE__ */ W("span", {
 	"aria-hidden": "true",
 	className: "pointer-events-none absolute bottom-0 z-[-1] h-[1.4375rem] w-5",
 	style: {
@@ -765,18 +765,18 @@ var At = i.lazy(() => import("./Card-C7uLQbYz.js")), jt = i.lazy(() => import(".
 		insetInlineStart: e === "other" ? "calc(-1 * 0.3125rem)" : void 0,
 		transform: e === "other" ? "scaleX(-1)" : void 0,
 		transformOrigin: "center",
-		backgroundColor: Ut[e],
-		WebkitMask: Ht,
-		mask: Ht
+		backgroundColor: Kt[e],
+		WebkitMask: Gt,
+		mask: Gt
 	}
-}), Gt = o(void 0), Kt = (e) => {
+}), Jt = c(void 0), Yt = (e) => {
 	let t = e.metadata?.outbound_id;
 	return typeof t == "string" ? t : void 0;
-}, qt = (e, t) => {
+}, Xt = (e, t) => {
 	if (!t || !e?.length) return;
 	let n = /* @__PURE__ */ new Set(), r;
 	for (let i of e) {
-		let e = Kt(i);
+		let e = Yt(i);
 		if (!e || n.has(e)) continue;
 		n.add(e);
 		let a = t(e);
@@ -786,15 +786,15 @@ var At = i.lazy(() => import("./Card-C7uLQbYz.js")), jt = i.lazy(() => import(".
 		});
 	}
 	return r;
-}, Jt = (e, t) => {
+}, Zt = (e, t) => {
 	if (e === t) return !0;
 	if (!e || !t) return !1;
 	let n = Object.keys(e), r = Object.keys(t);
 	return n.length === r.length && n.every((n) => e[n].id === t[n]?.id && e[n].name === t[n]?.name);
-}, Yt = (e, t) => {
-	let n = qt(e, t), [r, i] = p(n);
-	return Jt(r, n) ? r : (i(n), n);
-}, Xt = (e) => e.metadata?.custom_type === K.TIP, Zt = ({ message: e }) => {
+}, Qt = (e, t) => {
+	let n = Xt(e, t), [r, i] = h(n);
+	return Zt(r, n) ? r : (i(n), n);
+}, $t = (e) => e.metadata?.custom_type === K.TIP, en = ({ message: e }) => {
 	let t = e.metadata?.amount_text;
 	return t ? /* @__PURE__ */ G("div", {
 		className: "message-tip-pill inline-flex items-end gap-0.5 max-w-[520px] rounded-[1.5rem] bg-[#43e660] px-4 py-3 text-white",
@@ -807,34 +807,34 @@ var At = i.lazy(() => import("./Card-C7uLQbYz.js")), jt = i.lazy(() => import(".
 			children: [t, " tip!"]
 		})]
 	}) : null;
-}, Qt = () => {
-	let { message: e } = H("SentMessageDeliveryStatus"), { messages: t } = ue("SentMessageDeliveryStatus"), n = (() => {
+}, tn = () => {
+	let { message: e } = H("SentMessageDeliveryStatus"), { messages: t } = V("SentMessageDeliveryStatus"), n = (() => {
 		if (t) for (let e = t.length - 1; e >= 0; --e) {
 			let n = t[e];
 			if (n.type !== "system" && n.type !== "ephemeral" && n.type !== "deleted") return n.id;
 		}
 	})();
 	return e.id === n;
-}, $t = () => Qt() ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(De, {
+}, nn = () => tn() ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(Ae, {
 	weight: "bold",
 	"aria-hidden": "true"
 }), /* @__PURE__ */ W("span", {
 	"data-testid": "sent-message-delivery-status",
 	children: "Delivered"
-})] }) : null, en = () => Qt() ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(Oe, {
+})] }) : null, rn = () => tn() ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(je, {
 	className: "sent-message-status__spinner animate-spin",
 	weight: "bold",
 	"aria-hidden": "true"
 }), /* @__PURE__ */ W("span", {
 	"data-testid": "sent-message-sending-status",
 	children: "Sending"
-})] }) : null, tn = ({ outbound: e, onOutboundClick: t }) => {
+})] }) : null, an = ({ outbound: e, onOutboundClick: t }) => {
 	let n = e.name || "Broadcast", r = /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("span", {
 		className: "sent-message-outbound-badge",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ W(Me, { weight: "fill" })
+		children: /* @__PURE__ */ W(Fe, { weight: "fill" })
 	}), /* @__PURE__ */ W("span", {
-		className: J("sent-message-outbound-name", { "underline [text-decoration-skip-ink:auto]": !!t }),
+		className: Y("sent-message-outbound-name", { "underline [text-decoration-skip-ink:auto]": !!t }),
 		"data-testid": "sent-message-outbound-status",
 		children: n
 	})] });
@@ -845,28 +845,28 @@ var At = i.lazy(() => import("./Card-C7uLQbYz.js")), jt = i.lazy(() => import(".
 		onClick: () => t(e),
 		children: r
 	}) : r;
-}, nn = () => /* @__PURE__ */ G("span", {
+}, on = () => /* @__PURE__ */ G("span", {
 	className: "str-chat__message-status sent-message-status--failed",
-	children: [/* @__PURE__ */ W(Ue, {
+	children: [/* @__PURE__ */ W(Ke, {
 		weight: "bold",
 		"aria-hidden": "true"
 	}), /* @__PURE__ */ W("span", {
 		"data-testid": "sent-message-failed-status",
 		children: "Failed to send"
 	})]
-}), rn = ({ onOutboundClick: e, resolvedOutbound: t }) => {
-	let { isMyMessage: n, message: r, threadList: i } = H("SentMessageDeliveryStatus"), a = n(), o = Qt();
+}), sn = ({ onOutboundClick: e, resolvedOutbound: t }) => {
+	let { isMyMessage: n, message: r, threadList: i } = H("SentMessageDeliveryStatus"), a = n(), o = tn();
 	if (i) return null;
-	if (r.status === "failed" && a && r.type !== "error") return /* @__PURE__ */ W(nn, {});
+	if (r.status === "failed" && a && r.type !== "error") return /* @__PURE__ */ W(on, {});
 	if (!a) return null;
-	let s = r.metadata?.outbound_id, c = r.status !== "sending" && r.status !== "failed" && s && t ? /* @__PURE__ */ W(tn, {
+	let s = r.metadata?.outbound_id, c = r.status !== "sending" && r.status !== "failed" && s && t ? /* @__PURE__ */ W(an, {
 		outbound: t,
 		onOutboundClick: e
-	}) : null, l = Bt(r) ? null : /* @__PURE__ */ W(F, {
-		MessageSentStatus: $t,
-		MessageDeliveredStatus: $t,
-		MessageReadStatus: $t,
-		MessageSendingStatus: Xt(r) ? $t : en
+	}) : null, l = Ut(r) ? null : /* @__PURE__ */ W(L, {
+		MessageSentStatus: nn,
+		MessageDeliveredStatus: nn,
+		MessageReadStatus: nn,
+		MessageSendingStatus: $t(r) ? nn : rn
 	});
 	return c ? /* @__PURE__ */ G("span", {
 		className: "sent-message-status-row",
@@ -880,27 +880,27 @@ var At = i.lazy(() => import("./Card-C7uLQbYz.js")), jt = i.lazy(() => import(".
 			c
 		]
 	}) : l;
-}, an = /^([a-z][a-z0-9+.-]*):/i, on = /* @__PURE__ */ new Set([
+}, cn = /^([a-z][a-z0-9+.-]*):/i, ln = /* @__PURE__ */ new Set([
 	"http",
 	"https",
 	"mailto",
 	"tel",
 	"sms"
 ]);
-function sn(e) {
+function un(e) {
 	if (typeof e != "string") return;
 	let t = e.trim();
 	if (t === "") return;
-	let n = an.exec(t);
+	let n = cn.exec(t);
 	if (n) {
 		let e = n[1].toLowerCase();
-		return on.has(e) ? t : void 0;
+		return ln.has(e) ? t : void 0;
 	}
 	return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
 //#endregion
 //#region src/components/LinkAttachment/components/_shared/CardCta.tsx
-var cn = {
+var dn = {
 	dark: {
 		primary: "bg-white text-[#121110] hover:bg-white/90",
 		secondary: "bg-white/15 text-white hover:bg-white/25"
@@ -909,11 +909,11 @@ var cn = {
 		primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
 		secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
 	}
-}, ln = ({ variant: e, cta: t, fullWidth: n = !0, standalone: r = !1 }) => {
-	let i = t.variant ?? "primary", a = J("inline-flex h-10 items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors", n ? "w-full" : "min-w-0", !r && "mt-2", cn[e][i]), o = n ? t.label : /* @__PURE__ */ W("span", {
+}, fn = ({ variant: e, cta: t, fullWidth: n = !0, standalone: r = !1 }) => {
+	let i = t.variant ?? "primary", a = Y("inline-flex h-10 items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors", n ? "w-full" : "min-w-0", !r && "mt-2", dn[e][i]), o = n ? t.label : /* @__PURE__ */ W("span", {
 		className: "min-w-0 truncate",
 		children: t.label
-	}), s = sn(t.href);
+	}), s = un(t.href);
 	return s ? /* @__PURE__ */ W("a", {
 		href: s,
 		target: "_blank",
@@ -931,30 +931,30 @@ var cn = {
 		className: a,
 		children: o
 	});
-}, un = {
+}, pn = {
 	dark: "text-white",
 	light: "text-black/90"
-}, dn = "text-white/30", fn = {
+}, mn = "text-white/30", hn = {
 	dark: "text-white/55",
 	light: "text-black/55"
-}, pn = {
+}, gn = {
 	dark: "bg-white/25",
 	light: "bg-black/15"
-}, mn = ({ variant: e, ctaSurface: t, chinTextColor: n, title: r, placeholderTitle: i, description: a, descriptionLines: o = 1, url: s, appIcon: c, cta: l, trailingAction: u, isLoading: d = !1 }) => {
+}, _n = ({ variant: e, ctaSurface: t, chinTextColor: n, title: r, placeholderTitle: i, description: a, descriptionLines: o = 1, url: s, appIcon: c, cta: l, trailingAction: u, isLoading: d = !1 }) => {
 	let f = e === "dark", p = r ?? (f ? i : void 0) ?? "", m = p.trim() !== "", h = a != null && a.trim() !== "", g = typeof s == "string" ? s.trim() : "", _ = g !== "", v = l != null;
 	if (!d && !m && !h && !_ && !v) return null;
-	let y = J("line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", n == null && (f && !r ? dn : un[e])), b = J("truncate text-[12px] leading-4 tracking-[0.24px]", n == null && fn[e]), x = J("text-[12px] leading-4 tracking-[0.24px]", o <= 1 && "truncate", n == null && fn[e]);
+	let y = Y("line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", n == null && (f && !r ? mn : pn[e])), b = Y("truncate text-[12px] leading-4 tracking-[0.24px]", n == null && hn[e]), x = Y("text-[12px] leading-4 tracking-[0.24px]", o <= 1 && "truncate", n == null && hn[e]);
 	if (d) {
-		let t = J("animate-pulse rounded", pn[e]);
+		let t = Y("animate-pulse rounded", gn[e]);
 		return /* @__PURE__ */ W("div", {
 			className: "shrink-0 px-4 py-3",
 			children: /* @__PURE__ */ G("div", {
 				className: "flex min-w-0 flex-col gap-[2px]",
 				children: [/* @__PURE__ */ W("div", {
-					className: J("h-5 w-3/4", t),
+					className: Y("h-5 w-3/4", t),
 					"aria-hidden": !0
 				}), /* @__PURE__ */ W("div", {
-					className: J("h-4 w-1/2", t),
+					className: Y("h-4 w-1/2", t),
 					"aria-hidden": !0
 				})]
 			})
@@ -980,7 +980,7 @@ var cn = {
 							className: "shrink-0",
 							children: c
 						}) : null, /* @__PURE__ */ W("p", {
-							className: J("min-w-0", y),
+							className: Y("min-w-0", y),
 							style: S,
 							children: p
 						})]
@@ -1001,16 +1001,16 @@ var cn = {
 				className: "shrink-0",
 				children: u
 			})]
-		}), l && /* @__PURE__ */ W(ln, {
+		}), l && /* @__PURE__ */ W(fn, {
 			variant: t ?? e,
 			cta: l
 		})]
 	});
-}, hn = "Loading link preview", gn = J("relative w-[var(--lt-msg-card-width,290px)] max-w-full select-none overflow-hidden", "rounded-[20px]"), _n = "flex h-[250px] flex-col", vn = ({ variant: e, children: t, href: n, onClick: r, ariaLabel: i, rootRef: a, topRight: o, bgClassName: s, accentHex: c, fixedHeight: l = !1, busy: u = !1, "data-testid": d }) => {
-	let f = J("messaging-link-card", gn, l ? _n : "block", s ?? (e === "dark" ? "bg-[#1e2330]" : "bg-[#f1f0ee]"), n != null || r != null ? "cursor-pointer no-underline focus-ring" : null), p = u ? {
+}, vn = "Loading link preview", yn = Y("relative w-[var(--lt-msg-card-width,290px)] max-w-full select-none overflow-hidden", "rounded-[20px]"), bn = "flex h-[250px] flex-col", xn = ({ variant: e, children: t, href: n, onClick: r, ariaLabel: i, rootRef: a, topRight: o, bgClassName: s, accentHex: c, fixedHeight: l = !1, busy: u = !1, "data-testid": d }) => {
+	let f = Y("messaging-link-card", yn, l ? bn : "block", s ?? (e === "dark" ? "bg-[#1e2330]" : "bg-[#f1f0ee]"), n != null || r != null ? "cursor-pointer no-underline focus-ring" : null), p = u ? {
 		role: "status",
 		"aria-busy": !0,
-		"aria-label": hn
+		"aria-label": vn
 	} : void 0, m = c ? { "--accent": c } : void 0, h = o ? /* @__PURE__ */ W("div", {
 		className: "pointer-events-auto absolute right-3 top-3 z-10",
 		children: o
@@ -1034,7 +1034,7 @@ var cn = {
 		"aria-label": i,
 		"data-testid": d,
 		"data-variant": e,
-		className: J(f, "text-left"),
+		className: Y(f, "text-left"),
 		style: m,
 		...p,
 		children: [t, h]
@@ -1047,93 +1047,94 @@ var cn = {
 		...p,
 		children: [t, h]
 	});
-}, yn = {
+}, Sn = {
 	dark: "bg-white/10",
 	light: "bg-black/5"
-}, bn = {
+}, Cn = {
 	dark: "size-16 text-white/25",
 	light: "size-16 text-black/25"
-}, xn = (e, n) => !!n && !!e && t(e) === "audio", Sn = (e, n) => {
+}, wn = (e, n) => !!n && !!e && t(e) === "audio", Tn = (e, n) => {
 	if (!n || !e) return !1;
 	let r = t(e);
 	return r === "video" || r === "audio";
-}, Cn = "bg-[#F2F3F4]", wn = ({ variant: r, thumbnailUrl: i, sourceUrl: a, title: o, mimeType: s = "image/*", topLeft: c, topRight: l, isLoading: u = !1, onImageError: d }) => {
-	let f = t(s), p = !!a && f === "video", m = e(i);
-	return !u && xn(s, a) ? /* @__PURE__ */ W("div", {
+}, En = "bg-[#F2F3F4]", Dn = ({ variant: r, thumbnailUrl: i, sourceUrl: o, title: s, mimeType: c = "image/*", topLeft: l, topRight: u, isLoading: d = !1, onImageError: f }) => {
+	let p = t(c), m = !!o && p === "video", h = a(i);
+	return !d && wn(c, o) ? /* @__PURE__ */ W("div", {
 		className: "p-3",
 		children: /* @__PURE__ */ W("audio", {
-			src: a,
+			...e,
+			src: o,
 			controls: !0,
 			preload: "metadata",
 			className: "block w-full",
 			children: /* @__PURE__ */ W("track", { kind: "captions" })
 		})
 	}) : /* @__PURE__ */ G("div", {
-		className: J("relative min-h-0 w-full flex-1 overflow-hidden", p && "bg-black"),
+		className: Y("relative min-h-0 w-full flex-1 overflow-hidden", m && "bg-black"),
 		children: [
-			u ? /* @__PURE__ */ W("div", {
-				className: J("h-full w-full animate-pulse", yn[r]),
+			d ? /* @__PURE__ */ W("div", {
+				className: Y("h-full w-full animate-pulse", Sn[r]),
 				"aria-hidden": !0
-			}) : p ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("video", {
-				src: a,
-				poster: m,
+			}) : m ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("video", {
+				src: o,
+				poster: h,
 				controls: !0,
 				playsInline: !0,
 				preload: "metadata",
 				className: "absolute inset-0 h-full w-full object-contain",
 				children: /* @__PURE__ */ W("track", { kind: "captions" })
-			}), m && d ? /* @__PURE__ */ W("img", {
-				src: m,
+			}), h && f ? /* @__PURE__ */ W("img", {
+				src: h,
 				alt: "",
 				"aria-hidden": !0,
-				onError: d,
+				onError: f,
 				className: "hidden"
 			}) : null] }) : i ? /* @__PURE__ */ W("img", {
-				src: m ?? i,
-				alt: o ?? "",
+				src: h ?? i,
+				alt: s ?? "",
 				draggable: !1,
 				loading: "lazy",
 				decoding: "async",
-				onError: d,
+				onError: f,
 				className: "absolute inset-0 h-full w-full object-cover"
 			}) : /* @__PURE__ */ W("div", {
-				className: J("flex h-full w-full items-center justify-center", yn[r]),
-				children: n(s, {
-					className: bn[r],
+				className: Y("flex h-full w-full items-center justify-center", Sn[r]),
+				children: n(c, {
+					className: Cn[r],
 					weight: "regular"
 				})
 			}),
-			c ? /* @__PURE__ */ W("div", {
+			l ? /* @__PURE__ */ W("div", {
 				className: "pointer-events-auto absolute left-3 top-3 z-10",
-				children: c
+				children: l
 			}) : null,
-			l ? /* @__PURE__ */ W("div", {
+			u ? /* @__PURE__ */ W("div", {
 				className: "pointer-events-auto absolute right-3 top-3 z-10",
-				children: l
+				children: u
 			}) : null
 		]
 	});
-}, Tn = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function En(e) {
+}, On = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function kn(e) {
 	let t = e.trim();
 	return t.startsWith("#") ? t : `#${t}`;
 }
 //#endregion
 //#region src/components/LinkAttachment/components/_shared/useChinPalette.ts
-var Dn = "#FFFFFF", On = "#040403", kn = {
-	dark: Dn,
-	light: On
+var An = "#FFFFFF", jn = "#040403", Mn = {
+	dark: An,
+	light: jn
 };
-function An({ variant: e, accentColor: t, status: n = "ready", layout: r = "featured", thumbnailUrl: a, mimeType: o, sourceUrl: s }) {
-	let [c, l] = i.useState(!1);
-	i.useEffect(() => {
+function Nn({ variant: e, accentColor: t, status: n = "ready", layout: r = "featured", thumbnailUrl: i, mimeType: a, sourceUrl: s }) {
+	let [c, l] = o.useState(!1);
+	o.useEffect(() => {
 		l(!1);
-	}, [a]);
-	let u = i.useCallback(() => {
+	}, [i]);
+	let u = o.useCallback(() => {
 		l(!0);
-	}, []), d = xn(o, s), f = r === "featured" && a && !d && !c && n === "ready" && t != null && Tn.test(t.trim()) ? En(t) : void 0, p = d ? On : kn[e];
+	}, []), d = wn(a, s), f = r === "featured" && i && !d && !c && n === "ready" && t != null && On.test(t.trim()) ? kn(t) : void 0, p = d ? jn : Mn[e];
 	return {
-		thumbnailUrl: c ? void 0 : a,
+		thumbnailUrl: c ? void 0 : i,
 		accentHex: f,
 		chinTextColor: p,
 		surface: d ? "light" : e,
@@ -1143,8 +1144,8 @@ function An({ variant: e, accentColor: t, status: n = "ready", layout: r = "feat
 }
 //#endregion
 //#region src/components/LinkAttachment/components/Composer/Card.tsx
-var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Mn = "relative before:absolute before:-inset-[10px] before:content-['']", Nn = ({ title: e, placeholderTitle: t, description: n, descriptionLines: r, url: i, mimeType: a, thumbnailUrl: o, sourceUrl: s, layout: c = "featured", appIcon: l, cta: u, accentColor: d, status: f = "ready", onDismiss: p, onEditClick: m, dismissLabel: h = "Dismiss attachment" }) => {
-	let g = c === "classic", _ = xn(a, s), v = An({
+var Pn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Fn = "relative before:absolute before:-inset-[10px] before:content-['']", In = ({ title: e, placeholderTitle: t, description: n, descriptionLines: r, url: i, mimeType: a, thumbnailUrl: o, sourceUrl: s, layout: c = "featured", appIcon: l, cta: u, accentColor: d, status: f = "ready", onDismiss: p, onEditClick: m, dismissLabel: h = "Dismiss attachment" }) => {
+	let g = c === "classic", _ = wn(a, s), v = Nn({
 		variant: "dark",
 		accentColor: d,
 		status: f,
@@ -1156,8 +1157,8 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 		type: "button",
 		onClick: p,
 		"aria-label": h,
-		className: J(jn, !_ && Mn),
-		children: /* @__PURE__ */ W(We, {
+		className: Y(Pn, !_ && Fn),
+		children: /* @__PURE__ */ W(qe, {
 			className: "size-3",
 			weight: "bold"
 		})
@@ -1166,19 +1167,19 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 		onClick: m,
 		"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__ */ W(Ne, {
+		children: /* @__PURE__ */ W(Ie, {
 			className: "size-5",
 			weight: "regular"
 		})
 	}) : void 0;
-	return _ && !v.isLoading ? /* @__PURE__ */ W(vn, {
+	return _ && !v.isLoading ? /* @__PURE__ */ W(xn, {
 		variant: "dark",
-		bgClassName: Cn,
+		bgClassName: En,
 		children: /* @__PURE__ */ G("div", {
 			className: "flex items-center gap-2 pr-3",
 			children: [/* @__PURE__ */ W("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ W(wn, {
+				children: /* @__PURE__ */ W(Dn, {
 					variant: "dark",
 					sourceUrl: s,
 					title: e,
@@ -1189,13 +1190,13 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 				children: y
 			})]
 		})
-	}) : /* @__PURE__ */ G(vn, {
+	}) : /* @__PURE__ */ G(xn, {
 		variant: "dark",
 		fixedHeight: !g,
 		accentHex: v.accentHex,
 		busy: v.isLoading,
 		topRight: g ? y : void 0,
-		children: [!g && /* @__PURE__ */ W(wn, {
+		children: [!g && /* @__PURE__ */ W(Dn, {
 			variant: "dark",
 			thumbnailUrl: v.thumbnailUrl,
 			sourceUrl: s,
@@ -1204,7 +1205,7 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 			topRight: y,
 			isLoading: v.isLoading,
 			onImageError: v.onImageError
-		}), /* @__PURE__ */ W(mn, {
+		}), /* @__PURE__ */ W(_n, {
 			chinTextColor: v.chinTextColor,
 			variant: "dark",
 			ctaSurface: v.surface,
@@ -1219,19 +1220,19 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 			isLoading: v.isLoading
 		})]
 	});
-}, Pn = ({ accentHex: e, side: t, visible: n, children: r }) => n ? /* @__PURE__ */ G("div", {
+}, Ln = ({ accentHex: e, side: t, visible: n, children: r }) => n ? /* @__PURE__ */ G("div", {
 	className: "relative isolate w-fit",
 	children: [r, /* @__PURE__ */ W("span", {
 		"aria-hidden": !0,
 		"data-testid": "link-card-tail",
 		"data-variant": t === "sender" ? "dark" : "light",
 		style: e ? { "--accent": e } : void 0,
-		className: J("messaging-link-card-tail", t === "receiver" && "messaging-link-card-tail--received")
+		className: Y("messaging-link-card-tail", t === "receiver" && "messaging-link-card-tail--received")
 	})]
-}) : /* @__PURE__ */ W(U, { children: r }), Fn = {
-	Composer: Nn,
+}) : /* @__PURE__ */ W(U, { children: r }), Rn = {
+	Composer: In,
 	Sent: ({ title: e, placeholderTitle: t, description: n, descriptionLines: r, url: i, mimeType: a, thumbnailUrl: o, sourceUrl: s, layout: c = "featured", appIcon: l, cta: u, accentColor: d, status: f = "ready", onClick: p, groupPosition: m = "single" }) => {
-		let h = Sn(a, s), g = sn(i), _ = u == null && g != null && !h ? g : void 0, v = u == null && !h && _ != null ? p : void 0, y = f !== "loading" && xn(a, s), b = An({
+		let h = Tn(a, s), g = un(i), _ = u == null && g != null && !h ? g : void 0, v = u == null && !h && _ != null ? p : void 0, y = f !== "loading" && wn(a, s), b = Nn({
 			variant: "dark",
 			accentColor: d,
 			status: f,
@@ -1240,19 +1241,19 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 			mimeType: a,
 			sourceUrl: s
 		});
-		return /* @__PURE__ */ W(Pn, {
+		return /* @__PURE__ */ W(Ln, {
 			accentHex: b.accentHex,
 			side: "sender",
 			visible: !y && (m === "single" || m === "end"),
-			children: /* @__PURE__ */ G(vn, {
+			children: /* @__PURE__ */ G(xn, {
 				variant: "dark",
 				href: _,
 				onClick: v,
 				fixedHeight: c === "featured" && !y,
 				accentHex: b.accentHex,
 				busy: b.isLoading,
-				bgClassName: y ? Cn : void 0,
-				children: [c === "featured" && /* @__PURE__ */ W(wn, {
+				bgClassName: y ? En : void 0,
+				children: [c === "featured" && /* @__PURE__ */ W(Dn, {
 					variant: "dark",
 					thumbnailUrl: b.thumbnailUrl,
 					sourceUrl: s,
@@ -1260,7 +1261,7 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 					mimeType: a,
 					isLoading: b.isLoading,
 					onImageError: b.onImageError
-				}), /* @__PURE__ */ W(mn, {
+				}), /* @__PURE__ */ W(_n, {
 					chinTextColor: b.chinTextColor,
 					variant: "dark",
 					ctaSurface: b.surface,
@@ -1277,12 +1278,12 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 		});
 	},
 	Received: ({ title: e, description: t, descriptionLines: n, url: r, mimeType: i, thumbnailUrl: a, sourceUrl: o, layout: s = "featured", appIcon: c, cta: l, accentColor: u, status: d = "ready", onClick: f, groupPosition: p = "single" }) => {
-		let m = Sn(i, o), h = sn(r), g = l == null && h != null && !m ? h : void 0, _ = l == null && !m ? f : void 0, v = d !== "loading" && xn(i, o) ? Cn : void 0, y = l && f ? {
+		let m = Tn(i, o), h = un(r), g = l == null && h != null && !m ? h : void 0, _ = l == null && !m ? f : void 0, v = d !== "loading" && wn(i, o) ? En : void 0, y = l && f ? {
 			...l,
 			onClick: () => {
 				f(), l.onClick?.();
 			}
-		} : l, b = An({
+		} : l, b = Nn({
 			variant: "light",
 			accentColor: u,
 			status: d,
@@ -1291,11 +1292,11 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 			mimeType: i,
 			sourceUrl: o
 		});
-		return /* @__PURE__ */ W(Pn, {
+		return /* @__PURE__ */ W(Ln, {
 			accentHex: b.accentHex,
 			side: "receiver",
 			visible: v == null && (p === "single" || p === "end"),
-			children: /* @__PURE__ */ G(vn, {
+			children: /* @__PURE__ */ G(xn, {
 				variant: "light",
 				href: g,
 				onClick: _,
@@ -1305,7 +1306,7 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 				busy: b.isLoading,
 				bgClassName: v,
 				"data-testid": "link-attachment",
-				children: [s === "featured" && /* @__PURE__ */ W(wn, {
+				children: [s === "featured" && /* @__PURE__ */ W(Dn, {
 					variant: "light",
 					thumbnailUrl: b.thumbnailUrl,
 					sourceUrl: o,
@@ -1313,7 +1314,7 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 					mimeType: i,
 					isLoading: b.isLoading,
 					onImageError: b.onImageError
-				}), /* @__PURE__ */ W(mn, {
+				}), /* @__PURE__ */ W(_n, {
 					chinTextColor: b.chinTextColor,
 					variant: "light",
 					ctaSurface: b.surface,
@@ -1328,16 +1329,16 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 			})
 		});
 	}
-}, In = {
+}, zn = {
 	dark: "bg-[#1e2330]",
 	light: "bg-[#f2f1ef]"
-}, Ln = {
+}, Bn = {
 	dark: "text-white",
 	light: "text-[#000000]"
-}, Rn = {
+}, Vn = {
 	dark: "border-white/[0.08]",
 	light: "border-black/[0.08]"
-}, zn = (e) => e === "dark" ? "sender" : "receiver", Bn = {
+}, Hn = (e) => e === "dark" ? "sender" : "receiver", Un = {
 	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]",
@@ -1350,46 +1351,47 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 		middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
 		end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
 	}
-}, Vn = ({ variant: e, text: t, bordered: n = !0, groupPosition: r = "single", widthClassName: i = "w-[280px]", paddingClassName: a = "px-2 py-2", radiusClassName: o, className: s, children: c, "data-testid": l }) => {
-	let u = t != null && t !== "", d = o ?? Bn[zn(e)][r];
+}, Wn = ({ variant: e, text: t, bordered: n = !0, groupPosition: r = "single", widthClassName: i = "w-[280px]", paddingClassName: a = "px-2 py-2", radiusClassName: o, className: s, children: c, "data-testid": l }) => {
+	let u = t != null && t !== "", d = o ?? Un[Hn(e)][r];
 	return /* @__PURE__ */ G("div", {
 		"data-testid": l,
 		"data-group-position": r,
-		className: J("relative", i, "overflow-hidden", a, u && "pb-0", d, In[e], Ln[e], n && "border", n && Rn[e], s),
+		className: Y("relative", i, "overflow-hidden", a, u && "pb-0", d, zn[e], Bn[e], n && "border", n && Vn[e], s),
 		children: [c, u ? /* @__PURE__ */ W("p", {
-			className: J("whitespace-pre-wrap break-words leading-snug hyphens-manual", "pb-2 pt-2", "px-2"),
+			className: Y("whitespace-pre-wrap break-words leading-snug hyphens-manual", "pb-2 pt-2", "px-2"),
 			children: t
 		}) : null]
 	});
-}, Hn = ({ onClick: e, variant: t = "overlay", ariaLabel: n = "Dismiss attachment" }) => /* @__PURE__ */ W("button", {
+}, Gn = ({ onClick: e, variant: t = "overlay", ariaLabel: n = "Dismiss attachment" }) => /* @__PURE__ */ W("button", {
 	type: "button",
 	onClick: (t) => {
 		t.stopPropagation(), e();
 	},
 	"aria-label": n,
-	className: J("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__ */ W(We, {
+	className: Y("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__ */ W(qe, {
 		className: "size-3",
 		weight: "bold"
 	})
-}), Un = (e) => e === "received" ? "light" : "dark", Wn = ({ firstOfGroup: e, endOfGroup: t, groupedByUser: n }) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Gn = ({ src: e, mimeType: t, filename: n, items: r }) => r && r.length > 0 ? r : e ? [{
+}), Kn = (e) => e === "received" ? "light" : "dark", qn = ({ firstOfGroup: e, endOfGroup: t, groupedByUser: n }) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Jn = ({ src: e, mimeType: t, filename: n, items: r }) => r && r.length > 0 ? r : e ? [{
 	src: e,
 	mimeType: t,
 	filename: n
-}] : [], Kn = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ G("div", {
+}] : [], Yn = ({ item: t, preload: n, trailingAction: r }) => /* @__PURE__ */ G("div", {
 	className: "flex items-center gap-2",
 	children: [/* @__PURE__ */ W("audio", {
-		src: e.src,
+		...e,
+		src: t.src,
 		controls: !0,
-		preload: e.preload ?? t,
+		preload: t.preload ?? n,
 		className: "block min-w-0 flex-1",
-		children: e.mimeType ? /* @__PURE__ */ W("source", {
-			src: e.src,
-			type: e.mimeType
+		children: t.mimeType ? /* @__PURE__ */ W("source", {
+			src: t.src,
+			type: t.mimeType
 		}) : null
-	}), n ?? null]
-}), qn = ({ state: e, src: t, mimeType: n, filename: r, items: i, text: a, groupPosition: o, preload: s, onDismiss: c }) => {
-	let l = Un(e), u = e === "composer" && !!c, d = Gn({
+	}), r ?? null]
+}), Xn = ({ state: e, src: t, mimeType: n, filename: r, items: i, text: a, groupPosition: o, preload: s, onDismiss: c }) => {
+	let l = Kn(e), u = e === "composer" && !!c, d = Jn({
 		src: t,
 		mimeType: n,
 		filename: r,
@@ -1397,43 +1399,43 @@ var jn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 	});
 	if (d.length === 0) return null;
 	let f = s ?? (d.length > 1 ? "none" : "metadata");
-	return /* @__PURE__ */ W(Vn, {
+	return /* @__PURE__ */ W(Wn, {
 		variant: l,
 		text: a,
 		groupPosition: o,
 		"data-testid": "audio-attachment",
 		children: /* @__PURE__ */ W("div", {
 			className: "flex flex-col gap-2",
-			children: d.map((e, t) => /* @__PURE__ */ W(Kn, {
+			children: d.map((e, t) => /* @__PURE__ */ W(Yn, {
 				item: e,
 				preload: f,
-				trailingAction: u && t === 0 ? /* @__PURE__ */ W(Hn, {
+				trailingAction: u && t === 0 ? /* @__PURE__ */ W(Gn, {
 					onClick: c,
 					variant: "inline"
 				}) : void 0
 			}, `${e.src}-${t}`))
 		})
 	});
-}, Jn = {
-	Composer: (e) => /* @__PURE__ */ W(qn, {
+}, Zn = {
+	Composer: (e) => /* @__PURE__ */ W(Xn, {
 		...e,
 		state: "composer"
 	}),
-	Sent: (e) => /* @__PURE__ */ W(qn, {
+	Sent: (e) => /* @__PURE__ */ W(Xn, {
 		...e,
 		state: "sent"
 	}),
-	Received: (e) => /* @__PURE__ */ W(qn, {
+	Received: (e) => /* @__PURE__ */ W(Xn, {
 		...e,
 		state: "received"
 	})
 };
 //#endregion
 //#region src/components/MessageAttachment/_shared/fileMeta.ts
-function Yn(e) {
+function Qn(e) {
 	return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : e < 1073741824 ? `${(e / 1048576).toFixed(2)} MB` : `${(e / 1073741824).toFixed(2)} GB`;
 }
-var Xn = {
+var $n = {
 	pdf: "PDF",
 	doc: "DOC",
 	xls: "XLS",
@@ -1443,7 +1445,7 @@ var Xn = {
 	text: "TXT",
 	markdown: "MD"
 };
-function Zn(e, n) {
+function er(e, n) {
 	if (n) {
 		let e = n.lastIndexOf(".");
 		if (e > 0 && e < n.length - 1) {
@@ -1453,15 +1455,15 @@ function Zn(e, n) {
 	}
 	if (!e) return;
 	if (t(e) === "document") {
-		let t = Xn[r(e)];
+		let t = $n[i(e)];
 		if (t) return t;
 		if (e === "application/octet-stream") return;
 	}
-	let i = e.split("/")[1];
-	if (!(!i || i === "*")) return i.toUpperCase();
+	let r = e.split("/")[1];
+	if (!(!r || r === "*")) return r.toUpperCase();
 }
-function Qn(e, t, n) {
-	return [Zn(e, t), typeof n == "number" && n > 0 ? Yn(n) : void 0].filter(Boolean).join(" · ") || void 0;
+function tr(e, t, n) {
+	return [er(e, t), typeof n == "number" && n > 0 ? Qn(n) : void 0].filter(Boolean).join(" · ") || void 0;
 }
 function Q(e) {
 	try {
@@ -1473,21 +1475,21 @@ function Q(e) {
 }
 //#endregion
 //#region src/components/MessageAttachment/_shared/CompactDocumentRow.tsx
-var $n = {
+var nr = {
 	dark: "text-white/55",
 	light: "text-black/65"
-}, er = {
+}, rr = {
 	dark: "bg-white/10",
 	light: "bg-black/5"
-}, tr = {
+}, ir = {
 	dark: "text-white/85",
 	light: "text-black/85"
-}, nr = ({ variant: e, filename: t, title: r, mimeType: i = "application/octet-stream", fileSize: a, onActivate: o, activateLabel: s, trailingAction: c }) => {
-	let l = r ?? t ?? "File", u = Qn(i, t, a), d = /* @__PURE__ */ W("div", {
-		className: J("flex size-10 shrink-0 items-center justify-center rounded-sm", er[e]),
+}, ar = ({ variant: e, filename: t, title: r, mimeType: i = "application/octet-stream", fileSize: a, onActivate: o, activateLabel: s, trailingAction: c }) => {
+	let l = r ?? t ?? "File", u = tr(i, t, a), d = /* @__PURE__ */ W("div", {
+		className: Y("flex size-10 shrink-0 items-center justify-center rounded-sm", rr[e]),
 		"aria-hidden": !0,
 		children: n(i, {
-			className: J("size-6", tr[e]),
+			className: Y("size-6", ir[e]),
 			weight: "regular"
 		})
 	}), f = /* @__PURE__ */ G("div", {
@@ -1496,14 +1498,14 @@ var $n = {
 			className: "truncate font-medium leading-snug",
 			children: l
 		}), u ? /* @__PURE__ */ W("p", {
-			className: J("truncate text-xs leading-4", $n[e]),
+			className: Y("truncate text-xs leading-4", nr[e]),
 			children: u
 		}) : null]
 	}), p = o ? /* @__PURE__ */ G("button", {
 		type: "button",
 		onClick: o,
 		"aria-label": s,
-		className: J("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]"),
+		className: Y("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]"),
 		children: [d, f]
 	}) : /* @__PURE__ */ G(U, { children: [d, f] });
 	return /* @__PURE__ */ G("div", {
@@ -1516,7 +1518,7 @@ var $n = {
 };
 //#endregion
 //#region src/components/MessageAttachment/_shared/triggerDownload.ts
-async function rr(e, t) {
+async function or(e, t) {
 	let n = t ?? Q(e);
 	try {
 		let t = await fetch(e, { mode: "cors" });
@@ -1532,15 +1534,15 @@ async function rr(e, t) {
 }
 //#endregion
 //#region src/components/MessageAttachment/File/index.tsx
-var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a }) => a && a.length > 0 ? a : e ? [{
+var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a }) => a && a.length > 0 ? a : e ? [{
 	src: e,
 	filename: t,
 	fileSize: n,
 	mimeType: r,
 	title: i
-}] : [], ar = ({ variant: e, item: t, index: n, onActivate: r, trailingAction: i }) => {
+}] : [], cr = ({ variant: e, item: t, index: n, onActivate: r, trailingAction: i }) => {
 	let a = t.filename ?? Q(t.src);
-	return /* @__PURE__ */ W(nr, {
+	return /* @__PURE__ */ W(ar, {
 		variant: e,
 		filename: a,
 		title: t.title,
@@ -1550,8 +1552,8 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		activateLabel: `Download ${a}`,
 		trailingAction: i
 	});
-}, or = ({ state: e, src: t, filename: n, fileSize: r, mimeType: i, title: a, items: o, text: s, groupPosition: c, onClick: l, onDismiss: u }) => {
-	let d = Un(e), f = e === "composer" && !!u, p = ir({
+}, lr = ({ state: e, src: t, filename: n, fileSize: r, mimeType: i, title: a, items: o, text: s, groupPosition: c, onClick: l, onDismiss: u }) => {
+	let d = Kn(e), f = e === "composer" && !!u, p = sr({
 		src: t,
 		filename: n,
 		fileSize: r,
@@ -1563,55 +1565,55 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		let t = p[e];
 		if (!t) return;
 		let n = t.filename ?? Q(t.src);
-		rr(t.src, n);
+		or(t.src, n);
 	};
 	if (p.length === 0) return null;
 	let h = /* @__PURE__ */ W("span", {
-		className: J("flex size-8 items-center justify-center rounded-full", d === "dark" ? "text-white/70" : "text-black/70"),
+		className: Y("flex size-8 items-center justify-center rounded-full", d === "dark" ? "text-white/70" : "text-black/70"),
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ W(je, {
+		children: /* @__PURE__ */ W(Me, {
 			className: "size-5",
 			weight: "bold"
 		})
 	});
-	return /* @__PURE__ */ W(Vn, {
+	return /* @__PURE__ */ W(Wn, {
 		variant: d,
 		text: s,
 		groupPosition: c,
 		"data-testid": "file-attachment",
 		children: /* @__PURE__ */ W("div", {
 			className: "flex flex-col gap-2",
-			children: p.map((e, t) => /* @__PURE__ */ W(ar, {
+			children: p.map((e, t) => /* @__PURE__ */ W(cr, {
 				variant: d,
 				item: e,
 				index: t,
 				onActivate: m,
-				trailingAction: f && t === 0 ? /* @__PURE__ */ W(Hn, {
+				trailingAction: f && t === 0 ? /* @__PURE__ */ W(Gn, {
 					onClick: u,
 					variant: "inline"
 				}) : h
 			}, `${e.src}-${t}`))
 		})
 	});
-}, sr = {
-	Composer: (e) => /* @__PURE__ */ W(or, {
+}, ur = {
+	Composer: (e) => /* @__PURE__ */ W(lr, {
 		...e,
 		state: "composer"
 	}),
-	Sent: (e) => /* @__PURE__ */ W(or, {
+	Sent: (e) => /* @__PURE__ */ W(lr, {
 		...e,
 		state: "sent"
 	}),
-	Received: (e) => /* @__PURE__ */ W(or, {
+	Received: (e) => /* @__PURE__ */ W(lr, {
 		...e,
 		state: "received"
 	})
-}, cr = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", lr = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", ur = ({ onPrev: e, onNext: t, prevLabel: n = "Previous", nextLabel: r = "Next" }) => /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("button", {
+}, dr = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", fr = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", pr = ({ onPrev: e, onNext: t, prevLabel: n = "Previous", nextLabel: r = "Next" }) => /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("button", {
 	type: "button",
 	onClick: e,
 	"aria-label": n,
-	className: `${lr} left-4`,
-	children: /* @__PURE__ */ W(Y, {
+	className: `${fr} left-4`,
+	children: /* @__PURE__ */ W(Oe, {
 		size: 20,
 		weight: "bold",
 		"aria-hidden": !0
@@ -1620,40 +1622,40 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 	type: "button",
 	onClick: t,
 	"aria-label": r,
-	className: `${lr} right-4`,
-	children: /* @__PURE__ */ W(Ee, {
+	className: `${fr} right-4`,
+	children: /* @__PURE__ */ W(ke, {
 		size: 20,
 		weight: "bold",
 		"aria-hidden": !0
 	})
-})] }), dr = ({ url: e, filename: t, variant: n = "pill", label: r = "Download", iconOnly: i, tone: a = "dark", onTriggered: o }) => {
-	let [c, l] = p(!1), u = s((n) => {
-		n.stopPropagation(), !c && (l(!0), rr(e, t).catch(() => {}).finally(() => {
-			l(!1), o?.();
+})] }), mr = ({ url: e, filename: t, variant: n = "pill", label: r = "Download", iconOnly: i, tone: a = "dark", onTriggered: o }) => {
+	let [s, c] = h(!1), u = l((n) => {
+		n.stopPropagation(), !s && (c(!0), or(e, t).catch(() => {}).finally(() => {
+			c(!1), o?.();
 		}));
 	}, [
-		c,
+		s,
 		e,
 		t,
 		o
 	]), d = i ?? n !== "pill", f = {
-		className: J(n === "pill" ? "size-4" : "size-5", "shrink-0"),
+		className: Y(n === "pill" ? "size-4" : "size-5", "shrink-0"),
 		weight: "bold"
 	};
 	return n === "inline" ? /* @__PURE__ */ W("button", {
 		type: "button",
 		onClick: u,
-		disabled: c,
+		disabled: s,
 		"aria-label": r,
-		className: J("flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70", {
+		className: Y("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",
 			light: "text-black/70 hover:bg-black/[0.08] hover:text-black"
 		}[a]),
-		children: c ? /* @__PURE__ */ W(Oe, {
+		children: s ? /* @__PURE__ */ W(je, {
 			className: "size-4 animate-spin",
 			weight: "bold",
 			"aria-hidden": !0
-		}) : /* @__PURE__ */ W(je, {
+		}) : /* @__PURE__ */ W(Me, {
 			className: "size-5 shrink-0",
 			weight: "bold",
 			"aria-hidden": !0
@@ -1661,10 +1663,10 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 	}) : n === "viewer" ? /* @__PURE__ */ W("button", {
 		type: "button",
 		onClick: u,
-		disabled: c,
+		disabled: s,
 		"aria-label": r,
-		className: cr,
-		children: W(c ? Oe : je, {
+		className: dr,
+		children: W(s ? je : Me, {
 			size: 20,
 			weight: "bold",
 			"aria-hidden": !0
@@ -1672,55 +1674,55 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 	}) : /* @__PURE__ */ G("button", {
 		type: "button",
 		onClick: u,
-		disabled: c,
+		disabled: s,
 		"aria-label": d ? r : void 0,
-		className: J("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", a === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"),
-		children: [c ? /* @__PURE__ */ W(Oe, {
+		className: Y("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", a === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"),
+		children: [s ? /* @__PURE__ */ W(je, {
 			className: "size-4 animate-spin",
 			weight: "bold",
 			"aria-hidden": !0
-		}) : /* @__PURE__ */ W(je, {
+		}) : /* @__PURE__ */ W(Me, {
 			...f,
 			"aria-hidden": !0
 		}), d ? null : r]
 	});
-}, fr = (e, t, n) => Math.min(Math.max(e, t), n), pr = ({ length: e, initialIndex: t, open: n }) => {
-	let r = fr(t, 0, Math.max(e - 1, 0)), [i, a] = p(r);
-	l(() => {
-		n && a(fr(t, 0, Math.max(e - 1, 0)));
+}, hr = (e, t, n) => Math.min(Math.max(e, t), n), gr = ({ length: e, initialIndex: t, open: n }) => {
+	let r = hr(t, 0, Math.max(e - 1, 0)), [i, a] = h(r);
+	d(() => {
+		n && a(hr(t, 0, Math.max(e - 1, 0)));
 	}, [
 		n,
 		t,
 		e
-	]), l(() => {
-		a((t) => fr(t, 0, Math.max(e - 1, 0)));
+	]), d(() => {
+		a((t) => hr(t, 0, Math.max(e - 1, 0)));
 	}, [e]);
-	let o = s(() => {
+	let o = l(() => {
 		e <= 1 || a((t) => t <= 0 ? e - 1 : t - 1);
-	}, [e]), c = s(() => {
+	}, [e]), s = l(() => {
 		e <= 1 || a((t) => t >= e - 1 ? 0 : t + 1);
 	}, [e]);
-	return l(() => {
+	return d(() => {
 		if (!n || e <= 1) return;
 		let t = (e) => {
 			if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 			let t = document.activeElement;
-			t && (t.tagName === "VIDEO" || t.tagName === "AUDIO") || (e.preventDefault(), e.key === "ArrowLeft" ? o() : c());
+			t && (t.tagName === "VIDEO" || t.tagName === "AUDIO") || (e.preventDefault(), e.key === "ArrowLeft" ? o() : s());
 		};
 		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
 	}, [
 		n,
 		e,
 		o,
-		c
+		s
 	]), {
 		index: i,
 		prev: o,
-		next: c
+		next: s
 	};
-}, mr = ({ open: e, onClose: t, ariaLabel: n, counter: r, actions: i, children: a, "data-testid": o }) => {
-	let s = f(null), c = f(null);
-	return l(() => {
+}, _r = ({ open: e, onClose: t, ariaLabel: n, counter: r, actions: i, children: a, "data-testid": o }) => {
+	let s = m(null), c = m(null);
+	return d(() => {
 		let t = s.current;
 		if (t) {
 			if (e) {
@@ -1777,8 +1779,8 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 					type: "button",
 					onClick: t,
 					"aria-label": "Close viewer",
-					className: cr,
-					children: /* @__PURE__ */ W(We, {
+					className: dr,
+					children: /* @__PURE__ */ W(qe, {
 						size: 20,
 						weight: "bold",
 						"aria-hidden": !0
@@ -1790,18 +1792,18 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			children: a
 		})]
 	});
-}, hr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
-	let { index: i, prev: a, next: o } = pr({
+}, vr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
+	let { index: i, prev: a, next: o } = gr({
 		length: t.length,
 		initialIndex: n,
 		open: e
-	}), s = t[i], c = d(() => s?.filename ?? (s ? Q(s.src) : "image"), [s]);
-	return s ? /* @__PURE__ */ G(mr, {
+	}), s = t[i], c = p(() => s?.filename ?? (s ? Q(s.src) : "image"), [s]);
+	return s ? /* @__PURE__ */ G(_r, {
 		open: e,
 		onClose: r,
 		ariaLabel: c,
 		counter: t.length > 1 ? `${i + 1} / ${t.length}` : void 0,
-		actions: /* @__PURE__ */ W(dr, {
+		actions: /* @__PURE__ */ W(mr, {
 			url: s.src,
 			filename: c,
 			variant: "viewer",
@@ -1814,14 +1816,14 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			draggable: !1,
 			decoding: "async",
 			className: "block h-auto max-h-[calc(100dvh-128px)] w-auto max-w-[min(96vw,1400px)] select-none object-contain"
-		}, `${i}:${s.src}`) : null, t.length > 1 ? /* @__PURE__ */ W(ur, {
+		}, `${i}:${s.src}`) : null, t.length > 1 ? /* @__PURE__ */ W(pr, {
 			onPrev: a,
 			onNext: o,
 			prevLabel: "Previous image",
 			nextLabel: "Next image"
 		}) : null]
 	}) : null;
-}, gr = "relative block size-full overflow-hidden bg-black/5 outline-none after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-white/80 focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-black", _r = {
+}, yr = "relative block size-full overflow-hidden bg-black/5 outline-none after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-white/80 focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-black", br = {
 	1: ["rounded-[18px]"],
 	2: ["rounded-l-[18px]", "rounded-r-[18px]"],
 	3: [
@@ -1835,19 +1837,20 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		"rounded-bl-[18px]",
 		"rounded-br-[18px]"
 	]
-}, vr = "--mes-single-width-cap", yr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", br = 436, xr = ({ tiles: e, onTileActivate: t, maxVisible: n = 4, singleAspectRatio: r, className: i }) => {
+}, xr = "--mes-single-width-cap", Sr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", Cr = 436, wr = ({ tiles: e, onTileActivate: t, maxVisible: n = 4, singleAspectRatio: r, className: i }) => {
 	let a = e.length;
 	if (a === 0) return null;
 	let o = e.slice(0, Math.min(a, n)), s = a - o.length, c = s > 0 ? /* @__PURE__ */ G("div", {
-		className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white",
+		"aria-hidden": !0,
+		className: "absolute inset-0 flex items-center justify-center bg-[#040403]/50 text-2xl font-bold leading-[28px] tracking-[-0.24px] text-white",
 		children: ["+", s]
 	}) : null, l = (e, n, r) => {
-		let i = J(gr, "h-full w-full", _r[o.length]?.[n]);
+		let i = Y(yr, "h-full w-full", br[o.length]?.[n]);
 		return t ? /* @__PURE__ */ G("button", {
 			type: "button",
 			onClick: () => t(n),
 			"aria-label": e.ariaLabel ?? `Open media ${n + 1}`,
-			className: J(i, "cursor-zoom-in"),
+			className: Y(i, e.cursorClassName ?? "cursor-zoom-in"),
 			children: [e.content, r]
 		}, n) : /* @__PURE__ */ G("div", {
 			className: i,
@@ -1856,17 +1859,17 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 	}, u;
 	return r && (u = {
 		aspectRatio: r,
-		width: `min(var(${vr}), ${Math.round(br * r * 100) / 100}px)`,
+		width: `min(var(${xr}), ${Math.round(Cr * r * 100) / 100}px)`,
 		maxWidth: "100%"
 	}), o.length === 1 ? /* @__PURE__ */ W("div", {
-		className: J(r ? yr : "aspect-square w-full", i),
+		className: Y(r ? Sr : "aspect-square w-full", i),
 		style: u,
 		children: l(o[0], 0, c)
 	}) : o.length === 2 ? /* @__PURE__ */ W("div", {
-		className: J("grid aspect-[16/9] w-full grid-cols-2 gap-0.5", i),
+		className: Y("grid aspect-[16/9] w-full grid-cols-2 gap-0.5", i),
 		children: o.map((e, t) => l(e, t, t === o.length - 1 ? c : null))
 	}) : o.length === 3 ? /* @__PURE__ */ G("div", {
-		className: J("grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5", i),
+		className: Y("grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5", i),
 		children: [
 			/* @__PURE__ */ W("div", {
 				className: "row-span-2",
@@ -1876,45 +1879,59 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			l(o[2], 2, c)
 		]
 	}) : /* @__PURE__ */ W("div", {
-		className: J("grid aspect-[379/286] w-full grid-cols-2 grid-rows-2 gap-0.5", i),
+		className: Y("grid aspect-[379/286] w-full grid-cols-2 grid-rows-2 gap-0.5", i),
 		children: o.map((e, t) => {
 			let n = s > 0 && t === o.length - 1;
 			return l(e, t, n ? c : null);
 		})
 	});
-}, Sr = (e) => {
-	let [t, n] = p(!1), [r, i] = p(0);
+}, Tr = ({ src: e, suppliedRatio: t, fallbackRatio: n }) => {
+	let [r, i] = o.useState(), a = o.useCallback((t) => {
+		if (!t || t.naturalWidth <= 0 || t.naturalHeight <= 0 || e === void 0) return;
+		let n = t.naturalWidth / t.naturalHeight;
+		i((t) => t && t.src === e && t.ratio === n ? t : {
+			src: e,
+			ratio: n
+		});
+	}, [e]), s = o.useCallback((e) => a(e.currentTarget), [a]), c = r && r.src === e ? r.ratio : void 0;
+	return {
+		ratio: t ?? c ?? n,
+		imgRef: a,
+		onLoad: s
+	};
+}, Er = (e) => {
+	let [t, n] = h(!1), [r, i] = h(0);
 	return {
 		viewerOpen: t,
 		viewerIndex: r,
-		handleActivate: s((t) => {
+		handleActivate: l((t) => {
 			e?.(t) !== !1 && (i(t), n(!0));
 		}, [e]),
-		closeViewer: s(() => n(!1), [])
+		closeViewer: l(() => n(!1), [])
 	};
-}, Cr = ({ item: t, index: n, totalCount: r, fallbackLoading: i, imgRef: a, onLoad: o }) => ({
-	ariaLabel: `Open image ${n + 1} of ${r}`,
+}, Dr = ({ item: e, index: t, totalCount: n, fallbackLoading: r, imgRef: i, onLoad: o }) => ({
+	ariaLabel: `Open image ${t + 1} of ${n}`,
 	content: /* @__PURE__ */ W("img", {
-		ref: a,
-		src: e(t.src) ?? t.src,
-		alt: t.alt ?? "",
-		width: t.width,
-		height: t.height,
+		ref: i,
+		src: a(e.src) ?? e.src,
+		alt: e.alt ?? "",
+		width: e.width,
+		height: e.height,
 		draggable: !1,
-		loading: t.loading ?? i,
+		loading: e.loading ?? r,
 		decoding: "async",
 		onLoad: o,
 		className: "absolute inset-0 size-full object-cover"
 	})
-}), wr = ({ src: e, alt: t, items: n }) => n && n.length > 0 ? n : e ? [{
+}), Or = ({ src: e, alt: t, items: n }) => n && n.length > 0 ? n : e ? [{
 	src: e,
 	alt: t
-}] : [], Tr = (e, t) => e.map((n, r) => ({
+}] : [], kr = (e, t) => e.map((n, r) => ({
 	src: n.src,
 	alt: n.alt,
 	filename: t && e.length === 1 ? t : t ? `${t} (${r + 1})` : void 0
-})), Er = ({ src: t, alt: n, filename: r, loading: i = "lazy", onClick: a, onDismiss: o }) => {
-	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Sr(a);
+})), Ar = ({ src: e, alt: t, filename: n, loading: r = "lazy", onClick: i, onDismiss: o }) => {
+	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Er(i);
 	return /* @__PURE__ */ G("div", {
 		className: "relative w-fit",
 		children: [
@@ -1924,59 +1941,49 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 				"aria-label": "Open image",
 				className: "block size-[280px] cursor-zoom-in overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
 				children: /* @__PURE__ */ W("img", {
-					src: e(t) ?? t,
-					alt: n ?? "",
+					src: a(e) ?? e,
+					alt: t ?? "",
 					draggable: !1,
-					loading: i,
+					loading: r,
 					decoding: "async",
 					className: "size-full object-cover"
 				})
 			}),
 			o ? /* @__PURE__ */ W("div", {
 				className: "absolute right-2 top-2 z-10",
-				children: /* @__PURE__ */ W(Hn, { onClick: o })
+				children: /* @__PURE__ */ W(Gn, { onClick: o })
 			}) : null,
-			/* @__PURE__ */ W(hr, {
+			/* @__PURE__ */ W(vr, {
 				open: s,
-				items: Tr([{
-					src: t,
-					alt: n
-				}], r),
+				items: kr([{
+					src: e,
+					alt: t
+				}], n),
 				initialIndex: c,
 				onClose: u
 			})
 		]
 	});
-}, Dr = 326 / 246, Or = (e) => {
-	let t = e?.src, [n, r] = i.useState(), a = i.useCallback((e) => {
-		if (!e || e.naturalWidth <= 0 || e.naturalHeight <= 0 || t === void 0) return;
-		let n = e.naturalWidth / e.naturalHeight;
-		r((e) => e && e.src === t && e.ratio === n ? e : {
-			src: t,
-			ratio: n
-		});
-	}, [t]), o = i.useCallback((e) => a(e.currentTarget), [a]), s = e?.width && e?.height ? e.width / e.height : void 0, c = n && n.src === t ? n.ratio : void 0;
-	return {
-		ratio: s ?? c ?? Dr,
-		imgRef: a,
-		onLoad: o
-	};
-}, kr = ({ state: e, src: t, alt: n, filename: r, items: i, text: a, groupPosition: o, loading: s = "lazy", onClick: c }) => {
-	let l = wr({
+}, jr = 326 / 246, Mr = ({ state: e, src: t, alt: n, filename: r, items: i, text: a, groupPosition: o, loading: s = "lazy", onClick: c }) => {
+	let l = Or({
 		src: t,
 		alt: n,
 		items: i
-	}), u = Un(e), { viewerOpen: d, viewerIndex: f, handleActivate: p, closeViewer: m } = Sr(c), h = l.length === 1, g = Or(h ? l[0] : void 0);
+	}), u = Kn(e), { viewerOpen: d, viewerIndex: f, handleActivate: p, closeViewer: m } = Er(c), h = l.length === 1, g = h ? l[0] : void 0, _ = Tr({
+		src: g?.src,
+		suppliedRatio: g?.width && g?.height ? g.width / g.height : void 0,
+		fallbackRatio: jr
+	});
 	if (l.length === 0) return null;
-	let _ = l.map((e, t) => Cr({
+	let v = l.map((e, t) => Dr({
 		item: e,
 		index: t,
 		totalCount: l.length,
 		fallbackLoading: s,
-		imgRef: h ? g.imgRef : void 0,
-		onLoad: h ? g.onLoad : void 0
+		imgRef: h ? _.imgRef : void 0,
+		onLoad: h ? _.onLoad : void 0
 	}));
-	return /* @__PURE__ */ G(Vn, {
+	return /* @__PURE__ */ G(Wn, {
 		variant: u,
 		text: a,
 		groupPosition: o,
@@ -1987,35 +1994,35 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		"data-testid": "image-attachment",
 		children: [/* @__PURE__ */ W("div", {
 			className: "relative",
-			children: /* @__PURE__ */ W(xr, {
-				tiles: _,
+			children: /* @__PURE__ */ W(wr, {
+				tiles: v,
 				onTileActivate: p,
-				singleAspectRatio: h ? g.ratio : void 0
+				singleAspectRatio: h ? _.ratio : void 0
 			})
-		}), /* @__PURE__ */ W(hr, {
+		}), /* @__PURE__ */ W(vr, {
 			open: d,
-			items: Tr(l, r),
+			items: kr(l, r),
 			initialIndex: f,
 			onClose: m
 		})]
 	});
-}, Ar = {
-	Composer: (e) => /* @__PURE__ */ W(Er, { ...e }),
-	Sent: (e) => /* @__PURE__ */ W(kr, {
+}, Nr = {
+	Composer: (e) => /* @__PURE__ */ W(Ar, { ...e }),
+	Sent: (e) => /* @__PURE__ */ W(Mr, {
 		...e,
 		state: "sent"
 	}),
-	Received: (e) => /* @__PURE__ */ W(kr, {
+	Received: (e) => /* @__PURE__ */ W(Mr, {
 		...e,
 		state: "received"
 	})
-}, jr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
-	let { index: i, prev: a, next: o } = pr({
+}, Pr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
+	let { index: i, prev: a, next: o } = gr({
 		length: t.length,
 		initialIndex: n,
 		open: e
-	}), s = t[i], c = d(() => s?.filename ?? (s ? Q(s.src) : "document"), [s]), l = d(() => s ? Mr(s.src) : void 0, [s]);
-	return !s || !l ? null : /* @__PURE__ */ G(mr, {
+	}), s = t[i], c = p(() => s?.filename ?? (s ? Q(s.src) : "document"), [s]), l = p(() => s ? Fr(s.src) : void 0, [s]);
+	return !s || !l ? null : /* @__PURE__ */ G(_r, {
 		open: e,
 		onClose: r,
 		ariaLabel: c,
@@ -2026,24 +2033,24 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			title: c,
 			className: "block h-[calc(100dvh-128px)] w-[min(96vw,1400px)] border-0 bg-white",
 			sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
-		}, `${i}:${s.src}`), t.length > 1 ? /* @__PURE__ */ W(ur, {
+		}, `${i}:${s.src}`), t.length > 1 ? /* @__PURE__ */ W(pr, {
 			onPrev: a,
 			onNext: o,
 			prevLabel: "Previous document",
 			nextLabel: "Next document"
 		}) : null]
 	});
-}, Mr = (e) => {
+}, Fr = (e) => {
 	let t = e.indexOf("#"), n = t === -1 ? e : e.slice(0, t), r = t === -1 ? "" : e.slice(t + 1), i = new URLSearchParams(r);
 	return i.has("toolbar") || i.set("toolbar", "0"), i.has("navpanes") || i.set("navpanes", "0"), `${n}#${i.toString()}`;
-}, Nr = ({ src: e, filename: t, fileSize: n, title: r, items: i }) => i && i.length > 0 ? i : e ? [{
+}, Ir = ({ src: e, filename: t, fileSize: n, title: r, items: i }) => i && i.length > 0 ? i : e ? [{
 	src: e,
 	filename: t,
 	fileSize: n,
 	title: r
-}] : [], Pr = ({ variant: e, item: t, index: n, onActivate: r, trailingAction: i }) => {
+}] : [], Lr = ({ variant: e, item: t, index: n, onActivate: r, trailingAction: i }) => {
 	let a = t.filename ?? Q(t.src);
-	return /* @__PURE__ */ W(nr, {
+	return /* @__PURE__ */ W(ar, {
 		variant: e,
 		filename: a,
 		title: t.title,
@@ -2053,20 +2060,20 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		activateLabel: `Open ${a}`,
 		trailingAction: i
 	});
-}, Fr = ({ state: e, src: t, filename: n, fileSize: r, title: i, items: a, text: o, groupPosition: s, onClick: c, onDismiss: l }) => {
-	let u = Un(e), d = Nr({
+}, Rr = ({ state: e, src: t, filename: n, fileSize: r, title: i, items: a, text: o, groupPosition: s, onClick: c, onDismiss: l }) => {
+	let u = Kn(e), d = Ir({
 		src: t,
 		filename: n,
 		fileSize: r,
 		title: i,
 		items: a
-	}), { viewerOpen: f, viewerIndex: p, handleActivate: m, closeViewer: h } = Sr(c), g = e === "composer" && !!l;
+	}), { viewerOpen: f, viewerIndex: p, handleActivate: m, closeViewer: h } = Er(c), g = e === "composer" && !!l;
 	if (d.length === 0) return null;
 	let _ = d.map((e) => ({
 		src: e.src,
 		filename: e.filename ?? Q(e.src)
 	}));
-	return /* @__PURE__ */ G(Vn, {
+	return /* @__PURE__ */ G(Wn, {
 		variant: u,
 		text: o,
 		groupPosition: s,
@@ -2074,17 +2081,17 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		children: [/* @__PURE__ */ W("div", {
 			className: "flex flex-col gap-2",
 			children: d.map((t, n) => {
-				let r = t.filename ?? Q(t.src), i = g && n === 0 ? /* @__PURE__ */ W(Hn, {
+				let r = t.filename ?? Q(t.src), i = g && n === 0 ? /* @__PURE__ */ W(Gn, {
 					onClick: l,
 					variant: "inline"
-				}) : e === "composer" ? void 0 : /* @__PURE__ */ W(dr, {
+				}) : e === "composer" ? void 0 : /* @__PURE__ */ W(mr, {
 					url: t.src,
 					filename: r,
 					variant: "inline",
 					label: `Download ${r}`,
 					tone: u
 				});
-				return /* @__PURE__ */ W(Pr, {
+				return /* @__PURE__ */ W(Lr, {
 					variant: u,
 					item: t,
 					index: n,
@@ -2092,107 +2099,126 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 					trailingAction: i
 				}, `${t.src}-${n}`);
 			})
-		}), /* @__PURE__ */ W(jr, {
+		}), /* @__PURE__ */ W(Pr, {
 			open: f,
 			items: _,
 			initialIndex: p,
 			onClose: h
 		})]
 	});
-}, Ir = {
-	Composer: (e) => /* @__PURE__ */ W(Fr, {
+}, zr = {
+	Composer: (e) => /* @__PURE__ */ W(Rr, {
 		...e,
 		state: "composer"
 	}),
-	Sent: (e) => /* @__PURE__ */ W(Fr, {
+	Sent: (e) => /* @__PURE__ */ W(Rr, {
 		...e,
 		state: "sent"
 	}),
-	Received: (e) => /* @__PURE__ */ W(Fr, {
+	Received: (e) => /* @__PURE__ */ W(Rr, {
 		...e,
 		state: "received"
 	})
-}, Lr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
-	let { index: i, prev: a, next: o } = pr({
+}, Br = 150, Vr = ({ open: e, items: t, initialIndex: n = 0, onClose: i }) => {
+	let { index: a, prev: o, next: s } = gr({
 		length: t.length,
 		initialIndex: n,
 		open: e
-	}), s = t[i], c = d(() => s?.filename ?? (s ? Q(s.src) : "video"), [s]);
-	return s ? /* @__PURE__ */ G(mr, {
+	}), c = m(null), l = pe();
+	d(() => {
+		e && (l?.pause(), r(c.current));
+	}, [e, l]);
+	let [u, f] = h(e);
+	e && !u && f(!0), d(() => {
+		if (e || !u) return;
+		c.current?.pause();
+		let t = window.setTimeout(() => f(!1), Br);
+		return () => window.clearTimeout(t);
+	}, [e, u]);
+	let g = t[a], _ = p(() => g?.filename ?? (g ? Q(g.src) : "video"), [g]);
+	return g ? /* @__PURE__ */ G(_r, {
 		open: e,
-		onClose: r,
-		ariaLabel: c,
-		counter: t.length > 1 ? `${i + 1} / ${t.length}` : void 0,
+		onClose: i,
+		ariaLabel: _,
+		counter: t.length > 1 ? `${a + 1} / ${t.length}` : void 0,
 		"data-testid": "video-viewer",
-		children: [/* @__PURE__ */ W("video", {
-			src: s.src,
-			poster: s.poster,
+		children: [u ? /* @__PURE__ */ W("video", {
+			ref: c,
+			src: g.src,
+			poster: g.poster,
 			controls: !0,
 			autoPlay: !0,
 			muted: !0,
 			playsInline: !0,
-			preload: s.preload ?? "metadata",
+			preload: g.preload ?? "metadata",
 			className: "block h-auto max-h-[calc(100dvh-128px)] w-auto max-w-[min(96vw,1400px)] bg-black",
-			children: s.mimeType ? /* @__PURE__ */ W("source", {
-				src: s.src,
-				type: s.mimeType
+			children: g.mimeType ? /* @__PURE__ */ W("source", {
+				src: g.src,
+				type: g.mimeType
 			}) : null
-		}, `${i}:${s.src}`), t.length > 1 ? /* @__PURE__ */ W(ur, {
-			onPrev: a,
-			onNext: o,
+		}, `${a}:${g.src}`) : null, t.length > 1 ? /* @__PURE__ */ W(pr, {
+			onPrev: o,
+			onNext: s,
 			prevLabel: "Previous video",
 			nextLabel: "Next video"
 		}) : null]
 	}) : null;
-}, Rr = () => /* @__PURE__ */ W("div", {
+}, Hr = 1, Ur = 4 / 5, Wr = 16 / 9, Gr = () => /* @__PURE__ */ W("div", {
 	className: "pointer-events-none absolute inset-0 flex items-center justify-center",
 	children: /* @__PURE__ */ W("span", {
-		className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur",
-		children: /* @__PURE__ */ W(Pe, {
+		className: "flex size-12 items-center justify-center rounded-full bg-black/25 text-white backdrop-blur-[20px]",
+		children: /* @__PURE__ */ W(Le, {
 			className: "size-6",
 			weight: "fill",
 			"aria-hidden": !0
 		})
 	})
-}), zr = ({ item: e, index: t }) => /* @__PURE__ */ G("div", {
+}), Kr = ({ item: e, index: t, showPlayBadge: n = !0, imgRef: r, onLoad: i }) => /* @__PURE__ */ G("div", {
 	className: "absolute inset-0 size-full bg-[#0d0d0d]",
 	children: [e.poster ? /* @__PURE__ */ W("img", {
+		ref: r,
 		src: e.poster,
 		alt: `Video ${t + 1} thumbnail`,
 		draggable: !1,
 		loading: "lazy",
 		decoding: "async",
+		onLoad: i,
 		className: "absolute inset-0 size-full object-cover"
 	}) : /* @__PURE__ */ W("div", {
 		className: "absolute inset-0 flex items-center justify-center",
-		children: /* @__PURE__ */ W(He, {
+		children: /* @__PURE__ */ W(Ge, {
 			className: "size-16 text-white/30",
 			weight: "regular",
 			"aria-hidden": !0
 		})
-	}), /* @__PURE__ */ W(Rr, {})]
-}), Br = (e, t, n) => ({
+	}), n ? /* @__PURE__ */ W(Gr, {}) : null]
+}), qr = ({ item: e, index: t, totalCount: n, isOverflowTile: r, imgRef: i, onLoad: a }) => ({
 	ariaLabel: `Play video ${t + 1} of ${n}`,
-	content: /* @__PURE__ */ W(zr, {
+	cursorClassName: "cursor-pointer",
+	content: /* @__PURE__ */ W(Kr, {
 		item: e,
-		index: t
+		index: t,
+		showPlayBadge: !r,
+		imgRef: i,
+		onLoad: a
 	})
-}), Vr = ({ src: e, poster: t, mimeType: n, preload: r, items: i }) => i && i.length > 0 ? r ? i.map((e) => ({
+}), Jr = ({ src: e, poster: t, mimeType: n, preload: r, naturalAspectRatio: i, items: a }) => a && a.length > 0 ? r ? a.map((e) => ({
 	...e,
 	preload: e.preload ?? r
-})) : i : e ? [{
+})) : a : e ? [{
 	src: e,
 	poster: t,
 	mimeType: n,
-	preload: r
-}] : [], Hr = (e, t) => e.map((n, r) => ({
+	preload: r,
+	naturalAspectRatio: i
+}] : [], Yr = (e, t) => e.map((n, r) => ({
 	src: n.src,
 	poster: n.poster,
 	mimeType: n.mimeType,
 	preload: n.preload,
 	filename: t && e.length === 1 ? t : t ? `${t} (${r + 1})` : void 0
-})), Ur = ({ src: e, poster: t, mimeType: n, filename: r, preload: i, onClick: a, onDismiss: o }) => {
-	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Sr(a);
+})), Xr = ({ src: e, poster: t, mimeType: n, filename: r, preload: i, onClick: a, onDismiss: o }) => {
+	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Er(a);
 	return /* @__PURE__ */ G("div", {
 		className: "relative w-fit",
 		children: [
@@ -2201,7 +2227,7 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 				onClick: () => l(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__ */ W(zr, {
+				children: /* @__PURE__ */ W(Kr, {
 					item: {
 						src: e,
 						poster: t,
@@ -2212,11 +2238,11 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			}),
 			o ? /* @__PURE__ */ W("div", {
 				className: "absolute right-2 top-2 z-10",
-				children: /* @__PURE__ */ W(Hn, { onClick: o })
+				children: /* @__PURE__ */ W(Gn, { onClick: o })
 			}) : null,
-			/* @__PURE__ */ W(Lr, {
+			/* @__PURE__ */ W(Vr, {
 				open: s,
-				items: Hr([{
+				items: Yr([{
 					src: e,
 					poster: t,
 					mimeType: n,
@@ -2227,85 +2253,106 @@ var ir = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			})
 		]
 	});
-}, Wr = ({ state: e, src: t, poster: n, mimeType: r, filename: i, items: a, text: o, groupPosition: s, preload: c, onClick: l }) => {
-	let u = Vr({
+}, Zr = ({ state: e, src: t, poster: n, mimeType: r, filename: i, items: a, text: o, groupPosition: s, preload: c, naturalAspectRatio: l, onClick: u }) => {
+	let d = Jr({
 		src: t,
 		poster: n,
 		mimeType: r,
 		preload: c,
+		naturalAspectRatio: l,
 		items: a
-	}), d = Un(e), { viewerOpen: f, viewerIndex: p, handleActivate: m, closeViewer: h } = Sr(l);
-	if (u.length === 0) return null;
-	let g = u.map((e, t) => Br(e, t, u.length));
-	return /* @__PURE__ */ G(Vn, {
-		variant: d,
+	}), f = Kn(e), { viewerOpen: p, viewerIndex: m, handleActivate: h, closeViewer: g } = Er(u), _ = d.length === 1, v = _ ? d[0] : void 0, y = Tr({
+		src: v?.poster,
+		suppliedRatio: v?.naturalAspectRatio,
+		fallbackRatio: Hr
+	});
+	if (d.length === 0) return null;
+	let b = d.length > 4 ? 3 : -1, x = d.map((e, t) => qr({
+		item: e,
+		index: t,
+		totalCount: d.length,
+		isOverflowTile: t === b,
+		imgRef: _ ? y.imgRef : void 0,
+		onLoad: _ ? y.onLoad : void 0
+	})), S = Math.min(Math.max(y.ratio, Ur), Wr);
+	return /* @__PURE__ */ G(Wn, {
+		variant: f,
 		text: o,
 		groupPosition: s,
+		bordered: !1,
+		widthClassName: _ ? "w-fit max-w-[313px] sm:max-w-[330px]" : "w-[383px] max-w-full",
+		paddingClassName: "p-0.5",
+		radiusClassName: s && s !== "single" ? void 0 : "rounded-[20px]",
 		"data-testid": "video-attachment",
 		children: [/* @__PURE__ */ W("div", {
 			className: "relative",
-			children: /* @__PURE__ */ W(xr, {
-				tiles: g,
-				onTileActivate: m
+			children: /* @__PURE__ */ W(wr, {
+				tiles: x,
+				onTileActivate: h,
+				singleAspectRatio: _ ? S : void 0
 			})
-		}), /* @__PURE__ */ W(Lr, {
-			open: f,
-			items: Hr(u, i),
-			initialIndex: p,
-			onClose: h
+		}), /* @__PURE__ */ W(Vr, {
+			open: p,
+			items: Yr(d, i),
+			initialIndex: m,
+			onClose: g
 		})]
 	});
-}, Gr = {
-	Image: Ar,
+}, Qr = {
+	Image: Nr,
 	Video: {
-		Composer: (e) => /* @__PURE__ */ W(Ur, { ...e }),
-		Sent: (e) => /* @__PURE__ */ W(Wr, {
+		Composer: (e) => /* @__PURE__ */ W(Xr, { ...e }),
+		Sent: (e) => /* @__PURE__ */ W(Zr, {
 			...e,
 			state: "sent"
 		}),
-		Received: (e) => /* @__PURE__ */ W(Wr, {
+		Received: (e) => /* @__PURE__ */ W(Zr, {
 			...e,
 			state: "received"
 		})
 	},
-	Audio: Jn,
-	Pdf: Ir,
-	File: sr
+	Audio: Zn,
+	Pdf: zr,
+	File: ur
 };
 //#endregion
 //#region src/components/CustomMessage/StreamAttachmentMessage.tsx
 function $(e) {
 	return e?.trim() || void 0;
 }
-function Kr(e) {
+function $r(e) {
+	let { original_width: t, original_height: n } = e;
+	if (typeof t == "number" && typeof n == "number" && !(!Number.isFinite(t) || !Number.isFinite(n)) && !(t <= 0 || n <= 0)) return t / n;
+}
+function ei(e) {
 	return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function qr(e, t) {
+function ti(e, t) {
 	if (!e?.trim() || !t?.trim()) return !1;
-	let n = Kr(e), r = Kr(t);
+	let n = ei(e), r = ei(t);
 	if (n === r) return !0;
 	if (!n.includes(r)) return !1;
 	let i = n.split(r).join("");
 	return !/[^\p{P}\p{Z}\p{C}]/u.test(i);
 }
-function Jr(t) {
-	let n = $(t.og_scrape_url) ?? $(t.title_link), r = $(t.image_url) ?? $(t.thumb_url), i = $(t.asset_url), a = $(t.mime_type);
+function ni(e) {
+	let t = $(e.og_scrape_url) ?? $(e.title_link), n = $(e.image_url) ?? $(e.thumb_url), r = $(e.asset_url), i = $(e.mime_type);
 	return {
-		title: $(t.title),
-		description: $(t.text),
-		url: n,
-		thumbnailUrl: e(r),
-		sourceUrl: i,
-		layout: r || Sn(a, i) ? "featured" : "classic",
-		mimeType: a,
-		accentColor: $(t.accent_color),
+		title: $(e.title),
+		description: $(e.text),
+		url: t,
+		thumbnailUrl: a(n),
+		sourceUrl: r,
+		layout: n || Tn(i, r) ? "featured" : "classic",
+		mimeType: i,
+		accentColor: $(e.accent_color),
 		status: "ready"
 	};
 }
-function Yr(e) {
-	return Tt(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" : e.mime_type?.startsWith("audio/") ? "audio" : "file" : null;
+function ri(e) {
+	return Ot(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" : e.mime_type?.startsWith("audio/") ? "audio" : "file" : null;
 }
-function Xr(e) {
+function ii(e) {
 	if (!e?.length) return [];
 	let t = [], n = (e, n) => {
 		let r = t[t.length - 1];
@@ -2330,43 +2377,44 @@ function Xr(e) {
 		});
 	};
 	for (let t of e) {
-		if (Tt(t)) {
+		if (Ot(t)) {
 			r(t);
 			continue;
 		}
-		let e = Yr(t);
+		let e = ri(t);
 		e && n(e, t);
 	}
 	return t;
 }
-function Zr(e) {
+function ai(e) {
 	return e.filter((e) => e.type === "media").length;
 }
-function Qr(e, t, n) {
+function oi(e, t, n) {
 	return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function $r(e) {
+function si(e) {
 	return $(e.image_url) ?? $(e.asset_url) ?? "";
 }
-function ei(e) {
+function ci(e) {
 	switch (e) {
-		case "image": return Gr.Image;
-		case "video": return Gr.Video;
-		case "audio": return Gr.Audio;
-		case "pdf": return Gr.Pdf;
-		default: return Gr.File;
+		case "image": return Qr.Image;
+		case "video": return Qr.Video;
+		case "audio": return Qr.Audio;
+		case "pdf": return Qr.Pdf;
+		default: return Qr.File;
 	}
 }
-function ti(e, t) {
+function li(e, t) {
 	switch (e) {
 		case "image": return {
-			src: $r(t),
+			src: si(t),
 			alt: $(t.title)
 		};
 		case "video": return {
 			src: $(t.asset_url) ?? "",
-			poster: $(t.thumb_url),
-			mimeType: $(t.mime_type)
+			poster: a(t.thumb_url),
+			mimeType: $(t.mime_type),
+			naturalAspectRatio: $r(t)
 		};
 		case "audio": return {
 			src: $(t.asset_url) ?? "",
@@ -2386,30 +2434,30 @@ function ti(e, t) {
 		};
 	}
 }
-function ni(e, t) {
-	if (t.length > 1) return { items: t.map((t) => ti(e, t)) };
+function ui(e, t) {
+	if (t.length > 1) return { items: t.map((t) => li(e, t)) };
 	let n = t[0];
-	return n ? ti(e, n) : {};
+	return n ? li(e, n) : {};
 }
-function ri({ groupPosition: e, isMyMessage: t, segment: n }) {
-	let r = ei(n.kind), i = {
-		...ni(n.kind, n.attachments),
+function di({ groupPosition: e, isMyMessage: t, segment: n }) {
+	let r = ci(n.kind), i = {
+		...ui(n.kind, n.attachments),
 		groupPosition: e
 	};
 	return W(t ? r.Sent : r.Received, { ...i });
 }
-var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
-	let i = Xr(n.attachments);
+var fi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
+	let i = ii(n.attachments);
 	if (i.length === 0) return null;
-	let a = Zr(i), o = n.text?.trim(), s = i.find((e) => e.type === "link"), c = s?.type === "link" ? Jr(s.attachments[0] ?? {}).url : void 0, l = o && qr(o, c) ? void 0 : o, u = 0, d = [], f = l ? "middle" : e, p = e === "single" || e === "end", m = (e, n, r) => {
-		let i = t ? Fn.Sent : Fn.Received;
+	let a = ai(i), o = n.text?.trim(), s = i.find((e) => e.type === "link"), c = s?.type === "link" ? ni(s.attachments[0] ?? {}).url : void 0, l = o && ti(o, c) ? void 0 : o, u = 0, d = [], f = l ? "middle" : e, p = e === "single" || e === "end", m = (e, n, r) => {
+		let i = t ? Rn.Sent : Rn.Received;
 		d.push(/* @__PURE__ */ W(i, {
-			...Jr(e),
+			...ni(e),
 			groupPosition: r ? f : "middle"
 		}, n));
 	}, h = (n, r) => {
-		let i = Qr(u, a, e);
-		u += 1, d.push(/* @__PURE__ */ W(ri, {
+		let i = oi(u, a, e);
+		u += 1, d.push(/* @__PURE__ */ W(di, {
 			groupPosition: i,
 			isMyMessage: t,
 			segment: n
@@ -2435,99 +2483,99 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 				overflow: "visible",
 				padding: 0
 			},
-			children: [d, !l && /* @__PURE__ */ W(A, {})]
+			children: [d, !l && /* @__PURE__ */ W(M, {})]
 		}), l ? /* @__PURE__ */ G("div", {
-			className: J("str-chat__message-bubble", { "relative isolate": p }),
+			className: Y("str-chat__message-bubble", { "relative isolate": p }),
 			children: [
-				/* @__PURE__ */ W(I, {
+				/* @__PURE__ */ W(R, {
 					message: n,
 					renderText: r
 				}),
-				/* @__PURE__ */ W(A, {}),
-				p && /* @__PURE__ */ W(Wt, { side: t ? "me" : "other" })
+				/* @__PURE__ */ W(M, {}),
+				p && /* @__PURE__ */ W(qt, { side: t ? "me" : "other" })
 			]
 		}) : null]
 	});
-}, ai = i.memo((e) => {
-	let { additionalMessageInputProps: t, editing: n, endOfGroup: r, firstOfGroup: i, groupStyles: a, groupedByUser: o, handleAction: s, handleOpenThread: c, handleRetry: l, highlighted: u, isMessageAIGenerated: f, isMyMessage: m, message: h, renderText: g, threadList: _, viewerLanguage: y, onOutboundClick: b, resolvedOutbound: x } = e, { client: S } = de("CustomMessage"), { channel: C } = ue("CustomMessage"), { isUnlocking: T, onUnlockClick: j, onFetchSource: N, onDownloadClick: F } = kt("LockedAttachment"), [L, z] = p(!1), ne = ge(h.id), { Attachment: re = v, EditMessageModal: B = w, MessageActions: V, MessageBlocked: le = E, MessageBouncePrompt: pe = O, MessageDeleted: me = k, MessageIsThreadReplyInChannelButtonIndicator: H = M, MessageRepliesCountButton: he = P, ReminderNotification: _e = ee, StreamedMessageText: ve = te, PinIndicator: K } = fe("CustomMessage"), ye = se(h), be = ce(h), xe = d(() => f?.(h), [f, h]), q = d(() => {
-		let e = h.attachments ?? [], t = h.shared_location ? [h.shared_location, ...e] : e;
-		if (!It(h)) return t;
-		let n = t.filter((e) => !("type" in e) || !Tt(e));
+}, pi = o.memo((e) => {
+	let { additionalMessageInputProps: t, editing: n, endOfGroup: r, firstOfGroup: i, groupStyles: a, groupedByUser: o, handleAction: s, handleOpenThread: c, handleRetry: l, highlighted: u, isMessageAIGenerated: d, isMyMessage: f, message: m, renderText: g, threadList: _, viewerLanguage: v, onOutboundClick: y, resolvedOutbound: x } = e, { client: S } = me("CustomMessage"), { channel: C } = V("CustomMessage"), { isUnlocking: w, onUnlockClick: T, onFetchSource: D, onDownloadClick: N } = Mt("LockedAttachment"), [F, L] = h(!1), z = ye(m.id), { Attachment: te = b, EditMessageModal: ie = E, MessageActions: B, MessageBlocked: ae = O, MessageBouncePrompt: oe = A, MessageDeleted: fe = j, MessageIsThreadReplyInChannelButtonIndicator: pe = P, MessageRepliesCountButton: ge = I, ReminderNotification: _e = ne, StreamedMessageText: H = re, PinIndicator: ve } = he("CustomMessage"), be = ue(m), xe = de(m), K = p(() => d?.(m), [d, m]), q = p(() => {
+		let e = m.attachments ?? [], t = m.shared_location ? [m.shared_location, ...e] : e;
+		if (!zt(m)) return t;
+		let n = t.filter((e) => !("type" in e) || !Ot(e));
 		return n.length === t.length ? t : n;
-	}, [h]), Se = d(() => Xr(q), [q]), Ce = d(() => {
-		let e = wt({
-			message: h,
-			viewerLanguage: y
+	}, [m]), Se = p(() => ii(q), [q]), Ce = p(() => {
+		let e = Dt({
+			message: m,
+			viewerLanguage: v
 		});
-		return e === h.text ? h : {
-			...h,
+		return e === m.text ? m : {
+			...m,
 			text: e
 		};
-	}, [h, y]), we = Se.length > 0, Te = Se.reduce((e, t) => e + t.attachments.length, 0) === (q?.length ?? 0), Y = a?.[0] ?? "", Ee = Y === "top" ? "first" : Y === "middle" ? "middle" : Y === "bottom" ? "end" : "single", De = Y === "single" || Y === "bottom";
-	if (ie(h)) return null;
-	if (h.deleted_at || h.type === "deleted") return /* @__PURE__ */ W(me, { message: h });
-	if (ae(h)) return /* @__PURE__ */ W(le, {});
-	let Oe = !_ && !!h.reply_count, ke = !_ && h.show_in_channel && h.parent_id, Ae = h.status === "failed" && h.error?.status !== 403, je = oe(h), X;
-	Ae ? X = () => l(h) : je && (X = () => z(!0));
-	let Z = m(), Me = J("str-chat__message str-chat__message-simple", `str-chat__message--${h.type}`, `str-chat__message--${h.status}`, Z ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other", h.text ? "str-chat__message--has-text" : "has-no-text", {
-		"str-chat__message--has-attachment": ye,
+	}, [m, v]), we = Se.length > 0, Te = Se.reduce((e, t) => e + t.attachments.length, 0) === (q?.length ?? 0), J = a?.[0] ?? "", Ee = J === "top" ? "first" : J === "middle" ? "middle" : J === "bottom" ? "end" : "single", De = J === "single" || J === "bottom";
+	if (se(m)) return null;
+	if (m.deleted_at || m.type === "deleted") return /* @__PURE__ */ W(fe, { message: m });
+	if (ce(m)) return /* @__PURE__ */ W(ae, {});
+	let Oe = !_ && !!m.reply_count, ke = !_ && m.show_in_channel && m.parent_id, Ae = m.status === "failed" && m.error?.status !== 403, je = le(m), X;
+	Ae ? X = () => l(m) : je && (X = () => L(!0));
+	let Z = f(), Me = Y("str-chat__message str-chat__message-simple", `str-chat__message--${m.type}`, `str-chat__message--${m.status}`, Z ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other", m.text ? "str-chat__message--has-text" : "has-no-text", {
+		"str-chat__message--has-attachment": be,
 		"str-chat__message--highlighted": u,
-		"str-chat__message--pinned pinned-message": h.pinned,
-		"str-chat__message--with-reactions": be,
-		"str-chat__message-send-can-be-retried": h?.status === "failed" && h?.error?.status !== 403,
+		"str-chat__message--pinned pinned-message": m.pinned,
+		"str-chat__message--with-reactions": xe,
+		"str-chat__message-send-can-be-retried": m?.status === "failed" && m?.error?.status !== 403,
 		"str-chat__message-with-thread-link": Oe || ke,
 		"str-chat__virtual-message__wrapper--end": r,
 		"str-chat__virtual-message__wrapper--first": i,
 		"str-chat__virtual-message__wrapper--group": o
-	}), Ne = h.poll_id && S.polls.fromState(h.poll_id), Pe = Xt(h), Fe = It(h), Ie = Lt(h), Le = !!(q?.length && !h.quoted_message), Re = Fe && Z && Le, ze = we && Te && !h.quoted_message && !Ne && !xe && !Fe, Be = {
+	}), Ne = m.poll_id && S.polls.fromState(m.poll_id), Pe = $t(m), Fe = zt(m), Ie = Bt(m), Le = !!(q?.length && !m.quoted_message), Re = Fe && Z && Le, ze = we && Te && !m.quoted_message && !Ne && !K && !Fe, Be = {
 		contentType: "text",
-		amountText: h.metadata?.amount_text,
-		paymentStatus: h.metadata?.payment_status,
-		renderedText: h.text && /* @__PURE__ */ W(I, {
+		amountText: m.metadata?.amount_text,
+		paymentStatus: m.metadata?.payment_status,
+		renderedText: m.text && /* @__PURE__ */ W(R, {
 			message: Ce,
 			renderText: g
 		})
 	}, Ve = {
 		contentType: "media",
-		title: h.metadata?.attachment_title,
-		mimeType: h.metadata?.attachment_mime_type,
-		thumbnailUrl: h.metadata?.attachment_thumbnail,
-		amountText: h.metadata?.amount_text,
-		detail: h.metadata?.attachment_detail,
-		paymentStatus: h.metadata?.payment_status,
-		onFetchSource: N ? () => N(h, C) : void 0
+		title: m.metadata?.attachment_title,
+		mimeType: m.metadata?.attachment_mime_type,
+		thumbnailUrl: m.metadata?.attachment_thumbnail,
+		amountText: m.metadata?.amount_text,
+		detail: m.metadata?.attachment_detail,
+		paymentStatus: m.metadata?.payment_status,
+		onFetchSource: D ? () => D(m, C) : void 0
 	}, He = /* @__PURE__ */ G("div", {
-		className: J("str-chat__message-bubble", { "relative isolate": De }),
-		children: [/* @__PURE__ */ W(I, {
+		className: Y("str-chat__message-bubble", { "relative isolate": De }),
+		children: [/* @__PURE__ */ W(R, {
 			message: Ce,
 			renderText: g
-		}), De && /* @__PURE__ */ W(Wt, { side: Z ? "me" : "other" })]
+		}), De && /* @__PURE__ */ W(qt, { side: Z ? "me" : "other" })]
 	});
 	return /* @__PURE__ */ G(U, { children: [
-		n && /* @__PURE__ */ W(B, { additionalMessageInputProps: t }),
-		L && /* @__PURE__ */ W(D, {
-			MessageBouncePrompt: pe,
-			onClose: () => z(!1),
-			open: L
+		n && /* @__PURE__ */ W(ie, { additionalMessageInputProps: t }),
+		F && /* @__PURE__ */ W(k, {
+			MessageBouncePrompt: oe,
+			onClose: () => L(!1),
+			open: F
 		}),
 		/* @__PURE__ */ G("div", {
 			className: Me,
-			"data-message-id": h.id,
+			"data-message-id": m.id,
 			"data-dd-privacy": "mask",
 			children: [
-				K && /* @__PURE__ */ W(K, {}),
-				!!ne && /* @__PURE__ */ W(_e, { reminder: ne }),
-				h.user && /* @__PURE__ */ W(pt, {
+				ve && /* @__PURE__ */ W(ve, {}),
+				!!z && /* @__PURE__ */ W(_e, { reminder: z }),
+				m.user && /* @__PURE__ */ W(gt, {
 					className: "str-chat__avatar str-chat__message-sender-avatar",
-					id: h.user.id,
-					image: h.user.image,
-					name: h.user.name || h.user.id,
+					id: m.user.id,
+					image: m.user.image,
+					name: m.user.name || m.user.id,
 					size: 24,
 					shape: "circle",
 					dmAgentEnabled: Fe
 				}),
 				/* @__PURE__ */ W("div", {
-					className: J("str-chat__message-inner", { "str-chat__simple-message--error-failed": Ae || je }),
+					className: Y("str-chat__message-inner", { "str-chat__simple-message--error-failed": Ae || je }),
 					"data-testid": "message-inner",
 					onClick: X,
 					onKeyDown: X,
@@ -2539,46 +2587,46 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 					},
 					children: Pe ? /* @__PURE__ */ G("div", {
 						className: "str-chat__message-bubble-wrapper message-tip-wrapper",
-						children: [/* @__PURE__ */ W(Zt, { message: h }), h.text?.trim() && He]
-					}) : Rt(h) ? /* @__PURE__ */ W("div", {
+						children: [/* @__PURE__ */ W(en, { message: m }), m.text?.trim() && He]
+					}) : Vt(m) ? /* @__PURE__ */ W("div", {
 						className: "str-chat__message-bubble-wrapper",
 						children: /* @__PURE__ */ G("div", {
 							className: "flex items-center gap-2",
 							children: [
-								Z && V && /* @__PURE__ */ W(V, {}),
-								Z ? /* @__PURE__ */ W(Nt, {
+								Z && B && /* @__PURE__ */ W(B, {}),
+								Z ? /* @__PURE__ */ W(It, {
 									...Be,
 									isMine: !0
-								}) : /* @__PURE__ */ W(Nt, {
+								}) : /* @__PURE__ */ W(It, {
 									...Be,
 									isMine: !1,
-									isUnlocking: T(h.id),
-									onUnlockClick: () => j?.(h, C)
+									isUnlocking: w(m.id),
+									onUnlockClick: () => T?.(m, C)
 								}),
-								!Z && V && /* @__PURE__ */ W(V, {})
+								!Z && B && /* @__PURE__ */ W(B, {})
 							]
 						})
-					}) : zt(h) ? /* @__PURE__ */ G("div", {
+					}) : Ht(m) ? /* @__PURE__ */ G("div", {
 						className: "str-chat__message-bubble-wrapper message-locked-attachment-wrapper",
 						children: [/* @__PURE__ */ G("div", {
 							className: "flex items-center gap-2",
 							children: [
-								Z && V && /* @__PURE__ */ W(V, {}),
-								Z ? /* @__PURE__ */ W(Nt, {
+								Z && B && /* @__PURE__ */ W(B, {}),
+								Z ? /* @__PURE__ */ W(It, {
 									...Ve,
 									isMine: !0,
-									onPreviewClick: () => j ? j(h, C) : void 0
-								}) : /* @__PURE__ */ W(Nt, {
+									onPreviewClick: () => T ? T(m, C) : void 0
+								}) : /* @__PURE__ */ W(It, {
 									...Ve,
 									isMine: !1,
-									isUnlocking: T(h.id),
-									onUnlockClick: () => j ? j(h, C) : void 0,
-									onDownloadClick: () => F ? F(h, C) : void 0
+									isUnlocking: w(m.id),
+									onUnlockClick: () => T ? T(m, C) : void 0,
+									onDownloadClick: () => N ? N(m, C) : void 0
 								}),
-								!Z && V && /* @__PURE__ */ W(V, {})
+								!Z && B && /* @__PURE__ */ W(B, {})
 							]
-						}), h.text && He]
-					}) : ze ? /* @__PURE__ */ W(ii, {
+						}), m.text && He]
+					}) : ze ? /* @__PURE__ */ W(fi, {
 						groupPosition: Ee,
 						isMyMessage: Z,
 						message: {
@@ -2590,101 +2638,101 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 					}) : /* @__PURE__ */ W("div", {
 						className: "str-chat__message-bubble-wrapper",
 						children: /* @__PURE__ */ G("div", {
-							className: J("str-chat__message-bubble", { "relative isolate": De }),
+							className: Y("str-chat__message-bubble", { "relative isolate": De }),
 							children: [
-								Fe && !Re && /* @__PURE__ */ W(Vt, {
-									message: h,
+								Fe && !Re && /* @__PURE__ */ W(Wt, {
+									message: m,
 									hasAttachment: Le,
 									isMyMessage: Z
 								}),
-								Ne && /* @__PURE__ */ W(R, { poll: Ne }),
-								q?.length && !h.quoted_message ? /* @__PURE__ */ W(re, {
+								Ne && /* @__PURE__ */ W(ee, { poll: Ne }),
+								q?.length && !m.quoted_message ? /* @__PURE__ */ W(te, {
 									actionHandler: s,
 									attachments: q
 								}) : null,
-								W(xe ? ve : I, {
+								W(K ? H : R, {
 									message: Ce,
 									renderText: g
 								}),
-								/* @__PURE__ */ W(A, {}),
-								De && /* @__PURE__ */ W(Wt, { side: Z ? "me" : "other" })
+								/* @__PURE__ */ W(M, {}),
+								De && /* @__PURE__ */ W(qt, { side: Z ? "me" : "other" })
 							]
 						})
 					})
 				}),
 				!Ie && !Pe && /* @__PURE__ */ W("div", {
 					className: "str-chat__message-footer",
-					children: (!Fe || Re) && /* @__PURE__ */ W(Vt, {
-						message: h,
+					children: (!Fe || Re) && /* @__PURE__ */ W(Wt, {
+						message: m,
 						hasAttachment: Le,
 						isMyMessage: Z
 					})
 				}),
-				/* @__PURE__ */ W(rn, {
-					onOutboundClick: b,
+				/* @__PURE__ */ W(sn, {
+					onOutboundClick: y,
 					resolvedOutbound: x
 				}),
-				Oe && /* @__PURE__ */ W(he, {
+				Oe && /* @__PURE__ */ W(ge, {
 					onClick: c,
-					reply_count: h.reply_count
+					reply_count: m.reply_count
 				}),
-				ke && /* @__PURE__ */ W(H, {})
+				ke && /* @__PURE__ */ W(pe, {})
 			]
-		}, h.id)
+		}, m.id)
 	] });
-}, (e, t) => e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || e.resolvedOutbound?.id !== t.resolvedOutbound?.id || e.resolvedOutbound?.name !== t.resolvedOutbound?.name ? !1 : V(e, t)), oi = (e) => {
-	let t = H("CustomMessage"), n = c(Gt), r = t.message.metadata?.outbound_id, i = typeof r == "string" ? n?.[r] : void 0;
-	return /* @__PURE__ */ W(ai, {
+}, (e, t) => e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || e.resolvedOutbound?.id !== t.resolvedOutbound?.id || e.resolvedOutbound?.name !== t.resolvedOutbound?.name ? !1 : oe(e, t)), mi = (e) => {
+	let t = H("CustomMessage"), n = u(Jt), r = t.message.metadata?.outbound_id, i = typeof r == "string" ? n?.[r] : void 0;
+	return /* @__PURE__ */ W(pi, {
 		...t,
 		...e,
 		resolvedOutbound: i
 	});
-}, si = () => {
+}, hi = () => {
 	let { handleDelete: e, message: t } = H("CustomMessageActions");
-	return t.metadata?.payment_status === "paid" ? null : /* @__PURE__ */ W(Ge, {
+	return t.metadata?.payment_status === "paid" ? null : /* @__PURE__ */ W(Je, {
 		onClick: e,
 		"aria-label": "Delete",
 		title: "Delete",
 		className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-		children: /* @__PURE__ */ W(Ve, {
+		children: /* @__PURE__ */ W(We, {
 			size: 16,
 			weight: "light",
 			"aria-hidden": !0
 		})
 	});
-}, ci = () => {
+}, gi = () => {
 	let { handleFlag: e } = H("CustomMessageActions");
-	return /* @__PURE__ */ W(Ge, {
+	return /* @__PURE__ */ W(Je, {
 		onClick: e,
 		"aria-label": "Report",
 		title: "Report",
 		className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-		children: /* @__PURE__ */ W(X, {
+		children: /* @__PURE__ */ W(Ne, {
 			size: 16,
 			weight: "light",
 			"aria-hidden": !0
 		})
 	});
-}, li = () => {
+}, _i = () => {
 	let { message: e } = H("CustomMessageActions");
-	return e.metadata?.custom_type === K.ATTACHMENT ? /* @__PURE__ */ W(Ke, { messageActionSet: [{
-		Component: si,
+	return e.metadata?.custom_type === K.ATTACHMENT ? /* @__PURE__ */ W(Ye, { messageActionSet: [{
+		Component: hi,
 		placement: "quick",
 		type: "delete"
 	}, {
-		Component: ci,
+		Component: gi,
 		placement: "quick",
 		type: "flag"
 	}] }) : null;
-}, ui = (e) => ({ linkPreviews: Array.from(e.previews.values()).filter((e) => h.previewIsLoaded(e) || h.previewIsLoading(e)) }), di = () => {
-	let { linkPreviewsManager: e } = pe(), { linkPreviews: t } = _e(e.state, ui), n = (t) => {
+}, vi = (e) => ({ linkPreviews: Array.from(e.previews.values()).filter((e) => _.previewIsLoaded(e) || _.previewIsLoading(e)) }), yi = () => {
+	let { linkPreviewsManager: e } = ge(), { linkPreviews: t } = be(e.state, vi), n = (t) => {
 		e.dismissPreview(t);
 	};
 	return t.length > 0 ? /* @__PURE__ */ W("div", {
 		className: "messaging-link-preview-list flex flex-col items-stretch w-full gap-2",
 		children: t.map((e) => {
-			let t = h.previewIsLoading(e);
-			return /* @__PURE__ */ W(Fn.Composer, {
+			let t = _.previewIsLoading(e);
+			return /* @__PURE__ */ W(Rn.Composer, {
 				title: e.title,
 				url: e.og_scrape_url,
 				thumbnailUrl: e.image_url,
@@ -2694,27 +2742,27 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			}, e.og_scrape_url);
 		})
 	}) : null;
-}, fi = i.createContext(!1), pi = 200, mi = () => c(fi), hi = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ W("button", {
+}, bi = o.createContext(!1), xi = 200, Si = () => u(bi), Ci = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ W("button", {
 	...n,
 	type: "button",
 	"aria-label": "Send",
 	disabled: t,
 	onPointerDown: (e) => e.preventDefault(),
 	onClick: e,
-	children: /* @__PURE__ */ W(Te, {
+	children: /* @__PURE__ */ W(De, {
 		weight: "bold",
 		className: "size-4"
 	})
-}), gi = () => {
-	let e = c(fi), { handleSubmit: t } = he(), n = me(), r = e || !n, { SendButton: a = hi, AttachmentPreviewList: o = y } = fe("CustomMessageInput"), s = i.useRef(null);
-	return i.useEffect(() => {
+}), wi = () => {
+	let e = u(bi), { handleSubmit: t } = ve(), n = _e(), r = e || !n, { SendButton: i = Ci, AttachmentPreviewList: a = x } = he("CustomMessageInput"), s = o.useRef(null);
+	return o.useEffect(() => {
 		let e = s.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(() => {
 			e.contains(document.activeElement) && (e.scrollTop = e.scrollHeight);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, []), i.useEffect(() => {
+	}, []), o.useEffect(() => {
 		let e = s.current;
 		if (!e) return;
 		let t = (e) => {
@@ -2728,13 +2776,13 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		children: [/* @__PURE__ */ G("div", {
 			className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2",
 			children: [
-				/* @__PURE__ */ W(z, {}),
-				/* @__PURE__ */ W(di, {}),
-				/* @__PURE__ */ W(o, {})
+				/* @__PURE__ */ W(te, {}),
+				/* @__PURE__ */ W(yi, {}),
+				/* @__PURE__ */ W(a, {})
 			]
 		}), /* @__PURE__ */ G("div", {
 			className: "messaging-composer-row flex items-start",
-			children: [/* @__PURE__ */ W(ne, {
+			children: [/* @__PURE__ */ W(ie, {
 				"aria-disabled": e || void 0,
 				containerClassName: "min-w-0 flex-1 leading-[0]",
 				className: "w-full resize-none overflow-hidden bg-transparent py-3.5 pl-4 pr-4 outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -2745,7 +2793,7 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 				tabIndex: e ? -1 : void 0
 			}), /* @__PURE__ */ W("div", {
 				className: "sticky bottom-2 mt-auto mb-2 mr-2 shrink-0 pt-2",
-				children: /* @__PURE__ */ W(a, {
+				children: /* @__PURE__ */ W(i, {
 					sendMessage: t,
 					"aria-label": "Send",
 					className: "str-chat__send-button relative flex justify-center items-center rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring before:absolute before:-inset-2 before:content-['']",
@@ -2756,7 +2804,7 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			})]
 		})]
 	});
-}, _i = () => /* @__PURE__ */ G("div", {
+}, Ti = () => /* @__PURE__ */ G("div", {
 	className: "messaging-composer-backdrop",
 	"aria-hidden": "true",
 	children: [
@@ -2767,16 +2815,16 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		/* @__PURE__ */ W("div", { className: "messaging-composer-backdrop-blur" }),
 		/* @__PURE__ */ W("div", { className: "messaging-composer-backdrop-gradient" })
 	]
-}), vi = ({ renderActions: e, renderHeader: t, renderFooter: n, disabled: r = !1, disabledReason: a, composerInput: o }) => {
-	let { channel: s } = ue(), c = s?.data?.frozen === !0, l = !!o, u = i.useRef(null);
-	return i.useEffect(() => {
+}), Ei = ({ renderActions: e, renderHeader: t, renderFooter: n, disabled: r = !1, disabledReason: i, composerInput: a }) => {
+	let { channel: s } = V(), c = s?.data?.frozen === !0, l = !!a, u = o.useRef(null);
+	return o.useEffect(() => {
 		if (!l) return;
 		let e = u.current, t = e?.parentElement;
 		if (!e || !t) return;
 		let n = e.offsetHeight, r = () => {
 			let r = e.offsetHeight, i = r > n;
 			n = r;
-			let a = Array.from(t.querySelectorAll(".str-chat__list")).find((e) => e.scrollHeight > e.clientHeight) ?? null, o = a ? a.scrollHeight - a.scrollTop - a.clientHeight < pi : !1;
+			let a = Array.from(t.querySelectorAll(".str-chat__list")).find((e) => e.scrollHeight > e.clientHeight) ?? null, o = a ? a.scrollHeight - a.scrollTop - a.clientHeight < xi : !1;
 			t.style.setProperty("--messaging-composer-height", `${r}px`), i && o && a && (a.scrollTop = a.scrollHeight);
 		};
 		if (r(), typeof ResizeObserver > "u") return;
@@ -2787,15 +2835,15 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 	}, [l]), r ? l ? /* @__PURE__ */ G("div", {
 		ref: u,
 		className: "messaging-composer-chrome messaging-composer-chrome--floating",
-		children: [/* @__PURE__ */ W(_i, {}), /* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ W(Ti, {}), /* @__PURE__ */ G("div", {
 			className: "relative z-10 flex flex-col",
 			children: [
 				t?.(),
 				/* @__PURE__ */ W("div", {
 					className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4",
-					children: a ? /* @__PURE__ */ W("p", {
+					children: i ? /* @__PURE__ */ W("p", {
 						className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40",
-						children: a
+						children: i
 					}) : null
 				}),
 				n?.()
@@ -2805,16 +2853,16 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		t?.(),
 		/* @__PURE__ */ W("div", {
 			className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4",
-			children: a ? /* @__PURE__ */ W("p", {
+			children: i ? /* @__PURE__ */ W("p", {
 				className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40",
-				children: a
+				children: i
 			}) : null
 		}),
 		n?.()
 	] }) : l ? /* @__PURE__ */ G("div", {
 		ref: u,
 		className: "messaging-composer-chrome messaging-composer-chrome--floating",
-		children: [/* @__PURE__ */ W(_i, {}), /* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ W(Ti, {}), /* @__PURE__ */ G("div", {
 			className: "relative z-10 flex min-h-0 flex-col",
 			children: [t?.(), /* @__PURE__ */ G("div", {
 				className: "flex min-h-0 flex-col gap-4 p-3 pb-5 md:p-5",
@@ -2825,9 +2873,9 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 					children: [e && /* @__PURE__ */ W("div", {
 						className: "flex h-12 shrink-0 items-center justify-center",
 						children: e()
-					}), /* @__PURE__ */ W(fi.Provider, {
+					}), /* @__PURE__ */ W(bi.Provider, {
 						value: c,
-						children: /* @__PURE__ */ W(j, { Input: o ?? gi })
+						children: /* @__PURE__ */ W(N, { Input: a ?? wi })
 					})]
 				}), n?.()]
 			})]
@@ -2843,51 +2891,51 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 				children: [e && /* @__PURE__ */ W("div", {
 					className: "flex h-12 shrink-0 items-center justify-center",
 					children: e()
-				}), /* @__PURE__ */ W(fi.Provider, {
+				}), /* @__PURE__ */ W(bi.Provider, {
 					value: c,
-					children: /* @__PURE__ */ W(j, { Input: gi })
+					children: /* @__PURE__ */ W(N, { Input: wi })
 				})]
 			}),
 			n?.()
 		]
 	});
-}, yi = {
+}, Di = {
 	SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
 	SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, bi = ["SYSTEM_AGE_SAFETY_BLOCKED"], xi = { SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines." }, Si = "age safety guidelines.", Ci = "https://linktr.ee/s/about/contact", wi = (e) => bi.includes(e), Ti = (e) => wi(e.metadata?.custom_type), Ei = (e) => {
+}, Oi = ["SYSTEM_AGE_SAFETY_BLOCKED"], ki = { SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines." }, Ai = "age safety guidelines.", ji = "https://linktr.ee/s/about/contact", Mi = (e) => Oi.includes(e), Ni = (e) => Mi(e.metadata?.custom_type), Pi = (e) => {
 	let t = e.metadata?.custom_type;
-	if (xe(t)) return {
+	if (Ce(t)) return {
 		kind: "dm-agent",
 		type: t
 	};
-	if (be(t)) return {
+	if (Se(t)) return {
 		kind: "age-safety",
 		type: t
 	};
 	let n = e.dm_agent_system_type;
-	if (xe(n)) return {
+	if (Ce(n)) return {
 		kind: "dm-agent",
 		type: n
 	};
-}, Di = (e) => {
-	let t = e.indexOf(Si);
+}, Fi = (e) => {
+	let t = e.indexOf(Ai);
 	if (t === -1) return e;
 	let n = t + 22;
 	return /* @__PURE__ */ G(U, { children: [
 		e.slice(0, t),
 		/* @__PURE__ */ W("a", {
-			href: Ci,
+			href: ji,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-			children: Si
+			children: Ai
 		}),
 		e.slice(n)
 	] });
-}, Oi = (e) => {
-	let t = !Ti(e.message), n = Ei(e.message);
+}, Ii = (e) => {
+	let t = !Ni(e.message), n = Pi(e.message);
 	if (n?.kind === "dm-agent") {
-		let r = e.message.text?.trim() || yi[n.type];
+		let r = e.message.text?.trim() || Di[n.type];
 		return /* @__PURE__ */ G("div", {
 			className: "str-chat__message--system",
 			"data-testid": "message-system",
@@ -2895,7 +2943,7 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 				className: "mes-dm-agent-system-message mx-auto mb-2 inline-flex w-fit max-w-[min(100%,480px)] items-center justify-center gap-[10px] rounded-[12px] border border-[rgba(0,0,0,0.08)] p-3 text-[rgba(0,0,0,0.55)]",
 				"data-testid": "dm-agent-system-message",
 				"data-dm-agent-system-type": n.type,
-				children: [/* @__PURE__ */ W(Re, {
+				children: [/* @__PURE__ */ W(Ve, {
 					size: 16,
 					weight: "regular",
 					"aria-hidden": !0,
@@ -2904,11 +2952,11 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 					className: "mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]",
 					children: r
 				})]
-			}), !t && /* @__PURE__ */ W(L, { message: e.message })]
+			}), !t && /* @__PURE__ */ W(z, { message: e.message })]
 		});
 	}
 	if (n?.kind === "age-safety") {
-		let r = e.message.text?.trim() || xi[n.type];
+		let r = e.message.text?.trim() || ki[n.type];
 		return /* @__PURE__ */ G("div", {
 			className: "str-chat__message--system",
 			"data-testid": "message-system",
@@ -2916,7 +2964,7 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 				className: "mes-age-safety-system-message box-border mx-auto mb-2 flex w-full max-w-[329px] items-start justify-center gap-3 rounded-[12px] border border-[var(--border-secondary,rgba(0,0,0,0.08))] bg-[var(--bg-warning-subtle,#fef3c6)] px-2 py-4 pl-5 text-[color:var(--text-warning-on-warning,#894b00)]",
 				"data-testid": "age-safety-system-message",
 				"data-age-safety-system-type": n.type,
-				children: [/* @__PURE__ */ W(Fe, {
+				children: [/* @__PURE__ */ W(Re, {
 					size: 24,
 					weight: "duotone",
 					"aria-hidden": !0,
@@ -2926,10 +2974,10 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 					className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]",
 					children: /* @__PURE__ */ W("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: Di(r)
+						children: Fi(r)
 					})
 				})]
-			}), !t && /* @__PURE__ */ W(L, { message: e.message })]
+			}), !t && /* @__PURE__ */ W(z, { message: e.message })]
 		});
 	}
 	return /* @__PURE__ */ G("div", {
@@ -2942,9 +2990,9 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 				/* @__PURE__ */ W("p", { children: e.message.text }),
 				/* @__PURE__ */ W("div", { className: "str-chat__message--system__line" })
 			]
-		}), !t && /* @__PURE__ */ W(L, { message: e.message })]
+		}), !t && /* @__PURE__ */ W(z, { message: e.message })]
 	});
-}, ki = o(!1), Ai = ({ cx: e, index: t }) => /* @__PURE__ */ W("circle", {
+}, Li = c(!1), Ri = ({ cx: e, index: t }) => /* @__PURE__ */ W("circle", {
 	cx: e,
 	cy: "6.15",
 	r: "3.9",
@@ -2957,15 +3005,15 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		begin: `${120 * t}ms`,
 		repeatCount: "indefinite"
 	})
-}), ji = /* @__PURE__ */ new Set([
-	_.Thinking,
-	_.Generating,
-	_.ExternalSources
-]), Mi = ({ threadList: e }) => {
-	let { channel: t, channelConfig: n, thread: r } = ue(), { client: i } = de(), { typing: a = {} } = ve(), { aiState: o } = le(t), s = c(ki);
-	if (!e && s && ji.has(o)) {
-		let e = Pi(t, i.user?.id);
-		return /* @__PURE__ */ W(Ni, {
+}), zi = /* @__PURE__ */ new Set([
+	y.Thinking,
+	y.Generating,
+	y.ExternalSources
+]), Bi = ({ threadList: e }) => {
+	let { channel: t, channelConfig: n, thread: r } = V(), { client: i } = me(), { typing: a = {} } = xe(), { aiState: o } = fe(t), s = u(Li);
+	if (!e && s && zi.has(o)) {
+		let e = Hi(t, i.user?.id);
+		return /* @__PURE__ */ W(Vi, {
 			avatarId: e?.id ?? "ai-agent",
 			avatarName: e?.name ?? e?.id ?? "Agent",
 			avatarImage: e?.image,
@@ -2973,22 +3021,22 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		});
 	}
 	if (n?.typing_events === !1) return null;
-	let l = e ? [] : Object.values(a).filter(({ parent_id: e, user: t }) => t?.id !== i.user?.id && !e), u = e ? Object.values(a).filter(({ parent_id: e, user: t }) => t?.id !== i.user?.id && e === r?.id) : [], d = e ? u : l;
+	let c = e ? [] : Object.values(a).filter(({ parent_id: e, user: t }) => t?.id !== i.user?.id && !e), l = e ? Object.values(a).filter(({ parent_id: e, user: t }) => t?.id !== i.user?.id && e === r?.id) : [], d = e ? l : c;
 	if (!d.length) return null;
 	let f = d[0]?.user, p = f?.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
-	return /* @__PURE__ */ W(Ni, {
+	return /* @__PURE__ */ W(Vi, {
 		avatarId: f?.id ?? p?.id ?? "typing-user",
 		avatarName: f?.name ?? p?.name ?? f?.id ?? "Typing user",
 		avatarImage: f?.image ?? p?.image,
 		testId: "typing-indicator"
 	});
-}, Ni = ({ avatarId: e, avatarName: t, avatarImage: n, testId: r }) => /* @__PURE__ */ W("div", {
+}, Vi = ({ avatarId: e, avatarName: t, avatarImage: n, testId: r }) => /* @__PURE__ */ W("div", {
 	className: "str-chat__li str-chat__li--single str-chat__typing-indicator !static",
 	"data-testid": r,
 	style: { marginBottom: "var(--messaging-channel-input-spacer-height, 80px)" },
 	children: /* @__PURE__ */ G("div", {
 		className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text",
-		children: [/* @__PURE__ */ W(pt, {
+		children: [/* @__PURE__ */ W(gt, {
 			className: "str-chat__avatar str-chat__message-sender-avatar",
 			id: e,
 			name: t,
@@ -3013,28 +3061,28 @@ var ii = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 								height: "13",
 								overflow: "visible",
 								children: [
-									/* @__PURE__ */ W(Ai, {
+									/* @__PURE__ */ W(Ri, {
 										cx: "4",
 										index: 0
 									}),
-									/* @__PURE__ */ W(Ai, {
+									/* @__PURE__ */ W(Ri, {
 										cx: "16",
 										index: 1
 									}),
-									/* @__PURE__ */ W(Ai, {
+									/* @__PURE__ */ W(Ri, {
 										cx: "28",
 										index: 2
 									})
 								]
 							})
 						})
-					}), /* @__PURE__ */ W(Wt, { side: "other" })]
+					}), /* @__PURE__ */ W(qt, { side: "other" })]
 				})
 			})
 		})]
 	})
 });
-function Pi(e, t) {
+function Hi(e, t) {
 	let n = e?.state?.members ?? {};
 	for (let e of Object.values(n)) {
 		let n = e?.user;
@@ -3043,8 +3091,8 @@ function Pi(e, t) {
 }
 //#endregion
 //#region src/components/MessagingShell/ChannelEmptyState.tsx
-var Fi = () => null, Ii = ({ className: e, message: t }) => /* @__PURE__ */ G("div", {
-	className: J("flex items-center justify-center h-full", e),
+var Ui = () => null, Wi = ({ className: e, message: t }) => /* @__PURE__ */ G("div", {
+	className: Y("flex items-center justify-center h-full", e),
 	children: [/* @__PURE__ */ G("svg", {
 		viewBox: "0 0 100 100",
 		className: "size-8 fill-pebble",
@@ -3094,65 +3142,65 @@ var Fi = () => null, Ii = ({ className: e, message: t }) => /* @__PURE__ */ G("d
 		className: "text-stone",
 		children: t
 	})]
-}), Li = i.memo(() => /* @__PURE__ */ W("div", {
+}), Gi = o.memo(() => /* @__PURE__ */ W("div", {
 	className: "messaging-loading-state flex items-center justify-center h-full",
 	children: /* @__PURE__ */ G("div", {
 		className: "flex items-center",
-		children: [/* @__PURE__ */ W(Ii, { className: "w-6 h-6" }), /* @__PURE__ */ W("span", {
+		children: [/* @__PURE__ */ W(Wi, { className: "w-6 h-6" }), /* @__PURE__ */ W("span", {
 			className: "text-sm text-stone",
 			children: "Loading messages"
 		})]
 	})
 }));
-Li.displayName = "LoadingState";
+Gi.displayName = "LoadingState";
 //#endregion
 //#region src/components/ChannelView.tsx
-var Ri = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMessageInputFooter: r, renderConversationFooter: a, onLeaveConversation: o, onBlockParticipant: c, showDeleteConversation: u = !0, onDeleteConversationClick: d, onBlockParticipantClick: p, onReportParticipantClick: m, showBlockParticipant: h = !0, showReportParticipant: g = !0, composerDisabled: _ = !1, composerDisabledReason: v, showStarButton: y = !1, renderChannelBanner: b, customChannelActions: x, renderChannelActions: S, renderMessage: C, viewerLanguage: w, showChannelInfo: T = !0, onParticipantNameClick: E, onOutboundClick: D, resolveOutbound: O, composerInput: k }) => {
-	let { channel: A, messages: j } = ue(), M = f(D);
-	l(() => {
+var Ki = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMessageInputFooter: r, renderConversationFooter: i, onLeaveConversation: a, onBlockParticipant: s, showDeleteConversation: c = !0, onDeleteConversationClick: u, onBlockParticipantClick: f, onReportParticipantClick: p, showBlockParticipant: h = !0, showReportParticipant: g = !0, composerDisabled: _ = !1, composerDisabledReason: v, showStarButton: y = !1, renderChannelBanner: b, customChannelActions: x, renderChannelActions: S, renderMessage: C, viewerLanguage: w, showChannelInfo: T = !0, onParticipantNameClick: E, onOutboundClick: D, resolveOutbound: O, composerInput: k }) => {
+	let { channel: A, messages: j } = V(), M = m(D);
+	d(() => {
 		M.current = D;
 	}, [D]);
-	let P = s((e) => {
+	let N = l((e) => {
 		M.current?.(e);
-	}, []), F = D ? P : void 0, I = Yt(j, O), L = A.state.messages.some((e) => e.type !== "deleted"), R = b ? /* @__PURE__ */ W(i.Fragment, { children: b() }, "lt-channel-banner") : null, z = /* @__PURE__ */ W(xt, {
+	}, []), P = D ? N : void 0, I = Qt(j, O), L = A.state.messages.some((e) => e.type !== "deleted"), R = b ? /* @__PURE__ */ W(o.Fragment, { children: b() }, "lt-channel-banner") : null, z = /* @__PURE__ */ W(wt, {
 		className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
 		onBack: e,
 		showBackButton: t,
 		showChannelInfo: T,
 		showStarButton: y,
-		onLeaveConversation: o,
-		onBlockParticipant: c,
-		showDeleteConversation: u,
+		onLeaveConversation: a,
+		onBlockParticipant: s,
+		showDeleteConversation: c,
 		showBlockParticipant: h,
 		showReportParticipant: g,
-		onDeleteConversationClick: d,
-		onBlockParticipantClick: p,
-		onReportParticipantClick: m,
+		onDeleteConversationClick: u,
+		onBlockParticipantClick: f,
+		onReportParticipantClick: p,
 		customChannelActions: x,
 		renderChannelActions: S,
 		onParticipantNameClick: E
-	}), ee = s((e) => {
-		let { message: t } = H("ChannelView"), n = /* @__PURE__ */ W(oi, {
+	}), ee = l((e) => {
+		let { message: t } = H("ChannelView"), n = /* @__PURE__ */ W(mi, {
 			...e,
 			viewerLanguage: w,
-			onOutboundClick: F
+			onOutboundClick: P
 		});
 		return !C || !t ? n : C(n, t);
 	}, [
-		F,
+		P,
 		C,
 		w
 	]);
-	return /* @__PURE__ */ W(Gt.Provider, {
+	return /* @__PURE__ */ W(Jt.Provider, {
 		value: I,
-		children: /* @__PURE__ */ W(B, {
+		children: /* @__PURE__ */ W(ae, {
 			overrides: {
 				Message: ee,
-				MessageActions: li,
+				MessageActions: _i,
 				UnreadMessagesNotification: () => null,
 				UnreadMessagesSeparator: () => null
 			},
-			children: /* @__PURE__ */ W(re, { children: k ? /* @__PURE__ */ G("div", {
+			children: /* @__PURE__ */ W(B, { children: k ? /* @__PURE__ */ G("div", {
 				className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col",
 				children: [/* @__PURE__ */ G("div", {
 					className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
@@ -3162,7 +3210,7 @@ var Ri = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 							className: "str-chat__message-list-scroll",
 							children: [z, R]
 						})
-					}), /* @__PURE__ */ W(N, {
+					}), /* @__PURE__ */ W(F, {
 						head: L ? /* @__PURE__ */ G("div", {
 							className: "sticky top-0 z-10",
 							children: [z, R]
@@ -3170,9 +3218,9 @@ var Ri = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 						hideDeletedMessages: !0,
 						hideNewMessageSeparator: !1
 					})]
-				}, "lt-channel-message-list"), /* @__PURE__ */ W(vi, {
+				}, "lt-channel-message-list"), /* @__PURE__ */ W(Ei, {
 					...n && { renderActions: () => n?.(A) },
-					...a && { renderHeader: () => a(A) },
+					...i && { renderHeader: () => i(A) },
 					renderFooter: () => r?.(A),
 					disabled: _,
 					disabledReason: v,
@@ -3187,7 +3235,7 @@ var Ri = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 							className: "str-chat__message-list-scroll",
 							children: [z, R]
 						})
-					}), /* @__PURE__ */ W(N, {
+					}), /* @__PURE__ */ W(F, {
 						head: L ? /* @__PURE__ */ G("div", {
 							className: "sticky top-0 z-10",
 							children: [z, R]
@@ -3196,8 +3244,8 @@ var Ri = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 						hideNewMessageSeparator: !1
 					})]
 				}, "lt-channel-message-list"),
-				a ? /* @__PURE__ */ W(i.Fragment, { children: a(A) }, "lt-channel-conversation-footer") : null,
-				/* @__PURE__ */ W(vi, {
+				i ? /* @__PURE__ */ W(o.Fragment, { children: i(A) }, "lt-channel-conversation-footer") : null,
+				/* @__PURE__ */ W(Ei, {
 					...n && { renderActions: () => n?.(A) },
 					renderFooter: () => r?.(A),
 					disabled: _,
@@ -3207,9 +3255,9 @@ var Ri = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 			] }) })
 		})
 	});
-}, zi = i.memo(({ channel: e, onBack: t, showBackButton: n = !1, renderMessageInputActions: r, renderMessageInputFooter: i, renderConversationFooter: a, onLeaveConversation: o, onBlockParticipant: c, className: u, CustomChannelEmptyState: d = Fi, showDeleteConversation: p = !0, onDeleteConversationClick: m, onBlockParticipantClick: h, onReportParticipantClick: g, showBlockParticipant: _ = !0, showReportParticipant: v = !0, composerDisabled: y = !1, composerDisabledReason: x, dmAgentEnabled: S, messageMetadata: C, onMessageSent: w, showStarButton: T = !1, renderChannelBanner: E, customChannelActions: D, renderChannelActions: O, renderMessage: k, onMessageLinkClick: A, sendButton: j, attachmentPreviewList: M, viewerLanguage: N, showChannelInfo: P = !0, onParticipantNameClick: F, onOutboundClick: I, resolveOutbound: L, composerInput: R }) => {
-	let z = s(async (t, n, r) => {
-		let i = e.data?.chatbot_paused === !0, a = S && !i, o = {
+}, qi = o.memo(({ channel: e, onBack: t, showBackButton: n = !1, renderMessageInputActions: r, renderMessageInputFooter: i, renderConversationFooter: a, onLeaveConversation: o, onBlockParticipant: s, className: c, CustomChannelEmptyState: u = Ui, showDeleteConversation: f = !0, onDeleteConversationClick: p, onBlockParticipantClick: h, onReportParticipantClick: g, showBlockParticipant: _ = !0, showReportParticipant: v = !0, composerDisabled: y = !1, composerDisabledReason: b, dmAgentEnabled: x, messageMetadata: C, onMessageSent: w, showStarButton: T = !1, renderChannelBanner: E, customChannelActions: D, renderChannelActions: O, renderMessage: k, onMessageLinkClick: A, sendButton: j, attachmentPreviewList: M, viewerLanguage: N, showChannelInfo: P = !0, onParticipantNameClick: F, onOutboundClick: I, resolveOutbound: L, composerInput: R }) => {
+	let z = l(async (t, n, r) => {
+		let i = e.data?.chatbot_paused === !0, a = x && !i, o = {
 			...n,
 			...a && { silent: !0 },
 			...C && { metadata: {
@@ -3223,11 +3271,11 @@ var Ri = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 		return w?.(c), c;
 	}, [
 		e,
-		S,
+		x,
 		C,
 		w
-	]), ee = f(null);
-	l(() => {
+	]), ee = m(null);
+	d(() => {
 		if (!A) return;
 		let t = ee.current;
 		if (!t) return;
@@ -3239,40 +3287,40 @@ var Ri = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 		};
 		return t.addEventListener("click", n), () => t.removeEventListener("click", n);
 	}, [A, e]);
-	let te = q(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
+	let te = we(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
 	return /* @__PURE__ */ W("div", {
 		ref: ee,
-		className: J("messaging-channel-view h-full flex flex-col", u),
+		className: Y("messaging-channel-view h-full flex flex-col", c),
 		style: te,
-		children: /* @__PURE__ */ W(ki.Provider, {
-			value: S ?? !1,
-			children: /* @__PURE__ */ W(b, {
+		children: /* @__PURE__ */ W(Li.Provider, {
+			value: x ?? !1,
+			children: /* @__PURE__ */ W(S, {
 				channel: e,
-				MessageSystem: Oi,
-				EmptyStateIndicator: d,
-				LoadingIndicator: Li,
-				DateSeparator: St,
-				TypingIndicator: Mi,
+				MessageSystem: Ii,
+				EmptyStateIndicator: u,
+				LoadingIndicator: Gi,
+				DateSeparator: Tt,
+				TypingIndicator: Bi,
 				doSendMessageRequest: z,
 				...j ? { SendButton: j } : {},
 				...M ? { AttachmentPreviewList: M } : {},
-				children: /* @__PURE__ */ W(Ri, {
+				children: /* @__PURE__ */ W(Ki, {
 					onBack: t,
 					showBackButton: n,
 					renderMessageInputActions: r,
 					renderMessageInputFooter: i,
 					renderConversationFooter: a,
 					onLeaveConversation: o,
-					onBlockParticipant: c,
-					CustomChannelEmptyState: d,
-					showDeleteConversation: p,
-					onDeleteConversationClick: m,
+					onBlockParticipant: s,
+					CustomChannelEmptyState: u,
+					showDeleteConversation: f,
+					onDeleteConversationClick: p,
 					onBlockParticipantClick: h,
 					onReportParticipantClick: g,
 					showBlockParticipant: _,
 					showReportParticipant: v,
 					composerDisabled: y,
-					composerDisabledReason: x,
+					composerDisabledReason: b,
 					showStarButton: T,
 					renderChannelBanner: E,
 					customChannelActions: D,
@@ -3289,10 +3337,10 @@ var Ri = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 		})
 	});
 });
-zi.displayName = "ChannelView";
+qi.displayName = "ChannelView";
 //#endregion
 //#region src/components/MessagingShell/ErrorState.tsx
-var Bi = i.memo(({ message: e, onBack: t }) => /* @__PURE__ */ W("div", {
+var Ji = o.memo(({ message: e, onBack: t }) => /* @__PURE__ */ W("div", {
 	className: "messaging-error-state flex items-center justify-center h-full p-8",
 	children: /* @__PURE__ */ G("div", {
 		className: "text-center max-w-sm",
@@ -3321,26 +3369,26 @@ var Bi = i.memo(({ message: e, onBack: t }) => /* @__PURE__ */ W("div", {
 		]
 	})
 }));
-Bi.displayName = "ErrorState";
+Ji.displayName = "ErrorState";
 //#endregion
 //#region src/components/MessagingShell/index.tsx
-var Vi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversationFooter: n, onChannelSelect: r, onExitConversation: i, initialParticipantFilter: a, initialParticipantData: o, CustomChannelEmptyState: c, onBlockParticipantClick: u, onReportParticipantClick: d, dmAgentEnabled: m, onMessageSent: h, viewerLanguage: g, renderChannelBanner: _, customChannelActions: v, renderChannelActions: y, onParticipantNameClick: b, onOutboundClick: x, resolveOutbound: S, renderMessage: C, onMessageLinkClick: w, showChannelInfo: T, composerInput: E, attachmentPreviewList: D }) => {
-	let { client: O, isConnected: k, isLoading: A, error: j, refreshConnection: M, service: N, debug: P } = tt(), [F, I] = p(null), [L, R] = p(null), [z, ee] = p(!1), { showDeleteConversation: te = !0 } = e, ne = f(o);
+var Yi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversationFooter: n, onChannelSelect: r, onExitConversation: i, initialParticipantFilter: a, initialParticipantData: o, CustomChannelEmptyState: s, onBlockParticipantClick: c, onReportParticipantClick: u, dmAgentEnabled: f, onMessageSent: p, viewerLanguage: g, renderChannelBanner: _, customChannelActions: v, renderChannelActions: y, onParticipantNameClick: b, onOutboundClick: x, resolveOutbound: S, renderMessage: C, onMessageLinkClick: w, showChannelInfo: T, composerInput: E, attachmentPreviewList: D }) => {
+	let { client: O, isConnected: k, isLoading: A, error: j, refreshConnection: M, service: N, debug: P } = it(), [F, I] = h(null), [L, R] = h(null), [z, ee] = h(!1), { showDeleteConversation: te = !0 } = e, ne = m(o);
 	ne.current = o;
-	let re = f(r);
+	let re = m(r);
 	re.current = r;
-	let B = f(null), V = f(null);
-	l(() => {
-		V.current = F;
-	}, [F]), l(() => {
+	let ie = m(null), B = m(null);
+	d(() => {
+		B.current = F;
+	}, [F]), d(() => {
 		if (!O || !k) return;
 		let e = O.userID;
 		if (!e) return;
 		let t = `${e}::${a}`;
-		if (B.current === t) return;
-		B.current = t;
+		if (ie.current === t) return;
+		ie.current = t;
 		let n = () => {
-			B.current === t && (B.current = null);
+			ie.current === t && (ie.current = null);
 		};
 		(async () => {
 			try {
@@ -3369,7 +3417,7 @@ var Vi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversati
 					console.error("[MessagingShell] Failed to create conversation:", e), n(), R("Failed to create conversation");
 				}
 			} catch (e) {
-				console.error("[MessagingShell] Failed to load initial conversation:", e), n(), V.current || R("Failed to load conversation");
+				console.error("[MessagingShell] Failed to load initial conversation:", e), n(), B.current || R("Failed to load conversation");
 			}
 		})();
 	}, [
@@ -3379,34 +3427,34 @@ var Vi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversati
 		N,
 		P
 	]);
-	let ie = f(i);
-	ie.current = i;
-	let ae = s(() => {
-		I(null), ee(!0), ie.current?.();
+	let ae = m(i);
+	ae.current = i;
+	let oe = l(() => {
+		I(null), ee(!0), ae.current?.();
 	}, []);
-	return A ? /* @__PURE__ */ W(Li, {}) : j ? /* @__PURE__ */ W(Bi, {
+	return A ? /* @__PURE__ */ W(Gi, {}) : j ? /* @__PURE__ */ W(Ji, {
 		message: j,
 		onBack: M
-	}) : !k || !O ? /* @__PURE__ */ W(Bi, {
+	}) : !k || !O ? /* @__PURE__ */ W(Ji, {
 		message: "Not connected to messaging service",
 		onBack: M
-	}) : L ? /* @__PURE__ */ W(Bi, { message: L }) : z && !F ? /* @__PURE__ */ W(Bi, { message: "Conversation ended" }) : F ? /* @__PURE__ */ W("div", {
+	}) : L ? /* @__PURE__ */ W(Ji, { message: L }) : z && !F ? /* @__PURE__ */ W(Ji, { message: "Conversation ended" }) : F ? /* @__PURE__ */ W("div", {
 		className: "messaging-shell h-full bg-background-primary overflow-hidden",
 		children: /* @__PURE__ */ W("div", {
 			className: "flex h-full min-h-0 flex-col",
-			children: /* @__PURE__ */ W(zi, {
+			children: /* @__PURE__ */ W(qi, {
 				channel: F,
 				renderMessageInputActions: t,
 				renderConversationFooter: n,
 				renderChannelBanner: _,
-				onLeaveConversation: ae,
-				onBlockParticipant: ae,
-				CustomChannelEmptyState: c,
+				onLeaveConversation: oe,
+				onBlockParticipant: oe,
+				CustomChannelEmptyState: s,
 				showDeleteConversation: te,
-				onBlockParticipantClick: u,
-				onReportParticipantClick: d,
-				dmAgentEnabled: m,
-				onMessageSent: h,
+				onBlockParticipantClick: c,
+				onReportParticipantClick: u,
+				dmAgentEnabled: f,
+				onMessageSent: p,
 				viewerLanguage: g,
 				customChannelActions: v,
 				renderChannelActions: y,
@@ -3420,30 +3468,30 @@ var Vi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversati
 				attachmentPreviewList: D
 			}, F.id)
 		})
-	}) : /* @__PURE__ */ W(Li, {});
+	}) : /* @__PURE__ */ W(Gi, {});
 };
 //#endregion
 //#region src/hooks/useRestorePendingMessages.ts
-function Hi(e) {
+function Xi(e) {
 	let t = e.state.pending_messages;
 	if (t?.length) for (let n of t) e.state.addMessageSorted(n.message);
 }
 //#endregion
 //#region src/components/ChannelList/ChannelListContext.tsx
-var Ui = i.createContext({
+var Zi = o.createContext({
 	selectedChannel: void 0,
 	onChannelSelect: () => {},
 	debug: !1,
 	renderMessagePreview: void 0,
 	channelPreview: void 0,
 	viewerLanguage: void 0
-}), Wi = Ui.Provider, Gi = () => i.useContext(Ui), Ki = (e, t) => {
+}), Qi = Zi.Provider, $i = () => o.useContext(Zi), ea = (e, t) => {
 	let n = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), r = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
 	return Math.floor((r - n) / 864e5);
-}, qi = (e) => {
+}, ta = (e) => {
 	let t = /* @__PURE__ */ new Date();
 	if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60) return "Just now";
-	let n = Ki(e, t);
+	let n = ea(e, t);
 	return n === 0 ? e.toLocaleTimeString([], {
 		hour: "numeric",
 		minute: "2-digit",
@@ -3456,8 +3504,8 @@ var Ui = i.createContext({
 		day: "numeric",
 		year: "numeric"
 	});
-}, Ji = i.memo((e) => {
-	let { channel: t, unread: n } = e, { selectedChannel: r, onChannelSelect: i, debug: a, channelPreview: o, renderMessagePreview: s, viewerLanguage: c } = Gi(), { client: l } = de(), u = r?.id === t?.id, d = nt(t);
+}, na = o.memo((e) => {
+	let { channel: t, unread: n } = e, { selectedChannel: r, onChannelSelect: i, debug: a, channelPreview: o, renderMessagePreview: s, viewerLanguage: c } = $i(), { client: l } = me(), u = r?.id === t?.id, d = at(t);
 	if (o) return /* @__PURE__ */ W(o, {
 		...e,
 		active: u,
@@ -3470,13 +3518,13 @@ var Ui = i.createContext({
 	}, p = (e) => {
 		let t = e.key === "Enter" || e.key === " ", n = e.repeat;
 		!t || n || (e.preventDefault(), f());
-	}, m = rt(t?.state?.members, l?.userID, t?.type), h = st(m?.user), g = m?.user?.image, _ = (() => {
+	}, m = ot(t?.state?.members, l?.userID, t?.type), h = ut(m?.user), g = m?.user?.image, _ = (() => {
 		let e = t?.state?.messages;
 		if (e?.length) {
 			for (let t = e.length - 1; t >= 0; t--) if (e[t].type !== "system") return e[t];
 		}
 	})(), v = (() => {
-		let e = wt({
+		let e = Dt({
 			message: _,
 			viewerLanguage: c
 		}), { custom_type: t, attachment_content_type: n } = _?.metadata || {};
@@ -3489,7 +3537,7 @@ var Ui = i.createContext({
 		if (e) return e;
 		let r = _?.attachments?.[0];
 		return r ? r.og_scrape_url ? r.og_scrape_url : r.type === "image" ? "📷 Sent an image" : r.type === "video" ? "🎥 Sent a video" : r.type === "audio" ? "🎵 Sent audio" : r.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-	})(), y = _?.created_at ? qi(new Date(_.created_at)) : "", b = _ ? It(_) : !1, x = s ? s(_, v) : `${b ? "✨ " : ""}${v}`, S = n ?? 0;
+	})(), y = _?.created_at ? ta(new Date(_.created_at)) : "", b = _ ? zt(_) : !1, x = s ? s(_, v) : `${b ? "✨ " : ""}${v}`, S = n ?? 0;
 	return a && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
 		channelId: t?.id,
 		isSelected: u,
@@ -3501,14 +3549,14 @@ var Ui = i.createContext({
 		tabIndex: 0,
 		onClick: f,
 		onKeyDown: p,
-		className: J("group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2", {
+		className: Y("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]": u,
 			"hover:bg-black/[0.02]": !u
 		}),
 		"data-dd-privacy": "mask",
 		children: /* @__PURE__ */ G("div", {
 			className: "flex items-start gap-4",
-			children: [/* @__PURE__ */ W(pt, {
+			children: [/* @__PURE__ */ W(gt, {
 				id: m?.user?.id || t.id || "unknown",
 				name: h,
 				image: g,
@@ -3519,7 +3567,7 @@ var Ui = i.createContext({
 				children: [/* @__PURE__ */ G("div", {
 					className: "flex items-center justify-between gap-2",
 					children: [/* @__PURE__ */ G("h3", {
-						className: J("text-sm font-medium truncate text-[#191918]"),
+						className: Y("text-sm font-medium truncate text-[#191918]"),
 						children: [d && /* @__PURE__ */ W("span", {
 							className: "sr-only",
 							children: "Starred conversation. "
@@ -3542,22 +3590,22 @@ var Ui = i.createContext({
 		})
 	});
 });
-Ji.displayName = "CustomChannelPreview";
+na.displayName = "CustomChannelPreview";
 //#endregion
 //#region src/components/ChannelList/index.tsx
-var Yi = { last_message_at: -1 }, Xi = i.memo(({ onChannelSelect: e, selectedChannel: t, filters: n, allowNewMessagesFromUnfilteredChannels: r = !1, channelRenderFilterFn: a, sort: o = Yi, className: s, customEmptyStateIndicator: c, channelListPaginator: l = T, channelPreview: u, renderMessagePreview: d, viewerLanguage: f, lockChannelOrder: p, onMessageNewHandler: m, onMessageNew: h, onChannelVisible: g, onAddedToChannel: _, onChannelUpdated: v }) => {
-	let y = i.useRef(0);
+var ra = { last_message_at: -1 }, ia = o.memo(({ onChannelSelect: e, selectedChannel: t, filters: n, allowNewMessagesFromUnfilteredChannels: r = !1, channelRenderFilterFn: i, sort: a = ra, className: s, customEmptyStateIndicator: c, channelListPaginator: l = D, channelPreview: u, renderMessagePreview: d, viewerLanguage: f, lockChannelOrder: p, onMessageNewHandler: m, onMessageNew: h, onChannelVisible: g, onAddedToChannel: _, onChannelUpdated: v }) => {
+	let y = o.useRef(0);
 	y.current++;
-	let { debug: b = !1 } = $e(), S = i.useCallback((e) => {
-		for (let t of e) Hi(t);
-		return a ? a(e) : e;
-	}, [a]);
+	let { debug: b = !1 } = nt(), x = o.useCallback((e) => {
+		for (let t of e) Xi(t);
+		return i ? i(e) : e;
+	}, [i]);
 	b && console.log("📺 [ChannelList] 🔄 RENDER START", {
 		renderCount: y.current,
 		selectedChannelId: t?.id,
 		filters: n
 	});
-	let C = i.useMemo(() => ({
+	let S = o.useMemo(() => ({
 		selectedChannel: t,
 		onChannelSelect: e,
 		debug: b,
@@ -3573,17 +3621,17 @@ var Yi = { last_message_at: -1 }, Xi = i.memo(({ onChannelSelect: e, selectedCha
 		f
 	]);
 	return /* @__PURE__ */ W("div", {
-		className: J("messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden", s),
+		className: Y("messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden", s),
 		children: /* @__PURE__ */ W("div", {
 			className: "flex-1 overflow-hidden min-w-0",
-			children: /* @__PURE__ */ W(Wi, {
-				value: C,
-				children: /* @__PURE__ */ W(x, {
+			children: /* @__PURE__ */ W(Qi, {
+				value: S,
+				children: /* @__PURE__ */ W(C, {
 					filters: n,
-					sort: o,
+					sort: a,
 					options: { limit: 30 },
 					allowNewMessagesFromUnfilteredChannels: r,
-					channelRenderFilterFn: S,
+					channelRenderFilterFn: x,
 					lockChannelOrder: p,
 					onMessageNewHandler: m,
 					onMessageNew: h,
@@ -3591,29 +3639,29 @@ var Yi = { last_message_at: -1 }, Xi = i.memo(({ onChannelSelect: e, selectedCha
 					onAddedToChannel: _,
 					onChannelUpdated: v,
 					Paginator: l,
-					Preview: Ji,
+					Preview: na,
 					EmptyStateIndicator: c
-				}, `${JSON.stringify(n)}:${JSON.stringify(o)}`)
+				}, `${JSON.stringify(n)}:${JSON.stringify(a)}`)
 			})
 		})
 	});
 });
-Xi.displayName = "ChannelList";
+ia.displayName = "ChannelList";
 //#endregion
 //#region src/components/RichCard/RichCardBody.tsx
-var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", Qi = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", $i = ({ surface: e, actions: t, layout: n }) => {
+var aa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", oa = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", sa = ({ surface: e, actions: t, layout: n }) => {
 	if (t == null || t.length === 0) return null;
 	let r = n === "stacked";
 	return /* @__PURE__ */ W("div", {
-		className: J("flex gap-2", r ? "mt-3 flex-col" : "min-w-0 max-w-[60%] flex-row flex-wrap justify-end"),
-		children: t.map((t, n) => /* @__PURE__ */ W(ln, {
+		className: Y("flex gap-2", r ? "mt-3 flex-col" : "min-w-0 max-w-[60%] flex-row flex-wrap justify-end"),
+		children: t.map((t, n) => /* @__PURE__ */ W(fn, {
 			variant: e,
 			cta: t,
 			fullWidth: r,
 			standalone: !0
 		}, `${t.label}-${n}`))
 	});
-}, ea = ({ ctaSurface: e, chinTextColor: t, title: n, subtitle: r, subtitleLines: i = 3, appIcon: a, actions: o }) => {
+}, ca = ({ ctaSurface: e, chinTextColor: t, title: n, subtitle: r, subtitleLines: i = 3, appIcon: a, actions: o }) => {
 	let s = n != null && n.trim() !== "", c = r != null && r.trim() !== "", l = o != null && o.length > 0;
 	if (!s && !c && !l) return null;
 	let u = { color: t }, d = i > 1 ? {
@@ -3630,12 +3678,12 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 				className: "shrink-0",
 				children: a
 			}) : null, /* @__PURE__ */ W("p", {
-				className: J("min-w-0", Zi),
+				className: Y("min-w-0", aa),
 				style: u,
 				children: n
 			})]
 		}), c && /* @__PURE__ */ W("p", {
-			className: J(Qi, i > 1 && "whitespace-pre-line", i <= 1 && "truncate"),
+			className: Y(oa, i > 1 && "whitespace-pre-line", i <= 1 && "truncate"),
 			style: d,
 			children: r
 		})]
@@ -3644,21 +3692,21 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 		className: "shrink-0 px-4 py-3",
 		children: f ? /* @__PURE__ */ G("div", {
 			className: "flex items-center justify-between gap-3",
-			children: [p, /* @__PURE__ */ W($i, {
+			children: [p, /* @__PURE__ */ W(sa, {
 				surface: e,
 				actions: o,
 				layout: "row"
 			})]
-		}) : /* @__PURE__ */ G(U, { children: [p, /* @__PURE__ */ W($i, {
+		}) : /* @__PURE__ */ G(U, { children: [p, /* @__PURE__ */ W(sa, {
 			surface: e,
 			actions: o,
 			layout: "stacked"
 		})] })
 	});
-}, ta = {
+}, la = {
 	dark: "bg-white/[0.06]",
 	light: "bg-black/[0.04]"
-}, na = {
+}, ua = {
 	1: [0],
 	2: [-10, 10],
 	3: [
@@ -3666,7 +3714,7 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 		0,
 		13
 	]
-}, ra = {
+}, da = {
 	1: [0],
 	2: [-26, 26],
 	3: [
@@ -3674,7 +3722,7 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 		0,
 		40
 	]
-}, ia = {
+}, fa = {
 	1: [0],
 	2: [0, 1],
 	3: [
@@ -3682,7 +3730,7 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 		3,
 		2
 	]
-}, aa = {
+}, pa = {
 	1: [1],
 	2: [1, 1],
 	3: [
@@ -3690,70 +3738,70 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 		1.08,
 		1
 	]
-}, oa = ({ variant: t, images: n }) => {
-	let [r, a] = i.useState({}), o = n.join("\n"), [s, c] = i.useState(o);
-	o !== s && (c(o), a({}));
-	let l = n.slice(0, 3).map((e, t) => ({
+}, ma = ({ variant: e, images: t }) => {
+	let [n, r] = o.useState({}), i = t.join("\n"), [s, c] = o.useState(i);
+	i !== s && (c(i), r({}));
+	let l = t.slice(0, 3).map((e, t) => ({
 		src: e,
 		index: t
-	})).filter(({ index: e }) => !r[e]), u = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, d = na[u], f = ra[u], p = ia[u], m = aa[u];
+	})).filter(({ index: e }) => !n[e]), u = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, d = ua[u], f = da[u], p = fa[u], m = pa[u];
 	return /* @__PURE__ */ W("div", {
-		className: J("relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden", ta[t]),
-		children: l.map(({ src: t, index: n }, r) => /* @__PURE__ */ W("img", {
-			src: e(t) ?? t,
+		className: Y("relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden", la[e]),
+		children: l.map(({ src: e, index: t }, n) => /* @__PURE__ */ W("img", {
+			src: a(e) ?? e,
 			alt: "",
 			draggable: !1,
 			loading: "lazy",
 			decoding: "async",
-			onError: () => a((e) => ({
+			onError: () => r((e) => ({
 				...e,
-				[n]: !0
+				[t]: !0
 			})),
 			className: "absolute left-1/2 top-1/2 w-[62%] aspect-[3/2] rounded-[12px] bg-[#ffffff] object-cover shadow-md",
 			style: {
-				transform: `translate(-50%, -50%) translateX(${f[r]}px) rotate(${d[r]}deg) scale(${m[r]})`,
-				zIndex: p[r]
+				transform: `translate(-50%, -50%) translateX(${f[n]}px) rotate(${d[n]}deg) scale(${m[n]})`,
+				zIndex: p[n]
 			}
-		}, `${t}-${n}`))
+		}, `${e}-${t}`))
 	});
-}, sa = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", ca = ({ variant: e, presentation: t, images: n, title: r, heroUrl: i, onHeroError: a }) => /* @__PURE__ */ W("div", {
-	className: sa,
-	children: t === "fan" ? /* @__PURE__ */ W(oa, {
+}, ha = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", ga = ({ variant: e, presentation: t, images: n, title: r, heroUrl: i, onHeroError: a }) => /* @__PURE__ */ W("div", {
+	className: ha,
+	children: t === "fan" ? /* @__PURE__ */ W(ma, {
 		variant: e,
 		images: n
-	}) : /* @__PURE__ */ W(wn, {
+	}) : /* @__PURE__ */ W(Dn, {
 		variant: e,
 		thumbnailUrl: i,
 		title: r,
 		mimeType: "image/*",
 		onImageError: a
 	})
-}), la = ({ variant: e, title: t, subtitle: n, subtitleLines: r, images: i = [], imagePresentation: a, actions: o, appIcon: s, accentColor: c, groupPosition: l = "single" }) => {
-	let u = Se({
+}), _a = ({ variant: e, title: t, subtitle: n, subtitleLines: r, images: i = [], imagePresentation: a, actions: o, appIcon: s, accentColor: c, groupPosition: l = "single" }) => {
+	let u = Te({
 		imagePresentation: a,
 		images: i
-	}), d = i.length > 0, f = d && u === "hero", p = An({
+	}), d = i.length > 0, f = d && u === "hero", p = Nn({
 		variant: e,
 		accentColor: c,
 		layout: "featured",
 		thumbnailUrl: f ? i[0] : void 0
 	}), m = l === "single" || l === "end";
-	return /* @__PURE__ */ W(Pn, {
+	return /* @__PURE__ */ W(Ln, {
 		accentHex: p.accentHex,
 		side: e === "dark" ? "sender" : "receiver",
 		visible: m,
-		children: /* @__PURE__ */ G(vn, {
+		children: /* @__PURE__ */ G(xn, {
 			variant: e,
 			accentHex: p.accentHex,
 			"data-testid": "rich-card",
-			children: [d && /* @__PURE__ */ W(ca, {
+			children: [d && /* @__PURE__ */ W(ga, {
 				variant: e,
 				presentation: u,
 				images: i,
 				title: t,
 				heroUrl: f ? p.thumbnailUrl : void 0,
 				onHeroError: p.onImageError
-			}), /* @__PURE__ */ W(ea, {
+			}), /* @__PURE__ */ W(ca, {
 				ctaSurface: p.surface,
 				chinTextColor: p.chinTextColor,
 				title: t,
@@ -3764,19 +3812,19 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 			})]
 		})
 	});
-}, ua = {
-	Sent: (e) => /* @__PURE__ */ W(la, {
+}, va = {
+	Sent: (e) => /* @__PURE__ */ W(_a, {
 		...e,
 		variant: "dark"
 	}),
-	Received: (e) => /* @__PURE__ */ W(la, {
+	Received: (e) => /* @__PURE__ */ W(_a, {
 		...e,
 		variant: "light"
 	})
-}, da = "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%", fa = {
+}, ya = "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%", ba = {
 	sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
 	received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, pa = ({ variant: e }) => /* @__PURE__ */ W("span", {
+}, xa = ({ variant: e }) => /* @__PURE__ */ W("span", {
 	"aria-hidden": "true",
 	className: "pointer-events-none absolute bottom-0 z-[-1] h-[1.4375rem] w-5",
 	style: {
@@ -3784,11 +3832,11 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 		insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
 		transform: e === "received" ? "scaleX(-1)" : void 0,
 		transformOrigin: "center",
-		backgroundColor: fa[e],
-		WebkitMask: da,
-		mask: da
+		backgroundColor: ba[e],
+		WebkitMask: ya,
+		mask: ya
 	}
-}), ma = {
+}), Sa = {
 	sent: {
 		backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
 		color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -3797,11 +3845,11 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 		backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
 		color: "var(--str-chat__message-bubble-color, #000000)"
 	}
-}, ha = ({ variant: e, text: t, tail: n = !0, header: r, className: i }) => /* @__PURE__ */ G("div", {
+}, Ca = ({ variant: e, text: t, tail: n = !0, header: r, className: i }) => /* @__PURE__ */ G("div", {
 	"data-dd-privacy": "mask",
-	className: J("relative px-4 py-3", "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]", i),
+	className: Y("relative px-4 py-3", "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]", i),
 	style: {
-		...ma[e],
+		...Sa[e],
 		borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
 		isolation: "isolate"
 	},
@@ -3815,41 +3863,41 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 			className: "m-0 whitespace-pre-wrap break-words hyphens-manual",
 			children: t
 		}),
-		n && /* @__PURE__ */ W(pa, { variant: e })
+		n && /* @__PURE__ */ W(xa, { variant: e })
 	]
-}), ga = {
-	Sent: ({ text: e, tail: t, className: n }) => /* @__PURE__ */ W(ha, {
+}), wa = {
+	Sent: ({ text: e, tail: t, className: n }) => /* @__PURE__ */ W(Ca, {
 		variant: "sent",
 		text: e,
 		tail: t,
 		className: n
 	}),
-	Received: ({ text: e, tail: t, header: n, className: r }) => /* @__PURE__ */ W(ha, {
+	Received: ({ text: e, tail: t, header: n, className: r }) => /* @__PURE__ */ W(Ca, {
 		variant: "received",
 		text: e,
 		tail: t,
 		header: n,
 		className: r
 	})
-}, _a = ({ question: e, onClick: t, loading: n = !1, className: r }) => /* @__PURE__ */ W("button", {
+}, Ta = ({ question: e, onClick: t, loading: n = !1, className: r }) => /* @__PURE__ */ W("button", {
 	type: "button",
 	onClick: t,
 	disabled: n,
 	style: { backgroundColor: "#E6E5E3" },
-	className: J("w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring", {
+	className: Y("w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring", {
 		"hover:brightness-95 active:brightness-90": !n,
 		"opacity-50 cursor-not-allowed": n
 	}, r),
 	children: e
-}), va = ({ faqs: e, onFaqClick: t, loadingFaqId: n, headerText: r, className: i, avatarImage: a, avatarName: o }) => {
-	let s = Ce(e);
+}), Ea = ({ faqs: e, onFaqClick: t, loadingFaqId: n, headerText: r, className: i, avatarImage: a, avatarName: o }) => {
+	let s = J(e);
 	return s.length === 0 ? null : /* @__PURE__ */ W("div", {
 		className: i,
 		children: /* @__PURE__ */ G("div", {
 			className: "flex gap-3 items-end",
 			children: [(a || o) && /* @__PURE__ */ W("div", {
 				className: "flex-none",
-				children: /* @__PURE__ */ W(pt, {
+				children: /* @__PURE__ */ W(gt, {
 					id: o || "account",
 					name: o || "Account",
 					image: a,
@@ -3862,7 +3910,7 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 				children: [r && /* @__PURE__ */ W("p", {
 					className: "text-md text-charcoal mb-4",
 					children: r
-				}), s.map((e) => /* @__PURE__ */ W(_a, {
+				}), s.map((e) => /* @__PURE__ */ W(Ta, {
 					question: e.question,
 					onClick: () => t(e.id),
 					loading: n === e.id
@@ -3872,6 +3920,6 @@ var Zi = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text
 	});
 };
 //#endregion
-export { gt as ActionButton, pt as Avatar, Fi as ChannelEmptyState, Xi as ChannelList, zi as ChannelView, Ot as CustomMessageProvider, va as FaqList, _a as FaqListItem, Fn as LinkAttachment, Nt as LockedAttachment, Gr as MessageAttachment, ga as MessageBubble, Xe as MessagingLoggerProvider, et as MessagingProvider, Vi as MessagingShell, ua as RichCard, Zt as TipMessage, Qn as buildCompactMetaLabel, Yn as formatFileSize, qi as formatRelativeTime, Zn as getFileExtensionLabel, wt as getMessageDisplayText, Tt as isLinkAttachment, Xt as isTipMessage, at as isUuidLike, Wn as messageAttachmentGroupPositionFromStream, Ct as normalizeLanguageCode, e as optimizeMessagingAttachmentUrl, rt as resolveConversationParticipant, st as resolveParticipantDisplayName, mi as useComposerLocked, kt as useCustomMessage, tt as useMessaging, Ze as useMessagingLogger };
+export { yt as ActionButton, gt as Avatar, Ui as ChannelEmptyState, ia as ChannelList, qi as ChannelView, jt as CustomMessageProvider, Ea as FaqList, Ta as FaqListItem, Rn as LinkAttachment, It as LockedAttachment, Qr as MessageAttachment, wa as MessageBubble, $e as MessagingLoggerProvider, rt as MessagingProvider, Yi as MessagingShell, va as RichCard, en as TipMessage, tr as buildCompactMetaLabel, Qn as formatFileSize, ta as formatRelativeTime, er as getFileExtensionLabel, Dt as getMessageDisplayText, Ot as isLinkAttachment, $t as isTipMessage, ct as isUuidLike, qn as messageAttachmentGroupPositionFromStream, Et as normalizeLanguageCode, a as optimizeMessagingAttachmentUrl, ot as resolveConversationParticipant, ut as resolveParticipantDisplayName, Si as useComposerLocked, Mt as useCustomMessage, it as useMessaging, et as useMessagingLogger };
 
 //# sourceMappingURL=index.js.map