@pixelmatters/markup 1.12.0 → 1.13.0

package/dist/widget.js

@@ -302,33 +302,33 @@ function ve(e, t, n) {
 		context: n?.context
 	});
 }
-var ye = null;
-function be(e) {
-	ye = e;
+var P = null;
+function ye(e) {
+	P = e;
 }
-function P(e, t) {
-	ye && ve(ye, e, t);
+function F(e, t) {
+	P && ve(P, e, t);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js
-var xe, F, Se, Ce, we = 0, Te = [], I = t, Ee = I.__b, De = I.__r, L = I.diffed, Oe = I.__c, ke = I.unmount, Ae = I.__;
+var be, I, xe, Se, Ce = 0, we = [], L = t, Te = L.__b, Ee = L.__r, De = L.diffed, Oe = L.__c, ke = L.unmount, Ae = L.__;
 function je(e, t) {
-	I.__h && I.__h(F, e, we || t), we = 0;
-	var n = F.__H ||= {
+	L.__h && L.__h(I, e, Ce || t), Ce = 0;
+	var n = I.__H ||= {
 		__: [],
 		__h: []
 	};
 	return e >= n.__.length && n.__.push({}), n.__[e];
 }
 function R(e) {
-	return we = 1, Me(Be, e);
+	return Ce = 1, Me(Be, e);
 }
 function Me(e, t, n) {
-	var r = je(xe++, 2);
+	var r = je(be++, 2);
 	if (r.t = e, !r.__c && (r.__ = [n ? n(t) : Be(void 0, t), function(e) {
 		var t = r.__N ? r.__N[0] : r.__[0], n = r.t(t, e);
 		t !== n && (r.__N = [n, r.__[1]], r.__c.setState({}));
-	}], r.__c = F, !F.__f)) {
+	}], r.__c = I, !I.__f)) {
 		var i = function(e, t, n) {
 			if (!r.__c.__H) return !0;
 			var i = r.__c.__H.__.filter(function(e) {
@@ -345,63 +345,63 @@ function Me(e, t, n) {
 				}
 			}), a && a.call(this, e, t, n) || o;
 		};
-		F.__f = !0;
-		var a = F.shouldComponentUpdate, o = F.componentWillUpdate;
-		F.componentWillUpdate = function(e, t, n) {
+		I.__f = !0;
+		var a = I.shouldComponentUpdate, o = I.componentWillUpdate;
+		I.componentWillUpdate = function(e, t, n) {
 			if (this.__e) {
 				var r = a;
 				a = void 0, i(e, t, n), a = r;
 			}
 			o && o.call(this, e, t, n);
-		}, F.shouldComponentUpdate = i;
+		}, I.shouldComponentUpdate = i;
 	}
 	return r.__N || r.__;
 }
 function z(e, t) {
-	var n = je(xe++, 3);
-	!I.__s && ze(n.__H, t) && (n.__ = e, n.u = t, F.__H.__h.push(n));
+	var n = je(be++, 3);
+	!L.__s && ze(n.__H, t) && (n.__ = e, n.u = t, I.__H.__h.push(n));
 }
 function B(e) {
-	return we = 5, Ne(function() {
+	return Ce = 5, Ne(function() {
 		return { current: e };
 	}, []);
 }
 function Ne(e, t) {
-	var n = je(xe++, 7);
+	var n = je(be++, 7);
 	return ze(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
 }
 function V(e, t) {
-	return we = 8, Ne(function() {
+	return Ce = 8, Ne(function() {
 		return e;
 	}, t);
 }
 function Pe() {
-	for (var e; e = Te.shift();) {
+	for (var e; e = we.shift();) {
 		var t = e.__H;
 		if (e.__P && t) try {
 			t.__h.some(Le), t.__h.some(Re), t.__h = [];
 		} catch (n) {
-			t.__h = [], I.__e(n, e.__v);
+			t.__h = [], L.__e(n, e.__v);
 		}
 	}
 }
-I.__b = function(e) {
-	F = null, Ee && Ee(e);
-}, I.__ = function(e, t) {
+L.__b = function(e) {
+	I = null, Te && Te(e);
+}, L.__ = function(e, t) {
 	e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Ae && Ae(e, t);
-}, I.__r = function(e) {
-	De && De(e), xe = 0;
-	var t = (F = e.__c).__H;
-	t && (Se === F ? (t.__h = [], F.__h = [], t.__.some(function(e) {
+}, L.__r = function(e) {
+	Ee && Ee(e), be = 0;
+	var t = (I = e.__c).__H;
+	t && (xe === I ? (t.__h = [], I.__h = [], t.__.some(function(e) {
 		e.__N && (e.__ = e.__N), e.u = e.__N = void 0;
-	})) : (t.__h.some(Le), t.__h.some(Re), t.__h = [], xe = 0)), Se = F;
-}, I.diffed = function(e) {
-	L && L(e);
+	})) : (t.__h.some(Le), t.__h.some(Re), t.__h = [], be = 0)), xe = I;
+}, L.diffed = function(e) {
+	De && De(e);
 	var t = e.__c;
-	t && t.__H && (t.__H.__h.length && (Te.push(t) !== 1 && Ce === I.requestAnimationFrame || ((Ce = I.requestAnimationFrame) || Ie)(Pe)), t.__H.__.some(function(e) {
+	t && t.__H && (t.__H.__h.length && (we.push(t) !== 1 && Se === L.requestAnimationFrame || ((Se = L.requestAnimationFrame) || Ie)(Pe)), t.__H.__.some(function(e) {
 		e.u && (e.__H = e.u), e.u = void 0;
-	})), Se = F = null;
-}, I.__c = function(e, t) {
+	})), xe = I = null;
+}, L.__c = function(e, t) {
 	t.some(function(e) {
 		try {
 			e.__h.some(Le), e.__h = e.__h.filter(function(e) {
@@ -410,10 +410,10 @@ I.__b = function(e) {
 		} catch (n) {
 			t.some(function(e) {
 				e.__h &&= [];
-			}), t = [], I.__e(n, e.__v);
+			}), t = [], L.__e(n, e.__v);
 		}
 	}), Oe && Oe(e, t);
-}, I.unmount = function(e) {
+}, L.unmount = function(e) {
 	ke && ke(e);
 	var t, n = e.__c;
 	n && n.__H && (n.__H.__.some(function(e) {
@@ -422,7 +422,7 @@ I.__b = function(e) {
 		} catch (e) {
 			t = e;
 		}
-	}), n.__H = void 0, t && I.__e(t, n.__v));
+	}), n.__H = void 0, t && L.__e(t, n.__v));
 };
 var Fe = typeof requestAnimationFrame == "function";
 function Ie(e) {
@@ -432,12 +432,12 @@ function Ie(e) {
 	Fe && (t = requestAnimationFrame(n));
 }
 function Le(e) {
-	var t = F, n = e.__c;
-	typeof n == "function" && (e.__c = void 0, n()), F = t;
+	var t = I, n = e.__c;
+	typeof n == "function" && (e.__c = void 0, n()), I = t;
 }
 function Re(e) {
-	var t = F;
-	e.__c = e.__(), F = t;
+	var t = I;
+	e.__c = e.__(), I = t;
 }
 function ze(e, t) {
 	return !e || e.length !== t.length || t.some(function(t, n) {
@@ -3030,6 +3030,14 @@ function qr(e) {
 				operation: "forget-me",
 				signal: e?.signal
 			});
+		},
+		signOut(e) {
+			return n("/widget/sign-out", { method: "POST" }, {
+				timeoutMs: Gr,
+				category: "write",
+				operation: "sign-out",
+				signal: e?.signal
+			});
 		}
 	};
 }
@@ -3068,7 +3076,7 @@ async function Xr(e, t) {
 		} catch {}
 		return i;
 	} catch (e) {
-		return e?.name !== "TypeError" && P(e, { context: "cookie-probe" }), !1;
+		return e?.name !== "TypeError" && F(e, { context: "cookie-probe" }), !1;
 	}
 }
 //#endregion
@@ -3079,7 +3087,7 @@ function $r(e) {
 		try {
 			e();
 		} catch (e) {
-			P(e, { context: "history-observer-listener" });
+			F(e, { context: "history-observer-listener" });
 		}
 	});
 }
@@ -3252,7 +3260,7 @@ async function di(e) {
 		let s = r ? "refresh,cookies" : "refresh";
 		o.searchParams.set("capabilities", s), a = o.toString();
 	} catch (e) {
-		return e?.name !== "TypeError" && P(e, { context: "popup-exchange" }), Promise.reject(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to start popup exchange"));
+		return e?.name !== "TypeError" && F(e, { context: "popup-exchange" }), Promise.reject(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to start popup exchange"));
 	}
 	let o = Math.max(0, window.screenX + (window.outerWidth - 420) / 2), s = Math.max(0, window.screenY + (window.outerHeight - 560) / 2), c = window.open(a, "markup-auth", `width=420,height=560,left=${o},top=${s}`);
 	if (!c) return Promise.reject(/* @__PURE__ */ Error("Popup blocked — allow popups for this site to sign in"));
@@ -3294,7 +3302,7 @@ async function di(e) {
 		});
 		if (!e.ok) {
 			let t = /* @__PURE__ */ Error(`Failed to install widget cookies (${e.status})`);
-			throw P(t, { context: "install-cookies" }), t;
+			throw F(t, { context: "install-cookies" }), t;
 		}
 		return {
 			...l,
@@ -3776,7 +3784,7 @@ function Pa(e) {
 	if (e.redactSelector) try {
 		for (let t of document.querySelectorAll(e.redactSelector)) Na(t) || r(t);
 	} catch (e) {
-		P(e, { context: "screenshot-redact-selector" });
+		F(e, { context: "screenshot-redact-selector" });
 	}
 	if (e.strictScrub) for (let e of document.querySelectorAll("input,select,textarea")) Na(e) || r(e);
 	return n;
@@ -3831,7 +3839,7 @@ async function La(e, t, n) {
 			redactedSelectors: s
 		};
 	} catch (e) {
-		return P(e, { context: "screenshot-capture" }), null;
+		return F(e, { context: "screenshot-capture" }), null;
 	}
 }
 function Ra(e, t) {
@@ -3884,7 +3892,7 @@ function Wa(e) {
 				r = setTimeout(i, o);
 			} catch (e) {
 				if (t) return;
-				e?.name !== "TypeError" && P(e, { context: "subscription-token-refresh" }), r = setTimeout(i, Ua);
+				e?.name !== "TypeError" && F(e, { context: "subscription-token-refresh" }), r = setTimeout(i, Ua);
 			}
 		}
 		return i(), () => {
@@ -3925,7 +3933,7 @@ async function Ga(e) {
 		};
 	} catch (e) {
 		let t = e?.name;
-		return t !== "AbortError" && t !== "TypeError" && P(e, { context: "refresh-token" }), null;
+		return t !== "AbortError" && t !== "TypeError" && F(e, { context: "refresh-token" }), null;
 	}
 }
 //#endregion
@@ -4197,70 +4205,89 @@ function oo({ isActive: e, onToggle: t, onHide: n, position: r = "bottom-right",
 }
 //#endregion
 //#region src/runtime/ui/fab-menu.tsx
-function so({ identity: e, position: t, isSigningIn: n, onSignIn: r, onForgetMe: i }) {
-	let [a, o] = R(!1), [s, c] = R(!1), l = B(null);
+function so({ identity: e, position: t, isSigningIn: n, isSigningOut: r, dashboardUrl: i, onSignIn: a, onSignOut: o, onForgetMe: s }) {
+	let [c, l] = R(!1), [u, d] = R(!1), [f, p] = R(!1), m = B(null);
 	z(() => {
-		if (!a) return;
+		if (!c) return;
 		function e(e) {
-			let t = l.current;
-			t && (e.composedPath().includes(t) || o(!1));
+			let t = m.current;
+			t && (e.composedPath().includes(t) || l(!1));
 		}
 		function t(e) {
-			e.key === "Escape" && o(!1);
+			e.key === "Escape" && l(!1);
 		}
 		return document.addEventListener("click", e, !0), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("click", e, !0), document.removeEventListener("keydown", t);
 		};
-	}, [a]), z(() => {
-		a || c(!1);
-	}, [a]);
-	let u = li(e), d = e.kind === "verified" ? e.identity.email : e.kind === "anon" ? "Commenting anonymously" : null, f = e.kind === "anon", p = e.kind !== "verified", m = p || f, h = t === "bottom-left" ? "is-anchor-left" : "is-anchor-right";
+	}, [c]), z(() => {
+		c || (d(!1), p(!1));
+	}, [c]);
+	let h = li(e), g = e.kind === "verified" ? e.identity.email : e.kind === "anon" ? "Commenting anonymously" : null, _ = e.kind === "anon", v = e.kind !== "verified", y = e.kind === "verified", b = e.kind === "verified" && !!i, x = v || _ || y || b, S = t === "bottom-left" ? "is-anchor-left" : "is-anchor-right";
 	return /* @__PURE__ */ Q("div", {
 		class: "markup-fab-menu",
-		ref: l,
+		ref: m,
 		children: [/* @__PURE__ */ Q("button", {
 			type: "button",
-			class: Z("markup-fab-caret", a && "is-open"),
+			class: Z("markup-fab-caret", c && "is-open"),
 			"aria-label": "Widget menu",
-			"aria-expanded": a,
+			"aria-expanded": c,
 			"aria-haspopup": "menu",
 			onClick: (e) => {
-				e.preventDefault(), e.stopPropagation(), o((e) => !e);
+				e.preventDefault(), e.stopPropagation(), l((e) => !e);
 			},
 			children: /* @__PURE__ */ Q(eo, { size: 14 })
-		}), a ? /* @__PURE__ */ Q("div", {
+		}), c ? /* @__PURE__ */ Q("div", {
 			role: "menu",
-			class: Z("markup-fab-menu-list", h),
+			class: Z("markup-fab-menu-list", S),
 			children: [
 				/* @__PURE__ */ Q("div", {
 					class: "markup-fab-menu-header",
 					children: [/* @__PURE__ */ Q("div", {
 						class: "markup-fab-menu-name",
-						children: u ?? "Anonymous"
-					}), d ? /* @__PURE__ */ Q("div", {
+						children: h ?? "Anonymous"
+					}), g ? /* @__PURE__ */ Q("div", {
 						class: "markup-fab-menu-sub",
-						children: d
+						children: g
 					}) : null]
 				}),
-				m ? /* @__PURE__ */ Q("div", { class: "markup-fab-menu-divider" }) : null,
-				p ? /* @__PURE__ */ Q("button", {
+				x ? /* @__PURE__ */ Q("div", { class: "markup-fab-menu-divider" }) : null,
+				v ? /* @__PURE__ */ Q("button", {
 					type: "button",
 					role: "menuitem",
 					class: "markup-fab-menu-item",
 					disabled: n,
 					onClick: () => {
-						o(!1), r();
+						l(!1), a();
 					},
 					children: n ? "Signing in…" : "Sign in"
 				}) : null,
-				f ? /* @__PURE__ */ Q("button", {
+				b ? /* @__PURE__ */ Q("a", {
+					role: "menuitem",
+					class: "markup-fab-menu-item",
+					href: i,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					onClick: () => l(!1),
+					children: "Account →"
+				}) : null,
+				y ? /* @__PURE__ */ Q("button", {
+					type: "button",
+					role: "menuitem",
+					class: Z("markup-fab-menu-item", f && "is-danger"),
+					disabled: r,
+					onClick: () => {
+						f ? (l(!1), o()) : p(!0);
+					},
+					children: r ? "Signing out…" : f ? "Confirm — sign out of this site" : "Sign out"
+				}) : null,
+				_ ? /* @__PURE__ */ Q("button", {
 					type: "button",
 					role: "menuitem",
-					class: Z("markup-fab-menu-item", s && "is-danger"),
+					class: Z("markup-fab-menu-item", u && "is-danger"),
 					onClick: () => {
-						s ? (o(!1), i()) : c(!0);
+						u ? (l(!1), s()) : d(!0);
 					},
-					children: s ? "Confirm — comments stay, name/email cleared" : "Forget me on this site…"
+					children: u ? "Confirm — comments stay, name/email cleared" : "Forget me on this site…"
 				}) : null
 			]
 		}) : null]
@@ -5284,7 +5311,8 @@ var Mo = hr({
 				name: e.identity.name,
 				email: e.identity.email
 			}
-		})
+		}),
+		"signed-out": () => $({ kind: "unresolved" })
 	},
 	recovering: {
 		"mint-success": (e, t) => $({
@@ -5297,53 +5325,53 @@ var Mo = hr({
 		})
 	}
 });
-function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "default", screenshots: i }) {
-	let [a, o] = R(Ao), [s, c] = R([]), [l, u] = R(!1), d = Ne(() => oi(), []), [f, p] = gr(Mo, d.state), [m, h] = R(null);
+function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "default", screenshots: i, dashboardUrl: a }) {
+	let [o, s] = R(Ao), [c, l] = R([]), [u, d] = R(!1), f = Ne(() => oi(), []), [p, m] = gr(Mo, f.state), [h, g] = R(null);
 	z(() => {
 		let n = !1;
 		return Xr(e, t).then((e) => {
-			n || h(e);
+			n || g(e);
 		}), () => {
 			n = !0;
 		};
 	}, [e, t]);
-	let [g, _] = R(n), v = B(f);
-	v.current = f, Ja(f, e, t, (e) => p({
+	let [_, v] = R(n), y = B(p);
+	y.current = p, Ja(p, e, t, (e) => m({
 		type: "signed-in",
 		identity: e
-	}), () => p({ type: "unauthorized" }));
-	let y = Ne(() => qr({
+	}), () => m({ type: "unauthorized" }));
+	let b = Ne(() => qr({
 		apiUrl: e,
 		apiKey: t,
 		getToken: () => {
-			let e = v.current;
+			let e = y.current;
 			return e.kind !== "verified" || e.identity.token == null ? null : {
 				token: e.identity.token,
 				expiresAt: e.identity.tokenExpiresAt
 			};
 		},
 		getStorageMode: () => {
-			let e = v.current;
+			let e = y.current;
 			return e.kind === "verified" ? e.identity.storage : null;
 		},
 		getAnonToken: () => {
-			let e = v.current;
+			let e = y.current;
 			return e.kind === "anon" ? e.identity.anonToken : null;
 		},
 		onUnauthorized: () => {
-			p({ type: "unauthorized" });
+			m({ type: "unauthorized" });
 		}
 	}), [
 		e,
 		t,
-		p
-	]), [b, x] = R({ kind: "idle" }), S = vr(), C = vr(), w = vr(), T = vr(), { run: E, reset: D } = S, { run: O } = C, { run: k, reset: A } = w, { run: j } = T, M = S.isPending, N = S.error ?? C.error ?? w.error, [ee, te] = gr(jo, { kind: "visible" }), ne = ee.kind !== "visible", [re, ie] = R(0), ae = B(null), oe = li(f), se = f.kind === "verified", ce = f.kind === "unresolved" || f.kind === "recovering", le = ci(f);
+		m
+	]), [x, S] = R({ kind: "idle" }), C = vr(), w = vr(), T = vr(), E = vr(), D = vr(), { run: O, reset: k } = C, { run: A } = w, { run: j, reset: M } = T, { run: N } = E, { run: ee } = D, te = D.isPending, ne = C.isPending, re = C.error ?? w.error ?? T.error, [ie, ae] = gr(jo, { kind: "visible" }), oe = ie.kind !== "visible", [se, ce] = R(0), le = B(null), ue = li(p), de = p.kind === "verified", fe = p.kind === "unresolved" || p.kind === "recovering", pe = ci(p);
 	z(() => {
-		if (f.kind !== "unresolved" && f.kind !== "recovering") return;
-		let e = f.kind === "recovering" ? f.preserved : d.preserved, t = !1, n = null, r = 1e3;
+		if (p.kind !== "unresolved" && p.kind !== "recovering") return;
+		let e = p.kind === "recovering" ? p.preserved : f.preserved, t = !1, n = null, r = 1e3;
 		function i() {
-			y.mintAnonIdentity().then(({ clientId: n, token: r }) => {
-				t || p({
+			b.mintAnonIdentity().then(({ clientId: n, token: r }) => {
+				t || m({
 					type: "mint-success",
 					identity: {
 						clientId: n,
@@ -5360,59 +5388,59 @@ function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 			t = !0, n && clearTimeout(n);
 		};
 	}, [
-		y,
-		f,
+		b,
 		p,
-		d
+		m,
+		f
 	]);
-	let ue = Wa(y), [de, fe] = R(null);
+	let me = Wa(b), [he, ge] = R(null);
 	z(() => {
 		let t = new mr(e.replace(/\.convex\.site(\/.*)?$/, ".convex.cloud"));
-		return fe(t), () => {
-			t.close(), fe((e) => e === t ? null : e);
+		return ge(t), () => {
+			t.close(), ge((e) => e === t ? null : e);
 		};
 	}, [e]);
-	let pe = B(!1);
+	let _e = B(!1);
 	z(() => {
-		if (!(!de || !ue)) return D(), A(), de.onUpdate(an("widget/queries:subscribeThreadsForRoute"), {
-			subscriptionToken: ue,
-			route: a,
-			viewerClientId: le
+		if (!(!he || !me)) return k(), M(), he.onUpdate(an("widget/queries:subscribeThreadsForRoute"), {
+			subscriptionToken: me,
+			route: o,
+			viewerClientId: pe
 		}, (e) => {
-			e !== void 0 && (c(e), u(!0));
+			e !== void 0 && (l(e), d(!0));
 		});
 	}, [
-		de,
-		ue,
-		a,
-		le,
-		D,
-		A
+		he,
+		me,
+		o,
+		pe,
+		k,
+		M
 	]), z(() => {
-		if (pe.current || !l) return;
+		if (_e.current || !u) return;
 		let e = window.location.hash.match(/^#markup-thread=(.+)$/);
 		if (e) {
 			let t = decodeURIComponent(e[1] ?? "");
-			s.find((e) => e._id === t) && x({
+			c.find((e) => e._id === t) && S({
 				kind: "thread",
 				threadId: t
 			}), history.replaceState(null, "", window.location.pathname + window.location.search);
 		}
-		pe.current = !0;
-	}, [s, l]), z(() => ni(() => o(Ao())), []), z(() => {
+		_e.current = !0;
+	}, [c, u]), z(() => ni(() => s(Ao())), []), z(() => {
 		function e(e) {
-			e.key === "." && (e.metaKey || e.ctrlKey) && (e.altKey || e.shiftKey || (e.preventDefault(), te({ type: "toggle" })));
+			e.key === "." && (e.metaKey || e.ctrlKey) && (e.altKey || e.shiftKey || (e.preventDefault(), ae({ type: "toggle" })));
 		}
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [te]), z(() => {
-		if (ee.kind !== "hidden-with-toast") return;
-		let e = window.setTimeout(() => te({ type: "dismiss-toast" }), 5e3);
+	}, [ae]), z(() => {
+		if (ie.kind !== "hidden-with-toast") return;
+		let e = window.setTimeout(() => ae({ type: "dismiss-toast" }), 5e3);
 		return () => window.clearTimeout(e);
-	}, [ee.kind, te]), z(() => {
+	}, [ie.kind, ae]), z(() => {
 		let e = null;
 		function t() {
 			e ??= requestAnimationFrame(() => {
-				e = null, ie((e) => e + 1);
+				e = null, ce((e) => e + 1);
 			});
 		}
 		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t);
@@ -5421,14 +5449,14 @@ function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n.disconnect(), e != null && cancelAnimationFrame(e);
 		};
 	}, []);
-	let me = V(() => {
-		D(), A(), x({ kind: "placing" });
-	}, [D, A]), he = V(() => {
-		x({ kind: "idle" }), D(), A();
-	}, [D, A]), ge = B(0), _e = V((e, t, n) => {
-		let r = t + window.scrollX, a = n + window.scrollY, o = ++ge.current;
+	let ve = V(() => {
+		k(), M(), S({ kind: "placing" });
+	}, [k, M]), P = V(() => {
+		S({ kind: "idle" }), k(), M();
+	}, [k, M]), ye = B(0), F = V((e, t, n) => {
+		let r = t + window.scrollX, a = n + window.scrollY, o = ++ye.current;
 		if (i?.enabled === !1) {
-			x({
+			S({
 				kind: "composing-new",
 				coords: e,
 				pageX: r,
@@ -5441,7 +5469,7 @@ function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 			});
 			return;
 		}
-		x({
+		S({
 			kind: "composing-new",
 			coords: e,
 			pageX: r,
@@ -5452,7 +5480,7 @@ function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 			screenshotRedactedSelectors: [],
 			captureToken: o
 		});
-		let s = ae.current != null && ae.current.getRootNode() instanceof ShadowRoot ? ae.current.getRootNode().host : null, c = {
+		let s = le.current != null && le.current.getRootNode() instanceof ShadowRoot ? le.current.getRootNode().host : null, c = {
 			strictScrub: i?.strictScrub,
 			redactSelector: i?.redactSelector
 		};
@@ -5460,7 +5488,7 @@ function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 			x: t,
 			y: n
 		}, c).then((e) => {
-			x((t) => t.kind !== "composing-new" || t.captureToken !== o ? t : {
+			S((t) => t.kind !== "composing-new" || t.captureToken !== o ? t : {
 				...t,
 				screenshot: e?.blob ?? null,
 				isScreenshotCapturing: !1,
@@ -5468,21 +5496,21 @@ function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 				screenshotRedactedSelectors: e?.redactedSelectors ?? []
 			});
 		});
-	}, [i]), ve = V((e, t) => {
-		p({
+	}, [i]), be = V((e, t) => {
+		m({
 			type: "author-set",
 			name: e,
 			email: t
 		});
-	}, [p]), ye = C.isPending, be = V(async () => {
-		await O(async () => {
+	}, [m]), I = w.isPending, xe = V(async () => {
+		await A(async () => {
 			let n = ko(await di({
 				apiUrl: e,
 				apiKey: t,
-				useCookies: m === !0
+				useCookies: h === !0
 			}));
 			if (!n) throw Error("Sign-in did not return a verified token");
-			p({
+			m({
 				type: "signed-in",
 				identity: n
 			});
@@ -5490,21 +5518,21 @@ function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 	}, [
 		e,
 		t,
-		m,
-		O,
-		p
-	]), P = V(async (e, t) => {
-		if (b.kind !== "composing-new") return;
-		let n = ui(f);
-		n && await E(async () => {
+		h,
+		A,
+		m
+	]), Se = V(async (e, t) => {
+		if (x.kind !== "composing-new") return;
+		let n = ui(p);
+		n && await O(async () => {
 			let r;
-			if (t && b.screenshot) {
-				let { uploadUrl: e } = await y.getScreenshotUploadUrl(), t;
+			if (t && x.screenshot) {
+				let { uploadUrl: e } = await b.getScreenshotUploadUrl(), t;
 				try {
 					t = await fetch(e, {
 						method: "POST",
-						headers: { "Content-Type": b.screenshot.type || "image/png" },
-						body: b.screenshot,
+						headers: { "Content-Type": x.screenshot.type || "image/png" },
+						body: x.screenshot,
 						signal: AbortSignal.timeout(6e4)
 					});
 				} catch (e) {
@@ -5514,128 +5542,142 @@ function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 				let { storageId: n } = await t.json();
 				r = n;
 			}
-			let i = await y.createThread({
+			let i = await b.createThread({
 				url: window.location.href,
-				route: a,
-				anchorSelector: b.coords.anchorSelector,
-				anchorX: b.coords.anchorX,
-				anchorY: b.coords.anchorY,
-				anchorOffsetX: b.coords.anchorOffsetX,
-				anchorOffsetY: b.coords.anchorOffsetY,
-				viewportW: b.coords.viewportW,
-				viewportY: b.coords.viewportY,
+				route: o,
+				anchorSelector: x.coords.anchorSelector,
+				anchorX: x.coords.anchorX,
+				anchorY: x.coords.anchorY,
+				anchorOffsetX: x.coords.anchorOffsetX,
+				anchorOffsetY: x.coords.anchorOffsetY,
+				viewportW: x.coords.viewportW,
+				viewportY: x.coords.viewportY,
 				userAgent: navigator.userAgent,
 				authorName: n.name,
 				authorEmail: n.email,
 				body: e,
 				screenshotStorageId: r
 			});
-			c((e) => [...e, i.thread]), x({
+			l((e) => [...e, i.thread]), S({
 				kind: "thread",
 				threadId: i.thread._id
 			});
 		});
 	}, [
-		y,
-		f,
 		b,
-		a,
-		E
-	]), xe = V(async () => {
-		if (b.kind !== "thread") return;
-		let e = b.threadId;
-		await E(async () => {
-			await y.deleteThread(e), c((t) => t.filter((t) => t._id !== e)), x({ kind: "idle" });
+		p,
+		x,
+		o,
+		O
+	]), Ce = V(async () => {
+		if (x.kind !== "thread") return;
+		let e = x.threadId;
+		await O(async () => {
+			await b.deleteThread(e), l((t) => t.filter((t) => t._id !== e)), S({ kind: "idle" });
 		});
 	}, [
-		y,
 		b,
-		E
-	]), F = V(async () => {
-		if (b.kind !== "thread") return;
-		let e = b.threadId;
-		await E(async () => {
-			await y.resolveThread(e, le), c((t) => t.filter((t) => t._id !== e)), x({ kind: "idle" });
+		x,
+		O
+	]), we = V(async () => {
+		if (x.kind !== "thread") return;
+		let e = x.threadId;
+		await O(async () => {
+			await b.resolveThread(e, pe), l((t) => t.filter((t) => t._id !== e)), S({ kind: "idle" });
 		});
 	}, [
-		y,
 		b,
-		le,
-		E
-	]), Se = V(async (e) => {
-		if (b.kind !== "thread") return;
-		let t = ui(f);
+		x,
+		pe,
+		O
+	]), L = V(async (e) => {
+		if (x.kind !== "thread") return;
+		let t = ui(p);
 		if (!t) return;
-		let n = b.threadId;
-		await E(async () => {
-			let r = await y.addComment(n, {
+		let n = x.threadId;
+		await O(async () => {
+			let r = await b.addComment(n, {
 				body: e,
 				authorName: t.name,
 				authorEmail: t.email
 			});
-			c((e) => e.map((e) => e._id === n ? r.thread : e));
+			l((e) => e.map((e) => e._id === n ? r.thread : e));
 		});
 	}, [
-		y,
-		f,
 		b,
-		E
-	]), Ce = V(async (e, t) => {
-		if (b.kind !== "thread" || f.kind !== "anon" && f.kind !== "verified") return;
-		let n = b.threadId;
-		await E(async () => {
-			let r = await y.editComment(n, e, { body: t });
-			c((e) => e.map((e) => e._id === n ? r.thread : e));
+		p,
+		x,
+		O
+	]), Te = V(async (e, t) => {
+		if (x.kind !== "thread" || p.kind !== "anon" && p.kind !== "verified") return;
+		let n = x.threadId;
+		await O(async () => {
+			let r = await b.editComment(n, e, { body: t });
+			l((e) => e.map((e) => e._id === n ? r.thread : e));
 		}, { rethrow: !0 });
 	}, [
-		y,
-		f,
 		b,
-		E
-	]), we = V(async (e) => {
-		if (b.kind !== "thread" || f.kind !== "anon" && f.kind !== "verified") return;
-		let t = b.threadId;
-		await E(async () => {
-			let n = await y.deleteComment(t, e);
-			c((e) => e.map((e) => e._id === t ? n.thread : e));
+		p,
+		x,
+		O
+	]), Ee = V(async (e) => {
+		if (x.kind !== "thread" || p.kind !== "anon" && p.kind !== "verified") return;
+		let t = x.threadId;
+		await O(async () => {
+			let n = await b.deleteComment(t, e);
+			l((e) => e.map((e) => e._id === t ? n.thread : e));
 		});
 	}, [
-		y,
-		f,
 		b,
-		E
-	]), Te = V(async (e, t) => {
-		if (b.kind !== "thread") return;
-		let n = ui(f);
+		p,
+		x,
+		O
+	]), De = V(async (e, t) => {
+		if (x.kind !== "thread") return;
+		let n = ui(p);
 		if (!n) return;
-		let r = b.threadId;
-		await k(async () => {
-			let i = await y.toggleReaction(e, {
+		let r = x.threadId;
+		await j(async () => {
+			let i = await b.toggleReaction(e, {
 				emoji: t,
 				authorName: n.name
 			});
-			c((e) => e.map((e) => e._id === r ? i.thread : e));
+			l((e) => e.map((e) => e._id === r ? i.thread : e));
 		});
 	}, [
-		y,
-		f,
 		b,
-		k
-	]), [I, Ee] = R(!1), De = V(async () => {
-		await j(async () => {
-			await y.forgetMe(), x({ kind: "idle" }), p({ type: "forget-me" }), Ee(!0);
+		p,
+		x,
+		j
+	]), [Oe, ke] = R(!1), Ae = V(async () => {
+		await N(async () => {
+			await b.forgetMe(), S({ kind: "idle" }), m({ type: "forget-me" }), ke(!0);
 		});
 	}, [
-		y,
-		j,
-		p
+		b,
+		N,
+		m
 	]);
 	z(() => {
-		if (!I) return;
-		let e = window.setTimeout(() => Ee(!1), 5e3);
+		if (!Oe) return;
+		let e = window.setTimeout(() => ke(!1), 5e3);
 		return () => window.clearTimeout(e);
-	}, [I]);
-	let L = b.kind === "thread" ? s.find((e) => e._id === b.threadId) ?? null : null, Oe = se || le != null && le === L?.authorClientId, ke = Ne(() => s.map((e) => ({
+	}, [Oe]);
+	let [je, Me] = R(!1), Pe = V(async () => {
+		await ee(async () => {
+			await b.signOut(), S({ kind: "idle" }), m({ type: "signed-out" }), Me(!0);
+		});
+	}, [
+		b,
+		ee,
+		m
+	]);
+	z(() => {
+		if (!je) return;
+		let e = window.setTimeout(() => Me(!1), 5e3);
+		return () => window.clearTimeout(e);
+	}, [je]);
+	let Fe = x.kind === "thread" ? c.find((e) => e._id === x.threadId) ?? null : null, Ie = de || pe != null && pe === Fe?.authorClientId, Le = Ne(() => c.map((e) => ({
 		thread: e,
 		point: Br({
 			anchorX: e.anchorX,
@@ -5644,13 +5686,13 @@ function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 			anchorOffsetX: e.anchorOffsetX,
 			anchorOffsetY: e.anchorOffsetY
 		})
-	})), [s, re]), Ae = ke.some((e) => !e.point.resolved);
+	})), [c, se]), Re = Le.some((e) => !e.point.resolved);
 	return z(() => {
-		if (!Ae) return;
+		if (!Re) return;
 		let e = null;
 		function t() {
 			e ??= requestAnimationFrame(() => {
-				e = null, ie((e) => e + 1);
+				e = null, ce((e) => e + 1);
 			});
 		}
 		let n = new MutationObserver(t);
@@ -5660,96 +5702,100 @@ function No({ apiUrl: e, apiKey: t, position: n = "bottom-right", fab: r = "defa
 		}), () => {
 			n.disconnect(), e != null && cancelAnimationFrame(e);
 		};
-	}, [Ae]), z(() => {
-		b.kind === "thread" && L == null && he();
+	}, [Re]), z(() => {
+		x.kind === "thread" && Fe == null && P();
 	}, [
-		b,
-		L,
-		he
+		x,
+		Fe,
+		P
 	]), /* @__PURE__ */ Q("div", {
 		class: "markup-root",
-		ref: ae,
+		ref: le,
 		children: [
-			b.kind === "placing" ? null : /* @__PURE__ */ Q("div", {
+			x.kind === "placing" ? null : /* @__PURE__ */ Q("div", {
 				class: "markup-pins-layer",
-				children: [ne ? null : ke.map(({ thread: e, point: t }) => {
-					let n = b.kind === "thread" && b.threadId === e._id, r = e.comments.reduce((e, t) => e + +!t.deleted, 0);
+				children: [oe ? null : Le.map(({ thread: e, point: t }) => {
+					let n = x.kind === "thread" && x.threadId === e._id, r = e.comments.reduce((e, t) => e + +!t.deleted, 0);
 					return /* @__PURE__ */ Q(_o, {
 						pageX: t.pageX,
 						pageY: t.pageY,
 						count: r,
 						isActive: n,
 						isUnresolved: !t.resolved,
-						onClick: () => x({
+						onClick: () => S({
 							kind: "thread",
 							threadId: e._id
 						})
 					}, e._id);
-				}), b.kind === "composing-new" ? /* @__PURE__ */ Q(vo, {
-					pageX: b.pageX,
-					pageY: b.pageY
+				}), x.kind === "composing-new" ? /* @__PURE__ */ Q(vo, {
+					pageX: x.pageX,
+					pageY: x.pageY
 				}) : null]
 			}),
-			b.kind === "placing" ? /* @__PURE__ */ Q(yo, {
-				onPlace: _e,
-				onCancel: he
+			x.kind === "placing" ? /* @__PURE__ */ Q(yo, {
+				onPlace: F,
+				onCancel: P
 			}) : null,
-			b.kind === "thread" && L ? /* @__PURE__ */ Q(So, {
-				thread: L,
-				authorName: oe,
-				currentClientId: le ?? null,
-				isVerified: se,
-				isIdentityResolving: ce,
-				isSigningIn: ye,
-				canDelete: Oe,
-				isPending: M,
-				error: N,
-				isHidden: ne,
-				onAuthor: ve,
-				onSignIn: be,
-				onClose: he,
-				onReply: Se,
-				onEditComment: Ce,
-				onDeleteComment: we,
-				onToggleReaction: Te,
-				onDelete: xe,
-				onResolve: F
-			}, L._id) : null,
-			b.kind === "composing-new" ? /* @__PURE__ */ Q(ho, {
-				pageX: b.pageX,
-				pageY: b.pageY,
-				authorName: oe,
-				isVerified: se,
-				isIdentityResolving: ce,
-				isSigningIn: ye,
-				isPending: M,
-				error: N,
-				screenshot: b.screenshot,
-				isScreenshotCapturing: b.isScreenshotCapturing,
-				screenshotRedactedCount: b.screenshotRedactedCount,
-				screenshotRedactedSelectors: b.screenshotRedactedSelectors,
-				onAuthor: ve,
-				onSignIn: be,
-				onSubmit: P,
-				onClose: he
+			x.kind === "thread" && Fe ? /* @__PURE__ */ Q(So, {
+				thread: Fe,
+				authorName: ue,
+				currentClientId: pe ?? null,
+				isVerified: de,
+				isIdentityResolving: fe,
+				isSigningIn: I,
+				canDelete: Ie,
+				isPending: ne,
+				error: re,
+				isHidden: oe,
+				onAuthor: be,
+				onSignIn: xe,
+				onClose: P,
+				onReply: L,
+				onEditComment: Te,
+				onDeleteComment: Ee,
+				onToggleReaction: De,
+				onDelete: Ce,
+				onResolve: we
+			}, Fe._id) : null,
+			x.kind === "composing-new" ? /* @__PURE__ */ Q(ho, {
+				pageX: x.pageX,
+				pageY: x.pageY,
+				authorName: ue,
+				isVerified: de,
+				isIdentityResolving: fe,
+				isSigningIn: I,
+				isPending: ne,
+				error: re,
+				screenshot: x.screenshot,
+				isScreenshotCapturing: x.isScreenshotCapturing,
+				screenshotRedactedCount: x.screenshotRedactedCount,
+				screenshotRedactedSelectors: x.screenshotRedactedSelectors,
+				onAuthor: be,
+				onSignIn: xe,
+				onSubmit: Se,
+				onClose: P
 			}) : null,
-			!ne || b.kind === "placing" || b.kind === "composing-new" ? /* @__PURE__ */ Q(oo, {
-				isActive: b.kind === "placing",
-				onToggle: () => b.kind === "placing" ? he() : me(),
-				onHide: () => te({ type: "hide-with-toast" }),
-				position: g,
-				onPositionChange: _,
+			!oe || x.kind === "placing" || x.kind === "composing-new" ? /* @__PURE__ */ Q(oo, {
+				isActive: x.kind === "placing",
+				onToggle: () => x.kind === "placing" ? P() : ve(),
+				onHide: () => ae({ type: "hide-with-toast" }),
+				position: _,
+				onPositionChange: v,
 				variant: r,
 				menu: /* @__PURE__ */ Q(so, {
-					identity: f,
-					position: g,
-					isSigningIn: ye,
-					onSignIn: be,
-					onForgetMe: De
+					identity: p,
+					position: _,
+					isSigningIn: I,
+					isSigningOut: te,
+					dashboardUrl: a,
+					onSignIn: xe,
+					onSignOut: Pe,
+					onForgetMe: Ae
 				})
 			}) : null,
-			ee.kind === "hidden-with-toast" ? /* @__PURE__ */ Q(Po, { position: g }) : null,
-			I ? /* @__PURE__ */ Q(Fo, { position: g }) : null
+			ie.kind === "hidden-with-toast" ? /* @__PURE__ */ Q(Po, { position: _ }) : null,
+			Oe ? /* @__PURE__ */ Q(Fo, { position: _ }) : null,
+			je ? /* @__PURE__ */ Q(Io, { position: _ }) : null
 		]
 	});
 }
@@ -5781,62 +5827,71 @@ function Fo({ position: e }) {
 		children: "Forgotten on this site — your name and email were cleared."
 	});
 }
+function Io({ position: e }) {
+	return /* @__PURE__ */ Q("div", {
+		class: Z("markup-hud-hidden-toast", e === "bottom-left" ? "markup-hud-hidden-toast-left" : e === "bottom-center" ? "markup-hud-hidden-toast-center" : "markup-hud-hidden-toast-right"),
+		role: "status",
+		"aria-live": "polite",
+		children: "Signed out — commenting anonymously again."
+	});
+}
 //#endregion
 //#region src/runtime/mount.tsx
-function Io(e, t) {
+function Lo(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);
 	let r = e.attachShadow({ mode: "open" }), i = document.createElement("style");
 	i.textContent = de, r.appendChild(i);
 	let a = document.createElement("div");
-	a.className = "markup-shadow-root", r.appendChild(a), be({
+	a.className = "markup-shadow-root", r.appendChild(a), ye({
 		apiUrl: t.apiUrl,
 		apiKey: t.apiKey,
-		widgetVersion: "1.12.0"
+		widgetVersion: "1.13.0"
 	});
 	let { theme: o, ...s } = t;
 	return ue(/* @__PURE__ */ Q(fe, {
-		onError: (e) => P(e, { context: "render" }),
+		onError: (e) => F(e, { context: "render" }),
 		children: /* @__PURE__ */ Q(No, { ...s })
 	}), a), () => {
-		be(null), ue(null, a);
+		ye(null), ue(null, a);
 	};
 }
 //#endregion
 //#region src/widget.ts
-var Lo = null, Ro = null, zo = null;
-function Bo(e) {
+var Ro = null, zo = null, Bo = null;
+function Vo(e) {
 	if (!e.apiUrl || !e.apiKey) return console.warn("[markup] init() requires both apiUrl and apiKey — widget not mounted"), () => {};
-	Vo();
+	Ho();
 	let t = () => {
-		if (zo = null, !document.body) return;
+		if (Bo = null, !document.body) return;
 		let t = document.createElement("div");
-		t.id = "markup-widget", document.body.appendChild(t), Ro = t, Lo = Io(t, e);
+		t.id = "markup-widget", document.body.appendChild(t), zo = t, Ro = Lo(t, e);
 	};
 	if (document.readyState === "loading" || !document.body) {
 		let e = () => t();
-		zo = () => document.removeEventListener("DOMContentLoaded", e), document.addEventListener("DOMContentLoaded", e, { once: !0 });
+		Bo = () => document.removeEventListener("DOMContentLoaded", e), document.addEventListener("DOMContentLoaded", e, { once: !0 });
 	} else t();
-	return Vo;
+	return Ho;
 }
-function Vo() {
-	zo &&= (zo(), null), Lo &&= (Lo(), null), Ro?.parentNode && Ro.parentNode.removeChild(Ro), Ro = null;
+function Ho() {
+	Bo &&= (Bo(), null), Ro &&= (Ro(), null), zo?.parentNode && zo.parentNode.removeChild(zo), zo = 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 = () => Bo({
+		let r = e?.dataset.position, i = e?.dataset.theme, a = e?.dataset.fab, o = e?.dataset.dashboardUrl, s = () => Vo({
 			apiUrl: t,
 			apiKey: n,
 			position: r,
 			theme: i,
-			fab: a
+			fab: a,
+			dashboardUrl: o
 		});
-		document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", o, { once: !0 }) : o();
+		document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", s, { once: !0 }) : s();
 	}
 }
 //#endregion
-export { Vo as destroy, Bo as init };
+export { Ho as destroy, Vo as init };
 
 //# sourceMappingURL=widget.js.map