@templatical/editor 0.39.2 → 0.39.4

package/dist/{AiChatSidebar-pOxCZWz9.js → AiChatSidebar-5qqrS6uy.js}

@@ -1,19 +1,19 @@
-import { A as e, B as t, E as n, M as r, R as i, S as ee, V as te, Z as a, at as o, c as s, d as c, g as l, h as u, jt as d, kt as f, l as p, r as m, u as h, v as g } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { a as ne, t as re } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
-import { _ as ie, g as ae } from "./dist-8VFzbeu9.js";
-import { D as oe, P as se, Z as _, g as v, i as ce, u as le } from "./keys-BdoSgsz9.js";
-import { t as y } from "./createLucideIcon-BxY5yz5u.js";
-import { t as ue } from "./circle-alert-CYgTHKWr.js";
-import { t as de } from "./loader-circle-z5eeqasv.js";
-import { t as fe } from "./send-Cm2fy2zm.js";
-import { t as b } from "./sparkles-Ds0RF8Iu.js";
-import { t as pe } from "./trash-DnOkfu2V.js";
-import { t as me } from "./x-3BHV3Q6K.js";
-import { t as x } from "./LoadingTrack-C2jKCU2d.js";
-import { t as S } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as C } from "./useAliveFlag-BkKyhkwZ.js";
-import { p as w } from "./cloud-C9xWZXhg.js";
-var T = y({
+import { A as e, B as t, E as n, M as r, R as i, S as ee, V as te, Z as a, at as o, c as s, d as c, g as l, h as u, jt as d, kt as ne, l as f, r as p, u as m, v as h } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { a as re, t as ie } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
+import { _ as ae, g as oe } from "./dist-8VFzbeu9.js";
+import { D as se, P as g, Z as _, g as ce, i as le, u as ue } from "./keys-BdoSgsz9.js";
+import { t as v } from "./createLucideIcon-BxY5yz5u.js";
+import { t as de } from "./circle-alert-CYgTHKWr.js";
+import { t as fe } from "./loader-circle-z5eeqasv.js";
+import { t as pe } from "./send-Cm2fy2zm.js";
+import { t as y } from "./sparkles-Ds0RF8Iu.js";
+import { t as me } from "./trash-DnOkfu2V.js";
+import { t as he } from "./x-3BHV3Q6K.js";
+import { t as b } from "./LoadingTrack-C1Epulqq.js";
+import { t as x } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as S } from "./useAliveFlag-BkKyhkwZ.js";
+import { p as C } from "./cloud-C9xWZXhg.js";
+var w = v({
 	name: "redo-2",
 	size: 24,
 	node: [["path", {
@@ -23,7 +23,7 @@ var T = y({
 		d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13",
 		key: "6uklza"
 	}]]
-}), E = y({
+}), T = v({
 	name: "undo-2",
 	size: 24,
 	node: [["path", {
@@ -33,10 +33,7 @@ var T = y({
 		d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",
 		key: "f3b9sd"
 	}]]
-}), D = {
-	key: 0,
-	class: "tpl-ai-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, O = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, k = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, A = { class: "tpl:flex tpl:items-center tpl:gap-1" }, j = ["title"], M = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col" }, N = {
+}), E = ["aria-label"], D = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, O = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, k = { class: "tpl:flex tpl:items-center tpl:gap-1" }, A = ["aria-label", "title"], j = ["aria-label"], M = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col" }, N = {
 	key: 0,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
 }, P = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, F = {
@@ -57,7 +54,7 @@ var T = y({
 }, z = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:gap-2"
-}, he = {
+}, ge = {
 	key: 1,
 	class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm tpl:whitespace-pre-wrap",
 	style: {
@@ -66,50 +63,50 @@ var T = y({
 		color: "var(--tpl-text)",
 		"box-shadow": "var(--tpl-shadow)"
 	}
-}, ge = {
+}, _e = {
 	key: 0,
 	class: "tpl:mx-3 tpl:mb-2 tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs",
 	style: {
 		"background-color": "var(--tpl-danger-light)",
 		color: "var(--tpl-danger)"
 	}
-}, _e = {
+}, ve = {
 	key: 1,
 	class: "tpl:absolute tpl:right-0 tpl:bottom-0 tpl:left-0 tpl:z-10 tpl:px-3 tpl:pb-3",
 	style: {
 		"background-color": "color-mix(\n              in srgb,\n              var(--tpl-bg) 50%,\n              transparent\n            )",
 		"backdrop-filter": "blur(2px)"
 	}
-}, ve = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, ye = ["onClick"], be = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, xe = { class: "tpl-ai-input-wrapper tpl-focus-ring-host tpl:flex tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Se = ["placeholder", "disabled"], Ce = ["disabled"], we = { class: "tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, B = /*#__PURE__*/ S(/* @__PURE__ */ g({
+}, ye = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, be = ["onClick"], xe = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, Se = { class: "tpl-ai-input-wrapper tpl-focus-ring-host tpl:flex tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Ce = ["placeholder", "disabled"], we = ["disabled"], Te = { class: "tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, B = /*#__PURE__*/ x(/* @__PURE__ */ h({
 	__name: "AiChatSidebar",
 	props: {
 		visible: { type: Boolean },
 		onApply: { type: Function }
 	},
 	emits: ["close"],
-	setup(g, { emit: y }) {
-		let S = g, B = y, V = _(le, "AiChatSidebar"), H = _(v, "AiChatSidebar"), Te = _(ce, "AiChatSidebar"), U = ee(oe, se), W = C(), G = w({
-			authManager: Te,
+	setup(h, { emit: v }) {
+		let x = h, B = v, V = _(ue, "AiChatSidebar"), H = _(ce, "AiChatSidebar"), Ee = _(le, "AiChatSidebar"), U = ee(se, g), W = S(), G = C({
+			authManager: Ee,
 			getTemplateId: () => H.state.template?.id ?? null,
-			onApply: S.onApply,
+			onApply: x.onApply,
 			onError: void 0
-		}), K = a(""), q = a(null), J = a(!1), Y = a(0), { pause: X, resume: Ee } = ae(() => {
+		}), K = a(""), q = a(null), J = a(!1), Y = a(0), { pause: X, resume: De } = oe(() => {
 			let e = G.suggestions.value?.length ?? 0;
 			Y.value < e ? Y.value++ : X();
-		}, 150, { immediate: !1 }), { start: De } = ie(() => Ee(), 100, { immediate: !1 });
+		}, 150, { immediate: !1 }), { start: Oe } = ae(() => De(), 100, { immediate: !1 });
 		i(() => G.suggestions.value?.length ?? 0, (e) => {
 			if (X(), e === 0) {
 				Y.value = 0;
 				return;
 			}
-			Y.value = 0, De();
+			Y.value = 0, Oe();
 		});
 		function Z() {
 			n(() => {
 				q.value && (q.value.scrollTop = q.value.scrollHeight);
 			});
 		}
-		i(() => G.messages.value?.length ?? 0, () => Z()), i(() => S.visible, async (e) => {
+		i(() => G.messages.value?.length ?? 0, () => Z()), i(() => x.visible, async (e) => {
 			if (e && !J.value) {
 				if (J.value = !0, await G.loadConversation(), !W.alive) return;
 				(G.messages.value?.length ?? 0) === 0 && H.content.value.blocks.length === 0 && G.loadSuggestions(H.content.value, U.value);
@@ -122,13 +119,13 @@ var T = y({
 		function $(e) {
 			return e.replace(/```json[\s\S]*?```/g, "").replace(/```json[\s\S]*/g, "").trim();
 		}
-		function Oe(e) {
+		function ke(e) {
 			X(), K.value = e, Q();
 		}
-		function ke(e) {
+		function Ae(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q());
 		}
-		return (n, i) => (e(), p(re, {
+		return (n, i) => (e(), f(ie, {
 			"enter-active-class": "tpl-ai-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -136,42 +133,51 @@ var T = y({
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: t(() => [g.visible ? (e(), c("div", D, [
-				s("div", O, [s("div", k, [l(o(b), {
+			default: t(() => [h.visible ? (e(), c("div", {
+				key: 0,
+				role: "complementary",
+				"aria-label": o(V).aiChat.title,
+				class: "tpl-ai-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
+			}, [
+				s("div", D, [s("div", O, [l(o(y), {
 					size: 13,
 					"stroke-width": 2
-				}), s("span", null, d(o(V).aiChat.title), 1)]), s("div", A, [(o(G).messages.value?.length ?? 0) > 0 ? (e(), c("button", {
+				}), s("span", null, d(o(V).aiChat.title), 1)]), s("div", k, [(o(G).messages.value?.length ?? 0) > 0 ? (e(), c("button", {
 					key: 0,
+					type: "button",
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+					"aria-label": o(V).aiChat.clear,
 					title: o(V).aiChat.clear,
 					onClick: i[0] ||= (e) => o(G).clearChat()
-				}, [l(o(pe), {
+				}, [l(o(me), {
 					size: 14,
 					"stroke-width": 2
-				})], 8, j)) : h("", !0), s("button", {
+				})], 8, A)) : m("", !0), s("button", {
+					type: "button",
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+					"aria-label": o(V).aiChat.close,
 					onClick: i[1] ||= (e) => B("close")
-				}, [l(o(me), {
+				}, [l(o(he), {
 					size: 14,
 					"stroke-width": 2
-				})])])]),
+				})], 8, j)])]),
 				s("div", M, [
 					s("div", {
 						ref_key: "messagesContainer",
 						ref: q,
 						class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4"
-					}, [o(G).isLoadingHistory.value ? (e(), c("div", N, [l(o(de), {
+					}, [o(G).isLoadingHistory.value ? (e(), c("div", N, [l(o(fe), {
 						class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 						size: 24,
 						"stroke-width": 2
-					}), s("p", P, d(o(V).aiChat.loadingHistory), 1)])) : (o(G).messages.value?.length ?? 0) === 0 ? (e(), c("div", F, [l(o(b), {
+					}), s("p", P, d(o(V).aiChat.loadingHistory), 1)])) : (o(G).messages.value?.length ?? 0) === 0 ? (e(), c("div", F, [l(o(y), {
 						size: 32,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
-					}), s("p", I, d(o(V).aiChat.placeholder), 1)])) : (e(), c("div", L, [(e(!0), c(m, null, r(o(G).messages.value, (t, n) => (e(), c("div", {
+					}), s("p", I, d(o(V).aiChat.placeholder), 1)])) : (e(), c("div", L, [(e(!0), c(p, null, r(o(G).messages.value, (t, n) => (e(), c("div", {
 						key: t.id,
 						class: "tpl:flex tpl:flex-col tpl:gap-2"
-					}, [t.role === "user" ? (e(), c("div", R, d(t.content), 1)) : (e(), c("div", z, [!$(t.content) && o(G).isGenerating.value && n === (o(G).messages.value?.length ?? 0) - 1 ? (e(), p(x, { key: 0 })) : (e(), c("div", he, d($(t.content) || o(V).aiChat.applied), 1)), t.id === o(G).lastApplyMessageId.value && !o(G).isGenerating.value ? (e(), c("button", {
+					}, [t.role === "user" ? (e(), c("div", R, d(t.content), 1)) : (e(), c("div", z, [!$(t.content) && o(G).isGenerating.value && n === (o(G).messages.value?.length ?? 0) - 1 ? (e(), f(b, { key: 0 })) : (e(), c("div", ge, d($(t.content) || o(V).aiChat.applied), 1)), t.id === o(G).lastApplyMessageId.value && !o(G).isGenerating.value ? (e(), c("button", {
 						key: 2,
 						class: "tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:self-start tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all",
 						style: {
@@ -180,49 +186,49 @@ var T = y({
 							"background-color": "transparent"
 						},
 						onClick: i[2] ||= (e) => o(G).toggleLastRevert()
-					}, [o(G).isLastChangeReverted.value ? (e(), c(m, { key: 0 }, [l(o(T), {
+					}, [o(G).isLastChangeReverted.value ? (e(), c(p, { key: 0 }, [l(o(w), {
 						size: 12,
 						"stroke-width": 2
-					}), u(" " + d(o(V).aiChat.reapply), 1)], 64)) : (e(), c(m, { key: 1 }, [l(o(E), {
+					}), u(" " + d(o(V).aiChat.reapply), 1)], 64)) : (e(), c(p, { key: 1 }, [l(o(T), {
 						size: 12,
 						"stroke-width": 2
-					}), u(" " + d(o(V).aiChat.revert), 1)], 64))])) : h("", !0)]))]))), 128))]))], 512),
-					o(G).error.value ? (e(), c("div", ge, [l(o(ue), {
+					}), u(" " + d(o(V).aiChat.revert), 1)], 64))])) : m("", !0)]))]))), 128))]))], 512),
+					o(G).error.value ? (e(), c("div", _e, [l(o(de), {
 						size: 14,
 						"stroke-width": 2,
 						class: "tpl:mt-0.5 tpl:shrink-0"
-					}), s("span", null, d(o(G).error.value === "ai_apply_failed" ? o(V).aiChat.applyFailed : o(V).aiChat.error), 1)])) : h("", !0),
-					(o(G).suggestions.value?.length ?? 0) > 0 ? (e(), c("div", _e, [s("div", ve, [(e(!0), c(m, null, r(o(G).suggestions.value ?? [], (t, n) => (e(), c("button", {
+					}), s("span", null, d(o(G).error.value === "ai_apply_failed" ? o(V).aiChat.applyFailed : o(V).aiChat.error), 1)])) : m("", !0),
+					(o(G).suggestions.value?.length ?? 0) > 0 ? (e(), c("div", ve, [s("div", ye, [(e(!0), c(p, null, r(o(G).suggestions.value ?? [], (t, n) => (e(), c("button", {
 						key: n,
-						class: f(["tpl-suggestion-btn tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:leading-snug tpl:transition-all tpl:duration-300 tpl:ease-out", (o(G).suggestions.value?.length ?? 0) - 1 - n < Y.value ? "tpl:translate-y-0 tpl:opacity-100" : "tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0"]),
+						class: ne(["tpl-suggestion-btn tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:leading-snug tpl:transition-all tpl:duration-300 tpl:ease-out", (o(G).suggestions.value?.length ?? 0) - 1 - n < Y.value ? "tpl:translate-y-0 tpl:opacity-100" : "tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0"]),
 						style: {
 							"border-color": "var(--tpl-border)",
 							color: "var(--tpl-primary)",
 							"background-color": "var(--tpl-bg)",
 							"box-shadow": "var(--tpl-shadow)"
 						},
-						onClick: (e) => Oe(t)
-					}, d(t), 11, ye))), 128))])])) : h("", !0)
+						onClick: (e) => ke(t)
+					}, d(t), 11, be))), 128))])])) : m("", !0)
 				]),
-				s("div", be, [s("div", xe, [te(s("textarea", {
+				s("div", xe, [s("div", Se, [te(s("textarea", {
 					"onUpdate:modelValue": i[3] ||= (e) => K.value = e,
 					class: "tpl:max-h-32 tpl:min-h-[64px] tpl:flex-1 tpl:resize-none tpl:border-none tpl:bg-transparent tpl:font-sans tpl:text-sm tpl:outline-none tpl:text-[var(--tpl-text)]",
 					placeholder: o(V).aiChat.inputPlaceholder,
 					disabled: o(G).isGenerating.value,
 					rows: "3",
-					onKeydown: ke
-				}, null, 40, Se), [[ne, K.value]]), s("button", {
+					onKeydown: Ae
+				}, null, 40, Ce), [[re, K.value]]), s("button", {
 					class: "tpl-ai-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
 					disabled: !K.value.trim() || o(G).isGenerating.value,
 					onClick: Q
-				}, [l(o(fe), {
+				}, [l(o(pe), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, Ce)]), s("p", we, d(o(V).aiMenu.disclaimer), 1)])
-			])) : h("", !0)]),
+				})], 8, we)]), s("p", Te, d(o(V).aiMenu.disclaimer), 1)])
+			], 8, E)) : m("", !0)]),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-14f74f56"]]);
+}), [["__scopeId", "data-v-0a3b048c"]]);
 //#endregion
 export { B as default };

package/dist/{AiFeatureMenu-Bljk6Qjv.js → AiFeatureMenu-BBO_Ojlp.js}

@@ -1,5 +1,5 @@
 import { A as e, At as t, F as n, M as r, c as i, d as a, jt as o, l as s, r as c, s as l, v as u } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import "./useEditorCore-C5APBjjV.js";
+import "./useEditorCore-BUVbQgwb.js";
 import { Z as d, t as f } from "./keys-BdoSgsz9.js";
 import { t as p } from "./image-up-Qi2BXD7T.js";
 import { t as m } from "./shield-check-COgBYFDF.js";

package/dist/{BlockPreviewCanvas-DXGjUECG.js → BlockPreviewCanvas-BMC16_QU.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { A as t, At as n, F as r, M as i, P as a, S as o, at as s, c, d as l, j as u, l as d, r as f, s as p, v as m } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { R as h } from "./dist-tGkjkX-v.js";
-import { _ as g, a as _, c as v, d as y, f as b, g as x, h as S, i as C, k as w, m as T, n as E, p as D, r as O, u as k, v as A } from "./useEditorCore-C5APBjjV.js";
+import { _ as g, a as _, c as v, d as y, f as b, g as x, h as S, i as C, k as w, m as T, n as E, p as D, r as O, u as k, v as A } from "./useEditorCore-BUVbQgwb.js";
 import { X as j, f as M, g as N, j as P, s as F } from "./keys-BdoSgsz9.js";
 import { n as I, t as L } from "./emailFrameWidth-BmFCN2dp.js";
 //#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts

package/dist/{CloudHeaderExtras-DaocwNmy.js → CloudHeaderExtras-Cg6uF-yQ.js}

@@ -17,7 +17,7 @@ var v = {
 		cloud: {}
 	},
 	setup(p) {
-		let x = n(() => import("./CollaboratorBar-C7Zca3g1.js")), S = n(() => import("./AiFeatureMenu-Bljk6Qjv.js")), { t: C, format: w } = _();
+		let x = n(() => import("./CollaboratorBar-Cmn0LccS.js")), S = n(() => import("./AiFeatureMenu-BBO_Ojlp.js")), { t: C, format: w } = _();
 		return (n, _) => p.part === "left" ? (e(), a(d, { key: 0 }, [p.cloud.featureFlags.templateLimit.value === null ? f("", !0) : (e(), a("span", v, c(r(w)(r(C).header.templatesUsed, {
 			used: p.cloud.featureFlags.templateCount.value,
 			max: p.cloud.featureFlags.templateLimit.value

package/dist/{CloudPanels-CyZAnSJY.js → CloudPanels-D1Gg4qrG.js}

@@ -1,15 +1,17 @@
-import { A as e, B as t, M as n, _ as r, at as i, c as a, d as o, g as s, jt as c, l, m as u, r as d, u as f, v as p } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { c as m, t as h } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
+import { A as e, B as t, M as n, _ as r, at as i, c as a, d as o, g as s, jt as c, kt as l, l as u, m as d, r as f, u as p, v as m } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { t as h } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
 import { t as g } from "./useI18n-Ds_-druD.js";
 import { t as _ } from "./circle-alert-CYgTHKWr.js";
 import { t as v } from "./triangle-alert-DGLAyXnh.js";
 import { n as y } from "./useCloudI18n-D1iedlP3.js";
+import { d as b, v as x, x as S } from "./styleConstants-C_YAPdQS.js";
+import { t as C } from "./TplModal-DVMS_nAn.js";
 //#region src/cloud/components/CloudErrorOverlay.vue?vue&type=script&setup=true&lang.ts
-var b = {
+var w = {
 	key: 0,
 	role: "alert",
 	class: "tpl-error tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-6 tpl:px-8 tpl:bg-[var(--tpl-bg)]"
-}, x = { class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-danger-light)]" }, S = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center" }, C = { class: "tpl:text-lg tpl:font-semibold tpl:text-[var(--tpl-text)]" }, w = { class: "tpl:max-w-md tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, T = /* @__PURE__ */ p({
+}, T = { class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-danger-light)]" }, E = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center" }, D = { class: "tpl:text-lg tpl:font-semibold tpl:text-[var(--tpl-text)]" }, O = { class: "tpl:max-w-md tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, k = /* @__PURE__ */ m({
 	__name: "CloudErrorOverlay",
 	props: {
 		error: {},
@@ -17,86 +19,98 @@ var b = {
 	},
 	emits: ["retry"],
 	setup(t, { emit: n }) {
-		let r = n, { t: l } = y();
-		function u(e) {
-			return "isUnauthorized" in e && e.isUnauthorized ? l.error.authFailed : "isNotFound" in e && e.isNotFound ? l.error.templateNotFound : l.error.defaultMessage;
-		}
+		let r = n, { t: u } = y();
 		function d(e) {
+			return "isUnauthorized" in e && e.isUnauthorized ? u.error.authFailed : "isNotFound" in e && e.isNotFound ? u.error.templateNotFound : u.error.defaultMessage;
+		}
+		function f(e) {
 			return "isNotFound" in e && !!e.isNotFound;
 		}
-		return (n, p) => t.visible && t.error ? (e(), o("div", b, [
-			a("div", x, [s(i(_), {
+		return (n, m) => t.visible && t.error ? (e(), o("div", w, [
+			a("div", T, [s(i(_), {
 				size: 32,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-danger)]"
 			})]),
-			a("div", S, [a("h2", C, c(i(l).error.title), 1), a("p", w, c(u(t.error)), 1)]),
-			d(t.error) ? f("", !0) : (e(), o("button", {
+			a("div", E, [a("h2", D, c(i(u).error.title), 1), a("p", O, c(d(t.error)), 1)]),
+			f(t.error) ? p("", !0) : (e(), o("button", {
 				key: 0,
-				class: "tpl-btn tpl-btn-primary tpl:inline-flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:shadow-[var(--tpl-shadow-sm)] tpl:transition-all tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)]",
-				onClick: p[0] ||= (e) => r("retry")
-			}, c(i(l).error.retry), 1))
-		])) : f("", !0);
+				type: "button",
+				class: l(i(x)),
+				onClick: m[0] ||= (e) => r("retry")
+			}, c(i(u).error.retry), 3))
+		])) : p("", !0);
 	}
-}), E = {
-	key: 0,
-	class: "tpl-loading tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col tpl:bg-[var(--tpl-bg)]"
-}, D = { class: "tpl:flex tpl:flex-1 tpl:overflow-hidden" }, O = { class: "tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5 tpl:border-r tpl:border-[var(--tpl-border)]" }, k = /* @__PURE__ */ p({
+}), A = ["aria-label"], j = { class: "tpl:flex tpl:flex-1 tpl:overflow-hidden" }, M = { class: "tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5 tpl:border-r tpl:border-[var(--tpl-border)]" }, N = /* @__PURE__ */ m({
 	__name: "CloudLoadingOverlay",
 	props: { visible: { type: Boolean } },
 	setup(t) {
-		return (r, i) => t.visible ? (e(), o("div", E, [i[1] ||= u("<div class=\"tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4 tpl:border-b tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl:flex tpl:gap-3\"><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div></div>", 1), a("div", D, [a("div", O, [(e(), o(d, null, n(5, (e) => a("div", {
+		let { t: r } = y();
+		return (s, c) => t.visible ? (e(), o("div", {
+			key: 0,
+			role: "status",
+			"aria-live": "polite",
+			"aria-busy": "true",
+			"aria-label": i(r).loading.initializing,
+			class: "tpl-loading tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col tpl:bg-[var(--tpl-bg)]"
+		}, [c[1] ||= d("<div class=\"tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4 tpl:border-b tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl:flex tpl:gap-3\"><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div></div>", 1), a("div", j, [a("div", M, [(e(), o(f, null, n(5, (e) => a("div", {
 			key: e,
 			class: "tpl-shimmer tpl:size-7 tpl:rounded-[var(--tpl-radius-sm)]"
-		})), 64))]), i[0] ||= u("<div class=\"tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8 tpl:bg-[var(--tpl-canvas-bg)]\"><div class=\"tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)]\"><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded\"></div></div><div class=\"tpl:py-4\"><div class=\"tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded\"></div></div><div class=\"tpl:flex tpl:justify-center tpl:py-4\"><div class=\"tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded\"></div></div></div></div><div class=\"tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4 tpl:border-l tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div></div>", 2)])])) : f("", !0);
+		})), 64))]), c[0] ||= d("<div class=\"tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8 tpl:bg-[var(--tpl-canvas-bg)]\"><div class=\"tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)]\"><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded\"></div></div><div class=\"tpl:py-4\"><div class=\"tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded\"></div></div><div class=\"tpl:flex tpl:justify-center tpl:py-4\"><div class=\"tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded\"></div></div></div></div><div class=\"tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4 tpl:border-l tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div></div>", 2)])], 8, A)) : p("", !0);
 	}
-}), A = ["aria-label"], j = { class: "tpl:flex tpl:max-h-[80%] tpl:w-full tpl:max-w-md tpl:flex-col tpl:gap-4 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-5 tpl:shadow-[var(--tpl-shadow-md)]" }, M = { class: "tpl:flex tpl:items-center tpl:gap-2" }, N = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, P = { class: "tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, F = { class: "tpl:m-0 tpl:flex tpl:max-h-64 tpl:list-none tpl:flex-col tpl:gap-1.5 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2" }, I = { class: "tpl:text-xs tpl:text-[var(--tpl-text)]" }, L = { class: "tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, R = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, z = /* @__PURE__ */ p({
+}), P = {
+	role: "alertdialog",
+	"aria-modal": "true",
+	"aria-labelledby": "tpl-save-gate-title",
+	"aria-describedby": "tpl-save-gate-body",
+	"data-testid": "cloud-save-gate-dialog",
+	class: "tpl:flex tpl:max-h-[80%] tpl:w-full tpl:max-w-md tpl:flex-col tpl:gap-4 tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-5 tpl:shadow-[var(--tpl-shadow-lg)]"
+}, F = { class: "tpl:flex tpl:items-center tpl:gap-2" }, I = {
+	id: "tpl-save-gate-title",
+	class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, L = {
+	id: "tpl-save-gate-body",
+	class: "tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]"
+}, R = { class: "tpl:m-0 tpl:flex tpl:max-h-64 tpl:list-none tpl:flex-col tpl:gap-1.5 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-2" }, z = { class: "tpl:text-xs tpl:text-[var(--tpl-text)]" }, B = { class: "tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, V = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, H = /* @__PURE__ */ m({
 	__name: "CloudSaveGateModal",
 	props: {
 		open: { type: Boolean },
 		issues: {}
 	},
 	emits: ["cancel", "confirm"],
-	setup(r, { emit: u }) {
-		let p = u, { t: g } = y();
-		return (u, _) => (e(), l(h, {
-			"enter-active-class": "tpl:transition-opacity",
-			"leave-active-class": "tpl:transition-opacity",
-			"enter-from-class": "tpl:opacity-0",
-			"leave-to-class": "tpl:opacity-0"
+	setup(r, { emit: d }) {
+		let p = d, { t: m } = y();
+		return (d, h) => (e(), u(C, {
+			visible: r.open,
+			onClose: h[2] ||= (e) => p("cancel")
 		}, {
-			default: t(() => [r.open ? (e(), o("div", {
-				key: 0,
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-label": i(g).saveGate.title,
-				class: "tpl:fixed tpl:inset-0 tpl:z-50 tpl:flex tpl:items-center tpl:justify-center tpl:bg-black/40 tpl:p-6",
-				onClick: _[2] ||= m((e) => p("cancel"), ["self"])
-			}, [a("div", j, [
-				a("header", M, [s(i(v), {
+			default: t(() => [a("div", P, [
+				a("header", F, [s(i(v), {
 					size: 18,
 					"stroke-width": 2,
 					class: "tpl:text-[var(--tpl-warning)]"
-				}), a("h2", N, c(i(g).saveGate.title), 1)]),
-				a("p", P, c(i(g).saveGate.body), 1),
-				a("ul", F, [(e(!0), o(d, null, n(r.issues, (t) => (e(), o("li", {
+				}), a("h2", I, c(i(m).saveGate.title), 1)]),
+				a("p", L, c(i(m).saveGate.body), 1),
+				a("ul", R, [(e(!0), o(f, null, n(r.issues, (t) => (e(), o("li", {
 					key: `${t.ruleId}-${t.blockId ?? "template"}`,
 					class: "tpl:flex tpl:flex-col tpl:gap-0.5 tpl:rounded tpl:px-2 tpl:py-1.5"
-				}, [a("span", I, c(t.message), 1), a("span", L, c(t.ruleId), 1)]))), 128))]),
-				a("footer", R, [a("button", {
+				}, [a("span", z, c(t.message), 1), a("span", B, c(t.ruleId), 1)]))), 128))]),
+				a("footer", V, [a("button", {
 					type: "button",
-					class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]",
-					onClick: _[0] ||= (e) => p("cancel")
-				}, c(i(g).saveGate.cancel), 1), a("button", {
+					"data-testid": "cloud-save-gate-cancel",
+					class: l(i(S)),
+					onClick: h[0] ||= (e) => p("cancel")
+				}, c(i(m).saveGate.cancel), 3), a("button", {
 					type: "button",
-					class: "tpl:rounded-md tpl:bg-[var(--tpl-danger)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-bg)]",
-					onClick: _[1] ||= (e) => p("confirm")
-				}, c(i(g).saveGate.confirm), 1)])
-			])], 8, A)) : f("", !0)]),
+					"data-testid": "cloud-save-gate-confirm",
+					class: l(i(b)),
+					onClick: h[1] ||= (e) => p("confirm")
+				}, c(i(m).saveGate.confirm), 3)])
+			])]),
 			_: 1
-		}));
+		}, 8, ["visible"]));
 	}
-}), B = {
+}), U = {
 	key: 0,
 	role: "status",
 	"aria-live": "polite",
@@ -106,14 +120,14 @@ var b = {
 		color: "var(--tpl-text)",
 		border: "1px solid var(--tpl-warning)"
 	}
-}, V = /* @__PURE__ */ p({
+}, W = /* @__PURE__ */ m({
 	__name: "CollabUndoToast",
 	props: { visible: { type: Boolean } },
 	setup(t) {
 		let { t: n } = g();
-		return (r, a) => t.visible ? (e(), o("div", B, c(i(n).history.collabWarning), 1)) : f("", !0);
+		return (r, a) => t.visible ? (e(), o("div", U, c(i(n).history.collabWarning), 1)) : p("", !0);
 	}
-}), H = /* @__PURE__ */ p({
+}), G = /* @__PURE__ */ m({
 	__name: "CloudPanels",
 	props: {
 		editor: {},
@@ -123,11 +137,11 @@ var b = {
 		ready: {}
 	},
 	setup(n) {
-		let a = r(() => import("./AiChatSidebar-pOxCZWz9.js")), c = r(() => import("./DesignReferenceSidebar-QC4gEUWp.js")), l = r(() => import("./TemplateScoringPanel-C2Rdlyn6.js")), u = n;
-		function f(e) {
+		let a = r(() => import("./AiChatSidebar-5qqrS6uy.js")), c = r(() => import("./DesignReferenceSidebar-C8ohNhOd.js")), l = r(() => import("./TemplateScoringPanel-B1wcfE0w.js")), u = n;
+		function d(e) {
 			u.core.history.record(), u.editor.setContent(e), u.core.conditionPreview.reset();
 		}
-		return (r, u) => (e(), o(d, null, [
+		return (r, u) => (e(), o(f, null, [
 			s(h, {
 				"enter-active-class": "tpl:transition-opacity tpl:duration-200",
 				"enter-from-class": "tpl:opacity-100",
@@ -136,7 +150,7 @@ var b = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: t(() => [s(k, { visible: n.editor.state.isLoading }, null, 8, ["visible"])]),
+				default: t(() => [s(N, { visible: n.editor.state.isLoading }, null, 8, ["visible"])]),
 				_: 1
 			}),
 			s(h, {
@@ -147,7 +161,7 @@ var b = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: t(() => [s(T, {
+				default: t(() => [s(k, {
 					error: n.ready.sessionError.value,
 					visible: !!n.ready.sessionError.value,
 					onRetry: n.ready.retry
@@ -158,7 +172,7 @@ var b = {
 				])]),
 				_: 1
 			}),
-			s(z, {
+			s(H, {
 				open: n.ready.saveGate.modalOpen.value,
 				issues: n.ready.saveGate.blockingIssues.value,
 				onCancel: n.ready.saveGate.cancel,
@@ -177,12 +191,12 @@ var b = {
 				"leave-from-class": "tpl:translate-y-0 tpl:opacity-100",
 				"leave-to-class": "tpl:translate-y-[-8px] tpl:opacity-0"
 			}, {
-				default: t(() => [s(V, { visible: n.ready.collabWarning.collabUndoWarningVisible.value }, null, 8, ["visible"])]),
+				default: t(() => [s(W, { visible: n.ready.collabWarning.collabUndoWarningVisible.value }, null, 8, ["visible"])]),
 				_: 1
 			}),
 			s(i(a), {
 				visible: n.cloud.panelState.aiChatOpen.value,
-				"on-apply": f,
+				"on-apply": d,
 				onClose: u[0] ||= (e) => n.cloud.panelState.aiChatOpen.value = !1
 			}, null, 8, ["visible"]),
 			s(i(l), {
@@ -193,10 +207,10 @@ var b = {
 				visible: n.cloud.panelState.designReferenceOpen.value,
 				"has-existing-blocks": n.editor.content.value.blocks.length > 0,
 				onClose: u[2] ||= (e) => n.cloud.panelState.designReferenceOpen.value = !1,
-				onApply: f
+				onApply: d
 			}, null, 8, ["visible", "has-existing-blocks"])
 		], 64));
 	}
 });
 //#endregion
-export { H as default };
+export { G as default };

package/dist/{CollaboratorBar-C7Zca3g1.js → CollaboratorBar-Cmn0LccS.js}

@@ -1,5 +1,5 @@
 import { A as e, At as t, M as n, at as r, c as i, d as a, jt as o, l as s, r as c, s as l, u, v as d } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import "./useEditorCore-C5APBjjV.js";
+import "./useEditorCore-BUVbQgwb.js";
 import { t as f } from "./createLucideIcon-BxY5yz5u.js";
 import { n as p } from "./useCloudI18n-D1iedlP3.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";
@@ -73,7 +73,7 @@ var h = f({
 			return t.length >= 2 ? (t[0].charAt(0) + t[t.length - 1].charAt(0)).toUpperCase() : e.charAt(0).toUpperCase();
 		}
 		return (l, f) => (e(), a("div", _, [i("div", {
-			class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]",
+			class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 			style: t({ color: d.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
 			title: d.isConnected ? r(C).collaboration.connected : r(C).collaboration.disconnected
 		}, [d.isConnected ? (e(), s(r(g), {
@@ -94,7 +94,7 @@ var h = f({
 			title: n.name
 		}, o(O(n.name)), 13, b))), 128)), E.value > 0 ? (e(), a("div", {
 			key: 0,
-			class: "tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[9px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
+			class: "tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
 			title: D.value
 		}, " +" + o(E.value), 9, x)) : u("", !0)])) : u("", !0)]));
 	}

package/dist/{CommentsPanel-CNOb7YCm.js → CommentsPanel-twNhYUqZ.js}

@@ -5,7 +5,7 @@ var o = /* @__PURE__ */ a({
 	__name: "CommentsPanel",
 	props: { feature: {} },
 	setup(a) {
-		let o = t(() => import("./CommentsSidebar-VmwjU9va.js"));
+		let o = t(() => import("./CommentsSidebar-DDO0Qx8U.js"));
 		return (t, s) => a.feature.isOpen.value ? (e(), r(n(o), {
 			key: 0,
 			visible: a.feature.isOpen.value,