@pixelmatters/markup 1.0.1 → 1.1.0

package/dist/react.js

@@ -2752,14 +2752,22 @@ function Ar(e) {
 			...r.headers ?? {}
 		}, a = e.getToken?.() ?? null, o = a != null && a.token.length > 0 && a.expiresAt > Date.now();
 		o && a && (i.authorization = `Bearer ${a.token}`);
-		let s = await fetch(`${t}${n}`, {
+		let s = e.getAnonToken?.() ?? null;
+		s && (i["x-markup-anon-token"] = s);
+		let c = await fetch(`${t}${n}`, {
 			...r,
 			headers: i
-		}), c = await s.text(), l = c ? jr(c) : null;
-		if (!s.ok) throw s.status === 401 && o && e.onUnauthorized?.(), new kr((l && typeof l == "object" && "error" in l && typeof l.error == "string" ? l.error : null) ?? `Request failed with ${s.status}`, s.status);
-		return l;
+		}), l = await c.text(), u = l ? jr(l) : null;
+		if (!c.ok) throw c.status === 401 && o && e.onUnauthorized?.(), new kr((u && typeof u == "object" && "error" in u && typeof u.error == "string" ? u.error : null) ?? `Request failed with ${c.status}`, c.status);
+		return u;
 	}
 	return {
+		mintAnonIdentity() {
+			return n("/widget/anon-identity", { method: "POST" });
+		},
+		getSubscriptionToken() {
+			return n("/widget/subscription-token", { method: "POST" });
+		},
 		getScreenshotUploadUrl() {
 			return n("/widget/screenshots/upload-url", { method: "POST" });
 		},
@@ -2793,11 +2801,8 @@ function Ar(e) {
 				body: JSON.stringify(r)
 			});
 		},
