@linktr.ee/messaging-react 4.4.7 → 4.4.8-rc-1788251276

package/dist/index.js

@@ -1,31 +1,31 @@
-import { a as e, i as t, n, o as r, r as i, s as a } from "./AttachmentCard-DSekwIOA.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 { a as e, c as t, i as n, n as r, o as i, r as a, s as o } from "./AttachmentCard-BaZk77fe.js";
+import s, { Suspense as c, createContext as l, useCallback as u, useContext as d, useEffect as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
+import { StreamChatService as _ } from "@linktr.ee/messaging-core";
+import { LinkPreviewsManager as v, StreamChat as y } from "stream-chat";
+import { AIStates as b, Attachment as x, AttachmentPreviewList as S, Channel as C, ChannelList as w, Chat as T, DateSeparator as E, EditMessageModal as D, InfiniteScroll as O, MessageBlocked as k, MessageBounceModal as A, MessageBouncePrompt as j, MessageDeleted as M, MessageErrorIcon as N, MessageInput as P, MessageIsThreadReplyInChannelButtonIndicator as F, MessageList as I, MessageRepliesCountButton as L, MessageStatus as R, MessageText as z, MessageTimestamp as B, Poll as ee, QuotedMessagePreview as te, ReminderNotification as ne, StreamedMessageText as re, TextareaComposer as V, Window as ie, 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 me, useChatContext as he, useComponentContext as ge, useMessageComposer as _e, useMessageComposerHasSendableData as ve, useMessageContext as H, useMessageInputContext as ye, useMessageReminder as be, useStateStore as xe, useTypingContext as Se } 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 q, isAgeSafetySystemType as J, isDmAgentSystemType as Se, isOfficialChannel as Ce, resolveRichCardImagePresentation as we, selectEnabledFaqs as Te } from "@linktr.ee/messaging-taxonomy";
+import { MESSAGE_CUSTOM_TYPE as K, OFFICIAL_SENDER_USER_ID as q, isAgeSafetySystemType as Ce, isDmAgentSystemType as we, isOfficialChannel as J, resolveRichCardImagePresentation as Te, selectEnabledFaqs as Ee } 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 Me, DotsThreeIcon as Ne, DownloadSimpleIcon as X, FlagIcon as Z, 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";
+import { ArrowLeftIcon as De, ArrowUpIcon as Oe, CaretLeftIcon as ke, CaretRightIcon as Ae, ChecksIcon as je, CircleNotchIcon as Me, CurrencyDollarIcon as Ne, DotsThreeIcon as X, DownloadSimpleIcon as Z, FlagIcon as Pe, GiftIcon as Fe, MegaphoneIcon as Ie, PencilSimpleIcon as Le, PlayIcon as Re, ProhibitIcon as ze, ProhibitInsetIcon as Be, SignOutIcon as Ve, SparkleIcon as He, SpinnerGapIcon as Ue, StarIcon as We, TrashSimpleIcon as Ge, VideoCameraIcon as Ke, WarningCircleIcon as qe, XIcon as Je } from "@phosphor-icons/react";
+import { DefaultDropdownActionButton as Ye, MessageActions as Xe } from "stream-chat-react/experimental";
 //#region src/logging/index.tsx
