@pixelmatters/markup 1.27.1 → 1.27.2

package/dist/widget.js

@@ -4941,29 +4941,85 @@ var pc = {
 	"--markup-pop-leave": "140ms",
 	"--markup-menu-leave": "120ms",
 	"--markup-lightbox-leave": "160ms"
-};
+}, mc = /* @__PURE__ */ new Set([
+	"pointerdown",
+	"mousedown",
+	"touchstart"
+]), hc = /* @__PURE__ */ new Set([
+	"pointerup",
+	"mouseup",
+	"touchend"
+]), gc = [
+	...mc,
+	...hc,
+	"click"
+], _c = ".markup-tb-btn", vc = /* @__PURE__ */ new WeakSet();
+function yc(e) {
+	let t = !1;
+	function n(n) {
+		let r = n.composedPath()[0], i = r instanceof Element ? r.closest(_c) : null, a = i !== null && e.contains(i);
+		if (mc.has(n.type) && (t = a), !(!a || hc.has(n.type) && !t) && (n.stopPropagation(), n.type === "mousedown" && n.preventDefault(), n.type === "click" && n instanceof MouseEvent)) {
+			let e = xc(n);
+			vc.add(e), r?.dispatchEvent(e);
+		}
+	}
+	let r = { capture: !0 };
+	for (let e of gc) window.addEventListener(e, n, r);
+	return () => {
+		for (let e of gc) window.removeEventListener(e, n, r);
+	};
+}
+function bc(e, t) {
+	let n = e.getRootNode(), r = (e) => {
+		vc.has(e) && t(e);
+	};
+	return document.addEventListener("click", t, !0), n instanceof ShadowRoot && n.addEventListener("click", r, !0), () => {
+		document.removeEventListener("click", t, !0), n instanceof ShadowRoot && n.removeEventListener("click", r, !0);
+	};
+}
+function xc(e) {
+	return new MouseEvent(e.type, {
+		bubbles: !0,
+		cancelable: !0,
+		composed: !1,
+		view: e.view,
+		detail: e.detail,
+		screenX: e.screenX,
+		screenY: e.screenY,
+		clientX: e.clientX,
+		clientY: e.clientY,
+		ctrlKey: e.ctrlKey,
+		shiftKey: e.shiftKey,
+		altKey: e.altKey,
+		metaKey: e.metaKey,
+		button: e.button,
+		buttons: e.buttons
+	});
+}
 //#endregion
 //#region src/runtime/ui/identity-menu.tsx
