npm - @pixelmatters/markup - Versions diffs - 1.3.1 → 1.3.3 - Mend

@pixelmatters/markup 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/widget.js CHANGED Viewed

@@ -45,7 +45,7 @@ function w(e, t) {
 function T(e) {
 	if (e.__P && e.__d) {
 		var n = e.__v, r = n.__e, i = [], a = [], o = v({}, n);
-		o.__v = n.__v + 1, t.vnode && t.vnode(o), N(e.__P, o, n, e.__n, e.__P.namespaceURI, 32 & n.__u ? [r] : null, i, r ?? w(n), !!(32 & n.__u), a), o.__v = n.__v, o.__.__k[o.__i] = o, re(i, o, a), n.__e = n.__ = null, o.__e != r && E(o);
+		o.__v = n.__v + 1, t.vnode && t.vnode(o), ne(e.__P, o, n, e.__n, e.__P.namespaceURI, 32 & n.__u ? [r] : null, i, r ?? w(n), !!(32 & n.__u), a), o.__v = n.__v, o.__.__k[o.__i] = o, F(i, o, a), n.__e = n.__ = null, o.__e != r && E(o);
 	}
 }
 function E(e) {
@@ -65,13 +65,13 @@ function O() {
 }
 function ee(e, t, n, r, i, a, o, s, c, l, u) {
 	var d, f, p, g, _, v, y, b = r && r.__k || h, x = t.length;
-	for (c = k(n, t, b, c, x), d = 0; d < x; d++) (p = n.__k[d]) != null && (f = p.__i != -1 && b[p.__i] || m, p.__i = d, v = N(e, p, f, i, a, o, s, c, l, u), g = p.__e, p.ref && f.ref != p.ref && (f.ref && oe(f.ref, null, p), u.push(p.ref, p.__c || g, p)), _ == null && g != null && (_ = g), (y = !!(4 & p.__u)) || f.__k === p.__k ? (c = A(p, c, e, y), y && f.__e && (f.__e = null)) : typeof p.type == "function" && v !== void 0 ? c = v : g && (c = g.nextSibling), p.__u &= -7);
+	for (c = k(n, t, b, c, x), d = 0; d < x; d++) (p = n.__k[d]) != null && (f = p.__i != -1 && b[p.__i] || m, p.__i = d, v = ne(e, p, f, i, a, o, s, c, l, u), g = p.__e, p.ref && f.ref != p.ref && (f.ref && ae(f.ref, null, p), u.push(p.ref, p.__c || g, p)), _ == null && g != null && (_ = g), (y = !!(4 & p.__u)) || f.__k === p.__k ? (c = A(p, c, e, y), y && f.__e && (f.__e = null)) : typeof p.type == "function" && v !== void 0 ? c = v : g && (c = g.nextSibling), p.__u &= -7);
 	return n.__e = _, c;
 }
 function k(e, t, n, r, i) {
 	var a, o, s, c, l, u = n.length, d = u, f = 0;
-	for (e.__k = Array(i), a = 0; a < i; a++) (o = t[a]) != null && typeof o != "boolean" && typeof o != "function" ? (typeof o == "string" || typeof o == "number" || typeof o == "bigint" || o.constructor == String ? o = e.__k[a] = x(null, o, null, null, null) : _(o) ? o = e.__k[a] = x(S, { children: o }, null, null, null) : o.constructor === void 0 && o.__b > 0 ? o = e.__k[a] = x(o.type, o.props, o.key, o.ref ? o.ref : null, o.__v) : e.__k[a] = o, c = a + f, o.__ = e, o.__b = e.__b + 1, s = null, (l = o.__i = te(o, n, c, d)) != -1 && (d--, (s = n[l]) && (s.__u |= 2)), s == null || s.__v == null ? (l == -1 && (i > u ? f-- : i < u && f++), typeof o.type != "function" && (o.__u |= 4)) : l != c && (l == c - 1 ? f-- : l == c + 1 ? f++ : (l > c ? f-- : f++, o.__u |= 4))) : e.__k[a] = null;
-	if (d) for (a = 0; a < u; a++) (s = n[a]) != null && !(2 & s.__u) && (s.__e == r && (r = w(s)), se(s, s));
+	for (e.__k = Array(i), a = 0; a < i; a++) (o = t[a]) != null && typeof o != "boolean" && typeof o != "function" ? (typeof o == "string" || typeof o == "number" || typeof o == "bigint" || o.constructor == String ? o = e.__k[a] = x(null, o, null, null, null) : _(o) ? o = e.__k[a] = x(S, { children: o }, null, null, null) : o.constructor === void 0 && o.__b > 0 ? o = e.__k[a] = x(o.type, o.props, o.key, o.ref ? o.ref : null, o.__v) : e.__k[a] = o, c = a + f, o.__ = e, o.__b = e.__b + 1, s = null, (l = o.__i = j(o, n, c, d)) != -1 && (d--, (s = n[l]) && (s.__u |= 2)), s == null || s.__v == null ? (l == -1 && (i > u ? f-- : i < u && f++), typeof o.type != "function" && (o.__u |= 4)) : l != c && (l == c - 1 ? f-- : l == c + 1 ? f++ : (l > c ? f-- : f++, o.__u |= 4))) : e.__k[a] = null;
+	if (d) for (a = 0; a < u; a++) (s = n[a]) != null && !(2 & s.__u) && (s.__e == r && (r = w(s)), oe(s, s));
 	return r;
 }
 function A(e, t, n, r) {
@@ -86,7 +86,7 @@ function A(e, t, n, r) {
 	while (t != null && t.nodeType == 8);
 	return t;
 }
-function te(e, t, n, r) {
+function j(e, t, n, r) {
 	var i, a, o, s = e.key, c = e.type, l = t[n], u = l != null && (2 & l.__u) == 0;
 	if (l === null && s == null || u && s == l.key && c == l.type) return n;
 	if (r > +!!u) {
@@ -94,15 +94,15 @@ function te(e, t, n, r) {
 	}
 	return -1;
 }
-function j(e, t, n) {
+function M(e, t, n) {
 	t[0] == "-" ? e.setProperty(t, n ?? "") : e[t] = n == null ? "" : typeof n != "number" || g.test(t) ? n : n + "px";
 }
-function ne(e, t, n, r, i) {
+function te(e, t, n, r, i) {
 	var a, o;
 	n: if (t == "style") if (typeof n == "string") e.style.cssText = n;
 	else {
-		if (typeof r == "string" && (e.style.cssText = r = ""), r) for (t in r) n && t in n || j(e.style, t, "");
-		if (n) for (t in n) r && n[t] == r[t] || j(e.style, t, n[t]);
+		if (typeof r == "string" && (e.style.cssText = r = ""), r) for (t in r) n && t in n || M(e.style, t, "");
+		if (n) for (t in n) r && n[t] == r[t] || M(e.style, t, n[t]);
 	}
 	else if (t[0] == "o" && t[1] == "n") a = t != (t = t.replace(u, "$1")), o = t.toLowerCase(), t = o in e || t == "onFocusOut" || t == "onFocusIn" ? o.slice(2) : t.slice(2), e.l ||= {}, e.l[t + a] = n, n ? r ? n[l] = r[l] : (n[l] = d, e.addEventListener(t, a ? p : f, a)) : e.removeEventListener(t, a ? p : f, a);
 	else {
@@ -114,7 +114,7 @@ function ne(e, t, n, r, i) {
 		typeof n == "function" || (n == null || !1 === n && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && n == 1 ? "" : n));
 	}
 }
-function M(e) {
+function N(e) {
 	return function(n) {
 		if (this.l) {
 			var r = this.l[n.type + e];
@@ -124,14 +124,14 @@ function M(e) {
 		}
 	};
 }
-function N(e, n, r, i, a, o, s, c, l, u) {
-	var d, f, p, m, g, b, x, w, T, E, D, O, k, A, te, j = n.type;
+function ne(e, n, r, i, a, o, s, c, l, u) {
+	var d, f, p, m, g, b, x, w, T, E, D, O, k, A, j, M = n.type;
 	if (n.constructor !== void 0) return null;
 	128 & r.__u && (l = !!(32 & r.__u), o = [c = n.__e = r.__e]), (d = t.__b) && d(n);
-	n: if (typeof j == "function") try {
-		if (w = n.props, T = j.prototype && j.prototype.render, E = (d = j.contextType) && i[d.__c], D = d ? E ? E.props.value : d.__ : i, r.__c ? x = (f = n.__c = r.__c).__ = f.__E : (T ? n.__c = f = new j(w, D) : (n.__c = f = new C(w, D), f.constructor = j, f.render = ce), E && E.sub(f), f.state ||= {}, f.__n = i, p = f.__d = !0, f.__h = [], f._sb = []), T && f.__s == null && (f.__s = f.state), T && j.getDerivedStateFromProps != null && (f.__s == f.state && (f.__s = v({}, f.__s)), v(f.__s, j.getDerivedStateFromProps(w, f.__s))), m = f.props, g = f.state, f.__v = n, p) T && j.getDerivedStateFromProps == null && f.componentWillMount != null && f.componentWillMount(), T && f.componentDidMount != null && f.__h.push(f.componentDidMount);
+	n: if (typeof M == "function") try {
+		if (w = n.props, T = M.prototype && M.prototype.render, E = (d = M.contextType) && i[d.__c], D = d ? E ? E.props.value : d.__ : i, r.__c ? x = (f = n.__c = r.__c).__ = f.__E : (T ? n.__c = f = new M(w, D) : (n.__c = f = new C(w, D), f.constructor = M, f.render = se), E && E.sub(f), f.state ||= {}, f.__n = i, p = f.__d = !0, f.__h = [], f._sb = []), T && f.__s == null && (f.__s = f.state), T && M.getDerivedStateFromProps != null && (f.__s == f.state && (f.__s = v({}, f.__s)), v(f.__s, M.getDerivedStateFromProps(w, f.__s))), m = f.props, g = f.state, f.__v = n, p) T && M.getDerivedStateFromProps == null && f.componentWillMount != null && f.componentWillMount(), T && f.componentDidMount != null && f.__h.push(f.componentDidMount);
 		else {
-			if (T && j.getDerivedStateFromProps == null && w !== m && f.componentWillReceiveProps != null && f.componentWillReceiveProps(w, D), n.__v == r.__v || !f.__e && f.shouldComponentUpdate != null && !1 === f.shouldComponentUpdate(w, f.__s, D)) {
+			if (T && M.getDerivedStateFromProps == null && w !== m && f.componentWillReceiveProps != null && f.componentWillReceiveProps(w, D), n.__v == r.__v || !f.__e && f.shouldComponentUpdate != null && !1 === f.shouldComponentUpdate(w, f.__s, D)) {
 				n.__v != r.__v && (f.props = w, f.state = f.__s, f.__d = !1), n.__e = r.__e, n.__k = r.__k, n.__k.some(function(e) {
 					e && (e.__ = n);
 				}), h.push.apply(f.__h, f._sb), f._sb = [], f.__h.length && s.push(f);
@@ -145,26 +145,26 @@ function N(e, n, r, i, a, o, s, c, l, u) {
 		else do
 			f.__d = !1, O && O(n), d = f.render(f.props, f.state, f.context), f.state = f.__s;
 		while (f.__d && ++k < 25);
-		f.state = f.__s, f.getChildContext != null && (i = v(v({}, i), f.getChildContext())), T && !p && f.getSnapshotBeforeUpdate != null && (b = f.getSnapshotBeforeUpdate(m, g)), A = d != null && d.type === S && d.key == null ? ie(d.props.children) : d, c = ee(e, _(A) ? A : [A], n, r, i, a, o, s, c, l, u), f.base = n.__e, n.__u &= -161, f.__h.length && s.push(f), x && (f.__E = f.__ = null);
+		f.state = f.__s, f.getChildContext != null && (i = v(v({}, i), f.getChildContext())), T && !p && f.getSnapshotBeforeUpdate != null && (b = f.getSnapshotBeforeUpdate(m, g)), A = d != null && d.type === S && d.key == null ? re(d.props.children) : d, c = ee(e, _(A) ? A : [A], n, r, i, a, o, s, c, l, u), f.base = n.__e, n.__u &= -161, f.__h.length && s.push(f), x && (f.__E = f.__ = null);
 	} catch (e) {
 		if (n.__v = null, l || o != null) if (e.then) {
 			for (n.__u |= l ? 160 : 128; c && c.nodeType == 8 && c.nextSibling;) c = c.nextSibling;
 			o[o.indexOf(c)] = null, n.__e = c;
 		} else {
-			for (te = o.length; te--;) y(o[te]);
+			for (j = o.length; j--;) y(o[j]);
 			P(n);
 		}
 		else n.__e = r.__e, n.__k = r.__k, e.then || P(n);
 		t.__e(e, n, r);
 	}
-	else o == null && n.__v == r.__v ? (n.__k = r.__k, n.__e = r.__e) : c = n.__e = ae(r.__e, n, r, i, a, o, s, l, u);
+	else o == null && n.__v == r.__v ? (n.__k = r.__k, n.__e = r.__e) : c = n.__e = ie(r.__e, n, r, i, a, o, s, l, u);
 	return (d = t.diffed) && d(n), 128 & n.__u ? void 0 : c;
 }
 function P(e) {
 	e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(P));
 }
-function re(e, n, r) {
-	for (var i = 0; i < r.length; i++) oe(r[i], r[++i], r[++i]);
+function F(e, n, r) {
+	for (var i = 0; i < r.length; i++) ae(r[i], r[++i], r[++i]);
 	t.__c && t.__c(n, e), e.some(function(n) {
 		try {
 			e = n.__h, n.__h = [], e.some(function(e) {
@@ -175,10 +175,10 @@ function re(e, n, r) {
 		}
 	});
 }
-function ie(e) {
-	return typeof e != "object" || !e || e.__b > 0 ? e : _(e) ? e.map(ie) : v({}, e);
+function re(e) {
+	return typeof e != "object" || !e || e.__b > 0 ? e : _(e) ? e.map(re) : v({}, e);
 }
-function ae(n, r, i, a, o, s, c, l, u) {
+function ie(n, r, i, a, o, s, c, l, u) {
 	var d, f, p, h, g, v, b, x = i.props || m, S = r.props, C = r.type;
 	if (C == "svg" ? o = "http://www.w3.org/2000/svg" : C == "math" ? o = "http://www.w3.org/1998/Math/MathML" : o ||= "http://www.w3.org/1999/xhtml", s != null) {
 		for (d = 0; d < s.length; d++) if ((g = s[d]) && "setAttribute" in g == !!C && (C ? g.localName == C : g.nodeType == 3)) {
@@ -193,15 +193,15 @@ function ae(n, r, i, a, o, s, c, l, u) {
 	if (C == null) x === S || l && n.data == S || (n.data = S);
 	else {
 		if (s &&= e.call(n.childNodes), !l && s != null) for (x = {}, d = 0; d < n.attributes.length; d++) x[(g = n.attributes[d]).name] = g.value;
-		for (d in x) g = x[d], d == "dangerouslySetInnerHTML" ? p = g : d == "children" || d in S || d == "value" && "defaultValue" in S || d == "checked" && "defaultChecked" in S || ne(n, d, null, g, o);
-		for (d in S) g = S[d], d == "children" ? h = g : d == "dangerouslySetInnerHTML" ? f = g : d == "value" ? v = g : d == "checked" ? b = g : l && typeof g != "function" || x[d] === g || ne(n, d, g, x[d], o);
+		for (d in x) g = x[d], d == "dangerouslySetInnerHTML" ? p = g : d == "children" || d in S || d == "value" && "defaultValue" in S || d == "checked" && "defaultChecked" in S || te(n, d, null, g, o);
+		for (d in S) g = S[d], d == "children" ? h = g : d == "dangerouslySetInnerHTML" ? f = g : d == "value" ? v = g : d == "checked" ? b = g : l && typeof g != "function" || x[d] === g || te(n, d, g, x[d], o);
 		if (f) l || p && (f.__html == p.__html || f.__html == n.innerHTML) || (n.innerHTML = f.__html), r.__k = [];
 		else if (p && (n.innerHTML = ""), ee(r.type == "template" ? n.content : n, _(h) ? h : [h], r, i, a, C == "foreignObject" ? "http://www.w3.org/1999/xhtml" : o, s, c, s ? s[0] : i.__k && w(i, 0), l, u), s != null) for (d = s.length; d--;) y(s[d]);
-		l || (d = "value", C == "progress" && v == null ? n.removeAttribute("value") : v != null && (v !== n[d] || C == "progress" && !v || C == "option" && v != x[d]) && ne(n, d, v, x[d], o), d = "checked", b != null && b != n[d] && ne(n, d, b, x[d], o));
+		l || (d = "value", C == "progress" && v == null ? n.removeAttribute("value") : v != null && (v !== n[d] || C == "progress" && !v || C == "option" && v != x[d]) && te(n, d, v, x[d], o), d = "checked", b != null && b != n[d] && te(n, d, b, x[d], o));
 	}
 	return n;
 }
-function oe(e, n, r) {
+function ae(e, n, r) {
 	try {
 		if (typeof e == "function") {
 			var i = typeof e.__u == "function";
@@ -211,9 +211,9 @@ function oe(e, n, r) {
 		t.__e(e, r);
 	}
 }
-function se(e, n, r) {
+function oe(e, n, r) {
 	var i, a;
-	if (t.unmount && t.unmount(e), (i = e.ref) && (i.current && i.current != e.__e || oe(i, null, n)), (i = e.__c) != null) {
+	if (t.unmount && t.unmount(e), (i = e.ref) && (i.current && i.current != e.__e || ae(i, null, n)), (i = e.__c) != null) {
 		if (i.componentWillUnmount) try {
 			i.componentWillUnmount();
 		} catch (e) {
@@ -221,15 +221,15 @@ function se(e, n, r) {
 		}
 		i.base = i.__P = null;
 	}
-	if (i = e.__k) for (a = 0; a < i.length; a++) i[a] && se(i[a], n, r || typeof e.type != "function");
+	if (i = e.__k) for (a = 0; a < i.length; a++) i[a] && oe(i[a], n, r || typeof e.type != "function");
 	r || y(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function ce(e, t, n) {
+function se(e, t, n) {
 	return this.constructor(e, n);
 }
-function le(n, r, i) {
+function ce(n, r, i) {
 	var a, o, s, c;
-	r == document && (r = document.documentElement), t.__ && t.__(n, r), o = (a = typeof i == "function") ? null : i && i.__k || r.__k, s = [], c = [], N(r, n = (!a && i || r).__k = b(S, null, [n]), o || m, m, r.namespaceURI, !a && i ? [i] : o ? null : r.firstChild ? e.call(r.childNodes) : null, s, !a && i ? i : o ? o.__e : r.firstChild, a, c), re(s, n, c);
+	r == document && (r = document.documentElement), t.__ && t.__(n, r), o = (a = typeof i == "function") ? null : i && i.__k || r.__k, s = [], c = [], ne(r, n = (!a && i || r).__k = b(S, null, [n]), o || m, m, r.namespaceURI, !a && i ? [i] : o ? null : r.firstChild ? e.call(r.childNodes) : null, s, !a && i ? i : o ? o.__e : r.firstChild, a, c), F(s, n, c);
 }
 e = h.slice, t = { __e: function(e, t, n, r) {
 	for (var i, a, o; t = t.__;) if ((i = t.__c) && !i.__) try {
@@ -245,27 +245,27 @@ e = h.slice, t = { __e: function(e, t, n, r) {
 	this.__v && (this.__e = !0, e && this.__h.push(e), D(this));
 }, C.prototype.render = S, r = [], a = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, o = function(e, t) {
 	return e.__v.__b - t.__v.__b;
-}, O.__r = 0, s = Math.random().toString(8), c = "__d" + s, l = "__a" + s, u = /(PointerCapture)$|Capture$/i, d = 0, f = M(!1), p = M(!0);
+}, O.__r = 0, s = Math.random().toString(8), c = "__d" + s, l = "__a" + s, u = /(PointerCapture)$|Capture$/i, d = 0, f = N(!1), p = N(!0);
 //#endregion
 //#region src/styles.css?inline
-var ue = ":host{--markup-paper:#fdfcfa;--markup-ink:#1a1614;--markup-muted:#6b6661;--markup-border:#1a16141a;--markup-border-strong:#1a16142e;--markup-brand:#e35d2a;--markup-brand-hover:#c84d20;--markup-team:#2a4ac8;--markup-shadow:0 1px 2px #1a16140f, 0 8px 28px #1a16141f;--markup-overlay-tint:#1a16140a;--markup-danger:#dc2626;--markup-radius:6px;--markup-radius-sm:4px;--markup-font:\"Geist Variable\", \"Geist\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif;--markup-font-mono:\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;all:initial;font-family:var(--markup-font);color:var(--markup-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}:host([data-theme=dark]){--markup-paper:#1a1614;--markup-ink:#fdfcfa;--markup-muted:#a8a39e;--markup-border:#fdfcfa1f;--markup-border-strong:#fdfcfa38;--markup-team:#7b99f0;--markup-shadow:0 1px 2px #00000059, 0 12px 40px #00000073;--markup-overlay-tint:#fdfcfa0d;--markup-danger:#f87171}@media (prefers-color-scheme:dark){:host(:not([data-theme=light])){--markup-paper:#1a1614;--markup-ink:#fdfcfa;--markup-muted:#a8a39e;--markup-border:#fdfcfa1f;--markup-border-strong:#fdfcfa38;--markup-team:#7b99f0;--markup-shadow:0 1px 2px #00000059, 0 12px 40px #00000073;--markup-overlay-tint:#fdfcfa0d;--markup-danger:#f87171}}.markup-shadow-root{font-family:var(--markup-font)}.markup-shadow-root *,.markup-shadow-root :before,.markup-shadow-root :after{box-sizing:border-box}:where(.markup-shadow-root button,.markup-shadow-root input,.markup-shadow-root textarea){font:inherit;color:inherit}.markup-eyebrow{font-family:var(--markup-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--markup-muted);font-size:10px;font-weight:500}.markup-fab{z-index:10;background:var(--markup-ink);color:var(--markup-paper);cursor:pointer;touch-action:none;letter-spacing:-.01em;pointer-events:auto;box-shadow:0 0 0 1px color-mix(in srgb, var(--markup-brand) 35%, transparent), var(--markup-shadow);border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;position:fixed;bottom:24px}.markup-fab:hover{background:var(--markup-brand);box-shadow:0 0 0 1px color-mix(in srgb, var(--markup-brand) 0%, transparent), var(--markup-shadow)}.markup-fab:active{transform:translateY(1px)}.markup-fab.is-active{background:var(--markup-brand);box-shadow:var(--markup-shadow)}.markup-fab.is-active:hover{background:var(--markup-brand-hover)}.markup-fab .markup-fab-icon{color:var(--markup-brand);transition:color .15s}.markup-fab:hover .markup-fab-icon,.markup-fab.is-active .markup-fab-icon{color:var(--markup-paper)}.markup-fab-right{right:24px}.markup-fab-left{left:24px}.markup-fab.is-floating{inset:0 auto auto 0}.markup-fab.is-dragging{cursor:grabbing;transition:none}.markup-fab-icon{align-items:center;display:inline-flex}.markup-fab-label{font-family:var(--markup-font)}.markup-hud-hidden-toast{z-index:10;background:var(--markup-ink);color:var(--markup-paper);letter-spacing:-.01em;box-shadow:var(--markup-shadow);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;animation:.22s ease-out markup-hud-hidden-in,.32s ease-in 4.6s forwards markup-hud-hidden-out;display:inline-flex;position:fixed;bottom:24px}.markup-hud-hidden-toast-right{right:24px}.markup-hud-hidden-toast-left{left:24px}.markup-kbd{background:color-mix(in srgb, var(--markup-paper) 14%, transparent);min-width:18px;height:18px;color:var(--markup-paper);font-family:var(--markup-font);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}@keyframes markup-hud-hidden-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes markup-hud-hidden-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.markup-pins-layer{pointer-events:none;position:fixed;inset:0}.markup-pin{background:var(--markup-ink);width:28px;height:28px;color:var(--markup-brand);cursor:pointer;pointer-events:auto;box-shadow:0 0 0 2px var(--markup-paper), 0 0 0 3px color-mix(in srgb, var(--markup-brand) 35%, transparent), var(--markup-shadow);border:none;border-radius:50% 50% 50% 4px;justify-content:center;align-items:center;margin-top:-28px;padding:0;transition:transform .15s,background .15s,color .15s;display:inline-flex;position:absolute}.markup-pin:hover,.markup-pin.is-active{background:var(--markup-brand);color:var(--markup-paper)}.markup-pin.is-anchor{anchor-name:--markup-active-anchor}.markup-pin-ghost{background:var(--markup-brand);color:var(--markup-paper);cursor:default;pointer-events:none;animation:1.2s ease-in-out infinite markup-ghost-pulse}.markup-pin-dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.markup-pin-count{background:var(--markup-brand);min-width:16px;height:16px;color:var(--markup-paper);font-family:var(--markup-font-mono);text-align:center;box-shadow:0 0 0 2px var(--markup-paper);border-radius:999px;padding:0 4px;font-size:9px;font-weight:600;line-height:16px;position:absolute;top:-4px;left:50%;transform:translate(-50%,-50%)}@keyframes markup-ghost-pulse{0%,to{box-shadow:0 0 0 2px var(--markup-paper), 0 0 0 0 #e35d2a66}50%{box-shadow:0 0 0 2px var(--markup-paper), 0 0 0 10px #e35d2a00}}.markup-placement-overlay{background:var(--markup-overlay-tint);cursor:crosshair;pointer-events:auto;z-index:1;animation:.18s ease-out markup-overlay-in;position:fixed;inset:0}.markup-placement-cursor-help{background:var(--markup-ink);color:var(--markup-paper);letter-spacing:-.01em;box-shadow:var(--markup-shadow);pointer-events:none;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:500;animation:.22s ease-out 60ms backwards markup-help-in;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes markup-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes markup-help-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.markup-popover{width:320px;max-width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);inset:auto;left:var(--markup-pop-x,0);top:var(--markup-pop-y,0);background:var(--markup-paper);color:var(--markup-ink);border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius);box-shadow:var(--markup-shadow);pointer-events:auto;flex-direction:column;gap:0;margin:0;padding:0;animation:.16s ease-out markup-popover-in;display:flex;position:fixed;overflow:hidden}@supports (anchor-name:--x){.markup-popover{position-anchor:--markup-active-anchor;left:calc(anchor(right) + 8px);top:calc(anchor(top) - 9px);position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;position-try-order:most-block-size}.markup-popover.is-floating{left:var(--markup-pop-x,0);top:var(--markup-pop-y,0);position-try-fallbacks:none}}@keyframes markup-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.markup-popover-header{border-bottom:1px solid var(--markup-border);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.markup-popover.is-dragging .markup-popover-header{cursor:grabbing}.markup-popover-header-actions{align-items:center;gap:4px;display:flex}.markup-thread-menu{display:flex;position:relative}.markup-thread-menu-list{z-index:10;background:var(--markup-paper);border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius);min-width:160px;box-shadow:var(--markup-shadow);padding:4px;animation:.12s ease-out markup-menu-in;position:absolute;top:calc(100% + 6px);right:0}.markup-thread-menu-item{border-radius:var(--markup-radius-sm);width:100%;color:var(--markup-ink);text-align:left;cursor:pointer;background:0 0;border:none;padding:7px 10px;font-size:13px;transition:background .1s,color .1s;display:block}.markup-thread-menu-item:hover{background:var(--markup-border)}.markup-thread-menu-item.is-danger{color:var(--markup-danger,#dc2626)}.markup-thread-menu-item.is-danger:hover{background:color-mix(in srgb, var(--markup-danger,#dc2626) 10%, transparent)}.markup-thread-menu-item:disabled{opacity:.5;cursor:default}@keyframes markup-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.markup-popover-body{padding:12px}.markup-popover-byline{color:var(--markup-muted);align-items:center;gap:4px;margin:0 0 8px;font-size:12px;display:flex}.markup-popover-name{color:var(--markup-ink);font-weight:500}.markup-icon-btn{border-radius:var(--markup-radius-sm);width:24px;height:24px;color:var(--markup-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex}.markup-icon-btn:hover,.markup-icon-btn.is-open{background:var(--markup-border);color:var(--markup-ink)}.markup-comments{border-bottom:1px solid var(--markup-border);background:linear-gradient(var(--markup-paper), transparent) top / 100% 20px no-repeat local, linear-gradient(transparent, var(--markup-paper)) bottom / 100% 20px no-repeat local, radial-gradient(farthest-side at 50% 0%, #1a16141a, transparent) top / 100% 10px no-repeat scroll, radial-gradient(farthest-side at 50% 100%, #1a16141a, transparent) bottom / 100% 10px no-repeat scroll;flex-direction:column;gap:12px;max-height:280px;margin:0;padding:8px 12px 4px;list-style:none;display:flex;overflow-y:auto}.markup-comment{flex-direction:column;gap:4px;display:flex}.markup-comment-meta{align-items:center;gap:6px;font-size:11px;display:flex}.markup-comment-author{color:var(--markup-ink);font-weight:600}.markup-comment.is-team .markup-comment-author{color:var(--markup-team)}.markup-comment-badge{background:color-mix(in srgb, var(--markup-team) 12%, transparent);height:14px;color:var(--markup-team);font-family:var(--markup-font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 5px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.markup-comment-time{color:var(--markup-muted);font-family:var(--markup-font-mono);letter-spacing:.04em;font-size:10px}.markup-comment-body{white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.5}.markup-comment-edited{color:var(--markup-muted);font-size:11px}.markup-thread-actions{align-items:center;gap:4px;display:flex}.markup-comment-meta .markup-reaction-picker-wrap,.markup-thread-actions{margin-left:auto}.markup-comment-meta .markup-reaction-add{width:22px;height:22px;margin-top:-4px;margin-bottom:-4px}.markup-reaction-picker-wrap>.markup-icon-btn,.markup-comment-menu>.markup-icon-btn{margin-top:-4px;margin-bottom:-4px}.markup-comment-menu.is-up .markup-thread-menu-list{animation-name:markup-menu-in-up;top:auto;bottom:calc(100% + 6px)}@keyframes markup-menu-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.markup-comment{position:relative}.markup-reactions{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.markup-reaction-chip{border:1px solid var(--markup-border);height:22px;color:var(--markup-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:0 7px 0 6px;font-size:11px;line-height:1;transition:background .12s,border-color .12s;display:inline-flex}.markup-reaction-chip:hover:not(:disabled){background:color-mix(in srgb, var(--markup-ink) 5%, transparent)}.markup-reaction-chip.is-mine{border-color:color-mix(in srgb, var(--markup-brand) 45%, transparent);background:color-mix(in srgb, var(--markup-brand) 10%, transparent)}.markup-reaction-chip.is-mine:hover:not(:disabled){background:color-mix(in srgb, var(--markup-brand) 16%, transparent)}.markup-reaction-chip:disabled{cursor:default;opacity:.6}.markup-reaction-emoji{font-size:13px;line-height:1}.markup-reaction-count{font-family:var(--markup-font-mono);letter-spacing:.04em;color:var(--markup-muted);font-size:10px}.markup-reaction-chip.is-mine .markup-reaction-count{color:var(--markup-brand)}.markup-reaction-picker-wrap{opacity:0;flex:none;transition:opacity .12s;display:inline-flex;position:relative}.markup-comment:hover .markup-reaction-picker-wrap,.markup-comment:focus-within .markup-reaction-picker-wrap,.markup-reaction-picker-wrap.is-open{opacity:1}.markup-reaction-add{border:1px dashed var(--markup-border-strong);width:22px;height:22px;color:var(--markup-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.markup-reaction-add:hover,.markup-reaction-add.is-open{background:color-mix(in srgb, var(--markup-ink) 5%, transparent);color:var(--markup-ink);border-style:solid}.markup-reaction-picker{z-index:1;border:1px solid var(--markup-border-strong);background:var(--markup-paper);border-radius:8px;gap:2px;padding:4px;animation:.12s markup-menu-in;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 1px 2px #1a16140f,0 8px 28px #1a16141a}.markup-reaction-picker-wrap.is-up .markup-reaction-picker{animation-name:markup-menu-in-up;top:auto;bottom:calc(100% + 6px)}.markup-reaction-picker-item{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:background .12s;display:inline-flex}.markup-reaction-picker-item:hover{background:color-mix(in srgb, var(--markup-ink) 8%, transparent)}.markup-reaction-picker-item.is-mine{background:color-mix(in srgb, var(--markup-brand) 14%, transparent)}.markup-comment-edit-form{flex-direction:column;gap:6px;display:flex}.markup-comment-edit-form .markup-textarea{border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius-sm);background:var(--markup-paper);width:100%;color:var(--markup-ink);resize:vertical;font:inherit;outline:none;padding:8px 10px;font-size:13px;line-height:1.5}.markup-comment-edit-form .markup-textarea:focus-visible{border-color:var(--markup-brand);box-shadow:0 0 0 3px #e35d2a2e}.markup-comment-edit-actions{justify-content:flex-end;gap:6px;display:flex}.markup-composer{flex-direction:column;display:flex;position:relative}.markup-composer-input{border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius-sm);background:var(--markup-paper);width:100%;min-height:36px;max-height:96px;color:var(--markup-ink);resize:none;font-family:var(--markup-font);outline:none;padding:8px 10px;font-size:13px;line-height:1.5;transition:border-color .12s,box-shadow .12s,border-bottom-left-radius .15s,border-bottom-right-radius .15s}.markup-composer-input:focus-visible{border-color:var(--markup-brand);box-shadow:0 0 0 3px #e35d2a2e}.markup-composer-input:disabled{opacity:.6}.markup-composer-input::placeholder{color:var(--markup-muted)}.markup-composer.is-filled .markup-composer-input{border-bottom-right-radius:0;border-bottom-left-radius:0}.markup-composer-footer-wrap{grid-template-rows:0fr;transition:grid-template-rows .15s;display:grid}.markup-composer.is-filled .markup-composer-footer-wrap{grid-template-rows:1fr}.markup-composer-footer{border:1px solid var(--markup-border-strong);border-radius:0 0 var(--markup-radius-sm) var(--markup-radius-sm);opacity:0;border-top:none;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 2px 10px;transition:opacity .1s;display:flex;overflow:hidden}.markup-composer.is-filled .markup-composer-footer{opacity:1;transition-delay:60ms}.markup-composer-hint{font-family:var(--markup-font-mono);letter-spacing:.06em;color:var(--markup-muted);font-size:10px}.markup-composer-error{color:var(--markup-brand)}.markup-composer-actions{align-items:center;gap:6px;display:flex}.markup-composer-actions-empty{transition:opacity .12s;position:absolute;top:3px;right:3px}.markup-composer.is-filled .markup-composer-actions-empty{opacity:0;pointer-events:none}.markup-author-prompt{flex-direction:column;gap:10px;padding:12px;display:flex}.markup-author-status{color:var(--markup-muted);margin:0;font-size:12px}.markup-input{border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius-sm);background:var(--markup-paper);width:100%;height:36px;color:var(--markup-ink);outline:none;padding:0 10px;font-size:14px;transition:border-color .12s,box-shadow .12s}.markup-input:focus-visible{border-color:var(--markup-brand);box-shadow:0 0 0 3px #e35d2a2e}.markup-btn{border-radius:var(--markup-radius-sm);height:30px;color:var(--markup-ink);cursor:pointer;letter-spacing:-.01em;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.markup-btn:disabled{opacity:.5;cursor:not-allowed}.markup-btn-primary{background:var(--markup-ink);color:var(--markup-paper)}.markup-btn-primary:hover:not(:disabled){background:var(--markup-brand)}.markup-btn-ghost{color:var(--markup-muted)}.markup-btn-ghost:hover:not(:disabled){background:var(--markup-border);color:var(--markup-ink)}.markup-screenshot-row{border-top:1px solid var(--markup-border);margin-top:8px;padding-top:8px}.markup-screenshot-status{color:var(--markup-muted);font-family:var(--markup-font-mono);letter-spacing:.06em;align-items:center;gap:5px;font-size:10px;display:flex}.markup-screenshot-toggle{cursor:pointer;color:var(--markup-muted);font-family:var(--markup-font-mono);letter-spacing:.06em;align-items:center;gap:5px;font-size:10px;transition:color .12s;display:flex}.markup-screenshot-toggle:hover{color:var(--markup-ink)}.markup-screenshot-checkbox{width:12px;height:12px;accent-color:var(--markup-brand);cursor:pointer;margin:0}.markup-screenshot-thumb{border:1px solid var(--markup-border-strong);object-fit:cover;border-radius:3px;flex-shrink:0;width:auto;height:25px;margin:-5px 0 -5px auto;display:block}.markup-comment-screenshot{border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius-sm);cursor:pointer;background:0 0;margin-top:8px;padding:0;transition:border-color .12s,opacity .12s;display:block;overflow:hidden}.markup-comment-screenshot:hover{border-color:var(--markup-brand);opacity:.9}.markup-comment-screenshot img{object-fit:cover;object-position:top;width:100%;height:auto;max-height:120px;display:block}.markup-lightbox{background:#1a1614e0;border:none;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:24px;position:fixed;inset:0}.markup-lightbox[open]{justify-content:center;align-items:center;display:flex}.markup-lightbox::backdrop{display:none}.markup-lightbox-img{border-radius:var(--markup-radius);object-fit:contain;max-width:100%;max-height:100%;box-shadow:var(--markup-shadow);animation:.16s ease-out markup-lightbox-in}.markup-lightbox-close{color:#fdfcfa;background:#1a161499;position:absolute;top:16px;right:16px}.markup-lightbox-close:hover{color:#fdfcfa;background:#1a1614d9}@keyframes markup-lightbox-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.markup-fab,.markup-pin,.markup-icon-btn,.markup-btn,.markup-popover,.markup-pin-ghost,.markup-placement-overlay,.markup-placement-cursor-help,.markup-lightbox-img{transition:none;animation:none}}", F, I, de, fe, pe = 0, me = [], L = t, he = L.__b, ge = L.__r, _e = L.diffed, ve = L.__c, ye = L.unmount, be = L.__;
-function xe(e, t) {
-	L.__h && L.__h(I, e, pe || t), pe = 0;
-	var n = I.__H ||= {
+var le = ":host{--markup-paper:#fdfcfa;--markup-ink:#1a1614;--markup-muted:#6b6661;--markup-border:#1a16141a;--markup-border-strong:#1a16142e;--markup-brand:#e35d2a;--markup-brand-hover:#c84d20;--markup-team:#2a4ac8;--markup-shadow:0 1px 2px #1a16140f, 0 8px 28px #1a16141f;--markup-overlay-tint:#1a16140a;--markup-danger:#dc2626;--markup-radius:6px;--markup-radius-sm:4px;--markup-font:\"Geist Variable\", \"Geist\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif;--markup-font-mono:\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;all:initial;font-family:var(--markup-font);color:var(--markup-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}:host([data-theme=dark]){--markup-paper:#1a1614;--markup-ink:#fdfcfa;--markup-muted:#a8a39e;--markup-border:#fdfcfa1f;--markup-border-strong:#fdfcfa38;--markup-team:#7b99f0;--markup-shadow:0 1px 2px #00000059, 0 12px 40px #00000073;--markup-overlay-tint:#fdfcfa0d;--markup-danger:#f87171}@media (prefers-color-scheme:dark){:host(:not([data-theme=light])){--markup-paper:#1a1614;--markup-ink:#fdfcfa;--markup-muted:#a8a39e;--markup-border:#fdfcfa1f;--markup-border-strong:#fdfcfa38;--markup-team:#7b99f0;--markup-shadow:0 1px 2px #00000059, 0 12px 40px #00000073;--markup-overlay-tint:#fdfcfa0d;--markup-danger:#f87171}}.markup-shadow-root{font-family:var(--markup-font)}.markup-shadow-root *,.markup-shadow-root :before,.markup-shadow-root :after{box-sizing:border-box}:where(.markup-shadow-root button,.markup-shadow-root input,.markup-shadow-root textarea){font:inherit;color:inherit}.markup-eyebrow{font-family:var(--markup-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--markup-muted);font-size:10px;font-weight:500}.markup-fab{z-index:10;background:var(--markup-ink);color:var(--markup-paper);cursor:pointer;touch-action:none;letter-spacing:-.01em;pointer-events:auto;box-shadow:0 0 0 1px color-mix(in srgb, var(--markup-brand) 35%, transparent), var(--markup-shadow);border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;position:fixed;bottom:24px}.markup-fab:hover{background:var(--markup-brand);box-shadow:0 0 0 1px color-mix(in srgb, var(--markup-brand) 0%, transparent), var(--markup-shadow)}.markup-fab:active{transform:translateY(1px)}.markup-fab.is-active{background:var(--markup-brand);box-shadow:var(--markup-shadow)}.markup-fab.is-active:hover{background:var(--markup-brand-hover)}.markup-fab .markup-fab-icon{color:var(--markup-brand);transition:color .15s}.markup-fab:hover .markup-fab-icon,.markup-fab.is-active .markup-fab-icon{color:var(--markup-paper)}.markup-fab-right{right:24px}.markup-fab-left{left:24px}.markup-fab.is-floating{inset:0 auto auto 0}.markup-fab.is-dragging{cursor:grabbing;transition:none}.markup-fab-icon{align-items:center;display:inline-flex}.markup-fab-label{font-family:var(--markup-font)}.markup-hud-hidden-toast{z-index:10;background:var(--markup-ink);color:var(--markup-paper);letter-spacing:-.01em;box-shadow:var(--markup-shadow);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;animation:.22s ease-out markup-hud-hidden-in,.32s ease-in 4.6s forwards markup-hud-hidden-out;display:inline-flex;position:fixed;bottom:24px}.markup-hud-hidden-toast-right{right:24px}.markup-hud-hidden-toast-left{left:24px}.markup-kbd{background:color-mix(in srgb, var(--markup-paper) 14%, transparent);min-width:18px;height:18px;color:var(--markup-paper);font-family:var(--markup-font);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}@keyframes markup-hud-hidden-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes markup-hud-hidden-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.markup-pins-layer{pointer-events:none;position:fixed;inset:0}.markup-pin{background:var(--markup-ink);width:28px;height:28px;color:var(--markup-brand);cursor:pointer;pointer-events:auto;box-shadow:0 0 0 2px var(--markup-paper), 0 0 0 3px color-mix(in srgb, var(--markup-brand) 35%, transparent), var(--markup-shadow);border:none;border-radius:50% 50% 50% 4px;justify-content:center;align-items:center;margin-top:-28px;padding:0;transition:transform .15s,background .15s,color .15s;display:inline-flex;position:absolute}.markup-pin:hover,.markup-pin.is-active{background:var(--markup-brand);color:var(--markup-paper)}.markup-pin.is-anchor{anchor-name:--markup-active-anchor}.markup-pin-ghost{background:var(--markup-brand);color:var(--markup-paper);cursor:default;pointer-events:none;animation:1.2s ease-in-out infinite markup-ghost-pulse}.markup-pin-dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.markup-pin-count{background:var(--markup-brand);min-width:16px;height:16px;color:var(--markup-paper);font-family:var(--markup-font-mono);text-align:center;box-shadow:0 0 0 2px var(--markup-paper);border-radius:999px;padding:0 4px;font-size:9px;font-weight:600;line-height:16px;position:absolute;top:-4px;left:50%;transform:translate(-50%,-50%)}@keyframes markup-ghost-pulse{0%,to{box-shadow:0 0 0 2px var(--markup-paper), 0 0 0 0 #e35d2a66}50%{box-shadow:0 0 0 2px var(--markup-paper), 0 0 0 10px #e35d2a00}}.markup-placement-overlay{background:var(--markup-overlay-tint);cursor:crosshair;pointer-events:auto;z-index:1;animation:.18s ease-out markup-overlay-in;position:fixed;inset:0}.markup-placement-cursor-help{background:var(--markup-ink);color:var(--markup-paper);letter-spacing:-.01em;box-shadow:var(--markup-shadow);pointer-events:none;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:500;animation:.22s ease-out 60ms backwards markup-help-in;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes markup-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes markup-help-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.markup-popover{width:320px;max-width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);inset:auto;left:var(--markup-pop-x,0);top:var(--markup-pop-y,0);background:var(--markup-paper);color:var(--markup-ink);border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius);box-shadow:var(--markup-shadow);pointer-events:auto;flex-direction:column;gap:0;margin:0;padding:0;animation:.16s ease-out markup-popover-in;display:flex;position:fixed;overflow:hidden}@supports (anchor-name:--x){.markup-popover{position-anchor:--markup-active-anchor;left:calc(anchor(right) + 8px);top:calc(anchor(top) - 9px);position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;position-try-order:most-block-size}.markup-popover.is-floating{left:var(--markup-pop-x,0);top:var(--markup-pop-y,0);position-try-fallbacks:none}}.markup-popover.is-hud-hidden{display:none}@keyframes markup-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.markup-popover-header{border-bottom:1px solid var(--markup-border);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.markup-popover.is-dragging .markup-popover-header{cursor:grabbing}.markup-popover-header-actions{align-items:center;gap:4px;display:flex}.markup-thread-menu{display:flex;position:relative}.markup-thread-menu-list{z-index:10;background:var(--markup-paper);border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius);min-width:160px;box-shadow:var(--markup-shadow);padding:4px;animation:.12s ease-out markup-menu-in;position:absolute;top:calc(100% + 6px);right:0}.markup-thread-menu-item{border-radius:var(--markup-radius-sm);width:100%;color:var(--markup-ink);text-align:left;cursor:pointer;background:0 0;border:none;padding:7px 10px;font-size:13px;transition:background .1s,color .1s;display:block}.markup-thread-menu-item:hover{background:var(--markup-border)}.markup-thread-menu-item.is-danger{color:var(--markup-danger,#dc2626)}.markup-thread-menu-item.is-danger:hover{background:color-mix(in srgb, var(--markup-danger,#dc2626) 10%, transparent)}.markup-thread-menu-item:disabled{opacity:.5;cursor:default}@keyframes markup-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.markup-popover-body{padding:12px}.markup-popover-byline{color:var(--markup-muted);align-items:center;gap:4px;margin:0 0 8px;font-size:12px;display:flex}.markup-popover-name{color:var(--markup-ink);font-weight:500}.markup-icon-btn{border-radius:var(--markup-radius-sm);width:24px;height:24px;color:var(--markup-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex}.markup-icon-btn:hover,.markup-icon-btn.is-open{background:var(--markup-border);color:var(--markup-ink)}.markup-comments{border-bottom:1px solid var(--markup-border);background:linear-gradient(var(--markup-paper), transparent) top / 100% 20px no-repeat local, linear-gradient(transparent, var(--markup-paper)) bottom / 100% 20px no-repeat local, radial-gradient(farthest-side at 50% 0%, #1a16141a, transparent) top / 100% 10px no-repeat scroll, radial-gradient(farthest-side at 50% 100%, #1a16141a, transparent) bottom / 100% 10px no-repeat scroll;flex-direction:column;gap:12px;max-height:280px;margin:0;padding:8px 12px 4px;list-style:none;display:flex;overflow-y:auto}.markup-comment{flex-direction:column;gap:4px;display:flex}.markup-comment-meta{align-items:center;gap:6px;font-size:11px;display:flex}.markup-comment-author{color:var(--markup-ink);font-weight:600}.markup-comment.is-team .markup-comment-author{color:var(--markup-team)}.markup-comment-badge{background:color-mix(in srgb, var(--markup-team) 12%, transparent);height:14px;color:var(--markup-team);font-family:var(--markup-font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 5px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.markup-comment-time{color:var(--markup-muted);font-family:var(--markup-font-mono);letter-spacing:.04em;font-size:10px}.markup-comment-body{white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.5}.markup-comment-edited{color:var(--markup-muted);font-size:11px}.markup-thread-actions{align-items:center;gap:4px;display:flex}.markup-comment-meta .markup-reaction-picker-wrap,.markup-thread-actions{margin-left:auto}.markup-comment-meta .markup-reaction-add{width:22px;height:22px;margin-top:-4px;margin-bottom:-4px}.markup-reaction-picker-wrap>.markup-icon-btn,.markup-comment-menu>.markup-icon-btn{margin-top:-4px;margin-bottom:-4px}.markup-comment-menu.is-up .markup-thread-menu-list{animation-name:markup-menu-in-up;top:auto;bottom:calc(100% + 6px)}@keyframes markup-menu-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.markup-comment{position:relative}.markup-reactions{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.markup-reaction-chip{border:1px solid var(--markup-border);height:22px;color:var(--markup-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:0 7px 0 6px;font-size:11px;line-height:1;transition:background .12s,border-color .12s;display:inline-flex}.markup-reaction-chip:hover:not(:disabled){background:color-mix(in srgb, var(--markup-ink) 5%, transparent)}.markup-reaction-chip.is-mine{border-color:color-mix(in srgb, var(--markup-brand) 45%, transparent);background:color-mix(in srgb, var(--markup-brand) 10%, transparent)}.markup-reaction-chip.is-mine:hover:not(:disabled){background:color-mix(in srgb, var(--markup-brand) 16%, transparent)}.markup-reaction-chip:disabled{cursor:default;opacity:.6}.markup-reaction-emoji{font-size:13px;line-height:1}.markup-reaction-count{font-family:var(--markup-font-mono);letter-spacing:.04em;color:var(--markup-muted);font-size:10px}.markup-reaction-chip.is-mine .markup-reaction-count{color:var(--markup-brand)}.markup-reaction-picker-wrap{opacity:0;flex:none;transition:opacity .12s;display:inline-flex;position:relative}.markup-comment:hover .markup-reaction-picker-wrap,.markup-comment:focus-within .markup-reaction-picker-wrap,.markup-reaction-picker-wrap.is-open{opacity:1}.markup-reaction-add{border:1px dashed var(--markup-border-strong);width:22px;height:22px;color:var(--markup-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.markup-reaction-add:hover,.markup-reaction-add.is-open{background:color-mix(in srgb, var(--markup-ink) 5%, transparent);color:var(--markup-ink);border-style:solid}.markup-reaction-picker{z-index:1;border:1px solid var(--markup-border-strong);background:var(--markup-paper);border-radius:8px;gap:2px;padding:4px;animation:.12s markup-menu-in;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 1px 2px #1a16140f,0 8px 28px #1a16141a}.markup-reaction-picker-wrap.is-up .markup-reaction-picker{animation-name:markup-menu-in-up;top:auto;bottom:calc(100% + 6px)}.markup-reaction-picker-item{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:background .12s;display:inline-flex}.markup-reaction-picker-item:hover{background:color-mix(in srgb, var(--markup-ink) 8%, transparent)}.markup-reaction-picker-item.is-mine{background:color-mix(in srgb, var(--markup-brand) 14%, transparent)}.markup-comment-edit-form{flex-direction:column;gap:6px;display:flex}.markup-comment-edit-form .markup-textarea{border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius-sm);background:var(--markup-paper);width:100%;color:var(--markup-ink);resize:vertical;font:inherit;outline:none;padding:8px 10px;font-size:13px;line-height:1.5}.markup-comment-edit-form .markup-textarea:focus-visible{border-color:var(--markup-brand);box-shadow:0 0 0 3px #e35d2a2e}.markup-comment-edit-actions{justify-content:flex-end;gap:6px;display:flex}.markup-composer{flex-direction:column;display:flex;position:relative}.markup-composer-input{border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius-sm);background:var(--markup-paper);width:100%;min-height:36px;max-height:96px;color:var(--markup-ink);resize:none;font-family:var(--markup-font);outline:none;padding:8px 10px;font-size:13px;line-height:1.5;transition:border-color .12s,box-shadow .12s,border-bottom-left-radius .15s,border-bottom-right-radius .15s}.markup-composer-input:focus-visible{border-color:var(--markup-brand);box-shadow:0 0 0 3px #e35d2a2e}.markup-composer-input:disabled{opacity:.6}.markup-composer-input::placeholder{color:var(--markup-muted)}.markup-composer.is-filled .markup-composer-input{border-bottom-right-radius:0;border-bottom-left-radius:0}.markup-composer-footer-wrap{grid-template-rows:0fr;transition:grid-template-rows .15s;display:grid}.markup-composer.is-filled .markup-composer-footer-wrap{grid-template-rows:1fr}.markup-composer-footer{border:1px solid var(--markup-border-strong);border-radius:0 0 var(--markup-radius-sm) var(--markup-radius-sm);opacity:0;border-top:none;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 2px 10px;transition:opacity .1s;display:flex;overflow:hidden}.markup-composer.is-filled .markup-composer-footer{opacity:1;transition-delay:60ms}.markup-composer-hint{font-family:var(--markup-font-mono);letter-spacing:.06em;color:var(--markup-muted);font-size:10px}.markup-composer-error{color:var(--markup-brand)}.markup-composer-actions{align-items:center;gap:6px;display:flex}.markup-composer-actions-empty{transition:opacity .12s;position:absolute;top:3px;right:3px}.markup-composer.is-filled .markup-composer-actions-empty{opacity:0;pointer-events:none}.markup-author-prompt{flex-direction:column;gap:10px;padding:12px;display:flex}.markup-author-status{color:var(--markup-muted);margin:0;font-size:12px}.markup-input{border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius-sm);background:var(--markup-paper);width:100%;height:36px;color:var(--markup-ink);outline:none;padding:0 10px;font-size:14px;transition:border-color .12s,box-shadow .12s}.markup-input:focus-visible{border-color:var(--markup-brand);box-shadow:0 0 0 3px #e35d2a2e}.markup-btn{border-radius:var(--markup-radius-sm);height:30px;color:var(--markup-ink);cursor:pointer;letter-spacing:-.01em;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.markup-btn:disabled{opacity:.5;cursor:not-allowed}.markup-btn-primary{background:var(--markup-ink);color:var(--markup-paper)}.markup-btn-primary:hover:not(:disabled){background:var(--markup-brand)}.markup-btn-ghost{color:var(--markup-muted)}.markup-btn-ghost:hover:not(:disabled){background:var(--markup-border);color:var(--markup-ink)}.markup-screenshot-row{border-top:1px solid var(--markup-border);margin-top:8px;padding-top:8px}.markup-screenshot-status{color:var(--markup-muted);font-family:var(--markup-font-mono);letter-spacing:.06em;align-items:center;gap:5px;font-size:10px;display:flex}.markup-screenshot-toggle{cursor:pointer;color:var(--markup-muted);font-family:var(--markup-font-mono);letter-spacing:.06em;align-items:center;gap:5px;font-size:10px;transition:color .12s;display:flex}.markup-screenshot-toggle:hover{color:var(--markup-ink)}.markup-screenshot-checkbox{width:12px;height:12px;accent-color:var(--markup-brand);cursor:pointer;margin:0}.markup-screenshot-thumb{border:1px solid var(--markup-border-strong);object-fit:cover;border-radius:3px;flex-shrink:0;width:auto;height:25px;margin:-5px 0 -5px auto;display:block}.markup-comment-screenshot{border:1px solid var(--markup-border-strong);border-radius:var(--markup-radius-sm);cursor:pointer;background:0 0;margin-top:8px;padding:0;transition:border-color .12s,opacity .12s;display:block;overflow:hidden}.markup-comment-screenshot:hover{border-color:var(--markup-brand);opacity:.9}.markup-comment-screenshot img{object-fit:cover;object-position:top;width:100%;height:auto;max-height:120px;display:block}.markup-lightbox{background:#1a1614e0;border:none;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:24px;position:fixed;inset:0}.markup-lightbox[open]{justify-content:center;align-items:center;display:flex}.markup-lightbox::backdrop{display:none}.markup-lightbox-img{border-radius:var(--markup-radius);object-fit:contain;max-width:100%;max-height:100%;box-shadow:var(--markup-shadow);animation:.16s ease-out markup-lightbox-in}.markup-lightbox-close{color:#fdfcfa;background:#1a161499;position:absolute;top:16px;right:16px}.markup-lightbox-close:hover{color:#fdfcfa;background:#1a1614d9}@keyframes markup-lightbox-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.markup-fab,.markup-pin,.markup-icon-btn,.markup-btn,.markup-popover,.markup-pin-ghost,.markup-placement-overlay,.markup-placement-cursor-help,.markup-lightbox-img{transition:none;animation:none}}", I, L, ue, de, fe = 0, pe = [], R = t, me = R.__b, he = R.__r, ge = R.diffed, _e = R.__c, ve = R.unmount, ye = R.__;
+function be(e, t) {
+	R.__h && R.__h(L, e, fe || t), fe = 0;
+	var n = L.__H ||= {
 		__: [],
 		__h: []
 	};
 	return e >= n.__.length && n.__.push({}), n.__[e];
 }
-function R(e) {
-	return pe = 1, Se(Ae, e);
+function z(e) {
+	return fe = 1, xe(ke, e);
 }
-function Se(e, t, n) {
-	var r = xe(F++, 2);
-	if (r.t = e, !r.__c && (r.__ = [n ? n(t) : Ae(void 0, t), function(e) {
+function xe(e, t, n) {
+	var r = be(I++, 2);
+	if (r.t = e, !r.__c && (r.__ = [n ? n(t) : ke(void 0, t), function(e) {
 		var t = r.__N ? r.__N[0] : r.__[0], n = r.t(t, e);
 		t !== n && (r.__N = [n, r.__[1]], r.__c.setState({}));
-	}], r.__c = I, !I.__f)) {
+	}], r.__c = L, !L.__f)) {
 		var i = function(e, t, n) {
 			if (!r.__c.__H) return !0;
 			var i = r.__c.__H.__.filter(function(e) {
@@ -282,111 +282,111 @@ function Se(e, t, n) {
 				}
 			}), a && a.call(this, e, t, n) || o;
 		};
-		I.__f = !0;
-		var a = I.shouldComponentUpdate, o = I.componentWillUpdate;
-		I.componentWillUpdate = function(e, t, n) {
+		L.__f = !0;
+		var a = L.shouldComponentUpdate, o = L.componentWillUpdate;
+		L.componentWillUpdate = function(e, t, n) {
 			if (this.__e) {
 				var r = a;
 				a = void 0, i(e, t, n), a = r;
 			}
 			o && o.call(this, e, t, n);
-		}, I.shouldComponentUpdate = i;
+		}, L.shouldComponentUpdate = i;
 	}
 	return r.__N || r.__;
 }
-function z(e, t) {
-	var n = xe(F++, 3);
-	!L.__s && ke(n.__H, t) && (n.__ = e, n.u = t, I.__H.__h.push(n));
+function B(e, t) {
+	var n = be(I++, 3);
+	!R.__s && Oe(n.__H, t) && (n.__ = e, n.u = t, L.__H.__h.push(n));
 }
-function B(e) {
-	return pe = 5, Ce(function() {
+function V(e) {
+	return fe = 5, Se(function() {
 		return { current: e };
 	}, []);
 }
-function Ce(e, t) {
-	var n = xe(F++, 7);
-	return ke(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
+function Se(e, t) {
+	var n = be(I++, 7);
+	return Oe(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
 }
-function V(e, t) {
-	return pe = 8, Ce(function() {
+function H(e, t) {
+	return fe = 8, Se(function() {
 		return e;
 	}, t);
 }
-function we() {
-	for (var e; e = me.shift();) {
+function Ce() {
+	for (var e; e = pe.shift();) {
 		var t = e.__H;
 		if (e.__P && t) try {
-			t.__h.some(De), t.__h.some(Oe), t.__h = [];
+			t.__h.some(Ee), t.__h.some(De), t.__h = [];
 		} catch (n) {
-			t.__h = [], L.__e(n, e.__v);
+			t.__h = [], R.__e(n, e.__v);
 		}
 	}
 }
-L.__b = function(e) {
-	I = null, he && he(e);
-}, L.__ = function(e, t) {
-	e && t.__k && t.__k.__m && (e.__m = t.__k.__m), be && be(e, t);
-}, L.__r = function(e) {
-	ge && ge(e), F = 0;
-	var t = (I = e.__c).__H;
-	t && (de === I ? (t.__h = [], I.__h = [], t.__.some(function(e) {
+R.__b = function(e) {
+	L = null, me && me(e);
+}, R.__ = function(e, t) {
+	e && t.__k && t.__k.__m && (e.__m = t.__k.__m), ye && ye(e, t);
+}, R.__r = function(e) {
+	he && he(e), I = 0;
+	var t = (L = e.__c).__H;
+	t && (ue === L ? (t.__h = [], L.__h = [], t.__.some(function(e) {
 		e.__N && (e.__ = e.__N), e.u = e.__N = void 0;
-	})) : (t.__h.some(De), t.__h.some(Oe), t.__h = [], F = 0)), de = I;
-}, L.diffed = function(e) {
-	_e && _e(e);
+	})) : (t.__h.some(Ee), t.__h.some(De), t.__h = [], I = 0)), ue = L;
+}, R.diffed = function(e) {
+	ge && ge(e);
 	var t = e.__c;
-	t && t.__H && (t.__H.__h.length && (me.push(t) !== 1 && fe === L.requestAnimationFrame || ((fe = L.requestAnimationFrame) || Ee)(we)), t.__H.__.some(function(e) {
+	t && t.__H && (t.__H.__h.length && (pe.push(t) !== 1 && de === R.requestAnimationFrame || ((de = R.requestAnimationFrame) || Te)(Ce)), t.__H.__.some(function(e) {
 		e.u && (e.__H = e.u), e.u = void 0;
-	})), de = I = null;
-}, L.__c = function(e, t) {
+	})), ue = L = null;
+}, R.__c = function(e, t) {
 	t.some(function(e) {
 		try {
-			e.__h.some(De), e.__h = e.__h.filter(function(e) {
-				return !e.__ || Oe(e);
+			e.__h.some(Ee), e.__h = e.__h.filter(function(e) {
+				return !e.__ || De(e);
 			});
 		} catch (n) {
 			t.some(function(e) {
 				e.__h &&= [];
-			}), t = [], L.__e(n, e.__v);
+			}), t = [], R.__e(n, e.__v);
 		}
-	}), ve && ve(e, t);
-}, L.unmount = function(e) {
-	ye && ye(e);
+	}), _e && _e(e, t);
+}, R.unmount = function(e) {
+	ve && ve(e);
 	var t, n = e.__c;
 	n && n.__H && (n.__H.__.some(function(e) {
 		try {
-			De(e);
+			Ee(e);
 		} catch (e) {
 			t = e;
 		}
-	}), n.__H = void 0, t && L.__e(t, n.__v));
+	}), n.__H = void 0, t && R.__e(t, n.__v));
 };
-var Te = typeof requestAnimationFrame == "function";
-function Ee(e) {
+var we = typeof requestAnimationFrame == "function";
+function Te(e) {
 	var t, n = function() {
-		clearTimeout(r), Te && cancelAnimationFrame(t), setTimeout(e);
+		clearTimeout(r), we && cancelAnimationFrame(t), setTimeout(e);
 	}, r = setTimeout(n, 35);
-	Te && (t = requestAnimationFrame(n));
+	we && (t = requestAnimationFrame(n));
 }
-function De(e) {
-	var t = I, n = e.__c;
-	typeof n == "function" && (e.__c = void 0, n()), I = t;
+function Ee(e) {
+	var t = L, n = e.__c;
+	typeof n == "function" && (e.__c = void 0, n()), L = t;
 }
-function Oe(e) {
-	var t = I;
-	e.__c = e.__(), I = t;
+function De(e) {
+	var t = L;
+	e.__c = e.__(), L = t;
 }
-function ke(e, t) {
+function Oe(e, t) {
 	return !e || e.length !== t.length || t.some(function(t, n) {
 		return t !== e[n];
 	});
 }
-function Ae(e, t) {
+function ke(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-for (var je = "1.37.0", H = [], U = [], Me = Uint8Array, Ne = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", Pe = 0, Fe = Ne.length; Pe < Fe; ++Pe) H[Pe] = Ne[Pe], U[Ne.charCodeAt(Pe)] = Pe;
-U[45] = 62, U[95] = 63;
-function Ie(e) {
+for (var Ae = "1.37.0", U = [], W = [], je = Uint8Array, Me = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", Ne = 0, Pe = Me.length; Ne < Pe; ++Ne) U[Ne] = Me[Ne], W[Me.charCodeAt(Ne)] = Ne;
+W[45] = 62, W[95] = 63;
+function Fe(e) {
 	var t = e.length;
 	if (t % 4 > 0) throw Error("Invalid string. Length must be a multiple of 4");
 	var n = e.indexOf("=");
@@ -394,28 +394,28 @@ function Ie(e) {
 	var r = n === t ? 0 : 4 - n % 4;
 	return [n, r];
 }
-function Le(e, t, n) {
+function Ie(e, t, n) {
 	return (t + n) * 3 / 4 - n;
 }
-function Re(e) {
-	var t, n = Ie(e), r = n[0], i = n[1], a = new Me(Le(e, r, i)), o = 0, s = i > 0 ? r - 4 : r, c;
-	for (c = 0; c < s; c += 4) t = U[e.charCodeAt(c)] << 18 | U[e.charCodeAt(c + 1)] << 12 | U[e.charCodeAt(c + 2)] << 6 | U[e.charCodeAt(c + 3)], a[o++] = t >> 16 & 255, a[o++] = t >> 8 & 255, a[o++] = t & 255;
-	return i === 2 && (t = U[e.charCodeAt(c)] << 2 | U[e.charCodeAt(c + 1)] >> 4, a[o++] = t & 255), i === 1 && (t = U[e.charCodeAt(c)] << 10 | U[e.charCodeAt(c + 1)] << 4 | U[e.charCodeAt(c + 2)] >> 2, a[o++] = t >> 8 & 255, a[o++] = t & 255), a;
+function Le(e) {
+	var t, n = Fe(e), r = n[0], i = n[1], a = new je(Ie(e, r, i)), o = 0, s = i > 0 ? r - 4 : r, c;
+	for (c = 0; c < s; c += 4) t = W[e.charCodeAt(c)] << 18 | W[e.charCodeAt(c + 1)] << 12 | W[e.charCodeAt(c + 2)] << 6 | W[e.charCodeAt(c + 3)], a[o++] = t >> 16 & 255, a[o++] = t >> 8 & 255, a[o++] = t & 255;
+	return i === 2 && (t = W[e.charCodeAt(c)] << 2 | W[e.charCodeAt(c + 1)] >> 4, a[o++] = t & 255), i === 1 && (t = W[e.charCodeAt(c)] << 10 | W[e.charCodeAt(c + 1)] << 4 | W[e.charCodeAt(c + 2)] >> 2, a[o++] = t >> 8 & 255, a[o++] = t & 255), a;
 }
-function ze(e) {
-	return H[e >> 18 & 63] + H[e >> 12 & 63] + H[e >> 6 & 63] + H[e & 63];
+function Re(e) {
+	return U[e >> 18 & 63] + U[e >> 12 & 63] + U[e >> 6 & 63] + U[e & 63];
 }
-function Be(e, t, n) {
-	for (var r, i = [], a = t; a < n; a += 3) r = (e[a] << 16 & 16711680) + (e[a + 1] << 8 & 65280) + (e[a + 2] & 255), i.push(ze(r));
+function ze(e, t, n) {
+	for (var r, i = [], a = t; a < n; a += 3) r = (e[a] << 16 & 16711680) + (e[a + 1] << 8 & 65280) + (e[a + 2] & 255), i.push(Re(r));
 	return i.join("");
 }
-function Ve(e) {
-	for (var t, n = e.length, r = n % 3, i = [], a = 16383, o = 0, s = n - r; o < s; o += a) i.push(Be(e, o, o + a > s ? s : o + a));
-	return r === 1 ? (t = e[n - 1], i.push(H[t >> 2] + H[t << 4 & 63] + "==")) : r === 2 && (t = (e[n - 2] << 8) + e[n - 1], i.push(H[t >> 10] + H[t >> 4 & 63] + H[t << 2 & 63] + "=")), i.join("");
+function Be(e) {
+	for (var t, n = e.length, r = n % 3, i = [], a = 16383, o = 0, s = n - r; o < s; o += a) i.push(ze(e, o, o + a > s ? s : o + a));
+	return r === 1 ? (t = e[n - 1], i.push(U[t >> 2] + U[t << 4 & 63] + "==")) : r === 2 && (t = (e[n - 2] << 8) + e[n - 1], i.push(U[t >> 10] + U[t >> 4 & 63] + U[t << 2 & 63] + "=")), i.join("");
 }
 //#endregion
 //#region ../../node_modules/.pnpm/convex@1.37.0_react@19.2.6/node_modules/convex/dist/esm/common/index.js
-function W(e) {
+function Ve(e) {
 	if (e === void 0) return {};
 	if (!Ue(e)) throw Error(`The arguments to a Convex function must be an object. Received: ${e}`);
 	return e;
@@ -447,10 +447,10 @@ function Ze(e) {
 	t.length % 2 == 1 && (t = "0" + t);
 	let n = new Uint8Array(/* @__PURE__ */ new ArrayBuffer(8)), r = 0;
 	for (let i of t.match(/.{2}/g).reverse()) n.set([parseInt(i, 16)], r++), e >>= Je;
-	return Ve(n);
+	return Be(n);
 }
 function Qe(e) {
-	let t = Re(e);
+	let t = Le(e);
 	if (t.byteLength !== 8) throw Error(`Received ${t.byteLength} bytes, expected 8 for $integer`);
 	let n = qe, r = qe;
 	for (let e of t) n += BigInt(e) * Ye ** r, r++;
@@ -459,10 +459,10 @@ function Qe(e) {
 function $e(e) {
 	if (e < Ge || Ke < e) throw Error(`BigInt ${e} does not fit into a 64-bit signed integer.`);
 	let t = /* @__PURE__ */ new ArrayBuffer(8);
-	return new DataView(t).setBigInt64(0, e, !0), Ve(new Uint8Array(t));
+	return new DataView(t).setBigInt64(0, e, !0), Be(new Uint8Array(t));
 }
 function et(e) {
-	let t = Re(e);
+	let t = Le(e);
 	if (t.byteLength !== 8) throw Error(`Received ${t.byteLength} bytes, expected 8 for $integer`);
 	return new DataView(t.buffer).getBigInt64(0, !0);
 }
@@ -484,7 +484,7 @@ function at(e) {
 		let n = t[0][0];
 		if (n === "$bytes") {
 			if (typeof e.$bytes != "string") throw Error(`Malformed $bytes field on ${e}`);
-			return Re(e.$bytes).buffer;
+			return Le(e.$bytes).buffer;
 		}
 		if (n === "$integer") {
 			if (typeof e.$integer != "string") throw Error(`Malformed $integer field on ${e}`);
@@ -492,7 +492,7 @@ function at(e) {
 		}
 		if (n === "$float") {
 			if (typeof e.$float != "string") throw Error(`Malformed $float field on ${e}`);
-			let t = Re(e.$float);
+			let t = Le(e.$float);
 			if (t.byteLength !== 8) throw Error(`Received ${t.byteLength} bytes, expected 8 for $float`);
 			let n = new DataView(t.buffer).getFloat64(0, We);
 			if (!Xe(n)) throw Error(`Float ${n} should be encoded as a number`);
@@ -526,10 +526,10 @@ function ct(e, t, n, r) {
 	}
 	if (typeof e == "number") if (Xe(e)) {
 		let t = /* @__PURE__ */ new ArrayBuffer(8);
-		return new DataView(t).setFloat64(0, e, We), { $float: Ve(new Uint8Array(t)) };
+		return new DataView(t).setFloat64(0, e, We), { $float: Be(new Uint8Array(t)) };
 	} else return e;
 	if (typeof e == "boolean" || typeof e == "string") return e;
-	if (e instanceof ArrayBuffer) return { $bytes: Ve(new Uint8Array(e)) };
+	if (e instanceof ArrayBuffer) return { $bytes: Be(new Uint8Array(e)) };
 	if (Array.isArray(e)) return e.map((e, r) => ct(e, t, n + `[${r}]`, !1));
 	if (e instanceof Set) throw Error(lt(n, "Set", [...e], t));
 	if (e instanceof Map) throw Error(lt(n, "Map", [...e], t));
@@ -1047,7 +1047,7 @@ var Yt = Object.defineProperty, Xt = (e, t, n) => t in e ? Yt(e, t, {
 		Zt(this, "queryResults"), Zt(this, "modifiedQueries"), this.queryResults = e, this.modifiedQueries = [];
 	}
 	getQuery(t, ...n) {
-		let r = W(n[0]), i = K(t), a = this.queryResults.get(Mt(i, r));
+		let r = Ve(n[0]), i = K(t), a = this.queryResults.get(Mt(i, r));
 		if (a !== void 0) return e.queryValue(a.result);
 	}
 	getAllQueries(t) {
@@ -1059,7 +1059,7 @@ var Yt = Object.defineProperty, Xt = (e, t, n) => t in e ? Yt(e, t, {
 		return n;
 	}
 	setQuery(e, t, n) {
-		let r = W(t), i = K(e), a = Mt(i, r), o;
+		let r = Ve(t), i = K(e), a = Mt(i, r), o;
 		o = n === void 0 ? void 0 : {
 			success: !0,
 			value: n,
@@ -1225,11 +1225,11 @@ var Yt = Object.defineProperty, Xt = (e, t, n) => t in e ? Yt(e, t, {
 //#endregion
 //#region ../../node_modules/.pnpm/convex@1.37.0_react@19.2.6/node_modules/convex/dist/esm/browser/sync/protocol.js
 function mn(e) {
-	let t = Re(e);
+	let t = Le(e);
 	return rn.fromBytesLE(Array.from(t));
 }
 function hn(e) {
-	return Ve(new Uint8Array(e.toBytesLE()));
+	return Be(new Uint8Array(e.toBytesLE()));
 }
 function gn(e) {
 	switch (e.type) {
@@ -1868,7 +1868,7 @@ var Gn = Object.defineProperty, Kn = (e, t, n) => t in e ? Gn(e, t, {
 		if (s === "http") c = "ws";
 		else if (s === "https") c = "wss";
 		else throw Error(`Unknown parent protocol ${s}`);
-		let l = `${c}://${o}/api/${je}/sync`;
+		let l = `${c}://${o}/api/${Ae}/sync`;
 		this.state = new Lt(), this.remoteQuerySet = new pn((e) => this.state.queryPath(e), this.logger), this.requestManager = new Vt(this.logger, this.markConnectionStateDirty);
 		let u = () => {
 			this.webSocketManager.pause(), this.state.pause();
@@ -2022,7 +2022,7 @@ var Gn = Object.defineProperty, Kn = (e, t, n) => t in e ? Gn(e, t, {
 		this.webSocketManager.sendMessage(e);
 	}
 	subscribe(e, t, n) {
-		let r = W(t), { modification: i, queryToken: a, unsubscribe: o } = this.state.subscribe(e, r, n?.journal, n?.componentPath);
+		let r = Ve(t), { modification: i, queryToken: a, unsubscribe: o } = this.state.subscribe(e, r, n?.journal, n?.componentPath);
 		return i !== null && this.webSocketManager.sendMessage(i), {
 			queryToken: a,
 			unsubscribe: () => {
@@ -2032,7 +2032,7 @@ var Gn = Object.defineProperty, Kn = (e, t, n) => t in e ? Gn(e, t, {
 		};
 	}
 	localQueryResult(e, t) {
-		let n = Mt(e, W(t));
+		let n = Mt(e, Ve(t));
 		return this.optimisticQueryResults.queryResult(n);
 	}
 	localQueryResultByToken(e) {
@@ -2042,11 +2042,11 @@ var Gn = Object.defineProperty, Kn = (e, t, n) => t in e ? Gn(e, t, {
 		return this.optimisticQueryResults.hasQueryResult(e);
 	}
 	localQueryLogs(e, t) {
-		let n = Mt(e, W(t));
+		let n = Mt(e, Ve(t));
 		return this.optimisticQueryResults.queryLogs(n);
 	}
 	queryJournal(e, t) {
-		let n = Mt(e, W(t));
+		let n = Mt(e, Ve(t));
 		return this.state.queryJournal(n);
 	}
 	connectionState() {
@@ -2078,7 +2078,7 @@ var Gn = Object.defineProperty, Kn = (e, t, n) => t in e ? Gn(e, t, {
 		return i;
 	}
 	enqueueMutation(e, t, n, r) {
-		let i = W(t);
+		let i = Ve(t);
 		this.tryReportLongDisconnect();
 		let a = this.nextRequestId;
 		if (this._nextRequestId++, n !== void 0) {
@@ -2125,7 +2125,7 @@ var Gn = Object.defineProperty, Kn = (e, t, n) => t in e ? Gn(e, t, {
 		return n.value;
 	}
 	async actionInternal(e, t, n) {
-		let r = W(t), i = this.nextRequestId;
+		let r = Ve(t), i = this.nextRequestId;
 		this._nextRequestId++, this.tryReportLongDisconnect();
 		let a = {
 			type: "Action",
@@ -2167,7 +2167,7 @@ var Gn = Object.defineProperty, Kn = (e, t, n) => t in e ? Gn(e, t, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
-				"Convex-Client": `npm-${je}`
+				"Convex-Client": `npm-${Ae}`
 			},
 			body: JSON.stringify({ event: "LongWebsocketDisconnect" })
 		}).then((e) => {
@@ -3490,7 +3490,7 @@ function la({ size: e = 16 }) {
 //#endregion
 //#region src/runtime/ui/fab.tsx
 function ua({ active: e, onToggle: t, onHide: n, position: r = "bottom-right", onPositionChange: i }) {
-	let a = r === "bottom-left" ? "markup-fab-left" : "markup-fab-right", o = B(null), [s, c] = R(null), [l, u] = R(!1), d = B(!1);
+	let a = r === "bottom-left" ? "markup-fab-left" : "markup-fab-right", o = V(null), [s, c] = z(null), [l, u] = z(!1), d = V(!1);
 	function f(e) {
 		if (e.stopPropagation(), e.button !== 0) return;
 		let t = o.current;
@@ -3570,7 +3570,7 @@ var fa = [
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(",");
 function pa(e, t) {
-	z(() => {
+	B(() => {
 		if (!t) return;
 		let n = e.current;
 		if (!n) return;
@@ -3587,8 +3587,8 @@ function pa(e, t) {
 //#endregion
 //#region src/runtime/ui/author-prompt.tsx
 function ma({ pending: e, connecting: t = !1, onSubmit: n, onCancel: r, onSignIn: i }) {
-	let [a, o] = R(""), [s, c] = R(""), l = B(null);
-	z(() => {
+	let [a, o] = z(""), [s, c] = z(""), l = V(null);
+	B(() => {
 		l.current?.focus();
 	}, []);
 	function u(r) {
@@ -3667,29 +3667,30 @@ function ma({ pending: e, connecting: t = !1, onSubmit: n, onCancel: r, onSignIn
 //#region src/runtime/ui/composer.tsx
 var ha = 4e3;
 function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "Post", initialFocus: r = !0, pending: i, error: a, onSubmit: o }) {
-	let [s, c] = R(""), l = B(null), u = B(!1);
-	z(() => {
+	let [s, c] = z(""), l = V(null), u = V(!1);
+	B(() => {
 		r && l.current?.focus();
-	}, [r]), z(() => {
+	}, [r]), B(() => {
 		let e = l.current;
 		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 160)}px`);
-	}, [s]), z(() => {
+	}, [s]), B(() => {
 		u.current && !i && !a && (c(""), l.current?.focus()), u.current = i;
 	}, [i, a]);
-	function d(e) {
+	let d = ha - s.length, f = d < 0;
+	function p(e) {
 		e?.preventDefault();
 		let t = s.trim();
-		!t || i || o(t);
+		!t || i || f || o(t);
 	}
-	function f(e) {
-		(e.metaKey || e.ctrlKey) && e.key === "Enter" && d(e);
+	function m(e) {
+		(e.metaKey || e.ctrlKey) && e.key === "Enter" && p(e);
 	}
-	let p = ha - s.length, m = p < 0, h = s.length > 0;
+	let h = s.length > 0;
 	function g(e) {
 		return /* @__PURE__ */ $("button", {
 			type: "submit",
 			class: "markup-btn markup-btn-primary",
-			disabled: i || !s.trim() || m,
+			disabled: i || !s.trim() || f,
 			"aria-label": i ? "Sending…" : n,
 			title: i ? "Sending…" : n,
 			tabIndex: e,
@@ -3698,7 +3699,7 @@ function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 	}
 	return /* @__PURE__ */ $("form", {
 		class: Q("markup-composer", h && "is-filled"),
-		onSubmit: d,
+		onSubmit: p,
 		children: [
 			/* @__PURE__ */ $("textarea", {
 				ref: l,
@@ -3709,7 +3710,7 @@ function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 				maxLength: ha + 100,
 				value: s,
 				onInput: (e) => c(e.currentTarget.value),
-				onKeyDown: f,
+				onKeyDown: m,
 				disabled: i,
 				"aria-label": e
 			}),
@@ -3722,9 +3723,9 @@ function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 						children: a ? /* @__PURE__ */ $("span", {
 							class: "markup-composer-error",
 							children: a
-						}) : m ? /* @__PURE__ */ $("span", {
+						}) : f ? /* @__PURE__ */ $("span", {
 							class: "markup-composer-error",
-							children: [Math.abs(p), " too long"]
+							children: [Math.abs(d), " too long"]
 						}) : /* @__PURE__ */ $("span", { children: "⌘↵ to send" })
 					}), /* @__PURE__ */ $("div", {
 						class: "markup-composer-actions",
@@ -3743,14 +3744,14 @@ function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 //#endregion
 //#region src/runtime/ui/new-thread-popover.tsx
 function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, identityResolving: i, pending: a, error: o, screenshot: s, screenshotCapturing: c, onAuthor: l, onSignIn: u, onSubmit: d, onClose: f }) {
-	let p = B(null);
+	let p = V(null);
 	pa(p, !0);
-	let [m, h] = R(!1), [g, _] = R(null), [v, y] = R(null), [b, x] = R(!1);
-	z(() => {
+	let [m, h] = z(!1), [g, _] = z(null), [v, y] = z(null), [b, x] = z(!1);
+	B(() => {
 		if (!s) return;
 		let e = URL.createObjectURL(s);
 		return _(e), () => URL.revokeObjectURL(e);
-	}, [s]), z(() => {
+	}, [s]), B(() => {
 		let e = p.current;
 		if (!e) return;
 		if (typeof e.showPopover == "function" && !e.matches(":popover-open")) try {
@@ -3925,7 +3926,7 @@ function ba({ pageX: e, pageY: t }) {
 //#endregion
 //#region src/runtime/ui/placement-overlay.tsx
 function xa({ onPlace: e, onCancel: t }) {
-	z(() => {
+	B(() => {
 		function e(e) {
 			e.key === "Escape" && t();
 		}
@@ -3958,24 +3959,24 @@ var Sa = [
 	"😄",
 	"❓"
 ];
-function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, identityResolving: i, canDelete: a, pending: o, error: s, onAuthor: c, onSignIn: l, onClose: u, onReply: d, onEditComment: f, onDeleteComment: p, onToggleReaction: m, onResolve: h, onDelete: g }) {
-	let _ = B(null), v = B(null), y = B(null), b = B(null), x = B(null), [S, C] = R(!1), [w, T] = R(!1), [E, D] = R(null), [O, ee] = R(""), [k, A] = R(null), [te, j] = R("down"), [ne, M] = R(null), [N, P] = R(null), [re, ie] = R("down"), ae = B(null), [oe, se] = R(null), [ce, le] = R(!1);
-	pa(_, !0);
-	let ue = e.resolvedAt != null, F = Ce(() => e.comments.filter((e) => !e.deleted), [e.comments]);
-	function I(e, t) {
-		D(e), ee(t);
+function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, identityResolving: i, canDelete: a, pending: o, error: s, hidden: c = !1, onAuthor: l, onSignIn: u, onClose: d, onReply: f, onEditComment: p, onDeleteComment: m, onToggleReaction: h, onResolve: g, onDelete: _ }) {
+	let v = V(null), y = V(null), b = V(null), x = V(null), S = V(null), [C, w] = z(!1), [T, E] = z(!1), [D, O] = z(null), [ee, k] = z(""), [A, j] = z(null), [M, te] = z("down"), [N, ne] = z(null), [P, F] = z(null), [re, ie] = z("down"), ae = V(null), [oe, se] = z(null), [ce, le] = z(!1);
+	pa(v, !0);
+	let I = e.resolvedAt != null, L = Se(() => e.comments.filter((e) => !e.deleted), [e.comments]);
+	function ue(e, t) {
+		O(e), k(t);
 	}
 	function de() {
-		D(null), ee("");
+		O(null), k("");
 	}
-	z(() => {
-		if (!E) return;
-		let t = e.comments.find((e) => e._id === E);
+	B(() => {
+		if (!D) return;
+		let t = e.comments.find((e) => e._id === D);
 		(!t || t.deleted) && de();
-	}, [e.comments, E]);
-	let fe = B(!0);
-	z(() => {
-		let e = b.current;
+	}, [e.comments, D]);
+	let fe = V(!0);
+	B(() => {
+		let e = x.current;
 		if (e) {
 			if (fe.current) {
 				fe.current = !1, e.scrollTop = e.scrollHeight;
@@ -3983,44 +3984,44 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 			}
 			e.scrollHeight - e.scrollTop - e.clientHeight < 80 && (e.scrollTop = e.scrollHeight);
 		}
-	}, [F.length]), z(() => {
-		if (!S) {
-			T(!1);
+	}, [L.length]), B(() => {
+		if (!C) {
+			E(!1);
 			return;
 		}
 		function e(e) {
-			v.current && !e.composedPath().includes(v.current) && C(!1);
+			y.current && !e.composedPath().includes(y.current) && w(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [S]), z(() => {
-		if (!k) {
-			M(null);
+	}, [C]), B(() => {
+		if (!A) {
+			ne(null);
 			return;
 		}
 		function e(e) {
-			y.current && !e.composedPath().includes(y.current) && A(null);
+			b.current && !e.composedPath().includes(b.current) && j(null);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [k]), z(() => {
-		if (!N) return;
+	}, [A]), B(() => {
+		if (!P) return;
 		function e(e) {
-			ae.current && !e.composedPath().includes(ae.current) && P(null);
+			ae.current && !e.composedPath().includes(ae.current) && F(null);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [N]), z(() => {
-		let e = _.current;
+	}, [P]), B(() => {
+		let e = v.current;
 		if (!e) return;
 		if (typeof e.showPopover == "function" && !e.matches(":popover-open")) try {
 			e.showPopover();
 		} catch {}
 		function t(e) {
-			e.newState === "closed" && u();
+			e.newState === "closed" && d();
 		}
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
-	}, [u]);
+	}, [d]);
 	function pe(e) {
 		if (e.button !== 0 || e.target?.closest("button, a, input, textarea, select")) return;
-		let t = _.current;
+		let t = v.current;
 		if (!t) return;
 		let n = t.getBoundingClientRect(), r = e.clientX, i = e.clientY, a = n.left, o = n.top, s = n.width, c = n.height, l = e.currentTarget, u = !1;
 		try {
@@ -4046,7 +4047,7 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 		}
 		l.addEventListener("pointermove", d), l.addEventListener("pointerup", f), l.addEventListener("pointercancel", f);
 	}
-	let me = Ce(() => {
+	let R = Se(() => {
 		let t = Tr({
 			anchorX: e.anchorX,
 			anchorY: e.anchorY,
@@ -4062,16 +4063,17 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 		e.anchorSelector
 	]);
 	return /* @__PURE__ */ $("div", {
-		ref: _,
+		ref: v,
 		id: "markup-thread-popover",
-		class: Q("markup-popover", oe && "is-floating", ce && "is-dragging"),
+		class: Q("markup-popover", oe && "is-floating", ce && "is-dragging", c && "is-hud-hidden"),
 		popover: "auto",
 		style: {
-			"--markup-pop-x": `${oe?.left ?? me.left}px`,
-			"--markup-pop-y": `${oe?.top ?? me.top}px`
+			"--markup-pop-x": `${oe?.left ?? R.left}px`,
+			"--markup-pop-y": `${oe?.top ?? R.top}px`
 		},
 		role: "dialog",
 		"aria-label": "Markup thread",
+		"aria-hidden": c || void 0,
 		children: [
 			/* @__PURE__ */ $("header", {
 				class: "markup-popover-header",
@@ -4080,40 +4082,40 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 					class: "markup-eyebrow",
 					children: [
 						"thread · ",
-						F.length,
+						L.length,
 						" ",
-						F.length === 1 ? "comment" : "comments"
+						L.length === 1 ? "comment" : "comments"
 					]
 				}), /* @__PURE__ */ $("div", {
 					class: "markup-popover-header-actions",
 					children: [
 						/* @__PURE__ */ $("div", {
 							class: "markup-thread-menu",
-							ref: v,
+							ref: y,
 							children: [/* @__PURE__ */ $("button", {
 								type: "button",
-								class: Q("markup-icon-btn", S && "is-open"),
+								class: Q("markup-icon-btn", C && "is-open"),
 								title: "More options",
-								onClick: () => C((e) => !e),
+								onClick: () => w((e) => !e),
 								children: /* @__PURE__ */ $(aa, { size: 16 })
-							}), S ? /* @__PURE__ */ $("div", {
+							}), C ? /* @__PURE__ */ $("div", {
 								class: "markup-thread-menu-list",
 								children: [/* @__PURE__ */ $("button", {
 									type: "button",
 									class: "markup-thread-menu-item",
 									onClick: () => {
 										let t = new URL(e.url);
-										t.hash = `markup-thread=${e._id}`, navigator.clipboard.writeText(t.toString()).catch(() => {}), C(!1);
+										t.hash = `markup-thread=${e._id}`, navigator.clipboard.writeText(t.toString()).catch(() => {}), w(!1);
 									},
 									children: "Copy link"
 								}), a ? /* @__PURE__ */ $("button", {
 									type: "button",
-									class: Q("markup-thread-menu-item", w && "is-danger"),
+									class: Q("markup-thread-menu-item", T && "is-danger"),
 									disabled: o,
 									onClick: () => {
-										w ? (C(!1), g()) : T(!0);
+										T ? (w(!1), _()) : E(!0);
 									},
-									children: w ? "Confirm delete" : "Delete thread…"
+									children: T ? "Confirm delete" : "Delete thread…"
 								}) : null]
 							}) : null]
 						}),
@@ -4122,24 +4124,24 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 							class: "markup-icon-btn",
 							title: "Mark as resolved",
 							disabled: o,
-							onClick: h,
+							onClick: g,
 							children: /* @__PURE__ */ $(oa, { size: 16 })
 						}) : null,
 						/* @__PURE__ */ $("button", {
 							type: "button",
 							class: "markup-icon-btn",
 							title: "Close thread",
-							onClick: u,
+							onClick: d,
 							children: /* @__PURE__ */ $(ia, { size: 16 })
 						})
 					]
 				})]
 			}),
 			/* @__PURE__ */ $("ol", {
-				ref: b,
+				ref: x,
 				class: "markup-comments",
-				children: F.map((t, r) => {
-					let i = !t.fromDashboard && n != null && t.authorClientId === n, a = r === 0, s = i && !ue && !t.deleted, c = i && !ue && !t.deleted && !a, l = E === t._id, u = (s || c) && !l && !t.deleted, d = k === t._id, h = ne === t._id;
+				children: L.map((t, r) => {
+					let i = !t.fromDashboard && n != null && t.authorClientId === n, a = r === 0, s = i && !I && !t.deleted, c = i && !I && !t.deleted && !a, l = D === t._id, u = (s || c) && !l && !t.deleted, d = A === t._id, f = N === t._id;
 					return /* @__PURE__ */ $("li", {
 						class: Q("markup-comment", t.fromDashboard && "is-team"),
 						children: [
@@ -4162,40 +4164,40 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 									}),
 									/* @__PURE__ */ $("div", {
 										class: "markup-thread-actions",
-										children: [!ue && !l ? /* @__PURE__ */ $(wa, {
+										children: [!I && !l ? /* @__PURE__ */ $(wa, {
 											comment: t,
-											pickerOpen: N === t._id,
+											pickerOpen: P === t._id,
 											pickerDirection: re,
 											pickerRef: (e) => {
-												N === t._id && (ae.current = e);
+												P === t._id && (ae.current = e);
 											},
 											onPickerClick: (e) => {
-												if (N === t._id) {
-													P(null);
+												if (P === t._id) {
+													F(null);
 													return;
 												}
-												let n = e.currentTarget.getBoundingClientRect(), r = b.current?.getBoundingClientRect();
-												ie((r ? r.bottom - n.bottom : Infinity) < 44 ? "up" : "down"), P(t._id);
+												let n = e.currentTarget.getBoundingClientRect(), r = x.current?.getBoundingClientRect();
+												ie((r ? r.bottom - n.bottom : Infinity) < 44 ? "up" : "down"), F(t._id);
 											},
 											onPickerSelect: (e) => {
-												P(null), m(t._id, e);
+												F(null), h(t._id, e);
 											}
 										}) : null, u ? /* @__PURE__ */ $("div", {
-											class: Q("markup-thread-menu markup-comment-menu", d && "is-open", d && te === "up" && "is-up"),
+											class: Q("markup-thread-menu markup-comment-menu", d && "is-open", d && M === "up" && "is-up"),
 											ref: (e) => {
-												d && (y.current = e);
+												d && (b.current = e);
 											},
 											children: [/* @__PURE__ */ $("button", {
 												type: "button",
 												class: Q("markup-icon-btn", d && "is-open"),
 												title: "More options",
 												onClick: (e) => {
-													if (k === t._id) {
-														A(null);
+													if (A === t._id) {
+														j(null);
 														return;
 													}
-													let n = e.currentTarget.getBoundingClientRect(), r = b.current?.getBoundingClientRect(), i = (+!!s + +!!c) * 32 + 8 + 6;
-													j((r ? r.bottom - n.bottom : Infinity) < i ? "up" : "down"), A(t._id);
+													let n = e.currentTarget.getBoundingClientRect(), r = x.current?.getBoundingClientRect(), i = (+!!s + +!!c) * 32 + 8 + 6;
+													te((r ? r.bottom - n.bottom : Infinity) < i ? "up" : "down"), j(t._id);
 												},
 												children: /* @__PURE__ */ $(aa, { size: 16 })
 											}), d ? /* @__PURE__ */ $("div", {
@@ -4204,16 +4206,16 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 													type: "button",
 													class: "markup-thread-menu-item",
 													onClick: () => {
-														A(null), I(t._id, t.body);
+														j(null), ue(t._id, t.body);
 													},
 													children: "Edit"
 												}) : null, c ? /* @__PURE__ */ $("button", {
 													type: "button",
-													class: Q("markup-thread-menu-item", h && "is-danger"),
+													class: Q("markup-thread-menu-item", f && "is-danger"),
 													onClick: () => {
-														h ? (A(null), p(t._id)) : M(t._id);
+														f ? (j(null), m(t._id)) : ne(t._id);
 													},
-													children: h ? "Confirm delete" : "Delete…"
+													children: f ? "Confirm delete" : "Delete…"
 												}) : null]
 											}) : null]
 										}) : null]
@@ -4224,19 +4226,19 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 								class: "markup-comment-edit-form",
 								onSubmit: async (e) => {
 									e.preventDefault();
-									let n = O.trim();
+									let n = ee.trim();
 									if (!n || n === t.body) {
 										de();
 										return;
 									}
 									try {
-										await f(t._id, n), de();
+										await p(t._id, n), de();
 									} catch {}
 								},
 								children: [/* @__PURE__ */ $("textarea", {
 									class: "markup-textarea",
-									value: O,
-									onInput: (e) => ee(e.currentTarget.value),
+									value: ee,
+									onInput: (e) => k(e.currentTarget.value),
 									rows: 3,
 									autoFocus: !0,
 									disabled: o
@@ -4251,7 +4253,7 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 									}), /* @__PURE__ */ $("button", {
 										type: "submit",
 										class: "markup-btn markup-btn-primary",
-										disabled: o || O.trim().length === 0,
+										disabled: o || ee.trim().length === 0,
 										children: "Save"
 									})]
 								})]
@@ -4266,13 +4268,13 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 							}),
 							!l && t.reactions.length > 0 ? /* @__PURE__ */ $(Ta, {
 								comment: t,
-								isResolved: ue,
-								onToggle: (e) => m(t._id, e)
+								isResolved: I,
+								onToggle: (e) => h(t._id, e)
 							}) : null,
 							r === 0 && e.screenshotUrl ? /* @__PURE__ */ $("button", {
 								type: "button",
 								class: "markup-comment-screenshot",
-								onClick: () => x.current?.showModal(),
+								onClick: () => S.current?.showModal(),
 								children: /* @__PURE__ */ $("img", {
 									src: e.screenshotUrl,
 									alt: "Screenshot"
@@ -4283,15 +4285,15 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 				})
 			}),
 			e.screenshotUrl ? /* @__PURE__ */ $("dialog", {
-				ref: x,
+				ref: S,
 				class: "markup-lightbox",
-				onClick: () => x.current?.close(),
+				onClick: () => S.current?.close(),
 				children: [/* @__PURE__ */ $("button", {
 					type: "button",
 					class: "markup-lightbox-close markup-icon-btn",
 					"aria-label": "Close screenshot",
 					onClick: (e) => {
-						e.stopPropagation(), x.current?.close();
+						e.stopPropagation(), S.current?.close();
 					},
 					children: /* @__PURE__ */ $(ia, { size: 16 })
 				}), /* @__PURE__ */ $("img", {
@@ -4304,9 +4306,9 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 			t == null ? /* @__PURE__ */ $(ma, {
 				pending: o,
 				connecting: i,
-				onSubmit: c,
-				onCancel: u,
-				onSignIn: l
+				onSubmit: l,
+				onCancel: d,
+				onSignIn: u
 			}) : /* @__PURE__ */ $("div", {
 				class: "markup-popover-body",
 				children: [/* @__PURE__ */ $("p", {
@@ -4329,7 +4331,7 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 					initialFocus: !1,
 					pending: o,
 					error: s,
-					onSubmit: d
+					onSubmit: f
 				})]
 			})
 		]
@@ -4430,9 +4432,9 @@ function Aa(e) {
 	};
 }
 function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
-	let [r, i] = R(() => window.location.pathname), [a, o] = R([]), [s, c] = R(null), [l, u] = R(n), d = B(null);
+	let [r, i] = z(() => window.location.pathname), [a, o] = z([]), [s, c] = z(null), [l, u] = z(n), d = V(null);
 	d.current = s;
-	let [f, p] = R(0), m = Ce(() => Or({
+	let [f, p] = z(0), m = Se(() => Or({
 		apiUrl: e,
 		apiKey: t,
 		getToken: () => {
@@ -4456,8 +4458,8 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			};
 			d.current = t, c(t), Mr(t), p((e) => e + 1);
 		}
-	}), [e, t]), [h, g] = R({ kind: "idle" }), [_, v] = R(!1), [y, b] = R(null), [x, S] = R(!1), [C, w] = R(!1), [, T] = R(0), E = B(null), D = s?.name ?? null, O = s?.isVerified ?? !1, ee = s == null;
-	z(() => {
+	}), [e, t]), [h, g] = z({ kind: "idle" }), [_, v] = z(!1), [y, b] = z(null), [x, S] = z(!1), [C, w] = z(!1), [, T] = z(0), E = V(null), D = s?.name ?? null, O = s?.isVerified ?? !1, ee = s == null;
+	B(() => {
 		let e = jr();
 		if (e?.anonToken || e?.isVerified) {
 			c(e);
@@ -4482,8 +4484,8 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			t = !0, n && clearTimeout(n);
 		};
 	}, [m, f]);
-	let [k, A] = R(null);
-	z(() => {
+	let [k, A] = z(null);
+	B(() => {
 		let e = !1, t = null;
 		async function n() {
 			try {
@@ -4501,17 +4503,17 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			e = !0, t && clearTimeout(t);
 		};
 	}, [m]);
-	let te = B(null);
-	z(() => {
+	let j = V(null);
+	B(() => {
 		let t = new rr(e.replace(/\.convex\.site(\/.*)?$/, ".convex.cloud"));
-		return te.current = t, () => {
-			t.close(), te.current = null;
+		return j.current = t, () => {
+			t.close(), j.current = null;
 		};
 	}, [e]);
-	let j = B(!1);
-	z(() => {
-		let e = te.current;
-		if (!(!e || !k)) return j.current = !1, b(null), e.onUpdate(qt("widget/queries:subscribeThreadsForRoute"), {
+	let M = V(!1);
+	B(() => {
+		let e = j.current;
+		if (!(!e || !k)) return M.current = !1, b(null), e.onUpdate(qt("widget/queries:subscribeThreadsForRoute"), {
 			subscriptionToken: k,
 			route: r,
 			viewerClientId: s?.clientId ?? void 0
@@ -4522,19 +4524,19 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		k,
 		r,
 		s?.clientId
-	]), z(() => {
-		if (j.current) return;
+	]), B(() => {
+		if (M.current) return;
 		let e = window.location.hash.match(/^#markup-thread=(.+)$/);
 		if (!e) {
-			j.current = !0;
+			M.current = !0;
 			return;
 		}
 		let t = decodeURIComponent(e[1] ?? "");
-		a.find((e) => e._id === t) && (j.current = !0, g({
+		a.find((e) => e._id === t) && (M.current = !0, g({
 			kind: "thread",
 			threadId: t
 		}), history.replaceState(null, "", window.location.pathname + window.location.search));
-	}, [a]), z(() => {
+	}, [a]), B(() => {
 		function e() {
 			i(window.location.pathname);
 		}
@@ -4547,12 +4549,12 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		}, () => {
 			window.removeEventListener("popstate", e), history.pushState = t, history.replaceState = n;
 		};
-	}, []), z(() => {
+	}, []), B(() => {
 		function e(e) {
 			e.key === "." && (e.metaKey || e.ctrlKey) && (e.altKey || e.shiftKey || (e.preventDefault(), S((e) => !e)));
 		}
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, []), z(() => {
+	}, []), B(() => {
 		if (!C) return;
 		if (!x) {
 			w(!1);
@@ -4560,7 +4562,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		}
 		let e = window.setTimeout(() => w(!1), 5e3);
 		return () => window.clearTimeout(e);
-	}, [C, x]), z(() => {
+	}, [C, x]), B(() => {
 		function e() {
 			T((e) => e + 1);
 		}
@@ -4570,29 +4572,31 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			window.removeEventListener("scroll", e), window.removeEventListener("resize", e), t.disconnect();
 		};
 	}, []);
-	let ne = V(() => {
+	let te = H(() => {
 		b(null), g({ kind: "placing" });
-	}, []), M = V(() => {
+	}, []), N = H(() => {
 		g({ kind: "idle" }), b(null);
-	}, []), N = V((e, t, n) => {
+	}, []), ne = V(0), P = H((e, t, n) => {
+		let r = t + window.scrollX, i = n + window.scrollY, a = ++ne.current;
 		g({
 			kind: "composing-new",
 			coords: e,
-			pageX: t + window.scrollX,
-			pageY: n + window.scrollY,
+			pageX: r,
+			pageY: i,
 			screenshot: null,
-			screenshotCapturing: !0
+			screenshotCapturing: !0,
+			captureToken: a
 		}), $i(E.current != null && E.current.getRootNode() instanceof ShadowRoot ? E.current.getRootNode().host : null, {
 			x: t,
 			y: n
 		}).then((e) => {
-			g((t) => t.kind === "composing-new" ? {
+			g((t) => t.kind !== "composing-new" || t.captureToken !== a ? t : {
 				...t,
 				screenshot: e,
 				screenshotCapturing: !1
-			} : t);
+			});
 		});
-	}, []), P = V((e, t) => {
+	}, []), F = H((e, t) => {
 		if (!s) return;
 		let n = {
 			...s,
@@ -4600,7 +4604,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			email: t
 		};
 		Mr(n), c(n);
-	}, [s]), re = V(async () => {
+	}, [s]), re = H(async () => {
 		b(null);
 		try {
 			let n = Aa(await Nr(e, t));
@@ -4608,7 +4612,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		} catch (e) {
 			b(e instanceof Error ? e.message : "Sign-in failed");
 		}
-	}, [e, t]), ie = V(async (e, t) => {
+	}, [e, t]), ie = H(async (e, t) => {
 		if (!(h.kind !== "composing-new" || !s?.name)) {
 			v(!0), b(null);
 			try {
@@ -4619,10 +4623,9 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 						headers: { "Content-Type": h.screenshot.type || "image/png" },
 						body: h.screenshot
 					});
-					if (t.ok) {
-						let { storageId: e } = await t.json();
-						n = e;
-					}
+					if (!t.ok) throw Error(`Screenshot upload failed (${t.status})`);
+					let { storageId: r } = await t.json();
+					n = r;
 				}
 				let i = await m.createThread({
 					url: window.location.href,
@@ -4655,7 +4658,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		s,
 		h,
 		r
-	]), ae = V(async () => {
+	]), ae = H(async () => {
 		if (h.kind !== "thread") return;
 		let e = h.threadId;
 		v(!0), b(null);
@@ -4666,7 +4669,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		} finally {
 			v(!1);
 		}
-	}, [m, h]), oe = V(async () => {
+	}, [m, h]), oe = H(async () => {
 		if (h.kind !== "thread") return;
 		let e = h.threadId;
 		v(!0), b(null);
@@ -4681,7 +4684,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		m,
 		h,
 		s?.clientId
-	]), se = V(async (e) => {
+	]), se = H(async (e) => {
 		if (h.kind !== "thread" || !s?.name) return;
 		let t = h.threadId;
 		v(!0), b(null);
@@ -4701,7 +4704,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		m,
 		s,
 		h
-	]), ce = V(async (e, t) => {
+	]), ce = H(async (e, t) => {
 		if (h.kind !== "thread" || !s) return;
 		let n = h.threadId;
 		v(!0), b(null);
@@ -4717,7 +4720,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		m,
 		s,
 		h
-	]), le = V(async (e) => {
+	]), le = H(async (e) => {
 		if (h.kind !== "thread" || !s) return;
 		let t = h.threadId;
 		v(!0), b(null);
@@ -4733,7 +4736,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		m,
 		s,
 		h
-	]), ue = V(async (e, t) => {
+	]), I = H(async (e, t) => {
 		if (h.kind !== "thread" || !s) return;
 		let n = h.threadId;
 		b(null);
@@ -4750,8 +4753,14 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		m,
 		s,
 		h
-	]), F = h.kind === "thread" ? a.find((e) => e._id === h.threadId) ?? null : null, I = O || s?.clientId != null && s.clientId === F?.authorClientId;
-	return /* @__PURE__ */ $("div", {
+	]), L = h.kind === "thread" ? a.find((e) => e._id === h.threadId) ?? null : null, ue = O || s?.clientId != null && s.clientId === L?.authorClientId;
+	return B(() => {
+		h.kind === "thread" && L == null && N();
+	}, [
+		h,
+		L,
+		N
+	]), /* @__PURE__ */ $("div", {
 		class: "markup-root",
 		ref: E,
 		children: [
@@ -4781,28 +4790,29 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 				}) : null]
 			}),
 			h.kind === "placing" ? /* @__PURE__ */ $(xa, {
-				onPlace: N,
-				onCancel: M
+				onPlace: P,
+				onCancel: N
 			}) : null,
-			h.kind === "thread" && F && !x ? /* @__PURE__ */ $(Ca, {
-				thread: F,
+			h.kind === "thread" && L ? /* @__PURE__ */ $(Ca, {
+				thread: L,
 				authorName: D,
 				currentClientId: s?.clientId ?? null,
 				isVerified: O,
 				identityResolving: ee,
-				canDelete: I,
+				canDelete: ue,
 				pending: _,
 				error: y,
-				onAuthor: P,
+				hidden: x,
+				onAuthor: F,
 				onSignIn: re,
-				onClose: M,
+				onClose: N,
 				onReply: se,
 				onEditComment: ce,
 				onDeleteComment: le,
-				onToggleReaction: ue,
+				onToggleReaction: I,
 				onDelete: ae,
 				onResolve: oe
-			}) : null,
+			}, L._id) : null,
 			h.kind === "composing-new" ? /* @__PURE__ */ $(_a, {
 				pageX: h.pageX,
 				pageY: h.pageY,
@@ -4813,14 +4823,14 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 				error: y,
 				screenshot: h.screenshot,
 				screenshotCapturing: h.screenshotCapturing,
-				onAuthor: P,
+				onAuthor: F,
 				onSignIn: re,
 				onSubmit: ie,
-				onClose: M
+				onClose: N
 			}) : null,
 			!x || h.kind === "placing" || h.kind === "composing-new" ? /* @__PURE__ */ $(ua, {
 				active: h.kind === "placing",
-				onToggle: () => h.kind === "placing" ? M() : ne(),
+				onToggle: () => h.kind === "placing" ? N() : te(),
 				onHide: () => {
 					S(!0), w(!0);
 				},
@@ -4858,11 +4868,11 @@ function Na(e, t) {
 	let n = t.theme ?? "auto";
 	n !== "auto" && (e.dataset.theme = n);
 	let r = e.attachShadow({ mode: "open" }), i = document.createElement("style");
-	i.textContent = ue, r.appendChild(i);
+	i.textContent = le, r.appendChild(i);
 	let a = document.createElement("div");
 	a.className = "markup-shadow-root", r.appendChild(a);
 	let { theme: o, ...s } = t;
-	return le(/* @__PURE__ */ $(ja, { ...s }), a), () => le(null, a);
+	return ce(/* @__PURE__ */ $(ja, { ...s }), a), () => ce(null, a);
 }
 //#endregion
 //#region src/widget.ts