@bcc-code/vue-bcc-chat-ui 7.1.41 → 7.1.43

package/dist/vue-bcc-chat-ui.js

@@ -6143,7 +6143,7 @@ F([() => Q.value?.conversations.value, () => Hl.value], async () => {
 async function Ql(e, t) {
 	Pl.value = t.loggerCallback, _t(t.language ?? "en"), Bl(t.themeMode);
 	let n = e.config.globalProperties.$primevue;
-	n && (n.config.ripple = !0, n.config.inputVariant = "filled"), e.component("BccChat", vh), e.component("BccChatMessageList", vh), e.provide("theme", { theme: El });
+	n && (n.config.ripple = !0, n.config.inputVariant = "filled"), e.component("BccChat", mh), e.component("BccChatMessageList", mh), e.provide("theme", { theme: El });
 	let r = Vl(t.environment);
 	zl(Ol.INFO, "Initializing chat", {
 		environment: t.environment,
@@ -7228,7 +7228,7 @@ var dd = ["data-testid", "onClick"], fd = { class: "composer-actions-menu__icon"
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, hd = /* @__PURE__ */ $(md, [["__scopeId", "data-v-5e8b1d79"]]), gd = { class: "min-w-0" }, _d = { class: "context-banner__kind" }, vd = { class: "context-banner__sender" }, yd = { class: "context-banner__preview" }, bd = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, hd = /* @__PURE__ */ $(md, [["__scopeId", "data-v-5e8b1d79"]]), gd = { class: "border-default flex items-start justify-between gap-2 border-t-1 px-3 py-2" }, _d = { class: "min-w-0" }, vd = { class: "body-md text-default mt-0.5 overflow-hidden font-medium text-ellipsis whitespace-nowrap" }, yd = { class: "body-md text-subtle overflow-hidden text-ellipsis whitespace-nowrap" }, bd = /* @__PURE__ */ u({
 	__name: "ComposerContextBanner",
 	props: {
 		message: {},
@@ -7238,8 +7238,8 @@ var dd = ["data-testid", "onClick"], fd = { class: "composer-actions-menu__icon"
 	emits: ["cancel"],
 	setup(e, { emit: t }) {
 		let r = e, i = t, { t: s } = K(), c = ju(), u = n(() => Ws(r.message, s("message"), c.mentionNameByUid.value));
-		return (t, n) => (S(), a("div", { class: g(["context-banner", `context-banner--${e.variant}`]) }, [o("div", gd, [
-			o("p", _d, k(e.variant === "editing" ? j(s)("editingInContext", { context: e.contextLabel }) : j(s)("replyingInContext", { context: e.contextLabel })), 1),
+		return (t, n) => (S(), a("div", gd, [o("div", _d, [
+			o("p", { class: g(["body-sm font-semibold uppercase", e.variant === "editing" ? "text-information" : "text-success"]) }, k(e.variant === "editing" ? j(s)("editingInContext", { context: e.contextLabel }) : j(s)("replyingInContext", { context: e.contextLabel })), 3),
 			o("p", vd, k(e.message.senderName), 1),
 			o("p", yd, k(u.value), 1)
 		]), l(j(z), {
@@ -7248,9 +7248,9 @@ var dd = ["data-testid", "onClick"], fd = { class: "composer-actions-menu__icon"
 			rounded: "",
 			severity: "secondary",
 			onClick: n[0] ||= (e) => i("cancel")
-		}, null, 8, ["icon"])], 2));
+		}, null, 8, ["icon"])]));
 	}
-}), [["__scopeId", "data-v-f496c16b"]]), xd = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), xd = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "ComposerFormatMenu",
 	props: {
 		visible: { type: Boolean },
@@ -7504,16 +7504,16 @@ var dd = ["data-testid", "onClick"], fd = { class: "composer-actions-menu__icon"
 			size: "sm"
 		}, null, 8, ["src", "name"])) : (S(), a("span", Fd, k(e.label.charAt(0)), 1)), o("span", Id, [o("span", Ld, k(e.label), 1), e.subtitle ? (S(), a("span", Rd, k(e.subtitle), 1)) : i("", !0)])], 42, Pd))), 128))], 38)) : i("", !0);
 	}
-}), [["__scopeId", "data-v-3f395457"]]), Bd = ["accept", "disabled"], Vd = {
-	key: 2,
+}), [["__scopeId", "data-v-3f395457"]]), Bd = ["accept", "disabled"], Vd = { class: "px-1 pb-1.5" }, Hd = {
+	key: 0,
 	class: "composer-file-preview"
-}, Hd = { class: "min-w-0" }, Ud = { class: "heading-sm text-default truncate" }, Wd = { class: "body-sm text-subtle" }, Gd = ["data-placeholder"], Kd = {
+}, Ud = { class: "min-w-0" }, Wd = { class: "heading-sm text-default truncate" }, Gd = { class: "body-sm text-subtle" }, Kd = ["data-placeholder"], qd = {
 	key: 0,
 	class: "body-sm text-subtle flex items-center gap-2 px-0.5"
-}, qd = {
+}, Jd = {
 	key: 2,
 	class: "ml-auto"
-}, Jd = 450, Yd = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Yd = 450, Xd = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageComposer",
 	props: {
 		modelValue: {},
@@ -7632,7 +7632,7 @@ var dd = ["data-testid", "onClick"], fd = { class: "composer-actions-menu__icon"
 		function Ae(e) {
 			u.disabled || !he.value || e instanceof MouseEvent && e.button !== 0 || (x.value = !1, ke(), T = setTimeout(() => {
 				T = null, x.value = !0, b.value = !0;
-			}, Jd));
+			}, Yd));
 		}
 		function je() {
 			ke();
@@ -7646,7 +7646,7 @@ var dd = ["data-testid", "onClick"], fd = { class: "composer-actions-menu__icon"
 				Te();
 			}
 		}
