@ikonai/sdk-react-ui 1.2.0 → 1.3.1

package/index.js

@@ -1,9 +1,9 @@
 import { IkonUiCore as e, LiveSnapshotCache as t, UiStreamStore as n, UiStreamStore as r, isPrerenderVisible as i, prefetchBootSnapshot as a } from "@ikonai/sdk-ui";
-import { AccessDeniedError as o, AuthenticationError as s, IKON_INSPECT_MODE_CHANGED_EVENT as c, IkonClient as l, LogLevel as u, ProvisioningTimeoutError as d, ServerFullError as f, ServerUnavailableError as p, SessionNotFoundError as m, abortSignalTimeout as h, clearLoginPrompt as g, createLogger as _, deriveAuthUrl as v, deriveBackendType as y, extractUserIdFromToken as ee, getDebugOverlayParam as b, getLangParam as x, getLoginPromptState as S, getOrCreateDeviceId as te, getSameOriginAuthUrl as ne, isCloudEnvironment as re, isDebugModeEnabled as C, isInspectModeEnabled as ie, parseUrlParams as ae, randomUuid as w, reportConnectTimeline as oe, subscribeLoginPrompt as se, subscribeToLogEvents as T } from "@ikonai/sdk";
-import { Fragment as ce, createContext as E, memo as D, use as le, useCallback as O, useEffect as k, useLayoutEffect as ue, useMemo as A, useReducer as de, useRef as j, useState as M, useSyncExternalStore as N } from "react";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { AccessDeniedError as o, AppStartupFailedError as s, AuthenticationError as c, IKON_INSPECT_MODE_CHANGED_EVENT as l, IkonClient as u, LogLevel as d, ProvisioningTimeoutError as f, ServerFullError as p, ServerUnavailableError as m, SessionNotFoundError as h, abortSignalTimeout as g, clearLoginPrompt as _, createLogger as v, createPkceChallenge as y, deriveAuthUrl as b, deriveBackendType as x, deriveCrossOriginAuthUrl as S, extractUserIdFromToken as ee, getDebugOverlayParam as te, getLangParam as ne, getLoginPromptState as re, getOrCreateDeviceId as ie, getSameOriginAuthUrl as C, isCloudEnvironment as ae, isDebugModeEnabled as oe, isInspectModeEnabled as w, parseUrlParams as se, randomUuid as ce, reportConnectTimeline as le, setLoginPromptRequired as T, subscribeLoginPrompt as ue, subscribeToLogEvents as E, takePkceVerifier as de } from "@ikonai/sdk";
+import { Fragment as fe, createContext as pe, memo as D, use as me, useCallback as O, useEffect as k, useLayoutEffect as he, useMemo as A, useReducer as ge, useRef as j, useState as M, useSyncExternalStore as N } from "react";
+import { Fragment as _e, jsx as P, jsxs as F } from "react/jsx-runtime";
 //#region src/renderer/use-root-view.ts
