@bcc-code/vue-bcc-chat-ui 7.1.56 → 7.1.57

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

@@ -6233,7 +6233,7 @@ I([() => $.value?.conversations.value, () => nu.value], async () => {
 async function fu(e, t) {
 	Jl.value = t.loggerCallback, gt(t.language ?? "en"), eu(t.themeMode), e.use(H);
 	let n = e.config.globalProperties.$primevue;
-	n && (n.config.ripple = !0, n.config.inputVariant = "filled"), e.component("BccChat", Hh), e.provide("theme", { theme: Bl });
+	n && (n.config.ripple = !0, n.config.inputVariant = "filled"), e.component("BccChat", Uh), e.provide("theme", { theme: Bl });
 	let r = tu(t.environment);
 	$l(Hl.INFO, "Initializing chat", {
 		environment: t.environment,
@@ -7128,7 +7128,8 @@ function wd(e, t) {
 }
 //#endregion
 //#region src/composables/useRichTextComposer.ts
-function Td(e, t, r, i) {
+var Td = 64;
+function Ed(e, t, r, i) {
 	let a = w(0), o = w(!1), s = w({
 		x: 0,
 		y: 0,
@@ -7253,20 +7254,20 @@ function Td(e, t, r, i) {
 	function ie(e, n) {
 		let r = t.value, i = e.getBoundingClientRect(), a = r?.getBoundingClientRect(), o = i.width || i.height ? i : a;
 		if (!o) return;
-		let c = re(), l = c ? 248 : 176, u = c ? 48 : 180, d = c ? 64 : 0, f = n?.clientX ?? o.left + o.width / 2, p = n?.clientY ?? o.top, m = n?.clientY ?? o.bottom, h = l / 2 + 8, g = ne(f, h, Math.max(h, window.innerWidth - l / 2 - 8)), _ = p - 6 - 8, v = window.innerHeight - m - 6 - 8;
-		if (!c && (v >= u || v >= _)) {
+		let c = re(), l = c ? 248 : 176, u = c ? 48 : 180, d = c ? Td : 0, f = !c && !!n, p = f ? n.clientX : o.left + o.width / 2, m = f ? n.clientY : o.top, h = f ? n.clientY : o.bottom, g = l / 2 + 8, _ = ne(p, g, Math.max(g, window.innerWidth - l / 2 - 8)), v = m - 6 - 8, y = window.innerHeight - h - 6 - 8;
+		if (!c && (y >= u || y >= v)) {
 			let e = Math.max(8, window.innerHeight - u - 8);
 			s.value = {
-				x: g,
-				y: ne(m + 6, 8, e),
+				x: Math.round(_),
+				y: Math.round(ne(h + 6, 8, e)),
 				placement: "below"
 			};
 			return;
 		}
-		let y = u + 8, b = Math.max(y, window.innerHeight - 8 - d);
+		let b = u + 8, x = Math.max(b, window.innerHeight - 8 - d);
 		s.value = {
-			x: g,
-			y: ne(p - 6 - d, y, b),
+			x: Math.round(_),
+			y: Math.round(ne(m - 6 - d, b, x)),
 			placement: "above"
 		};
 	}
@@ -7350,7 +7351,7 @@ function Td(e, t, r, i) {
 			A(), te(null);
 			return;
 		}
-		P(t), te(U(t)), j() && (e.preventDefault(), ie(t, e), o.value = !0);
+		P(t), te(U(t)), j() && (e.button === 2 && e.preventDefault(), ie(t, e), o.value = !0);
 	}
 	function de(t) {
 		let n = t.target;
@@ -7404,7 +7405,7 @@ function Td(e, t, r, i) {
 }
 //#endregion
 //#region src/components/messages/ComposerActionsPopover.vue?vue&type=script&setup=true&lang.ts
-var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon" }, Od = { class: "composer-actions-menu__icon" }, kd = /* @__PURE__ */ u({
+var Dd = ["data-testid", "onClick"], Od = { class: "composer-actions-menu__icon" }, kd = { class: "composer-actions-menu__icon" }, Ad = /* @__PURE__ */ u({
 	__name: "ComposerActionsPopover",
 	emits: ["pickFile", "openPoll"],
 	setup(t, { expose: n, emit: i }) {
@@ -7469,18 +7470,18 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			class: "composer-actions-menu__item",
 			"data-testid": e.testId,
 			onClick: (t) => h(e.kind)
-		}, [o("span", Dd, [(S(), r(D(e.icon), { class: "size-5" }))]), o("span", null, k(j(u)(e.label)), 1)], 8, Ed)), 64)), o("button", {
+		}, [o("span", Od, [(S(), r(D(e.icon), { class: "size-5" }))]), o("span", null, k(j(u)(e.label)), 1)], 8, Dd)), 64)), o("button", {
 			type: "button",
 			class: "composer-actions-menu__item",
 			"data-testid": "composer-create-poll",
 			onClick: g
-		}, [o("span", Od, [(S(), r(D(j(ce)), { class: "size-5" }))]), o("span", null, k(j(u)("createPoll")), 1)])], 512)), [[F, c.value]]);
+		}, [o("span", kd, [(S(), r(D(j(ce)), { class: "size-5" }))]), o("span", null, k(j(u)("createPoll")), 1)])], 512)), [[F, c.value]]);
 	}
-}), Ad = (e, t) => {
+}), jd = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, jd = /* @__PURE__ */ Ad(kd, [["__scopeId", "data-v-5e8b1d79"]]), Md = { class: "border-default flex items-start justify-between gap-2 border-t-1 px-3 py-2" }, Nd = { class: "min-w-0" }, Pd = { class: "body-md text-default mt-0.5 overflow-hidden font-medium text-ellipsis whitespace-nowrap" }, Fd = { class: "body-md text-subtle overflow-hidden text-ellipsis whitespace-nowrap" }, Id = /* @__PURE__ */ u({
+}, Md = /* @__PURE__ */ jd(Ad, [["__scopeId", "data-v-5e8b1d79"]]), Nd = { class: "border-default flex items-start justify-between gap-2 border-t-1 px-3 py-2" }, Pd = { class: "min-w-0" }, Fd = { class: "body-md text-default mt-0.5 overflow-hidden font-medium text-ellipsis whitespace-nowrap" }, Id = { class: "body-md text-subtle overflow-hidden text-ellipsis whitespace-nowrap" }, Ld = /* @__PURE__ */ u({
 	__name: "ComposerContextBanner",
 	props: {
 		message: {},
@@ -7490,10 +7491,10 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 	emits: ["cancel"],
 	setup(e, { emit: t }) {
 		let r = e, i = t, { t: s } = X(), c = Gu(), u = n(() => nc(r.message, s("message"), c.mentionNameByUid.value));
-		return (t, n) => (S(), a("div", Md, [o("div", Nd, [
+		return (t, n) => (S(), a("div", Nd, [o("div", Pd, [
 			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", Pd, k(e.message.senderName), 1),
-			o("p", Fd, k(u.value), 1)
+			o("p", Fd, k(e.message.senderName), 1),
+			o("p", Id, k(u.value), 1)
 		]), l(j(V), {
 			icon: j(de),
 			text: "",
@@ -7502,10 +7503,10 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			onClick: n[0] ||= (e) => i("cancel")
 		}, null, 8, ["icon"])]));
 	}
-}), Ld = ["aria-label"], Rd = { class: "format-menu__label" }, zd = ["aria-label"], Bd = { class: "format-menu__label" }, Vd = ["aria-label"], Hd = { class: "format-menu__label" }, Ud = ["aria-label"], Wd = {
+}), Rd = ["aria-label"], zd = { class: "format-menu__label" }, Bd = ["aria-label"], Vd = { class: "format-menu__label" }, Hd = ["aria-label"], Ud = { class: "format-menu__label" }, Wd = ["aria-label"], Gd = {
 	class: "format-menu__icon",
 	"aria-hidden": "true"
-}, Gd = { class: "format-menu__label" }, Kd = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, Kd = { class: "format-menu__label" }, qd = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "ComposerFormatMenu",
 	props: {
 		visible: { type: Boolean },
@@ -7532,7 +7533,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			}, [u[12] ||= o("span", {
 				class: "format-menu__icon font-bold",
 				"aria-hidden": "true"
-			}, "B", -1), o("span", Rd, k(j(c)("bold")), 1)], 40, Ld),
+			}, "B", -1), o("span", zd, k(j(c)("bold")), 1)], 40, Rd),
 			o("button", {
 				type: "button",
 				class: "format-menu__item",
@@ -7543,7 +7544,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			}, [u[13] ||= o("span", {
 				class: "format-menu__icon italic",
 				"aria-hidden": "true"
-			}, "I", -1), o("span", Bd, k(j(c)("italic")), 1)], 40, zd),
+			}, "I", -1), o("span", Vd, k(j(c)("italic")), 1)], 40, Bd),
 			o("button", {
 				type: "button",
 				class: "format-menu__item",
@@ -7554,7 +7555,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			}, [u[14] ||= o("span", {
 				class: "format-menu__icon underline",
 				"aria-hidden": "true"
-			}, "U", -1), o("span", Hd, k(j(c)("underline")), 1)], 40, Vd),
+			}, "U", -1), o("span", Ud, k(j(c)("underline")), 1)], 40, Hd),
 			o("button", {
 				type: "button",
 				class: "format-menu__item",
@@ -7562,16 +7563,16 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 				onPointerdown: u[9] ||= z(() => {}, ["prevent"]),
 				onMousedown: u[10] ||= z(() => {}, ["prevent"]),
 				onClick: u[11] ||= (e) => s("link")
-			}, [o("span", Wd, [l(j(Ee), { "aria-hidden": "true" })]), o("span", Gd, k(j(c)("link")), 1)], 40, Ud)
+			}, [o("span", Gd, [l(j(Ee), { "aria-hidden": "true" })]), o("span", Kd, k(j(c)("link")), 1)], 40, Wd)
 		], 6)) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-6273d79f"]]), qd = { class: "space-y-4" }, Jd = {
+}), [["__scopeId", "data-v-4151ff5d"]]), Jd = { class: "space-y-4" }, Yd = {
 	key: 0,
 	class: "body-md text-subtle truncate"
-}, Yd = { class: "space-y-2" }, Xd = { class: "heading-sm text-subtle block font-medium!" }, Zd = {
+}, Xd = { class: "space-y-2" }, Zd = { class: "heading-sm text-subtle block font-medium!" }, Qd = {
 	key: 0,
 	class: "body-sm text-danger"
-}, Qd = /* @__PURE__ */ u({
+}, $d = /* @__PURE__ */ u({
 	__name: "ComposerLinkDialog",
 	props: {
 		visible: { type: Boolean },
@@ -7619,8 +7620,8 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 				"icon",
 				"disabled"
 			])]),
