@templatical/editor 0.19.0 → 0.21.0

package/dist/{CollaboratorBar-CJO3l6Dt.js → CollaboratorBar-Ds0YZWzV.js}

@@ -1,7 +1,7 @@
 import { A as e, Dt as t, O as n, Ot as r, _ as i, c as a, d as o, l as s, nt as c, r as l, s as u, u as d } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import "./useEditorCore-ea9OrrH3.js";
-import { t as f } from "./createLucideIcon-FSF4peHQ.js";
-import { n as p } from "./useCloudI18n-PCDOC2kz.js";
+import "./useEditorCore-Bd9CA4L_.js";
+import { t as f } from "./createLucideIcon-JWHwTI6N.js";
+import { n as p } from "./useCloudI18n-BmiygEM4.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";
 var h = f("wifi-off", [
 	["path", {

package/dist/{ColorPicker-BsgpTJqK.js → ColorPicker-s9GHXjZs.js}

@@ -1,9 +1,9 @@
 import { A as e, Dt as t, Et as n, O as r, R as i, Y as a, _ as o, c as s, d as c, h as l, i as ee, l as te, nt as u, r as ne, s as d, u as f, x as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as re, s as m, t as ie } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { a as ae, i as oe, n as se, r as h, s as ce, t as le } from "./usePopoverPosition-F9STHRIr.js";
-import { L as ue, l as de, z as fe } from "./keys-DFaIbGR8.js";
-import { t as pe } from "./useI18n-BNMzZTM5.js";
-import { t as g } from "./x-Ctg_250T.js";
+import { a as ae, i as oe, n as se, r as h, s as ce, t as le } from "./usePopoverPosition-BO2LNy5n.js";
+import { L as ue, l as de, z as fe } from "./keys-CHPcp-Nz.js";
+import { t as pe } from "./useI18n-D2L9Mkik.js";
+import { t as g } from "./x-CkD6A1iB.js";
 //#region src/constants/styleConstants.ts
 var me = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]", _ = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", v = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-l-[var(--tpl-radius-sm)] tpl:rounded-r-none tpl:border-r-0 tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", y = "tpl:flex tpl:items-center tpl:px-2.5 tpl:text-xs tpl:border tpl:border-l-0 tpl:text-[var(--tpl-text-dim)] tpl:bg-[var(--tpl-bg-hover)] tpl:border-[var(--tpl-border)] tpl:rounded-r-[var(--tpl-radius-sm)]", b = "tpl:flex-1 tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-mono tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", x = "tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-4 tpl:border tpl:border-[var(--tpl-border)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)]", S = "tpl:flex tpl:size-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]", C = "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]", w = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2.5 tpl:py-2 tpl:font-mono tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-150 tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", T = "tpl-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3.5 tpl:py-2 tpl:text-sm tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary)] hover:tpl:text-[var(--tpl-bg)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50", E = [
 	"10px",

package/dist/CommentsSidebar-DvNEdugN.js

@@ -0,0 +1,435 @@
+import { A as e, Dt as t, Et as n, I as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as ee, nt as p, r as m, s as h, u as g, w as te, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { a as v, t as y } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
+import { B as b, h as ne, r as re, u as ie } from "./keys-CHPcp-Nz.js";
+import { t as ae } from "./useI18n-D2L9Mkik.js";
+import { t as x } from "./createLucideIcon-JWHwTI6N.js";
+import { t as oe } from "./check-BpQDKiPz.js";
+import { t as se } from "./chevron-down-j8GrdTyz.js";
+import { t as ce } from "./chevron-up-BACyVhyC.js";
+import { t as S } from "./loader-circle-C-Z6kgI6.js";
+import { t as C } from "./message-circle-CEm5qckV.js";
+import { t as w } from "./pencil-DdwmkKLb.js";
+import { t as T } from "./send-B70aQDrA.js";
+import { t as E } from "./trash-2-DE8CmxAG.js";
+import { t as D } from "./x-CkD6A1iB.js";
+import { t as le } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as ue } from "./useCloudI18n-BmiygEM4.js";
+import { t as de } from "./formatRelativeTime-CtUU-QZ8.js";
+var fe = x("circle-check", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}], ["path", {
+	d: "m9 12 2 2 4-4",
+	key: "dzmm74"
+}]]), pe = x("reply", [["path", {
+	d: "M20 18v-2a4 4 0 0 0-4-4H4",
+	key: "5vmcpk"
+}], ["path", {
+	d: "m9 17-5-5 5-5",
+	key: "nvlc11"
+}]]), me = {
+	key: 0,
+	class: "tpl-comments-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
+}, he = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, ge = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, _e = {
+	key: 0,
+	class: "tpl:ml-1 tpl:inline-flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]"
+}, ve = { class: "tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2" }, ye = { class: "tpl:flex-1 tpl:overflow-y-auto" }, be = {
+	key: 0,
+	class: "tpl:flex tpl:h-full tpl:items-center tpl:justify-center"
+}, xe = {
+	key: 1,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:px-6 tpl:text-center"
+}, Se = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ce = {
+	key: 2,
+	class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-3"
+}, we = { class: "tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3" }, Te = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Ee = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, De = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Oe = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, ke = {
+	key: 0,
+	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
+}, Ae = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, je = ["title", "onClick"], Me = ["title", "onClick"], Ne = ["title", "onClick"], Pe = {
+	key: 0,
+	class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1 tpl:text-[10px] tpl:text-[var(--tpl-primary)]"
+}, Fe = {
+	key: 0,
+	class: "tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]"
+}, Ie = ["onClick"], Le = {
+	key: 2,
+	class: "tpl:mt-2"
+}, Re = ["onKeydown"], ze = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, Be = ["disabled", "onClick"], Ve = {
+	key: 3,
+	class: "tpl:mt-1.5 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
+}, He = {
+	key: 4,
+	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
+}, Ue = { class: "tpl:flex-1" }, We = ["onClick"], Ge = {
+	key: 5,
+	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2"
+}, Ke = ["title", "onClick"], qe = ["onClick"], Je = {
+	key: 0,
+	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
+}, Ye = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Xe = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, Ze = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Qe = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, $e = {
+	key: 0,
+	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
+}, et = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, tt = ["title", "onClick"], nt = ["title", "onClick"], rt = {
+	key: 0,
+	class: "tpl:mt-1.5"
+}, it = ["onKeydown"], at = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, ot = ["disabled", "onClick"], st = {
+	key: 1,
+	class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
+}, ct = {
+	key: 2,
+	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
+}, lt = { class: "tpl:flex-1" }, ut = ["onClick"], dt = {
+	key: 0,
+	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
+}, ft = { class: "tpl:flex tpl:items-end tpl:gap-2" }, pt = ["placeholder", "onKeydown"], mt = { class: "tpl:flex tpl:shrink-0 tpl:flex-col tpl:gap-1" }, ht = ["disabled", "onClick"], gt = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, _t = {
+	key: 0,
+	class: "tpl:flex tpl:min-h-[68px] tpl:items-center tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]"
+}, vt = {
+	key: 1,
+	class: "tpl-comments-input-wrapper tpl:flex tpl:min-h-[68px] 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)]"
+}, yt = ["placeholder", "disabled"], bt = ["disabled"], O = /*#__PURE__*/ le(/* @__PURE__ */ c({
+	__name: "CommentsSidebar",
+	props: { visible: { type: Boolean } },
+	emits: ["close", "filterBlock"],
+	setup(c, { expose: x, emit: le }) {
+		let O = c, k = le, { format: A } = ae(), { t: j } = ue(), M = b(ne, "CommentsSidebar"), xt = b(re, "CommentsSidebar"), N = b(ie, "CommentsSidebar"), P = s("unresolved"), F = s(null), I = s(""), L = s(null), R = s(""), z = s(null), B = s(""), V = s(/* @__PURE__ */ new Set()), H = s(null), U = s(null), St = h(() => xt.userConfig?.id ?? null), Ct = h(() => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of M.content.value.blocks) if (e.add(t.id), t.type === "section") for (let n of t.children) for (let t of n) e.add(t.id);
+			return e;
+		});
+		function wt(e) {
+			return e ? !Ct.value.has(e) : !1;
+		}
+		let Tt = h(() => P.value !== "block" || !F.value ? !1 : !(M.savedBlockIds?.value.has(F.value) ?? !0)), W = h(() => {
+			let e = N.comments.value;
+			return P.value === "unresolved" ? e = e.filter((e) => !e.resolved_at) : P.value === "block" && F.value && (e = e.filter((e) => e.block_id === F.value)), e;
+		});
+		r(() => O.visible, (e) => {
+			e && N.loadComments();
+		}), r(() => M.state.selectedBlockId, (e) => {
+			P.value === "block" && e && (F.value = e);
+		});
+		function G(e, t) {
+			P.value = e, F.value = e === "block" ? t ?? null : null;
+		}
+		function Et(e) {
+			G("block", e), k("filterBlock", e);
+		}
+		function Dt(e) {
+			V.value.has(e) ? V.value.delete(e) : V.value.add(e);
+		}
+		function Ot(e) {
+			L.value = e, R.value = "", z.value = null, V.value.has(e) || V.value.add(e);
+		}
+		function kt() {
+			L.value = null, R.value = "";
+		}
+		function K(e) {
+			z.value = e.id, B.value = e.body, L.value = null;
+		}
+		function q() {
+			z.value = null, B.value = "";
+		}
+		function J(e) {
+			H.value = e;
+		}
+		function Y() {
+			H.value = null;
+		}
+		async function X() {
+			let e = I.value.trim();
+			if (!e) return;
+			let t = P.value === "block" ? F.value : void 0;
+			await N.addComment(e, t ?? void 0), I.value = "";
+		}
+		async function At(e) {
+			let t = R.value.trim();
+			if (!t) return;
+			let n = N.comments.value.find((t) => t.id === e);
+			await N.addComment(t, n?.block_id ?? void 0, e), L.value = null, R.value = "";
+		}
+		async function Z(e) {
+			let t = B.value.trim();
+			t && (await N.editComment(e, t), z.value = null, B.value = "");
+		}
+		async function jt(e) {
+			await N.removeComment(e), H.value = null;
+		}
+		async function Mt(e) {
+			await N.toggleResolve(e);
+		}
+		function Q(e) {
+			return e.author_identifier === St.value;
+		}
+		function Nt(e) {
+			return de(e, j.snapshotHistory) ?? e;
+		}
+		function Pt(e) {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), X());
+		}
+		function Ft(e, t) {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), At(t));
+		}
+		function $(e, t) {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Z(t)), e.key === "Escape" && q();
+		}
+		function It() {
+			te(() => {
+				U.value?.focus();
+			});
+		}
+		return x({
+			filterByBlock: Et,
+			focusNewComment: It
+		}), (r, s) => (i(), f(y, {
+			"enter-active-class": "tpl-comments-slide-enter-active",
+			"enter-from-class": "tpl:translate-x-full",
+			"enter-to-class": "tpl:translate-x-0",
+			"leave-active-class": "tpl-comments-slide-leave-active",
+			"leave-from-class": "tpl:translate-x-0",
+			"leave-to-class": "tpl:translate-x-full"
+		}, {
+			default: o(() => [c.visible ? (i(), u("div", me, [
+				l("div", he, [l("div", ge, [
+					d(p(C), {
+						size: 13,
+						"stroke-width": 2
+					}),
+					l("span", null, a(p(j).comments.title), 1),
+					p(N).unresolvedCount.value > 0 ? (i(), u("span", _e, a(p(N).unresolvedCount.value), 1)) : g("", !0)
+				]), l("button", {
+					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+					onClick: s[0] ||= (e) => k("close")
+				}, [d(p(D), {
+					size: 14,
+					"stroke-width": 2
+				})])]),
+				l("div", ve, [
+					l("button", {
+						class: n(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", P.value === "unresolved" ? "tpl-comment-filter--active" : ""]),
+						onClick: s[1] ||= (e) => G("unresolved")
+					}, a(p(j).comments.filterUnresolved), 3),
+					l("button", {
+						class: n(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", P.value === "all" ? "tpl-comment-filter--active" : ""]),
+						onClick: s[2] ||= (e) => G("all")
+					}, a(p(j).comments.filterAll), 3),
+					p(M).state.selectedBlockId ? (i(), u("button", {
+						key: 0,
+						class: n(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", P.value === "block" ? "tpl-comment-filter--active" : ""]),
+						onClick: s[3] ||= (e) => G("block", p(M).state.selectedBlockId ?? void 0)
+					}, a(p(j).comments.filterBlock), 3)) : g("", !0)
+				]),
+				l("div", ye, [p(N).isLoading.value ? (i(), u("div", be, [d(p(S), {
+					class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
+					size: 24,
+					"stroke-width": 2
+				})])) : W.value.length === 0 ? (i(), u("div", xe, [d(p(C), {
+					size: 32,
+					"stroke-width": 1.5,
+					class: "tpl:text-[var(--tpl-text-dim)]"
+				}), l("p", Se, a(P.value === "all" ? p(j).comments.noCommentsHint : p(j).comments.noComments), 1)])) : (i(), u("div", Ce, [(i(!0), u(m, null, e(W.value, (r) => (i(), u("div", {
+					key: r.id,
+					class: "tpl-comment-thread"
+				}, [
+					l("div", we, [
+						l("div", Te, [l("div", Ee, [
+							l("span", De, a(Q(r) ? p(j).comments.ownedByYou : r.author_name), 1),
+							l("span", Oe, a(Nt(r.created_at)), 1),
+							r.updated_at === r.created_at ? g("", !0) : (i(), u("span", ke, " (" + a(p(j).comments.edited) + ") ", 1))
+						]), l("div", Ae, [
+							l("button", {
+								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
+								title: r.resolved_at ? p(j).comments.unresolve : p(j).comments.resolve,
+								onClick: (e) => Mt(r.id)
+							}, [d(p(fe), {
+								size: 13,
+								"stroke-width": 2,
+								class: "tpl-resolve-icon",
+								style: t({ color: r.resolved_at ? "var(--tpl-primary)" : void 0 })
+							}, null, 8, ["style"])], 8, je),
+							Q(r) ? (i(), u("button", {
+								key: 0,
+								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
+								title: p(j).comments.edit,
+								onClick: (e) => K(r)
+							}, [d(p(w), {
+								size: 12,
+								"stroke-width": 2
+							})], 8, Me)) : g("", !0),
+							Q(r) ? (i(), u("button", {
+								key: 1,
+								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
+								title: p(j).comments.delete,
+								onClick: (e) => J(r.id)
+							}, [d(p(E), {
+								size: 12,
+								"stroke-width": 2
+							})], 8, Ne)) : g("", !0)
+						])]),
+						d(y, { name: "tpl-resolve" }, {
+							default: o(() => [r.resolved_at ? (i(), u("div", Pe, [d(p(oe), {
+								size: 10,
+								"stroke-width": 2.5
+							}), l("span", null, a(p(A)(p(j).comments.resolvedBy, { name: r.resolved_by_name ?? "" })), 1)])) : g("", !0)]),
+							_: 2
+						}, 1024),
+						r.block_id && wt(r.block_id) ? (i(), u("span", Fe, a(p(j).comments.missingBlock), 1)) : r.block_id ? (i(), u("button", {
+							key: 1,
+							class: "tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
+							onClick: (e) => p(M).selectBlock(r.block_id ?? "")
+						}, " Block ", 8, Ie)) : g("", !0),
+						z.value === r.id ? (i(), u("div", Le, [_(l("textarea", {
+							"onUpdate:modelValue": s[4] ||= (e) => B.value = e,
+							class: "tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+							rows: "3",
+							onKeydown: (e) => $(e, r.id)
+						}, null, 40, Re), [[v, B.value]]), l("div", ze, [l("button", {
+							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
+							disabled: !B.value.trim() || p(N).isSubmitting.value,
+							onClick: (e) => Z(r.id)
+						}, a(p(j).comments.save), 9, Be), l("button", {
+							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+							onClick: s[5] ||= (e) => q()
+						}, a(p(j).comments.cancel), 1)])])) : (i(), u("p", Ve, a(r.body), 1)),
+						H.value === r.id ? (i(), u("div", He, [
+							l("span", Ue, a(p(j).comments.deleteConfirm), 1),
+							l("button", {
+								class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]",
+								onClick: (e) => jt(r.id)
+							}, a(p(j).comments.delete), 9, We),
+							l("button", {
+								class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
+								onClick: s[6] ||= (e) => Y()
+							}, a(p(j).comments.cancel), 1)
+						])) : g("", !0),
+						z.value !== r.id && H.value !== r.id ? (i(), u("div", Ge, [l("button", {
+							class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
+							title: p(j).comments.reply,
+							onClick: (e) => Ot(r.id)
+						}, [d(p(pe), {
+							size: 13,
+							"stroke-width": 2,
+							class: "tpl:text-[var(--tpl-primary)]"
+						})], 8, Ke), (r.replies?.length ?? 0) > 0 ? (i(), u("button", {
+							key: 0,
+							class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-[11px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+							onClick: (e) => Dt(r.id)
+						}, [V.value.has(r.id) ? (i(), f(p(ce), {
+							key: 0,
+							size: 11,
+							"stroke-width": 2
+						})) : (i(), f(p(se), {
+							key: 1,
+							size: 11,
+							"stroke-width": 2
+						})), ee(" " + a((r.replies?.length ?? 0) === 1 ? p(A)(p(j).comments.replyOne, { count: String(r.replies?.length ?? 0) }) : p(A)(p(j).comments.replyMany, { count: String(r.replies?.length ?? 0) })), 1)], 8, qe)) : g("", !0)])) : g("", !0)
+					]),
+					d(y, { name: "tpl-replies" }, {
+						default: o(() => [V.value.has(r.id) && (r.replies?.length ?? 0) > 0 ? (i(), u("div", Je, [(i(!0), u(m, null, e(r.replies, (e, t) => (i(), u("div", {
+							key: e.id,
+							class: n(["tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5", t < (r.replies?.length ?? 0) - 1 ? "tpl:mb-2" : ""])
+						}, [
+							l("div", Ye, [l("div", Xe, [
+								l("span", Ze, a(Q(e) ? p(j).comments.ownedByYou : e.author_name), 1),
+								l("span", Qe, a(Nt(e.created_at)), 1),
+								e.updated_at === e.created_at ? g("", !0) : (i(), u("span", $e, " (" + a(p(j).comments.edited) + ") ", 1))
+							]), l("div", et, [Q(e) ? (i(), u("button", {
+								key: 0,
+								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
+								title: p(j).comments.edit,
+								onClick: (t) => K(e)
+							}, [d(p(w), {
+								size: 11,
+								"stroke-width": 2
+							})], 8, tt)) : g("", !0), Q(e) ? (i(), u("button", {
+								key: 1,
+								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
+								title: p(j).comments.delete,
+								onClick: (t) => J(e.id)
+							}, [d(p(E), {
+								size: 11,
+								"stroke-width": 2
+							})], 8, nt)) : g("", !0)])]),
+							z.value === e.id ? (i(), u("div", rt, [_(l("textarea", {
+								"onUpdate:modelValue": s[7] ||= (e) => B.value = e,
+								class: "tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+								rows: "2",
+								onKeydown: (t) => $(t, e.id)
+							}, null, 40, it), [[v, B.value]]), l("div", at, [l("button", {
+								class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
+								disabled: !B.value.trim() || p(N).isSubmitting.value,
+								onClick: (t) => Z(e.id)
+							}, a(p(j).comments.save), 9, ot), l("button", {
+								class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
+								onClick: s[8] ||= (e) => q()
+							}, a(p(j).comments.cancel), 1)])])) : (i(), u("p", st, a(e.body), 1)),
+							H.value === e.id ? (i(), u("div", ct, [
+								l("span", lt, a(p(j).comments.deleteConfirm), 1),
+								l("button", {
+									class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]",
+									onClick: (t) => jt(e.id)
+								}, a(p(j).comments.delete), 9, ut),
+								l("button", {
+									class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
+									onClick: s[9] ||= (e) => Y()
+								}, a(p(j).comments.cancel), 1)
+							])) : g("", !0)
+						], 2))), 128))])) : g("", !0)]),
+						_: 2
+					}, 1024),
+					d(y, { name: "tpl-replies" }, {
+						default: o(() => [L.value === r.id ? (i(), u("div", dt, [l("div", ft, [_(l("textarea", {
+							"onUpdate:modelValue": s[10] ||= (e) => R.value = e,
+							class: "tpl:flex-1 tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+							placeholder: p(j).comments.replyPlaceholder,
+							rows: "2",
+							onKeydown: (e) => Ft(e, r.id)
+						}, null, 40, pt), [[v, R.value]]), l("div", mt, [l("button", {
+							class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
+							disabled: !R.value.trim() || p(N).isSubmitting.value,
+							onClick: (e) => At(r.id)
+						}, [d(p(T), {
+							size: 14,
+							"stroke-width": 2
+						})], 8, ht), l("button", {
+							class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+							onClick: s[11] ||= (e) => kt()
+						}, [d(p(D), {
+							size: 14,
+							"stroke-width": 2
+						})])])])])) : g("", !0)]),
+						_: 2
+					}, 1024)
+				]))), 128))]))]),
+				l("div", gt, [Tt.value ? (i(), u("div", _t, a(p(j).comments.saveTemplateFirst), 1)) : (i(), u("div", vt, [_(l("textarea", {
+					ref_key: "newCommentInput",
+					ref: U,
+					"onUpdate:modelValue": s[12] ||= (e) => I.value = e,
+					class: "tpl:max-h-24 tpl:min-h-[48px] tpl:flex-1 tpl:resize-none tpl:border-none tpl:bg-transparent tpl:font-sans tpl:text-xs tpl:outline-none tpl:text-[var(--tpl-text)]",
+					placeholder: p(j).comments.placeholder,
+					disabled: p(N).isSubmitting.value,
+					rows: "2",
+					onKeydown: Pt
+				}, null, 40, yt), [[v, I.value]]), l("button", {
+					class: "tpl-comments-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
+					disabled: !I.value.trim() || p(N).isSubmitting.value,
+					onClick: X
+				}, [p(N).isSubmitting.value ? (i(), f(p(S), {
+					key: 0,
+					class: "tpl-spinner",
+					size: 16,
+					"stroke-width": 2
+				})) : (i(), f(p(T), {
+					key: 1,
+					size: 16,
+					"stroke-width": 2
+				}))], 8, bt)]))])
+			])) : g("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-d204f573"]]);
+//#endregion
+export { O as default };

package/dist/{CountdownBlock-Bn5w7C-p.js → CountdownBlock-BUHYIAe9.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { A as t, Dt as n, O as r, Ot as i, Y as a, _ as o, c as s, d as c, nt as l, r as u, s as d, u as f } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { p } from "./dist-DYv_Pttj.js";
-import { t as m } from "./useI18n-BNMzZTM5.js";
+import { t as m } from "./useI18n-D2L9Mkik.js";
 //#region src/components/blocks/CountdownBlock.vue?vue&type=script&setup=true&lang.ts
 var h = {
 	key: 0,

package/dist/{CountdownToolbar-PJI3ffi1.js → CountdownToolbar-DPRcv3Fu.js}

@@ -1,8 +1,7 @@
 import { A as e, Et as t, O as n, Ot as r, R as i, _ as a, c as o, d as s, h as c, l, nt as u, r as d, s as f } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { t as p } from "./useI18n-BNMzZTM5.js";
-import { f as m, t as h } from "./ColorPicker-BsgpTJqK.js";
-import { t as g } from "./ToggleSwitch-DUNuUPsZ.js";
-import { n as _, r as v, t as y } from "./NumberWithSuffix-D3BKz66W.js";
+import { t as p } from "./useI18n-D2L9Mkik.js";
+import { f as m, t as h } from "./ColorPicker-s9GHXjZs.js";
+import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-CCPN_oCh.js";
 //#region src/components/toolbar/CountdownToolbar.vue?vue&type=script&setup=true&lang.ts
 var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, w = ["value"], T = { value: "" }, E = ["value"], D = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, O = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, k = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, A = [
 	"value",

package/dist/{DesignReferenceSidebar-QfAV8XT9.js → DesignReferenceSidebar-DNmK3dxp.js}

@@ -1,15 +1,15 @@
 import { Dt as e, Et as t, I as n, O as r, Ot as i, R as ee, T as a, Y as o, _ as s, c, d as l, h as u, l as te, m as d, nt as f, s as ne, u as p, z as re } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as ie, t as ae } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { t as oe } from "./upload-y4gxiFp5.js";
-import { B as m, h, r as se } from "./keys-DFaIbGR8.js";
-import { t as g } from "./createLucideIcon-FSF4peHQ.js";
-import { t as ce } from "./circle-alert-Bhzm-fNA.js";
-import { t as _ } from "./image-up-CDEgJqwA.js";
-import { t as v } from "./x-Ctg_250T.js";
+import { t as oe } from "./upload-BwwE0U6G.js";
+import { B as m, h, r as se } from "./keys-CHPcp-Nz.js";
+import { t as g } from "./createLucideIcon-JWHwTI6N.js";
+import { t as ce } from "./circle-alert-CgtE46ND.js";
+import { t as _ } from "./image-up-CQdtq8ge.js";
+import { t as v } from "./x-CkD6A1iB.js";
 import { t as le } from "./LoadingTrack-KIcREPlS.js";
 import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ue } from "./useCloudI18n-PCDOC2kz.js";
-import { u as de } from "./cloud-B-RebwxI.js";
+import { n as ue } from "./useCloudI18n-BmiygEM4.js";
+import { d as de } from "./cloud-Du7mnkz2.js";
 var fe = g("file-image", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",

package/dist/{IssuesPanel-CTjRgz8w.js → IssuesPanel-CEnEGFtd.js}

@@ -1,11 +1,11 @@
 import { A as e, Et as t, N as n, O as r, Ot as i, _ as a, c as o, d as s, h as c, l, m as u, nt as d, r as f, s as p, u as m, x as h } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { I as g, h as _ } from "./keys-DFaIbGR8.js";
-import { t as v } from "./useI18n-BNMzZTM5.js";
-import { t as y } from "./createLucideIcon-FSF4peHQ.js";
-import { t as b } from "./circle-alert-Bhzm-fNA.js";
-import { t as x } from "./info-BNP8yGsK.js";
-import { t as S } from "./list-checks-jepi4iYr.js";
-import { t as C } from "./triangle-alert-B2g0ALvq.js";
+import { I as g, h as _ } from "./keys-CHPcp-Nz.js";
+import { t as v } from "./useI18n-D2L9Mkik.js";
+import { t as y } from "./createLucideIcon-JWHwTI6N.js";
+import { t as b } from "./circle-alert-CgtE46ND.js";
+import { t as x } from "./info-BUJBXoE6.js";
+import { t as S } from "./list-checks-BGHaCSD5.js";
+import { t as C } from "./triangle-alert-Djg6IG8N.js";
 var w = y("arrow-right", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"

package/dist/{MergeTagSuggestion-DCuaSOPQ.js → MergeTagSuggestion-DMe4rqn0.js}

@@ -1,6 +1,6 @@
 import { A as e, Et as t, O as n, Ot as r, Y as i, _ as a, c as o, d as s, r as c, u as l, y as u } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as d, n as f } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { F as p, Sn as m, i as h, vn as g, xn as _, yn as v } from "./dist-CgTKuIUN.js";
+import { F as p, Sn as m, i as h, vn as g, xn as _, yn as v } from "./dist-BEpCh2mG.js";
 //#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var y = Math.min, b = Math.max, x = Math.round, S = Math.floor, C = (e) => ({
 	x: e,
@@ -704,7 +704,7 @@ var $e = _e, et = me, tt = (e, t, n) => {
 	});
 };
 //#endregion
-//#region ../../node_modules/.pnpm/@tiptap+suggestion@3.28.0_@floating-ui+dom@1.8.0_@tiptap+core@3.28.0_@tiptap+pm@3.28.0__@tiptap+pm@3.28.0/node_modules/@tiptap/suggestion/dist/index.js
+//#region ../../node_modules/.pnpm/@tiptap+suggestion@3.29.0_@floating-ui+dom@1.8.0_@tiptap+core@3.29.0_@tiptap+pm@3.29.0__@tiptap+pm@3.29.0/node_modules/@tiptap/suggestion/dist/index.js
 function nt(e) {
 	let { char: t, allowSpaces: n, allowToIncludeChar: r, allowedPrefixes: i, startOfLine: a, $position: o } = e, s = n && !r, c = p(t), l = RegExp(`\\s${c}$`), u = a ? "^" : "", d = r ? "" : c, f = RegExp(s ? `${u}${c}.*?(?=\\s${d}|$)` : `${u}(?:^)?${c}[^\\s${d}]*`, "gm"), m = o.nodeBefore?.isText && o.nodeBefore.text;
 	if (!m) return null;