-		deleteComment(e, t, r = {}) {
-			return n(`/widget/threads/${encodeURIComponent(e)}/comments/${encodeURIComponent(t)}`, {
-				method: "DELETE",
-				body: JSON.stringify(r)
-			});
+		deleteComment(e, t) {
+			return n(`/widget/threads/${encodeURIComponent(e)}/comments/${encodeURIComponent(t)}`, { method: "DELETE" });
 		},
 		toggleReaction(e, t) {
 			return n(`/widget/comments/${encodeURIComponent(e)}/reactions`, {
@@ -2832,20 +2837,26 @@ function Pr(e) {
 		localStorage.setItem(Mr, JSON.stringify(e));
 	} catch {}
 }
-function Fr() {
-	let e = crypto;
-	if ("randomUUID" in e && typeof e.randomUUID == "function") return e.randomUUID();
-	let t = new Uint8Array(16);
-	e.getRandomValues(t), t[6] = t[6] & 15 | 64, t[8] = t[8] & 63 | 128;
-	let n = Array.from(t, (e) => e.toString(16).padStart(2, "0")).join("");
-	return `${n.slice(0, 8)}-${n.slice(8, 12)}-${n.slice(12, 16)}-${n.slice(16, 20)}-${n.slice(20)}`;
-}
 //#endregion
 //#region src/runtime/popup-auth.ts
-function Ir(e, t) {
-	let n = new URL(e).origin, r = new URL("/widget/auth", e);
-	r.searchParams.set("apiKey", t), r.searchParams.set("origin", window.location.origin);
-	let i = Math.max(0, window.screenX + (window.outerWidth - 420) / 2), a = Math.max(0, window.screenY + (window.outerHeight - 560) / 2), o = window.open(r.toString(), "markup-auth", `width=420,height=560,left=${i},top=${a}`);
+async function Fr(e, t) {
+	let n = new URL(e).origin, r;
+	try {
+		let n = await fetch(`${e.replace(/\/+$/, "")}/widget/popup-exchange`, {
+			method: "POST",
+			headers: {
+				"content-type": "application/json",
+				"x-markup-api-key": t
+			},
+			body: "{}"
+		});
+		if (!n.ok) throw Error(`popup-exchange responded with ${n.status}`);
+		let { code: i } = await n.json(), a = new URL("/widget/auth", e);
+		a.searchParams.set("code", i), r = a.toString();
+	} catch (e) {
+		return Promise.reject(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to start popup exchange"));
+	}
+	let i = Math.max(0, window.screenX + (window.outerWidth - 420) / 2), a = Math.max(0, window.screenY + (window.outerHeight - 560) / 2), o = window.open(r, "markup-auth", `width=420,height=560,left=${i},top=${a}`);
 	return o ? new Promise((e, t) => {
 		function r() {
 			window.removeEventListener("message", i), clearInterval(a);
@@ -2867,14 +2878,14 @@ function Ir(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/util.js
-function Lr(e, t) {
+function Ir(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 Rr = (() => {
+var Lr = (() => {
 	let e = 0, t = () => `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4);
 	return () => (e += 1, `u${t()}${e}`);
 })();
@@ -2883,29 +2894,29 @@ function Y(e) {
 	for (let n = 0, r = e.length; n < r; n++) t.push(e[n]);
 	return t;
 }
-var zr = null;
-function Br(e = {}) {
-	return zr || (e.includeStyleProperties ? (zr = e.includeStyleProperties, zr) : (zr = Y(window.getComputedStyle(document.documentElement)), zr));
+var Rr = null;
+function zr(e = {}) {
+	return Rr || (e.includeStyleProperties ? (Rr = e.includeStyleProperties, Rr) : (Rr = Y(window.getComputedStyle(document.documentElement)), Rr));
 }
-function Vr(e, t) {
+function Br(e, t) {
 	let n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
 	return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function Hr(e) {
-	let t = Vr(e, "border-left-width"), n = Vr(e, "border-right-width");
+function Vr(e) {
+	let t = Br(e, "border-left-width"), n = Br(e, "border-right-width");
 	return e.clientWidth + t + n;
 }
-function Ur(e) {
-	let t = Vr(e, "border-top-width"), n = Vr(e, "border-bottom-width");
+function Hr(e) {
+	let t = Br(e, "border-top-width"), n = Br(e, "border-bottom-width");
 	return e.clientHeight + t + n;
 }
-function Wr(e, t = {}) {
+function Ur(e, t = {}) {
 	return {
-		width: t.width || Hr(e),
-		height: t.height || Ur(e)
+		width: t.width || Vr(e),
+		height: t.height || Hr(e)
 	};
 }
-function Gr() {
+function Wr() {
 	let e, t;
 	try {
 		t = process;
@@ -2914,10 +2925,10 @@ function Gr() {
 	return n && (e = parseInt(n, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
 }
 var X = 16384;
-function Kr(e) {
+function Gr(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 qr(e) {
+function Kr(e) {
 	return new Promise((t, n) => {
 		let r = new Image();
 		r.onload = () => {
@@ -2927,12 +2938,12 @@ function qr(e) {
 		}, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = e;
 	});
 }
-async function Jr(e) {
+async function qr(e) {
 	return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function Yr(e, t, n) {
+async function Jr(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), Jr(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), qr(i);
 }
 var Z = (e, t) => {
 	if (e instanceof t) return !0;
@@ -2941,66 +2952,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 Xr(e) {
+function Yr(e) {
 	let t = e.getPropertyValue("content");
 	return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function Zr(e, t) {
-	return Br(t).map((t) => `${t}: ${e.getPropertyValue(t)}${e.getPropertyPriority(t) ? " !important" : ""};`).join(" ");
+function Xr(e, t) {
+	return zr(t).map((t) => `${t}: ${e.getPropertyValue(t)}${e.getPropertyPriority(t) ? " !important" : ""};`).join(" ");
 }
-function Qr(e, t, n, r) {
-	let i = `.${e}:${t}`, a = n.cssText ? Xr(n) : Zr(n, r);
+function Zr(e, t, n, r) {
+	let i = `.${e}:${t}`, a = n.cssText ? Yr(n) : Xr(n, r);
 	return document.createTextNode(`${i}{${a}}`);
 }
-function $r(e, t, n, r) {
+function Qr(e, t, n, r) {
 	let i = window.getComputedStyle(e, n), a = i.getPropertyValue("content");
 	if (a === "" || a === "none") return;
-	let o = Rr();
+	let o = Lr();
 	try {
 		t.className = `${t.className} ${o}`;
 	} catch {
 		return;
 	}
 	let s = document.createElement("style");
-	s.appendChild(Qr(o, n, i, r)), t.appendChild(s);
+	s.appendChild(Zr(o, n, i, r)), t.appendChild(s);
 }
-function ei(e, t, n) {
-	$r(e, t, ":before", n), $r(e, t, ":after", n);
+function $r(e, t, n) {
+	Qr(e, t, ":before", n), Qr(e, t, ":after", n);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/mimes.js
-var ti = "application/font-woff", ni = "image/jpeg", ri = {
-	woff: ti,
-	woff2: ti,
+var ei = "application/font-woff", ti = "image/jpeg", ni = {
+	woff: ei,
+	woff2: ei,
 	ttf: "application/font-truetype",
 	eot: "application/vnd.ms-fontobject",
 	png: "image/png",
-	jpg: ni,
-	jpeg: ni,
+	jpg: ti,
+	jpeg: ti,
 	gif: "image/gif",
 	tiff: "image/tiff",
 	svg: "image/svg+xml",
 	webp: "image/webp"
 };
-function ii(e) {
+function ri(e) {
 	let t = /\.([^./]*?)$/g.exec(e);
 	return t ? t[1] : "";
 }
-function ai(e) {
-	return ri[ii(e).toLowerCase()] || "";
+function ii(e) {
+	return ni[ri(e).toLowerCase()] || "";
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/dataurl.js
-function oi(e) {
+function ai(e) {
 	return e.split(/,/)[1];
 }
-function si(e) {
+function oi(e) {
 	return e.search(/^(data:)/) !== -1;
 }
-function ci(e, t) {
+function si(e, t) {
 	return `data:${t};base64,${e}`;
 }
-async function li(e, t, n) {
+async function ci(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();
@@ -3018,78 +3029,78 @@ async function li(e, t, n) {
 		}, a.readAsDataURL(i);
 	});
 }
-var ui = {};
-function di(e, t, n) {
+var li = {};
+function ui(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 fi(e, t, n) {
-	let r = di(e, t, n.includeQueryParams);
-	if (ui[r] != null) return ui[r];
+async function di(e, t, n) {
+	let r = ui(e, t, n.includeQueryParams);
+	if (li[r] != null) return li[r];
 	n.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
 	let i;
 	try {
-		i = ci(await li(e, n.fetchRequestInit, ({ res: e, result: n }) => (t ||= e.headers.get("Content-Type") || "", oi(n))), t);
+		i = si(await ci(e, n.fetchRequestInit, ({ res: e, result: n }) => (t ||= e.headers.get("Content-Type") || "", ai(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 ui[r] = i, i;
+	return li[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 pi(e) {
+async function fi(e) {
 	let t = e.toDataURL();
-	return t === "data:," ? e.cloneNode(!1) : qr(t);
+	return t === "data:," ? e.cloneNode(!1) : Kr(t);
 }
-async function mi(e, t) {
+async function pi(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), qr(t.toDataURL());
+		return t.width = e.clientWidth, t.height = e.clientHeight, n?.drawImage(e, 0, 0, t.width, t.height), Kr(t.toDataURL());
 	}
 	let n = e.poster;
-	return qr(await fi(n, ai(n), t));
+	return Kr(await di(n, ii(n), t));
 }
-async function hi(e, t) {
+async function mi(e, t) {
 	try {
-		if (e?.contentDocument?.body) return await Ti(e.contentDocument.body, t, !0);
+		if (e?.contentDocument?.body) return await wi(e.contentDocument.body, t, !0);
 	} catch {}
 	return e.cloneNode(!1);
 }
-async function gi(e, t) {
-	return Z(e, HTMLCanvasElement) ? pi(e) : Z(e, HTMLVideoElement) ? mi(e, t) : Z(e, HTMLIFrameElement) ? hi(e, t) : e.cloneNode(vi(e));
+async function hi(e, t) {
+	return Z(e, HTMLCanvasElement) ? fi(e) : Z(e, HTMLVideoElement) ? pi(e, t) : Z(e, HTMLIFrameElement) ? mi(e, t) : e.cloneNode(_i(e));
 }
-var _i = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", vi = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
-async function yi(e, t, n) {
-	if (vi(t)) return t;
+var gi = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", _i = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
+async function vi(e, t, n) {
+	if (_i(t)) return t;
 	let r = [];
-	return r = _i(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(() => Ti(r, n)).then((e) => {
+	return r = gi(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(() => wi(r, n)).then((e) => {
 		e && t.appendChild(e);
 	}), Promise.resolve()), t;
 }
-function bi(e, t, n) {
+function yi(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) : Br(n).forEach((n) => {
+	i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : zr(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 xi(e, t) {
+function bi(e, t) {
 	Z(e, HTMLTextAreaElement) && (t.innerHTML = e.value), Z(e, HTMLInputElement) && t.setAttribute("value", e.value);
 }
-function Si(e, t) {
+function xi(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 Ci(e, t, n) {
-	return Z(t, Element) && (bi(e, t, n), ei(e, t, n), xi(e, t), Si(e, t)), t;
+function Si(e, t, n) {
+	return Z(t, Element) && (yi(e, t, n), $r(e, t, n), bi(e, t), xi(e, t)), t;
 }
-async function wi(e, t) {
+async function Ci(e, t) {
 	let n = e.querySelectorAll ? e.querySelectorAll("use") : [];
 	if (n.length === 0) return e;
 	let r = {};
@@ -3097,7 +3108,7 @@ async function wi(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 Ti(i, t, !0));
+			!n && i && !r[a] && (r[a] = await wi(i, t, !0));
 		}
 	}
 	let i = Object.values(r);
@@ -3111,61 +3122,61 @@ async function wi(e, t) {
 	}
 	return e;
 }
-async function Ti(e, t, n) {
-	return !n && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((e) => gi(e, t)).then((n) => yi(e, n, t)).then((n) => Ci(e, n, t)).then((e) => wi(e, t));
+async function wi(e, t, n) {
+	return !n && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((e) => hi(e, t)).then((n) => vi(e, n, t)).then((n) => Si(e, n, t)).then((e) => Ci(e, t));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/embed-resources.js
-var Ei = /url\((['"]?)([^'"]+?)\1\)/g, Di = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Oi = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function ki(e) {
+var Ti = /url\((['"]?)([^'"]+?)\1\)/g, Ei = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Di = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Oi(e) {
 	let t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
 	return RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function Ai(e) {
+function ki(e) {
 	let t = [];
-	return e.replace(Ei, (e, n, r) => (t.push(r), e)), t.filter((e) => !si(e));
+	return e.replace(Ti, (e, n, r) => (t.push(r), e)), t.filter((e) => !oi(e));
 }
-async function ji(e, t, n, r, i) {
+async function Ai(e, t, n, r, i) {
 	try {
-		let a = n ? Lr(t, n) : t, o = ai(t), s;
-		return s = i ? ci(await i(a), o) : await fi(a, o, r), e.replace(ki(t), `$1${s}$3`);
+		let a = n ? Ir(t, n) : t, o = ii(t), s;
+		return s = i ? si(await i(a), o) : await di(a, o, r), e.replace(Oi(t), `$1${s}$3`);
 	} catch {}
 	return e;
 }
-function Mi(e, { preferredFontFormat: t }) {
-	return t ? e.replace(Oi, (e) => {
+function ji(e, { preferredFontFormat: t }) {
+	return t ? e.replace(Di, (e) => {
 		for (;;) {
-			let [n, , r] = Di.exec(e) || [];
+			let [n, , r] = Ei.exec(e) || [];
 			if (!r) return "";
 			if (r === t) return `src: ${n};`;
 		}
 	}) : e;
 }
-function Ni(e) {
-	return e.search(Ei) !== -1;
+function Mi(e) {
+	return e.search(Ti) !== -1;
 }
-async function Pi(e, t, n) {
-	if (!Ni(e)) return e;
-	let r = Mi(e, n);
-	return Ai(r).reduce((e, r) => e.then((e) => ji(e, r, t, n)), Promise.resolve(r));
+async function Ni(e, t, n) {
+	if (!Mi(e)) return e;
+	let r = ji(e, n);
+	return ki(r).reduce((e, r) => e.then((e) => Ai(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 Fi(e, t, n) {
+async function Pi(e, t, n) {
 	let r = t.style?.getPropertyValue(e);
 	if (r) {
-		let i = await Pi(r, null, n);
+		let i = await Ni(r, null, n);
 		return t.style.setProperty(e, i, t.style.getPropertyPriority(e)), !0;
 	}
 	return !1;
 }
-async function Ii(e, t) {
-	await Fi("background", e, t) || await Fi("background-image", e, t), await Fi("mask", e, t) || await Fi("-webkit-mask", e, t) || await Fi("mask-image", e, t) || await Fi("-webkit-mask-image", e, t);
+async function Fi(e, t) {
+	await Pi("background", e, t) || await Pi("background-image", e, t), await Pi("mask", e, t) || await Pi("-webkit-mask", e, t) || await Pi("mask-image", e, t) || await Pi("-webkit-mask-image", e, t);
 }
-async function Li(e, t) {
+async function Ii(e, t) {
 	let n = Z(e, HTMLImageElement);
-	if (!(n && !si(e.src)) && !(Z(e, SVGImageElement) && !si(e.href.baseVal))) return;
-	let r = n ? e.src : e.href.baseVal, i = await fi(r, ai(r), t);
+	if (!(n && !oi(e.src)) && !(Z(e, SVGImageElement) && !oi(e.href.baseVal))) return;
+	let r = n ? e.src : e.href.baseVal, i = await di(r, ii(r), t);
 	await new Promise((r, a) => {
 		e.onload = r, e.onerror = t.onImageErrorHandler ? (...e) => {
 			try {
@@ -3178,16 +3189,16 @@ async function Li(e, t) {
 		o.decode &&= r, o.loading === "lazy" && (o.loading = "eager"), n ? (e.srcset = "", e.src = i) : e.href.baseVal = i;
 	});
 }
-async function Ri(e, t) {
-	let n = Y(e.childNodes).map((e) => zi(e, t));
+async function Li(e, t) {
+	let n = Y(e.childNodes).map((e) => Ri(e, t));
 	await Promise.all(n).then(() => e);
 }
-async function zi(e, t) {
-	Z(e, Element) && (await Ii(e, t), await Li(e, t), await Ri(e, t));
+async function Ri(e, t) {
+	Z(e, Element) && (await Fi(e, t), await Ii(e, t), await Li(e, t));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/apply-style.js
-function Bi(e, t) {
+function zi(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;
@@ -3197,22 +3208,22 @@ function Bi(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/embed-webfonts.js
-var Vi = {};
-async function Hi(e) {
-	let t = Vi[e];
+var Bi = {};
+async function Vi(e) {
+	let t = Bi[e];
 	return t ?? (t = {
 		url: e,
 		cssText: await (await fetch(e)).text()
-	}, Vi[e] = t, t);
+	}, Bi[e] = t, t);
 }
-async function Ui(e, t) {
+async function Hi(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), li(a, t.fetchRequestInit, ({ result: e }) => (n = n.replace(i, `url(${e})`), [i, e]));
+		return a.startsWith("https://") || (a = new URL(a, e.url).href), ci(a, t.fetchRequestInit, ({ result: e }) => (n = n.replace(i, `url(${e})`), [i, e]));
 	});
 	return Promise.all(i).then(() => n);
 }
-function Wi(e) {
+function Ui(e) {
 	if (e == null) return [];
 	let t = [], n = e.replace(/(\/\*[\s\S]*?\*\/)/gi, ""), r = /* @__PURE__ */ RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
 	for (;;) {
@@ -3232,13 +3243,13 @@ function Wi(e) {
 	}
 	return t;
 }
-async function Gi(e, t) {
+async function Wi(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 = Hi(o).then((e) => Ui(e, t)).then((e) => Wi(e).forEach((e) => {
+					let a = i + 1, o = e.href, s = Vi(o).then((e) => Hi(e, t)).then((e) => Ui(e).forEach((e) => {
 						try {
 							n.insertRule(e, e.startsWith("@import") ? a += 1 : n.cssRules.length);
 						} catch (t) {
@@ -3255,7 +3266,7 @@ async function Gi(e, t) {
 			});
 		} catch (i) {
 			let a = e.find((e) => e.href == null) || document.styleSheets[0];
-			n.href != null && r.push(Hi(n.href).then((e) => Ui(e, t)).then((e) => Wi(e).forEach((e) => {
+			n.href != null && r.push(Vi(n.href).then((e) => Hi(e, t)).then((e) => Ui(e).forEach((e) => {
 				a.insertRule(e, a.cssRules.length);
 			})).catch((e) => {
 				console.error("Error loading remote stylesheet", e);
@@ -3271,36 +3282,36 @@ async function Gi(e, t) {
 		}
 	}), n));
 }
-function Ki(e) {
-	return e.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Ni(e.style.getPropertyValue("src")));
+function Gi(e) {
+	return e.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Mi(e.style.getPropertyValue("src")));
 }
-async function qi(e, t) {
+async function Ki(e, t) {
 	if (e.ownerDocument == null) throw Error("Provided element is not within a Document");
-	return Ki(await Gi(Y(e.ownerDocument.styleSheets), t));
+	return Gi(await Wi(Y(e.ownerDocument.styleSheets), t));
 }
-function Ji(e) {
+function qi(e) {
 	return e.trim().replace(/["']/g, "");
 }
-function Yi(e) {
+function Ji(e) {
 	let t = /* @__PURE__ */ new Set();
 	function n(e) {
 		(e.style.fontFamily || getComputedStyle(e).fontFamily).split(",").forEach((e) => {
-			t.add(Ji(e));
+			t.add(qi(e));
 		}), Array.from(e.children).forEach((e) => {
 			e instanceof HTMLElement && n(e);
 		});
 	}
 	return n(e), t;
 }
-async function Xi(e, t) {
-	let n = await qi(e, t), r = Yi(e);
-	return (await Promise.all(n.filter((e) => r.has(Ji(e.style.fontFamily))).map((e) => {
+async function Yi(e, t) {
+	let n = await Ki(e, t), r = Ji(e);
+	return (await Promise.all(n.filter((e) => r.has(qi(e.style.fontFamily))).map((e) => {
 		let n = e.parentStyleSheet ? e.parentStyleSheet.href : null;
-		return Pi(e.cssText, n, t);
+		return Ni(e.cssText, n, t);
 	}))).join("\n");
 }
-async function Zi(e, t) {
-	let n = t.fontEmbedCSS == null ? t.skipFonts ? null : await Xi(e, t) : t.fontEmbedCSS;
+async function Xi(e, t) {
+	let n = t.fontEmbedCSS == null ? t.skipFonts ? null : await Yi(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);
@@ -3308,23 +3319,23 @@ async function Zi(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/index.js
-async function Qi(e, t = {}) {
-	let { width: n, height: r } = Wr(e, t), i = await Ti(e, t, !0);
-	return await Zi(i, t), await zi(i, t), Bi(i, t), await Yr(i, n, r);
+async function Zi(e, t = {}) {
+	let { width: n, height: r } = Ur(e, t), i = await wi(e, t, !0);
+	return await Xi(i, t), await Ri(i, t), zi(i, t), await Jr(i, n, r);
 }
-async function $i(e, t = {}) {
-	let { width: n, height: r } = Wr(e, t), i = await qr(await Qi(e, t)), a = document.createElement("canvas"), o = a.getContext("2d"), s = t.pixelRatio || Gr(), c = t.canvasWidth || n, l = t.canvasHeight || r;
-	return a.width = c * s, a.height = l * s, t.skipAutoScale || Kr(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 Qi(e, t = {}) {
+	let { width: n, height: r } = Ur(e, t), i = await Kr(await Zi(e, t)), a = document.createElement("canvas"), o = a.getContext("2d"), s = t.pixelRatio || Wr(), c = t.canvasWidth || n, l = t.canvasHeight || r;
+	return a.width = c * s, a.height = l * s, t.skipAutoScale || Gr(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 ea = 2 * 1024 * 1024;
-async function ta(e, t) {
+var $i = 2 * 1024 * 1024;
+async function ea(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 $i(document.documentElement, {
+		let r = window.innerWidth, i = window.innerHeight, a = Math.min(window.devicePixelRatio, 2), o = await Qi(document.documentElement, {
 			width: r,
 			height: i,
 			cacheBust: !0,
@@ -3338,21 +3349,21 @@ async function ta(e, t) {
 		});
 		if (t) {
 			let e = o.getContext("2d");
-			e && ra(e, t.x, t.y, a);
+			e && na(e, t.x, t.y, a);
 		}
-		let s = await na(o, .85);
+		let s = await ta(o, .85);
 		if (!s) return null;
-		if (s.size <= ea) return s;
-		let c = await na(o, .5);
-		return !c || c.size > ea ? null : c;
+		if (s.size <= $i) return s;
+		let c = await ta(o, .5);
+		return !c || c.size > $i ? null : c;
 	} catch {
 		return null;
 	}
 }
-function na(e, t) {
+function ta(e, t) {
 	return new Promise((n) => e.toBlob(n, "image/jpeg", t));
 }
-function ra(e, t, n, r) {
+function na(e, t, n, r) {
 	let i = r, a = 28 * i, o = a / 2, s = t * i, c = n * i;
 	e.save(), e.translate(s, c), e.rotate(-Math.PI / 4);
 	let l = 2 * i;
@@ -3375,7 +3386,7 @@ function Q(...e) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
-var ia = 0;
+var ra = 0;
 Array.isArray;
 function $(e, t, r, i, a, o) {
 	t ||= {};
@@ -3392,7 +3403,7 @@ function $(e, t, r, i, a, o) {
 		__e: null,
 		__c: null,
 		constructor: void 0,
-		__v: --ia,
+		__v: --ra,
 		__i: -1,
 		__u: 0,
 		__source: a,
@@ -3403,7 +3414,7 @@ function $(e, t, r, i, a, o) {
 }
 //#endregion
 //#region src/runtime/ui/icons.tsx
-function aa({ size: e = 16 }) {
+function ia({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3413,7 +3424,7 @@ function aa({ 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 oa({ size: e = 16 }) {
+function aa({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3422,7 +3433,7 @@ function oa({ 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 sa({ size: e = 16 }) {
+function oa({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3431,7 +3442,7 @@ function sa({ 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 ca({ size: e = 16 }) {
+function sa({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3444,7 +3455,7 @@ function ca({ size: e = 16 }) {
 		})
 	});
 }
-function la({ size: e = 16 }) {
+function ca({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3458,7 +3469,7 @@ function la({ size: e = 16 }) {
 		})
 	});
 }
-function ua({ size: e = 16 }) {
+function la({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3467,7 +3478,7 @@ function ua({ 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 da({ size: e = 16 }) {
+function ua({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3479,7 +3490,7 @@ function da({ size: e = 16 }) {
 }
 //#endregion
 //#region src/runtime/ui/fab.tsx
-function fa({ active: e, onToggle: t, onHide: n, position: r = "bottom-right" }) {
+function da({ active: e, onToggle: t, onHide: n, position: r = "bottom-right" }) {
 	return /* @__PURE__ */ $("button", {
 		type: "button",
 		class: Q("markup-fab", r === "bottom-left" ? "markup-fab-left" : "markup-fab-right", e && "is-active"),
@@ -3497,7 +3508,7 @@ function fa({ active: e, onToggle: t, onHide: n, position: r = "bottom-right" })
 		"aria-pressed": e,
 		children: [/* @__PURE__ */ $("span", {
 			class: "markup-fab-icon",
-			children: $(e ? oa : aa, { size: 16 })
+			children: $(e ? aa : ia, { size: 16 })
 		}), /* @__PURE__ */ $("span", {
 			class: "markup-fab-label",
 			children: e ? "Cancel" : "Markup"
@@ -3506,7 +3517,7 @@ function fa({ active: e, onToggle: t, onHide: n, position: r = "bottom-right" })
 }
 //#endregion
 //#region src/runtime/use-focus-trap.ts
-var pa = [
+var fa = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -3514,14 +3525,14 @@ var pa = [
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(",");
-function ma(e, t) {
+function pa(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(pa)), r = t[0], i = t[t.length - 1];
+			let t = Array.from(n.querySelectorAll(fa)), 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());
@@ -3531,7 +3542,7 @@ function ma(e, t) {
 }
 //#endregion
 //#region src/runtime/ui/author-prompt.tsx
-function ha({ pending: e, onSubmit: t, onCancel: n, onSignIn: r }) {
+function ma({ pending: e, onSubmit: t, onCancel: n, onSignIn: r }) {
 	let [i, a] = L(""), [o, s] = L(""), c = z(null);
 	R(() => {
 		c.current?.focus();
@@ -3603,8 +3614,8 @@ function ha({ pending: e, onSubmit: t, onCancel: n, onSignIn: r }) {
 }
 //#endregion
 //#region src/runtime/ui/composer.tsx
-var ga = 4e3;
-function _a({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "Post", initialFocus: r = !0, pending: i, error: a, onSubmit: o }) {
+var ha = 4e3;
+function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "Post", initialFocus: r = !0, pending: i, error: a, onSubmit: o }) {
 	let [s, c] = L(""), l = z(null), u = z(!1);
 	R(() => {
 		r && l.current?.focus();
@@ -3622,7 +3633,7 @@ function _a({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 	function f(e) {
 		(e.metaKey || e.ctrlKey) && e.key === "Enter" && d(e);
 	}
-	let p = ga - s.length, m = p < 0, h = s.length > 0;
+	let p = ha - s.length, m = p < 0, h = s.length > 0;
 	function g(e) {
 		return /* @__PURE__ */ $("button", {
 			type: "submit",
@@ -3631,7 +3642,7 @@ function _a({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 			"aria-label": i ? "Sending…" : n,
 			title: i ? "Sending…" : n,
 			tabIndex: e,
-			children: /* @__PURE__ */ $(ua, { size: 14 })
+			children: /* @__PURE__ */ $(la, { size: 14 })
 		});
 	}
 	return /* @__PURE__ */ $("form", {
@@ -3644,7 +3655,7 @@ function _a({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 				class: "markup-composer-input",
 				placeholder: t,
 				rows: h ? 2 : 1,
-				maxLength: ga + 100,
+				maxLength: ha + 100,
 				value: s,
 				onInput: (e) => c(e.currentTarget.value),
 				onKeyDown: f,
@@ -3680,9 +3691,9 @@ function _a({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 }
 //#endregion
 //#region src/runtime/ui/new-thread-popover.tsx
-function va({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, error: a, screenshot: o, screenshotCapturing: s, onAuthor: c, onSignIn: l, onSubmit: u, onClose: d }) {
+function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, error: a, screenshot: o, screenshotCapturing: s, onAuthor: c, onSignIn: l, onSubmit: u, onClose: d }) {
 	let f = z(null);
-	ma(f, !0);
+	pa(f, !0);
 	let [p, m] = L(!1), [h, g] = L(null);
 	R(() => {
 		if (!o) return;
@@ -3699,7 +3710,7 @@ function va({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 		}
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
 	}, [d]);
-	let _ = ya(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), v = ya(t - window.scrollY - 16, 12, window.innerHeight - 220), y = o != null, b = s || y;
+	let _ = va(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), v = va(t - window.scrollY - 16, 12, window.innerHeight - 220), y = o != null, b = s || y;
 	return /* @__PURE__ */ $("div", {
 		ref: f,
 		class: "markup-popover",
@@ -3720,9 +3731,9 @@ function va({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 				class: "markup-icon-btn",
 				"aria-label": "Discard pin",
 				onClick: d,
-				children: /* @__PURE__ */ $(oa, { size: 16 })
+				children: /* @__PURE__ */ $(aa, { size: 16 })
 			})]
-		}), n == null ? /* @__PURE__ */ $(ha, {
+		}), n == null ? /* @__PURE__ */ $(ma, {
 			pending: i,
 			onSubmit: c,
 			onCancel: d,
@@ -3744,7 +3755,7 @@ function va({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ $(_a, {
+				/* @__PURE__ */ $(ga, {
 					label: "Feedback",
 					placeholder: "What's wrong, missing, or worth noting?",
 					submitLabel: "Post markup",
@@ -3762,7 +3773,7 @@ function va({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 								class: "markup-screenshot-checkbox",
 								disabled: !0
 							}),
-							/* @__PURE__ */ $(la, { size: 12 }),
+							/* @__PURE__ */ $(ca, { size: 12 }),
 							/* @__PURE__ */ $("span", { children: "Capturing…" })
 						]
 					}) : /* @__PURE__ */ $("label", {
@@ -3774,7 +3785,7 @@ function va({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 								checked: p,
 								onChange: (e) => m(e.currentTarget.checked)
 							}),
-							/* @__PURE__ */ $(la, { size: 12 }),
+							/* @__PURE__ */ $(ca, { size: 12 }),
 							/* @__PURE__ */ $("span", { children: "Attach screenshot" }),
 							h && p ? /* @__PURE__ */ $("img", {
 								class: "markup-screenshot-thumb",
@@ -3788,12 +3799,12 @@ function va({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 		})]
 	});
 }
-function ya(e, t, n) {
+function va(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
 //#endregion
 //#region src/runtime/ui/pin.tsx
-function ba({ pageX: e, pageY: t, count: n, active: r, onClick: i }) {
+function ya({ pageX: e, pageY: t, count: n, active: r, onClick: i }) {
 	let a = t - window.scrollY, o = e - window.scrollX;
 	return /* @__PURE__ */ $("button", {
 		type: "button",
@@ -3816,7 +3827,7 @@ function ba({ pageX: e, pageY: t, count: n, active: r, onClick: i }) {
 		}) : null]
 	});
 }
-function xa({ pageX: e, pageY: t }) {
+function ba({ pageX: e, pageY: t }) {
 	let n = t - window.scrollY, r = e - window.scrollX;
 	return /* @__PURE__ */ $("div", {
 		class: "markup-pin markup-pin-ghost is-anchor",
@@ -3832,7 +3843,7 @@ function xa({ pageX: e, pageY: t }) {
 }
 //#endregion
 //#region src/runtime/ui/placement-overlay.tsx
-function Sa({ onPlace: e, onCancel: t }) {
+function xa({ onPlace: e, onCancel: t }) {
 	R(() => {
 		function e(e) {
 			e.key === "Escape" && t();
@@ -3858,7 +3869,7 @@ function Sa({ onPlace: e, onCancel: t }) {
 }
 //#endregion
 //#region src/runtime/ui/thread-popover.tsx
-var Ca = [
+var Sa = [
 	"👍",
 	"❤️",
 	"🎉",
@@ -3866,9 +3877,9 @@ var Ca = [
 	"😄",
 	"❓"
 ];
-function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDelete: i, pending: a, error: o, onAuthor: s, onSignIn: c, onClose: l, onReply: u, onEditComment: d, onDeleteComment: f, onToggleReaction: p, onResolve: m, onDelete: h }) {
+function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDelete: i, pending: a, error: o, onAuthor: s, onSignIn: c, onClose: l, onReply: u, onEditComment: d, onDeleteComment: f, onToggleReaction: p, onResolve: m, onDelete: h }) {
 	let g = z(null), _ = z(null), v = z(null), y = z(null), b = z(null), [x, S] = L(!1), [C, w] = L(!1), [T, E] = L(null), [D, O] = L(""), [k, A] = L(null), [ee, j] = L("down"), [M, te] = L(null), [N, ne] = L(null), [re, ie] = L("down"), ae = z(null);
-	ma(g, !0);
+	pa(g, !0);
 	let oe = e.resolvedAt != null, P = Te(() => e.comments.filter((e) => !e.deleted), [e.comments]);
 	function se(e, t) {
 		E(e), O(t);
@@ -3933,8 +3944,8 @@ function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 			anchorSelector: e.anchorSelector
 		});
 		return {
-			left: Oa(t.pageX - window.scrollX + 16, 12, window.innerWidth - 320 - 12),
-			top: Oa(t.pageY - window.scrollY - 16, 12, window.innerHeight - 200)
+			left: Da(t.pageX - window.scrollX + 16, 12, window.innerWidth - 320 - 12),
+			top: Da(t.pageY - window.scrollY - 16, 12, window.innerHeight - 200)
 		};
 	}, [
 		e.anchorX,
@@ -3974,7 +3985,7 @@ function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 								class: Q("markup-icon-btn", x && "is-open"),
 								title: "More options",
 								onClick: () => S((e) => !e),
-								children: /* @__PURE__ */ $(sa, { size: 16 })
+								children: /* @__PURE__ */ $(oa, { size: 16 })
 							}), x ? /* @__PURE__ */ $("div", {
 								class: "markup-thread-menu-list",
 								children: [/* @__PURE__ */ $("button", {
@@ -4002,14 +4013,14 @@ function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 							title: "Mark as resolved",
 							disabled: a,
 							onClick: m,
-							children: /* @__PURE__ */ $(ca, { size: 16 })
+							children: /* @__PURE__ */ $(sa, { size: 16 })
 						}) : null,
 						/* @__PURE__ */ $("button", {
 							type: "button",
 							class: "markup-icon-btn",
 							title: "Close thread",
 							onClick: l,
-							children: /* @__PURE__ */ $(oa, { size: 16 })
+							children: /* @__PURE__ */ $(aa, { size: 16 })
 						})
 					]
 				})]
@@ -4036,12 +4047,12 @@ function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 									/* @__PURE__ */ $("time", {
 										class: "markup-comment-time",
 										datetime: new Date(t.createdAt).toISOString(),
-										title: Aa(t.createdAt),
-										children: ka(t.createdAt)
+										title: ka(t.createdAt),
+										children: Oa(t.createdAt)
 									}),
 									/* @__PURE__ */ $("div", {
 										class: "markup-thread-actions",
-										children: [!oe && !l ? /* @__PURE__ */ $(Ta, {
+										children: [!oe && !l ? /* @__PURE__ */ $(wa, {
 											comment: t,
 											pickerOpen: N === t._id,
 											pickerDirection: re,
@@ -4076,7 +4087,7 @@ function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 													let n = e.currentTarget.getBoundingClientRect(), r = y.current?.getBoundingClientRect(), i = (+!!s + +!!c) * 32 + 8 + 6;
 													j((r ? r.bottom - n.bottom : Infinity) < i ? "up" : "down"), A(t._id);
 												},
-												children: /* @__PURE__ */ $(sa, { size: 16 })
+												children: /* @__PURE__ */ $(oa, { size: 16 })
 											}), m ? /* @__PURE__ */ $("div", {
 												class: "markup-thread-menu-list",
 												children: [s ? /* @__PURE__ */ $("button", {
@@ -4139,11 +4150,11 @@ function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 								children: [t.body, t.editedAt == null ? null : /* @__PURE__ */ $("time", {
 									class: "markup-comment-edited",
 									datetime: new Date(t.editedAt).toISOString(),
-									title: Aa(t.editedAt),
+									title: ka(t.editedAt),
 									children: [" ", "(edited)"]
 								})]
 							}),
-							!l && t.reactions.length > 0 ? /* @__PURE__ */ $(Ea, {
+							!l && t.reactions.length > 0 ? /* @__PURE__ */ $(Ta, {
 								comment: t,
 								isResolved: oe,
 								onToggle: (e) => p(t._id, e)
@@ -4172,7 +4183,7 @@ function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 					onClick: (e) => {
 						e.stopPropagation(), b.current?.close();
 					},
-					children: /* @__PURE__ */ $(oa, { size: 16 })
+					children: /* @__PURE__ */ $(aa, { size: 16 })
 				}), /* @__PURE__ */ $("img", {
 					class: "markup-lightbox-img",
 					src: e.screenshotUrl,
@@ -4180,7 +4191,7 @@ function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 					onClick: (e) => e.stopPropagation()
 				})]
 			}) : null,
-			t == null ? /* @__PURE__ */ $(ha, {
+			t == null ? /* @__PURE__ */ $(ma, {
 				pending: a,
 				onSubmit: s,
 				onCancel: l,
@@ -4200,7 +4211,7 @@ function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 							children: "team"
 						}) : null
 					]
-				}), /* @__PURE__ */ $(_a, {
+				}), /* @__PURE__ */ $(ga, {
 					label: "Reply",
 					placeholder: "Write a reply…",
 					submitLabel: "Reply",
@@ -4213,7 +4224,7 @@ function wa({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 		]
 	});
 }
-function Ta({ comment: e, pickerOpen: t, pickerDirection: n, pickerRef: r, onPickerClick: i, onPickerSelect: a }) {
+function wa({ comment: e, pickerOpen: t, pickerDirection: n, pickerRef: r, onPickerClick: i, onPickerSelect: a }) {
 	return /* @__PURE__ */ $("div", {
 		class: Q("markup-reaction-picker-wrap", t && "is-open", t && n === "up" && "is-up"),
 		ref: r,
@@ -4223,11 +4234,11 @@ function Ta({ comment: e, pickerOpen: t, pickerDirection: n, pickerRef: r, onPic
 			title: "Add reaction",
 			"aria-label": "Add reaction",
 			onClick: i,
-			children: /* @__PURE__ */ $(da, { size: 16 })
+			children: /* @__PURE__ */ $(ua, { size: 16 })
 		}), t ? /* @__PURE__ */ $("div", {
 			class: "markup-reaction-picker",
 			role: "menu",
-			children: Ca.map((t) => /* @__PURE__ */ $("button", {
+			children: Sa.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"),
@@ -4237,11 +4248,11 @@ function Ta({ comment: e, pickerOpen: t, pickerDirection: n, pickerRef: r, onPic
 		}) : null]
 	});
 }
-function Ea({ comment: e, isResolved: t, onToggle: n }) {
+function Ta({ comment: e, isResolved: t, onToggle: n }) {
 	return /* @__PURE__ */ $("div", {
 		class: "markup-reactions",
 		children: e.reactions.map((e) => {
-			let r = Da(e.reactors, e.mine, e.count, e.emoji);
+			let r = Ea(e.reactors, e.mine, e.count, e.emoji);
 			return /* @__PURE__ */ $("button", {
 				type: "button",
 				class: Q("markup-reaction-chip", e.mine && "is-mine"),
@@ -4262,14 +4273,14 @@ function Ea({ comment: e, isResolved: t, onToggle: n }) {
 		})
 	});
 }
-function Da(e, t, n, r) {
+function Ea(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 Oa(e, t, n) {
+function Da(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function ka(e) {
+function Oa(e) {
 	let t = Date.now() - e, n = Math.floor(t / 1e3);
 	if (n < 60) return "just now";
 	let r = Math.floor(n / 60);
@@ -4286,7 +4297,7 @@ function ka(e) {
 		year: "numeric"
 	});
 }
-function Aa(e) {
+function ka(e) {
 	return new Date(e).toLocaleDateString([], {
 		month: "long",
 		day: "numeric",
@@ -4297,7 +4308,7 @@ function Aa(e) {
 }
 //#endregion
 //#region src/runtime/ui/app.tsx
-function ja(e) {
+function Aa(e) {
 	return {
 		clientId: `markup_user_${e.identity.id}`,
 		name: e.identity.name,
@@ -4307,7 +4318,7 @@ function ja(e) {
 		tokenExpiresAt: e.tokenExpiresAt ?? void 0
 	};
 }
-function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
+function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 	let [r, i] = L(() => window.location.pathname), [a, o] = L([]), [s, c] = L(null), l = z(null);
 	l.current = s;
 	let u = Te(() => Ar({
@@ -4320,30 +4331,65 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 				expiresAt: e.tokenExpiresAt
 			} : null;
 		},
+		getAnonToken: () => {
+			let e = l.current;
+			return e?.token && e.tokenExpiresAt ? null : e?.anonToken ?? null;
+		},
 		onUnauthorized: () => {
 			let e = l.current;
 			if (!e) return;
 			let t = {
 				clientId: e.clientId,
 				name: e.name,
-				email: e.email
+				email: e.email,
+				anonToken: e.anonToken
 			};
 			l.current = t, c(t), Pr(t);
 		}
 	}), [e, t]), [d, f] = L({ kind: "idle" }), [p, m] = L(!1), [h, g] = L(null), [_, v] = L(!1), [y, b] = L(!1), [, x] = L(0), S = z(null), C = s?.name ?? null, w = s?.isVerified ?? !1;
 	R(() => {
 		let e = Nr();
-		if (e) {
+		if (e?.anonToken || e?.isVerified) {
 			c(e);
 			return;
 		}
-		let t = { clientId: Fr() };
-		Pr(t), c(t);
-	}, []);
+		let t = !1, n = null, r = 1e3;
+		function i() {
+			u.mintAnonIdentity().then(({ clientId: n, token: r }) => {
+				if (t) return;
+				let i = {
+					...e ?? {},
+					clientId: n,
+					anonToken: r
+				};
+				Pr(i), c(i);
+			}).catch(() => {
+				t || (n = setTimeout(i, Math.min(r, 3e4)), r = Math.min(r * 2, 3e4));
+			});
+		}
+		return i(), () => {
+			t = !0, n && clearTimeout(n);
+		};
+	}, [u]);
 	let [T, E] = L(null);
 	R(() => {
-		Pa(t).then(E).catch(() => {});
-	}, [t]);
+		let e = !1, t = null;
+		async function n() {
+			try {
+				let r = await u.getSubscriptionToken();
+				if (e) return;
+				E(r.token);
+				let i = Math.max(6e4, r.expiresAt - Date.now() - 30 * 6e4);
+				t = setTimeout(n, i);
+			} catch {
+				if (e) return;
+				t = setTimeout(n, 6e4);
+			}
+		}
+		return n(), () => {
+			e = !0, t && clearTimeout(t);
+		};
+	}, [u]);
 	let D = z(null);
 	R(() => {
 		let t = new ar(e.replace(/\.convex\.site(\/.*)?$/, ".convex.cloud"));
@@ -4355,7 +4401,7 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 	R(() => {
 		let e = D.current;
 		if (!(!e || !T)) return O.current = !1, g(null), e.onUpdate(Yt("widget/queries:subscribeThreadsForRoute"), {
-			apiKeyHash: T,
+			subscriptionToken: T,
 			route: r,
 			viewerClientId: s?.clientId ?? void 0
 		}, (e) => {
@@ -4425,7 +4471,7 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			pageY: n + window.scrollY,
 			screenshot: null,
 			screenshotCapturing: !0
-		}), ta(S.current != null && S.current.getRootNode() instanceof ShadowRoot ? S.current.getRootNode().host : null, {
+		}), ea(S.current != null && S.current.getRootNode() instanceof ShadowRoot ? S.current.getRootNode().host : null, {
 			x: t,
 			y: n
 		}).then((e) => {
@@ -4436,8 +4482,9 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			} : t);
 		});
 	}, []), j = B((e, t) => {
+		if (!s) return;
 		let n = {
-			clientId: s?.clientId ?? Fr(),
+			...s,
 			name: e,
 			email: t
 		};
@@ -4445,7 +4492,7 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 	}, [s]), M = B(async () => {
 		g(null);
 		try {
-			let n = ja(await Ir(e, t));
+			let n = Aa(await Fr(e, t));
 			Pr(n), c(n);
 		} catch (e) {
 			g(e instanceof Error ? e.message : "Sign-in failed");
@@ -4479,7 +4526,6 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 					userAgent: navigator.userAgent,
 					authorName: s.name,
 					authorEmail: s.email,
-					authorClientId: s.clientId,
 					body: e,
 					screenshotStorageId: n
 				});
@@ -4532,8 +4578,7 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			let n = await u.addComment(t, {
 				body: e,
 				authorName: s.name,
-				authorEmail: s.email,
-				authorClientId: s.clientId
+				authorEmail: s.email
 			});
 			o((e) => e.map((e) => e._id === t ? n.thread : e));
 		} catch (e) {
@@ -4550,10 +4595,7 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		let n = d.threadId;
 		m(!0), g(null);
 		try {
-			let r = await u.editComment(n, e, {
-				body: t,
-				authorClientId: s.clientId
-			});
+			let r = await u.editComment(n, e, { body: t });
 			o((e) => e.map((e) => e._id === n ? r.thread : e));
 		} catch (e) {
 			throw g(e instanceof Error ? e.message : "Failed to edit"), e;
@@ -4569,7 +4611,7 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		let t = d.threadId;
 		m(!0), g(null);
 		try {
-			let n = await u.deleteComment(t, e, { authorClientId: s.clientId });
+			let n = await u.deleteComment(t, e);
 			o((e) => e.map((e) => e._id === t ? n.thread : e));
 		} catch (e) {
 			g(e instanceof Error ? e.message : "Failed to delete");
@@ -4587,7 +4629,6 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 		try {
 			let r = await u.toggleReaction(e, {
 				emoji: t,
-				authorClientId: s.clientId,
 				authorName: s.name
 			});
 			o((e) => e.map((e) => e._id === n ? r.thread : e));
@@ -4613,7 +4654,7 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 						anchorOffsetX: e.anchorOffsetX,
 						anchorOffsetY: e.anchorOffsetY
 					}), r = e.comments.reduce((e, t) => e + +!t.deleted, 0);
-					return /* @__PURE__ */ $(ba, {
+					return /* @__PURE__ */ $(ya, {
 						pageX: n.pageX,
 						pageY: n.pageY,
 						count: r,
@@ -4623,16 +4664,16 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 							threadId: e._id
 						})
 					}, e._id);
-				}), d.kind === "composing-new" ? /* @__PURE__ */ $(xa, {
+				}), d.kind === "composing-new" ? /* @__PURE__ */ $(ba, {
 					pageX: d.pageX,
 					pageY: d.pageY
 				}) : null]
 			}),
-			d.kind === "placing" ? /* @__PURE__ */ $(Sa, {
+			d.kind === "placing" ? /* @__PURE__ */ $(xa, {
 				onPlace: ee,
 				onCancel: A
 			}) : null,
-			d.kind === "thread" && P && !_ ? /* @__PURE__ */ $(wa, {
+			d.kind === "thread" && P && !_ ? /* @__PURE__ */ $(Ca, {
 				thread: P,
 				authorName: C,
 				currentClientId: s?.clientId ?? null,
@@ -4650,7 +4691,7 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 				onDelete: N,
 				onResolve: ne
 			}) : null,
-			d.kind === "composing-new" ? /* @__PURE__ */ $(va, {
+			d.kind === "composing-new" ? /* @__PURE__ */ $(_a, {
 				pageX: d.pageX,
 				pageY: d.pageY,
 				authorName: C,
@@ -4664,7 +4705,7 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 				onSubmit: te,
 				onClose: A
 			}) : null,
-			!_ || d.kind === "placing" || d.kind === "composing-new" ? /* @__PURE__ */ $(fa, {
+			!_ || d.kind === "placing" || d.kind === "composing-new" ? /* @__PURE__ */ $(da, {
 				active: d.kind === "placing",
 				onToggle: () => d.kind === "placing" ? A() : k(),
 				onHide: () => {
@@ -4672,11 +4713,11 @@ function Ma({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 				},
 				position: n
 			}) : null,
-			_ && y ? /* @__PURE__ */ $(Na, { position: n }) : null
+			_ && y ? /* @__PURE__ */ $(Ma, { position: n }) : null
 		]
 	});
 }
-function Na({ position: e }) {
+function Ma({ 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"),
@@ -4696,13 +4737,9 @@ function Na({ position: e }) {
 		]
 	});
 }
-async function Pa(e) {
-	let t = new TextEncoder().encode(e), n = await crypto.subtle.digest("SHA-256", t);
-	return Array.from(new Uint8Array(n)).map((e) => e.toString(16).padStart(2, "0")).join("");
-}
 //#endregion
 //#region src/runtime/mount.tsx
-function Fa(e, t) {
+function Na(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);
@@ -4711,23 +4748,23 @@ function Fa(e, t) {
 	let a = document.createElement("div");
 	a.className = "markup-shadow-root", r.appendChild(a);
 	let { theme: o, ...s } = t;
-	return ue(/* @__PURE__ */ $(Ma, { ...s }), a), () => ue(null, a);
+	return ue(/* @__PURE__ */ $(ja, { ...s }), a), () => ue(null, a);
 }
 //#endregion
 //#region src/widget.ts
-var Ia = null, La = null;
-function Ra(e) {
-	za();
+var Pa = null, Fa = null;
+function Ia(e) {
+	La();
 	let t = document.createElement("div");
-	return t.id = "markup-widget", document.body.appendChild(t), La = t, Ia = Fa(t, e), za;
+	return t.id = "markup-widget", document.body.appendChild(t), Fa = t, Pa = Na(t, e), La;
 }
-function za() {
-	Ia &&= (Ia(), null), La?.parentNode && La.parentNode.removeChild(La), La = null;
+function La() {
+	Pa &&= (Pa(), null), Fa?.parentNode && Fa.parentNode.removeChild(Fa), Fa = 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 = () => Ra({
+		let r = e?.dataset.position, i = e?.dataset.theme, a = () => Ia({
 			apiUrl: t,
 			apiKey: n,
 			position: r,
@@ -4738,13 +4775,13 @@ if (typeof document < "u") {
 }
 //#endregion
 //#region src/react.tsx
-function Ba(t) {
-	return e(() => (Ra({
+function Ra(t) {
+	return e(() => (Ia({
 		apiUrl: t.apiUrl,
 		apiKey: t.apiKey,
 		position: t.position,
 		theme: t.theme
-	}), () => za()), [
+	}), () => La()), [
 		t.apiUrl,
 		t.apiKey,
 		t.position,
@@ -4752,4 +4789,4 @@ function Ba(t) {
 	]), null;
 }
 //#endregion
-export { Ba as MarkupWidget };
+export { Ra as MarkupWidget };