@pixelmatters/markup 1.0.1 → 1.1.0

package/dist/widget.js

@@ -2751,14 +2751,22 @@ function kr(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 ? Ar(c) : null;
-		if (!s.ok) throw s.status === 401 && o && e.onUnauthorized?.(), new Or((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 ? Ar(l) : null;
+		if (!c.ok) throw c.status === 401 && o && e.onUnauthorized?.(), new Or((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" });
 		},
@@ -2792,11 +2800,8 @@ function kr(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`, {
@@ -2831,20 +2836,26 @@ function Nr(e) {
 		localStorage.setItem(jr, JSON.stringify(e));
 	} catch {}
 }
-function Pr() {
-	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 Fr(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 Pr(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);
@@ -2866,14 +2877,14 @@ function Fr(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/util.js
-function Ir(e, t) {
+function Fr(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 Lr = (() => {
+var Ir = (() => {
 	let e = 0, t = () => `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4);
 	return () => (e += 1, `u${t()}${e}`);
 })();
@@ -2882,29 +2893,29 @@ function Y(e) {
 	for (let n = 0, r = e.length; n < r; n++) t.push(e[n]);
 	return t;
 }
-var Rr = null;
-function zr(e = {}) {
-	return Rr || (e.includeStyleProperties ? (Rr = e.includeStyleProperties, Rr) : (Rr = Y(window.getComputedStyle(document.documentElement)), Rr));
+var Lr = null;
+function Rr(e = {}) {
+	return Lr || (e.includeStyleProperties ? (Lr = e.includeStyleProperties, Lr) : (Lr = Y(window.getComputedStyle(document.documentElement)), Lr));
 }
-function Br(e, t) {
+function zr(e, t) {
 	let n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
 	return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function Vr(e) {
-	let t = Br(e, "border-left-width"), n = Br(e, "border-right-width");
+function Br(e) {
+	let t = zr(e, "border-left-width"), n = zr(e, "border-right-width");
 	return e.clientWidth + t + n;
 }
-function Hr(e) {
-	let t = Br(e, "border-top-width"), n = Br(e, "border-bottom-width");
+function Vr(e) {
+	let t = zr(e, "border-top-width"), n = zr(e, "border-bottom-width");
 	return e.clientHeight + t + n;
 }
-function Ur(e, t = {}) {
+function Hr(e, t = {}) {
 	return {
-		width: t.width || Vr(e),
-		height: t.height || Hr(e)
+		width: t.width || Br(e),
+		height: t.height || Vr(e)
 	};
 }
-function Wr() {
+function Ur() {
 	let e, t;
 	try {
 		t = process;
@@ -2913,10 +2924,10 @@ function Wr() {
 	return n && (e = parseInt(n, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
 }
 var X = 16384;
-function Gr(e) {
+function Wr(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 Kr(e) {
+function Gr(e) {
 	return new Promise((t, n) => {
 		let r = new Image();
 		r.onload = () => {
@@ -2926,12 +2937,12 @@ function Kr(e) {
 		}, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = e;
 	});
 }
-async function qr(e) {
+async function Kr(e) {
 	return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function Jr(e, t, n) {
+async function qr(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), qr(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), Kr(i);
 }
 var Z = (e, t) => {
 	if (e instanceof t) return !0;
@@ -2940,66 +2951,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 Yr(e) {
+function Jr(e) {
 	let t = e.getPropertyValue("content");
 	return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function Xr(e, t) {
-	return zr(t).map((t) => `${t}: ${e.getPropertyValue(t)}${e.getPropertyPriority(t) ? " !important" : ""};`).join(" ");
+function Yr(e, t) {
+	return Rr(t).map((t) => `${t}: ${e.getPropertyValue(t)}${e.getPropertyPriority(t) ? " !important" : ""};`).join(" ");
 }
-function Zr(e, t, n, r) {
-	let i = `.${e}:${t}`, a = n.cssText ? Yr(n) : Xr(n, r);
+function Xr(e, t, n, r) {
+	let i = `.${e}:${t}`, a = n.cssText ? Jr(n) : Yr(n, r);
 	return document.createTextNode(`${i}{${a}}`);
 }
-function Qr(e, t, n, r) {
+function Zr(e, t, n, r) {
 	let i = window.getComputedStyle(e, n), a = i.getPropertyValue("content");
 	if (a === "" || a === "none") return;
-	let o = Lr();
+	let o = Ir();
 	try {
 		t.className = `${t.className} ${o}`;
 	} catch {
 		return;
 	}
 	let s = document.createElement("style");
-	s.appendChild(Zr(o, n, i, r)), t.appendChild(s);
+	s.appendChild(Xr(o, n, i, r)), t.appendChild(s);
 }
-function $r(e, t, n) {
-	Qr(e, t, ":before", n), Qr(e, t, ":after", n);
+function Qr(e, t, n) {
+	Zr(e, t, ":before", n), Zr(e, t, ":after", n);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/mimes.js
-var ei = "application/font-woff", ti = "image/jpeg", ni = {
-	woff: ei,
-	woff2: ei,
+var $r = "application/font-woff", ei = "image/jpeg", ti = {
+	woff: $r,
+	woff2: $r,
 	ttf: "application/font-truetype",
 	eot: "application/vnd.ms-fontobject",
 	png: "image/png",
-	jpg: ti,
-	jpeg: ti,
+	jpg: ei,
+	jpeg: ei,
 	gif: "image/gif",
 	tiff: "image/tiff",
 	svg: "image/svg+xml",
 	webp: "image/webp"
 };
-function ri(e) {
+function ni(e) {
 	let t = /\.([^./]*?)$/g.exec(e);
 	return t ? t[1] : "";
 }
-function ii(e) {
-	return ni[ri(e).toLowerCase()] || "";
+function ri(e) {
+	return ti[ni(e).toLowerCase()] || "";
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/dataurl.js
-function ai(e) {
+function ii(e) {
 	return e.split(/,/)[1];
 }
-function oi(e) {
+function ai(e) {
 	return e.search(/^(data:)/) !== -1;
 }
-function si(e, t) {
+function oi(e, t) {
 	return `data:${t};base64,${e}`;
 }
-async function ci(e, t, n) {
+async function si(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();
@@ -3017,78 +3028,78 @@ async function ci(e, t, n) {
 		}, a.readAsDataURL(i);
 	});
 }
-var li = {};
-function ui(e, t, n) {
+var ci = {};
+function li(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 di(e, t, n) {
-	let r = ui(e, t, n.includeQueryParams);
-	if (li[r] != null) return li[r];
+async function ui(e, t, n) {
+	let r = li(e, t, n.includeQueryParams);
+	if (ci[r] != null) return ci[r];
 	n.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
 	let i;
 	try {
-		i = si(await ci(e, n.fetchRequestInit, ({ res: e, result: n }) => (t ||= e.headers.get("Content-Type") || "", ai(n))), t);
+		i = oi(await si(e, n.fetchRequestInit, ({ res: e, result: n }) => (t ||= e.headers.get("Content-Type") || "", ii(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 li[r] = i, i;
+	return ci[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 fi(e) {
+async function di(e) {
 	let t = e.toDataURL();
-	return t === "data:," ? e.cloneNode(!1) : Kr(t);
+	return t === "data:," ? e.cloneNode(!1) : Gr(t);
 }
-async function pi(e, t) {
+async function fi(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), Kr(t.toDataURL());
+		return t.width = e.clientWidth, t.height = e.clientHeight, n?.drawImage(e, 0, 0, t.width, t.height), Gr(t.toDataURL());
 	}
 	let n = e.poster;
-	return Kr(await di(n, ii(n), t));
+	return Gr(await ui(n, ri(n), t));
 }
-async function mi(e, t) {
+async function pi(e, t) {
 	try {
-		if (e?.contentDocument?.body) return await wi(e.contentDocument.body, t, !0);
+		if (e?.contentDocument?.body) return await Ci(e.contentDocument.body, t, !0);
 	} catch {}
 	return e.cloneNode(!1);
 }
-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));
+async function mi(e, t) {
+	return Z(e, HTMLCanvasElement) ? di(e) : Z(e, HTMLVideoElement) ? fi(e, t) : Z(e, HTMLIFrameElement) ? pi(e, t) : e.cloneNode(gi(e));
 }
-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;
+var hi = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", gi = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
+async function _i(e, t, n) {
+	if (gi(t)) return t;
 	let r = [];
-	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) => {
+	return r = hi(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(() => Ci(r, n)).then((e) => {
 		e && t.appendChild(e);
 	}), Promise.resolve()), t;
 }
-function yi(e, t, n) {
+function vi(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) : zr(n).forEach((n) => {
+	i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : Rr(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 bi(e, t) {
+function yi(e, t) {
 	Z(e, HTMLTextAreaElement) && (t.innerHTML = e.value), Z(e, HTMLInputElement) && t.setAttribute("value", e.value);
 }
-function xi(e, t) {
+function bi(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 Si(e, t, n) {
-	return Z(t, Element) && (yi(e, t, n), $r(e, t, n), bi(e, t), xi(e, t)), t;
+function xi(e, t, n) {
+	return Z(t, Element) && (vi(e, t, n), Qr(e, t, n), yi(e, t), bi(e, t)), t;
 }
-async function Ci(e, t) {
+async function Si(e, t) {
 	let n = e.querySelectorAll ? e.querySelectorAll("use") : [];
 	if (n.length === 0) return e;
 	let r = {};
@@ -3096,7 +3107,7 @@ async function Ci(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 wi(i, t, !0));
+			!n && i && !r[a] && (r[a] = await Ci(i, t, !0));
 		}
 	}
 	let i = Object.values(r);
@@ -3110,61 +3121,61 @@ async function Ci(e, t) {
 	}
 	return e;
 }
-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));
+async function Ci(e, t, n) {
+	return !n && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((e) => mi(e, t)).then((n) => _i(e, n, t)).then((n) => xi(e, n, t)).then((e) => Si(e, t));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/embed-resources.js
-var Ti = /url\((['"]?)([^'"]+?)\1\)/g, Ei = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Di = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Oi(e) {
+var wi = /url\((['"]?)([^'"]+?)\1\)/g, Ti = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Ei = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Di(e) {
 	let t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
 	return RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function ki(e) {
+function Oi(e) {
 	let t = [];
-	return e.replace(Ti, (e, n, r) => (t.push(r), e)), t.filter((e) => !oi(e));
+	return e.replace(wi, (e, n, r) => (t.push(r), e)), t.filter((e) => !ai(e));
 }
-async function Ai(e, t, n, r, i) {
+async function ki(e, t, n, r, i) {
 	try {
-		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`);
+		let a = n ? Fr(t, n) : t, o = ri(t), s;
+		return s = i ? oi(await i(a), o) : await ui(a, o, r), e.replace(Di(t), `$1${s}$3`);
 	} catch {}
 	return e;
 }
-function ji(e, { preferredFontFormat: t }) {
-	return t ? e.replace(Di, (e) => {
+function Ai(e, { preferredFontFormat: t }) {
+	return t ? e.replace(Ei, (e) => {
 		for (;;) {
-			let [n, , r] = Ei.exec(e) || [];
+			let [n, , r] = Ti.exec(e) || [];
 			if (!r) return "";
 			if (r === t) return `src: ${n};`;
 		}
 	}) : e;
 }
-function Mi(e) {
-	return e.search(Ti) !== -1;
+function ji(e) {
+	return e.search(wi) !== -1;
 }
-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));
+async function Mi(e, t, n) {
+	if (!ji(e)) return e;
+	let r = Ai(e, n);
+	return Oi(r).reduce((e, r) => e.then((e) => ki(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 Pi(e, t, n) {
+async function Ni(e, t, n) {
 	let r = t.style?.getPropertyValue(e);
 	if (r) {
-		let i = await Ni(r, null, n);
+		let i = await Mi(r, null, n);
 		return t.style.setProperty(e, i, t.style.getPropertyPriority(e)), !0;
 	}
 	return !1;
 }
-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 Pi(e, t) {
+	await Ni("background", e, t) || await Ni("background-image", e, t), await Ni("mask", e, t) || await Ni("-webkit-mask", e, t) || await Ni("mask-image", e, t) || await Ni("-webkit-mask-image", e, t);
 }
-async function Ii(e, t) {
+async function Fi(e, t) {
 	let n = Z(e, HTMLImageElement);
-	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);
+	if (!(n && !ai(e.src)) && !(Z(e, SVGImageElement) && !ai(e.href.baseVal))) return;
+	let r = n ? e.src : e.href.baseVal, i = await ui(r, ri(r), t);
 	await new Promise((r, a) => {
 		e.onload = r, e.onerror = t.onImageErrorHandler ? (...e) => {
 			try {
@@ -3177,16 +3188,16 @@ async function Ii(e, t) {
 		o.decode &&= r, o.loading === "lazy" && (o.loading = "eager"), n ? (e.srcset = "", e.src = i) : e.href.baseVal = i;
 	});
 }
-async function Li(e, t) {
-	let n = Y(e.childNodes).map((e) => Ri(e, t));
+async function Ii(e, t) {
+	let n = Y(e.childNodes).map((e) => Li(e, t));
 	await Promise.all(n).then(() => e);
 }
-async function Ri(e, t) {
-	Z(e, Element) && (await Fi(e, t), await Ii(e, t), await Li(e, t));
+async function Li(e, t) {
+	Z(e, Element) && (await Pi(e, t), await Fi(e, t), await Ii(e, t));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/apply-style.js
-function zi(e, t) {
+function Ri(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;
@@ -3196,22 +3207,22 @@ function zi(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/embed-webfonts.js
-var Bi = {};
-async function Vi(e) {
-	let t = Bi[e];
+var zi = {};
+async function Bi(e) {
+	let t = zi[e];
 	return t ?? (t = {
 		url: e,
 		cssText: await (await fetch(e)).text()
-	}, Bi[e] = t, t);
+	}, zi[e] = t, t);
 }
-async function Hi(e, t) {
+async function Vi(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), ci(a, t.fetchRequestInit, ({ result: e }) => (n = n.replace(i, `url(${e})`), [i, e]));
+		return a.startsWith("https://") || (a = new URL(a, e.url).href), si(a, t.fetchRequestInit, ({ result: e }) => (n = n.replace(i, `url(${e})`), [i, e]));
 	});
 	return Promise.all(i).then(() => n);
 }
-function Ui(e) {
+function Hi(e) {
 	if (e == null) return [];
 	let t = [], n = e.replace(/(\/\*[\s\S]*?\*\/)/gi, ""), r = /* @__PURE__ */ RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
 	for (;;) {
@@ -3231,13 +3242,13 @@ function Ui(e) {
 	}
 	return t;
 }
-async function Wi(e, t) {
+async function Ui(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 = Vi(o).then((e) => Hi(e, t)).then((e) => Ui(e).forEach((e) => {
+					let a = i + 1, o = e.href, s = Bi(o).then((e) => Vi(e, t)).then((e) => Hi(e).forEach((e) => {
 						try {
 							n.insertRule(e, e.startsWith("@import") ? a += 1 : n.cssRules.length);
 						} catch (t) {
@@ -3254,7 +3265,7 @@ async function Wi(e, t) {
 			});
 		} catch (i) {
 			let a = e.find((e) => e.href == null) || document.styleSheets[0];
-			n.href != null && r.push(Vi(n.href).then((e) => Hi(e, t)).then((e) => Ui(e).forEach((e) => {
+			n.href != null && r.push(Bi(n.href).then((e) => Vi(e, t)).then((e) => Hi(e).forEach((e) => {
 				a.insertRule(e, a.cssRules.length);
 			})).catch((e) => {
 				console.error("Error loading remote stylesheet", e);
@@ -3270,36 +3281,36 @@ async function Wi(e, t) {
 		}
 	}), n));
 }
-function Gi(e) {
-	return e.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Mi(e.style.getPropertyValue("src")));
+function Wi(e) {
+	return e.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => ji(e.style.getPropertyValue("src")));
 }
-async function Ki(e, t) {
+async function Gi(e, t) {
 	if (e.ownerDocument == null) throw Error("Provided element is not within a Document");
-	return Gi(await Wi(Y(e.ownerDocument.styleSheets), t));
+	return Wi(await Ui(Y(e.ownerDocument.styleSheets), t));
 }
-function qi(e) {
+function Ki(e) {
 	return e.trim().replace(/["']/g, "");
 }
-function Ji(e) {
+function qi(e) {
 	let t = /* @__PURE__ */ new Set();
 	function n(e) {
 		(e.style.fontFamily || getComputedStyle(e).fontFamily).split(",").forEach((e) => {
-			t.add(qi(e));
+			t.add(Ki(e));
 		}), Array.from(e.children).forEach((e) => {
 			e instanceof HTMLElement && n(e);
 		});
 	}
 	return n(e), t;
 }
-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) => {
+async function Ji(e, t) {
+	let n = await Gi(e, t), r = qi(e);
+	return (await Promise.all(n.filter((e) => r.has(Ki(e.style.fontFamily))).map((e) => {
 		let n = e.parentStyleSheet ? e.parentStyleSheet.href : null;
-		return Ni(e.cssText, n, t);
+		return Mi(e.cssText, n, t);
 	}))).join("\n");
 }
-async function Xi(e, t) {
-	let n = t.fontEmbedCSS == null ? t.skipFonts ? null : await Yi(e, t) : t.fontEmbedCSS;
+async function Yi(e, t) {
+	let n = t.fontEmbedCSS == null ? t.skipFonts ? null : await Ji(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);
@@ -3307,23 +3318,23 @@ async function Xi(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/index.js
-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 Xi(e, t = {}) {
+	let { width: n, height: r } = Hr(e, t), i = await Ci(e, t, !0);
+	return await Yi(i, t), await Li(i, t), Ri(i, t), await qr(i, n, r);
 }
-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;
+async function Zi(e, t = {}) {
+	let { width: n, height: r } = Hr(e, t), i = await Gr(await Xi(e, t)), a = document.createElement("canvas"), o = a.getContext("2d"), s = t.pixelRatio || Ur(), c = t.canvasWidth || n, l = t.canvasHeight || r;
+	return a.width = c * s, a.height = l * s, t.skipAutoScale || Wr(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 $i = 2 * 1024 * 1024;
-async function ea(e, t) {
+var Qi = 2 * 1024 * 1024;
+async function $i(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 Qi(document.documentElement, {
+		let r = window.innerWidth, i = window.innerHeight, a = Math.min(window.devicePixelRatio, 2), o = await Zi(document.documentElement, {
 			width: r,
 			height: i,
 			cacheBust: !0,
@@ -3337,21 +3348,21 @@ async function ea(e, t) {
 		});
 		if (t) {
 			let e = o.getContext("2d");
-			e && na(e, t.x, t.y, a);
+			e && ta(e, t.x, t.y, a);
 		}
-		let s = await ta(o, .85);
+		let s = await ea(o, .85);
 		if (!s) return null;
-		if (s.size <= $i) return s;
-		let c = await ta(o, .5);
-		return !c || c.size > $i ? null : c;
+		if (s.size <= Qi) return s;
+		let c = await ea(o, .5);
+		return !c || c.size > Qi ? null : c;
 	} catch {
 		return null;
 	}
 }
-function ta(e, t) {
+function ea(e, t) {
 	return new Promise((n) => e.toBlob(n, "image/jpeg", t));
 }
-function na(e, t, n, r) {
+function ta(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;
@@ -3374,7 +3385,7 @@ function Q(...e) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
-var ra = 0;
+var na = 0;
 Array.isArray;
 function $(e, n, r, i, a, o) {
 	n ||= {};
@@ -3391,7 +3402,7 @@ function $(e, n, r, i, a, o) {
 		__e: null,
 		__c: null,
 		constructor: void 0,
-		__v: --ra,
+		__v: --na,
 		__i: -1,
 		__u: 0,
 		__source: a,
@@ -3402,7 +3413,7 @@ function $(e, n, r, i, a, o) {
 }
 //#endregion
 //#region src/runtime/ui/icons.tsx
-function ia({ size: e = 16 }) {
+function ra({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3412,7 +3423,7 @@ function ia({ 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 aa({ size: e = 16 }) {
+function ia({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3421,7 +3432,7 @@ function aa({ 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 oa({ size: e = 16 }) {
+function aa({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3430,7 +3441,7 @@ function oa({ 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 sa({ size: e = 16 }) {
+function oa({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3443,7 +3454,7 @@ function sa({ size: e = 16 }) {
 		})
 	});
 }
-function ca({ size: e = 16 }) {
+function sa({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3457,7 +3468,7 @@ function ca({ size: e = 16 }) {
 		})
 	});
 }
-function la({ size: e = 16 }) {
+function ca({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3466,7 +3477,7 @@ function la({ 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 ua({ size: e = 16 }) {
+function la({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3478,7 +3489,7 @@ function ua({ size: e = 16 }) {
 }
 //#endregion
 //#region src/runtime/ui/fab.tsx
-function da({ active: e, onToggle: t, onHide: n, position: r = "bottom-right" }) {
+function ua({ 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"),
@@ -3496,7 +3507,7 @@ function da({ active: e, onToggle: t, onHide: n, position: r = "bottom-right" })
 		"aria-pressed": e,
 		children: [/* @__PURE__ */ $("span", {
 			class: "markup-fab-icon",
-			children: $(e ? aa : ia, { size: 16 })
+			children: $(e ? ia : ra, { size: 16 })
 		}), /* @__PURE__ */ $("span", {
 			class: "markup-fab-label",
 			children: e ? "Cancel" : "Markup"
@@ -3505,7 +3516,7 @@ function da({ active: e, onToggle: t, onHide: n, position: r = "bottom-right" })
 }
 //#endregion
 //#region src/runtime/use-focus-trap.ts
-var fa = [
+var da = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -3513,14 +3524,14 @@ var fa = [
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(",");
-function pa(e, t) {
+function fa(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(fa)), r = t[0], i = t[t.length - 1];
+			let t = Array.from(n.querySelectorAll(da)), 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());
@@ -3530,7 +3541,7 @@ function pa(e, t) {
 }
 //#endregion
 //#region src/runtime/ui/author-prompt.tsx
-function ma({ pending: e, onSubmit: t, onCancel: n, onSignIn: r }) {
+function pa({ pending: e, onSubmit: t, onCancel: n, onSignIn: r }) {
 	let [i, a] = L(""), [o, s] = L(""), c = z(null);
 	R(() => {
 		c.current?.focus();
@@ -3602,8 +3613,8 @@ function ma({ pending: e, onSubmit: t, onCancel: n, onSignIn: r }) {
 }
 //#endregion
 //#region src/runtime/ui/composer.tsx
-var ha = 4e3;
-function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "Post", initialFocus: r = !0, pending: i, error: a, onSubmit: o }) {
+var ma = 4e3;
+function ha({ 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();
@@ -3621,7 +3632,7 @@ function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 	function f(e) {
 		(e.metaKey || e.ctrlKey) && e.key === "Enter" && d(e);
 	}
-	let p = ha - s.length, m = p < 0, h = s.length > 0;
+	let p = ma - s.length, m = p < 0, h = s.length > 0;
 	function g(e) {
 		return /* @__PURE__ */ $("button", {
 			type: "submit",
@@ -3630,7 +3641,7 @@ function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 			"aria-label": i ? "Sending…" : n,
 			title: i ? "Sending…" : n,
 			tabIndex: e,
-			children: /* @__PURE__ */ $(la, { size: 14 })
+			children: /* @__PURE__ */ $(ca, { size: 14 })
 		});
 	}
 	return /* @__PURE__ */ $("form", {
@@ -3643,7 +3654,7 @@ function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 				class: "markup-composer-input",
 				placeholder: t,
 				rows: h ? 2 : 1,
-				maxLength: ha + 100,
+				maxLength: ma + 100,
 				value: s,
 				onInput: (e) => c(e.currentTarget.value),
 				onKeyDown: f,
@@ -3679,9 +3690,9 @@ function ga({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 }
 //#endregion
 //#region src/runtime/ui/new-thread-popover.tsx
-function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, error: a, screenshot: o, screenshotCapturing: s, onAuthor: c, onSignIn: l, onSubmit: u, onClose: d }) {
+function ga({ 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);
-	pa(f, !0);
+	fa(f, !0);
 	let [p, m] = L(!1), [h, g] = L(null);
 	R(() => {
 		if (!o) return;
@@ -3698,7 +3709,7 @@ function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 		}
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
 	}, [d]);
-	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;
+	let _ = _a(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), v = _a(t - window.scrollY - 16, 12, window.innerHeight - 220), y = o != null, b = s || y;
 	return /* @__PURE__ */ $("div", {
 		ref: f,
 		class: "markup-popover",
@@ -3719,9 +3730,9 @@ function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 				class: "markup-icon-btn",
 				"aria-label": "Discard pin",
 				onClick: d,
-				children: /* @__PURE__ */ $(aa, { size: 16 })
+				children: /* @__PURE__ */ $(ia, { size: 16 })
 			})]
-		}), n == null ? /* @__PURE__ */ $(ma, {
+		}), n == null ? /* @__PURE__ */ $(pa, {
 			pending: i,
 			onSubmit: c,
 			onCancel: d,
@@ -3743,7 +3754,7 @@ function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ $(ga, {
+				/* @__PURE__ */ $(ha, {
 					label: "Feedback",
 					placeholder: "What's wrong, missing, or worth noting?",
 					submitLabel: "Post markup",
@@ -3761,7 +3772,7 @@ function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 								class: "markup-screenshot-checkbox",
 								disabled: !0
 							}),
-							/* @__PURE__ */ $(ca, { size: 12 }),
+							/* @__PURE__ */ $(sa, { size: 12 }),
 							/* @__PURE__ */ $("span", { children: "Capturing…" })
 						]
 					}) : /* @__PURE__ */ $("label", {
@@ -3773,7 +3784,7 @@ function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 								checked: p,
 								onChange: (e) => m(e.currentTarget.checked)
 							}),
-							/* @__PURE__ */ $(ca, { size: 12 }),
+							/* @__PURE__ */ $(sa, { size: 12 }),
 							/* @__PURE__ */ $("span", { children: "Attach screenshot" }),
 							h && p ? /* @__PURE__ */ $("img", {
 								class: "markup-screenshot-thumb",
@@ -3787,12 +3798,12 @@ function _a({ pageX: e, pageY: t, authorName: n, isVerified: r, pending: i, erro
 		})]
 	});
 }
-function va(e, t, n) {
+function _a(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
 //#endregion
 //#region src/runtime/ui/pin.tsx
-function ya({ pageX: e, pageY: t, count: n, active: r, onClick: i }) {
+function va({ pageX: e, pageY: t, count: n, active: r, onClick: i }) {
 	let a = t - window.scrollY, o = e - window.scrollX;
 	return /* @__PURE__ */ $("button", {
 		type: "button",
@@ -3815,7 +3826,7 @@ function ya({ pageX: e, pageY: t, count: n, active: r, onClick: i }) {
 		}) : null]
 	});
 }
-function ba({ pageX: e, pageY: t }) {
+function ya({ pageX: e, pageY: t }) {
 	let n = t - window.scrollY, r = e - window.scrollX;
 	return /* @__PURE__ */ $("div", {
 		class: "markup-pin markup-pin-ghost is-anchor",
@@ -3831,7 +3842,7 @@ function ba({ pageX: e, pageY: t }) {
 }
 //#endregion
 //#region src/runtime/ui/placement-overlay.tsx
-function xa({ onPlace: e, onCancel: t }) {
+function ba({ onPlace: e, onCancel: t }) {
 	R(() => {
 		function e(e) {
 			e.key === "Escape" && t();
@@ -3857,7 +3868,7 @@ function xa({ onPlace: e, onCancel: t }) {
 }
 //#endregion
 //#region src/runtime/ui/thread-popover.tsx
-var Sa = [
+var xa = [
 	"👍",
 	"❤️",
 	"🎉",
@@ -3865,9 +3876,9 @@ var Sa = [
 	"😄",
 	"❓"
 ];
-function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDelete: i, pending: a, error: o, onAuthor: s, onSignIn: c, onClose: l, onReply: u, onEditComment: d, onDeleteComment: f, onToggleReaction: p, onResolve: m, onDelete: h }) {
+function Sa({ 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(""), [ee, k] = L(null), [A, te] = L("down"), [j, ne] = L(null), [M, N] = L(null), [re, ie] = L("down"), ae = z(null);
-	pa(g, !0);
+	fa(g, !0);
 	let oe = e.resolvedAt != null, P = we(() => e.comments.filter((e) => !e.deleted), [e.comments]);
 	function se(e, t) {
 		E(e), O(t);
@@ -3932,8 +3943,8 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 			anchorSelector: e.anchorSelector
 		});
 		return {
-			left: Da(t.pageX - window.scrollX + 16, 12, window.innerWidth - 320 - 12),
-			top: Da(t.pageY - window.scrollY - 16, 12, window.innerHeight - 200)
+			left: Ea(t.pageX - window.scrollX + 16, 12, window.innerWidth - 320 - 12),
+			top: Ea(t.pageY - window.scrollY - 16, 12, window.innerHeight - 200)
 		};
 	}, [
 		e.anchorX,
@@ -3973,7 +3984,7 @@ function Ca({ 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__ */ $(oa, { size: 16 })
+								children: /* @__PURE__ */ $(aa, { size: 16 })
 							}), x ? /* @__PURE__ */ $("div", {
 								class: "markup-thread-menu-list",
 								children: [/* @__PURE__ */ $("button", {
@@ -4001,14 +4012,14 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 							title: "Mark as resolved",
 							disabled: a,
 							onClick: m,
-							children: /* @__PURE__ */ $(sa, { size: 16 })
+							children: /* @__PURE__ */ $(oa, { size: 16 })
 						}) : null,
 						/* @__PURE__ */ $("button", {
 							type: "button",
 							class: "markup-icon-btn",
 							title: "Close thread",
 							onClick: l,
-							children: /* @__PURE__ */ $(aa, { size: 16 })
+							children: /* @__PURE__ */ $(ia, { size: 16 })
 						})
 					]
 				})]
@@ -4035,12 +4046,12 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 									/* @__PURE__ */ $("time", {
 										class: "markup-comment-time",
 										datetime: new Date(t.createdAt).toISOString(),
-										title: ka(t.createdAt),
-										children: Oa(t.createdAt)
+										title: Oa(t.createdAt),
+										children: Da(t.createdAt)
 									}),
 									/* @__PURE__ */ $("div", {
 										class: "markup-thread-actions",
-										children: [!oe && !l ? /* @__PURE__ */ $(wa, {
+										children: [!oe && !l ? /* @__PURE__ */ $(Ca, {
 											comment: t,
 											pickerOpen: M === t._id,
 											pickerDirection: re,
@@ -4075,7 +4086,7 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 													let n = e.currentTarget.getBoundingClientRect(), r = y.current?.getBoundingClientRect(), i = (+!!s + +!!c) * 32 + 8 + 6;
 													te((r ? r.bottom - n.bottom : Infinity) < i ? "up" : "down"), k(t._id);
 												},
-												children: /* @__PURE__ */ $(oa, { size: 16 })
+												children: /* @__PURE__ */ $(aa, { size: 16 })
 											}), m ? /* @__PURE__ */ $("div", {
 												class: "markup-thread-menu-list",
 												children: [s ? /* @__PURE__ */ $("button", {
@@ -4138,11 +4149,11 @@ function Ca({ 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: ka(t.editedAt),
+									title: Oa(t.editedAt),
 									children: [" ", "(edited)"]
 								})]
 							}),
-							!l && t.reactions.length > 0 ? /* @__PURE__ */ $(Ta, {
+							!l && t.reactions.length > 0 ? /* @__PURE__ */ $(wa, {
 								comment: t,
 								isResolved: oe,
 								onToggle: (e) => p(t._id, e)
@@ -4171,7 +4182,7 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 					onClick: (e) => {
 						e.stopPropagation(), b.current?.close();
 					},
-					children: /* @__PURE__ */ $(aa, { size: 16 })
+					children: /* @__PURE__ */ $(ia, { size: 16 })
 				}), /* @__PURE__ */ $("img", {
 					class: "markup-lightbox-img",
 					src: e.screenshotUrl,
@@ -4179,7 +4190,7 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 					onClick: (e) => e.stopPropagation()
 				})]
 			}) : null,
-			t == null ? /* @__PURE__ */ $(ma, {
+			t == null ? /* @__PURE__ */ $(pa, {
 				pending: a,
 				onSubmit: s,
 				onCancel: l,
@@ -4199,7 +4210,7 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 							children: "team"
 						}) : null
 					]
-				}), /* @__PURE__ */ $(ga, {
+				}), /* @__PURE__ */ $(ha, {
 					label: "Reply",
 					placeholder: "Write a reply…",
 					submitLabel: "Reply",
@@ -4212,7 +4223,7 @@ function Ca({ thread: e, authorName: t, currentClientId: n, isVerified: r, canDe
 		]
 	});
 }
-function wa({ comment: e, pickerOpen: t, pickerDirection: n, pickerRef: r, onPickerClick: i, onPickerSelect: a }) {
+function Ca({ 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,
@@ -4222,11 +4233,11 @@ function wa({ comment: e, pickerOpen: t, pickerDirection: n, pickerRef: r, onPic
 			title: "Add reaction",
 			"aria-label": "Add reaction",
 			onClick: i,
-			children: /* @__PURE__ */ $(ua, { size: 16 })
+			children: /* @__PURE__ */ $(la, { size: 16 })
 		}), t ? /* @__PURE__ */ $("div", {
 			class: "markup-reaction-picker",
 			role: "menu",
-			children: Sa.map((t) => /* @__PURE__ */ $("button", {
+			children: xa.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"),
@@ -4236,11 +4247,11 @@ function wa({ comment: e, pickerOpen: t, pickerDirection: n, pickerRef: r, onPic
 		}) : null]
 	});
 }
-function Ta({ comment: e, isResolved: t, onToggle: n }) {
+function wa({ comment: e, isResolved: t, onToggle: n }) {
 	return /* @__PURE__ */ $("div", {
 		class: "markup-reactions",
 		children: e.reactions.map((e) => {
-			let r = Ea(e.reactors, e.mine, e.count, e.emoji);
+			let r = Ta(e.reactors, e.mine, e.count, e.emoji);
 			return /* @__PURE__ */ $("button", {
 				type: "button",
 				class: Q("markup-reaction-chip", e.mine && "is-mine"),
@@ -4261,14 +4272,14 @@ function Ta({ comment: e, isResolved: t, onToggle: n }) {
 		})
 	});
 }
-function Ea(e, t, n, r) {
+function Ta(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 Da(e, t, n) {
+function Ea(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function Oa(e) {
+function Da(e) {
 	let t = Date.now() - e, n = Math.floor(t / 1e3);
 	if (n < 60) return "just now";
 	let r = Math.floor(n / 60);
@@ -4285,7 +4296,7 @@ function Oa(e) {
 		year: "numeric"
 	});
 }
-function ka(e) {
+function Oa(e) {
 	return new Date(e).toLocaleDateString([], {
 		month: "long",
 		day: "numeric",
@@ -4296,7 +4307,7 @@ function ka(e) {
 }
 //#endregion
 //#region src/runtime/ui/app.tsx
-function Aa(e) {
+function ka(e) {
 	return {
 		clientId: `markup_user_${e.identity.id}`,
 		name: e.identity.name,
@@ -4306,7 +4317,7 @@ function Aa(e) {
 		tokenExpiresAt: e.tokenExpiresAt ?? void 0
 	};
 }
-function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
+function Aa({ 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 = we(() => kr({
@@ -4319,30 +4330,65 @@ function ja({ 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), Nr(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 = Mr();
-		if (e) {
+		if (e?.anonToken || e?.isVerified) {
 			c(e);
 			return;
 		}
-		let t = { clientId: Pr() };
-		Nr(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
+				};
+				Nr(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(() => {
-		Na(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 ir(e.replace(/\.convex\.site(\/.*)?$/, ".convex.cloud"));
@@ -4354,7 +4400,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 	R(() => {
 		let e = D.current;
 		if (!(!e || !T)) return O.current = !1, g(null), e.onUpdate(Jt("widget/queries:subscribeThreadsForRoute"), {
-			apiKeyHash: T,
+			subscriptionToken: T,
 			route: r,
 			viewerClientId: s?.clientId ?? void 0
 		}, (e) => {
@@ -4424,7 +4470,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			pageY: n + window.scrollY,
 			screenshot: null,
 			screenshotCapturing: !0
-		}), ea(S.current != null && S.current.getRootNode() instanceof ShadowRoot ? S.current.getRootNode().host : null, {
+		}), $i(S.current != null && S.current.getRootNode() instanceof ShadowRoot ? S.current.getRootNode().host : null, {
 			x: t,
 			y: n
 		}).then((e) => {
@@ -4435,8 +4481,9 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 			} : t);
 		});
 	}, []), te = B((e, t) => {
+		if (!s) return;
 		let n = {
-			clientId: s?.clientId ?? Pr(),
+			...s,
 			name: e,
 			email: t
 		};
@@ -4444,7 +4491,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 	}, [s]), j = B(async () => {
 		g(null);
 		try {
-			let n = Aa(await Fr(e, t));
+			let n = ka(await Pr(e, t));
 			Nr(n), c(n);
 		} catch (e) {
 			g(e instanceof Error ? e.message : "Sign-in failed");
@@ -4478,7 +4525,6 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 					userAgent: navigator.userAgent,
 					authorName: s.name,
 					authorEmail: s.email,
-					authorClientId: s.clientId,
 					body: e,
 					screenshotStorageId: n
 				});
@@ -4531,8 +4577,7 @@ function ja({ 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) {
@@ -4549,10 +4594,7 @@ function ja({ 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;
@@ -4568,7 +4610,7 @@ function ja({ 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");
@@ -4586,7 +4628,6 @@ function ja({ 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));
@@ -4612,7 +4653,7 @@ function ja({ 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__ */ $(ya, {
+					return /* @__PURE__ */ $(va, {
 						pageX: n.pageX,
 						pageY: n.pageY,
 						count: r,
@@ -4622,16 +4663,16 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 							threadId: e._id
 						})
 					}, e._id);
-				}), d.kind === "composing-new" ? /* @__PURE__ */ $(ba, {
+				}), d.kind === "composing-new" ? /* @__PURE__ */ $(ya, {
 					pageX: d.pageX,
 					pageY: d.pageY
 				}) : null]
 			}),
-			d.kind === "placing" ? /* @__PURE__ */ $(xa, {
+			d.kind === "placing" ? /* @__PURE__ */ $(ba, {
 				onPlace: A,
 				onCancel: k
 			}) : null,
-			d.kind === "thread" && P && !_ ? /* @__PURE__ */ $(Ca, {
+			d.kind === "thread" && P && !_ ? /* @__PURE__ */ $(Sa, {
 				thread: P,
 				authorName: C,
 				currentClientId: s?.clientId ?? null,
@@ -4649,7 +4690,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 				onDelete: M,
 				onResolve: N
 			}) : null,
-			d.kind === "composing-new" ? /* @__PURE__ */ $(_a, {
+			d.kind === "composing-new" ? /* @__PURE__ */ $(ga, {
 				pageX: d.pageX,
 				pageY: d.pageY,
 				authorName: C,
@@ -4663,7 +4704,7 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 				onSubmit: ne,
 				onClose: k
 			}) : null,
-			!_ || d.kind === "placing" || d.kind === "composing-new" ? /* @__PURE__ */ $(da, {
+			!_ || d.kind === "placing" || d.kind === "composing-new" ? /* @__PURE__ */ $(ua, {
 				active: d.kind === "placing",
 				onToggle: () => d.kind === "placing" ? k() : ee(),
 				onHide: () => {
@@ -4671,11 +4712,11 @@ function ja({ apiUrl: e, apiKey: t, position: n = "bottom-right" }) {
 				},
 				position: n
 			}) : null,
-			_ && y ? /* @__PURE__ */ $(Ma, { position: n }) : null
+			_ && y ? /* @__PURE__ */ $(ja, { position: n }) : null
 		]
 	});
 }
-function Ma({ position: e }) {
+function ja({ 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"),
@@ -4695,13 +4736,9 @@ function Ma({ position: e }) {
 		]
 	});
 }
-async function Na(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 Pa(e, t) {
+function Ma(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);
@@ -4710,23 +4747,23 @@ function Pa(e, t) {
 	let a = document.createElement("div");
 	a.className = "markup-shadow-root", r.appendChild(a);
 	let { theme: o, ...s } = t;
-	return le(/* @__PURE__ */ $(ja, { ...s }), a), () => le(null, a);
+	return le(/* @__PURE__ */ $(Aa, { ...s }), a), () => le(null, a);
 }
 //#endregion
 //#region src/widget.ts
-var Fa = null, Ia = null;
-function La(e) {
-	Ra();
+var Na = null, Pa = null;
+function Fa(e) {
+	Ia();
 	let t = document.createElement("div");
-	return t.id = "markup-widget", document.body.appendChild(t), Ia = t, Fa = Pa(t, e), Ra;
+	return t.id = "markup-widget", document.body.appendChild(t), Pa = t, Na = Ma(t, e), Ia;
 }
-function Ra() {
-	Fa &&= (Fa(), null), Ia?.parentNode && Ia.parentNode.removeChild(Ia), Ia = null;
+function Ia() {
+	Na &&= (Na(), null), Pa?.parentNode && Pa.parentNode.removeChild(Pa), Pa = 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 = () => La({
+		let r = e?.dataset.position, i = e?.dataset.theme, a = () => Fa({
 			apiUrl: t,
 			apiKey: n,
 			position: r,
@@ -4736,4 +4773,4 @@ if (typeof document < "u") {
 	}
 }
 //#endregion
-export { Ra as destroy, La as init };
+export { Ia as destroy, Fa as init };