-			default: L(() => [o("div", qd, [e.selectedText ? (S(), a("p", Jd, k(e.selectedText), 1)) : i("", !0), o("div", Yd, [
-				o("label", Xd, k(j(d)("linkUrl")), 1),
+			default: L(() => [o("div", Jd, [e.selectedText ? (S(), a("p", Yd, k(e.selectedText), 1)) : i("", !0), o("div", Xd, [
+				o("label", Zd, k(j(d)("linkUrl")), 1),
 				l(j(re), {
 					modelValue: p.value,
 					"onUpdate:modelValue": n[0] ||= (e) => p.value = e,
@@ -7640,12 +7641,12 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 					"placeholder",
 					"onKeydown"
 				]),
-				_.value ? (S(), a("p", Zd, k(j(d)("invalidLinkUrl")), 1)) : i("", !0)
+				_.value ? (S(), a("p", Qd, k(j(d)("invalidLinkUrl")), 1)) : i("", !0)
 			])])]),
 			_: 1
 		}, 8, ["visible", "header"]));
 	}
-}), $d = { class: "space-y-6" }, ef = { class: "space-y-2" }, tf = { class: "heading-sm text-subtle block font-medium!" }, nf = { class: "space-y-2" }, rf = { class: "heading-sm text-subtle block font-medium!" }, af = /* @__PURE__ */ u({
+}), ef = { class: "space-y-6" }, tf = { class: "space-y-2" }, nf = { class: "heading-sm text-subtle block font-medium!" }, rf = { class: "space-y-2" }, af = { class: "heading-sm text-subtle block font-medium!" }, of = /* @__PURE__ */ u({
 	__name: "ComposerPollDialog",
 	props: {
 		visible: { type: Boolean },
@@ -7697,13 +7698,13 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 				"icon",
 				"disabled"
 			])]),
