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

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", Vh), e.provide("theme", { theme: Bl });
+	n && (n.config.ripple = !0, n.config.inputVariant = "filled"), e.component("BccChat", Hh), e.provide("theme", { theme: Bl });
 	let r = tu(t.environment);
 	$l(Hl.INFO, "Initializing chat", {
 		environment: t.environment,
@@ -6966,8 +6966,16 @@ function _d(e) {
 	return null;
 }
 //#endregion
+//#region src/composables/useIsTouchUi.ts
+function vd() {
+	let e = typeof window < "u" ? window.matchMedia("(hover: hover) and (pointer: fine)") : null, t = w(!!e?.matches);
+	return e?.addEventListener("change", (e) => {
+		t.value = e.matches;
+	}), { isTouchUI: n(() => !t.value) };
+}
+//#endregion
 //#region src/composables/useComposerTriggers.ts
-function vd(e) {
+function yd(e) {
 	return {
 		id: "mention",
 		triggerChar: "@",
@@ -6984,7 +6992,7 @@ function vd(e) {
 		}
 	};
 }
-function yd(e) {
+function bd(e) {
 	let t = w(null), r = w([]), i = w({
 		x: 0,
 		y: 0,
@@ -7017,7 +7025,7 @@ function yd(e) {
 		}
 		for (let i of e.getTriggers()) {
 			if (!i.enabled()) continue;
-			let e = bd(n, i.triggerChar);
+			let e = xd(n, i.triggerChar);
 			if (!e) continue;
 			let c = i.getCandidates(e.query).slice(0, i.maxSuggestions ?? 8);
 			if (!c.length) {
@@ -7062,7 +7070,7 @@ function yd(e) {
 		refreshActiveTrigger: c
 	};
 }
-function bd(e, t) {
+function xd(e, t) {
 	let n = window.getSelection();
 	if (!n || n.rangeCount === 0 || !n.isCollapsed) return null;
 	let r = n.getRangeAt(0);
@@ -7073,13 +7081,13 @@ function bd(e, t) {
 	if (o === -1 || o > 0 && !/\s/.test(a[o - 1] ?? "")) return null;
 	let s = a.slice(o + 1);
 	if (/\s/.test(s)) return null;
-	let c = Sd(e, o, a.length) ?? xd(r, t);
+	let c = Cd(e, o, a.length) ?? Sd(r, t);
 	return c ? {
 		query: s,
 		range: c
 	} : null;
 }
-function xd(e, t) {
+function Sd(e, t) {
 	let n = e.endContainer;
 	n.nodeType !== Node.TEXT_NODE && (n = e.endContainer.childNodes[e.endOffset - 1] ?? e.endContainer.childNodes[0] ?? null);
 	for (let r = 0; r < 4 && n; r += 1) {
@@ -7095,7 +7103,7 @@ function xd(e, t) {
 	}
 	return null;
 }
-function Sd(e, t, n) {
+function Cd(e, t, n) {
 	let r = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), i = 0, a = null, o = 0, s = null, c = 0;
 	for (let e = r.nextNode(); e; e = r.nextNode()) {
 		let r = e.textContent?.length ?? 0, l = i + r;
@@ -7109,7 +7117,7 @@ function Sd(e, t, n) {
 	let l = document.createRange();
 	return l.setStart(a, o), l.setEnd(s, c), l;
 }
-function Cd(e, t) {
+function wd(e, t) {
 	e.deleteContents();
 	let n = document.createElement("span");
 	n.className = "composer-mention", n.setAttribute("data-mention-uid", t.uid), n.contentEditable = "false", n.textContent = `@${t.displayName}`;
@@ -7120,21 +7128,21 @@ function Cd(e, t) {
 }
 //#endregion
 //#region src/composables/useRichTextComposer.ts
-function wd(e, t, r, i) {
+function Td(e, t, r, i) {
 	let a = w(0), o = w(!1), s = w({
 		x: 0,
 		y: 0,
 		placement: "above"
 	}), c = w(Is(i.getModelValue())), l = w(""), u = null, d = null, f = n(() => {
 		let e = [...i.extraTriggers ?? []];
-		return i.getMentionCandidates && e.unshift(vd({
+		return i.getMentionCandidates && e.unshift(yd({
 			enabled: () => i.mentionsEnabled?.() ?? !0,
 			getMentionCandidates: () => i.getMentionCandidates?.() ?? [],
 			insertMention: (e, t) => {
-				Cd(t, e), O(), k();
+				wd(t, e), O(), k();
 			}
 		})), e;
-	}), { triggerCandidates: p, triggerMenuPosition: m, highlightedTriggerIndex: g, showTriggerMenu: _, hideTriggerMenu: v, handleInput: x, handleKeydown: S, selectTriggerCandidate: C, refreshActiveTrigger: T } = yd({
+	}), { triggerCandidates: p, triggerMenuPosition: m, highlightedTriggerIndex: g, showTriggerMenu: _, hideTriggerMenu: v, handleInput: x, handleKeydown: S, selectTriggerCandidate: C, refreshActiveTrigger: T } = bd({
 		editorRef: t,
 		getTriggers: () => f.value,
 		onChange: () => O()
@@ -7296,29 +7304,31 @@ function wd(e, t, r, i) {
 	}
 	function ce(e) {
 		if (!S(e)) {
-			if ((e.ctrlKey || e.metaKey) && !e.shiftKey) {
-				let t = e.key.toLowerCase();
-				if (t === "b") {
-					e.preventDefault(), ae("bold");
-					return;
-				}
-				if (t === "i") {
-					e.preventDefault(), ae("italic");
-					return;
-				}
-				if (t === "u") {
-					e.preventDefault(), ae("underline");
-					return;
+			if (!i.isTouchUI?.()) {
+				if ((e.ctrlKey || e.metaKey) && !e.shiftKey) {
+					let t = e.key.toLowerCase();
+					if (t === "b") {
+						e.preventDefault(), ae("bold");
+						return;
+					}
+					if (t === "i") {
+						e.preventDefault(), ae("italic");
+						return;
+					}
+					if (t === "u") {
+						e.preventDefault(), ae("underline");
+						return;
+					}
+					if (t === "k") {
+						e.preventDefault(), W();
+						return;
+					}
 				}
-				if (t === "k") {
-					e.preventDefault(), W();
+				if (e.key === "Enter" && e.shiftKey) {
+					e.preventDefault(), i.submit();
 					return;
 				}
 			}
-			if (e.key === "Enter" && e.shiftKey) {
-				e.preventDefault(), i.submit();
-				return;
-			}
 			e.key === "Escape" && (A(), v());
 		}
 	}
@@ -7394,7 +7404,7 @@ function wd(e, t, r, i) {
 }
 //#endregion
 //#region src/components/messages/ComposerActionsPopover.vue?vue&type=script&setup=true&lang.ts
-var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon" }, Dd = { class: "composer-actions-menu__icon" }, Od = /* @__PURE__ */ u({
+var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon" }, Od = { class: "composer-actions-menu__icon" }, kd = /* @__PURE__ */ u({
 	__name: "ComposerActionsPopover",
 	emits: ["pickFile", "openPoll"],
 	setup(t, { expose: n, emit: i }) {
@@ -7459,18 +7469,18 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 			class: "composer-actions-menu__item",
 			"data-testid": e.testId,
 			onClick: (t) => h(e.kind)
-		}, [o("span", Ed, [(S(), r(D(e.icon), { class: "size-5" }))]), o("span", null, k(j(u)(e.label)), 1)], 8, Td)), 64)), o("button", {
+		}, [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", {
 			type: "button",
 			class: "composer-actions-menu__item",
 			"data-testid": "composer-create-poll",
 			onClick: g
-		}, [o("span", Dd, [(S(), r(D(j(ce)), { class: "size-5" }))]), o("span", null, k(j(u)("createPoll")), 1)])], 512)), [[F, c.value]]);
+		}, [o("span", Od, [(S(), r(D(j(ce)), { class: "size-5" }))]), o("span", null, k(j(u)("createPoll")), 1)])], 512)), [[F, c.value]]);
 	}
-}), kd = (e, t) => {
+}), Ad = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Ad = /* @__PURE__ */ kd(Od, [["__scopeId", "data-v-5e8b1d79"]]), jd = { class: "border-default flex items-start justify-between gap-2 border-t-1 px-3 py-2" }, Md = { class: "min-w-0" }, Nd = { class: "body-md text-default mt-0.5 overflow-hidden font-medium text-ellipsis whitespace-nowrap" }, Pd = { class: "body-md text-subtle overflow-hidden text-ellipsis whitespace-nowrap" }, Fd = /* @__PURE__ */ u({
+}, 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({
 	__name: "ComposerContextBanner",
 	props: {
 		message: {},
@@ -7480,10 +7490,10 @@ var Td = ["data-testid", "onClick"], Ed = { 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", jd, [o("div", Md, [
+		return (t, n) => (S(), a("div", Md, [o("div", Nd, [
 			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", Nd, k(e.message.senderName), 1),
-			o("p", Pd, k(u.value), 1)
+			o("p", Pd, k(e.message.senderName), 1),
+			o("p", Fd, k(u.value), 1)
 		]), l(j(V), {
 			icon: j(de),
 			text: "",
@@ -7492,10 +7502,10 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 			onClick: n[0] ||= (e) => i("cancel")
 		}, null, 8, ["icon"])]));
 	}
-}), Id = ["aria-label"], Ld = { class: "format-menu__label" }, Rd = ["aria-label"], zd = { class: "format-menu__label" }, Bd = ["aria-label"], Vd = { class: "format-menu__label" }, Hd = ["aria-label"], Ud = {
+}), 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 = {
 	class: "format-menu__icon",
 	"aria-hidden": "true"
-}, Wd = { class: "format-menu__label" }, Gd = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, Gd = { class: "format-menu__label" }, Kd = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "ComposerFormatMenu",
 	props: {
 		visible: { type: Boolean },
@@ -7522,7 +7532,7 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 			}, [u[12] ||= o("span", {
 				class: "format-menu__icon font-bold",
 				"aria-hidden": "true"
-			}, "B", -1), o("span", Ld, k(j(c)("bold")), 1)], 40, Id),
+			}, "B", -1), o("span", Rd, k(j(c)("bold")), 1)], 40, Ld),
 			o("button", {
 				type: "button",
 				class: "format-menu__item",
@@ -7533,7 +7543,7 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 			}, [u[13] ||= o("span", {
 				class: "format-menu__icon italic",
 				"aria-hidden": "true"
-			}, "I", -1), o("span", zd, k(j(c)("italic")), 1)], 40, Rd),
+			}, "I", -1), o("span", Bd, k(j(c)("italic")), 1)], 40, zd),
 			o("button", {
 				type: "button",
 				class: "format-menu__item",
@@ -7544,7 +7554,7 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 			}, [u[14] ||= o("span", {
 				class: "format-menu__icon underline",
 				"aria-hidden": "true"
-			}, "U", -1), o("span", Vd, k(j(c)("underline")), 1)], 40, Bd),
+			}, "U", -1), o("span", Hd, k(j(c)("underline")), 1)], 40, Vd),
 			o("button", {
 				type: "button",
 				class: "format-menu__item",
@@ -7552,16 +7562,16 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 				onPointerdown: u[9] ||= z(() => {}, ["prevent"]),
 				onMousedown: u[10] ||= z(() => {}, ["prevent"]),
 				onClick: u[11] ||= (e) => s("link")
-			}, [o("span", Ud, [l(j(Ee), { "aria-hidden": "true" })]), o("span", Wd, k(j(c)("link")), 1)], 40, Hd)
+			}, [o("span", Wd, [l(j(Ee), { "aria-hidden": "true" })]), o("span", Gd, k(j(c)("link")), 1)], 40, Ud)
 		], 6)) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-6273d79f"]]), Kd = { class: "space-y-4" }, qd = {