-		return (t, n) => (S(), a("div", { class: g([u.compact ? "space-y-1 px-1 pb-1.5" : "space-y-1.5 px-1 pb-1.5", pe.value]) }, [
+		return (t, n) => (S(), a("div", { class: g([u.compact ? "space-y-1" : "space-y-1.5", pe.value]) }, [
 			o("input", {
 				ref_key: "fileInputRef",
 				ref: f,
@@ -7672,158 +7672,160 @@ var dd = ["data-testid", "onClick"], fd = { class: "composer-actions-menu__icon"
 				"data-testid": "composer-reply-context",
 				onCancel: n[1] ||= (e) => d("cancelReply")
 			}, null, 8, ["message", "context-label"])) : i("", !0),
-			_.value ? (S(), a("div", Vd, [o("div", Hd, [o("p", Ud, k(_.value.name), 1), o("p", Wd, k(_.value.type || ue.value), 1)]), l(j(z), {
-				icon: j(fe),
-				text: "",
-				rounded: "",
-				severity: "secondary",
-				onClick: Ce
-			}, null, 8, ["icon"])])) : i("", !0),
-			o("div", {
-				ref_key: "composerShellRef",
-				ref: E,
-				class: g(["composer-shell", u.compact ? "composer-shell--compact" : "composer-shell--default"])
-			}, [
-				l(hd, {
-					ref_key: "composerActionsRef",
-					ref: m,
-					onPickFile: be,
-					onOpenPoll: n[2] ||= (e) => y.value = !0
-				}, null, 512),
-				l(j(z), {
+			o("div", Vd, [
+				_.value ? (S(), a("div", Hd, [o("div", Ud, [o("p", Wd, k(_.value.name), 1), o("p", Gd, k(_.value.type || ue.value), 1)]), l(j(z), {
+					icon: j(fe),
 					text: "",
 					rounded: "",
 					severity: "secondary",
-					class: g(["composer-utility-button shrink-0 self-end", u.compact ? "h-9 w-9" : "h-10 w-10 max-md:h-9 max-md:w-9"]),
-					disabled: e.disabled || !!e.editingMessage,
-					"aria-label": j(C)("addToMessage"),
-					"data-testid": "composer-actions-button",
-					icon: j(U),
-					onClick: we
-				}, null, 8, [
-					"class",
-					"disabled",
-					"aria-label",
-					"icon"
-				]),
-				(S(), a("div", {
-					key: j(M),
-					ref_key: "composerEditorRef",
-					ref: D,
-					contenteditable: "true",
-					role: "textbox",
-					"aria-multiline": "true",
-					"data-placeholder": j(C)("writeMessage"),
-					class: g(["composer-editor", e.disabled ? "pointer-events-none opacity-60" : ""]),
-					onFocus: n[3] ||= (...e) => j(ne) && j(ne)(...e),
-					onInput: n[4] ||= (...e) => j(I) && j(I)(...e),
-					onKeyup: n[5] ||= (...e) => j(I) && j(I)(...e),
-					onKeydown: n[6] ||= (...e) => j(te) && j(te)(...e),
-					onPaste: Se,
-					onContextmenu: n[7] ||= (...e) => j(P) && j(P)(...e)
-				}, null, 42, Gd)),
-				_.value || e.editingMessage || e.contextLabel || e.offlineMode ? (S(), a("div", Kd, [
-					e.editingMessage ? (S(), r(j(V), {
-						key: 0,
-						text: j(C)("editing"),
-						context: "info",
+					onClick: Ce
+				}, null, 8, ["icon"])])) : i("", !0),
+				o("div", {
+					ref_key: "composerShellRef",
+					ref: E,
+					class: g(["composer-shell", u.compact ? "composer-shell--compact" : "composer-shell--default"])
+				}, [
+					l(hd, {
+						ref_key: "composerActionsRef",
+						ref: m,
+						onPickFile: be,
+						onOpenPoll: n[2] ||= (e) => y.value = !0
+					}, null, 512),
+					l(j(z), {
+						text: "",
 						rounded: "",
-						size: "sm",
-						class: "composer-meta-tag"
-					}, null, 8, ["text"])) : i("", !0),
-					e.contextLabel ? (S(), r(j(V), {
+						severity: "secondary",
+						class: g(["composer-utility-button shrink-0 self-end", u.compact ? "h-9 w-9" : "h-10 w-10 max-md:h-9 max-md:w-9"]),
+						disabled: e.disabled || !!e.editingMessage,
+						"aria-label": j(C)("addToMessage"),
+						"data-testid": "composer-actions-button",
+						icon: j(U),
+						onClick: we
+					}, null, 8, [
+						"class",
+						"disabled",
+						"aria-label",
+						"icon"
+					]),
+					(S(), a("div", {
+						key: j(M),
+						ref_key: "composerEditorRef",
+						ref: D,
+						contenteditable: "true",
+						role: "textbox",
+						"aria-multiline": "true",
+						"data-placeholder": j(C)("writeMessage"),
+						class: g(["composer-editor", e.disabled ? "pointer-events-none opacity-60" : ""]),
+						onFocus: n[3] ||= (...e) => j(ne) && j(ne)(...e),
+						onInput: n[4] ||= (...e) => j(I) && j(I)(...e),
+						onKeyup: n[5] ||= (...e) => j(I) && j(I)(...e),
+						onKeydown: n[6] ||= (...e) => j(te) && j(te)(...e),
+						onPaste: Se,
+						onContextmenu: n[7] ||= (...e) => j(P) && j(P)(...e)
+					}, null, 42, Kd)),
+					_.value || e.editingMessage || e.contextLabel || e.offlineMode ? (S(), a("div", qd, [
+						e.editingMessage ? (S(), r(j(V), {
+							key: 0,
+							text: j(C)("editing"),
+							context: "info",
+							rounded: "",
+							size: "sm",
+							class: "composer-meta-tag"
+						}, null, 8, ["text"])) : i("", !0),
+						e.contextLabel ? (S(), r(j(V), {
+							key: 1,
+							text: e.contextLabel,
+							context: "contrast",
+							rounded: "",
+							size: "sm",
+							class: "composer-meta-tag"
+						}, null, 8, ["text"])) : i("", !0),
+						e.offlineMode ? (S(), a("p", Jd, k(e.pendingQueueCount ? j(C)("offlineQueued", { count: e.pendingQueueCount }) : j(C)("offline")), 1)) : i("", !0)
+					])) : i("", !0),
+					e.showScheduledButton ? (S(), r(j(z), {
 						key: 1,
-						text: e.contextLabel,
-						context: "contrast",
 						rounded: "",
-						size: "sm",
-						class: "composer-meta-tag"
-					}, null, 8, ["text"])) : i("", !0),
-					e.offlineMode ? (S(), a("p", qd, k(e.pendingQueueCount ? j(C)("offlineQueued", { count: e.pendingQueueCount }) : j(C)("offline")), 1)) : i("", !0)
-				])) : i("", !0),
-				e.showScheduledButton ? (S(), r(j(z), {
-					key: 1,
-					rounded: "",
-					text: "",
-					class: g(["composer-schedule-button shrink-0 self-end", u.compact ? "h-9 w-9" : "h-10 w-10 max-md:h-9 max-md:w-9"]),
-					disabled: e.disabled,
-					"aria-label": j(C)("scheduledMessages"),
-					icon: j(ve),
-					onClick: Oe
+						text: "",
+						class: g(["composer-schedule-button shrink-0 self-end", u.compact ? "h-9 w-9" : "h-10 w-10 max-md:h-9 max-md:w-9"]),
+						disabled: e.disabled,
+						"aria-label": j(C)("scheduledMessages"),
+						icon: j(ve),
+						onClick: Oe
+					}, null, 8, [
+						"class",
+						"disabled",
+						"aria-label",
+						"icon"
+					])) : i("", !0),
+					l(j(z), {
+						rounded: "",
+						severity: "primary",
+						text: "",
+						class: g(["composer-send-button shrink-0 self-end", u.compact ? "h-9 w-9" : "h-10 w-10 max-md:h-9 max-md:w-9"]),
+						disabled: e.disabled || !me.value,
+						"aria-label": e.editingMessage ? j(C)("saveMessage") : _.value ? j(C)("sendAttachment") : j(C)("sendMessage"),
+						icon: e.editingMessage ? j(de) : j(Pe),
+						onMousedown: Ae,
+						onMouseup: je,
+						onMouseleave: je,
+						onTouchstart: Ae,
+						onTouchend: je,
+						onTouchcancel: je,
+						onContextmenu: n[8] ||= L(() => {}, ["prevent"]),
+						onClick: Me
+					}, null, 8, [
+						"class",
+						"disabled",
+						"aria-label",
+						"icon"
+					])
+				], 2),
+				l(xd, {
+					visible: j(re),
+					position: j(N),
+					onFormat: n[9] ||= (e) => j(A)(e)
+				}, null, 8, ["visible", "position"]),
+				l(zd, {
+					ref_key: "triggerMenuRef",
+					ref: O,
+					"highlighted-index": j(oe),
+					"onUpdate:highlightedIndex": n[10] ||= (e) => p(oe) ? oe.value = e : null,
+					visible: j(se),
+					position: j(ae),
+					candidates: j(ie),
+					onSelect: n[11] ||= (e) => j(H)(e)
 				}, null, 8, [
-					"class",
-					"disabled",
-					"aria-label",
-					"icon"
-				])) : i("", !0),
-				l(j(z), {
-					rounded: "",
-					severity: "primary",
-					text: "",
-					class: g(["composer-send-button shrink-0 self-end", u.compact ? "h-9 w-9" : "h-10 w-10 max-md:h-9 max-md:w-9"]),
-					disabled: e.disabled || !me.value,
-					"aria-label": e.editingMessage ? j(C)("saveMessage") : _.value ? j(C)("sendAttachment") : j(C)("sendMessage"),
-					icon: e.editingMessage ? j(de) : j(Pe),
-					onMousedown: Ae,
-					onMouseup: je,
-					onMouseleave: je,
-					onTouchstart: Ae,
-					onTouchend: je,
-					onTouchcancel: je,
-					onContextmenu: n[8] ||= L(() => {}, ["prevent"]),
-					onClick: Me
+					"highlighted-index",
+					"visible",
+					"position",
+					"candidates"
+				]),
+				l(Dd, {
+					visible: y.value,
+					"onUpdate:visible": n[12] ||= (e) => y.value = e,
+					disabled: e.disabled,
+					onSend: Ee
+				}, null, 8, ["visible", "disabled"]),
+				l(Nd, {
+					visible: b.value,
+					"onUpdate:visible": n[13] ||= (e) => b.value = e,
+					disabled: e.disabled,
+					"can-schedule": he.value,
+					"content-preview": ge.value,
+					onSchedule: De
 				}, null, 8, [
-					"class",
+					"visible",
 					"disabled",
-					"aria-label",
-					"icon"
+					"can-schedule",
+					"content-preview"
 				])
-			], 2),
-			l(xd, {
-				visible: j(re),
-				position: j(N),
-				onFormat: n[9] ||= (e) => j(A)(e)
-			}, null, 8, ["visible", "position"]),
-			l(zd, {
-				ref_key: "triggerMenuRef",
-				ref: O,
-				"highlighted-index": j(oe),
-				"onUpdate:highlightedIndex": n[10] ||= (e) => p(oe) ? oe.value = e : null,
-				visible: j(se),
-				position: j(ae),
-				candidates: j(ie),
-				onSelect: n[11] ||= (e) => j(H)(e)
-			}, null, 8, [
-				"highlighted-index",
-				"visible",
-				"position",
-				"candidates"
-			]),
-			l(Dd, {
-				visible: y.value,
-				"onUpdate:visible": n[12] ||= (e) => y.value = e,
-				disabled: e.disabled,
-				onSend: Ee
-			}, null, 8, ["visible", "disabled"]),
-			l(Nd, {
-				visible: b.value,
-				"onUpdate:visible": n[13] ||= (e) => b.value = e,
-				disabled: e.disabled,
-				"can-schedule": he.value,
-				"content-preview": ge.value,
-				onSchedule: De
-			}, null, 8, [
-				"visible",
-				"disabled",
-				"can-schedule",
-				"content-preview"
 			])
 		], 2));
 	}
-}), [["__scopeId", "data-v-e4991f2a"]]), Xd = {
+}), [["__scopeId", "data-v-9df579a2"]]), Zd = {
 	key: 1,
 	class: "composer-readonly-notice"
-}, Zd = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Qd = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "ConversationComposer",
 	props: { target: {} },
 	setup(e, { expose: t }) {
@@ -7873,7 +7875,7 @@ var dd = ["data-testid", "onClick"], fd = { class: "composer-actions-menu__icon"
 		async function N() {
 			await M.value?.focusEditor();
 		}
-		return t({ focusEditor: N }), (e, t) => y.value ? (S(), r(Yd, {
+		return t({ focusEditor: N }), (e, t) => y.value ? (S(), r(Xd, {
 			key: 0,
 			ref_key: "composerRef",
 			ref: M,
@@ -7910,10 +7912,10 @@ var dd = ["data-testid", "onClick"], fd = { class: "composer-actions-menu__icon"
 			"mention-candidates",
 			"mention-name-by-uid",
 			"mentions-enabled"
-		])) : b.value ? (S(), a("div", Xd, k(p.value ? j(s)("repliesDisabledInChannels") : j(s)("readOnlyChannel")), 1)) : i("", !0);
+		])) : b.value ? (S(), a("div", Zd, k(p.value ? j(s)("repliesDisabledInChannels") : j(s)("readOnlyChannel")), 1)) : i("", !0);
 	}
-}), [["__scopeId", "data-v-84a9e2b1"]]), Qd = 1800;
-function $d(e) {
+}), [["__scopeId", "data-v-84a9e2b1"]]), $d = 1800;
+function ef(e) {
 	let t = e.actionMenuRef, n = w(null), r = w(null), i = typeof window < "u" && window.matchMedia("(hover: hover) and (pointer: fine)").matches, a = null;
 	function o(e) {
 		return e.kind === "text" && Hs(e.text);
@@ -8014,7 +8016,7 @@ function $d(e) {
 		}
 		r.value = e.id, a && clearTimeout(a), a = setTimeout(() => {
 			r.value = null;
-		}, Qd), v();
+		}, $d), v();
 	}
 	function C(t) {
 		e.canReply() && (e.emit.reply(t), v());
@@ -8103,8 +8105,8 @@ function $d(e) {
 }
 //#endregion
 //#region src/composables/useMessageListScroll.ts
-var ef = 1, tf = 2, nf = 80, rf = 1800, af = 4;
-function of(e) {
+var tf = 1, nf = 2, rf = 80, af = 1800, of = 4;
+function sf(e) {
 	let t = e.threadRef, n = !0, r = 0, i = null, a = null, o = null, s = null;
 	function c() {
 		o != null && (cancelAnimationFrame(o), o = null);
@@ -8146,7 +8148,7 @@ function of(e) {
 			resizeObserver: o,
 			timeoutId: setTimeout(() => {
 				f();
-			}, rf)
+			}, af)
 		}, a(), o.observe(e);
 	}
 	function m() {
@@ -8157,9 +8159,9 @@ function of(e) {
 		let a = t.value;
 		if (!a) return;
 		let o = a.scrollTop;
-		i?.el === a && Math.abs(o - i.expectedScrollTop) > af && f();
+		i?.el === a && Math.abs(o - i.expectedScrollTop) > of && f();
 		let s = o < r, c = Math.max(0, a.scrollHeight - o - a.clientHeight);
-		s && c > ef ? n = !1 : c <= tf && (n = !0), r = o, a.scrollTop <= nf && !e.isLoading() && !e.isLoadingOlder() && e.canLoadOlder() && e.onLoadOlder();
+		s && c > tf ? n = !1 : c <= nf && (n = !0), r = o, a.scrollTop <= rf && !e.isLoading() && !e.isLoadingOlder() && e.canLoadOlder() && e.onLoadOlder();
 	}
 	return F(() => {
 		let t = e.getMessages();
@@ -8187,14 +8189,14 @@ function of(e) {
 }
 //#endregion
 //#region src/composables/useImageZoom.ts
-var sf = 1, cf = 4;
-function lf(e) {
+var cf = 1, lf = 4;
+function uf(e) {
 	let t = w(1), n = w(0), r = w(0), i = w(!1), a = /* @__PURE__ */ new Map(), o = null, s = 0, c = 0, l = 0, u = 0, d = 0, f = 1, p = 0, m = 0;
 	function h(e, t, n) {
 		return Math.min(Math.max(e, t), n);
 	}
 	function g(e) {
-		return h(e, sf, cf);
+		return h(e, cf, lf);
 	}
 	function _(n, r, i = t.value) {
 		let a = e.viewportRef.value?.clientWidth ?? 0, o = e.viewportRef.value?.clientHeight ?? 0, s = e.imageRef.value?.clientWidth ?? a, c = e.imageRef.value?.clientHeight ?? o, l = s * i, u = c * i, d = Math.max(0, (l - a) / 2), f = Math.max(0, (u - o) / 2);
@@ -8284,10 +8286,10 @@ function lf(e) {
 }
 //#endregion
 //#region src/components/overlays/FullscreenDialog.vue?vue&type=script&setup=true&lang.ts
-var uf = { class: "w-full" }, df = {
+var df = { class: "w-full" }, ff = {
 	key: 0,
 	class: "fullscreen-dialog__footer"
-}, ff = /* @__PURE__ */ u({
+}, pf = /* @__PURE__ */ u({
 	__name: "FullscreenDialog",
 	props: {
 		open: { type: Boolean },
@@ -8312,34 +8314,34 @@ var uf = { class: "w-full" }, df = {
 			closable: !0,
 			"onUpdate:visible": s
 		}, {
-			default: I(() => [o("div", uf, [E(t.$slots, "default")]), t.$slots.footer ? (S(), a("div", df, [E(t.$slots, "footer")])) : i("", !0)]),
+			default: I(() => [o("div", df, [E(t.$slots, "default")]), t.$slots.footer ? (S(), a("div", ff, [E(t.$slots, "footer")])) : i("", !0)]),
 			_: 3
 		}, 8, ["visible", "header"]));
 	}
-}), pf = ["href"], mf = { class: "media-viewer-shell flex min-h-0 flex-1 items-center justify-center overflow-hidden" }, hf = ["src", "alt"], gf = {
+}), mf = ["href"], hf = { class: "media-viewer-shell flex min-h-0 flex-1 items-center justify-center overflow-hidden" }, gf = ["src", "alt"], _f = {
 	key: 1,
 	class: "media-viewer-stage media-viewer-stage-video flex w-full items-center justify-center"
-}, _f = {
+}, vf = {
 	class: "max-h-full w-full bg-black",
 	controls: "",
 	playsinline: "",
 	autoplay: ""
-}, vf = ["src", "type"], yf = {
+}, yf = ["src", "type"], bf = {
 	key: 2,
 	class: "media-viewer-stage media-viewer-audio-stage flex w-full items-center justify-center px-5 py-6"
-}, bf = {
+}, xf = {
 	class: "w-full",
 	controls: "",
 	autoplay: ""
-}, xf = ["src", "type"], Sf = {
+}, Sf = ["src", "type"], Cf = {
 	key: 0,
 	class: "media-viewer-footer flex min-w-0 items-center justify-between gap-3 px-4 py-3 max-md:px-3.5 max-md:py-3"
-}, Cf = { class: "min-w-0 flex-1" }, wf = { class: "heading-sm text-default truncate" }, Tf = { class: "body-sm text-subtle" }, Ef = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, wf = { class: "min-w-0 flex-1" }, Tf = { class: "heading-sm text-default truncate" }, Ef = { class: "body-sm text-subtle" }, Df = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MediaViewerDialog",
 	props: { attachment: {} },
 	emits: ["close"],
 	setup(t, { emit: s }) {
-		let c = t, l = s, u = w(null), d = w(null), f = n(() => !!c.attachment?.url), p = n(() => c.attachment?.kind === "image"), m = n(() => c.attachment?.kind === "video"), h = n(() => c.attachment?.kind === "audio"), { t: _ } = K(), { scale: y, translateX: b, translateY: x, isDragging: C, resetTransform: T, handlePointerDown: E, handlePointerMove: O, handlePointerUp: A, handlePointerCancel: M, handleWheel: N, handleDoubleClick: ee } = lf({
+		let c = t, l = s, u = w(null), d = w(null), f = n(() => !!c.attachment?.url), p = n(() => c.attachment?.kind === "image"), m = n(() => c.attachment?.kind === "video"), h = n(() => c.attachment?.kind === "audio"), { t: _ } = K(), { scale: y, translateX: b, translateY: x, isDragging: C, resetTransform: T, handlePointerDown: E, handlePointerMove: O, handlePointerUp: A, handlePointerCancel: M, handleWheel: N, handleDoubleClick: ee } = uf({
 			viewportRef: u,
 			imageRef: d,
 			isImage: () => p.value
@@ -8350,7 +8352,7 @@ var uf = { class: "w-full" }, df = {
 		function P() {
 			l("close");
 		}
-		return (n, s) => (S(), r(ff, {
+		return (n, s) => (S(), r(pf, {
 			open: f.value,
 			title: t.attachment?.name || j(_)("attachment"),
 			subtitle: t.attachment?.kind || "",
@@ -8367,9 +8369,9 @@ var uf = { class: "w-full" }, df = {
 			}, [(S(), r(D(j(ke)), {
 				class: "size-4",
 				"aria-hidden": "true"
-			})), o("span", null, k(j(_)("openInNewTab")), 1)], 8, pf)) : i("", !0)]),
-			footer: I(() => [t.attachment ? (S(), a("div", Sf, [o("div", Cf, [o("p", wf, k(t.attachment.name), 1), o("p", Tf, k(t.attachment.kind), 1)])])) : i("", !0)]),
-			default: I(() => [o("div", mf, [t.attachment?.url ? (S(), a(e, { key: 0 }, [p.value ? (S(), a("div", {
+			})), o("span", null, k(j(_)("openInNewTab")), 1)], 8, mf)) : i("", !0)]),
+			footer: I(() => [t.attachment ? (S(), a("div", Cf, [o("div", wf, [o("p", Tf, k(t.attachment.name), 1), o("p", Ef, k(t.attachment.kind), 1)])])) : i("", !0)]),
+			default: I(() => [o("div", hf, [t.attachment?.url ? (S(), a(e, { key: 0 }, [p.value ? (S(), a("div", {
 				key: 0,
 				ref_key: "viewportRef",
 				ref: u,
@@ -8392,13 +8394,13 @@ var uf = { class: "w-full" }, df = {
 					transform: `translate3d(${j(b)}px, ${j(x)}px, 0) scale(${j(y)})`,
 					transformOrigin: "center center"
 				})
-			}, null, 14, hf)], 544)) : m.value ? (S(), a("div", gf, [o("video", _f, [o("source", {
+			}, null, 14, gf)], 544)) : m.value ? (S(), a("div", _f, [o("video", vf, [o("source", {
 				src: t.attachment.url,
 				type: t.attachment.mimeType || void 0
-			}, null, 8, vf)])])) : h.value ? (S(), a("div", yf, [o("audio", bf, [o("source", {
+			}, null, 8, yf)])])) : h.value ? (S(), a("div", bf, [o("audio", xf, [o("source", {
 				src: t.attachment.url,
 				type: t.attachment.mimeType || void 0
-			}, null, 8, xf)])])) : i("", !0)], 64)) : i("", !0)])]),
+			}, null, 8, Sf)])])) : i("", !0)], 64)) : i("", !0)])]),
 			_: 1
 		}, 8, [
 			"open",
@@ -8408,7 +8410,7 @@ var uf = { class: "w-full" }, df = {
 			"close-aria-label"
 		]));
 	}