-			default: L(() => [o("div", $d, [o("div", ef, [o("label", tf, k(j(d)("question")), 1), l(j(re), {
+			default: L(() => [o("div", ef, [o("div", tf, [o("label", nf, k(j(d)("question")), 1), l(j(re), {
 				modelValue: f.value,
 				"onUpdate:modelValue": i[0] ||= (e) => f.value = e,
 				fluid: "",
 				placeholder: j(d)("pollQuestionPlaceholder")
-			}, null, 8, ["modelValue", "placeholder"])]), o("div", nf, [
-				o("label", rf, k(j(d)("options")), 1),
+			}, null, 8, ["modelValue", "placeholder"])]), o("div", rf, [
+				o("label", af, k(j(d)("options")), 1),
 				(S(!0), a(e, null, T(p.value, (e, t) => (S(), a("div", {
 					key: t,
 					class: "center"
@@ -7738,7 +7739,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			_: 1
 		}, 8, ["visible", "header"]));
 	}
-}), of = { class: "w-full space-y-6" }, sf = { class: "w-full space-y-2" }, cf = { class: "heading-sm text-subtle block font-medium!" }, lf = { class: "center left w-full gap-2" }, uf = { class: "body-md bg-elevation-surface-sunken-default rounded-lg px-4 py-3" }, df = /* @__PURE__ */ u({
+}), sf = { class: "w-full space-y-6" }, cf = { class: "w-full space-y-2" }, lf = { class: "heading-sm text-subtle block font-medium!" }, uf = { class: "center left w-full gap-2" }, df = { class: "body-md bg-elevation-surface-sunken-default rounded-lg px-4 py-3" }, ff = /* @__PURE__ */ u({
 	__name: "ComposerScheduleDialog",
 	props: {
 		visible: { type: Boolean },
@@ -7796,7 +7797,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 				"icon",
 				"disabled"
 			])]),
-			default: L(() => [o("div", of, [o("div", sf, [o("label", cf, k(j(c)("sendAt")), 1), o("div", lf, [l(j(ne), {
+			default: L(() => [o("div", sf, [o("div", cf, [o("label", lf, k(j(c)("sendAt")), 1), o("div", uf, [l(j(ne), {
 				modelValue: u.value,
 				"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
 				class: "w-full flex-1",
@@ -7810,22 +7811,22 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 				mask: "##:##",
 				pattern: "^([01]\\d|2[0-3]):([0-5]\\d)$",
 				"aria-label": "Time (24-hour)"
-			}, null, 8, ["modelValue"])])]), o("div", uf, k(e.contentPreview), 1)])]),
+			}, null, 8, ["modelValue"])])]), o("div", df, k(e.contentPreview), 1)])]),
 			_: 1
 		}, 8, ["visible", "header"]));
 	}
-}), ff = [
+}), pf = [
 	"aria-selected",
 	"onMouseover",
 	"onMousedown"
-], pf = {
+], mf = {
 	key: 1,
 	class: "trigger-menu__avatar-fallback",
 	"aria-hidden": "true"
-}, mf = { class: "min-w-0" }, hf = { class: "trigger-menu__label" }, gf = {
+}, hf = { class: "min-w-0" }, gf = { class: "trigger-menu__label" }, _f = {
 	key: 0,
 	class: "trigger-menu__subtitle"
-}, _f = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, vf = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "ComposerTriggerMenu",
 	props: /* @__PURE__ */ m({
 		visible: { type: Boolean },
@@ -7860,18 +7861,18 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			src: e.avatar,
 			name: e.label,
 			size: "sm"
-		}, null, 8, ["src", "name"])) : (S(), a("span", pf, k(e.label.charAt(0)), 1)), o("span", mf, [o("span", hf, k(e.label), 1), e.subtitle ? (S(), a("span", gf, k(e.subtitle), 1)) : i("", !0)])], 42, ff))), 128))], 38)) : i("", !0)]));
+		}, null, 8, ["src", "name"])) : (S(), a("span", mf, k(e.label.charAt(0)), 1)), o("span", hf, [o("span", gf, k(e.label), 1), e.subtitle ? (S(), a("span", _f, k(e.subtitle), 1)) : i("", !0)])], 42, pf))), 128))], 38)) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-9cc0f5b0"]]), vf = ["accept", "disabled"], yf = { class: "px-1 pb-1.5" }, bf = {
+}), [["__scopeId", "data-v-9cc0f5b0"]]), yf = ["accept", "disabled"], bf = { class: "px-1 pb-1.5" }, xf = {
 	key: 0,
 	class: "composer-file-preview"
-}, xf = { class: "min-w-0" }, Sf = { class: "heading-sm text-default truncate" }, Cf = { class: "body-sm text-subtle" }, wf = ["data-placeholder"], Tf = {
+}, Sf = { class: "min-w-0" }, Cf = { class: "heading-sm text-default truncate" }, wf = { class: "body-sm text-subtle" }, Tf = ["data-placeholder"], Ef = {
 	key: 0,
 	class: "body-sm text-subtle flex items-center gap-2 px-0.5"
-}, Ef = {
+}, Df = {
 	key: 2,
 	class: "ml-auto"
-}, Df = 450, Of = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, Of = 450, kf = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageComposer",
 	props: {
 		modelValue: {},
@@ -7907,7 +7908,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			video: "video/*",
 			audio: "audio/*",
 			file: "*/*"
-		}, u = e, d = s, f = w(null), m = w(null), _ = w(null), v = w("file"), y = w(!1), b = w(!1), x = w(!1), C = w(""), T = w(""), E = w(!1), { t: D } = X(), { isTouchUI: O } = vd(), A = null, M = w(null), N = w(null), P = w(null), { applyLink: F, applyFormat: L, cancelLink: ee, editorKey: R, formatMenuPosition: B, focusEditor: H, handleContextMenu: U, handleInput: te, handleKeydown: ne, handlePaste: re, hideFormatMenu: ie, getSelectionState: ae, requestLink: W, resetEditor: K, showFormatMenu: q, triggerCandidates: se, triggerMenuPosition: ce, highlightedTriggerIndex: le, showTriggerMenu: fe, selectTriggerCandidate: pe } = Td(M, N, P, {
+		}, u = e, d = s, f = w(null), m = w(null), _ = w(null), v = w("file"), y = w(!1), b = w(!1), x = w(!1), C = w(""), T = w(""), E = w(!1), { t: D } = X(), { isTouchUI: O } = vd(), A = null, M = w(null), N = w(null), P = w(null), { applyLink: F, applyFormat: L, cancelLink: ee, editorKey: R, formatMenuPosition: B, focusEditor: H, handleContextMenu: U, handleInput: te, handleKeydown: ne, handlePaste: re, hideFormatMenu: ie, getSelectionState: ae, requestLink: W, resetEditor: K, showFormatMenu: q, triggerCandidates: se, triggerMenuPosition: ce, highlightedTriggerIndex: le, showTriggerMenu: fe, selectTriggerCandidate: pe } = Ed(M, N, P, {
 			getModelValue: () => u.modelValue,
 			updateModelValue: (e) => d("update:modelValue", e),
 			submit: () => Le(),
@@ -8031,7 +8032,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 		function Y(e) {
 			u.disabled || !be.value || e instanceof MouseEvent && e.button !== 0 || (E.value = !1, Ve(), A = setTimeout(() => {
 				A = null, E.value = !0, b.value = !0;
-			}, Df));
+			}, Of));
 		}
 		function He() {
 			Ve();
@@ -8055,15 +8056,15 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 				disabled: e.disabled,
 				onChange: Te,
 				onCancel: Ce
-			}, null, 40, vf),
-			e.editingMessage ? (S(), r(Id, {
+			}, null, 40, yf),
+			e.editingMessage ? (S(), r(Ld, {
 				key: 0,
 				message: e.editingMessage,
 				variant: "editing",
 				"context-label": e.contextLabel,
 				onCancel: n[0] ||= (e) => d("cancelEdit")
 			}, null, 8, ["message", "context-label"])) : i("", !0),
-			e.replyToMessage ? (S(), r(Id, {
+			e.replyToMessage ? (S(), r(Ld, {
 				key: 1,
 				message: e.replyToMessage,
 				variant: "replying",
@@ -8071,8 +8072,8 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 				"data-testid": "composer-reply-context",
 				onCancel: n[1] ||= (e) => d("cancelReply")
 			}, null, 8, ["message", "context-label"])) : i("", !0),
-			o("div", yf, [
-				_.value ? (S(), a("div", bf, [o("div", xf, [o("p", Sf, k(_.value.name), 1), o("p", Cf, k(_.value.type || ge.value), 1)]), l(j(V), {
+			o("div", bf, [
+				_.value ? (S(), a("div", xf, [o("div", Sf, [o("p", Cf, k(_.value.name), 1), o("p", wf, k(_.value.type || ge.value), 1)]), l(j(V), {
 					icon: j(de),
 					text: "",
 					rounded: "",
@@ -8084,7 +8085,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 					ref: M,
 					class: g(["composer-shell", u.compact ? "composer-shell--compact" : "composer-shell--default"])
 				}, [
-					l(jd, {
+					l(Md, {
 						ref_key: "composerActionsRef",
 						ref: m,
 						onPickFile: we,
@@ -8121,8 +8122,8 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 						onKeydown: n[6] ||= (...e) => j(ne) && j(ne)(...e),
 						onPaste: Ee,
 						onContextmenu: n[7] ||= (...e) => j(U) && j(U)(...e)
-					}, null, 42, wf)),
-					_.value || e.editingMessage || e.contextLabel || e.offlineMode ? (S(), a("div", Tf, [
+					}, null, 42, Tf)),
+					_.value || e.editingMessage || e.contextLabel || e.offlineMode ? (S(), a("div", Ef, [
 						e.editingMessage ? (S(), r(j(G), {
 							key: 0,
 							text: j(D)("editing"),
@@ -8139,7 +8140,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 							size: "sm",
 							class: "composer-meta-tag"
 						}, null, 8, ["text"])) : i("", !0),
-						e.offlineMode ? (S(), a("p", Ef, k(e.pendingQueueCount ? j(D)("offlineQueued", { count: e.pendingQueueCount }) : j(D)("offline")), 1)) : i("", !0)
+						e.offlineMode ? (S(), a("p", Df, k(e.pendingQueueCount ? j(D)("offlineQueued", { count: e.pendingQueueCount }) : j(D)("offline")), 1)) : i("", !0)
 					])) : i("", !0),
 					e.showScheduledButton ? (S(), r(j(V), {
 						key: 1,
@@ -8179,7 +8180,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 						"icon"
 					])
 				], 2),
-				e.formattingMode === "external" ? i("", !0) : (S(), r(Kd, {
+				e.formattingMode === "external" ? i("", !0) : (S(), r(qd, {
 					key: 1,
 					visible: j(q),
 					position: j(B),
@@ -8190,7 +8191,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 					"position",
 					"onLink"
 				])),
-				l(_f, {
+				l(vf, {
 					ref_key: "triggerMenuRef",
 					ref: P,
 					"highlighted-index": j(le),
@@ -8205,13 +8206,13 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 					"position",
 					"candidates"
 				]),
-				l(af, {
+				l(of, {
 					visible: y.value,
 					"onUpdate:visible": n[12] ||= (e) => y.value = e,
 					disabled: e.disabled,
 					onSend: Re
 				}, null, 8, ["visible", "disabled"]),
-				e.formattingMode === "external" ? i("", !0) : (S(), r(Qd, {
+				e.formattingMode === "external" ? i("", !0) : (S(), r($d, {
 					key: 2,
 					visible: x.value,
 					"onUpdate:visible": n[13] ||= (e) => x.value = e,
@@ -8226,7 +8227,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 					"initial-url",
 					"selected-text"
 				])),
-				l(df, {
+				l(ff, {
 					visible: b.value,
 					"onUpdate:visible": n[14] ||= (e) => b.value = e,
 					disabled: e.disabled,
@@ -8242,10 +8243,10 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			])
 		], 2));
 	}
-}), [["__scopeId", "data-v-50a9c196"]]), kf = {
+}), [["__scopeId", "data-v-50a9c196"]]), Af = {
 	key: 1,
 	class: "composer-readonly-notice"
-}, Af = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, jf = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "ConversationComposer",
 	props: {
 		target: {},
@@ -8334,7 +8335,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			focusEditor: ee,
 			getComposerSelection: H,
 			requestComposerLink: z
-		}), (t, n) => x.value ? (S(), r(Of, {
+		}), (t, n) => x.value ? (S(), r(kf, {
 			key: 0,
 			ref_key: "composerRef",
 			ref: L,
@@ -8375,10 +8376,10 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
 			"mention-name-by-uid",
 			"mentions-enabled",
 			"formatting-mode"
-		])) : C.value ? (S(), a("div", kf, k(h.value ? j(l)("repliesDisabledInChannels") : j(l)("readOnlyChannel")), 1)) : i("", !0);
+		])) : C.value ? (S(), a("div", Af, k(h.value ? j(l)("repliesDisabledInChannels") : j(l)("readOnlyChannel")), 1)) : i("", !0);
 	}
-}), [["__scopeId", "data-v-924c6768"]]), jf = 1800;
-function Mf(e) {
+}), [["__scopeId", "data-v-924c6768"]]), Mf = 1800;
+function Nf(e) {
 	let t = e.actionMenuRef, n = w(null), r = w(null), i = w({}), { isTouchUI: a } = vd(), o = null;
 	function s(e) {
 		return e.kind === "text" && ec(e.text);
@@ -8514,7 +8515,7 @@ function Mf(e) {
 		}
 		r.value = e.id, o && clearTimeout(o), o = setTimeout(() => {
 			r.value = null;
-		}, jf), b();
+		}, Mf), b();
 	}
 	function E(t) {
 		e.canReply() && (e.emit.reply(t), b());
@@ -8627,8 +8628,8 @@ function Mf(e) {
 }
 //#endregion
 //#region src/composables/useMessageListScroll.ts
-var Nf = 1, Pf = 2, Ff = 80, If = 1800, Lf = 4;
-function Rf(e) {
+var Pf = 1, Ff = 2, If = 80, Lf = 1800, Rf = 4;
+function zf(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);
@@ -8670,7 +8671,7 @@ function Rf(e) {
 			resizeObserver: o,
 			timeoutId: setTimeout(() => {
 				f();
-			}, If)
+			}, Lf)
 		}, a(), o.observe(e);
 	}
 	function m() {
@@ -8681,9 +8682,9 @@ function Rf(e) {
 		let a = t.value;
 		if (!a) return;
 		let o = a.scrollTop;
-		i?.el === a && Math.abs(o - i.expectedScrollTop) > Lf && f();
+		i?.el === a && Math.abs(o - i.expectedScrollTop) > Rf && f();
 		let s = o < r, c = Math.max(0, a.scrollHeight - o - a.clientHeight);
-		s && c > Nf ? n = !1 : c <= Pf && (n = !0), r = o, a.scrollTop <= Ff && !e.isLoading() && !e.isLoadingOlder() && e.canLoadOlder() && e.onLoadOlder();
+		s && c > Pf ? n = !1 : c <= Ff && (n = !0), r = o, a.scrollTop <= If && !e.isLoading() && !e.isLoadingOlder() && e.canLoadOlder() && e.onLoadOlder();
 	}
 	return I(() => {
 		let t = e.getMessages();
@@ -8711,14 +8712,14 @@ function Rf(e) {
 }
 //#endregion
 //#region src/composables/useImageZoom.ts
-var zf = 1, Bf = 4;
-function Vf(e) {
+var Bf = 1, Vf = 4;
+function Hf(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, zf, Bf);
+		return h(e, Bf, Vf);
 	}
 	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);
@@ -8808,10 +8809,10 @@ function Vf(e) {
 }
 //#endregion
 //#region src/components/overlays/FullscreenDialog.vue?vue&type=script&setup=true&lang.ts
-var Hf = { class: "w-full" }, Uf = {
+var Uf = { class: "w-full" }, Wf = {
 	key: 0,
 	class: "fullscreen-dialog__footer"
-}, Wf = /* @__PURE__ */ u({
+}, Gf = /* @__PURE__ */ u({
 	__name: "FullscreenDialog",
 	props: {
 		open: { type: Boolean },
@@ -8836,34 +8837,34 @@ var Hf = { class: "w-full" }, Uf = {
 			closable: !0,
 			"onUpdate:visible": s
 		}, {
-			default: L(() => [o("div", Hf, [E(t.$slots, "default")]), t.$slots.footer ? (S(), a("div", Uf, [E(t.$slots, "footer")])) : i("", !0)]),
+			default: L(() => [o("div", Uf, [E(t.$slots, "default")]), t.$slots.footer ? (S(), a("div", Wf, [E(t.$slots, "footer")])) : i("", !0)]),
 			_: 3
 		}, 8, ["visible", "header"]));
 	}
-}), Gf = ["href"], Kf = { class: "media-viewer-shell flex min-h-0 flex-1 items-center justify-center overflow-hidden" }, qf = ["src", "alt"], Jf = {
+}), Kf = ["href"], qf = { class: "media-viewer-shell flex min-h-0 flex-1 items-center justify-center overflow-hidden" }, Jf = ["src", "alt"], Yf = {
 	key: 1,
 	class: "media-viewer-stage media-viewer-stage-video flex w-full items-center justify-center"
-}, Yf = {
+}, Xf = {
 	class: "max-h-full w-full bg-black",
 	controls: "",
 	playsinline: "",
 	autoplay: ""
-}, Xf = ["src", "type"], Zf = {
+}, Zf = ["src", "type"], Qf = {
 	key: 2,
 	class: "media-viewer-stage media-viewer-audio-stage flex w-full items-center justify-center px-5 py-6"
-}, Qf = {
+}, $f = {
 	class: "w-full",
 	controls: "",
 	autoplay: ""
-}, $f = ["src", "type"], ep = {
+}, ep = ["src", "type"], tp = {
 	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"
-}, tp = { class: "min-w-0 flex-1" }, np = { class: "heading-sm text-default truncate" }, rp = { class: "body-sm text-subtle" }, ip = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, np = { class: "min-w-0 flex-1" }, rp = { class: "heading-sm text-default truncate" }, ip = { class: "body-sm text-subtle" }, ap = /* @__PURE__ */ jd(/* @__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: _ } = X(), { scale: y, translateX: b, translateY: x, isDragging: C, resetTransform: T, handlePointerDown: E, handlePointerMove: O, handlePointerUp: A, handlePointerCancel: M, handleWheel: N, handleDoubleClick: P } = Vf({
+		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: _ } = X(), { scale: y, translateX: b, translateY: x, isDragging: C, resetTransform: T, handlePointerDown: E, handlePointerMove: O, handlePointerUp: A, handlePointerCancel: M, handleWheel: N, handleDoubleClick: P } = Hf({
 			viewportRef: u,
 			imageRef: d,
 			isImage: () => p.value
@@ -8874,7 +8875,7 @@ var Hf = { class: "w-full" }, Uf = {
 		function F() {
 			l("close");
 		}
-		return (n, s) => (S(), r(Wf, {
+		return (n, s) => (S(), r(Gf, {
 			open: f.value,
 			title: t.attachment?.name || j(_)("attachment"),
 			subtitle: t.attachment?.kind || "",
@@ -8891,9 +8892,9 @@ var Hf = { class: "w-full" }, Uf = {
 			}, [(S(), r(D(j(Oe)), {
 				class: "size-4",
 				"aria-hidden": "true"
-			})), o("span", null, k(j(_)("openInNewTab")), 1)], 8, Gf)) : i("", !0)]),
-			footer: L(() => [t.attachment ? (S(), a("div", ep, [o("div", tp, [o("p", np, k(t.attachment.name), 1), o("p", rp, k(t.attachment.kind), 1)])])) : i("", !0)]),
-			default: L(() => [o("div", Kf, [t.attachment?.url ? (S(), a(e, { key: 0 }, [p.value ? (S(), a("div", {
+			})), o("span", null, k(j(_)("openInNewTab")), 1)], 8, Kf)) : i("", !0)]),
+			footer: L(() => [t.attachment ? (S(), a("div", tp, [o("div", np, [o("p", rp, k(t.attachment.name), 1), o("p", ip, k(t.attachment.kind), 1)])])) : i("", !0)]),
+			default: L(() => [o("div", qf, [t.attachment?.url ? (S(), a(e, { key: 0 }, [p.value ? (S(), a("div", {
 				key: 0,
 				ref_key: "viewportRef",
 				ref: u,
@@ -8916,13 +8917,13 @@ var Hf = { class: "w-full" }, Uf = {
 					transform: `translate3d(${j(b)}px, ${j(x)}px, 0) scale(${j(y)})`,
 					transformOrigin: "center center"
 				})
-			}, null, 14, qf)], 544)) : m.value ? (S(), a("div", Jf, [o("video", Yf, [o("source", {
+			}, null, 14, Jf)], 544)) : m.value ? (S(), a("div", Yf, [o("video", Xf, [o("source", {
 				src: t.attachment.url,
 				type: t.attachment.mimeType || void 0
-			}, null, 8, Xf)])])) : h.value ? (S(), a("div", Zf, [o("audio", Qf, [o("source", {
+			}, null, 8, Zf)])])) : h.value ? (S(), a("div", Qf, [o("audio", $f, [o("source", {
 				src: t.attachment.url,
 				type: t.attachment.mimeType || void 0
-			}, null, 8, $f)])])) : i("", !0)], 64)) : i("", !0)])]),
+			}, null, 8, ep)])])) : i("", !0)], 64)) : i("", !0)])]),
 			_: 1
 		}, 8, [
 			"open",
@@ -8932,7 +8933,7 @@ var Hf = { class: "w-full" }, Uf = {
 			"close-aria-label"
 		]));
 	}
-}), [["__scopeId", "data-v-0e82cfd0"]]), ap = { class: "date-separator" }, op = { class: "date-separator__label" }, sp = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-0e82cfd0"]]), op = { class: "date-separator" }, sp = { class: "date-separator__label" }, cp = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageDateSeparator",
 	props: { date: {} },
 	setup(e) {
@@ -8946,24 +8947,24 @@ var Hf = { class: "w-full" }, Uf = {
 				year: "numeric"
 			}).format(n);
 		});
-		return (e, t) => (S(), a("div", ap, [o("span", op, k(s.value), 1)]));
+		return (e, t) => (S(), a("div", op, [o("span", sp, k(s.value), 1)]));
 	}
-}), [["__scopeId", "data-v-49e72d67"]]), cp = {
+}), [["__scopeId", "data-v-49e72d67"]]), lp = {
 	"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"
-}, lp = { class: "message-action-row__text" }, up = /* @__PURE__ */ u({
+}, up = { class: "message-action-row__text" }, dp = /* @__PURE__ */ u({
 	__name: "ActionMessageRow",
 	props: { text: {} },
 	setup(e) {
-		return (t, n) => (S(), a("div", cp, [o("span", lp, k(e.text), 1)]));
+		return (t, n) => (S(), a("div", lp, [o("span", up, k(e.text), 1)]));
 	}
-}), dp = ["href"], fp = {
+}), fp = ["href"], pp = {
 	key: 0,
 	class: "bg-elevation-surface-hovered aspect-[1.9/1] w-full overflow-hidden"
-}, pp = ["src", "alt"], mp = { class: "space-y-1.5 px-3 py-3" }, hp = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, gp = { class: "heading-sm text-default line-clamp-2" }, _p = { class: "body-md text-subtle line-clamp-2" }, vp = {
+}, mp = ["src", "alt"], hp = { class: "space-y-1.5 px-3 py-3" }, gp = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, _p = { class: "heading-sm text-default line-clamp-2" }, vp = { class: "body-md text-subtle line-clamp-2" }, yp = {
 	key: 0,
 	class: "body-sm text-subtlest"
-}, yp = /* @__PURE__ */ u({
+}, bp = /* @__PURE__ */ u({
 	__name: "LinkPreviewCard",
 	props: {
 		url: {},
@@ -9030,18 +9031,18 @@ var Hf = { class: "w-full" }, Uf = {
 			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", fp, [o("img", {
+		}, [r.value?.imageUrl ? (S(), a("div", pp, [o("img", {
 			src: r.value.imageUrl,
 			alt: r.value.title || l.value,
 			class: "h-full w-full object-cover"
-		}, null, 8, pp)])) : i("", !0), o("div", mp, [
-			o("p", hp, k(r.value?.siteName || l.value), 1),
-			o("p", gp, k(r.value?.title || l.value), 1),
-			o("p", _p, k(r.value?.description || u.value), 1),
-			s.value && !r.value ? (S(), a("p", vp, k(j(c)("loadingPreview")), 1)) : i("", !0)
-		])], 10, dp));
-	}
-}), bp = { class: "linkified-text" }, xp = ["innerHTML"], Sp = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+		}, null, 8, mp)])) : i("", !0), o("div", hp, [
+			o("p", gp, k(r.value?.siteName || l.value), 1),
+			o("p", _p, k(r.value?.title || l.value), 1),
+			o("p", vp, k(r.value?.description || u.value), 1),
+			s.value && !r.value ? (S(), a("p", yp, k(j(c)("loadingPreview")), 1)) : i("", !0)
+		])], 10, fp));
+	}
+}), xp = { class: "linkified-text" }, Sp = ["innerHTML"], Cp = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "LinkifiedText",
 	props: {
 		text: {},
@@ -9060,25 +9061,25 @@ var Hf = { class: "w-full" }, Uf = {
 			let t = e.target;
 			t.tagName === "A" && d(e, t);
 		}
-		return (t, n) => (S(), a("div", bp, [o("div", {
+		return (t, n) => (S(), a("div", xp, [o("div", {
 			class: g(["rich-text-content", e.textClass]),
 			onClick: f,
 			innerHTML: l.value
-		}, null, 10, xp), e.showPreview !== !1 && u.value ? (S(), r(yp, {
+		}, null, 10, Sp), e.showPreview !== !1 && u.value ? (S(), r(bp, {
 			key: 0,
 			url: u.value,
 			"is-own": e.isOwn
 		}, null, 8, ["url", "is-own"])) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-656b44e8"]]), Cp = { class: "w-full space-y-1" }, wp = {
+}), [["__scopeId", "data-v-656b44e8"]]), wp = { class: "w-full space-y-1" }, Tp = {
 	class: "attachment-video",
 	controls: "",
 	playsinline: "",
 	preload: "metadata"
-}, Tp = ["src", "type"], Ep = ["onClick"], Dp = { class: "inline-flex items-center gap-2 truncate font-medium" }, Op = ["href"], kp = { class: "flex min-w-0 items-center gap-2" }, Ap = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, jp = { class: "text-default truncate font-medium" }, Mp = { class: "body-sm text-subtle shrink-0" }, Np = {
+}, Ep = ["src", "type"], Dp = ["onClick"], Op = { class: "inline-flex items-center gap-2 truncate font-medium" }, kp = ["href"], Ap = { class: "flex min-w-0 items-center gap-2" }, jp = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, Mp = { class: "text-default truncate font-medium" }, Np = { class: "body-sm text-subtle shrink-0" }, Pp = {
 	key: 4,
 	class: "flex items-center justify-between gap-3 rounded-2xl px-3 py-2 text-sm"
-}, Pp = { class: "flex min-w-0 items-center gap-2" }, Fp = { 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" }, Lp = { class: "body-sm text-subtle shrink-0" }, Rp = 4 / 3, zp = 16 / 9, Bp = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, Fp = { 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" }, Lp = { class: "text-default truncate font-medium" }, Rp = { class: "body-sm text-subtle shrink-0" }, zp = 4 / 3, Bp = 16 / 9, Vp = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageAttachmentList",
 	props: { message: {} },
 	emits: ["openMedia"],
@@ -9133,12 +9134,12 @@ var Hf = { class: "w-full" }, Uf = {
 			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" ? zp : Rp;
+			return e.width && e.height && e.width > 0 && e.height > 0 ? e.width / e.height : e.kind === "video" ? Bp : zp;
 		}
 		function h(e) {
 			return { aspectRatio: String(m(e)) };
 		}
-		return (n, d) => (S(), a("div", Cp, [(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(te), {
+		return (n, d) => (S(), a("div", wp, [(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(te), {
 			key: 0,
 			preview: "",
 			src: n.url,
@@ -9158,34 +9159,34 @@ var Hf = { class: "w-full" }, Uf = {
 			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", wp, [o("source", {
+		}, [o("video", Tp, [o("source", {
 			src: n.url,
 			type: n.mimeType || void 0
-		}, null, 8, Tp)])], 4)) : n.kind === "audio" && n.url ? (S(), a("button", {
+		}, null, 8, Ep)])], 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", Dp, [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, Ep)) : n.url ? (S(), a("a", {
+		}, [o("span", Op, [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, Dp)) : 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", kp, [o("span", Ap, [(S(), r(D(f(n)), {
+		}, [o("span", Ap, [o("span", jp, [(S(), r(D(f(n)), {
 			class: "size-5",
 			"aria-hidden": "true"
-		}))]), o("span", jp, k(n.name), 1)]), o("span", Mp, k(u(n.size)), 1)], 8, Op)) : (S(), a("div", Np, [o("span", Pp, [o("span", Fp, [(S(), r(D(f(n)), {
+		}))]), o("span", Mp, k(n.name), 1)]), o("span", Np, k(u(n.size)), 1)], 8, kp)) : (S(), a("div", Pp, [o("span", Fp, [o("span", Ip, [(S(), r(D(f(n)), {
 			class: "size-5",
 			"aria-hidden": "true"
-		}))]), o("span", Ip, k(n.name), 1)]), o("span", Lp, k(u(n.size) || j(l)("queued")), 1)]))], 64))), 128)), p(t.message) ? (S(), r(Sp, {
+		}))]), o("span", Lp, k(n.name), 1)]), o("span", Rp, k(u(n.size) || j(l)("queued")), 1)]))], 64))), 128)), p(t.message) ? (S(), r(Cp, {
 			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"]]), Vp = { class: "message-status" }, Hp = { key: 0 }, Up = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-5c0ccf0e"]]), Hp = { class: "message-status" }, Up = { key: 0 }, Wp = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageDeliveryStatus",
 	props: { message: {} },
 	setup(e) {
@@ -9234,8 +9235,8 @@ var Hf = { class: "w-full" }, Uf = {
 				};
 			}
 		});