+}), [["__scopeId", "data-v-6273d79f"]]), qd = { class: "space-y-4" }, Jd = {
 	key: 0,
 	class: "body-md text-subtle truncate"
-}, Jd = { class: "space-y-2" }, Yd = { class: "heading-sm text-subtle block font-medium!" }, Xd = {
+}, Yd = { class: "space-y-2" }, Xd = { class: "heading-sm text-subtle block font-medium!" }, Zd = {
 	key: 0,
 	class: "body-sm text-danger"
-}, Zd = /* @__PURE__ */ u({
+}, Qd = /* @__PURE__ */ u({
 	__name: "ComposerLinkDialog",
 	props: {
 		visible: { type: Boolean },
@@ -7609,8 +7619,8 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 				"icon",
 				"disabled"
 			])]),
-			default: L(() => [o("div", Kd, [e.selectedText ? (S(), a("p", qd, k(e.selectedText), 1)) : i("", !0), o("div", Jd, [
-				o("label", Yd, k(j(d)("linkUrl")), 1),
+			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),
 				l(j(re), {
 					modelValue: p.value,
 					"onUpdate:modelValue": n[0] ||= (e) => p.value = e,
@@ -7630,12 +7640,12 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 					"placeholder",
 					"onKeydown"
 				]),
-				_.value ? (S(), a("p", Xd, k(j(d)("invalidLinkUrl")), 1)) : i("", !0)
+				_.value ? (S(), a("p", Zd, k(j(d)("invalidLinkUrl")), 1)) : i("", !0)
 			])])]),
 			_: 1
 		}, 8, ["visible", "header"]));
 	}
-}), Qd = { class: "space-y-6" }, $d = { class: "space-y-2" }, ef = { class: "heading-sm text-subtle block font-medium!" }, tf = { class: "space-y-2" }, nf = { class: "heading-sm text-subtle block font-medium!" }, rf = /* @__PURE__ */ u({
+}), $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({
 	__name: "ComposerPollDialog",
 	props: {
 		visible: { type: Boolean },
@@ -7687,13 +7697,13 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 				"icon",
 				"disabled"
 			])]),
-			default: L(() => [o("div", Qd, [o("div", $d, [o("label", ef, k(j(d)("question")), 1), l(j(re), {
+			default: L(() => [o("div", $d, [o("div", ef, [o("label", tf, 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", tf, [
-				o("label", nf, k(j(d)("options")), 1),
+			}, null, 8, ["modelValue", "placeholder"])]), o("div", nf, [
+				o("label", rf, k(j(d)("options")), 1),
 				(S(!0), a(e, null, T(p.value, (e, t) => (S(), a("div", {
 					key: t,
 					class: "center"
@@ -7728,7 +7738,7 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 			_: 1
 		}, 8, ["visible", "header"]));
 	}
-}), af = { class: "w-full space-y-6" }, of = { class: "w-full space-y-2" }, sf = { class: "heading-sm text-subtle block font-medium!" }, cf = { class: "center left w-full gap-2" }, lf = { class: "body-md bg-elevation-surface-sunken-default rounded-lg px-4 py-3" }, uf = /* @__PURE__ */ u({
+}), 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({
 	__name: "ComposerScheduleDialog",
 	props: {
 		visible: { type: Boolean },
@@ -7786,7 +7796,7 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 				"icon",
 				"disabled"
 			])]),
-			default: L(() => [o("div", af, [o("div", of, [o("label", sf, k(j(c)("sendAt")), 1), o("div", cf, [l(j(ne), {
+			default: L(() => [o("div", of, [o("div", sf, [o("label", cf, k(j(c)("sendAt")), 1), o("div", lf, [l(j(ne), {
 				modelValue: u.value,
 				"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
 				class: "w-full flex-1",
@@ -7800,22 +7810,22 @@ var Td = ["data-testid", "onClick"], Ed = { 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", lf, k(e.contentPreview), 1)])]),
+			}, null, 8, ["modelValue"])])]), o("div", uf, k(e.contentPreview), 1)])]),
 			_: 1
 		}, 8, ["visible", "header"]));
 	}
-}), df = [
+}), ff = [
 	"aria-selected",
 	"onMouseover",
 	"onMousedown"
-], ff = {
+], pf = {
 	key: 1,
 	class: "trigger-menu__avatar-fallback",
 	"aria-hidden": "true"
-}, pf = { class: "min-w-0" }, mf = { class: "trigger-menu__label" }, hf = {
+}, mf = { class: "min-w-0" }, hf = { class: "trigger-menu__label" }, gf = {
 	key: 0,
 	class: "trigger-menu__subtitle"
-}, gf = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, _f = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "ComposerTriggerMenu",
 	props: /* @__PURE__ */ m({
 		visible: { type: Boolean },
@@ -7850,18 +7860,18 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 			src: e.avatar,
 			name: e.label,
 			size: "sm"
-		}, null, 8, ["src", "name"])) : (S(), a("span", ff, k(e.label.charAt(0)), 1)), o("span", pf, [o("span", mf, k(e.label), 1), e.subtitle ? (S(), a("span", hf, k(e.subtitle), 1)) : i("", !0)])], 42, df))), 128))], 38)) : i("", !0)]));
+		}, 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)]));
 	}