-}), [["__scopeId", "data-v-0e82cfd0"]]), Df = { class: "date-separator" }, Of = { class: "date-separator__label" }, kf = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-0e82cfd0"]]), Of = { class: "date-separator" }, kf = { class: "date-separator__label" }, Af = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageDateSeparator",
 	props: { date: {} },
 	setup(e) {
@@ -8422,24 +8424,24 @@ var uf = { class: "w-full" }, df = {
 				year: "numeric"
 			}).format(n);
 		});
-		return (e, t) => (S(), a("div", Df, [o("span", Of, k(s.value), 1)]));
+		return (e, t) => (S(), a("div", Of, [o("span", kf, k(s.value), 1)]));
 	}
-}), [["__scopeId", "data-v-49e72d67"]]), Af = {
+}), [["__scopeId", "data-v-49e72d67"]]), jf = {
 	"data-testid": "action-message",
 	class: "message-action-row border-default bg-elevation-surface-default body-sm text-subtle max-w-4/5 rounded-full border px-3 py-1 text-center"
-}, jf = { class: "message-action-row__text" }, Mf = /* @__PURE__ */ u({
+}, Mf = { class: "message-action-row__text" }, Nf = /* @__PURE__ */ u({
 	__name: "ActionMessageRow",
 	props: { text: {} },
 	setup(e) {
-		return (t, n) => (S(), a("div", Af, [o("span", jf, k(e.text), 1)]));
+		return (t, n) => (S(), a("div", jf, [o("span", Mf, k(e.text), 1)]));
 	}
-}), Nf = ["href"], Pf = {
+}), Pf = ["href"], Ff = {
 	key: 0,
 	class: "bg-elevation-surface-hovered aspect-[1.9/1] w-full overflow-hidden"
-}, Ff = ["src", "alt"], If = { class: "space-y-1.5 px-3 py-3" }, Lf = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, Rf = { class: "heading-sm text-default line-clamp-2" }, zf = { class: "body-md text-subtle line-clamp-2" }, Bf = {
+}, If = ["src", "alt"], Lf = { class: "space-y-1.5 px-3 py-3" }, Rf = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, zf = { class: "heading-sm text-default line-clamp-2" }, Bf = { class: "body-md text-subtle line-clamp-2" }, Vf = {
 	key: 0,
 	class: "body-sm text-subtlest"
-}, Vf = /* @__PURE__ */ u({
+}, Hf = /* @__PURE__ */ u({
 	__name: "LinkPreviewCard",
 	props: {
 		url: {},
@@ -8506,18 +8508,18 @@ var uf = { class: "w-full" }, df = {
 			target: "_blank",
 			rel: "noreferrer",
 			class: g(["bg-elevation-surface-default shadow-raised mt-2 block overflow-hidden rounded-xl border-0 no-underline transition hover:opacity-95", e.isOwn ? "bg-elevation-surface-default text-default" : "bg-elevation-surface-sunken text-default"])
-		}, [r.value?.imageUrl ? (S(), a("div", Pf, [o("img", {
+		}, [r.value?.imageUrl ? (S(), a("div", Ff, [o("img", {
 			src: r.value.imageUrl,
 			alt: r.value.title || l.value,
 			class: "h-full w-full object-cover"
-		}, null, 8, Ff)])) : i("", !0), o("div", If, [
-			o("p", Lf, k(r.value?.siteName || l.value), 1),
-			o("p", Rf, k(r.value?.title || l.value), 1),
-			o("p", zf, k(r.value?.description || u.value), 1),
-			s.value && !r.value ? (S(), a("p", Bf, k(j(c)("loadingPreview")), 1)) : i("", !0)
-		])], 10, Nf));
-	}
-}), Hf = { class: "linkified-text" }, Uf = ["innerHTML"], Wf = /* @__PURE__ */ $(/* @__PURE__ */ u({
+		}, null, 8, If)])) : i("", !0), o("div", Lf, [
+			o("p", Rf, k(r.value?.siteName || l.value), 1),
+			o("p", zf, k(r.value?.title || l.value), 1),
+			o("p", Bf, k(r.value?.description || u.value), 1),
+			s.value && !r.value ? (S(), a("p", Vf, k(j(c)("loadingPreview")), 1)) : i("", !0)
+		])], 10, Pf));
+	}
+}), Uf = { class: "linkified-text" }, Wf = ["innerHTML"], Gf = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "LinkifiedText",
 	props: {
 		text: {},
@@ -8536,25 +8538,25 @@ var uf = { class: "w-full" }, df = {
 			let t = e.target;
 			t.tagName === "A" && d(e, t);
 		}
-		return (t, n) => (S(), a("div", Hf, [o("div", {
+		return (t, n) => (S(), a("div", Uf, [o("div", {
 			class: g(["rich-text-content", e.textClass]),
 			onClick: f,
 			innerHTML: l.value
-		}, null, 10, Uf), e.showPreview !== !1 && u.value ? (S(), r(Vf, {
+		}, null, 10, Wf), e.showPreview !== !1 && u.value ? (S(), r(Hf, {
 			key: 0,
 			url: u.value,
 			"is-own": e.isOwn
 		}, null, 8, ["url", "is-own"])) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-656b44e8"]]), Gf = { class: "w-full space-y-1" }, Kf = {
+}), [["__scopeId", "data-v-656b44e8"]]), Kf = { class: "w-full space-y-1" }, qf = {
 	class: "attachment-video",
 	controls: "",
 	playsinline: "",
 	preload: "metadata"
-}, qf = ["src", "type"], Jf = ["onClick"], Yf = { class: "inline-flex items-center gap-2 truncate font-medium" }, Xf = ["href"], Zf = { class: "flex min-w-0 items-center gap-2" }, Qf = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, $f = { class: "text-default truncate font-medium" }, ep = { class: "body-sm text-subtle shrink-0" }, tp = {
+}, Jf = ["src", "type"], Yf = ["onClick"], Xf = { class: "inline-flex items-center gap-2 truncate font-medium" }, Zf = ["href"], Qf = { class: "flex min-w-0 items-center gap-2" }, $f = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, ep = { class: "text-default truncate font-medium" }, tp = { class: "body-sm text-subtle shrink-0" }, np = {
 	key: 4,
 	class: "flex items-center justify-between gap-3 rounded-2xl px-3 py-2 text-sm"
-}, np = { class: "flex min-w-0 items-center gap-2" }, rp = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, ip = { class: "text-default truncate font-medium" }, ap = { class: "body-sm text-subtle shrink-0" }, op = 4 / 3, sp = 16 / 9, cp = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, rp = { class: "flex min-w-0 items-center gap-2" }, ip = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, ap = { class: "text-default truncate font-medium" }, op = { class: "body-sm text-subtle shrink-0" }, sp = 4 / 3, cp = 16 / 9, lp = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageAttachmentList",
 	props: { message: {} },
 	emits: ["openMedia"],
@@ -8609,12 +8611,12 @@ var uf = { class: "w-full" }, df = {
 			return n ? t.localeCompare(n, void 0, { sensitivity: "accent" }) !== 0 : !0;
 		}
 		function m(e) {
-			return e.width && e.height && e.width > 0 && e.height > 0 ? e.width / e.height : e.kind === "video" ? sp : op;
+			return e.width && e.height && e.width > 0 && e.height > 0 ? e.width / e.height : e.kind === "video" ? cp : sp;
 		}
 		function h(e) {
 			return { aspectRatio: String(m(e)) };
 		}
-		return (n, d) => (S(), a("div", Gf, [(S(!0), a(e, null, T(t.message.attachments, (n) => (S(), a(e, { key: `${t.message.id}-${n.name}` }, [n.kind === "image" && n.url ? (S(), r(j(B), {
+		return (n, d) => (S(), a("div", Kf, [(S(!0), a(e, null, T(t.message.attachments, (n) => (S(), a(e, { key: `${t.message.id}-${n.name}` }, [n.kind === "image" && n.url ? (S(), r(j(B), {
 			key: 0,
 			preview: "",
 			src: n.url,
@@ -8634,34 +8636,34 @@ var uf = { class: "w-full" }, df = {
 			key: 1,
 			class: "attachment-media-bleed bg-elevation-surface-default shadow-raised attachment-media-frame group relative overflow-hidden rounded-xl border-0",
 			style: v(h(n))
-		}, [o("video", Kf, [o("source", {
+		}, [o("video", qf, [o("source", {
 			src: n.url,
 			type: n.mimeType || void 0
-		}, null, 8, qf)])], 4)) : n.kind === "audio" && n.url ? (S(), a("button", {
+		}, null, 8, Jf)])], 4)) : n.kind === "audio" && n.url ? (S(), a("button", {
 			key: 2,
 			type: "button",
 			class: "flex w-full items-center justify-between gap-3 rounded-2xl px-3 py-2 text-left text-sm transition hover:opacity-90",
 			onClick: (e) => s("openMedia", n)
-		}, [o("span", Yf, [d[0] ||= o("span", { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 items-center justify-center rounded-full" }, " ♪ ", -1), c(" " + k(j(l)("audioMessage")), 1)])], 8, Jf)) : n.url ? (S(), a("a", {
+		}, [o("span", Xf, [d[0] ||= o("span", { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 items-center justify-center rounded-full" }, " ♪ ", -1), c(" " + k(j(l)("audioMessage")), 1)])], 8, Yf)) : n.url ? (S(), a("a", {
 			key: 3,
 			href: n.url,
 			target: "_blank",
 			rel: "noreferrer",
 			class: "flex items-center justify-between gap-3 rounded-2xl px-3 py-2 text-sm no-underline transition hover:opacity-90"
-		}, [o("span", Zf, [o("span", Qf, [(S(), r(D(f(n)), {
+		}, [o("span", Qf, [o("span", $f, [(S(), r(D(f(n)), {
 			class: "size-5",
 			"aria-hidden": "true"
-		}))]), o("span", $f, k(n.name), 1)]), o("span", ep, k(u(n.size)), 1)], 8, Xf)) : (S(), a("div", tp, [o("span", np, [o("span", rp, [(S(), r(D(f(n)), {
+		}))]), o("span", ep, k(n.name), 1)]), o("span", tp, k(u(n.size)), 1)], 8, Zf)) : (S(), a("div", np, [o("span", rp, [o("span", ip, [(S(), r(D(f(n)), {
 			class: "size-5",
 			"aria-hidden": "true"
-		}))]), o("span", ip, k(n.name), 1)]), o("span", ap, k(u(n.size) || j(l)("queued")), 1)]))], 64))), 128)), p(t.message) ? (S(), r(Wf, {
+		}))]), o("span", ap, k(n.name), 1)]), o("span", op, k(u(n.size) || j(l)("queued")), 1)]))], 64))), 128)), p(t.message) ? (S(), r(Gf, {
 			key: 0,
 			text: t.message.text,
 			"is-own": t.message.isOwn,
 			"text-class": "whitespace-normal wrap-break-word body-md text-default"
 		}, null, 8, ["text", "is-own"])) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-5c0ccf0e"]]), lp = { class: "message-status" }, up = { key: 0 }, dp = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-5c0ccf0e"]]), up = { class: "message-status" }, dp = { key: 0 }, fp = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageDeliveryStatus",
 	props: { message: {} },
 	setup(e) {
@@ -8710,8 +8712,8 @@ var uf = { class: "w-full" }, df = {
 				};
 			}
 		});
-		return (t, n) => (S(), a("div", lp, [
-			e.message.isEdited && e.message.kind !== "poll" ? (S(), a("span", up, k(j(c)("edited")), 1)) : i("", !0),
+		return (t, n) => (S(), a("div", up, [
+			e.message.isEdited && e.message.kind !== "poll" ? (S(), a("span", dp, k(j(c)("edited")), 1)) : i("", !0),
 			o("span", null, k(l(e.message.sentAt)), 1),
 			u.value ? (S(), r(D(u.value.icon), {
 				key: 1,
@@ -8726,7 +8728,7 @@ var uf = { class: "w-full" }, df = {
 			])) : i("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-ff4e9daa"]]), fp = { class: "mb-1 flex items-start justify-between gap-2" }, pp = { class: "body-sm text-subtlest truncate font-medium!" }, mp = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-ff4e9daa"]]), pp = { class: "mb-1 flex items-start justify-between gap-2" }, mp = { class: "body-sm text-subtlest truncate font-medium!" }, hp = /* @__PURE__ */ u({
 	__name: "MessageItemHeader",
 	props: { message: {} },
 	setup(e) {
@@ -8742,7 +8744,7 @@ var uf = { class: "w-full" }, df = {
 		function l() {
 			return t.message.senderName?.trim() || (t.message.isOwn ? s("you") : s("system"));
 		}
-		return (t, n) => (S(), a("div", fp, [o("span", pp, k(l()), 1), e.message.scheduled?.scheduleDate ? (S(), r(j(V), {
+		return (t, n) => (S(), a("div", pp, [o("span", mp, k(l()), 1), e.message.scheduled?.scheduleDate ? (S(), r(j(V), {
 			key: 0,
 			text: j(s)("scheduledDateLabel", { date: c(e.message.scheduled.scheduleDate) }),
 			context: "warn",
@@ -8751,7 +8753,7 @@ var uf = { class: "w-full" }, df = {
 			class: "shrink-0"
 		}, null, 8, ["text"])) : i("", !0)]));
 	}
-}), hp = ["disabled", "onClick"], gp = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), gp = ["disabled", "onClick"], _p = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageReactionList",
 	props: {
 		message: {},
@@ -8770,9 +8772,9 @@ var uf = { class: "w-full" }, df = {
 			class: g(["message-reaction-list__item rounded-full px-2 py-0.75 leading-none transition", e.reactedByMe ? "reaction-chip-selected" : t.message.isOwn ? "reaction-chip-own" : "reaction-chip-other"]),
 			disabled: t.disabled,
 			onClick: (t) => r("toggle", e.emoji)
-		}, k(e.emoji) + " " + k(e.count), 11, hp))), 128))], 2)) : i("", !0);
+		}, k(e.emoji) + " " + k(e.count), 11, gp))), 128))], 2)) : i("", !0);
 	}
-}), [["__scopeId", "data-v-c17c8bfd"]]), _p = { class: "message-reactions flex min-w-0 flex-1 flex-wrap items-center gap-1.5" }, vp = ["aria-label", "title"], yp = { class: "message-reactions__thread-count" }, bp = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-c17c8bfd"]]), vp = { class: "message-reactions flex min-w-0 flex-1 flex-wrap items-center gap-1.5" }, yp = ["aria-label", "title"], bp = { class: "message-reactions__thread-count" }, xp = /* @__PURE__ */ u({
 	__name: "MessageItemReactions",
 	props: {
 		message: {},
@@ -8782,7 +8784,7 @@ var uf = { class: "w-full" }, df = {
 	emits: ["toggleReaction", "openThread"],
 	setup(e, { emit: t }) {
 		let s = e, c = t, { t: u } = K(), d = n(() => u("threadReplies", { count: s.message.replyCount })), f = n(() => s.canOpenThread !== !1 && s.message.replyCount > 0);
-		return (t, n) => (S(), a("div", _p, [l(gp, {
+		return (t, n) => (S(), a("div", vp, [l(_p, {
 			message: e.message,
 			disabled: e.canReact === !1,
 			compact: "",
@@ -8797,12 +8799,12 @@ var uf = { class: "w-full" }, df = {
 		}, [(S(), r(D(j(Me)), {
 			class: "size-4",
 			"aria-hidden": "true"
-		})), o("span", yp, k(e.message.replyCount), 1)], 8, vp)) : i("", !0)]));
+		})), o("span", bp, k(e.message.replyCount), 1)], 8, yp)) : i("", !0)]));
 	}
-}), xp = {
+}), Sp = {
 	key: 0,
 	class: ""
-}, Sp = { class: "heading-sm text-default" }, Cp = { class: "body-sm text-subtle" }, wp = { class: "space-y-2 py-3" }, Tp = ["disabled", "onClick"], Ep = { class: "body-md flex items-center justify-between gap-3 px-3 py-1.5" }, Dp = { class: "body-sm text-subtle shrink-0" }, Op = { class: "bg-alpha-default h-1.5" }, kp = /* @__PURE__ */ u({
+}, Cp = { class: "heading-sm text-default" }, wp = { class: "body-sm text-subtle" }, Tp = { class: "space-y-2 py-3" }, Ep = ["disabled", "onClick"], Dp = { class: "body-md flex items-center justify-between gap-3 px-3 py-1.5" }, Op = { class: "body-sm text-subtle shrink-0" }, kp = { class: "bg-alpha-default h-1.5" }, Ap = /* @__PURE__ */ u({
 	__name: "MessagePollContent",
 	props: {
 		message: {},
@@ -8821,18 +8823,18 @@ var uf = { class: "w-full" }, df = {
 			let t = r.currentUserId;
 			return !!(!t || r.pendingOptionKey === `${r.message.id}:${e}` || r.message.poll.options.some((n) => n.id === e && n.voters.includes(t)));
 		}
-		return (n, r) => t.message.poll ? (S(), a("div", xp, [o("div", null, [o("h4", Sp, k(t.message.poll.question), 1), o("p", Cp, k(j(c)("voteCount", { count: t.message.poll.totalVotes })), 1)]), o("div", wp, [(S(!0), a(e, null, T(t.message.poll.options, (e) => (S(), a("button", {
+		return (n, r) => t.message.poll ? (S(), a("div", Sp, [o("div", null, [o("h4", Cp, k(t.message.poll.question), 1), o("p", wp, k(j(c)("voteCount", { count: t.message.poll.totalVotes })), 1)]), o("div", Tp, [(S(!0), a(e, null, T(t.message.poll.options, (e) => (S(), a("button", {
 			key: e.id,
 			type: "button",
 			class: "shadow-raised bg-elevation-surface-raised-default block w-full overflow-hidden rounded-lg text-left",
 			disabled: u(e.id),
 			onClick: (t) => s("vote", e.id)
-		}, [o("div", Ep, [o("span", { class: g(["truncate font-medium", l(e.id) ? "text-success" : ""]) }, k(e.text), 3), o("span", Dp, k(j(c)("voteCount", { count: e.voteCount })), 1)]), o("div", Op, [o("div", {
+		}, [o("div", Dp, [o("span", { class: g(["truncate font-medium", l(e.id) ? "text-success" : ""]) }, k(e.text), 3), o("span", Op, k(j(c)("voteCount", { count: e.voteCount })), 1)]), o("div", kp, [o("div", {
 			class: g(["h-full transition-all", l(e.id) ? "bg-accent-green-subtle-default" : "bg-accent-teal-subtle-default"]),
 			style: v({ width: `${t.message.poll.totalVotes ? e.voteCount / t.message.poll.totalVotes * 100 : 0}%` })
-		}, null, 6)])], 8, Tp))), 128))])])) : i("", !0);
+		}, null, 6)])], 8, Ep))), 128))])])) : i("", !0);
 	}
-}), Ap = { class: "heading-xs" }, jp = { class: "truncate" }, Mp = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), jp = { class: "heading-xs" }, Mp = { class: "truncate" }, Np = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageReplyQuote",
 	props: { message: {} },
 	emits: ["open"],
@@ -8842,15 +8844,15 @@ var uf = { class: "w-full" }, df = {
 			type: "button",
 			class: "reply-quote",
 			onClick: n[0] ||= (e) => c("open")
-		}, [o("p", Ap, k(e.message.replyTo.senderName), 1), o("p", jp, k(s.value), 1)]));
+		}, [o("p", jp, k(e.message.replyTo.senderName), 1), o("p", Mp, k(s.value), 1)]));
 	}