-		return (t, n) => (S(), a("div", Vp, [
-			e.message.isEdited && e.message.kind !== "poll" ? (S(), a("span", Hp, k(j(c)("edited")), 1)) : i("", !0),
+		return (t, n) => (S(), a("div", Hp, [
+			e.message.isEdited && e.message.kind !== "poll" ? (S(), a("span", Up, 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,
@@ -9250,7 +9251,7 @@ var Hf = { class: "w-full" }, Uf = {
 			])) : i("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-ff4e9daa"]]), Wp = { class: "mb-1 flex items-start justify-between gap-2" }, Gp = { class: "body-sm text-subtlest truncate font-medium!" }, Kp = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-ff4e9daa"]]), Gp = { class: "mb-1 flex items-start justify-between gap-2" }, Kp = { class: "body-sm text-subtlest truncate font-medium!" }, qp = /* @__PURE__ */ u({
 	__name: "MessageItemHeader",
 	props: { message: {} },
 	setup(e) {
@@ -9266,7 +9267,7 @@ var Hf = { class: "w-full" }, Uf = {
 		function l() {
 			return t.message.senderName?.trim() || (t.message.isOwn ? s("you") : s("system"));
 		}
-		return (t, n) => (S(), a("div", Wp, [o("span", Gp, k(l()), 1), e.message.scheduled?.scheduleDate ? (S(), r(j(G), {
+		return (t, n) => (S(), a("div", Gp, [o("span", Kp, k(l()), 1), e.message.scheduled?.scheduleDate ? (S(), r(j(G), {
 			key: 0,
 			text: j(s)("scheduledDateLabel", { date: c(e.message.scheduled.scheduleDate) }),
 			context: "warn",
@@ -9275,7 +9276,7 @@ var Hf = { class: "w-full" }, Uf = {
 			class: "shrink-0"
 		}, null, 8, ["text"])) : i("", !0)]));
 	}
-}), qp = ["disabled", "onClick"], Jp = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}), Jp = ["disabled", "onClick"], Yp = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageReactionList",
 	props: {
 		message: {},
@@ -9294,9 +9295,9 @@ var Hf = { class: "w-full" }, Uf = {
 			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, qp))), 128))], 2)) : i("", !0);
+		}, k(e.emoji) + " " + k(e.count), 11, Jp))), 128))], 2)) : i("", !0);
 	}