-}), [["__scopeId", "data-v-9cc0f5b0"]]), _f = ["accept", "disabled"], vf = { class: "px-1 pb-1.5" }, yf = {
+}), [["__scopeId", "data-v-9cc0f5b0"]]), vf = ["accept", "disabled"], yf = { class: "px-1 pb-1.5" }, bf = {
 	key: 0,
 	class: "composer-file-preview"
-}, bf = { class: "min-w-0" }, xf = { class: "heading-sm text-default truncate" }, Sf = { class: "body-sm text-subtle" }, Cf = ["data-placeholder"], wf = {
+}, xf = { class: "min-w-0" }, Sf = { class: "heading-sm text-default truncate" }, Cf = { class: "body-sm text-subtle" }, wf = ["data-placeholder"], Tf = {
 	key: 0,
 	class: "body-sm text-subtle flex items-center gap-2 px-0.5"
-}, Tf = {
+}, Ef = {
 	key: 2,
 	class: "ml-auto"
-}, Ef = 450, Df = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, Df = 450, Of = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "MessageComposer",
 	props: {
 		modelValue: {},
@@ -7897,99 +7907,100 @@ var Td = ["data-testid", "onClick"], Ed = { 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(), O = null, A = w(null), M = w(null), N = w(null), { applyLink: P, applyFormat: F, cancelLink: L, editorKey: ee, formatMenuPosition: R, focusEditor: B, handleContextMenu: H, handleInput: U, handleKeydown: te, handlePaste: ne, hideFormatMenu: re, getSelectionState: ie, requestLink: ae, resetEditor: W, showFormatMenu: K, triggerCandidates: q, triggerMenuPosition: se, highlightedTriggerIndex: ce, showTriggerMenu: le, selectTriggerCandidate: fe } = wd(A, M, N, {
+		}, 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, {
 			getModelValue: () => u.modelValue,
 			updateModelValue: (e) => d("update:modelValue", e),
-			submit: () => Ie(),
+			submit: () => Le(),
 			formatMenuEnabled: () => u.formattingMode !== "external",
 			onSelectionChange: (e) => d("composerSelectionChange", e),
-			requestLink: Ee,
+			requestLink: De,
 			shouldClearSelectionOnLinkRequest: () => u.formattingMode === "external",
 			getMentionCandidates: () => u.mentionCandidates ?? [],
 			getMentionNameByUid: () => u.mentionNameByUid ?? {},
-			mentionsEnabled: () => u.mentionsEnabled ?? (u.mentionCandidates?.length ?? 0) > 0
-		}), pe = n(() => c[v.value]), me = n(() => {
+			mentionsEnabled: () => u.mentionsEnabled ?? (u.mentionCandidates?.length ?? 0) > 0,
+			isTouchUI: () => O.value
+		}), me = n(() => c[v.value]), he = n(() => {
 			if (!_.value) return null;
 			let e = _.value.type;
 			return e.startsWith("image/") ? "image" : e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : "file";
-		}), he = n(() => {
-			switch (me.value) {
+		}), ge = n(() => {
+			switch (he.value) {
 				case "image": return D("image");
 				case "video": return D("video");
 				case "audio": return D("audio");
 				case "file": return D("file");
 				default: return D("attachment");
 			}
-		}), ge = n(() => !u.editingMessage && !u.replyToMessage ? "" : u.compact ? "pt-1" : "pt-1.5"), ve = n(() => ec(u.modelValue) || !!_.value), ye = n(() => ve.value && me.value !== "file"), be = n(() => _.value ? D("attachmentSummary", { name: _.value.name }) : tc(u.modelValue) || D("currentDraftWillBeScheduled"));
+		}), ve = n(() => !u.editingMessage && !u.replyToMessage ? "" : u.compact ? "pt-1" : "pt-1.5"), ye = n(() => ec(u.modelValue) || !!_.value), be = n(() => ye.value && he.value !== "file"), xe = n(() => _.value ? D("attachmentSummary", { name: _.value.name }) : tc(u.modelValue) || D("currentDraftWillBeScheduled"));
 		I(() => u.resetSignal, () => {
-			W(), _.value = null, y.value = !1, b.value = !1, x.value = !1, L(), f.value && (f.value.value = "");
+			K(), _.value = null, y.value = !1, b.value = !1, x.value = !1, ee(), f.value && (f.value.value = "");
 		});
-		async function xe() {
-			await h(), B();
+		async function Se() {
+			await h(), H();
 		}
-		function Se() {
+		function Ce() {
 			m.value?.hide();
 		}
 		t({
-			focusEditor: xe,
-			hideComposerActions: Se,
-			applyComposerFormat: De,
-			applyComposerLink: ke,
-			cancelComposerLink: Ae,
-			getComposerSelection: je,
-			requestComposerLink: Oe
+			focusEditor: Se,
+			hideComposerActions: Ce,
+			applyComposerFormat: Oe,
+			applyComposerLink: Ae,
+			cancelComposerLink: je,
+			getComposerSelection: Me,
+			requestComposerLink: ke
 		});
-		async function Ce(e = "file") {
+		async function we(e = "file") {
 			v.value = e, await h(), f.value?.click();
 		}
-		function we(e) {
-			_.value = e.target.files?.[0] ?? null, Se();
-		}
 		function Te(e) {
+			_.value = e.target.files?.[0] ?? null, Ce();
+		}
+		function Ee(e) {
 			if (u.disabled) return;
 			let t = _d(e);
 			if (t) {
-				e.preventDefault(), _.value = t, Se();
+				e.preventDefault(), _.value = t, Ce();
 				return;
 			}
-			ne(e);
+			re(e);
 		}
-		function Ee(e) {
+		function De(e) {
 			if (u.formattingMode === "external") {
 				d("composerLinkRequest", e);
 				return;
 			}
 			T.value = e.text, C.value = e.href ?? "", x.value = !0;
 		}
-		function De(e) {
-			return F(e);
+		function Oe(e) {
+			return L(e);
 		}
-		function Oe() {
-			return ae();
-		}
-		function ke(e) {
-			return P(e);
+		function ke() {
+			return W();
 		}
-		function Ae() {
-			L();
+		function Ae(e) {
+			return F(e);
 		}
 		function je() {
-			return ie();
+			ee();
 		}
-		function Me(e) {
-			P(e) && (x.value = !1);
+		function Me() {
+			return ae();
 		}
-		function Pe() {
-			L();
+		function Pe(e) {
+			F(e) && (x.value = !1);
 		}
 		function J() {
+			ee();
+		}
+		function Fe() {
 			_.value = null, f.value && (f.value.value = "");
 		}
-		function Fe(e) {
+		function Ie(e) {
 			m.value?.toggle(e);
 		}
-		function Ie() {
-			if (!(u.disabled || !ve.value)) {
+		function Le() {
+			if (!(u.disabled || !ye.value)) {
 				if (_.value) {
 					d("sendAttachment", {
 						file: _.value,
@@ -8000,10 +8011,10 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 				d("sendText");
 			}
 		}
-		function Le(e) {
+		function Re(e) {
 			d("sendPoll", e);
 		}
-		function Re(e) {
+		function ze(e) {
 			d("scheduleMessage", {
 				...e,
 				text: _.value ? void 0 : $s(u.modelValue),
@@ -8011,48 +8022,48 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 				caption: _.value ? $s(u.modelValue) : void 0
 			});
 		}
-		function ze() {
-			d("openScheduled");
-		}
 		function Be() {
-			O !== null && (clearTimeout(O), O = null);
+			d("openScheduled");
 		}
-		function Ve(e) {
-			u.disabled || !ye.value || e instanceof MouseEvent && e.button !== 0 || (E.value = !1, Be(), O = setTimeout(() => {
-				O = null, E.value = !0, b.value = !0;
-			}, Ef));
+		function Ve() {
+			A !== null && (clearTimeout(A), A = null);
 		}
-		function Y() {
-			Be();
+		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));
 		}
 		function He() {
-			if (!(u.disabled || !ve.value)) {
+			Ve();
+		}
+		function Ue() {
+			if (!(u.disabled || !ye.value)) {
 				if (E.value) {
 					E.value = !1;
 					return;
 				}
-				Ie();
+				Le();
 			}
 		}
-		return (t, n) => (S(), a("div", { class: g([u.compact ? "space-y-1" : "space-y-1.5", ge.value]) }, [
+		return (t, n) => (S(), a("div", { class: g([u.compact ? "space-y-1" : "space-y-1.5", ve.value]) }, [
 			o("input", {
 				ref_key: "fileInputRef",
 				ref: f,
 				type: "file",
 				class: "hidden",
-				accept: pe.value,
+				accept: me.value,
 				disabled: e.disabled,
-				onChange: we,
-				onCancel: Se
-			}, null, 40, _f),
-			e.editingMessage ? (S(), r(Fd, {
+				onChange: Te,
+				onCancel: Ce
+			}, null, 40, vf),
+			e.editingMessage ? (S(), r(Id, {
 				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(Fd, {
+			e.replyToMessage ? (S(), r(Id, {
 				key: 1,
 				message: e.replyToMessage,
 				variant: "replying",
@@ -8060,23 +8071,23 @@ var Td = ["data-testid", "onClick"], Ed = { 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", vf, [
-				_.value ? (S(), a("div", yf, [o("div", bf, [o("p", xf, k(_.value.name), 1), o("p", Sf, k(_.value.type || he.value), 1)]), l(j(V), {
+			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), {
 					icon: j(de),
 					text: "",
 					rounded: "",
 					severity: "secondary",
-					onClick: J
+					onClick: Fe
 				}, null, 8, ["icon"])])) : i("", !0),
 				o("div", {
 					ref_key: "composerShellRef",
-					ref: A,
+					ref: M,
 					class: g(["composer-shell", u.compact ? "composer-shell--compact" : "composer-shell--default"])
 				}, [
-					l(Ad, {
+					l(jd, {
 						ref_key: "composerActionsRef",
 						ref: m,
-						onPickFile: Ce,
+						onPickFile: we,
 						onOpenPoll: n[2] ||= (e) => y.value = !0
 					}, null, 512),
 					l(j(V), {
@@ -8088,7 +8099,7 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 						"aria-label": j(D)("addToMessage"),
 						"data-testid": "composer-actions-button",
 						icon: j(oe),
-						onClick: Fe
+						onClick: Ie
 					}, null, 8, [
 						"class",
 						"disabled",
@@ -8096,22 +8107,22 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 						"icon"
 					]),
 					(S(), a("div", {
-						key: j(ee),
+						key: j(R),
 						ref_key: "composerEditorRef",
-						ref: M,
+						ref: N,
 						contenteditable: "true",
 						role: "textbox",
 						"aria-multiline": "true",
 						"data-placeholder": j(D)("writeMessage"),
 						class: g(["composer-editor", e.disabled ? "pointer-events-none opacity-60" : ""]),
-						onFocus: n[3] ||= (...e) => j(re) && j(re)(...e),
-						onInput: n[4] ||= (...e) => j(U) && j(U)(...e),
-						onKeyup: n[5] ||= (...e) => j(U) && j(U)(...e),
-						onKeydown: n[6] ||= (...e) => j(te) && j(te)(...e),
-						onPaste: Te,
-						onContextmenu: n[7] ||= (...e) => j(H) && j(H)(...e)
-					}, null, 42, Cf)),
-					_.value || e.editingMessage || e.contextLabel || e.offlineMode ? (S(), a("div", wf, [
+						onFocus: n[3] ||= (...e) => j(ie) && j(ie)(...e),
+						onInput: n[4] ||= (...e) => j(te) && j(te)(...e),
+						onKeyup: n[5] ||= (...e) => j(te) && j(te)(...e),
+						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, [
 						e.editingMessage ? (S(), r(j(G), {
 							key: 0,
 							text: j(D)("editing"),
@@ -8128,7 +8139,7 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 							size: "sm",
 							class: "composer-meta-tag"
 						}, null, 8, ["text"])) : i("", !0),
-						e.offlineMode ? (S(), a("p", Tf, k(e.pendingQueueCount ? j(D)("offlineQueued", { count: e.pendingQueueCount }) : j(D)("offline")), 1)) : i("", !0)
+						e.offlineMode ? (S(), a("p", Ef, 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,
@@ -8138,7 +8149,7 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 						disabled: e.disabled,
 						"aria-label": j(D)("scheduledMessages"),
 						icon: j(_e),
-						onClick: ze
+						onClick: Be
 					}, null, 8, [
 						"class",
 						"disabled",
@@ -8150,17 +8161,17 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 						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 || !ve.value,
+						disabled: e.disabled || !ye.value,
 						"aria-label": e.editingMessage ? j(D)("saveMessage") : _.value ? j(D)("sendAttachment") : j(D)("sendMessage"),
 						icon: e.editingMessage ? j(ue) : j(Ne),
-						onMousedown: Ve,
-						onMouseup: Y,
-						onMouseleave: Y,
-						onTouchstart: Ve,
-						onTouchend: Y,
-						onTouchcancel: Y,
+						onMousedown: Y,
+						onMouseup: He,
+						onMouseleave: He,
+						onTouchstart: Y,
+						onTouchend: He,
+						onTouchcancel: He,
 						onContextmenu: n[8] ||= z(() => {}, ["prevent"]),
-						onClick: He
+						onClick: Ue
 					}, null, 8, [
 						"class",
 						"disabled",
@@ -8168,60 +8179,60 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 						"icon"
 					])
 				], 2),
-				e.formattingMode === "external" ? i("", !0) : (S(), r(Gd, {
+				e.formattingMode === "external" ? i("", !0) : (S(), r(Kd, {
 					key: 1,
-					visible: j(K),
-					position: j(R),
-					onFormat: n[9] ||= (e) => j(F)(e),
-					onLink: j(ae)
+					visible: j(q),
+					position: j(B),
+					onFormat: n[9] ||= (e) => j(L)(e),
+					onLink: j(W)
 				}, null, 8, [
 					"visible",
 					"position",
 					"onLink"
 				])),
-				l(gf, {
+				l(_f, {
 					ref_key: "triggerMenuRef",
-					ref: N,
-					"highlighted-index": j(ce),
-					"onUpdate:highlightedIndex": n[10] ||= (e) => p(ce) ? ce.value = e : null,
-					visible: j(le),
-					position: j(se),
-					candidates: j(q),
-					onSelect: n[11] ||= (e) => j(fe)(e)
+					ref: P,
+					"highlighted-index": j(le),
+					"onUpdate:highlightedIndex": n[10] ||= (e) => p(le) ? le.value = e : null,
+					visible: j(fe),
+					position: j(ce),
+					candidates: j(se),
+					onSelect: n[11] ||= (e) => j(pe)(e)
 				}, null, 8, [
 					"highlighted-index",
 					"visible",
 					"position",
 					"candidates"
 				]),
-				l(rf, {
+				l(af, {
 					visible: y.value,
 					"onUpdate:visible": n[12] ||= (e) => y.value = e,
 					disabled: e.disabled,
-					onSend: Le
+					onSend: Re
 				}, null, 8, ["visible", "disabled"]),
-				e.formattingMode === "external" ? i("", !0) : (S(), r(Zd, {
+				e.formattingMode === "external" ? i("", !0) : (S(), r(Qd, {
 					key: 2,
 					visible: x.value,
 					"onUpdate:visible": n[13] ||= (e) => x.value = e,
 					disabled: e.disabled,
 					"initial-url": C.value,
 					"selected-text": T.value,
-					onApply: Me,
-					onCancel: Pe
+					onApply: Pe,
+					onCancel: J
 				}, null, 8, [
 					"visible",
 					"disabled",
 					"initial-url",
 					"selected-text"
 				])),
-				l(uf, {
+				l(df, {
 					visible: b.value,
 					"onUpdate:visible": n[14] ||= (e) => b.value = e,
 					disabled: e.disabled,
-					"can-schedule": ye.value,
-					"content-preview": be.value,
-					onSchedule: Re
+					"can-schedule": be.value,
+					"content-preview": xe.value,
+					onSchedule: ze
 				}, null, 8, [
 					"visible",
 					"disabled",
@@ -8231,10 +8242,10 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 			])
 		], 2));
 	}
-}), [["__scopeId", "data-v-8bdef66f"]]), Of = {
+}), [["__scopeId", "data-v-50a9c196"]]), kf = {
 	key: 1,
 	class: "composer-readonly-notice"
-}, kf = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, Af = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "ConversationComposer",
 	props: {
 		target: {},
@@ -8323,7 +8334,7 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 			focusEditor: ee,
 			getComposerSelection: H,
 			requestComposerLink: z
-		}), (t, n) => x.value ? (S(), r(Df, {
+		}), (t, n) => x.value ? (S(), r(Of, {
 			key: 0,
 			ref_key: "composerRef",
 			ref: L,
@@ -8364,19 +8375,15 @@ var Td = ["data-testid", "onClick"], Ed = { class: "composer-actions-menu__icon"
 			"mention-name-by-uid",
 			"mentions-enabled",
 			"formatting-mode"
-		])) : C.value ? (S(), a("div", Of, k(h.value ? j(l)("repliesDisabledInChannels") : j(l)("readOnlyChannel")), 1)) : i("", !0);
+		])) : C.value ? (S(), a("div", kf, k(h.value ? j(l)("repliesDisabledInChannels") : j(l)("readOnlyChannel")), 1)) : i("", !0);
 	}
-}), [["__scopeId", "data-v-924c6768"]]), Af = 1800;
-function jf(e) {
-	let t = e.actionMenuRef, r = w(null), i = w(null), a = w({}), o = typeof window < "u" ? window.matchMedia("(hover: hover) and (pointer: fine)") : null, s = w(!!o?.matches);
-	o?.addEventListener("change", (e) => {
-		s.value = e.matches;
-	});
-	let c = null;
-	function l(e) {
+}), [["__scopeId", "data-v-924c6768"]]), jf = 1800;
+function Mf(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);
 	}
-	function u(e) {
+	function c(e) {
 		return e.isOwn && [
 			"text",
 			"image",
@@ -8385,29 +8392,29 @@ function jf(e) {
 			"file"
 		].includes(e.kind) && !e.isDeleted && e.deliveryState === "sent";
 	}
-	function d(e) {
+	function l(e) {
 		return e.isOwn && e.deliveryState === "sent";
 	}
-	function f(e) {
+	function u(e) {
 		return e.isOwn && !e.isDeleted;
 	}
-	function p(e) {
+	function d(e) {
 		return cc(e);
 	}
-	function m(e) {
+	function f(e) {
 		return e.attachments.find((e) => e.kind === "image" && !!e.url);
 	}
-	async function g(e) {
-		let t = m(e);
+	async function p(e) {
+		let t = f(e);
 		if (!t?.url || typeof navigator > "u" || !navigator.clipboard?.write || typeof ClipboardItem > "u") return !1;
 		let n = await fetch(t.url);
 		if (!n.ok) return !1;
 		let r = await n.blob();
 		if (!r.type.startsWith("image/")) return !1;
-		let i = { [r.type]: r }, a = p(e);
+		let i = { [r.type]: r }, a = d(e);
 		return a && (i["text/plain"] = new Blob([a], { type: "text/plain" })), await navigator.clipboard.write([new ClipboardItem(i)]), !0;
 	}
-	function _(e) {
+	function m(e) {
 		let t = Number.isFinite(e.clientX) ? e.clientX : 0, n = Number.isFinite(e.clientY) ? e.clientY : 0;
 		if (t > 0 || n > 0) return {
 			x: t,
@@ -8426,9 +8433,9 @@ function jf(e) {
 			y: 0
 		};
 	}
-	async function v(e, t) {
-		if (s.value) {
-			let t = _(e);
+	async function g(e, t) {
+		if (!a.value) {
+			let t = m(e);
 			return {
 				x: t.x + 2,
 				y: t.y + 2,
@@ -8459,91 +8466,91 @@ function jf(e) {
 			element: void 0
 		};
 	}
-	async function y(n, i, a) {
-		if (!e.canUseMessageActions() || a === "contextmenu" && !s.value || a === "tap" && s.value) return;
-		i.preventDefault(), i.stopPropagation(), e.onMenuOpen?.(), r.value = n, P(n), await h();
-		let { x: o, y: c, element: l } = await v(i, n);
+	async function _(r, i, o) {
+		if (!e.canUseMessageActions() || o === "contextmenu" && a.value || o === "tap" && !a.value) return;
+		i.preventDefault(), i.stopPropagation(), e.onMenuOpen?.(), n.value = r, M(r), await h();
+		let { x: s, y: c, element: l } = await g(i, r);
 		t.value?.show(i, l ? void 0 : {
-			x: o,
+			x: s,
 			y: c
 		}, l);
 	}
-	function b(e, t) {
-		y(e, t, "contextmenu");
+	function v(e, t) {
+		_(e, t, "contextmenu");
 	}
-	function x(e, t) {
-		if (r.value) {
-			t.preventDefault(), t.stopPropagation(), S();
+	function y(e, t) {
+		if (n.value) {
+			t.preventDefault(), t.stopPropagation(), b();
 			return;
 		}
-		y(e, t, "tap");
+		_(e, t, "tap");
 	}
-	function S() {
-		C(), t.value?.hide();
+	function b() {
+		x(), t.value?.hide();
 	}
-	function C() {
+	function x() {
 		setTimeout(() => {
-			r.value = null;
+			n.value = null;
 		}, 10);
 	}
-	function T(t, n) {
-		e.canReact() && (e.emit.toggleReaction(t, n), S());
+	function S(t, n) {
+		e.canReact() && (e.emit.toggleReaction(t, n), b());
 	}
-	function E(t, n) {
+	function C(t, n) {
 		e.canReact() && e.emit.toggleReaction(t, n);
 	}
-	async function D(e) {
+	async function T(e) {
 		if (typeof navigator > "u") return;
 		let t = !1;
 		try {
-			t = await g(e);
+			t = await p(e);
 		} catch {
 			t = !1;
 		}
 		if (!t) {
-			let t = p(e);
+			let t = d(e);
 			if (!t || !navigator.clipboard?.writeText) return;
 			await navigator.clipboard.writeText(t);
 		}
-		i.value = e.id, c && clearTimeout(c), c = setTimeout(() => {
-			i.value = null;
-		}, Af), S();
+		r.value = e.id, o && clearTimeout(o), o = setTimeout(() => {
+			r.value = null;
+		}, jf), b();
+	}
+	function E(t) {
+		e.canReply() && (e.emit.reply(t), b());
+	}
+	function D(t) {
+		e.emit.edit(t), b();
 	}
 	function O(t) {
-		e.canReply() && (e.emit.reply(t), S());
+		e.canOpenThread() && (e.emit.openThread(t), b());
 	}
 	function k(t) {
-		e.emit.edit(t), S();
+		e.emit.translate(t), b();
 	}
 	function A(t) {
-		e.canOpenThread() && (e.emit.openThread(t), S());
+		e.emit.delete(t), b();
 	}
 	function j(t) {
-		e.emit.translate(t), S();
-	}
-	function M(t) {
-		e.emit.delete(t), S();
+		return e.getCachedMessageReceipts?.(t) ?? i.value[t.id];
 	}
-	function N(t) {
-		return e.getCachedMessageReceipts?.(t) ?? a.value[t.id];
-	}
-	async function P(t) {
-		if (!(!d(t) || N(t) || !e.loadMessageReceipts)) try {
+	async function M(t) {
+		if (!(!l(t) || j(t) || !e.loadMessageReceipts)) try {
 			let n = await e.loadMessageReceipts(t);
-			a.value = {
-				...a.value,
+			i.value = {
+				...i.value,
 				[t.id]: n
 			};
 		} catch {
-			a.value = {
-				...a.value,
+			i.value = {
+				...i.value,
 				[t.id]: []
 			};
 		}
 	}
-	function F(t) {
-		if (!d(t)) return null;
-		let n = N(t), r = e.isLoadingMessageReceipts?.(t) ?? !1;
+	function N(t) {
+		if (!l(t)) return null;
+		let n = j(t), r = e.isLoadingMessageReceipts?.(t) ?? !1;
 		if (!n) return !t.receipts.readAt || !r ? null : {
 			label: e.t("seen"),
 			receipts: [],
@@ -8556,72 +8563,72 @@ function jf(e) {
 			loading: r
 		} : null;
 	}
-	function I(t) {
+	function P(t) {
 		return [
 			{
 				key: "reply",
 				label: e.t("reply"),
 				icon: je,
 				visible: e.canReply(),
-				command: () => O(t)
+				command: () => E(t)
 			},
 			{
 				key: "edit",
 				label: e.t("edit"),
 				icon: ve,
-				visible: u(t),
-				command: () => k(t)
+				visible: c(t),
+				command: () => D(t)
 			},
 			{
 				key: "copy",
-				label: i.value === t.id ? e.t("copied") : e.t("copyText"),
-				icon: i.value === t.id ? ue : pe,
+				label: r.value === t.id ? e.t("copied") : e.t("copyText"),
+				icon: r.value === t.id ? ue : pe,
 				visible: !0,
-				command: () => D(t)
+				command: () => T(t)
 			},
 			{
 				key: "thread",
 				label: e.t("threadWithCount", { count: t.replyCount }),
 				icon: Se,
 				visible: !e.isInThread() && e.canOpenThread(),
-				command: () => A(t)
+				command: () => O(t)
 			},
 			{
 				key: "delete",
 				label: e.t("delete"),
 				icon: me,
-				visible: f(t),
-				command: () => M(t)
+				visible: u(t),
+				command: () => A(t)
 			},
 			{
 				key: "translate",
 				label: e.t("translate"),
 				icon: Fe,
-				visible: l(t),
-				command: () => j(t)
+				visible: s(t),
+				command: () => k(t)
 			}
 		].filter((e) => e.visible);
 	}
 	return {
 		actionMenuRef: t,
-		activeActionMessage: r,
-		copiedMessageId: i,
-		isTouchUI: n(() => !s.value),
-		handleMessageContextMenu: b,
-		handleMessageTap: x,
-		closeActionMenu: S,
-		resetActionMenuState: C,
-		reactToMessage: T,
-		toggleInlineReaction: E,
-		loadReceiptPreview: P,
-		getReceiptSummaryAction: F,
-		getActionItems: I
+		activeActionMessage: n,
+		copiedMessageId: r,
+		isTouchUI: a,
+		handleMessageContextMenu: v,
+		handleMessageTap: y,
+		closeActionMenu: b,
+		resetActionMenuState: x,
+		reactToMessage: S,
+		toggleInlineReaction: C,
+		loadReceiptPreview: M,
+		getReceiptSummaryAction: N,
+		getActionItems: P
 	};
 }
 //#endregion
 //#region src/composables/useMessageListScroll.ts
-var Mf = 1, Nf = 2, Pf = 80, Ff = 1800, If = 4;
-function Lf(e) {
+var Nf = 1, Pf = 2, Ff = 80, If = 1800, Lf = 4;
+function Rf(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);
@@ -8663,7 +8670,7 @@ function Lf(e) {
 			resizeObserver: o,
 			timeoutId: setTimeout(() => {
 				f();
-			}, Ff)
+			}, If)
 		}, a(), o.observe(e);
 	}
 	function m() {
@@ -8674,9 +8681,9 @@ function Lf(e) {
 		let a = t.value;
 		if (!a) return;
 		let o = a.scrollTop;
-		i?.el === a && Math.abs(o - i.expectedScrollTop) > If && f();
+		i?.el === a && Math.abs(o - i.expectedScrollTop) > Lf && f();
 		let s = o < r, c = Math.max(0, a.scrollHeight - o - a.clientHeight);
-		s && c > Mf ? n = !1 : c <= Nf && (n = !0), r = o, a.scrollTop <= Pf && !e.isLoading() && !e.isLoadingOlder() && e.canLoadOlder() && e.onLoadOlder();
+		s && c > Nf ? n = !1 : c <= Pf && (n = !0), r = o, a.scrollTop <= Ff && !e.isLoading() && !e.isLoadingOlder() && e.canLoadOlder() && e.onLoadOlder();
 	}
 	return I(() => {
 		let t = e.getMessages();
@@ -8704,14 +8711,14 @@ function Lf(e) {
 }
 //#endregion
 //#region src/composables/useImageZoom.ts
-var Rf = 1, zf = 4;
-function Bf(e) {
+var zf = 1, Bf = 4;
+function Vf(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, Rf, zf);
+		return h(e, zf, Bf);
 	}
 	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);
@@ -8801,10 +8808,10 @@ function Bf(e) {
 }
 //#endregion
 //#region src/components/overlays/FullscreenDialog.vue?vue&type=script&setup=true&lang.ts
-var Vf = { class: "w-full" }, Hf = {
+var Hf = { class: "w-full" }, Uf = {
 	key: 0,
 	class: "fullscreen-dialog__footer"
-}, Uf = /* @__PURE__ */ u({
+}, Wf = /* @__PURE__ */ u({
 	__name: "FullscreenDialog",
 	props: {
 		open: { type: Boolean },
@@ -8829,34 +8836,34 @@ var Vf = { class: "w-full" }, Hf = {
 			closable: !0,
 			"onUpdate:visible": s
 		}, {
-			default: L(() => [o("div", Vf, [E(t.$slots, "default")]), t.$slots.footer ? (S(), a("div", Hf, [E(t.$slots, "footer")])) : i("", !0)]),
+			default: L(() => [o("div", Hf, [E(t.$slots, "default")]), t.$slots.footer ? (S(), a("div", Uf, [E(t.$slots, "footer")])) : i("", !0)]),
 			_: 3
 		}, 8, ["visible", "header"]));
 	}
-}), Wf = ["href"], Gf = { class: "media-viewer-shell flex min-h-0 flex-1 items-center justify-center overflow-hidden" }, Kf = ["src", "alt"], qf = {
+}), Gf = ["href"], Kf = { class: "media-viewer-shell flex min-h-0 flex-1 items-center justify-center overflow-hidden" }, qf = ["src", "alt"], Jf = {
 	key: 1,
 	class: "media-viewer-stage media-viewer-stage-video flex w-full items-center justify-center"
-}, Jf = {
+}, Yf = {
 	class: "max-h-full w-full bg-black",
 	controls: "",
 	playsinline: "",
 	autoplay: ""
-}, Yf = ["src", "type"], Xf = {
+}, Xf = ["src", "type"], Zf = {
 	key: 2,
 	class: "media-viewer-stage media-viewer-audio-stage flex w-full items-center justify-center px-5 py-6"
-}, Zf = {
+}, Qf = {
 	class: "w-full",
 	controls: "",
 	autoplay: ""
-}, Qf = ["src", "type"], $f = {
+}, $f = ["src", "type"], ep = {
 	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"
-}, ep = { class: "min-w-0 flex-1" }, tp = { class: "heading-sm text-default truncate" }, np = { class: "body-sm text-subtle" }, rp = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, 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({
 	__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 } = Bf({
+		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({
 			viewportRef: u,
 			imageRef: d,
 			isImage: () => p.value
@@ -8867,7 +8874,7 @@ var Vf = { class: "w-full" }, Hf = {
 		function F() {
 			l("close");
 		}
-		return (n, s) => (S(), r(Uf, {
+		return (n, s) => (S(), r(Wf, {
 			open: f.value,
 			title: t.attachment?.name || j(_)("attachment"),
 			subtitle: t.attachment?.kind || "",
@@ -8884,9 +8891,9 @@ var Vf = { class: "w-full" }, Hf = {
 			}, [(S(), r(D(j(Oe)), {
 				class: "size-4",
 				"aria-hidden": "true"
-			})), o("span", null, k(j(_)("openInNewTab")), 1)], 8, Wf)) : i("", !0)]),
-			footer: L(() => [t.attachment ? (S(), a("div", $f, [o("div", ep, [o("p", tp, k(t.attachment.name), 1), o("p", np, k(t.attachment.kind), 1)])])) : i("", !0)]),
-			default: L(() => [o("div", Gf, [t.attachment?.url ? (S(), a(e, { key: 0 }, [p.value ? (S(), a("div", {
+			})), 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", {
 				key: 0,
 				ref_key: "viewportRef",
 				ref: u,
@@ -8909,13 +8916,13 @@ var Vf = { class: "w-full" }, Hf = {
 					transform: `translate3d(${j(b)}px, ${j(x)}px, 0) scale(${j(y)})`,
 					transformOrigin: "center center"
 				})
-			}, null, 14, Kf)], 544)) : m.value ? (S(), a("div", qf, [o("video", Jf, [o("source", {
+			}, null, 14, qf)], 544)) : m.value ? (S(), a("div", Jf, [o("video", Yf, [o("source", {
 				src: t.attachment.url,
 				type: t.attachment.mimeType || void 0
-			}, null, 8, Yf)])])) : h.value ? (S(), a("div", Xf, [o("audio", Zf, [o("source", {
+			}, null, 8, Xf)])])) : h.value ? (S(), a("div", Zf, [o("audio", Qf, [o("source", {
 				src: t.attachment.url,
 				type: t.attachment.mimeType || void 0
-			}, null, 8, Qf)])])) : i("", !0)], 64)) : i("", !0)])]),
+			}, null, 8, $f)])])) : i("", !0)], 64)) : i("", !0)])]),
 			_: 1
 		}, 8, [
 			"open",
@@ -8925,7 +8932,7 @@ var Vf = { class: "w-full" }, Hf = {
 			"close-aria-label"
 		]));
 	}
-}), [["__scopeId", "data-v-0e82cfd0"]]), ip = { class: "date-separator" }, ap = { class: "date-separator__label" }, op = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-0e82cfd0"]]), ap = { class: "date-separator" }, op = { class: "date-separator__label" }, sp = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "MessageDateSeparator",
 	props: { date: {} },
 	setup(e) {
@@ -8939,24 +8946,24 @@ var Vf = { class: "w-full" }, Hf = {
 				year: "numeric"
 			}).format(n);
 		});
-		return (e, t) => (S(), a("div", ip, [o("span", ap, k(s.value), 1)]));
+		return (e, t) => (S(), a("div", ap, [o("span", op, k(s.value), 1)]));
 	}
-}), [["__scopeId", "data-v-49e72d67"]]), sp = {
+}), [["__scopeId", "data-v-49e72d67"]]), cp = {
 	"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"
-}, cp = { class: "message-action-row__text" }, lp = /* @__PURE__ */ u({
+}, lp = { class: "message-action-row__text" }, up = /* @__PURE__ */ u({
 	__name: "ActionMessageRow",
 	props: { text: {} },
 	setup(e) {
-		return (t, n) => (S(), a("div", sp, [o("span", cp, k(e.text), 1)]));
+		return (t, n) => (S(), a("div", cp, [o("span", lp, k(e.text), 1)]));
 	}
-}), up = ["href"], dp = {
+}), dp = ["href"], fp = {
 	key: 0,
 	class: "bg-elevation-surface-hovered aspect-[1.9/1] w-full overflow-hidden"
-}, fp = ["src", "alt"], pp = { class: "space-y-1.5 px-3 py-3" }, mp = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, hp = { class: "heading-sm text-default line-clamp-2" }, gp = { class: "body-md text-subtle line-clamp-2" }, _p = {
+}, 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 = {
 	key: 0,
 	class: "body-sm text-subtlest"
-}, vp = /* @__PURE__ */ u({
+}, yp = /* @__PURE__ */ u({
 	__name: "LinkPreviewCard",
 	props: {
 		url: {},
@@ -9023,18 +9030,18 @@ var Vf = { class: "w-full" }, Hf = {
 			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", dp, [o("img", {
+		}, [r.value?.imageUrl ? (S(), a("div", fp, [o("img", {
 			src: r.value.imageUrl,
 			alt: r.value.title || l.value,
 			class: "h-full w-full object-cover"
-		}, null, 8, fp)])) : i("", !0), o("div", pp, [
-			o("p", mp, k(r.value?.siteName || l.value), 1),
-			o("p", hp, k(r.value?.title || l.value), 1),
-			o("p", gp, k(r.value?.description || u.value), 1),
-			s.value && !r.value ? (S(), a("p", _p, k(j(c)("loadingPreview")), 1)) : i("", !0)
-		])], 10, up));
-	}
-}), yp = { class: "linkified-text" }, bp = ["innerHTML"], xp = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+		}, 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({
 	__name: "LinkifiedText",
 	props: {
 		text: {},
@@ -9053,25 +9060,25 @@ var Vf = { class: "w-full" }, Hf = {
 			let t = e.target;
 			t.tagName === "A" && d(e, t);
 		}
-		return (t, n) => (S(), a("div", yp, [o("div", {
+		return (t, n) => (S(), a("div", bp, [o("div", {
 			class: g(["rich-text-content", e.textClass]),
 			onClick: f,
 			innerHTML: l.value
-		}, null, 10, bp), e.showPreview !== !1 && u.value ? (S(), r(vp, {
+		}, null, 10, xp), e.showPreview !== !1 && u.value ? (S(), r(yp, {
 			key: 0,
 			url: u.value,
 			"is-own": e.isOwn
 		}, null, 8, ["url", "is-own"])) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-656b44e8"]]), Sp = { class: "w-full space-y-1" }, Cp = {
+}), [["__scopeId", "data-v-656b44e8"]]), Cp = { class: "w-full space-y-1" }, wp = {
 	class: "attachment-video",
 	controls: "",
 	playsinline: "",
 	preload: "metadata"
-}, wp = ["src", "type"], Tp = ["onClick"], Ep = { class: "inline-flex items-center gap-2 truncate font-medium" }, Dp = ["href"], Op = { class: "flex min-w-0 items-center gap-2" }, kp = { 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" }, jp = { class: "body-sm text-subtle shrink-0" }, Mp = {
+}, 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 = {
 	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" }, Pp = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, Fp = { class: "text-default truncate font-medium" }, Ip = { class: "body-sm text-subtle shrink-0" }, Lp = 4 / 3, Rp = 16 / 9, zp = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, 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({
 	__name: "MessageAttachmentList",
 	props: { message: {} },
 	emits: ["openMedia"],
@@ -9126,12 +9133,12 @@ var Vf = { class: "w-full" }, Hf = {
 			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" ? Rp : Lp;
+			return e.width && e.height && e.width > 0 && e.height > 0 ? e.width / e.height : e.kind === "video" ? zp : Rp;
 		}
 		function h(e) {
 			return { aspectRatio: String(m(e)) };
 		}
-		return (n, d) => (S(), a("div", Sp, [(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", 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), {
 			key: 0,
 			preview: "",
 			src: n.url,
@@ -9151,34 +9158,34 @@ var Vf = { class: "w-full" }, Hf = {
 			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", Cp, [o("source", {
+		}, [o("video", wp, [o("source", {
 			src: n.url,
 			type: n.mimeType || void 0
-		}, null, 8, wp)])], 4)) : n.kind === "audio" && n.url ? (S(), a("button", {
+		}, null, 8, Tp)])], 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", Ep, [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, Tp)) : n.url ? (S(), a("a", {
+		}, [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", {
 			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", Op, [o("span", kp, [(S(), r(D(f(n)), {
+		}, [o("span", kp, [o("span", Ap, [(S(), r(D(f(n)), {
 			class: "size-5",
 			"aria-hidden": "true"
-		}))]), o("span", Ap, k(n.name), 1)]), o("span", jp, k(u(n.size)), 1)], 8, Dp)) : (S(), a("div", Mp, [o("span", Np, [o("span", Pp, [(S(), r(D(f(n)), {
+		}))]), 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)), {
 			class: "size-5",
 			"aria-hidden": "true"
-		}))]), o("span", Fp, k(n.name), 1)]), o("span", Ip, k(u(n.size) || j(l)("queued")), 1)]))], 64))), 128)), p(t.message) ? (S(), r(xp, {
+		}))]), 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, {
 			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"]]), Bp = { class: "message-status" }, Vp = { key: 0 }, Hp = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-5c0ccf0e"]]), Vp = { class: "message-status" }, Hp = { key: 0 }, Up = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "MessageDeliveryStatus",
 	props: { message: {} },
 	setup(e) {
@@ -9227,8 +9234,8 @@ var Vf = { class: "w-full" }, Hf = {
 				};
 			}
 		});
-		return (t, n) => (S(), a("div", Bp, [
-			e.message.isEdited && e.message.kind !== "poll" ? (S(), a("span", Vp, k(j(c)("edited")), 1)) : i("", !0),
+		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),
 			o("span", null, k(l(e.message.sentAt)), 1),
 			u.value ? (S(), r(D(u.value.icon), {
 				key: 1,
@@ -9243,7 +9250,7 @@ var Vf = { class: "w-full" }, Hf = {
 			])) : i("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-ff4e9daa"]]), Up = { class: "mb-1 flex items-start justify-between gap-2" }, Wp = { class: "body-sm text-subtlest truncate font-medium!" }, Gp = /* @__PURE__ */ u({
+}), [["__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({
 	__name: "MessageItemHeader",
 	props: { message: {} },
 	setup(e) {
@@ -9259,7 +9266,7 @@ var Vf = { class: "w-full" }, Hf = {
 		function l() {
 			return t.message.senderName?.trim() || (t.message.isOwn ? s("you") : s("system"));
 		}
-		return (t, n) => (S(), a("div", Up, [o("span", Wp, k(l()), 1), e.message.scheduled?.scheduleDate ? (S(), r(j(G), {
+		return (t, n) => (S(), a("div", Wp, [o("span", Gp, 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",
@@ -9268,7 +9275,7 @@ var Vf = { class: "w-full" }, Hf = {
 			class: "shrink-0"
 		}, null, 8, ["text"])) : i("", !0)]));
 	}
-}), Kp = ["disabled", "onClick"], qp = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}), qp = ["disabled", "onClick"], Jp = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "MessageReactionList",
 	props: {
 		message: {},
@@ -9287,9 +9294,9 @@ var Vf = { class: "w-full" }, Hf = {
 			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, Kp))), 128))], 2)) : i("", !0);
+		}, k(e.emoji) + " " + k(e.count), 11, qp))), 128))], 2)) : i("", !0);
 	}
-}), [["__scopeId", "data-v-c17c8bfd"]]), Jp = { class: "message-reactions flex min-w-0 flex-1 flex-wrap items-center gap-1.5" }, Yp = ["aria-label", "title"], Xp = { class: "message-reactions__thread-count" }, Zp = /* @__PURE__ */ u({
+}), [["__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({
 	__name: "MessageItemReactions",
 	props: {
 		message: {},
@@ -9299,7 +9306,7 @@ var Vf = { class: "w-full" }, Hf = {
 	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", Jp, [l(qp, {
+		return (t, n) => (S(), a("div", Yp, [l(Jp, {
 			message: e.message,
 			disabled: e.canReact === !1,
 			compact: "",
@@ -9314,12 +9321,12 @@ var Vf = { class: "w-full" }, Hf = {
 		}, [(S(), r(D(j(je)), {
 			class: "size-4",
 			"aria-hidden": "true"
-		})), o("span", Xp, k(e.message.replyCount), 1)], 8, Yp)) : i("", !0)]));
+		})), o("span", Zp, k(e.message.replyCount), 1)], 8, Xp)) : i("", !0)]));
 	}
-}), Qp = {
+}), $p = {
 	key: 0,
 	class: ""
-}, $p = { class: "heading-sm text-default" }, em = { class: "body-sm text-subtle" }, tm = { class: "space-y-2 py-3" }, nm = ["disabled", "onClick"], rm = { class: "body-md flex items-center justify-between gap-3 px-3 py-1.5" }, im = { class: "body-sm text-subtle shrink-0" }, am = { class: "bg-alpha-default h-1.5" }, om = /* @__PURE__ */ u({
+}, 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({
 	__name: "MessagePollContent",
 	props: {
 		message: {},
@@ -9338,18 +9345,18 @@ var Vf = { class: "w-full" }, Hf = {
 			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", Qp, [o("div", null, [o("h4", $p, k(t.message.poll.question), 1), o("p", em, k(j(c)("voteCount", { count: t.message.poll.totalVotes })), 1)]), o("div", tm, [(S(!0), a(e, null, T(t.message.poll.options, (e) => (S(), a("button", {
+		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", {
 			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", rm, [o("span", { class: g(["truncate font-medium", l(e.id) ? "text-success" : ""]) }, k(e.text), 3), o("span", im, k(j(c)("voteCount", { count: e.voteCount })), 1)]), o("div", am, [o("div", {
+		}, [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", {
 			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, nm))), 128))])])) : i("", !0);