-function mc({ identity: e, position: t, isSigningIn: n, isSigningOut: r, dashboardUrl: i, commentAccess: a = "anyone", onSignIn: o, onSignOut: s, onForgetMe: c }) {
+function Sc({ identity: e, position: t, isSigningIn: n, isSigningOut: r, dashboardUrl: i, commentAccess: a = "anyone", onSignIn: o, onSignOut: s, onForgetMe: c }) {
 	let [l, u] = B(!1), d = ei(l || null, 140), f = d?.isLeaving ?? !1, [p, m] = B(!1), [h, g] = B(!1), _ = U(null);
 	V(() => {
 		if (!l) return;
-		function e(e) {
-			let t = _.current;
-			t && (e.composedPath().includes(t) || u(!1));
-		}
-		function t(e) {
+		let e = _.current;
+		if (!e) return;
+		let t = (t) => {
+			t.composedPath().includes(e) || u(!1);
+		};
+		function n(e) {
 			e.key === "Escape" && u(!1);
 		}
-		return document.addEventListener("click", e, !0), document.addEventListener("keydown", t), () => {
-			document.removeEventListener("click", e, !0), document.removeEventListener("keydown", t);
+		let r = bc(e, t);
+		return document.addEventListener("keydown", n), () => {
+			r(), document.removeEventListener("keydown", n);
 		};
 	}, [l]);
 	let v = d != null;
 	V(() => {
 		v || (m(!1), g(!1));
 	}, [v]);
-	let y = aa(e), b = hc(y), x = e.kind === "verified", C = e.kind === "verified" ? e.identity.image : void 0, [w, ee] = B(null), T = x && C != null && w !== C, E = x ? e.identity.email : null, D = t === "bottom-left" ? "is-anchor-left" : t === "bottom-center" ? "is-anchor-center" : "is-anchor-right";
+	let y = aa(e), b = Cc(y), x = e.kind === "verified", C = e.kind === "verified" ? e.identity.image : void 0, [w, ee] = B(null), T = x && C != null && w !== C, E = x ? e.identity.email : null, D = t === "bottom-left" ? "is-anchor-left" : t === "bottom-center" ? "is-anchor-center" : "is-anchor-right";
 	return /* @__PURE__ */ Q("div", {
 		ref: _,
 		style: {
@@ -5084,12 +5140,12 @@ function mc({ identity: e, position: t, isSigningIn: n, isSigningOut: r, dashboa
 		}) : null]
 	});
 }
-function hc(e) {
+function Cc(e) {
 	return e && e.trim().split(/\s+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || null;
 }
 //#endregion
 //#region src/runtime/use-drag.ts
-function gc(e) {
+function wc(e) {
 	let t = U(e);
 	H(() => {
 		t.current = e;
@@ -5119,8 +5175,8 @@ function gc(e) {
 					h = !0, r(!0), t.current.onStart?.();
 				}
 				let a = Math.max(p, window.innerWidth - u - p), _ = Math.max(p, window.innerHeight - d - p), v = {
-					left: _c(c + n, p, a),
-					top: _c(l + i, p, _)
+					left: Tc(c + n, p, a),
+					top: Tc(l + i, p, _)
 				};
 				g = v, t.current.onMove(v);
 			}
@@ -5135,12 +5191,12 @@ function gc(e) {
 		isDragging: n
 	};
 }
-function _c(e, t, n) {
+function Tc(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
 //#endregion
 //#region src/runtime/use-focus-trap.ts
-var vc = [
+var Ec = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -5148,14 +5204,14 @@ var vc = [
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(",");
-function yc(e, t) {
+function Dc(e, t) {
 	V(() => {
 		if (!t) return;
 		let n = e.current;
 		if (!n) return;
 		function r(e) {
 			if (e.key !== "Tab") return;
-			let t = Array.from(n.querySelectorAll(vc)), r = t[0], i = t[t.length - 1];
+			let t = Array.from(n.querySelectorAll(Ec)), r = t[0], i = t[t.length - 1];
 			if (!r || !i) return;
 			let a = n.getRootNode(), o = a instanceof ShadowRoot ? a.activeElement : document.activeElement;
 			(e.shiftKey ? o === r : o === i) && (e.preventDefault(), (e.shiftKey ? i : r).focus());
@@ -5165,7 +5221,7 @@ function yc(e, t) {
 }
 //#endregion
 //#region src/runtime/use-object-url.ts
-function bc(e) {
+function Oc(e) {
 	let [t, n] = B(null);
 	return V(() => {
 		if (!e) {
@@ -5178,7 +5234,7 @@ function bc(e) {
 }
 //#endregion
 //#region src/runtime/ui/author-prompt.tsx
-function xc({ mode: e = "guest-or-sign-in", isPending: t, isConnecting: n = !1, isSigningIn: r = !1, onSubmit: i, onCancel: a, onSignIn: o, onSignOut: s }) {
+function kc({ mode: e = "guest-or-sign-in", isPending: t, isConnecting: n = !1, isSigningIn: r = !1, onSubmit: i, onCancel: a, onSignIn: o, onSignOut: s }) {
 	let [c, l] = B(""), [u, d] = B(""), f = U(null);
 	V(() => {
 		f.current?.focus();
@@ -5312,27 +5368,27 @@ function xc({ mode: e = "guest-or-sign-in", isPending: t, isConnecting: n = !1,
 }
 //#endregion
 //#region src/runtime/mention-input.ts
-var Sc = "data-markup-mention", Cc = "data-markup-mention-name", wc = /* @__PURE__ */ new Set([
+var Ac = "data-markup-mention", jc = "data-markup-mention-name", Mc = /* @__PURE__ */ new Set([
 	"DIV",
 	"P",
 	"LI",
 	"BLOCKQUOTE",
 	"PRE"
-]), Tc = 3, Ec = 1;
-function Dc(e) {
+]), Nc = 3, Pc = 1;
+function Fc(e) {
 	let t = "", n = (r) => {
 		let i = r.childNodes;
 		for (let a = 0; a < i.length; a++) {
 			let o = i[a];
 			if (!o) continue;
-			if (o.nodeType === Tc) {
+			if (o.nodeType === Nc) {
 				t += o.data;
 				continue;
 			}
-			if (o.nodeType !== Ec) continue;
-			let s = o, c = s.getAttribute(Sc);
+			if (o.nodeType !== Pc) continue;
+			let s = o, c = s.getAttribute(Ac);
 			if (c) {
-				let e = Oc(s);
+				let e = Ic(s);
 				t += qr({
 					userId: c,
 					name: e
@@ -5343,77 +5399,77 @@ function Dc(e) {
 				(r !== e || a !== i.length - 1) && (t += "\n");
 				continue;
 			}
-			wc.has(s.tagName) && t !== "" && !t.endsWith("\n") && (t += "\n"), n(s);
+			Mc.has(s.tagName) && t !== "" && !t.endsWith("\n") && (t += "\n"), n(s);
 		}
 	};
 	return n(e), t;
 }
-function Oc(e) {
-	return e.getAttribute(Cc) || (e.textContent ?? "").replace(/^@/, "");
+function Ic(e) {
+	return e.getAttribute(jc) || (e.textContent ?? "").replace(/^@/, "");
 }
-function kc(e, t, n) {
+function Lc(e, t, n) {
 	let r = e.createElement("span");
-	return r.className = n, r.setAttribute("contenteditable", "false"), r.setAttribute(Sc, t.userId), r.setAttribute(Cc, t.name), r.textContent = `@${t.name}`, r;
+	return r.className = n, r.setAttribute("contenteditable", "false"), r.setAttribute(Ac, t.userId), r.setAttribute(jc, t.name), r.textContent = `@${t.name}`, r;
 }
-function Ac(e, t, n) {
+function Rc(e, t, n) {
 	let r = e.createDocumentFragment();
 	for (let i of Wr(t)) {
 		if (i.type === "text") {
 			i.value && r.appendChild(e.createTextNode(i.value));
 			continue;
 		}
-		r.appendChild(kc(e, {
+		r.appendChild(Lc(e, {
 			userId: i.userId,
 			name: i.name
 		}, n));
 	}
 	return r;
 }
-function jc(e) {
+function zc(e) {
 	let t = e.getRootNode();
 	return typeof t.getSelection == "function" ? t.getSelection() : e.ownerDocument.getSelection();
 }
-function Mc(e) {
-	let t = jc(e);
+function Bc(e) {
+	let t = zc(e);
 	if (!t || t.rangeCount === 0 || !t.isCollapsed) return null;
 	let n = t.focusNode;
-	return !n || n.nodeType !== Tc || !e.contains(n) || Nc(n, e) ? null : {
+	return !n || n.nodeType !== Nc || !e.contains(n) || Vc(n, e) ? null : {
 		node: n,
 		offset: t.focusOffset
 	};
 }
-function Nc(e, t) {
+function Vc(e, t) {
 	let n = e;
 	for (; n && n !== t;) {
-		if (n.nodeType === Ec && n.hasAttribute("data-markup-mention")) return n;
+		if (n.nodeType === Pc && n.hasAttribute("data-markup-mention")) return n;
 		n = n.parentNode;
 	}
 	return null;
 }
-function Pc(e) {
-	let t = jc(e);
+function Hc(e) {
+	let t = zc(e);
 	if (!t || t.rangeCount === 0 || !t.isCollapsed) return;
 	let n = t.focusNode;
 	if (!n || !e.contains(n)) return;
-	let r = Nc(n, e);
+	let r = Vc(n, e);
 	if (!r) return;
 	let i = r.nextSibling;
-	(!i || i.nodeType !== Tc) && (i = e.ownerDocument.createTextNode(""), r.parentNode?.insertBefore(i, r.nextSibling)), Fc(e, i, 0);
+	(!i || i.nodeType !== Nc) && (i = e.ownerDocument.createTextNode(""), r.parentNode?.insertBefore(i, r.nextSibling)), Uc(e, i, 0);
 }
-function Fc(e, t, n) {
-	let r = jc(e);
+function Uc(e, t, n) {
+	let r = zc(e);
 	if (!r) return;
 	let i = e.ownerDocument.createRange();
 	i.setStart(t, n), i.collapse(!0), r.removeAllRanges(), r.addRange(i);
 }
-function Ic(e) {
+function Wc(e) {
 	let t = Kr(e.node.data, e.offset);
 	return t ? {
 		...t,
 		textNode: e.node
 	} : null;
 }
-function Lc(e, t, n, r) {
+function Gc(e, t, n, r) {
 	if (qr(n) == null) return !1;
 	let i = t.textNode;
 	if (!e.contains(i)) return !1;
@@ -5421,31 +5477,31 @@ function Lc(e, t, n, r) {
 	if (!a || t.caret > i.data.length) return !1;
 	i.deleteData(t.at, t.caret - t.at);
 	let o = i.splitText(t.at);
-	return a.insertBefore(kc(e.ownerDocument, n, r), o), o.data.startsWith(" ") || o.insertData(0, " "), Fc(e, o, 1), !0;
+	return a.insertBefore(Lc(e.ownerDocument, n, r), o), o.data.startsWith(" ") || o.insertData(0, " "), Uc(e, o, 1), !0;
 }
-function Rc(e, t) {
-	let n = jc(e);
+function Kc(e, t) {
+	let n = zc(e);
 	if (!n || n.rangeCount === 0) return;
 	let r = n.getRangeAt(0);
 	if (!e.contains(r.commonAncestorContainer)) return;
 	r.deleteContents();
 	let { startContainer: i, startOffset: a } = r;
-	if (i.nodeType === Tc) {
+	if (i.nodeType === Nc) {
 		let n = i;
-		n.insertData(a, t), Fc(e, n, a + t.length);
+		n.insertData(a, t), Uc(e, n, a + t.length);
 		return;
 	}
 	let o = e.ownerDocument.createTextNode(t);
-	r.insertNode(o), Fc(e, o, o.data.length);
+	r.insertNode(o), Uc(e, o, o.data.length);
 }
-function zc(e, t) {
+function qc(e, t) {
 	let n = e.ownerDocument, r = null, i = null, a = !0;
 	function o(t) {
 		let n = t.length === 0;
 		(n !== a || e.hasAttribute("data-empty") !== n) && (a = n, e.toggleAttribute("data-empty", n));
 	}
 	function s() {
-		let n = Dc(e);
+		let n = Fc(e);
 		o(n), t.onChange(n);
 	}
 	function c(e) {
@@ -5461,7 +5517,7 @@ function zc(e, t) {
 			c(null);
 			return;
 		}
-		let n = Mc(e), r = n ? Ic(n) : null;
+		let n = Bc(e), r = n ? Wc(n) : null;
 		if (r && i && r.textNode === i.node && r.at === i.at) {
 			c(null);
 			return;
@@ -5469,29 +5525,29 @@ function zc(e, t) {
 		i = null, c(r);
 	}
 	function u(r) {
-		e.replaceChildren(Ac(n, r, t.chipClass)), o(Dc(e)), i = null, c(null);
+		e.replaceChildren(Rc(n, r, t.chipClass)), o(Fc(e)), i = null, c(null);
 	}
 	let d = () => {
 		s(), l();
 	}, f = () => l(), p = () => {
-		Pc(e), l();
+		Hc(e), l();
 	}, m = (t) => {
 		let n = t.clipboardData?.getData("text/plain");
-		t.preventDefault(), n && (Rc(e, n.replace(/\r\n?/g, "\n")), s(), l());
+		t.preventDefault(), n && (Kc(e, n.replace(/\r\n?/g, "\n")), s(), l());
 	}, h = (e) => {
 		e.preventDefault();
 	};
 	return e.addEventListener("input", d), e.addEventListener("keyup", f), e.addEventListener("mouseup", p), e.addEventListener("focus", p), e.addEventListener("paste", m), e.addEventListener("drop", h), u(t.initialValue ?? ""), {
-		getValue: () => Dc(e),
+		getValue: () => Fc(e),
 		setValue: u,
 		focus() {
 			e.focus();
 			let t = e.lastChild;
-			t && (t.nodeType === Tc ? Fc(e, t, t.data.length) : Fc(e, e, e.childNodes.length));
+			t && (t.nodeType === Nc ? Uc(e, t, t.data.length) : Uc(e, e, e.childNodes.length));
 		},
 		insertMention(n) {
-			let a = Mc(e), o = (a ? Ic(a) : null) ?? r;
-			o && Lc(e, o, n, t.chipClass) && (s(), i = null, c(null));
+			let a = Bc(e), o = (a ? Wc(a) : null) ?? r;
+			o && Gc(e, o, n, t.chipClass) && (s(), i = null, c(null));
 		},
 		syncTrigger: l,
 		clearTrigger: () => c(null),
@@ -5506,42 +5562,42 @@ function zc(e, t) {
 		}
 	};
 }
-var Bc = null;
-function Vc() {
-	if (Bc) return Bc;
+var Jc = null;
+function Yc() {
+	if (Jc) return Jc;
 	if (typeof document > "u") return "true";
 	let e = document.createElement("div");
 	try {
-		e.contentEditable = "plaintext-only", Bc = e.contentEditable === "plaintext-only" ? "plaintext-only" : "true";
+		e.contentEditable = "plaintext-only", Jc = e.contentEditable === "plaintext-only" ? "plaintext-only" : "true";
 	} catch {
-		Bc = "true";
+		Jc = "true";
 	}
-	return Bc;
+	return Jc;
 }
 //#endregion
 //#region src/lib/linkify.ts
-var Hc = /(^|[\s([{<'"])((?:https?:\/\/|www\.)[^\s<>'"]+)/gi, Uc = ".,;:!?", Wc = {
+var Xc = /(^|[\s([{<'"])((?:https?:\/\/|www\.)[^\s<>'"]+)/gi, Zc = ".,;:!?", Qc = {
 	")": "(",
 	"]": "[",
 	"}": "{"
 };
-function Gc(e, t) {
+function $c(e, t) {
 	let n = 0;
 	for (let r of e) r === t && (n += 1);
 	return n;
 }
-function Kc(e) {
+function el(e) {
 	let t = e.length;
 	for (; t > 0;) {
 		let n = e[t - 1] ?? "";
-		if (Uc.includes(n)) {
+		if (Zc.includes(n)) {
 			--t;
 			continue;
 		}
-		let r = Wc[n];
+		let r = Qc[n];
 		if (r !== void 0) {
 			let i = e.slice(0, t);
-			if (Gc(i, n) > Gc(i, r)) {
+			if ($c(i, n) > $c(i, r)) {
 				--t;
 				continue;
 			}
@@ -5550,15 +5606,15 @@ function Kc(e) {
 	}
 	return e.slice(0, t);
 }
-function qc(e) {
+function tl(e) {
 	let t = /^https?:\/\//i.test(e) ? e : `https://${e}`, n = t.replace(/^https?:\/\//i, "").split(/[/?#]/, 1)[0] ?? "";
 	return !n.includes(".") || n.startsWith(".") || n.endsWith(".") ? null : t;
 }
-function Jc(e) {
+function nl(e) {
 	if (!e) return [];
-	let t = [], n = 0, r = new RegExp(Hc.source, "gi");
+	let t = [], n = 0, r = new RegExp(Xc.source, "gi");
 	for (let i = r.exec(e); i !== null; i = r.exec(e)) {
-		let a = i[1] ?? "", o = Kc(i[2] ?? ""), s = o ? qc(o) : null;
+		let a = i[1] ?? "", o = el(i[2] ?? ""), s = o ? tl(o) : null;
 		if (!s) continue;
 		let c = i.index + a.length;
 		c > n && t.push({
@@ -5577,14 +5633,14 @@ function Jc(e) {
 }
 //#endregion
 //#region src/runtime/ui/mentions.tsx
-function Yc({ body: e, mentions: t, trailing: n }) {
+function rl({ body: e, mentions: t, trailing: n }) {
 	let r = rt(() => new Set(t), [t]);
 	return /* @__PURE__ */ Q("p", {
 		class: "markup-comment-body",
 		children: [rt(() => Wr(e), [e]).map((e, t) => e.type === "mention" ? r.has(e.userId) ? /* @__PURE__ */ Q("span", {
 			class: "markup-mention-chip",
 			children: ["@", e.name]
-		}, t) : /* @__PURE__ */ Q("span", { children: ["@", e.name] }, t) : Jc(e.value).map((e, n) => e.type === "link" ? /* @__PURE__ */ Q("a", {
+		}, t) : /* @__PURE__ */ Q("span", { children: ["@", e.name] }, t) : nl(e.value).map((e, n) => e.type === "link" ? /* @__PURE__ */ Q("a", {
 			class: "markup-comment-link",
 			href: e.href,
 			target: "_blank",
@@ -5593,7 +5649,7 @@ function Yc({ body: e, mentions: t, trailing: n }) {
 		}, `${t}-${n}`) : /* @__PURE__ */ Q("span", { children: e.value }, `${t}-${n}`))), n]
 	});
 }
-function Xc(e) {
+function il(e) {
 	let { members: t, trigger: n, onSelect: r, onClose: i } = e, [a, o] = B(0), s = rt(() => {
 		if (!n) return [];
 		let e = n.query.toLowerCase();
@@ -5621,12 +5677,12 @@ function Xc(e) {
 		handleKeyDown: c
 	};
 }
-function Zc({ items: e, highlight: t, setHighlight: n, onSelect: r, anchor: i }) {
+function al({ items: e, highlight: t, setHighlight: n, onSelect: r, anchor: i }) {
 	let a = U(null);
 	return H(() => {
 		let e = null;
 		function t() {
-			i.current && a.current && el(i.current, a.current);
+			i.current && a.current && cl(i.current, a.current);
 		}
 		function n() {
 			e ??= requestAnimationFrame(() => {
@@ -5668,16 +5724,16 @@ function Zc({ items: e, highlight: t, setHighlight: n, onSelect: r, anchor: i })
 		}, e.userId))
 	});
 }
-var Qc = 4, $c = 8;
-function el(e, t) {
+var ol = 4, sl = 8;
+function cl(e, t) {
 	let n = e.getBoundingClientRect(), r = n.bottom > 0 && n.top < window.innerHeight && n.right > 0 && n.left < window.innerWidth;
 	if (t.style.visibility = r ? "" : "hidden", !r) return;
-	let i = t.offsetHeight, a = n.top - $c, o = window.innerHeight - n.bottom - $c, s = a >= i + Qc || a >= o ? n.top - Qc - i : n.bottom + Qc, c = window.innerHeight - i - $c;
-	t.style.top = `${Math.max($c, Math.min(s, c))}px`, t.style.left = `${n.left}px`, t.style.width = `${n.width}px`;
+	let i = t.offsetHeight, a = n.top - sl, o = window.innerHeight - n.bottom - sl, s = a >= i + ol || a >= o ? n.top - ol - i : n.bottom + ol, c = window.innerHeight - i - sl;
+	t.style.top = `${Math.max(sl, Math.min(s, c))}px`, t.style.left = `${n.left}px`, t.style.width = `${n.width}px`;
 }
 //#endregion
 //#region src/runtime/ui/mention-input.tsx
-function tl({ value: e, onChange: t, onKeyDown: n, members: r, label: i, placeholder: a, disabled: o = !1, autoFocus: s = !1, class: c, handle: l }) {
+function ll({ value: e, onChange: t, onKeyDown: n, members: r, label: i, placeholder: a, disabled: o = !1, autoFocus: s = !1, class: c, handle: l }) {
 	let u = U(null), d = U(null), [f, p] = B(null), m = U(t), h = U(r);
 	H(() => {
 		m.current = t, h.current = r;
@@ -5686,7 +5742,7 @@ function tl({ value: e, onChange: t, onKeyDown: n, members: r, label: i, placeho
 	H(() => {
 		let e = u.current;
 		if (!e) return;
-		let t = zc(e, {
+		let t = qc(e, {
 			chipClass: "markup-mention-chip",
 			initialValue: g.current,
 			onChange: (e) => m.current(e),
@@ -5706,7 +5762,7 @@ function tl({ value: e, onChange: t, onKeyDown: n, members: r, label: i, placeho
 		let t = d.current;
 		t && t.getValue() !== e && t.setValue(e);
 	}, [e]);
-	let _ = Xc({
+	let _ = il({
 		members: r ?? [],
 		trigger: f,
 		onSelect: (e) => d.current?.insertMention(e),
@@ -5719,7 +5775,7 @@ function tl({ value: e, onChange: t, onKeyDown: n, members: r, label: i, placeho
 		"aria-label": i,
 		"aria-disabled": o || void 0,
 		class: Z("markup-mention-input", c),
-		contentEditable: o ? "false" : Vc(),
+		contentEditable: o ? "false" : Yc(),
 		"data-placeholder": a,
 		tabIndex: o ? -1 : 0,
 		onKeyDown: (e) => {
@@ -5728,7 +5784,7 @@ function tl({ value: e, onChange: t, onKeyDown: n, members: r, label: i, placeho
 		onBlur: () => {
 			setTimeout(() => d.current?.clearTrigger(), 120);
 		}
-	}), _.isOpen ? /* @__PURE__ */ Q(Zc, {
+	}), _.isOpen ? /* @__PURE__ */ Q(al, {
 		items: _.items,
 		highlight: _.highlight,
 		setHighlight: _.setHighlight,
@@ -5738,8 +5794,8 @@ function tl({ value: e, onChange: t, onKeyDown: n, members: r, label: i, placeho
 }
 //#endregion
 //#region src/runtime/ui/composer.tsx
-var nl = 4e3;
-function rl({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "Post", initialFocus: r = !0, isPending: i, error: a, onSubmit: o, onDirtyChange: s, members: c }) {
+var ul = 4e3;
+function dl({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "Post", initialFocus: r = !0, isPending: i, error: a, onSubmit: o, onDirtyChange: s, members: c }) {
 	let [l, u] = B(""), d = U(null), f = U(!1);
 	V(() => {
 		f.current && !i && !a && (u(""), s?.(!1), d.current?.focus()), f.current = i;
@@ -5748,7 +5804,7 @@ function rl({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 		a,
 		s
 	]);
-	let p = nl - l.length, m = p < 0;
+	let p = ul - l.length, m = p < 0;
 	function h(e) {
 		e?.preventDefault();
 		let t = l.trim();
@@ -5773,7 +5829,7 @@ function rl({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 		class: Z("markup-composer", _ && "is-filled"),
 		onSubmit: h,
 		children: [
-			/* @__PURE__ */ Q(tl, {
+			/* @__PURE__ */ Q(ll, {
 				class: "markup-composer-input",
 				label: e,
 				placeholder: t,
@@ -5829,17 +5885,17 @@ function rl({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 }
 //#endregion
 //#region src/runtime/ui/new-thread-popover.tsx
-var il = [], al = "https://markup.pixelmatters.dev/docs/install#9-screenshots-privacy";
-function ol({ pageX: e, pageY: t, authorName: n, authorPromptMode: r, isVerified: i, isIdentityResolving: a, isSigningIn: o, isPending: s, error: c, screenshot: l, isScreenshotCapturing: u, screenshotFailed: d, screenshotRedactedCount: f, screenshotRedactedSelectors: p, members: m = il, isLeaving: h = !1, onAuthor: g, onSignIn: _, onSignOut: v, onSubmit: y, onClose: b }) {
+var fl = [], pl = "https://markup.pixelmatters.dev/docs/install#9-screenshots-privacy";
+function ml({ pageX: e, pageY: t, authorName: n, authorPromptMode: r, isVerified: i, isIdentityResolving: a, isSigningIn: o, isPending: s, error: c, screenshot: l, isScreenshotCapturing: u, screenshotFailed: d, screenshotRedactedCount: f, screenshotRedactedSelectors: p, members: m = fl, isLeaving: h = !1, onAuthor: g, onSignIn: _, onSignOut: v, onSubmit: y, onClose: b }) {
 	let x = U(null);
-	yc(x, !h);
+	Dc(x, !h);
 	let C = U(!1), w = U(!1), [ee, T] = B(!1), E = ei(ee || null, 120), D = W((e) => {
 		w.current = e, T(e);
 	}, []), te = W(() => {
 		w.current || (C.current ? D(!0) : b());
 	}, [b, D]), O = W(() => {
 		D(!1), x.current?.querySelector(".markup-mention-input")?.focus();
-	}, [D]), [k, A] = B(!1), [j, M] = B(!1), N = bc(l), P = U(null), [ne, F] = B(null), { onPointerDown: re, isDragging: ie } = gc({
+	}, [D]), [k, A] = B(!1), [j, M] = B(!1), N = Oc(l), P = U(null), [ne, F] = B(null), { onPointerDown: re, isDragging: ie } = wc({
 		targetRef: x,
 		shouldStart: (e) => !e.target?.closest("button, a, input, textarea, select"),
 		onMove: F
@@ -5864,8 +5920,9 @@ function ol({ pageX: e, pageY: t, authorName: n, authorPromptMode: r, isVerified
 		function n(e) {
 			e.key !== "Escape" || e.defaultPrevented || P.current?.open || (e.preventDefault(), w.current ? O() : te());
 		}
-		return document.addEventListener("click", t, !0), document.addEventListener("keydown", n), () => {
-			document.removeEventListener("click", t, !0), document.removeEventListener("keydown", n);
+		let r = bc(e, t);
+		return document.addEventListener("keydown", n), () => {
+			r(), document.removeEventListener("keydown", n);
 		};
 	}, [
 		te,
@@ -5874,7 +5931,7 @@ function ol({ pageX: e, pageY: t, authorName: n, authorPromptMode: r, isVerified
 	]), V(() => {
 		ee && x.current?.querySelector(".markup-discard-confirm-keep")?.focus();
 	}, [ee]);
-	let ae = sl(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), oe = sl(t - window.scrollY - 16, 12, window.innerHeight - 220), se = typeof window < "u" ? window.location.href : "", ce = l != null, le = u || ce || d, ue = k && ce;
+	let ae = hl(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), oe = hl(t - window.scrollY - 16, 12, window.innerHeight - 220), se = typeof window < "u" ? window.location.href : "", ce = l != null, le = u || ce || d, ue = k && ce;
 	return /* @__PURE__ */ Q("div", {
 		ref: x,
 		class: Z("markup-popover", ne && "is-floating", ie && "is-dragging", h && "is-leaving"),
@@ -5919,7 +5976,7 @@ function ol({ pageX: e, pageY: t, authorName: n, authorPromptMode: r, isVerified
 							}) : null
 						]
 					}),
-					/* @__PURE__ */ Q(rl, {
+					/* @__PURE__ */ Q(dl, {
 						label: "Feedback",
 						placeholder: "What's wrong, missing, or worth noting?",
 						submitLabel: "Post markup",
@@ -6011,7 +6068,7 @@ function ol({ pageX: e, pageY: t, authorName: n, authorPromptMode: r, isVerified
 								" ",
 								/* @__PURE__ */ Q("a", {
 									class: "markup-screenshot-help-link",
-									href: al,
+									href: pl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									children: "More info here."
@@ -6020,7 +6077,7 @@ function ol({ pageX: e, pageY: t, authorName: n, authorPromptMode: r, isVerified
 						})] }) : null]
 					}) : null
 				]
-			}) : /* @__PURE__ */ Q(xc, {
+			}) : /* @__PURE__ */ Q(kc, {
 				mode: r,
 				isPending: s,
 				isConnecting: a,
@@ -6085,12 +6142,12 @@ function ol({ pageX: e, pageY: t, authorName: n, authorPromptMode: r, isVerified
 		]
 	});
 }
-function sl(e, t, n) {
+function hl(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
 //#endregion
 //#region src/runtime/ui/notifications-panel.tsx
-function cl({ state: e, onBack: t, onItemClick: n, onMarkAllRead: r, isMarkingAll: i }) {
+function gl({ state: e, onBack: t, onItemClick: n, onMarkAllRead: r, isMarkingAll: i }) {
 	let a = e.kind === "ready" && e.items.some((e) => e.readAt == null);
 	return /* @__PURE__ */ Q("div", {
 		class: "markup-notifications-panel",
@@ -6171,7 +6228,7 @@ function cl({ state: e, onBack: t, onItemClick: n, onMarkAllRead: r, isMarkingAl
 								}),
 								/* @__PURE__ */ Q("span", {
 									class: "markup-notifications-panel-time",
-									children: ll(e.createdAt)
+									children: _l(e.createdAt)
 								})
 							]
 						}),
@@ -6203,7 +6260,7 @@ function cl({ state: e, onBack: t, onItemClick: n, onMarkAllRead: r, isMarkingAl
 		})]
 	});
 }
-function ll(e) {
+function _l(e) {
 	let t = Date.now() - e, n = Math.floor(t / 1e3);
 	if (n < 60) return "just now";
 	let r = Math.floor(n / 60);
@@ -6215,7 +6272,7 @@ function ll(e) {
 }
 //#endregion
 //#region src/runtime/use-theme.ts
-function ul() {
+function vl() {
 	let [, e] = B(0);
 	return V(() => He(() => e((e) => e + 1)), []), {
 		mode: ze(),
@@ -6225,7 +6282,7 @@ function ul() {
 }
 //#endregion
 //#region src/runtime/ui/privacy-panel.tsx
-function dl({ identity: e, apiUrl: t, commentAccess: n = "anyone", autoCapture: r, autoCaptureLocked: i, isForgettingMe: a, forgetMeError: o, onForgetMe: s, onBack: c }) {
+function yl({ identity: e, apiUrl: t, commentAccess: n = "anyone", autoCapture: r, autoCaptureLocked: i, isForgettingMe: a, forgetMeError: o, onForgetMe: s, onBack: c }) {
 	let [l, u] = B(!1), d = aa(e), f = e.kind === "verified", p = f ? e.identity.email : void 0, m = e.kind === "anon";
 	return /* @__PURE__ */ Q("div", {
 		class: "markup-panel",
@@ -6327,7 +6384,7 @@ function dl({ identity: e, apiUrl: t, commentAccess: n = "anyone", autoCapture:
 							"Only ",
 							/* @__PURE__ */ Q("span", {
 								class: "markup-panel-mono",
-								children: fl(t)
+								children: bl(t)
 							}),
 							". No analytics, no ad tech, no third-party requests from the widget. If the widget itself crashes it posts the error, this page's URL and your user-agent to that same host, never your identity or what you were writing."
 						]
@@ -6363,7 +6420,7 @@ function dl({ identity: e, apiUrl: t, commentAccess: n = "anyone", autoCapture:
 		})]
 	});
 }
-function fl(e) {
+function bl(e) {
 	try {
 		return new URL(e).host;
 	} catch {
@@ -6372,7 +6429,7 @@ function fl(e) {
 }
 //#endregion
 //#region src/runtime/ui/shortcuts-panel.tsx
-function pl({ onBack: e }) {
+function xl({ onBack: e }) {
 	let { mod: t, enter: n } = Vs();
 	return /* @__PURE__ */ Q("div", {
 		class: "markup-panel",
@@ -6469,15 +6526,15 @@ function pl({ onBack: e }) {
 }
 //#endregion
 //#region src/runtime/ui/overflow-menu.tsx
-var ml = {
+var Sl = {
 	menu: "More options",
 	privacy: "Privacy and data",
 	shortcuts: "Keyboard shortcuts"
 };
-function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked: r = !1, onToggleAutoCapture: i, showResolved: a, onToggleShowResolved: o, isUrlScoped: s, hiddenByUrlScope: c, onToggleUrlScope: l, onHideForSession: u, identity: d, apiUrl: f, commentAccess: p, isForgettingMe: m, forgetMeError: h, onForgetMe: g, version: _, dashboardUrl: v }) {
+function Cl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked: r = !1, onToggleAutoCapture: i, showResolved: a, onToggleShowResolved: o, isUrlScoped: s, hiddenByUrlScope: c, onToggleUrlScope: l, onHideForSession: u, identity: d, apiUrl: f, commentAccess: p, isForgettingMe: m, forgetMeError: h, onForgetMe: g, version: _, dashboardUrl: v }) {
 	let [y, b] = B(!1), [x, S] = B("menu"), C = ei(y || null, 140), w = C?.isLeaving ?? !1, ee = U(null), T = U(null), E = U(null), D = U(null), te = U("menu"), O = U(null), k = U(x);
 	k.current = x;
-	let A = ul();
+	let A = vl();
 	V(() => {
 		y && (S("menu"), te.current = "menu");
 	}, [y]), H(() => {
@@ -6502,11 +6559,12 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 		};
 	}, [x]), V(() => {
 		if (!y) return;
-		function e(e) {
-			let t = ee.current;
-			t && (e.composedPath().includes(t) || b(!1));
-		}
-		function t(e) {
+		let e = ee.current;
+		if (!e) return;
+		let t = (t) => {
+			t.composedPath().includes(e) || b(!1);
+		};
+		function n(e) {
 			if (e.key === "Escape") {
 				if (k.current !== "menu") {
 					j("menu");
@@ -6515,8 +6573,9 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 				b(!1);
 			}
 		}
-		return document.addEventListener("click", e, !0), document.addEventListener("keydown", t), () => {
-			document.removeEventListener("click", e, !0), document.removeEventListener("keydown", t);
+		let r = bc(e, t);
+		return document.addEventListener("keydown", n), () => {
+			r(), document.removeEventListener("keydown", n);
 		};
 	}, [y]);
 	function j(e) {
@@ -6553,10 +6612,10 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 			"data-pop": "overflow",
 			"data-view": x,
 			role: "dialog",
-			"aria-label": ml[x],
+			"aria-label": Sl[x],
 			tabIndex: -1,
 			inert: w || void 0,
-			children: x === "privacy" ? /* @__PURE__ */ Q(dl, {
+			children: x === "privacy" ? /* @__PURE__ */ Q(yl, {
 				identity: d,
 				apiUrl: f,
 				commentAccess: p,
@@ -6570,7 +6629,7 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 					});
 				},
 				onBack: () => j("menu")
-			}) : x === "shortcuts" ? /* @__PURE__ */ Q(pl, { onBack: () => j("menu") }) : /* @__PURE__ */ Q("div", {
+			}) : x === "shortcuts" ? /* @__PURE__ */ Q(xl, { onBack: () => j("menu") }) : /* @__PURE__ */ Q("div", {
 				role: "menu",
 				class: "markup-menu-view",
 				children: [
@@ -6635,7 +6694,7 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 									title: "Bottom left",
 									class: Z(e === "bottom-left" && "is-on"),
 									onClick: () => t("bottom-left"),
-									children: /* @__PURE__ */ Q(gl, { side: "left" })
+									children: /* @__PURE__ */ Q(wl, { side: "left" })
 								}),
 								/* @__PURE__ */ Q("button", {
 									type: "button",
@@ -6645,7 +6704,7 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 									title: "Bottom center",
 									class: Z(e === "bottom-center" && "is-on"),
 									onClick: () => t("bottom-center"),
-									children: /* @__PURE__ */ Q(gl, { side: "center" })
+									children: /* @__PURE__ */ Q(wl, { side: "center" })
 								}),
 								/* @__PURE__ */ Q("button", {
 									type: "button",
@@ -6655,7 +6714,7 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 									title: "Bottom right",
 									class: Z(e === "bottom-right" && "is-on"),
 									onClick: () => t("bottom-right"),
-									children: /* @__PURE__ */ Q(gl, { side: "right" })
+									children: /* @__PURE__ */ Q(wl, { side: "right" })
 								})
 							]
 						})]
@@ -6677,7 +6736,7 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 						children: [
 							/* @__PURE__ */ Q("span", {
 								class: "ic",
-								children: /* @__PURE__ */ Q(vl, {})
+								children: /* @__PURE__ */ Q(El, {})
 							}),
 							/* @__PURE__ */ Q("span", {
 								class: "lbl",
@@ -6704,7 +6763,7 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 						children: [
 							/* @__PURE__ */ Q("span", {
 								class: "ic",
-								children: /* @__PURE__ */ Q(_l, {})
+								children: /* @__PURE__ */ Q(Tl, {})
 							}),
 							/* @__PURE__ */ Q("span", {
 								class: "lbl",
@@ -6801,7 +6860,7 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 						children: [
 							/* @__PURE__ */ Q("span", {
 								class: "ic",
-								children: /* @__PURE__ */ Q(yl, {})
+								children: /* @__PURE__ */ Q(Dl, {})
 							}),
 							/* @__PURE__ */ Q("span", {
 								class: "lbl",
@@ -6832,7 +6891,7 @@ function hl({ position: e, onSetPosition: t, autoCapture: n, autoCaptureLocked:
 		}) : null]
 	});
 }
-function gl({ side: e }) {
+function wl({ side: e }) {
 	return /* @__PURE__ */ Q("svg", {
 		width: 14,
 		height: 14,
@@ -6858,7 +6917,7 @@ function gl({ side: e }) {
 		})]
 	});
 }
-function _l() {
+function Tl() {
 	return /* @__PURE__ */ Q("svg", {
 		width: 16,
 		height: 16,
@@ -6872,7 +6931,7 @@ function _l() {
 		children: [/* @__PURE__ */ Q("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ Q("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })]
 	});
 }
-function vl() {
+function El() {
 	return /* @__PURE__ */ Q("svg", {
 		width: 16,
 		height: 16,
@@ -6890,7 +6949,7 @@ function vl() {
 		})]
 	});
 }
-function yl() {
+function Dl() {
 	return /* @__PURE__ */ Q("svg", {
 		width: 16,
 		height: 16,
@@ -6911,21 +6970,22 @@ function yl() {
 }
 //#endregion
 //#region src/runtime/ui/panel-popover.tsx
-function bl({ kind: e, label: t, position: n, ignoreToolbarKind: r, isLeaving: i = !1, onClose: a, children: o }) {
+function Ol({ kind: e, label: t, position: n, ignoreToolbarKind: r, isLeaving: i = !1, onClose: a, children: o }) {
 	let s = U(null);
 	return V(() => {
 		if (i) return;
-		function e(e) {
-			let t = s.current;
-			if (!t) return;
-			let n = e.composedPath();
-			n.includes(t) || r != null && n.some((e) => e?.dataset?.kind === r) || a();
-		}
-		function t(e) {
+		let e = s.current;
+		if (!e) return;
+		let t = (t) => {
+			let n = t.composedPath();
+			n.includes(e) || r != null && n.some((e) => e?.dataset?.kind === r) || a();
+		};
+		function n(e) {
 			e.key === "Escape" && a();
 		}
-		return document.addEventListener("click", e, !0), document.addEventListener("keydown", t), () => {
-			document.removeEventListener("click", e, !0), document.removeEventListener("keydown", t);
+		let o = bc(e, t);
+		return document.addEventListener("keydown", n), () => {
+			o(), document.removeEventListener("keydown", n);
 		};
 	}, [
 		a,
@@ -6947,7 +7007,7 @@ function bl({ kind: e, label: t, position: n, ignoreToolbarKind: r, isLeaving: i
 }
 //#endregion
 //#region src/runtime/ui/pin.tsx
-function xl({ pageX: e, pageY: t, count: n, isActive: r, isUnresolved: i, isClosed: a = !1, isLeaving: o = !1, enterDelayMs: s = 0, otherLocation: c, onClick: l }) {
+function kl({ pageX: e, pageY: t, count: n, isActive: r, isUnresolved: i, isClosed: a = !1, isLeaving: o = !1, enterDelayMs: s = 0, otherLocation: c, onClick: l }) {
 	let u = U(!r), d = `Open ${a ? "resolved " : ""}feedback thread (${n} comment${n === 1 ? "" : "s"})` + (c ? ` — left on ${c}` : ""), f = t - window.scrollY, p = e - window.scrollX;
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
@@ -6970,7 +7030,7 @@ function xl({ pageX: e, pageY: t, count: n, isActive: r, isUnresolved: i, isClos
 		})
 	});
 }
-function Sl({ pageX: e, pageY: t, isLeaving: n = !1 }) {
+function Al({ pageX: e, pageY: t, isLeaving: n = !1 }) {
 	let r = t - window.scrollY, i = e - window.scrollX;
 	return /* @__PURE__ */ Q("div", {
 		class: Z("markup-pin", "markup-pin-ghost", "is-anchor", n && "is-leaving"),
@@ -6987,7 +7047,7 @@ function Sl({ pageX: e, pageY: t, isLeaving: n = !1 }) {
 }
 //#endregion
 //#region src/runtime/ui/placement-overlay.tsx
-function Cl({ onPlace: e, onCancel: t }) {
+function jl({ onPlace: e, onCancel: t }) {
 	let n = U(null);
 	return H(() => {
 		let r = n.current?.getRootNode() ?? null, i = (e) => r !== null && e.composedPath().includes(r);
@@ -7012,7 +7072,7 @@ function Cl({ onPlace: e, onCancel: t }) {
 		window.addEventListener("keydown", a);
 		for (let e of l) window.addEventListener(e, o, c);
 		window.addEventListener("click", s, c);
-		let u = wl();
+		let u = Ml();
 		return () => {
 			window.removeEventListener("keydown", a);
 			for (let e of l) window.removeEventListener(e, o, c);
@@ -7028,7 +7088,7 @@ function Cl({ onPlace: e, onCancel: t }) {
 		})
 	});
 }
-function wl() {
+function Ml() {
 	let e = "html, html * { cursor: crosshair !important; }";
 	if ("adoptedStyleSheets" in document && "replaceSync" in CSSStyleSheet.prototype) {
 		let t = new CSSStyleSheet();
@@ -7041,14 +7101,14 @@ function wl() {
 }
 //#endregion
 //#region src/runtime/ui/thread-popover.tsx
-var Tl = [], El = [
+var Nl = [], Pl = [
 	"👍",
 	"❤️",
 	"🎉",
 	"😮",
 	"😄",
 	"❓"
-], Dl = Vr({
+], Fl = Vr({
 	none: {
 		"toggle-thread-menu": () => ({
 			kind: "thread-menu",
@@ -7104,13 +7164,13 @@ var Tl = [], El = [
 		dismiss: () => ({ kind: "none" })
 	}
 });
-function Ol({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r, isVerified: i, isIdentityResolving: a, isSigningIn: o, canDelete: s, isPending: c, error: l, isHidden: u = !1, isLeaving: d = !1, members: f = Tl, onAuthor: p, onSignIn: m, onSignOut: h, onClose: g, onReply: _, onEditComment: v, onDeleteComment: y, onToggleReaction: b, onResolve: x, onDelete: S }) {
-	let C = U(null), w = U(null), ee = U(null), T = U(null), [E, D] = Hr(Dl, { kind: "none" }), te = ei(E.kind === "none" || E.kind === "editing" ? null : E, 120), O = te?.value ?? null, k = te?.isLeaving ?? !1, A = O?.kind === "thread-menu" ? O : null, [j, M] = B(null), { onPointerDown: N, isDragging: P } = gc({
+function Il({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r, isVerified: i, isIdentityResolving: a, isSigningIn: o, canDelete: s, isPending: c, error: l, isHidden: u = !1, isLeaving: d = !1, members: f = Nl, onAuthor: p, onSignIn: m, onSignOut: h, onClose: g, onReply: _, onEditComment: v, onDeleteComment: y, onToggleReaction: b, onResolve: x, onDelete: S }) {
+	let C = U(null), w = U(null), ee = U(null), T = U(null), [E, D] = Hr(Fl, { kind: "none" }), te = ei(E.kind === "none" || E.kind === "editing" ? null : E, 120), O = te?.value ?? null, k = te?.isLeaving ?? !1, A = O?.kind === "thread-menu" ? O : null, [j, M] = B(null), { onPointerDown: N, isDragging: P } = wc({
 		targetRef: C,
 		shouldStart: (e) => !e.target?.closest("button, a, input, textarea, select"),
 		onMove: M
 	});
-	yc(C, !d);
+	Dc(C, !d);
 	let ne = e.resolvedAt != null, F = rt(() => e.comments.filter((e) => !e.deleted), [e.comments]);
 	V(() => {
 		if (E.kind === "none" || E.kind === "editing") return;
@@ -7175,8 +7235,8 @@ function Ol({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r,
 			anchorText: e.anchorText
 		});
 		return {
-			left: Ml(t.pageX - window.scrollX + 16, 12, window.innerWidth - 320 - 12),
-			top: Ml(t.pageY - window.scrollY - 16, 12, window.innerHeight - 200)
+			left: Bl(t.pageX - window.scrollX + 16, 12, window.innerWidth - 320 - 12),
+			top: Bl(t.pageY - window.scrollY - 16, 12, window.innerHeight - 200)
 		};
 	}, [
 		e.anchorX,
@@ -7267,10 +7327,10 @@ function Ol({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r,
 					return /* @__PURE__ */ Q("li", {
 						class: Z("markup-comment", re.current != null && t.createdAt > re.current && "is-new"),
 						children: [
-							/* @__PURE__ */ Q(Nl, {
+							/* @__PURE__ */ Q(Vl, {
 								name: t.authorName,
 								image: t.authorImage,
-								tone: Fl(t.authorClientId ?? t.authorName)
+								tone: Ul(t.authorClientId ?? t.authorName)
 							}),
 							/* @__PURE__ */ Q("div", {
 								class: "markup-comment-meta",
@@ -7289,18 +7349,18 @@ function Ol({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r,
 									/* @__PURE__ */ Q("time", {
 										class: "markup-comment-time",
 										datetime: new Date(t.createdAt).toISOString(),
-										title: Ll(t.createdAt),
-										children: Il(t.createdAt)
+										title: Gl(t.createdAt),
+										children: Wl(t.createdAt)
 									}),
 									t.editedAt == null ? null : /* @__PURE__ */ Q("time", {
 										class: "markup-comment-edited",
 										datetime: new Date(t.editedAt).toISOString(),
-										title: Ll(t.editedAt),
+										title: Gl(t.editedAt),
 										children: "edited"
 									}),
 									/* @__PURE__ */ Q("div", {
 										class: "markup-thread-actions",
-										children: [!ne && !l ? /* @__PURE__ */ Q(kl, {
+										children: [!ne && !l ? /* @__PURE__ */ Q(Ll, {
 											comment: t,
 											pickerOpen: g,
 											pickerLeaving: g && k,
@@ -7410,7 +7470,7 @@ function Ol({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r,
 										await v(t._id, n), D({ type: "dismiss" });
 									} catch {}
 								},
-								children: [/* @__PURE__ */ Q(tl, {
+								children: [/* @__PURE__ */ Q(ll, {
 									class: "markup-comment-edit-input",
 									label: "Edit comment",
 									value: E.draft,
@@ -7436,7 +7496,7 @@ function Ol({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r,
 										children: "Save"
 									})]
 								})]
-							}) : /* @__PURE__ */ Q(Yc, {
+							}) : /* @__PURE__ */ Q(rl, {
 								body: t.body,
 								mentions: t.mentions
 							}),
@@ -7449,7 +7509,7 @@ function Ol({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r,
 									alt: "Screenshot"
 								})
 							}) : null,
-							!l && t.reactions.length > 0 ? /* @__PURE__ */ Q(Al, {
+							!l && t.reactions.length > 0 ? /* @__PURE__ */ Q(Rl, {
 								comment: t,
 								isResolved: ne,
 								onToggle: (e) => b(t._id, e)
@@ -7492,7 +7552,7 @@ function Ol({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r,
 							children: "team"
 						}) : null
 					]
-				}), /* @__PURE__ */ Q(rl, {
+				}), /* @__PURE__ */ Q(dl, {
 					label: "Reply",
 					placeholder: "Write a reply…",
 					submitLabel: "Reply",
@@ -7502,7 +7562,7 @@ function Ol({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r,
 					onSubmit: _,
 					members: f
 				})]
-			}) : /* @__PURE__ */ Q(xc, {
+			}) : /* @__PURE__ */ Q(kc, {
 				mode: n,
 				isPending: c,
 				isConnecting: a,
@@ -7515,7 +7575,7 @@ function Ol({ thread: e, authorName: t, authorPromptMode: n, currentClientId: r,
 		]
 	});
 }
-function kl({ comment: e, pickerOpen: t, pickerLeaving: n, pickerDirection: r, pickerSide: i, pickerRef: a, onPickerClick: o, onPickerSelect: s }) {
+function Ll({ comment: e, pickerOpen: t, pickerLeaving: n, pickerDirection: r, pickerSide: i, pickerRef: a, onPickerClick: o, onPickerSelect: s }) {
 	return /* @__PURE__ */ Q("div", {
 		class: Z("markup-reaction-picker-wrap", t && "is-open", t && r === "up" && "is-up", i && "is-side"),
 		ref: a,
@@ -7530,7 +7590,7 @@ function kl({ comment: e, pickerOpen: t, pickerLeaving: n, pickerDirection: r, p
 			class: Z("markup-reaction-picker", n && "is-leaving"),
 			role: "menu",
 			inert: n || void 0,
-			children: El.map((t) => /* @__PURE__ */ Q("button", {
+			children: Pl.map((t) => /* @__PURE__ */ Q("button", {
 				type: "button",
 				role: "menuitem",
 				class: Z("markup-reaction-picker-item", (e.reactions.find((e) => e.emoji === t)?.mine ?? !1) && "is-mine"),
@@ -7540,11 +7600,11 @@ function kl({ comment: e, pickerOpen: t, pickerLeaving: n, pickerDirection: r, p
 		}) : null]
 	});
 }
-function Al({ comment: e, isResolved: t, onToggle: n }) {
+function Rl({ comment: e, isResolved: t, onToggle: n }) {
 	return /* @__PURE__ */ Q("div", {
 		class: "markup-reactions",
 		children: e.reactions.map((e) => {
-			let r = jl(e.reactors, e.mine, e.count, e.emoji);
+			let r = zl(e.reactors, e.mine, e.count, e.emoji);
 			return /* @__PURE__ */ Q("button", {
 				type: "button",
 				class: Z("markup-reaction-chip", e.mine && "is-mine"),
@@ -7565,14 +7625,14 @@ function Al({ comment: e, isResolved: t, onToggle: n }) {
 		})
 	});
 }
-function jl(e, t, n, r) {
+function zl(e, t, n, r) {
 	let i = e.slice(), a = i.length + +!!t, o = Math.max(0, n - a);
 	return o > 0 && i.push(`${o} other${o === 1 ? "" : "s"}`), t && i.push("you"), i.length === 0 ? `${n} reacted with ${r}` : `${i.length === 1 ? i[0] : `${i.slice(0, -1).join(", ")} and ${i[i.length - 1]}`} reacted with ${r}`;
 }
-function Ml(e, t, n) {
+function Bl(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function Nl({ name: e, image: t, tone: n }) {
+function Vl({ name: e, image: t, tone: n }) {
 	let [r, i] = B(null);
 	return /* @__PURE__ */ Q("span", {
 		class: "markup-comment-avatar",
@@ -7588,11 +7648,11 @@ function Nl({ name: e, image: t, tone: n }) {
 			onError: () => i(t)
 		}) : /* @__PURE__ */ Q("span", {
 			class: "markup-avatar-initials",
-			children: Pl(e)
+			children: Hl(e)
 		})
 	});
 }
-function Pl(e) {
+function Hl(e) {
 	let t = e.trim();
 	if (!t) return "??";
 	let n = t.split(/\s+/).filter(Boolean), r = n[0] ?? "";
@@ -7600,12 +7660,12 @@ function Pl(e) {
 	let i = n[n.length - 1] ?? "";
 	return ((r[0] ?? "") + (i[0] ?? "")).toUpperCase();
 }
-function Fl(e) {
+function Ul(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) | 0;
 	return Math.abs(t) % 5 + 1;
 }
-function Il(e) {
+function Wl(e) {
 	let t = Date.now() - e, n = Math.floor(t / 1e3);
 	if (n < 60) return "just now";
 	let r = Math.floor(n / 60);
@@ -7622,7 +7682,7 @@ function Il(e) {
 		year: "numeric"
 	});
 }
-function Ll(e) {
+function Gl(e) {
 	return new Date(e).toLocaleDateString([], {
 		month: "long",
 		day: "numeric",
@@ -7633,17 +7693,19 @@ function Ll(e) {
 }
 //#endregion
 //#region src/runtime/ui/toolbar.tsx
-function Rl(e) {
+function Kl(e) {
 	e.stopPropagation();
 }
-function zl(e) {
-	Rl(e), e.target?.closest?.(".markup-tb-btn") && e.preventDefault();
-}
-function Bl({ isActive: e, onToggle: t, onHide: n, position: r = "bottom-right", unreadCount: i = 0, showInbox: a = !1, onOpenInbox: o, inboxOpen: s = !1, pinsVisible: c = !0, onTogglePins: l, identityButton: u, overflowButton: d, isLeaving: f = !1 }) {
+function ql({ isActive: e, onToggle: t, onHide: n, position: r = "bottom-right", unreadCount: i = 0, showInbox: a = !1, onOpenInbox: o, inboxOpen: s = !1, pinsVisible: c = !0, onTogglePins: l, identityButton: u, overflowButton: d, isLeaving: f = !1 }) {
 	let p = U(0);
 	i > 0 && (p.current = i);
-	let m = r === "bottom-left" ? "markup-toolbar-left" : r === "bottom-center" ? "markup-toolbar-center" : "markup-toolbar-right";
-	function h(e) {
+	let m = U(null);
+	H(() => {
+		let e = m.current;
+		return e ? yc(e) : void 0;
+	}, []);
+	let h = r === "bottom-left" ? "markup-toolbar-left" : r === "bottom-center" ? "markup-toolbar-center" : "markup-toolbar-right";
+	function g(e) {
 		if (e.preventDefault(), e.stopPropagation(), (e.metaKey || e.ctrlKey) && n) {
 			n();
 			return;
@@ -7651,15 +7713,16 @@ function Bl({ isActive: e, onToggle: t, onHide: n, position: r = "bottom-right",
 		t();
 	}
 	return /* @__PURE__ */ Q("div", {
-		class: Z("markup-toolbar", m, f && "is-leaving"),
+		ref: m,
+		class: Z("markup-toolbar", h, f && "is-leaving"),
 		role: "toolbar",
 		"aria-label": "Markup feedback toolbar",
 		"aria-hidden": f,
 		inert: f ? "" : void 0,
-		onPointerDown: Rl,
-		onMouseDown: zl,
-		onPointerUp: Rl,
-		onMouseUp: Rl,
+		onPointerDown: Kl,
+		onMouseDown: Kl,
+		onPointerUp: Kl,
+		onMouseUp: Kl,
 		children: [
 			/* @__PURE__ */ Q("button", {
 				type: "button",
@@ -7668,7 +7731,7 @@ function Bl({ isActive: e, onToggle: t, onHide: n, position: r = "bottom-right",
 				"data-armed": e ? "true" : void 0,
 				title: e ? "Cancel placing markup" : "Leave a markup",
 				"aria-pressed": e,
-				onClick: h,
+				onClick: g,
 				children: Q(e ? Ws : Qs, { size: 16 })
 			}),
 			a ? /* @__PURE__ */ Q("button", {
@@ -7722,8 +7785,8 @@ function Bl({ isActive: e, onToggle: t, onHide: n, position: r = "bottom-right",
 }
 //#endregion
 //#region src/runtime/ui/app.tsx
-var Vl = [], Hl = [], Ul = [], Wl = [{ key: "toolbar" }], Gl = [];
-function Kl(e) {
+var Jl = [], Yl = [], Xl = [], Zl = [{ key: "toolbar" }], Ql = [];
+function $l(e) {
 	let t = {
 		clientId: `markup_user_${e.identity.id}`,
 		name: e.identity.name,
@@ -7749,14 +7812,14 @@ function Kl(e) {
 		} : {}
 	};
 }
-function ql() {
+function eu() {
 	let e = document.activeElement;
 	for (; e && e.shadowRoot && e.shadowRoot.activeElement;) e = e.shadowRoot.activeElement;
 	if (!e) return !1;
 	let t = e.tagName;
 	return t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || e.isContentEditable;
 }
-var Jl = Vr({
+var tu = Vr({
 	visible: {
 		"hide-with-toast": () => ({ kind: "hidden-with-toast" }),
 		toggle: () => ({ kind: "hidden" })
@@ -7767,26 +7830,26 @@ var Jl = Vr({
 	},
 	hidden: { toggle: () => ({ kind: "visible" }) }
 });
-function Yl(e) {
+function nu(e) {
 	return ra(e), e;
 }
-var Xl = Vr({
+var ru = Vr({
 	unresolved: {
-		"mint-success": (e, t) => Yl({
+		"mint-success": (e, t) => nu({
 			kind: "anon",
 			identity: t.identity
 		}),
-		"signed-in": (e, t) => Yl({
+		"signed-in": (e, t) => nu({
 			kind: "verified",
 			identity: t.identity
 		})
 	},
 	anon: {
-		"signed-in": (e, t) => Yl({
+		"signed-in": (e, t) => nu({
 			kind: "verified",
 			identity: t.identity
 		}),
-		"author-set": (e, t) => Yl({
+		"author-set": (e, t) => nu({
 			kind: "anon",
 			identity: {
 				...e.identity,
@@ -7794,35 +7857,35 @@ var Xl = Vr({
 				email: t.email
 			}
 		}),
-		"forget-me": () => Yl({ kind: "unresolved" })
+		"forget-me": () => nu({ kind: "unresolved" })
 	},
 	verified: {
-		"signed-in": (e, t) => Yl({
+		"signed-in": (e, t) => nu({
 			kind: "verified",
 			identity: t.identity
 		}),
-		unauthorized: (e) => Yl({
+		unauthorized: (e) => nu({
 			kind: "recovering",
 			preserved: {
 				name: e.identity.name,
 				email: e.identity.email
 			}
 		}),
-		"signed-out": () => Yl({ kind: "unresolved" })
+		"signed-out": () => nu({ kind: "unresolved" })
 	},
 	recovering: {
-		"mint-success": (e, t) => Yl({
+		"mint-success": (e, t) => nu({
 			kind: "anon",
 			identity: t.identity
 		}),
-		"signed-in": (e, t) => Yl({
+		"signed-in": (e, t) => nu({
 			kind: "verified",
 			identity: t.identity
 		})
 	}
 });
-function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r, dashboardUrl: i, routeParams: a = Vl }) {
-	let [o, s] = B(() => ya(a)), [c, l] = B(() => xa(a)), [u, d] = B([]), [f, p] = B(!1), m = rt(() => na(), []), [h, g] = Hr(Xl, m.state), [_, v] = B(null);
+function iu({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r, dashboardUrl: i, routeParams: a = Jl }) {
+	let [o, s] = B(() => ya(a)), [c, l] = B(() => xa(a)), [u, d] = B([]), [f, p] = B(!1), m = rt(() => na(), []), [h, g] = Hr(ru, m.state), [_, v] = B(null);
 	V(() => {
 		let n = !1;
 		return Hi(e, t).then((e) => {
@@ -7888,7 +7951,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 			type: "patch",
 			update: e
 		});
-	}, [oe]), fe = Yr(), pe = Yr(), me = Yr(), he = Yr(), ge = Yr(), { run: _e, reset: ve } = fe, { run: ye } = pe, { run: xe, reset: Se } = me, { run: Ce } = he, { run: we } = ge, Te = ge.isPending, Ee = fe.isPending, De = fe.error ?? pe.error ?? me.error, [Oe, ke] = Hr(Jl, { kind: "visible" }), Ae = Oe.kind !== "visible", [je, I] = B(0), [Me, Ne] = B(0), L = U(null), Pe = aa(h), Fe = h.kind === "verified", Ie = h.kind === "unresolved" || h.kind === "recovering", Le = ia(h), [Re, ze] = B(Li), [Be, Ve] = B(null);
+	}, [oe]), fe = Yr(), pe = Yr(), me = Yr(), he = Yr(), ge = Yr(), { run: _e, reset: ve } = fe, { run: ye } = pe, { run: xe, reset: Se } = me, { run: Ce } = he, { run: we } = ge, Te = ge.isPending, Ee = fe.isPending, De = fe.error ?? pe.error ?? me.error, [Oe, ke] = Hr(tu, { kind: "visible" }), Ae = Oe.kind !== "visible", [je, I] = B(0), [Me, Ne] = B(0), L = U(null), Pe = aa(h), Fe = h.kind === "verified", Ie = h.kind === "unresolved" || h.kind === "recovering", Le = ia(h), [Re, ze] = B(Li), [Be, Ve] = B(null);
 	V(() => {
 		Ve(null), le.current += 1, oe({ type: "reset" });
 	}, [
@@ -8024,7 +8087,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 	}, [ve, Se]);
 	V(() => {
 		function e(e) {
-			e.key === "c" && (e.metaKey || e.ctrlKey || e.altKey || e.shiftKey || N.kind === "idle" && (Ae || ql() || (e.preventDefault(), z())));
+			e.key === "c" && (e.metaKey || e.ctrlKey || e.altKey || e.shiftKey || N.kind === "idle" && (Ae || eu() || (e.preventDefault(), z())));
 		}
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
@@ -8088,7 +8151,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 		});
 	}, [g]), $e = pe.isPending, et = W(async () => {
 		be("sign_in_started"), await ye(async () => {
-			let n = Kl(await fa({
+			let n = $l(await fa({
 				apiUrl: e,
 				apiKey: t,
 				useCookies: _ === !0
@@ -8333,7 +8396,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 			elements: xt.flatMap((e) => e.point.element ? [e.point.element] : [])
 		};
 	}, [xt]);
-	let Ct = vt.some((e) => e.anchorSelector != null), wt = $r(N.kind !== "placing" && !Ae && x ? xt : Hl, (e) => e.thread._id, 140), Tt = $r(!Ae || N.kind === "placing" || N.kind === "composing-new" ? Wl : Gl, (e) => e.key, 160), Et = [];
+	let Ct = vt.some((e) => e.anchorSelector != null), wt = $r(N.kind !== "placing" && !Ae && x ? xt : Yl, (e) => e.thread._id, 140), Tt = $r(!Ae || N.kind === "placing" || N.kind === "composing-new" ? Zl : Ql, (e) => e.key, 160), Et = [];
 	Oe.kind === "hidden-with-toast" && Et.push({
 		key: "hud-hidden",
 		body: /* @__PURE__ */ Q(S, { children: [
@@ -8355,7 +8418,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 		key: "signed-out",
 		body: "Signed out — commenting anonymously again."
 	});
-	let Dt = $r(Et, (e) => e.key, 220), Ot = $r(N.kind === "thread" && ht ? [ht] : Ul, (e) => e._id, 160), K = ei(N.kind === "composing-new" ? N : null, 160), kt = ei(O, 140);
+	let Dt = $r(Et, (e) => e.key, 220), Ot = $r(N.kind === "thread" && ht ? [ht] : Xl, (e) => e._id, 160), K = ei(N.kind === "composing-new" ? N : null, 160), kt = ei(O, 140);
 	return V(() => {
 		if (!Ct) return;
 		let e = null, t = !1;
@@ -8389,7 +8452,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 				class: "markup-pins-layer",
 				children: [wt.map(({ key: e, value: { thread: t, point: n }, isLeaving: r, enterDelayMs: i }) => {
 					let o = !r && N.kind === "thread" && N.threadId === t._id, s = t.comments.reduce((e, t) => e + +!t.deleted, 0);
-					return /* @__PURE__ */ Q(xl, {
+					return /* @__PURE__ */ Q(kl, {
 						pageX: n.pageX,
 						pageY: n.pageY,
 						count: s,
@@ -8406,17 +8469,17 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 							});
 						}
 					}, e);
-				}), K ? /* @__PURE__ */ Q(Sl, {
+				}), K ? /* @__PURE__ */ Q(Al, {
 					pageX: K.value.pageX,
 					pageY: K.value.pageY,
 					isLeaving: K.isLeaving
 				}) : null]
 			}),
-			N.kind === "placing" ? /* @__PURE__ */ Q(Cl, {
+			N.kind === "placing" ? /* @__PURE__ */ Q(jl, {
 				onPlace: Ze,
 				onCancel: Ye
 			}) : null,
-			Ot.map(({ key: e, value: t, isLeaving: n }) => /* @__PURE__ */ Q(Ol, {
+			Ot.map(({ key: e, value: t, isLeaving: n }) => /* @__PURE__ */ Q(Il, {
 				thread: t,
 				isLeaving: n,
 				authorName: Pe,
@@ -8441,7 +8504,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 				onDelete: nt,
 				onResolve: H
 			}, e)),
-			K ? /* @__PURE__ */ Q(ol, {
+			K ? /* @__PURE__ */ Q(ml, {
 				isLeaving: K.isLeaving,
 				pageX: K.value.pageX,
 				pageY: K.value.pageY,
@@ -8464,7 +8527,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 				onSubmit: tt,
 				onClose: Ye
 			}) : null,
-			Tt.map((t) => /* @__PURE__ */ Q(Bl, {
+			Tt.map((t) => /* @__PURE__ */ Q(ql, {
 				isLeaving: t.isLeaving,
 				isActive: N.kind === "placing",
 				onToggle: () => N.kind === "placing" ? Ye() : z(),
@@ -8479,7 +8542,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 				},
 				pinsVisible: x,
 				onTogglePins: () => C((e) => !e),
-				identityButton: /* @__PURE__ */ Q(mc, {
+				identityButton: /* @__PURE__ */ Q(Sc, {
 					identity: h,
 					position: y,
 					isSigningIn: $e,
@@ -8490,7 +8553,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 					onSignOut: mt,
 					onForgetMe: ft
 				}),
-				overflowButton: /* @__PURE__ */ Q(hl, {
+				overflowButton: /* @__PURE__ */ Q(Cl, {
 					position: y,
 					onSetPosition: b,
 					autoCapture: T && r?.enabled !== !1,
@@ -8508,18 +8571,18 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 					isForgettingMe: he.isPending,
 					forgetMeError: he.error,
 					onForgetMe: ft,
-					version: "1.27.1",
+					version: "1.27.2",
 					dashboardUrl: i
 				})
 			}, t.key)),
-			kt?.value === "inbox" && Fe ? /* @__PURE__ */ Q(bl, {
+			kt?.value === "inbox" && Fe ? /* @__PURE__ */ Q(Ol, {
 				kind: "inbox",
 				label: "Inbox",
 				position: y,
 				ignoreToolbarKind: "inbox",
 				isLeaving: kt.isLeaving,
 				onClose: A,
-				children: /* @__PURE__ */ Q(cl, {
+				children: /* @__PURE__ */ Q(gl, {
 					state: ae,
 					isMarkingAll: se,
 					onBack: A,
@@ -8529,7 +8592,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 					onMarkAllRead: at
 				})
 			}) : null,
-			Dt.map((e) => /* @__PURE__ */ Q(Ql, {
+			Dt.map((e) => /* @__PURE__ */ Q(au, {
 				position: y,
 				isLeaving: e.isLeaving,
 				children: e.value.body
@@ -8537,7 +8600,7 @@ function Zl({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 		]
 	});
 }
-function Ql({ position: e, isLeaving: t, children: n }) {
+function au({ position: e, isLeaving: t, children: n }) {
 	return /* @__PURE__ */ Q("div", {
 		class: Z("markup-hud-hidden-toast", e === "bottom-left" ? "markup-hud-hidden-toast-left" : e === "bottom-center" ? "markup-hud-hidden-toast-center" : "markup-hud-hidden-toast-right", t && "is-leaving"),
 		role: "status",
@@ -8548,7 +8611,7 @@ function Ql({ position: e, isLeaving: t, children: n }) {
 }
 //#endregion
 //#region src/runtime/mount.tsx
-function $l(e, t) {
+function ou(e, t) {
 	e.style.position = "fixed", e.style.inset = "0", e.style.zIndex = "2147483647", e.style.pointerEvents = "none", Re(e, t.theme ?? "auto");
 	let n = Ue(), r = e.attachShadow({ mode: "open" }), i = document.createElement("style");
 	i.textContent = le, r.appendChild(i);
@@ -8556,44 +8619,44 @@ function $l(e, t) {
 	a.className = "markup-shadow-root", r.appendChild(a), je({
 		apiUrl: t.apiUrl,
 		apiKey: t.apiKey,
-		widgetVersion: "1.27.1"
+		widgetVersion: "1.27.2"
 	}), ye(t.analytics === !1 ? null : {
 		apiUrl: t.apiUrl,
 		apiKey: t.apiKey,
-		widgetVersion: "1.27.1"
+		widgetVersion: "1.27.2"
 	}), be("widget_loaded");
 	let { theme: o, analytics: s, ...c } = t;
 	return ce(/* @__PURE__ */ Q(Ce, {
 		onError: (e) => I(e, { context: "render" }),
-		children: /* @__PURE__ */ Q(Zl, { ...c })
+		children: /* @__PURE__ */ Q(iu, { ...c })
 	}), a), () => {
 		n(), je(null), ye(null), ce(null, a);
 	};
 }
 //#endregion
 //#region src/widget.ts
-var eu = null, tu = null, nu = null, ru = !1;
-function iu(e) {
+var su = null, cu = null, lu = null, uu = !1;
+function du(e) {
 	if (!e.apiUrl || !e.apiKey) return console.warn("[markup] init() requires both apiUrl and apiKey, so the widget was not mounted"), () => {};
-	e.fab != null && !ru && (ru = !0, console.warn("[markup] the `fab` option is ignored and will be removed in the next major. The toolbar replaced the floating action button. Remove it from your config.")), au();
+	e.fab != null && !uu && (uu = !0, console.warn("[markup] the `fab` option is ignored and will be removed in the next major. The toolbar replaced the floating action button. Remove it from your config.")), fu();
 	let t = () => {
-		if (nu = null, !document.body) return;
+		if (lu = null, !document.body) return;
 		let t = document.createElement("div");
-		t.id = "markup-widget", document.body.appendChild(t), tu = t, eu = $l(t, e);
+		t.id = "markup-widget", document.body.appendChild(t), cu = t, su = ou(t, e);
 	};
 	if (document.readyState === "loading" || !document.body) {
 		let e = () => t();
-		nu = () => document.removeEventListener("DOMContentLoaded", e), document.addEventListener("DOMContentLoaded", e, { once: !0 });
+		lu = () => document.removeEventListener("DOMContentLoaded", e), document.addEventListener("DOMContentLoaded", e, { once: !0 });
 	} else t();
-	return au;
+	return fu;
 }
-function au() {
-	nu &&= (nu(), null), eu &&= (eu(), null), tu?.parentNode && tu.parentNode.removeChild(tu), tu = null;
+function fu() {
+	lu &&= (lu(), null), su &&= (su(), null), cu?.parentNode && cu.parentNode.removeChild(cu), cu = null;
 }
 if (typeof document < "u") {
 	let e = document.currentScript ?? document.querySelector("script[data-markup-widget=\"true\"]"), t = e?.dataset.apiUrl, n = e?.dataset.apiKey;
 	if (t && n) {
-		let r = e?.dataset.position, i = e?.dataset.theme, a = e?.dataset.fab, o = e?.dataset.dashboardUrl, s = e?.dataset.analytics !== "false", c = e?.dataset.routeParams?.split(",").map((e) => e.trim()).filter((e) => e !== ""), l = () => iu({
+		let r = e?.dataset.position, i = e?.dataset.theme, a = e?.dataset.fab, o = e?.dataset.dashboardUrl, s = e?.dataset.analytics !== "false", c = e?.dataset.routeParams?.split(",").map((e) => e.trim()).filter((e) => e !== ""), l = () => du({
 			apiUrl: t,
 			apiKey: n,
 			position: r,
@@ -8607,6 +8670,6 @@ if (typeof document < "u") {
 	}
 }
 //#endregion
-export { au as destroy, iu as init };
+export { fu as destroy, du as init };
 
 //# sourceMappingURL=widget.js.map