-}), [["__scopeId", "data-v-c17c8bfd"]]), Yp = { class: "message-reactions flex min-w-0 flex-1 flex-wrap items-center gap-1.5" }, Xp = ["aria-label", "title"], Zp = { class: "message-reactions__thread-count" }, Qp = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-c17c8bfd"]]), Xp = { class: "message-reactions flex min-w-0 flex-1 flex-wrap items-center gap-1.5" }, Zp = ["aria-label", "title"], Qp = { class: "message-reactions__thread-count" }, $p = /* @__PURE__ */ u({
 	__name: "MessageItemReactions",
 	props: {
 		message: {},
@@ -9306,7 +9307,7 @@ var Hf = { class: "w-full" }, Uf = {
 	emits: ["toggleReaction", "openThread"],
 	setup(e, { emit: t }) {
 		let s = e, c = t, { t: u } = X(), d = n(() => u("threadReplies", { count: s.message.replyCount })), f = n(() => s.canOpenThread !== !1 && s.message.replyCount > 0);
-		return (t, n) => (S(), a("div", Yp, [l(Jp, {
+		return (t, n) => (S(), a("div", Xp, [l(Yp, {
 			message: e.message,
 			disabled: e.canReact === !1,
 			compact: "",
@@ -9321,12 +9322,12 @@ var Hf = { class: "w-full" }, Uf = {
 		}, [(S(), r(D(j(je)), {
 			class: "size-4",
 			"aria-hidden": "true"
-		})), o("span", Zp, k(e.message.replyCount), 1)], 8, Xp)) : i("", !0)]));
+		})), o("span", Qp, k(e.message.replyCount), 1)], 8, Zp)) : i("", !0)]));
 	}
-}), $p = {
+}), em = {
 	key: 0,
 	class: ""
-}, em = { class: "heading-sm text-default" }, tm = { class: "body-sm text-subtle" }, nm = { class: "space-y-2 py-3" }, rm = ["disabled", "onClick"], im = { class: "body-md flex items-center justify-between gap-3 px-3 py-1.5" }, am = { class: "body-sm text-subtle shrink-0" }, om = { class: "bg-alpha-default h-1.5" }, sm = /* @__PURE__ */ u({
+}, tm = { class: "heading-sm text-default" }, nm = { class: "body-sm text-subtle" }, rm = { class: "space-y-2 py-3" }, im = ["disabled", "onClick"], am = { class: "body-md flex items-center justify-between gap-3 px-3 py-1.5" }, om = { class: "body-sm text-subtle shrink-0" }, sm = { class: "bg-alpha-default h-1.5" }, cm = /* @__PURE__ */ u({
 	__name: "MessagePollContent",
 	props: {
 		message: {},
@@ -9345,18 +9346,18 @@ var Hf = { class: "w-full" }, Uf = {
 			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", $p, [o("div", null, [o("h4", em, k(t.message.poll.question), 1), o("p", tm, k(j(c)("voteCount", { count: t.message.poll.totalVotes })), 1)]), o("div", nm, [(S(!0), a(e, null, T(t.message.poll.options, (e) => (S(), a("button", {
+		return (n, r) => t.message.poll ? (S(), a("div", em, [o("div", null, [o("h4", tm, k(t.message.poll.question), 1), o("p", nm, k(j(c)("voteCount", { count: t.message.poll.totalVotes })), 1)]), o("div", rm, [(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", im, [o("span", { class: g(["truncate font-medium", l(e.id) ? "text-success" : ""]) }, k(e.text), 3), o("span", am, k(j(c)("voteCount", { count: e.voteCount })), 1)]), o("div", om, [o("div", {
+		}, [o("div", am, [o("span", { class: g(["truncate font-medium", l(e.id) ? "text-success" : ""]) }, k(e.text), 3), o("span", om, k(j(c)("voteCount", { count: e.voteCount })), 1)]), o("div", sm, [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, rm))), 128))])])) : i("", !0);
+		}, null, 6)])], 8, im))), 128))])])) : i("", !0);
 	}
-}), cm = { class: "heading-xs" }, lm = { class: "truncate" }, um = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}), lm = { class: "heading-xs" }, um = { class: "truncate" }, dm = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageReplyQuote",
 	props: { message: {} },
 	emits: ["open"],
@@ -9366,15 +9367,15 @@ var Hf = { class: "w-full" }, Uf = {
 			type: "button",
 			class: "reply-quote",
 			onClick: n[0] ||= (e) => c("open")
-		}, [o("p", cm, k(e.message.replyTo.senderName), 1), o("p", lm, k(s.value), 1)]));
+		}, [o("p", lm, k(e.message.replyTo.senderName), 1), o("p", um, k(s.value), 1)]));
 	}
-}), [["__scopeId", "data-v-e27c136c"]]), dm = { class: "space-y-2" }, fm = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-e27c136c"]]), fm = { class: "space-y-2" }, pm = /* @__PURE__ */ u({
 	__name: "MessageTextContent",
 	props: { message: {} },
 	emits: ["anchorclick"],
 	setup(e) {
 		let t = Gu(), o = n(() => t.mentionNameByUid.value);
-		return (t, n) => (S(), a("div", dm, [e.message.translatedText ? (S(), r(Sp, {
+		return (t, n) => (S(), a("div", fm, [e.message.translatedText ? (S(), r(Cp, {
 			key: 0,
 			text: e.message.translatedText,
 			"mention-name-by-uid": o.value,
@@ -9388,7 +9389,7 @@ var Hf = { class: "w-full" }, Uf = {
 			"mention-name-by-uid",
 			"is-own",
 			"class"
-		])) : i("", !0), l(Sp, {
+		])) : i("", !0), l(Cp, {
 			text: e.message.text,
 			"mention-name-by-uid": o.value,
 			"is-own": e.message.isOwn,
@@ -9401,11 +9402,11 @@ var Hf = { class: "w-full" }, Uf = {
 			"is-own"
 		])]));
 	}
-}), pm = [
+}), mm = [
 	"id",
 	"data-message-id",
 	"data-message-kind"
-], mm = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, hm = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, gm = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+], hm = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, gm = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, _m = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageItem",
 	props: {
 		message: {},
@@ -9458,7 +9459,7 @@ var Hf = { class: "w-full" }, Uf = {
 			"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(up, {
+		}, [t.message.kind === "action" ? (S(), r(dp, {
 			key: 0,
 			text: t.message.text,
 			class: g(p.value)
@@ -9477,16 +9478,16 @@ var Hf = { class: "w-full" }, Uf = {
 				onContextmenu: _,
 				onClick: y
 			}, [
-				!t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(Kp, {
+				!t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(qp, {
 					key: 0,
 					message: t.message
 				}, null, 8, ["message"])) : i("", !0),
-				t.message.replyTo ? (S(), r(um, {
+				t.message.replyTo ? (S(), r(dm, {
 					key: 1,
 					message: t.message,
 					onOpen: C
 				}, null, 8, ["message"])) : i("", !0),
-				t.message.kind === "poll" && t.message.poll ? (S(), r(sm, {
+				t.message.kind === "poll" && t.message.poll ? (S(), r(cm, {
 					key: 2,
 					message: t.message,
 					"current-user-id": t.currentUserId,
@@ -9496,16 +9497,16 @@ var Hf = { class: "w-full" }, Uf = {
 					"message",
 					"current-user-id",
 					"pending-option-key"
-				])) : t.message.attachments?.length ? (S(), r(Bp, {
+				])) : t.message.attachments?.length ? (S(), r(Vp, {
 					key: 3,
 					message: t.message,
 					onOpenMedia: s[1] ||= (e) => u("openMedia", e)
-				}, null, 8, ["message"])) : (S(), r(fm, {
+				}, null, 8, ["message"])) : (S(), r(pm, {
 					key: 4,
 					message: t.message,
 					onAnchorclick: s[2] ||= (e, t) => n.$emit("anchorclick", e, t)
 				}, null, 8, ["message"])),
-				o("div", mm, [l(Qp, {
+				o("div", hm, [l($p, {
 					message: t.message,
 					"can-react": t.canReact,
 					"can-open-thread": t.canOpenThread,
@@ -9515,7 +9516,7 @@ var Hf = { class: "w-full" }, Uf = {
 					"message",
 					"can-react",
 					"can-open-thread"
-				]), l(Up, { message: t.message }, null, 8, ["message"])])
+				]), l(Wp, { message: t.message }, null, 8, ["message"])])
 			], 34),
 			t.contextMenuOpen && t.isTouchUi ? (S(), a("div", {
 				key: 1,
@@ -9524,16 +9525,16 @@ var Hf = { class: "w-full" }, Uf = {
 				class: "message-bubble-wrapper",
 				style: v({ top: x.value })
 			}, [o("div", { class: g(["message-bubble", f.value]) }, [
-				!t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(Kp, {
+				!t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(qp, {
 					key: 0,
 					message: t.message
 				}, null, 8, ["message"])) : i("", !0),
-				t.message.replyTo ? (S(), r(um, {
+				t.message.replyTo ? (S(), r(dm, {
 					key: 1,
 					message: t.message,
 					onOpen: C
 				}, null, 8, ["message"])) : i("", !0),
-				t.message.kind === "poll" && t.message.poll ? (S(), r(sm, {
+				t.message.kind === "poll" && t.message.poll ? (S(), r(cm, {
 					key: 2,
 					message: t.message,
 					"current-user-id": t.currentUserId,
@@ -9543,16 +9544,16 @@ var Hf = { class: "w-full" }, Uf = {
 					"message",
 					"current-user-id",
 					"pending-option-key"
-				])) : t.message.attachments?.length ? (S(), r(Bp, {
+				])) : t.message.attachments?.length ? (S(), r(Vp, {
 					key: 3,
 					message: t.message,
 					onOpenMedia: s[6] ||= (e) => u("openMedia", e)
-				}, null, 8, ["message"])) : (S(), r(fm, {
+				}, null, 8, ["message"])) : (S(), r(pm, {
 					key: 4,
 					message: t.message,
 					onAnchorclick: s[7] ||= (e, t) => n.$emit("anchorclick", e, t)
 				}, null, 8, ["message"])),
-				o("div", hm, [l(Qp, {
+				o("div", gm, [l($p, {
 					message: t.message,
 					"can-react": t.canReact,
 					"can-open-thread": t.canOpenThread,
@@ -9562,21 +9563,21 @@ var Hf = { class: "w-full" }, Uf = {
 					"message",
 					"can-react",
 					"can-open-thread"
-				]), l(Up, { message: t.message }, null, 8, ["message"])])
+				]), l(Wp, { message: t.message }, null, 8, ["message"])])
 			], 2)], 4)], 2)) : i("", !0)
-		], 64))], 10, pm));
+		], 64))], 10, mm));
 	}
-}), [["__scopeId", "data-v-02761d2e"]]), _m = [
+}), [["__scopeId", "data-v-02761d2e"]]), vm = [
 	"👍",
 	"❤️",
 	"🔥",
 	"😂",
 	"🙏",
 	"🎉"
-], vm = /* @__PURE__ */ "👏.😍.🤯.😮.😢.😡.👀.✅.💯.🙌.🤝.👌.💪.🤔.🫶.😅.🥳.💛.🌟.🚀.💥.🎯.📌.💡.🕊️.☀️.🌈.🍀.🎶.🫡".split("."), ym = { 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" }, bm = ["disabled", "onClick"], xm = ["disabled"], Sm = {
+], ym = /* @__PURE__ */ "👏.😍.🤯.😮.😢.😡.👀.✅.💯.🙌.🤝.👌.💪.🤔.🫶.😅.🥳.💛.🌟.🚀.💥.🎯.📌.💡.🕊️.☀️.🌈.🍀.🎶.🫡".split("."), bm = { 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" }, xm = ["disabled", "onClick"], Sm = ["disabled"], Cm = {
 	key: 0,
 	class: "bg-elevation-surface-raised-default shadow-overlay m-0 grid grid-cols-6 gap-1 rounded-lg p-1.5"
-}, Cm = ["onClick"], wm = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, wm = ["onClick"], Tm = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageItemMenuReactions",
 	props: {
 		message: {},
@@ -9588,20 +9589,20 @@ var Hf = { class: "w-full" }, Uf = {
 		I(() => c.message.id, () => {
 			u.value = !1;
 		});
-		let d = n(() => vm);
+		let d = n(() => ym);
 		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", ym, [(S(!0), a(e, null, T(j(_m), (e) => (S(), a("button", {
+		return (n, s) => (S(), a(e, null, [o("div", bm, [(S(!0), a(e, null, T(j(vm), (e) => (S(), a("button", {
 			key: `${t.message.id}-${e}-common`,
 			type: "button",
 			class: g(["message-reaction-button", f(e) ? "bg-background-success-default" : "bg-transparent"]),
 			disabled: !t.canReact,
 			onClick: (t) => l("react", e)
-		}, k(e), 11, bm))), 128)), o("button", {
+		}, k(e), 11, xm))), 128)), o("button", {
 			type: "button",
 			class: "message-reaction-more",
 			disabled: !t.canReact,
@@ -9609,25 +9610,25 @@ var Hf = { class: "w-full" }, Uf = {
 		}, [(S(), r(D(u.value ? j(Te) : j(we)), {
 			class: "size-7",
 			"aria-hidden": "true"
-		}))], 8, xm)]), u.value && t.canReact ? (S(), a("div", Sm, [(S(!0), a(e, null, T(d.value, (e) => (S(), a("button", {
+		}))], 8, Sm)]), u.value && t.canReact ? (S(), a("div", Cm, [(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) ? "bg-background-success-default" : "bg-transparent"]),
 			onClick: (t) => l("react", e)
-		}, k(e), 11, Cm))), 128))])) : i("", !0)], 64));
+		}, k(e), 11, wm))), 128))])) : i("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-0a11761a"]]), Tm = { class: "message-action-list" }, Em = { class: "message-receipt-summary__icon" }, Dm = { class: "message-receipt-summary__label" }, Om = {
+}), [["__scopeId", "data-v-0a11761a"]]), Em = { class: "message-action-list" }, Dm = { class: "message-receipt-summary__icon" }, Om = { class: "message-receipt-summary__label" }, km = {
 	key: 0,
 	class: "message-receipt-summary__avatars",
 	"aria-hidden": "true"
-}, km = {
+}, Am = {
 	key: 1,
 	class: "message-action-list__divider",
 	"aria-hidden": "true"
-}, Am = {
+}, jm = {
 	key: 1,
 	class: "message-action-list message-receipt-panel"
-}, jm = { class: "message-receipt-list" }, Mm = { class: "message-receipt-row__body" }, Nm = { class: "message-receipt-row__name" }, Pm = { class: "message-receipt-row__time" }, Fm = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, Mm = { class: "message-receipt-list" }, Nm = { class: "message-receipt-row__body" }, Pm = { class: "message-receipt-row__name" }, Fm = { class: "message-receipt-row__time" }, Im = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageItemMenu",
 	props: {
 		message: {},
@@ -9718,18 +9719,18 @@ var Hf = { class: "w-full" }, Uf = {
 				top: `${E.value.top}px`
 			}),
 			"data-testid": "message-action-popover-shell"
