npm - @pixelmatters/markup - Versions diffs - 1.3.0 → 1.3.2 - Mend

@pixelmatters/markup 1.3.0 → 1.3.2

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), F(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, ne(i, o, a), n.__e = n.__ = null, o.__e != r && E(o);
+		o.__v = n.__v + 1, t.vnode && t.vnode(o), P(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);
 	}
 }
 function E(e) {
@@ -63,21 +63,21 @@ function O() {
 		r.length = O.__r = 0;
 	}
 }
-function k(e, t, n, r, i, a, o, s, c, l, u) {
+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 = A(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 = F(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 = j(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 = P(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);
 	return n.__e = _, c;
 }
-function A(e, t, n, r, i) {
+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 = M(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));
+	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)), se(s, s));
 	return r;
 }
-function j(e, t, n, r) {
+function A(e, t, n, r) {
 	var i, a;
 	if (typeof e.type == "function") {
-		for (i = e.__k, a = 0; i && a < i.length; a++) i[a] && (i[a].__ = e, t = j(i[a], t, n, r));
+		for (i = e.__k, a = 0; i && a < i.length; a++) i[a] && (i[a].__ = e, t = A(i[a], t, n, r));
 		return t;
 	}
 	e.__e != t && (r && (t && e.type && !t.parentNode && (t = w(e)), n.insertBefore(e.__e, t || null)), t = e.__e);
@@ -86,7 +86,7 @@ function j(e, t, n, r) {
 	while (t != null && t.nodeType == 8);
 	return t;
 }
-function M(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 M(e, t, n, r) {
 	}
 	return -1;
 }
-function N(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 ee(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 || N(e.style, t, "");
-		if (n) for (t in n) r && n[t] == r[t] || N(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 ee(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 P(e) {
+function N(e) {
 	return function(n) {
 		if (this.l) {
 			var r = this.l[n.type + e];
@@ -124,14 +124,14 @@ function P(e) {
 		}
 	};
 }
-function F(e, n, r, i, a, o, s, c, l, u) {
-	var d, f, p, m, g, b, x, w, T, E, D, O, A, j, M, N = n.type;
+function P(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 N == "function") try {
-		if (w = n.props, T = N.prototype && N.prototype.render, E = (d = N.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 N(w, D) : (n.__c = f = new C(w, D), f.constructor = N, 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 && N.getDerivedStateFromProps != null && (f.__s == f.state && (f.__s = v({}, f.__s)), v(f.__s, N.getDerivedStateFromProps(w, f.__s))), m = f.props, g = f.state, f.__v = n, p) T && N.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 = 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 && 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 && N.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);
@@ -141,30 +141,30 @@ function F(e, n, r, i, a, o, s, c, l, u) {
 				f.componentDidUpdate(m, g, b);
 			});
 		}
-		if (f.context = D, f.props = w, f.__P = e, f.__e = !1, O = t.__r, A = 0, T) f.state = f.__s, f.__d = !1, O && O(n), d = f.render(f.props, f.state, f.context), h.push.apply(f.__h, f._sb), f._sb = [];
+		if (f.context = D, f.props = w, f.__P = e, f.__e = !1, O = t.__r, k = 0, T) f.state = f.__s, f.__d = !1, O && O(n), d = f.render(f.props, f.state, f.context), h.push.apply(f.__h, f._sb), f._sb = [];
 		else do
 			f.__d = !1, O && O(n), d = f.render(f.props, f.state, f.context), f.state = f.__s;
-		while (f.__d && ++A < 25);
-		f.state = f.__s, f.getChildContext != null && (i = v(v({}, i), f.getChildContext())), T && !p && f.getSnapshotBeforeUpdate != null && (b = f.getSnapshotBeforeUpdate(m, g)), j = d != null && d.type === S && d.key == null ? re(d.props.children) : d, c = k(e, _(j) ? j : [j], 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);
+		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);
 	} 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 (M = o.length; M--;) y(o[M]);
-			te(n);
+			for (j = o.length; j--;) y(o[j]);
+			ne(n);
 		}
-		else n.__e = r.__e, n.__k = r.__k, e.then || te(n);
+		else n.__e = r.__e, n.__k = r.__k, e.then || ne(n);
 		t.__e(e, n, r);
 	}
-	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);
+	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);
 	return (d = t.diffed) && d(n), 128 & n.__u ? void 0 : c;
 }
-function te(e) {
-	e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(te));
+function ne(e) {
+	e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(ne));
 }
-function ne(e, n, r) {
-	for (var i = 0; i < r.length; i++) ae(r[i], r[++i], r[++i]);
+function re(e, n, r) {
+	for (var i = 0; i < r.length; i++) oe(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 ne(e, n, r) {
 		}
 	});
 }
-function re(e) {
-	return typeof e != "object" || !e || e.__b > 0 ? e : _(e) ? e.map(re) : v({}, e);
+function ie(e) {
+	return typeof e != "object" || !e || e.__b > 0 ? e : _(e) ? e.map(ie) : v({}, e);
 }
-function ie(n, r, i, a, o, s, c, l, u) {
+function ae(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 ie(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 || ee(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 || ee(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 = ""), k(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]) && ee(n, d, v, x[d], o), d = "checked", b != null && b != n[d] && ee(n, d, b, x[d], o));
+		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]) && te(n, d, v, x[d], o), d = "checked", b != null && b != n[d] && te(n, d, b, x[d], o));
 	}
 	return n;
 }