-function fe(e, t) {
+function ve(e, t) {
 	let n = N((t) => e.subscribe(t), () => {
 		let n = e.getSnapshot(), r = t ?? n.rootViewId, i = r ? n.views.get(r) : void 0;
 		return `${r ?? ""}:${i?.id ?? ""}`;
@@ -21,7 +21,7 @@ function fe(e, t) {
 }
 //#endregion
 //#region src/renderer/use-ui-node.ts
-function L(e, t) {
+function I(e, t) {
 	let n = N((n) => e.subscribeNode(t, n), () => e.getNodeVersion(t), () => e.getNodeVersion(t));
 	return A(() => e.getNode(t), [
 		e,
@@ -31,8 +31,8 @@ function L(e, t) {
 }
 //#endregion
 //#region src/renderer/ui-renderer.tsx
-var pe = _("UIRenderer");
-function me(e) {
+var ye = v("UIRenderer");
+function L(e) {
 	if (e === void 0) return "{}";
 	if (typeof e == "string") return e;
 	try {
@@ -41,37 +41,37 @@ function me(e) {
 		return "{}";
 	}
 }
-function he(e) {
+function be(e) {
 	let t = e.styleIds;
 	return Array.isArray(t) ? t : [];
 }
-var ge = 1500;
-function R(e) {
+var xe = 1500;
+function Se(e) {
 	let [t, n] = M(0);
 	return k(() => {
 		if (e.subscribe) return e.subscribe(() => n((e) => e + 1));
 	}, [e]), t;
 }
-function _e({ nodeType: e, nodeId: t, context: n, className: r }) {
-	let [i, a] = M(!1), o = L(n.store, t), s = R(n.library), c = A(() => o ? n.library.resolve(o) : void 0, [
+function Ce({ nodeType: e, nodeId: t, context: n, className: r }) {
+	let [i, a] = M(!1), o = I(n.store, t), s = Se(n.library), c = A(() => o ? n.library.resolve(o) : void 0, [
 		n.library,
 		o,
 		s
 	]);
 	return k(() => {
-		let e = setTimeout(() => a(!0), ge);
+		let e = setTimeout(() => a(!0), xe);
 		return () => clearTimeout(e);
 	}, [e]), k(() => {
-		!i || c || pe.error(`No React resolver is registered for node type '${e}', so it renders as an error placeholder instead of the component you expected. A custom node needs all four parts: (1) the React component, (2) a resolver that matches '${e}', (3) a registerModule(...) call for it in app.tsx, and (4) the C# view.AddNode("${e}", ...) extension. Prefer native view.* components where they fit.`);
+		!i || c || ye.error(`No React resolver is registered for node type '${e}', so it renders as an error placeholder instead of the component you expected. A custom node needs all four parts: (1) the React component, (2) a resolver that matches '${e}', (3) a registerModule(...) call for it in app.tsx, and (4) the C# view.AddNode("${e}", ...) extension. Prefer native view.* components where they fit.`);
 	}, [
 		i,
 		c,
 		e
-	]), c ? /* @__PURE__ */ F(c, {
+	]), c ? /* @__PURE__ */ P(c, {
 		nodeId: t,
 		context: n,
 		className: r
-	}) : i ? /* @__PURE__ */ F("div", {
+	}) : i ? /* @__PURE__ */ P("div", {
 		"data-ikon-node-id": t,
 		"data-ikon-unresolved-node": e,
 		role: "alert",
@@ -87,50 +87,50 @@ function _e({ nodeType: e, nodeId: t, context: n, className: r }) {
 		children: `Unregistered node type: ${e}\nNo React resolver is registered for it — register the component's module in app.tsx (see the console for details).`
 	}) : null;
 }
-function ve(e) {
+function we(e) {
 	let t = e.children;
 	return Array.isArray(t) ? t : [];
 }
-function ye(e, t) {
+function Te(e, t) {
 	return e.nodeId === t.nodeId && e.context === t.context;
 }
-function be(e) {
+function Ee(e) {
 	if (e.length === 0) return "";
 	if (e.length === 1) return e[0].id;
 	let t = e[0].id;
 	for (let n = 1; n < e.length; n++) t += "," + e[n].id;
 	return t;
 }
-var xe = D(function e({ nodeId: t, context: n }) {
-	let r = L(n.store, t), i = r ? ve(r) : [], a = be(i), o = A(() => i.length === 0 ? null : i.map((t) => /* @__PURE__ */ F(e, {
+var De = D(function e({ nodeId: t, context: n }) {
+	let r = I(n.store, t), i = r ? we(r) : [], a = Ee(i), o = A(() => i.length === 0 ? null : i.map((t) => /* @__PURE__ */ P(e, {
 		nodeId: t.id,
 		context: n
 	}, t.id)), [a, n]);
 	if (!r) return null;
-	if (r.type === "root") return /* @__PURE__ */ F(ce, { children: o }, r.id);
-	let s = he(r), c = s.length > 0 ? s.join(" ") : void 0, l = n.library.resolve(r);
-	return l ? /* @__PURE__ */ F(l, {
+	if (r.type === "root") return /* @__PURE__ */ P(fe, { children: o }, r.id);
+	let s = be(r), c = s.length > 0 ? s.join(" ") : void 0, l = n.library.resolve(r);
+	return l ? /* @__PURE__ */ P(l, {
 		nodeId: t,
 		context: n,
 		className: c
-	}) : /* @__PURE__ */ F(_e, {
+	}) : /* @__PURE__ */ P(Ce, {
 		nodeType: r.type,
 		nodeId: r.id,
 		context: n,
 		className: c
 	});
-}, ye);
-function Se(e, t) {
-	return !Array.isArray(e) || e.length === 0 ? null : e.map((e) => /* @__PURE__ */ F(xe, {
+}, Te);
+function Oe(e, t) {
+	return !Array.isArray(e) || e.length === 0 ? null : e.map((e) => /* @__PURE__ */ P(De, {
 		nodeId: e.id,
 		context: t
 	}, e.id));
 }
-function Ce(e, t) {
+function ke(e, t) {
 	return e.store === t.store && e.library === t.library && e.viewId === t.viewId && e.emptyFallback === t.emptyFallback;
 }
-var we = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null, onAction: i, client: a, video: o }) {
-	let { rootViewId: s, rootNodeId: c } = fe(e, n), l = j(i);
+var Ae = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null, onAction: i, client: a, video: o }) {
+	let { rootViewId: s, rootNodeId: c } = ve(e, n), l = j(i);
 	l.current = i;
 	let u = j(a);
 	u.current = a;
@@ -138,7 +138,7 @@ var we = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null,
 	d.current = o;
 	let f = O((e, t) => {
 		if (!e) return;
-		let n = me(t);
+		let n = L(t);
 		l.current?.(e, n);
 	}, []), p = A(() => {
 		let n = {
@@ -146,10 +146,10 @@ var we = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null,
 			library: t,
 			handlerCache: e.handlerCache,
 			getPayload: (t) => e.getSnapshot().payloads.get(t),
-			renderChildren: (e) => Se(e, n),
+			renderChildren: (e) => Oe(e, n),
 			renderView: (t) => {
 				let r = e.getSnapshot().views.get(t);
-				return r ? /* @__PURE__ */ F(xe, {
+				return r ? /* @__PURE__ */ P(De, {
 					nodeId: r.id,
 					context: n
 				}) : null;
@@ -168,15 +168,15 @@ var we = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null,
 		t,
 		f
 	]);
-	return !s || !c ? r : /* @__PURE__ */ F("div", {
+	return !s || !c ? r : /* @__PURE__ */ P("div", {
 		"data-ikon-view-id": s,
 		style: { display: "contents" },
-		children: /* @__PURE__ */ F(xe, {
+		children: /* @__PURE__ */ P(De, {
 			nodeId: c,
 			context: p
 		})
 	});
-}, Ce), Te = class {
+}, ke), je = class {
 	fallback;
 	renderers = /* @__PURE__ */ new Map();
 	listeners = /* @__PURE__ */ new Set();
@@ -201,27 +201,27 @@ var we = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null,
 		for (let e of this.listeners) e();
 	}
 };
-function Ee(e, t) {
-	return new Te(Object.entries(e), t);
+function Me(e, t) {
+	return new je(Object.entries(e), t);
 }
 //#endregion
 //#region src/renderer/use-ui-store.ts
-function De(e) {
+function Ne(e) {
 	return N((t) => e.subscribe(t), () => e.getSnapshot(), () => e.getSnapshot());
 }
 //#endregion
 //#region src/inspect/inspect-overlay.tsx
-function Oe() {
-	let [e, t] = M(ie), n = j(!1);
+function Pe() {
+	let [e, t] = M(w), n = j(!1);
 	return k(() => {
 		if (e) return;
 		let r = () => {
-			ie() && t(!0);
+			w() && t(!0);
 		}, i = (e) => {
 			e.data?.type === "ikon-inspect-mode" && e.data.enabled && (n.current = !0, t(!0));
 		};
-		return window.addEventListener(c, r), window.addEventListener("message", i), () => {
-			window.removeEventListener(c, r), window.removeEventListener("message", i);
+		return window.addEventListener(l, r), window.addEventListener("message", i), () => {
+			window.removeEventListener(l, r), window.removeEventListener("message", i);
 		};
 	}, [e]), k(() => {
 		if (!e) return;
@@ -351,11 +351,11 @@ function Oe() {
 }
 //#endregion
 //#region src/surface.tsx
-var ke = _("IkonUiSurface"), Ae = "ikon-ui";
-function je(e, t) {
+var Fe = v("IkonUiSurface"), Ie = "ikon-ui";
+function R(e, t) {
 	return e === t;
 }
-var z = D(function({ stores: e, registry: t, category: n = Ae, onAction: r, client: i }) {
+var Le = D(function({ stores: e, registry: t, category: n = Ie, onAction: r, client: i }) {
 	let a = A(() => Array.from(e.keys()).sort().join(","), [e]), o = j(r);
 	o.current = r;
 	let s = j(i);
@@ -364,7 +364,7 @@ var z = D(function({ stores: e, registry: t, category: n = Ae, onAction: r, clie
 		let t = [];
 		for (let [r, i] of e) {
 			let e = i.store.getSnapshot();
-			je(i.category, n) && (!e.rootViewId || !e.views.has(e.rootViewId) || t.push({
+			R(i.category, n) && (!e.rootViewId || !e.views.has(e.rootViewId) || t.push({
 				key: r,
 				store: i.store
 			}));
@@ -376,15 +376,15 @@ var z = D(function({ stores: e, registry: t, category: n = Ae, onAction: r, clie
 		a
 	]), l = j(!1), u = c.length > 0;
 	return k(() => {
-		u && !l.current && (l.current = !0, ke.debug("First UI render"));
-	}, [u]), u ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Oe, {}), c.map(({ key: e, store: n }) => /* @__PURE__ */ F(we, {
+		u && !l.current && (l.current = !0, Fe.debug("First UI render"));
+	}, [u]), u ? /* @__PURE__ */ F(_e, { children: [/* @__PURE__ */ P(Pe, {}), c.map(({ key: e, store: n }) => /* @__PURE__ */ P(Ae, {
 		store: n,
 		library: t,
 		onAction: o.current,
 		client: s.current,
 		video: s.current?.media?.video
 	}, e))] }) : null;
-}), Me = class {
+}), Re = class {
 	core;
 	ownsCore;
 	stores = /* @__PURE__ */ new Map();
@@ -456,7 +456,7 @@ var z = D(function({ stores: e, registry: t, category: n = Ae, onAction: r, clie
 		let t = this.stores.get(e);
 		if (t) return t;
 		let n = {
-			category: Ae,
+			category: Ie,
 			store: new r()
 		};
 		return this.stores.set(e, n), n;
@@ -476,13 +476,13 @@ var z = D(function({ stores: e, registry: t, category: n = Ae, onAction: r, clie
 };
 //#endregion
 //#region src/base/base-div.tsx
-function Ne(e) {
+function ze(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
 	}
 }
-function B(e) {
+function z(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -492,7 +492,7 @@ function B(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function Pe(...e) {
+function Be(...e) {
 	let t = "";
 	for (let n of e) if (n) {
 		let e = n.trim();
@@ -500,8 +500,8 @@ function Pe(...e) {
 	}
 	return t || void 0;
 }
-var Fe = /* @__PURE__ */ new WeakMap(), Ie = {};
-function Le(e) {
+var Ve = /* @__PURE__ */ new WeakMap(), He = {};
+function Ue(e) {
 	let t = {};
 	for (let n of e.split(";")) {
 		let e = n.indexOf(":");
@@ -513,28 +513,28 @@ function Le(e) {
 	}
 	return t;
 }
-function V(e, t) {
+function We(e, t) {
 	let n = e && typeof e == "object" ? e : void 0;
 	return t ? {
 		...n ?? {},
 		cursor: t
 	} : n;
 }
-function Re(e) {
-	if (!e) return Ie;
-	let t = Fe.get(e);
+function B(e) {
+	if (!e) return He;
+	let t = Ve.get(e);
 	if (t) return t;
 	let n = {};
 	for (let [t, r] of Object.entries(e)) if (r != null) {
 		if (t === "style" && typeof r == "string") {
-			n[t] = Le(r);
+			n[t] = Ue(r);
 			continue;
 		}
 		(typeof r == "string" || typeof r == "number" || typeof r == "boolean") && (n[t] = r);
 	}
-	return Fe.set(e, n), n;
+	return Ve.set(e, n), n;
 }
-function ze(e) {
+function Ge(e) {
 	let t = e.parentElement;
 	for (; t;) {
 		let e = window.getComputedStyle(t).overflowY;
@@ -543,34 +543,34 @@ function ze(e) {
 	}
 	return null;
 }
-var H = 1.5;
-function U(e, t) {
+var Ke = 1.5;
+function V(e, t) {
 	requestAnimationFrame(() => {
-		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.scrollTop + (r.bottom - n.bottom) + 16, a = Math.abs(i - e.scrollTop) > e.clientHeight * H ? "auto" : "smooth";
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.scrollTop + (r.bottom - n.bottom) + 16, a = Math.abs(i - e.scrollTop) > e.clientHeight * Ke ? "auto" : "smooth";
 		"scrollBehavior" in document.documentElement.style ? e.scrollTo({
 			top: i,
 			behavior: a
 		}) : e.scrollTop = i;
 	});
 }
-var W = "data-ikon-scroll-indicator", Be = .15, G = "data-ikon-at-bottom";
-function Ve(e) {
-	return Math.max(e.clientHeight * Be, 20);
+var H = "data-ikon-scroll-indicator", qe = .15, U = "data-ikon-at-bottom";
+function Je(e) {
+	return Math.max(e.clientHeight * qe, 20);
 }
-function He(e) {
-	return e.getAttribute(G) !== "false";
+function Ye(e) {
+	return e.getAttribute(U) !== "false";
 }
-function Ue(e) {
-	e.getAttribute(G) === null && (e.setAttribute(G, "true"), e.addEventListener("scroll", () => {
-		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e, i = n - t - r <= Ve(e);
-		e.setAttribute(G, i ? "true" : "false");
+function Xe(e) {
+	e.getAttribute(U) === null && (e.setAttribute(U, "true"), e.addEventListener("scroll", () => {
+		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e, i = n - t - r <= Je(e);
+		e.setAttribute(U, i ? "true" : "false");
 	}, { passive: !0 }));
 }
-function We(e) {
-	let t = e.parentElement ?? e, n = t.querySelector(`[${W}]`);
+function Ze(e) {
+	let t = e.parentElement ?? e, n = t.querySelector(`[${H}]`);
 	if (n) return n;
 	let r = document.createElement("button");
-	return r.setAttribute(W, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
+	return r.setAttribute(H, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
 		position: "absolute",
 		bottom: "12px",
 		left: "50%",
@@ -598,36 +598,36 @@ function We(e) {
 		r.style.opacity = "0.9";
 	}), t.appendChild(r), r;
 }
-function Ge(e, t) {
-	let n = We(e);
+function Qe(e, t) {
+	let n = Ze(e);
 	n.style.display = "flex";
 	let r = () => {
-		U(e, t), n.style.display = "none";
+		V(e, t), n.style.display = "none";
 	}, i = () => {
 		let { scrollTop: t, scrollHeight: r, clientHeight: i } = e;
-		r - t - i <= Ve(e) && (n.style.display = "none");
+		r - t - i <= Je(e) && (n.style.display = "none");
 	};
 	return n.addEventListener("click", r), e.addEventListener("scroll", i, { passive: !0 }), () => {
 		n.removeEventListener("click", r), e.removeEventListener("scroll", i);
 	};
 }
-function Ke() {
+function $e() {
 	let e = D(function({ nodeId: e, context: t }) {
-		let n = L(t.store, e), r = j(null), i = B(n?.props?.targetViewId), a = n?.props?.focusOnly, o = typeof a == "boolean" ? a : void 0, s = B(n?.props?.priority), c = B(n?.props?.key), l = n?.props?.preciseGeneratedAt;
+		let n = I(t.store, e), r = j(null), i = z(n?.props?.targetViewId), a = n?.props?.focusOnly, o = typeof a == "boolean" ? a : void 0, s = z(n?.props?.priority), c = z(n?.props?.key), l = n?.props?.preciseGeneratedAt;
 		return k(() => {
 			if (typeof document > "u") return;
 			let e = r.current;
 			if (!e || i && e.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i) return;
 			let t;
 			if (o !== !0) {
-				let n = ze(e);
-				if (n) if (Ue(n), s === "Polite" && !He(n)) t = Ge(n, e);
+				let n = Ge(e);
+				if (n) if (Xe(n), s === "Polite" && !Ye(n)) t = Qe(n, e);
 				else {
-					let t = (n.parentElement ?? n).querySelector(`[${W}]`);
-					t && (t.style.display = "none"), U(n, e);
+					let t = (n.parentElement ?? n).querySelector(`[${H}]`);
+					t && (t.style.display = "none"), V(n, e);
 				}
 				else typeof e.scrollIntoView == "function" && requestAnimationFrame(() => {
-					let t = e.getBoundingClientRect().top, n = typeof window < "u" ? window.innerHeight : 0, r = Math.abs(t) > n * H ? "auto" : "smooth";
+					let t = e.getBoundingClientRect().top, n = typeof window < "u" ? window.innerHeight : 0, r = Math.abs(t) > n * Ke ? "auto" : "smooth";
 					try {
 						e.scrollIntoView({
 							behavior: r,
@@ -652,7 +652,7 @@ function Ke() {
 			i,
 			c,
 			l
-		]), n ? /* @__PURE__ */ F("span", {
+		]), n ? /* @__PURE__ */ P("span", {
 			ref: r,
 			"data-ikon-node-id": n.id,
 			"data-ikon-source": n.sourceMarker,
@@ -670,16 +670,16 @@ function Ke() {
 		if (t === "std.focus-hint") return e;
 	};
 }
-function qe() {
+function et() {
 	let e = D(function({ nodeId: e, context: t, className: n }) {
-		let r = L(t.store, e), i = Ne(r?.props?.onInvokeId), a = O(() => {
+		let r = I(t.store, e), i = ze(r?.props?.onInvokeId), a = O(() => {
 			i && t.dispatchAction(i);
 		}, [i, t]);
 		if (!r) return null;
-		let o = Re(r.props);
+		let o = B(r.props);
 		delete o.onInvokeId;
-		let s = Pe(B(r.props?.className), n), c = r.children?.length ? t.renderChildren(r.children) : void 0;
-		return /* @__PURE__ */ F("div", {
+		let s = Be(z(r.props?.className), n), c = r.children?.length ? t.renderChildren(r.children) : void 0;
+		return /* @__PURE__ */ P("div", {
 			...o,
 			"data-ikon-node-id": r.id,
 			"data-ikon-source": r.sourceMarker,
@@ -690,7 +690,7 @@ function qe() {
 			onKeyDown: i ? (e) => {
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
 			} : void 0,
-			style: V(o.style, i ? "pointer" : void 0),
+			style: We(o.style, i ? "pointer" : void 0),
 			children: c
 		});
 	});
@@ -698,12 +698,12 @@ function qe() {
 		if (t === "std.div") return e;
 	};
 }
-function Je() {
+function tt() {
 	let e = D(function({ nodeId: e, context: t, className: n }) {
-		let r = L(t.store, e);
+		let r = I(t.store, e);
 		if (!r) return null;
-		let i = Re(r.props), a = Pe("relative", B(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
-		return /* @__PURE__ */ F("div", {
+		let i = B(r.props), a = Be("relative", z(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
+		return /* @__PURE__ */ P("div", {
 			...i,
 			"data-ikon-node-id": r.id,
 			"data-ikon-source": r.sourceMarker,
@@ -715,12 +715,12 @@ function Je() {
 		if (t === "std.stack") return e;
 	};
 }
-function Ye() {
+function nt() {
 	let e = D(function({ nodeId: e, context: t, className: n }) {
-		let r = L(t.store, e);
+		let r = I(t.store, e);
 		if (!r) return null;
-		let i = Re(r.props), a = Pe("absolute", B(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
-		return /* @__PURE__ */ F("div", {
+		let i = B(r.props), a = Be("absolute", z(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
+		return /* @__PURE__ */ P("div", {
 			...i,
 			"data-ikon-node-id": r.id,
 			"data-ikon-source": r.sourceMarker,
@@ -732,23 +732,23 @@ function Ye() {
 		if (t === "std.layer") return e;
 	};
 }
-function Xe() {
+function rt() {
 	return [
-		qe(),
-		Je(),
-		Ye(),
-		Ke()
+		et(),
+		tt(),
+		nt(),
+		$e()
 	];
 }
 //#endregion
 //#region src/base/base-module.ts
-var Ze = "base", Qe = async () => Xe();
-function $e(e) {
-	e.registerModule(Ze, Qe);
+var it = "base", at = async () => rt();
+function ot(e) {
+	e.registerModule(it, at);
 }
 //#endregion
 //#region src/media/audio-player.tsx
-function et(e) {
+function st(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -758,17 +758,17 @@ function et(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function tt(...e) {
+function ct(...e) {
 	let t = [];
 	for (let n of e) n && n.trim() && t.push(n.trim());
 	return t.length > 0 ? t.join(" ") : void 0;
 }
-function nt(e) {
+function lt(e) {
 	if (typeof e != "string") return;
 	let t = e.trim();
 	return t.length > 0 ? t : void 0;
 }
-function rt(e) {
+function ut(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "string") {
 		let t = e.trim().toLowerCase();
@@ -776,14 +776,14 @@ function rt(e) {
 		if (t === "false") return !1;
 	}
 }
-function it() {
+function dt() {
 	let e = D(function({ nodeId: e, context: t, className: n }) {
-		let r = L(t.store, e), i = j(null), a = r ? rt(r.props?.autoplay) : void 0, o = r ? nt(r.props?.src) : void 0;
+		let r = I(t.store, e), i = j(null), a = r ? ut(r.props?.autoplay) : void 0, o = r ? lt(r.props?.src) : void 0;
 		if (k(() => {
 			a && i.current && i.current.play().catch(() => {});
 		}, [a, o]), !r) return null;
-		let s = tt(et(r.props?.className), n), c = nt(r.props?.preload), l = rt(r.props?.controls), u = rt(r.props?.loop), d = rt(r.props?.muted);
-		return /* @__PURE__ */ F("audio", {
+		let s = ct(st(r.props?.className), n), c = lt(r.props?.preload), l = ut(r.props?.controls), u = ut(r.props?.loop), d = ut(r.props?.muted);
+		return /* @__PURE__ */ P("audio", {
 			ref: i,
 			src: o,
 			...c === void 0 ? {} : { preload: c },
@@ -802,7 +802,7 @@ function it() {
 }
 //#endregion
 //#region src/media/video-canvas.tsx
-function at(e) {
+function ft(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -812,27 +812,27 @@ function at(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function ot(...e) {
+function pt(...e) {
 	let t = [];
 	for (let n of e) n && n.trim() && t.push(n.trim());
 	return t.length > 0 ? t.join(" ") : void 0;
 }
-function st(e) {
+function mt(e) {
 	if (typeof e == "number" && Number.isFinite(e)) return Math.floor(e);
 	if (typeof e == "string" && e.trim().length > 0) {
 		let t = Number(e);
 		if (Number.isFinite(t)) return Math.floor(t);
 	}
 }
-function ct(e) {
+function ht(e) {
 	if (typeof e != "string") return;
 	let t = e.trim();
 	return t.length > 0 ? t : void 0;
 }
-var lt = _("IkonVideoCanvas"), ut = 100, dt = 50, ft = "std.video-canvas", pt = "std.video-url-player";
-function mt() {
+var gt = v("IkonVideoCanvas"), _t = 100, vt = 50, yt = "std.video-canvas", bt = "std.video-url-player";
+function xt() {
 	let e = D(function({ nodeId: e, context: t, className: n }) {
-		let r = L(t.store, e), i = j(null), a = j(null), o = t.client, s = r ? ct(r.props?.streamId) : void 0, c = r ? st(r.props?.width) : void 0, l = r ? st(r.props?.height) : void 0, u = r ? ot(at(r.props?.className), n) : n, [, d] = M(0);
+		let r = I(t.store, e), i = j(null), a = j(null), o = t.client, s = r ? ht(r.props?.streamId) : void 0, c = r ? mt(r.props?.width) : void 0, l = r ? mt(r.props?.height) : void 0, u = r ? pt(ft(r.props?.className), n) : n, [, d] = M(0);
 		k(() => {
 			if (!o?.isWebRtcEnabled) return;
 			let e = o.onWebRtcTrackMapChanged;
@@ -850,15 +850,15 @@ function mt() {
 				if (n) return;
 				let i = t.video ?? t.client?.media?.video;
 				if (!i) {
-					if (a++ >= dt) {
-						lt.warn(`Gave up attaching the canvas for stream ${s}: video playback never became available`);
+					if (a++ >= vt) {
+						gt.warn(`Gave up attaching the canvas for stream ${s}: video playback never became available`);
 						return;
 					}
-					r = setTimeout(o, ut);
+					r = setTimeout(o, _t);
 					return;
 				}
 				i.attachCanvas(s, e).catch((e) => {
-					lt.error(`Failed to attach the canvas for stream ${s}, it will stay blank: ${String(e)}`);
+					gt.error(`Failed to attach the canvas for stream ${s}, it will stay blank: ${String(e)}`);
 				});
 			};
 			return o(), () => {
@@ -873,7 +873,7 @@ function mt() {
 			if (!(!e || !f)) return e.srcObject = f, () => {
 				e.srcObject = null;
 			};
-		}, [f]), r ? f ? /* @__PURE__ */ F("video", {
+		}, [f]), r ? f ? /* @__PURE__ */ P("video", {
 			ref: a,
 			autoPlay: !0,
 			playsInline: !0,
@@ -884,7 +884,7 @@ function mt() {
 			className: u,
 			...c ? { width: c } : {},
 			...l ? { height: l } : {}
-		}, s) : /* @__PURE__ */ F("canvas", {
+		}, s) : /* @__PURE__ */ P("canvas", {
 			ref: i,
 			"data-ikon-node-id": r.id,
 			"data-ikon-source": r.sourceMarker,
@@ -898,14 +898,14 @@ function mt() {
 		if (t === "std.video-canvas") return e;
 	};
 }
-function ht() {
+function St() {
 	return [
-		mt(),
-		_t(),
-		it()
+		xt(),
+		wt(),
+		dt()
 	];
 }
-function gt(e) {
+function Ct(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "string") {
 		let t = e.trim().toLowerCase();
@@ -913,14 +913,14 @@ function gt(e) {
 		if (t === "false") return !1;
 	}
 }
-function _t() {
+function wt() {
 	let e = D(function({ nodeId: e, context: t, className: n }) {
-		let r = L(t.store, e), i = j(null), a = r ? gt(r.props?.autoplay) : void 0, o = r ? ct(r.props?.src) : void 0;
+		let r = I(t.store, e), i = j(null), a = r ? Ct(r.props?.autoplay) : void 0, o = r ? ht(r.props?.src) : void 0;
 		if (k(() => {
 			a && i.current && i.current.play().catch(() => {});
 		}, [a, o]), !r) return null;
-		let s = ot(at(r.props?.className), n), c = ct(r.props?.poster), l = gt(r.props?.controls), u = gt(r.props?.loop), d = gt(r.props?.muted), f = gt(r.props?.playsInline), p = st(r.props?.width), m = st(r.props?.height), h = r.children?.length ? t.renderChildren(r.children) : void 0;
-		return /* @__PURE__ */ F("video", {
+		let s = pt(ft(r.props?.className), n), c = ht(r.props?.poster), l = Ct(r.props?.controls), u = Ct(r.props?.loop), d = Ct(r.props?.muted), f = Ct(r.props?.playsInline), p = mt(r.props?.width), m = mt(r.props?.height), h = r.children?.length ? t.renderChildren(r.children) : void 0;
+		return /* @__PURE__ */ P("video", {
 			ref: i,
 			src: o,
 			poster: c,
@@ -943,20 +943,20 @@ function _t() {
 }
 //#endregion
 //#region src/media/media-module.ts
-var vt = "media", yt = async () => ht();
-function bt(e) {
-	e.registerModule(vt, yt);
+var Tt = "media", Et = async () => St();
+function Dt(e) {
+	e.registerModule(Tt, Et);
 }
 //#endregion
 //#region src/shadertoy/shadertoy-gl.ts
-var xt = "#version 300 es\nin vec4 a_position;\nvoid main() {\n    gl_Position = a_position;\n}\n", St = 4;
-function Ct(e, t) {
+var Ot = "#version 300 es\nin vec4 a_position;\nvoid main() {\n    gl_Position = a_position;\n}\n", kt = 4;
+function At(e, t) {
 	return RegExp(`\\buniform\\s+\\w+\\s+${t}\\s*;`, "g").test(e);
 }
-function wt(e, t) {
+function jt(e, t) {
 	let n = [];
 	for (let [r, i] of Object.entries(t)) {
-		if (Ct(e, r)) continue;
+		if (At(e, r)) continue;
 		let t;
 		switch (i.type) {
 			case "float":
@@ -1014,7 +1014,7 @@ void main() {
 }
 `;
 }
-var Tt = class {
+var Mt = class {
 	gl;
 	program = null;
 	positionBuffer = null;
@@ -1030,7 +1030,7 @@ var Tt = class {
 	mouseClickY = 0;
 	channels = [];
 	channelResolution = /* @__PURE__ */ new Float32Array(12);
-	channelTime = new Float32Array(St);
+	channelTime = new Float32Array(kt);
 	lastError = null;
 	currentShaderSource = "";
 	constructor(e) {
@@ -1065,7 +1065,7 @@ var Tt = class {
 	}
 	initializeChannels() {
 		let e = this.gl;
-		for (let t = 0; t < St; t++) {
+		for (let t = 0; t < kt; t++) {
 			let t = e.createTexture();
 			e.bindTexture(e.TEXTURE_2D, t), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, 1, 1, 0, e.RGBA, e.UNSIGNED_BYTE, new Uint8Array([
 				0,
@@ -1082,7 +1082,7 @@ var Tt = class {
 		e.bindTexture(e.TEXTURE_2D, null);
 	}
 	setChannels(e) {
-		for (let t = 0; t < St; t++) {
+		for (let t = 0; t < kt; t++) {
 			let n = e[t] ?? null, r = this.channels[t];
 			if (r.url !== n) {
 				if (r.url = n, !n) {
@@ -1113,9 +1113,9 @@ var Tt = class {
 	}
 	compile(e, t = {}) {
 		this.lastError = null, this.customUniforms = t, this.currentShaderSource = e;
-		let n = this.gl, r = this.compileShader(n.VERTEX_SHADER, xt);
+		let n = this.gl, r = this.compileShader(n.VERTEX_SHADER, Ot);
 		if (!r) return !1;
-		let i = wt(e, t), a = this.compileShader(n.FRAGMENT_SHADER, i);
+		let i = jt(e, t), a = this.compileShader(n.FRAGMENT_SHADER, i);
 		if (!a) return n.deleteShader(r), !1;
 		let o = n.createProgram();
 		return o ? (n.attachShader(o, r), n.attachShader(o, a), n.linkProgram(o), n.deleteShader(r), n.deleteShader(a), n.getProgramParameter(o, n.LINK_STATUS) ? (this.program && n.deleteProgram(this.program), this.program = o, this.cacheUniformLocations(), !0) : (this.lastError = n.getProgramInfoLog(o) || "Program link failed", n.deleteProgram(o), !1)) : (this.lastError = "Failed to create program", n.deleteShader(r), n.deleteShader(a), !1);
@@ -1139,7 +1139,7 @@ var Tt = class {
 			"iMouse",
 			"iDate"
 		]) this.uniformLocations.set(t, e.getUniformLocation(this.program, t));
-		for (let t = 0; t < St; t++) this.uniformLocations.set(`iChannel${t}`, e.getUniformLocation(this.program, `iChannel${t}`));
+		for (let t = 0; t < kt; t++) this.uniformLocations.set(`iChannel${t}`, e.getUniformLocation(this.program, `iChannel${t}`));
 		this.uniformLocations.set("iChannelResolution", e.getUniformLocation(this.program, "iChannelResolution[0]")), this.uniformLocations.set("iChannelTime", e.getUniformLocation(this.program, "iChannelTime[0]"));
 		for (let t of Object.keys(this.customUniforms)) this.uniformLocations.set(t, e.getUniformLocation(this.program, t));
 	}
@@ -1171,7 +1171,7 @@ var Tt = class {
 			let t = /* @__PURE__ */ new Date();
 			e.uniform4f(p, t.getFullYear(), t.getMonth(), t.getDate(), t.getHours() * 3600 + t.getMinutes() * 60 + t.getSeconds() + t.getMilliseconds() / 1e3);
 		}
-		for (let t = 0; t < St; t++) {
+		for (let t = 0; t < kt; t++) {
 			e.activeTexture(e.TEXTURE0 + t), e.bindTexture(e.TEXTURE_2D, this.channels[t].texture);
 			let n = this.uniformLocations.get(`iChannel${t}`);
 			n && e.uniform1i(n, t);
@@ -1221,7 +1221,7 @@ var Tt = class {
 };
 //#endregion
 //#region src/shadertoy/shadertoy-renderer.tsx
-function Et(e) {
+function Nt(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -1231,22 +1231,22 @@ function Et(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function Dt(...e) {
+function Pt(...e) {
 	let t = [];
 	for (let n of e) n && n.trim() && t.push(n.trim());
 	return t.length > 0 ? t.join(" ") : void 0;
 }
-function Ot(e) {
+function Ft(e) {
 	if (typeof e == "number" && Number.isFinite(e)) return Math.floor(e);
 	if (typeof e == "string" && e.trim().length > 0) {
 		let t = Number(e);
 		if (Number.isFinite(t)) return Math.floor(t);
 	}
 }
-function kt(e) {
+function It(e) {
 	return typeof e == "string" ? e : "";
 }
-function At(e) {
+function Lt(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "string") {
 		let t = e.trim().toLowerCase();
@@ -1254,7 +1254,7 @@ function At(e) {
 		if (t === "false") return !1;
 	}
 }
-function jt(e) {
+function Rt(e) {
 	if (!e || typeof e != "object") return {};
 	let t = {}, n = e;
 	for (let [e, r] of Object.entries(n)) {
@@ -1274,10 +1274,10 @@ function jt(e) {
 	}
 	return t;
 }
-function Mt(e) {
+function zt(e) {
 	return Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : null) : [];
 }
-function Nt(e, t) {
+function Bt(e, t) {
 	let n = Object.keys(e), r = Object.keys(t);
 	if (n.length !== r.length) return !1;
 	for (let r of n) {
@@ -1291,21 +1291,21 @@ function Nt(e, t) {
 	}
 	return !0;
 }
-var Pt = "std.shadertoy-canvas";
-function Ft() {
+var Vt = "std.shadertoy-canvas";
+function Ht() {
 	let e = D(function({ nodeId: e, context: t, className: n }) {
-		let r = L(t.store, e), i = j(null), a = j(null), o = j(null), s = j(0), c = j(""), l = j({}), u = j({
+		let r = I(t.store, e), i = j(null), a = j(null), o = j(null), s = j(0), c = j(""), l = j({}), u = j({
 			x: 0,
 			y: 0,
 			clickX: 0,
 			clickY: 0,
 			isDown: !1
-		}), d = r ? kt(r.props?.shaderSource) : "", f = r ? Ot(r.props?.fps) ?? 60 : 60, p = r?.props?.uniforms, m = A(() => jt(p), [p]), h = r?.props?.channels, g = A(() => Mt(h), [h]), _ = r ? At(r.props?.enableMouse) ?? !0 : !0, v = r ? Ot(r.props?.width) : void 0, y = r ? Ot(r.props?.height) : void 0, ee = r ? Dt(Et(r.props?.className), n) : n;
+		}), d = r ? It(r.props?.shaderSource) : "", f = r ? Ft(r.props?.fps) ?? 60 : 60, p = r?.props?.uniforms, m = A(() => Rt(p), [p]), h = r?.props?.channels, g = A(() => zt(h), [h]), _ = r ? Lt(r.props?.enableMouse) ?? !0 : !0, v = r ? Ft(r.props?.width) : void 0, y = r ? Ft(r.props?.height) : void 0, b = r ? Pt(Nt(r.props?.className), n) : n;
 		k(() => {
 			let e = i.current;
 			if (e) {
 				try {
-					let t = new Tt(e);
+					let t = new Mt(e);
 					a.current = t;
 				} catch (e) {
 					console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", e);
@@ -1323,7 +1323,7 @@ function Ft() {
 			}
 		}, [d, m]), k(() => {
 			let e = a.current;
-			!e || !c.current || Nt(l.current, m) || (e.setCustomUniforms(m), l.current = m);
+			!e || !c.current || Bt(l.current, m) || (e.setCustomUniforms(m), l.current = m);
 		}, [m]), k(() => {
 			let e = a.current;
 			e && e.setChannels(g);
@@ -1338,32 +1338,32 @@ function Ft() {
 				o.current !== null && (cancelAnimationFrame(o.current), o.current = null);
 			};
 		}, [f]);
-		let b = O((e) => {
+		let x = O((e) => {
 			if (!_) return;
 			let t = i.current, n = a.current;
 			if (!t || !n) return;
 			let r = window.devicePixelRatio || 1, o = t.getBoundingClientRect(), s = (e.clientX - o.left) * r, c = (o.height - (e.clientY - o.top)) * r;
 			u.current.x = s, u.current.y = c, n.setMouse(s, c, u.current.clickX, u.current.clickY);
-		}, [_]), x = O((e) => {
+		}, [_]), S = O((e) => {
 			if (!_) return;
 			let t = i.current, n = a.current;
 			if (!t || !n) return;
 			let r = window.devicePixelRatio || 1, o = t.getBoundingClientRect(), s = (e.clientX - o.left) * r, c = (o.height - (e.clientY - o.top)) * r;
 			u.current.isDown = !0, u.current.clickX = s, u.current.clickY = c, n.setMouse(s, c, s, c);
-		}, [_]), S = O(() => {
+		}, [_]), ee = O(() => {
 			_ && (u.current.isDown = !1, u.current.clickX = -Math.abs(u.current.clickX));
 		}, [_]);
-		return r ? /* @__PURE__ */ F("canvas", {
+		return r ? /* @__PURE__ */ P("canvas", {
 			ref: i,
 			"data-ikon-node-id": r.id,
 			"data-ikon-source": r.sourceMarker,
-			className: ee,
+			className: b,
 			...v ? { width: v } : {},
 			...y ? { height: y } : {},
-			onMouseMove: b,
-			onMouseDown: x,
-			onMouseUp: S,
-			onMouseLeave: S
+			onMouseMove: x,
+			onMouseDown: S,
+			onMouseUp: ee,
+			onMouseLeave: ee
 		}) : null;
 	});
 	return ({ type: t }) => {
@@ -1372,13 +1372,13 @@ function Ft() {
 }
 //#endregion
 //#region src/shadertoy/shadertoy-module.ts
-var It = "shadertoy", Lt = async () => Ft();
-function Rt(e) {
-	e.registerModule(It, Lt);
+var Ut = "shadertoy", Wt = async () => Ht();
+function Gt(e) {
+	e.registerModule(Ut, Wt);
 }
 //#endregion
 //#region src/ikon-ui-registry.ts
-var zt = _("UIRegistry"), Bt = class {
+var Kt = v("UIRegistry"), qt = class {
 	baseResolvers = [];
 	moduleLoaders = /* @__PURE__ */ new Map();
 	moduleResolvers = /* @__PURE__ */ new Map();
@@ -1404,14 +1404,14 @@ var zt = _("UIRegistry"), Bt = class {
 	async loadRegisteredModules() {
 		let e = !1;
 		for (let [t, n] of this.moduleLoaders.entries()) if (!this.moduleResolvers.has(t)) try {
-			let r = Ut(await n());
+			let r = Xt(await n());
 			this.moduleResolvers.set(t, r), e = !0;
 		} catch (e) {
-			zt.error(`[IkonUiRegistry] Failed to load module '${t}'.`, e);
+			Kt.error(`[IkonUiRegistry] Failed to load module '${t}'.`, e);
 		}
 		let t = [];
 		for (let e of this.moduleLoaders.keys()) this.moduleResolvers.has(e) && t.push(e);
-		return Wt(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e && this.notify(), e;
+		return Zt(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e && this.notify(), e;
 	}
 	resolve(e) {
 		for (let t of this.baseResolvers) {
@@ -1421,7 +1421,7 @@ var zt = _("UIRegistry"), Bt = class {
 		for (let t of this.activeModuleOrder) {
 			let n = this.moduleResolvers.get(t);
 			if (!n) {
-				zt.warn(`Missing resolvers for module ${t}`);
+				Kt.warn(`Missing resolvers for module ${t}`);
 				continue;
 			}
 			for (let t of n) {
@@ -1434,25 +1434,25 @@ var zt = _("UIRegistry"), Bt = class {
 		for (let e of this.listeners) e();
 	}
 };
-function Vt() {
-	let e = new Bt();
-	return $e(e), bt(e), Rt(e), e.loadRegisteredModules(), e;
+function Jt() {
+	let e = new qt();
+	return ot(e), Dt(e), Gt(e), e.loadRegisteredModules(), e;
 }
-function Ht(e) {
+function Yt(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function Ut(e) {
-	return e ? Ht(e).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function Xt(e) {
+	return e ? Yt(e).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Wt(e, t) {
+function Zt(e, t) {
 	if (e.length !== t.length) return !1;
 	for (let n = 0; n < e.length; n += 1) if (e[n] !== t[n]) return !1;
 	return !0;
 }
 //#endregion
 //#region src/parallax-view.tsx
-function Gt({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
-	return /* @__PURE__ */ F(z, {
+function Qt({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
+	return /* @__PURE__ */ P(Le, {
 		stores: t,
 		registry: n,
 		category: e,
@@ -1462,7 +1462,7 @@ function Gt({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
 }
 //#endregion
 //#region src/motion/motion-controller.ts
-var Kt = _("MotionController"), qt = {
+var $t = v("MotionController"), en = {
 	ease: [
 		.25,
 		.1,
@@ -1632,20 +1632,20 @@ var Kt = _("MotionController"), qt = {
 		1.55
 	]
 };
-function K(e) {
+function W(e) {
 	return e <= 0 ? 0 : e >= 1 ? 1 : e;
 }
-function Jt(e) {
+function tn(e) {
 	if (e == null) return;
 	let t = e.trim();
 	if (!t) return;
 	let n = Number.parseFloat(t);
 	return Number.isFinite(n) ? n : void 0;
 }
-function Yt(e) {
+function nn(e) {
 	return typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Xt(e, t, n, r) {
+function rn(e, t, n, r) {
 	let i = 1 / 10, a = /* @__PURE__ */ new Float32Array(11);
 	function o(e, t, n) {
 		return ((3 * t - 3 * n + 1) * e + (3 * n - 6 * t)) * e * e + 3 * t * e;
@@ -1679,34 +1679,34 @@ function Xt(e, t, n, r) {
 	for (let t = 0; t < 11; t += 1) a[t] = o(t * i, e, n);
 	return (e) => e <= 0 ? 0 : e >= 1 ? 1 : o(u(e), t, r);
 }
-function Zt(e) {
+function an(e) {
 	let t = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(e);
-	if (!t) return (e) => K(e);
+	if (!t) return (e) => W(e);
 	let n = Math.max(1, parseInt(t[1], 10)), r = (t[2] ?? "end").toLowerCase();
-	return r === "start" || r === "jump-start" ? (e) => K(Math.ceil(e * n) / n) : r === "none" || r === "jump-none" ? (e) => K(Math.round(e * n) / n) : r === "both" || r === "jump-both" ? (e) => K((Math.floor(e * n) + .5) / n) : (e) => K(Math.floor(e * n) / n);
+	return r === "start" || r === "jump-start" ? (e) => W(Math.ceil(e * n) / n) : r === "none" || r === "jump-none" ? (e) => W(Math.round(e * n) / n) : r === "both" || r === "jump-both" ? (e) => W((Math.floor(e * n) + .5) / n) : (e) => W(Math.floor(e * n) / n);
 }
-function Qt(e) {
-	if (!e) return (e) => K(e);
+function on(e) {
+	if (!e) return (e) => W(e);
 	let t = e.trim().toLowerCase();
-	if (!t || t === "linear") return (e) => K(e);
-	if (qt[t]) {
-		let [e, n, r, i] = qt[t], a = Xt(e, n, r, i);
-		return (e) => K(a(K(e)));
+	if (!t || t === "linear") return (e) => W(e);
+	if (en[t]) {
+		let [e, n, r, i] = en[t], a = rn(e, n, r, i);
+		return (e) => W(a(W(e)));
 	}
 	if (t.startsWith("cubic-bezier(") && t.endsWith(")")) {
 		let e = t.slice(13, -1).split(",").map((e) => Number.parseFloat(e.trim()));
 		if (e.length === 4 && e.every((e) => Number.isFinite(e))) {
-			let [t, n, r, i] = e, a = Xt(t, n, r, i);
-			return (e) => K(a(K(e)));
+			let [t, n, r, i] = e, a = rn(t, n, r, i);
+			return (e) => W(a(W(e)));
 		}
 	}
 	if (t.startsWith("steps(") && t.endsWith(")")) {
-		let e = Zt(t);
-		return (t) => e(K(t));
+		let e = an(t);
+		return (t) => e(W(t));
 	}
-	return (e) => K(e);
+	return (e) => W(e);
 }
-function $t(e) {
+function sn(e) {
 	if (!e) return;
 	let t = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(e);
 	if (!t) return;
@@ -1723,7 +1723,7 @@ function $t(e) {
 		outEnd: a
 	};
 }
-var en = new class {
+var cn = new class {
 	bindingsByStyle = /* @__PURE__ */ new Map();
 	observer;
 	observeScheduled = !1;
@@ -1748,7 +1748,7 @@ var en = new class {
 		for (let e of Array.from(this.globalCleanups)) try {
 			e();
 		} catch (e) {
-			Kt.warn("Failed to cleanup binding listener", e);
+			$t.warn("Failed to cleanup binding listener", e);
 		}
 		this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer &&= (this.observer.disconnect(), void 0);
 	}
@@ -1757,14 +1757,14 @@ var en = new class {
 			let t = (JSON.parse(e).motionBindings ?? []).map((e) => this.parseBinding(e)).filter((e) => e !== void 0);
 			return t.length === 0 ? void 0 : { bindings: t };
 		} catch (e) {
-			Kt.warn("Failed to parse motion metadata", e);
+			$t.warn("Failed to parse motion metadata", e);
 			return;
 		}
 	}
 	parseBinding(e) {
 		let t = e.source?.trim();
 		if (!t) return;
-		let n = Jt(e.min) ?? 0, r = Jt(e.max), i = r === void 0 ? n + 100 : r, a = (e.clamp ?? "clamp").trim().toLowerCase(), o = !!e.reverse, s = Qt(e.ease), c = $t(e.map), l = e.targetId?.trim() || void 0;
+		let n = tn(e.min) ?? 0, r = tn(e.max), i = r === void 0 ? n + 100 : r, a = (e.clamp ?? "clamp").trim().toLowerCase(), o = !!e.reverse, s = on(e.ease), c = sn(e.map), l = e.targetId?.trim() || void 0;
 		if (!(Number.isNaN(n) || Number.isNaN(i))) return {
 			source: t.toLowerCase(),
 			min: n,
@@ -1810,7 +1810,7 @@ var en = new class {
 	scanExistingNodes(e) {
 		let t = this.bindingsByStyle.get(e);
 		if (!t || typeof document > "u") return;
-		let n = `.${Yt(e)}`;
+		let n = `.${nn(e)}`;
 		document.querySelectorAll(n).forEach((n) => this.applyStyleToElement(n, e, t));
 	}
 	applyStyleToElement(e, t, n) {
@@ -1846,7 +1846,7 @@ var en = new class {
 	}
 	resolveScrollContainer(e, t) {
 		if (t.targetId) {
-			let e = `[data-ikon-motion-source="${Yt(t.targetId)}"]`, n = typeof document < "u" ? document.querySelector(e) : null;
+			let e = `[data-ikon-motion-source="${nn(t.targetId)}"]`, n = typeof document < "u" ? document.querySelector(e) : null;
 			if (n) return n;
 		}
 		return e.closest("[data-ikon-view-type=\"scroll-view\"]");
@@ -1866,7 +1866,7 @@ var en = new class {
 			case "freeze-start": return e < 0 ? 0 : e;
 			case "freeze-end": return e > 1 ? 1 : e;
 			case "unclamped": return e;
-			default: return K(e);
+			default: return W(e);
 		}
 	}
 	applyMap(e, t) {
@@ -1901,7 +1901,7 @@ var en = new class {
 			try {
 				e();
 			} catch (e) {
-				Kt.warn("Failed to cleanup listener", e);
+				$t.warn("Failed to cleanup listener", e);
 			}
 			this.globalCleanups.delete(e);
 		}
@@ -1941,26 +1941,26 @@ var en = new class {
 }();
 //#endregion
 //#region src/use-ikon-styles.ts
-function tn(e) {
+function ln(e) {
 	let t = j(/* @__PURE__ */ new Map()), n = O(({ styleId: e, css: n, common: r }) => {
 		if (!(!e || typeof document > "u")) {
 			if (n) {
 				let r = t.current.get(e);
 				r || (r = document.createElement("style"), r.setAttribute("data-ikon-style-id", e), document.head.appendChild(r), t.current.set(e, r)), r.textContent = n;
 			}
-			en.registerStyle(e, r);
+			cn.registerStyle(e, r);
 		}
 	}, []), r = O((e) => {
 		if (!(typeof document > "u")) for (let n of e) {
 			let e = t.current.get(n);
-			e && (e.remove(), t.current.delete(n)), en.unregisterStyle(n);
+			e && (e.remove(), t.current.delete(n)), cn.unregisterStyle(n);
 		}
 	}, []), i = O(() => {
 		if (typeof document < "u") {
 			for (let e of t.current.values()) e.remove();
 			t.current.clear();
 		}
-		en.reset();
+		cn.reset();
 	}, []);
 	return k(() => {
 		if (!e) return;
@@ -1982,7 +1982,7 @@ function tn(e) {
 }
 //#endregion
 //#region src/use-ikon-ui-stores.ts
-function nn(e) {
+function un(e) {
 	let t = [];
 	for (let [n, r] of e) {
 		let e = r.store.getSnapshot(), i = e.rootViewId && e.views.has(e.rootViewId);
@@ -1990,7 +1990,7 @@ function nn(e) {
 	}
 	return t.sort(), t.join(",");
 }
-function rn(e) {
+function dn(e) {
 	let [t, n] = M(), r = j("");
 	return k(() => {
 		if (!e) {
@@ -1998,7 +1998,7 @@ function rn(e) {
 			return;
 		}
 		let t = () => {
-			let t = e.getStores(), i = nn(t);
+			let t = e.getStores(), i = un(t);
 			i !== r.current && (r.current = i, n(t));
 		};
 		return t(), e.subscribe(t);
@@ -2006,16 +2006,16 @@ function rn(e) {
 }
 //#endregion
 //#region src/shared/render-motion-letters.tsx
-var q = {
+var G = {
 	None: 0,
 	Letter: 1,
 	Word: 2,
 	Line: 4,
 	Paragraph: 8,
 	Emoji: 16
-}, an = [
+}, fn = [
 	{
-		flag: q.Letter,
+		flag: G.Letter,
 		hints: [
 			"[data-motion-letter]",
 			"[data-letter]",
@@ -2024,7 +2024,7 @@ var q = {
 		]
 	},
 	{
-		flag: q.Word,
+		flag: G.Word,
 		hints: [
 			"[data-motion-word]",
 			"[data-word]",
@@ -2033,7 +2033,7 @@ var q = {
 		]
 	},
 	{
-		flag: q.Line,
+		flag: G.Line,
 		hints: [
 			"[data-motion-line]",
 			"[data-line]",
@@ -2042,7 +2042,7 @@ var q = {
 		]
 	},
 	{
-		flag: q.Paragraph,
+		flag: G.Paragraph,
 		hints: [
 			"[data-motion-paragraph]",
 			"[data-paragraph]",
@@ -2053,7 +2053,7 @@ var q = {
 		]
 	},
 	{
-		flag: q.Emoji,
+		flag: G.Emoji,
 		hints: [
 			":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
 			"[data-motion-emoji]",
@@ -2062,16 +2062,16 @@ var q = {
 			"[data-emoji]"
 		]
 	}
-], on = q.Letter | q.Word | q.Line | q.Paragraph | q.Emoji, sn = q.Letter | q.Word | q.Line | q.Paragraph, cn = /* @__PURE__ */ new Map(), ln = 16384;
-function un(e, t) {
-	if (!e || e.length > ln) return e;
-	let n = Rn(t), r = J(n, q.Emoji), i = n & sn;
-	if (i === q.None && !r) return e;
+], pn = G.Letter | G.Word | G.Line | G.Paragraph | G.Emoji, mn = G.Letter | G.Word | G.Line | G.Paragraph, hn = /* @__PURE__ */ new Map(), gn = 16384;
+function _n(e, t) {
+	if (!e || e.length > gn) return e;
+	let n = Gn(t), r = K(n, G.Emoji), i = n & mn;
+	if (i === G.None && !r) return e;
 	let a = e.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
-	if (i === q.None) return In(a);
-	let o = Nn(a);
-	if (o.length === 0) return r ? In(a) : e;
-	let s = Pn(o), c = {
+	if (i === G.None) return Un(a);
+	let o = Bn(a);
+	if (o.length === 0) return r ? Un(a) : e;
+	let s = Vn(o), c = {
 		letter: 0,
 		word: 0,
 		line: 0,
@@ -2080,96 +2080,96 @@ function un(e, t) {
 		emoji: 0
 	}, l = [];
 	for (let e of s) {
-		let t = dn(e, n, c);
+		let t = vn(e, n, c);
 		l.push(...t);
 	}
 	return l;
 }
-function dn(e, t, n) {
+function vn(e, t, n) {
 	let r = [];
 	for (let i of e) {
-		let e = fn(i, t, n);
+		let e = yn(i, t, n);
 		r.push(...e);
 	}
-	if (J(t, q.Paragraph)) {
+	if (K(t, G.Paragraph)) {
 		let e = n.paragraph++;
-		return [/* @__PURE__ */ F("span", {
+		return [/* @__PURE__ */ P("span", {
 			"data-motion-paragraph": !0,
-			style: Fn(e),
+			style: Hn(e),
 			children: r
 		}, `motion-paragraph-${e}`)];
 	}
 	return r;
 }
-function fn(e, t, n) {
-	let r = pn(e.text, t, n), i = [];
-	if (J(t, q.Line)) {
+function yn(e, t, n) {
+	let r = bn(e.text, t, n), i = [];
+	if (K(t, G.Line)) {
 		let e = n.line++;
-		i.push(/* @__PURE__ */ F("span", {
+		i.push(/* @__PURE__ */ P("span", {
 			"data-motion-line": !0,
-			style: Fn(e),
+			style: Hn(e),
 			children: r
 		}, `motion-line-${e}`));
 	} else i.push(...r);
-	for (let t = 0; t < e.breaks; t++) i.push(/* @__PURE__ */ F("br", {}, `motion-break-${n.br++}`));
+	for (let t = 0; t < e.breaks; t++) i.push(/* @__PURE__ */ P("br", {}, `motion-break-${n.br++}`));
 	return i;
 }
-function pn(e, t, n) {
+function bn(e, t, n) {
 	if (!e) return [];
-	let r = J(t, q.Word), i = [], a = /(\s+)/g, o = 0, s;
+	let r = K(t, G.Word), i = [], a = /(\s+)/g, o = 0, s;
 	for (; (s = a.exec(e)) !== null;) {
 		if (s.index > o) {
 			let a = e.slice(o, s.index);
-			i.push(mn(a, n, t, r));
+			i.push(xn(a, n, t, r));
 		}
 		i.push(s[0]), o = s.index + s[0].length;
 	}
 	if (o < e.length) {
 		let a = e.slice(o);
-		i.push(mn(a, n, t, r));
+		i.push(xn(a, n, t, r));
 	}
 	return i;
 }
-function mn(e, t, n, r) {
-	let i = t.word++, a = gn(e, n, t), o = `motion-word-${i}`, s = hn(i, r);
-	return r ? /* @__PURE__ */ F("span", {
+function xn(e, t, n, r) {
+	let i = t.word++, a = Cn(e, n, t), o = `motion-word-${i}`, s = Sn(i, r);
+	return r ? /* @__PURE__ */ P("span", {
 		"data-motion-word": !0,
 		style: s,
 		children: a
-	}, o) : /* @__PURE__ */ F("span", {
+	}, o) : /* @__PURE__ */ P("span", {
 		style: s,
 		children: a
 	}, o);
 }
-function hn(e, t) {
+function Sn(e, t) {
 	return t ? {
-		...Fn(e),
+		...Hn(e),
 		whiteSpace: "nowrap"
 	} : { whiteSpace: "nowrap" };
 }
-function gn(e, t, n) {
+function Cn(e, t, n) {
 	if (!e) return [];
-	let r = J(t, q.Letter), i = J(t, q.Emoji);
+	let r = K(t, G.Letter), i = K(t, G.Emoji);
 	if (!r) {
 		if (!i) return [e];
-		let t = _n(e);
+		let t = wn(e);
 		if (t.length === 0) return [e];
-		let { nodes: r } = Ln(t, n);
+		let { nodes: r } = Wn(t, n);
 		return r;
 	}
-	let a = [], o = _n(e);
+	let a = [], o = wn(e);
 	for (let e of o) {
-		let t = n.letter++, r = `motion-letter-${t}`, o = Fn(t);
+		let t = n.letter++, r = `motion-letter-${t}`, o = Hn(t);
 		if (e === "\n") {
-			a.push(/* @__PURE__ */ F("span", {
+			a.push(/* @__PURE__ */ P("span", {
 				"data-motion-letter": !0,
 				style: o,
-				children: /* @__PURE__ */ F("br", {})
+				children: /* @__PURE__ */ P("br", {})
 			}, r));
 			continue;
 		}
-		let s = i && An(e) ? { "data-motion-emoji": !0 } : void 0, c = e === " " ? "\xA0" : e;
-		a.push(/* @__PURE__ */ F("span", {
+		let s = i && Ln(e) ? { "data-motion-emoji": !0 } : void 0, c = e === " " ? "\xA0" : e;
+		a.push(/* @__PURE__ */ P("span", {
 			"data-motion-letter": !0,
 			style: o,
 			...s,
@@ -2178,46 +2178,46 @@ function gn(e, t, n) {
 	}
 	return a;
 }
-function _n(e) {
+function wn(e) {
 	if (!e) return [];
-	let t = yn();
-	return t ? Array.from(t.segment(e), (e) => e.segment) : bn(e);
+	let t = En();
+	return t ? Array.from(t.segment(e), (e) => e.segment) : Dn(e);
 }
-var vn;
-function yn() {
-	return vn === void 0 && (vn = typeof Intl < "u" && typeof Intl.Segmenter == "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null), vn;
+var Tn;
+function En() {
+	return Tn === void 0 && (Tn = typeof Intl < "u" && typeof Intl.Segmenter == "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null), Tn;
 }
-function bn(e) {
+function Dn(e) {
 	let t = [], n = Array.from(e), r = "";
 	for (let e = 0; e < n.length; e++) {
 		let i = n[e], a = n[e + 1];
-		r += i, !(a && xn(i, a)) && (t.push(r), r = "");
+		r += i, !(a && On(i, a)) && (t.push(r), r = "");
 	}
 	return r && t.push(r), t;
 }
-function xn(e, t) {
-	return t ? !!(Sn(e) || Sn(t) || Dn(t) || Cn(t) || wn(t) || Tn(e) && Tn(t)) : !1;
+function On(e, t) {
+	return t ? !!(kn(e) || kn(t) || Pn(t) || An(t) || jn(t) || Mn(e) && Mn(t)) : !1;
 }
-function Sn(e) {
+function kn(e) {
 	return e.codePointAt(0) === 8205;
 }
-function Cn(e) {
+function An(e) {
 	let t = e.codePointAt(0);
 	return t === void 0 ? !1 : t >= 65024 && t <= 65039 || t >= 917760 && t <= 917999;
 }
-function wn(e) {
+function jn(e) {
 	let t = e.codePointAt(0);
 	return t !== void 0 && t >= 127995 && t <= 127999;
 }
-function Tn(e) {
+function Mn(e) {
 	let t = e.codePointAt(0);
 	return t !== void 0 && t >= 127462 && t <= 127487;
 }
-var En;
-function Dn(e) {
-	return e ? (En ||= On(), En(e)) : !1;
+var Nn;
+function Pn(e) {
+	return e ? (Nn ||= Fn(), Nn(e)) : !1;
 }
-function On() {
+function Fn() {
 	try {
 		let e = /\p{Mark}/u;
 		return (t) => e.test(t);
@@ -2228,19 +2228,19 @@ function On() {
 		};
 	}
 }
-var kn;
-function An(e) {
-	return e ? (kn ||= jn(), kn(e)) : !1;
+var In;
+function Ln(e) {
+	return e ? (In ||= Rn(), In(e)) : !1;
 }
-function jn() {
+function Rn() {
 	try {
 		let e = /\p{Extended_Pictographic}/u;
 		return (t) => e.test(t);
 	} catch {
-		return Mn;
+		return zn;
 	}
 }
-function Mn(e) {
+function zn(e) {
 	if (!e) return !1;
 	for (let t of Array.from(e)) {
 		let e = t.codePointAt(0);
@@ -2248,7 +2248,7 @@ function Mn(e) {
 	}
 	return !1;
 }
-function Nn(e) {
+function Bn(e) {
 	let t = [], n = "", r = 0;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -2266,16 +2266,16 @@ function Nn(e) {
 		breaks: r
 	}), t;
 }
-function Pn(e) {
+function Vn(e) {
 	if (e.length === 0) return [];
 	let t = [], n = [];
 	for (let r of e) n.push(r), r.breaks >= 2 && (t.push(n), n = []);
 	return n.length > 0 && t.push(n), t;
 }
-function J(e, t) {
+function K(e, t) {
 	return (e & t) === t;
 }
-function Fn(e) {
+function Hn(e) {
 	return {
 		"--tw-motion-seq-index": e.toString(),
 		backgroundColor: "inherit",
@@ -2292,22 +2292,22 @@ function Fn(e) {
 		WebkitTextFillColor: "inherit"
 	};
 }
-function In(e) {
+function Un(e) {
 	if (!e) return e;
-	let t = _n(e);
+	let t = wn(e);
 	if (t.length === 0) return e;
-	let { nodes: n, sawEmoji: r } = Ln(t);
+	let { nodes: n, sawEmoji: r } = Wn(t);
 	return r ? n.length === 1 ? n[0] ?? e : n : e;
 }
-function Ln(e, t) {
+function Wn(e, t) {
 	let n = [], r = "", i = !1, a = t?.emoji ?? 0, o = () => {
 		r &&= (n.push(r), "");
 	};
 	for (let s of e) {
-		if (An(s)) {
+		if (Ln(s)) {
 			i = !0, o();
 			let e = `motion-emoji-${t ? t.emoji++ : a++}`;
-			n.push(/* @__PURE__ */ F("span", {
+			n.push(/* @__PURE__ */ P("span", {
 				"data-motion-emoji": !0,
 				children: s
 			}, e));
@@ -2323,16 +2323,16 @@ function Ln(e, t) {
 		sawEmoji: !1
 	};
 }
-function Rn(e) {
-	if (!e) return q.None;
+function Gn(e) {
+	if (!e) return G.None;
 	let t = e.trim();
-	if (!t) return q.None;
-	let n = cn.get(t);
+	if (!t) return G.None;
+	let n = hn.get(t);
 	if (typeof n == "number") return n;
-	if (typeof document > "u") return q.None;
+	if (typeof document > "u") return G.None;
 	let r = t.split(/\s+/).filter(Boolean);
-	if (r.length === 0) return q.None;
-	let i = r.map((e) => `.${Bn(e)}`).map((e) => RegExp(`(^|[^a-zA-Z0-9_-])${Vn(e)}(?![a-zA-Z0-9_-])`)), a = q.None, o = !1;
+	if (r.length === 0) return G.None;
+	let i = r.map((e) => `.${qn(e)}`).map((e) => RegExp(`(^|[^a-zA-Z0-9_-])${Jn(e)}(?![a-zA-Z0-9_-])`)), a = G.None, o = !1;
 	for (let e of Array.from(document.styleSheets)) {
 		let t;
 		try {
@@ -2340,18 +2340,18 @@ function Rn(e) {
 		} catch {
 			continue;
 		}
-		let n = zn(t, i);
-		if (n.mask && (a |= n.mask, a === on)) break;
+		let n = Kn(t, i);
+		if (n.mask && (a |= n.mask, a === pn)) break;
 		o ||= n.sawStyleRule;
 	}
-	return (a !== q.None || o) && cn.set(t, a), a;
+	return (a !== G.None || o) && hn.set(t, a), a;
 }
-function zn(e, t) {
+function Kn(e, t) {
 	if (!e) return {
-		mask: q.None,
+		mask: G.None,
 		sawStyleRule: !1
 	};
-	let n = q.None, r = !1;
+	let n = G.None, r = !1;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
 		if (a) {
@@ -2359,14 +2359,14 @@ function zn(e, t) {
 				let e = a.selectorText ?? "";
 				if (!e || !t.some((t) => t.test(e))) continue;
 				r = !0;
-				for (let t of an) t.hints.some((t) => e.includes(t)) && (n |= t.flag);
-				if (n === on) return {
+				for (let t of fn) t.hints.some((t) => e.includes(t)) && (n |= t.flag);
+				if (n === pn) return {
 					mask: n,
 					sawStyleRule: !0
 				};
 			} else if ("cssRules" in a) {
-				let e = zn(a.cssRules, t);
-				if (e.mask && (n |= e.mask, n === on)) return {
+				let e = Kn(a.cssRules, t);
+				if (e.mask && (n |= e.mask, n === pn)) return {
 					mask: n,
 					sawStyleRule: !0
 				};
@@ -2379,82 +2379,118 @@ function zn(e, t) {
 		sawStyleRule: r
 	};
 }
-function Bn(e) {
+function qn(e) {
 	return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Vn(e) {
+function Jn(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
 //#endregion
 //#region src/auth/storage.ts
-var Hn = "ikon-auth-session", Un = "ikon-auth-auto-login-attempted-run", Wn = 6048e5, Gn = 6e4;
-function Kn(e) {
+var Yn = "ikon-auth-session", Xn = "ikon-auth-refreshable", Zn = "ikon-auth-auto-login-attempted-run", Qn = 6048e5, $n = 6e4;
+function er(e) {
 	try {
 		let t = e.split(".");
 		if (t.length !== 3) return !0;
 		let n = t[1].replace(/-/g, "+").replace(/_/g, "/"), r = n + "=".repeat((4 - n.length % 4) % 4), i = JSON.parse(atob(r));
-		return typeof i.exp == "number" && Date.now() >= i.exp * 1e3 - Gn;
+		return typeof i.exp == "number" && Date.now() >= i.exp * 1e3 - $n;
 	} catch {
 		return !0;
 	}
 }
-function Y(e) {
+function q(e) {
 	try {
-		localStorage.setItem(Hn, JSON.stringify(e));
+		localStorage.setItem(Yn, JSON.stringify(e));
 	} catch {
 		console.warn("Failed to save auth session to localStorage");
 	}
 }
-function qn() {
+function tr() {
 	try {
-		let e = localStorage.getItem(Hn);
+		let e = localStorage.getItem(Yn);
 		if (!e) return null;
 		let t = JSON.parse(e);
-		return Date.now() - t.authenticatedAt > Wn || Kn(t.token) ? (Yn(), null) : t;
+		return Date.now() - t.authenticatedAt > Qn || er(t.token) ? (cr(), null) : t;
 	} catch {
 		return console.warn("Failed to load auth session from localStorage"), null;
 	}
 }
-function Jn() {
+function nr(e) {
 	try {
-		if (typeof window < "u" && new URLSearchParams(window.location.search).get("ikon_token")) return !0;
+		localStorage.removeItem(Yn), localStorage.setItem(Xn, JSON.stringify(e));
+	} catch {
+		console.warn("Failed to save the auth session marker to localStorage");
+	}
+}
+function rr() {
+	try {
+		let e = localStorage.getItem(Xn);
+		if (!e) return null;
+		let t = JSON.parse(e);
+		return Date.now() - t.renewedAt > Qn ? (ar(), null) : t;
+	} catch {
+		return console.warn("Failed to load the auth session marker from localStorage"), null;
+	}
+}
+function ir() {
+	let e = rr();
+	e && nr({
+		...e,
+		renewedAt: Date.now()
+	});
+}
+function ar() {
+	try {
+		localStorage.removeItem(Xn);
+	} catch {
+		console.warn("Failed to clear the auth session marker from localStorage");
+	}
+}
+function or() {
+	tr()?.provider === "anonymous" && cr(), rr()?.provider === "anonymous" && ar();
+}
+function sr() {
+	try {
+		let e = typeof window < "u" ? new URLSearchParams(window.location.search) : void 0;
+		if (e?.get("ikon_token") || e?.get("ikon_code")) return !0;
 	} catch {}
-	let e = qn()?.provider;
+	let e = tr()?.provider ?? rr()?.provider;
 	return e !== void 0 && e !== "anonymous";
 }
-function Yn() {
+function cr() {
 	try {
-		localStorage.removeItem(Hn);
+		localStorage.removeItem(Yn);
 	} catch {
 		console.warn("Failed to clear auth session from localStorage");
 	}
 }
-function Xn(e) {
+function lr(e) {
 	if (e) try {
-		sessionStorage.setItem(Un, e);
+		sessionStorage.setItem(Zn, e);
 	} catch {
 		console.warn("Failed to record auto-login attempt in sessionStorage");
 	}
 }
-function Zn() {
+function ur() {
 	try {
-		return sessionStorage.getItem(Un);
+		return sessionStorage.getItem(Zn);
 	} catch {
 		return null;
 	}
 }
-function X(e) {
+function J(e) {
 	return {
 		id: "",
 		provider: e.provider,
 		token: e.token,
-		authenticatedAt: e.authenticatedAt
+		authenticatedAt: e.authenticatedAt,
+		expiresAt: e.expiresAt
 	};
 }
 //#endregion
 //#region src/auth/auth-service.ts
-var Qn = 15e3, $n = _("AuthService");
-async function er(e) {
+var dr = 15e3, fr = 15e3, Y = v("AuthService");
+async function pr(e) {
 	try {
 		return await fetch(e, {
 			method: "GET",
@@ -2464,8 +2500,35 @@ async function er(e) {
 		return `no-cors probe ALSO FAILED (${e instanceof Error ? e.name : "Error"}) → origin is unreachable: TLS handshake / certificate, DNS, or network (old browser may not trust this host's cert)`;
 	}
 }
-async function tr(e, t, n) {
-	let r = te(), i = n === "guest" ? "anonymous" : n, a = {
+var mr = "x-ikon-auth-service";
+function hr(e) {
+	if (e.headers.get(mr) !== null) return !1;
+	if (e.status === 404 || e.status === 405) return !0;
+	let t = e.headers.get("content-type") ?? "";
+	return e.status === 200 && t.includes("text/html");
+}
+async function X(e, t, n) {
+	let r = `${e}${t}`, i = C(), a = i !== null && e === i, o = a ? await S() : i, s = o !== null && o !== e ? `${o}${t}` : null, c;
+	try {
+		c = await fetch(r, n);
+	} catch (i) {
+		let a = i instanceof Error ? `${i.name}: ${i.message}` : String(i);
+		if (!s) {
+			let n = await pr(e);
+			throw Y.error(`Auth request ${t} could not reach ${r} — ${a}. ${n}`), Error(`Auth request could not reach ${r} (${a}). ${n}`, { cause: i });
+		}
+		Y.warn(`Auth request ${t} could not reach ${r} (${a}); falling back to ${s}`);
+		try {
+			return await fetch(s, n);
+		} catch (n) {
+			let i = n instanceof Error ? `${n.name}: ${n.message}` : String(n), o = await pr(e);
+			throw Y.error(`Auth request ${t} failed on both ${r} (${a}) and ${s} (${i}). ${o}`), Error(`Auth request unreachable: ${r} (${a}) and ${s} (${i})`, { cause: n });
+		}
+	}
+	return a && s !== null && hr(c) ? (Y.warn(`Auth request ${t} got a non-auth-service answer from ${r} (${c.status}); this LB has no /ikon/auth route, falling back to ${s}`), fetch(s, n)) : c;
+}
+async function gr(e, t, n) {
+	let r = ie(), i = n === "guest" ? "anonymous" : n, a = {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
@@ -2473,61 +2536,44 @@ async function tr(e, t, n) {
 			space: e,
 			...i ? { method: i } : {}
 		})
-	}, o = typeof window < "u" ? window.location.origin : "?", s = `${t}/anonymous`;
-	$n.debug(`Anonymous auth: POST ${s} (space=${e}, origin=${o})`);
-	let c;
-	try {
-		c = await fetch(s, a);
-	} catch (e) {
-		let n = e instanceof Error ? `${e.name}: ${e.message}` : String(e), r = ne(), i = r ? `${r}/anonymous` : null;
-		if (i && i !== s) {
-			$n.warn(`Anonymous auth could not reach ${s} (${n}); falling back to same-origin ${i}`);
-			try {
-				c = await fetch(i, a);
-			} catch (e) {
-				let r = e instanceof Error ? `${e.name}: ${e.message}` : String(e), a = await er(t);
-				throw $n.error(`Anonymous auth failed on both direct (${s}: ${n}) and same-origin (${i}: ${r}). ${a}`), Error(`Anonymous auth unreachable: direct ${s} (${n}) and same-origin ${i} (${r})`, { cause: e });
-			}
-		} else {
-			let r = await er(t);
-			throw $n.error(`Anonymous auth fetch threw for ${s} — ${n}. ${r}`), Error(`Anonymous auth could not reach ${s} (${n}). ${r}`, { cause: e });
-		}
-	}
-	if (!c.ok) {
-		let e = await c.text().catch(() => "Unknown error");
-		throw $n.error(`Anonymous auth HTTP ${c.status} from ${c.url}: ${e}`), Error(`Anonymous auth failed: ${c.status} ${e}`);
-	}
-	let { token: l } = await c.json(), u = {
-		token: l,
+	}, o = typeof window < "u" ? window.location.origin : "?";
+	Y.debug(`Anonymous auth: POST ${t}/anonymous (space=${e}, origin=${o})`);
+	let s = await X(t, "/anonymous", a);
+	if (!s.ok) {
+		let e = await s.text().catch(() => "Unknown error");
+		throw Y.error(`Anonymous auth HTTP ${s.status} from ${s.url}: ${e}`), Error(`Anonymous auth failed: ${s.status} ${e}`);
+	}
+	let { token: c } = await s.json(), l = {
+		token: c,
 		provider: "anonymous",
 		authenticatedAt: Date.now()
 	};
-	return Y(u), u;
+	return q(l), l;
 }
-async function nr({ email: e, spaceId: t, authUrl: n }) {
-	let r = await fetch(`${n}/email/send`, {
+async function _r({ email: e, spaceId: t, authUrl: n }) {
+	let r = await X(n, "/email/send", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
 			email: e.trim(),
 			space: t
 		}),
-		signal: h(Qn)
+		signal: g(dr)
 	});
 	if (!r.ok) {
 		let e = await r.text().catch(() => "Failed to send login code");
 		throw Error(e);
 	}
 }
-async function rr({ email: e, code: t, authUrl: n }) {
-	let r = await fetch(`${n}/email/code`, {
+async function vr({ email: e, code: t, authUrl: n }) {
+	let r = await X(n, "/email/code", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
 			email: e.trim(),
 			code: t.trim()
 		}),
-		signal: h(Qn)
+		signal: g(dr)
 	});
 	if (!r.ok) {
 		let e = await r.text().catch(() => "Invalid code");
@@ -2538,27 +2584,117 @@ async function rr({ email: e, code: t, authUrl: n }) {
 		provider: "email",
 		authenticatedAt: Date.now()
 	};
-	return Y(a), a;
+	return q(a), a;
 }
-function ir() {
+function yr() {
 	let e = new URLSearchParams(window.location.search), t = e.get("ikon_token"), n = e.get("ikon_provider");
 	return t && n ? {
 		token: t,
 		provider: n
 	} : null;
 }
-function ar() {
-	return new URLSearchParams(window.location.search).get("error");
+function br() {
+	let e = new URLSearchParams(window.location.search), t = e.get("ikon_code"), n = e.get("ikon_provider");
+	return t && n ? {
+		code: t,
+		provider: n
+	} : null;
 }
-function or() {
-	window.history.replaceState({}, "", window.location.pathname);
+async function xr(e, t, n) {
+	let r = de();
+	if (!r) throw Error("This sign-in was started in a different browser or tab");
+	let i = await X(await b(n), "/oauth/exchange", {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({
+			code: e,
+			codeVerifier: r,
+			supportsRefresh: !0
+		}),
+		signal: g(dr)
+	});
+	if (!i.ok) throw Error("Could not complete the sign-in");
+	let { token: a, expiresAt: o } = await i.json(), s = {
+		token: a,
+		provider: t,
+		authenticatedAt: Date.now(),
+		expiresAt: o
+	};
+	return o ? nr({
+		provider: t,
+		authenticatedAt: s.authenticatedAt,
+		renewedAt: s.authenticatedAt
+	}) : q(s), s;
+}
+async function Sr(e) {
+	let t = C();
+	if (t === null) return null;
+	let n;
+	try {
+		n = await fetch(`${t}/session/refresh`, {
+			method: "POST",
+			signal: g(fr)
+		});
+	} catch (e) {
+		let n = e instanceof Error ? `${e.name}: ${e.message}` : String(e);
+		throw Y.warn(`Session renewal could not reach ${t}/session/refresh (${n})`), Error(`Session renewal could not reach the auth service (${n})`, { cause: e });
+	}
+	if (n.status === 401) return null;
+	if (!n.ok) throw Error(`Session renewal failed: ${n.status}`);
+	let { token: r, expiresAt: i } = await n.json();
+	return {
+		token: r,
+		provider: e.provider,
+		authenticatedAt: e.authenticatedAt,
+		expiresAt: i
+	};
+}
+function Cr() {
+	let e = new URLSearchParams(window.location.search), t = e.get("error");
+	return t ? {
+		code: t,
+		provider: e.get("ikon_provider")
+	} : null;
+}
+function wr() {
+	return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("ikon-signed-out");
 }
-function sr(e, t, n, r) {
-	let i = r ?? window.location.origin + window.location.pathname + window.location.search;
-	return `${n}/oauth/${e}?space=${encodeURIComponent(t)}&return=${encodeURIComponent(i)}`;
+var Tr = {
+	google: "Google",
+	facebook: "Facebook",
+	apple: "Apple",
+	microsoft: "Microsoft",
+	signicat: "eID"
+};
+function Er(e, t, n) {
+	let r = t ? Tr[t] ?? t : "this provider";
+	switch (e) {
+		case "account_exists_unverified_email": {
+			let e = `This email address already has an account on this app that uses a different sign-in method. For security, ${r} sign-in can't be connected to it automatically.`;
+			return n?.emailSignInAvailable ? `${e} Sign in with your email below instead — we'll send you a code to confirm it's you.` : `${e} Sign in the way this account was originally created.`;
+		}
+		case "authentication_failed": return "Sign-in did not complete. Please try again.";
+		case "invalid_redirect_url": return "Sign-in failed because the return address was not accepted.";
+		default: return e;
+	}
 }
-async function cr(e) {
-	let t = await fetch(`${e}/passkey/registration/options`, {
+function Dr() {
+	let e = new URLSearchParams(window.location.search);
+	for (let t of [
+		"ikon_token",
+		"ikon_code",
+		"ikon_provider",
+		"error"
+	]) e.delete(t);
+	let t = e.toString();
+	window.history.replaceState({}, "", t.length > 0 ? `${window.location.pathname}?${t}` : window.location.pathname);
+}
+async function Or(e, t, n, r) {
+	let i = r ?? window.location.origin + window.location.pathname + window.location.search, a = await y(), o = a ? `&code_challenge=${encodeURIComponent(a)}` : "";
+	return `${n}/oauth/${e}?space=${encodeURIComponent(t)}&return=${encodeURIComponent(i)}${o}`;
+}
+async function kr(e) {
+	let t = await X(e, "/passkey/registration/options", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" }
 	});
@@ -2568,8 +2704,8 @@ async function cr(e) {
 	}
 	return t.json();
 }
-async function lr(e, t, n) {
-	let r = await fetch(`${e}/passkey/registration/verify`, {
+async function Ar(e, t, n) {
+	let r = await X(e, "/passkey/registration/verify", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
@@ -2586,10 +2722,10 @@ async function lr(e, t, n) {
 		provider: "passkey",
 		authenticatedAt: Date.now()
 	};
-	return Y(a), a;
+	return q(a), a;
 }
-async function ur(e, t) {
-	let n = await fetch(`${e}/passkey/authentication/options`, {
+async function jr(e, t) {
+	let n = await X(e, "/passkey/authentication/options", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ email: t })
@@ -2600,8 +2736,8 @@ async function ur(e, t) {
 	}
 	return n.json();
 }
-async function dr(e, t) {
-	let n = await fetch(`${e}/passkey/authentication/verify`, {
+async function Mr(e, t) {
+	let n = await X(e, "/passkey/authentication/verify", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ response: t })
@@ -2615,7 +2751,63 @@ async function dr(e, t) {
 		provider: "passkey",
 		authenticatedAt: Date.now()
 	};
-	return Y(i), i;
+	return q(i), i;
+}
+async function Nr(e, t) {
+	try {
+		await X(await b(t), "/logout", {
+			method: "POST",
+			headers: { Authorization: `Bearer ${e}` },
+			signal: g(dr)
+		});
+	} catch {}
+}
+var Pr = "/oauth/popup-callback", Fr = 3e5;
+function Ir() {
+	try {
+		return window.top !== window.self;
+	} catch {
+		return !0;
+	}
+}
+async function Lr(e, t) {
+	let n = window.open("about:blank", "ikon-oauth", "popup,width=520,height=680");
+	if (!n) throw Error("The sign-in window was blocked. Allow pop-ups for this site and try again.");
+	let r;
+	try {
+		r = await S();
+		let i = `${r}${Pr}`;
+		n.location.href = await Or(e, t, r, i);
+	} catch (e) {
+		throw n.close(), e;
+	}
+	let i = r;
+	return await new Promise((t, r) => {
+		let a = !1, o = (e) => {
+			a || (a = !0, window.removeEventListener("message", s), window.clearInterval(c), window.clearTimeout(l), e());
+		}, s = (n) => {
+			if (n.origin !== i) return;
+			let a = n.data;
+			if (!a || a.source !== "ikon-oauth-popup") return;
+			if (a.error || !a.code) {
+				o(() => r(Error(a.error || "The sign-in did not complete")));
+				return;
+			}
+			let s = a.code, c = a.provider ?? e;
+			o(() => t({
+				code: s,
+				provider: c
+			}));
+		};
+		window.addEventListener("message", s);
+		let c = window.setInterval(() => {
+			n.closed && o(() => r(/* @__PURE__ */ Error("The sign-in window was closed before it finished")));
+		}, 500), l = window.setTimeout(() => {
+			o(() => {
+				n.close(), r(/* @__PURE__ */ Error("The sign-in timed out"));
+			});
+		}, Fr);
+	});
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/bufferToBase64URLString.js
@@ -2626,30 +2818,30 @@ function Z(e) {
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/base64URLStringToBuffer.js
-function fr(e) {
+function Rr(e) {
 	let t = e.replace(/-/g, "+").replace(/_/g, "/"), n = (4 - t.length % 4) % 4, r = t.padEnd(t.length + n, "="), i = atob(r), a = new ArrayBuffer(i.length), o = new Uint8Array(a);
 	for (let e = 0; e < i.length; e++) o[e] = i.charCodeAt(e);
 	return a;
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/browserSupportsWebAuthn.js
-function pr() {
-	return mr.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function zr() {
+	return Br.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-var mr = { stubThis: (e) => e };
+var Br = { stubThis: (e) => e };
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/toPublicKeyCredentialDescriptor.js
-function hr(e) {
+function Vr(e) {
 	let { id: t } = e;
 	return {
 		...e,
-		id: fr(t),
+		id: Rr(t),
 		transports: e.transports
 	};
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/isValidDomain.js
-function gr(e) {
+function Hr(e) {
 	return e === "localhost" || /^((xn--[a-z0-9-]+|[a-z0-9]+(-[a-z0-9]+)*)\.)+([a-z]{2,}|xn--[a-z0-9-]+)$/i.test(e);
 }
 //#endregion
@@ -2666,7 +2858,7 @@ var Q = class extends Error {
 };
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/identifyRegistrationError.js
-function _r({ error: e, options: t }) {
+function Ur({ error: e, options: t }) {
 	let { publicKey: n } = t;
 	if (!n) throw Error("options was missing required publicKey property");
 	if (e.name === "AbortError") {
@@ -2712,7 +2904,7 @@ function _r({ error: e, options: t }) {
 	});
 	else if (e.name === "SecurityError") {
 		let t = globalThis.location.hostname;
-		if (!gr(t)) return new Q({
+		if (!Hr(t)) return new Q({
 			message: `${globalThis.location.hostname} is an invalid domain`,
 			code: "ERROR_INVALID_DOMAIN",
 			cause: e
@@ -2735,7 +2927,7 @@ function _r({ error: e, options: t }) {
 	});
 	return e;
 }
-var vr = new class {
+var Wr = new class {
 	constructor() {
 		Object.defineProperty(this, "controller", {
 			enumerable: !0,
@@ -2758,31 +2950,31 @@ var vr = new class {
 			e.name = "AbortError", this.controller.abort(e), this.controller = void 0;
 		}
 	}
-}(), yr = ["cross-platform", "platform"];
-function br(e) {
-	if (e && !(yr.indexOf(e) < 0)) return e;
+}(), Gr = ["cross-platform", "platform"];
+function Kr(e) {
+	if (e && !(Gr.indexOf(e) < 0)) return e;
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/methods/startRegistration.js
-async function xr(e) {
+async function qr(e) {
 	!e.optionsJSON && e.challenge && (console.warn("startRegistration() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), e = { optionsJSON: e });
 	let { optionsJSON: t, useAutoRegister: n = !1 } = e;
-	if (!pr()) throw Error("WebAuthn is not supported in this browser");
+	if (!zr()) throw Error("WebAuthn is not supported in this browser");
 	let r = {
 		...t,
-		challenge: fr(t.challenge),
+		challenge: Rr(t.challenge),
 		user: {
 			...t.user,
-			id: fr(t.user.id)
+			id: Rr(t.user.id)
 		},
-		excludeCredentials: t.excludeCredentials?.map(hr)
+		excludeCredentials: t.excludeCredentials?.map(Vr)
 	}, i = {};
-	n && (i.mediation = "conditional"), i.publicKey = r, i.signal = vr.createNewAbortSignal();
+	n && (i.mediation = "conditional"), i.publicKey = r, i.signal = Wr.createNewAbortSignal();
 	let a;
 	try {
 		a = await navigator.credentials.create(i);
 	} catch (e) {
-		throw _r({
+		throw Ur({
 			error: e,
 			options: i
 		});
@@ -2794,20 +2986,20 @@ async function xr(e) {
 	if (typeof c.getPublicKeyAlgorithm == "function") try {
 		d = c.getPublicKeyAlgorithm();
 	} catch (e) {
-		Sr("getPublicKeyAlgorithm()", e);
+		Jr("getPublicKeyAlgorithm()", e);
 	}
 	let f;
 	if (typeof c.getPublicKey == "function") try {
 		let e = c.getPublicKey();
 		e !== null && (f = Z(e));
 	} catch (e) {
-		Sr("getPublicKey()", e);
+		Jr("getPublicKey()", e);
 	}
 	let p;
 	if (typeof c.getAuthenticatorData == "function") try {
 		p = Z(c.getAuthenticatorData());
 	} catch (e) {
-		Sr("getAuthenticatorData()", e);
+		Jr("getAuthenticatorData()", e);
 	}
 	return {
 		id: o,
@@ -2822,23 +3014,23 @@ async function xr(e) {
 		},
 		type: l,
 		clientExtensionResults: a.getClientExtensionResults(),
-		authenticatorAttachment: br(a.authenticatorAttachment)
+		authenticatorAttachment: Kr(a.authenticatorAttachment)
 	};
 }
-function Sr(e, t) {
+function Jr(e, t) {
 	console.warn(`The browser extension that intercepted this WebAuthn API call incorrectly implemented ${e}. You should report this error to them.\n`, t);
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/browserSupportsWebAuthnAutofill.js
-function Cr() {
-	if (!pr()) return wr.stubThis(new Promise((e) => e(!1)));
+function Yr() {
+	if (!zr()) return Xr.stubThis(new Promise((e) => e(!1)));
 	let e = globalThis.PublicKeyCredential;
-	return e?.isConditionalMediationAvailable === void 0 ? wr.stubThis(new Promise((e) => e(!1))) : wr.stubThis(e.isConditionalMediationAvailable());
+	return e?.isConditionalMediationAvailable === void 0 ? Xr.stubThis(new Promise((e) => e(!1))) : Xr.stubThis(e.isConditionalMediationAvailable());
 }
-var wr = { stubThis: (e) => e };
+var Xr = { stubThis: (e) => e };
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/identifyAuthenticationError.js
-function Tr({ error: e, options: t }) {
+function Zr({ error: e, options: t }) {
 	let { publicKey: n } = t;
 	if (!n) throw Error("options was missing required publicKey property");
 	if (e.name === "AbortError") {
@@ -2854,7 +3046,7 @@ function Tr({ error: e, options: t }) {
 	});
 	else if (e.name === "SecurityError") {
 		let t = globalThis.location.hostname;
-		if (!gr(t)) return new Q({
+		if (!Hr(t)) return new Q({
 			message: `${globalThis.location.hostname} is an invalid domain`,
 			code: "ERROR_INVALID_DOMAIN",
 			cause: e
@@ -2873,28 +3065,28 @@ function Tr({ error: e, options: t }) {
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/methods/startAuthentication.js
-async function Er(e) {
+async function Qr(e) {
 	!e.optionsJSON && e.challenge && (console.warn("startAuthentication() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), e = { optionsJSON: e });
 	let { optionsJSON: t, useBrowserAutofill: n = !1, verifyBrowserAutofillInput: r = !0 } = e;
-	if (!pr()) throw Error("WebAuthn is not supported in this browser");
+	if (!zr()) throw Error("WebAuthn is not supported in this browser");
 	let i;
-	t.allowCredentials?.length !== 0 && (i = t.allowCredentials?.map(hr));
+	t.allowCredentials?.length !== 0 && (i = t.allowCredentials?.map(Vr));
 	let a = {
 		...t,
-		challenge: fr(t.challenge),
+		challenge: Rr(t.challenge),
 		allowCredentials: i
 	}, o = {};
 	if (n) {
-		if (!await Cr()) throw Error("Browser does not support WebAuthn autofill");
+		if (!await Yr()) throw Error("Browser does not support WebAuthn autofill");
 		if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && r) throw Error("No <input> with \"webauthn\" as the only or last value in its `autocomplete` attribute was detected");
 		o.mediation = "conditional", a.allowCredentials = [];
 	}
-	o.publicKey = a, o.signal = vr.createNewAbortSignal();
+	o.publicKey = a, o.signal = Wr.createNewAbortSignal();
 	let s;
 	try {
 		s = await navigator.credentials.get(o);
 	} catch (e) {
-		throw Tr({
+		throw Zr({
 			error: e,
 			options: o
 		});
@@ -2912,54 +3104,128 @@ async function Er(e) {
 		},
 		type: d,
 		clientExtensionResults: s.getClientExtensionResults(),
-		authenticatorAttachment: br(s.authenticatorAttachment)
+		authenticatorAttachment: Kr(s.authenticatorAttachment)
 	};
 }
 //#endregion
 //#region src/auth/auth-context.tsx
-var Dr = E(null);
-function Or({ children: e, config: n }) {
+var $r = pe(null), ei = 12e4;
+function ti({ children: e, config: n }) {
 	let [r, i] = M({
 		isAuthenticated: !1,
 		isLoading: !0,
 		user: null,
 		error: null
-	});
+	}), a = n.methods.includes("email"), o = !n.requireSignIn || n.methods.includes("guest") || n.methods.includes("global"), s = j(!1), c = j(!1), l = O(async (e) => {
+		if (!c.current) {
+			c.current = !0;
+			try {
+				let t = await Sr(e);
+				if (t === null) {
+					ar(), i({
+						isAuthenticated: !1,
+						isLoading: !1,
+						user: null,
+						error: null
+					});
+					return;
+				}
+				ir(), i({
+					isAuthenticated: !0,
+					isLoading: !1,
+					user: J(t),
+					error: null
+				});
+			} catch {} finally {
+				c.current = !1;
+			}
+		}
+	}, []);
 	k(() => {
 		(() => {
-			let e = n.devLoginRunId, t = !!e && Zn() === e;
-			e && Xn(e);
-			let r = !!n.devLoginToken && !!e && !t && !Kn(n.devLoginToken), a = ar();
-			if (a) {
-				or(), i({
+			if (s.current) return;
+			let e = n.devLoginRunId, t = !!e && ur() === e;
+			e && !wr() && lr(e);
+			let r = !!n.devLoginToken && !!e && !t && !er(n.devLoginToken) && !wr();
+			o || or();
+			let c = Cr();
+			if (c) {
+				Dr(), i({
 					isAuthenticated: !1,
 					isLoading: !1,
 					user: null,
-					error: a
+					error: Er(c.code, c.provider, { emailSignInAvailable: a })
+				});
+				return;
+			}
+			let l = br();
+			if (l) {
+				s.current = !0, Dr(), xr(l.code, l.provider, n.authUrl).then((e) => {
+					i({
+						isAuthenticated: !0,
+						isLoading: !1,
+						user: J(e),
+						error: null
+					});
+				}).catch((e) => {
+					i({
+						isAuthenticated: !1,
+						isLoading: !1,
+						user: null,
+						error: e instanceof Error ? e.message : "Could not complete the sign-in"
+					});
 				});
 				return;
 			}
-			let o = ir();
-			if (o) {
+			let u = yr();
+			if (u) {
 				let e = {
-					token: o.token,
-					provider: o.provider,
+					token: u.token,
+					provider: u.provider,
 					authenticatedAt: Date.now()
 				};
-				Y(e), or(), i({
+				q(e), Dr(), i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: X(e),
+					user: J(e),
 					error: null
 				});
 				return;
 			}
-			let s = qn();
-			if (s && !(r && s.provider === "anonymous")) {
+			let d = rr();
+			if (d) {
+				s.current = !0, Sr(d).then((e) => {
+					if (e === null) {
+						ar(), i({
+							isAuthenticated: !1,
+							isLoading: !1,
+							user: null,
+							error: null
+						});
+						return;
+					}
+					ir(), i({
+						isAuthenticated: !0,
+						isLoading: !1,
+						user: J(e),
+						error: null
+					});
+				}).catch(() => {
+					i({
+						isAuthenticated: !1,
+						isLoading: !1,
+						user: null,
+						error: null
+					});
+				});
+				return;
+			}
+			let f = tr();
+			if (f && !(r && f.provider === "anonymous")) {
 				i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: X(s),
+					user: J(f),
 					error: null
 				});
 				return;
@@ -2970,10 +3236,10 @@ function Or({ children: e, config: n }) {
 					provider: "dev",
 					authenticatedAt: Date.now()
 				};
-				Y(e), i({
+				q(e), i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: X(e),
+					user: J(e),
 					error: null
 				});
 				return;
@@ -2985,8 +3251,25 @@ function Or({ children: e, config: n }) {
 				error: null
 			});
 		})();
-	}, [n.devLoginToken, n.devLoginRunId]);
-	let a = O(async (e) => {
+	}, [
+		n.authUrl,
+		n.devLoginToken,
+		n.devLoginRunId,
+		a,
+		o
+	]), k(() => {
+		let e = r.user?.expiresAt;
+		if (!e) return;
+		let t = rr();
+		if (!t) return;
+		let n = Date.parse(e) - ei, i = setTimeout(() => void l(t), Math.max(0, n - Date.now())), a = () => {
+			document.visibilityState === "visible" && Date.now() >= n && l(t);
+		};
+		return document.addEventListener("visibilitychange", a), () => {
+			clearTimeout(i), document.removeEventListener("visibilitychange", a);
+		};
+	}, [r.user?.expiresAt, l]);
+	let u = O(async (e) => {
 		if (!n.spaceId) {
 			i((e) => ({
 				...e,
@@ -2996,7 +3279,7 @@ function Or({ children: e, config: n }) {
 		}
 		let t;
 		try {
-			t = await v(n.authUrl);
+			t = await b(n.authUrl);
 		} catch (e) {
 			i((t) => ({
 				...t,
@@ -3011,11 +3294,11 @@ function Or({ children: e, config: n }) {
 				isLoading: !0
 			}));
 			try {
-				let r = await tr(n.spaceId, t, e);
+				let r = await gr(n.spaceId, t, e);
 				i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: X(r),
+					user: J(r),
 					error: null
 				});
 			} catch (e) {
@@ -3034,11 +3317,11 @@ function Or({ children: e, config: n }) {
 				error: null
 			}));
 			try {
-				let e = await Er({ optionsJSON: await ur(t) }), n = await dr(t, e);
+				let e = await Qr({ optionsJSON: await jr(t) }), n = await Mr(t, e);
 				i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: X(n),
+					user: J(n),
 					error: null
 				});
 			} catch (e) {
@@ -3051,34 +3334,52 @@ function Or({ children: e, config: n }) {
 			return;
 		}
 		if (e === "email") throw Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
-		window.location.href = sr(e, n.spaceId, t);
-	}, [n.authUrl, n.spaceId]), o = O(async (e) => {
+		if (Ir()) {
+			try {
+				let { code: t, provider: r } = await Lr(e, n.spaceId), a = await xr(t, r, n.authUrl);
+				q(a), i({
+					isAuthenticated: !0,
+					isLoading: !1,
+					user: J(a),
+					error: null
+				});
+			} catch (e) {
+				i((t) => ({
+					...t,
+					isLoading: !1,
+					error: e instanceof Error ? e.message : "Sign-in failed"
+				}));
+			}
+			return;
+		}
+		window.location.href = await Or(e, n.spaceId, t);
+	}, [n.authUrl, n.spaceId]), d = O(async (e) => {
 		if (!n.spaceId) throw i((e) => ({
 			...e,
 			error: "Space ID is not configured"
 		})), Error("Space ID is not configured");
-		let t = await v(n.authUrl);
-		await nr({
+		let t = await b(n.authUrl);
+		await _r({
 			email: e,
 			spaceId: n.spaceId,
 			authUrl: t
 		});
-	}, [n.authUrl, n.spaceId]), s = O(async (e, t) => {
+	}, [n.authUrl, n.spaceId]), f = O(async (e, t) => {
 		i((e) => ({
 			...e,
 			isLoading: !0,
 			error: null
 		}));
 		try {
-			let r = await rr({
+			let r = await vr({
 				email: e,
 				code: t,
-				authUrl: await v(n.authUrl)
+				authUrl: await b(n.authUrl)
 			});
 			i({
 				isAuthenticated: !0,
 				isLoading: !1,
-				user: X(r),
+				user: J(r),
 				error: null
 			});
 		} catch (e) {
@@ -3089,26 +3390,27 @@ function Or({ children: e, config: n }) {
 				error: t
 			})), e;
 		}
-	}, [n.authUrl]), c = O(() => {
-		Yn(), t.clearAll(), i({
+	}, [n.authUrl]), p = O(() => {
+		let e = r.user?.token;
+		e && Nr(e, n.authUrl), cr(), ar(), t.clearAll(), i({
 			isAuthenticated: !1,
 			isLoading: !1,
 			user: null,
 			error: null
 		});
-	}, []), l = O(async (e) => {
-		let t = await v(n.authUrl);
+	}, [r.user?.token, n.authUrl]), m = O(async (e) => {
+		let t = await b(n.authUrl);
 		i((e) => ({
 			...e,
 			isLoading: !0,
 			error: null
 		}));
 		try {
-			let n = await lr(t, await xr({ optionsJSON: await cr(t) }), e);
+			let n = await Ar(t, await qr({ optionsJSON: await kr(t) }), e);
 			i({
 				isAuthenticated: !0,
 				isLoading: !1,
-				user: X(n),
+				user: J(n),
 				error: null
 			});
 		} catch (e) {
@@ -3118,42 +3420,94 @@ function Or({ children: e, config: n }) {
 				error: e instanceof Error ? e.message : "Passkey registration failed"
 			}));
 		}
-	}, [n.authUrl]), u = O(() => r.user?.token ?? null, [r.user]), d = A(() => ({
+	}, [n.authUrl]), h = O(() => r.user?.token ?? null, [r.user]), g = A(() => ({
 		state: r,
-		login: a,
-		logout: c,
-		getToken: u,
-		registerPasskey: l,
-		requestEmailCode: o,
-		submitEmailCode: s
+		login: u,
+		logout: p,
+		getToken: h,
+		registerPasskey: m,
+		requestEmailCode: d,
+		submitEmailCode: f
 	}), [
 		r,
-		a,
-		c,
 		u,
-		l,
-		o,
-		s
+		p,
+		h,
+		m,
+		d,
+		f
 	]);
-	return /* @__PURE__ */ F(Dr, {
-		value: d,
+	return /* @__PURE__ */ P($r, {
+		value: g,
 		children: e
 	});
 }
-function kr() {
-	let e = le(Dr);
+function ni() {
+	let e = me($r);
 	if (!e) throw Error("useAuth must be used within an AuthProvider");
 	return e;
 }
-function Ar() {
-	return le(Dr);
+function ri() {
+	return me($r);
+}
+//#endregion
+//#region src/auth/oauth-continuation.ts
+var ii = "ikon-oauth", ai = "ikon-oauth-continue";
+function oi() {
+	if (typeof window > "u") return !1;
+	let e = new URL(window.location.href), t = e.searchParams.get(ii);
+	return t ? (ui(t), e.searchParams.delete(ii), window.history.replaceState(null, "", e.toString()), !0) : li() !== null;
+}
+function si() {
+	return li() !== null;
+}
+async function ci() {
+	let e = li();
+	if (!e) return !1;
+	di();
+	try {
+		let t = tr();
+		if (!t?.token) return !1;
+		let n = await fetch("/ikon/oauth/continue", {
+			method: "POST",
+			headers: {
+				"content-type": "application/json",
+				authorization: `Bearer ${t.token}`
+			},
+			body: JSON.stringify({ continueId: e })
+		});
+		if (!n.ok) return !1;
+		let { consentUrl: r } = await n.json();
+		return r ? (window.location.href = r, !0) : !1;
+	} catch {
+		return !1;
+	}
+}
+function li() {
+	try {
+		return sessionStorage.getItem(ai);
+	} catch {
+		return null;
+	}
+}
+function ui(e) {
+	try {
+		sessionStorage.setItem(ai, e);
+	} catch {}
+}
+function di() {
+	try {
+		sessionStorage.removeItem(ai);
+	} catch {}
 }
 //#endregion
 //#region src/auth/use-auth-guard.ts
-function jr(e) {
-	let { config: t, guestUrlParam: n } = e, { state: r, login: i } = kr(), a = j(!1), o = N(se, S, S).required;
+function fi(e) {
+	let { config: t, guestUrlParam: n } = e, { state: r, login: i } = ni(), a = j(!1), o = N(ue, re, re).required;
 	k(() => {
-		o && r.isAuthenticated && r.user && r.user.provider !== "anonymous" && g();
+		oi() && T("Sign in to connect this application");
+	}, []), k(() => {
+		o && r.isAuthenticated && r.user && r.user.provider !== "anonymous" && (_(), si() && ci());
 	}, [
 		o,
 		r.isAuthenticated,
@@ -3163,7 +3517,7 @@ function jr(e) {
 		let e = t.methods.includes("global") ? "global" : t.methods.includes("guest") ? "guest" : null;
 		if (!e) return;
 		let o = new URLSearchParams(window.location.search), s = o.get(n);
-		if (s === "true" || s === "1" || s === "") {
+		if (s === "true" || s === "1" || s === "" || wr()) {
 			o.delete(n);
 			let t = o.toString(), r = window.location.pathname + (t ? `?${t}` : "");
 			window.history.replaceState({}, "", r), a.current = !0, i(e);
@@ -3175,29 +3529,29 @@ function jr(e) {
 		t.methods,
 		i
 	]);
-	let s = !!t.requireSignIn && !r.isAuthenticated;
+	let s = t.methods.includes("guest") || t.methods.includes("global"), c = r.isAuthenticated && (s || r.user?.provider !== "anonymous"), l = !!t.requireSignIn && !c;
 	return {
-		shouldRenderChildren: !s && !o,
+		shouldRenderChildren: !l && !o,
 		isCheckingAuth: r.isLoading,
 		isAuthenticated: r.isAuthenticated,
 		error: r.error,
-		isLoginPrompt: o && !s,
-		dismissLoginPrompt: g
+		isLoginPrompt: o && !l,
+		dismissLoginPrompt: _
 	};
 }
 //#endregion
 //#region src/debug/debug-overlay.tsx
-var Mr = (() => {
+var pi = (() => {
 	try {
-		return b();
+		return te();
 	} catch {
 		return !1;
 	}
-})(), Nr = Date.now(), $ = [], Pr = 300;
-function Fr(e) {
-	$.push(`[+${((Date.now() - Nr) / 1e3).toFixed(1)}s] ${e}`), $.length > Pr && $.shift();
+})(), mi = Date.now(), $ = [], hi = 300;
+function gi(e) {
+	$.push(`[+${((Date.now() - mi) / 1e3).toFixed(1)}s] ${e}`), $.length > hi && $.shift();
 }
-function Ir(e) {
+function _i(e) {
 	if (typeof e == "string") return e;
 	if (e instanceof Error) return `${e.name}: ${e.message}`;
 	try {
@@ -3206,10 +3560,10 @@ function Ir(e) {
 		return String(e);
 	}
 }
-var Lr = !1;
-function Rr() {
-	if (Lr || typeof window > "u") return;
-	Lr = !0, window.addEventListener("error", (e) => Fr(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => Fr(`unhandledRejection: ${Ir(e.reason)}`));
+var vi = !1;
+function yi() {
+	if (vi || typeof window > "u") return;
+	vi = !0, window.addEventListener("error", (e) => gi(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => gi(`unhandledRejection: ${_i(e.reason)}`));
 	let e = console;
 	for (let t of [
 		"error",
@@ -3220,17 +3574,17 @@ function Rr() {
 		let n = e[t]?.bind(console) ?? (() => void 0);
 		e[t] = (...e) => {
 			try {
-				Fr(`console.${t}: ${e.map(Ir).join(" ")}`);
+				gi(`console.${t}: ${e.map(_i).join(" ")}`);
 			} catch {}
 			n(...e);
 		};
 	}
 	try {
-		T((e) => Fr(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: u.DEBUG });
+		E((e) => gi(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: d.DEBUG });
 	} catch {}
 }
-Mr && Rr();
-function zr() {
+pi && yi();
+function bi() {
 	let e = !1;
 	try {
 		let t = URL.createObjectURL(new Blob([""]));
@@ -3240,11 +3594,11 @@ function zr() {
 	} catch {}
 	return e;
 }
-function Br() {
+function xi() {
 	let e = globalThis;
 	return [
 		`Worker=${typeof Worker < "u"}`,
-		`moduleWorker=${zr()}`,
+		`moduleWorker=${bi()}`,
 		`WebSocket=${typeof WebSocket < "u"}`,
 		`WebTransport=${e.WebTransport !== void 0}`,
 		`RTCPeerConnection=${typeof RTCPeerConnection < "u"}`,
@@ -3257,17 +3611,17 @@ function Br() {
 		`online=${typeof navigator < "u" ? navigator.onLine : "?"}`
 	].join("  ");
 }
-function Vr(e) {
+function Si(e) {
 	return /ERROR|error:|Rejection/.test(e) ? "#f88" : /WARN|warn:/.test(e) ? "#fc6" : "#9d9";
 }
-function Hr({ state: e = "", forceVisible: t = !1 }) {
-	let n = Mr || t, r = e === "connected" || e === "reconnecting", [, i] = de((e) => e + 1, 0), [a, o] = M(!0);
+function Ci({ state: e = "", forceVisible: t = !1 }) {
+	let n = pi || t, r = e === "connected" || e === "reconnecting", [, i] = ge((e) => e + 1, 0), [a, o] = M(!0);
 	return k(() => {
 		if (!n) return;
-		Rr();
+		yi();
 		let e = setInterval(i, 1e3);
 		return () => clearInterval(e);
-	}, [n]), n ? r && a ? /* @__PURE__ */ I("button", {
+	}, [n]), n ? r && a ? /* @__PURE__ */ F("button", {
 		type: "button",
 		onClick: () => o(!1),
 		style: {
@@ -3287,7 +3641,7 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
 			$.length,
 			")"
 		]
-	}) : /* @__PURE__ */ I("div", {
+	}) : /* @__PURE__ */ F("div", {
 		style: {
 			...r ? {
 				position: "fixed",
@@ -3308,7 +3662,7 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
 			zIndex: 2147483647
 		},
 		children: [
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ F("div", {
 				style: {
 					color: "#fff",
 					fontSize: "18px",
@@ -3318,11 +3672,11 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
 					"Ikon debug overlay — state: ",
 					e || "?",
 					", +",
-					Math.round((Date.now() - Nr) / 1e3),
+					Math.round((Date.now() - mi) / 1e3),
 					"s, ",
 					$.length,
 					" entries",
-					r && /* @__PURE__ */ F("button", {
+					r && /* @__PURE__ */ P("button", {
 						type: "button",
 						onClick: () => o(!0),
 						style: {
@@ -3338,7 +3692,7 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", {
 				style: {
 					color: "#9cf",
 					wordBreak: "break-all",
@@ -3346,7 +3700,7 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
 				},
 				children: typeof window < "u" ? window.location.href : ""
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", {
 				style: {
 					color: "#ff0",
 					wordBreak: "break-all",
@@ -3354,23 +3708,23 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
 				},
 				children: typeof navigator < "u" ? navigator.userAgent : "no navigator"
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", {
 				style: {
 					color: "#8cf",
 					marginBottom: "4px"
 				},
-				children: Br()
+				children: xi()
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", {
 				style: {
 					color: "#8cf",
 					marginBottom: "10px"
 				},
 				children: typeof window < "u" ? `viewport=${window.innerWidth}x${window.innerHeight} dpr=${window.devicePixelRatio}` : ""
 			}),
-			/* @__PURE__ */ F("div", { children: $.length === 0 ? "(nothing captured yet)" : $.map((e, t) => /* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", { children: $.length === 0 ? "(nothing captured yet)" : $.map((e, t) => /* @__PURE__ */ P("div", {
 				style: {
-					color: Vr(e),
+					color: Si(e),
 					wordBreak: "break-all"
 				},
 				children: e
@@ -3380,7 +3734,7 @@ function Hr({ state: e = "", forceVisible: t = !1 }) {
 }
 //#endregion
 //#region src/app/connection-state-renderer.tsx
-function Ur({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, stores: i, registry: a, client: o, onAction: s, renderIdle: c, renderConnecting: l, renderConnectingSlow: u, renderConnected: d, renderOffline: f, renderError: p }) {
+function wi({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, stores: i, registry: a, client: o, onAction: s, renderIdle: c, renderConnecting: l, renderConnectingSlow: u, renderConnected: d, renderOffline: f, renderError: p }) {
 	let m = j(!1), h = (() => {
 		switch (e) {
 			case "waitingForExternalConnectUrl":
@@ -3406,227 +3760,237 @@ function Ur({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, sto
 			default: return null;
 		}
 	})();
-	return /* @__PURE__ */ I(P, { children: [h, /* @__PURE__ */ F(Hr, { state: e })] });
+	return /* @__PURE__ */ F(_e, { children: [h, /* @__PURE__ */ P(Ci, { state: e })] });
 }
 //#endregion
 //#region src/app/boot-snapshot-variant.ts
-function Wr(e, t) {
+function Ti(e, t) {
 	return e === !1 ? !1 : t ? "signed-in" : "guest";
 }
 //#endregion
 //#region src/app/use-ikon-app.ts
-var Gr = _("useIkonApp");
-function Kr() {
+var Ei = v("useIkonApp");
+function Di() {
 	if (typeof window < "u" && window.__IKON_AUTH_CONFIG__) return window.__IKON_AUTH_CONFIG__;
 }
-function qr() {
+function Oi() {
 	if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__) return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function Jr(e) {
-	let { authConfig: n, modules: r, timeouts: c, backgroundAudio: u, webRtc: h, audio: g, video: _, websocket: b, webtransport: x, proxy: S, liveSnapshot: te, bootSnapshot: ne } = e, C = n === void 0 ? Kr() ?? null : n, ie = qr(), w = Ar(), se = !!w && w.state.isLoading, T = j(null), ce = j(null), E = j(null), D = j(!1), le = j(!1), ue = j(u), de = j(c), N = j(h), P = j(g), F = j(_), I = j(b), fe = j(x), L = j(S), pe = j(te), me = j(ne), he = j("local"), ge = j(void 0);
-	ue.current = u, de.current = c, N.current = h, P.current = g, F.current = _, I.current = b, fe.current = x, L.current = S, pe.current = te, me.current = ne;
-	let [R, _e] = M("connecting"), [ve, ye] = M(!1), [be, xe] = M(!1), [Se, Ce] = M(null), [we, Te] = M(null), [Ee, De] = M(!1), [Oe, ke] = M(!1), [Ae, je] = M(null), [z, Ne] = M(null), [B, Pe] = M(!1), Fe = j(!1), [Ie, Le] = M(0), V = A(() => {
+function ki(e, t) {
+	return {
+		...e,
+		...t ?? {}
+	};
+}
+function Ai(e) {
+	let { authConfig: n, modules: r, parameters: l, timeouts: d, backgroundAudio: g, webRtc: _, audio: v, video: y, websocket: S, webtransport: te, proxy: ne, liveSnapshot: re, bootSnapshot: ie } = e, C = n === void 0 ? Di() ?? null : n, oe = Oi(), w = ri(), ce = !!w && w.state.isLoading, T = j(null), ue = j(null), E = j(null), de = j(!1), fe = j(!1), pe = j(g), D = j(d), me = j(_), he = j(v), ge = j(y), N = j(S), _e = j(te), P = j(ne), F = j(re), ve = j(ie), I = j("local"), ye = j(void 0);
+	pe.current = g, D.current = d, me.current = _, he.current = v, ge.current = y, N.current = S, _e.current = te, P.current = ne, F.current = re, ve.current = ie;
+	let [L, be] = M("connecting"), [xe, Se] = M(!1), [Ce, we] = M(!1), [Te, Ee] = M(null), [De, Oe] = M(null), [ke, Ae] = M(!1), [je, Me] = M(!1), [Ne, Pe] = M(!1), [Fe, Ie] = M(null), [R, Le] = M(null), [ze, z] = M(!1), Be = j(!1), [Ve, He] = M(0), Ue = A(() => {
 		try {
-			return ae();
+			return se();
 		} catch {
 			return { parameters: {} };
 		}
-	}, []), Re = (C?.methods?.length ?? 0) > 0, ze = Wr(ne, Re && Jn());
-	ze !== !1 && !i() && a(ze);
-	let H = A(() => C?.spaceId ? qn() : null, [
+	}, []), We = JSON.stringify(l ?? {}), B = A(() => ki(Ue.parameters, l), [Ue.parameters, We]), Ge = (C?.methods?.length ?? 0) > 0, Ke = Ti(ie, Ge && sr());
+	Ke !== !1 && !i() && a(Ke);
+	let V = A(() => {
+		if (!C?.spaceId) return null;
+		let e = w?.state.user;
+		return e ? {
+			token: e.token,
+			provider: e.provider,
+			authenticatedAt: e.authenticatedAt
+		} : tr();
+	}, [
 		C?.spaceId,
-		Ie,
+		Ve,
 		w?.state.isLoading,
 		w?.state.isAuthenticated,
 		w?.state.user?.token
-	]), U = ie?.enabled ?? !1, W = ie?.host ?? "localhost", Be = ie?.port ?? 8443, G = !se && !!C && !H && !C.requireSignIn && !!C.spaceId && (re() || U);
-	G && !z && !B && !Fe.current && (Fe.current = !0, v(C.authUrl).then((e) => tr(C.spaceId, e)).then((e) => {
-		Ne(e.token), Pe(!0);
+	]), H = oe?.enabled ?? !1, qe = oe?.host ?? "localhost", U = oe?.port ?? 8443, Je = !ce && !!C && !V && !C.requireSignIn && !!C.spaceId && (ae() || H);
+	Je && !R && !ze && !Be.current && (Be.current = !0, b(C.authUrl).then((e) => gr(C.spaceId, e)).then((e) => {
+		Le(e.token), z(!0);
 	}).catch((e) => {
-		Gr.error("Anonymous auth failed:", e), Fe.current = !1, U ? Pe(!0) : Ce(e instanceof Error ? e.message : "Anonymous auth failed");
+		Ei.error("Anonymous auth failed:", e), Be.current = !1, H ? z(!0) : Ee(e instanceof Error ? e.message : "Anonymous auth failed");
 	}));
-	let Ve = A(() => {
-		if (se) return null;
-		if (U) {
-			if (G && !B) return null;
-			let e = H?.token ?? z ?? void 0, t = e ? ee(e) ?? void 0 : void 0;
+	let Ye = A(() => {
+		if (ce) return null;
+		if (H) {
+			if (Je && !ze) return null;
+			let e = V?.token ?? R ?? void 0, t = e ? ee(e) ?? void 0 : void 0;
 			return { local: {
-				host: W,
-				httpsPort: Be,
+				host: qe,
+				httpsPort: U,
 				userId: t,
-				token: H?.token ?? void 0,
+				token: V?.token ?? void 0,
 				identityToken: e,
 				spaceId: C?.spaceId,
 				backendUrl: C?.backendUrl,
 				authUrl: C?.authUrl,
-				parameters: V.parameters
+				parameters: B
 			} };
 		}
-		return H?.token && C?.spaceId ? { sessionToken: {
-			token: H.token,
+		return V?.token && C?.spaceId ? { sessionToken: {
+			token: V.token,
 			spaceId: C.spaceId,
-			backendType: y(),
-			sessionIdentityHash: V.sessionIdentityHash,
-			parameters: V.parameters
-		} } : z && C?.spaceId ? { sessionToken: {
-			token: z,
+			backendType: x(),
+			sessionIdentityHash: Ue.sessionIdentityHash,
+			parameters: B
+		} } : R && C?.spaceId ? { sessionToken: {
+			token: R,
 			spaceId: C.spaceId,
-			backendType: y(),
-			sessionIdentityHash: V.sessionIdentityHash,
-			parameters: V.parameters
-		} } : re() ? null : { local: {
-			host: W,
-			httpsPort: Be,
+			backendType: x(),
+			sessionIdentityHash: Ue.sessionIdentityHash,
+			parameters: B
+		} } : ae() ? null : { local: {
+			host: qe,
+			httpsPort: U,
 			spaceId: C?.spaceId,
 			backendUrl: C?.backendUrl,
 			authUrl: C?.authUrl,
-			parameters: V.parameters
+			parameters: B
 		} };
 	}, [
-		se,
+		ce,
+		H,
+		qe,
 		U,
-		W,
-		Be,
-		H?.token,
+		V?.token,
 		C?.spaceId,
 		C?.backendUrl,
 		C?.authUrl,
-		z,
-		G,
-		B,
-		V.sessionIdentityHash,
-		V.parameters
+		R,
+		Je,
+		ze,
+		Ue.sessionIdentityHash,
+		B
 	]);
-	he.current = C?.spaceId ?? "local", ge.current = H?.token ?? z ?? void 0, tn(Ae);
-	let He = rn(Ae);
+	I.current = C?.spaceId ?? "local", ye.current = V?.token ?? R ?? void 0, ln(Fe);
+	let Xe = dn(Fe);
 	k(() => {
-		if (!D.current) {
-			if (D.current = !0, E.current = Vt(), r) for (let e of r) e(E.current);
+		if (!de.current) {
+			if (de.current = !0, E.current = Jt(), r) for (let e of r) e(E.current);
 			E.current.loadRegisteredModules().catch((e) => {
-				Gr.error("Failed to load UI modules", e);
+				Ei.error("Failed to load UI modules", e);
 			});
 		}
 	}, []), k(() => {
-		if (!Ve) return;
-		let e = new l({
-			...Ve,
-			timeouts: de.current,
-			audio: P.current !== void 0 || ue.current ? {
-				enabled: P.current,
-				...ue.current ? { background: {
+		if (!Ye) return;
+		let e = new u({
+			...Ye,
+			timeouts: D.current,
+			audio: he.current !== void 0 || pe.current ? {
+				enabled: he.current,
+				...pe.current ? { background: {
 					allowOnDesktop: !0,
 					allowOnMobile: !0
 				} } : {}
 			} : void 0,
-			video: F.current === void 0 ? void 0 : { enabled: F.current },
+			video: ge.current === void 0 ? void 0 : { enabled: ge.current },
 			mediaSession: {
 				title: document.title || void 0,
 				artist: document.title || void 0
 			},
-			webRtc: N.current === !1 ? { enabled: !1 } : void 0,
-			websocket: I.current,
-			webtransport: fe.current,
-			proxy: L.current,
+			webRtc: me.current === !1 ? { enabled: !1 } : void 0,
+			websocket: N.current,
+			webtransport: _e.current,
+			proxy: P.current,
 			onConnectionStateChange: (e) => {
-				_e(e);
+				be(e);
 			},
 			onError: (e) => {
-				Ce(e.message);
+				Ee(e.message);
 			}
 		});
 		T.current = e;
-		let n = pe.current ?? !0, r = ge.current, i = r ? ee(r) ?? null : null, a = n && i ? {
+		let n = F.current ?? !0, r = ye.current, i = r ? ee(r) ?? null : null, a = n && i ? {
 			enabled: !0,
-			appId: he.current,
+			appId: I.current,
 			userId: i
-		} : void 0, c = H != null && H.provider !== "anonymous", u = Re && (c || Jn()), h = new Me({
+		} : void 0, l = V != null && V.provider !== "anonymous", d = Ge && (l || sr()), g = new Re({
 			client: e,
 			liveSnapshot: a,
-			bootSnapshot: Wr(me.current, u)
+			bootSnapshot: Ti(ve.current, d)
 		});
-		ce.current = h, je(h), xe(!1);
-		let g = h.subscribeToUiUpdates(() => {
-			xe(!0), oe();
+		ue.current = g, Ie(g), we(!1);
+		let _ = g.subscribeToUiUpdates(() => {
+			we(!0), le();
 		});
 		return e.connect().catch((e) => {
-			if (Gr.error("Connection failed:", e), e instanceof o) {
-				Te(e.reason);
+			if (Ei.error("Connection failed:", e), e instanceof o) {
+				Oe(e.reason);
 				return;
 			}
-			if (e instanceof f) {
-				De(!0);
+			if (e instanceof p) {
+				Ae(!0);
 				return;
 			}
-			if (e instanceof m) {
-				ke(!0);
+			if (e instanceof h) {
+				Me(!0);
 				return;
 			}
-			e instanceof p || e instanceof d || e instanceof s && !le.current && (le.current = !0, Gr.warn("Auth session appears stale, clearing and retrying"), t.clearAll(), w ? w.logout() : (Yn(), Le((e) => e + 1)));
+			if (!(e instanceof m)) {
+				if (e instanceof s) {
+					Pe(!0);
+					return;
+				}
+				e instanceof f || e instanceof c && !fe.current && (fe.current = !0, Ei.warn("Auth session appears stale, clearing and retrying"), t.clearAll(), w ? w.logout() : (cr(), He((e) => e + 1)));
+			}
 		}), () => {
-			g(), e.disconnect(), T.current = null, h.dispose(), ce.current = null;
+			_(), e.disconnect(), T.current = null, g.dispose(), ue.current = null;
 		};
-	}, [Ve]);
-	let Ue = O((e, t) => {
+	}, [Ye]);
+	let Ze = O((e, t) => {
 		let n = typeof t == "string" ? t : JSON.stringify(t ?? {});
 		T.current?.sendActionCall(e, n);
 	}, []);
 	k(() => {
-		if (R !== "connecting") {
-			ye(!1);
+		if (L !== "connecting") {
+			Se(!1);
 			return;
 		}
-		let e = T.current?.slowConnectionThresholdMs ?? 5e3, t = setTimeout(() => ye(!0), e);
+		let e = T.current?.slowConnectionThresholdMs ?? 5e3, t = setTimeout(() => Se(!0), e);
 		return () => clearTimeout(t);
-	}, [R]);
-	let We = R === "connected" || R === "reconnecting", Ge = be && R !== "offline";
+	}, [L]);
+	let Qe = L === "connected" || L === "reconnecting", $e = Ce && L !== "offline";
 	return k(() => {
-		typeof document > "u" || (document.documentElement.dataset.ikonLive = String(Ge));
-	}, [Ge]), {
-		connectionState: R,
-		error: Se,
-		accessDeniedReason: we,
-		isServerFull: Ee,
-		isSessionExpired: Oe,
-		stores: He,
+		typeof document > "u" || (document.documentElement.dataset.ikonLive = String($e));
+	}, [$e]), {
+		connectionState: L,
+		error: Te,
+		accessDeniedReason: De,
+		isServerFull: ke,
+		isSessionExpired: je,
+		isStartupFailed: Ne,
+		stores: Xe,
 		client: T.current,
 		registry: E.current,
 		clientRef: T,
-		uiRef: ce,
+		uiRef: ue,
 		registryRef: E,
-		onAction: Ue,
-		isReady: We,
-		isLive: Ge,
+		onAction: Ze,
+		isReady: Qe,
+		isLive: $e,
 		brandingRequired: T.current?.brandingRequired ?? !1,
-		isConnectingSlow: ve,
+		isConnectingSlow: xe,
 		webRtcVideoStreams: T.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
 		webRtcTrackMap: T.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
 	};
 }
 //#endregion
-//#region src/hooks/use-lazy-font.ts
-function Yr(e) {
-	let t = j(!1);
-	return O(() => {
-		if (t.current) return;
-		t.current = !0;
-		let n = document.createElement("link");
-		n.rel = "stylesheet", n.href = e, document.head.appendChild(n);
-	}, [e]);
-}
-//#endregion
 //#region src/hooks/use-toasts.ts
-var Xr = 0;
-function Zr(e = 5, t = 5e3) {
+var ji = 0;
+function Mi(e = 5, t = 5e3) {
 	let [n, r] = M([]), i = j(/* @__PURE__ */ new Map()), a = O((e) => {
 		let t = i.current.get(e);
 		t && (clearTimeout(t), i.current.delete(e)), r((t) => t.filter((t) => t.id !== e));
 	}, []);
 	return k(() => {
-		let n = i.current, o = T((i) => {
-			if (!C()) return;
-			let o = `toast-${++Xr}`, s = {
+		let n = i.current, o = E((i) => {
+			if (!oe()) return;
+			let o = `toast-${++ji}`, s = {
 				id: o,
-				level: i.level === u.ERROR ? "error" : "warn",
+				level: i.level === d.ERROR ? "error" : "warn",
 				message: i.message,
 				component: i.component
 			};
@@ -3635,7 +3999,7 @@ function Zr(e = 5, t = 5e3) {
 				a(o);
 			}, t);
 			n.set(o, c);
-		}, { minLevel: u.WARN });
+		}, { minLevel: d.WARN });
 		return () => {
 			o();
 			for (let e of n.values()) clearTimeout(e);
@@ -3652,7 +4016,7 @@ function Zr(e = 5, t = 5e3) {
 }
 //#endregion
 //#region src/hooks/use-ikon-reactive.ts
-function Qr(e, t, n) {
+function Ni(e, t, n) {
 	let [r, i] = M(n);
 	return k(() => {
 		if (!e) return;
@@ -3670,7 +4034,7 @@ function Qr(e, t, n) {
 }
 //#endregion
 //#region src/hooks/use-reactive.ts
-function $r(e, t, n) {
+function Pi(e, t, n) {
 	let [r, i] = M(null);
 	return k(() => {
 		if (!e) return;
@@ -3682,48 +4046,48 @@ function $r(e, t, n) {
 		}), () => {
 			n = !1;
 		};
-	}, [e, t]), Qr(r ? e : null, r ?? "", n);
+	}, [e, t]), Ni(r ? e : null, r ?? "", n);
 }
 //#endregion
 //#region src/app/use-ikon-debug.ts
-var ei = _("IkonDebug"), ti = {
+var Fi = v("IkonDebug"), Ii = {
 	Digit1: "connecting",
 	Digit2: "connected",
 	Digit3: "reconnecting",
 	Digit4: "offline",
 	Digit5: "offline",
 	Digit0: "clear"
-}, ni = "Digit5", ri = "Digit6", ii = "Synthetic debug error (Ctrl+Shift+5)", ai = "Synthetic debug access-denied (Ctrl+Shift+6)", oi = 5e3;
-function si(e) {
-	let t = C(), [n, r] = M(null), [i, a] = M(!1), [o, s] = M(null), [c, l] = M(null), [u, d] = M(!1), [f, p] = M(!1), [m, h] = M(!1);
+}, Li = "Digit5", Ri = "Digit6", zi = "Synthetic debug error (Ctrl+Shift+5)", Bi = "Synthetic debug access-denied (Ctrl+Shift+6)", Vi = 5e3;
+function Hi(e) {
+	let t = oe(), [n, r] = M(null), [i, a] = M(!1), [o, s] = M(null), [c, l] = M(null), [u, d] = M(!1), [f, p] = M(!1), [m, h] = M(!1);
 	return k(() => {
 		if (!t) return;
 		let e = (e) => {
 			if (!e.ctrlKey || !e.shiftKey) return;
 			if (e.code === "KeyE") {
-				e.preventDefault(), d((e) => (ei.warn(`Empty-stores override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), d((e) => (Fi.warn(`Empty-stores override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
 			if (e.code === "Digit7") {
-				e.preventDefault(), p((e) => (ei.warn(`Branding-banner override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), p((e) => (Fi.warn(`Branding-banner override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
 			if (e.code === "Digit8") {
-				e.preventDefault(), h((e) => (ei.warn(`Debug-overlay override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), h((e) => (Fi.warn(`Debug-overlay override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
-			if (e.code === ri) {
-				e.preventDefault(), l(ai), r(null), s(null), ei.warn("Forced access denied");
+			if (e.code === Ri) {
+				e.preventDefault(), l(Bi), r(null), s(null), Fi.warn("Forced access denied");
 				return;
 			}
-			let t = ti[e.code];
+			let t = Ii[e.code];
 			if (t === void 0) return;
 			if (e.preventDefault(), t === "clear") {
-				r(null), s(null), l(null), ei.warn("Cleared forced state");
+				r(null), s(null), l(null), Fi.warn("Cleared forced state");
 				return;
 			}
-			let n = e.code === ni;
-			r(t), s(n ? ii : null), l(null), ei.warn(`Forced state: ${t}${n ? " (with error)" : ""}`);
+			let n = e.code === Li;
+			r(t), s(n ? zi : null), l(null), Fi.warn(`Forced state: ${t}${n ? " (with error)" : ""}`);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [t]), k(() => {
@@ -3731,7 +4095,7 @@ function si(e) {
 			a(!1);
 			return;
 		}
-		let e = setTimeout(() => a(!0), oi);
+		let e = setTimeout(() => a(!0), Vi);
 		return () => clearTimeout(e);
 	}, [n]), !t || n === null && !u && c === null && !f && !m ? {
 		app: e,
@@ -3762,64 +4126,64 @@ function si(e) {
 }
 //#endregion
 //#region src/app/ikon-app.tsx
-function ci(e, t) {
+function Ui(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function li(e) {
+function Wi(e) {
 	return e === void 0 ? null : typeof e == "function" ? e() : e;
 }
-function ui(e, t) {
+function Gi(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function di(e, t) {
+function Ki(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function fi(e) {
-	let { connectingOverlay: t, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: i, ...a } = e, o = si(a), { app: s } = o, { connectionState: c, isConnectingSlow: l, stores: u, registry: d, client: f, onAction: p, isReady: m, error: h, accessDeniedReason: g, brandingRequired: _ } = s, v = _ || o.forcedBranding, y = j(null);
+function qi(e) {
+	let { connectingOverlay: t, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: i, ...a } = e, o = Hi(a), { app: s } = o, { connectionState: c, isConnectingSlow: l, stores: u, registry: d, client: f, onAction: p, isReady: m, error: h, accessDeniedReason: g, brandingRequired: _ } = s, v = _ || o.forcedBranding, y = j(null);
 	u && d && (m || u.size > 0) && (y.current = {
 		stores: u,
 		registry: d,
 		client: f
 	});
-	let ee = y.current != null || !!g;
-	if (ue(() => {
-		!ee || typeof document > "u" || document.querySelectorAll("[data-ikon-prerender]").forEach((e) => e.remove());
-	}, [ee]), g) return di(i, g);
-	let b = y.current, x;
+	let b = y.current != null || !!g;
+	if (he(() => {
+		!b || typeof document > "u" || document.querySelectorAll("[data-ikon-prerender]").forEach((e) => e.remove());
+	}, [b]), g) return Ki(i, g);
+	let x = y.current, S;
 	switch (c) {
 		case "waitingForExternalConnectUrl":
 		case "connecting":
-			x = ci(t, l);
+			S = Ui(t, l);
 			break;
 		case "reconnecting":
-			x = li(n);
+			S = Wi(n);
 			break;
 		case "offline":
-			x = ui(r, h);
+			S = Gi(r, h);
 			break;
-		default: x = null;
+		default: S = null;
 	}
-	return /* @__PURE__ */ I(P, { children: [
-		b && /* @__PURE__ */ F(z, {
-			stores: b.stores,
-			registry: b.registry,
-			client: b.client,
+	return /* @__PURE__ */ F(_e, { children: [
+		x && /* @__PURE__ */ P(Le, {
+			stores: x.stores,
+			registry: x.registry,
+			client: x.client,
 			onAction: p
 		}),
-		x,
-		v && /* @__PURE__ */ F(mi, {}),
-		/* @__PURE__ */ F(hi, {}),
-		/* @__PURE__ */ F(Hr, {
+		S,
+		v && /* @__PURE__ */ P(Yi, {}),
+		/* @__PURE__ */ P(Xi, {}),
+		/* @__PURE__ */ P(Ci, {
 			state: c,
 			forceVisible: o.forcedDebugOverlay
 		})
 	] });
 }
-var pi = "https://ikonai.com";
-function mi() {
-	return /* @__PURE__ */ I("a", {
+var Ji = "https://ikonai.com";
+function Yi() {
+	return /* @__PURE__ */ F("a", {
 		className: "ikon-branding-banner",
-		href: pi,
+		href: Ji,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		style: {
@@ -3840,43 +4204,43 @@ function mi() {
 			boxShadow: "0 -1px 8px rgba(0, 0, 0, 0.25)",
 			pointerEvents: "auto"
 		},
-		children: [/* @__PURE__ */ F("span", {
+		children: [/* @__PURE__ */ P("span", {
 			style: { opacity: .75 },
 			children: "Powered by"
-		}), /* @__PURE__ */ F("span", {
+		}), /* @__PURE__ */ P("span", {
 			style: { fontWeight: 700 },
 			children: "Ikon"
 		})]
 	});
 }
-function hi() {
-	let { toasts: e, dismissToast: t } = Zr();
-	return e.length === 0 ? null : /* @__PURE__ */ F("div", {
+function Xi() {
+	let { toasts: e, dismissToast: t } = Mi();
+	return e.length === 0 ? null : /* @__PURE__ */ P("div", {
 		className: "ikon-toast-overlay",
-		children: e.map((e) => /* @__PURE__ */ F(gi, {
+		children: e.map((e) => /* @__PURE__ */ P(Zi, {
 			toast: e,
 			onDismiss: t
 		}, e.id))
 	});
 }
-function gi({ toast: e, onDismiss: t }) {
-	return /* @__PURE__ */ I("div", {
+function Zi({ toast: e, onDismiss: t }) {
+	return /* @__PURE__ */ F("div", {
 		className: `ikon-toast-overlay-chip ikon-toast-overlay-chip--${e.level}`,
 		onClick: () => t(e.id),
 		role: "alert",
-		children: [/* @__PURE__ */ F("span", {
+		children: [/* @__PURE__ */ P("span", {
 			className: "ikon-toast-overlay-icon",
 			children: e.level === "error" ? "🚨" : "⚠️"
-		}), /* @__PURE__ */ I("div", {
+		}), /* @__PURE__ */ F("div", {
 			className: "ikon-toast-overlay-content",
-			children: [/* @__PURE__ */ I("span", {
+			children: [/* @__PURE__ */ F("span", {
 				className: "ikon-toast-overlay-component",
 				children: [
 					"[",
 					e.component,
 					"]"
 				]
-			}), /* @__PURE__ */ F("span", {
+			}), /* @__PURE__ */ P("span", {
 				className: "ikon-toast-overlay-message",
 				children: e.message
 			})]
@@ -3885,37 +4249,37 @@ function gi({ toast: e, onDismiss: t }) {
 }
 //#endregion
 //#region src/i18n/i18n.tsx
-var _i = E(null);
-function vi(e, t) {
+var Qi = pe(null);
+function $i(e, t) {
 	return t ? e.replace(/\{(\w+)\}/g, (e, n) => t[n] ?? `{${n}}`) : e;
 }
-function yi(e, t) {
-	let n = x();
+function ea(e, t) {
+	let n = ne();
 	if (n && e.includes(n)) return n;
 	let r = navigator.language.split("-")[0];
 	return e.includes(r) ? r : t && e.includes(t) ? t : "en";
 }
-function bi(e, t, n) {
-	return t ? yi(e, n) : n && e.includes(n) ? n : "en";
+function ta(e, t, n) {
+	return t ? ea(e, n) : n && e.includes(n) ? n : "en";
 }
-function xi({ children: e, translations: t, defaultLanguage: n, detectLanguage: r = !1 }) {
-	let i = bi(Object.keys(t), r, n), a = t[i] ?? t.en, o = A(() => ({
+function na({ children: e, translations: t, defaultLanguage: n, detectLanguage: r = !1 }) {
+	let i = ta(Object.keys(t), r, n), a = t[i] ?? t.en, o = A(() => ({
 		t: (e, t) => {
 			let n = a[e];
-			return vi(n, t);
+			return $i(n, t);
 		},
 		locale: i,
 		translations: a
 	}), [a, i]);
-	return /* @__PURE__ */ F(_i, {
+	return /* @__PURE__ */ P(Qi, {
 		value: o,
 		children: e
 	});
 }
-function Si() {
-	let e = le(_i);
+function ra() {
+	let e = me(Qi);
 	if (!e) throw Error("useI18n must be used within an I18nProvider");
 	return e;
 }
 //#endregion
-export { Or as AuthProvider, Ur as ConnectionStateRenderer, Mr as DEBUG_OVERLAY_ENABLED, Hr as DebugOverlay, xi as I18nProvider, Ze as IKON_UI_BASE_MODULE, vt as IKON_UI_MEDIA_MODULE, It as IKON_UI_SHADERTOY_MODULE, Pt as IKON_UI_SHADERTOY_TYPE, Ae as IKON_UI_STREAM_CATEGORY, ft as IKON_UI_VIDEO_CANVAS_TYPE, pt as IKON_UI_VIDEO_URL_PLAYER_TYPE, fi as IkonApp, Me as IkonUi, Bt as IkonUiRegistry, z as IkonUiSurface, Oe as InspectOverlay, Gt as ParallaxView, Te as UiComponentRegistry, we as UiRenderer, n as UiStreamStore, tr as authenticateAnonymous, sr as buildOAuthRedirectUrl, Yn as clearAuthSession, or as clearOAuthParams, Xe as createBaseResolvers, Ee as createComponentLibrary, Vt as createIkonUiRegistry, ht as createMediaResolvers, Ft as createShadertoyRendererResolver, je as isIkonUiCategoryMatch, qn as loadAuthSession, Qe as loadBaseModule, yt as loadMediaModule, Lt as loadShadertoyModule, ir as parseOAuthCallback, ar as parseOAuthError, w as randomUuid, $e as registerBaseModule, bt as registerMediaModule, Rt as registerShadertoyModule, Se as renderChildren, un as renderMotionLetters, Y as saveAuthSession, nr as sendLoginCode, X as sessionToUser, kr as useAuth, jr as useAuthGuard, Ar as useAuthOptional, Si as useI18n, Jr as useIkonApp, si as useIkonDebug, Qr as useIkonReactive, tn as useIkonStyles, rn as useIkonUiStores, Yr as useLazyFont, $r as useReactive, Zr as useToasts, L as useUiNode, De as useUiStore, rr as verifyLoginCode };
+export { ti as AuthProvider, wi as ConnectionStateRenderer, pi as DEBUG_OVERLAY_ENABLED, Ci as DebugOverlay, na as I18nProvider, it as IKON_UI_BASE_MODULE, Tt as IKON_UI_MEDIA_MODULE, Ut as IKON_UI_SHADERTOY_MODULE, Vt as IKON_UI_SHADERTOY_TYPE, Ie as IKON_UI_STREAM_CATEGORY, yt as IKON_UI_VIDEO_CANVAS_TYPE, bt as IKON_UI_VIDEO_URL_PLAYER_TYPE, qi as IkonApp, Re as IkonUi, qt as IkonUiRegistry, Le as IkonUiSurface, Pe as InspectOverlay, Qt as ParallaxView, je as UiComponentRegistry, Ae as UiRenderer, n as UiStreamStore, gr as authenticateAnonymous, Or as buildOAuthRedirectUrl, cr as clearAuthSession, Dr as clearOAuthParams, rt as createBaseResolvers, Me as createComponentLibrary, Jt as createIkonUiRegistry, St as createMediaResolvers, Ht as createShadertoyRendererResolver, R as isIkonUiCategoryMatch, tr as loadAuthSession, at as loadBaseModule, Et as loadMediaModule, Wt as loadShadertoyModule, yr as parseOAuthCallback, Cr as parseOAuthError, ce as randomUuid, ot as registerBaseModule, Dt as registerMediaModule, Gt as registerShadertoyModule, Oe as renderChildren, _n as renderMotionLetters, q as saveAuthSession, _r as sendLoginCode, J as sessionToUser, ni as useAuth, fi as useAuthGuard, ri as useAuthOptional, ra as useI18n, Ai as useIkonApp, Hi as useIkonDebug, Ni as useIkonReactive, ln as useIkonStyles, dn as useIkonUiStores, Pi as useReactive, Mi as useToasts, I as useUiNode, Ne as useUiStore, vr as verifyLoginCode };