-		}, [C.value === "actions" ? (S(), a(e, { key: 0 }, [l(wm, {
+		}, [C.value === "actions" ? (S(), a(e, { key: 0 }, [l(Tm, {
 			message: s.message,
 			"can-react": s.canReact,
 			onReact: c[0] ||= (e) => _("react", e)
-		}, null, 8, ["message", "can-react"]), o("div", Tm, [
+		}, null, 8, ["message", "can-react"]), o("div", Em, [
 			s.receiptSummaryAction ? (S(), a("button", {
 				key: 0,
 				type: "button",
 				class: "message-receipt-summary",
 				onClick: F
 			}, [
-				o("span", Em, [s.receiptSummaryAction.loading ? (S(), r(j(W), {
+				o("span", Dm, [s.receiptSummaryAction.loading ? (S(), r(j(W), {
 					key: 0,
 					style: {
 						width: "1rem",
@@ -9741,8 +9742,8 @@ var Hf = { class: "w-full" }, Uf = {
 					class: "text-success size-4",
 					"aria-hidden": "true"
 				}))]),
-				o("span", Dm, k(s.receiptSummaryAction.label), 1),
-				f.value.length ? (S(), a("span", Om, [(S(!0), a(e, null, T(f.value, (e) => (S(), r(j(B), {
+				o("span", Om, k(s.receiptSummaryAction.label), 1),
+				f.value.length ? (S(), a("span", km, [(S(!0), a(e, null, T(f.value, (e) => (S(), r(j(B), {
 					key: e.user.uid,
 					image: e.user.avatar,
 					label: e.user.avatar ? void 0 : e.user.name.slice(0, 1).toUpperCase(),
@@ -9750,12 +9751,12 @@ var Hf = { class: "w-full" }, Uf = {
 					class: "message-receipt-summary__avatar"
 				}, null, 8, ["image", "label"]))), 128))])) : i("", !0)
 			])) : i("", !0),
-			s.receiptSummaryAction ? (S(), a("div", km)) : i("", !0),
+			s.receiptSummaryAction ? (S(), a("div", Am)) : i("", !0),
 			l(j(ie), {
 				model: s.actionItems,
 				class: "message-action-list__menu"
 			}, null, 8, ["model"])
-		])], 64)) : (S(), a("section", Am, [
+		])], 64)) : (S(), a("section", jm, [
 			o("button", {
 				type: "button",
 				class: "message-receipt-back",
@@ -9768,7 +9769,7 @@ var Hf = { class: "w-full" }, Uf = {
 				class: "message-action-list__divider",
 				"aria-hidden": "true"
 			}, null, -1),
-			o("div", jm, [(S(!0), a(e, null, T(p.value, (e) => (S(), a("div", {
+			o("div", Mm, [(S(!0), a(e, null, T(p.value, (e) => (S(), a("div", {
 				key: e.user.uid,
 				class: "message-receipt-row"
 			}, [l(j(B), {
@@ -9776,19 +9777,19 @@ var Hf = { class: "w-full" }, Uf = {
 				label: e.user.avatar ? void 0 : e.user.name.slice(0, 1).toUpperCase(),
 				shape: "circle",
 				class: "message-receipt-row__avatar"
-			}, null, 8, ["image", "label"]), o("div", Mm, [o("p", Nm, k(e.user.name), 1), o("p", Pm, [l(j(ge), {
+			}, null, 8, ["image", "label"]), o("div", Nm, [o("p", Pm, k(e.user.name), 1), o("p", Fm, [l(j(ge), {
 				class: "message-receipt-row__icon text-success",
 				"aria-hidden": "true"
 			}), o("span", null, k(L(e.timestamp)), 1)])])]))), 128))])
 		]))], 4)) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-c561963f"]]), Im = { 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" }, Lm = {
+}), [["__scopeId", "data-v-c561963f"]]), Lm = { 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" }, Rm = {
 	key: 0,
 	class: "chat-header__identity flex min-w-0 items-center gap-3"
-}, Rm = { class: "chat-header__text min-w-0" }, zm = { class: "chat-header__title heading-md text-default sm:heading-lg truncate" }, Bm = { class: "chat-header__subtitle body-sm text-subtle sm:body-md truncate" }, Vm = { key: 0 }, Hm = { key: 1 }, Um = { class: "chat-header__actions flex items-center gap-2" }, Wm = {
+}, zm = { class: "chat-header__text min-w-0" }, Bm = { class: "chat-header__title heading-md text-default sm:heading-lg truncate" }, Vm = { class: "chat-header__subtitle body-sm text-subtle sm:body-md truncate" }, Hm = { key: 0 }, Um = { key: 1 }, Wm = { class: "chat-header__actions flex items-center gap-2" }, Gm = {
 	key: 0,
 	class: "chat-header__tags hidden flex-wrap gap-2 md:flex"
-}, Gm = /* @__PURE__ */ u({
+}, Km = /* @__PURE__ */ u({
 	__name: "MessageListHeader",
 	props: {
 		conversation: {},
@@ -9796,28 +9797,28 @@ var Hf = { class: "w-full" }, Uf = {
 	},
 	setup(t) {
 		let { t: n } = X();
-		return (s, c) => (S(), a("header", Im, [t.conversation ? (S(), a("div", Lm, [l(j(B), {
+		return (s, c) => (S(), a("header", Lm, [t.conversation ? (S(), a("div", Rm, [l(j(B), {
 			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", Rm, [o("p", zm, k(t.parentMessage ? j(n)("thread") : t.conversation.title), 1), o("p", Bm, [t.parentMessage ? (S(), a("span", Vm, k(t.parentMessage.senderName), 1)) : (S(), a("span", Hm, k(t.conversation.memberCount ? j(n)("members", { count: t.conversation.memberCount }) : j(n)("groupChat")), 1))])])])) : i("", !0), o("div", Um, [t.conversation?.tags?.length ? (S(), a("div", Wm, [(S(!0), a(e, null, T(t.conversation.tags.slice(0, 3), (e) => (S(), r(j(G), {
+		}, null, 8, ["image", "label"]), o("div", zm, [o("p", Bm, k(t.parentMessage ? j(n)("thread") : t.conversation.title), 1), o("p", Vm, [t.parentMessage ? (S(), a("span", Hm, k(t.parentMessage.senderName), 1)) : (S(), a("span", Um, k(t.conversation.memberCount ? j(n)("members", { count: t.conversation.memberCount }) : j(n)("groupChat")), 1))])])])) : i("", !0), o("div", Wm, [t.conversation?.tags?.length ? (S(), a("div", Gm, [(S(!0), a(e, null, T(t.conversation.tags.slice(0, 3), (e) => (S(), r(j(G), {
 			key: e,
 			text: e,
 			context: "secondary",
 			rounded: ""
 		}, null, 8, ["text"]))), 128))])) : i("", !0)])]));
 	}
-}), Km = {
+}), qm = {
 	key: 1,
 	class: "message-list__empty-state"
-}, qm = { class: "space-y-2" }, Jm = {
+}, Jm = { class: "space-y-2" }, Ym = {
 	key: 0,
 	class: "message-list__thread-root"
-}, Ym = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, Xm = { class: "body-md text-default mt-1 line-clamp-2" }, Zm = {
+}, Xm = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, Zm = { class: "body-md text-default mt-1 line-clamp-2" }, Qm = {
 	key: 1,
 	class: "surface-default text-subtle rounded-2xl p-5 text-center"
-}, Qm = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, $m = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageList",
 	props: {
 		target: {},
@@ -9834,7 +9835,7 @@ var Hf = { class: "w-full" }, Uf = {
 		}), A = n(() => {
 			let e = u.conversation.value;
 			return e ? v.value ? v.value.senderName : e.memberCount ? c("members", { count: e.memberCount }) : c("groupChat") : "";
-		}), M = n(() => u.conversation.value?.memberCount ?? 0), P = w(null), F = w(null), I = n(() => !!v.value), L = n(() => I.value && !b.value), ee = n(() => Bu(u.conversation.value)), R = N("threadRef"), { handleThreadScroll: z } = Rf({
+		}), M = n(() => u.conversation.value?.memberCount ?? 0), P = w(null), F = w(null), I = n(() => !!v.value), L = n(() => I.value && !b.value), ee = n(() => Bu(u.conversation.value)), R = N("threadRef"), { handleThreadScroll: z } = zf({
 			getConversation: () => u.conversation.value,
 			getParentMessage: () => v.value,
 			getMessages: () => h.value,
@@ -9843,7 +9844,7 @@ var Hf = { class: "w-full" }, Uf = {
 			canLoadOlder: () => x.value,
 			onLoadOlder: () => p.emit("list:loadOlder", { target: s.target }),
 			threadRef: R
-		}), B = N("actionMenuRef"), { activeActionMessage: V, handleMessageContextMenu: H, handleMessageTap: U, resetActionMenuState: te, reactToMessage: ne, toggleInlineReaction: re, getReceiptSummaryAction: ie, getActionItems: ae, isTouchUI: W } = Mf({
+		}), B = N("actionMenuRef"), { activeActionMessage: V, handleMessageContextMenu: H, handleMessageTap: U, resetActionMenuState: te, reactToMessage: ne, toggleInlineReaction: re, getReceiptSummaryAction: ie, getActionItems: ae, isTouchUI: W } = Nf({
 			canUseMessageActions: () => u.canUseMessageActions.value,
 			canReact: () => u.canReact.value,
 			canReply: () => u.canReply.value,
@@ -9912,7 +9913,7 @@ var Hf = { class: "w-full" }, Uf = {
 				title: O.value,
 				subtitle: A.value,
 				memberCount: M.value
-			}, () => [l(Gm, {
+			}, () => [l(Km, {
 				conversation: j(u).conversation.value,
 				"parent-message": v.value
 			}, null, 8, ["conversation", "parent-message"])], !0) : i("", !0), j(u).conversation.value ? (S(), a("div", {
@@ -9923,12 +9924,12 @@ var Hf = { class: "w-full" }, Uf = {
 				ref: R,
 				class: g(["message-list__scroll min-h-0 flex-1", L.value ? "p-0" : I.value ? "px-5 py-4" : "px-2 pt-2 pb-3"]),
 				onScroll: n[2] ||= (...e) => j(z) && j(z)(...e)
-			}, [o("div", qm, [
-				v.value ? (S(), a("div", Jm, [o("p", Ym, k(v.value.senderName), 1), o("p", Xm, k(j(nc)(v.value, j(c)("message"), j(u).mentionNameByUid.value)), 1)])) : i("", !0),
-				(S(!0), a(e, null, T(h.value, (o, c) => (S(), a(e, { key: o.id }, [le(c) ? (S(), r(sp, {
+			}, [o("div", Jm, [
+				v.value ? (S(), a("div", Ym, [o("p", Xm, k(v.value.senderName), 1), o("p", Zm, k(j(nc)(v.value, j(c)("message"), j(u).mentionNameByUid.value)), 1)])) : i("", !0),
+				(S(!0), a(e, null, T(h.value, (o, c) => (S(), a(e, { key: o.id }, [le(c) ? (S(), r(cp, {
 					key: 0,
 					date: o.sentAt
-				}, null, 8, ["date"])) : i("", !0), l(gm, {
+				}, null, 8, ["date"])) : i("", !0), l(_m, {
 					message: o,
 					"current-user-id": j(u).currentUserId.value,
 					"can-react": j(u).canReact.value,
@@ -9964,13 +9965,13 @@ var Hf = { class: "w-full" }, Uf = {
 					"onToggleReaction",
 					"onOpenThread"
 				])], 64))), 128)),
-				h.value.length === 0 && D.value && !_.value ? (S(), a("div", Zm, k(j(c)("noMessagesYetInThisGroup")), 1)) : i("", !0)
-			])], 34), o("footer", { class: g(["message-list__composer flex shrink-0 flex-col", I.value ? L.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", Km, k(j(c)("selectConversationToStart")), 1))], 2),
-			l(ip, {
+				h.value.length === 0 && D.value && !_.value ? (S(), a("div", Qm, k(j(c)("noMessagesYetInThisGroup")), 1)) : i("", !0)
+			])], 34), o("footer", { class: g(["message-list__composer flex shrink-0 flex-col", I.value ? L.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", qm, k(j(c)("selectConversationToStart")), 1))], 2),
+			l(ap, {
 				attachment: P.value,
 				onClose: oe
 			}, null, 8, ["attachment"]),
-			l(Fm, {
+			l(Im, {
 				ref_key: "actionMenuRef",
 				ref: B,
 				message: j(V),
@@ -9988,13 +9989,13 @@ var Hf = { class: "w-full" }, Uf = {
 			])
 		], 64));
 	}
-}), [["__scopeId", "data-v-6c8a5535"]]), $m = { class: "receipt-section" }, eh = {
+}), [["__scopeId", "data-v-6c8a5535"]]), eh = { class: "receipt-section" }, th = {
 	key: 0,
 	class: "receipt-section__header"
-}, th = { class: "body-sm text-subtle font-semibold" }, nh = { class: "body-sm text-subtlest" }, rh = {
+}, nh = { class: "body-sm text-subtle font-semibold" }, rh = { class: "body-sm text-subtlest" }, ih = {
 	key: 1,
 	class: "receipt-section__list"
-}, ih = { class: "receipt-section__identity" }, ah = { class: "min-w-0" }, oh = { class: "receipt-section__name heading-sm text-default truncate" }, sh = { class: "receipt-section__time body-md text-subtle" }, ch = { class: "truncate" }, lh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, ah = { class: "receipt-section__identity" }, oh = { class: "min-w-0" }, sh = { class: "receipt-section__name heading-sm text-default truncate" }, ch = { class: "receipt-section__time body-md text-subtle" }, lh = { class: "truncate" }, uh = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "ReceiptSection",
 	props: {
 		title: {},
@@ -10007,35 +10008,35 @@ var Hf = { class: "w-full" }, Uf = {
 	},
 	setup(t) {
 		let r = t, s = n(() => String(r.receipts.length));
-		return (n, r) => (S(), a("section", $m, [t.showHeader ? (S(), a("div", eh, [o("p", th, k(t.title), 1), o("span", nh, k(s.value), 1)])) : i("", !0), t.receipts.length ? (S(), a("div", rh, [(S(!0), a(e, null, T(t.receipts, (e) => (S(), a("div", {
+		return (n, r) => (S(), a("section", eh, [t.showHeader ? (S(), a("div", th, [o("p", nh, k(t.title), 1), o("span", rh, k(s.value), 1)])) : i("", !0), t.receipts.length ? (S(), a("div", ih, [(S(!0), a(e, null, T(t.receipts, (e) => (S(), a("div", {
 			key: `${e.kind}-${e.user.uid}`,
 			class: "receipt-section__row"
-		}, [o("div", ih, [l(j(B), {
+		}, [o("div", ah, [l(j(B), {
 			image: e.user.avatar,
 			label: e.user.avatar ? void 0 : e.user.name.slice(0, 1).toUpperCase(),
 			shape: "circle",
 			class: "receipt-section__avatar"
-		}, null, 8, ["image", "label"]), o("div", ah, [o("p", oh, k(e.user.name), 1), o("p", sh, [l(j(ge), {
+		}, null, 8, ["image", "label"]), o("div", oh, [o("p", sh, k(e.user.name), 1), o("p", ch, [l(j(ge), {
 			class: "receipt-section__icon text-success",
 			"aria-hidden": "true"
-		}), o("span", ch, k(t.formatDateTime(e.timestamp)), 1)])])])]))), 128))])) : i("", !0)]));
+		}), o("span", lh, k(t.formatDateTime(e.timestamp)), 1)])])])]))), 128))])) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-750f23c4"]]), uh = {
+}), [["__scopeId", "data-v-750f23c4"]]), dh = {
 	key: 0,
 	class: "message-info-dialog-content overflow-y-auto"
-}, dh = {
+}, fh = {
 	key: 0,
 	class: "flex items-center justify-center px-4 py-8 sm:px-6"
-}, fh = {
+}, ph = {
 	key: 1,
 	class: "message-info-error body-md mx-4 rounded-xl px-4 py-3 sm:mx-6"
-}, ph = {
+}, mh = {
 	key: 2,
 	class: "message-info-list"
-}, mh = {
+}, hh = {
 	key: 1,
 	class: "message-info-empty body-md text-subtle"
-}, hh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, gh = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "MessageInfoDialog",
 	props: {
 		open: { type: Boolean },
@@ -10060,25 +10061,25 @@ var Hf = { class: "w-full" }, Uf = {
 				return (t.timestamp?.getTime() ?? 0) - n;
 			});
 		}
-		return (t, n) => (S(), r(Wf, {
+		return (t, n) => (S(), r(Gf, {
 			open: e.open,
 			title: j(u)("seen"),
 			"close-label": j(u)("close"),
 			onClose: n[0] ||= (e) => s("close")
 		}, {
-			default: L(() => [e.message ? (S(), a("div", uh, [e.loading ? (S(), a("div", dh, [l(j(W), {
+			default: L(() => [e.message ? (S(), a("div", dh, [e.loading ? (S(), a("div", fh, [l(j(W), {
 				style: {
 					width: "2.5rem",
 					height: "2.5rem"
 				},
 				"stroke-width": "5"
-			})])) : e.error ? (S(), a("div", fh, k(e.error), 1)) : (S(), a("div", ph, [d.value.length ? (S(), r(lh, {
+			})])) : e.error ? (S(), a("div", ph, k(e.error), 1)) : (S(), a("div", mh, [d.value.length ? (S(), r(uh, {
 				key: 0,
 				title: j(u)("readBy"),
 				receipts: d.value,
 				"format-date-time": f,
 				"show-header": !1
-			}, null, 8, ["title", "receipts"])) : (S(), a("p", mh, k(j(u)("nobodyHasReadThisMessageYet")), 1))]))])) : i("", !0)]),
+			}, null, 8, ["title", "receipts"])) : (S(), a("p", hh, k(j(u)("nobodyHasReadThisMessageYet")), 1))]))])) : i("", !0)]),
 			_: 1
 		}, 8, [
 			"open",
@@ -10086,34 +10087,34 @@ var Hf = { class: "w-full" }, Uf = {
 			"close-label"
 		]));
 	}
-}), [["__scopeId", "data-v-e025ada9"]]), gh = { class: "min-h-0 flex-1 overflow-y-auto" }, _h = {
+}), [["__scopeId", "data-v-e025ada9"]]), _h = { class: "min-h-0 flex-1 overflow-y-auto" }, vh = {
 	key: 0,
 	class: "flex h-full min-h-64 items-center justify-center"
-}, vh = {
+}, yh = {
 	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"
-}, yh = {
+}, bh = {
 	key: 2,
 	class: "space-y-3"
-}, bh = { class: "flex flex-wrap items-start justify-between gap-3" }, xh = { class: "w-full space-y-2" }, Sh = { class: "center between gap-2" }, Ch = { class: "" }, wh = { class: "space-y-1" }, Th = { class: "heading-sm text-default" }, Eh = {
+}, xh = { class: "flex flex-wrap items-start justify-between gap-3" }, Sh = { class: "w-full space-y-2" }, Ch = { class: "center between gap-2" }, wh = { class: "" }, Th = { class: "space-y-1" }, Eh = { class: "heading-sm text-default" }, Dh = {
 	key: 0,
 	class: "body-md text-default"
-}, Dh = {
+}, Oh = {
 	key: 1,
 	class: "body-md text-default wrap-break-word whitespace-pre-wrap"
-}, Oh = {
+}, kh = {
 	key: 0,
 	class: "max-w-sm"
-}, kh = { class: "flex flex-wrap items-center gap-1" }, Ah = {
+}, Ah = { class: "flex flex-wrap items-center gap-1" }, jh = {
 	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"
-}, jh = { class: "grid w-full grid-cols-1 gap-2 sm:grid-cols-[1fr_8rem]" }, Mh = { class: "flex items-center gap-2" }, Nh = {
+}, Mh = { class: "grid w-full grid-cols-1 gap-2 sm:grid-cols-[1fr_8rem]" }, Nh = { class: "flex items-center gap-2" }, Ph = {
 	key: 1,
 	class: "bg-elevation-surface-sunken-default mt-4 flex flex-col gap-3 rounded-xl p-3"
-}, Ph = {
+}, Fh = {
 	key: 0,
 	class: "relative max-w-sm"
-}, Fh = { class: "absolute top-2 right-2" }, Ih = ["placeholder"], Lh = { class: "flex items-center justify-end gap-2" }, Rh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}, Ih = { class: "absolute top-2 right-2" }, Lh = ["placeholder"], Rh = { class: "flex items-center justify-end gap-2" }, zh = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "ScheduledMessagesDialog",
 	props: {
 		open: { type: Boolean },
@@ -10195,24 +10196,24 @@ var Hf = { class: "w-full" }, Uf = {
 		function H(e) {
 			d.value === e.id && M(), u("remove", e);
 		}
-		return (n, s) => (S(), r(Wf, {
+		return (n, s) => (S(), r(Gf, {
 			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: L(() => [o("div", gh, [t.loading ? (S(), a("div", _h, [l(j(W), {
+			default: L(() => [o("div", _h, [t.loading ? (S(), a("div", vh, [l(j(W), {
 				style: {
 					width: "2.75rem",
 					height: "2.75rem"
 				},
 				"stroke-width": "6"
-			})])) : y.value.length === 0 ? (S(), a("div", vh, k(j(v)("noScheduledMessagesForConversation")), 1)) : (S(), a("div", yh, [(S(!0), a(e, null, T(y.value, (e) => (S(), a("article", {
+			})])) : y.value.length === 0 ? (S(), a("div", yh, k(j(v)("noScheduledMessagesForConversation")), 1)) : (S(), a("div", bh, [(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", bh, [o("div", xh, [
-				o("div", Sh, [o("div", Ch, [e.kind === "poll" ? (S(), r(j(G), {
+			}, [o("div", xh, [o("div", Sh, [
+				o("div", Ch, [o("div", wh, [e.kind === "poll" ? (S(), r(j(G), {
 					key: 0,
 					text: j(v)("poll"),
 					context: "info",
@@ -10233,9 +10234,9 @@ var Hf = { class: "w-full" }, Uf = {
 					size: "small",
 					onClick: (t) => H(e)
 				}, null, 8, ["icon", "onClick"])]),
-				o("div", wh, [o("p", Th, k(x(e.scheduled?.scheduleDate)), 1), e.kind === "poll" && e.poll ? (S(), a("p", Eh, k(e.poll.question), 1)) : (S(), a("p", Dh, k(j(nc)(e, j(v)("attachment"))), 1))]),
-				R(e) && !(d.value === e.id && f.value === "text") ? (S(), a("div", Oh, [l(Bp, { message: N(e) }, null, 8, ["message"])])) : i("", !0)
-			]), o("div", kh, [e.kind === "poll" ? i("", !0) : (S(), r(j(V), {
+				o("div", Th, [o("p", Eh, k(x(e.scheduled?.scheduleDate)), 1), e.kind === "poll" && e.poll ? (S(), a("p", Dh, k(e.poll.question), 1)) : (S(), a("p", Oh, k(j(nc)(e, j(v)("attachment"))), 1))]),
+				R(e) && !(d.value === e.id && f.value === "text") ? (S(), a("div", kh, [l(Vp, { message: N(e) }, null, 8, ["message"])])) : i("", !0)
+			]), o("div", Ah, [e.kind === "poll" ? i("", !0) : (S(), r(j(V), {
 				key: 0,
 				label: j(v)("edit"),
 				icon: j(ve),
@@ -10257,7 +10258,7 @@ var Hf = { class: "w-full" }, Uf = {
 				"label",
 				"icon",
 				"onClick"
-			])) : i("", !0)])]), d.value === e.id && f.value === "reschedule" ? (S(), a("div", Ah, [o("div", jh, [ee(o("input", {
+			])) : i("", !0)])]), d.value === e.id && f.value === "reschedule" ? (S(), a("div", jh, [o("div", Mh, [ee(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"
@@ -10269,7 +10270,7 @@ var Hf = { class: "w-full" }, Uf = {
 				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), [[P, h.value]])]), o("div", Mh, [l(j(V), {
+			}, null, 512), [[P, h.value]])]), o("div", Nh, [l(j(V), {
 				label: j(v)("save"),
 				size: "small",
 				disabled: !m.value || !b.value,
@@ -10283,8 +10284,8 @@ var Hf = { class: "w-full" }, Uf = {
 				size: "small",
 				text: "",
 				onClick: M
-			}, null, 8, ["label"])])])) : d.value === e.id && f.value === "text" ? (S(), a("div", Nh, [
-				R(e) ? (S(), a("div", Ph, [l(Bp, { message: N(e) }, null, 8, ["message"]), o("div", Fh, [l(j(V), {
+			}, null, 8, ["label"])])])) : d.value === e.id && f.value === "text" ? (S(), a("div", Ph, [
+				R(e) ? (S(), a("div", Fh, [l(Vp, { message: N(e) }, null, 8, ["message"]), o("div", Ih, [l(j(V), {
 					icon: j(de),
 					"aria-label": j(v)("remove"),
 					text: "",
@@ -10298,8 +10299,8 @@ var Hf = { class: "w-full" }, Uf = {
 					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, Ih), [[P, g.value]]),
-				o("div", Lh, [l(j(V), {
+				}, null, 8, Lh), [[P, g.value]]),
+				o("div", Rh, [l(j(V), {
 					label: j(v)("cancel"),
 					size: "small",
 					text: "",
@@ -10323,7 +10324,7 @@ var Hf = { class: "w-full" }, Uf = {
 			"close-label"
 		]));
 	}
-}), [["__scopeId", "data-v-0bb2dc95"]]), zh = { class: "chat-status-overlay" }, Bh = { class: "chat-status-overlay__card" }, Vh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-0bb2dc95"]]), Bh = { class: "chat-status-overlay" }, Vh = { class: "chat-status-overlay__card" }, Hh = /* @__PURE__ */ jd(/* @__PURE__ */ u({
 	__name: "ChatStatusOverlay",
 	props: {
 		visible: { type: Boolean },
@@ -10356,9 +10357,9 @@ var Hf = { class: "w-full" }, Uf = {
 			message: t.messages.connecting,
 			slotName: "connecting"
 		} : null);
-		return (e, t) => r.value ? E(e.$slots, r.value.slotName, { key: 0 }, () => [o("div", zh, [o("div", Bh, [E(e.$slots, `${r.value.slotName}-content`, {}, () => [o("span", null, k(r.value.message), 1)], !0)])])], !0) : i("", !0);
+		return (e, t) => r.value ? E(e.$slots, r.value.slotName, { key: 0 }, () => [o("div", Bh, [o("div", Vh, [E(e.$slots, `${r.value.slotName}-content`, {}, () => [o("span", null, k(r.value.message), 1)], !0)])])], !0) : i("", !0);
 	}
-}), [["__scopeId", "data-v-7749aec9"]]), Hh = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-7749aec9"]]), Uh = /* @__PURE__ */ u({
 	__name: "BccChat",
 	props: {
 		client: { default: null },
@@ -10626,7 +10627,7 @@ var Hf = { class: "w-full" }, Uf = {
 				_: 1
 			})]) : i("", !0),
 			T.value ? (S(), a(e, { key: 1 }, [
-				l(Qm, {
+				l($m, {
 					target: "main",
 					class: g(["h-full", t.containerClass]),
 					"hide-group-actions": t.hideGroupActions,
@@ -10635,7 +10636,7 @@ var Hf = { class: "w-full" }, Uf = {
 					"action-message-row-class": t.actionMessageRowClass,
 					onAnchorclick: ie
 				}, s({
-					composer: L(() => [l(Af, {
+					composer: L(() => [l(jf, {
 						ref_key: "mainComposerRef",
 						ref: B,
 						target: "main",
@@ -10655,7 +10656,7 @@ var Hf = { class: "w-full" }, Uf = {
 					"action-message-class",
 					"action-message-row-class"
 				]),
-				l(Wf, {
+				l(Gf, {
 					open: !!j(F).activeThreadParentMessage.value,
 					title: j(m)("threadWithCount", { count: j(F).activeThreadParentMessage.value?.replyCount ?? 0 }),
 					subtitle: O.value?.title ?? "",
@@ -10663,13 +10664,13 @@ var Hf = { class: "w-full" }, Uf = {
 					"close-aria-label": j(m)("closeThread"),
 					onClose: r[0] ||= (e) => j(U).emit("ui:closeThread")
 				}, {
-					default: L(() => [l(Qm, {
+					default: L(() => [l($m, {
 						target: "thread",
 						class: "min-h-0 flex-1",
 						"action-message-class": t.actionMessageClass,
 						"action-message-row-class": t.actionMessageRowClass
 					}, {
-						composer: L(() => [l(Af, {
+						composer: L(() => [l(jf, {
 							ref_key: "threadComposerRef",
 							ref: V,
 							target: "thread",
@@ -10687,7 +10688,7 @@ var Hf = { class: "w-full" }, Uf = {
 					"close-label",
 					"close-aria-label"
 				]),
-				l(Rh, {
+				l(zh, {
 					open: j(z).showScheduledMessages.value,
 					loading: j(z).loadingScheduledMessages.value,
 					messages: j(z).scheduledMessages.value,
@@ -10702,7 +10703,7 @@ var Hf = { class: "w-full" }, Uf = {
 					"messages",
 					"conversation-title"
 				]),
-				l(hh, {
+				l(gh, {
 					open: !!j(z).infoMessage.value,
 					message: j(z).infoMessage.value,
 					receipts: j(z).infoMessageReceipts.value,
@@ -10717,7 +10718,7 @@ var Hf = { class: "w-full" }, Uf = {
 					"error"
 				])
 			], 64)) : i("", !0),
-			l(Vh, {
+			l(Hh, {
 				visible: D.value && (T.value?.offlineMode.value || !T.value?.connected.value || x.value && !ee.value || v.value || C.value || t.displayNoMessagesText && j(F).isChatEmpty.value),
 				"offline-mode": !!(T.value?.offlineMode.value && !O.value),
 				connected: !!(T.value?.connected.value || O.value),
@@ -10757,6 +10758,6 @@ var Hf = { class: "w-full" }, Uf = {
 	}
 });
 //#endregion
-export { Hh as BccChat, Hh as BccChatMessageList, Hl as LogSeverity, Au as chat, Au as default, bc as createChatClient };
+export { Uh as BccChat, Uh as BccChatMessageList, Hl as LogSeverity, Au as chat, Au as default, bc as createChatClient };
 
 //# sourceMappingURL=vue-bcc-chat-ui.js.map