-function ae(e, n, r) {
+function oe(e, n, r) {
 	try {
 		if (typeof e == "function") {
 			var i = typeof e.__u == "function";
@@ -211,9 +211,9 @@ function ae(e, n, r) {
 		t.__e(e, r);
 	}
 }
-function oe(e, n, r) {
+function se(e, n, r) {
 	var i, a;
-	if (t.unmount && t.unmount(e), (i = e.ref) && (i.current && i.current != e.__e || ae(i, null, n)), (i = e.__c) != null) {
+	if (t.unmount && t.unmount(e), (i = e.ref) && (i.current && i.current != e.__e || oe(i, null, n)), (i = e.__c) != null) {
 		if (i.componentWillUnmount) try {
 			i.componentWillUnmount();
 		} catch (e) {
@@ -221,15 +221,15 @@ function oe(e, n, r) {
 		}
 		i.base = i.__P = null;
 	}
-	if (i = e.__k) for (a = 0; a < i.length; a++) i[a] && oe(i[a], n, r || typeof e.type != "function");
+	if (i = e.__k) for (a = 0; a < i.length; a++) i[a] && se(i[a], n, r || typeof e.type != "function");
 	r || y(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function se(e, t, n) {
+function ce(e, t, n) {
 	return this.constructor(e, n);
 }
-function ce(n, r, i) {
+function le(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 = [], F(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), ne(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 = [], P(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);
 }
 e = h.slice, t = { __e: function(e, t, n, r) {
 	for (var i, a, o; t = t.__;) if ((i = t.__c) && !i.__) try {
@@ -245,24 +245,24 @@ 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 = P(!1), p = P(!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 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}}@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-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}}", ue, 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 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, L, 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(I, e, fe || t), fe = 0;
 	var n = I.__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(ue++, 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(F++, 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)) {
@@ -294,99 +294,99 @@ function Se(e, t, n) {
 	}
 	return r.__N || r.__;
 }
-function z(e, t) {
-	var n = xe(ue++, 3);
-	!L.__s && ke(n.__H, t) && (n.__ = e, n.u = t, I.__H.__h.push(n));
+function B(e, t) {
+	var n = be(F++, 3);
+	!R.__s && Oe(n.__H, t) && (n.__ = e, n.u = t, I.__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(ue++, 7);
-	return ke(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
+function Se(e, t) {
+	var n = be(F++, 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), ue = 0;
+R.__b = function(e) {
+	I = 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), F = 0;
 	var t = (I = e.__c).__H;
-	t && (de === I ? (t.__h = [], I.__h = [], t.__.some(function(e) {
+	t && (L === I ? (t.__h = [], I.__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 = [], ue = 0)), de = I;
-}, L.diffed = function(e) {
-	_e && _e(e);
+	})) : (t.__h.some(Ee), t.__h.some(De), t.__h = [], F = 0)), L = I;
+}, 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) {
+	})), L = I = 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) {
+function Ee(e) {
 	var t = I, n = e.__c;
 	typeof n == "function" && (e.__c = void 0, n()), I = t;
 }
-function Oe(e) {
+function De(e) {
 	var t = I;
 	e.__c = e.__(), I = 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;
@@ -3586,24 +3586,25 @@ function pa(e, t) {
 }
 //#endregion
 //#region src/runtime/ui/author-prompt.tsx
-function ma({ pending: e, onSubmit: t, onCancel: n, onSignIn: r }) {
-	let [i, a] = R(""), [o, s] = R(""), c = B(null);
-	z(() => {
-		c.current?.focus();
+function ma({ pending: e, connecting: t = !1, onSubmit: n, onCancel: r, onSignIn: i }) {
+	let [a, o] = z(""), [s, c] = z(""), l = V(null);
+	B(() => {
+		l.current?.focus();
 	}, []);
-	function l(n) {
-		n?.preventDefault();
-		let r = i.trim();
-		!r || e || t(r, o.trim() || void 0);
+	function u(r) {
+		r?.preventDefault();
+		let i = a.trim();
+		!i || e || t || n(i, s.trim() || void 0);
 	}
+	let d = e || t;
 	return /* @__PURE__ */ $("form", {
 		class: "markup-author-prompt",
-		onSubmit: l,
+		onSubmit: u,
 		children: [
-			r ? /* @__PURE__ */ $(S, { children: [/* @__PURE__ */ $("button", {
+			i ? /* @__PURE__ */ $(S, { children: [/* @__PURE__ */ $("button", {
 				type: "button",
 				class: "markup-btn markup-btn-primary",
-				onClick: r,
+				onClick: i,
 				disabled: e,
 				children: "Sign in with Markup"
 			}), /* @__PURE__ */ $("p", {
@@ -3614,16 +3615,16 @@ function ma({ pending: e, onSubmit: t, onCancel: n, onSignIn: r }) {
 				children: "who's leaving feedback?"
 			}),
 			/* @__PURE__ */ $("input", {
-				ref: c,
+				ref: l,
 				class: "markup-input",
 				type: "text",
 				name: "name",
 				placeholder: "Your name",
-				value: i,
+				value: a,
 				maxLength: 80,
 				autoComplete: "name",
-				onInput: (e) => a(e.currentTarget.value),
-				disabled: e,
+				onInput: (e) => o(e.currentTarget.value),
+				disabled: d,
 				"data-1p-ignore": !0
 			}),
 			/* @__PURE__ */ $("input", {
@@ -3631,25 +3632,31 @@ function ma({ pending: e, onSubmit: t, onCancel: n, onSignIn: r }) {
 				type: "email",
 				name: "email",
 				placeholder: "Email (optional)",
-				value: o,
+				value: s,
 				maxLength: 254,
 				autoComplete: "email",
-				onInput: (e) => s(e.currentTarget.value),
-				disabled: e,
+				onInput: (e) => c(e.currentTarget.value),
+				disabled: d,
 				"data-1p-ignore": !0
 			}),
+			t ? /* @__PURE__ */ $("p", {
+				class: "markup-author-status",
+				role: "status",
+				"aria-live": "polite",
+				children: "Connecting…"
+			}) : null,
 			/* @__PURE__ */ $("div", {
 				class: "markup-composer-actions",
 				children: [/* @__PURE__ */ $("button", {
 					type: "button",
 					class: "markup-btn markup-btn-ghost",
-					onClick: n,
+					onClick: r,
 					disabled: e,
 					children: "Cancel"
 				}), /* @__PURE__ */ $("button", {
 					type: "submit",
 					class: "markup-btn markup-btn-primary",
-					disabled: !i.trim() || e,
+					disabled: !a.trim() || d,
 					children: "Continue"
 				})]
 			})
@@ -3660,13 +3667,13 @@ function ma({ pending: e, onSubmit: t, onCancel: n, onSignIn: r }) {
 //#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) {
@@ -3735,29 +3742,29 @@ 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, pending: i, error: a, screenshot: o, screenshotCapturing: s, onAuthor: c, onSignIn: l, onSubmit: u, onClose: d }) {
-	let f = B(null);
-	pa(f, !0);
-	let [p, m] = R(!1), [h, g] = R(null), [_, v] = R(null), [y, b] = R(!1);
-	z(() => {
-		if (!o) return;
-		let e = URL.createObjectURL(o);
-		return g(e), () => URL.revokeObjectURL(e);
-	}, [o]), z(() => {
-		let e = f.current;
+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 = V(null);
+	pa(p, !0);
+	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]), B(() => {
+		let e = p.current;
 		if (!e) return;
 		if (typeof e.showPopover == "function" && !e.matches(":popover-open")) try {
 			e.showPopover();
 		} catch {}
 		function t(e) {
-			e.newState === "closed" && d();
+			e.newState === "closed" && f();
 		}
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
-	}, [d]);
-	let x = va(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), S = va(t - window.scrollY - 16, 12, window.innerHeight - 220), C = o != null, w = s || C;
-	function T(e) {
+	}, [f]);
+	let S = va(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), C = va(t - window.scrollY - 16, 12, window.innerHeight - 220), w = s != null, T = c || w;
+	function E(e) {
 		if (e.button !== 0 || e.target?.closest("button, a, input, textarea, select")) return;
-		let t = f.current;
+		let t = p.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 {
@@ -3767,35 +3774,35 @@ function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 			let t = e.clientX - r, n = e.clientY - i;
 			if (!u) {
 				if (Math.abs(t) + Math.abs(n) < 4) return;
-				u = !0, b(!0);
+				u = !0, x(!0);
 			}
 			let l = Math.max(8, window.innerWidth - s - 8), d = Math.max(8, window.innerHeight - c - 8);
-			v({
+			y({
 				left: va(a + t, 8, l),
 				top: va(o + n, 8, d)
 			});
 		}
-		function p(e) {
+		function f(e) {
 			try {
 				l.releasePointerCapture(e.pointerId);
 			} catch {}
-			l.removeEventListener("pointermove", d), l.removeEventListener("pointerup", p), l.removeEventListener("pointercancel", p), b(!1);
+			l.removeEventListener("pointermove", d), l.removeEventListener("pointerup", f), l.removeEventListener("pointercancel", f), x(!1);
 		}
-		l.addEventListener("pointermove", d), l.addEventListener("pointerup", p), l.addEventListener("pointercancel", p);
+		l.addEventListener("pointermove", d), l.addEventListener("pointerup", f), l.addEventListener("pointercancel", f);
 	}
 	return /* @__PURE__ */ $("div", {
-		ref: f,
-		class: Q("markup-popover", _ && "is-floating", y && "is-dragging"),
+		ref: p,
+		class: Q("markup-popover", v && "is-floating", b && "is-dragging"),
 		popover: "auto",
 		style: {
-			"--markup-pop-x": `${_?.left ?? x}px`,
-			"--markup-pop-y": `${_?.top ?? S}px`
+			"--markup-pop-x": `${v?.left ?? S}px`,
+			"--markup-pop-y": `${v?.top ?? C}px`
 		},
 		role: "dialog",
 		"aria-label": "New markup",
 		children: [/* @__PURE__ */ $("header", {
 			class: "markup-popover-header",
-			onPointerDown: T,
+			onPointerDown: E,
 			children: [/* @__PURE__ */ $("span", {
 				class: "markup-eyebrow",
 				children: "new · markup"
@@ -3803,14 +3810,15 @@ function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 				type: "button",
 				class: "markup-icon-btn",
 				"aria-label": "Discard pin",
-				onClick: d,
+				onClick: f,
 				children: /* @__PURE__ */ $(ia, { size: 16 })
 			})]
 		}), n == null ? /* @__PURE__ */ $(ma, {
-			pending: i,
-			onSubmit: c,
-			onCancel: d,
-			onSignIn: l
+			pending: a,
+			connecting: i,
+			onSubmit: l,
+			onCancel: f,
+			onSignIn: u
 		}) : /* @__PURE__ */ $("div", {
 			class: "markup-popover-body",
 			children: [
@@ -3832,13 +3840,13 @@ function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 					label: "Feedback",
 					placeholder: "What's wrong, missing, or worth noting?",
 					submitLabel: "Post markup",
-					pending: i,
-					error: a,
-					onSubmit: (e) => u(e, p && C)
+					pending: a,
+					error: o,
+					onSubmit: (e) => d(e, m && w)
 				}),
-				w ? /* @__PURE__ */ $("div", {
+				T ? /* @__PURE__ */ $("div", {
 					class: "markup-screenshot-row",
-					children: s ? /* @__PURE__ */ $("span", {
+					children: c ? /* @__PURE__ */ $("span", {
 						class: "markup-screenshot-status",
 						children: [
 							/* @__PURE__ */ $("input", {
@@ -3855,14 +3863,14 @@ function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 							/* @__PURE__ */ $("input", {
 								type: "checkbox",
 								class: "markup-screenshot-checkbox",
-								checked: p,
-								onChange: (e) => m(e.currentTarget.checked)
+								checked: m,
+								onChange: (e) => h(e.currentTarget.checked)
 							}),
 							/* @__PURE__ */ $(sa, { size: 12 }),
 							/* @__PURE__ */ $("span", { children: "Attach screenshot" }),
-							h && p ? /* @__PURE__ */ $("img", {
+							g && m ? /* @__PURE__ */ $("img", {
 								class: "markup-screenshot-thumb",
-								src: h,
+								src: g,
 								alt: "Screenshot preview"
 							}) : null
 						]
@@ -3917,7 +3925,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();
 		}
@@ -3950,24 +3958,24 @@ var Sa = [
 	"😄",
 	"❓"
 ];
-function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDelete: i, pending: a, error: o, onAuthor: s, onSignIn: c, onClose: l, onReply: u, onEditComment: d, onDeleteComment: f, onToggleReaction: p, onResolve: m, onDelete: h }) {
-	let g = B(null), _ = B(null), v = B(null), y = B(null), b = B(null), [x, S] = R(!1), [C, w] = R(!1), [T, E] = R(null), [D, O] = R(""), [k, A] = R(null), [j, M] = R("down"), [N, ee] = R(null), [P, F] = R(null), [te, ne] = R("down"), re = B(null), [ie, ae] = R(null), [oe, se] = R(!1);
-	pa(g, !0);
-	let ce = e.resolvedAt != null, le = Ce(() => e.comments.filter((e) => !e.deleted), [e.comments]);
-	function ue(e, t) {
-		E(e), O(t);
-	}
-	function I() {
-		E(null), O("");
-	}
-	z(() => {
-		if (!T) return;
-		let t = e.comments.find((e) => e._id === T);
-		(!t || t.deleted) && I();
-	}, [e.comments, T]);
-	let de = B(!0);
-	z(() => {
-		let e = y.current;
+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 _ = V(null), v = V(null), y = V(null), b = V(null), x = V(null), [S, C] = z(!1), [w, T] = z(!1), [E, D] = z(null), [O, ee] = z(""), [k, A] = z(null), [j, M] = z("down"), [te, N] = z(null), [P, ne] = z(null), [re, ie] = z("down"), ae = V(null), [oe, se] = z(null), [ce, le] = z(!1);
+	pa(_, !0);
+	let ue = e.resolvedAt != null, F = Se(() => e.comments.filter((e) => !e.deleted), [e.comments]);
+	function I(e, t) {
+		D(e), ee(t);
+	}
+	function L() {
+		D(null), ee("");
+	}
+	B(() => {
+		if (!E) return;
+		let t = e.comments.find((e) => e._id === E);
+		(!t || t.deleted) && L();
+	}, [e.comments, E]);
+	let de = V(!0);
+	B(() => {
+		let e = b.current;
 		if (e) {
 			if (de.current) {
 				de.current = !1, e.scrollTop = e.scrollHeight;
@@ -3975,44 +3983,44 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 			}
 			e.scrollHeight - e.scrollTop - e.clientHeight < 80 && (e.scrollTop = e.scrollHeight);
 		}
-	}, [le.length]), z(() => {
-		if (!x) {
-			w(!1);
+	}, [F.length]), B(() => {
+		if (!S) {
+			T(!1);
 			return;
 		}
 		function e(e) {
-			_.current && !e.composedPath().includes(_.current) && S(!1);
+			v.current && !e.composedPath().includes(v.current) && C(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [x]), z(() => {
+	}, [S]), B(() => {
 		if (!k) {
-			ee(null);
+			N(null);
 			return;
 		}
 		function e(e) {
-			v.current && !e.composedPath().includes(v.current) && A(null);
+			y.current && !e.composedPath().includes(y.current) && A(null);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [k]), z(() => {
+	}, [k]), B(() => {
 		if (!P) return;
 		function e(e) {
-			re.current && !e.composedPath().includes(re.current) && F(null);
+			ae.current && !e.composedPath().includes(ae.current) && ne(null);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [P]), z(() => {
-		let e = g.current;
+	}, [P]), B(() => {
+		let e = _.current;
 		if (!e) return;
 		if (typeof e.showPopover == "function" && !e.matches(":popover-open")) try {
 			e.showPopover();
 		} catch {}
 		function t(e) {
-			e.newState === "closed" && l();
+			e.newState === "closed" && u();
 		}
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
-	}, [l]);
+	}, [u]);
 	function fe(e) {
 		if (e.button !== 0 || e.target?.closest("button, a, input, textarea, select")) return;
-		let t = g.current;
+		let t = _.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 {
@@ -4022,10 +4030,10 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 			let t = e.clientX - r, n = e.clientY - i;
 			if (!u) {
 				if (Math.abs(t) + Math.abs(n) < 4) return;
-				u = !0, se(!0);
+				u = !0, le(!0);
 			}
 			let l = Math.max(8, window.innerWidth - s - 8), d = Math.max(8, window.innerHeight - c - 8);
-			ae({
+			se({
 				left: Da(a + t, 8, l),
 				top: Da(o + n, 8, d)
 			});
@@ -4034,11 +4042,11 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 			try {
 				l.releasePointerCapture(e.pointerId);
 			} catch {}
-			l.removeEventListener("pointermove", d), l.removeEventListener("pointerup", f), l.removeEventListener("pointercancel", f), se(!1);
+			l.removeEventListener("pointermove", d), l.removeEventListener("pointerup", f), l.removeEventListener("pointercancel", f), le(!1);
 		}
 		l.addEventListener("pointermove", d), l.addEventListener("pointerup", f), l.addEventListener("pointercancel", f);
 	}
-	let pe = Ce(() => {
+	let pe = Se(() => {
 		let t = Tr({
 			anchorX: e.anchorX,
 			anchorY: e.anchorY,
@@ -4054,13 +4062,13 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 		e.anchorSelector
 	]);
 	return /* @__PURE__ */ $("div", {
-		ref: g,
+		ref: _,
 		id: "markup-thread-popover",
-		class: Q("markup-popover", ie && "is-floating", oe && "is-dragging"),
+		class: Q("markup-popover", oe && "is-floating", ce && "is-dragging"),
 		popover: "auto",
 		style: {
-			"--markup-pop-x": `${ie?.left ?? pe.left}px`,
-			"--markup-pop-y": `${ie?.top ?? pe.top}px`
+			"--markup-pop-x": `${oe?.left ?? pe.left}px`,
+			"--markup-pop-y": `${oe?.top ?? pe.top}px`
 		},
 		role: "dialog",
 		"aria-label": "Markup thread",
@@ -4072,40 +4080,40 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 					class: "markup-eyebrow",
 					children: [
 						"thread · ",
-						le.length,
+						F.length,
 						" ",
-						le.length === 1 ? "comment" : "comments"
+						F.length === 1 ? "comment" : "comments"
 					]
 				}), /* @__PURE__ */ $("div", {
 					class: "markup-popover-header-actions",
 					children: [
 						/* @__PURE__ */ $("div", {
 							class: "markup-thread-menu",
-							ref: _,
+							ref: v,
 							children: [/* @__PURE__ */ $("button", {
 								type: "button",
-								class: Q("markup-icon-btn", x && "is-open"),
+								class: Q("markup-icon-btn", S && "is-open"),
 								title: "More options",
-								onClick: () => S((e) => !e),
+								onClick: () => C((e) => !e),
 								children: /* @__PURE__ */ $(aa, { size: 16 })
-							}), x ? /* @__PURE__ */ $("div", {
+							}), S ? /* @__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(() => {}), S(!1);
+										t.hash = `markup-thread=${e._id}`, navigator.clipboard.writeText(t.toString()).catch(() => {}), C(!1);
 									},
 									children: "Copy link"
-								}), i ? /* @__PURE__ */ $("button", {
+								}), a ? /* @__PURE__ */ $("button", {
 									type: "button",
-									class: Q("markup-thread-menu-item", C && "is-danger"),
-									disabled: a,
+									class: Q("markup-thread-menu-item", w && "is-danger"),
+									disabled: o,
 									onClick: () => {
-										C ? (S(!1), h()) : w(!0);
+										w ? (C(!1), g()) : T(!0);
 									},
-									children: C ? "Confirm delete" : "Delete thread…"
+									children: w ? "Confirm delete" : "Delete thread…"
 								}) : null]
 							}) : null]
 						}),
@@ -4113,25 +4121,25 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 							type: "button",
 							class: "markup-icon-btn",
 							title: "Mark as resolved",
-							disabled: a,
-							onClick: m,
+							disabled: o,
+							onClick: h,
 							children: /* @__PURE__ */ $(oa, { size: 16 })
 						}) : null,
 						/* @__PURE__ */ $("button", {
 							type: "button",
 							class: "markup-icon-btn",
 							title: "Close thread",
-							onClick: l,
+							onClick: u,
 							children: /* @__PURE__ */ $(ia, { size: 16 })
 						})
 					]
 				})]
 			}),
 			/* @__PURE__ */ $("ol", {
-				ref: y,
+				ref: b,
 				class: "markup-comments",
-				children: le.map((t, r) => {
-					let i = !t.fromDashboard && n != null && t.authorClientId === n, o = r === 0, s = i && !ce && !t.deleted, c = i && !ce && !t.deleted && !o, l = T === t._id, u = (s || c) && !l && !t.deleted, m = k === t._id, h = N === t._id;
+				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 = te === t._id;
 					return /* @__PURE__ */ $("li", {
 						class: Q("markup-comment", t.fromDashboard && "is-team"),
 						children: [
@@ -4154,56 +4162,56 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 									}),
 									/* @__PURE__ */ $("div", {
 										class: "markup-thread-actions",
-										children: [!ce && !l ? /* @__PURE__ */ $(wa, {
+										children: [!ue && !l ? /* @__PURE__ */ $(wa, {
 											comment: t,
 											pickerOpen: P === t._id,
-											pickerDirection: te,
+											pickerDirection: re,
 											pickerRef: (e) => {
-												P === t._id && (re.current = e);
+												P === t._id && (ae.current = e);
 											},
 											onPickerClick: (e) => {
 												if (P === t._id) {
-													F(null);
+													ne(null);
 													return;
 												}
-												let n = e.currentTarget.getBoundingClientRect(), r = y.current?.getBoundingClientRect();
-												ne((r ? r.bottom - n.bottom : Infinity) < 44 ? "up" : "down"), F(t._id);
+												let n = e.currentTarget.getBoundingClientRect(), r = b.current?.getBoundingClientRect();
+												ie((r ? r.bottom - n.bottom : Infinity) < 44 ? "up" : "down"), ne(t._id);
 											},
 											onPickerSelect: (e) => {
-												F(null), p(t._id, e);
+												ne(null), m(t._id, e);
 											}
 										}) : null, u ? /* @__PURE__ */ $("div", {
-											class: Q("markup-thread-menu markup-comment-menu", m && "is-open", m && j === "up" && "is-up"),
+											class: Q("markup-thread-menu markup-comment-menu", d && "is-open", d && j === "up" && "is-up"),
 											ref: (e) => {
-												m && (v.current = e);
+												d && (y.current = e);
 											},
 											children: [/* @__PURE__ */ $("button", {
 												type: "button",
-												class: Q("markup-icon-btn", m && "is-open"),
+												class: Q("markup-icon-btn", d && "is-open"),
 												title: "More options",
 												onClick: (e) => {
 													if (k === t._id) {
 														A(null);
 														return;
 													}
-													let n = e.currentTarget.getBoundingClientRect(), r = y.current?.getBoundingClientRect(), i = (+!!s + +!!c) * 32 + 8 + 6;
+													let n = e.currentTarget.getBoundingClientRect(), r = b.current?.getBoundingClientRect(), i = (+!!s + +!!c) * 32 + 8 + 6;
 													M((r ? r.bottom - n.bottom : Infinity) < i ? "up" : "down"), A(t._id);
 												},
 												children: /* @__PURE__ */ $(aa, { size: 16 })
-											}), m ? /* @__PURE__ */ $("div", {
+											}), d ? /* @__PURE__ */ $("div", {
 												class: "markup-thread-menu-list",
 												children: [s ? /* @__PURE__ */ $("button", {
 													type: "button",
 													class: "markup-thread-menu-item",
 													onClick: () => {
-														A(null), ue(t._id, t.body);
+														A(null), I(t._id, t.body);
 													},
 													children: "Edit"
 												}) : null, c ? /* @__PURE__ */ $("button", {
 													type: "button",
 													class: Q("markup-thread-menu-item", h && "is-danger"),
 													onClick: () => {
-														h ? (A(null), f(t._id)) : ee(t._id);
+														h ? (A(null), p(t._id)) : N(t._id);
 													},
 													children: h ? "Confirm delete" : "Delete…"
 												}) : null]
@@ -4216,34 +4224,34 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 								class: "markup-comment-edit-form",
 								onSubmit: async (e) => {
 									e.preventDefault();
-									let n = D.trim();
+									let n = O.trim();
 									if (!n || n === t.body) {
-										I();
+										L();
 										return;
 									}
 									try {
-										await d(t._id, n), I();
+										await f(t._id, n), L();
 									} catch {}
 								},
 								children: [/* @__PURE__ */ $("textarea", {
 									class: "markup-textarea",
-									value: D,
-									onInput: (e) => O(e.currentTarget.value),
+									value: O,
+									onInput: (e) => ee(e.currentTarget.value),
 									rows: 3,
 									autoFocus: !0,
-									disabled: a
+									disabled: o
 								}), /* @__PURE__ */ $("div", {
 									class: "markup-comment-edit-actions",
 									children: [/* @__PURE__ */ $("button", {
 										type: "button",
 										class: "markup-btn markup-btn-ghost",
-										onClick: I,
-										disabled: a,
+										onClick: L,
+										disabled: o,
 										children: "Cancel"
 									}), /* @__PURE__ */ $("button", {
 										type: "submit",
 										class: "markup-btn markup-btn-primary",
-										disabled: a || D.trim().length === 0,
+										disabled: o || O.trim().length === 0,
 										children: "Save"
 									})]
 								})]
@@ -4258,13 +4266,13 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 							}),
 							!l && t.reactions.length > 0 ? /* @__PURE__ */ $(Ta, {
 								comment: t,
-								isResolved: ce,
-								onToggle: (e) => p(t._id, e)
+								isResolved: ue,
+								onToggle: (e) => m(t._id, e)
 							}) : null,
 							r === 0 && e.screenshotUrl ? /* @__PURE__ */ $("button", {
 								type: "button",
 								class: "markup-comment-screenshot",
-								onClick: () => b.current?.showModal(),
+								onClick: () => x.current?.showModal(),
 								children: /* @__PURE__ */ $("img", {
 									src: e.screenshotUrl,
 									alt: "Screenshot"
@@ -4275,15 +4283,15 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 				})
 			}),
 			e.screenshotUrl ? /* @__PURE__ */ $("dialog", {
-				ref: b,
+				ref: x,
 				class: "markup-lightbox",
-				onClick: () => b.current?.close(),
+				onClick: () => x.current?.close(),
 				children: [/* @__PURE__ */ $("button", {
 					type: "button",
 					class: "markup-lightbox-close markup-icon-btn",
 					"aria-label": "Close screenshot",
 					onClick: (e) => {
-						e.stopPropagation(), b.current?.close();
+						e.stopPropagation(), x.current?.close();
 					},
 					children: /* @__PURE__ */ $(ia, { size: 16 })
 				}), /* @__PURE__ */ $("img", {
@@ -4294,10 +4302,11 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 				})]
 			}) : null,
 			t == null ? /* @__PURE__ */ $(ma, {
-				pending: a,
-				onSubmit: s,
-				onCancel: l,
-				onSignIn: c
+				pending: o,
+				connecting: i,
+				onSubmit: c,
+				onCancel: u,
+				onSignIn: l
 			}) : /* @__PURE__ */ $("div", {
 				class: "markup-popover-body",
 				children: [/* @__PURE__ */ $("p", {
@@ -4318,9 +4327,9 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 					placeholder: "Write a reply…",
 					submitLabel: "Reply",
 					initialFocus: !1,
-					pending: a,
-					error: o,
-					onSubmit: u
+					pending: o,
+					error: s,
+					onSubmit: d
 				})]
 			})
 		]
@@ -4421,9 +4430,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 = Ce(() => Or({
+	let [f, p] = z(0), m = Se(() => Or({
 		apiUrl: e,
 		apiKey: t,
 		getToken: () => {
@@ -4439,17 +4448,16 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		},
 		onUnauthorized: () => {
 			let e = d.current;
-			if (!e) return;
+			if (!e || !e.token) return;
 			let t = {
 				clientId: e.clientId,
 				name: e.name,
-				email: e.email,
-				anonToken: e.anonToken
+				email: e.email
 			};
-			d.current = t, c(t), Mr(t);
+			d.current = t, c(t), Mr(t), p((e) => e + 1);
 		}
-	}), [e, t]), [p, m] = R({ kind: "idle" }), [h, g] = R(!1), [_, v] = R(null), [y, b] = R(!1), [x, S] = R(!1), [, C] = R(0), w = B(null), T = s?.name ?? null, E = s?.isVerified ?? !1;
-	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);
@@ -4457,12 +4465,13 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		}
 		let t = !1, n = null, r = 1e3;
 		function i() {
-			f.mintAnonIdentity().then(({ clientId: n, token: r }) => {
+			m.mintAnonIdentity().then(({ clientId: n, token: r }) => {
 				if (t) return;
 				let i = {
-					...e ?? {},
 					clientId: n,
-					anonToken: r
+					anonToken: r,
+					name: e?.name,
+					email: e?.email
 				};
 				Mr(i), c(i);
 			}).catch(() => {
@@ -4472,15 +4481,15 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		return i(), () => {
 			t = !0, n && clearTimeout(n);
 		};
-	}, [f]);
-	let [D, O] = R(null);
-	z(() => {
+	}, [m, f]);
+	let [k, A] = z(null);
+	B(() => {
 		let e = !1, t = null;
 		async function n() {
 			try {
-				let r = await f.getSubscriptionToken();
+				let r = await m.getSubscriptionToken();
 				if (e) return;
-				O(r.token);
+				A(r.token);
 				let i = Math.max(6e4, r.expiresAt - Date.now() - 30 * 6e4);
 				t = setTimeout(n, i);
 			} catch {
@@ -4491,41 +4500,41 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		return n(), () => {
 			e = !0, t && clearTimeout(t);
 		};
-	}, [f]);
-	let k = B(null);
-	z(() => {
+	}, [m]);
+	let j = V(null);
+	B(() => {
 		let t = new rr(e.replace(/\.convex\.site(\/.*)?$/, ".convex.cloud"));
-		return k.current = t, () => {
-			t.close(), k.current = null;
+		return j.current = t, () => {
+			t.close(), j.current = null;
 		};
 	}, [e]);
-	let A = B(!1);
-	z(() => {
-		let e = k.current;
-		if (!(!e || !D)) return A.current = !1, v(null), e.onUpdate(qt("widget/queries:subscribeThreadsForRoute"), {
-			subscriptionToken: D,
+	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
 		}, (e) => {
 			e !== void 0 && o(e);
 		});
 	}, [
-		D,
+		k,
 		r,
 		s?.clientId
-	]), z(() => {
-		if (A.current) return;
+	]), B(() => {
+		if (M.current) return;
 		let e = window.location.hash.match(/^#markup-thread=(.+)$/);
 		if (!e) {
-			A.current = !0;
+			M.current = !0;
 			return;
 		}
 		let t = decodeURIComponent(e[1] ?? "");
-		a.find((e) => e._id === t) && (A.current = !0, m({
+		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);
 		}
@@ -4538,22 +4547,22 @@ 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(), b((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(() => {
-		if (!x) return;
-		if (!y) {
-			S(!1);
+	}, []), B(() => {
+		if (!C) return;
+		if (!x) {
+			w(!1);
 			return;
 		}
-		let e = window.setTimeout(() => S(!1), 5e3);
+		let e = window.setTimeout(() => w(!1), 5e3);
 		return () => window.clearTimeout(e);
-	}, [x, y]), z(() => {
+	}, [C, x]), B(() => {
 		function e() {
-			C((e) => e + 1);
+			T((e) => e + 1);
 		}
 		window.addEventListener("scroll", e, { passive: !0 }), window.addEventListener("resize", e);
 		let t = new ResizeObserver(e);
@@ -4561,29 +4570,31 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			window.removeEventListener("scroll", e), window.removeEventListener("resize", e), t.disconnect();
 		};
 	}, []);
-	let j = V(() => {
-		v(null), m({ kind: "placing" });
-	}, []), M = V(() => {
-		m({ kind: "idle" }), v(null);
-	}, []), N = V((e, t, n) => {
-		m({
+	let te = H(() => {
+		b(null), g({ kind: "placing" });
+	}, []), N = H(() => {
+		g({ kind: "idle" }), b(null);
+	}, []), P = V(0), ne = H((e, t, n) => {
+		let r = t + window.scrollX, i = n + window.scrollY, a = ++P.current;
+		g({
 			kind: "composing-new",
 			coords: e,
-			pageX: t + window.scrollX,
-			pageY: n + window.scrollY,
+			pageX: r,
+			pageY: i,
 			screenshot: null,
-			screenshotCapturing: !0
-		}), $i(w.current != null && w.current.getRootNode() instanceof ShadowRoot ? w.current.getRootNode().host : null, {
+			screenshotCapturing: !0,
+			captureToken: a
+		}), $i(E.current != null && E.current.getRootNode() instanceof ShadowRoot ? E.current.getRootNode().host : null, {
 			x: t,
 			y: n
 		}).then((e) => {
-			m((t) => t.kind === "composing-new" ? {
+			g((t) => t.kind !== "composing-new" || t.captureToken !== a ? t : {
 				...t,
 				screenshot: e,
 				screenshotCapturing: !1
-			} : t);
+			});
 		});
-	}, []), ee = V((e, t) => {
+	}, []), re = H((e, t) => {
 		if (!s) return;
 		let n = {
 			...s,
@@ -4591,165 +4602,171 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			email: t
 		};
 		Mr(n), c(n);
-	}, [s]), P = V(async () => {
-		v(null);
+	}, [s]), ie = H(async () => {
+		b(null);
 		try {
 			let n = Aa(await Nr(e, t));
 			Mr(n), c(n);
 		} catch (e) {
-			v(e instanceof Error ? e.message : "Sign-in failed");
+			b(e instanceof Error ? e.message : "Sign-in failed");
 		}
-	}, [e, t]), F = V(async (e, t) => {
-		if (!(p.kind !== "composing-new" || !s?.name)) {
-			g(!0), v(null);
+	}, [e, t]), ae = H(async (e, t) => {
+		if (!(h.kind !== "composing-new" || !s?.name)) {
+			v(!0), b(null);
 			try {
 				let n;
-				if (t && p.screenshot) {
-					let { uploadUrl: e } = await f.getScreenshotUploadUrl(), t = await fetch(e, {
+				if (t && h.screenshot) {
+					let { uploadUrl: e } = await m.getScreenshotUploadUrl(), t = await fetch(e, {
 						method: "POST",
-						headers: { "Content-Type": p.screenshot.type || "image/png" },
-						body: p.screenshot
+						headers: { "Content-Type": h.screenshot.type || "image/png" },
+						body: h.screenshot
 					});
 					if (t.ok) {
 						let { storageId: e } = await t.json();
 						n = e;
 					}
 				}
-				let i = await f.createThread({
+				let i = await m.createThread({
 					url: window.location.href,
 					route: r,
-					anchorSelector: p.coords.anchorSelector,
-					anchorX: p.coords.anchorX,
-					anchorY: p.coords.anchorY,
-					anchorOffsetX: p.coords.anchorOffsetX,
-					anchorOffsetY: p.coords.anchorOffsetY,
-					viewportW: p.coords.viewportW,
-					viewportY: p.coords.viewportY,
+					anchorSelector: h.coords.anchorSelector,
+					anchorX: h.coords.anchorX,
+					anchorY: h.coords.anchorY,
+					anchorOffsetX: h.coords.anchorOffsetX,
+					anchorOffsetY: h.coords.anchorOffsetY,
+					viewportW: h.coords.viewportW,
+					viewportY: h.coords.viewportY,
 					userAgent: navigator.userAgent,
 					authorName: s.name,
 					authorEmail: s.email,
 					body: e,
 					screenshotStorageId: n
 				});
-				o((e) => [...e, i.thread]), m({
+				o((e) => [...e, i.thread]), g({
 					kind: "thread",
 					threadId: i.thread._id
 				});
 			} catch (e) {
-				v(e instanceof Error ? e.message : "Failed to post");
+				b(e instanceof Error ? e.message : "Failed to post");
 			} finally {
-				g(!1);
+				v(!1);
 			}
 		}
 	}, [
-		f,
+		m,
 		s,
-		p,
+		h,
 		r
-	]), te = V(async () => {
-		if (p.kind !== "thread") return;
-		let e = p.threadId;
-		g(!0), v(null);
+	]), oe = H(async () => {
+		if (h.kind !== "thread") return;
+		let e = h.threadId;
+		v(!0), b(null);
 		try {
-			await f.deleteThread(e), o((t) => t.filter((t) => t._id !== e)), m({ kind: "idle" });
+			await m.deleteThread(e), o((t) => t.filter((t) => t._id !== e)), g({ kind: "idle" });
 		} catch (e) {
-			v(e instanceof Error ? e.message : "Failed to delete");
+			b(e instanceof Error ? e.message : "Failed to delete");
 		} finally {
-			g(!1);
+			v(!1);
 		}
-	}, [f, p]), ne = V(async () => {
-		if (p.kind !== "thread") return;
-		let e = p.threadId;
-		g(!0), v(null);
+	}, [m, h]), se = H(async () => {
+		if (h.kind !== "thread") return;
+		let e = h.threadId;
+		v(!0), b(null);
 		try {
-			await f.resolveThread(e, s?.clientId), o((t) => t.filter((t) => t._id !== e)), m({ kind: "idle" });
+			await m.resolveThread(e, s?.clientId), o((t) => t.filter((t) => t._id !== e)), g({ kind: "idle" });
 		} catch (e) {
-			v(e instanceof Error ? e.message : "Failed to resolve");
+			b(e instanceof Error ? e.message : "Failed to resolve");
 		} finally {
-			g(!1);
+			v(!1);
 		}
 	}, [
-		f,
-		p,
+		m,
+		h,
 		s?.clientId
-	]), re = V(async (e) => {
-		if (p.kind !== "thread" || !s?.name) return;
-		let t = p.threadId;
-		g(!0), v(null);
+	]), ce = H(async (e) => {
+		if (h.kind !== "thread" || !s?.name) return;
+		let t = h.threadId;
+		v(!0), b(null);
 		try {
-			let n = await f.addComment(t, {
+			let n = await m.addComment(t, {
 				body: e,
 				authorName: s.name,
 				authorEmail: s.email
 			});
 			o((e) => e.map((e) => e._id === t ? n.thread : e));
 		} catch (e) {
-			v(e instanceof Error ? e.message : "Failed to reply");
+			b(e instanceof Error ? e.message : "Failed to reply");
 		} finally {
-			g(!1);
+			v(!1);
 		}
 	}, [
-		f,
+		m,
 		s,
-		p
-	]), ie = V(async (e, t) => {
-		if (p.kind !== "thread" || !s) return;
-		let n = p.threadId;
-		g(!0), v(null);
+		h
+	]), le = H(async (e, t) => {
+		if (h.kind !== "thread" || !s) return;
+		let n = h.threadId;
+		v(!0), b(null);
 		try {
-			let r = await f.editComment(n, e, { body: t });
+			let r = await m.editComment(n, e, { body: t });
 			o((e) => e.map((e) => e._id === n ? r.thread : e));
 		} catch (e) {
-			throw v(e instanceof Error ? e.message : "Failed to edit"), e;
+			throw b(e instanceof Error ? e.message : "Failed to edit"), e;
 		} finally {
-			g(!1);
+			v(!1);
 		}
 	}, [
-		f,
+		m,
 		s,
-		p
-	]), ae = V(async (e) => {
-		if (p.kind !== "thread" || !s) return;
-		let t = p.threadId;
-		g(!0), v(null);
+		h
+	]), ue = H(async (e) => {
+		if (h.kind !== "thread" || !s) return;
+		let t = h.threadId;
+		v(!0), b(null);
 		try {
-			let n = await f.deleteComment(t, e);
+			let n = await m.deleteComment(t, e);
 			o((e) => e.map((e) => e._id === t ? n.thread : e));
 		} catch (e) {
-			v(e instanceof Error ? e.message : "Failed to delete");
+			b(e instanceof Error ? e.message : "Failed to delete");
 		} finally {
-			g(!1);
+			v(!1);
 		}
 	}, [
-		f,
+		m,
 		s,
-		p
-	]), oe = V(async (e, t) => {
-		if (p.kind !== "thread" || !s) return;
-		let n = p.threadId;
-		v(null);
+		h
+	]), F = H(async (e, t) => {
+		if (h.kind !== "thread" || !s) return;
+		let n = h.threadId;
+		b(null);
 		try {
-			let r = await f.toggleReaction(e, {
+			let r = await m.toggleReaction(e, {
 				emoji: t,
 				authorName: s.name
 			});
 			o((e) => e.map((e) => e._id === n ? r.thread : e));
 		} catch (e) {
-			v(e instanceof Error ? e.message : "Failed to react");
+			b(e instanceof Error ? e.message : "Failed to react");
 		}
 	}, [
-		f,
+		m,
 		s,
-		p
-	]), se = p.kind === "thread" ? a.find((e) => e._id === p.threadId) ?? null : null, ce = E || s?.clientId != null && s.clientId === se?.authorClientId;
-	return /* @__PURE__ */ $("div", {
+		h
+	]), I = h.kind === "thread" ? a.find((e) => e._id === h.threadId) ?? null : null, L = O || s?.clientId != null && s.clientId === I?.authorClientId;
+	return B(() => {
+		h.kind === "thread" && I == null && N();
+	}, [
+		h,
+		I,
+		N
+	]), /* @__PURE__ */ $("div", {
 		class: "markup-root",
-		ref: w,
+		ref: E,
 		children: [
-			p.kind === "placing" ? null : /* @__PURE__ */ $("div", {
+			h.kind === "placing" ? null : /* @__PURE__ */ $("div", {
 				class: "markup-pins-layer",
-				children: [y ? null : a.map((e) => {
-					let t = p.kind === "thread" && p.threadId === e._id, n = Tr({
+				children: [x ? null : a.map((e) => {
+					let t = h.kind === "thread" && h.threadId === e._id, n = Tr({
 						anchorX: e.anchorX,
 						anchorY: e.anchorY,
 						anchorSelector: e.anchorSelector,
@@ -4761,62 +4778,64 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 						pageY: n.pageY,
 						count: r,
 						active: t,
-						onClick: () => m({
+						onClick: () => g({
 							kind: "thread",
 							threadId: e._id
 						})
 					}, e._id);
-				}), p.kind === "composing-new" ? /* @__PURE__ */ $(ba, {
-					pageX: p.pageX,
-					pageY: p.pageY
+				}), h.kind === "composing-new" ? /* @__PURE__ */ $(ba, {
+					pageX: h.pageX,
+					pageY: h.pageY
 				}) : null]
 			}),
-			p.kind === "placing" ? /* @__PURE__ */ $(xa, {
-				onPlace: N,
-				onCancel: M
+			h.kind === "placing" ? /* @__PURE__ */ $(xa, {
+				onPlace: ne,
+				onCancel: N
 			}) : null,
-			p.kind === "thread" && se && !y ? /* @__PURE__ */ $(Ca, {
-				thread: se,
-				authorName: T,
+			h.kind === "thread" && I && !x ? /* @__PURE__ */ $(Ca, {
+				thread: I,
+				authorName: D,
 				currentClientId: s?.clientId ?? null,
-				isVerified: E,
-				canDelete: ce,
-				pending: h,
-				error: _,
-				onAuthor: ee,
-				onSignIn: P,
-				onClose: M,
-				onReply: re,
-				onEditComment: ie,
-				onDeleteComment: ae,
-				onToggleReaction: oe,
-				onDelete: te,
-				onResolve: ne
-			}) : null,
-			p.kind === "composing-new" ? /* @__PURE__ */ $(_a, {
-				pageX: p.pageX,
-				pageY: p.pageY,
-				authorName: T,
-				isVerified: E,
-				pending: h,
-				error: _,
-				screenshot: p.screenshot,
-				screenshotCapturing: p.screenshotCapturing,
-				onAuthor: ee,
-				onSignIn: P,
-				onSubmit: F,
-				onClose: M
+				isVerified: O,
+				identityResolving: ee,
+				canDelete: L,
+				pending: _,
+				error: y,
+				onAuthor: re,
+				onSignIn: ie,
+				onClose: N,
+				onReply: ce,
+				onEditComment: le,
+				onDeleteComment: ue,
+				onToggleReaction: F,
+				onDelete: oe,
+				onResolve: se
+			}, I._id) : null,
+			h.kind === "composing-new" ? /* @__PURE__ */ $(_a, {
+				pageX: h.pageX,
+				pageY: h.pageY,
+				authorName: D,
+				isVerified: O,
+				identityResolving: ee,
+				pending: _,
+				error: y,
+				screenshot: h.screenshot,
+				screenshotCapturing: h.screenshotCapturing,
+				onAuthor: re,
+				onSignIn: ie,
+				onSubmit: ae,
+				onClose: N
 			}) : null,
-			!y || p.kind === "placing" || p.kind === "composing-new" ? /* @__PURE__ */ $(ua, {
-				active: p.kind === "placing",
-				onToggle: () => p.kind === "placing" ? M() : j(),
+			!x || h.kind === "placing" || h.kind === "composing-new" ? /* @__PURE__ */ $(ua, {
+				active: h.kind === "placing",
+				onToggle: () => h.kind === "placing" ? N() : te(),
 				onHide: () => {
-					b(!0), S(!0);
+					S(!0), w(!0);
 				},
 				position: l,
 				onPositionChange: u
 			}) : null,
-			y && x ? /* @__PURE__ */ $(Ma, { position: l }) : null
+			x && C ? /* @__PURE__ */ $(Ma, { position: l }) : null
 		]
 	});
 }
@@ -4847,11 +4866,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 = le, r.appendChild(i);
+	i.textContent = ue, r.appendChild(i);
 	let a = document.createElement("div");
 	a.className = "markup-shadow-root", r.appendChild(a);
 	let { theme: o, ...s } = t;
-	return ce(/* @__PURE__ */ $(ja, { ...s }), a), () => ce(null, a);
+	return le(/* @__PURE__ */ $(ja, { ...s }), a), () => le(null, a);
 }
 //#endregion
 //#region src/widget.ts