@bcc-code/vue-bcc-chat-ui 7.2.6 → 7.2.7

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

@@ -40293,7 +40293,7 @@ var Yw = {
 	"id",
 	"data-message-id",
 	"data-message-kind"
-], _E = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, vE = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, yE = /*#__PURE__*/ vC(/* @__PURE__ */ f({
+], _E = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, vE = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, yE = 500, bE = 10, xE = /*#__PURE__*/ vC(/* @__PURE__ */ f({
 	__name: "MessageItem",
 	props: {
 		message: {},
@@ -40330,15 +40330,43 @@ var Yw = {
 			m(e.target) || l("contextmenu", e);
 		}
 		function g(e) {
-			m(e.target) || l("tap", e);
+			if (!m(e.target)) {
+				if (S) {
+					S = !1, e.preventDefault(), e.stopPropagation();
+					return;
+				}
+				l("tap", e);
+			}
+		}
+		let y = null, x = null, S = !1;
+		function C() {
+			y &&= (clearTimeout(y), null);
+		}
+		function T(e) {
+			if (!r.isTouchUi || m(e.target)) return;
+			let t = e.touches[0];
+			t && (x = {
+				x: t.clientX,
+				y: t.clientY
+			}, C(), y = setTimeout(() => {
+				y = null, S = !0, l("tap", e);
+			}, yE));
 		}
-		let y = te("originalBubble"), x = E("0px");
+		function D(e) {
+			if (!x) return;
+			let t = e.touches[0];
+			t && Math.hypot(t.clientX - x.x, t.clientY - x.y) > bE && (C(), x = null);
+		}
+		function O() {
+			C(), x = null;
+		}
+		let k = te("originalBubble"), A = E("0px");
 		P(() => r.contextMenuOpen && r.isTouchUi, async (e) => {
-			if (!e || (await _(), !y.value)) return;
-			let t = y.value.getBoundingClientRect(), n = Math.min(t.top, window.innerHeight - 50 - t.height);
-			x.value = `${Math.max(0, n - 32)}px`;
+			if (!e || (await _(), !k.value)) return;
+			let t = k.value.getBoundingClientRect(), n = Math.min(t.top, window.innerHeight - 50 - t.height);
+			A.value = `${Math.max(0, n - 32)}px`;
 		}, { immediate: !0 });
-		function S() {
+		function j() {
 			let e = r.message.replyTo?.messageId?.trim();
 			e && l("openReferencedMessage", e);
 		}
@@ -40363,7 +40391,11 @@ var Yw = {
 				"data-testid": "message-bubble",
 				class: v(["message-bubble", f.value]),
 				onContextmenu: h,
-				onClick: g
+				onClick: g,
+				onTouchstart: T,
+				onTouchmove: D,
+				onTouchend: O,
+				onTouchcancel: O
 			}, [
 				!e.message.isOwn || e.message.scheduled?.scheduleDate ? (w(), a(GT, {
 					key: 0,
@@ -40377,7 +40409,7 @@ var Yw = {
 				e.message.replyTo ? (w(), a(pE, {
 					key: 3,
 					message: e.message,
-					onOpen: S
+					onOpen: j
 				}, null, 8, ["message"])) : o("", !0),
 				e.message.kind === "poll" && e.message.poll ? (w(), a(cE, {
 					key: 4,
@@ -40415,7 +40447,7 @@ var Yw = {
 				class: v(["message-bubble--spotlight", f.value])
 			}, [c("div", {
 				class: "message-bubble-wrapper",
-				style: b({ top: x.value })
+				style: b({ top: A.value })
 			}, [c("div", { class: v(["message-bubble", f.value]) }, [
 				!e.message.isOwn || e.message.scheduled?.scheduleDate ? (w(), a(GT, {
 					key: 0,
@@ -40429,7 +40461,7 @@ var Yw = {
 				e.message.replyTo ? (w(), a(pE, {
 					key: 3,
 					message: e.message,
-					onOpen: S
+					onOpen: j
 				}, null, 8, ["message"])) : o("", !0),
 				e.message.kind === "poll" && e.message.poll ? (w(), a(cE, {
 					key: 4,
@@ -40464,17 +40496,17 @@ var Yw = {
 			], 2)], 4)], 2)) : o("", !0)
 		], 64))], 10, gE));
 	}
-}), [["__scopeId", "data-v-2cabc26e"]]), bE = [
+}), [["__scopeId", "data-v-ce380db1"]]), SE = [
 	"👍",
 	"❤️",
 	"🔥",
 	"😂",
 	"🙏",
 	"🎉"
-], xE = /* @__PURE__ */ "👏.😍.🤯.😮.😢.😡.👀.✅.💯.🙌.🤝.👌.💪.🤔.🫶.😅.🥳.💛.🌟.🚀.💥.🎯.📌.💡.🕊️.☀️.🌈.🍀.🎶.🫡".split("."), SE = { 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" }, CE = ["disabled", "onClick"], wE = ["disabled"], TE = {
+], CE = /* @__PURE__ */ "👏.😍.🤯.😮.😢.😡.👀.✅.💯.🙌.🤝.👌.💪.🤔.🫶.😅.🥳.💛.🌟.🚀.💥.🎯.📌.💡.🕊️.☀️.🌈.🍀.🎶.🫡".split("."), wE = { 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" }, TE = ["disabled", "onClick"], EE = ["disabled"], DE = {
 	key: 0,
 	class: "bg-elevation-surface-raised-default shadow-overlay m-0 grid grid-cols-6 gap-1 rounded-lg p-1.5"
-}, EE = ["onClick"], DE = /*#__PURE__*/ vC(/* @__PURE__ */ f({
+}, OE = ["onClick"], kE = /*#__PURE__*/ vC(/* @__PURE__ */ f({
 	__name: "MessageItemMenuReactions",
 	props: {
 		message: {},
@@ -40486,20 +40518,20 @@ var Yw = {
 		P(() => r.message.id, () => {
 			u.value = !1;
 		});
-		let d = i(() => xE);
+		let d = i(() => CE);
 		function f(e) {
 			return (r.message.reactions ?? []).some((t) => t.emoji === e);
 		}
 		function p() {
 			r.canReact && (u.value = !u.value);
 		}
-		return (t, r) => (w(), s(n, null, [c("div", SE, [(w(!0), s(n, null, D(N(bE), (t) => (w(), s("button", {
+		return (t, r) => (w(), s(n, null, [c("div", wE, [(w(!0), s(n, null, D(N(SE), (t) => (w(), s("button", {
 			key: `${e.message.id}-${t}-common`,
 			type: "button",
 			class: v(["message-reaction-button", f(t) ? "bg-background-success-default" : "bg-transparent"]),
 			disabled: !e.canReact,
 			onClick: (e) => l("react", t)
-		}, j(t), 11, CE))), 128)), c("button", {
+		}, j(t), 11, TE))), 128)), c("button", {
 			type: "button",
 			class: "message-reaction-more",
 			disabled: !e.canReact,
@@ -40507,37 +40539,37 @@ var Yw = {
 		}, [(w(), a(k(u.value ? N(Ge) : N(We)), {
 			class: "size-7",
 			"aria-hidden": "true"
-		}))], 8, wE)]), u.value && e.canReact ? (w(), s("div", TE, [(w(!0), s(n, null, D(d.value, (t) => (w(), s("button", {
+		}))], 8, EE)]), u.value && e.canReact ? (w(), s("div", DE, [(w(!0), s(n, null, D(d.value, (t) => (w(), s("button", {
 			key: `${e.message.id}-${t}-extended`,
 			type: "button",
 			class: v(["message-expanded-reaction-button", f(t) ? "bg-background-success-default" : "bg-transparent"]),
 			onClick: (e) => l("react", t)
-		}, j(t), 11, EE))), 128))])) : o("", !0)], 64));
+		}, j(t), 11, OE))), 128))])) : o("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-0a11761a"]]), OE = { class: "message-action-list" }, kE = { class: "message-receipt-summary__icon" }, AE = { class: "message-receipt-summary__label" }, jE = {
+}), [["__scopeId", "data-v-0a11761a"]]), AE = { class: "message-action-list" }, jE = { class: "message-receipt-summary__icon" }, ME = { class: "message-receipt-summary__label" }, NE = {
 	key: 0,
 	class: "message-receipt-summary__avatars",
 	"aria-hidden": "true"
-}, ME = { class: "message-receipt-summary__icon" }, NE = { class: "message-receipt-summary__label" }, PE = { class: "message-receipt-summary__icon" }, FE = { class: "message-receipt-summary__label" }, IE = {
+}, PE = { class: "message-receipt-summary__icon" }, FE = { class: "message-receipt-summary__label" }, IE = { class: "message-receipt-summary__icon" }, LE = { class: "message-receipt-summary__label" }, RE = {
 	key: 3,
 	class: "message-action-list__divider",
 	"aria-hidden": "true"
-}, LE = {
+}, zE = {
 	key: 1,
 	class: "message-action-list message-receipt-panel"
-}, RE = { class: "message-receipt-list" }, zE = { class: "message-receipt-row__body" }, BE = { class: "message-receipt-row__name" }, VE = { class: "message-receipt-row__time" }, HE = {
+}, BE = { class: "message-receipt-list" }, VE = { class: "message-receipt-row__body" }, HE = { class: "message-receipt-row__name" }, UE = { class: "message-receipt-row__time" }, WE = {
 	key: 2,
 	class: "message-action-list message-receipt-panel"
-}, UE = { class: "message-receipt-list" }, WE = { class: "message-poll-voters-group__header" }, GE = { class: "message-poll-voters-group__text" }, KE = { class: "message-poll-voters-group__count" }, qE = { class: "message-receipt-row__body" }, JE = { class: "message-receipt-row__name" }, YE = {
+}, GE = { class: "message-receipt-list" }, KE = { class: "message-poll-voters-group__header" }, qE = { class: "message-poll-voters-group__text" }, JE = { class: "message-poll-voters-group__count" }, YE = { class: "message-receipt-row__body" }, XE = { class: "message-receipt-row__name" }, ZE = {
 	key: 3,
 	class: "message-action-list message-receipt-panel"
-}, XE = {
+}, QE = {
 	key: 0,
 	class: "message-receipt-loading"
-}, ZE = {
+}, $E = {
 	key: 1,
 	class: "message-receipt-list"
-}, QE = { class: "message-poll-voters-group__header" }, $E = { class: "message-poll-voters-group__text" }, eD = { class: "message-poll-voters-group__count" }, tD = { class: "message-receipt-row__body" }, nD = { class: "message-receipt-row__name" }, rD = /*#__PURE__*/ vC(/* @__PURE__ */ f({
+}, eD = { class: "message-poll-voters-group__header" }, tD = { class: "message-poll-voters-group__text" }, nD = { class: "message-poll-voters-group__count" }, rD = { class: "message-receipt-row__body" }, iD = { class: "message-receipt-row__name" }, aD = /*#__PURE__*/ vC(/* @__PURE__ */ f({
 	__name: "MessageItemMenu",
 	props: {
 		message: {},
@@ -40650,18 +40682,18 @@ var Yw = {
 				top: `${k.value.top}px`
 			}),
 			"data-testid": "message-action-popover-shell"
-		}, [O.value === "actions" ? (w(), s(n, { key: 0 }, [d(DE, {
+		}, [O.value === "actions" ? (w(), s(n, { key: 0 }, [d(kE, {
 			message: e.message,
 			"can-react": e.canReact,
 			onReact: i[0] ||= (e) => S("react", e)
-		}, null, 8, ["message", "can-react"]), c("div", OE, [
+		}, null, 8, ["message", "can-react"]), c("div", AE, [
 			e.receiptSummaryAction ? (w(), s("button", {
 				key: 0,
 				type: "button",
 				class: "message-receipt-summary",
 				onClick: P
 			}, [
-				c("span", kE, [e.receiptSummaryAction.loading ? (w(), a(N(he), {
+				c("span", jE, [e.receiptSummaryAction.loading ? (w(), a(N(he), {
 					key: 0,
 					style: {
 						width: "1rem",
@@ -40673,8 +40705,8 @@ var Yw = {
 					class: "text-success size-4",
 					"aria-hidden": "true"
 				}))]),
-				c("span", AE, j(e.receiptSummaryAction.label), 1),
-				f.value.length ? (w(), s("span", jE, [(w(!0), s(n, null, D(f.value, (e) => (w(), a(oT, {
+				c("span", ME, j(e.receiptSummaryAction.label), 1),
+				f.value.length ? (w(), s("span", NE, [(w(!0), s(n, null, D(f.value, (e) => (w(), a(oT, {
 					key: e.user.uid,
 					image: e.user.avatar,
 					name: e.user.name,
@@ -40686,25 +40718,25 @@ var Yw = {
 				type: "button",
 				class: "message-receipt-summary",
 				onClick: ie
-			}, [c("span", ME, [d(N(st), {
+			}, [c("span", PE, [d(N(st), {
 				class: "text-success size-4",
 				"aria-hidden": "true"
-			})]), c("span", NE, j(e.pollVotersSummaryAction.label), 1)])) : o("", !0),
+			})]), c("span", FE, j(e.pollVotersSummaryAction.label), 1)])) : o("", !0),
 			e.reactionsSummaryAction ? (w(), s("button", {
 				key: 2,
 				type: "button",
 				class: "message-receipt-summary",
 				onClick: F
-			}, [c("span", PE, [d(N(be), {
+			}, [c("span", IE, [d(N(be), {
 				class: "text-success size-4",
 				"aria-hidden": "true"
-			})]), c("span", FE, j(e.reactionsSummaryAction.label), 1)])) : o("", !0),
-			e.receiptSummaryAction || e.pollVotersSummaryAction || e.reactionsSummaryAction ? (w(), s("div", IE)) : o("", !0),
+			})]), c("span", LE, j(e.reactionsSummaryAction.label), 1)])) : o("", !0),
+			e.receiptSummaryAction || e.pollVotersSummaryAction || e.reactionsSummaryAction ? (w(), s("div", RE)) : o("", !0),
 			d(N(pe), {
 				model: e.actionItems,
 				class: "message-action-list__menu"
 			}, null, 8, ["model"])
-		])], 64)) : O.value === "receipts" ? (w(), s("section", LE, [
+		])], 64)) : O.value === "receipts" ? (w(), s("section", zE, [
 			c("button", {
 				type: "button",
 				class: "message-receipt-back",
@@ -40717,18 +40749,18 @@ var Yw = {
 				class: "message-action-list__divider",
 				"aria-hidden": "true"
 			}, null, -1),
-			c("div", RE, [(w(!0), s(n, null, D(p.value, (e) => (w(), s("div", {
+			c("div", BE, [(w(!0), s(n, null, D(p.value, (e) => (w(), s("div", {
 				key: e.user.uid,
 				class: "message-receipt-row"
 			}, [d(oT, {
 				image: e.user.avatar,
 				name: e.user.name,
 				class: "message-receipt-row__avatar"
-			}, null, 8, ["image", "name"]), c("div", zE, [c("p", BE, j(e.user.name), 1), c("p", VE, [d(N(je), {
+			}, null, 8, ["image", "name"]), c("div", VE, [c("p", HE, j(e.user.name), 1), c("p", UE, [d(N(je), {
 				class: "message-receipt-row__icon text-success",
 				"aria-hidden": "true"
 			}), c("span", null, j(oe(e.timestamp)), 1)])])]))), 128))])
-		])) : O.value === "pollVoters" ? (w(), s("section", HE, [
+		])) : O.value === "pollVoters" ? (w(), s("section", WE, [
 			c("button", {
 				type: "button",
 				class: "message-receipt-back",
@@ -40741,18 +40773,18 @@ var Yw = {
 				class: "message-action-list__divider",
 				"aria-hidden": "true"
 			}, null, -1),
-			c("div", UE, [(w(!0), s(n, null, D(m.value, (e) => (w(), s("div", {
+			c("div", GE, [(w(!0), s(n, null, D(m.value, (e) => (w(), s("div", {
 				key: e.id,
 				class: "message-poll-voters-group"
-			}, [c("div", WE, [c("span", GE, j(e.text), 1), c("span", KE, j(N(y)("voteCount", { count: e.voteCount })), 1)]), (w(!0), s(n, null, D(e.voters, (e) => (w(), s("div", {
+			}, [c("div", KE, [c("span", qE, j(e.text), 1), c("span", JE, j(N(y)("voteCount", { count: e.voteCount })), 1)]), (w(!0), s(n, null, D(e.voters, (e) => (w(), s("div", {
 				key: e.uid,
 				class: "message-receipt-row"
 			}, [d(oT, {
 				image: e.avatar,
 				name: e.name,
 				class: "message-receipt-row__avatar"
-			}, null, 8, ["image", "name"]), c("div", qE, [c("p", JE, j(e.name), 1)])]))), 128))]))), 128))])
-		])) : (w(), s("section", YE, [
+			}, null, 8, ["image", "name"]), c("div", YE, [c("p", XE, j(e.name), 1)])]))), 128))]))), 128))])
+		])) : (w(), s("section", ZE, [
 			c("button", {
 				type: "button",
 				class: "message-receipt-back",
@@ -40765,32 +40797,32 @@ var Yw = {
 				class: "message-action-list__divider",
 				"aria-hidden": "true"
 			}, null, -1),
-			e.reactionsSummaryAction?.loading && !h.value.length ? (w(), s("div", XE, [d(N(he), {
+			e.reactionsSummaryAction?.loading && !h.value.length ? (w(), s("div", QE, [d(N(he), {
 				style: {
 					width: "1.25rem",
 					height: "1.25rem"
 				},
 				"stroke-width": "5"
-			})])) : (w(), s("div", ZE, [(w(!0), s(n, null, D(g.value, (e) => (w(), s("div", {
+			})])) : (w(), s("div", $E, [(w(!0), s(n, null, D(g.value, (e) => (w(), s("div", {
 				key: e.emoji,
 				class: "message-poll-voters-group"
-			}, [c("div", QE, [c("span", $E, j(e.emoji), 1), c("span", eD, j(e.reactedBy.length), 1)]), (w(!0), s(n, null, D(e.reactedBy, (e) => (w(), s("div", {
+			}, [c("div", eD, [c("span", tD, j(e.emoji), 1), c("span", nD, j(e.reactedBy.length), 1)]), (w(!0), s(n, null, D(e.reactedBy, (e) => (w(), s("div", {
 				key: e.user.uid,
 				class: "message-receipt-row"
 			}, [d(oT, {
 				image: e.user.avatar,
 				name: e.user.name,
 				class: "message-receipt-row__avatar"
-			}, null, 8, ["image", "name"]), c("div", tD, [c("p", nD, j(e.user.name), 1)])]))), 128))]))), 128))]))
+			}, null, 8, ["image", "name"]), c("div", rD, [c("p", iD, j(e.user.name), 1)])]))), 128))]))), 128))]))
 		]))], 4)) : o("", !0)]));
 	}
-}), [["__scopeId", "data-v-2a492ecf"]]), iD = { 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" }, aD = {
+}), [["__scopeId", "data-v-2a492ecf"]]), oD = { 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" }, sD = {
 	key: 0,
 	class: "chat-header__identity flex min-w-0 items-center gap-3"
-}, oD = { class: "chat-header__text min-w-0" }, sD = { class: "chat-header__title heading-md text-default sm:heading-lg truncate" }, cD = { class: "chat-header__subtitle body-sm text-subtle sm:body-md truncate" }, lD = { key: 0 }, uD = { key: 1 }, dD = { class: "chat-header__actions flex items-center gap-2" }, fD = {
+}, cD = { class: "chat-header__text min-w-0" }, lD = { class: "chat-header__title heading-md text-default sm:heading-lg truncate" }, uD = { class: "chat-header__subtitle body-sm text-subtle sm:body-md truncate" }, dD = { key: 0 }, fD = { key: 1 }, pD = { class: "chat-header__actions flex items-center gap-2" }, mD = {
 	key: 0,
 	class: "chat-header__tags hidden flex-wrap gap-2 md:flex"
-}, pD = /* @__PURE__ */ f({
+}, hD = /* @__PURE__ */ f({
 	__name: "MessageListHeader",
 	props: {
 		conversation: {},
@@ -40798,22 +40830,22 @@ var Yw = {
 	},
 	setup(e) {
 		let { t } = cf();
-		return (r, i) => (w(), s("header", iD, [e.conversation ? (w(), s("div", aD, [d(oT, {
+		return (r, i) => (w(), s("header", oD, [e.conversation ? (w(), s("div", sD, [d(oT, {
 			image: e.conversation.avatar,
 			name: e.conversation.title,
 			class: "chat-header__avatar shrink-0"
-		}, null, 8, ["image", "name"]), c("div", oD, [c("p", sD, j(e.parentMessage ? N(t)("thread") : e.conversation.title), 1), c("p", cD, [e.parentMessage ? (w(), s("span", lD, j(e.parentMessage.senderName), 1)) : (w(), s("span", uD, j(e.conversation.memberCount ? N(t)("members", { count: e.conversation.memberCount }) : N(t)("groupChat")), 1))])])])) : o("", !0), c("div", dD, [e.conversation?.tags?.length ? (w(), s("div", fD, [(w(!0), s(n, null, D(e.conversation.tags.slice(0, 3), (e) => (w(), a(N(ge), {
+		}, null, 8, ["image", "name"]), c("div", cD, [c("p", lD, j(e.parentMessage ? N(t)("thread") : e.conversation.title), 1), c("p", uD, [e.parentMessage ? (w(), s("span", dD, j(e.parentMessage.senderName), 1)) : (w(), s("span", fD, j(e.conversation.memberCount ? N(t)("members", { count: e.conversation.memberCount }) : N(t)("groupChat")), 1))])])])) : o("", !0), c("div", pD, [e.conversation?.tags?.length ? (w(), s("div", mD, [(w(!0), s(n, null, D(e.conversation.tags.slice(0, 3), (e) => (w(), a(N(ge), {
 			key: e,
 			text: e,
 			context: "secondary",
 			rounded: ""
 		}, null, 8, ["text"]))), 128))])) : o("", !0)])]));
 	}
-}), mD = {
+}), gD = {
 	key: 0,
 	class: "pinned-bar",
 	"data-testid": "pinned-messages-bar"
-}, hD = ["title"], gD = { class: "pinned-bar__text min-w-0" }, _D = { class: "pinned-bar__headline body-sm text-subtle block truncate font-semibold" }, vD = { class: "pinned-bar__preview body-md text-default block truncate" }, yD = { class: "pinned-bar__sender font-medium" }, bD = { class: "pinned-bar__actions flex shrink-0 items-center gap-1" }, xD = /*#__PURE__*/ vC(/* @__PURE__ */ f({
+}, _D = ["title"], vD = { class: "pinned-bar__text min-w-0" }, yD = { class: "pinned-bar__headline body-sm text-subtle block truncate font-semibold" }, bD = { class: "pinned-bar__preview body-md text-default block truncate" }, xD = { class: "pinned-bar__sender font-medium" }, SD = { class: "pinned-bar__actions flex shrink-0 items-center gap-1" }, CD = /*#__PURE__*/ vC(/* @__PURE__ */ f({
 	__name: "PinnedMessagesBar",
 	setup(e) {
 		let { t } = cf(), n = MS(), r = IS(), l = ZS(), u = i(() => r.pinnedMessages.value), f = i(() => u.value[0] ?? null), p = i(() => u.value.length > 1), m = i(() => p.value ? t("pinnedMessagesCount", { count: u.value.length }) : t("pinnedMessage")), h = i(() => f.value ? gy(f.value, t("attachment"), n.mentionNameByUid.value) : "");
@@ -40823,7 +40855,7 @@ var Yw = {
 		function _() {
 			f.value && l.emit("message:unpin", f.value.id);
 		}
-		return (e, r) => f.value ? (w(), s("div", mD, [c("button", {
+		return (e, r) => f.value ? (w(), s("div", gD, [c("button", {
 			type: "button",
 			class: "pinned-bar__summary",
 			title: N(t)("goToMessage"),
@@ -40831,11 +40863,11 @@ var Yw = {
 		}, [d(N(Ve), {
 			class: "pinned-bar__icon size-4 shrink-0",
 			"aria-hidden": "true"
-		}), c("span", gD, [c("span", _D, j(m.value), 1), c("span", vD, [
-			c("span", yD, j(f.value.senderName), 1),
+		}), c("span", vD, [c("span", yD, j(m.value), 1), c("span", bD, [
+			c("span", xD, j(f.value.senderName), 1),
 			r[1] ||= c("span", { "aria-hidden": "true" }, ": ", -1),
 			c("span", null, j(h.value), 1)
-		])])], 8, hD), c("div", bD, [p.value ? (w(), a(N(I), {
+		])])], 8, _D), c("div", SD, [p.value ? (w(), a(N(I), {
 			key: 0,
 			icon: N(qe),
 			"aria-label": N(t)("pinnedMessages"),
@@ -40863,16 +40895,16 @@ var Yw = {
 			"title"
 		])) : o("", !0)])])) : o("", !0);
 	}
-}), [["__scopeId", "data-v-ed2c3c4c"]]), SD = {
+}), [["__scopeId", "data-v-ed2c3c4c"]]), wD = {
 	key: 2,
 	class: "message-list__empty-state"
-}, CD = { class: "space-y-2" }, wD = {
+}, TD = { class: "space-y-2" }, ED = {
 	key: 0,
 	class: "message-list__thread-root"
-}, TD = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, ED = { class: "body-md text-default mt-1 line-clamp-2" }, DD = {
+}, DD = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, OD = { class: "body-md text-default mt-1 line-clamp-2" }, kD = {
 	key: 1,
 	class: "surface-default text-subtle rounded-2xl p-5 text-center"
-}, OD = /*#__PURE__*/ vC(/* @__PURE__ */ f({
+}, AD = /*#__PURE__*/ vC(/* @__PURE__ */ f({
 	__name: "MessageList",
 	props: {
 		target: {},
@@ -40984,11 +41016,11 @@ var Yw = {
 					title: k.value,
 					subtitle: A.value,
 					memberCount: M.value
-				}, () => [d(pD, {
+				}, () => [d(hD, {
 					conversation: N(l).conversation.value,
 					"parent-message": _.value
 				}, null, 8, ["conversation", "parent-message"])], !0, 0) : o("", !0),
-				C.value ? (w(), a(xD, { key: 1 })) : o("", !0),
+				C.value ? (w(), a(CD, { key: 1 })) : o("", !0),
 				N(l).conversation.value ? (w(), s("div", {
 					key: 3,
 					class: v(["message-list__body", ie.value || P.value ? "bg-elevation-surface-overlay" : ""])
@@ -40998,12 +41030,12 @@ var Yw = {
 						ref: ae,
 						class: v(["message-list__scroll min-h-0 flex-1", ie.value ? "p-0" : P.value ? "px-5 py-4" : "px-2 pt-2 pb-3"]),
 						onScroll: i[2] ||= (...e) => N(oe) && N(oe)(...e)
-					}, [c("div", CD, [
-						_.value ? (w(), s("div", wD, [c("p", TD, j(_.value.senderName), 1), c("p", ED, j(N(gy)(_.value, N(r)("message"), N(l).mentionNameByUid.value)), 1)])) : o("", !0),
+					}, [c("div", TD, [
+						_.value ? (w(), s("div", ED, [c("p", DD, j(_.value.senderName), 1), c("p", OD, j(N(gy)(_.value, N(r)("message"), N(l).mentionNameByUid.value)), 1)])) : o("", !0),
 						(w(!0), s(n, null, D(h.value, (r, c) => (w(), s(n, { key: r.id }, [Te(c) ? (w(), a(aT, {
 							key: 0,
 							date: r.sentAt
-						}, null, 8, ["date"])) : o("", !0), d(yE, {
+						}, null, 8, ["date"])) : o("", !0), d(xE, {
 							message: r,
 							"current-user-id": N(l).currentUserId.value,
 							"can-react": N(l).canReact.value,
@@ -41041,20 +41073,20 @@ var Yw = {
 							"onToggleReaction",
 							"onOpenThread"
 						])], 64))), 128)),
-						h.value.length === 0 && T.value && !g.value ? (w(), s("div", DD, j(N(r)("noMessagesYetInThisGroup")), 1)) : o("", !0)
+						h.value.length === 0 && T.value && !g.value ? (w(), s("div", kD, j(N(r)("noMessagesYetInThisGroup")), 1)) : o("", !0)
 					])], 34),
 					d(nT, {
 						attachment: ne.value,
 						onClose: xe
 					}, null, 8, ["attachment"]),
 					c("footer", { class: v(["message-list__composer flex shrink-0 flex-col", P.value ? ie.value ? "bg-transparent p-0" : "message-list__composer--thread" : "bg-transparent p-0"]) }, [O(e.$slots, "composer", {}, void 0, !0)], 2)
-				], 2)) : (w(), s("div", SD, j(N(r)("selectConversationToStart")), 1))
+				], 2)) : (w(), s("div", wD, j(N(r)("selectConversationToStart")), 1))
 			], 2),
 			d(qw, {
 				attachment: ee.value,
 				onClose: be
 			}, null, 8, ["attachment"]),
-			d(rD, {
+			d(aD, {
 				ref_key: "actionMenuRef",
 				ref: se,
 				message: N(I),
@@ -41077,13 +41109,13 @@ var Yw = {
 			])
 		], 64));
 	}
-}), [["__scopeId", "data-v-913dab83"]]), kD = {
+}), [["__scopeId", "data-v-913dab83"]]), jD = {
 	key: 0,
 	class: "flex h-full min-h-64 items-center justify-center"
-}, AD = { class: "mb-3" }, jD = { class: "border-default max-h-full flex-1 space-y-1 overflow-y-auto rounded-xl border" }, MD = ["onClick"], ND = { class: "flex items-center gap-3" }, PD = { class: "heading-sm text-default truncate" }, FD = {
+}, MD = { class: "mb-3" }, ND = { class: "border-default max-h-full flex-1 space-y-1 overflow-y-auto rounded-xl border" }, PD = ["onClick"], FD = { class: "flex items-center gap-3" }, ID = { class: "heading-sm text-default truncate" }, LD = {
 	key: 0,
 	class: "conversation-list__empty border-default bg-elevation-surface-sunken-default body-md text-subtle rounded-xl border p-5 text-center"
-}, ID = /* @__PURE__ */ f({
+}, RD = /* @__PURE__ */ f({
 	__name: "ForwardMessageDialog",
 	props: {
 		open: { type: Boolean },
@@ -41112,27 +41144,27 @@ var Yw = {
 			"close-label": N(u)("close"),
 			onClose: r[1] ||= (e) => l("close")
 		}, {
-			default: ie(() => [e.sending ? (w(), s("div", kD, [d(N(he), {
+			default: ie(() => [e.sending ? (w(), s("div", jD, [d(N(he), {
 				style: {
 					width: "2.75rem",
 					height: "2.75rem"
 				},
 				"stroke-width": "6"
-			})])) : (w(), s(n, { key: 1 }, [c("div", AD, [d(N(fe), {
+			})])) : (w(), s(n, { key: 1 }, [c("div", MD, [d(N(fe), {
 				"model-value": f.value,
 				placeholder: N(u)("searchByGroupName"),
 				class: "w-full",
 				"onUpdate:modelValue": r[0] ||= (e) => f.value = String(e)
-			}, null, 8, ["model-value", "placeholder"])]), c("section", jD, [(w(!0), s(n, null, D(p.value, (e) => (w(), s("button", {
+			}, null, 8, ["model-value", "placeholder"])]), c("section", ND, [(w(!0), s(n, null, D(p.value, (e) => (w(), s("button", {
 				key: e.id,
 				type: "button",
 				class: "hover:bg-elevation-surface-hovered w-full rounded-xl border border-transparent px-4 py-3 text-left transition-colors",
 				onClick: (t) => m(e)
-			}, [c("div", ND, [d(oT, {
+			}, [c("div", FD, [d(oT, {
 				image: e.avatar,
 				name: e.title,
 				class: "shrink-0"
-			}, null, 8, ["image", "name"]), c("p", PD, j(e.title), 1)])], 8, MD))), 128)), p.value.length === 0 ? (w(), s("div", FD, j(N(u)("noMatchingChatsFound")), 1)) : o("", !0)])], 64))]),
+			}, null, 8, ["image", "name"]), c("p", ID, j(e.title), 1)])], 8, PD))), 128)), p.value.length === 0 ? (w(), s("div", LD, j(N(u)("noMatchingChatsFound")), 1)) : o("", !0)])], 64))]),
 			_: 1
 		}, 8, [
 			"open",
@@ -41140,13 +41172,13 @@ var Yw = {
 			"close-label"
 		]));
 	}
-}), LD = { class: "receipt-section" }, RD = {
+}), zD = { class: "receipt-section" }, BD = {
 	key: 0,
 	class: "receipt-section__header"
-}, zD = { class: "body-sm text-subtle font-semibold" }, BD = { class: "body-sm text-subtlest" }, VD = {
+}, VD = { class: "body-sm text-subtle font-semibold" }, HD = { class: "body-sm text-subtlest" }, UD = {
 	key: 1,
 	class: "receipt-section__list"
-}, HD = { class: "receipt-section__identity" }, UD = { class: "min-w-0" }, WD = { class: "receipt-section__name heading-sm text-default truncate" }, GD = { class: "receipt-section__time body-md text-subtle" }, KD = { class: "truncate" }, qD = /*#__PURE__*/ vC(/* @__PURE__ */ f({
+}, WD = { class: "receipt-section__identity" }, GD = { class: "min-w-0" }, KD = { class: "receipt-section__name heading-sm text-default truncate" }, qD = { class: "receipt-section__time body-md text-subtle" }, JD = { class: "truncate" }, YD = /*#__PURE__*/ vC(/* @__PURE__ */ f({
 	__name: "ReceiptSection",
 	props: {
 		title: {},
@@ -41159,34 +41191,34 @@ var Yw = {
 	},
 	setup(e) {
 		let t = e, r = i(() => String(t.receipts.length));
-		return (t, i) => (w(), s("section", LD, [e.showHeader ? (w(), s("div", RD, [c("p", zD, j(e.title), 1), c("span", BD, j(r.value), 1)])) : o("", !0), e.receipts.length ? (w(), s("div", VD, [(w(!0), s(n, null, D(e.receipts, (t) => (w(), s("div", {
+		return (t, i) => (w(), s("section", zD, [e.showHeader ? (w(), s("div", BD, [c("p", VD, j(e.title), 1), c("span", HD, j(r.value), 1)])) : o("", !0), e.receipts.length ? (w(), s("div", UD, [(w(!0), s(n, null, D(e.receipts, (t) => (w(), s("div", {
 			key: `${t.kind}-${t.user.uid}`,
 			class: "receipt-section__row"
-		}, [c("div", HD, [d(oT, {
+		}, [c("div", WD, [d(oT, {
 			image: t.user.avatar,
 			name: t.user.name,
 			class: "receipt-section__avatar"
-		}, null, 8, ["image", "name"]), c("div", UD, [c("p", WD, j(t.user.name), 1), c("p", GD, [d(N(je), {
+		}, null, 8, ["image", "name"]), c("div", GD, [c("p", KD, j(t.user.name), 1), c("p", qD, [d(N(je), {
 			class: "receipt-section__icon text-success",
 			"aria-hidden": "true"
-		}), c("span", KD, j(e.formatDateTime(t.timestamp)), 1)])])])]))), 128))])) : o("", !0)]));
+		}), c("span", JD, j(e.formatDateTime(t.timestamp)), 1)])])])]))), 128))])) : o("", !0)]));
 	}
-}), [["__scopeId", "data-v-376a2c51"]]), JD = {
+}), [["__scopeId", "data-v-376a2c51"]]), XD = {
 	key: 0,
 	class: "message-info-dialog-content overflow-y-auto"
-}, YD = {
+}, ZD = {
 	key: 0,
 	class: "flex items-center justify-center px-4 py-8 sm:px-6"
-}, XD = {
+}, QD = {
 	key: 1,
 	class: "message-info-error body-md mx-4 rounded-xl px-4 py-3 sm:mx-6"
-}, ZD = {
+}, $D = {
 	key: 2,
 	class: "message-info-list"
-}, QD = {
+}, eO = {
 	key: 1,
 	class: "message-info-empty body-md text-subtle"
-}, $D = /*#__PURE__*/ vC(/* @__PURE__ */ f({
+}, tO = /*#__PURE__*/ vC(/* @__PURE__ */ f({
 	__name: "MessageInfoDialog",
 	props: {
 		open: { type: Boolean },
@@ -41217,19 +41249,19 @@ var Yw = {
 			"close-label": N(l)("close"),
 			onClose: n[0] ||= (e) => r("close")
 		}, {
-			default: ie(() => [e.message ? (w(), s("div", JD, [e.loading ? (w(), s("div", YD, [d(N(he), {
+			default: ie(() => [e.message ? (w(), s("div", XD, [e.loading ? (w(), s("div", ZD, [d(N(he), {
 				style: {
 					width: "2.5rem",
 					height: "2.5rem"
 				},
 				"stroke-width": "5"
-			})])) : e.error ? (w(), s("div", XD, j(e.error), 1)) : (w(), s("div", ZD, [u.value.length ? (w(), a(qD, {
+			})])) : e.error ? (w(), s("div", QD, j(e.error), 1)) : (w(), s("div", $D, [u.value.length ? (w(), a(YD, {
 				key: 0,
 				title: N(l)("readBy"),
 				receipts: u.value,
 				"format-date-time": f,
 				"show-header": !1
-			}, null, 8, ["title", "receipts"])) : (w(), s("p", QD, j(N(l)("nobodyHasReadThisMessageYet")), 1))]))])) : o("", !0)]),
+			}, null, 8, ["title", "receipts"])) : (w(), s("p", eO, j(N(l)("nobodyHasReadThisMessageYet")), 1))]))])) : o("", !0)]),
 			_: 1
 		}, 8, [
 			"open",
@@ -41237,13 +41269,13 @@ var Yw = {
 			"close-label"
 		]));
 	}
-}), [["__scopeId", "data-v-e025ada9"]]), eO = { class: "min-h-0 flex-1 overflow-y-auto" }, tO = {
+}), [["__scopeId", "data-v-e025ada9"]]), nO = { class: "min-h-0 flex-1 overflow-y-auto" }, rO = {
 	key: 0,
 	class: "bg-elevation-surface-sunken-default body-md flex h-full min-h-40 items-center justify-center rounded-xl px-6 text-center"
-}, nO = {
+}, iO = {
 	key: 1,
 	class: "space-y-3"
-}, rO = { class: "space-y-1" }, iO = { class: "flex items-center justify-between gap-2" }, aO = { class: "heading-sm text-default truncate" }, oO = { class: "body-md text-default wrap-break-word whitespace-pre-wrap" }, sO = { class: "body-sm text-subtlest" }, cO = { class: "mt-3 flex flex-wrap items-center gap-1" }, lO = /* @__PURE__ */ f({
+}, aO = { class: "space-y-1" }, oO = { class: "flex items-center justify-between gap-2" }, sO = { class: "heading-sm text-default truncate" }, cO = { class: "body-md text-default wrap-break-word whitespace-pre-wrap" }, lO = { class: "body-sm text-subtlest" }, uO = { class: "mt-3 flex flex-wrap items-center gap-1" }, dO = /* @__PURE__ */ f({
 	__name: "PinnedMessagesDialog",
 	props: {
 		open: { type: Boolean },
@@ -41284,12 +41316,12 @@ var Yw = {
 			"close-label": N(u)("close"),
 			onClose: r[0] ||= (e) => i("close")
 		}, {
-			default: ie(() => [c("div", eO, [e.messages.length === 0 ? (w(), s("div", tO, j(N(u)("noPinnedMessages")), 1)) : (w(), s("div", nO, [(w(!0), s(n, null, D(e.messages, (t) => (w(), s("article", {
+			default: ie(() => [c("div", nO, [e.messages.length === 0 ? (w(), s("div", rO, j(N(u)("noPinnedMessages")), 1)) : (w(), s("div", iO, [(w(!0), s(n, null, D(e.messages, (t) => (w(), s("article", {
 				key: t.id,
 				class: "border-default rounded-lg border px-4 py-3",
 				"data-testid": "pinned-message-row"
-			}, [c("div", rO, [
-				c("div", iO, [c("p", aO, j(t.senderName), 1), N(df)(t) ? (w(), a(N(ge), {
+			}, [c("div", aO, [
+				c("div", oO, [c("p", sO, j(t.senderName), 1), N(df)(t) ? (w(), a(N(ge), {
 					key: 0,
 					text: N(u)("pinnedLabel"),
 					context: "info",
@@ -41297,9 +41329,9 @@ var Yw = {
 					size: "sm",
 					class: "shrink-0"
 				}, null, 8, ["text"])) : o("", !0)]),
-				c("p", oO, j(p(t)), 1),
-				c("p", sO, j(m(t)) + " · " + j(f(t.pinnedAt)), 1)
-			]), c("div", cO, [d(N(I), {
+				c("p", cO, j(p(t)), 1),
+				c("p", lO, j(m(t)) + " · " + j(f(t.pinnedAt)), 1)
+			]), c("div", uO, [d(N(I), {
 				label: N(u)("goToMessage"),
 				icon: N(et),
 				severity: "secondary",
@@ -41329,34 +41361,34 @@ var Yw = {
 			"close-label"
 		]));
 	}
-}), uO = { class: "min-h-0 flex-1 overflow-y-auto" }, dO = {
+}), fO = { class: "min-h-0 flex-1 overflow-y-auto" }, pO = {
 	key: 0,
 	class: "flex h-full min-h-64 items-center justify-center"
-}, fO = {
+}, mO = {
 	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"
-}, pO = {
+}, hO = {
 	key: 2,
 	class: "space-y-3"
-}, mO = { class: "flex flex-wrap items-start justify-between gap-3" }, hO = { class: "w-full space-y-2" }, gO = { class: "center between gap-2" }, _O = { class: "" }, vO = { class: "space-y-1" }, yO = { class: "heading-sm text-default" }, bO = {
+}, gO = { class: "flex flex-wrap items-start justify-between gap-3" }, _O = { class: "w-full space-y-2" }, vO = { class: "center between gap-2" }, yO = { class: "" }, bO = { class: "space-y-1" }, xO = { class: "heading-sm text-default" }, SO = {
 	key: 0,
 	class: "body-md text-default"
-}, xO = {
+}, CO = {
 	key: 1,
 	class: "body-md text-default wrap-break-word whitespace-pre-wrap"
-}, SO = {
+}, wO = {
 	key: 0,
 	class: "max-w-sm"
-}, CO = { class: "flex flex-wrap items-center gap-1" }, wO = {
+}, TO = { class: "flex flex-wrap items-center gap-1" }, EO = {
 	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"
-}, TO = { class: "grid w-full grid-cols-1 gap-2 sm:grid-cols-[1fr_8rem]" }, EO = { class: "flex items-center gap-2" }, DO = {
+}, DO = { class: "grid w-full grid-cols-1 gap-2 sm:grid-cols-[1fr_8rem]" }, OO = { class: "flex items-center gap-2" }, kO = {
 	key: 1,
 	class: "bg-elevation-surface-sunken-default mt-4 flex flex-col gap-3 rounded-xl p-3"
-}, OO = {
+}, AO = {
 	key: 0,
 	class: "relative max-w-sm"
-}, kO = { class: "absolute top-2 right-2" }, AO = ["placeholder"], jO = { class: "flex items-center justify-end gap-2" }, MO = /*#__PURE__*/ vC(/* @__PURE__ */ f({
+}, jO = { class: "absolute top-2 right-2" }, MO = ["placeholder"], NO = { class: "flex items-center justify-end gap-2" }, PO = /*#__PURE__*/ vC(/* @__PURE__ */ f({
 	__name: "ScheduledMessagesDialog",
 	props: {
 		open: { type: Boolean },
@@ -41445,17 +41477,17 @@ var Yw = {
 			"close-label": N(v)("close"),
 			onClose: r[3] ||= (e) => l("close")
 		}, {
-			default: ie(() => [c("div", uO, [e.loading ? (w(), s("div", dO, [d(N(he), {
+			default: ie(() => [c("div", fO, [e.loading ? (w(), s("div", pO, [d(N(he), {
 				style: {
 					width: "2.75rem",
 					height: "2.75rem"
 				},
 				"stroke-width": "6"
-			})])) : y.value.length === 0 ? (w(), s("div", fO, j(N(v)("noScheduledMessagesForConversation")), 1)) : (w(), s("div", pO, [(w(!0), s(n, null, D(y.value, (e) => (w(), s("article", {
+			})])) : y.value.length === 0 ? (w(), s("div", mO, j(N(v)("noScheduledMessagesForConversation")), 1)) : (w(), s("div", hO, [(w(!0), s(n, null, D(y.value, (e) => (w(), s("article", {
 				key: e.id,
 				class: "border-default rounded-lg border px-4 py-3"
-			}, [c("div", mO, [c("div", hO, [
-				c("div", gO, [c("div", _O, [e.kind === "poll" ? (w(), a(N(ge), {
+			}, [c("div", gO, [c("div", _O, [
+				c("div", vO, [c("div", yO, [e.kind === "poll" ? (w(), a(N(ge), {
 					key: 0,
 					text: N(v)("poll"),
 					context: "info",
@@ -41476,9 +41508,9 @@ var Yw = {
 					size: "small",
 					onClick: (t) => oe(e)
 				}, null, 8, ["icon", "onClick"])]),
-				c("div", vO, [c("p", yO, j(x(e.scheduled?.scheduleDate)), 1), e.kind === "poll" && e.poll ? (w(), s("p", bO, j(e.poll.question), 1)) : (w(), s("p", xO, j(N(gy)(e, N(v)("attachment"))), 1))]),
-				te(e) && (u.value !== e.id || f.value !== "text") ? (w(), s("div", SO, [d(zT, { message: M(e) }, null, 8, ["message"])])) : o("", !0)
-			]), c("div", CO, [e.kind === "poll" ? o("", !0) : (w(), a(N(I), {
+				c("div", bO, [c("p", xO, j(x(e.scheduled?.scheduleDate)), 1), e.kind === "poll" && e.poll ? (w(), s("p", SO, j(e.poll.question), 1)) : (w(), s("p", CO, j(N(gy)(e, N(v)("attachment"))), 1))]),
+				te(e) && (u.value !== e.id || f.value !== "text") ? (w(), s("div", wO, [d(zT, { message: M(e) }, null, 8, ["message"])])) : o("", !0)
+			]), c("div", TO, [e.kind === "poll" ? o("", !0) : (w(), a(N(I), {
 				key: 0,
 				label: N(v)("edit"),
 				icon: N(Pe),
@@ -41500,7 +41532,7 @@ var Yw = {
 				"label",
 				"icon",
 				"onClick"
-			])) : o("", !0)])]), u.value === e.id && f.value === "reschedule" ? (w(), s("div", wO, [c("div", TO, [F(c("input", {
+			])) : o("", !0)])]), u.value === e.id && f.value === "reschedule" ? (w(), s("div", EO, [c("div", DO, [F(c("input", {
 				"onUpdate:modelValue": r[0] ||= (e) => m.value = e,
 				type: "date",
 				class: "surface-input body-md w-full rounded-xl p-2 ring-0 outline-none"
@@ -41512,7 +41544,7 @@ var Yw = {
 				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), [[ne, h.value]])]), c("div", EO, [d(N(I), {
+			}, null, 512), [[ne, h.value]])]), c("div", OO, [d(N(I), {
 				label: N(v)("save"),
 				size: "small",
 				disabled: !m.value || !b.value,
@@ -41526,8 +41558,8 @@ var Yw = {
 				size: "small",
 				text: "",
 				onClick: A
-			}, null, 8, ["label"])])])) : u.value === e.id && f.value === "text" ? (w(), s("div", DO, [
-				te(e) ? (w(), s("div", OO, [d(zT, { message: M(e) }, null, 8, ["message"]), c("div", kO, [d(N(I), {
+			}, null, 8, ["label"])])])) : u.value === e.id && f.value === "text" ? (w(), s("div", kO, [
+				te(e) ? (w(), s("div", AO, [d(zT, { message: M(e) }, null, 8, ["message"]), c("div", jO, [d(N(I), {
 					icon: N(Ee),
 					"aria-label": N(v)("remove"),
 					text: "",
@@ -41541,8 +41573,8 @@ var Yw = {
 					rows: "3",
 					class: "surface-input body-md w-full rounded-xl px-3 py-2 ring-0 outline-none",
 					placeholder: N(v)("writeMessage")
-				}, null, 8, AO), [[ne, g.value]]),
-				c("div", jO, [d(N(I), {
+				}, null, 8, MO), [[ne, g.value]]),
+				c("div", NO, [d(N(I), {
 					label: N(v)("cancel"),
 					size: "small",
 					text: "",
@@ -41566,7 +41598,7 @@ var Yw = {
 			"close-label"
 		]));
 	}
-}), [["__scopeId", "data-v-0bb2dc95"]]), NO = { class: "chat-status-overlay" }, PO = { class: "chat-status-overlay__card" }, FO = /*#__PURE__*/ vC(/* @__PURE__ */ f({
+}), [["__scopeId", "data-v-0bb2dc95"]]), FO = { class: "chat-status-overlay" }, IO = { class: "chat-status-overlay__card" }, LO = /*#__PURE__*/ vC(/* @__PURE__ */ f({
 	__name: "ChatStatusOverlay",
 	props: {
 		visible: { type: Boolean },
@@ -41599,9 +41631,9 @@ var Yw = {
 			message: t.messages.connecting,
 			slotName: "connecting"
 		} : null);
-		return (e, t) => n.value ? O(e.$slots, n.value.slotName, {}, () => [c("div", NO, [c("div", PO, [O(e.$slots, `${n.value.slotName}-content`, {}, () => [c("span", null, j(n.value.message), 1)], !0)])])], !0, 0) : o("", !0);
+		return (e, t) => n.value ? O(e.$slots, n.value.slotName, {}, () => [c("div", FO, [c("div", IO, [O(e.$slots, `${n.value.slotName}-content`, {}, () => [c("span", null, j(n.value.message), 1)], !0)])])], !0, 0) : o("", !0);
 	}
-}), [["__scopeId", "data-v-7749aec9"]]), IO = /* @__PURE__ */ f({
+}), [["__scopeId", "data-v-7749aec9"]]), RO = /* @__PURE__ */ f({
 	__name: "BccChat",
 	props: {
 		client: { default: null },
@@ -41869,7 +41901,7 @@ var Yw = {
 				_: 1
 			})], void 0, 0) : o("", !0),
 			C.value ? (w(), s(n, { key: 1 }, [
-				d(OD, {
+				d(AD, {
 					target: "main",
 					class: v(["min-h-0 flex-1", e.containerClass]),
 					"hide-group-actions": e.hideGroupActions,
@@ -41906,7 +41938,7 @@ var Yw = {
 					"close-aria-label": N(m)("closeThread"),
 					onClose: r[0] ||= (e) => N(I).emit("ui:closeThread")
 				}, {
-					default: ie(() => [d(OD, {
+					default: ie(() => [d(AD, {
 						target: "thread",
 						class: "min-h-0 flex-1",
 						"action-message-class": e.actionMessageClass,
@@ -41930,7 +41962,7 @@ var Yw = {
 					"close-label",
 					"close-aria-label"
 				]),
-				d(MO, {
+				d(PO, {
 					open: N(F).showScheduledMessages.value,
 					loading: N(F).loadingScheduledMessages.value,
 					messages: N(F).scheduledMessages.value,
@@ -41945,7 +41977,7 @@ var Yw = {
 					"messages",
 					"conversation-title"
 				]),
-				d($D, {
+				d(tO, {
 					open: !!N(F).infoMessage.value,
 					message: N(F).infoMessage.value,
 					receipts: N(F).infoMessageReceipts.value,
@@ -41959,7 +41991,7 @@ var Yw = {
 					"loading",
 					"error"
 				]),
-				d(lO, {
+				d(dO, {
 					open: N(F).showPinnedMessages.value,
 					messages: N(ee).pinnedMessages.value,
 					"can-unpin": N(M).canPin.value,
@@ -41975,7 +42007,7 @@ var Yw = {
 					"mention-name-by-uid",
 					"conversation-title"
 				]),
-				d(ID, {
+				d(RD, {
 					open: !!N(F).forwardMessageSource.value,
 					chats: C.value?.conversations.value ?? [],
 					sending: N(F).sendingForwardMessage.value,
@@ -41987,7 +42019,7 @@ var Yw = {
 					"sending"
 				])
 			], 64)) : o("", !0),
-			d(FO, {
+			d(LO, {
 				visible: T.value && (C.value?.offlineMode.value || !C.value?.connected.value || _.value && !ne.value || g.value || b.value || e.displayNoMessagesText && N(ee).isChatEmpty.value),
 				"offline-mode": !(!C.value?.offlineMode.value || D.value),
 				connected: !!(C.value?.connected.value || D.value),
@@ -42027,6 +42059,6 @@ var Yw = {
 	}
 });
 //#endregion
-export { IO as BccChat, IO as BccChatMessageList, xx as LogSeverity, gS as chat, gS as default, Wy as createChatClient };
+export { RO as BccChat, RO as BccChatMessageList, xx as LogSeverity, gS as chat, gS as default, Wy as createChatClient };
 
 //# sourceMappingURL=vue-bcc-chat-ui.js.map