-var Xe = {
+var Ze = {
 	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)
-}, 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, {
+}, Qe = (e) => ({
+	debug: e?.debug ?? Ze.debug,
+	info: e?.info ?? Ze.info,
+	warn: e?.warn ?? Ze.warn,
+	error: e?.error ?? Ze.error
+}), $e = l(Ze), et = ({ logger: e, children: t }) => {
+	let n = m(() => Qe(e), [e]);
+	return /* @__PURE__ */ W($e.Provider, {
 		value: n,
 		children: t
 	});
-}, et = () => u(Qe), tt = c({
+}, tt = () => d($e), nt = l({
 	service: null,
 	client: null,
 	isConnected: !1,
@@ -34,29 +34,29 @@ var Xe = {
 	capabilities: {},
 	refreshConnection: async () => {},
 	debug: !1
-}), 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) => {
+}), rt = () => d(nt), it = ({ children: e, user: t, serviceConfig: n, apiKey: r, capabilities: i = {}, debug: a = !1, client: o, logger: c }) => {
+	let l = u((e, ...t) => {
 		a && console.log(`🔥 [MessagingProvider] ${e}`, ...t);
 	}, [a]);
-	u("🔄 RENDER START", {
+	l("🔄 RENDER START", {
 		userId: t?.id,
 		apiKey: r?.substring(0, 8) + "...",
 		serviceConfig: !!n,
 		capabilities: Object.keys(i)
 	});
-	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);
+	let [d, p] = g(null), [m, v] = g(null), [b, x] = g(!1), [S, C] = g(!1), [w, E] = g(null), D = h(!1), O = h(null), k = h(n);
 	k.current = n;
-	let A = m(a);
+	let A = h(a);
 	A.current = a;
-	let j = m(c);
+	let j = h(c);
 	j.current = c;
-	let M = m({
+	let M = h({
 		userId: t?.id,
 		apiKey: r,
 		serviceConfig: n,
 		capabilities: i
-	}), N = m(0);
-	N.current++, u("📊 RENDER INFO", {
+	}), N = h(0);
+	N.current++, l("📊 RENDER INFO", {
 		renderCount: N.current,
 		currentProps: {
 			userId: t?.id,
@@ -74,90 +74,90 @@ var Xe = {
 		serviceConfig: n,
 		capabilities: i
 	};
-	let P = m(null);
-	!s && r && P.current?.apiKey !== r && (P.current = {
+	let P = h(null);
+	!o && r && P.current?.apiKey !== r && (P.current = {
 		apiKey: r,
-		client: new v(r)
+		client: new y(r)
 	});
-	let F = s || (r ? P.current?.client ?? null : null);
-	d(() => {
+	let F = o || (r ? P.current?.client ?? null : null);
+	f(() => {
 		let e = N.current, t = k.current;
-		if (s) {
-			O.current = null, p(null), y(null), x(!1), E(null), C(!1);
+		if (o) {
+			O.current = null, p(null), v(null), x(!1), E(null), C(!1);
 			return;
 		}
 		if (!r || !F || !t) {
-			u("⚠️ SERVICE INIT SKIPPED", {
+			l("⚠️ SERVICE INIT SKIPPED", {
 				renderCount: e,
 				reason: "Missing apiKey, client, or serviceConfig"
 			});
 			return;
 		}
-		u("🚀 CREATING SERVICE", {
+		l("🚀 CREATING SERVICE", {
 			renderCount: e,
 			apiKey: r?.substring(0, 8) + "..."
 		});
-		let n = new g({
+		let n = new _({
 			...t,
 			apiKey: r,
 			debug: A.current,
 			client: F,
-			...t.logger || !j.current ? {} : { logger: Ze(j.current) }
+			...t.logger || !j.current ? {} : { logger: Qe(j.current) }
 		});
-		O.current = n, p(n), u("✅ SERVICE SET", {
+		O.current = n, p(n), l("✅ SERVICE SET", {
 			renderCount: e,
 			serviceInstance: !!n
 		});
 	}, [
 		r,
 		F,
-		s
+		o
 	]);
-	let I = m(null);
-	d(() => {
-		if (u("🔗 USER CONNECTION EFFECT TRIGGERED", {
-			hasService: !!f,
+	let I = h(null);
+	f(() => {
+		if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
+			hasService: !!d,
 			hasUser: !!t,
 			userId: t?.id,
 			isConnecting: D.current,
 			isConnected: b,
 			dependencies: {
-				service: !!f,
+				service: !!d,
 				userId: t?.id
 			}
-		}), !s) {
-			if (!f || !t) {
-				u("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
+		}), !o) {
+			if (!d || !t) {
+				l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
 				return;
 			}
 			if (D.current) {
-				u("⚠️ USER CONNECTION SKIPPED", "Already connecting");
+				l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
 				return;
 			}
-			if (I.current?.serviceId === f && I.current?.userId === t.id) {
-				u("⚠️ USER CONNECTION SKIPPED", "Already connected this user with this service");
+			if (I.current?.serviceId === d && I.current?.userId === t.id) {
+				l("⚠️ USER CONNECTION SKIPPED", "Already connected this user with this service");
 				return;
 			}
 			(async () => {
-				u("🚀 STARTING USER CONNECTION", { userId: t.id }), D.current = !0, C(!0), E(null);
+				l("🚀 STARTING USER CONNECTION", { userId: t.id }), D.current = !0, C(!0), E(null);
 				try {
-					u("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-					let e = await f.connectUser(t);
-					y(e), x(!0), I.current = {
-						serviceId: f,
+					l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
+					let e = await d.connectUser(t);
+					v(e), x(!0), I.current = {
+						serviceId: d,
 						userId: t.id
-					}, u("✅ USER CONNECTION SUCCESS", {
+					}, l("✅ USER CONNECTION SUCCESS", {
 						userId: t.id,
 						clientId: e.userID
 					});
 				} catch (e) {
 					let n = e instanceof Error ? e.message : "Connection failed";
-					E(n), u("❌ USER CONNECTION ERROR", {
+					E(n), l("❌ USER CONNECTION ERROR", {
 						userId: t.id,
 						error: n
 					});
 				} finally {
-					C(!1), D.current = !1, u("🔄 USER CONNECTION FINISHED", {
+					C(!1), D.current = !1, l("🔄 USER CONNECTION FINISHED", {
 						userId: t.id,
 						isConnected: b
 					});
@@ -165,92 +165,92 @@ var Xe = {
 			})();
 		}
 	}, [
-		f,
+		d,
 		t,
-		u,
+		l,
 		b,
-		s
-	]), d(() => {
+		o
+	]), f(() => {
 		let e = F;
 		return () => {
 			e && (I.current = null, O.current?.disconnectUser().catch(console.error));
 		};
 	}, [F]);
-	let L = l(async () => {
-		if (u("🔄 REFRESH CONNECTION CALLED", {
-			hasService: !!f,
+	let L = u(async () => {
+		if (l("🔄 REFRESH CONNECTION CALLED", {
+			hasService: !!d,
 			hasUser: !!t
-		}), !s) {
-			if (!f || !t) {
-				u("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
+		}), !o) {
+			if (!d || !t) {
+				l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
 				return;
 			}
-			u("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), C(!0);
+			l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), C(!0);
 			try {
-				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 });
+				l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
+				let e = await d.connectUser(t);
+				v(e), x(!0), E(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
 			} catch (e) {
 				let n = e instanceof Error ? e.message : "Refresh failed";
-				E(n), u("❌ CONNECTION REFRESH ERROR", {
+				E(n), l("❌ CONNECTION REFRESH ERROR", {
 					userId: t.id,
 					error: n
 				});
 			} finally {
-				C(!1), u("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+				C(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
 			}
 		}
 	}, [
-		f,
+		d,
 		t,
-		u,
-		s
-	]), R = o.useMemo(() => (u("💫 CONTEXT VALUE MEMOIZATION", {
-		hasService: !!f,
-		hasClient: !!_,
+		l,
+		o
+	]), R = s.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+		hasService: !!d,
+		hasClient: !!m,
 		isConnected: b,
 		isLoading: S,
-		hasError: !!T,
+		hasError: !!w,
 		capabilitiesKeys: Object.keys(i)
 	}), {
-		service: s ? null : f,
-		client: s ?? _,
-		isConnected: s ? !0 : b,
-		isLoading: !s && S,
-		error: s ? null : T,
+		service: o ? null : d,
+		client: o ?? m,
+		isConnected: o ? !0 : b,
+		isLoading: !o && S,
+		error: o ? null : w,
 		capabilities: i,
 		refreshConnection: L,
 		debug: a
 	}), [
-		f,
-		_,
-		s,
+		d,
+		m,
+		o,
 		b,
 		S,
-		T,
+		w,
 		i,
 		L,
 		a,
-		u
+		l
 	]);
-	return u("🔄 RENDER END", {
+	return l("🔄 RENDER END", {
 		renderCount: N.current,
 		willRenderChat: !!F,
 		contextValueReady: !!R
-	}), /* @__PURE__ */ W($e, {
+	}), /* @__PURE__ */ W(et, {
 		logger: c,
-		children: /* @__PURE__ */ W(tt.Provider, {
+		children: /* @__PURE__ */ W(nt.Provider, {
 			value: R,
-			children: F ? /* @__PURE__ */ W(w, {
+			children: F ? /* @__PURE__ */ W(T, {
 				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
 		})
 	});
-}, it = () => nt(), at = (e) => {
-	let [t, n] = h(!!e?.state?.membership?.pinned_at);
-	return d(() => {
+}, at = () => rt(), ot = (e) => {
+	let [t, n] = g(!!e?.state?.membership?.pinned_at);
+	return f(() => {
 		if (!e) {
 			n(!1);
 			return;
@@ -266,9 +266,9 @@ var Xe = {
 };
 //#endregion
 //#region src/utils/resolveConversationParticipant.ts
-function ot(e, t, n) {
+function st(e, t, n) {
 	let r = Object.values(e || {});
-	if (Ce(n)) {
+	if (J(n)) {
 		let e = r.find((e) => e.user?.id === q);
 		if (e) return e;
 	}
@@ -276,20 +276,20 @@ function ot(e, t, n) {
 }
 //#endregion
 //#region src/utils/resolveParticipantDisplayName.ts
-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());
+var ct = /^[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 lt(e) {
+	return ct.test(e.trim());
 }
-function lt(e, t) {
+function ut(e, t) {
 	let n = e?.trim();
-	return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !ct(n);
+	return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !lt(n);
 }
-function ut(e) {
-	return lt(e?.name, e?.id) ? e.name.trim() : lt(e?.username, e?.id) ? e.username.trim() : "Unknown member";
+function dt(e) {
+	return ut(e?.name, e?.id) ? e.name.trim() : ut(e?.username, e?.id) ? e.username.trim() : "Unknown member";
 }
 //#endregion
 //#region src/components/Avatar/getAvatarEmoji.ts
-var dt = [
+var ft = [
 	{
 		emoji: "🍎",
 		bgColor: "#FFD1DD"
@@ -343,7 +343,7 @@ var dt = [
 		bgColor: "#D9F7E1"
 	}
 ];
-function ft(e) {
+function pt(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) {
 		let r = e.charCodeAt(n);
@@ -351,19 +351,19 @@ function ft(e) {
 	}
 	return Math.abs(t);
 }
-function pt(e) {
-	return dt[ft(e) % dt.length];
-}
 function mt(e) {
-	return pt(e).emoji;
+	return ft[pt(e) % ft.length];
 }
 function ht(e) {
-	return pt(e).bgColor;
+	return mt(e).emoji;
+}
+function gt(e) {
+	return mt(e).bgColor;
 }
 //#endregion
 //#region src/components/Avatar/index.tsx
-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", {
+var _t = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape: a = "squircle", dmAgentEnabled: o = !1 }) => {
+	let s = ht(e), c = gt(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", {
 		"data-testid": "avatar-inner",
 		className: "h-full w-full overflow-hidden",
 		style: d,
@@ -396,7 +396,7 @@ var gt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 			"aria-hidden": "true",
 			"data-testid": "avatar-star",
 			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(Ue, {
+			children: /* @__PURE__ */ W(We, {
 				className: "size-3 text-yellow-600",
 				weight: "duotone"
 			})
@@ -415,17 +415,17 @@ var gt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 			children: f
 		})]
 	});
-}, _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) {
+}, vt = "https://linktr.ee/s/about/trust-center/report", yt = ({ 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: d, debug: p } = rt(), m = t?.user?.id, h = !!(r && n && d && m), [_, v] = g(!1), [y, b] = g(null), [x, S] = g(!1), [C, w] = g(!1), T = h && (y?.participantId !== m || y?.service !== d);
+	return f(() => {
+		if (!h || !d || !m) {
 			v(!1), b(null);
 			return;
 		}
 		let e = !1;
 		return (async () => {
 			try {
-				let t = await f.getBlockedUsers();
+				let t = await d.getBlockedUsers();
 				if (e) return;
 				v(t.some((e) => e.blocked_user_id === m));
 			} catch (t) {
@@ -433,15 +433,15 @@ var gt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 			} finally {
 				e || b({
 					participantId: m,
-					service: f
+					service: d
 				});
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		g,
-		f,
+		h,
+		d,
 		m,
 		u
 	]), {
@@ -463,10 +463,10 @@ var gt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 			}
 		},
 		handleBlockUser: async () => {
-			if (!(C || !f)) {
+			if (!(C || !d)) {
 				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), l?.();
+					await d.blockUser(t?.user?.id), a && await a(t?.user?.id), l?.();
 				} catch (e) {
 					console.error(`[${u}] Failed to block member`, e);
 				} finally {
@@ -475,10 +475,10 @@ var gt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 			}
 		},
 		handleUnblockUser: async () => {
-			if (!(C || !f)) {
+			if (!(C || !d)) {
 				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), l?.();
+					await d.unBlockUser(t?.user?.id), a && await a(t?.user?.id), l?.();
 				} catch (e) {
 					console.error(`[${u}] Failed to unblock member`, e);
 				} finally {
@@ -487,102 +487,118 @@ var gt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 			}
 		},
 		handleReportUser: () => {
-			c?.(), l?.(), window.open(_t, "_blank", "noopener,noreferrer");
+			c?.(), l?.(), window.open(vt, "_blank", "noopener,noreferrer");
 		}
 	};
-}, yt = ({ variant: e = "default", className: t, children: n, ...r }) => /* @__PURE__ */ W("button", {
+}, bt = ({ variant: e = "default", className: t, children: n, ...r }) => /* @__PURE__ */ W("button", {
 	type: "button",
 	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
-}), 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({
+}), xt = ({ channel: e, participant: n, showDeleteConversation: r = !0, showBlockParticipant: i = !0, showReportParticipant: a = !0, onLeaveConversation: o, onBlockParticipant: s, onDeleteConversationClick: c, onBlockParticipantClick: l, onReportParticipantClick: d, customChannelActions: m, triggerClassName: _ }) => {
+	let [v, y] = g(!1), b = h(null), x = p(), { isParticipantBlocked: S, isCheckingBlockedStatus: C, isLeaving: w, isUpdatingBlockStatus: T, handleLeaveConversation: E, handleBlockUser: D, handleUnblockUser: O, handleReportUser: k } = yt({
 		channel: e,
-		participant: t,
-		showBlockParticipant: r,
-		enabled: _,
-		onLeaveConversation: a,
-		onBlockParticipant: o,
-		onDeleteConversationClick: s,
-		onBlockParticipantClick: c,
-		onReportParticipantClick: u,
-		onActionComplete: l(() => v(!1), []),
+		participant: n,
+		showBlockParticipant: i,
+		enabled: v,
+		onLeaveConversation: o,
+		onBlockParticipant: s,
+		onDeleteConversationClick: c,
+		onBlockParticipantClick: l,
+		onReportParticipantClick: d,
+		onActionComplete: u(() => y(!1), []),
 		logLabel: "ChannelActionsMenu"
 	});
-	return d(() => {
-		if (!_) return;
+	return f(() => {
+		if (!v) return;
 		let e = (e) => {
-			y.current && !y.current.contains(e.target) && v(!1);
+			b.current && !b.current.contains(e.target) && y(!1);
 		}, t = (e) => {
-			e.key === "Escape" && v(!1);
+			e.key === "Escape" && y(!1);
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [_]), !t || !(n || r || i || p) ? null : /* @__PURE__ */ G("div", {
-		ref: y,
+	}, [v]), !n || !(r || i || a || m) ? null : /* @__PURE__ */ G("div", {
+		ref: b,
 		className: "relative",
 		children: [/* @__PURE__ */ G("button", {
-			className: g,
+			className: _,
 			type: "button",
 			"aria-haspopup": "true",
-			"aria-expanded": _,
-			"aria-controls": _ ? b : void 0,
-			onClick: () => v((e) => !e),
-			children: [/* @__PURE__ */ W(Ne, { className: "size-5 text-black/90" }), /* @__PURE__ */ W("span", {
+			"aria-expanded": v,
+			"aria-controls": v ? x : void 0,
+			onClick: () => y((e) => !e),
+			children: [/* @__PURE__ */ W(X, { className: "size-5 text-black/90" }), /* @__PURE__ */ W("span", {
 				className: "sr-only",
 				children: "More options"
 			})]
-		}), _ && /* @__PURE__ */ W("div", {
-			id: b,
+		}), v && /* @__PURE__ */ W("div", {
+			id: x,
 			"aria-label": "Conversation options",
 			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(yt, {
-						onClick: T,
-						disabled: C,
-						"aria-busy": C,
-						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: /* @__PURE__ */ G(bt, {
+						onClick: E,
+						disabled: w,
+						"aria-busy": w,
+						children: [w ? /* @__PURE__ */ W(t, {
+							size: "md",
+							icon: Ue,
+							weight: "regular"
+						}) : /* @__PURE__ */ W(Ve, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Delete Conversation" })]
 					}) }),
-					r && /* @__PURE__ */ W("li", { children: S ? /* @__PURE__ */ G(yt, {
+					i && /* @__PURE__ */ W("li", { children: C ? /* @__PURE__ */ G(bt, {
 						disabled: !0,
 						"aria-busy": !0,
-						children: [/* @__PURE__ */ W(He, { className: "h-5 w-5 animate-spin" }), /* @__PURE__ */ W("span", { children: "Block" })]
-					}) : x ? /* @__PURE__ */ G(yt, {
+						children: [/* @__PURE__ */ W(t, {
+							size: "md",
+							icon: Ue,
+							weight: "regular"
+						}), /* @__PURE__ */ W("span", { children: "Block" })]
+					}) : S ? /* @__PURE__ */ G(bt, {
+						onClick: O,
+						disabled: T,
+						"aria-busy": T,
+						children: [T ? /* @__PURE__ */ W(t, {
+							size: "md",
+							icon: Ue,
+							weight: "regular"
+						}) : /* @__PURE__ */ W(Be, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Unblock" })]
+					}) : /* @__PURE__ */ G(bt, {
 						onClick: D,
-						disabled: w,
-						"aria-busy": w,
-						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(He, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ W(ze, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Block" })]
+						disabled: T,
+						"aria-busy": T,
+						children: [T ? /* @__PURE__ */ W(t, {
+							size: "md",
+							icon: Ue,
+							weight: "regular"
+						}) : /* @__PURE__ */ W(Be, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Block" })]
 					}) }),
-					i && /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G(yt, {
+					a && /* @__PURE__ */ W("li", { children: /* @__PURE__ */ G(bt, {
 						variant: "danger",
-						onClick: O,
-						children: [/* @__PURE__ */ W(Z, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Report" })]
+						onClick: k,
+						children: [/* @__PURE__ */ W(Pe, { className: "h-5 w-5" }), /* @__PURE__ */ W("span", { children: "Report" })]
 					}) }),
-					p
+					m
 				]
 			})
 		})]
 	});
-}, 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), [
+}, St = "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", Ct = "CUSTOMER_PAID", wt = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ct, Tt = ({ className: e, onBack: t, showBackButton: n, showStarButton: r = !1, onLeaveConversation: i, onBlockParticipant: a, showDeleteConversation: o = !0, showBlockParticipant: c = !0, showReportParticipant: l = !0, onDeleteConversationClick: u, onBlockParticipantClick: d, onReportParticipantClick: f, customChannelActions: p, renderChannelActions: m, showChannelInfo: h = !0, onParticipantNameClick: g }) => {
+	let { channel: _ } = me(), { client: v } = he(), y = s.useMemo(() => st(_.state?.members, v?.userID, _.type), [
 		_.state?.members,
 		v?.userID,
 		_.type
-	]), 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 () => {
+	]), b = dt(y?.user), x = y?.user?.image, S = ot(_), C = wt(_.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(gt, {
+	}, D = /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(_t, {
 		id: y?.user?.id || _.id || "unknown",
 		name: b,
 		image: x,
@@ -602,7 +618,7 @@ var gt = ({ 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(Me, {
+						children: /* @__PURE__ */ W(Ne, {
 							className: "size-2.5",
 							weight: "bold"
 						})
@@ -612,13 +628,13 @@ var gt = ({ 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(Ue, {
+							children: /* @__PURE__ */ W(We, {
 								className: "size-2.5",
 								weight: "fill"
 							})
 						})
 					}),
-					g && /* @__PURE__ */ W(ke, {
+					g && /* @__PURE__ */ W(Ae, {
 						"aria-hidden": "true",
 						className: "size-4 shrink-0 text-black/65",
 						weight: "bold"
@@ -635,11 +651,11 @@ var gt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 				/* @__PURE__ */ W("div", {
 					className: "flex items-start",
 					children: n && /* @__PURE__ */ W("button", {
-						className: Y(xt, "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"),
+						className: Y(St, "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"),
 						onClick: t || (() => {}),
 						type: "button",
 						"aria-label": "Back to conversations",
-						children: /* @__PURE__ */ W(Ee, { className: "size-5 text-black/90" })
+						children: /* @__PURE__ */ W(De, { className: "size-5 text-black/90" })
 					})
 				}),
 				/* @__PURE__ */ W("div", {
@@ -659,22 +675,22 @@ var gt = ({ 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: xt,
+						className: St,
 						onClick: E,
 						type: "button",
 						"aria-pressed": S,
 						"aria-label": S ? "Unstar conversation" : "Star conversation",
-						children: /* @__PURE__ */ W(Ue, {
+						children: /* @__PURE__ */ W(We, {
 							className: Y("size-5", {
 								"text-[#FFD60A]": S,
 								"text-black/90": !S
 							}),
 							weight: S ? "fill" : "regular"
 						})
-					}), h && (m === void 0 ? /* @__PURE__ */ W(bt, {
+					}), h && (m === void 0 ? /* @__PURE__ */ W(xt, {
 						channel: _,
 						participant: y,
-						showDeleteConversation: s,
+						showDeleteConversation: o,
 						showBlockParticipant: c,
 						showReportParticipant: l,
 						onLeaveConversation: i,
@@ -683,48 +699,48 @@ var gt = ({ id: e, image: t, size: n = 40, className: r, starred: i = !1, shape:
 						onBlockParticipantClick: d,
 						onReportParticipantClick: f,
 						customChannelActions: p,
-						triggerClassName: xt
+						triggerClassName: St
 					}) : m)]
 				})
 			]
 		})
 	});
-}, Tt = (e) => /* @__PURE__ */ W(T, {
+}, Et = (e) => /* @__PURE__ */ W(E, {
 	...e,
 	position: "center"
 });
 //#endregion
 //#region src/utils/getMessageDisplayText.ts
-function Et(e) {
+function Dt(e) {
 	return e?.trim().toLowerCase().split(/[-_]/)[0] || void 0;
 }
-function Dt({ message: e, viewerLanguage: t }) {
-	let n = e?.text, r = Et(t);
+function Ot({ message: e, viewerLanguage: t }) {
+	let n = e?.text, r = Dt(t);
 	return r ? e?.i18n?.[`${r}_text`] ?? n : n;
 }
 //#endregion
 //#region src/components/LinkAttachment/components/_shared/normalizeExternalHref.ts
-var Ot = /^([a-z][a-z0-9+.-]*):/i, kt = /* @__PURE__ */ new Set([
+var kt = /^([a-z][a-z0-9+.-]*):/i, At = /* @__PURE__ */ new Set([
 	"http",
 	"https",
 	"mailto",
 	"tel",
 	"sms"
 ]);
-function At(e) {
+function jt(e) {
 	if (typeof e != "string") return;
 	let t = e.trim();
 	if (t === "") return;
-	let n = Ot.exec(t);
+	let n = kt.exec(t);
 	if (n) {
 		let e = n[1].toLowerCase();
-		return kt.has(e) ? t : void 0;
+		return At.has(e) ? t : void 0;
 	}
 	return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
 //#endregion
 //#region src/components/LinkAttachment/components/_shared/CardCta.tsx
-var jt = {
+var Mt = {
 	dark: {
 		primary: "bg-white text-[#121110] hover:bg-white/90",
 		secondary: "bg-white/15 text-white hover:bg-white/25"
@@ -733,11 +749,11 @@ var jt = {
 		primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
 		secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
 	}
-}, Mt = ({ 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", jt[e][i]), o = n ? t.label : /* @__PURE__ */ W("span", {
+}, Nt = ({ 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", Mt[e][i]), o = n ? t.label : /* @__PURE__ */ W("span", {
 		className: "min-w-0 truncate",
 		children: t.label
-	}), s = At(t.href);
+	}), s = jt(t.href);
 	return s ? /* @__PURE__ */ W("a", {
 		href: s,
 		target: "_blank",
@@ -755,21 +771,21 @@ var jt = {
 		className: a,
 		children: o
 	});
-}, Nt = {
+}, Pt = {
 	dark: "text-white",
 	light: "text-black/90"
-}, Pt = "text-white/30", Ft = {
+}, Ft = "text-white/30", It = {
 	dark: "text-white/55",
 	light: "text-black/55"
-}, It = {
+}, Lt = {
 	dark: "bg-white/25",
 	light: "bg-black/15"
-}, Lt = ({ 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 }) => {
+}, Rt = ({ 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 = Y("line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", n == null && (f && !r ? Pt : Nt[e])), b = Y("truncate text-[12px] leading-4 tracking-[0.24px]", n == null && Ft[e]), x = Y("text-[12px] leading-4 tracking-[0.24px]", o <= 1 && "truncate", n == null && Ft[e]);
+	let y = Y("line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", n == null && (f && !r ? Ft : Pt[e])), b = Y("truncate text-[12px] leading-4 tracking-[0.24px]", n == null && It[e]), x = Y("text-[12px] leading-4 tracking-[0.24px]", o <= 1 && "truncate", n == null && It[e]);
 	if (d) {
-		let t = Y("animate-pulse rounded", It[e]);
+		let t = Y("animate-pulse rounded", Lt[e]);
 		return /* @__PURE__ */ W("div", {
 			className: "shrink-0 px-4 py-3",
 			children: /* @__PURE__ */ G("div", {
@@ -827,16 +843,16 @@ var jt = {
 				className: "shrink-0",
 				children: u
 			})]
-		}), l && /* @__PURE__ */ W(Mt, {
+		}), l && /* @__PURE__ */ W(Nt, {
 			variant: t ?? e,
 			cta: l
 		})]
 	});
-}, Rt = "Loading link preview", zt = Y("relative w-[var(--lt-msg-card-width,290px)] max-w-full select-none overflow-hidden", "rounded-[20px]"), Bt = "flex h-[250px] flex-col", Vt = ({ 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 = "link-card" }) => {
-	let f = Y("messaging-link-card", zt, l ? Bt : "block", s ?? (e === "dark" ? "bg-[#1e2330]" : "bg-[#f1f0ee]"), n != null || r != null ? "cursor-pointer no-underline focus-ring" : null), p = u ? {
+}, zt = "Loading link preview", Bt = Y("relative w-[var(--lt-msg-card-width,290px)] max-w-full select-none overflow-hidden", "rounded-[20px]"), Vt = "flex h-[250px] flex-col", Ht = ({ 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 = "link-card" }) => {
+	let f = Y("messaging-link-card", Bt, l ? Vt : "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": Rt
+		"aria-label": zt
 	} : void 0, m = c ? { "--accent": c } : void 0, h = o ? /* @__PURE__ */ W("div", {
 		"data-testid": "card-shell-top-right",
 		className: "pointer-events-auto absolute right-3 top-3 z-10",
@@ -874,24 +890,24 @@ var jt = {
 		...p,
 		children: [t, h]
 	});
-}, Ht = {
+}, Ut = {
 	dark: "bg-white/10",
 	light: "bg-black/5"
-}, Ut = {
+}, Wt = {
 	dark: "size-16 text-white/25",
 	light: "size-16 text-black/25"
-}, Wt = (e, n) => !!n && !!e && t(e) === "audio", Gt = (e, n) => {
-	if (!n || !e) return !1;
-	let r = t(e);
+}, Gt = (e, t) => !!t && !!e && n(e) === "audio", Kt = (e, t) => {
+	if (!t || !e) return !1;
+	let r = n(e);
 	return r === "video" || r === "audio";
-}, Kt = "bg-[#F2F3F4]", qt = ({ 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 && Wt(c, o) ? /* @__PURE__ */ W("div", {
+}, qt = "bg-[#F2F3F4]", Jt = ({ variant: t, thumbnailUrl: i, sourceUrl: a, title: s, mimeType: c = "image/*", topLeft: l, topRight: u, isLoading: d = !1, onImageError: f }) => {
+	let p = n(c), m = !!a && p === "video", h = o(i);
+	return !d && Gt(c, a) ? /* @__PURE__ */ W("div", {
 		className: "p-3",
 		children: /* @__PURE__ */ W("audio", {
 			...e,
 			"data-testid": "card-thumbnail-audio",
-			src: o,
+			src: a,
 			controls: !0,
 			preload: "metadata",
 			className: "block w-full",
@@ -903,11 +919,11 @@ var jt = {
 		children: [
 			d ? /* @__PURE__ */ W("div", {
 				"data-testid": "card-thumbnail-skeleton",
-				className: Y("h-full w-full animate-pulse", Ht[r]),
+				className: Y("h-full w-full animate-pulse", Ut[t]),
 				"aria-hidden": !0
 			}) : m ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("video", {
 				"data-testid": "card-thumbnail-video",
-				src: o,
+				src: a,
 				poster: h,
 				controls: !0,
 				playsInline: !0,
@@ -930,9 +946,9 @@ var jt = {
 				className: "absolute inset-0 h-full w-full object-cover"
 			}) : /* @__PURE__ */ W("div", {
 				"data-testid": "card-thumbnail-placeholder",
-				className: Y("flex h-full w-full items-center justify-center", Ht[r]),
-				children: n(c, {
-					className: Ut[r],
+				className: Y("flex h-full w-full items-center justify-center", Ut[t]),
+				children: r(c, {
+					className: Wt[t],
 					weight: "regular"
 				})
 			}),
@@ -948,25 +964,25 @@ var jt = {
 			}) : null
 		]
 	});
-}, Jt = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Yt(e) {
+}, Yt = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Xt(e) {
 	let t = e.trim();
 	return t.startsWith("#") ? t : `#${t}`;
 }
 //#endregion
 //#region src/components/LinkAttachment/components/_shared/useChinPalette.ts
-var Xt = "#FFFFFF", Zt = "#040403", Qt = {
-	dark: Xt,
-	light: Zt
+var Zt = "#FFFFFF", Qt = "#040403", $t = {
+	dark: Zt,
+	light: Qt
 };
-function $t({ variant: e, accentColor: t, status: n = "ready", layout: r = "featured", thumbnailUrl: i, mimeType: a, sourceUrl: s }) {
-	let [c, l] = o.useState(!1);
-	o.useEffect(() => {
+function en({ variant: e, accentColor: t, status: n = "ready", layout: r = "featured", thumbnailUrl: i, mimeType: a, sourceUrl: o }) {
+	let [c, l] = s.useState(!1);
+	s.useEffect(() => {
 		l(!1);
 	}, [i]);
-	let u = o.useCallback(() => {
+	let u = s.useCallback(() => {
 		l(!0);
-	}, []), d = Wt(a, s), f = r === "featured" && i && !d && !c && n === "ready" && t != null && Jt.test(t.trim()) ? Yt(t) : void 0, p = d ? Zt : Qt[e];
+	}, []), d = Gt(a, o), f = r === "featured" && i && !d && !c && n === "ready" && t != null && Yt.test(t.trim()) ? Xt(t) : void 0, p = d ? Qt : $t[e];
 	return {
 		thumbnailUrl: c ? void 0 : i,
 		accentHex: f,
@@ -978,8 +994,8 @@ function $t({ variant: e, accentColor: t, status: n = "ready", layout: r = "feat
 }
 //#endregion
 //#region src/components/LinkAttachment/components/Composer/Card.tsx
-var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white transition-colors duration-150 hover:bg-[#2a2928] focus-ring", tn = "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", _ = Wt(a, s), v = $t({
+var tn = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white transition-colors duration-150 hover:bg-[#2a2928] focus-ring", nn = "relative before:absolute before:-inset-[10px] before:content-['']", rn = ({ 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", _ = Gt(a, s), v = en({
 		variant: "dark",
 		accentColor: d,
 		status: f,
@@ -991,8 +1007,8 @@ var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 		type: "button",
 		onClick: p,
 		"aria-label": h,
-		className: Y(en, !_ && tn),
-		children: /* @__PURE__ */ W(qe, {
+		className: Y(tn, !_ && nn),
+		children: /* @__PURE__ */ W(Je, {
 			className: "size-3",
 			weight: "bold"
 		})
@@ -1001,19 +1017,19 @@ var en = "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(Ie, {
+		children: /* @__PURE__ */ W(Le, {
 			className: "size-5",
 			weight: "regular"
 		})
 	}) : void 0;
-	return _ && !v.isLoading ? /* @__PURE__ */ W(Vt, {
+	return _ && !v.isLoading ? /* @__PURE__ */ W(Ht, {
 		variant: "dark",
-		bgClassName: Kt,
+		bgClassName: qt,
 		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(qt, {
+				children: /* @__PURE__ */ W(Jt, {
 					variant: "dark",
 					sourceUrl: s,
 					title: e,
@@ -1024,13 +1040,13 @@ var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 				children: y
 			})]
 		})
-	}) : /* @__PURE__ */ G(Vt, {
+	}) : /* @__PURE__ */ G(Ht, {
 		variant: "dark",
 		fixedHeight: !g,
 		accentHex: v.accentHex,
 		busy: v.isLoading,
 		topRight: g ? y : void 0,
-		children: [!g && /* @__PURE__ */ W(qt, {
+		children: [!g && /* @__PURE__ */ W(Jt, {
 			variant: "dark",
 			thumbnailUrl: v.thumbnailUrl,
 			sourceUrl: s,
@@ -1039,7 +1055,7 @@ var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 			topRight: y,
 			isLoading: v.isLoading,
 			onImageError: v.onImageError
-		}), /* @__PURE__ */ W(Lt, {
+		}), /* @__PURE__ */ W(Rt, {
 			chinTextColor: v.chinTextColor,
 			variant: "dark",
 			ctaSurface: v.surface,
@@ -1054,7 +1070,7 @@ var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 			isLoading: v.isLoading
 		})]
 	});
-}, rn = ({ accentHex: e, side: t, visible: n, children: r }) => n ? /* @__PURE__ */ G("div", {
+}, an = ({ 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,
@@ -1063,10 +1079,10 @@ var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 		style: e ? { "--accent": e } : void 0,
 		className: Y("messaging-link-card-tail", t === "receiver" && "messaging-link-card-tail--received")
 	})]
-}) : /* @__PURE__ */ W(U, { children: r }), an = {
-	Composer: nn,
+}) : /* @__PURE__ */ W(U, { children: r }), on = {
+	Composer: rn,
 	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 = Gt(a, s), g = At(i), _ = u == null && g != null && !h ? g : void 0, v = u == null && !h && _ != null ? p : void 0, y = f !== "loading" && Wt(a, s), b = $t({
+		let h = Kt(a, s), g = jt(i), _ = u == null && g != null && !h ? g : void 0, v = u == null && !h && _ != null ? p : void 0, y = f !== "loading" && Gt(a, s), b = en({
 			variant: "dark",
 			accentColor: d,
 			status: f,
@@ -1075,19 +1091,19 @@ var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 			mimeType: a,
 			sourceUrl: s
 		});
-		return /* @__PURE__ */ W(rn, {
+		return /* @__PURE__ */ W(an, {
 			accentHex: b.accentHex,
 			side: "sender",
 			visible: !y && (m === "single" || m === "end"),
-			children: /* @__PURE__ */ G(Vt, {
+			children: /* @__PURE__ */ G(Ht, {
 				variant: "dark",
 				href: _,
 				onClick: v,
 				fixedHeight: c === "featured" && !y,
 				accentHex: b.accentHex,
 				busy: b.isLoading,
-				bgClassName: y ? Kt : void 0,
-				children: [c === "featured" && /* @__PURE__ */ W(qt, {
+				bgClassName: y ? qt : void 0,
+				children: [c === "featured" && /* @__PURE__ */ W(Jt, {
 					variant: "dark",
 					thumbnailUrl: b.thumbnailUrl,
 					sourceUrl: s,
@@ -1095,7 +1111,7 @@ var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 					mimeType: a,
 					isLoading: b.isLoading,
 					onImageError: b.onImageError
-				}), /* @__PURE__ */ W(Lt, {
+				}), /* @__PURE__ */ W(Rt, {
 					chinTextColor: b.chinTextColor,
 					variant: "dark",
 					ctaSurface: b.surface,
@@ -1112,12 +1128,12 @@ var en = "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 = Gt(i, o), h = At(r), g = l == null && h != null && !m ? h : void 0, _ = l == null && !m ? f : void 0, v = d !== "loading" && Wt(i, o) ? Kt : void 0, y = l && f ? {
+		let m = Kt(i, o), h = jt(r), g = l == null && h != null && !m ? h : void 0, _ = l == null && !m ? f : void 0, v = d !== "loading" && Gt(i, o) ? qt : void 0, y = l && f ? {
 			...l,
 			onClick: () => {
 				f(), l.onClick?.();
 			}
-		} : l, b = $t({
+		} : l, b = en({
 			variant: "light",
 			accentColor: u,
 			status: d,
@@ -1126,11 +1142,11 @@ var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 			mimeType: i,
 			sourceUrl: o
 		});
-		return /* @__PURE__ */ W(rn, {
+		return /* @__PURE__ */ W(an, {
 			accentHex: b.accentHex,
 			side: "receiver",
 			visible: v == null && (p === "single" || p === "end"),
-			children: /* @__PURE__ */ G(Vt, {
+			children: /* @__PURE__ */ G(Ht, {
 				variant: "light",
 				href: g,
 				onClick: _,
@@ -1140,7 +1156,7 @@ var en = "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(qt, {
+				children: [s === "featured" && /* @__PURE__ */ W(Jt, {
 					variant: "light",
 					thumbnailUrl: b.thumbnailUrl,
 					sourceUrl: o,
@@ -1148,7 +1164,7 @@ var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 					mimeType: i,
 					isLoading: b.isLoading,
 					onImageError: b.onImageError
-				}), /* @__PURE__ */ W(Lt, {
+				}), /* @__PURE__ */ W(Rt, {
 					chinTextColor: b.chinTextColor,
 					variant: "light",
 					ctaSurface: b.surface,
@@ -1166,24 +1182,24 @@ var en = "flex size-6 items-center justify-center rounded-full bg-[#121110] text
 };
 //#endregion
 //#region src/components/MediaMessage/index.tsx
-function on(e) {
+function sn(e) {
 	return e.type === "link" || !!e.og_scrape_url?.trim();
 }
 //#endregion
 //#region src/components/CustomMessage/context.tsx
-var sn = { LockedAttachment: { isUnlocking: () => !1 } }, cn = c({}), ln = cn.Provider;
-function un(e) {
-	return u(cn)[e] ?? sn[e];
+var cn = { LockedAttachment: { isUnlocking: () => !1 } }, ln = l({}), un = ln.Provider;
+function dn(e) {
+	return d(ln)[e] ?? cn[e];
 }
 //#endregion
 //#region src/components/CustomMessage/LockedAttachment/index.tsx
-var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import("./Card-BhwBkgxI.js")), pn = () => /* @__PURE__ */ W("div", {
+var fn = s.lazy(() => import("./Card-C7uLQbYz.js")), pn = s.lazy(() => import("./Card-BdyQhysm.js")), mn = () => /* @__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
-}), mn = (e) => /* @__PURE__ */ W(s, {
-	fallback: /* @__PURE__ */ W(pn, {}),
-	children: e.contentType === "text" ? /* @__PURE__ */ W(dn, { ...e }) : /* @__PURE__ */ W(fn, { ...e })
-}), hn = ({ size: e = 15 }) => /* @__PURE__ */ W("svg", {
+}), hn = (e) => /* @__PURE__ */ W(c, {
+	fallback: /* @__PURE__ */ W(mn, {}),
+	children: e.contentType === "text" ? /* @__PURE__ */ W(fn, { ...e }) : /* @__PURE__ */ W(pn, { ...e })
+}), gn = ({ size: e = 15 }) => /* @__PURE__ */ W("svg", {
 	width: e,
 	height: e,
 	viewBox: "0 0 15 15",
@@ -1194,14 +1210,14 @@ var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import(".
 		fill: "currentColor",
 		fillOpacity: .55
 	})
-}), gn = (e) => e.metadata?.custom_type === K.PAID, _n = (e) => e.metadata?.custom_type === K.CHATBOT, vn = (e) => e.metadata?.custom_type === K.ATTACHMENT, yn = (e) => vn(e) && e.metadata?.attachment_content_type === "text", bn = (e) => vn(e) && e.metadata?.attachment_content_type !== "text", xn = (e) => gn(e) && !!e.metadata?.amount_text, Sn = ({ message: e, isMyMessage: t = !1, hasAttachment: n = !1 }) => {
-	let r = gn(e), i = _n(e);
+}), _n = (e) => e.metadata?.custom_type === K.PAID, vn = (e) => e.metadata?.custom_type === K.CHATBOT, yn = (e) => e.metadata?.custom_type === K.ATTACHMENT, bn = (e) => yn(e) && e.metadata?.attachment_content_type === "text", xn = (e) => yn(e) && e.metadata?.attachment_content_type !== "text", Sn = (e) => _n(e) && !!e.metadata?.amount_text, Cn = ({ message: e, isMyMessage: t = !1, hasAttachment: n = !1 }) => {
+	let r = _n(e), i = vn(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(Pe, { size: 12 }), /* @__PURE__ */ G("span", { children: [
+			children: [/* @__PURE__ */ W(Fe, { size: 12 }), /* @__PURE__ */ G("span", { children: [
 				"Delivered with ",
 				t,
 				" message"
@@ -1213,17 +1229,17 @@ var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import(".
 		children: o
 	}), l = /* @__PURE__ */ W("span", {
 		className: "inline-flex items-center leading-none",
-		children: /* @__PURE__ */ W(hn, { size: a ? 12 : 15 })
+		children: /* @__PURE__ */ W(gn, { 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] })
 	});
-}, Cn = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E\") no-repeat center / 100% 100%", wn = {
+}, wn = "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%", Tn = {
 	me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
 	other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Tn = ({ side: e }) => /* @__PURE__ */ W("span", {
+}, En = ({ side: e }) => /* @__PURE__ */ W("span", {
 	"aria-hidden": "true",
 	className: "pointer-events-none absolute bottom-0 z-[-1] h-[1.4375rem] w-5",
 	style: {
@@ -1231,18 +1247,18 @@ var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import(".
 		insetInlineStart: e === "other" ? "calc(-1 * 0.3125rem)" : void 0,
 		transform: e === "other" ? "scaleX(-1)" : void 0,
 		transformOrigin: "center",
-		backgroundColor: wn[e],
-		WebkitMask: Cn,
-		mask: Cn
+		backgroundColor: Tn[e],
+		WebkitMask: wn,
+		mask: wn
 	}
-}), En = c(void 0), Dn = (e) => {
+}), Dn = l(void 0), On = (e) => {
 	let t = e.metadata?.outbound_id;
 	return typeof t == "string" ? t : void 0;
-}, On = (e, t) => {
+}, kn = (e, t) => {
 	if (!t || !e?.length) return;
 	let n = /* @__PURE__ */ new Set(), r;
 	for (let i of e) {
-		let e = Dn(i);
+		let e = On(i);
 		if (!e || n.has(e)) continue;
 		n.add(e);
 		let a = t(e);
@@ -1252,15 +1268,15 @@ var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import(".
 		});
 	}
 	return r;
-}, kn = (e, t) => {
+}, An = (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);
-}, An = (e, t) => {
-	let n = On(e, t), [r, i] = h(n);
-	return kn(r, n) ? r : (i(n), n);
-}, jn = (e) => e.metadata?.custom_type === K.TIP, Mn = ({ message: e }) => {
+}, jn = (e, t) => {
+	let n = kn(e, t), [r, i] = g(n);
+	return An(r, n) ? r : (i(n), n);
+}, Mn = (e) => e.metadata?.custom_type === K.TIP, Nn = ({ 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",
@@ -1273,32 +1289,32 @@ var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import(".
 			children: [t, " tip!"]
 		})]
 	}) : null;
-}, Nn = () => {
-	let { message: e } = H("SentMessageDeliveryStatus"), { messages: t } = V("SentMessageDeliveryStatus"), n = (() => {
+}, Pn = () => {
+	let { message: e } = H("SentMessageDeliveryStatus"), { messages: t } = me("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;
-}, Pn = () => Nn() ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(Ae, {
+}, Fn = () => Pn() ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(je, {
 	weight: "bold",
 	"aria-hidden": "true"
 }), /* @__PURE__ */ W("span", {
 	"data-testid": "sent-message-delivery-status",
 	children: "Delivered"
-})] }) : null, Fn = () => Nn() ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(je, {
+})] }) : null, In = () => Pn() ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(Me, {
 	className: "sent-message-status__spinner animate-spin",
 	weight: "bold",
 	"aria-hidden": "true"
 }), /* @__PURE__ */ W("span", {
 	"data-testid": "sent-message-sending-status",
 	children: "Sending"
-})] }) : null, In = ({ outbound: e, onOutboundClick: t }) => {
+})] }) : null, Ln = ({ 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(Fe, { weight: "fill" })
+		children: /* @__PURE__ */ W(Ie, { weight: "fill" })
 	}), /* @__PURE__ */ W("span", {
 		className: Y("sent-message-outbound-name", { "underline [text-decoration-skip-ink:auto]": !!t }),
 		"data-testid": "sent-message-outbound-status",
@@ -1311,28 +1327,28 @@ var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import(".
 		onClick: () => t(e),
 		children: r
 	}) : r;
-}, Ln = () => /* @__PURE__ */ G("span", {
+}, Rn = () => /* @__PURE__ */ G("span", {
 	className: "str-chat__message-status sent-message-status--failed",
-	children: [/* @__PURE__ */ W(Ke, {
+	children: [/* @__PURE__ */ W(qe, {
 		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 = Nn();
+}), zn = ({ onOutboundClick: e, resolvedOutbound: t }) => {
+	let { isMyMessage: n, message: r, threadList: i } = H("SentMessageDeliveryStatus"), a = n(), o = Pn();
 	if (i) return null;
-	if (r.status === "failed" && a && r.type !== "error") return /* @__PURE__ */ W(Ln, {});
+	if (r.status === "failed" && a && r.type !== "error") return /* @__PURE__ */ W(Rn, {});
 	if (!a) return null;
-	let s = r.metadata?.outbound_id, c = r.status !== "sending" && r.status !== "failed" && s && t ? /* @__PURE__ */ W(In, {
+	let s = r.metadata?.outbound_id, c = r.status !== "sending" && r.status !== "failed" && s && t ? /* @__PURE__ */ W(Ln, {
 		outbound: t,
 		onOutboundClick: e
-	}) : null, l = xn(r) ? null : /* @__PURE__ */ W(L, {
-		MessageSentStatus: Pn,
-		MessageDeliveredStatus: Pn,
-		MessageReadStatus: Pn,
-		MessageSendingStatus: jn(r) ? Pn : Fn
+	}) : null, l = Sn(r) ? null : /* @__PURE__ */ W(R, {
+		MessageSentStatus: Fn,
+		MessageDeliveredStatus: Fn,
+		MessageReadStatus: Fn,
+		MessageSendingStatus: Mn(r) ? Fn : In
 	});
 	return c ? /* @__PURE__ */ G("span", {
 		className: "sent-message-status-row",
@@ -1346,16 +1362,16 @@ var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import(".
 			c
 		]
 	}) : l;
-}, zn = {
+}, Bn = {
 	dark: "bg-[#1e2330]",
 	light: "bg-[#f2f1ef]"
-}, Bn = {
+}, Vn = {
 	dark: "text-white",
 	light: "text-[#000000]"
-}, Vn = {
+}, Hn = {
 	dark: "border-white/[0.08]",
 	light: "border-black/[0.08]"
-}, Hn = (e) => e === "dark" ? "sender" : "receiver", Un = {
+}, Un = (e) => e === "dark" ? "sender" : "receiver", Wn = {
 	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]",
@@ -1368,33 +1384,33 @@ var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import(".
 		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]"
 	}
-}, 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];
+}, Gn = ({ 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 ?? Wn[Un(e)][r];
 	return /* @__PURE__ */ G("div", {
 		"data-testid": l,
 		"data-group-position": r,
-		className: Y("relative", i, "overflow-hidden", a, u && "pb-0", d, zn[e], Bn[e], n && "border", n && Vn[e], s),
+		className: Y("relative", i, "overflow-hidden", a, u && "pb-0", d, Bn[e], Vn[e], n && "border", n && Hn[e], s),
 		children: [c, u ? /* @__PURE__ */ W("p", {
 			className: Y("whitespace-pre-wrap break-words leading-snug hyphens-manual", "pb-2 pt-2", "px-2"),
 			children: t
 		}) : null]
 	});
-}, Gn = ({ onClick: e, variant: t = "overlay", ariaLabel: n = "Dismiss attachment" }) => /* @__PURE__ */ W("button", {
+}, Kn = ({ onClick: e, variant: t = "overlay", ariaLabel: n = "Dismiss attachment" }) => /* @__PURE__ */ W("button", {
 	type: "button",
 	onClick: (t) => {
 		t.stopPropagation(), e();
 	},
 	"aria-label": n,
 	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, {
+	children: /* @__PURE__ */ W(Je, {
 		className: "size-3",
 		weight: "bold"
 	})
-}), 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 ? [{
+}), qn = (e) => e === "received" ? "light" : "dark", Jn = ({ firstOfGroup: e, endOfGroup: t, groupedByUser: n }) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Yn = ({ src: e, mimeType: t, filename: n, items: r }) => r && r.length > 0 ? r : e ? [{
 	src: e,
 	mimeType: t,
 	filename: n
-}] : [], Yn = ({ item: t, preload: n, trailingAction: r }) => /* @__PURE__ */ G("div", {
+}] : [], Xn = ({ item: t, preload: n, trailingAction: r }) => /* @__PURE__ */ G("div", {
 	className: "flex items-center gap-2",
 	children: [/* @__PURE__ */ W("audio", {
 		...e,
@@ -1407,8 +1423,8 @@ var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import(".
 			type: t.mimeType
 		}) : null
 	}), 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({
+}), Zn = ({ state: e, src: t, mimeType: n, filename: r, items: i, text: a, groupPosition: o, preload: s, onDismiss: c }) => {
+	let l = qn(e), u = e === "composer" && !!c, d = Yn({
 		src: t,
 		mimeType: n,
 		filename: r,
@@ -1416,43 +1432,43 @@ var dn = o.lazy(() => import("./Card-C7uLQbYz.js")), fn = o.lazy(() => import(".
 	});
 	if (d.length === 0) return null;
 	let f = s ?? (d.length > 1 ? "none" : "metadata");
-	return /* @__PURE__ */ W(Wn, {
+	return /* @__PURE__ */ W(Gn, {
 		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(Yn, {
+			children: d.map((e, t) => /* @__PURE__ */ W(Xn, {
 				item: e,
 				preload: f,
-				trailingAction: u && t === 0 ? /* @__PURE__ */ W(Gn, {
+				trailingAction: u && t === 0 ? /* @__PURE__ */ W(Kn, {
 					onClick: c,
 					variant: "inline"
 				}) : void 0
 			}, `${e.src}-${t}`))
 		})
 	});
-}, Zn = {
-	Composer: (e) => /* @__PURE__ */ W(Xn, {
+}, Qn = {
+	Composer: (e) => /* @__PURE__ */ W(Zn, {
 		...e,
 		state: "composer"
 	}),
-	Sent: (e) => /* @__PURE__ */ W(Xn, {
+	Sent: (e) => /* @__PURE__ */ W(Zn, {
 		...e,
 		state: "sent"
 	}),
-	Received: (e) => /* @__PURE__ */ W(Xn, {
+	Received: (e) => /* @__PURE__ */ W(Zn, {
 		...e,
 		state: "received"
 	})
 };
 //#endregion
 //#region src/components/MessageAttachment/_shared/fileMeta.ts
-function Qn(e) {
+function $n(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 $n = {
+var er = {
 	pdf: "PDF",
 	doc: "DOC",
 	xls: "XLS",
@@ -1462,25 +1478,25 @@ var $n = {
 	text: "TXT",
 	markdown: "MD"
 };
-function er(e, n) {
-	if (n) {
-		let e = n.lastIndexOf(".");
-		if (e > 0 && e < n.length - 1) {
-			let t = n.slice(e + 1);
-			if (t && t.length <= 5) return t.toUpperCase();
+function tr(e, t) {
+	if (t) {
+		let e = t.lastIndexOf(".");
+		if (e > 0 && e < t.length - 1) {
+			let n = t.slice(e + 1);
+			if (n && n.length <= 5) return n.toUpperCase();
 		}
 	}
 	if (!e) return;
-	if (t(e) === "document") {
-		let t = $n[i(e)];
+	if (n(e) === "document") {
+		let t = er[a(e)];
 		if (t) return t;
 		if (e === "application/octet-stream") return;
 	}
 	let r = e.split("/")[1];
 	if (!(!r || r === "*")) return r.toUpperCase();
 }
-function tr(e, t, n) {
-	return [er(e, t), typeof n == "number" && n > 0 ? Qn(n) : void 0].filter(Boolean).join(" · ") || void 0;
+function nr(e, t, n) {
+	return [tr(e, t), typeof n == "number" && n > 0 ? $n(n) : void 0].filter(Boolean).join(" · ") || void 0;
 }
 function Q(e) {
 	try {
@@ -1492,21 +1508,21 @@ function Q(e) {
 }
 //#endregion
 //#region src/components/MessageAttachment/_shared/CompactDocumentRow.tsx
-var nr = {
+var rr = {
 	dark: "text-white/55",
 	light: "text-black/65"
-}, rr = {
+}, ir = {
 	dark: "bg-white/10",
 	light: "bg-black/5"
-}, ir = {
+}, ar = {
 	dark: "text-white/85",
 	light: "text-black/85"
-}, 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]),
+}, or = ({ variant: e, filename: t, title: n, mimeType: i = "application/octet-stream", fileSize: a, onActivate: o, activateLabel: s, trailingAction: c }) => {
+	let l = n ?? t ?? "File", u = nr(i, t, a), d = /* @__PURE__ */ W("div", {
+		className: Y("flex size-10 shrink-0 items-center justify-center rounded-sm", ir[e]),
 		"aria-hidden": !0,
-		children: n(i, {
-			className: Y("size-6", ir[e]),
+		children: r(i, {
+			className: Y("size-6", ar[e]),
 			weight: "regular"
 		})
 	}), f = /* @__PURE__ */ G("div", {
@@ -1515,7 +1531,7 @@ var nr = {
 			className: "truncate font-medium leading-snug",
 			children: l
 		}), u ? /* @__PURE__ */ W("p", {
-			className: Y("truncate text-xs leading-4", nr[e]),
+			className: Y("truncate text-xs leading-4", rr[e]),
 			children: u
 		}) : null]
 	}), p = o ? /* @__PURE__ */ G("button", {
@@ -1535,7 +1551,7 @@ var nr = {
 };
 //#endregion
 //#region src/components/MessageAttachment/_shared/triggerDownload.ts
-async function or(e, t) {
+async function sr(e, t) {
 	let n = t ?? Q(e);
 	try {
 		let t = await fetch(e, { mode: "cors" });
@@ -1551,15 +1567,15 @@ async function or(e, t) {
 }
 //#endregion
 //#region src/components/MessageAttachment/File/index.tsx
-var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a }) => a && a.length > 0 ? a : e ? [{
+var cr = ({ 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
-}] : [], cr = ({ 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(ar, {
+	return /* @__PURE__ */ W(or, {
 		variant: e,
 		filename: a,
 		title: t.title,
@@ -1569,8 +1585,8 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		activateLabel: `Download ${a}`,
 		trailingAction: i
 	});
-}, 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({
+}, ur = ({ state: e, src: t, filename: n, fileSize: r, mimeType: i, title: a, items: o, text: s, groupPosition: c, onClick: l, onDismiss: u }) => {
+	let d = qn(e), f = e === "composer" && !!u, p = cr({
 		src: t,
 		filename: n,
 		fileSize: r,
@@ -1582,55 +1598,55 @@ var sr = ({ 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);
-		or(t.src, n);
+		sr(t.src, n);
 	};
 	if (p.length === 0) return null;
 	let h = /* @__PURE__ */ W("span", {
 		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(X, {
+		children: /* @__PURE__ */ W(Z, {
 			className: "size-5",
 			weight: "bold"
 		})
 	});
-	return /* @__PURE__ */ W(Wn, {
+	return /* @__PURE__ */ W(Gn, {
 		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(cr, {
+			children: p.map((e, t) => /* @__PURE__ */ W(lr, {
 				variant: d,
 				item: e,
 				index: t,
 				onActivate: m,
-				trailingAction: f && t === 0 ? /* @__PURE__ */ W(Gn, {
+				trailingAction: f && t === 0 ? /* @__PURE__ */ W(Kn, {
 					onClick: u,
 					variant: "inline"
 				}) : h
 			}, `${e.src}-${t}`))
 		})
 	});
-}, ur = {
-	Composer: (e) => /* @__PURE__ */ W(lr, {
+}, dr = {
+	Composer: (e) => /* @__PURE__ */ W(ur, {
 		...e,
 		state: "composer"
 	}),
-	Sent: (e) => /* @__PURE__ */ W(lr, {
+	Sent: (e) => /* @__PURE__ */ W(ur, {
 		...e,
 		state: "sent"
 	}),
-	Received: (e) => /* @__PURE__ */ W(lr, {
+	Received: (e) => /* @__PURE__ */ W(ur, {
 		...e,
 		state: "received"
 	})
-}, 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", {
+}, fr = "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", pr = "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", mr = ({ 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: `${fr} left-4`,
-	children: /* @__PURE__ */ W(Oe, {
+	className: `${pr} left-4`,
+	children: /* @__PURE__ */ W(ke, {
 		size: 20,
 		weight: "bold",
 		"aria-hidden": !0
@@ -1639,87 +1655,79 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 	type: "button",
 	onClick: t,
 	"aria-label": r,
-	className: `${fr} right-4`,
-	children: /* @__PURE__ */ W(ke, {
+	className: `${pr} right-4`,
+	children: /* @__PURE__ */ W(Ae, {
 		size: 20,
 		weight: "bold",
 		"aria-hidden": !0
 	})
-})] }), 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?.();
+})] }), hr = ({ url: e, filename: n, variant: r = "pill", label: i = "Download", iconOnly: a, tone: o = "dark", onTriggered: s }) => {
+	let [c, l] = g(!1), d = u((t) => {
+		t.stopPropagation(), !c && (l(!0), sr(e, n).catch(() => {}).finally(() => {
+			l(!1), s?.();
 		}));
 	}, [
-		s,
+		c,
 		e,
-		t,
-		o
-	]), d = i ?? n !== "pill", f = {
-		className: Y(n === "pill" ? "size-4" : "size-5", "shrink-0"),
+		n,
+		s
+	]), f = a ?? r !== "pill", p = {
+		className: Y(r === "pill" ? "size-4" : "size-5", "shrink-0"),
 		weight: "bold"
 	};
-	return n === "inline" ? /* @__PURE__ */ W("button", {
+	return r === "inline" ? /* @__PURE__ */ W("button", {
 		type: "button",
-		onClick: u,
-		disabled: s,
-		"aria-label": r,
+		onClick: d,
+		disabled: c,
+		"aria-label": i,
 		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: s ? /* @__PURE__ */ W(je, {
-			className: "size-4 animate-spin",
-			weight: "bold",
-			"aria-hidden": !0
-		}) : /* @__PURE__ */ W(X, {
+		}[o]),
+		children: c ? /* @__PURE__ */ W(t, { "aria-hidden": !0 }) : /* @__PURE__ */ W(Z, {
 			className: "size-5 shrink-0",
 			weight: "bold",
 			"aria-hidden": !0
 		})
-	}) : n === "viewer" ? /* @__PURE__ */ W("button", {
+	}) : r === "viewer" ? /* @__PURE__ */ W("button", {
 		type: "button",
-		onClick: u,
-		disabled: s,
-		"aria-label": r,
-		className: dr,
-		children: W(s ? je : X, {
+		onClick: d,
+		disabled: c,
+		"aria-label": i,
+		className: fr,
+		children: W(c ? Me : Z, {
 			size: 20,
 			weight: "bold",
 			"aria-hidden": !0
 		})
 	}) : /* @__PURE__ */ G("button", {
 		type: "button",
-		onClick: u,
-		disabled: s,
-		"aria-label": d ? r : void 0,
-		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(X, {
-			...f,
+		onClick: d,
+		disabled: c,
+		"aria-label": f ? i : void 0,
+		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", o === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"),
+		children: [c ? /* @__PURE__ */ W(t, { "aria-hidden": !0 }) : /* @__PURE__ */ W(Z, {
+			...p,
 			"aria-hidden": !0
-		}), d ? null : r]
+		}), f ? null : i]
 	});
-}, 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)));
+}, gr = (e, t, n) => Math.min(Math.max(e, t), n), _r = ({ length: e, initialIndex: t, open: n }) => {
+	let r = gr(t, 0, Math.max(e - 1, 0)), [i, a] = g(r);
+	f(() => {
+		n && a(gr(t, 0, Math.max(e - 1, 0)));
 	}, [
 		n,
 		t,
 		e
-	]), d(() => {
-		a((t) => hr(t, 0, Math.max(e - 1, 0)));
+	]), f(() => {
+		a((t) => gr(t, 0, Math.max(e - 1, 0)));
 	}, [e]);
-	let o = l(() => {
+	let o = u(() => {
 		e <= 1 || a((t) => t <= 0 ? e - 1 : t - 1);
-	}, [e]), s = l(() => {
+	}, [e]), s = u(() => {
 		e <= 1 || a((t) => t >= e - 1 ? 0 : t + 1);
 	}, [e]);
-	return d(() => {
+	return f(() => {
 		if (!n || e <= 1) return;
 		let t = (e) => {
 			if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
@@ -1737,9 +1745,9 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		prev: o,
 		next: s
 	};
-}, _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(() => {
+}, vr = ({ open: e, onClose: t, ariaLabel: n, counter: r, actions: i, children: a, "data-testid": o }) => {
+	let s = h(null), c = h(null);
+	return f(() => {
 		let t = s.current;
 		if (t) {
 			if (e) {
@@ -1796,8 +1804,8 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 					type: "button",
 					onClick: t,
 					"aria-label": "Close viewer",
-					className: dr,
-					children: /* @__PURE__ */ W(qe, {
+					className: fr,
+					children: /* @__PURE__ */ W(Je, {
 						size: 20,
 						weight: "bold",
 						"aria-hidden": !0
@@ -1809,18 +1817,18 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			children: a
 		})]
 	});
-}, vr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
-	let { index: i, prev: a, next: o } = gr({
+}, yr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
+	let { index: i, prev: a, next: o } = _r({
 		length: t.length,
 		initialIndex: n,
 		open: e
-	}), s = t[i], c = p(() => s?.filename ?? (s ? Q(s.src) : "image"), [s]);
-	return s ? /* @__PURE__ */ G(_r, {
+	}), s = t[i], c = m(() => s?.filename ?? (s ? Q(s.src) : "image"), [s]);
+	return s ? /* @__PURE__ */ G(vr, {
 		open: e,
 		onClose: r,
 		ariaLabel: c,
 		counter: t.length > 1 ? `${i + 1} / ${t.length}` : void 0,
-		actions: /* @__PURE__ */ W(mr, {
+		actions: /* @__PURE__ */ W(hr, {
 			url: s.src,
 			filename: c,
 			variant: "viewer",
@@ -1833,14 +1841,14 @@ var sr = ({ 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(pr, {
+		}, `${i}:${s.src}`) : null, t.length > 1 ? /* @__PURE__ */ W(mr, {
 			onPrev: a,
 			onNext: o,
 			prevLabel: "Previous image",
 			nextLabel: "Next image"
 		}) : null]
 	}) : null;
-}, 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 = {
+}, br = "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", xr = {
 	1: ["rounded-[18px]"],
 	2: ["rounded-l-[18px]", "rounded-r-[18px]"],
 	3: [
@@ -1854,7 +1862,7 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		"rounded-bl-[18px]",
 		"rounded-br-[18px]"
 	]
-}, 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 }) => {
+}, Sr = "--mes-single-width-cap", Cr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", wr = 436, Tr = ({ 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", {
@@ -1862,7 +1870,7 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		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 = Y(yr, "h-full w-full", br[o.length]?.[n]);
+		let i = Y(br, "h-full w-full", xr[o.length]?.[n]);
 		return t ? /* @__PURE__ */ G("button", {
 			type: "button",
 			onClick: () => t(n),
@@ -1876,10 +1884,10 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 	}, u;
 	return r && (u = {
 		aspectRatio: r,
-		width: `min(var(${xr}), ${Math.round(Cr * r * 100) / 100}px)`,
+		width: `min(var(${Sr}), ${Math.round(wr * r * 100) / 100}px)`,
 		maxWidth: "100%"
 	}), o.length === 1 ? /* @__PURE__ */ W("div", {
-		className: Y(r ? Sr : "aspect-square w-full", i),
+		className: Y(r ? Cr : "aspect-square w-full", i),
 		style: u,
 		children: l(o[0], 0, c)
 	}) : o.length === 2 ? /* @__PURE__ */ W("div", {
@@ -1902,53 +1910,53 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			return l(e, t, n ? c : null);
 		})
 	});
-}, Tr = ({ src: e, suppliedRatio: t, fallbackRatio: n }) => {
-	let [r, i] = o.useState(), a = o.useCallback((t) => {
+}, Er = ({ src: e, suppliedRatio: t, fallbackRatio: n }) => {
+	let [r, i] = s.useState(), a = s.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;
+	}, [e]), o = s.useCallback((e) => a(e.currentTarget), [a]), c = r && r.src === e ? r.ratio : void 0;
 	return {
 		ratio: t ?? c ?? n,
 		imgRef: a,
-		onLoad: s
+		onLoad: o
 	};
-}, Er = (e) => {
-	let [t, n] = h(!1), [r, i] = h(0);
+}, Dr = (e) => {
+	let [t, n] = g(!1), [r, i] = g(0);
 	return {
 		viewerOpen: t,
 		viewerIndex: r,
-		handleActivate: l((t) => {
+		handleActivate: u((t) => {
 			e?.(t) !== !1 && (i(t), n(!0));
 		}, [e]),
-		closeViewer: l(() => n(!1), [])
+		closeViewer: u(() => n(!1), [])
 	};
-}, Dr = ({ item: e, index: t, totalCount: n, fallbackLoading: r, imgRef: i, onLoad: o }) => ({
+}, Or = ({ item: e, index: t, totalCount: n, fallbackLoading: r, imgRef: i, onLoad: a }) => ({
 	ariaLabel: `Open image ${t + 1} of ${n}`,
 	content: /* @__PURE__ */ W("img", {
 		ref: i,
-		src: a(e.src) ?? e.src,
+		src: o(e.src) ?? e.src,
 		alt: e.alt ?? "",
 		width: e.width,
 		height: e.height,
 		draggable: !1,
 		loading: e.loading ?? r,
 		decoding: "async",
-		onLoad: o,
+		onLoad: a,
 		className: "absolute inset-0 size-full object-cover"
 	})
-}), Or = ({ src: e, alt: t, items: n }) => n && n.length > 0 ? n : e ? [{
+}), kr = ({ src: e, alt: t, items: n }) => n && n.length > 0 ? n : e ? [{
 	src: e,
 	alt: t
-}] : [], kr = (e, t) => e.map((n, r) => ({
+}] : [], Ar = (e, t) => e.map((n, r) => ({
 	src: n.src,
 	alt: n.alt,
 	filename: t && e.length === 1 ? t : t ? `${t} (${r + 1})` : void 0
-})), 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);
+})), jr = ({ src: e, alt: t, filename: n, loading: r = "lazy", onClick: i, onDismiss: a }) => {
+	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Dr(i);
 	return /* @__PURE__ */ G("div", {
 		className: "relative w-fit",
 		children: [
@@ -1958,7 +1966,7 @@ var sr = ({ 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: a(e) ?? e,
+					src: o(e) ?? e,
 					alt: t ?? "",
 					draggable: !1,
 					loading: r,
@@ -1966,13 +1974,13 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 					className: "size-full object-cover"
 				})
 			}),
-			o ? /* @__PURE__ */ W("div", {
+			a ? /* @__PURE__ */ W("div", {
 				className: "absolute right-2 top-2 z-10",
-				children: /* @__PURE__ */ W(Gn, { onClick: o })
+				children: /* @__PURE__ */ W(Kn, { onClick: a })
 			}) : null,
-			/* @__PURE__ */ W(vr, {
+			/* @__PURE__ */ W(yr, {
 				open: s,
-				items: kr([{
+				items: Ar([{
 					src: e,
 					alt: t
 				}], n),
@@ -1981,18 +1989,18 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			})
 		]
 	});
-}, 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({
+}, Mr = 326 / 246, Nr = ({ state: e, src: t, alt: n, filename: r, items: i, text: a, groupPosition: o, loading: s = "lazy", onClick: c }) => {
+	let l = kr({
 		src: t,
 		alt: n,
 		items: i
-	}), u = Kn(e), { viewerOpen: d, viewerIndex: f, handleActivate: p, closeViewer: m } = Er(c), h = l.length === 1, g = h ? l[0] : void 0, _ = Tr({
+	}), u = qn(e), { viewerOpen: d, viewerIndex: f, handleActivate: p, closeViewer: m } = Dr(c), h = l.length === 1, g = h ? l[0] : void 0, _ = Er({
 		src: g?.src,
 		suppliedRatio: g?.width && g?.height ? g.width / g.height : void 0,
-		fallbackRatio: jr
+		fallbackRatio: Mr
 	});
 	if (l.length === 0) return null;
-	let v = l.map((e, t) => Dr({
+	let v = l.map((e, t) => Or({
 		item: e,
 		index: t,
 		totalCount: l.length,
@@ -2000,7 +2008,7 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		imgRef: h ? _.imgRef : void 0,
 		onLoad: h ? _.onLoad : void 0
 	}));
-	return /* @__PURE__ */ G(Wn, {
+	return /* @__PURE__ */ G(Gn, {
 		variant: u,
 		text: a,
 		groupPosition: o,
@@ -2011,35 +2019,35 @@ var sr = ({ 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(wr, {
+			children: /* @__PURE__ */ W(Tr, {
 				tiles: v,
 				onTileActivate: p,
 				singleAspectRatio: h ? _.ratio : void 0
 			})
-		}), /* @__PURE__ */ W(vr, {
+		}), /* @__PURE__ */ W(yr, {
 			open: d,
-			items: kr(l, r),
+			items: Ar(l, r),
 			initialIndex: f,
 			onClose: m
 		})]
 	});
-}, Nr = {
-	Composer: (e) => /* @__PURE__ */ W(Ar, { ...e }),
-	Sent: (e) => /* @__PURE__ */ W(Mr, {
+}, Pr = {
+	Composer: (e) => /* @__PURE__ */ W(jr, { ...e }),
+	Sent: (e) => /* @__PURE__ */ W(Nr, {
 		...e,
 		state: "sent"
 	}),
-	Received: (e) => /* @__PURE__ */ W(Mr, {
+	Received: (e) => /* @__PURE__ */ W(Nr, {
 		...e,
 		state: "received"
 	})
-}, Pr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
-	let { index: i, prev: a, next: o } = gr({
+}, Fr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
+	let { index: i, prev: a, next: o } = _r({
 		length: t.length,
 		initialIndex: n,
 		open: e
-	}), 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, {
+	}), s = t[i], c = m(() => s?.filename ?? (s ? Q(s.src) : "document"), [s]), l = m(() => s ? Ir(s.src) : void 0, [s]);
+	return !s || !l ? null : /* @__PURE__ */ G(vr, {
 		open: e,
 		onClose: r,
 		ariaLabel: c,
@@ -2050,24 +2058,24 @@ var sr = ({ 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(pr, {
+		}, `${i}:${s.src}`), t.length > 1 ? /* @__PURE__ */ W(mr, {
 			onPrev: a,
 			onNext: o,
 			prevLabel: "Previous document",
 			nextLabel: "Next document"
 		}) : null]
 	});
-}, Fr = (e) => {
+}, Ir = (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()}`;
-}, Ir = ({ src: e, filename: t, fileSize: n, title: r, items: i }) => i && i.length > 0 ? i : e ? [{
+}, Lr = ({ src: e, filename: t, fileSize: n, title: r, items: i }) => i && i.length > 0 ? i : e ? [{
 	src: e,
 	filename: t,
 	fileSize: n,
 	title: r
-}] : [], Lr = ({ variant: e, item: t, index: n, onActivate: r, trailingAction: i }) => {
+}] : [], Rr = ({ variant: e, item: t, index: n, onActivate: r, trailingAction: i }) => {
 	let a = t.filename ?? Q(t.src);
-	return /* @__PURE__ */ W(ar, {
+	return /* @__PURE__ */ W(or, {
 		variant: e,
 		filename: a,
 		title: t.title,
@@ -2077,20 +2085,20 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		activateLabel: `Open ${a}`,
 		trailingAction: i
 	});
-}, 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({
+}, zr = ({ state: e, src: t, filename: n, fileSize: r, title: i, items: a, text: o, groupPosition: s, onClick: c, onDismiss: l }) => {
+	let u = qn(e), d = Lr({
 		src: t,
 		filename: n,
 		fileSize: r,
 		title: i,
 		items: a
-	}), { viewerOpen: f, viewerIndex: p, handleActivate: m, closeViewer: h } = Er(c), g = e === "composer" && !!l;
+	}), { viewerOpen: f, viewerIndex: p, handleActivate: m, closeViewer: h } = Dr(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(Wn, {
+	return /* @__PURE__ */ G(Gn, {
 		variant: u,
 		text: o,
 		groupPosition: s,
@@ -2098,17 +2106,17 @@ var sr = ({ 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(Gn, {
+				let r = t.filename ?? Q(t.src), i = g && n === 0 ? /* @__PURE__ */ W(Kn, {
 					onClick: l,
 					variant: "inline"
-				}) : e === "composer" ? void 0 : /* @__PURE__ */ W(mr, {
+				}) : e === "composer" ? void 0 : /* @__PURE__ */ W(hr, {
 					url: t.src,
 					filename: r,
 					variant: "inline",
 					label: `Download ${r}`,
 					tone: u
 				});
-				return /* @__PURE__ */ W(Lr, {
+				return /* @__PURE__ */ W(Rr, {
 					variant: u,
 					item: t,
 					index: n,
@@ -2116,87 +2124,87 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 					trailingAction: i
 				}, `${t.src}-${n}`);
 			})
-		}), /* @__PURE__ */ W(Pr, {
+		}), /* @__PURE__ */ W(Fr, {
 			open: f,
 			items: _,
 			initialIndex: p,
 			onClose: h
 		})]
 	});
-}, zr = {
-	Composer: (e) => /* @__PURE__ */ W(Rr, {
+}, Br = {
+	Composer: (e) => /* @__PURE__ */ W(zr, {
 		...e,
 		state: "composer"
 	}),
-	Sent: (e) => /* @__PURE__ */ W(Rr, {
+	Sent: (e) => /* @__PURE__ */ W(zr, {
 		...e,
 		state: "sent"
 	}),
-	Received: (e) => /* @__PURE__ */ W(Rr, {
+	Received: (e) => /* @__PURE__ */ W(zr, {
 		...e,
 		state: "received"
 	})
-}, Br = 150, Vr = ({ open: e, items: t, initialIndex: n = 0, onClose: i }) => {
-	let { index: a, prev: o, next: s } = gr({
+}, Vr = 150, Hr = ({ open: e, items: t, initialIndex: n = 0, onClose: r }) => {
+	let { index: a, prev: o, next: s } = _r({
 		length: t.length,
 		initialIndex: n,
 		open: e
-	}), c = m(null), l = pe();
-	d(() => {
-		e && (l?.pause(), r(c.current));
+	}), c = h(null), l = pe();
+	f(() => {
+		e && (l?.pause(), i(c.current));
 	}, [e, l]);
-	let [u, f] = h(e);
-	e && !u && f(!0), d(() => {
+	let [u, d] = g(e);
+	e && !u && d(!0), f(() => {
 		if (e || !u) return;
 		c.current?.pause();
-		let t = window.setTimeout(() => f(!1), Br);
+		let t = window.setTimeout(() => d(!1), Vr);
 		return () => window.clearTimeout(t);
 	}, [e, u]);
-	let g = t[a], _ = p(() => g?.filename ?? (g ? Q(g.src) : "video"), [g]);
-	return g ? /* @__PURE__ */ G(_r, {
+	let p = t[a], _ = m(() => p?.filename ?? (p ? Q(p.src) : "video"), [p]);
+	return p ? /* @__PURE__ */ G(vr, {
 		open: e,
-		onClose: i,
+		onClose: r,
 		ariaLabel: _,
 		counter: t.length > 1 ? `${a + 1} / ${t.length}` : void 0,
 		"data-testid": "video-viewer",
 		children: [u ? /* @__PURE__ */ W("video", {
 			ref: c,
 			"data-testid": "video-viewer-media",
-			src: g.src,
-			poster: g.poster,
+			src: p.src,
+			poster: p.poster,
 			controls: !0,
 			autoPlay: !0,
 			muted: !0,
 			playsInline: !0,
-			preload: g.preload ?? "metadata",
+			preload: p.preload ?? "metadata",
 			className: "block h-auto max-h-[calc(100dvh-128px)] w-auto max-w-[min(96vw,1400px)] bg-black",
-			children: g.mimeType ? /* @__PURE__ */ W("source", {
-				src: g.src,
-				type: g.mimeType
+			children: p.mimeType ? /* @__PURE__ */ W("source", {
+				src: p.src,
+				type: p.mimeType
 			}) : null
-		}, `${a}:${g.src}`) : null, t.length > 1 ? /* @__PURE__ */ W(pr, {
+		}, `${a}:${p.src}`) : null, t.length > 1 ? /* @__PURE__ */ W(mr, {
 			onPrev: o,
 			onNext: s,
 			prevLabel: "Previous video",
 			nextLabel: "Next video"
 		}) : null]
 	}) : null;
-}, Hr = 1, Ur = 4 / 5, Wr = 16 / 9, Gr = () => /* @__PURE__ */ W("div", {
+}, Ur = 1, Wr = 4 / 5, Gr = 16 / 9, Kr = () => /* @__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/25 text-white backdrop-blur-[20px]",
-		children: /* @__PURE__ */ W(Le, {
+		children: /* @__PURE__ */ W(Re, {
 			className: "size-6",
 			weight: "fill",
 			"aria-hidden": !0
 		})
 	})
-}), Kr = (e) => {
+}), qr = (e) => {
 	let t = e.indexOf("#");
 	if (t === -1) return `${e}#t=0.001`;
 	let n = e.slice(t + 1);
 	return /(^|&)t=/.test(n) ? e : `${e}&t=0.001`;
-}, qr = ({ item: e, index: t, showPlayBadge: n = !0, imgRef: r, onLoad: i }) => /* @__PURE__ */ G("div", {
+}, Jr = ({ 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,
@@ -2208,7 +2216,7 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		onLoad: i,
 		className: "absolute inset-0 size-full object-cover"
 	}) : e.src && e.preload !== "none" ? /* @__PURE__ */ W("video", {
-		src: Kr(e.src),
+		src: qr(e.src),
 		muted: !0,
 		playsInline: !0,
 		preload: "metadata",
@@ -2216,23 +2224,23 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		className: "absolute inset-0 size-full object-cover"
 	}) : /* @__PURE__ */ W("div", {
 		className: "absolute inset-0 flex items-center justify-center",
-		children: /* @__PURE__ */ W(Ge, {
+		children: /* @__PURE__ */ W(Ke, {
 			className: "size-16 text-white/30",
 			weight: "regular",
 			"aria-hidden": !0
 		})
-	}), n ? /* @__PURE__ */ W(Gr, {}) : null]
-}), Jr = ({ item: e, index: t, totalCount: n, isOverflowTile: r, imgRef: i, onLoad: a }) => ({
+	}), n ? /* @__PURE__ */ W(Kr, {}) : null]
+}), Yr = ({ item: e, index: t, totalCount: n, isOverflowTile: r, imgRef: i, onLoad: a }) => ({
 	ariaLabel: `Play video ${t + 1} of ${n}`,
 	cursorClassName: "cursor-pointer",
-	content: /* @__PURE__ */ W(qr, {
+	content: /* @__PURE__ */ W(Jr, {
 		item: e,
 		index: t,
 		showPlayBadge: !r,
 		imgRef: i,
 		onLoad: a
 	})
-}), Yr = ({ src: e, poster: t, mimeType: n, preload: r, naturalAspectRatio: i, items: a }) => a && a.length > 0 ? r ? a.map((e) => ({
+}), Xr = ({ 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
 })) : a : e ? [{
@@ -2241,14 +2249,14 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 	mimeType: n,
 	preload: r,
 	naturalAspectRatio: i
-}] : [], Xr = (e, t) => e.map((n, r) => ({
+}] : [], Zr = (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
-})), Zr = ({ 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);
+})), Qr = ({ src: e, poster: t, mimeType: n, filename: r, preload: i, onClick: a, onDismiss: o }) => {
+	let { viewerOpen: s, viewerIndex: c, handleActivate: l, closeViewer: u } = Dr(a);
 	return /* @__PURE__ */ G("div", {
 		className: "relative w-fit",
 		children: [
@@ -2257,7 +2265,7 @@ var sr = ({ 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(qr, {
+				children: /* @__PURE__ */ W(Jr, {
 					item: {
 						src: e,
 						poster: t,
@@ -2269,11 +2277,11 @@ var sr = ({ 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(Gn, { onClick: o })
+				children: /* @__PURE__ */ W(Kn, { onClick: o })
 			}) : null,
-			/* @__PURE__ */ W(Vr, {
+			/* @__PURE__ */ W(Hr, {
 				open: s,
-				items: Xr([{
+				items: Zr([{
 					src: e,
 					poster: t,
 					mimeType: n,
@@ -2284,29 +2292,29 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 			})
 		]
 	});
-}, Qr = ({ state: e, src: t, poster: n, mimeType: r, filename: i, items: a, text: o, groupPosition: s, preload: c, naturalAspectRatio: l, onClick: u }) => {
-	let d = Yr({
+}, $r = ({ state: e, src: t, poster: n, mimeType: r, filename: i, items: a, text: o, groupPosition: s, preload: c, naturalAspectRatio: l, onClick: u }) => {
+	let d = Xr({
 		src: t,
 		poster: n,
 		mimeType: r,
 		preload: c,
 		naturalAspectRatio: l,
 		items: a
-	}), f = Kn(e), { viewerOpen: p, viewerIndex: m, handleActivate: h, closeViewer: g } = Er(u), _ = d.length === 1, v = _ ? d[0] : void 0, y = Tr({
+	}), f = qn(e), { viewerOpen: p, viewerIndex: m, handleActivate: h, closeViewer: g } = Dr(u), _ = d.length === 1, v = _ ? d[0] : void 0, y = Er({
 		src: v?.poster,
 		suppliedRatio: v?.naturalAspectRatio,
-		fallbackRatio: Hr
+		fallbackRatio: Ur
 	});
 	if (d.length === 0) return null;
-	let b = d.length > 4 ? 3 : -1, x = d.map((e, t) => Jr({
+	let b = d.length > 4 ? 3 : -1, x = d.map((e, t) => Yr({
 		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, {
+	})), S = Math.min(Math.max(y.ratio, Wr), Gr);
+	return /* @__PURE__ */ G(Gn, {
 		variant: f,
 		text: o,
 		groupPosition: s,
@@ -2317,73 +2325,73 @@ var sr = ({ src: e, filename: t, fileSize: n, mimeType: r, title: i, items: a })
 		"data-testid": "video-attachment",
 		children: [/* @__PURE__ */ W("div", {
 			className: "relative",
-			children: /* @__PURE__ */ W(wr, {
+			children: /* @__PURE__ */ W(Tr, {
 				tiles: x,
 				onTileActivate: h,
 				singleAspectRatio: _ ? S : void 0
 			})
-		}), /* @__PURE__ */ W(Vr, {
+		}), /* @__PURE__ */ W(Hr, {
 			open: p,
-			items: Xr(d, i),
+			items: Zr(d, i),
 			initialIndex: m,
 			onClose: g
 		})]
 	});
-}, $r = {
-	Image: Nr,
+}, ei = {
+	Image: Pr,
 	Video: {
-		Composer: (e) => /* @__PURE__ */ W(Zr, { ...e }),
-		Sent: (e) => /* @__PURE__ */ W(Qr, {
+		Composer: (e) => /* @__PURE__ */ W(Qr, { ...e }),
+		Sent: (e) => /* @__PURE__ */ W($r, {
 			...e,
 			state: "sent"
 		}),
-		Received: (e) => /* @__PURE__ */ W(Qr, {
+		Received: (e) => /* @__PURE__ */ W($r, {
 			...e,
 			state: "received"
 		})
 	},
-	Audio: Zn,
-	Pdf: zr,
-	File: ur
+	Audio: Qn,
+	Pdf: Br,
+	File: dr
 };
 //#endregion
 //#region src/components/CustomMessage/StreamAttachmentMessage.tsx
 function $(e) {
 	return e?.trim() || void 0;
 }
-function ei(e) {
+function ti(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 ti(e) {
+function ni(e) {
 	return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function ni(e, t) {
+function ri(e, t) {
 	if (!e?.trim() || !t?.trim()) return !1;
-	let n = ti(e), r = ti(t);
+	let n = ni(e), r = ni(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 ri(e) {
-	let t = $(e.og_scrape_url) ?? $(e.title_link), n = $(e.image_url) ?? $(e.thumb_url), r = $(e.mime_type), i = $(e.asset_url), o = n && Wt(r, i) ? void 0 : i;
+function ii(e) {
+	let t = $(e.og_scrape_url) ?? $(e.title_link), n = $(e.image_url) ?? $(e.thumb_url), r = $(e.mime_type), i = $(e.asset_url), a = n && Gt(r, i) ? void 0 : i;
 	return {
 		title: $(e.title),
 		description: $(e.text),
 		url: t,
-		thumbnailUrl: a(n),
-		sourceUrl: o,
-		layout: n || Gt(r, o) ? "featured" : "classic",
+		thumbnailUrl: o(n),
+		sourceUrl: a,
+		layout: n || Kt(r, a) ? "featured" : "classic",
 		mimeType: r,
 		accentColor: $(e.accent_color),
 		status: "ready"
 	};
 }
-function ii(e) {
-	return on(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 ai(e) {
+	return sn(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 oi(e) {
 	if (!e?.length) return [];
 	let t = [], n = (e, n) => {
 		let r = t[t.length - 1];
@@ -2408,44 +2416,44 @@ function ai(e) {
 		});
 	};
 	for (let t of e) {
-		if (on(t)) {
+		if (sn(t)) {
 			r(t);
 			continue;
 		}
-		let e = ii(t);
+		let e = ai(t);
 		e && n(e, t);
 	}
 	return t;
 }
-function oi(e) {
+function si(e) {
 	return e.filter((e) => e.type === "media").length;
 }
-function si(e, t, n) {
+function ci(e, t, n) {
 	return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function ci(e) {
+function li(e) {
 	return $(e.image_url) ?? $(e.asset_url) ?? "";
 }
-function li(e) {
+function ui(e) {
 	switch (e) {
-		case "image": return $r.Image;
-		case "video": return $r.Video;
-		case "audio": return $r.Audio;
-		case "pdf": return $r.Pdf;
-		default: return $r.File;
+		case "image": return ei.Image;
+		case "video": return ei.Video;
+		case "audio": return ei.Audio;
+		case "pdf": return ei.Pdf;
+		default: return ei.File;
 	}
 }
-function ui(e, t) {
+function di(e, t) {
 	switch (e) {
 		case "image": return {
-			src: ci(t),
+			src: li(t),
 			alt: $(t.title)
 		};
 		case "video": return {
 			src: $(t.asset_url) ?? "",
-			poster: a(t.thumb_url),
+			poster: o(t.thumb_url),
 			mimeType: $(t.mime_type),
-			naturalAspectRatio: ei(t)
+			naturalAspectRatio: ti(t)
 		};
 		case "audio": return {
 			src: $(t.asset_url) ?? "",
@@ -2465,30 +2473,30 @@ function ui(e, t) {
 		};
 	}
 }
-function di(e, t) {
-	if (t.length > 1) return { items: t.map((t) => ui(e, t)) };
+function fi(e, t) {
+	if (t.length > 1) return { items: t.map((t) => di(e, t)) };
 	let n = t[0];
-	return n ? ui(e, n) : {};
+	return n ? di(e, n) : {};
 }
-function fi({ groupPosition: e, isMyMessage: t, segment: n }) {
-	let r = li(n.kind), i = {
-		...di(n.kind, n.attachments),
+function pi({ groupPosition: e, isMyMessage: t, segment: n }) {
+	let r = ui(n.kind), i = {
+		...fi(n.kind, n.attachments),
 		groupPosition: e
 	};
 	return W(t ? r.Sent : r.Received, { ...i });
 }
-var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
-	let i = ai(n.attachments);
+var mi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
+	let i = oi(n.attachments);
 	if (i.length === 0) return null;
-	let a = oi(i), o = n.text?.trim(), s = i.find((e) => e.type === "link"), c = s?.type === "link" ? ri(s.attachments[0] ?? {}).url : void 0, l = o && ni(o, c) ? void 0 : o, u = 0, d = [], f = l ? "middle" : e, p = e === "single" || e === "end", m = (e, n, r) => {
-		let i = t ? an.Sent : an.Received;
+	let a = si(i), o = n.text?.trim(), s = i.find((e) => e.type === "link"), c = s?.type === "link" ? ii(s.attachments[0] ?? {}).url : void 0, l = o && ri(o, c) ? void 0 : o, u = 0, d = [], f = l ? "middle" : e, p = e === "single" || e === "end", m = (e, n, r) => {
+		let i = t ? on.Sent : on.Received;
 		d.push(/* @__PURE__ */ W(i, {
-			...ri(e),
+			...ii(e),
 			groupPosition: r ? f : "middle"
 		}, n));
 	}, h = (n, r) => {
-		let i = si(u, a, e);
-		u += 1, d.push(/* @__PURE__ */ W(fi, {
+		let i = ci(u, a, e);
+		u += 1, d.push(/* @__PURE__ */ W(pi, {
 			groupPosition: i,
 			isMyMessage: t,
 			segment: n
@@ -2519,106 +2527,106 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 				"data-testid": "message-attachment-rows",
 				className: Y("flex flex-col gap-[4px]", t ? "items-end" : "items-start"),
 				children: d
-			}), !l && /* @__PURE__ */ W(M, {})]
+			}), !l && /* @__PURE__ */ W(N, {})]
 		}), l ? /* @__PURE__ */ G("div", {
 			"data-testid": "message-caption-bubble",
 			className: Y("str-chat__message-bubble", { "relative isolate": p }),
 			children: [
-				/* @__PURE__ */ W(R, {
+				/* @__PURE__ */ W(z, {
 					message: n,
 					renderText: r
 				}),
-				/* @__PURE__ */ W(M, {}),
-				p && /* @__PURE__ */ W(Tn, { side: t ? "me" : "other" })
+				/* @__PURE__ */ W(N, {}),
+				p && /* @__PURE__ */ W(En, { side: t ? "me" : "other" })
 			]
 		}) : null]
 	});
-}, mi = 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 } = un("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 (!_n(m)) return t;
-		let n = t.filter((e) => !("type" in e) || !on(e));
+}, hi = s.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: p, renderText: h, threadList: _, viewerLanguage: v, onOutboundClick: y, resolvedOutbound: b } = e, { client: S } = he("CustomMessage"), { channel: C } = me("CustomMessage"), { isUnlocking: w, onUnlockClick: T, onFetchSource: E, onDownloadClick: O } = dn("LockedAttachment"), [P, I] = g(!1), R = be(p.id), { Attachment: B = x, EditMessageModal: te = D, MessageActions: V, MessageBlocked: ie = k, MessageBouncePrompt: ae = j, MessageDeleted: oe = M, MessageIsThreadReplyInChannelButtonIndicator: fe = F, MessageRepliesCountButton: pe = L, ReminderNotification: _e = ne, StreamedMessageText: ve = re, PinIndicator: H } = ge("CustomMessage"), ye = ue(p), xe = de(p), Se = m(() => d?.(p), [d, p]), K = m(() => {
+		let e = p.attachments ?? [], t = p.shared_location ? [p.shared_location, ...e] : e;
+		if (!vn(p)) return t;
+		let n = t.filter((e) => !("type" in e) || !sn(e));
 		return n.length === t.length ? t : n;
-	}, [m]), J = p(() => (m.attachments ?? []).filter(on), [m]), Se = p(() => {
-		let e = m.text?.trim();
-		return e ? ni(e, J[0] ? ri(J[0]).url : void 0) ? void 0 : e : void 0;
-	}, [m, J]), Ce = p(() => ai(q), [q]), we = p(() => {
-		let e = Dt({
-			message: m,
+	}, [p]), q = m(() => (p.attachments ?? []).filter(sn), [p]), Ce = m(() => {
+		let e = p.text?.trim();
+		return e ? ri(e, q[0] ? ii(q[0]).url : void 0) ? void 0 : e : void 0;
+	}, [p, q]), we = m(() => oi(K), [K]), J = m(() => {
+		let e = Ot({
+			message: p,
 			viewerLanguage: v
 		});
-		return e === m.text ? m : {
-			...m,
+		return e === p.text ? p : {
+			...p,
 			text: e
 		};
-	}, [m, v]), Te = Ce.length > 0, Ee = Ce.reduce((e, t) => e + t.attachments.length, 0) === (q?.length ?? 0), De = a?.[0] ?? "", Oe = De === "top" ? "first" : De === "middle" ? "middle" : De === "bottom" ? "end" : "single", ke = De === "single" || De === "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 Ae = !_ && !!m.reply_count, je = !_ && m.show_in_channel && m.parent_id, Me = m.status === "failed" && m.error?.status !== 403, Ne = le(m), X;
-	Me ? X = () => l(m) : Ne && (X = () => L(!0));
-	let Z = f(), Pe = 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,
+	}, [p, v]), Te = we.length > 0, Ee = we.reduce((e, t) => e + t.attachments.length, 0) === (K?.length ?? 0), De = a?.[0] ?? "", Oe = De === "top" ? "first" : De === "middle" ? "middle" : De === "bottom" ? "end" : "single", ke = De === "single" || De === "bottom";
+	if (se(p)) return null;
+	if (p.deleted_at || p.type === "deleted") return /* @__PURE__ */ W(oe, { message: p });
+	if (ce(p)) return /* @__PURE__ */ W(ie, {});
+	let Ae = !_ && !!p.reply_count, je = !_ && p.show_in_channel && p.parent_id, Me = p.status === "failed" && p.error?.status !== 403, Ne = le(p), X;
+	Me ? X = () => l(p) : Ne && (X = () => I(!0));
+	let Z = f(), Pe = Y("str-chat__message str-chat__message-simple", `str-chat__message--${p.type}`, `str-chat__message--${p.status}`, Z ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other", p.text ? "str-chat__message--has-text" : "has-no-text", {
+		"str-chat__message--has-attachment": ye,
 		"str-chat__message--highlighted": u,
-		"str-chat__message--pinned pinned-message": m.pinned,
+		"str-chat__message--pinned pinned-message": p.pinned,
 		"str-chat__message--with-reactions": xe,
-		"str-chat__message-send-can-be-retried": m?.status === "failed" && m?.error?.status !== 403,
+		"str-chat__message-send-can-be-retried": p?.status === "failed" && p?.error?.status !== 403,
 		"str-chat__message-with-thread-link": Ae || je,
 		"str-chat__virtual-message__wrapper--end": r,
 		"str-chat__virtual-message__wrapper--first": i,
 		"str-chat__virtual-message__wrapper--group": o
-	}), Fe = m.poll_id && S.polls.fromState(m.poll_id), Ie = jn(m), Le = _n(m), Re = vn(m), ze = !!(q?.length && !m.quoted_message), Be = Le && Z && ze, Ve = Te && Ee && !m.quoted_message && !Fe && !K && !Le, He = {
+	}), Fe = p.poll_id && S.polls.fromState(p.poll_id), Ie = Mn(p), Le = vn(p), Re = yn(p), ze = !!(K?.length && !p.quoted_message), Be = Le && Z && ze, Ve = Te && Ee && !p.quoted_message && !Fe && !Se && !Le, He = {
 		contentType: "text",
-		amountText: m.metadata?.amount_text,
-		paymentStatus: m.metadata?.payment_status,
-		renderedText: m.text && /* @__PURE__ */ W(R, {
-			message: we,
-			renderText: g
+		amountText: p.metadata?.amount_text,
+		paymentStatus: p.metadata?.payment_status,
+		renderedText: p.text && /* @__PURE__ */ W(z, {
+			message: J,
+			renderText: h
 		})
 	}, Ue = {
 		contentType: "media",
-		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
+		title: p.metadata?.attachment_title,
+		mimeType: p.metadata?.attachment_mime_type,
+		thumbnailUrl: p.metadata?.attachment_thumbnail,
+		amountText: p.metadata?.amount_text,
+		detail: p.metadata?.attachment_detail,
+		paymentStatus: p.metadata?.payment_status,
+		onFetchSource: E ? () => E(p, C) : void 0
 	}, We = /* @__PURE__ */ G("div", {
 		className: Y("str-chat__message-bubble", { "relative isolate": ke }),
-		children: [/* @__PURE__ */ W(R, {
-			message: we,
-			renderText: g
-		}), ke && /* @__PURE__ */ W(Tn, { side: Z ? "me" : "other" })]
-	}), Ge = J.length > 0 && /* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ W(z, {
+			message: J,
+			renderText: h
+		}), ke && /* @__PURE__ */ W(En, { side: Z ? "me" : "other" })]
+	}), Ge = q.length > 0 && /* @__PURE__ */ W("div", {
 		className: Y("flex flex-col gap-[4px]", Z ? "items-end" : "items-start"),
-		children: J.map((e, t) => {
-			let n = Z ? an.Sent : an.Received, r = t === J.length - 1 && !Se;
+		children: q.map((e, t) => {
+			let n = Z ? on.Sent : on.Received, r = t === q.length - 1 && !Ce;
 			return /* @__PURE__ */ W(n, {
-				...ri(e),
+				...ii(e),
 				groupPosition: r ? Oe : "middle"
 			}, `locked-link-${t}`);
 		})
 	});
 	return /* @__PURE__ */ G(U, { children: [
-		n && /* @__PURE__ */ W(ie, { additionalMessageInputProps: t }),
-		F && /* @__PURE__ */ W(k, {
-			MessageBouncePrompt: oe,
-			onClose: () => L(!1),
-			open: F
+		n && /* @__PURE__ */ W(te, { additionalMessageInputProps: t }),
+		P && /* @__PURE__ */ W(A, {
+			MessageBouncePrompt: ae,
+			onClose: () => I(!1),
+			open: P
 		}),
 		/* @__PURE__ */ G("div", {
 			className: Pe,
-			"data-message-id": m.id,
+			"data-message-id": p.id,
 			"data-dd-privacy": "mask",
 			children: [
-				ve && /* @__PURE__ */ W(ve, {}),
-				!!z && /* @__PURE__ */ W(_e, { reminder: z }),
-				m.user && /* @__PURE__ */ W(gt, {
+				H && /* @__PURE__ */ W(H, {}),
+				!!R && /* @__PURE__ */ W(_e, { reminder: R }),
+				p.user && /* @__PURE__ */ W(_t, {
 					className: "str-chat__avatar str-chat__message-sender-avatar",
-					id: m.user.id,
-					image: m.user.image,
-					name: m.user.name || m.user.id,
+					id: p.user.id,
+					image: p.user.image,
+					name: p.user.name || p.user.id,
 					size: 24,
 					shape: "circle",
 					dmAgentEnabled: Le
@@ -2636,157 +2644,157 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 					},
 					children: Ie ? /* @__PURE__ */ G("div", {
 						className: "str-chat__message-bubble-wrapper message-tip-wrapper",
-						children: [/* @__PURE__ */ W(Mn, { message: m }), m.text?.trim() && We]
-					}) : yn(m) ? /* @__PURE__ */ W("div", {
+						children: [/* @__PURE__ */ W(Nn, { message: p }), p.text?.trim() && We]
+					}) : bn(p) ? /* @__PURE__ */ W("div", {
 						className: "str-chat__message-bubble-wrapper",
 						children: /* @__PURE__ */ G("div", {
 							className: "flex items-center gap-2",
 							children: [
-								Z && B && /* @__PURE__ */ W(B, {}),
-								Z ? /* @__PURE__ */ W(mn, {
+								Z && V && /* @__PURE__ */ W(V, {}),
+								Z ? /* @__PURE__ */ W(hn, {
 									...He,
 									isMine: !0
-								}) : /* @__PURE__ */ W(mn, {
+								}) : /* @__PURE__ */ W(hn, {
 									...He,
 									isMine: !1,
-									isUnlocking: w(m.id),
-									onUnlockClick: () => T?.(m, C)
+									isUnlocking: w(p.id),
+									onUnlockClick: () => T?.(p, C)
 								}),
-								!Z && B && /* @__PURE__ */ W(B, {})
+								!Z && V && /* @__PURE__ */ W(V, {})
 							]
 						})
-					}) : bn(m) ? /* @__PURE__ */ G("div", {
+					}) : xn(p) ? /* @__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 && B && /* @__PURE__ */ W(B, {}),
-									Z ? /* @__PURE__ */ W(mn, {
+									Z && V && /* @__PURE__ */ W(V, {}),
+									Z ? /* @__PURE__ */ W(hn, {
 										...Ue,
 										isMine: !0,
-										onPreviewClick: () => T ? T(m, C) : void 0
-									}) : /* @__PURE__ */ W(mn, {
+										onPreviewClick: () => T ? T(p, C) : void 0
+									}) : /* @__PURE__ */ W(hn, {
 										...Ue,
 										isMine: !1,
-										isUnlocking: w(m.id),
-										onUnlockClick: () => T ? T(m, C) : void 0,
-										onDownloadClick: () => N ? N(m, C) : void 0
+										isUnlocking: w(p.id),
+										onUnlockClick: () => T ? T(p, C) : void 0,
+										onDownloadClick: () => O ? O(p, C) : void 0
 									}),
-									!Z && B && /* @__PURE__ */ W(B, {})
+									!Z && V && /* @__PURE__ */ W(V, {})
 								]
 							}),
 							Ge,
-							Se && We
+							Ce && We
 						]
-					}) : Ve ? /* @__PURE__ */ W(pi, {
+					}) : Ve ? /* @__PURE__ */ W(mi, {
 						groupPosition: Oe,
 						isMyMessage: Z,
 						message: {
-							...we,
-							attachments: q,
+							...J,
+							attachments: K,
 							i18n: void 0
 						},
-						renderText: g
+						renderText: h
 					}) : /* @__PURE__ */ W("div", {
 						className: "str-chat__message-bubble-wrapper",
 						children: /* @__PURE__ */ G("div", {
 							className: Y("str-chat__message-bubble", { "relative isolate": ke }),
 							children: [
-								Le && !Be && /* @__PURE__ */ W(Sn, {
-									message: m,
+								Le && !Be && /* @__PURE__ */ W(Cn, {
+									message: p,
 									hasAttachment: ze,
 									isMyMessage: Z
 								}),
 								Fe && /* @__PURE__ */ W(ee, { poll: Fe }),
-								q?.length && !m.quoted_message ? /* @__PURE__ */ W(te, {
+								K?.length && !p.quoted_message ? /* @__PURE__ */ W(B, {
 									actionHandler: s,
-									attachments: q
+									attachments: K
 								}) : null,
-								W(K ? H : R, {
-									message: we,
-									renderText: g
+								W(Se ? ve : z, {
+									message: J,
+									renderText: h
 								}),
-								/* @__PURE__ */ W(M, {}),
-								ke && /* @__PURE__ */ W(Tn, { side: Z ? "me" : "other" })
+								/* @__PURE__ */ W(N, {}),
+								ke && /* @__PURE__ */ W(En, { side: Z ? "me" : "other" })
 							]
 						})
 					})
 				}),
 				!Re && !Ie && /* @__PURE__ */ W("div", {
 					className: "str-chat__message-footer",
-					children: (!Le || Be) && /* @__PURE__ */ W(Sn, {
-						message: m,
+					children: (!Le || Be) && /* @__PURE__ */ W(Cn, {
+						message: p,
 						hasAttachment: ze,
 						isMyMessage: Z
 					})
 				}),
-				/* @__PURE__ */ W(Rn, {
+				/* @__PURE__ */ W(zn, {
 					onOutboundClick: y,
-					resolvedOutbound: x
+					resolvedOutbound: b
 				}),
-				Ae && /* @__PURE__ */ W(ge, {
+				Ae && /* @__PURE__ */ W(pe, {
 					onClick: c,
-					reply_count: m.reply_count
+					reply_count: p.reply_count
 				}),
-				je && /* @__PURE__ */ W(pe, {})
+				je && /* @__PURE__ */ W(fe, {})
 			]
-		}, m.id)
+		}, p.id)
 	] });
-}, (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)), hi = (e) => {
-	let t = H("CustomMessage"), n = u(En), r = t.message.metadata?.outbound_id, i = typeof r == "string" ? n?.[r] : void 0;
-	return /* @__PURE__ */ W(mi, {
+}, (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)), gi = (e) => {
+	let t = H("CustomMessage"), n = d(Dn), r = t.message.metadata?.outbound_id, i = typeof r == "string" ? n?.[r] : void 0;
+	return /* @__PURE__ */ W(hi, {
 		...t,
 		...e,
 		resolvedOutbound: i
 	});
-}, gi = () => {
+}, _i = () => {
 	let { handleDelete: e, message: t } = H("CustomMessageActions");
-	return t.metadata?.payment_status === "paid" ? null : /* @__PURE__ */ W(Je, {
+	return t.metadata?.payment_status === "paid" ? null : /* @__PURE__ */ W(Ye, {
 		onClick: e,
 		"aria-label": "Delete",
 		title: "Delete",
 		className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-		children: /* @__PURE__ */ W(We, {
+		children: /* @__PURE__ */ W(Ge, {
 			size: 16,
 			weight: "light",
 			"aria-hidden": !0
 		})
 	});
-}, _i = () => {
+}, vi = () => {
 	let { handleFlag: e } = H("CustomMessageActions");
-	return /* @__PURE__ */ W(Je, {
+	return /* @__PURE__ */ W(Ye, {
 		onClick: e,
 		"aria-label": "Report",
 		title: "Report",
 		className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-		children: /* @__PURE__ */ W(Z, {
+		children: /* @__PURE__ */ W(Pe, {
 			size: 16,
 			weight: "light",
 			"aria-hidden": !0
 		})
 	});
-}, vi = () => {
+}, yi = () => {
 	let { message: e } = H("CustomMessageActions");
-	return e.metadata?.custom_type === K.ATTACHMENT ? /* @__PURE__ */ W(Ye, { messageActionSet: [{
-		Component: gi,
+	return e.metadata?.custom_type === K.ATTACHMENT ? /* @__PURE__ */ W(Xe, { messageActionSet: [{
+		Component: _i,
 		placement: "quick",
 		type: "delete"
 	}, {
-		Component: _i,
+		Component: vi,
 		placement: "quick",
 		type: "flag"
 	}] }) : null;
-}, yi = (e) => ({ linkPreviews: Array.from(e.previews.values()).filter((e) => _.previewIsLoaded(e) || _.previewIsLoading(e)) }), bi = () => {
-	let { linkPreviewsManager: e } = ge(), { linkPreviews: t } = be(e.state, yi), n = (t) => {
+}, bi = (e) => ({ linkPreviews: Array.from(e.previews.values()).filter((e) => v.previewIsLoaded(e) || v.previewIsLoading(e)) }), xi = () => {
+	let { linkPreviewsManager: e } = _e(), { linkPreviews: t } = xe(e.state, bi), n = (t) => {
 		e.dismissPreview(t);
 	};
 	return t.length > 0 ? /* @__PURE__ */ W("div", {
 		"data-testid": "link-preview-list",
 		className: "messaging-link-preview-list flex flex-col items-stretch w-full gap-2",
 		children: t.map((e) => {
-			let t = _.previewIsLoading(e);
-			return /* @__PURE__ */ W(an.Composer, {
+			let t = v.previewIsLoading(e);
+			return /* @__PURE__ */ W(on.Composer, {
 				title: e.title,
 				url: e.og_scrape_url,
 				thumbnailUrl: e.image_url,
@@ -2796,35 +2804,35 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			}, e.og_scrape_url);
 		})
 	}) : null;
-}, xi = o.createContext(!1), Si = 200, Ci = () => u(xi), wi = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ W("button", {
+}, Si = s.createContext(!1), Ci = 200, wi = () => d(Si), Ti = ({ 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(De, {
+	children: /* @__PURE__ */ W(Oe, {
 		weight: "bold",
 		className: "size-4"
 	})
-}), Ti = () => {
-	let e = u(xi), { handleSubmit: t } = ve(), n = _e(), r = e || !n, { SendButton: i = wi, AttachmentPreviewList: a = x } = he("CustomMessageInput"), s = o.useRef(null);
-	return o.useEffect(() => {
-		let e = s.current;
+}), Ei = () => {
+	let e = d(Si), { handleSubmit: t } = ye(), n = ve(), r = e || !n, { SendButton: i = Ti, AttachmentPreviewList: a = S } = ge("CustomMessageInput"), o = s.useRef(null);
+	return s.useEffect(() => {
+		let e = o.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();
-	}, []), o.useEffect(() => {
-		let e = s.current;
+	}, []), s.useEffect(() => {
+		let e = o.current;
 		if (!e) return;
 		let t = (e) => {
 			Array.from(e.clipboardData?.items ?? []).some((e) => e.kind === "file") || e.stopPropagation();
 		};
 		return e.addEventListener("paste", t), () => e.removeEventListener("paste", t);
 	}, []), /* @__PURE__ */ G("div", {
-		ref: s,
+		ref: o,
 		"data-testid": "composer-card",
 		className: "central-container flex flex-col min-w-0 w-full max-h-[calc(var(--messaging-surface-height,100dvh)*0.5)] overflow-y-auto overscroll-contain bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)] [&>:not(.messaging-composer-previews):not(.messaging-composer-row)]:p-2",
 		"data-dd-privacy": "mask",
@@ -2833,13 +2841,13 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2",
 			children: [
 				/* @__PURE__ */ W(te, {}),
-				/* @__PURE__ */ W(bi, {}),
+				/* @__PURE__ */ W(xi, {}),
 				/* @__PURE__ */ W(a, {})
 			]
 		}), /* @__PURE__ */ G("div", {
 			"data-testid": "composer-row",
 			className: "messaging-composer-row flex items-start",
-			children: [/* @__PURE__ */ W(ie, {
+			children: [/* @__PURE__ */ W(V, {
 				"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",
@@ -2862,7 +2870,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 			})]
 		})]
 	});
-}, Ei = () => /* @__PURE__ */ G("div", {
+}, Di = () => /* @__PURE__ */ G("div", {
 	className: "messaging-composer-backdrop",
 	"aria-hidden": "true",
 	children: [
@@ -2873,16 +2881,16 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		/* @__PURE__ */ W("div", { className: "messaging-composer-backdrop-blur" }),
 		/* @__PURE__ */ W("div", { className: "messaging-composer-backdrop-gradient" })
 	]
-}), Di = ({ 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(() => {
+}), Oi = ({ renderActions: e, renderHeader: t, renderFooter: n, disabled: r = !1, disabledReason: i, composerInput: a }) => {
+	let { channel: o } = me(), c = o?.data?.frozen === !0, l = !!a, u = s.useRef(null);
+	return s.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 < Si : !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 < Ci : !1;
 			t.style.setProperty("--messaging-composer-height", `${r}px`), i && o && a && (a.scrollTop = a.scrollHeight);
 		};
 		if (r(), typeof ResizeObserver > "u") return;
@@ -2894,7 +2902,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		ref: u,
 		"data-testid": "composer-chrome",
 		className: "messaging-composer-chrome messaging-composer-chrome--floating",
-		children: [/* @__PURE__ */ W(Ei, {}), /* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ W(Di, {}), /* @__PURE__ */ G("div", {
 			className: "relative z-10 flex flex-col",
 			children: [
 				t?.(),
@@ -2924,7 +2932,7 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		ref: u,
 		"data-testid": "composer-chrome",
 		className: "messaging-composer-chrome messaging-composer-chrome--floating",
-		children: [/* @__PURE__ */ W(Ei, {}), /* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ W(Di, {}), /* @__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",
@@ -2936,9 +2944,9 @@ var pi = ({ 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(xi.Provider, {
+					}), /* @__PURE__ */ W(Si.Provider, {
 						value: c,
-						children: /* @__PURE__ */ W(N, { Input: a ?? Ti })
+						children: /* @__PURE__ */ W(P, { Input: a ?? Ei })
 					})]
 				}), n?.()]
 			})]
@@ -2955,51 +2963,51 @@ var pi = ({ 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(xi.Provider, {
+				}), /* @__PURE__ */ W(Si.Provider, {
 					value: c,
-					children: /* @__PURE__ */ W(N, { Input: Ti })
+					children: /* @__PURE__ */ W(P, { Input: Ei })
 				})]
 			}),
 			n?.()
 		]
 	});
-}, Oi = {
+}, ki = {
 	SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
 	SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, ki = ["SYSTEM_AGE_SAFETY_BLOCKED"], Ai = { SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines." }, ji = "age safety guidelines.", Mi = "https://linktr.ee/s/about/contact", Ni = (e) => ki.includes(e), Pi = (e) => Ni(e.metadata?.custom_type), Fi = (e) => {
+}, Ai = ["SYSTEM_AGE_SAFETY_BLOCKED"], ji = { SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines." }, Mi = "age safety guidelines.", Ni = "https://linktr.ee/s/about/contact", Pi = (e) => Ai.includes(e), Fi = (e) => Pi(e.metadata?.custom_type), Ii = (e) => {
 	let t = e.metadata?.custom_type;
-	if (Se(t)) return {
+	if (we(t)) return {
 		kind: "dm-agent",
 		type: t
 	};
-	if (J(t)) return {
+	if (Ce(t)) return {
 		kind: "age-safety",
 		type: t
 	};
 	let n = e.dm_agent_system_type;
-	if (Se(n)) return {
+	if (we(n)) return {
 		kind: "dm-agent",
 		type: n
 	};
-}, Ii = (e) => {
-	let t = e.indexOf(ji);
+}, Li = (e) => {
+	let t = e.indexOf(Mi);
 	if (t === -1) return e;
 	let n = t + 22;
 	return /* @__PURE__ */ G(U, { children: [
 		e.slice(0, t),
 		/* @__PURE__ */ W("a", {
-			href: Mi,
+			href: Ni,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-			children: ji
+			children: Mi
 		}),
 		e.slice(n)
 	] });
-}, Li = (e) => {
-	let t = !Pi(e.message), n = Fi(e.message);
+}, Ri = (e) => {
+	let t = !Fi(e.message), n = Ii(e.message);
 	if (n?.kind === "dm-agent") {
-		let r = e.message.text?.trim() || Oi[n.type];
+		let r = e.message.text?.trim() || ki[n.type];
 		return /* @__PURE__ */ G("div", {
 			className: "str-chat__message--system",
 			"data-testid": "message-system",
@@ -3007,7 +3015,7 @@ var pi = ({ 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(Ve, {
+				children: [/* @__PURE__ */ W(He, {
 					size: 16,
 					weight: "regular",
 					"aria-hidden": !0,
@@ -3016,11 +3024,11 @@ var pi = ({ 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(z, { message: e.message })]
+			}), !t && /* @__PURE__ */ W(B, { message: e.message })]
 		});
 	}
 	if (n?.kind === "age-safety") {
-		let r = e.message.text?.trim() || Ai[n.type];
+		let r = e.message.text?.trim() || ji[n.type];
 		return /* @__PURE__ */ G("div", {
 			className: "str-chat__message--system",
 			"data-testid": "message-system",
@@ -3028,7 +3036,7 @@ var pi = ({ 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(Re, {
+				children: [/* @__PURE__ */ W(ze, {
 					size: 24,
 					weight: "duotone",
 					"aria-hidden": !0,
@@ -3038,10 +3046,10 @@ var pi = ({ 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: Ii(r)
+						children: Li(r)
 					})
 				})]
-			}), !t && /* @__PURE__ */ W(z, { message: e.message })]
+			}), !t && /* @__PURE__ */ W(B, { message: e.message })]
 		});
 	}
 	return /* @__PURE__ */ G("div", {
@@ -3054,9 +3062,9 @@ var pi = ({ 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(z, { message: e.message })]
+		}), !t && /* @__PURE__ */ W(B, { message: e.message })]
 	});
-}, Ri = c(!1), zi = ({ cx: e, index: t }) => /* @__PURE__ */ W("circle", {
+}, zi = l(!1), Bi = ({ cx: e, index: t }) => /* @__PURE__ */ W("circle", {
 	cx: e,
 	cy: "6.15",
 	r: "3.9",
@@ -3069,15 +3077,15 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		begin: `${120 * t}ms`,
 		repeatCount: "indefinite"
 	})
-}), Bi = /* @__PURE__ */ new Set([
-	y.Thinking,
-	y.Generating,
-	y.ExternalSources
-]), Vi = ({ threadList: e }) => {
-	let { channel: t, channelConfig: n, thread: r } = V(), { client: i } = me(), { typing: a = {} } = xe(), { aiState: o } = fe(t), s = u(Ri);
-	if (!e && s && Bi.has(o)) {
-		let e = Ui(t, i.user?.id);
-		return /* @__PURE__ */ W(Hi, {
+}), Vi = /* @__PURE__ */ new Set([
+	b.Thinking,
+	b.Generating,
+	b.ExternalSources
+]), Hi = ({ threadList: e }) => {
+	let { channel: t, channelConfig: n, thread: r } = me(), { client: i } = he(), { typing: a = {} } = Se(), { aiState: o } = fe(t), s = d(zi);
+	if (!e && s && Vi.has(o)) {
+		let e = Wi(t, i.user?.id);
+		return /* @__PURE__ */ W(Ui, {
 			avatarId: e?.id ?? "ai-agent",
 			avatarName: e?.name ?? e?.id ?? "Agent",
 			avatarImage: e?.image,
@@ -3085,22 +3093,22 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 		});
 	}
 	if (n?.typing_events === !1) return null;
-	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(Hi, {
+	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) : [], u = e ? l : c;
+	if (!u.length) return null;
+	let f = u[0]?.user, p = f?.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+	return /* @__PURE__ */ W(Ui, {
 		avatarId: f?.id ?? p?.id ?? "typing-user",
 		avatarName: f?.name ?? p?.name ?? f?.id ?? "Typing user",
 		avatarImage: f?.image ?? p?.image,
 		testId: "typing-indicator"
 	});
-}, Hi = ({ avatarId: e, avatarName: t, avatarImage: n, testId: r }) => /* @__PURE__ */ W("div", {
+}, Ui = ({ 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(gt, {
+		children: [/* @__PURE__ */ W(_t, {
 			className: "str-chat__avatar str-chat__message-sender-avatar",
 			id: e,
 			name: t,
@@ -3125,28 +3133,28 @@ var pi = ({ groupPosition: e, isMyMessage: t, message: n, renderText: r }) => {
 								height: "13",
 								overflow: "visible",
 								children: [
-									/* @__PURE__ */ W(zi, {
+									/* @__PURE__ */ W(Bi, {
 										cx: "4",
 										index: 0
 									}),
-									/* @__PURE__ */ W(zi, {
+									/* @__PURE__ */ W(Bi, {
 										cx: "16",
 										index: 1
 									}),
-									/* @__PURE__ */ W(zi, {
+									/* @__PURE__ */ W(Bi, {
 										cx: "28",
 										index: 2
 									})
 								]
 							})
 						})
-					}), /* @__PURE__ */ W(Tn, { side: "other" })]
+					}), /* @__PURE__ */ W(En, { side: "other" })]
 				})
 			})
 		})]
 	})
 });
-function Ui(e, t) {
+function Wi(e, t) {
 	let n = e?.state?.members ?? {};
 	for (let e of Object.values(n)) {
 		let n = e?.user;
@@ -3155,7 +3163,7 @@ function Ui(e, t) {
 }
 //#endregion
 //#region src/components/MessagingShell/ChannelEmptyState.tsx
-var Wi = () => null, Gi = ({ className: e, message: t }) => /* @__PURE__ */ G("div", {
+var Gi = () => null, Ki = ({ 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",
@@ -3206,45 +3214,45 @@ var Wi = () => null, Gi = ({ className: e, message: t }) => /* @__PURE__ */ G("d
 		className: "text-stone",
 		children: t
 	})]
-}), Ki = o.memo(() => /* @__PURE__ */ W("div", {
+}), qi = s.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(Gi, { className: "w-6 h-6" }), /* @__PURE__ */ W("span", {
+		children: [/* @__PURE__ */ W(Ki, { className: "w-6 h-6" }), /* @__PURE__ */ W("span", {
 			className: "text-sm text-stone",
 			children: "Loading messages"
 		})]
 	})
 }));
-Ki.displayName = "LoadingState";
+qi.displayName = "LoadingState";
 //#endregion
 //#region src/components/ChannelView.tsx
-var qi = ({ 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(() => {
+var Ji = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMessageInputFooter: r, renderConversationFooter: i, onLeaveConversation: a, onBlockParticipant: o, showDeleteConversation: c = !0, onDeleteConversationClick: l, onBlockParticipantClick: d, onReportParticipantClick: p, showBlockParticipant: m = !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 } = me(), M = h(D);
+	f(() => {
 		M.current = D;
 	}, [D]);
-	let N = l((e) => {
+	let N = u((e) => {
 		M.current?.(e);
-	}, []), P = D ? N : void 0, I = An(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, {
+	}, []), P = D ? N : void 0, F = jn(j, O), L = A.state.messages.some((e) => e.type !== "deleted"), R = b ? /* @__PURE__ */ W(s.Fragment, { children: b() }, "lt-channel-banner") : null, z = /* @__PURE__ */ W(Tt, {
 		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: a,
-		onBlockParticipant: s,
+		onBlockParticipant: o,
 		showDeleteConversation: c,
-		showBlockParticipant: h,
+		showBlockParticipant: m,
 		showReportParticipant: g,
-		onDeleteConversationClick: u,
-		onBlockParticipantClick: f,
+		onDeleteConversationClick: l,
+		onBlockParticipantClick: d,
 		onReportParticipantClick: p,
 		customChannelActions: x,
 		renderChannelActions: S,
 		onParticipantNameClick: E
-	}), ee = l((e) => {
-		let { message: t } = H("ChannelView"), n = /* @__PURE__ */ W(hi, {
+	}), B = u((e) => {
+		let { message: t } = H("ChannelView"), n = /* @__PURE__ */ W(gi, {
 			...e,
 			viewerLanguage: w,
 			onOutboundClick: P
@@ -3255,16 +3263,16 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 		C,
 		w
 	]);
-	return /* @__PURE__ */ W(En.Provider, {
-		value: I,
+	return /* @__PURE__ */ W(Dn.Provider, {
+		value: F,
 		children: /* @__PURE__ */ W(ae, {
 			overrides: {
-				Message: ee,
-				MessageActions: vi,
+				Message: B,
+				MessageActions: yi,
 				UnreadMessagesNotification: () => null,
 				UnreadMessagesSeparator: () => null
 			},
-			children: /* @__PURE__ */ W(B, { children: k ? /* @__PURE__ */ G("div", {
+			children: /* @__PURE__ */ W(ie, { 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",
@@ -3274,7 +3282,7 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 							className: "str-chat__message-list-scroll",
 							children: [z, R]
 						})
-					}), /* @__PURE__ */ W(F, {
+					}), /* @__PURE__ */ W(I, {
 						head: L ? /* @__PURE__ */ G("div", {
 							className: "sticky top-0 z-10",
 							children: [z, R]
@@ -3282,7 +3290,7 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 						hideDeletedMessages: !0,
 						hideNewMessageSeparator: !1
 					})]
-				}, "lt-channel-message-list"), /* @__PURE__ */ W(Di, {
+				}, "lt-channel-message-list"), /* @__PURE__ */ W(Oi, {
 					...n && { renderActions: () => n?.(A) },
 					...i && { renderHeader: () => i(A) },
 					renderFooter: () => r?.(A),
@@ -3299,7 +3307,7 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 							className: "str-chat__message-list-scroll",
 							children: [z, R]
 						})
-					}), /* @__PURE__ */ W(F, {
+					}), /* @__PURE__ */ W(I, {
 						head: L ? /* @__PURE__ */ G("div", {
 							className: "sticky top-0 z-10",
 							children: [z, R]
@@ -3308,8 +3316,8 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 						hideNewMessageSeparator: !1
 					})]
 				}, "lt-channel-message-list"),
-				i ? /* @__PURE__ */ W(o.Fragment, { children: i(A) }, "lt-channel-conversation-footer") : null,
-				/* @__PURE__ */ W(Di, {
+				i ? /* @__PURE__ */ W(s.Fragment, { children: i(A) }, "lt-channel-conversation-footer") : null,
+				/* @__PURE__ */ W(Oi, {
 					...n && { renderActions: () => n?.(A) },
 					renderFooter: () => r?.(A),
 					disabled: _,
@@ -3319,14 +3327,14 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 			] }) })
 		})
 	});
-}, Ji = o.memo(({ channel: e, onBack: t, showBackButton: n = !1, renderMessageInputActions: r, renderMessageInputFooter: i, renderConversationFooter: a, onLeaveConversation: o, onBlockParticipant: s, className: c, CustomChannelEmptyState: u = Wi, 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) => {
+}, Yi = s.memo(({ channel: e, onBack: t, showBackButton: n = !1, renderMessageInputActions: r, renderMessageInputFooter: i, renderConversationFooter: a, onLeaveConversation: o, onBlockParticipant: s, className: c, CustomChannelEmptyState: l = Gi, showDeleteConversation: d = !0, onDeleteConversationClick: p, onBlockParticipantClick: m, onReportParticipantClick: g, showBlockParticipant: _ = !0, showReportParticipant: v = !0, composerDisabled: y = !1, composerDisabledReason: b, dmAgentEnabled: x, messageMetadata: S, 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 = u(async (t, n, r) => {
 		let i = e.data?.chatbot_paused === !0, a = x && !i, o = {
 			...n,
 			...a && { silent: !0 },
-			...C && { metadata: {
+			...S && { metadata: {
 				...n.metadata ?? {},
-				...C
+				...S
 			} }
 		}, s = {
 			...r,
@@ -3336,12 +3344,12 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 	}, [
 		e,
 		x,
-		C,
+		S,
 		w
-	]), ee = m(null);
-	d(() => {
+	]), B = h(null);
+	f(() => {
 		if (!A) return;
-		let t = ee.current;
+		let t = B.current;
 		if (!t) return;
 		let n = (t) => {
 			let n = t.target?.closest("a[href]"), r = n?.getAttribute("href");
@@ -3351,25 +3359,25 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 		};
 		return t.addEventListener("click", n), () => t.removeEventListener("click", n);
 	}, [A, e]);
-	let te = Ce(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
+	let ee = J(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
 	return /* @__PURE__ */ W("div", {
-		ref: ee,
+		ref: B,
 		"data-testid": "channel-view",
 		className: Y("messaging-channel-view h-full flex flex-col", c),
-		style: te,
-		children: /* @__PURE__ */ W(Ri.Provider, {
+		style: ee,
+		children: /* @__PURE__ */ W(zi.Provider, {
 			value: x ?? !1,
-			children: /* @__PURE__ */ W(S, {
+			children: /* @__PURE__ */ W(C, {
 				channel: e,
-				MessageSystem: Li,
-				EmptyStateIndicator: u,
-				LoadingIndicator: Ki,
-				DateSeparator: Tt,
-				TypingIndicator: Vi,
+				MessageSystem: Ri,
+				EmptyStateIndicator: l,
+				LoadingIndicator: qi,
+				DateSeparator: Et,
+				TypingIndicator: Hi,
 				doSendMessageRequest: z,
 				...j ? { SendButton: j } : {},
 				...M ? { AttachmentPreviewList: M } : {},
-				children: /* @__PURE__ */ W(qi, {
+				children: /* @__PURE__ */ W(Ji, {
 					onBack: t,
 					showBackButton: n,
 					renderMessageInputActions: r,
@@ -3377,10 +3385,10 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 					renderConversationFooter: a,
 					onLeaveConversation: o,
 					onBlockParticipant: s,
-					CustomChannelEmptyState: u,
-					showDeleteConversation: f,
+					CustomChannelEmptyState: l,
+					showDeleteConversation: d,
 					onDeleteConversationClick: p,
-					onBlockParticipantClick: h,
+					onBlockParticipantClick: m,
 					onReportParticipantClick: g,
 					showBlockParticipant: _,
 					showReportParticipant: v,
@@ -3402,10 +3410,10 @@ var qi = ({ onBack: e, showBackButton: t, renderMessageInputActions: n, renderMe
 		})
 	});
 });
-Ji.displayName = "ChannelView";
+Yi.displayName = "ChannelView";
 //#endregion
 //#region src/components/MessagingShell/ErrorState.tsx
-var Yi = o.memo(({ message: e, onBack: t }) => /* @__PURE__ */ W("div", {
+var Xi = s.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",
@@ -3434,26 +3442,26 @@ var Yi = o.memo(({ message: e, onBack: t }) => /* @__PURE__ */ W("div", {
 		]
 	})
 }));
-Yi.displayName = "ErrorState";
+Xi.displayName = "ErrorState";
 //#endregion
 //#region src/components/MessagingShell/index.tsx
-var Xi = ({ 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 = m(r);
-	re.current = r;
-	let ie = m(null), B = m(null);
-	d(() => {
-		B.current = F;
-	}, [F]), d(() => {
+var Zi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversationFooter: n, onChannelSelect: r, onExitConversation: i, initialParticipantFilter: a, initialParticipantData: o, CustomChannelEmptyState: s, onBlockParticipantClick: c, onReportParticipantClick: l, dmAgentEnabled: d, onMessageSent: p, viewerLanguage: m, 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 } = at(), [F, I] = g(null), [L, R] = g(null), [z, B] = g(!1), { showDeleteConversation: ee = !0 } = e, te = h(o);
+	te.current = o;
+	let ne = h(r);
+	ne.current = r;
+	let re = h(null), V = h(null);
+	f(() => {
+		V.current = F;
+	}, [F]), f(() => {
 		if (!O || !k) return;
 		let e = O.userID;
 		if (!e) return;
 		let t = `${e}::${a}`;
-		if (ie.current === t) return;
-		ie.current = t;
+		if (re.current === t) return;
+		re.current = t;
 		let n = () => {
-			ie.current === t && (ie.current = null);
+			re.current === t && (re.current = null);
 		};
 		(async () => {
 			try {
@@ -3463,10 +3471,10 @@ var Xi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversati
 					members: { $eq: [e, a] }
 				}, {}, { limit: 1 });
 				if (t.length > 0) {
-					I(t[0]), R(null), re.current?.(t[0]), P && console.log("[MessagingShell] Initial conversation loaded:", t[0].id);
+					I(t[0]), R(null), ne.current?.(t[0]), P && console.log("[MessagingShell] Initial conversation loaded:", t[0].id);
 					return;
 				}
-				let r = ne.current;
+				let r = te.current;
 				if (!r || !N) {
 					n(), R("No conversation found with this account"), P && console.log("[MessagingShell] No conversation found for:", a);
 					return;
@@ -3477,12 +3485,12 @@ var Xi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversati
 						name: r.name,
 						phone: r.phone
 					});
-					I(e), R(null), re.current?.(e), P && console.log("[MessagingShell] Channel created and loaded:", e.id);
+					I(e), R(null), ne.current?.(e), P && console.log("[MessagingShell] Channel created and loaded:", e.id);
 				} catch (e) {
 					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(), B.current || R("Failed to load conversation");
+				console.error("[MessagingShell] Failed to load initial conversation:", e), n(), V.current || R("Failed to load conversation");
 			}
 		})();
 	}, [
@@ -3492,35 +3500,35 @@ var Xi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversati
 		N,
 		P
 	]);
-	let ae = m(i);
-	ae.current = i;
-	let oe = l(() => {
-		I(null), ee(!0), ae.current?.();
+	let ie = h(i);
+	ie.current = i;
+	let ae = u(() => {
+		I(null), B(!0), ie.current?.();
 	}, []);
-	return A ? /* @__PURE__ */ W(Ki, {}) : j ? /* @__PURE__ */ W(Yi, {
+	return A ? /* @__PURE__ */ W(qi, {}) : j ? /* @__PURE__ */ W(Xi, {
 		message: j,
 		onBack: M
-	}) : !k || !O ? /* @__PURE__ */ W(Yi, {
+	}) : !k || !O ? /* @__PURE__ */ W(Xi, {
 		message: "Not connected to messaging service",
 		onBack: M
-	}) : L ? /* @__PURE__ */ W(Yi, { message: L }) : z && !F ? /* @__PURE__ */ W(Yi, { message: "Conversation ended" }) : F ? /* @__PURE__ */ W("div", {
+	}) : L ? /* @__PURE__ */ W(Xi, { message: L }) : z && !F ? /* @__PURE__ */ W(Xi, { 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(Ji, {
+			children: /* @__PURE__ */ W(Yi, {
 				channel: F,
 				renderMessageInputActions: t,
 				renderConversationFooter: n,
 				renderChannelBanner: _,
-				onLeaveConversation: oe,
-				onBlockParticipant: oe,
+				onLeaveConversation: ae,
+				onBlockParticipant: ae,
 				CustomChannelEmptyState: s,
-				showDeleteConversation: te,
+				showDeleteConversation: ee,
 				onBlockParticipantClick: c,
-				onReportParticipantClick: u,
-				dmAgentEnabled: f,
+				onReportParticipantClick: l,
+				dmAgentEnabled: d,
 				onMessageSent: p,
-				viewerLanguage: g,
+				viewerLanguage: m,
 				customChannelActions: v,
 				renderChannelActions: y,
 				onParticipantNameClick: b,
@@ -3533,30 +3541,30 @@ var Xi = ({ capabilities: e = {}, renderMessageInputActions: t, renderConversati
 				attachmentPreviewList: D
 			}, F.id)
 		})
-	}) : /* @__PURE__ */ W(Ki, {});
+	}) : /* @__PURE__ */ W(qi, {});
 };
 //#endregion
 //#region src/hooks/useRestorePendingMessages.ts
-function Zi(e) {
+function Qi(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 Qi = o.createContext({
+var $i = s.createContext({
 	selectedChannel: void 0,
 	onChannelSelect: () => {},
 	debug: !1,
 	renderMessagePreview: void 0,
 	channelPreview: void 0,
 	viewerLanguage: void 0
-}), $i = Qi.Provider, ea = () => o.useContext(Qi), ta = (e, t) => {
+}), ea = $i.Provider, ta = () => s.useContext($i), na = (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);
-}, na = (e) => {
+}, ra = (e) => {
 	let t = /* @__PURE__ */ new Date();
 	if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60) return "Just now";
-	let n = ta(e, t);
+	let n = na(e, t);
 	return n === 0 ? e.toLocaleTimeString([], {
 		hour: "numeric",
 		minute: "2-digit",
@@ -3569,8 +3577,8 @@ var Qi = o.createContext({
 		day: "numeric",
 		year: "numeric"
 	});
-}, ra = o.memo((e) => {
-	let { channel: t, unread: n } = e, { selectedChannel: r, onChannelSelect: i, debug: a, channelPreview: o, renderMessagePreview: s, viewerLanguage: c } = ea(), { client: l } = me(), u = r?.id === t?.id, d = at(t);
+}, ia = s.memo((e) => {
+	let { channel: t, unread: n } = e, { selectedChannel: r, onChannelSelect: i, debug: a, channelPreview: o, renderMessagePreview: s, viewerLanguage: c } = ta(), { client: l } = he(), u = r?.id === t?.id, d = ot(t);
 	if (o) return /* @__PURE__ */ W(o, {
 		...e,
 		active: u,
@@ -3583,13 +3591,13 @@ var Qi = o.createContext({
 	}, p = (e) => {
 		let t = e.key === "Enter" || e.key === " ", n = e.repeat;
 		!t || n || (e.preventDefault(), f());
-	}, m = ot(t?.state?.members, l?.userID, t?.type), h = ut(m?.user), g = m?.user?.image, _ = (() => {
+	}, m = st(t?.state?.members, l?.userID, t?.type), h = dt(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 = Dt({
+		let e = Ot({
 			message: _,
 			viewerLanguage: c
 		}), { custom_type: t, attachment_content_type: n } = _?.metadata || {};
@@ -3602,7 +3610,7 @@ var Qi = o.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 ? na(new Date(_.created_at)) : "", b = _ ? _n(_) : !1, x = s ? s(_, v) : `${b ? "✨ " : ""}${v}`, S = n ?? 0;
+	})(), y = _?.created_at ? ra(new Date(_.created_at)) : "", b = _ ? vn(_) : !1, x = s ? s(_, v) : `${b ? "✨ " : ""}${v}`, S = n ?? 0;
 	return a && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
 		channelId: t?.id,
 		isSelected: u,
@@ -3621,7 +3629,7 @@ var Qi = o.createContext({
 		"data-dd-privacy": "mask",
 		children: /* @__PURE__ */ G("div", {
 			className: "flex items-start gap-4",
-			children: [/* @__PURE__ */ W(gt, {
+			children: [/* @__PURE__ */ W(_t, {
 				id: m?.user?.id || t.id || "unknown",
 				name: h,
 				image: g,
@@ -3657,14 +3665,14 @@ var Qi = o.createContext({
 		})
 	});
 });
-ra.displayName = "CustomChannelPreview";
+ia.displayName = "CustomChannelPreview";
 //#endregion
 //#region src/components/ChannelList/index.tsx
-var ia = { last_message_at: -1 }, aa = o.memo(({ onChannelSelect: e, selectedChannel: t, filters: n, allowNewMessagesFromUnfilteredChannels: r = !1, channelRenderFilterFn: i, sort: a = ia, 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);
+var aa = { last_message_at: -1 }, oa = s.memo(({ onChannelSelect: e, selectedChannel: t, filters: n, allowNewMessagesFromUnfilteredChannels: r = !1, channelRenderFilterFn: i, sort: a = aa, className: o, customEmptyStateIndicator: c, channelListPaginator: l = O, channelPreview: u, renderMessagePreview: d, viewerLanguage: f, lockChannelOrder: p, onMessageNewHandler: m, onMessageNew: h, onChannelVisible: g, onAddedToChannel: _, onChannelUpdated: v }) => {
+	let y = s.useRef(0);
 	y.current++;
-	let { debug: b = !1 } = nt(), x = o.useCallback((e) => {
-		for (let t of e) Zi(t);
+	let { debug: b = !1 } = rt(), x = s.useCallback((e) => {
+		for (let t of e) Qi(t);
 		return i ? i(e) : e;
 	}, [i]);
 	b && console.log("📺 [ChannelList] 🔄 RENDER START", {
@@ -3672,7 +3680,7 @@ var ia = { last_message_at: -1 }, aa = o.memo(({ onChannelSelect: e, selectedCha
 		selectedChannelId: t?.id,
 		filters: n
 	});
-	let S = o.useMemo(() => ({
+	let S = s.useMemo(() => ({
 		selectedChannel: t,
 		onChannelSelect: e,
 		debug: b,
@@ -3688,12 +3696,12 @@ var ia = { last_message_at: -1 }, aa = o.memo(({ onChannelSelect: e, selectedCha
 		f
 	]);
 	return /* @__PURE__ */ W("div", {
-		className: Y("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", o),
 		children: /* @__PURE__ */ W("div", {
 			className: "flex-1 overflow-hidden min-w-0",
-			children: /* @__PURE__ */ W($i, {
+			children: /* @__PURE__ */ W(ea, {
 				value: S,
-				children: /* @__PURE__ */ W(C, {
+				children: /* @__PURE__ */ W(w, {
 					filters: n,
 					sort: a,
 					options: { limit: 30 },
@@ -3706,32 +3714,32 @@ var ia = { last_message_at: -1 }, aa = o.memo(({ onChannelSelect: e, selectedCha
 					onAddedToChannel: _,
 					onChannelUpdated: v,
 					Paginator: l,
-					Preview: ra,
+					Preview: ia,
 					EmptyStateIndicator: c
 				}, `${JSON.stringify(n)}:${JSON.stringify(a)}`)
 			})
 		})
 	});
 });
-aa.displayName = "ChannelList";
+oa.displayName = "ChannelList";
 //#endregion
 //#region src/components/RichCard/RichCardBody.tsx
-var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa = "text-[14px] leading-5 tracking-[0.02em]", ca = () => /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("br", {}), /* @__PURE__ */ W("span", {
+var sa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", ca = "text-[14px] leading-5 tracking-[0.02em]", la = () => /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W("br", {}), /* @__PURE__ */ W("span", {
 	"aria-hidden": !0,
 	className: "block h-1.5"
-})] }), la = (e) => e.split(/\r?\n/).map((e, t, n) => /* @__PURE__ */ G(o.Fragment, { children: [e, t < n.length - 1 ? /* @__PURE__ */ W(ca, {}) : null] }, t)), ua = ({ surface: e, actions: t, layout: n }) => {
+})] }), ua = (e) => e.split(/\r?\n/).map((e, t, n) => /* @__PURE__ */ G(s.Fragment, { children: [e, t < n.length - 1 ? /* @__PURE__ */ W(la, {}) : null] }, t)), da = ({ surface: e, actions: t, layout: n }) => {
 	if (t == null || t.length === 0) return null;
 	let r = n === "stacked";
 	return /* @__PURE__ */ W("div", {
 		className: Y("flex gap-2", r ? "mt-4 flex-col" : "min-w-0 max-w-[60%] flex-row flex-wrap justify-end"),
-		children: t.map((t, n) => /* @__PURE__ */ W(Mt, {
+		children: t.map((t, n) => /* @__PURE__ */ W(Nt, {
 			variant: e,
 			cta: t,
 			fullWidth: r,
 			standalone: !0
 		}, `${t.label}-${n}`))
 	});
-}, da = ({ ctaSurface: e, chinTextColor: t, title: n, subtitle: r, subtitleLines: i = 3, appIcon: a, actions: o }) => {
+}, fa = ({ 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 ? {
@@ -3748,14 +3756,14 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 				className: "shrink-0",
 				children: a
 			}) : null, /* @__PURE__ */ W("p", {
-				className: Y("min-w-0", oa),
+				className: Y("min-w-0", sa),
 				style: u,
 				children: n
 			})]
 		}), c && /* @__PURE__ */ W("p", {
-			className: Y(sa, i <= 1 && "truncate"),
+			className: Y(ca, i <= 1 && "truncate"),
 			style: d,
-			children: i > 1 ? la(r ?? "") : r
+			children: i > 1 ? ua(r ?? "") : r
 		})]
 	});
 	return /* @__PURE__ */ W("div", {
@@ -3763,21 +3771,21 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		children: f ? /* @__PURE__ */ G("div", {
 			"data-testid": "rich-card-chin-row",
 			className: "flex items-center justify-between gap-3",
-			children: [p, /* @__PURE__ */ W(ua, {
+			children: [p, /* @__PURE__ */ W(da, {
 				surface: e,
 				actions: o,
 				layout: "row"
 			})]
-		}) : /* @__PURE__ */ G(U, { children: [p, /* @__PURE__ */ W(ua, {
+		}) : /* @__PURE__ */ G(U, { children: [p, /* @__PURE__ */ W(da, {
 			surface: e,
 			actions: o,
 			layout: "stacked"
 		})] })
 	});
-}, fa = {
+}, pa = {
 	dark: "bg-white/[0.06]",
 	light: "bg-black/[0.04]"
-}, pa = {
+}, ma = {
 	1: [0],
 	2: [-10, 10],
 	3: [
@@ -3785,7 +3793,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		0,
 		13
 	]
-}, ma = {
+}, ha = {
 	1: [0],
 	2: [-26, 26],
 	3: [
@@ -3793,7 +3801,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		0,
 		40
 	]
-}, ha = {
+}, ga = {
 	1: [0],
 	2: [0, 1],
 	3: [
@@ -3801,7 +3809,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		3,
 		2
 	]
-}, ga = {
+}, _a = {
 	1: [1],
 	2: [1, 1],
 	3: [
@@ -3809,17 +3817,17 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		1.08,
 		1
 	]
-}, _a = ({ variant: e, images: t }) => {
-	let [n, r] = o.useState({}), i = t.join("\n"), [s, c] = o.useState(i);
-	i !== s && (c(i), r({}));
+}, va = ({ variant: e, images: t }) => {
+	let [n, r] = s.useState({}), i = t.join("\n"), [a, c] = s.useState(i);
+	i !== a && (c(i), r({}));
 	let l = t.slice(0, 3).map((e, t) => ({
 		src: e,
 		index: t
-	})).filter(({ index: e }) => !n[e]), u = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, d = pa[u], f = ma[u], p = ha[u], m = ga[u];
+	})).filter(({ index: e }) => !n[e]), u = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, d = ma[u], f = ha[u], p = ga[u], m = _a[u];
 	return /* @__PURE__ */ W("div", {
-		className: Y("relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden", fa[e]),
+		className: Y("relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden", pa[e]),
 		children: l.map(({ src: e, index: t }, n) => /* @__PURE__ */ W("img", {
-			src: a(e) ?? e,
+			src: o(e) ?? e,
 			alt: "",
 			draggable: !1,
 			loading: "lazy",
@@ -3835,44 +3843,44 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 			}
 		}, `${e}-${t}`))
 	});
-}, va = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", ya = ({ variant: e, presentation: t, images: n, title: r, heroUrl: i, onHeroError: a }) => /* @__PURE__ */ W("div", {
-	className: va,
-	children: t === "fan" ? /* @__PURE__ */ W(_a, {
+}, ya = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", ba = ({ variant: e, presentation: t, images: n, title: r, heroUrl: i, onHeroError: a }) => /* @__PURE__ */ W("div", {
+	className: ya,
+	children: t === "fan" ? /* @__PURE__ */ W(va, {
 		variant: e,
 		images: n
-	}) : /* @__PURE__ */ W(qt, {
+	}) : /* @__PURE__ */ W(Jt, {
 		variant: e,
 		thumbnailUrl: i,
 		title: r,
 		mimeType: "image/*",
 		onImageError: a
 	})
-}), ba = ({ variant: e, title: t, subtitle: n, subtitleLines: r, images: i = [], imagePresentation: a, actions: o, appIcon: s, accentColor: c, groupPosition: l = "single" }) => {
-	let u = we({
+}), xa = ({ 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 = $t({
+	}), d = i.length > 0, f = d && u === "hero", p = en({
 		variant: e,
 		accentColor: c,
 		layout: "featured",
 		thumbnailUrl: f ? i[0] : void 0
 	}), m = l === "single" || l === "end";
-	return /* @__PURE__ */ W(rn, {
+	return /* @__PURE__ */ W(an, {
 		accentHex: p.accentHex,
 		side: e === "dark" ? "sender" : "receiver",
 		visible: m,
-		children: /* @__PURE__ */ G(Vt, {
+		children: /* @__PURE__ */ G(Ht, {
 			variant: e,
 			accentHex: p.accentHex,
 			"data-testid": "rich-card",
-			children: [d && /* @__PURE__ */ W(ya, {
+			children: [d && /* @__PURE__ */ W(ba, {
 				variant: e,
 				presentation: u,
 				images: i,
 				title: t,
 				heroUrl: f ? p.thumbnailUrl : void 0,
 				onHeroError: p.onImageError
-			}), /* @__PURE__ */ W(da, {
+			}), /* @__PURE__ */ W(fa, {
 				ctaSurface: p.surface,
 				chinTextColor: p.chinTextColor,
 				title: t,
@@ -3883,19 +3891,19 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 			})]
 		})
 	});
-}, xa = {
-	Sent: (e) => /* @__PURE__ */ W(ba, {
+}, Sa = {
+	Sent: (e) => /* @__PURE__ */ W(xa, {
 		...e,
 		variant: "dark"
 	}),
-	Received: (e) => /* @__PURE__ */ W(ba, {
+	Received: (e) => /* @__PURE__ */ W(xa, {
 		...e,
 		variant: "light"
 	})
-}, Sa = "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%", Ca = {
+}, Ca = "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%", wa = {
 	sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
 	received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, wa = ({ variant: e }) => /* @__PURE__ */ W("span", {
+}, Ta = ({ variant: e }) => /* @__PURE__ */ W("span", {
 	"aria-hidden": "true",
 	className: "pointer-events-none absolute bottom-0 z-[-1] h-[1.4375rem] w-5",
 	style: {
@@ -3903,11 +3911,11 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		insetInlineStart: e === "received" ? "calc(-1 * 0.3125rem)" : void 0,
 		transform: e === "received" ? "scaleX(-1)" : void 0,
 		transformOrigin: "center",
-		backgroundColor: Ca[e],
-		WebkitMask: Sa,
-		mask: Sa
+		backgroundColor: wa[e],
+		WebkitMask: Ca,
+		mask: Ca
 	}
-}), Ta = {
+}), Ea = {
 	sent: {
 		backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
 		color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -3916,11 +3924,11 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
 		color: "var(--str-chat__message-bubble-color, #000000)"
 	}
-}, Ea = ({ variant: e, text: t, tail: n = !0, header: r, className: i }) => /* @__PURE__ */ G("div", {
+}, Da = ({ variant: e, text: t, tail: n = !0, header: r, className: i }) => /* @__PURE__ */ G("div", {
 	"data-dd-privacy": "mask",
 	className: Y("relative px-4 py-3", "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]", i),
 	style: {
-		...Ta[e],
+		...Ea[e],
 		borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
 		isolation: "isolate"
 	},
@@ -3934,23 +3942,23 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 			className: "m-0 whitespace-pre-wrap break-words hyphens-manual",
 			children: t
 		}),
-		n && /* @__PURE__ */ W(wa, { variant: e })
+		n && /* @__PURE__ */ W(Ta, { variant: e })
 	]
-}), Da = {
-	Sent: ({ text: e, tail: t, className: n }) => /* @__PURE__ */ W(Ea, {
+}), Oa = {
+	Sent: ({ text: e, tail: t, className: n }) => /* @__PURE__ */ W(Da, {
 		variant: "sent",
 		text: e,
 		tail: t,
 		className: n
 	}),
-	Received: ({ text: e, tail: t, header: n, className: r }) => /* @__PURE__ */ W(Ea, {
+	Received: ({ text: e, tail: t, header: n, className: r }) => /* @__PURE__ */ W(Da, {
 		variant: "received",
 		text: e,
 		tail: t,
 		header: n,
 		className: r
 	})
-}, Oa = ({ question: e, onClick: t, loading: n = !1, className: r }) => /* @__PURE__ */ W("button", {
+}, ka = ({ question: e, onClick: t, loading: n = !1, className: r }) => /* @__PURE__ */ W("button", {
 	type: "button",
 	onClick: t,
 	disabled: n,
@@ -3960,15 +3968,15 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 		"opacity-50 cursor-not-allowed": n
 	}, r),
 	children: e
-}), ka = ({ faqs: e, onFaqClick: t, loadingFaqId: n, headerText: r, className: i, avatarImage: a, avatarName: o }) => {
-	let s = Te(e);
+}), Aa = ({ faqs: e, onFaqClick: t, loadingFaqId: n, headerText: r, className: i, avatarImage: a, avatarName: o }) => {
+	let s = Ee(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(gt, {
+				children: /* @__PURE__ */ W(_t, {
 					id: o || "account",
 					name: o || "Account",
 					image: a,
@@ -3982,7 +3990,7 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 					"data-testid": "faq-list-header",
 					className: "text-md text-charcoal mb-4",
 					children: r
-				}), s.map((e) => /* @__PURE__ */ W(Oa, {
+				}), s.map((e) => /* @__PURE__ */ W(ka, {
 					question: e.question,
 					onClick: () => t(e.id),
 					loading: n === e.id
@@ -3992,6 +4000,6 @@ var oa = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.02em]", sa
 	});
 };
 //#endregion
-export { yt as ActionButton, gt as Avatar, Wi as ChannelEmptyState, aa as ChannelList, Ji as ChannelView, ln as CustomMessageProvider, ka as FaqList, Oa as FaqListItem, an as LinkAttachment, mn as LockedAttachment, $r as MessageAttachment, Da as MessageBubble, $e as MessagingLoggerProvider, rt as MessagingProvider, Xi as MessagingShell, xa as RichCard, Mn as TipMessage, tr as buildCompactMetaLabel, Qn as formatFileSize, na as formatRelativeTime, er as getFileExtensionLabel, Dt as getMessageDisplayText, on as isLinkAttachment, jn as isTipMessage, ct as isUuidLike, qn as messageAttachmentGroupPositionFromStream, Et as normalizeLanguageCode, a as optimizeMessagingAttachmentUrl, ot as resolveConversationParticipant, ut as resolveParticipantDisplayName, Ci as useComposerLocked, un as useCustomMessage, it as useMessaging, et as useMessagingLogger };
+export { bt as ActionButton, _t as Avatar, Gi as ChannelEmptyState, oa as ChannelList, Yi as ChannelView, un as CustomMessageProvider, Aa as FaqList, ka as FaqListItem, on as LinkAttachment, hn as LockedAttachment, ei as MessageAttachment, Oa as MessageBubble, et as MessagingLoggerProvider, it as MessagingProvider, Zi as MessagingShell, Sa as RichCard, Nn as TipMessage, nr as buildCompactMetaLabel, $n as formatFileSize, ra as formatRelativeTime, tr as getFileExtensionLabel, Ot as getMessageDisplayText, sn as isLinkAttachment, Mn as isTipMessage, lt as isUuidLike, Jn as messageAttachmentGroupPositionFromStream, Dt as normalizeLanguageCode, o as optimizeMessagingAttachmentUrl, st as resolveConversationParticipant, dt as resolveParticipantDisplayName, wi as useComposerLocked, dn as useCustomMessage, at as useMessaging, tt as useMessagingLogger };
 
 //# sourceMappingURL=index.js.map