-}), [["__scopeId", "data-v-e27c136c"]]), Np = { class: "space-y-2" }, Pp = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-e27c136c"]]), Pp = { class: "space-y-2" }, Fp = /* @__PURE__ */ u({
 	__name: "MessageTextContent",
 	props: { message: {} },
 	emits: ["anchorclick"],
 	setup(e) {
 		let t = ju(), o = n(() => t.mentionNameByUid.value);
-		return (t, n) => (S(), a("div", Np, [e.message.translatedText ? (S(), r(Wf, {
+		return (t, n) => (S(), a("div", Pp, [e.message.translatedText ? (S(), r(Gf, {
 			key: 0,
 			text: e.message.translatedText,
 			"mention-name-by-uid": o.value,
@@ -8864,7 +8866,7 @@ var uf = { class: "w-full" }, df = {
 			"mention-name-by-uid",
 			"is-own",
 			"class"
-		])) : i("", !0), l(Wf, {
+		])) : i("", !0), l(Gf, {
 			text: e.message.text,
 			"mention-name-by-uid": o.value,
 			"is-own": e.message.isOwn,
@@ -8877,11 +8879,11 @@ var uf = { class: "w-full" }, df = {
 			"is-own"
 		])]));
 	}
-}), Fp = [
+}), Ip = [
 	"id",
 	"data-message-id",
 	"data-message-kind"
-], Ip = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, Lp = /* @__PURE__ */ $(/* @__PURE__ */ u({
+], Lp = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, Rp = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageItem",
 	props: {
 		message: {},
@@ -8923,7 +8925,7 @@ var uf = { class: "w-full" }, df = {
 			"data-message-id": t.message.id,
 			"data-message-kind": t.message.kind,
 			class: g(["message-item group", d.value])
-		}, [t.message.kind === "action" ? (S(), r(Mf, {
+		}, [t.message.kind === "action" ? (S(), r(Nf, {
 			key: 0,
 			text: t.message.text,
 			class: g(f.value)
@@ -8939,16 +8941,16 @@ var uf = { class: "w-full" }, df = {
 			onContextmenu: m,
 			onClick: h
 		}, [
-			!t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(mp, {
+			!t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(hp, {
 				key: 0,
 				message: t.message
 			}, null, 8, ["message"])) : i("", !0),
-			t.message.replyTo ? (S(), r(Mp, {
+			t.message.replyTo ? (S(), r(Np, {
 				key: 1,
 				message: t.message,
 				onOpen: _
 			}, null, 8, ["message"])) : i("", !0),
-			t.message.kind === "poll" && t.message.poll ? (S(), r(kp, {
+			t.message.kind === "poll" && t.message.poll ? (S(), r(Ap, {
 				key: 2,
 				message: t.message,
 				"current-user-id": t.currentUserId,
@@ -8958,16 +8960,16 @@ var uf = { class: "w-full" }, df = {
 				"message",
 				"current-user-id",
 				"pending-option-key"
-			])) : t.message.attachments?.length ? (S(), r(cp, {
+			])) : t.message.attachments?.length ? (S(), r(lp, {
 				key: 3,
 				message: t.message,
 				onOpenMedia: s[1] ||= (e) => u("openMedia", e)
-			}, null, 8, ["message"])) : (S(), r(Pp, {
+			}, null, 8, ["message"])) : (S(), r(Fp, {
 				key: 4,
 				message: t.message,
 				onAnchorclick: s[2] ||= (e, t) => n.$emit("anchorclick", e, t)
 			}, null, 8, ["message"])),
-			o("div", Ip, [l(bp, {
+			o("div", Lp, [l(xp, {
 				message: t.message,
 				"can-react": t.canReact,
 				"can-open-thread": t.canOpenThread,
@@ -8977,20 +8979,20 @@ var uf = { class: "w-full" }, df = {
 				"message",
 				"can-react",
 				"can-open-thread"
-			]), l(dp, { message: t.message }, null, 8, ["message"])])
-		], 34)], 64))], 10, Fp));
+			]), l(fp, { message: t.message }, null, 8, ["message"])])
+		], 34)], 64))], 10, Ip));
 	}
-}), [["__scopeId", "data-v-cb4a4183"]]), Rp = [
+}), [["__scopeId", "data-v-cb4a4183"]]), zp = [
 	"👍",
 	"❤️",
 	"🔥",
 	"😂",
 	"🙏",
 	"🎉"
-], zp = /* @__PURE__ */ "👏.😍.🤯.😮.😢.😡.👀.✅.💯.🙌.🤝.👌.💪.🤔.🫶.😅.🥳.💛.🌟.🚀.💥.🎯.📌.💡.🕊️.☀️.🌈.🍀.🎶.🫡".split("."), Bp = { class: "message-reaction-pill" }, Vp = ["disabled", "onClick"], Hp = ["disabled"], Up = {
+], Bp = /* @__PURE__ */ "👏.😍.🤯.😮.😢.😡.👀.✅.💯.🙌.🤝.👌.💪.🤔.🫶.😅.🥳.💛.🌟.🚀.💥.🎯.📌.💡.🕊️.☀️.🌈.🍀.🎶.🫡".split("."), Vp = { class: "shadow-overlay bg-elevation-surface-raised-default mx-auto flex w-max max-w-full items-center gap-1 rounded-full px-3 py-1" }, Hp = ["disabled", "onClick"], Up = ["disabled"], Wp = {
 	key: 0,
-	class: "message-expanded-reactions"
-}, Wp = ["onClick"], Gp = /* @__PURE__ */ $(/* @__PURE__ */ u({
+	class: "bg-elevation-surface-raised-default shadow-overlay m-0 grid grid-cols-6 gap-1 rounded-lg p-1.5"
+}, Gp = ["onClick"], Kp = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageItemMenuReactions",
 	props: {
 		message: {},
@@ -9002,20 +9004,20 @@ var uf = { class: "w-full" }, df = {
 		F(() => c.message.id, () => {
 			u.value = !1;
 		});
-		let d = n(() => zp);
+		let d = n(() => Bp);
 		function f(e) {
 			return (c.message.reactions ?? []).some((t) => t.emoji === e);
 		}
 		function p() {
 			c.canReact && (u.value = !u.value);
 		}
-		return (n, s) => (S(), a(e, null, [o("div", Bp, [(S(!0), a(e, null, T(j(Rp), (e) => (S(), a("button", {
+		return (n, s) => (S(), a(e, null, [o("div", Vp, [(S(!0), a(e, null, T(j(zp), (e) => (S(), a("button", {
 			key: `${t.message.id}-${e}-common`,
 			type: "button",
-			class: g(["message-reaction-button", f(e) ? "message-reaction-button-active" : "message-reaction-button-idle"]),
+			class: g(["message-reaction-button", f(e) ? "bg-background-success-default" : "bg-transparent"]),
 			disabled: !t.canReact,
 			onClick: (t) => l("react", e)
-		}, k(e), 11, Vp))), 128)), o("button", {
+		}, k(e), 11, Hp))), 128)), o("button", {
 			type: "button",
 			class: "message-reaction-more",
 			disabled: !t.canReact,
@@ -9023,14 +9025,14 @@ var uf = { class: "w-full" }, df = {
 		}, [(S(), r(D(u.value ? j(De) : j(Ee)), {
 			class: "size-7",
 			"aria-hidden": "true"
-		}))], 8, Hp)]), u.value && t.canReact ? (S(), a("div", Up, [(S(!0), a(e, null, T(d.value, (e) => (S(), a("button", {
+		}))], 8, Up)]), u.value && t.canReact ? (S(), a("div", Wp, [(S(!0), a(e, null, T(d.value, (e) => (S(), a("button", {
 			key: `${t.message.id}-${e}-extended`,
 			type: "button",
-			class: g(["message-expanded-reaction-button", f(e) ? "message-reaction-button-active" : "message-reaction-button-idle"]),
+			class: g(["message-expanded-reaction-button", f(e) ? "bg-background-success-default" : "bg-transparent"]),
 			onClick: (t) => l("react", e)
-		}, k(e), 11, Wp))), 128))])) : i("", !0)], 64));
+		}, k(e), 11, Gp))), 128))])) : i("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-bd5ff3ae"]]), Kp = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-0a11761a"]]), qp = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageItemMenu",
 	props: {
 		message: {},
@@ -9094,19 +9096,19 @@ var uf = { class: "w-full" }, df = {
 				top: `${d.value.top}px`
 			}),
 			"data-testid": "message-action-popover-shell"
-		}, [l(Gp, {
+		}, [l(Kp, {
 			message: e.message,
 			"can-react": e.canReact,
 			onReact: o[0] ||= (e) => s("react", e)
 		}, null, 8, ["message", "can-react"]), l(j(ae), { model: e.actionItems }, null, 8, ["model"])], 4)) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-54f6bf5c"]]), qp = { class: "chat-header border-default bg-elevation-surface-default sticky top-0 z-10 flex items-center justify-between gap-3 border-b px-4 py-3 max-md:px-4 max-md:pb-3 sm:px-5 sm:py-3.5" }, Jp = {
+}), [["__scopeId", "data-v-54f6bf5c"]]), Jp = { class: "chat-header border-default bg-elevation-surface-default sticky top-0 z-10 flex items-center justify-between gap-3 border-b px-4 py-3 max-md:px-4 max-md:pb-3 sm:px-5 sm:py-3.5" }, Yp = {
 	key: 0,
 	class: "chat-header__identity flex min-w-0 items-center gap-3"
-}, Yp = { class: "chat-header__text min-w-0" }, Xp = { class: "chat-header__title heading-md text-default sm:heading-lg truncate" }, Zp = { class: "chat-header__subtitle body-sm text-subtle sm:body-md truncate" }, Qp = { key: 0 }, $p = { key: 1 }, em = { class: "chat-header__actions flex items-center gap-2" }, tm = {
+}, Xp = { class: "chat-header__text min-w-0" }, Zp = { class: "chat-header__title heading-md text-default sm:heading-lg truncate" }, Qp = { class: "chat-header__subtitle body-sm text-subtle sm:body-md truncate" }, $p = { key: 0 }, em = { key: 1 }, tm = { class: "chat-header__actions flex items-center gap-2" }, nm = {
 	key: 0,
 	class: "chat-header__tags hidden flex-wrap gap-2 md:flex"
-}, nm = /* @__PURE__ */ u({
+}, rm = /* @__PURE__ */ u({
 	__name: "MessageListHeader",
 	props: {
 		conversation: {},
@@ -9114,28 +9116,28 @@ var uf = { class: "w-full" }, df = {
 	},
 	setup(t) {
 		let { t: n } = K();
-		return (s, c) => (S(), a("header", qp, [t.conversation ? (S(), a("div", Jp, [l(j(R), {
+		return (s, c) => (S(), a("header", Jp, [t.conversation ? (S(), a("div", Yp, [l(j(R), {
 			image: t.conversation.avatar,
 			label: t.conversation.avatar ? void 0 : t.conversation.title.slice(0, 1).toUpperCase(),
 			shape: "circle",
 			class: "chat-header__avatar shrink-0"
-		}, null, 8, ["image", "label"]), o("div", Yp, [o("p", Xp, k(t.parentMessage ? j(n)("thread") : t.conversation.title), 1), o("p", Zp, [t.parentMessage ? (S(), a("span", Qp, k(t.parentMessage.senderName), 1)) : (S(), a("span", $p, k(t.conversation.memberCount ? j(n)("members", { count: t.conversation.memberCount }) : j(n)("groupChat")), 1))])])])) : i("", !0), o("div", em, [t.conversation?.tags?.length ? (S(), a("div", tm, [(S(!0), a(e, null, T(t.conversation.tags.slice(0, 3), (e) => (S(), r(j(V), {
+		}, null, 8, ["image", "label"]), o("div", Xp, [o("p", Zp, k(t.parentMessage ? j(n)("thread") : t.conversation.title), 1), o("p", Qp, [t.parentMessage ? (S(), a("span", $p, k(t.parentMessage.senderName), 1)) : (S(), a("span", em, k(t.conversation.memberCount ? j(n)("members", { count: t.conversation.memberCount }) : j(n)("groupChat")), 1))])])])) : i("", !0), o("div", tm, [t.conversation?.tags?.length ? (S(), a("div", nm, [(S(!0), a(e, null, T(t.conversation.tags.slice(0, 3), (e) => (S(), r(j(V), {
 			key: e,
 			text: e,
 			context: "secondary",
 			rounded: ""
 		}, null, 8, ["text"]))), 128))])) : i("", !0)])]));
 	}
-}), rm = {
+}), im = {
 	key: 1,
 	class: "message-list__empty-state"
-}, im = { class: "space-y-2" }, am = {
+}, am = { class: "space-y-2" }, om = {
 	key: 0,
 	class: "message-list__thread-root"
-}, om = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, sm = { class: "body-md text-default mt-1 line-clamp-2" }, cm = {
+}, sm = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, cm = { class: "body-md text-default mt-1 line-clamp-2" }, lm = {
 	key: 1,
 	class: "surface-default text-subtle rounded-2xl p-5 text-center"
-}, lm = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, um = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageList",
 	props: {
 		target: {},
@@ -9152,7 +9154,7 @@ var uf = { class: "w-full" }, df = {
 		}), O = n(() => {
 			let e = u.conversation.value;
 			return e ? _.value ? _.value.senderName : e.memberCount ? c("members", { count: e.memberCount }) : c("groupChat") : "";
-		}), A = n(() => u.conversation.value?.memberCount ?? 0), M = w(null), ee = w(null), P = n(() => !!_.value), F = n(() => P.value && !y.value), I = n(() => Eu(u.conversation.value)), te = N("threadRef"), { handleThreadScroll: L } = of({
+		}), A = n(() => u.conversation.value?.memberCount ?? 0), M = w(null), ee = w(null), P = n(() => !!_.value), F = n(() => P.value && !y.value), I = n(() => Eu(u.conversation.value)), te = N("threadRef"), { handleThreadScroll: L } = sf({
 			getConversation: () => u.conversation.value,
 			getParentMessage: () => _.value,
 			getMessages: () => m.value,
@@ -9161,7 +9163,7 @@ var uf = { class: "w-full" }, df = {
 			canLoadOlder: () => b.value,
 			onLoadOlder: () => f.emit("list:loadOlder", { target: s.target }),
 			threadRef: te
-		}), R = N("actionMenuRef"), { activeActionMessage: z, handleMessageContextMenu: ne, handleMessageTap: B, resetActionMenuState: re, reactToMessage: ie, toggleInlineReaction: ae, getActionItems: oe } = $d({
+		}), R = N("actionMenuRef"), { activeActionMessage: z, handleMessageContextMenu: ne, handleMessageTap: B, resetActionMenuState: re, reactToMessage: ie, toggleInlineReaction: ae, getActionItems: oe } = ef({
 			canUseMessageActions: () => u.canUseMessageActions.value,
 			canReact: () => u.canReact.value,
 			canReply: () => u.canReply.value,
@@ -9228,7 +9230,7 @@ var uf = { class: "w-full" }, df = {
 				title: D.value,
 				subtitle: O.value,
 				memberCount: A.value
-			}, () => [l(nm, {
+			}, () => [l(rm, {
 				conversation: j(u).conversation.value,
 				"parent-message": _.value
 			}, null, 8, ["conversation", "parent-message"])], !0) : i("", !0), j(u).conversation.value ? (S(), a("div", {
@@ -9239,12 +9241,12 @@ var uf = { class: "w-full" }, df = {
 				ref: te,
 				class: g(["message-list__scroll min-h-0 flex-1", F.value ? "p-0" : P.value ? "px-5 py-4" : "px-2 pt-2 pb-3"]),
 				onScroll: n[2] ||= (...e) => j(L) && j(L)(...e)
-			}, [o("div", im, [
-				_.value ? (S(), a("div", am, [o("p", om, k(_.value.senderName), 1), o("p", sm, k(j(Ws)(_.value, j(c)("message"), j(u).mentionNameByUid.value)), 1)])) : i("", !0),
-				(S(!0), a(e, null, T(m.value, (o, c) => (S(), a(e, { key: o.id }, [ue(c) ? (S(), r(kf, {
+			}, [o("div", am, [
+				_.value ? (S(), a("div", om, [o("p", sm, k(_.value.senderName), 1), o("p", cm, k(j(Ws)(_.value, j(c)("message"), j(u).mentionNameByUid.value)), 1)])) : i("", !0),
+				(S(!0), a(e, null, T(m.value, (o, c) => (S(), a(e, { key: o.id }, [ue(c) ? (S(), r(Af, {
 					key: 0,
 					date: o.sentAt
-				}, null, 8, ["date"])) : i("", !0), l(Lp, {
+				}, null, 8, ["date"])) : i("", !0), l(Rp, {
 					message: o,
 					"current-user-id": j(u).currentUserId.value,
 					"can-react": j(u).canReact.value,
@@ -9276,13 +9278,13 @@ var uf = { class: "w-full" }, df = {
 					"onToggleReaction",
 					"onOpenThread"
 				])], 64))), 128)),
-				m.value.length === 0 && C.value && !h.value ? (S(), a("div", cm, k(j(c)("noMessagesYetInThisGroup")), 1)) : i("", !0)
-			])], 34), o("footer", { class: g(["message-list__composer flex shrink-0 flex-col", P.value ? F.value ? "bg-transparent p-0" : "message-list__composer--thread" : "bg-transparent p-0"]) }, [E(t.$slots, "composer", {}, void 0, !0)], 2)], 2)) : (S(), a("div", rm, k(j(c)("selectConversationToStart")), 1))], 2),
-			l(Ef, {
+				m.value.length === 0 && C.value && !h.value ? (S(), a("div", lm, k(j(c)("noMessagesYetInThisGroup")), 1)) : i("", !0)
+			])], 34), o("footer", { class: g(["message-list__composer flex shrink-0 flex-col", P.value ? F.value ? "bg-transparent p-0" : "message-list__composer--thread" : "bg-transparent p-0"]) }, [E(t.$slots, "composer", {}, void 0, !0)], 2)], 2)) : (S(), a("div", im, k(j(c)("selectConversationToStart")), 1))], 2),
+			l(Df, {
 				attachment: M.value,
 				onClose: H
 			}, null, 8, ["attachment"]),
-			l(Kp, {
+			l(qp, {
 				ref_key: "actionMenuRef",
 				ref: R,
 				message: j(z),
@@ -9298,13 +9300,13 @@ var uf = { class: "w-full" }, df = {
 			])
 		], 64));
 	}
-}), [["__scopeId", "data-v-bea26e53"]]), um = { class: "receipt-section" }, dm = { class: "receipt-section__header" }, fm = { class: "heading-sm text-default" }, pm = { class: "body-sm text-subtlest" }, mm = {
+}), [["__scopeId", "data-v-bea26e53"]]), dm = { class: "receipt-section" }, fm = { class: "receipt-section__header" }, pm = { class: "heading-sm text-default" }, mm = { class: "body-sm text-subtlest" }, hm = {
 	key: 0,
 	class: "space-y-2"
-}, hm = { class: "flex min-w-0 items-center gap-3" }, gm = { class: "min-w-0" }, _m = { class: "heading-sm text-default truncate" }, vm = { class: "body-sm text-subtle truncate" }, ym = { class: "body-sm text-subtle shrink-0" }, bm = {
+}, gm = { class: "flex min-w-0 items-center gap-3" }, _m = { class: "min-w-0" }, vm = { class: "heading-sm text-default truncate" }, ym = { class: "body-sm text-subtle truncate" }, bm = { class: "body-sm text-subtle shrink-0" }, xm = {
 	key: 1,
 	class: "receipt-section__empty"
-}, xm = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Sm = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "ReceiptSection",
 	props: {
 		title: {},
@@ -9313,29 +9315,29 @@ var uf = { class: "w-full" }, df = {
 		formatDateTime: { type: Function }
 	},
 	setup(t) {
-		return (n, r) => (S(), a("section", um, [o("div", dm, [o("p", fm, k(t.title), 1), o("span", pm, k(t.receipts.length), 1)]), t.receipts.length ? (S(), a("div", mm, [(S(!0), a(e, null, T(t.receipts, (e) => (S(), a("div", {
+		return (n, r) => (S(), a("section", dm, [o("div", fm, [o("p", pm, k(t.title), 1), o("span", mm, k(t.receipts.length), 1)]), t.receipts.length ? (S(), a("div", hm, [(S(!0), a(e, null, T(t.receipts, (e) => (S(), a("div", {
 			key: `${e.kind}-${e.user.uid}`,
 			class: "receipt-section__row"
-		}, [o("div", hm, [l(j(R), {
+		}, [o("div", gm, [l(j(R), {
 			image: e.user.avatar,
 			label: e.user.avatar ? void 0 : e.user.name.slice(0, 1).toUpperCase(),
 			shape: "circle",
 			class: "shrink-0"
-		}, null, 8, ["image", "label"]), o("div", gm, [o("p", _m, k(e.user.name), 1), o("p", vm, k(e.user.uid), 1)])]), o("p", ym, k(t.formatDateTime(e.timestamp)), 1)]))), 128))])) : (S(), a("div", bm, k(t.emptyLabel), 1))]));
+		}, null, 8, ["image", "label"]), o("div", _m, [o("p", vm, k(e.user.name), 1), o("p", ym, k(e.user.uid), 1)])]), o("p", bm, k(t.formatDateTime(e.timestamp)), 1)]))), 128))])) : (S(), a("div", xm, k(t.emptyLabel), 1))]));
 	}
-}), [["__scopeId", "data-v-2b2f0a3e"]]), Sm = {
+}), [["__scopeId", "data-v-2b2f0a3e"]]), Cm = {
 	key: 0,
 	class: "message-info-dialog-content space-y-5 overflow-y-auto"
-}, Cm = { class: "message-info-summary px-4 py-4 sm:px-6 sm:py-5" }, wm = { class: "body-md text-default wrap-break-word whitespace-pre-wrap" }, Tm = { class: "mt-4 grid gap-3 sm:grid-cols-3" }, Em = { class: "message-info-metric px-3 py-3" }, Dm = { class: "body-sm text-subtlest font-semibold uppercase" }, Om = { class: "heading-sm text-default mt-1" }, km = { class: "message-info-metric px-3 py-3" }, Am = { class: "flex items-center gap-2" }, jm = { class: "body-sm text-subtlest font-semibold uppercase" }, Mm = { class: "heading-sm text-default mt-1" }, Nm = { class: "message-info-metric px-3 py-3" }, Pm = { class: "flex items-center gap-2" }, Fm = { class: "body-sm text-subtlest font-semibold uppercase" }, Im = { class: "heading-sm text-default mt-1" }, Lm = {
+}, wm = { class: "message-info-summary px-4 py-4 sm:px-6 sm:py-5" }, Tm = { class: "body-md text-default wrap-break-word whitespace-pre-wrap" }, Em = { class: "mt-4 grid gap-3 sm:grid-cols-3" }, Dm = { class: "message-info-metric px-3 py-3" }, Om = { class: "body-sm text-subtlest font-semibold uppercase" }, km = { class: "heading-sm text-default mt-1" }, Am = { class: "message-info-metric px-3 py-3" }, jm = { class: "flex items-center gap-2" }, Mm = { class: "body-sm text-subtlest font-semibold uppercase" }, Nm = { class: "heading-sm text-default mt-1" }, Pm = { class: "message-info-metric px-3 py-3" }, Fm = { class: "flex items-center gap-2" }, Im = { class: "body-sm text-subtlest font-semibold uppercase" }, Lm = { class: "heading-sm text-default mt-1" }, Rm = {
 	key: 0,
 	class: "flex items-center justify-center px-4 py-8 sm:px-6"
-}, Rm = {
+}, zm = {
 	key: 1,
 	class: "message-info-error body-md mx-4 rounded-xl px-4 py-3 sm:mx-6"
-}, zm = {
+}, Bm = {
 	key: 2,
 	class: "space-y-4 pb-4 sm:pb-5"
-}, Bm = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Vm = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "MessageInfoDialog",
 	props: {
 		open: { type: Boolean },
@@ -9357,34 +9359,34 @@ var uf = { class: "w-full" }, df = {
 		function _(e, t) {
 			return e ? g(e) : d(t > 0 ? "someRecipients" : "notYet");
 		}
-		return (t, n) => (S(), r(ff, {
+		return (t, n) => (S(), r(pf, {
 			open: e.open,
 			title: j(d)("messageInfo"),
 			subtitle: j(d)("deliveryAndReadDetails"),
 			"close-label": j(d)("close"),
 			onClose: n[0] ||= (e) => c("close")
 		}, {
-			default: I(() => [e.message ? (S(), a("div", Sm, [o("div", Cm, [o("p", wm, k(j(Ws)(e.message, j(d)("message"), j(f).mentionNameByUid.value)), 1), o("div", Tm, [
-				o("div", Em, [o("p", Dm, k(j(d)("sent")), 1), o("p", Om, k(g(e.message.sentAt)), 1)]),
-				o("div", km, [o("div", Am, [o("p", jm, k(j(d)("deliveredToAll")), 1), h.value.length ? (S(), r(j(V), {
+			default: I(() => [e.message ? (S(), a("div", Cm, [o("div", wm, [o("p", Tm, k(j(Ws)(e.message, j(d)("message"), j(f).mentionNameByUid.value)), 1), o("div", Em, [
+				o("div", Dm, [o("p", Om, k(j(d)("sent")), 1), o("p", km, k(g(e.message.sentAt)), 1)]),
+				o("div", Am, [o("div", jm, [o("p", Mm, k(j(d)("deliveredToAll")), 1), h.value.length ? (S(), r(j(V), {
 					key: 0,
 					text: String(h.value.length),
 					context: "secondary",
 					rounded: ""
-				}, null, 8, ["text"])) : i("", !0)]), o("p", Mm, k(_(e.message.receipts.deliveredAt, h.value.length)), 1)]),
-				o("div", Nm, [o("div", Pm, [o("p", Fm, k(j(d)("readByAll")), 1), m.value.length ? (S(), r(j(V), {
+				}, null, 8, ["text"])) : i("", !0)]), o("p", Nm, k(_(e.message.receipts.deliveredAt, h.value.length)), 1)]),
+				o("div", Pm, [o("div", Fm, [o("p", Im, k(j(d)("readByAll")), 1), m.value.length ? (S(), r(j(V), {
 					key: 0,
 					text: String(m.value.length),
 					context: "success",
 					rounded: ""
-				}, null, 8, ["text"])) : i("", !0)]), o("p", Im, k(_(e.message.receipts.readAt, m.value.length)), 1)])
-			])]), e.loading ? (S(), a("div", Lm, [l(j(se), {
+				}, null, 8, ["text"])) : i("", !0)]), o("p", Lm, k(_(e.message.receipts.readAt, m.value.length)), 1)])
+			])]), e.loading ? (S(), a("div", Rm, [l(j(se), {
 				style: {
 					width: "2.5rem",
 					height: "2.5rem"
 				},
 				"stroke-width": "5"
-			})])) : e.error ? (S(), a("div", Rm, k(e.error), 1)) : (S(), a("div", zm, [l(xm, {
+			})])) : e.error ? (S(), a("div", zm, k(e.error), 1)) : (S(), a("div", Bm, [l(Sm, {
 				title: j(d)("readBy"),
 				receipts: m.value,
 				"empty-label": j(d)("nobodyHasReadThisMessageYet"),
@@ -9393,7 +9395,7 @@ var uf = { class: "w-full" }, df = {
 				"title",
 				"receipts",
 				"empty-label"
-			]), l(xm, {
+			]), l(Sm, {
 				title: j(d)("deliveredNotYetRead"),
 				receipts: p.value,
 				"empty-label": j(d)("noRecipientsDeliveredStageYet"),
@@ -9411,34 +9413,34 @@ var uf = { class: "w-full" }, df = {
 			"close-label"
 		]));
 	}
-}), [["__scopeId", "data-v-30ce65f1"]]), Vm = { class: "min-h-0 flex-1 overflow-y-auto" }, Hm = {
+}), [["__scopeId", "data-v-30ce65f1"]]), Hm = { class: "min-h-0 flex-1 overflow-y-auto" }, Um = {
 	key: 0,
 	class: "flex h-full min-h-64 items-center justify-center"
-}, Um = {
+}, Wm = {
 	key: 1,
 	class: "bg-elevation-surface-sunken-default body-md flex h-full min-h-64 items-center justify-center rounded-xl px-6 text-center"
-}, Wm = {
+}, Gm = {
 	key: 2,
 	class: "space-y-3"
-}, Gm = { class: "flex flex-wrap items-start justify-between gap-3" }, Km = { class: "w-full space-y-2" }, qm = { class: "center between gap-2" }, Jm = { class: "" }, Ym = { class: "space-y-1" }, Xm = { class: "heading-sm text-default" }, Zm = {
+}, Km = { class: "flex flex-wrap items-start justify-between gap-3" }, qm = { class: "w-full space-y-2" }, Jm = { class: "center between gap-2" }, Ym = { class: "" }, Xm = { class: "space-y-1" }, Zm = { class: "heading-sm text-default" }, Qm = {
 	key: 0,
 	class: "body-md text-default"
-}, Qm = {
+}, $m = {
 	key: 1,
 	class: "body-md text-default wrap-break-word whitespace-pre-wrap"
-}, $m = {
+}, eh = {
 	key: 0,
 	class: "max-w-sm"
-}, eh = { class: "flex flex-wrap items-center gap-1" }, th = {
+}, th = { class: "flex flex-wrap items-center gap-1" }, nh = {
 	key: 0,
 	class: "bg-elevation-surface-sunken-default mt-4 flex flex-col gap-3 rounded-xl p-3 sm:flex-row sm:items-center"
-}, nh = { class: "grid w-full grid-cols-1 gap-2 sm:grid-cols-[1fr_8rem]" }, rh = { class: "flex items-center gap-2" }, ih = {
+}, rh = { class: "grid w-full grid-cols-1 gap-2 sm:grid-cols-[1fr_8rem]" }, ih = { class: "flex items-center gap-2" }, ah = {
 	key: 1,
 	class: "bg-elevation-surface-sunken-default mt-4 flex flex-col gap-3 rounded-xl p-3"
-}, ah = {
+}, oh = {
 	key: 0,
 	class: "relative max-w-sm"
-}, oh = { class: "absolute top-2 right-2" }, sh = ["placeholder"], ch = { class: "flex items-center justify-end gap-2" }, lh = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, sh = { class: "absolute top-2 right-2" }, ch = ["placeholder"], lh = { class: "flex items-center justify-end gap-2" }, uh = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "ScheduledMessagesDialog",
 	props: {
 		open: { type: Boolean },
@@ -9520,24 +9522,24 @@ var uf = { class: "w-full" }, df = {
 		function B(e) {
 			d.value === e.id && M(), u("remove", e);
 		}
-		return (n, s) => (S(), r(ff, {
+		return (n, s) => (S(), r(pf, {
 			open: t.open,
 			title: j(v)("scheduledMessages"),
 			subtitle: t.conversationTitle ? j(v)("queuedForConversation", { title: t.conversationTitle }) : j(v)("queuedOutgoingMessagesForThisChat"),
 			"close-label": j(v)("close"),
 			onClose: s[3] ||= (e) => u("close")
 		}, {
-			default: I(() => [o("div", Vm, [t.loading ? (S(), a("div", Hm, [l(j(se), {
+			default: I(() => [o("div", Hm, [t.loading ? (S(), a("div", Um, [l(j(se), {
 				style: {
 					width: "2.75rem",
 					height: "2.75rem"
 				},
 				"stroke-width": "6"
-			})])) : y.value.length === 0 ? (S(), a("div", Um, k(j(v)("noScheduledMessagesForConversation")), 1)) : (S(), a("div", Wm, [(S(!0), a(e, null, T(y.value, (e) => (S(), a("article", {
+			})])) : y.value.length === 0 ? (S(), a("div", Wm, k(j(v)("noScheduledMessagesForConversation")), 1)) : (S(), a("div", Gm, [(S(!0), a(e, null, T(y.value, (e) => (S(), a("article", {
 				key: e.id,
 				class: "border-default rounded-lg border px-4 py-3"
-			}, [o("div", Gm, [o("div", Km, [
-				o("div", qm, [o("div", Jm, [e.kind === "poll" ? (S(), r(j(V), {
+			}, [o("div", Km, [o("div", qm, [
+				o("div", Jm, [o("div", Ym, [e.kind === "poll" ? (S(), r(j(V), {
 					key: 0,
 					text: j(v)("poll"),
 					context: "info",
@@ -9558,9 +9560,9 @@ var uf = { class: "w-full" }, df = {
 					size: "small",
 					onClick: (t) => B(e)
 				}, null, 8, ["icon", "onClick"])]),
-				o("div", Ym, [o("p", Xm, k(x(e.scheduled?.scheduleDate)), 1), e.kind === "poll" && e.poll ? (S(), a("p", Zm, k(e.poll.question), 1)) : (S(), a("p", Qm, k(j(Ws)(e, j(v)("attachment"))), 1))]),
-				L(e) && !(d.value === e.id && f.value === "text") ? (S(), a("div", $m, [l(cp, { message: N(e) }, null, 8, ["message"])])) : i("", !0)
-			]), o("div", eh, [e.kind === "poll" ? i("", !0) : (S(), r(j(z), {
+				o("div", Xm, [o("p", Zm, k(x(e.scheduled?.scheduleDate)), 1), e.kind === "poll" && e.poll ? (S(), a("p", Qm, k(e.poll.question), 1)) : (S(), a("p", $m, k(j(Ws)(e, j(v)("attachment"))), 1))]),
+				L(e) && !(d.value === e.id && f.value === "text") ? (S(), a("div", eh, [l(lp, { message: N(e) }, null, 8, ["message"])])) : i("", !0)
+			]), o("div", th, [e.kind === "poll" ? i("", !0) : (S(), r(j(z), {
 				key: 0,
 				label: j(v)("edit"),
 				icon: j(ye),
@@ -9582,7 +9584,7 @@ var uf = { class: "w-full" }, df = {
 				"label",
 				"icon",
 				"onClick"
-			])) : i("", !0)])]), d.value === e.id && f.value === "reschedule" ? (S(), a("div", th, [o("div", nh, [te(o("input", {
+			])) : i("", !0)])]), d.value === e.id && f.value === "reschedule" ? (S(), a("div", nh, [o("div", rh, [te(o("input", {
 				"onUpdate:modelValue": s[0] ||= (e) => m.value = e,
 				type: "date",
 				class: "surface-input body-md w-full rounded-xl p-2 ring-0 outline-none"
@@ -9594,7 +9596,7 @@ var uf = { class: "w-full" }, df = {
 				pattern: "^([01]\\d|2[0-3]):([0-5]\\d)$",
 				"aria-label": "Time (24-hour)",
 				class: "surface-input body-md w-full rounded-xl p-2 ring-0 outline-none"
-			}, null, 512), [[ee, h.value]])]), o("div", rh, [l(j(z), {
+			}, null, 512), [[ee, h.value]])]), o("div", ih, [l(j(z), {
 				label: j(v)("save"),
 				size: "small",
 				disabled: !m.value || !b.value,
@@ -9608,8 +9610,8 @@ var uf = { class: "w-full" }, df = {
 				size: "small",
 				text: "",
 				onClick: M
-			}, null, 8, ["label"])])])) : d.value === e.id && f.value === "text" ? (S(), a("div", ih, [
-				L(e) ? (S(), a("div", ah, [l(cp, { message: N(e) }, null, 8, ["message"]), o("div", oh, [l(j(z), {
+			}, null, 8, ["label"])])])) : d.value === e.id && f.value === "text" ? (S(), a("div", ah, [
+				L(e) ? (S(), a("div", oh, [l(lp, { message: N(e) }, null, 8, ["message"]), o("div", sh, [l(j(z), {
 					icon: j(fe),
 					"aria-label": j(v)("remove"),
 					text: "",
@@ -9623,8 +9625,8 @@ var uf = { class: "w-full" }, df = {
 					rows: "3",
 					class: "surface-input body-md w-full rounded-xl px-3 py-2 ring-0 outline-none",
 					placeholder: j(v)("writeMessage")
-				}, null, 8, sh), [[ee, g.value]]),
-				o("div", ch, [l(j(z), {
+				}, null, 8, ch), [[ee, g.value]]),
+				o("div", lh, [l(j(z), {
 					label: j(v)("cancel"),
 					size: "small",
 					text: "",
@@ -9648,13 +9650,7 @@ var uf = { class: "w-full" }, df = {
 			"close-label"
 		]));
 	}
-}), [["__scopeId", "data-v-0bb2dc95"]]), uh = {
-	key: 0,
-	class: "chat-status-overlay"
-}, dh = { class: "chat-status-overlay__card" }, fh = { key: 0 }, ph = { key: 1 }, mh = { key: 2 }, hh = { key: 3 }, gh = {
-	key: 4,
-	name: "not-a-member"
-}, _h = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-0bb2dc95"]]), dh = { class: "chat-status-overlay" }, fh = { class: "chat-status-overlay__card" }, ph = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	__name: "ChatStatusOverlay",
 	props: {
 		visible: { type: Boolean },
@@ -9668,9 +9664,28 @@ var uf = { class: "w-full" }, df = {
 		messages: {}
 	},
 	setup(e) {
-		return (t, n) => e.visible ? (S(), a("div", uh, [o("div", dh, [e.offlineMode ? (S(), a("span", fh, k(e.messages.waitingForNetwork), 1)) : e.connected ? e.loading ? (S(), a("span", mh, k(e.messages.loading), 1)) : e.notFound ? (S(), a("span", hh, k(e.messages.notFound), 1)) : e.notAMember ? (S(), a("span", gh, k(e.messages.notAMember), 1)) : e.isEmpty && e.showEmptySlot ? E(t.$slots, "no-messages", { key: 5 }, () => [o("span", null, k(e.messages.noMessages), 1)], !0) : i("", !0) : (S(), a("span", ph, k(e.messages.connecting), 1))])])) : i("", !0);
-	}
-}), [["__scopeId", "data-v-b16e2055"]]), vh = /* @__PURE__ */ u({
+		let t = e, r = n(() => t.visible ? t.offlineMode ? {
+			message: t.messages.waitingForNetwork,
+			slotName: "offline"
+		} : t.connected ? t.loading ? {
+			message: t.messages.loading,
+			slotName: "loading"
+		} : t.notFound ? {
+			message: t.messages.notFound,
+			slotName: "not-found"
+		} : t.notAMember ? {
+			message: t.messages.notAMember,
+			slotName: "not-a-member"
+		} : t.isEmpty && t.showEmptySlot ? {
+			message: t.messages.noMessages,
+			slotName: "no-messages"
+		} : null : {
+			message: t.messages.connecting,
+			slotName: "connecting"
+		} : null);
+		return (e, t) => r.value ? E(e.$slots, r.value.slotName, { key: 0 }, () => [o("div", dh, [o("div", fh, [E(e.$slots, `${r.value.slotName}-content`, {}, () => [o("span", null, k(r.value.message), 1)], !0)])])], !0) : i("", !0);
+	}
+}), [["__scopeId", "data-v-7749aec9"]]), mh = /* @__PURE__ */ u({
 	__name: "BccChat",
 	props: {
 		client: { default: null },
@@ -9901,7 +9916,7 @@ var uf = { class: "w-full" }, df = {
 				_: 1
 			})]) : i("", !0),
 			T.value ? (S(), a(e, { key: 1 }, [
-				l(lm, {
+				l(um, {
 					target: "main",
 					class: g(["h-full", t.containerClass]),
 					"hide-group-actions": t.hideGroupActions,
@@ -9910,7 +9925,7 @@ var uf = { class: "w-full" }, df = {
 					"action-message-row-class": t.actionMessageRowClass,
 					onAnchorclick: V
 				}, s({
-					composer: I(() => [l(Zd, {
+					composer: I(() => [l(Qd, {
 						ref_key: "mainComposerRef",
 						ref: z,
 						target: "main"
@@ -9927,7 +9942,7 @@ var uf = { class: "w-full" }, df = {
 					"action-message-class",
 					"action-message-row-class"
 				]),
-				l(ff, {
+				l(pf, {
 					open: !!j(P).activeThreadParentMessage.value,
 					title: j(m)("threadWithCount", { count: j(P).activeThreadParentMessage.value?.replyCount ?? 0 }),
 					subtitle: O.value?.title ?? "",
@@ -9935,13 +9950,13 @@ var uf = { class: "w-full" }, df = {
 					"close-aria-label": j(m)("closeThread"),
 					onClose: r[0] ||= (e) => j(re).emit("ui:closeThread")
 				}, {
-					default: I(() => [l(lm, {
+					default: I(() => [l(um, {
 						target: "thread",
 						class: "min-h-0 flex-1",
 						"action-message-class": t.actionMessageClass,
 						"action-message-row-class": t.actionMessageRowClass
 					}, {
-						composer: I(() => [l(Zd, {
+						composer: I(() => [l(Qd, {
 							ref_key: "threadComposerRef",
 							ref: ne,
 							target: "thread"
@@ -9956,7 +9971,7 @@ var uf = { class: "w-full" }, df = {
 					"close-label",
 					"close-aria-label"
 				]),
-				l(lh, {
+				l(uh, {
 					open: j(R).showScheduledMessages.value,
 					loading: j(R).loadingScheduledMessages.value,
 					messages: j(R).scheduledMessages.value,
@@ -9971,7 +9986,7 @@ var uf = { class: "w-full" }, df = {
 					"messages",
 					"conversation-title"
 				]),
-				l(Bm, {
+				l(Vm, {
 					open: !!j(R).infoMessage.value,
 					message: j(R).infoMessage.value,
 					receipts: j(R).infoMessageReceipts.value,
@@ -9986,7 +10001,7 @@ var uf = { class: "w-full" }, df = {
 					"error"
 				])
 			], 64)) : i("", !0),
-			l(_h, {
+			l(ph, {
 				visible: D.value && (T.value?.offlineMode.value || !T.value?.connected.value || x.value && !te.value || v.value || C.value || t.displayNoMessagesText && j(P).isChatEmpty.value),
 				"offline-mode": !!(T.value?.offlineMode.value && !O.value),
 				connected: !!(T.value?.connected.value || O.value),
@@ -10026,6 +10041,6 @@ var uf = { class: "w-full" }, df = {
 	}
 });
 //#endregion
-export { vh as BccChat, vh as BccChatMessageList, Ol as LogSeverity, gu as chat, gu as default, cc as createChatClient };
+export { mh as BccChat, mh as BccChatMessageList, Ol as LogSeverity, gu as chat, gu as default, cc as createChatClient };
 
 //# sourceMappingURL=vue-bcc-chat-ui.js.map