+		}, null, 6)])], 8, rm))), 128))])])) : i("", !0);
 	}
-}), sm = { class: "heading-xs" }, cm = { class: "truncate" }, lm = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}), cm = { class: "heading-xs" }, lm = { class: "truncate" }, um = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "MessageReplyQuote",
 	props: { message: {} },
 	emits: ["open"],
@@ -9359,15 +9366,15 @@ var Vf = { class: "w-full" }, Hf = {
 			type: "button",
 			class: "reply-quote",
 			onClick: n[0] ||= (e) => c("open")
-		}, [o("p", sm, k(e.message.replyTo.senderName), 1), o("p", cm, k(s.value), 1)]));
+		}, [o("p", cm, k(e.message.replyTo.senderName), 1), o("p", lm, k(s.value), 1)]));
 	}
-}), [["__scopeId", "data-v-e27c136c"]]), um = { class: "space-y-2" }, dm = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-e27c136c"]]), dm = { class: "space-y-2" }, fm = /* @__PURE__ */ u({
 	__name: "MessageTextContent",
 	props: { message: {} },
 	emits: ["anchorclick"],
 	setup(e) {
 		let t = Gu(), o = n(() => t.mentionNameByUid.value);
-		return (t, n) => (S(), a("div", um, [e.message.translatedText ? (S(), r(xp, {
+		return (t, n) => (S(), a("div", dm, [e.message.translatedText ? (S(), r(Sp, {
 			key: 0,
 			text: e.message.translatedText,
 			"mention-name-by-uid": o.value,
@@ -9381,7 +9388,7 @@ var Vf = { class: "w-full" }, Hf = {
 			"mention-name-by-uid",
 			"is-own",
 			"class"
-		])) : i("", !0), l(xp, {
+		])) : i("", !0), l(Sp, {
 			text: e.message.text,
 			"mention-name-by-uid": o.value,
 			"is-own": e.message.isOwn,
@@ -9394,11 +9401,11 @@ var Vf = { class: "w-full" }, Hf = {
 			"is-own"
 		])]));
 	}
-}), fm = [
+}), pm = [
 	"id",
 	"data-message-id",
 	"data-message-kind"
-], pm = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, mm = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, hm = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+], 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({
 	__name: "MessageItem",
 	props: {
 		message: {},
@@ -9451,7 +9458,7 @@ var Vf = { class: "w-full" }, Hf = {
 			"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(lp, {
+		}, [t.message.kind === "action" ? (S(), r(up, {
 			key: 0,
 			text: t.message.text,
 			class: g(p.value)
@@ -9470,16 +9477,16 @@ var Vf = { class: "w-full" }, Hf = {
 				onContextmenu: _,
 				onClick: y
 			}, [
-				!t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(Gp, {
+				!t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(Kp, {
 					key: 0,
 					message: t.message
 				}, null, 8, ["message"])) : i("", !0),
-				t.message.replyTo ? (S(), r(lm, {
+				t.message.replyTo ? (S(), r(um, {
 					key: 1,
 					message: t.message,
 					onOpen: C
 				}, null, 8, ["message"])) : i("", !0),
-				t.message.kind === "poll" && t.message.poll ? (S(), r(om, {
+				t.message.kind === "poll" && t.message.poll ? (S(), r(sm, {
 					key: 2,
 					message: t.message,
 					"current-user-id": t.currentUserId,
@@ -9489,16 +9496,16 @@ var Vf = { class: "w-full" }, Hf = {
 					"message",
 					"current-user-id",
 					"pending-option-key"
-				])) : t.message.attachments?.length ? (S(), r(zp, {
+				])) : t.message.attachments?.length ? (S(), r(Bp, {
 					key: 3,
 					message: t.message,
 					onOpenMedia: s[1] ||= (e) => u("openMedia", e)
-				}, null, 8, ["message"])) : (S(), r(dm, {
+				}, null, 8, ["message"])) : (S(), r(fm, {
 					key: 4,
 					message: t.message,
 					onAnchorclick: s[2] ||= (e, t) => n.$emit("anchorclick", e, t)
 				}, null, 8, ["message"])),
-				o("div", pm, [l(Zp, {
+				o("div", mm, [l(Qp, {
 					message: t.message,
 					"can-react": t.canReact,
 					"can-open-thread": t.canOpenThread,
@@ -9508,7 +9515,7 @@ var Vf = { class: "w-full" }, Hf = {
 					"message",
 					"can-react",
 					"can-open-thread"
-				]), l(Hp, { message: t.message }, null, 8, ["message"])])
+				]), l(Up, { message: t.message }, null, 8, ["message"])])
 			], 34),
 			t.contextMenuOpen && t.isTouchUi ? (S(), a("div", {
 				key: 1,
@@ -9517,16 +9524,16 @@ var Vf = { class: "w-full" }, Hf = {
 				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(Gp, {
+				!t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(Kp, {
 					key: 0,
 					message: t.message
 				}, null, 8, ["message"])) : i("", !0),
-				t.message.replyTo ? (S(), r(lm, {
+				t.message.replyTo ? (S(), r(um, {
 					key: 1,
 					message: t.message,
 					onOpen: C
 				}, null, 8, ["message"])) : i("", !0),
-				t.message.kind === "poll" && t.message.poll ? (S(), r(om, {
+				t.message.kind === "poll" && t.message.poll ? (S(), r(sm, {
 					key: 2,
 					message: t.message,
 					"current-user-id": t.currentUserId,
@@ -9536,16 +9543,16 @@ var Vf = { class: "w-full" }, Hf = {
 					"message",
 					"current-user-id",
 					"pending-option-key"
-				])) : t.message.attachments?.length ? (S(), r(zp, {
+				])) : t.message.attachments?.length ? (S(), r(Bp, {
 					key: 3,
 					message: t.message,
 					onOpenMedia: s[6] ||= (e) => u("openMedia", e)
-				}, null, 8, ["message"])) : (S(), r(dm, {
+				}, null, 8, ["message"])) : (S(), r(fm, {
 					key: 4,
 					message: t.message,
 					onAnchorclick: s[7] ||= (e, t) => n.$emit("anchorclick", e, t)
 				}, null, 8, ["message"])),
-				o("div", mm, [l(Zp, {
+				o("div", hm, [l(Qp, {
 					message: t.message,
 					"can-react": t.canReact,
 					"can-open-thread": t.canOpenThread,
@@ -9555,21 +9562,21 @@ var Vf = { class: "w-full" }, Hf = {
 					"message",
 					"can-react",
 					"can-open-thread"
-				]), l(Hp, { message: t.message }, null, 8, ["message"])])
+				]), l(Up, { message: t.message }, null, 8, ["message"])])
 			], 2)], 4)], 2)) : i("", !0)
-		], 64))], 10, fm));
+		], 64))], 10, pm));
 	}
-}), [["__scopeId", "data-v-02761d2e"]]), gm = [
+}), [["__scopeId", "data-v-02761d2e"]]), _m = [
 	"👍",
 	"❤️",
 	"🔥",
 	"😂",
 	"🙏",
 	"🎉"
-], _m = /* @__PURE__ */ "👏.😍.🤯.😮.😢.😡.👀.✅.💯.🙌.🤝.👌.💪.🤔.🫶.😅.🥳.💛.🌟.🚀.💥.🎯.📌.💡.🕊️.☀️.🌈.🍀.🎶.🫡".split("."), vm = { 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" }, ym = ["disabled", "onClick"], bm = ["disabled"], xm = {
+], 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 = {
 	key: 0,
 	class: "bg-elevation-surface-raised-default shadow-overlay m-0 grid grid-cols-6 gap-1 rounded-lg p-1.5"
-}, Sm = ["onClick"], Cm = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, Cm = ["onClick"], wm = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "MessageItemMenuReactions",
 	props: {
 		message: {},
@@ -9581,20 +9588,20 @@ var Vf = { class: "w-full" }, Hf = {
 		I(() => c.message.id, () => {
 			u.value = !1;
 		});
-		let d = n(() => _m);
+		let d = n(() => vm);
 		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", vm, [(S(!0), a(e, null, T(j(gm), (e) => (S(), a("button", {
+		return (n, s) => (S(), a(e, null, [o("div", ym, [(S(!0), a(e, null, T(j(_m), (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, ym))), 128)), o("button", {
+		}, k(e), 11, bm))), 128)), o("button", {
 			type: "button",
 			class: "message-reaction-more",
 			disabled: !t.canReact,
@@ -9602,25 +9609,25 @@ var Vf = { class: "w-full" }, Hf = {
 		}, [(S(), r(D(u.value ? j(Te) : j(we)), {
 			class: "size-7",
 			"aria-hidden": "true"
-		}))], 8, bm)]), u.value && t.canReact ? (S(), a("div", xm, [(S(!0), a(e, null, T(d.value, (e) => (S(), a("button", {
+		}))], 8, xm)]), u.value && t.canReact ? (S(), a("div", Sm, [(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, Sm))), 128))])) : i("", !0)], 64));
+		}, k(e), 11, Cm))), 128))])) : i("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-0a11761a"]]), wm = { class: "message-action-list" }, Tm = { class: "message-receipt-summary__icon" }, Em = { class: "message-receipt-summary__label" }, Dm = {
+}), [["__scopeId", "data-v-0a11761a"]]), Tm = { class: "message-action-list" }, Em = { class: "message-receipt-summary__icon" }, Dm = { class: "message-receipt-summary__label" }, Om = {
 	key: 0,
 	class: "message-receipt-summary__avatars",
 	"aria-hidden": "true"
-}, Om = {
+}, km = {
 	key: 1,
 	class: "message-action-list__divider",
 	"aria-hidden": "true"
-}, km = {
+}, Am = {
 	key: 1,
 	class: "message-action-list message-receipt-panel"
-}, Am = { class: "message-receipt-list" }, jm = { class: "message-receipt-row__body" }, Mm = { class: "message-receipt-row__name" }, Nm = { class: "message-receipt-row__time" }, Pm = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, 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({
 	__name: "MessageItemMenu",
 	props: {
 		message: {},
@@ -9711,18 +9718,18 @@ var Vf = { class: "w-full" }, Hf = {
 				top: `${E.value.top}px`
 			}),
 			"data-testid": "message-action-popover-shell"
-		}, [C.value === "actions" ? (S(), a(e, { key: 0 }, [l(Cm, {
+		}, [C.value === "actions" ? (S(), a(e, { key: 0 }, [l(wm, {
 			message: s.message,
 			"can-react": s.canReact,
 			onReact: c[0] ||= (e) => _("react", e)
-		}, null, 8, ["message", "can-react"]), o("div", wm, [
+		}, null, 8, ["message", "can-react"]), o("div", Tm, [
 			s.receiptSummaryAction ? (S(), a("button", {
 				key: 0,
 				type: "button",
 				class: "message-receipt-summary",
 				onClick: F
 			}, [
-				o("span", Tm, [s.receiptSummaryAction.loading ? (S(), r(j(W), {
+				o("span", Em, [s.receiptSummaryAction.loading ? (S(), r(j(W), {
 					key: 0,
 					style: {
 						width: "1rem",
@@ -9734,8 +9741,8 @@ var Vf = { class: "w-full" }, Hf = {
 					class: "text-success size-4",
 					"aria-hidden": "true"
 				}))]),
-				o("span", Em, k(s.receiptSummaryAction.label), 1),
-				f.value.length ? (S(), a("span", Dm, [(S(!0), a(e, null, T(f.value, (e) => (S(), r(j(B), {
+				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), {
 					key: e.user.uid,
 					image: e.user.avatar,
 					label: e.user.avatar ? void 0 : e.user.name.slice(0, 1).toUpperCase(),
@@ -9743,12 +9750,12 @@ var Vf = { class: "w-full" }, Hf = {
 					class: "message-receipt-summary__avatar"
 				}, null, 8, ["image", "label"]))), 128))])) : i("", !0)
 			])) : i("", !0),
-			s.receiptSummaryAction ? (S(), a("div", Om)) : i("", !0),
+			s.receiptSummaryAction ? (S(), a("div", km)) : i("", !0),
 			l(j(ie), {
 				model: s.actionItems,
 				class: "message-action-list__menu"
 			}, null, 8, ["model"])
-		])], 64)) : (S(), a("section", km, [
+		])], 64)) : (S(), a("section", Am, [
 			o("button", {
 				type: "button",
 				class: "message-receipt-back",
@@ -9761,7 +9768,7 @@ var Vf = { class: "w-full" }, Hf = {
 				class: "message-action-list__divider",
 				"aria-hidden": "true"
 			}, null, -1),
-			o("div", Am, [(S(!0), a(e, null, T(p.value, (e) => (S(), a("div", {
+			o("div", jm, [(S(!0), a(e, null, T(p.value, (e) => (S(), a("div", {
 				key: e.user.uid,
 				class: "message-receipt-row"
 			}, [l(j(B), {
@@ -9769,19 +9776,19 @@ var Vf = { class: "w-full" }, Hf = {
 				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", jm, [o("p", Mm, k(e.user.name), 1), o("p", Nm, [l(j(ge), {
+			}, null, 8, ["image", "label"]), o("div", Mm, [o("p", Nm, k(e.user.name), 1), o("p", Pm, [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"]]), Fm = { 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" }, Im = {
+}), [["__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 = {
 	key: 0,
 	class: "chat-header__identity flex min-w-0 items-center gap-3"
-}, Lm = { class: "chat-header__text min-w-0" }, Rm = { class: "chat-header__title heading-md text-default sm:heading-lg truncate" }, zm = { class: "chat-header__subtitle body-sm text-subtle sm:body-md truncate" }, Bm = { key: 0 }, Vm = { key: 1 }, Hm = { class: "chat-header__actions flex items-center gap-2" }, Um = {
+}, 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 = {
 	key: 0,
 	class: "chat-header__tags hidden flex-wrap gap-2 md:flex"
-}, Wm = /* @__PURE__ */ u({
+}, Gm = /* @__PURE__ */ u({
 	__name: "MessageListHeader",
 	props: {
 		conversation: {},
@@ -9789,28 +9796,28 @@ var Vf = { class: "w-full" }, Hf = {
 	},
 	setup(t) {
 		let { t: n } = X();
-		return (s, c) => (S(), a("header", Fm, [t.conversation ? (S(), a("div", Im, [l(j(B), {
+		return (s, c) => (S(), a("header", Im, [t.conversation ? (S(), a("div", Lm, [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", Lm, [o("p", Rm, k(t.parentMessage ? j(n)("thread") : t.conversation.title), 1), o("p", zm, [t.parentMessage ? (S(), a("span", Bm, k(t.parentMessage.senderName), 1)) : (S(), a("span", Vm, k(t.conversation.memberCount ? j(n)("members", { count: t.conversation.memberCount }) : j(n)("groupChat")), 1))])])])) : i("", !0), o("div", Hm, [t.conversation?.tags?.length ? (S(), a("div", Um, [(S(!0), a(e, null, T(t.conversation.tags.slice(0, 3), (e) => (S(), r(j(G), {
+		}, 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), {
 			key: e,
 			text: e,
 			context: "secondary",
 			rounded: ""
 		}, null, 8, ["text"]))), 128))])) : i("", !0)])]));
 	}
-}), Gm = {
+}), Km = {
 	key: 1,
 	class: "message-list__empty-state"
-}, Km = { class: "space-y-2" }, qm = {
+}, qm = { class: "space-y-2" }, Jm = {
 	key: 0,
 	class: "message-list__thread-root"
-}, Jm = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, Ym = { class: "body-md text-default mt-1 line-clamp-2" }, Xm = {
+}, Ym = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, Xm = { class: "body-md text-default mt-1 line-clamp-2" }, Zm = {
 	key: 1,
 	class: "surface-default text-subtle rounded-2xl p-5 text-center"
-}, Zm = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, Qm = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "MessageList",
 	props: {
 		target: {},
@@ -9827,7 +9834,7 @@ var Vf = { class: "w-full" }, Hf = {
 		}), 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 } = Lf({
+		}), 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({
 			getConversation: () => u.conversation.value,
 			getParentMessage: () => v.value,
 			getMessages: () => h.value,
@@ -9836,7 +9843,7 @@ var Vf = { class: "w-full" }, Hf = {
 			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 } = jf({
+		}), B = N("actionMenuRef"), { activeActionMessage: V, handleMessageContextMenu: H, handleMessageTap: U, resetActionMenuState: te, reactToMessage: ne, toggleInlineReaction: re, getReceiptSummaryAction: ie, getActionItems: ae, isTouchUI: W } = Mf({
 			canUseMessageActions: () => u.canUseMessageActions.value,
 			canReact: () => u.canReact.value,
 			canReply: () => u.canReply.value,
@@ -9905,7 +9912,7 @@ var Vf = { class: "w-full" }, Hf = {
 				title: O.value,
 				subtitle: A.value,
 				memberCount: M.value
-			}, () => [l(Wm, {
+			}, () => [l(Gm, {
 				conversation: j(u).conversation.value,
 				"parent-message": v.value
 			}, null, 8, ["conversation", "parent-message"])], !0) : i("", !0), j(u).conversation.value ? (S(), a("div", {
@@ -9916,12 +9923,12 @@ var Vf = { class: "w-full" }, Hf = {
 				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", Km, [
-				v.value ? (S(), a("div", qm, [o("p", Jm, k(v.value.senderName), 1), o("p", Ym, 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(op, {
+			}, [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, {
 					key: 0,
 					date: o.sentAt
-				}, null, 8, ["date"])) : i("", !0), l(hm, {
+				}, null, 8, ["date"])) : i("", !0), l(gm, {
 					message: o,
 					"current-user-id": j(u).currentUserId.value,
 					"can-react": j(u).canReact.value,
@@ -9957,13 +9964,13 @@ var Vf = { class: "w-full" }, Hf = {
 					"onToggleReaction",
 					"onOpenThread"
 				])], 64))), 128)),
-				h.value.length === 0 && D.value && !_.value ? (S(), a("div", Xm, 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", Gm, k(j(c)("selectConversationToStart")), 1))], 2),
-			l(rp, {
+				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, {
 				attachment: P.value,
 				onClose: oe
 			}, null, 8, ["attachment"]),
-			l(Pm, {
+			l(Fm, {
 				ref_key: "actionMenuRef",
 				ref: B,
 				message: j(V),
@@ -9981,13 +9988,13 @@ var Vf = { class: "w-full" }, Hf = {
 			])
 		], 64));
 	}
-}), [["__scopeId", "data-v-6c8a5535"]]), Qm = { class: "receipt-section" }, $m = {
+}), [["__scopeId", "data-v-6c8a5535"]]), $m = { class: "receipt-section" }, eh = {
 	key: 0,
 	class: "receipt-section__header"
-}, eh = { class: "body-sm text-subtle font-semibold" }, th = { class: "body-sm text-subtlest" }, nh = {
+}, th = { class: "body-sm text-subtle font-semibold" }, nh = { class: "body-sm text-subtlest" }, rh = {
 	key: 1,
 	class: "receipt-section__list"
-}, rh = { class: "receipt-section__identity" }, ih = { class: "min-w-0" }, ah = { class: "receipt-section__name heading-sm text-default truncate" }, oh = { class: "receipt-section__time body-md text-subtle" }, sh = { class: "truncate" }, ch = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, 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({
 	__name: "ReceiptSection",
 	props: {
 		title: {},
@@ -10000,35 +10007,35 @@ var Vf = { class: "w-full" }, Hf = {
 	},
 	setup(t) {
 		let r = t, s = n(() => String(r.receipts.length));
-		return (n, r) => (S(), a("section", Qm, [t.showHeader ? (S(), a("div", $m, [o("p", eh, k(t.title), 1), o("span", th, k(s.value), 1)])) : i("", !0), t.receipts.length ? (S(), a("div", nh, [(S(!0), a(e, null, T(t.receipts, (e) => (S(), a("div", {
+		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", {
 			key: `${e.kind}-${e.user.uid}`,
 			class: "receipt-section__row"
-		}, [o("div", rh, [l(j(B), {
+		}, [o("div", ih, [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", ih, [o("p", ah, k(e.user.name), 1), o("p", oh, [l(j(ge), {
+		}, null, 8, ["image", "label"]), o("div", ah, [o("p", oh, k(e.user.name), 1), o("p", sh, [l(j(ge), {
 			class: "receipt-section__icon text-success",
 			"aria-hidden": "true"
-		}), o("span", sh, k(t.formatDateTime(e.timestamp)), 1)])])])]))), 128))])) : i("", !0)]));
+		}), o("span", ch, k(t.formatDateTime(e.timestamp)), 1)])])])]))), 128))])) : i("", !0)]));
 	}
-}), [["__scopeId", "data-v-750f23c4"]]), lh = {
+}), [["__scopeId", "data-v-750f23c4"]]), uh = {
 	key: 0,
 	class: "message-info-dialog-content overflow-y-auto"
-}, uh = {
+}, dh = {
 	key: 0,
 	class: "flex items-center justify-center px-4 py-8 sm:px-6"
-}, dh = {
+}, fh = {
 	key: 1,
 	class: "message-info-error body-md mx-4 rounded-xl px-4 py-3 sm:mx-6"
-}, fh = {
+}, ph = {
 	key: 2,
 	class: "message-info-list"
-}, ph = {
+}, mh = {
 	key: 1,
 	class: "message-info-empty body-md text-subtle"
-}, mh = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, hh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "MessageInfoDialog",
 	props: {
 		open: { type: Boolean },
@@ -10053,25 +10060,25 @@ var Vf = { class: "w-full" }, Hf = {
 				return (t.timestamp?.getTime() ?? 0) - n;
 			});
 		}
-		return (t, n) => (S(), r(Uf, {
+		return (t, n) => (S(), r(Wf, {
 			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", lh, [e.loading ? (S(), a("div", uh, [l(j(W), {
+			default: L(() => [e.message ? (S(), a("div", uh, [e.loading ? (S(), a("div", dh, [l(j(W), {
 				style: {
 					width: "2.5rem",
 					height: "2.5rem"
 				},
 				"stroke-width": "5"
-			})])) : e.error ? (S(), a("div", dh, k(e.error), 1)) : (S(), a("div", fh, [d.value.length ? (S(), r(ch, {
+			})])) : e.error ? (S(), a("div", fh, k(e.error), 1)) : (S(), a("div", ph, [d.value.length ? (S(), r(lh, {
 				key: 0,
 				title: j(u)("readBy"),
 				receipts: d.value,
 				"format-date-time": f,
 				"show-header": !1
-			}, null, 8, ["title", "receipts"])) : (S(), a("p", ph, k(j(u)("nobodyHasReadThisMessageYet")), 1))]))])) : i("", !0)]),
+			}, null, 8, ["title", "receipts"])) : (S(), a("p", mh, k(j(u)("nobodyHasReadThisMessageYet")), 1))]))])) : i("", !0)]),
 			_: 1
 		}, 8, [
 			"open",
@@ -10079,34 +10086,34 @@ var Vf = { class: "w-full" }, Hf = {
 			"close-label"
 		]));
 	}
-}), [["__scopeId", "data-v-e025ada9"]]), hh = { class: "min-h-0 flex-1 overflow-y-auto" }, gh = {
+}), [["__scopeId", "data-v-e025ada9"]]), gh = { class: "min-h-0 flex-1 overflow-y-auto" }, _h = {
 	key: 0,
 	class: "flex h-full min-h-64 items-center justify-center"
-}, _h = {
+}, vh = {
 	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"
-}, vh = {
+}, yh = {
 	key: 2,
 	class: "space-y-3"
-}, yh = { class: "flex flex-wrap items-start justify-between gap-3" }, bh = { class: "w-full space-y-2" }, xh = { class: "center between gap-2" }, Sh = { class: "" }, Ch = { class: "space-y-1" }, wh = { class: "heading-sm text-default" }, Th = {
+}, 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 = {
 	key: 0,
 	class: "body-md text-default"
-}, Eh = {
+}, Dh = {
 	key: 1,
 	class: "body-md text-default wrap-break-word whitespace-pre-wrap"
-}, Dh = {
+}, Oh = {
 	key: 0,
 	class: "max-w-sm"
-}, Oh = { class: "flex flex-wrap items-center gap-1" }, kh = {
+}, kh = { class: "flex flex-wrap items-center gap-1" }, Ah = {
 	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"
-}, Ah = { class: "grid w-full grid-cols-1 gap-2 sm:grid-cols-[1fr_8rem]" }, jh = { class: "flex items-center gap-2" }, Mh = {
+}, jh = { class: "grid w-full grid-cols-1 gap-2 sm:grid-cols-[1fr_8rem]" }, Mh = { class: "flex items-center gap-2" }, Nh = {
 	key: 1,
 	class: "bg-elevation-surface-sunken-default mt-4 flex flex-col gap-3 rounded-xl p-3"
-}, Nh = {
+}, Ph = {
 	key: 0,
 	class: "relative max-w-sm"
-}, Ph = { class: "absolute top-2 right-2" }, Fh = ["placeholder"], Ih = { class: "flex items-center justify-end gap-2" }, Lh = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}, Fh = { class: "absolute top-2 right-2" }, Ih = ["placeholder"], Lh = { class: "flex items-center justify-end gap-2" }, Rh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "ScheduledMessagesDialog",
 	props: {
 		open: { type: Boolean },
@@ -10188,24 +10195,24 @@ var Vf = { class: "w-full" }, Hf = {
 		function H(e) {
 			d.value === e.id && M(), u("remove", e);
 		}
-		return (n, s) => (S(), r(Uf, {
+		return (n, s) => (S(), r(Wf, {
 			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", hh, [t.loading ? (S(), a("div", gh, [l(j(W), {
+			default: L(() => [o("div", gh, [t.loading ? (S(), a("div", _h, [l(j(W), {
 				style: {
 					width: "2.75rem",
 					height: "2.75rem"
 				},
 				"stroke-width": "6"
-			})])) : y.value.length === 0 ? (S(), a("div", _h, k(j(v)("noScheduledMessagesForConversation")), 1)) : (S(), a("div", vh, [(S(!0), a(e, null, T(y.value, (e) => (S(), a("article", {
+			})])) : 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", {
 				key: e.id,
 				class: "border-default rounded-lg border px-4 py-3"
-			}, [o("div", yh, [o("div", bh, [
-				o("div", xh, [o("div", Sh, [e.kind === "poll" ? (S(), r(j(G), {
+			}, [o("div", bh, [o("div", xh, [
+				o("div", Sh, [o("div", Ch, [e.kind === "poll" ? (S(), r(j(G), {
 					key: 0,
 					text: j(v)("poll"),
 					context: "info",
@@ -10226,9 +10233,9 @@ var Vf = { class: "w-full" }, Hf = {
 					size: "small",
 					onClick: (t) => H(e)
 				}, null, 8, ["icon", "onClick"])]),
-				o("div", Ch, [o("p", wh, k(x(e.scheduled?.scheduleDate)), 1), e.kind === "poll" && e.poll ? (S(), a("p", Th, k(e.poll.question), 1)) : (S(), a("p", Eh, k(j(nc)(e, j(v)("attachment"))), 1))]),
-				R(e) && !(d.value === e.id && f.value === "text") ? (S(), a("div", Dh, [l(zp, { message: N(e) }, null, 8, ["message"])])) : i("", !0)
-			]), o("div", Oh, [e.kind === "poll" ? i("", !0) : (S(), r(j(V), {
+				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), {
 				key: 0,
 				label: j(v)("edit"),
 				icon: j(ve),
@@ -10250,7 +10257,7 @@ var Vf = { class: "w-full" }, Hf = {
 				"label",
 				"icon",
 				"onClick"
-			])) : i("", !0)])]), d.value === e.id && f.value === "reschedule" ? (S(), a("div", kh, [o("div", Ah, [ee(o("input", {
+			])) : i("", !0)])]), d.value === e.id && f.value === "reschedule" ? (S(), a("div", Ah, [o("div", jh, [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"
@@ -10262,7 +10269,7 @@ var Vf = { class: "w-full" }, Hf = {
 				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", jh, [l(j(V), {
+			}, null, 512), [[P, h.value]])]), o("div", Mh, [l(j(V), {
 				label: j(v)("save"),
 				size: "small",
 				disabled: !m.value || !b.value,
@@ -10276,8 +10283,8 @@ var Vf = { class: "w-full" }, Hf = {
 				size: "small",
 				text: "",
 				onClick: M
-			}, null, 8, ["label"])])])) : d.value === e.id && f.value === "text" ? (S(), a("div", Mh, [
-				R(e) ? (S(), a("div", Nh, [l(zp, { message: N(e) }, null, 8, ["message"]), o("div", Ph, [l(j(V), {
+			}, 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), {
 					icon: j(de),
 					"aria-label": j(v)("remove"),
 					text: "",
@@ -10291,8 +10298,8 @@ var Vf = { class: "w-full" }, Hf = {
 					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, Fh), [[P, g.value]]),
-				o("div", Ih, [l(j(V), {
+				}, null, 8, Ih), [[P, g.value]]),
+				o("div", Lh, [l(j(V), {
 					label: j(v)("cancel"),
 					size: "small",
 					text: "",
@@ -10316,7 +10323,7 @@ var Vf = { class: "w-full" }, Hf = {
 			"close-label"
 		]));
 	}
-}), [["__scopeId", "data-v-0bb2dc95"]]), Rh = { class: "chat-status-overlay" }, zh = { class: "chat-status-overlay__card" }, Bh = /* @__PURE__ */ kd(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-0bb2dc95"]]), zh = { class: "chat-status-overlay" }, Bh = { class: "chat-status-overlay__card" }, Vh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
 	__name: "ChatStatusOverlay",
 	props: {
 		visible: { type: Boolean },
@@ -10349,9 +10356,9 @@ var Vf = { class: "w-full" }, Hf = {
 			message: t.messages.connecting,
 			slotName: "connecting"
 		} : null);
-		return (e, t) => r.value ? E(e.$slots, r.value.slotName, { key: 0 }, () => [o("div", Rh, [o("div", zh, [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", zh, [o("div", Bh, [E(e.$slots, `${r.value.slotName}-content`, {}, () => [o("span", null, k(r.value.message), 1)], !0)])])], !0) : i("", !0);
 	}
-}), [["__scopeId", "data-v-7749aec9"]]), Vh = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-7749aec9"]]), Hh = /* @__PURE__ */ u({
 	__name: "BccChat",
 	props: {
 		client: { default: null },
@@ -10619,7 +10626,7 @@ var Vf = { class: "w-full" }, Hf = {
 				_: 1
 			})]) : i("", !0),
 			T.value ? (S(), a(e, { key: 1 }, [
-				l(Zm, {
+				l(Qm, {
 					target: "main",
 					class: g(["h-full", t.containerClass]),
 					"hide-group-actions": t.hideGroupActions,
@@ -10628,7 +10635,7 @@ var Vf = { class: "w-full" }, Hf = {
 					"action-message-row-class": t.actionMessageRowClass,
 					onAnchorclick: ie
 				}, s({
-					composer: L(() => [l(kf, {
+					composer: L(() => [l(Af, {
 						ref_key: "mainComposerRef",
 						ref: B,
 						target: "main",
@@ -10648,7 +10655,7 @@ var Vf = { class: "w-full" }, Hf = {
 					"action-message-class",
 					"action-message-row-class"
 				]),
-				l(Uf, {
+				l(Wf, {
 					open: !!j(F).activeThreadParentMessage.value,
 					title: j(m)("threadWithCount", { count: j(F).activeThreadParentMessage.value?.replyCount ?? 0 }),
 					subtitle: O.value?.title ?? "",
@@ -10656,13 +10663,13 @@ var Vf = { class: "w-full" }, Hf = {
 					"close-aria-label": j(m)("closeThread"),
 					onClose: r[0] ||= (e) => j(U).emit("ui:closeThread")
 				}, {
-					default: L(() => [l(Zm, {
+					default: L(() => [l(Qm, {
 						target: "thread",
 						class: "min-h-0 flex-1",
 						"action-message-class": t.actionMessageClass,
 						"action-message-row-class": t.actionMessageRowClass
 					}, {
-						composer: L(() => [l(kf, {
+						composer: L(() => [l(Af, {
 							ref_key: "threadComposerRef",
 							ref: V,
 							target: "thread",
@@ -10680,7 +10687,7 @@ var Vf = { class: "w-full" }, Hf = {
 					"close-label",
 					"close-aria-label"
 				]),
-				l(Lh, {
+				l(Rh, {
 					open: j(z).showScheduledMessages.value,
 					loading: j(z).loadingScheduledMessages.value,
 					messages: j(z).scheduledMessages.value,
@@ -10695,7 +10702,7 @@ var Vf = { class: "w-full" }, Hf = {
 					"messages",
 					"conversation-title"
 				]),
-				l(mh, {
+				l(hh, {
 					open: !!j(z).infoMessage.value,
 					message: j(z).infoMessage.value,
 					receipts: j(z).infoMessageReceipts.value,
@@ -10710,7 +10717,7 @@ var Vf = { class: "w-full" }, Hf = {
 					"error"
 				])
 			], 64)) : i("", !0),
-			l(Bh, {
+			l(Vh, {
 				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),
@@ -10750,6 +10757,6 @@ var Vf = { class: "w-full" }, Hf = {
 	}
 });
 //#endregion
-export { Vh as BccChat, Vh as BccChatMessageList, Hl as LogSeverity, Au as chat, Au as default, bc as createChatClient };
+export { Hh as BccChat, Hh as BccChatMessageList, Hl as LogSeverity, Au as chat, Au as default, bc as createChatClient };
 
 //# sourceMappingURL=vue-bcc-chat-ui.js.map