@pixelmatters/markup 1.4.0 → 1.4.1

package/dist/widget.js

@@ -2819,27 +2819,49 @@ function Ar(e) {
 	}
 }
 //#endregion
+//#region src/runtime/history-observer.ts
+var jr = "__markup_history_observer__", Mr = "__markup_history_listeners__";
+function Nr(e) {
+	e.forEach((e) => e());
+}
+function Pr() {
+	let e = history.pushState;
+	if (e[jr]) return e[Mr];
+	let t = /* @__PURE__ */ new Set(), n = history.pushState, r = history.replaceState;
+	function i(...e) {
+		n.apply(this, e), Nr(t);
+	}
+	function a(...e) {
+		r.apply(this, e), Nr(t);
+	}
+	return Object.defineProperty(i, jr, { value: 1 }), Object.defineProperty(i, Mr, { value: t }), Object.defineProperty(a, jr, { value: 1 }), history.pushState = i, history.replaceState = a, window.addEventListener("popstate", () => Nr(t)), t;
+}
+var Fr = null;
+function Ir(e) {
+	return Fr ||= Pr(), Fr.add(e), () => Fr.delete(e);
+}
+//#endregion
 //#region src/runtime/identity-store.ts
-var jr = "markup.identity";
-function Mr() {
+var Lr = "markup.identity";
+function Rr() {
 	try {
-		let e = localStorage.getItem(jr);
+		let e = localStorage.getItem(Lr);
 		return e ? JSON.parse(e) : null;
 	} catch {
 		return null;
 	}
 }
-function Nr(e) {
+function zr(e) {
 	try {
 		if (e == null) {
-			localStorage.removeItem(jr);
+			localStorage.removeItem(Lr);
 			return;
 		}
-		localStorage.setItem(jr, JSON.stringify(e));
+		localStorage.setItem(Lr, JSON.stringify(e));
 	} catch {}
 }
-function Pr() {
-	let e = Mr(), t = {
+function Br() {
+	let e = Rr(), t = {
 		name: e?.name,
 		email: e?.email
 	};
@@ -2874,10 +2896,10 @@ function Pr() {
 		preserved: t
 	};
 }
-function Fr(e) {
+function Vr(e) {
 	switch (e.kind) {
 		case "verified":
-			Nr({
+			zr({
 				clientId: e.identity.clientId,
 				token: e.identity.token,
 				tokenExpiresAt: e.identity.tokenExpiresAt,
@@ -2887,7 +2909,7 @@ function Fr(e) {
 			});
 			return;
 		case "anon":
-			Nr({
+			zr({
 				clientId: e.identity.clientId,
 				anonToken: e.identity.anonToken,
 				name: e.identity.name,
@@ -2895,23 +2917,23 @@ function Fr(e) {
 			});
 			return;
 		case "recovering":
-			Nr({
+			zr({
 				name: e.preserved.name,
 				email: e.preserved.email
 			});
 			return;
 		case "unresolved":
-			Nr(null);
+			zr(null);
 			return;
 	}
 }
-function Ir(e) {
+function Hr(e) {
 	if (e.kind === "anon" || e.kind === "verified") return e.identity.clientId;
 }
-function Lr(e) {
+function Ur(e) {
 	return e.kind === "anon" ? e.identity.name ?? null : e.kind === "verified" ? e.identity.name : null;
 }
-function Rr(e) {
+function Wr(e) {
 	if (e.kind === "anon") {
 		let t = e.identity.name;
 		return t ? {
@@ -2926,7 +2948,7 @@ function Rr(e) {
 }
 //#endregion
 //#region src/runtime/popup-auth.ts
-async function zr(e, t) {
+async function Gr(e, t) {
 	let n = new URL(e).origin, r;
 	try {
 		let n = await fetch(`${e.replace(/\/+$/, "")}/widget/popup-exchange`, {
@@ -2967,14 +2989,14 @@ async function zr(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/util.js
-function Br(e, t) {
+function Kr(e, t) {
 	if (e.match(/^[a-z]+:\/\//i)) return e;
 	if (e.match(/^\/\//)) return window.location.protocol + e;
 	if (e.match(/^[a-z]+:/i)) return e;
 	let n = document.implementation.createHTMLDocument(), r = n.createElement("base"), i = n.createElement("a");
 	return n.head.appendChild(r), n.body.appendChild(i), t && (r.href = t), i.href = e, i.href;
 }
-var Vr = (() => {
+var qr = (() => {
 	let e = 0, t = () => `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4);
 	return () => (e += 1, `u${t()}${e}`);
 })();
@@ -2983,29 +3005,29 @@ function Y(e) {
 	for (let n = 0, r = e.length; n < r; n++) t.push(e[n]);
 	return t;
 }
-var Hr = null;
-function Ur(e = {}) {
-	return Hr || (e.includeStyleProperties ? (Hr = e.includeStyleProperties, Hr) : (Hr = Y(window.getComputedStyle(document.documentElement)), Hr));
+var Jr = null;
+function Yr(e = {}) {
+	return Jr || (e.includeStyleProperties ? (Jr = e.includeStyleProperties, Jr) : (Jr = Y(window.getComputedStyle(document.documentElement)), Jr));
 }
-function Wr(e, t) {
+function Xr(e, t) {
 	let n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
 	return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function Gr(e) {
-	let t = Wr(e, "border-left-width"), n = Wr(e, "border-right-width");
+function Zr(e) {
+	let t = Xr(e, "border-left-width"), n = Xr(e, "border-right-width");
 	return e.clientWidth + t + n;
 }
-function Kr(e) {
-	let t = Wr(e, "border-top-width"), n = Wr(e, "border-bottom-width");
+function Qr(e) {
+	let t = Xr(e, "border-top-width"), n = Xr(e, "border-bottom-width");
 	return e.clientHeight + t + n;
 }
-function qr(e, t = {}) {
+function $r(e, t = {}) {
 	return {
-		width: t.width || Gr(e),
-		height: t.height || Kr(e)
+		width: t.width || Zr(e),
+		height: t.height || Qr(e)
 	};
 }
-function Jr() {
+function ei() {
 	let e, t;
 	try {
 		t = process;
@@ -3014,10 +3036,10 @@ function Jr() {
 	return n && (e = parseInt(n, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
 }
 var X = 16384;
-function Yr(e) {
+function ti(e) {
 	(e.width > X || e.height > X) && (e.width > X && e.height > X ? e.width > e.height ? (e.height *= X / e.width, e.width = X) : (e.width *= X / e.height, e.height = X) : e.width > X ? (e.height *= X / e.width, e.width = X) : (e.width *= X / e.height, e.height = X));
 }
-function Xr(e) {
+function ni(e) {
 	return new Promise((t, n) => {
 		let r = new Image();
 		r.onload = () => {
@@ -3027,12 +3049,12 @@ function Xr(e) {
 		}, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = e;
 	});
 }
-async function Zr(e) {
+async function ri(e) {
 	return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function Qr(e, t, n) {
+async function ii(e, t, n) {
 	let r = "http://www.w3.org/2000/svg", i = document.createElementNS(r, "svg"), a = document.createElementNS(r, "foreignObject");
-	return i.setAttribute("width", `${t}`), i.setAttribute("height", `${n}`), i.setAttribute("viewBox", `0 0 ${t} ${n}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), i.appendChild(a), a.appendChild(e), Zr(i);
+	return i.setAttribute("width", `${t}`), i.setAttribute("height", `${n}`), i.setAttribute("viewBox", `0 0 ${t} ${n}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), i.appendChild(a), a.appendChild(e), ri(i);
 }
 var Z = (e, t) => {
 	if (e instanceof t) return !0;
@@ -3041,66 +3063,66 @@ var Z = (e, t) => {
 };
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/clone-pseudos.js
-function $r(e) {
+function ai(e) {
 	let t = e.getPropertyValue("content");
 	return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function ei(e, t) {
-	return Ur(t).map((t) => `${t}: ${e.getPropertyValue(t)}${e.getPropertyPriority(t) ? " !important" : ""};`).join(" ");
+function oi(e, t) {
+	return Yr(t).map((t) => `${t}: ${e.getPropertyValue(t)}${e.getPropertyPriority(t) ? " !important" : ""};`).join(" ");
 }
-function ti(e, t, n, r) {
-	let i = `.${e}:${t}`, a = n.cssText ? $r(n) : ei(n, r);
+function si(e, t, n, r) {
+	let i = `.${e}:${t}`, a = n.cssText ? ai(n) : oi(n, r);
 	return document.createTextNode(`${i}{${a}}`);
 }
-function ni(e, t, n, r) {
+function ci(e, t, n, r) {
 	let i = window.getComputedStyle(e, n), a = i.getPropertyValue("content");
 	if (a === "" || a === "none") return;
-	let o = Vr();
+	let o = qr();
 	try {
 		t.className = `${t.className} ${o}`;
 	} catch {
 		return;
 	}
 	let s = document.createElement("style");
-	s.appendChild(ti(o, n, i, r)), t.appendChild(s);
+	s.appendChild(si(o, n, i, r)), t.appendChild(s);
 }
-function ri(e, t, n) {
-	ni(e, t, ":before", n), ni(e, t, ":after", n);
+function li(e, t, n) {
+	ci(e, t, ":before", n), ci(e, t, ":after", n);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/mimes.js
-var ii = "application/font-woff", ai = "image/jpeg", oi = {
-	woff: ii,
-	woff2: ii,
+var ui = "application/font-woff", di = "image/jpeg", fi = {
+	woff: ui,
+	woff2: ui,
 	ttf: "application/font-truetype",
 	eot: "application/vnd.ms-fontobject",
 	png: "image/png",
-	jpg: ai,
-	jpeg: ai,
+	jpg: di,
+	jpeg: di,
 	gif: "image/gif",
 	tiff: "image/tiff",
 	svg: "image/svg+xml",
 	webp: "image/webp"
 };
-function si(e) {
+function pi(e) {
 	let t = /\.([^./]*?)$/g.exec(e);
 	return t ? t[1] : "";
 }
-function ci(e) {
-	return oi[si(e).toLowerCase()] || "";
+function mi(e) {
+	return fi[pi(e).toLowerCase()] || "";
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/dataurl.js
-function li(e) {
+function hi(e) {
 	return e.split(/,/)[1];
 }
-function ui(e) {
+function gi(e) {
 	return e.search(/^(data:)/) !== -1;
 }
-function di(e, t) {
+function _i(e, t) {
 	return `data:${t};base64,${e}`;
 }
-async function fi(e, t, n) {
+async function vi(e, t, n) {
 	let r = await fetch(e, t);
 	if (r.status === 404) throw Error(`Resource "${r.url}" not found`);
 	let i = await r.blob();
@@ -3118,78 +3140,78 @@ async function fi(e, t, n) {
 		}, a.readAsDataURL(i);
 	});
 }
-var pi = {};
-function mi(e, t, n) {
+var yi = {};
+function bi(e, t, n) {
 	let r = e.replace(/\?.*/, "");
 	return n && (r = e), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), t ? `[${t}]${r}` : r;
 }
-async function hi(e, t, n) {
-	let r = mi(e, t, n.includeQueryParams);
-	if (pi[r] != null) return pi[r];
+async function xi(e, t, n) {
+	let r = bi(e, t, n.includeQueryParams);
+	if (yi[r] != null) return yi[r];
 	n.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
 	let i;
 	try {
-		i = di(await fi(e, n.fetchRequestInit, ({ res: e, result: n }) => (t ||= e.headers.get("Content-Type") || "", li(n))), t);
+		i = _i(await vi(e, n.fetchRequestInit, ({ res: e, result: n }) => (t ||= e.headers.get("Content-Type") || "", hi(n))), t);
 	} catch (t) {
 		i = n.imagePlaceholder || "";
 		let r = `Failed to fetch resource: ${e}`;
 		t && (r = typeof t == "string" ? t : t.message), r && console.warn(r);
 	}
-	return pi[r] = i, i;
+	return yi[r] = i, i;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/clone-node.js
-async function gi(e) {
+async function Si(e) {
 	let t = e.toDataURL();
-	return t === "data:," ? e.cloneNode(!1) : Xr(t);
+	return t === "data:," ? e.cloneNode(!1) : ni(t);
 }
-async function _i(e, t) {
+async function Ci(e, t) {
 	if (e.currentSrc) {
 		let t = document.createElement("canvas"), n = t.getContext("2d");
-		return t.width = e.clientWidth, t.height = e.clientHeight, n?.drawImage(e, 0, 0, t.width, t.height), Xr(t.toDataURL());
+		return t.width = e.clientWidth, t.height = e.clientHeight, n?.drawImage(e, 0, 0, t.width, t.height), ni(t.toDataURL());
 	}
 	let n = e.poster;
-	return Xr(await hi(n, ci(n), t));
+	return ni(await xi(n, mi(n), t));
 }
-async function vi(e, t) {
+async function wi(e, t) {
 	try {
-		if (e?.contentDocument?.body) return await Oi(e.contentDocument.body, t, !0);
+		if (e?.contentDocument?.body) return await Pi(e.contentDocument.body, t, !0);
 	} catch {}
 	return e.cloneNode(!1);
 }
-async function yi(e, t) {
-	return Z(e, HTMLCanvasElement) ? gi(e) : Z(e, HTMLVideoElement) ? _i(e, t) : Z(e, HTMLIFrameElement) ? vi(e, t) : e.cloneNode(xi(e));
+async function Ti(e, t) {
+	return Z(e, HTMLCanvasElement) ? Si(e) : Z(e, HTMLVideoElement) ? Ci(e, t) : Z(e, HTMLIFrameElement) ? wi(e, t) : e.cloneNode(Di(e));
 }
-var bi = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", xi = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
-async function Si(e, t, n) {
-	if (xi(t)) return t;
+var Ei = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", Di = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
+async function Oi(e, t, n) {
+	if (Di(t)) return t;
 	let r = [];
-	return r = bi(e) && e.assignedNodes ? Y(e.assignedNodes()) : Z(e, HTMLIFrameElement) && e.contentDocument?.body ? Y(e.contentDocument.body.childNodes) : Y((e.shadowRoot ?? e).childNodes), r.length === 0 || Z(e, HTMLVideoElement) || await r.reduce((e, r) => e.then(() => Oi(r, n)).then((e) => {
+	return r = Ei(e) && e.assignedNodes ? Y(e.assignedNodes()) : Z(e, HTMLIFrameElement) && e.contentDocument?.body ? Y(e.contentDocument.body.childNodes) : Y((e.shadowRoot ?? e).childNodes), r.length === 0 || Z(e, HTMLVideoElement) || await r.reduce((e, r) => e.then(() => Pi(r, n)).then((e) => {
 		e && t.appendChild(e);
 	}), Promise.resolve()), t;
 }
-function Ci(e, t, n) {
+function ki(e, t, n) {
 	let r = t.style;
 	if (!r) return;
 	let i = window.getComputedStyle(e);
-	i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : Ur(n).forEach((n) => {
+	i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : Yr(n).forEach((n) => {
 		let a = i.getPropertyValue(n);
 		n === "font-size" && a.endsWith("px") && (a = `${Math.floor(parseFloat(a.substring(0, a.length - 2))) - .1}px`), Z(e, HTMLIFrameElement) && n === "display" && a === "inline" && (a = "block"), n === "d" && t.getAttribute("d") && (a = `path(${t.getAttribute("d")})`), r.setProperty(n, a, i.getPropertyPriority(n));
 	});
 }
-function wi(e, t) {
+function Ai(e, t) {
 	Z(e, HTMLTextAreaElement) && (t.innerHTML = e.value), Z(e, HTMLInputElement) && t.setAttribute("value", e.value);
 }
-function Ti(e, t) {
+function ji(e, t) {
 	if (Z(e, HTMLSelectElement)) {
 		let n = t, r = Array.from(n.children).find((t) => e.value === t.getAttribute("value"));
 		r && r.setAttribute("selected", "");
 	}
 }
-function Ei(e, t, n) {
-	return Z(t, Element) && (Ci(e, t, n), ri(e, t, n), wi(e, t), Ti(e, t)), t;
+function Mi(e, t, n) {
+	return Z(t, Element) && (ki(e, t, n), li(e, t, n), Ai(e, t), ji(e, t)), t;
 }
-async function Di(e, t) {
+async function Ni(e, t) {
 	let n = e.querySelectorAll ? e.querySelectorAll("use") : [];
 	if (n.length === 0) return e;
 	let r = {};
@@ -3197,7 +3219,7 @@ async function Di(e, t) {
 		let a = n[i].getAttribute("xlink:href");
 		if (a) {
 			let n = e.querySelector(a), i = document.querySelector(a);
-			!n && i && !r[a] && (r[a] = await Oi(i, t, !0));
+			!n && i && !r[a] && (r[a] = await Pi(i, t, !0));
 		}
 	}
 	let i = Object.values(r);
@@ -3211,61 +3233,61 @@ async function Di(e, t) {
 	}
 	return e;
 }
-async function Oi(e, t, n) {
-	return !n && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((e) => yi(e, t)).then((n) => Si(e, n, t)).then((n) => Ei(e, n, t)).then((e) => Di(e, t));
+async function Pi(e, t, n) {
+	return !n && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((e) => Ti(e, t)).then((n) => Oi(e, n, t)).then((n) => Mi(e, n, t)).then((e) => Ni(e, t));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/embed-resources.js
-var ki = /url\((['"]?)([^'"]+?)\1\)/g, Ai = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, ji = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Mi(e) {
+var Fi = /url\((['"]?)([^'"]+?)\1\)/g, Ii = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Li = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Ri(e) {
 	let t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
 	return RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function Ni(e) {
+function zi(e) {
 	let t = [];
-	return e.replace(ki, (e, n, r) => (t.push(r), e)), t.filter((e) => !ui(e));
+	return e.replace(Fi, (e, n, r) => (t.push(r), e)), t.filter((e) => !gi(e));
 }
-async function Pi(e, t, n, r, i) {
+async function Bi(e, t, n, r, i) {
 	try {
-		let a = n ? Br(t, n) : t, o = ci(t), s;
-		return s = i ? di(await i(a), o) : await hi(a, o, r), e.replace(Mi(t), `$1${s}$3`);
+		let a = n ? Kr(t, n) : t, o = mi(t), s;
+		return s = i ? _i(await i(a), o) : await xi(a, o, r), e.replace(Ri(t), `$1${s}$3`);
 	} catch {}
 	return e;
 }
-function Fi(e, { preferredFontFormat: t }) {
-	return t ? e.replace(ji, (e) => {
+function Vi(e, { preferredFontFormat: t }) {
+	return t ? e.replace(Li, (e) => {
 		for (;;) {
-			let [n, , r] = Ai.exec(e) || [];
+			let [n, , r] = Ii.exec(e) || [];
 			if (!r) return "";
 			if (r === t) return `src: ${n};`;
 		}
 	}) : e;
 }
-function Ii(e) {
-	return e.search(ki) !== -1;
+function Hi(e) {
+	return e.search(Fi) !== -1;
 }
-async function Li(e, t, n) {
-	if (!Ii(e)) return e;
-	let r = Fi(e, n);
-	return Ni(r).reduce((e, r) => e.then((e) => Pi(e, r, t, n)), Promise.resolve(r));
+async function Ui(e, t, n) {
+	if (!Hi(e)) return e;
+	let r = Vi(e, n);
+	return zi(r).reduce((e, r) => e.then((e) => Bi(e, r, t, n)), Promise.resolve(r));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/embed-images.js
-async function Ri(e, t, n) {
+async function Wi(e, t, n) {
 	let r = t.style?.getPropertyValue(e);
 	if (r) {
-		let i = await Li(r, null, n);
+		let i = await Ui(r, null, n);
 		return t.style.setProperty(e, i, t.style.getPropertyPriority(e)), !0;
 	}
 	return !1;
 }
-async function zi(e, t) {
-	await Ri("background", e, t) || await Ri("background-image", e, t), await Ri("mask", e, t) || await Ri("-webkit-mask", e, t) || await Ri("mask-image", e, t) || await Ri("-webkit-mask-image", e, t);
+async function Gi(e, t) {
+	await Wi("background", e, t) || await Wi("background-image", e, t), await Wi("mask", e, t) || await Wi("-webkit-mask", e, t) || await Wi("mask-image", e, t) || await Wi("-webkit-mask-image", e, t);
 }
-async function Bi(e, t) {
+async function Ki(e, t) {
 	let n = Z(e, HTMLImageElement);
-	if (!(n && !ui(e.src)) && !(Z(e, SVGImageElement) && !ui(e.href.baseVal))) return;
-	let r = n ? e.src : e.href.baseVal, i = await hi(r, ci(r), t);
+	if (!(n && !gi(e.src)) && !(Z(e, SVGImageElement) && !gi(e.href.baseVal))) return;
+	let r = n ? e.src : e.href.baseVal, i = await xi(r, mi(r), t);
 	await new Promise((r, a) => {
 		e.onload = r, e.onerror = t.onImageErrorHandler ? (...e) => {
 			try {
@@ -3278,16 +3300,16 @@ async function Bi(e, t) {
 		o.decode &&= r, o.loading === "lazy" && (o.loading = "eager"), n ? (e.srcset = "", e.src = i) : e.href.baseVal = i;
 	});
 }
-async function Vi(e, t) {
-	let n = Y(e.childNodes).map((e) => Hi(e, t));
+async function qi(e, t) {
+	let n = Y(e.childNodes).map((e) => Ji(e, t));
 	await Promise.all(n).then(() => e);
 }
-async function Hi(e, t) {
-	Z(e, Element) && (await zi(e, t), await Bi(e, t), await Vi(e, t));
+async function Ji(e, t) {
+	Z(e, Element) && (await Gi(e, t), await Ki(e, t), await qi(e, t));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/apply-style.js
-function Ui(e, t) {
+function Yi(e, t) {
 	let { style: n } = e;
 	t.backgroundColor && (n.backgroundColor = t.backgroundColor), t.width && (n.width = `${t.width}px`), t.height && (n.height = `${t.height}px`);
 	let r = t.style;
@@ -3297,22 +3319,22 @@ function Ui(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/embed-webfonts.js
-var Wi = {};
-async function Gi(e) {
-	let t = Wi[e];
+var Xi = {};
+async function Zi(e) {
+	let t = Xi[e];
 	return t ?? (t = {
 		url: e,
 		cssText: await (await fetch(e)).text()
-	}, Wi[e] = t, t);
+	}, Xi[e] = t, t);
 }
-async function Ki(e, t) {
+async function Qi(e, t) {
 	let n = e.cssText, r = /url\(["']?([^"')]+)["']?\)/g, i = (n.match(/url\([^)]+\)/g) || []).map(async (i) => {
 		let a = i.replace(r, "$1");
-		return a.startsWith("https://") || (a = new URL(a, e.url).href), fi(a, t.fetchRequestInit, ({ result: e }) => (n = n.replace(i, `url(${e})`), [i, e]));
+		return a.startsWith("https://") || (a = new URL(a, e.url).href), vi(a, t.fetchRequestInit, ({ result: e }) => (n = n.replace(i, `url(${e})`), [i, e]));
 	});
 	return Promise.all(i).then(() => n);
 }
-function qi(e) {
+function $i(e) {
 	if (e == null) return [];
 	let t = [], n = e.replace(/(\/\*[\s\S]*?\*\/)/gi, ""), r = /* @__PURE__ */ RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
 	for (;;) {
@@ -3332,13 +3354,13 @@ function qi(e) {
 	}
 	return t;
 }
-async function Ji(e, t) {
+async function ea(e, t) {
 	let n = [], r = [];
 	return e.forEach((n) => {
 		if ("cssRules" in n) try {
 			Y(n.cssRules || []).forEach((e, i) => {
 				if (e.type === CSSRule.IMPORT_RULE) {
-					let a = i + 1, o = e.href, s = Gi(o).then((e) => Ki(e, t)).then((e) => qi(e).forEach((e) => {
+					let a = i + 1, o = e.href, s = Zi(o).then((e) => Qi(e, t)).then((e) => $i(e).forEach((e) => {
 						try {
 							n.insertRule(e, e.startsWith("@import") ? a += 1 : n.cssRules.length);
 						} catch (t) {
@@ -3355,7 +3377,7 @@ async function Ji(e, t) {
 			});
 		} catch (i) {
 			let a = e.find((e) => e.href == null) || document.styleSheets[0];
-			n.href != null && r.push(Gi(n.href).then((e) => Ki(e, t)).then((e) => qi(e).forEach((e) => {
+			n.href != null && r.push(Zi(n.href).then((e) => Qi(e, t)).then((e) => $i(e).forEach((e) => {
 				a.insertRule(e, a.cssRules.length);
 			})).catch((e) => {
 				console.error("Error loading remote stylesheet", e);
@@ -3371,36 +3393,36 @@ async function Ji(e, t) {
 		}
 	}), n));
 }
-function Yi(e) {
-	return e.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Ii(e.style.getPropertyValue("src")));
+function ta(e) {
+	return e.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Hi(e.style.getPropertyValue("src")));
 }
-async function Xi(e, t) {
+async function na(e, t) {
 	if (e.ownerDocument == null) throw Error("Provided element is not within a Document");
-	return Yi(await Ji(Y(e.ownerDocument.styleSheets), t));
+	return ta(await ea(Y(e.ownerDocument.styleSheets), t));
 }
-function Zi(e) {
+function ra(e) {
 	return e.trim().replace(/["']/g, "");
 }
-function Qi(e) {
+function ia(e) {
 	let t = /* @__PURE__ */ new Set();
 	function n(e) {
 		(e.style.fontFamily || getComputedStyle(e).fontFamily).split(",").forEach((e) => {
-			t.add(Zi(e));
+			t.add(ra(e));
 		}), Array.from(e.children).forEach((e) => {
 			e instanceof HTMLElement && n(e);
 		});
 	}
 	return n(e), t;
 }
-async function $i(e, t) {
-	let n = await Xi(e, t), r = Qi(e);
-	return (await Promise.all(n.filter((e) => r.has(Zi(e.style.fontFamily))).map((e) => {
+async function aa(e, t) {
+	let n = await na(e, t), r = ia(e);
+	return (await Promise.all(n.filter((e) => r.has(ra(e.style.fontFamily))).map((e) => {
 		let n = e.parentStyleSheet ? e.parentStyleSheet.href : null;
-		return Li(e.cssText, n, t);
+		return Ui(e.cssText, n, t);
 	}))).join("\n");
 }
-async function ea(e, t) {
-	let n = t.fontEmbedCSS == null ? t.skipFonts ? null : await $i(e, t) : t.fontEmbedCSS;
+async function oa(e, t) {
+	let n = t.fontEmbedCSS == null ? t.skipFonts ? null : await aa(e, t) : t.fontEmbedCSS;
 	if (n) {
 		let t = document.createElement("style"), r = document.createTextNode(n);
 		t.appendChild(r), e.firstChild ? e.insertBefore(t, e.firstChild) : e.appendChild(t);
@@ -3408,23 +3430,23 @@ async function ea(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/index.js
-async function ta(e, t = {}) {
-	let { width: n, height: r } = qr(e, t), i = await Oi(e, t, !0);
-	return await ea(i, t), await Hi(i, t), Ui(i, t), await Qr(i, n, r);
+async function sa(e, t = {}) {
+	let { width: n, height: r } = $r(e, t), i = await Pi(e, t, !0);
+	return await oa(i, t), await Ji(i, t), Yi(i, t), await ii(i, n, r);
 }
-async function na(e, t = {}) {
-	let { width: n, height: r } = qr(e, t), i = await Xr(await ta(e, t)), a = document.createElement("canvas"), o = a.getContext("2d"), s = t.pixelRatio || Jr(), c = t.canvasWidth || n, l = t.canvasHeight || r;
-	return a.width = c * s, a.height = l * s, t.skipAutoScale || Yr(a), a.style.width = `${c}`, a.style.height = `${l}`, t.backgroundColor && (o.fillStyle = t.backgroundColor, o.fillRect(0, 0, a.width, a.height)), o.drawImage(i, 0, 0, a.width, a.height), a;
+async function ca(e, t = {}) {
+	let { width: n, height: r } = $r(e, t), i = await ni(await sa(e, t)), a = document.createElement("canvas"), o = a.getContext("2d"), s = t.pixelRatio || ei(), c = t.canvasWidth || n, l = t.canvasHeight || r;
+	return a.width = c * s, a.height = l * s, t.skipAutoScale || ti(a), a.style.width = `${c}`, a.style.height = `${l}`, t.backgroundColor && (o.fillStyle = t.backgroundColor, o.fillRect(0, 0, a.width, a.height)), o.drawImage(i, 0, 0, a.width, a.height), a;
 }
 //#endregion
 //#region src/runtime/screenshot.ts
-var ra = 2 * 1024 * 1024;
-async function ia(e, t) {
+var la = 2 * 1024 * 1024;
+async function ua(e, t) {
 	try {
 		function n(t) {
 			return !(e && (t === e || e.contains(t)));
 		}
-		let r = window.innerWidth, i = window.innerHeight, a = Math.min(window.devicePixelRatio, 2), o = await na(document.documentElement, {
+		let r = window.innerWidth, i = window.innerHeight, a = Math.min(window.devicePixelRatio, 2), o = await ca(document.documentElement, {
 			width: r,
 			height: i,
 			cacheBust: !0,
@@ -3438,21 +3460,21 @@ async function ia(e, t) {
 		});
 		if (t) {
 			let e = o.getContext("2d");
-			e && oa(e, t.x, t.y, a);
+			e && fa(e, t.x, t.y, a);
 		}
-		let s = await aa(o, .85);
+		let s = await da(o, .85);
 		if (!s) return null;
-		if (s.size <= ra) return s;
-		let c = await aa(o, .5);
-		return !c || c.size > ra ? null : c;
+		if (s.size <= la) return s;
+		let c = await da(o, .5);
+		return !c || c.size > la ? null : c;
 	} catch {
 		return null;
 	}
 }
-function aa(e, t) {
+function da(e, t) {
 	return new Promise((n) => e.toBlob(n, "image/jpeg", t));
 }
-function oa(e, t, n, r) {
+function fa(e, t, n, r) {
 	let i = r, a = 28 * i, o = a / 2, s = t * i, c = n * i;
 	e.save();
 	let l = 2 * i;
@@ -3475,7 +3497,7 @@ function Q(...e) {
 }
 //#endregion
 //#region src/runtime/use-drag.ts
-function sa(e) {
+function pa(e) {
 	let t = z(e);
 	t.current = e;
 	let [n, r] = L(!1), i = z(!1);
@@ -3504,8 +3526,8 @@ function sa(e) {
 					g = !0, i.current = !0, r(!0), t.current.onStart?.();
 				}
 				let o = Math.max(m, window.innerWidth - d - m), v = Math.max(m, window.innerHeight - f - m), y = {
-					left: ca(l + n, m, o),
-					top: ca(u + a, m, v)
+					left: ma(l + n, m, o),
+					top: ma(u + a, m, v)
 				};
 				_ = y, t.current.onMove(y);
 			}
@@ -3521,12 +3543,12 @@ function sa(e) {
 		consumeClickIfDragged: B(() => i.current ? (i.current = !1, !0) : !1, [])
 	};
 }
-function ca(e, t, n) {
+function ma(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
-var la = 0;
+var ha = 0;
 Array.isArray;
 function $(e, n, r, i, a, o) {
 	n ||= {};
@@ -3543,7 +3565,7 @@ function $(e, n, r, i, a, o) {
 		__e: null,
 		__c: null,
 		constructor: void 0,
-		__v: --la,
+		__v: --ha,
 		__i: -1,
 		__u: 0,
 		__source: a,
@@ -3554,7 +3576,7 @@ function $(e, n, r, i, a, o) {
 }
 //#endregion
 //#region src/runtime/ui/icons.tsx
-function ua({ size: e = 16 }) {
+function ga({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3564,7 +3586,7 @@ function ua({ size: e = 16 }) {
 		children: /* @__PURE__ */ $("path", { d: "M63.4561 0.00557731C70.6277 -0.0175584 76.9025 1.04088 83.5898 3.71066C97.7952 9.43043 109.186 20.5001 115.311 34.5359C119.708 44.8002 120.746 54.7869 119.156 65.8171C116.857 82.7956 105.129 98.8382 90.0566 106.846C83.4394 110.362 74.7336 113.029 67.2051 113.271C62.4204 113.425 61.1274 113.32 56.6807 115.204C50.2035 117.858 43.6874 120.417 37.1348 122.879C34.8442 123.763 32.3203 124.902 29.9404 125.51C29.4023 125.648 28.1978 125.009 27.7598 124.646C26.9046 123.951 27.0582 122.505 27.0264 121.484C26.8123 114.646 27.3302 107.458 26.8604 100.656C25.1578 98.6714 22.4026 96.603 20.3086 94.1989C12.1853 84.8731 7.05334 73.9949 6.18164 61.6101C4.95583 46.292 9.97176 31.1285 20.0908 19.5632C29.989 8.13202 44.0369 1.11921 59.1221 0.0788195C60.2694 -0.0356049 62.2637 0.00944821 63.4561 0.00557731ZM92.2676 55.7497C91.5754 39.5314 77.8207 26.9725 61.6064 27.7536C45.5175 28.5287 33.0758 42.1537 33.7627 58.2468C34.4496 74.3398 48.007 86.8553 64.1035 86.2566C80.3254 85.6533 92.9599 71.968 92.2676 55.7497Z" })
 	});
 }
-function da({ size: e = 16 }) {
+function _a({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3573,7 +3595,7 @@ function da({ size: e = 16 }) {
 		children: /* @__PURE__ */ $("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" })
 	});
 }
-function fa({ size: e = 16 }) {
+function va({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3582,7 +3604,7 @@ function fa({ size: e = 16 }) {
 		children: /* @__PURE__ */ $("path", { d: "M3 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM8.5 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM15.5 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })
 	});
 }
-function pa({ size: e = 16 }) {
+function ya({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3595,7 +3617,7 @@ function pa({ size: e = 16 }) {
 		})
 	});
 }
-function ma({ size: e = 16 }) {
+function ba({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3609,7 +3631,7 @@ function ma({ size: e = 16 }) {
 		})
 	});
 }
-function ha({ size: e = 16 }) {
+function xa({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3618,7 +3640,7 @@ function ha({ size: e = 16 }) {
 		children: /* @__PURE__ */ $("path", { d: "M2.87 2.298a.75.75 0 0 0-.812 1.021L3.39 6.624a1 1 0 0 0 .928.626H8.25a.75.75 0 0 1 0 1.5H4.318a1 1 0 0 0-.927.626l-1.333 3.305a.75.75 0 0 0 .811 1.022 24.89 24.89 0 0 0 11.668-5.115.75.75 0 0 0 0-1.175A24.89 24.89 0 0 0 2.869 2.298Z" })
 	});
 }
-function ga({ size: e = 16 }) {
+function Sa({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3630,8 +3652,8 @@ function ga({ size: e = 16 }) {
 }
 //#endregion
 //#region src/runtime/ui/fab.tsx
-function _a({ active: e, onToggle: t, onHide: n, position: r = "bottom-right", onPositionChange: i, variant: a = "default" }) {
-	let o = a === "icon-only", s = r === "bottom-left" ? "markup-fab-left" : "markup-fab-right", [c, l] = L(null), { onPointerDown: u, isDragging: d, consumeClickIfDragged: f } = sa({
+function Ca({ active: e, onToggle: t, onHide: n, position: r = "bottom-right", onPositionChange: i, variant: a = "default" }) {
+	let o = a === "icon-only", s = r === "bottom-left" ? "markup-fab-left" : "markup-fab-right", [c, l] = L(null), { onPointerDown: u, isDragging: d, consumeClickIfDragged: f } = pa({
 		preventDefault: !0,
 		stopPropagation: !0,
 		onMove: l,
@@ -3663,7 +3685,7 @@ function _a({ active: e, onToggle: t, onHide: n, position: r = "bottom-right", o
 		"aria-pressed": e,
 		children: [/* @__PURE__ */ $("span", {
 			class: "markup-fab-icon",
-			children: $(e ? da : ua, { size: 16 })
+			children: $(e ? _a : ga, { size: 16 })
 		}), o ? null : /* @__PURE__ */ $("span", {
 			class: "markup-fab-label",
 			children: e ? "Cancel" : "Markup"
@@ -3672,7 +3694,7 @@ function _a({ active: e, onToggle: t, onHide: n, position: r = "bottom-right", o
 }
 //#endregion
 //#region src/runtime/use-focus-trap.ts
-var va = [
+var wa = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -3680,14 +3702,14 @@ var va = [
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(",");
-function ya(e, t) {
+function Ta(e, t) {
 	R(() => {
 		if (!t) return;
 		let n = e.current;
 		if (!n) return;
 		function r(e) {
 			if (e.key !== "Tab") return;
-			let t = Array.from(n.querySelectorAll(va)), r = t[0], i = t[t.length - 1];
+			let t = Array.from(n.querySelectorAll(wa)), 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());
@@ -3697,7 +3719,7 @@ function ya(e, t) {
 }
 //#endregion
 //#region src/runtime/use-object-url.ts
-function ba(e) {
+function Ea(e) {
 	let [t, n] = L(null);
 	return R(() => {
 		if (!e) {
@@ -3710,7 +3732,7 @@ function ba(e) {
 }
 //#endregion
 //#region src/runtime/ui/author-prompt.tsx
-function xa({ pending: e, connecting: t = !1, signingIn: n = !1, onSubmit: r, onCancel: i, onSignIn: a }) {
+function Da({ pending: e, connecting: t = !1, signingIn: n = !1, onSubmit: r, onCancel: i, onSignIn: a }) {
 	let [o, s] = L(""), [c, l] = L(""), u = z(null);
 	R(() => {
 		u.current?.focus();
@@ -3789,8 +3811,8 @@ function xa({ pending: e, connecting: t = !1, signingIn: n = !1, onSubmit: r, on
 }
 //#endregion
 //#region src/runtime/ui/composer.tsx
-var Sa = 4e3;
-function Ca({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "Post", initialFocus: r = !0, pending: i, error: a, onSubmit: o }) {
+var Oa = 4e3;
+function ka({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "Post", initialFocus: r = !0, pending: i, error: a, onSubmit: o }) {
 	let [s, c] = L(""), l = z(null), u = z(!1);
 	R(() => {
 		r && l.current?.focus();
@@ -3800,7 +3822,7 @@ function Ca({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 	}, [s]), R(() => {
 		u.current && !i && !a && (c(""), l.current?.focus()), u.current = i;
 	}, [i, a]);
-	let d = Sa - s.length, f = d < 0;
+	let d = Oa - s.length, f = d < 0;
 	function p(e) {
 		e?.preventDefault();
 		let t = s.trim();
@@ -3818,7 +3840,7 @@ function Ca({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 			"aria-label": i ? "Sending…" : n,
 			title: i ? "Sending…" : n,
 			tabIndex: e,
-			children: /* @__PURE__ */ $(ha, { size: 14 })
+			children: /* @__PURE__ */ $(xa, { size: 14 })
 		});
 	}
 	return /* @__PURE__ */ $("form", {
@@ -3831,7 +3853,7 @@ function Ca({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 				class: "markup-composer-input",
 				placeholder: t,
 				rows: h ? 2 : 1,
-				maxLength: Sa + 100,
+				maxLength: Oa + 100,
 				value: s,
 				onInput: (e) => c(e.currentTarget.value),
 				onKeyDown: m,
@@ -3867,10 +3889,10 @@ function Ca({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 }
 //#endregion
 //#region src/runtime/ui/new-thread-popover.tsx
-function wa({ pageX: e, pageY: t, authorName: n, isVerified: r, identityResolving: i, signingIn: a, pending: o, error: s, screenshot: c, screenshotCapturing: l, onAuthor: u, onSignIn: d, onSubmit: f, onClose: p }) {
+function Aa({ pageX: e, pageY: t, authorName: n, isVerified: r, identityResolving: i, signingIn: a, pending: o, error: s, screenshot: c, screenshotCapturing: l, onAuthor: u, onSignIn: d, onSubmit: f, onClose: p }) {
 	let m = z(null);
-	ya(m, !0);
-	let [h, g] = L(!1), _ = ba(c), [v, y] = L(null), { onPointerDown: b, isDragging: x } = sa({
+	Ta(m, !0);
+	let [h, g] = L(!1), _ = Ea(c), [v, y] = L(null), { onPointerDown: b, isDragging: x } = pa({
 		targetRef: m,
 		shouldStart: (e) => !e.target?.closest("button, a, input, textarea, select"),
 		onMove: y
@@ -3886,7 +3908,7 @@ function wa({ pageX: e, pageY: t, authorName: n, isVerified: r, identityResolvin
 		}
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
 	}, [p]);
-	let S = Ta(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), C = Ta(t - window.scrollY - 16, 12, window.innerHeight - 220), w = c != null, T = l || w;
+	let S = ja(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), C = ja(t - window.scrollY - 16, 12, window.innerHeight - 220), w = c != null, T = l || w;
 	return /* @__PURE__ */ $("div", {
 		ref: m,
 		class: Q("markup-popover", v && "is-floating", x && "is-dragging"),
@@ -3908,9 +3930,9 @@ function wa({ pageX: e, pageY: t, authorName: n, isVerified: r, identityResolvin
 				class: "markup-icon-btn",
 				"aria-label": "Discard pin",
 				onClick: p,
-				children: /* @__PURE__ */ $(da, { size: 16 })
+				children: /* @__PURE__ */ $(_a, { size: 16 })
 			})]
-		}), n == null ? /* @__PURE__ */ $(xa, {
+		}), n == null ? /* @__PURE__ */ $(Da, {
 			pending: o,
 			connecting: i,
 			signingIn: a,
@@ -3934,7 +3956,7 @@ function wa({ pageX: e, pageY: t, authorName: n, isVerified: r, identityResolvin
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ $(Ca, {
+				/* @__PURE__ */ $(ka, {
 					label: "Feedback",
 					placeholder: "What's wrong, missing, or worth noting?",
 					submitLabel: "Post markup",
@@ -3952,7 +3974,7 @@ function wa({ pageX: e, pageY: t, authorName: n, isVerified: r, identityResolvin
 								class: "markup-screenshot-checkbox",
 								disabled: !0
 							}),
-							/* @__PURE__ */ $(ma, { size: 12 }),
+							/* @__PURE__ */ $(ba, { size: 12 }),
 							/* @__PURE__ */ $("span", { children: "Capturing…" })
 						]
 					}) : /* @__PURE__ */ $("label", {
@@ -3964,7 +3986,7 @@ function wa({ pageX: e, pageY: t, authorName: n, isVerified: r, identityResolvin
 								checked: h,
 								onChange: (e) => g(e.currentTarget.checked)
 							}),
-							/* @__PURE__ */ $(ma, { size: 12 }),
+							/* @__PURE__ */ $(ba, { size: 12 }),
 							/* @__PURE__ */ $("span", { children: "Attach screenshot" }),
 							_ && h ? /* @__PURE__ */ $("img", {
 								class: "markup-screenshot-thumb",
@@ -3978,12 +4000,12 @@ function wa({ pageX: e, pageY: t, authorName: n, isVerified: r, identityResolvin
 		})]
 	});
 }
-function Ta(e, t, n) {
+function ja(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
 //#endregion
 //#region src/runtime/ui/pin.tsx
-function Ea({ pageX: e, pageY: t, count: n, active: r, onClick: i }) {
+function Ma({ pageX: e, pageY: t, count: n, active: r, onClick: i }) {
 	let a = t - window.scrollY, o = e - window.scrollX;
 	return /* @__PURE__ */ $("button", {
 		type: "button",
@@ -4006,7 +4028,7 @@ function Ea({ pageX: e, pageY: t, count: n, active: r, onClick: i }) {
 		}) : null]
 	});
 }
-function Da({ pageX: e, pageY: t }) {
+function Na({ pageX: e, pageY: t }) {
 	let n = t - window.scrollY, r = e - window.scrollX;
 	return /* @__PURE__ */ $("div", {
 		class: "markup-pin markup-pin-ghost is-anchor",
@@ -4022,7 +4044,7 @@ function Da({ pageX: e, pageY: t }) {
 }
 //#endregion
 //#region src/runtime/ui/placement-overlay.tsx
-function Oa({ onPlace: e, onCancel: t }) {
+function Pa({ onPlace: e, onCancel: t }) {
 	R(() => {
 		function e(e) {
 			e.key === "Escape" && t();
@@ -4048,7 +4070,7 @@ function Oa({ onPlace: e, onCancel: t }) {
 }
 //#endregion
 //#region src/runtime/ui/thread-popover.tsx
-var ka = [
+var Fa = [
 	"👍",
 	"❤️",
 	"🎉",
@@ -4056,13 +4078,13 @@ var ka = [
 	"😄",
 	"❓"
 ];
-function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, identityResolving: i, signingIn: a, canDelete: o, pending: s, error: c, hidden: l = !1, onAuthor: u, onSignIn: d, onClose: f, onReply: p, onEditComment: m, onDeleteComment: h, onToggleReaction: g, onResolve: _, onDelete: v }) {
-	let y = z(null), b = z(null), x = z(null), S = z(null), [C, w] = L({ kind: "none" }), [T, E] = L(null), { onPointerDown: D, isDragging: O } = sa({
+function Ia({ thread: e, authorName: t, currentClientId: n, isVerified: r, identityResolving: i, signingIn: a, canDelete: o, pending: s, error: c, hidden: l = !1, onAuthor: u, onSignIn: d, onClose: f, onReply: p, onEditComment: m, onDeleteComment: h, onToggleReaction: g, onResolve: _, onDelete: v }) {
+	let y = z(null), b = z(null), x = z(null), S = z(null), [C, w] = L({ kind: "none" }), [T, E] = L(null), { onPointerDown: D, isDragging: O } = pa({
 		targetRef: y,
 		shouldStart: (e) => !e.target?.closest("button, a, input, textarea, select"),
 		onMove: E
 	});
-	ya(y, !0);
+	Ta(y, !0);
 	let k = e.resolvedAt != null, A = we(() => e.comments.filter((e) => !e.deleted), [e.comments]);
 	R(() => {
 		if (C.kind === "none" || C.kind === "editing") return;
@@ -4104,8 +4126,8 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 			anchorSelector: e.anchorSelector
 		});
 		return {
-			left: Pa(t.pageX - window.scrollX + 16, 12, window.innerWidth - 320 - 12),
-			top: Pa(t.pageY - window.scrollY - 16, 12, window.innerHeight - 200)
+			left: Ba(t.pageX - window.scrollX + 16, 12, window.innerWidth - 320 - 12),
+			top: Ba(t.pageY - window.scrollY - 16, 12, window.innerHeight - 200)
 		};
 	}, [
 		e.anchorX,
@@ -4154,7 +4176,7 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 										confirmDelete: !1
 									});
 								},
-								children: /* @__PURE__ */ $(fa, { size: 16 })
+								children: /* @__PURE__ */ $(va, { size: 16 })
 							}), C.kind === "thread-menu" ? /* @__PURE__ */ $("div", {
 								class: "markup-thread-menu-list",
 								children: [/* @__PURE__ */ $("button", {
@@ -4185,14 +4207,14 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 							title: "Mark as resolved",
 							disabled: s,
 							onClick: _,
-							children: /* @__PURE__ */ $(pa, { size: 16 })
+							children: /* @__PURE__ */ $(ya, { size: 16 })
 						}) : null,
 						/* @__PURE__ */ $("button", {
 							type: "button",
 							class: "markup-icon-btn",
 							title: "Close thread",
 							onClick: f,
-							children: /* @__PURE__ */ $(da, { size: 16 })
+							children: /* @__PURE__ */ $(_a, { size: 16 })
 						})
 					]
 				})]
@@ -4219,12 +4241,12 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 									/* @__PURE__ */ $("time", {
 										class: "markup-comment-time",
 										datetime: new Date(t.createdAt).toISOString(),
-										title: Ia(t.createdAt),
-										children: Fa(t.createdAt)
+										title: Ha(t.createdAt),
+										children: Va(t.createdAt)
 									}),
 									/* @__PURE__ */ $("div", {
 										class: "markup-thread-actions",
-										children: [!k && !l ? /* @__PURE__ */ $(ja, {
+										children: [!k && !l ? /* @__PURE__ */ $(La, {
 											comment: t,
 											pickerOpen: p,
 											pickerDirection: _,
@@ -4286,7 +4308,7 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 														confirmDelete: !1
 													});
 												},
-												children: /* @__PURE__ */ $(fa, { size: 16 })
+												children: /* @__PURE__ */ $(va, { size: 16 })
 											}), d ? /* @__PURE__ */ $("div", {
 												class: "markup-thread-menu-list",
 												children: [o ? /* @__PURE__ */ $("button", {
@@ -4362,7 +4384,7 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 								children: [t.body, t.editedAt == null ? null : /* @__PURE__ */ $("time", {
 									class: "markup-comment-edited",
 									datetime: new Date(t.editedAt).toISOString(),
-									title: Ia(t.editedAt),
+									title: Ha(t.editedAt),
 									children: [" ", "(edited)"]
 								})]
 							}),
@@ -4375,7 +4397,7 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 									alt: "Screenshot"
 								})
 							}) : null,
-							!l && t.reactions.length > 0 ? /* @__PURE__ */ $(Ma, {
+							!l && t.reactions.length > 0 ? /* @__PURE__ */ $(Ra, {
 								comment: t,
 								isResolved: k,
 								onToggle: (e) => g(t._id, e)
@@ -4395,7 +4417,7 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 					onClick: (e) => {
 						e.stopPropagation(), x.current?.close();
 					},
-					children: /* @__PURE__ */ $(da, { size: 16 })
+					children: /* @__PURE__ */ $(_a, { size: 16 })
 				}), /* @__PURE__ */ $("img", {
 					class: "markup-lightbox-img",
 					src: e.screenshotUrl,
@@ -4403,7 +4425,7 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 					onClick: (e) => e.stopPropagation()
 				})]
 			}) : null,
-			t == null ? /* @__PURE__ */ $(xa, {
+			t == null ? /* @__PURE__ */ $(Da, {
 				pending: s,
 				connecting: i,
 				signingIn: a,
@@ -4425,7 +4447,7 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 							children: "team"
 						}) : null
 					]
-				}), /* @__PURE__ */ $(Ca, {
+				}), /* @__PURE__ */ $(ka, {
 					label: "Reply",
 					placeholder: "Write a reply…",
 					submitLabel: "Reply",
@@ -4438,7 +4460,7 @@ function Aa({ thread: e, authorName: t, currentClientId: n, isVerified: r, ident
 		]
 	});
 }
-function ja({ comment: e, pickerOpen: t, pickerDirection: n, pickerSide: r, pickerRef: i, onPickerClick: a, onPickerSelect: o }) {
+function La({ comment: e, pickerOpen: t, pickerDirection: n, pickerSide: r, pickerRef: i, onPickerClick: a, onPickerSelect: o }) {
 	return /* @__PURE__ */ $("div", {
 		class: Q("markup-reaction-picker-wrap", t && "is-open", t && n === "up" && "is-up", r && "is-side"),
 		ref: i,
@@ -4448,11 +4470,11 @@ function ja({ comment: e, pickerOpen: t, pickerDirection: n, pickerSide: r, pick
 			title: "Add reaction",
 			"aria-label": "Add reaction",
 			onClick: a,
-			children: /* @__PURE__ */ $(ga, { size: 16 })
+			children: /* @__PURE__ */ $(Sa, { size: 16 })
 		}), t ? /* @__PURE__ */ $("div", {
 			class: "markup-reaction-picker",
 			role: "menu",
-			children: ka.map((t) => /* @__PURE__ */ $("button", {
+			children: Fa.map((t) => /* @__PURE__ */ $("button", {
 				type: "button",
 				role: "menuitem",
 				class: Q("markup-reaction-picker-item", (e.reactions.find((e) => e.emoji === t)?.mine ?? !1) && "is-mine"),
@@ -4462,11 +4484,11 @@ function ja({ comment: e, pickerOpen: t, pickerDirection: n, pickerSide: r, pick
 		}) : null]
 	});
 }
-function Ma({ comment: e, isResolved: t, onToggle: n }) {
+function Ra({ comment: e, isResolved: t, onToggle: n }) {
 	return /* @__PURE__ */ $("div", {
 		class: "markup-reactions",
 		children: e.reactions.map((e) => {
-			let r = Na(e.reactors, e.mine, e.count, e.emoji);
+			let r = za(e.reactors, e.mine, e.count, e.emoji);
 			return /* @__PURE__ */ $("button", {
 				type: "button",
 				class: Q("markup-reaction-chip", e.mine && "is-mine"),
@@ -4487,14 +4509,14 @@ function Ma({ comment: e, isResolved: t, onToggle: n }) {
 		})
 	});
 }
-function Na(e, t, n, r) {
+function za(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 Pa(e, t, n) {
+function Ba(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function Fa(e) {
+function Va(e) {
 	let t = Date.now() - e, n = Math.floor(t / 1e3);
 	if (n < 60) return "just now";
 	let r = Math.floor(n / 60);
@@ -4511,7 +4533,7 @@ function Fa(e) {
 		year: "numeric"
 	});
 }
-function Ia(e) {
+function Ha(e) {
 	return new Date(e).toLocaleDateString([], {
 		month: "long",
 		day: "numeric",
@@ -4522,7 +4544,7 @@ function Ia(e) {
 }
 //#endregion
 //#region src/runtime/ui/app.tsx
-function La(e) {
+function Ua(e) {
 	return !e.token || e.tokenExpiresAt == null ? null : {
 		clientId: `markup_user_${e.identity.id}`,
 		token: e.token,
@@ -4531,11 +4553,11 @@ function La(e) {
 		email: e.identity.email
 	};
 }
-function Ra() {
+function Wa() {
 	return window.location.host + window.location.pathname;
 }
-function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "default" }) {
-	let [i, a] = L(Ra), [o, s] = L([]), [c, l] = L(!1), [u, d] = L({ kind: "unresolved" }), [f, p] = L(n), m = z(u);
+function Ga({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "default" }) {
+	let [i, a] = L(Wa), [o, s] = L([]), [c, l] = L(!1), [u, d] = L({ kind: "unresolved" }), [f, p] = L(n), m = z(u);
 	m.current = u;
 	let [h, g] = L(0), _ = we(() => kr({
 		apiUrl: e,
@@ -4561,11 +4583,11 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 					email: e.identity.email
 				}
 			};
-			m.current = t, d(t), Fr(t), g((e) => e + 1);
+			m.current = t, d(t), Vr(t), g((e) => e + 1);
 		}
-	}), [e, t]), [v, y] = L({ kind: "idle" }), [b, x] = L(!1), [S, C] = L(null), [w, T] = L(!1), [E, D] = L(!1), [, O] = L(0), k = z(null), A = Lr(u), j = u.kind === "verified", M = u.kind === "unresolved" || u.kind === "recovering", N = Ir(u);
+	}), [e, t]), [v, y] = L({ kind: "idle" }), [b, x] = L(!1), [S, C] = L(null), [w, T] = L(!1), [E, D] = L(!1), [, O] = L(0), k = z(null), A = Ur(u), j = u.kind === "verified", M = u.kind === "unresolved" || u.kind === "recovering", N = Hr(u);
 	R(() => {
-		let { state: e, preserved: t } = Pr();
+		let { state: e, preserved: t } = Br();
 		if (e.kind === "anon" || e.kind === "verified") {
 			d(e);
 			return;
@@ -4583,7 +4605,7 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 						email: t.email
 					}
 				};
-				Fr(i), d(i);
+				Vr(i), d(i);
 			}).catch(() => {
 				n || (r = setTimeout(a, Math.min(i, 3e4)), i = Math.min(i * 2, 3e4));
 			});
@@ -4643,21 +4665,7 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 			}), history.replaceState(null, "", window.location.pathname + window.location.search);
 		}
 		ie.current = !0;
-	}, [o, c]), R(() => {
-		let e = !0;
-		function t() {
-			e && a(Ra());
-		}
-		window.addEventListener("popstate", t);
-		let n = history.pushState, r = history.replaceState;
-		return history.pushState = function(...e) {
-			n.apply(this, e), t();
-		}, history.replaceState = function(...e) {
-			r.apply(this, e), t();
-		}, () => {
-			e = !1, window.removeEventListener("popstate", t);
-		};
-	}, []), R(() => {
+	}, [o, c]), R(() => Ir(() => a(Wa())), []), R(() => {
 		function e(e) {
 			e.key === "." && (e.metaKey || e.ctrlKey) && (e.altKey || e.shiftKey || (e.preventDefault(), T((e) => !e)));
 		}
@@ -4697,7 +4705,7 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 			screenshot: null,
 			screenshotCapturing: !0,
 			captureToken: a
-		}), ia(k.current != null && k.current.getRootNode() instanceof ShadowRoot ? k.current.getRootNode().host : null, {
+		}), ua(k.current != null && k.current.getRootNode() instanceof ShadowRoot ? k.current.getRootNode().host : null, {
 			x: t,
 			y: n
 		}).then((e) => {
@@ -4717,18 +4725,18 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 				email: t
 			}
 		};
-		Fr(n), d(n);
+		Vr(n), d(n);
 	}, [u]), [ue, de] = L(!1), fe = B(async () => {
 		if (!ue) {
 			C(null), de(!0);
 			try {
-				let n = La(await zr(e, t));
+				let n = Ua(await Gr(e, t));
 				if (!n) throw Error("Sign-in did not return a verified token");
 				let r = {
 					kind: "verified",
 					identity: n
 				};
-				Fr(r), d(r);
+				Vr(r), d(r);
 			} catch (e) {
 				C(e instanceof Error ? e.message : "Sign-in failed");
 			} finally {
@@ -4741,7 +4749,7 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 		ue
 	]), P = B(async (e, t) => {
 		if (v.kind !== "composing-new") return;
-		let n = Rr(u);
+		let n = Wr(u);
 		if (n) {
 			x(!0), C(null);
 			try {
@@ -4815,7 +4823,7 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 		N
 	]), he = B(async (e) => {
 		if (v.kind !== "thread") return;
-		let t = Rr(u);
+		let t = Wr(u);
 		if (!t) return;
 		let n = v.threadId;
 		x(!0), C(null);
@@ -4869,7 +4877,7 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 		v
 	]), _e = B(async (e, t) => {
 		if (v.kind !== "thread") return;
-		let n = Rr(u);
+		let n = Wr(u);
 		if (!n) return;
 		let r = v.threadId;
 		C(null);
@@ -4907,7 +4915,7 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 						anchorOffsetX: e.anchorOffsetX,
 						anchorOffsetY: e.anchorOffsetY
 					}), r = e.comments.reduce((e, t) => e + +!t.deleted, 0);
-					return /* @__PURE__ */ $(Ea, {
+					return /* @__PURE__ */ $(Ma, {
 						pageX: n.pageX,
 						pageY: n.pageY,
 						count: r,
@@ -4917,16 +4925,16 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 							threadId: e._id
 						})
 					}, e._id);
-				}), v.kind === "composing-new" ? /* @__PURE__ */ $(Da, {
+				}), v.kind === "composing-new" ? /* @__PURE__ */ $(Na, {
 					pageX: v.pageX,
 					pageY: v.pageY
 				}) : null]
 			}),
-			v.kind === "placing" ? /* @__PURE__ */ $(Oa, {
+			v.kind === "placing" ? /* @__PURE__ */ $(Pa, {
 				onPlace: ce,
 				onCancel: oe
 			}) : null,
-			v.kind === "thread" && I ? /* @__PURE__ */ $(Aa, {
+			v.kind === "thread" && I ? /* @__PURE__ */ $(Ia, {
 				thread: I,
 				authorName: A,
 				currentClientId: N ?? null,
@@ -4947,7 +4955,7 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 				onDelete: pe,
 				onResolve: me
 			}, I._id) : null,
-			v.kind === "composing-new" ? /* @__PURE__ */ $(wa, {
+			v.kind === "composing-new" ? /* @__PURE__ */ $(Aa, {
 				pageX: v.pageX,
 				pageY: v.pageY,
 				authorName: A,
@@ -4963,7 +4971,7 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 				onSubmit: P,
 				onClose: oe
 			}) : null,
-			!w || v.kind === "placing" || v.kind === "composing-new" ? /* @__PURE__ */ $(_a, {
+			!w || v.kind === "placing" || v.kind === "composing-new" ? /* @__PURE__ */ $(Ca, {
 				active: v.kind === "placing",
 				onToggle: () => v.kind === "placing" ? oe() : ae(),
 				onHide: () => {
@@ -4973,11 +4981,11 @@ function za({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 				onPositionChange: p,
 				variant: r
 			}) : null,
-			w && E ? /* @__PURE__ */ $(Ba, { position: f }) : null
+			w && E ? /* @__PURE__ */ $(Ka, { position: f }) : null
 		]
 	});
 }
-function Ba({ position: e }) {
+function Ka({ position: e }) {
 	let t = /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent) ? "⌘" : "Ctrl";
 	return /* @__PURE__ */ $("div", {
 		class: Q("markup-hud-hidden-toast", e === "bottom-left" ? "markup-hud-hidden-toast-left" : "markup-hud-hidden-toast-right"),
@@ -4999,7 +5007,7 @@ function Ba({ position: e }) {
 }
 //#endregion
 //#region src/runtime/mount.tsx
-function Va(e, t) {
+function qa(e, t) {
 	e.style.position = "fixed", e.style.inset = "0", e.style.zIndex = "2147483647", e.style.pointerEvents = "none";
 	let n = t.theme ?? "auto";
 	n !== "auto" && (e.dataset.theme = n);
@@ -5008,24 +5016,24 @@ function Va(e, t) {
 	let a = document.createElement("div");
 	a.className = "markup-shadow-root", r.appendChild(a);
 	let { theme: o, ...s } = t;
-	return ue(/* @__PURE__ */ $(za, { ...s }), a), () => ue(null, a);
+	return ue(/* @__PURE__ */ $(Ga, { ...s }), a), () => ue(null, a);
 }
 //#endregion
 //#region src/widget.ts
-var Ha = null, Ua = null;
-function Wa(e) {
+var Ja = null, Ya = null;
+function Xa(e) {
 	if (!e.apiUrl || !e.apiKey) return console.warn("[markup] init() requires both apiUrl and apiKey — widget not mounted"), () => {};
-	Ga();
+	Za();
 	let t = document.createElement("div");
-	return t.id = "markup-widget", document.body.appendChild(t), Ua = t, Ha = Va(t, e), Ga;
+	return t.id = "markup-widget", document.body.appendChild(t), Ya = t, Ja = qa(t, e), Za;
 }
-function Ga() {
-	Ha &&= (Ha(), null), Ua?.parentNode && Ua.parentNode.removeChild(Ua), Ua = null;
+function Za() {
+	Ja &&= (Ja(), null), Ya?.parentNode && Ya.parentNode.removeChild(Ya), Ya = 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 = () => Wa({
+		let r = e?.dataset.position, i = e?.dataset.theme, a = e?.dataset.fab, o = () => Xa({
 			apiUrl: t,
 			apiKey: n,
 			position: r,
@@ -5036,4 +5044,4 @@ if (typeof document < "u") {
 	}
 }
 //#endregion
-export { Ga as destroy, Wa as init };
+export { Za as destroy, Xa as init };