@pixelmatters/markup 1.10.0 → 1.11.0

package/dist/widget.js

@@ -2882,79 +2882,150 @@ var Vr = class extends Error {
 	constructor(e, t) {
 		super(e), this.name = "WidgetApiError", this.status = t;
 	}
-};
-function Hr(e) {
+}, Hr = class extends Vr {
+	category;
+	constructor(e, t) {
+		super(`${e} took too long — check your connection`, 0), this.name = "WidgetTimeoutError", this.category = t;
+	}
+}, Ur = 15e3, Wr = 3e4;
+function Gr(e, t) {
+	let n = AbortSignal.timeout(e);
+	return t ? AbortSignal.any([t, n]) : n;
+}
+function Kr(e) {
 	let t = e.apiUrl.replace(/\/+$/, "");
-	async function n(n, r = {}) {
-		let i = {
+	async function n(n, r, i) {
+		let a = {
 			"content-type": "application/json",
 			"x-markup-api-key": e.apiKey,
 			...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 = e.getAnonToken?.() ?? null;
-		s && (i["x-markup-anon-token"] = s);
-		let c = e.getStorageMode?.() === "cookies", l = {
+		}, o = e.getToken?.() ?? null, s = o != null && o.token.length > 0 && o.expiresAt > Date.now();
+		s && o && (a.authorization = `Bearer ${o.token}`);
+		let c = e.getAnonToken?.() ?? null;
+		c && (a["x-markup-anon-token"] = c);
+		let l = e.getStorageMode?.() === "cookies", u = {
 			...r,
-			headers: i
+			headers: a,
+			signal: Gr(i.timeoutMs, i.signal)
 		};
-		c && (l.credentials = "include");
-		let u = await fetch(`${t}${n}`, l), d = await u.text(), f = d ? Ur(d) : null;
-		if (!u.ok) throw u.status === 401 && (o || c) && e.onUnauthorized?.(), new Vr((f && typeof f == "object" && "error" in f && typeof f.error == "string" ? f.error : null) ?? `Request failed with ${u.status}`, u.status);
-		return f;
+		l && (u.credentials = "include");
+		let d;
+		try {
+			d = await fetch(`${t}${n}`, u);
+		} catch (e) {
+			throw e instanceof DOMException && e.name === "TimeoutError" ? new Hr(i.operation, i.category) : e;
+		}
+		let f = await d.text(), p = f ? qr(f) : null;
+		if (!d.ok) throw d.status === 401 && (s || l) && e.onUnauthorized?.(), new Vr((p && typeof p == "object" && "error" in p && typeof p.error == "string" ? p.error : null) ?? `Request failed with ${d.status}`, d.status);
+		return p;
 	}
 	return {
-		mintAnonIdentity() {
-			return n("/widget/anon-identity", { method: "POST" });
+		mintAnonIdentity(e) {
+			return n("/widget/anon-identity", { method: "POST" }, {
+				timeoutMs: Ur,
+				category: "read",
+				operation: "mint-anon-identity",
+				signal: e?.signal
+			});
 		},
-		getSubscriptionToken() {
-			return n("/widget/subscription-token", { method: "POST" });
+		getSubscriptionToken(e) {
+			return n("/widget/subscription-token", { method: "POST" }, {
+				timeoutMs: Ur,
+				category: "read",
+				operation: "mint-subscription-token",
+				signal: e?.signal
+			});
 		},
-		getScreenshotUploadUrl() {
-			return n("/widget/screenshots/upload-url", { method: "POST" });
+		getScreenshotUploadUrl(e) {
+			return n("/widget/screenshots/upload-url", { method: "POST" }, {
+				timeoutMs: Ur,
+				category: "read",
+				operation: "mint-screenshot-upload-url",
+				signal: e?.signal
+			});
 		},
-		listThreads(e) {
-			return n(`/widget/threads?route=${encodeURIComponent(e)}`, { method: "GET" });
+		listThreads(e, t) {
+			return n(`/widget/threads?route=${encodeURIComponent(e)}`, { method: "GET" }, {
+				timeoutMs: Ur,
+				category: "read",
+				operation: "list-threads",
+				signal: t?.signal
+			});
 		},
-		createThread(e) {
+		createThread(e, t) {
 			return n("/widget/threads", {
 				method: "POST",
 				body: JSON.stringify(e)
+			}, {
+				timeoutMs: Wr,
+				category: "write",
+				operation: "create-thread",
+				signal: t?.signal
 			});
 		},
-		deleteThread(e) {
-			return n(`/widget/threads/${encodeURIComponent(e)}`, { method: "DELETE" });
+		deleteThread(e, t) {
+			return n(`/widget/threads/${encodeURIComponent(e)}`, { method: "DELETE" }, {
+				timeoutMs: Wr,
+				category: "write",
+				operation: "delete-thread",
+				signal: t?.signal
+			});
 		},
-		resolveThread(e, t) {
+		resolveThread(e, t, r) {
 			return n(`/widget/threads/${encodeURIComponent(e)}`, {
 				method: "PATCH",
 				body: JSON.stringify({ resolvedBy: t })
+			}, {
+				timeoutMs: Wr,
+				category: "write",
+				operation: "resolve-thread",
+				signal: r?.signal
 			});
 		},
-		addComment(e, t) {
+		addComment(e, t, r) {
 			return n(`/widget/threads/${encodeURIComponent(e)}/comments`, {
 				method: "POST",
 				body: JSON.stringify(t)
+			}, {
+				timeoutMs: Wr,
+				category: "write",
+				operation: "add-comment",
+				signal: r?.signal
 			});
 		},
-		editComment(e, t, r) {
+		editComment(e, t, r, i) {
 			return n(`/widget/threads/${encodeURIComponent(e)}/comments/${encodeURIComponent(t)}`, {
 				method: "PATCH",
 				body: JSON.stringify(r)
+			}, {
+				timeoutMs: Wr,
+				category: "write",
+				operation: "edit-comment",
+				signal: i?.signal
 			});
 		},
-		deleteComment(e, t) {
-			return n(`/widget/threads/${encodeURIComponent(e)}/comments/${encodeURIComponent(t)}`, { method: "DELETE" });
+		deleteComment(e, t, r) {
+			return n(`/widget/threads/${encodeURIComponent(e)}/comments/${encodeURIComponent(t)}`, { method: "DELETE" }, {
+				timeoutMs: Wr,
+				category: "write",
+				operation: "delete-comment",
+				signal: r?.signal
+			});
 		},
-		toggleReaction(e, t) {
+		toggleReaction(e, t, r) {
 			return n(`/widget/comments/${encodeURIComponent(e)}/reactions`, {
 				method: "POST",
 				body: JSON.stringify(t)
+			}, {
+				timeoutMs: Wr,
+				category: "write",
+				operation: "toggle-reaction",
+				signal: r?.signal
 			});
 		}
 	};
 }
-function Ur(e) {
+function qr(e) {
 	try {
 		return JSON.parse(e);
 	} catch {
@@ -2963,10 +3034,10 @@ function Ur(e) {
 }
 //#endregion
 //#region src/runtime/cookie-probe.ts
-var Wr = "markup.cookieProbe";
-async function Gr(e, t) {
+var Jr = "markup.cookieProbe";
+async function Yr(e, t) {
 	try {
-		let e = sessionStorage.getItem(Wr);
+		let e = sessionStorage.getItem(Jr);
 		if (e === "supported") return !0;
 		if (e === "unsupported") return !1;
 	} catch {}
@@ -2985,7 +3056,7 @@ async function Gr(e, t) {
 		if (!e.ok) return !1;
 		let { supported: t } = await e.json(), i = t === !0;
 		try {
-			sessionStorage.setItem(Wr, i ? "supported" : "unsupported");
+			sessionStorage.setItem(Jr, i ? "supported" : "unsupported");
 		} catch {}
 		return i;
 	} catch (e) {
@@ -2994,8 +3065,8 @@ async function Gr(e, t) {
 }
 //#endregion
 //#region src/runtime/history-observer.ts
-var Kr = "__markup_history_observer__", qr = "__markup_history_listeners__";
-function Jr(e) {
+var Xr = "__markup_history_observer__", Zr = "__markup_history_listeners__";
+function Qr(e) {
 	e.forEach((e) => {
 		try {
 			e();
@@ -3004,44 +3075,44 @@ function Jr(e) {
 		}
 	});
 }
-function Yr() {
+function $r() {
 	let e = history.pushState;
-	if (e[Kr]) return e[qr];
+	if (e[Xr]) return e[Zr];
 	let t = /* @__PURE__ */ new Set(), n = history.pushState, r = history.replaceState;
 	function i(...e) {
-		n.apply(this, e), Jr(t);
+		n.apply(this, e), Qr(t);
 	}
 	function a(...e) {
-		r.apply(this, e), Jr(t);
+		r.apply(this, e), Qr(t);
 	}
-	return Object.defineProperty(i, Kr, { value: 1 }), Object.defineProperty(i, qr, { value: t }), Object.defineProperty(a, Kr, { value: 1 }), history.pushState = i, history.replaceState = a, window.addEventListener("popstate", () => Jr(t)), t;
+	return Object.defineProperty(i, Xr, { value: 1 }), Object.defineProperty(i, Zr, { value: t }), Object.defineProperty(a, Xr, { value: 1 }), history.pushState = i, history.replaceState = a, window.addEventListener("popstate", () => Qr(t)), t;
 }
-var Xr = null;
-function Zr(e) {
-	return Xr ||= Yr(), Xr.add(e), () => Xr.delete(e);
+var ei = null;
+function ti(e) {
+	return ei ||= $r(), ei.add(e), () => ei.delete(e);
 }
 //#endregion
 //#region src/runtime/identity-store.ts
-var Qr = "markup.identity";
-function $r() {
+var ni = "markup.identity";
+function ri() {
 	try {
-		let e = localStorage.getItem(Qr);
+		let e = localStorage.getItem(ni);
 		return e ? JSON.parse(e) : null;
 	} catch {
 		return null;
 	}
 }
-function ei(e) {
+function ii(e) {
 	try {
 		if (e == null) {
-			localStorage.removeItem(Qr);
+			localStorage.removeItem(ni);
 			return;
 		}
-		localStorage.setItem(Qr, JSON.stringify(e));
+		localStorage.setItem(ni, JSON.stringify(e));
 	} catch {}
 }
-function ti() {
-	let e = $r(), t = {
+function ai() {
+	let e = ri(), t = {
 		name: e?.name,
 		email: e?.email
 	};
@@ -3101,10 +3172,10 @@ function ti() {
 		preserved: t
 	};
 }
-function ni(e) {
+function oi(e) {
 	switch (e.kind) {
 		case "verified":
-			ei({
+			ii({
 				clientId: e.identity.clientId,
 				storage: e.identity.storage,
 				token: e.identity.storage === "cookies" ? void 0 : e.identity.token,
@@ -3117,7 +3188,7 @@ function ni(e) {
 			});
 			return;
 		case "anon":
-			ei({
+			ii({
 				clientId: e.identity.clientId,
 				anonToken: e.identity.anonToken,
 				name: e.identity.name,
@@ -3125,23 +3196,23 @@ function ni(e) {
 			});
 			return;
 		case "recovering":
-			ei({
+			ii({
 				name: e.preserved.name,
 				email: e.preserved.email
 			});
 			return;
 		case "unresolved":
-			ei(null);
+			ii(null);
 			return;
 	}
 }
-function ri(e) {
+function si(e) {
 	if (e.kind === "anon" || e.kind === "verified") return e.identity.clientId;
 }
-function ii(e) {
+function ci(e) {
 	return e.kind === "anon" ? e.identity.name ?? null : e.kind === "verified" ? e.identity.name : null;
 }
-function ai(e) {
+function li(e) {
 	if (e.kind === "anon") {
 		let t = e.identity.name;
 		return t ? {
@@ -3156,7 +3227,7 @@ function ai(e) {
 }
 //#endregion
 //#region src/runtime/popup-auth.ts
-async function oi(e) {
+async function ui(e) {
 	let { apiUrl: t, apiKey: n, useCookies: r } = e, i = new URL(t).origin, a;
 	try {
 		let e = await fetch(`${t.replace(/\/+$/, "")}/widget/popup-exchange`, {
@@ -3227,45 +3298,45 @@ async function oi(e) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/util.js
-function si(e, t) {
+function di(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 ci = (() => {
+var fi = (() => {
 	let e = 0, t = () => `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4);
 	return () => (e += 1, `u${t()}${e}`);
 })();
-function li(e) {
+function pi(e) {
 	let t = [];
 	for (let n = 0, r = e.length; n < r; n++) t.push(e[n]);
 	return t;
 }
-var ui = null;
-function di(e = {}) {
-	return ui || (e.includeStyleProperties ? (ui = e.includeStyleProperties, ui) : (ui = li(window.getComputedStyle(document.documentElement)), ui));
+var mi = null;
+function hi(e = {}) {
+	return mi || (e.includeStyleProperties ? (mi = e.includeStyleProperties, mi) : (mi = pi(window.getComputedStyle(document.documentElement)), mi));
 }
-function fi(e, t) {
+function gi(e, t) {
 	let n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
 	return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function pi(e) {
-	let t = fi(e, "border-left-width"), n = fi(e, "border-right-width");
+function _i(e) {
+	let t = gi(e, "border-left-width"), n = gi(e, "border-right-width");
 	return e.clientWidth + t + n;
 }
-function mi(e) {
-	let t = fi(e, "border-top-width"), n = fi(e, "border-bottom-width");
+function vi(e) {
+	let t = gi(e, "border-top-width"), n = gi(e, "border-bottom-width");
 	return e.clientHeight + t + n;
 }
-function hi(e, t = {}) {
+function yi(e, t = {}) {
 	return {
-		width: t.width || pi(e),
-		height: t.height || mi(e)
+		width: t.width || _i(e),
+		height: t.height || vi(e)
 	};
 }
-function gi() {
+function bi() {
 	let e, t;
 	try {
 		t = process;
@@ -3274,10 +3345,10 @@ function gi() {
 	return n && (e = parseInt(n, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
 }
 var X = 16384;
-function _i(e) {
+function xi(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 vi(e) {
+function Si(e) {
 	return new Promise((t, n) => {
 		let r = new Image();
 		r.onload = () => {
@@ -3287,12 +3358,12 @@ function vi(e) {
 		}, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = e;
 	});
 }
-async function yi(e) {
+async function Ci(e) {
 	return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function bi(e, t, n) {
+async function wi(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), yi(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), Ci(i);
 }
 var Z = (e, t) => {
 	if (e instanceof t) return !0;
@@ -3301,66 +3372,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 xi(e) {
+function Ti(e) {
 	let t = e.getPropertyValue("content");
 	return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function Si(e, t) {
-	return di(t).map((t) => `${t}: ${e.getPropertyValue(t)}${e.getPropertyPriority(t) ? " !important" : ""};`).join(" ");
+function Ei(e, t) {
+	return hi(t).map((t) => `${t}: ${e.getPropertyValue(t)}${e.getPropertyPriority(t) ? " !important" : ""};`).join(" ");
 }
-function Ci(e, t, n, r) {
-	let i = `.${e}:${t}`, a = n.cssText ? xi(n) : Si(n, r);
+function Di(e, t, n, r) {
+	let i = `.${e}:${t}`, a = n.cssText ? Ti(n) : Ei(n, r);
 	return document.createTextNode(`${i}{${a}}`);
 }
-function wi(e, t, n, r) {
+function Oi(e, t, n, r) {
 	let i = window.getComputedStyle(e, n), a = i.getPropertyValue("content");
 	if (a === "" || a === "none") return;
-	let o = ci();
+	let o = fi();
 	try {
 		t.className = `${t.className} ${o}`;
 	} catch {
 		return;
 	}
 	let s = document.createElement("style");
-	s.appendChild(Ci(o, n, i, r)), t.appendChild(s);
+	s.appendChild(Di(o, n, i, r)), t.appendChild(s);
 }
-function Ti(e, t, n) {
-	wi(e, t, ":before", n), wi(e, t, ":after", n);
+function ki(e, t, n) {
+	Oi(e, t, ":before", n), Oi(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", Di = "image/jpeg", Oi = {
-	woff: Ei,
-	woff2: Ei,
+var Ai = "application/font-woff", ji = "image/jpeg", Mi = {
+	woff: Ai,
+	woff2: Ai,
 	ttf: "application/font-truetype",
 	eot: "application/vnd.ms-fontobject",
 	png: "image/png",
-	jpg: Di,
-	jpeg: Di,
+	jpg: ji,
+	jpeg: ji,
 	gif: "image/gif",
 	tiff: "image/tiff",
 	svg: "image/svg+xml",
 	webp: "image/webp"
 };
-function ki(e) {
+function Ni(e) {
 	let t = /\.([^./]*?)$/g.exec(e);
 	return t ? t[1] : "";
 }
-function Ai(e) {
-	return Oi[ki(e).toLowerCase()] || "";
+function Pi(e) {
+	return Mi[Ni(e).toLowerCase()] || "";
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/dataurl.js
-function ji(e) {
+function Fi(e) {
 	return e.split(/,/)[1];
 }
-function Mi(e) {
+function Ii(e) {
 	return e.search(/^(data:)/) !== -1;
 }
-function Ni(e, t) {
+function Li(e, t) {
 	return `data:${t};base64,${e}`;
 }
-async function Pi(e, t, n) {
+async function Ri(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();
@@ -3378,78 +3449,78 @@ async function Pi(e, t, n) {
 		}, a.readAsDataURL(i);
 	});
 }
-var Fi = {};
-function Ii(e, t, n) {
+var zi = {};
+function Bi(e, t, n) {
 	let r = e.replace(/\?.*/, "");
 	return n && (r = e), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), t ? `[${t}]${r}` : r;
 }
-async function Li(e, t, n) {
-	let r = Ii(e, t, n.includeQueryParams);
-	if (Fi[r] != null) return Fi[r];
+async function Vi(e, t, n) {
+	let r = Bi(e, t, n.includeQueryParams);
+	if (zi[r] != null) return zi[r];
 	n.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
 	let i;
 	try {
-		i = Ni(await Pi(e, n.fetchRequestInit, ({ res: e, result: n }) => (t ||= e.headers.get("Content-Type") || "", ji(n))), t);
+		i = Li(await Ri(e, n.fetchRequestInit, ({ res: e, result: n }) => (t ||= e.headers.get("Content-Type") || "", Fi(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 Fi[r] = i, i;
+	return zi[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 Ri(e) {
+async function Hi(e) {
 	let t = e.toDataURL();
-	return t === "data:," ? e.cloneNode(!1) : vi(t);
+	return t === "data:," ? e.cloneNode(!1) : Si(t);
 }
-async function zi(e, t) {
+async function Ui(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), vi(t.toDataURL());
+		return t.width = e.clientWidth, t.height = e.clientHeight, n?.drawImage(e, 0, 0, t.width, t.height), Si(t.toDataURL());
 	}
 	let n = e.poster;
-	return vi(await Li(n, Ai(n), t));
+	return Si(await Vi(n, Pi(n), t));
 }
-async function Bi(e, t) {
+async function Wi(e, t) {
 	try {
-		if (e?.contentDocument?.body) return await Xi(e.contentDocument.body, t, !0);
+		if (e?.contentDocument?.body) return await ea(e.contentDocument.body, t, !0);
 	} catch {}
 	return e.cloneNode(!1);
 }
-async function Vi(e, t) {
-	return Z(e, HTMLCanvasElement) ? Ri(e) : Z(e, HTMLVideoElement) ? zi(e, t) : Z(e, HTMLIFrameElement) ? Bi(e, t) : e.cloneNode(Ui(e));
+async function Gi(e, t) {
+	return Z(e, HTMLCanvasElement) ? Hi(e) : Z(e, HTMLVideoElement) ? Ui(e, t) : Z(e, HTMLIFrameElement) ? Wi(e, t) : e.cloneNode(qi(e));
 }
-var Hi = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", Ui = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
-async function Wi(e, t, n) {
-	if (Ui(t)) return t;
+var Ki = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", qi = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
+async function Ji(e, t, n) {
+	if (qi(t)) return t;
 	let r = [];
-	return r = Hi(e) && e.assignedNodes ? li(e.assignedNodes()) : Z(e, HTMLIFrameElement) && e.contentDocument?.body ? li(e.contentDocument.body.childNodes) : li((e.shadowRoot ?? e).childNodes), r.length === 0 || Z(e, HTMLVideoElement) || await r.reduce((e, r) => e.then(() => Xi(r, n)).then((e) => {
+	return r = Ki(e) && e.assignedNodes ? pi(e.assignedNodes()) : Z(e, HTMLIFrameElement) && e.contentDocument?.body ? pi(e.contentDocument.body.childNodes) : pi((e.shadowRoot ?? e).childNodes), r.length === 0 || Z(e, HTMLVideoElement) || await r.reduce((e, r) => e.then(() => ea(r, n)).then((e) => {
 		e && t.appendChild(e);
 	}), Promise.resolve()), t;
 }
-function Gi(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) : di(n).forEach((n) => {
+	i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : hi(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 Ki(e, t) {
+function Xi(e, t) {
 	Z(e, HTMLTextAreaElement) && (t.innerHTML = e.value), Z(e, HTMLInputElement) && t.setAttribute("value", e.value);
 }
-function qi(e, t) {
+function Zi(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 Ji(e, t, n) {
-	return Z(t, Element) && (Gi(e, t, n), Ti(e, t, n), Ki(e, t), qi(e, t)), t;
+function Qi(e, t, n) {
+	return Z(t, Element) && (Yi(e, t, n), ki(e, t, n), Xi(e, t), Zi(e, t)), t;
 }
-async function Yi(e, t) {
+async function $i(e, t) {
 	let n = e.querySelectorAll ? e.querySelectorAll("use") : [];
 	if (n.length === 0) return e;
 	let r = {};
@@ -3457,7 +3528,7 @@ async function Yi(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 Xi(i, t, !0));
+			!n && i && !r[a] && (r[a] = await ea(i, t, !0));
 		}
 	}
 	let i = Object.values(r);
@@ -3471,61 +3542,61 @@ async function Yi(e, t) {
 	}
 	return e;
 }
-async function Xi(e, t, n) {
-	return !n && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((e) => Vi(e, t)).then((n) => Wi(e, n, t)).then((n) => Ji(e, n, t)).then((e) => Yi(e, t));
+async function ea(e, t, n) {
+	return !n && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((e) => Gi(e, t)).then((n) => Ji(e, n, t)).then((n) => Qi(e, n, t)).then((e) => $i(e, t));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/embed-resources.js
-var Zi = /url\((['"]?)([^'"]+?)\1\)/g, Qi = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, $i = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function ea(e) {
+var ta = /url\((['"]?)([^'"]+?)\1\)/g, na = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, ra = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function ia(e) {
 	let t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
 	return RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function ta(e) {
+function aa(e) {
 	let t = [];
-	return e.replace(Zi, (e, n, r) => (t.push(r), e)), t.filter((e) => !Mi(e));
+	return e.replace(ta, (e, n, r) => (t.push(r), e)), t.filter((e) => !Ii(e));
 }
-async function na(e, t, n, r, i) {
+async function oa(e, t, n, r, i) {
 	try {
-		let a = n ? si(t, n) : t, o = Ai(t), s;
-		return s = i ? Ni(await i(a), o) : await Li(a, o, r), e.replace(ea(t), `$1${s}$3`);
+		let a = n ? di(t, n) : t, o = Pi(t), s;
+		return s = i ? Li(await i(a), o) : await Vi(a, o, r), e.replace(ia(t), `$1${s}$3`);
 	} catch {}
 	return e;
 }
-function ra(e, { preferredFontFormat: t }) {
-	return t ? e.replace($i, (e) => {
+function sa(e, { preferredFontFormat: t }) {
+	return t ? e.replace(ra, (e) => {
 		for (;;) {
-			let [n, , r] = Qi.exec(e) || [];
+			let [n, , r] = na.exec(e) || [];
 			if (!r) return "";
 			if (r === t) return `src: ${n};`;
 		}
 	}) : e;
 }
-function ia(e) {
-	return e.search(Zi) !== -1;
+function ca(e) {
+	return e.search(ta) !== -1;
 }
-async function aa(e, t, n) {
-	if (!ia(e)) return e;
-	let r = ra(e, n);
-	return ta(r).reduce((e, r) => e.then((e) => na(e, r, t, n)), Promise.resolve(r));
+async function la(e, t, n) {
+	if (!ca(e)) return e;
+	let r = sa(e, n);
+	return aa(r).reduce((e, r) => e.then((e) => oa(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 oa(e, t, n) {
+async function ua(e, t, n) {
 	let r = t.style?.getPropertyValue(e);
 	if (r) {
-		let i = await aa(r, null, n);
+		let i = await la(r, null, n);
 		return t.style.setProperty(e, i, t.style.getPropertyPriority(e)), !0;
 	}
 	return !1;
 }
-async function sa(e, t) {
-	await oa("background", e, t) || await oa("background-image", e, t), await oa("mask", e, t) || await oa("-webkit-mask", e, t) || await oa("mask-image", e, t) || await oa("-webkit-mask-image", e, t);
+async function da(e, t) {
+	await ua("background", e, t) || await ua("background-image", e, t), await ua("mask", e, t) || await ua("-webkit-mask", e, t) || await ua("mask-image", e, t) || await ua("-webkit-mask-image", e, t);
 }
-async function ca(e, t) {
+async function fa(e, t) {
 	let n = Z(e, HTMLImageElement);
-	if (!(n && !Mi(e.src)) && !(Z(e, SVGImageElement) && !Mi(e.href.baseVal))) return;
-	let r = n ? e.src : e.href.baseVal, i = await Li(r, Ai(r), t);
+	if (!(n && !Ii(e.src)) && !(Z(e, SVGImageElement) && !Ii(e.href.baseVal))) return;
+	let r = n ? e.src : e.href.baseVal, i = await Vi(r, Pi(r), t);
 	await new Promise((r, a) => {
 		e.onload = r, e.onerror = t.onImageErrorHandler ? (...e) => {
 			try {
@@ -3538,16 +3609,16 @@ async function ca(e, t) {
 		o.decode &&= r, o.loading === "lazy" && (o.loading = "eager"), n ? (e.srcset = "", e.src = i) : e.href.baseVal = i;
 	});
 }
-async function la(e, t) {
-	let n = li(e.childNodes).map((e) => ua(e, t));
+async function pa(e, t) {
+	let n = pi(e.childNodes).map((e) => ma(e, t));
 	await Promise.all(n).then(() => e);
 }
-async function ua(e, t) {
-	Z(e, Element) && (await sa(e, t), await ca(e, t), await la(e, t));
+async function ma(e, t) {
+	Z(e, Element) && (await da(e, t), await fa(e, t), await pa(e, t));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/apply-style.js
-function da(e, t) {
+function ha(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;
@@ -3557,22 +3628,22 @@ function da(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/embed-webfonts.js
-var fa = {};
-async function pa(e) {
-	let t = fa[e];
+var ga = {};
+async function _a(e) {
+	let t = ga[e];
 	return t ?? (t = {
 		url: e,
 		cssText: await (await fetch(e)).text()
-	}, fa[e] = t, t);
+	}, ga[e] = t, t);
 }
-async function ma(e, t) {
+async function va(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), Pi(a, t.fetchRequestInit, ({ result: e }) => (n = n.replace(i, `url(${e})`), [i, e]));
+		return a.startsWith("https://") || (a = new URL(a, e.url).href), Ri(a, t.fetchRequestInit, ({ result: e }) => (n = n.replace(i, `url(${e})`), [i, e]));
 	});
 	return Promise.all(i).then(() => n);
 }
-function ha(e) {
+function ya(e) {
 	if (e == null) return [];
 	let t = [], n = e.replace(/(\/\*[\s\S]*?\*\/)/gi, ""), r = /* @__PURE__ */ RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
 	for (;;) {
@@ -3592,13 +3663,13 @@ function ha(e) {
 	}
 	return t;
 }
-async function ga(e, t) {
+async function ba(e, t) {
 	let n = [], r = [];
 	return e.forEach((n) => {
 		if ("cssRules" in n) try {
-			li(n.cssRules || []).forEach((e, i) => {
+			pi(n.cssRules || []).forEach((e, i) => {
 				if (e.type === CSSRule.IMPORT_RULE) {
-					let a = i + 1, o = e.href, s = pa(o).then((e) => ma(e, t)).then((e) => ha(e).forEach((e) => {
+					let a = i + 1, o = e.href, s = _a(o).then((e) => va(e, t)).then((e) => ya(e).forEach((e) => {
 						try {
 							n.insertRule(e, e.startsWith("@import") ? a += 1 : n.cssRules.length);
 						} catch (t) {
@@ -3615,7 +3686,7 @@ async function ga(e, t) {
 			});
 		} catch (i) {
 			let a = e.find((e) => e.href == null) || document.styleSheets[0];
-			n.href != null && r.push(pa(n.href).then((e) => ma(e, t)).then((e) => ha(e).forEach((e) => {
+			n.href != null && r.push(_a(n.href).then((e) => va(e, t)).then((e) => ya(e).forEach((e) => {
 				a.insertRule(e, a.cssRules.length);
 			})).catch((e) => {
 				console.error("Error loading remote stylesheet", e);
@@ -3623,7 +3694,7 @@ async function ga(e, t) {
 		}
 	}), Promise.all(r).then(() => (e.forEach((e) => {
 		if ("cssRules" in e) try {
-			li(e.cssRules || []).forEach((e) => {
+			pi(e.cssRules || []).forEach((e) => {
 				n.push(e);
 			});
 		} catch (t) {
@@ -3631,36 +3702,36 @@ async function ga(e, t) {
 		}
 	}), n));
 }
-function _a(e) {
-	return e.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => ia(e.style.getPropertyValue("src")));
+function xa(e) {
+	return e.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => ca(e.style.getPropertyValue("src")));
 }
-async function va(e, t) {
+async function Sa(e, t) {
 	if (e.ownerDocument == null) throw Error("Provided element is not within a Document");
-	return _a(await ga(li(e.ownerDocument.styleSheets), t));
+	return xa(await ba(pi(e.ownerDocument.styleSheets), t));
 }
-function ya(e) {
+function Ca(e) {
 	return e.trim().replace(/["']/g, "");
 }
-function ba(e) {
+function wa(e) {
 	let t = /* @__PURE__ */ new Set();
 	function n(e) {
 		(e.style.fontFamily || getComputedStyle(e).fontFamily).split(",").forEach((e) => {
-			t.add(ya(e));
+			t.add(Ca(e));
 		}), Array.from(e.children).forEach((e) => {
 			e instanceof HTMLElement && n(e);
 		});
 	}
 	return n(e), t;
 }
-async function xa(e, t) {
-	let n = await va(e, t), r = ba(e);
-	return (await Promise.all(n.filter((e) => r.has(ya(e.style.fontFamily))).map((e) => {
+async function Ta(e, t) {
+	let n = await Sa(e, t), r = wa(e);
+	return (await Promise.all(n.filter((e) => r.has(Ca(e.style.fontFamily))).map((e) => {
 		let n = e.parentStyleSheet ? e.parentStyleSheet.href : null;
-		return aa(e.cssText, n, t);
+		return la(e.cssText, n, t);
 	}))).join("\n");
 }
-async function Sa(e, t) {
-	let n = t.fontEmbedCSS == null ? t.skipFonts ? null : await xa(e, t) : t.fontEmbedCSS;
+async function Ea(e, t) {
+	let n = t.fontEmbedCSS == null ? t.skipFonts ? null : await Ta(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);
@@ -3668,18 +3739,18 @@ async function Sa(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/html-to-image@1.11.13/node_modules/html-to-image/es/index.js
-async function Ca(e, t = {}) {
-	let { width: n, height: r } = hi(e, t), i = await Xi(e, t, !0);
-	return await Sa(i, t), await ua(i, t), da(i, t), await bi(i, n, r);
+async function Da(e, t = {}) {
+	let { width: n, height: r } = yi(e, t), i = await ea(e, t, !0);
+	return await Ea(i, t), await ma(i, t), ha(i, t), await wi(i, n, r);
 }
-async function wa(e, t = {}) {
-	let { width: n, height: r } = hi(e, t), i = await vi(await Ca(e, t)), a = document.createElement("canvas"), o = a.getContext("2d"), s = t.pixelRatio || gi(), c = t.canvasWidth || n, l = t.canvasHeight || r;
-	return a.width = c * s, a.height = l * s, t.skipAutoScale || _i(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 Oa(e, t = {}) {
+	let { width: n, height: r } = yi(e, t), i = await Si(await Da(e, t)), a = document.createElement("canvas"), o = a.getContext("2d"), s = t.pixelRatio || bi(), c = t.canvasWidth || n, l = t.canvasHeight || r;
+	return a.width = c * s, a.height = l * s, t.skipAutoScale || xi(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 Ta = 2 * 1024 * 1024, Ea = "background:currentColor!important;color:transparent!important;text-shadow:none!important;-webkit-text-fill-color:transparent!important", Da = "input[type=\"password\"],input[autocomplete~=\"cc-number\"],input[autocomplete~=\"cc-csc\"],input[autocomplete~=\"cc-exp\"],input[autocomplete~=\"cc-name\"],input[autocomplete~=\"cc-type\"],input[autocomplete~=\"current-password\"],input[autocomplete~=\"new-password\"],input[autocomplete~=\"one-time-code\"]";
-function Oa(e) {
+var ka = 2 * 1024 * 1024, Aa = "background:currentColor!important;color:transparent!important;text-shadow:none!important;-webkit-text-fill-color:transparent!important", ja = "input[type=\"password\"],input[autocomplete~=\"cc-number\"],input[autocomplete~=\"cc-csc\"],input[autocomplete~=\"cc-exp\"],input[autocomplete~=\"cc-name\"],input[autocomplete~=\"cc-type\"],input[autocomplete~=\"current-password\"],input[autocomplete~=\"new-password\"],input[autocomplete~=\"one-time-code\"]";
+function Ma(e) {
 	let t = e.parentElement;
 	for (; t;) {
 		if (t.hasAttribute("data-markup-safe")) return !0;
@@ -3687,37 +3758,37 @@ function Oa(e) {
 	}
 	return !1;
 }
-function ka(e) {
+function Na(e) {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	function r(e) {
 		t.has(e) || (t.add(e), n.push(e));
 	}
 	for (let e of document.querySelectorAll("[data-markup-private],[data-markup-redact]")) r(e);
-	for (let e of document.querySelectorAll(Da)) Oa(e) || r(e);
+	for (let e of document.querySelectorAll(ja)) Ma(e) || r(e);
 	if (e.redactSelector) try {
-		for (let t of document.querySelectorAll(e.redactSelector)) Oa(t) || r(t);
+		for (let t of document.querySelectorAll(e.redactSelector)) Ma(t) || r(t);
 	} catch (e) {
 		F(e, { context: "screenshot-redact-selector" });
 	}
-	if (e.strictScrub) for (let e of document.querySelectorAll("input,select,textarea")) Oa(e) || r(e);
+	if (e.strictScrub) for (let e of document.querySelectorAll("input,select,textarea")) Ma(e) || r(e);
 	return n;
 }
-function Aa(e) {
+function Pa(e) {
 	let t = e.getAttribute("style");
-	return e.setAttribute("style", t ? `${t};${Ea}` : Ea), () => {
+	return e.setAttribute("style", t ? `${t};${Aa}` : Aa), () => {
 		t === null ? e.removeAttribute("style") : e.setAttribute("style", t);
 	};
 }
-function ja(e) {
+function Fa(e) {
 	if (e.id) return `#${CSS.escape(e.id)}`;
 	let t = e.tagName.toLowerCase(), n = e.getAttribute("type"), r = e.getAttribute("name");
 	return n && r ? `${t}[type="${n}"][name="${r}"]` : n ? `${t}[type="${n}"]` : r ? `${t}[name="${r}"]` : t;
 }
-async function Ma(e, t, n) {
+async function Ia(e, t, n) {
 	try {
-		let r = window.innerWidth, i = window.innerHeight, a = Math.min(window.devicePixelRatio, 2), o = n ? ka(n) : [], s = o.map(ja), c = o.map(Aa), l;
+		let r = window.innerWidth, i = window.innerHeight, a = Math.min(window.devicePixelRatio, 2), o = n ? Na(n) : [], s = o.map(Fa), c = o.map(Pa), l;
 		try {
-			l = await wa(document.documentElement, {
+			l = await Oa(document.documentElement, {
 				width: r,
 				height: i,
 				cacheBust: !0,
@@ -3736,17 +3807,17 @@ async function Ma(e, t, n) {
 		}
 		if (t) {
 			let e = l.getContext("2d");
-			e && Pa(e, t.x, t.y, a);
+			e && Ra(e, t.x, t.y, a);
 		}
-		let u = await Na(l, .85);
+		let u = await La(l, .85);
 		if (!u) return null;
-		if (u.size <= Ta) return {
+		if (u.size <= ka) return {
 			blob: u,
 			redactedCount: s.length,
 			redactedSelectors: s
 		};
-		let d = await Na(l, .5);
-		return !d || d.size > Ta ? null : {
+		let d = await La(l, .5);
+		return !d || d.size > ka ? null : {
 			blob: d,
 			redactedCount: s.length,
 			redactedSelectors: s
@@ -3755,10 +3826,10 @@ async function Ma(e, t, n) {
 		return F(e, { context: "screenshot-capture" }), null;
 	}
 }
-function Na(e, t) {
+function La(e, t) {
 	return new Promise((n) => e.toBlob(n, "image/jpeg", t));
 }
-function Pa(e, t, n, r) {
+function Ra(e, t, n, r) {
 	let i = r, a = 28 * i, o = a / 2, s = t * i, c = n * i;
 	e.save();
 	let l = 2 * i;
@@ -3776,7 +3847,7 @@ function Pa(e, t, n, r) {
 }
 //#endregion
 //#region src/runtime/use-subscription-token.ts
-var Fa = mr({
+var za = mr({
 	idle: { issued: (e, t) => ({
 		kind: "active",
 		token: t.token,
@@ -3787,9 +3858,9 @@ var Fa = mr({
 		token: t.token,
 		expiresAt: t.expiresAt
 	}) }
-}), Ia = 30 * 6e4, La = 6e4, Ra = 6e4;
-function za(e) {
-	let [t, n] = hr(Fa, { kind: "idle" });
+}), Ba = 30 * 6e4, Va = 6e4, Ha = 6e4;
+function Ua(e) {
+	let [t, n] = hr(za, { kind: "idle" });
 	return B(() => {
 		let t = !1, r = null;
 		async function i() {
@@ -3801,11 +3872,11 @@ function za(e) {
 					token: a.token,
 					expiresAt: a.expiresAt
 				});
-				let o = Math.max(La, a.expiresAt - Date.now() - Ia);
+				let o = Math.max(Va, a.expiresAt - Date.now() - Ba);
 				r = setTimeout(i, o);
 			} catch (e) {
 				if (t) return;
-				e?.name !== "TypeError" && F(e, { context: "subscription-token-refresh" }), r = setTimeout(i, Ra);
+				e?.name !== "TypeError" && F(e, { context: "subscription-token-refresh" }), r = setTimeout(i, Ha);
 			}
 		}
 		return i(), () => {
@@ -3815,7 +3886,7 @@ function za(e) {
 }
 //#endregion
 //#region src/runtime/refresh-token.ts
-async function Ba(e) {
+async function Wa(e) {
 	try {
 		let t = {
 			method: "POST",
@@ -3851,8 +3922,8 @@ async function Ba(e) {
 }
 //#endregion
 //#region src/runtime/use-token-refresh.ts
-var Va = 6e4, Ha = 500;
-function Ua(e, t, n, r, i) {
+var Ga = 6e4, Ka = 500;
+function qa(e, t, n, r, i) {
 	let a = e.kind === "verified", o = a ? e.identity.storage : void 0, s = a ? e.identity.refreshToken : void 0, c = a ? e.identity.refreshTokenExpiresAt : void 0, l = a ? e.identity.tokenExpiresAt : void 0;
 	B(() => {
 		if (!a || c == null || l == null || o === "localStorage" && s == null || o !== "cookies" && o !== "localStorage") return;
@@ -3861,8 +3932,8 @@ function Ua(e, t, n, r, i) {
 			i();
 			return;
 		}
-		let d = Math.max(Ha, l - Va - u), f = new AbortController(), p = window.setTimeout(async () => {
-			let a = await Ba({
+		let d = Math.max(Ka, l - Ga - u), f = new AbortController(), p = window.setTimeout(async () => {
+			let a = await Wa({
 				apiUrl: t,
 				apiKey: n,
 				mode: o,
@@ -3907,7 +3978,7 @@ function Q(...e) {
 }
 //#endregion
 //#region src/runtime/use-drag.ts
-function Wa(e) {
+function Ja(e) {
 	let t = V(e);
 	t.current = e;
 	let [n, r] = z(!1), i = V(!1);
@@ -3936,8 +4007,8 @@ function Wa(e) {
 					g = !0, i.current = !0, r(!0), t.current.onStart?.();
 				}
 				let o = Math.max(m, window.innerWidth - d - m), v = Math.max(m, window.innerHeight - f - m), y = {
-					left: Ga(l + n, m, o),
-					top: Ga(u + a, m, v)
+					left: Ya(l + n, m, o),
+					top: Ya(u + a, m, v)
 				};
 				_ = y, t.current.onMove(y);
 			}
@@ -3953,12 +4024,12 @@ function Wa(e) {
 		consumeClickIfDragged: H(() => i.current ? (i.current = !1, !0) : !1, [])
 	};
 }
-function Ga(e, t, n) {
+function Ya(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
 //#endregion
 //#region ../../node_modules/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
-var Ka = 0;
+var Xa = 0;
 Array.isArray;
 function $(e, n, r, i, a, o) {
 	n ||= {};
@@ -3975,7 +4046,7 @@ function $(e, n, r, i, a, o) {
 		__e: null,
 		__c: null,
 		constructor: void 0,
-		__v: --Ka,
+		__v: --Xa,
 		__i: -1,
 		__u: 0,
 		__source: a,
@@ -3986,7 +4057,7 @@ function $(e, n, r, i, a, o) {
 }
 //#endregion
 //#region src/runtime/ui/icons.tsx
-function qa({ size: e = 16 }) {
+function Za({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -3996,7 +4067,7 @@ function qa({ 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 Ja({ size: e = 16 }) {
+function Qa({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -4005,7 +4076,7 @@ function Ja({ 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 Ya({ size: e = 16 }) {
+function $a({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -4014,7 +4085,7 @@ function Ya({ 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 Xa({ size: e = 16 }) {
+function eo({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -4027,7 +4098,7 @@ function Xa({ size: e = 16 }) {
 		})
 	});
 }
-function Za({ size: e = 16 }) {
+function to({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -4041,7 +4112,7 @@ function Za({ size: e = 16 }) {
 		})
 	});
 }
-function Qa({ size: e = 16 }) {
+function no({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -4050,7 +4121,7 @@ function Qa({ 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 $a({ size: e = 16 }) {
+function ro({ size: e = 16 }) {
 	return /* @__PURE__ */ $("svg", {
 		width: e,
 		height: e,
@@ -4062,8 +4133,8 @@ function $a({ size: e = 16 }) {
 }
 //#endregion
 //#region src/runtime/ui/fab.tsx
-function eo({ isActive: e, onToggle: t, onHide: n, position: r = "bottom-right", onPositionChange: i, variant: a = "default" }) {
-	let o = a === "icon-only", s = r === "bottom-left" ? "markup-fab-left" : r === "bottom-center" ? "markup-fab-center" : "markup-fab-right", [c, l] = z(null), { onPointerDown: u, isDragging: d, consumeClickIfDragged: f } = Wa({
+function io({ isActive: e, onToggle: t, onHide: n, position: r = "bottom-right", onPositionChange: i, variant: a = "default" }) {
+	let o = a === "icon-only", s = r === "bottom-left" ? "markup-fab-left" : r === "bottom-center" ? "markup-fab-center" : "markup-fab-right", [c, l] = z(null), { onPointerDown: u, isDragging: d, consumeClickIfDragged: f } = Ja({
 		preventDefault: !0,
 		stopPropagation: !0,
 		onMove: l,
@@ -4095,7 +4166,7 @@ function eo({ isActive: e, onToggle: t, onHide: n, position: r = "bottom-right",
 		"aria-pressed": e,
 		children: [/* @__PURE__ */ $("span", {
 			class: "markup-fab-icon",
-			children: $(e ? Ja : qa, { size: 16 })
+			children: $(e ? Qa : Za, { size: 16 })
 		}), o ? null : /* @__PURE__ */ $("span", {
 			class: "markup-fab-label",
 			children: e ? "Cancel" : "Markup"
@@ -4104,7 +4175,7 @@ function eo({ isActive: e, onToggle: t, onHide: n, position: r = "bottom-right",
 }
 //#endregion
 //#region src/runtime/use-focus-trap.ts
-var to = [
+var ao = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -4112,14 +4183,14 @@ var to = [
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(",");
-function no(e, t) {
+function oo(e, t) {
 	B(() => {
 		if (!t) return;
 		let n = e.current;
 		if (!n) return;
 		function r(e) {
 			if (e.key !== "Tab") return;
-			let t = Array.from(n.querySelectorAll(to)), r = t[0], i = t[t.length - 1];
+			let t = Array.from(n.querySelectorAll(ao)), 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());
@@ -4129,7 +4200,7 @@ function no(e, t) {
 }
 //#endregion
 //#region src/runtime/use-object-url.ts
-function ro(e) {
+function so(e) {
 	let [t, n] = z(null);
 	return B(() => {
 		if (!e) {
@@ -4142,7 +4213,7 @@ function ro(e) {
 }
 //#endregion
 //#region src/runtime/ui/author-prompt.tsx
-function io({ isPending: e, isConnecting: t = !1, isSigningIn: n = !1, onSubmit: r, onCancel: i, onSignIn: a }) {
+function co({ isPending: e, isConnecting: t = !1, isSigningIn: n = !1, onSubmit: r, onCancel: i, onSignIn: a }) {
 	let [o, s] = z(""), [c, l] = z(""), u = V(null);
 	B(() => {
 		u.current?.focus();
@@ -4221,8 +4292,8 @@ function io({ isPending: e, isConnecting: t = !1, isSigningIn: n = !1, onSubmit:
 }
 //#endregion
 //#region src/runtime/ui/composer.tsx
-var ao = 4e3;
-function oo({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "Post", initialFocus: r = !0, isPending: i, error: a, onSubmit: o }) {
+var lo = 4e3;
+function uo({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "Post", initialFocus: r = !0, isPending: i, error: a, onSubmit: o }) {
 	let [s, c] = z(""), l = V(null), u = V(!1);
 	B(() => {
 		r && l.current?.focus();
@@ -4232,7 +4303,7 @@ function oo({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 	}, [s]), B(() => {
 		u.current && !i && !a && (c(""), l.current?.focus()), u.current = i;
 	}, [i, a]);
-	let d = ao - s.length, f = d < 0;
+	let d = lo - s.length, f = d < 0;
 	function p(e) {
 		e?.preventDefault();
 		let t = s.trim();
@@ -4250,7 +4321,7 @@ function oo({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 			"aria-label": i ? "Sending…" : n,
 			title: i ? "Sending…" : n,
 			tabIndex: e,
-			children: /* @__PURE__ */ $(Qa, { size: 14 })
+			children: /* @__PURE__ */ $(no, { size: 14 })
 		});
 	}
 	return /* @__PURE__ */ $("form", {
@@ -4263,7 +4334,7 @@ function oo({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 				class: "markup-composer-input",
 				placeholder: t,
 				rows: h ? 2 : 1,
-				maxLength: ao + 100,
+				maxLength: lo + 100,
 				value: s,
 				onInput: (e) => c(e.currentTarget.value),
 				onKeyDown: m,
@@ -4299,10 +4370,10 @@ function oo({ label: e, placeholder: t = "Leave feedback…", submitLabel: n = "
 }
 //#endregion
 //#region src/runtime/ui/new-thread-popover.tsx
-function so({ pageX: e, pageY: t, authorName: n, isVerified: r, isIdentityResolving: i, isSigningIn: a, isPending: o, error: s, screenshot: c, isScreenshotCapturing: l, screenshotRedactedCount: u, screenshotRedactedSelectors: d, onAuthor: f, onSignIn: p, onSubmit: m, onClose: h }) {
+function fo({ pageX: e, pageY: t, authorName: n, isVerified: r, isIdentityResolving: i, isSigningIn: a, isPending: o, error: s, screenshot: c, isScreenshotCapturing: l, screenshotRedactedCount: u, screenshotRedactedSelectors: d, onAuthor: f, onSignIn: p, onSubmit: m, onClose: h }) {
 	let g = V(null);
-	no(g, !0);
-	let [_, v] = z(!1), [y, b] = z(!1), x = ro(c), [C, w] = z(null), { onPointerDown: T, isDragging: E } = Wa({
+	oo(g, !0);
+	let [_, v] = z(!1), [y, b] = z(!1), x = so(c), [C, w] = z(null), { onPointerDown: T, isDragging: E } = Ja({
 		targetRef: g,
 		shouldStart: (e) => !e.target?.closest("button, a, input, textarea, select"),
 		onMove: w
@@ -4318,7 +4389,7 @@ function so({ pageX: e, pageY: t, authorName: n, isVerified: r, isIdentityResolv
 		}
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
 	}, [h]);
-	let D = co(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), O = co(t - window.scrollY - 16, 12, window.innerHeight - 220), k = c != null, A = l || k;
+	let D = po(e - window.scrollX + 16, 12, window.innerWidth - 320 - 12), O = po(t - window.scrollY - 16, 12, window.innerHeight - 220), k = c != null, A = l || k;
 	return /* @__PURE__ */ $("div", {
 		ref: g,
 		class: Q("markup-popover", C && "is-floating", E && "is-dragging"),
@@ -4340,9 +4411,9 @@ function so({ pageX: e, pageY: t, authorName: n, isVerified: r, isIdentityResolv
 				class: "markup-icon-btn",
 				"aria-label": "Discard pin",
 				onClick: h,
-				children: /* @__PURE__ */ $(Ja, { size: 16 })
+				children: /* @__PURE__ */ $(Qa, { size: 16 })
 			})]
-		}), n == null ? /* @__PURE__ */ $(io, {
+		}), n == null ? /* @__PURE__ */ $(co, {
 			isPending: o,
 			isConnecting: i,
 			isSigningIn: a,
@@ -4366,7 +4437,7 @@ function so({ pageX: e, pageY: t, authorName: n, isVerified: r, isIdentityResolv
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ $(oo, {
+				/* @__PURE__ */ $(uo, {
 					label: "Feedback",
 					placeholder: "What's wrong, missing, or worth noting?",
 					submitLabel: "Post markup",
@@ -4384,7 +4455,7 @@ function so({ pageX: e, pageY: t, authorName: n, isVerified: r, isIdentityResolv
 								class: "markup-screenshot-checkbox",
 								disabled: !0
 							}),
-							/* @__PURE__ */ $(Za, { size: 12 }),
+							/* @__PURE__ */ $(to, { size: 12 }),
 							/* @__PURE__ */ $("span", { children: "Capturing…" })
 						]
 					}) : /* @__PURE__ */ $("label", {
@@ -4396,7 +4467,7 @@ function so({ pageX: e, pageY: t, authorName: n, isVerified: r, isIdentityResolv
 								checked: _,
 								onChange: (e) => v(e.currentTarget.checked)
 							}),
-							/* @__PURE__ */ $(Za, { size: 12 }),
+							/* @__PURE__ */ $(to, { size: 12 }),
 							/* @__PURE__ */ $("span", { children: "Attach screenshot" }),
 							x && _ ? /* @__PURE__ */ $("img", {
 								class: "markup-screenshot-thumb",
@@ -4444,12 +4515,12 @@ function so({ pageX: e, pageY: t, authorName: n, isVerified: r, isIdentityResolv
 		})]
 	});
 }
-function co(e, t, n) {
+function po(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
 //#endregion
 //#region src/runtime/ui/pin.tsx
-function lo({ pageX: e, pageY: t, count: n, isActive: r, isUnresolved: i, onClick: a }) {
+function mo({ pageX: e, pageY: t, count: n, isActive: r, isUnresolved: i, onClick: a }) {
 	let o = t - window.scrollY, s = e - window.scrollX;
 	return /* @__PURE__ */ $("button", {
 		type: "button",
@@ -4472,7 +4543,7 @@ function lo({ pageX: e, pageY: t, count: n, isActive: r, isUnresolved: i, onClic
 		}) : null]
 	});
 }
-function uo({ pageX: e, pageY: t }) {
+function ho({ pageX: e, pageY: t }) {
 	let n = t - window.scrollY, r = e - window.scrollX;
 	return /* @__PURE__ */ $("div", {
 		class: "markup-pin markup-pin-ghost is-anchor",
@@ -4488,7 +4559,7 @@ function uo({ pageX: e, pageY: t }) {
 }
 //#endregion
 //#region src/runtime/ui/placement-overlay.tsx
-function fo({ onPlace: e, onCancel: t }) {
+function go({ onPlace: e, onCancel: t }) {
 	B(() => {
 		function e(e) {
 			e.key === "Escape" && t();
@@ -4514,14 +4585,14 @@ function fo({ onPlace: e, onCancel: t }) {
 }
 //#endregion
 //#region src/runtime/ui/thread-popover.tsx
-var po = [
+var _o = [
 	"👍",
 	"❤️",
 	"🎉",
 	"😮",
 	"😄",
 	"❓"
-], mo = mr({
+], vo = mr({
 	none: {
 		"toggle-thread-menu": () => ({
 			kind: "thread-menu",
@@ -4577,13 +4648,13 @@ var po = [
 		dismiss: () => ({ kind: "none" })
 	}
 });
-function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIdentityResolving: i, isSigningIn: a, canDelete: o, isPending: s, error: c, isHidden: l = !1, onAuthor: u, onSignIn: d, onClose: f, onReply: p, onEditComment: m, onDeleteComment: h, onToggleReaction: g, onResolve: _, onDelete: v }) {
-	let y = V(null), b = V(null), x = V(null), S = V(null), [C, w] = hr(mo, { kind: "none" }), [T, E] = z(null), { onPointerDown: D, isDragging: O } = Wa({
+function yo({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIdentityResolving: i, isSigningIn: a, canDelete: o, isPending: s, error: c, isHidden: l = !1, onAuthor: u, onSignIn: d, onClose: f, onReply: p, onEditComment: m, onDeleteComment: h, onToggleReaction: g, onResolve: _, onDelete: v }) {
+	let y = V(null), b = V(null), x = V(null), S = V(null), [C, w] = hr(vo, { kind: "none" }), [T, E] = z(null), { onPointerDown: D, isDragging: O } = Ja({
 		targetRef: y,
 		shouldStart: (e) => !e.target?.closest("button, a, input, textarea, select"),
 		onMove: E
 	});
-	no(y, !0);
+	oo(y, !0);
 	let k = e.resolvedAt != null, A = Me(() => e.comments.filter((e) => !e.deleted), [e.comments]);
 	B(() => {
 		if (C.kind === "none" || C.kind === "editing") return;
@@ -4629,8 +4700,8 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 			anchorSelector: e.anchorSelector
 		});
 		return {
-			left: yo(t.pageX - window.scrollX + 16, 12, window.innerWidth - 320 - 12),
-			top: yo(t.pageY - window.scrollY - 16, 12, window.innerHeight - 200)
+			left: Co(t.pageX - window.scrollX + 16, 12, window.innerWidth - 320 - 12),
+			top: Co(t.pageY - window.scrollY - 16, 12, window.innerHeight - 200)
 		};
 	}, [
 		e.anchorX,
@@ -4674,7 +4745,7 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 								class: Q("markup-icon-btn", C.kind === "thread-menu" && "is-open"),
 								title: "More options",
 								onClick: () => w({ type: "toggle-thread-menu" }),
-								children: /* @__PURE__ */ $(Ya, { size: 16 })
+								children: /* @__PURE__ */ $($a, { size: 16 })
 							}), C.kind === "thread-menu" ? /* @__PURE__ */ $("div", {
 								class: "markup-thread-menu-list",
 								children: [/* @__PURE__ */ $("button", {
@@ -4702,14 +4773,14 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 							title: "Mark as resolved",
 							disabled: s,
 							onClick: _,
-							children: /* @__PURE__ */ $(Xa, { size: 16 })
+							children: /* @__PURE__ */ $(eo, { size: 16 })
 						}) : null,
 						/* @__PURE__ */ $("button", {
 							type: "button",
 							class: "markup-icon-btn",
 							title: "Close thread",
 							onClick: f,
-							children: /* @__PURE__ */ $(Ja, { size: 16 })
+							children: /* @__PURE__ */ $(Qa, { size: 16 })
 						})
 					]
 				})]
@@ -4736,12 +4807,12 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 									/* @__PURE__ */ $("time", {
 										class: "markup-comment-time",
 										datetime: new Date(t.createdAt).toISOString(),
-										title: xo(t.createdAt),
-										children: bo(t.createdAt)
+										title: To(t.createdAt),
+										children: wo(t.createdAt)
 									}),
 									/* @__PURE__ */ $("div", {
 										class: "markup-thread-actions",
-										children: [!k && !l ? /* @__PURE__ */ $(go, {
+										children: [!k && !l ? /* @__PURE__ */ $(bo, {
 											comment: t,
 											pickerOpen: p,
 											pickerDirection: _,
@@ -4809,7 +4880,7 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 														direction: a < i ? "up" : "down"
 													});
 												},
-												children: /* @__PURE__ */ $(Ya, { size: 16 })
+												children: /* @__PURE__ */ $($a, { size: 16 })
 											}), d ? /* @__PURE__ */ $("div", {
 												class: "markup-thread-menu-list",
 												children: [o ? /* @__PURE__ */ $("button", {
@@ -4881,7 +4952,7 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 								children: [t.body, t.editedAt == null ? null : /* @__PURE__ */ $("time", {
 									class: "markup-comment-edited",
 									datetime: new Date(t.editedAt).toISOString(),
-									title: xo(t.editedAt),
+									title: To(t.editedAt),
 									children: [" ", "(edited)"]
 								})]
 							}),
@@ -4894,7 +4965,7 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 									alt: "Screenshot"
 								})
 							}) : null,
-							!l && t.reactions.length > 0 ? /* @__PURE__ */ $(_o, {
+							!l && t.reactions.length > 0 ? /* @__PURE__ */ $(xo, {
 								comment: t,
 								isResolved: k,
 								onToggle: (e) => g(t._id, e)
@@ -4914,7 +4985,7 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 					onClick: (e) => {
 						e.stopPropagation(), x.current?.close();
 					},
-					children: /* @__PURE__ */ $(Ja, { size: 16 })
+					children: /* @__PURE__ */ $(Qa, { size: 16 })
 				}), /* @__PURE__ */ $("img", {
 					class: "markup-lightbox-img",
 					src: e.screenshotUrl,
@@ -4922,7 +4993,7 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 					onClick: (e) => e.stopPropagation()
 				})]
 			}) : null,
-			t == null ? /* @__PURE__ */ $(io, {
+			t == null ? /* @__PURE__ */ $(co, {
 				isPending: s,
 				isConnecting: i,
 				isSigningIn: a,
@@ -4944,7 +5015,7 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 							children: "team"
 						}) : null
 					]
-				}), /* @__PURE__ */ $(oo, {
+				}), /* @__PURE__ */ $(uo, {
 					label: "Reply",
 					placeholder: "Write a reply…",
 					submitLabel: "Reply",
@@ -4957,7 +5028,7 @@ function ho({ thread: e, authorName: t, currentClientId: n, isVerified: r, isIde
 		]
 	});
 }
-function go({ comment: e, pickerOpen: t, pickerDirection: n, pickerSide: r, pickerRef: i, onPickerClick: a, onPickerSelect: o }) {
+function bo({ comment: e, pickerOpen: t, pickerDirection: n, pickerSide: r, pickerRef: i, onPickerClick: a, onPickerSelect: o }) {
 	return /* @__PURE__ */ $("div", {
 		class: Q("markup-reaction-picker-wrap", t && "is-open", t && n === "up" && "is-up", r && "is-side"),
 		ref: i,
@@ -4967,11 +5038,11 @@ function go({ comment: e, pickerOpen: t, pickerDirection: n, pickerSide: r, pick
 			title: "Add reaction",
 			"aria-label": "Add reaction",
 			onClick: a,
-			children: /* @__PURE__ */ $($a, { size: 16 })
+			children: /* @__PURE__ */ $(ro, { size: 16 })
 		}), t ? /* @__PURE__ */ $("div", {
 			class: "markup-reaction-picker",
 			role: "menu",
-			children: po.map((t) => /* @__PURE__ */ $("button", {
+			children: _o.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"),
@@ -4981,11 +5052,11 @@ function go({ comment: e, pickerOpen: t, pickerDirection: n, pickerSide: r, pick
 		}) : null]
 	});
 }
-function _o({ comment: e, isResolved: t, onToggle: n }) {
+function xo({ comment: e, isResolved: t, onToggle: n }) {
 	return /* @__PURE__ */ $("div", {
 		class: "markup-reactions",
 		children: e.reactions.map((e) => {
-			let r = vo(e.reactors, e.mine, e.count, e.emoji);
+			let r = So(e.reactors, e.mine, e.count, e.emoji);
 			return /* @__PURE__ */ $("button", {
 				type: "button",
 				class: Q("markup-reaction-chip", e.mine && "is-mine"),
@@ -5006,14 +5077,14 @@ function _o({ comment: e, isResolved: t, onToggle: n }) {
 		})
 	});
 }
-function vo(e, t, n, r) {
+function So(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 yo(e, t, n) {
+function Co(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function bo(e) {
+function wo(e) {
 	let t = Date.now() - e, n = Math.floor(t / 1e3);
 	if (n < 60) return "just now";
 	let r = Math.floor(n / 60);
@@ -5030,7 +5101,7 @@ function bo(e) {
 		year: "numeric"
 	});
 }
-function xo(e) {
+function To(e) {
 	return new Date(e).toLocaleDateString([], {
 		month: "long",
 		day: "numeric",
@@ -5041,7 +5112,7 @@ function xo(e) {
 }
 //#endregion
 //#region src/runtime/ui/app.tsx
-function So(e) {
+function Eo(e) {
 	let t = {
 		clientId: `markup_user_${e.identity.id}`,
 		name: e.identity.name,
@@ -5066,10 +5137,10 @@ function So(e) {
 		} : {}
 	};
 }
-function Co() {
+function Do() {
 	return window.location.host + window.location.pathname;
 }
-var wo = mr({
+var Oo = mr({
 	visible: {
 		"hide-with-toast": () => ({ kind: "hidden-with-toast" }),
 		toggle: () => ({ kind: "hidden" })
@@ -5080,26 +5151,26 @@ var wo = mr({
 	},
 	hidden: { toggle: () => ({ kind: "visible" }) }
 });
-function To(e) {
-	return ni(e), e;
+function ko(e) {
+	return oi(e), e;
 }
-var Eo = mr({
+var Ao = mr({
 	unresolved: {
-		"mint-success": (e, t) => To({
+		"mint-success": (e, t) => ko({
 			kind: "anon",
 			identity: t.identity
 		}),
-		"signed-in": (e, t) => To({
+		"signed-in": (e, t) => ko({
 			kind: "verified",
 			identity: t.identity
 		})
 	},
 	anon: {
-		"signed-in": (e, t) => To({
+		"signed-in": (e, t) => ko({
 			kind: "verified",
 			identity: t.identity
 		}),
-		"author-set": (e, t) => To({
+		"author-set": (e, t) => ko({
 			kind: "anon",
 			identity: {
 				...e.identity,
@@ -5109,11 +5180,11 @@ var Eo = mr({
 		})
 	},
 	verified: {
-		"signed-in": (e, t) => To({
+		"signed-in": (e, t) => ko({
 			kind: "verified",
 			identity: t.identity
 		}),
-		unauthorized: (e) => To({
+		unauthorized: (e) => ko({
 			kind: "recovering",
 			preserved: {
 				name: e.identity.name,
@@ -5122,32 +5193,32 @@ var Eo = mr({
 		})
 	},
 	recovering: {
-		"mint-success": (e, t) => To({
+		"mint-success": (e, t) => ko({
 			kind: "anon",
 			identity: t.identity
 		}),
-		"signed-in": (e, t) => To({
+		"signed-in": (e, t) => ko({
 			kind: "verified",
 			identity: t.identity
 		})
 	}
 });
-function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "default", screenshots: i }) {
-	let [a, o] = z(Co), [s, c] = z([]), [l, u] = z(!1), d = Me(() => ti(), []), [f, p] = hr(Eo, d.state), [m, h] = z(null);
+function jo({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "default", screenshots: i }) {
+	let [a, o] = z(Do), [s, c] = z([]), [l, u] = z(!1), d = Me(() => ai(), []), [f, p] = hr(Ao, d.state), [m, h] = z(null);
 	B(() => {
 		let n = !1;
-		return Gr(e, t).then((e) => {
+		return Yr(e, t).then((e) => {
 			n || h(e);
 		}), () => {
 			n = !0;
 		};
 	}, [e, t]);
 	let [g, _] = z(n), v = V(f);
-	v.current = f, Ua(f, e, t, (e) => p({
+	v.current = f, qa(f, e, t, (e) => p({
 		type: "signed-in",
 		identity: e
 	}), () => p({ type: "unauthorized" }));
-	let y = Me(() => Hr({
+	let y = Me(() => Kr({
 		apiUrl: e,
 		apiKey: t,
 		getToken: () => {
@@ -5172,7 +5243,7 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 		e,
 		t,
 		p
-	]), [b, x] = z({ kind: "idle" }), S = _r(), C = _r(), w = _r(), { run: T, reset: E } = S, { run: D } = C, { run: O, reset: k } = w, A = S.isPending, j = S.error ?? C.error ?? w.error, [M, N] = hr(wo, { kind: "visible" }), ee = M.kind !== "visible", [te, ne] = z(0), re = V(null), ie = ii(f), ae = f.kind === "verified", oe = f.kind === "unresolved" || f.kind === "recovering", P = ri(f);
+	]), [b, x] = z({ kind: "idle" }), S = _r(), C = _r(), w = _r(), { run: T, reset: E } = S, { run: D } = C, { run: O, reset: k } = w, A = S.isPending, j = S.error ?? C.error ?? w.error, [M, N] = hr(Oo, { kind: "visible" }), ee = M.kind !== "visible", [te, ne] = z(0), re = V(null), ie = ci(f), ae = f.kind === "verified", oe = f.kind === "unresolved" || f.kind === "recovering", P = si(f);
 	B(() => {
 		if (f.kind !== "unresolved" && f.kind !== "recovering") return;
 		let e = f.kind === "recovering" ? f.preserved : d.preserved, t = !1, n = null, r = 1e3;
@@ -5200,7 +5271,7 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 		p,
 		d
 	]);
-	let se = za(y), [ce, le] = z(null);
+	let se = Ua(y), [ce, le] = z(null);
 	B(() => {
 		let t = new pr(e.replace(/\.convex\.site(\/.*)?$/, ".convex.cloud"));
 		return le(t), () => {
@@ -5234,7 +5305,7 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 			}), history.replaceState(null, "", window.location.pathname + window.location.search);
 		}
 		ue.current = !0;
-	}, [s, l]), B(() => Zr(() => o(Co())), []), B(() => {
+	}, [s, l]), B(() => ti(() => o(Do())), []), B(() => {
 		function e(e) {
 			e.key === "." && (e.metaKey || e.ctrlKey) && (e.altKey || e.shiftKey || (e.preventDefault(), N({ type: "toggle" })));
 		}
@@ -5291,7 +5362,7 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 			strictScrub: i?.strictScrub,
 			redactSelector: i?.redactSelector
 		};
-		Ma(s, {
+		Ia(s, {
 			x: t,
 			y: n
 		}, c).then((e) => {
@@ -5311,7 +5382,7 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 		});
 	}, [p]), ge = C.isPending, _e = H(async () => {
 		await D(async () => {
-			let n = So(await oi({
+			let n = Eo(await ui({
 				apiUrl: e,
 				apiKey: t,
 				useCookies: m === !0
@@ -5330,15 +5401,21 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 		p
 	]), ve = H(async (e, t) => {
 		if (b.kind !== "composing-new") return;
-		let n = ai(f);
+		let n = li(f);
 		n && await T(async () => {
 			let r;
 			if (t && b.screenshot) {
-				let { uploadUrl: e } = await y.getScreenshotUploadUrl(), t = await fetch(e, {
-					method: "POST",
-					headers: { "Content-Type": b.screenshot.type || "image/png" },
-					body: b.screenshot
-				});
+				let { uploadUrl: e } = await y.getScreenshotUploadUrl(), t;
+				try {
+					t = await fetch(e, {
+						method: "POST",
+						headers: { "Content-Type": b.screenshot.type || "image/png" },
+						body: b.screenshot,
+						signal: AbortSignal.timeout(6e4)
+					});
+				} catch (e) {
+					throw e instanceof DOMException && e.name === "TimeoutError" ? Error("Screenshot upload took too long — check your connection") : e;
+				}
 				if (!t.ok) throw Error(`Screenshot upload failed (${t.status})`);
 				let { storageId: n } = await t.json();
 				r = n;
@@ -5393,7 +5470,7 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 		T
 	]), be = H(async (e) => {
 		if (b.kind !== "thread") return;
-		let t = ai(f);
+		let t = li(f);
 		if (!t) return;
 		let n = b.threadId;
 		await T(async () => {
@@ -5435,7 +5512,7 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 		T
 	]), Se = H(async (e, t) => {
 		if (b.kind !== "thread") return;
-		let n = ai(f);
+		let n = li(f);
 		if (!n) return;
 		let r = b.threadId;
 		await O(async () => {
@@ -5489,7 +5566,7 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 				class: "markup-pins-layer",
 				children: [ee ? null : R.map(({ thread: e, point: t }) => {
 					let n = b.kind === "thread" && b.threadId === e._id, r = e.comments.reduce((e, t) => e + +!t.deleted, 0);
-					return /* @__PURE__ */ $(lo, {
+					return /* @__PURE__ */ $(mo, {
 						pageX: t.pageX,
 						pageY: t.pageY,
 						count: r,
@@ -5500,16 +5577,16 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 							threadId: e._id
 						})
 					}, e._id);
-				}), b.kind === "composing-new" ? /* @__PURE__ */ $(uo, {
+				}), b.kind === "composing-new" ? /* @__PURE__ */ $(ho, {
 					pageX: b.pageX,
 					pageY: b.pageY
 				}) : null]
 			}),
-			b.kind === "placing" ? /* @__PURE__ */ $(fo, {
+			b.kind === "placing" ? /* @__PURE__ */ $(go, {
 				onPlace: me,
 				onCancel: fe
 			}) : null,
-			b.kind === "thread" && L ? /* @__PURE__ */ $(ho, {
+			b.kind === "thread" && L ? /* @__PURE__ */ $(yo, {
 				thread: L,
 				authorName: ie,
 				currentClientId: P ?? null,
@@ -5530,7 +5607,7 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 				onDelete: ye,
 				onResolve: F
 			}, L._id) : null,
-			b.kind === "composing-new" ? /* @__PURE__ */ $(so, {
+			b.kind === "composing-new" ? /* @__PURE__ */ $(fo, {
 				pageX: b.pageX,
 				pageY: b.pageY,
 				authorName: ie,
@@ -5548,7 +5625,7 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 				onSubmit: ve,
 				onClose: fe
 			}) : null,
-			!ee || b.kind === "placing" || b.kind === "composing-new" ? /* @__PURE__ */ $(eo, {
+			!ee || b.kind === "placing" || b.kind === "composing-new" ? /* @__PURE__ */ $(io, {
 				isActive: b.kind === "placing",
 				onToggle: () => b.kind === "placing" ? fe() : de(),
 				onHide: () => N({ type: "hide-with-toast" }),
@@ -5556,11 +5633,11 @@ function Do({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 				onPositionChange: _,
 				variant: r
 			}) : null,
-			M.kind === "hidden-with-toast" ? /* @__PURE__ */ $(Oo, { position: g }) : null
+			M.kind === "hidden-with-toast" ? /* @__PURE__ */ $(Mo, { position: g }) : null
 		]
 	});
 }
-function Oo({ position: e }) {
+function Mo({ 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" : e === "bottom-center" ? "markup-hud-hidden-toast-center" : "markup-hud-hidden-toast-right"),
@@ -5582,7 +5659,7 @@ function Oo({ position: e }) {
 }
 //#endregion
 //#region src/runtime/mount.tsx
-function ko(e, t) {
+function No(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);
@@ -5592,40 +5669,40 @@ function ko(e, t) {
 	a.className = "markup-shadow-root", r.appendChild(a), ye({
 		apiUrl: t.apiUrl,
 		apiKey: t.apiKey,
-		widgetVersion: "1.10.0"
+		widgetVersion: "1.11.0"
 	});
 	let { theme: o, ...s } = t;
 	return le(/* @__PURE__ */ $(de, {
 		onError: (e) => F(e, { context: "render" }),
-		children: /* @__PURE__ */ $(Do, { ...s })
+		children: /* @__PURE__ */ $(jo, { ...s })
 	}), a), () => {
 		ye(null), le(null, a);
 	};
 }
 //#endregion
 //#region src/widget.ts
-var Ao = null, jo = null, Mo = null;
-function No(e) {
+var Po = null, Fo = null, Io = null;
+function Lo(e) {
 	if (!e.apiUrl || !e.apiKey) return console.warn("[markup] init() requires both apiUrl and apiKey — widget not mounted"), () => {};
-	Po();
+	Ro();
 	let t = () => {
-		if (Mo = null, !document.body) return;
+		if (Io = null, !document.body) return;
 		let t = document.createElement("div");
-		t.id = "markup-widget", document.body.appendChild(t), jo = t, Ao = ko(t, e);
+		t.id = "markup-widget", document.body.appendChild(t), Fo = t, Po = No(t, e);
 	};
 	if (document.readyState === "loading" || !document.body) {
 		let e = () => t();
-		Mo = () => document.removeEventListener("DOMContentLoaded", e), document.addEventListener("DOMContentLoaded", e, { once: !0 });
+		Io = () => document.removeEventListener("DOMContentLoaded", e), document.addEventListener("DOMContentLoaded", e, { once: !0 });
 	} else t();
-	return Po;
+	return Ro;
 }
-function Po() {
-	Mo &&= (Mo(), null), Ao &&= (Ao(), null), jo?.parentNode && jo.parentNode.removeChild(jo), jo = null;
+function Ro() {
+	Io &&= (Io(), null), Po &&= (Po(), null), Fo?.parentNode && Fo.parentNode.removeChild(Fo), Fo = null;
 }
 if (typeof document < "u") {
 	let e = document.currentScript ?? document.querySelector("script[data-markup-widget=\"true\"]"), t = e?.dataset.apiUrl, n = e?.dataset.apiKey;
 	if (t && n) {
-		let r = e?.dataset.position, i = e?.dataset.theme, a = e?.dataset.fab, o = () => No({
+		let r = e?.dataset.position, i = e?.dataset.theme, a = e?.dataset.fab, o = () => Lo({
 			apiUrl: t,
 			apiKey: n,
 			position: r,
@@ -5636,6 +5713,6 @@ if (typeof document < "u") {
 	}
 }
 //#endregion
-export { Po as destroy, No as init };
+export { Ro as destroy, Lo as init };
 
 //# sourceMappingURL=widget.js.map