@ikonai/sdk-react-ui 1.4.0 → 1.6.0

package/index.js

@@ -1,17 +1,17 @@
 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, AppStartupFailedError as s, AuthenticationError as c, IKON_INSPECT_MODE_CHANGED_EVENT as l, IkonClient as u, LogLevel as d, PKCE_URL_PARAM as f, ProvisioningTimeoutError as p, ServerFullError as m, ServerUnavailableError as h, SessionNotFoundError as g, abortSignalTimeout as _, adoptPkceVerifierFromUrl as v, clearLoginPrompt as y, createLogger as b, createPkceChallenge as x, deriveAuthUrl as S, deriveBackendType as ee, deriveCrossOriginAuthUrl as te, extractUserIdFromToken as ne, getDebugOverlayParam as re, getLangParam as ie, getLoginPromptState as C, getOrCreateDeviceId as ae, getSameOriginAuthUrl as w, isCloudEnvironment as oe, isDebugModeEnabled as se, isEmbedded as T, isInspectModeEnabled as ce, onEmbeddedOAuthResult as E, parseUrlParams as le, randomUuid as ue, reportConnectTimeline as de, restorePkceVerifier as fe, setLoginPromptRequired as pe, startEmbeddedOAuthSignIn as me, subscribeLoginPrompt as he, subscribeToLogEvents as ge, takePkceVerifier as _e } from "@ikonai/sdk";
-import { Fragment as ve, createContext as ye, memo as D, use as be, useCallback as O, useEffect as k, useLayoutEffect as xe, useMemo as A, useReducer as Se, 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, IKON_PARAM_OAUTH_CODE as u, IKON_PARAM_OAUTH_PKCE as d, IKON_PARAM_OAUTH_PROVIDER as f, IKON_PARAM_OAUTH_TOKEN as p, IkonClient as m, LogLevel as h, ProvisioningTimeoutError as g, ServerFullError as _, ServerUnavailableError as ee, SessionNotFoundError as v, abortSignalTimeout as y, adoptPkceVerifierFromUrl as b, clearLoginPrompt as x, createLogger as S, createPkceChallenge as te, deriveAuthUrl as C, deriveBackendType as ne, deriveCrossOriginAuthUrl as re, extractUserIdFromToken as ie, getDebugOverlayParam as w, getLangParam as ae, getLoginPromptState as T, getOrCreateDeviceId as oe, getSameOriginAuthUrl as E, getSignedOutParam as se, getUrlWithoutSession as ce, isCloudEnvironment as le, isDebugModeEnabled as ue, isEmbedded as de, isInspectModeEnabled as fe, onEmbeddedOAuthResult as pe, parseUrlParams as me, randomUuid as he, reportConnectTimeline as ge, restorePkceVerifier as _e, setLoginPromptRequired as ve, startEmbeddedOAuthSignIn as ye, subscribeLoginPrompt as be, subscribeToLogEvents as xe, takePkceVerifier as Se } from "@ikonai/sdk";
+import { Fragment as Ce, createContext as we, memo as D, use as Te, useCallback as O, useEffect as k, useLayoutEffect as A, useMemo as j, useReducer as Ee, useRef as M, useState as N, useSyncExternalStore as De } from "react";
+import { Fragment as Oe, jsx as P, jsxs as F } from "react/jsx-runtime";
 //#region src/renderer/use-root-view.ts
-function Ce(e, t) {
-	let n = N((t) => e.subscribe(t), () => {
+function ke(e, t) {
+	let n = De((t) => e.subscribe(t), () => {
 		let n = e.getSnapshot(), r = t ?? n.rootViewId, i = r ? n.views.get(r) : void 0;
 		return `${r ?? ""}:${i?.id ?? ""}`;
 	}, () => {
 		let n = e.getSnapshot(), r = t ?? n.rootViewId, i = r ? n.views.get(r) : void 0;
 		return `${r ?? ""}:${i?.id ?? ""}`;
 	});
-	return A(() => {
+	return j(() => {
 		let [e, t] = n.split(":");
 		return {
 			rootViewId: e || void 0,
@@ -21,9 +21,9 @@ function Ce(e, t) {
 }
 //#endregion
 //#region src/renderer/use-ui-node.ts
-function L(e, t) {
-	let n = N((n) => e.subscribeNode(t, n), () => e.getNodeVersion(t), () => e.getNodeVersion(t));
-	return A(() => e.getNode(t), [
+function I(e, t) {
+	let n = De((n) => e.subscribeNode(t, n), () => e.getNodeVersion(t), () => e.getNodeVersion(t));
+	return j(() => e.getNode(t), [
 		e,
 		t,
 		n
@@ -31,8 +31,8 @@ function L(e, t) {
 }
 //#endregion
 //#region src/renderer/ui-renderer.tsx
-var we = b("UIRenderer");
-function Te(e) {
+var Ae = S("UIRenderer");
+function je(e) {
 	if (e === void 0) return "{}";
 	if (typeof e == "string") return e;
 	try {
@@ -41,37 +41,37 @@ function Te(e) {
 		return "{}";
 	}
 }
-function Ee(e) {
+function Me(e) {
 	let t = e.styleIds;
 	return Array.isArray(t) ? t : [];
 }
-var De = 1500;
-function Oe(e) {
-	let [t, n] = M(0);
+var Ne = 1500;
+function Pe(e) {
+	let [t, n] = N(0);
 	return k(() => {
 		if (e.subscribe) return e.subscribe(() => n((e) => e + 1));
 	}, [e]), t;
 }
-function ke({ nodeType: e, nodeId: t, context: n, className: r }) {
-	let [i, a] = M(!1), o = L(n.store, t), s = Oe(n.library), c = A(() => o ? n.library.resolve(o) : void 0, [
+function Fe({ nodeType: e, nodeId: t, context: n, className: r }) {
+	let [i, a] = N(!1), o = I(n.store, t), s = Pe(n.library), c = j(() => o ? n.library.resolve(o) : void 0, [
 		n.library,
 		o,
 		s
 	]);
 	return k(() => {
-		let e = setTimeout(() => a(!0), De);
+		let e = setTimeout(() => a(!0), Ne);
 		return () => clearTimeout(e);
 	}, [e]), k(() => {
-		!i || c || we.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 || Ae.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,69 +87,69 @@ function ke({ 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 Ae(e) {
+function Ie(e) {
 	let t = e.children;
 	return Array.isArray(t) ? t : [];
 }
-function je(e, t) {
+function Le(e, t) {
 	return e.nodeId === t.nodeId && e.context === t.context;
 }
-function Me(e) {
+function Re(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 Ne = D(function e({ nodeId: t, context: n }) {
-	let r = L(n.store, t), i = r ? Ae(r) : [], a = Me(i), o = A(() => i.length === 0 ? null : i.map((t) => /* @__PURE__ */ F(e, {
+var ze = D(function e({ nodeId: t, context: n }) {
+	let r = I(n.store, t), i = r ? Ie(r) : [], a = Re(i), o = j(() => 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(ve, { children: o }, r.id);
-	let s = Ee(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(Ce, { children: o }, r.id);
+	let s = Me(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(ke, {
+	}) : /* @__PURE__ */ P(Fe, {
 		nodeType: r.type,
 		nodeId: r.id,
 		context: n,
 		className: c
 	});
-}, je);
-function Pe(e, t) {
-	return !Array.isArray(e) || e.length === 0 ? null : e.map((e) => /* @__PURE__ */ F(Ne, {
+}, Le);
+function L(e, t) {
+	return !Array.isArray(e) || e.length === 0 ? null : e.map((e) => /* @__PURE__ */ P(ze, {
 		nodeId: e.id,
 		context: t
 	}, e.id));
 }
-function Fe(e, t) {
+function Be(e, t) {
 	return e.store === t.store && e.library === t.library && e.viewId === t.viewId && e.emptyFallback === t.emptyFallback;
 }
-var Ie = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null, onAction: i, client: a, video: o }) {
-	let { rootViewId: s, rootNodeId: c } = Ce(e, n), l = j(i);
+var Ve = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null, onAction: i, client: a, video: o }) {
+	let { rootViewId: s, rootNodeId: c } = ke(e, n), l = M(i);
 	l.current = i;
-	let u = j(a);
+	let u = M(a);
 	u.current = a;
-	let d = j(o);
+	let d = M(o);
 	d.current = o;
 	let f = O((e, t) => {
 		if (!e) return;
-		let n = Te(t);
+		let n = je(t);
 		l.current?.(e, n);
-	}, []), p = A(() => {
+	}, []), p = j(() => {
 		let n = {
 			store: e,
 			library: t,
 			handlerCache: e.handlerCache,
 			getPayload: (t) => e.getSnapshot().payloads.get(t),
-			renderChildren: (e) => Pe(e, n),
+			renderChildren: (e) => L(e, n),
 			renderView: (t) => {
 				let r = e.getSnapshot().views.get(t);
-				return r ? /* @__PURE__ */ F(Ne, {
+				return r ? /* @__PURE__ */ P(ze, {
 					nodeId: r.id,
 					context: n
 				}) : null;
@@ -168,15 +168,15 @@ var Ie = 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(Ne, {
+		children: /* @__PURE__ */ P(ze, {
 			nodeId: c,
 			context: p
 		})
 	});
-}, Fe), R = class {
+}, Be), He = class {
 	fallback;
 	renderers = /* @__PURE__ */ new Map();
 	listeners = /* @__PURE__ */ new Set();
@@ -201,22 +201,22 @@ var Ie = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null,
 		for (let e of this.listeners) e();
 	}
 };
-function Le(e, t) {
-	return new R(Object.entries(e), t);
+function Ue(e, t) {
+	return new He(Object.entries(e), t);
 }
 //#endregion
 //#region src/renderer/use-ui-store.ts
-function Re(e) {
-	return N((t) => e.subscribe(t), () => e.getSnapshot(), () => e.getSnapshot());
+function We(e) {
+	return De((t) => e.subscribe(t), () => e.getSnapshot(), () => e.getSnapshot());
 }
 //#endregion
 //#region src/inspect/inspect-overlay.tsx
-function ze() {
-	let [e, t] = M(ce), n = j(!1);
+function Ge() {
+	let [e, t] = N(fe), n = M(!1);
 	return k(() => {
 		if (e) return;
 		let r = () => {
-			ce() && t(!0);
+			fe() && t(!0);
 		}, i = (e) => {
 			e.data?.type === "ikon-inspect-mode" && e.data.enabled && (n.current = !0, t(!0));
 		};
@@ -351,20 +351,20 @@ function ze() {
 }
 //#endregion
 //#region src/surface.tsx
-var Be = b("IkonUiSurface"), Ve = "ikon-ui";
-function He(e, t) {
+var Ke = S("IkonUiSurface"), qe = "ikon-ui";
+function R(e, t) {
 	return e === t;
 }
-var z = D(function({ stores: e, registry: t, category: n = Ve, onAction: r, client: i }) {
-	let a = A(() => Array.from(e.keys()).sort().join(","), [e]), o = j(r);
+var Je = D(function({ stores: e, registry: t, category: n = qe, onAction: r, client: i }) {
+	let a = j(() => Array.from(e.keys()).sort().join(","), [e]), o = M(r);
 	o.current = r;
-	let s = j(i);
+	let s = M(i);
 	s.current = i;
-	let c = A(() => {
+	let c = j(() => {
 		let t = [];
 		for (let [r, i] of e) {
 			let e = i.store.getSnapshot();
-			He(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
 			}));
@@ -374,17 +374,17 @@ var z = D(function({ stores: e, registry: t, category: n = Ve, onAction: r, clie
 		e,
 		n,
 		a
-	]), l = j(!1), u = c.length > 0;
+	]), l = M(!1), u = c.length > 0;
 	return k(() => {
-		u && !l.current && (l.current = !0, Be.debug("First UI render"));
-	}, [u]), u ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(ze, {}), c.map(({ key: e, store: n }) => /* @__PURE__ */ F(Ie, {
+		u && !l.current && (l.current = !0, Ke.debug("First UI render"));
+	}, [u]), u ? /* @__PURE__ */ F(Oe, { children: [/* @__PURE__ */ P(Ge, {}), c.map(({ key: e, store: n }) => /* @__PURE__ */ P(Ve, {
 		store: n,
 		library: t,
 		onAction: o.current,
 		client: s.current,
 		video: s.current?.media?.video
 	}, e))] }) : null;
-}), Ue = class {
+}), Ye = class {
 	core;
 	ownsCore;
 	stores = /* @__PURE__ */ new Map();
@@ -456,7 +456,7 @@ var z = D(function({ stores: e, registry: t, category: n = Ve, onAction: r, clie
 		let t = this.stores.get(e);
 		if (t) return t;
 		let n = {
-			category: Ve,
+			category: qe,
 			store: new r()
 		};
 		return this.stores.set(e, n), n;
@@ -476,13 +476,13 @@ var z = D(function({ stores: e, registry: t, category: n = Ve, onAction: r, clie
 };
 //#endregion
 //#region src/base/base-div.tsx
-function We(e) {
+function Xe(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 Ge(...e) {
+function Ze(...e) {
 	let t = "";
 	for (let n of e) if (n) {
 		let e = n.trim();
@@ -500,8 +500,8 @@ function Ge(...e) {
 	}
 	return t || void 0;
 }
-var Ke = /* @__PURE__ */ new WeakMap(), V = {};
-function qe(e) {
+var B = /* @__PURE__ */ new WeakMap(), Qe = {};
+function $e(e) {
 	let t = {};
 	for (let n of e.split(";")) {
 		let e = n.indexOf(":");
@@ -513,28 +513,28 @@ function qe(e) {
 	}
 	return t;
 }
-function Je(e, t) {
+function et(e, t) {
 	let n = e && typeof e == "object" ? e : void 0;
 	return t ? {
 		...n ?? {},
 		cursor: t
 	} : n;
 }
-function Ye(e) {
-	if (!e) return V;
-	let t = Ke.get(e);
+function V(e) {
+	if (!e) return Qe;
+	let t = B.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] = qe(r);
+			n[t] = $e(r);
 			continue;
 		}
 		(typeof r == "string" || typeof r == "number" || typeof r == "boolean") && (n[t] = r);
 	}
-	return Ke.set(e, n), n;
+	return B.set(e, n), n;
 }
-function Xe(e) {
+function tt(e) {
 	let t = e.parentElement;
 	for (; t;) {
 		let e = window.getComputedStyle(t).overflowY;
@@ -543,34 +543,51 @@ function Xe(e) {
 	}
 	return null;
 }
-var Ze = 1.5;
-function Qe(e, t) {
+var H = 1.5;
+function U(e, t, n) {
 	requestAnimationFrame(() => {
-		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.scrollTop + (r.bottom - n.bottom) + 16, a = Math.abs(i - e.scrollTop) > e.clientHeight * Ze ? "auto" : "smooth";
+		let r = e.getBoundingClientRect(), i = t.getBoundingClientRect(), a = e.scrollTop + (i.bottom - r.bottom) + 16, o = Math.abs(a - e.scrollTop), s = n ?? (o > e.clientHeight * H ? "auto" : "smooth");
 		"scrollBehavior" in document.documentElement.style ? e.scrollTo({
-			top: i,
-			behavior: a
-		}) : e.scrollTop = i;
+			top: a,
+			behavior: s
+		}) : e.scrollTop = a;
 	});
 }
-var $e = "data-ikon-scroll-indicator", et = .15, H = "data-ikon-at-bottom";
-function tt(e) {
-	return Math.max(e.clientHeight * et, 20);
+var nt = 3e3;
+function rt(e, t) {
+	if (typeof ResizeObserver > "u") return () => void 0;
+	let n = !1, r = () => {
+		n = !0;
+	}, i = { passive: !0 };
+	e.addEventListener("wheel", r, i), e.addEventListener("touchmove", r, i), e.addEventListener("keydown", r, i);
+	let a = e.scrollHeight, o = new ResizeObserver(() => {
+		let r = e.scrollHeight > a;
+		a = e.scrollHeight, !(!r || n || !ct(e)) && U(e, t, "auto");
+	});
+	for (let t of Array.from(e.children)) o.observe(t);
+	let s = setTimeout(r, nt);
+	return () => {
+		clearTimeout(s), o.disconnect(), e.removeEventListener("wheel", r), e.removeEventListener("touchmove", r), e.removeEventListener("keydown", r);
+	};
 }
-function nt(e) {
-	return e.getAttribute(H) !== "false";
+var it = "data-ikon-scroll-indicator", at = .15, ot = "data-ikon-at-bottom";
+function st(e) {
+	return Math.max(e.clientHeight * at, 20);
 }
-function rt(e) {
-	e.getAttribute(H) === null && (e.setAttribute(H, "true"), e.addEventListener("scroll", () => {
-		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e, i = n - t - r <= tt(e);
-		e.setAttribute(H, i ? "true" : "false");
+function ct(e) {
+	return e.getAttribute(ot) !== "false";
+}
+function lt(e) {
+	e.getAttribute(ot) === null && (e.setAttribute(ot, "true"), e.addEventListener("scroll", () => {
+		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e, i = n - t - r <= st(e);
+		e.setAttribute(ot, i ? "true" : "false");
 	}, { passive: !0 }));
 }
-function it(e) {
-	let t = e.parentElement ?? e, n = t.querySelector(`[${$e}]`);
+function ut(e) {
+	let t = e.parentElement ?? e, n = t.querySelector(`[${it}]`);
 	if (n) return n;
 	let r = document.createElement("button");
-	return r.setAttribute($e, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
+	return r.setAttribute(it, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
 		position: "absolute",
 		bottom: "12px",
 		left: "50%",
@@ -598,36 +615,36 @@ function it(e) {
 		r.style.opacity = "0.9";
 	}), t.appendChild(r), r;
 }
-function at(e, t) {
-	let n = it(e);
+function dt(e, t) {
+	let n = ut(e);
 	n.style.display = "flex";
 	let r = () => {
-		Qe(e, t), n.style.display = "none";
+		U(e, t), n.style.display = "none";
 	}, i = () => {
 		let { scrollTop: t, scrollHeight: r, clientHeight: i } = e;
-		r - t - i <= tt(e) && (n.style.display = "none");
+		r - t - i <= st(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 ot() {
+function ft() {
 	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 = M(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;
+			let t, n;
 			if (o !== !0) {
-				let n = Xe(e);
-				if (n) if (rt(n), s === "Polite" && !nt(n)) t = at(n, e);
+				let r = tt(e);
+				if (r) if (lt(r), s === "Polite" && !ct(r)) t = dt(r, e);
 				else {
-					let t = (n.parentElement ?? n).querySelector(`[${$e}]`);
-					t && (t.style.display = "none"), Qe(n, e);
+					let t = (r.parentElement ?? r).querySelector(`[${it}]`);
+					t && (t.style.display = "none"), U(r, e), n = rt(r, e);
 				}
 				else typeof e.scrollIntoView == "function" && requestAnimationFrame(() => {
-					let t = e.getBoundingClientRect().top, n = typeof window < "u" ? window.innerHeight : 0, r = Math.abs(t) > n * Ze ? "auto" : "smooth";
+					let t = e.getBoundingClientRect().top, n = typeof window < "u" ? window.innerHeight : 0, r = Math.abs(t) > n * H ? "auto" : "smooth";
 					try {
 						e.scrollIntoView({
 							behavior: r,
@@ -639,20 +656,22 @@ function ot() {
 					}
 				});
 			}
-			let n = document.activeElement;
-			if (!(n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n?.getAttribute("contenteditable") === "true") && typeof e.focus == "function") try {
+			let a = document.activeElement;
+			if (!(a instanceof HTMLInputElement || a instanceof HTMLTextAreaElement || a?.getAttribute("contenteditable") === "true") && typeof e.focus == "function") try {
 				e.focus({ preventScroll: !0 });
 			} catch {
 				e.focus();
 			}
-			return t;
+			return () => {
+				t?.(), n?.();
+			};
 		}, [
 			o,
 			s,
 			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 +689,16 @@ function ot() {
 		if (t === "std.focus-hint") return e;
 	};
 }
-function st() {
+function pt() {
 	let e = D(function({ nodeId: e, context: t, className: n }) {
-		let r = L(t.store, e), i = We(r?.props?.onInvokeId), a = O(() => {
+		let r = I(t.store, e), i = Xe(r?.props?.onInvokeId), a = O(() => {
 			i && t.dispatchAction(i);
 		}, [i, t]);
 		if (!r) return null;
-		let o = Ye(r.props);
+		let o = V(r.props);
 		delete o.onInvokeId;
-		let s = Ge(B(r.props?.className), n), c = r.children?.length ? t.renderChildren(r.children) : void 0;
-		return /* @__PURE__ */ F("div", {
+		let s = Ze(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 +709,7 @@ function st() {
 			onKeyDown: i ? (e) => {
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
 			} : void 0,
-			style: Je(o.style, i ? "pointer" : void 0),
+			style: et(o.style, i ? "pointer" : void 0),
 			children: c
 		});
 	});
@@ -698,12 +717,12 @@ function st() {
 		if (t === "std.div") return e;
 	};
 }
-function ct() {
+function mt() {
 	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 = Ye(r.props), a = Ge("relative", B(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
-		return /* @__PURE__ */ F("div", {
+		let i = V(r.props), a = Ze("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 +734,12 @@ function ct() {
 		if (t === "std.stack") return e;
 	};
 }
-function lt() {
+function ht() {
 	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 = Ye(r.props), a = Ge("absolute", B(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
-		return /* @__PURE__ */ F("div", {
+		let i = V(r.props), a = Ze("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 +751,23 @@ function lt() {
 		if (t === "std.layer") return e;
 	};
 }
-function ut() {
+function gt() {
 	return [
-		st(),
-		ct(),
-		lt(),
-		ot()
+		pt(),
+		mt(),
+		ht(),
+		ft()
 	];
 }
 //#endregion
 //#region src/base/base-module.ts
-var dt = "base", ft = async () => ut();
-function pt(e) {
-	e.registerModule(dt, ft);
+var _t = "base", vt = async () => gt();
+function yt(e) {
+	e.registerModule(_t, vt);
 }
 //#endregion
 //#region src/media/audio-player.tsx
-function mt(e) {
+function bt(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -758,17 +777,17 @@ function mt(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function ht(...e) {
+function xt(...e) {
 	let t = [];
 	for (let n of e) n && n.trim() && t.push(n.trim());
 	return t.length > 0 ? t.join(" ") : void 0;
 }
-function gt(e) {
+function St(e) {
 	if (typeof e != "string") return;
 	let t = e.trim();
 	return t.length > 0 ? t : void 0;
 }
-function _t(e) {
+function Ct(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "string") {
 		let t = e.trim().toLowerCase();
@@ -776,14 +795,14 @@ function _t(e) {
 		if (t === "false") return !1;
 	}
 }
-function vt() {
+function wt() {
 	let e = D(function({ nodeId: e, context: t, className: n }) {
-		let r = L(t.store, e), i = j(null), a = r ? _t(r.props?.autoplay) : void 0, o = r ? gt(r.props?.src) : void 0;
+		let r = I(t.store, e), i = M(null), a = r ? Ct(r.props?.autoplay) : void 0, o = r ? St(r.props?.src) : void 0;
 		if (k(() => {
 			a && i.current && i.current.play().catch(() => {});
 		}, [a, o]), !r) return null;
-		let s = ht(mt(r.props?.className), n), c = gt(r.props?.preload), l = _t(r.props?.controls), u = _t(r.props?.loop), d = _t(r.props?.muted);
-		return /* @__PURE__ */ F("audio", {
+		let s = xt(bt(r.props?.className), n), c = St(r.props?.preload), l = Ct(r.props?.controls), u = Ct(r.props?.loop), d = Ct(r.props?.muted);
+		return /* @__PURE__ */ P("audio", {
 			ref: i,
 			src: o,
 			...c === void 0 ? {} : { preload: c },
@@ -801,8 +820,69 @@ function vt() {
 	};
 }
 //#endregion
+//#region src/media/video-stream-view.tsx
+var Tt = S("IkonVideoStreamView"), Et = D(function({ client: e, streamId: t, className: n, style: r, width: i, height: a, attributes: o, getPlayback: s }) {
+	let c = M(null), l = M(null), [, u] = N(0);
+	k(() => {
+		if (e?.isWebRtcEnabled) return e.addWebRtcTrackMapListener((e) => {
+			e.kind === "video" && u((e) => e + 1);
+		});
+	}, [e]);
+	let d = e?.isWebRtcEnabled && t ? e.getWebRtcVideoStreamByStreamId(t) : null;
+	k(() => {
+		let n = c.current;
+		if (!n || !t || d) return;
+		let r = !1, i, a = 0, o = () => s ? s() : e?.media?.video, l = () => {
+			if (r) return;
+			let e = o();
+			if (!e) {
+				if (a++ >= 50) {
+					Tt.warn(`Gave up attaching the canvas for stream ${t}: video playback never became available`);
+					return;
+				}
+				i = setTimeout(l, 100);
+				return;
+			}
+			e.attachCanvas(t, n).catch((e) => {
+				Tt.error(`Failed to attach the canvas for stream ${t}, it will stay blank: ${String(e)}`);
+			});
+		};
+		return l(), () => {
+			r = !0, i !== void 0 && clearTimeout(i), o()?.detachCanvas(t);
+		};
+	}, [
+		e,
+		t,
+		d,
+		s
+	]), k(() => {
+		let e = l.current;
+		if (!(!e || !d)) return e.srcObject = d, () => {
+			e.srcObject = null;
+		};
+	}, [d]);
+	let f = {
+		...o,
+		...t ? { "data-ikon-video-stream-id": t } : {},
+		className: n,
+		style: r,
+		...i ? { width: i } : {},
+		...a ? { height: a } : {}
+	};
+	return d ? /* @__PURE__ */ P("video", {
+		ref: l,
+		autoPlay: !0,
+		playsInline: !0,
+		muted: !0,
+		...f
+	}, t) : /* @__PURE__ */ P("canvas", {
+		ref: c,
+		...f
+	}, t);
+});
+//#endregion
 //#region src/media/video-canvas.tsx
-function yt(e) {
+function Dt(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -812,100 +892,52 @@ function yt(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function bt(...e) {
+function Ot(...e) {
 	let t = [];
 	for (let n of e) n && n.trim() && t.push(n.trim());
 	return t.length > 0 ? t.join(" ") : void 0;
 }
-function xt(e) {
+function kt(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 St(e) {
+function At(e) {
 	if (typeof e != "string") return;
 	let t = e.trim();
 	return t.length > 0 ? t : void 0;
 }
-var Ct = b("IkonVideoCanvas"), wt = 100, Tt = 50, Et = "std.video-canvas", Dt = "std.video-url-player";
-function Ot() {
+var jt = "std.video-canvas", Mt = "std.video-url-player";
+function Nt() {
 	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 ? St(r.props?.streamId) : void 0, c = r ? xt(r.props?.width) : void 0, l = r ? xt(r.props?.height) : void 0, u = r ? bt(yt(r.props?.className), n) : n, [, d] = M(0);
-		k(() => {
-			if (!o?.isWebRtcEnabled) return;
-			let e = o.onWebRtcTrackMapChanged;
-			return o.onWebRtcTrackMapChanged = (t) => {
-				e?.(t), t.kind === "video" && d((e) => e + 1);
-			}, () => {
-				o.onWebRtcTrackMapChanged = e;
-			};
-		}, [o]);
-		let f = o?.isWebRtcEnabled && s ? o.getWebRtcVideoStreamByStreamId(s) : null;
-		return k(() => {
-			let e = i.current;
-			if (!e || !s || f) return;
-			let n = !1, r, a = 0, o = () => {
-				if (n) return;
-				let i = t.video ?? t.client?.media?.video;
-				if (!i) {
-					if (a++ >= Tt) {
-						Ct.warn(`Gave up attaching the canvas for stream ${s}: video playback never became available`);
-						return;
-					}
-					r = setTimeout(o, wt);
-					return;
-				}
-				i.attachCanvas(s, e).catch((e) => {
-					Ct.error(`Failed to attach the canvas for stream ${s}, it will stay blank: ${String(e)}`);
-				});
-			};
-			return o(), () => {
-				n = !0, r !== void 0 && clearTimeout(r), (t.video ?? t.client?.media?.video)?.detachCanvas(s);
-			};
-		}, [
-			t,
-			s,
-			f
-		]), k(() => {
-			let e = a.current;
-			if (!(!e || !f)) return e.srcObject = f, () => {
-				e.srcObject = null;
-			};
-		}, [f]), r ? f ? /* @__PURE__ */ F("video", {
-			ref: a,
-			autoPlay: !0,
-			playsInline: !0,
-			muted: !0,
-			"data-ikon-node-id": r.id,
-			"data-ikon-source": r.sourceMarker,
-			"data-ikon-video-stream-id": s,
-			className: u,
-			...c ? { width: c } : {},
-			...l ? { height: l } : {}
-		}, s) : /* @__PURE__ */ F("canvas", {
-			ref: i,
-			"data-ikon-node-id": r.id,
-			"data-ikon-source": r.sourceMarker,
-			"data-ikon-video-stream-id": s,
-			className: u,
-			...c ? { width: c } : {},
-			...l ? { height: l } : {}
-		}, s) : null;
+		let r = I(t.store, e), i = r ? At(r.props?.streamId) : void 0, a = r ? kt(r.props?.width) : void 0, o = r ? kt(r.props?.height) : void 0, s = r ? Ot(Dt(r.props?.className), n) : n, c = O(() => t.video ?? t.client?.media?.video, [t]);
+		return r ? /* @__PURE__ */ P(Et, {
+			client: t.client,
+			streamId: i,
+			className: s,
+			width: a,
+			height: o,
+			getPlayback: c,
+			attributes: {
+				"data-ikon-node-id": r.id,
+				...r.sourceMarker ? { "data-ikon-source": r.sourceMarker } : {}
+			}
+		}) : null;
 	});
 	return ({ type: t }) => {
 		if (t === "std.video-canvas") return e;
 	};
 }
-function kt() {
+function Pt() {
 	return [
-		Ot(),
-		jt(),
-		vt()
+		Nt(),
+		It(),
+		wt()
 	];
 }
-function At(e) {
+function Ft(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "string") {
 		let t = e.trim().toLowerCase();
@@ -913,14 +945,14 @@ function At(e) {
 		if (t === "false") return !1;
 	}
 }
-function jt() {
+function It() {
 	let e = D(function({ nodeId: e, context: t, className: n }) {
-		let r = L(t.store, e), i = j(null), a = r ? At(r.props?.autoplay) : void 0, o = r ? St(r.props?.src) : void 0;
+		let r = I(t.store, e), i = M(null), a = r ? Ft(r.props?.autoplay) : void 0, o = r ? At(r.props?.src) : void 0;
 		if (k(() => {
 			a && i.current && i.current.play().catch(() => {});
 		}, [a, o]), !r) return null;
-		let s = bt(yt(r.props?.className), n), c = St(r.props?.poster), l = At(r.props?.controls), u = At(r.props?.loop), d = At(r.props?.muted), f = At(r.props?.playsInline), p = xt(r.props?.width), m = xt(r.props?.height), h = r.children?.length ? t.renderChildren(r.children) : void 0;
-		return /* @__PURE__ */ F("video", {
+		let s = Ot(Dt(r.props?.className), n), c = At(r.props?.poster), l = Ft(r.props?.controls), u = Ft(r.props?.loop), d = Ft(r.props?.muted), f = Ft(r.props?.playsInline), p = kt(r.props?.width), m = kt(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 +975,20 @@ function jt() {
 }
 //#endregion
 //#region src/media/media-module.ts
-var Mt = "media", Nt = async () => kt();
-function Pt(e) {
-	e.registerModule(Mt, Nt);
+var Lt = "media", Rt = async () => Pt();
+function zt(e) {
+	e.registerModule(Lt, Rt);
 }
 //#endregion
 //#region src/shadertoy/shadertoy-gl.ts
-var Ft = "#version 300 es\nin vec4 a_position;\nvoid main() {\n    gl_Position = a_position;\n}\n", It = 4;
-function Lt(e, t) {
+var Bt = "#version 300 es\nin vec4 a_position;\nvoid main() {\n    gl_Position = a_position;\n}\n", Vt = 4;
+function Ht(e, t) {
 	return RegExp(`\\buniform\\s+\\w+\\s+${t}\\s*;`, "g").test(e);
 }
-function Rt(e, t) {
+function Ut(e, t) {
 	let n = [];
 	for (let [r, i] of Object.entries(t)) {
-		if (Lt(e, r)) continue;
+		if (Ht(e, r)) continue;
 		let t;
 		switch (i.type) {
 			case "float":
@@ -1014,7 +1046,7 @@ void main() {
 }
 `;
 }
-var zt = class {
+var Wt = class {
 	gl;
 	program = null;
 	positionBuffer = null;
@@ -1030,7 +1062,7 @@ var zt = class {
 	mouseClickY = 0;
 	channels = [];
 	channelResolution = /* @__PURE__ */ new Float32Array(12);
-	channelTime = new Float32Array(It);
+	channelTime = new Float32Array(Vt);
 	lastError = null;
 	currentShaderSource = "";
 	constructor(e) {
@@ -1065,7 +1097,7 @@ var zt = class {
 	}
 	initializeChannels() {
 		let e = this.gl;
-		for (let t = 0; t < It; t++) {
+		for (let t = 0; t < Vt; 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 +1114,7 @@ var zt = class {
 		e.bindTexture(e.TEXTURE_2D, null);
 	}
 	setChannels(e) {
-		for (let t = 0; t < It; t++) {
+		for (let t = 0; t < Vt; t++) {
 			let n = e[t] ?? null, r = this.channels[t];
 			if (r.url !== n) {
 				if (r.url = n, !n) {
@@ -1113,9 +1145,9 @@ var zt = class {
 	}
 	compile(e, t = {}) {
 		this.lastError = null, this.customUniforms = t, this.currentShaderSource = e;
-		let n = this.gl, r = this.compileShader(n.VERTEX_SHADER, Ft);
+		let n = this.gl, r = this.compileShader(n.VERTEX_SHADER, Bt);
 		if (!r) return !1;
-		let i = Rt(e, t), a = this.compileShader(n.FRAGMENT_SHADER, i);
+		let i = Ut(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 +1171,7 @@ var zt = class {
 			"iMouse",
 			"iDate"
 		]) this.uniformLocations.set(t, e.getUniformLocation(this.program, t));
-		for (let t = 0; t < It; t++) this.uniformLocations.set(`iChannel${t}`, e.getUniformLocation(this.program, `iChannel${t}`));
+		for (let t = 0; t < Vt; 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 +1203,7 @@ var zt = 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 < It; t++) {
+		for (let t = 0; t < Vt; 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 +1253,7 @@ var zt = class {
 };
 //#endregion
 //#region src/shadertoy/shadertoy-renderer.tsx
-function Bt(e) {
+function Gt(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -1231,22 +1263,22 @@ function Bt(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function Vt(...e) {
+function Kt(...e) {
 	let t = [];
 	for (let n of e) n && n.trim() && t.push(n.trim());
 	return t.length > 0 ? t.join(" ") : void 0;
 }
-function Ht(e) {
+function qt(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 Ut(e) {
+function Jt(e) {
 	return typeof e == "string" ? e : "";
 }
-function Wt(e) {
+function Yt(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "string") {
 		let t = e.trim().toLowerCase();
@@ -1254,7 +1286,7 @@ function Wt(e) {
 		if (t === "false") return !1;
 	}
 }
-function Gt(e) {
+function Xt(e) {
 	if (!e || typeof e != "object") return {};
 	let t = {}, n = e;
 	for (let [e, r] of Object.entries(n)) {
@@ -1274,10 +1306,10 @@ function Gt(e) {
 	}
 	return t;
 }
-function Kt(e) {
+function Zt(e) {
 	return Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : null) : [];
 }
-function qt(e, t) {
+function Qt(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 +1323,21 @@ function qt(e, t) {
 	}
 	return !0;
 }
-var Jt = "std.shadertoy-canvas";
-function Yt() {
+var $t = "std.shadertoy-canvas";
+function en() {
 	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 = M(null), a = M(null), o = M(null), s = M(0), c = M(""), l = M({}), u = M({
 			x: 0,
 			y: 0,
 			clickX: 0,
 			clickY: 0,
 			isDown: !1
-		}), d = r ? Ut(r.props?.shaderSource) : "", f = r ? Ht(r.props?.fps) ?? 60 : 60, p = r?.props?.uniforms, m = A(() => Gt(p), [p]), h = r?.props?.channels, g = A(() => Kt(h), [h]), _ = r ? Wt(r.props?.enableMouse) ?? !0 : !0, v = r ? Ht(r.props?.width) : void 0, y = r ? Ht(r.props?.height) : void 0, b = r ? Vt(Bt(r.props?.className), n) : n;
+		}), d = r ? Jt(r.props?.shaderSource) : "", f = r ? qt(r.props?.fps) ?? 60 : 60, p = r?.props?.uniforms, m = j(() => Xt(p), [p]), h = r?.props?.channels, g = j(() => Zt(h), [h]), _ = r ? Yt(r.props?.enableMouse) ?? !0 : !0, ee = r ? qt(r.props?.width) : void 0, v = r ? qt(r.props?.height) : void 0, y = r ? Kt(Gt(r.props?.className), n) : n;
 		k(() => {
 			let e = i.current;
 			if (e) {
 				try {
-					let t = new zt(e);
+					let t = new Wt(e);
 					a.current = t;
 				} catch (e) {
 					console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", e);
@@ -1323,7 +1355,7 @@ function Yt() {
 			}
 		}, [d, m]), k(() => {
 			let e = a.current;
-			!e || !c.current || qt(l.current, m) || (e.setCustomUniforms(m), l.current = m);
+			!e || !c.current || Qt(l.current, m) || (e.setCustomUniforms(m), l.current = m);
 		}, [m]), k(() => {
 			let e = a.current;
 			e && e.setChannels(g);
@@ -1338,32 +1370,32 @@ function Yt() {
 				o.current !== null && (cancelAnimationFrame(o.current), o.current = null);
 			};
 		}, [f]);
-		let x = O((e) => {
+		let b = 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);
-		}, [_]), S = O((e) => {
+		}, [_]), 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.isDown = !0, u.current.clickX = s, u.current.clickY = c, n.setMouse(s, c, s, c);
-		}, [_]), ee = O(() => {
+		}, [_]), S = 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: b,
-			...v ? { width: v } : {},
-			...y ? { height: y } : {},
-			onMouseMove: x,
-			onMouseDown: S,
-			onMouseUp: ee,
-			onMouseLeave: ee
+			className: y,
+			...ee ? { width: ee } : {},
+			...v ? { height: v } : {},
+			onMouseMove: b,
+			onMouseDown: x,
+			onMouseUp: S,
+			onMouseLeave: S
 		}) : null;
 	});
 	return ({ type: t }) => {
@@ -1372,13 +1404,13 @@ function Yt() {
 }
 //#endregion
 //#region src/shadertoy/shadertoy-module.ts
-var Xt = "shadertoy", Zt = async () => Yt();
-function Qt(e) {
-	e.registerModule(Xt, Zt);
+var tn = "shadertoy", nn = async () => en();
+function rn(e) {
+	e.registerModule(tn, nn);
 }
 //#endregion
 //#region src/ikon-ui-registry.ts
-var $t = b("UIRegistry"), en = class {
+var an = S("UIRegistry"), on = class {
 	baseResolvers = [];
 	moduleLoaders = /* @__PURE__ */ new Map();
 	moduleResolvers = /* @__PURE__ */ new Map();
@@ -1404,14 +1436,14 @@ var $t = b("UIRegistry"), en = class {
 	async loadRegisteredModules() {
 		let e = !1;
 		for (let [t, n] of this.moduleLoaders.entries()) if (!this.moduleResolvers.has(t)) try {
-			let r = rn(await n());
+			let r = ln(await n());
 			this.moduleResolvers.set(t, r), e = !0;
 		} catch (e) {
-			$t.error(`[IkonUiRegistry] Failed to load module '${t}'.`, e);
+			an.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 an(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e && this.notify(), e;
+		return un(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e && this.notify(), e;
 	}
 	resolve(e) {
 		for (let t of this.baseResolvers) {
@@ -1421,7 +1453,7 @@ var $t = b("UIRegistry"), en = class {
 		for (let t of this.activeModuleOrder) {
 			let n = this.moduleResolvers.get(t);
 			if (!n) {
-				$t.warn(`Missing resolvers for module ${t}`);
+				an.warn(`Missing resolvers for module ${t}`);
 				continue;
 			}
 			for (let t of n) {
@@ -1434,25 +1466,25 @@ var $t = b("UIRegistry"), en = class {
 		for (let e of this.listeners) e();
 	}
 };
-function tn() {
-	let e = new en();
-	return pt(e), Pt(e), Qt(e), e.loadRegisteredModules(), e;
+function sn() {
+	let e = new on();
+	return yt(e), zt(e), rn(e), e.loadRegisteredModules(), e;
 }
-function nn(e) {
+function cn(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function rn(e) {
-	return e ? nn(e).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function ln(e) {
+	return e ? cn(e).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function an(e, t) {
+function un(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 on({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
-	return /* @__PURE__ */ F(z, {
+function dn({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
+	return /* @__PURE__ */ P(Je, {
 		stores: t,
 		registry: n,
 		category: e,
@@ -1462,7 +1494,7 @@ function on({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
 }
 //#endregion
 //#region src/motion/motion-controller.ts
-var sn = b("MotionController"), cn = {
+var fn = S("MotionController"), pn = {
 	ease: [
 		.25,
 		.1,
@@ -1632,20 +1664,20 @@ var sn = b("MotionController"), cn = {
 		1.55
 	]
 };
-function U(e) {
+function W(e) {
 	return e <= 0 ? 0 : e >= 1 ? 1 : e;
 }
-function ln(e) {
+function mn(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 un(e) {
+function hn(e) {
 	return typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function dn(e, t, n, r) {
+function gn(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 +1711,34 @@ function dn(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 fn(e) {
+function _n(e) {
 	let t = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(e);
-	if (!t) return (e) => U(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) => U(Math.ceil(e * n) / n) : r === "none" || r === "jump-none" ? (e) => U(Math.round(e * n) / n) : r === "both" || r === "jump-both" ? (e) => U((Math.floor(e * n) + .5) / n) : (e) => U(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 pn(e) {
-	if (!e) return (e) => U(e);
+function vn(e) {
+	if (!e) return (e) => W(e);
 	let t = e.trim().toLowerCase();
-	if (!t || t === "linear") return (e) => U(e);
-	if (cn[t]) {
-		let [e, n, r, i] = cn[t], a = dn(e, n, r, i);
-		return (e) => U(a(U(e)));
+	if (!t || t === "linear") return (e) => W(e);
+	if (pn[t]) {
+		let [e, n, r, i] = pn[t], a = gn(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 = dn(t, n, r, i);
-			return (e) => U(a(U(e)));
+			let [t, n, r, i] = e, a = gn(t, n, r, i);
+			return (e) => W(a(W(e)));
 		}
 	}
 	if (t.startsWith("steps(") && t.endsWith(")")) {
-		let e = fn(t);
-		return (t) => e(U(t));
+		let e = _n(t);
+		return (t) => e(W(t));
 	}
-	return (e) => U(e);
+	return (e) => W(e);
 }
-function mn(e) {
+function yn(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 +1755,7 @@ function mn(e) {
 		outEnd: a
 	};
 }
-var hn = new class {
+var bn = new class {
 	bindingsByStyle = /* @__PURE__ */ new Map();
 	observer;
 	observeScheduled = !1;
@@ -1748,7 +1780,7 @@ var hn = new class {
 		for (let e of Array.from(this.globalCleanups)) try {
 			e();
 		} catch (e) {
-			sn.warn("Failed to cleanup binding listener", e);
+			fn.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 +1789,14 @@ var hn = 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) {
-			sn.warn("Failed to parse motion metadata", e);
+			fn.warn("Failed to parse motion metadata", e);
 			return;
 		}
 	}
 	parseBinding(e) {
 		let t = e.source?.trim();
 		if (!t) return;
-		let n = ln(e.min) ?? 0, r = ln(e.max), i = r === void 0 ? n + 100 : r, a = (e.clamp ?? "clamp").trim().toLowerCase(), o = !!e.reverse, s = pn(e.ease), c = mn(e.map), l = e.targetId?.trim() || void 0;
+		let n = mn(e.min) ?? 0, r = mn(e.max), i = r === void 0 ? n + 100 : r, a = (e.clamp ?? "clamp").trim().toLowerCase(), o = !!e.reverse, s = vn(e.ease), c = yn(e.map), l = e.targetId?.trim() || void 0;
 		if (!(Number.isNaN(n) || Number.isNaN(i))) return {
 			source: t.toLowerCase(),
 			min: n,
@@ -1810,7 +1842,7 @@ var hn = new class {
 	scanExistingNodes(e) {
 		let t = this.bindingsByStyle.get(e);
 		if (!t || typeof document > "u") return;
-		let n = `.${un(e)}`;
+		let n = `.${hn(e)}`;
 		document.querySelectorAll(n).forEach((n) => this.applyStyleToElement(n, e, t));
 	}
 	applyStyleToElement(e, t, n) {
@@ -1846,7 +1878,7 @@ var hn = new class {
 	}
 	resolveScrollContainer(e, t) {
 		if (t.targetId) {
-			let e = `[data-ikon-motion-source="${un(t.targetId)}"]`, n = typeof document < "u" ? document.querySelector(e) : null;
+			let e = `[data-ikon-motion-source="${hn(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 +1898,7 @@ var hn = new class {
 			case "freeze-start": return e < 0 ? 0 : e;
 			case "freeze-end": return e > 1 ? 1 : e;
 			case "unclamped": return e;
-			default: return U(e);
+			default: return W(e);
 		}
 	}
 	applyMap(e, t) {
@@ -1901,7 +1933,7 @@ var hn = new class {
 			try {
 				e();
 			} catch (e) {
-				sn.warn("Failed to cleanup listener", e);
+				fn.warn("Failed to cleanup listener", e);
 			}
 			this.globalCleanups.delete(e);
 		}
@@ -1941,26 +1973,26 @@ var hn = new class {
 }();
 //#endregion
 //#region src/use-ikon-styles.ts
-function gn(e) {
-	let t = j(/* @__PURE__ */ new Map()), n = O(({ styleId: e, css: n, common: r }) => {
+function xn(e) {
+	let t = M(/* @__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;
 			}
-			hn.registerStyle(e, r);
+			bn.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)), hn.unregisterStyle(n);
+			e && (e.remove(), t.current.delete(n)), bn.unregisterStyle(n);
 		}
 	}, []), i = O(() => {
 		if (typeof document < "u") {
 			for (let e of t.current.values()) e.remove();
 			t.current.clear();
 		}
-		hn.reset();
+		bn.reset();
 	}, []);
 	return k(() => {
 		if (!e) return;
@@ -1982,7 +2014,7 @@ function gn(e) {
 }
 //#endregion
 //#region src/use-ikon-ui-stores.ts
-function _n(e) {
+function Sn(e) {
 	let t = [];
 	for (let [n, r] of e) {
 		let e = r.store.getSnapshot(), i = e.rootViewId && e.views.has(e.rootViewId);
@@ -1990,32 +2022,97 @@ function _n(e) {
 	}
 	return t.sort(), t.join(",");
 }
-function vn(e) {
-	let [t, n] = M(), r = j("");
+function Cn(e) {
+	let [t, n] = N(), r = M("");
 	return k(() => {
 		if (!e) {
 			n(void 0), r.current = "";
 			return;
 		}
 		let t = () => {
-			let t = e.getStores(), i = _n(t);
+			let t = e.getStores(), i = Sn(t);
 			i !== r.current && (r.current = i, n(t));
 		};
 		return t(), e.subscribe(t);
 	}, [e]), t;
 }
 //#endregion
+//#region src/media/use-sibling-client.ts
+function wn(e, t, n) {
+	let [r, i] = N(null), [a, o] = N(null), s = M(n);
+	s.current = n;
+	let c = t ? JSON.stringify(Object.entries(t).sort(([e], [t]) => e < t ? -1 : +(e > t))) : null;
+	return k(() => {
+		if (!e || c === null) return;
+		let t = Object.fromEntries(JSON.parse(c)), n = e.createSibling(t, s.current), r = !1;
+		return o(null), n.connect().then(() => {
+			r || i(n);
+		}).catch((e) => {
+			r || o(e instanceof Error ? e : Error(String(e)));
+		}), () => {
+			r = !0, i(null), n.disconnect();
+		};
+	}, [e, c]), {
+		client: r,
+		error: a
+	};
+}
+//#endregion
+//#region src/media/use-media-capture.ts
+var Tn = S("IkonMediaCaptureHooks");
+function En(e, t, n, r) {
+	let [i, a] = N(null), o = M(r);
+	return o.current = r, k(() => {
+		if (!e || !t) return;
+		let r = !1, i = null;
+		return a(null), (async () => {
+			let t = await e.ensureMediaCapture();
+			if (!r) {
+				if (!t) {
+					a(/* @__PURE__ */ Error(`Media capture is not available in this environment (${n})`));
+					return;
+				}
+				try {
+					i = await o.current(t);
+				} catch (e) {
+					r || (Tn.error(`${n} capture start failed: ${String(e)}`), a(e instanceof Error ? e : Error(String(e))));
+					return;
+				}
+				r && i.stop();
+			}
+		})(), () => {
+			r = !0, i?.stop();
+		};
+	}, [
+		e,
+		t,
+		n
+	]), { error: i };
+}
+function Dn(e, t, n) {
+	let r = M(n);
+	return r.current = n, En(e, t, "microphone", O((e) => e.audio.startMic(r.current ?? {}), []));
+}
+function On(e, t, n) {
+	let r = M(n);
+	return r.current = n, En(e, t, "camera", O((e) => e.video.startCamera(r.current), []));
+}
+function kn(e, t, n) {
+	let r = M(n);
+	return r.current = n, En(e, t, "screen", O((e) => e.video.startScreen(r.current), []));
+}
+//#endregion
 //#region src/shared/render-motion-letters.tsx
-var W = {
+var G = {
 	None: 0,
 	Letter: 1,
 	Word: 2,
 	Line: 4,
 	Paragraph: 8,
 	Emoji: 16
-}, yn = [
+}, An = [
 	{
-		flag: W.Letter,
+		flag: G.Letter,
 		hints: [
 			"[data-motion-letter]",
 			"[data-letter]",
@@ -2024,7 +2121,7 @@ var W = {
 		]
 	},
 	{
-		flag: W.Word,
+		flag: G.Word,
 		hints: [
 			"[data-motion-word]",
 			"[data-word]",
@@ -2033,7 +2130,7 @@ var W = {
 		]
 	},
 	{
-		flag: W.Line,
+		flag: G.Line,
 		hints: [
 			"[data-motion-line]",
 			"[data-line]",
@@ -2042,7 +2139,7 @@ var W = {
 		]
 	},
 	{
-		flag: W.Paragraph,
+		flag: G.Paragraph,
 		hints: [
 			"[data-motion-paragraph]",
 			"[data-paragraph]",
@@ -2053,7 +2150,7 @@ var W = {
 		]
 	},
 	{
-		flag: W.Emoji,
+		flag: G.Emoji,
 		hints: [
 			":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
 			"[data-motion-emoji]",
@@ -2062,16 +2159,16 @@ var W = {
 			"[data-emoji]"
 		]
 	}
-], bn = W.Letter | W.Word | W.Line | W.Paragraph | W.Emoji, xn = W.Letter | W.Word | W.Line | W.Paragraph, Sn = /* @__PURE__ */ new Map(), Cn = 16384;
-function wn(e, t) {
-	if (!e || e.length > Cn) return e;
-	let n = Qn(t), r = G(n, W.Emoji), i = n & xn;
-	if (i === W.None && !r) return e;
+], jn = G.Letter | G.Word | G.Line | G.Paragraph | G.Emoji, Mn = G.Letter | G.Word | G.Line | G.Paragraph, Nn = /* @__PURE__ */ new Map(), Pn = 16384;
+function Fn(e, t) {
+	if (!e || e.length > Pn) return e;
+	let n = lr(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 === W.None) return Xn(a);
-	let o = qn(a);
-	if (o.length === 0) return r ? Xn(a) : e;
-	let s = Jn(o), c = {
+	if (i === G.None) return sr(a);
+	let o = ir(a);
+	if (o.length === 0) return r ? sr(a) : e;
+	let s = ar(o), c = {
 		letter: 0,
 		word: 0,
 		line: 0,
@@ -2080,96 +2177,96 @@ function wn(e, t) {
 		emoji: 0
 	}, l = [];
 	for (let e of s) {
-		let t = Tn(e, n, c);
+		let t = In(e, n, c);
 		l.push(...t);
 	}
 	return l;
 }
-function Tn(e, t, n) {
+function In(e, t, n) {
 	let r = [];
 	for (let i of e) {
-		let e = En(i, t, n);
+		let e = Ln(i, t, n);
 		r.push(...e);
 	}
-	if (G(t, W.Paragraph)) {
+	if (K(t, G.Paragraph)) {
 		let e = n.paragraph++;
-		return [/* @__PURE__ */ F("span", {
+		return [/* @__PURE__ */ P("span", {
 			"data-motion-paragraph": !0,
-			style: Yn(e),
+			style: or(e),
 			children: r
 		}, `motion-paragraph-${e}`)];
 	}
 	return r;
 }
-function En(e, t, n) {
-	let r = Dn(e.text, t, n), i = [];
-	if (G(t, W.Line)) {
+function Ln(e, t, n) {
+	let r = Rn(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: Yn(e),
+			style: or(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 Dn(e, t, n) {
+function Rn(e, t, n) {
 	if (!e) return [];
-	let r = G(t, W.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(On(a, n, t, r));
+			i.push(zn(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(On(a, n, t, r));
+		i.push(zn(a, n, t, r));
 	}
 	return i;
 }
-function On(e, t, n, r) {
-	let i = t.word++, a = An(e, n, t), o = `motion-word-${i}`, s = kn(i, r);
-	return r ? /* @__PURE__ */ F("span", {
+function zn(e, t, n, r) {
+	let i = t.word++, a = Vn(e, n, t), o = `motion-word-${i}`, s = Bn(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 kn(e, t) {
+function Bn(e, t) {
 	return t ? {
-		...Yn(e),
+		...or(e),
 		whiteSpace: "nowrap"
 	} : { whiteSpace: "nowrap" };
 }
-function An(e, t, n) {
+function Vn(e, t, n) {
 	if (!e) return [];
-	let r = G(t, W.Letter), i = G(t, W.Emoji);
+	let r = K(t, G.Letter), i = K(t, G.Emoji);
 	if (!r) {
 		if (!i) return [e];
-		let t = jn(e);
+		let t = Hn(e);
 		if (t.length === 0) return [e];
-		let { nodes: r } = Zn(t, n);
+		let { nodes: r } = cr(t, n);
 		return r;
 	}
-	let a = [], o = jn(e);
+	let a = [], o = Hn(e);
 	for (let e of o) {
-		let t = n.letter++, r = `motion-letter-${t}`, o = Yn(t);
+		let t = n.letter++, r = `motion-letter-${t}`, o = or(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 && Wn(e) ? { "data-motion-emoji": !0 } : void 0, c = e === " " ? "\xA0" : e;
-		a.push(/* @__PURE__ */ F("span", {
+		let s = i && tr(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 +2275,46 @@ function An(e, t, n) {
 	}
 	return a;
 }
-function jn(e) {
+function Hn(e) {
 	if (!e) return [];
-	let t = Nn();
-	return t ? Array.from(t.segment(e), (e) => e.segment) : Pn(e);
+	let t = Wn();
+	return t ? Array.from(t.segment(e), (e) => e.segment) : Gn(e);
 }
-var Mn;
-function Nn() {
-	return Mn === void 0 && (Mn = typeof Intl < "u" && typeof Intl.Segmenter == "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null), Mn;
+var Un;
+function Wn() {
+	return Un === void 0 && (Un = typeof Intl < "u" && typeof Intl.Segmenter == "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null), Un;
 }
-function Pn(e) {
+function Gn(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 && Fn(i, a)) && (t.push(r), r = "");
+		r += i, !(a && Kn(i, a)) && (t.push(r), r = "");
 	}
 	return r && t.push(r), t;
 }
-function Fn(e, t) {
-	return t ? !!(In(e) || In(t) || Vn(t) || Ln(t) || Rn(t) || zn(e) && zn(t)) : !1;
+function Kn(e, t) {
+	return t ? !!(qn(e) || qn(t) || Qn(t) || Jn(t) || Yn(t) || Xn(e) && Xn(t)) : !1;
 }
-function In(e) {
+function qn(e) {
 	return e.codePointAt(0) === 8205;
 }
-function Ln(e) {
+function Jn(e) {
 	let t = e.codePointAt(0);
 	return t === void 0 ? !1 : t >= 65024 && t <= 65039 || t >= 917760 && t <= 917999;
 }
-function Rn(e) {
+function Yn(e) {
 	let t = e.codePointAt(0);
 	return t !== void 0 && t >= 127995 && t <= 127999;
 }
-function zn(e) {
+function Xn(e) {
 	let t = e.codePointAt(0);
 	return t !== void 0 && t >= 127462 && t <= 127487;
 }
-var Bn;
-function Vn(e) {
-	return e ? (Bn ||= Hn(), Bn(e)) : !1;
+var Zn;
+function Qn(e) {
+	return e ? (Zn ||= $n(), Zn(e)) : !1;
 }
-function Hn() {
+function $n() {
 	try {
 		let e = /\p{Mark}/u;
 		return (t) => e.test(t);
@@ -2228,19 +2325,19 @@ function Hn() {
 		};
 	}
 }
-var Un;
-function Wn(e) {
-	return e ? (Un ||= Gn(), Un(e)) : !1;
+var er;
+function tr(e) {
+	return e ? (er ||= nr(), er(e)) : !1;
 }
-function Gn() {
+function nr() {
 	try {
 		let e = /\p{Extended_Pictographic}/u;
 		return (t) => e.test(t);
 	} catch {
-		return Kn;
+		return rr;
 	}
 }
-function Kn(e) {
+function rr(e) {
 	if (!e) return !1;
 	for (let t of Array.from(e)) {
 		let e = t.codePointAt(0);
@@ -2248,7 +2345,7 @@ function Kn(e) {
 	}
 	return !1;
 }
-function qn(e) {
+function ir(e) {
 	let t = [], n = "", r = 0;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -2266,16 +2363,16 @@ function qn(e) {
 		breaks: r
 	}), t;
 }
-function Jn(e) {
+function ar(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 G(e, t) {
+function K(e, t) {
 	return (e & t) === t;
 }
-function Yn(e) {
+function or(e) {
 	return {
 		"--tw-motion-seq-index": e.toString(),
 		backgroundColor: "inherit",
@@ -2292,22 +2389,22 @@ function Yn(e) {
 		WebkitTextFillColor: "inherit"
 	};
 }
-function Xn(e) {
+function sr(e) {
 	if (!e) return e;
-	let t = jn(e);
+	let t = Hn(e);
 	if (t.length === 0) return e;
-	let { nodes: n, sawEmoji: r } = Zn(t);
+	let { nodes: n, sawEmoji: r } = cr(t);
 	return r ? n.length === 1 ? n[0] ?? e : n : e;
 }
-function Zn(e, t) {
+function cr(e, t) {
 	let n = [], r = "", i = !1, a = t?.emoji ?? 0, o = () => {
 		r &&= (n.push(r), "");
 	};
 	for (let s of e) {
-		if (Wn(s)) {
+		if (tr(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 +2420,16 @@ function Zn(e, t) {
 		sawEmoji: !1
 	};
 }
-function Qn(e) {
-	if (!e) return W.None;
+function lr(e) {
+	if (!e) return G.None;
 	let t = e.trim();
-	if (!t) return W.None;
-	let n = Sn.get(t);
+	if (!t) return G.None;
+	let n = Nn.get(t);
 	if (typeof n == "number") return n;
-	if (typeof document > "u") return W.None;
+	if (typeof document > "u") return G.None;
 	let r = t.split(/\s+/).filter(Boolean);
-	if (r.length === 0) return W.None;
-	let i = r.map((e) => `.${er(e)}`).map((e) => RegExp(`(^|[^a-zA-Z0-9_-])${tr(e)}(?![a-zA-Z0-9_-])`)), a = W.None, o = !1;
+	if (r.length === 0) return G.None;
+	let i = r.map((e) => `.${dr(e)}`).map((e) => RegExp(`(^|[^a-zA-Z0-9_-])${fr(e)}(?![a-zA-Z0-9_-])`)), a = G.None, o = !1;
 	for (let e of Array.from(document.styleSheets)) {
 		let t;
 		try {
@@ -2340,18 +2437,18 @@ function Qn(e) {
 		} catch {
 			continue;
 		}
-		let n = $n(t, i);
-		if (n.mask && (a |= n.mask, a === bn)) break;
+		let n = ur(t, i);
+		if (n.mask && (a |= n.mask, a === jn)) break;
 		o ||= n.sawStyleRule;
 	}
-	return (a !== W.None || o) && Sn.set(t, a), a;
+	return (a !== G.None || o) && Nn.set(t, a), a;
 }
-function $n(e, t) {
+function ur(e, t) {
 	if (!e) return {
-		mask: W.None,
+		mask: G.None,
 		sawStyleRule: !1
 	};
-	let n = W.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 +2456,14 @@ function $n(e, t) {
 				let e = a.selectorText ?? "";
 				if (!e || !t.some((t) => t.test(e))) continue;
 				r = !0;
-				for (let t of yn) t.hints.some((t) => e.includes(t)) && (n |= t.flag);
-				if (n === bn) return {
+				for (let t of An) t.hints.some((t) => e.includes(t)) && (n |= t.flag);
+				if (n === jn) return {
 					mask: n,
 					sawStyleRule: !0
 				};
 			} else if ("cssRules" in a) {
-				let e = $n(a.cssRules, t);
-				if (e.mask && (n |= e.mask, n === bn)) return {
+				let e = ur(a.cssRules, t);
+				if (e.mask && (n |= e.mask, n === jn)) return {
 					mask: n,
 					sawStyleRule: !0
 				};
@@ -2379,106 +2476,124 @@ function $n(e, t) {
 		sawStyleRule: r
 	};
 }
-function er(e) {
+function dr(e) {
 	return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function tr(e) {
+function fr(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
 //#endregion
 //#region src/auth/storage.ts
-var nr = "ikon-auth-session", rr = "ikon-auth-refreshable", ir = "ikon-auth-auto-login-attempted-run", ar = 6048e5, or = 6e4;
-function sr(e) {
+var pr = "ikon-auth-session", mr = "ikon-auth-refreshable", hr = "ikon-auth-auto-login-attempted-run", gr = 6048e5, _r = 6e4;
+function vr(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 - or;
+		if (t.length !== 3) return;
+		let n = t[1].replace(/-/g, "+").replace(/_/g, "/"), r = n + "=".repeat((4 - n.length % 4) % 4);
+		return JSON.parse(atob(r));
 	} catch {
-		return !0;
+		return;
 	}
 }
-function K(e) {
+function yr(e) {
+	let t = vr(e);
+	return !t || typeof t.exp == "number" && Date.now() >= t.exp * 1e3 - _r;
+}
+function br(e) {
+	let t = vr(e)?.exp;
+	return typeof t == "number" ? (/* @__PURE__ */ new Date(t * 1e3)).toISOString() : void 0;
+}
+function q(e) {
 	try {
-		localStorage.setItem(nr, JSON.stringify(e));
+		localStorage.setItem(pr, JSON.stringify(e));
 	} catch {
 		console.warn("Failed to save auth session to localStorage");
 	}
 }
-function cr() {
+function xr() {
 	try {
-		let e = localStorage.getItem(nr);
+		let e = localStorage.getItem(pr);
 		if (!e) return null;
 		let t = JSON.parse(e);
-		return Date.now() - t.authenticatedAt > ar || sr(t.token) ? (hr(), null) : t;
+		return Date.now() - t.authenticatedAt > gr || yr(t.token) ? (kr(), null) : t;
 	} catch {
 		return console.warn("Failed to load auth session from localStorage"), null;
 	}
 }
-function lr(e) {
+function Sr() {
 	try {
-		localStorage.removeItem(nr), localStorage.setItem(rr, JSON.stringify(e));
+		let e = localStorage.getItem(pr);
+		if (!e) return !1;
+		let t = JSON.parse(e);
+		return t.provider === "dev" && yr(t.token);
+	} catch {
+		return !1;
+	}
+}
+function Cr(e) {
+	try {
+		localStorage.removeItem(pr), localStorage.setItem(mr, JSON.stringify(e));
 	} catch {
 		console.warn("Failed to save the auth session marker to localStorage");
 	}
 }
-function ur() {
+function wr() {
 	try {
-		let e = localStorage.getItem(rr);
+		let e = localStorage.getItem(mr);
 		if (!e) return null;
 		let t = JSON.parse(e);
-		return Date.now() - t.renewedAt > ar ? (fr(), null) : t;
+		return Date.now() - t.renewedAt > gr ? (Er(), null) : t;
 	} catch {
 		return console.warn("Failed to load the auth session marker from localStorage"), null;
 	}
 }
-function dr() {
-	let e = ur();
-	e && lr({
+function Tr() {
+	let e = wr();
+	e && Cr({
 		...e,
 		renewedAt: Date.now()
 	});
 }
-function fr() {
+function Er() {
 	try {
-		localStorage.removeItem(rr);
+		localStorage.removeItem(mr);
 	} catch {
 		console.warn("Failed to clear the auth session marker from localStorage");
 	}
 }
-function pr() {
-	cr()?.provider === "anonymous" && hr(), ur()?.provider === "anonymous" && fr();
+function Dr() {
+	xr()?.provider === "anonymous" && kr(), wr()?.provider === "anonymous" && Er();
 }
-function mr() {
+function Or() {
 	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 = cr()?.provider ?? ur()?.provider;
+	let e = xr()?.provider ?? wr()?.provider;
 	return e !== void 0 && e !== "anonymous";
 }
-function hr() {
+function kr() {
 	try {
-		localStorage.removeItem(nr);
+		localStorage.removeItem(pr);
 	} catch {
 		console.warn("Failed to clear auth session from localStorage");
 	}
 }
-function gr(e) {
+function Ar(e) {
 	if (e) try {
-		sessionStorage.setItem(ir, e);
+		sessionStorage.setItem(hr, e);
 	} catch {
 		console.warn("Failed to record auto-login attempt in sessionStorage");
 	}
 }
-function _r() {
+function jr() {
 	try {
-		return sessionStorage.getItem(ir);
+		return sessionStorage.getItem(hr);
 	} catch {
 		return null;
 	}
 }
-function q(e) {
+function J(e) {
 	return {
 		id: "",
 		provider: e.provider,
@@ -2489,8 +2604,8 @@ function q(e) {
 }
 //#endregion
 //#region src/auth/auth-service.ts
-var vr = 15e3, yr = 15e3, J = b("AuthService");
-async function br(e) {
+var Mr = 15e3, Nr = 15e3, Y = S("AuthService");
+async function Pr(e) {
 	try {
 		return await fetch(e, {
 			method: "GET",
@@ -2500,35 +2615,35 @@ async function br(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)`;
 	}
 }
-var xr = "x-ikon-auth-service";
-function Sr(e) {
-	if (e.headers.get(xr) !== null) return !1;
+var Fr = "x-ikon-auth-service";
+function Ir(e) {
+	if (e.headers.get(Fr) !== 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 Y(e, t, n) {
-	let r = `${e}${t}`, i = w(), a = i !== null && e === i, o = a ? await te() : i, s = o !== null && o !== e ? `${o}${t}` : null, c;
+async function X(e, t, n) {
+	let r = `${e}${t}`, i = E(), a = i !== null && e === i, o = a ? await re() : 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 br(e);
-			throw J.error(`Auth request ${t} could not reach ${r} — ${a}. ${n}`), Error(`Auth request could not reach ${r} (${a}). ${n}`, { cause: i });
+			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 });
 		}
-		J.warn(`Auth request ${t} could not reach ${r} (${a}); falling back to ${s}`);
+		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 br(e);
-			throw J.error(`Auth request ${t} failed on both ${r} (${a}) and ${s} (${i}). ${o}`), Error(`Auth request unreachable: ${r} (${a}) and ${s} (${i})`, { cause: 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 && Sr(c) ? (J.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;
+	return a && s !== null && Ir(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 Cr(e, t, n) {
-	let r = ae(), i = n === "guest" ? "anonymous" : n, a = {
+async function Lr(e, t, n) {
+	let r = oe(), i = n === "guest" ? "anonymous" : n, a = {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
@@ -2537,43 +2652,43 @@ async function Cr(e, t, n) {
 			...i ? { method: i } : {}
 		})
 	}, o = typeof window < "u" ? window.location.origin : "?";
-	J.debug(`Anonymous auth: POST ${t}/anonymous (space=${e}, origin=${o})`);
-	let s = await Y(t, "/anonymous", a);
+	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 J.error(`Anonymous auth HTTP ${s.status} from ${s.url}: ${e}`), Error(`Anonymous auth failed: ${s.status} ${e}`);
+		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 K(l), l;
+	return q(l), l;
 }
-async function wr({ email: e, spaceId: t, authUrl: n }) {
-	let r = await Y(n, "/email/send", {
+async function Rr({ 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: _(vr)
+		signal: y(Mr)
 	});
 	if (!r.ok) {
 		let e = await r.text().catch(() => "Failed to send login code");
 		throw Error(e);
 	}
 }
-async function Tr({ email: e, code: t, authUrl: n }) {
-	let r = await Y(n, "/email/code", {
+async function zr({ 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: _(vr)
+		signal: y(Mr)
 	});
 	if (!r.ok) {
 		let e = await r.text().catch(() => "Invalid code");
@@ -2584,26 +2699,26 @@ async function Tr({ email: e, code: t, authUrl: n }) {
 		provider: "email",
 		authenticatedAt: Date.now()
 	};
-	return K(a), a;
+	return q(a), a;
 }
-function Er() {
-	let e = new URLSearchParams(window.location.search), t = e.get("ikon_token"), n = e.get("ikon_provider");
+function Br() {
+	let e = new URLSearchParams(window.location.search), t = e.get(p), n = e.get(f);
 	return t && n ? {
 		token: t,
 		provider: n
 	} : null;
 }
-function Dr() {
-	let e = new URLSearchParams(window.location.search), t = e.get("ikon_code"), n = e.get("ikon_provider");
+function Vr() {
+	let e = new URLSearchParams(window.location.search), t = e.get(u), n = e.get(f);
 	return t && n ? {
 		code: t,
 		provider: n
 	} : null;
 }
-async function Or(e, t, n) {
-	let r = _e();
+async function Hr(e, t, n) {
+	let r = Se();
 	if (!r) throw Error("This sign-in was started in a different browser or tab");
-	let i = await Y(await S(n), "/oauth/exchange", {
+	let i = await X(await C(n), "/oauth/exchange", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
@@ -2611,7 +2726,7 @@ async function Or(e, t, n) {
 			codeVerifier: r,
 			supportsRefresh: !0
 		}),
-		signal: _(vr)
+		signal: y(Mr)
 	});
 	if (!i.ok) throw Error("Could not complete the sign-in");
 	let { token: a, expiresAt: o } = await i.json(), s = {
@@ -2620,24 +2735,24 @@ async function Or(e, t, n) {
 		authenticatedAt: Date.now(),
 		expiresAt: o
 	};
-	return o ? lr({
+	return o ? Cr({
 		provider: t,
 		authenticatedAt: s.authenticatedAt,
 		renewedAt: s.authenticatedAt
-	}) : K(s), s;
+	}) : q(s), s;
 }
-async function kr(e) {
-	let t = w();
+async function Ur(e) {
+	let t = E();
 	if (t === null) return null;
 	let n;
 	try {
 		n = await fetch(`${t}/session/refresh`, {
 			method: "POST",
-			signal: _(yr)
+			signal: y(Nr)
 		});
 	} catch (e) {
 		let n = e instanceof Error ? `${e.name}: ${e.message}` : String(e);
-		throw J.warn(`Session renewal could not reach ${t}/session/refresh (${n})`), Error(`Session renewal could not reach the auth service (${n})`, { cause: 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}`);
@@ -2649,25 +2764,25 @@ async function kr(e) {
 		expiresAt: i
 	};
 }
-function Ar() {
+function Wr() {
 	let e = new URLSearchParams(window.location.search), t = e.get("error");
 	return t ? {
 		code: t,
-		provider: e.get("ikon_provider")
+		provider: e.get(f)
 	} : null;
 }
-function jr() {
-	return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("ikon-signed-out");
+function Gr() {
+	return se();
 }
-var Mr = {
+var Kr = {
 	google: "Google",
 	facebook: "Facebook",
 	apple: "Apple",
 	microsoft: "Microsoft",
 	signicat: "eID"
 };
-function Nr(e, t, n) {
-	let r = t ? Mr[t] ?? t : "this provider";
+function qr(e, t, n) {
+	let r = t ? Kr[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.`;
@@ -2678,24 +2793,24 @@ function Nr(e, t, n) {
 		default: return e;
 	}
 }
-function Pr() {
+function Jr() {
 	let e = new URLSearchParams(window.location.search);
 	for (let t of [
-		"ikon_token",
-		"ikon_code",
-		"ikon_provider",
+		p,
+		u,
+		f,
 		"error",
-		f
+		d
 	]) e.delete(t);
 	let t = e.toString();
 	window.history.replaceState({}, "", t.length > 0 ? `${window.location.pathname}?${t}` : window.location.pathname);
 }
-async function Fr(e, t, n, r) {
-	let i = r ?? window.location.origin + window.location.pathname + window.location.search, a = await x(), o = a ? `&code_challenge=${encodeURIComponent(a)}` : "";
+async function Yr(e, t, n, r) {
+	let i = r ?? window.location.origin + window.location.pathname + window.location.search, a = await te(), o = a ? `&code_challenge=${encodeURIComponent(a)}` : "";
 	return `${n}/oauth/${e}?space=${encodeURIComponent(t)}&return=${encodeURIComponent(i)}${o}`;
 }
-async function Ir(e) {
-	let t = await Y(e, "/passkey/registration/options", {
+async function Xr(e) {
+	let t = await X(e, "/passkey/registration/options", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" }
 	});
@@ -2705,8 +2820,8 @@ async function Ir(e) {
 	}
 	return t.json();
 }
-async function Lr(e, t, n) {
-	let r = await Y(e, "/passkey/registration/verify", {
+async function Zr(e, t, n) {
+	let r = await X(e, "/passkey/registration/verify", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
@@ -2723,10 +2838,10 @@ async function Lr(e, t, n) {
 		provider: "passkey",
 		authenticatedAt: Date.now()
 	};
-	return K(a), a;
+	return q(a), a;
 }
-async function Rr(e, t) {
-	let n = await Y(e, "/passkey/authentication/options", {
+async function Qr(e, t) {
+	let n = await X(e, "/passkey/authentication/options", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ email: t })
@@ -2737,8 +2852,8 @@ async function Rr(e, t) {
 	}
 	return n.json();
 }
-async function zr(e, t) {
-	let n = await Y(e, "/passkey/authentication/verify", {
+async function $r(e, t) {
+	let n = await X(e, "/passkey/authentication/verify", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ response: t })
@@ -2752,55 +2867,55 @@ async function zr(e, t) {
 		provider: "passkey",
 		authenticatedAt: Date.now()
 	};
-	return K(i), i;
+	return q(i), i;
 }
-async function Br(e, t) {
+async function ei(e, t) {
 	try {
-		await Y(await S(t), "/logout", {
+		await X(await C(t), "/logout", {
 			method: "POST",
 			headers: { Authorization: `Bearer ${e}` },
-			signal: _(vr)
+			signal: y(Mr)
 		});
 	} catch {}
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/bufferToBase64URLString.js
-function X(e) {
+function Z(e) {
 	let t = new Uint8Array(e), n = "";
 	for (let e of t) n += String.fromCharCode(e);
 	return btoa(n).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/base64URLStringToBuffer.js
-function Vr(e) {
+function ti(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 Hr() {
-	return Ur.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function ni() {
+	return ri.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-var Ur = { stubThis: (e) => e };
+var ri = { stubThis: (e) => e };
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/toPublicKeyCredentialDescriptor.js
-function Wr(e) {
+function ii(e) {
 	let { id: t } = e;
 	return {
 		...e,
-		id: Vr(t),
+		id: ti(t),
 		transports: e.transports
 	};
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/isValidDomain.js
-function Gr(e) {
+function ai(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
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/webAuthnError.js
-var Z = class extends Error {
+var Q = class extends Error {
 	constructor({ message: e, code: t, cause: n, name: r }) {
 		super(e, { cause: n }), Object.defineProperty(this, "code", {
 			enumerable: !0,
@@ -2812,76 +2927,76 @@ var Z = class extends Error {
 };
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/identifyRegistrationError.js
-function Kr({ error: e, options: t }) {
+function oi({ error: e, options: t }) {
 	let { publicKey: n } = t;
 	if (!n) throw Error("options was missing required publicKey property");
 	if (e.name === "AbortError") {
-		if (t.signal instanceof AbortSignal) return new Z({
+		if (t.signal instanceof AbortSignal) return new Q({
 			message: "Registration ceremony was sent an abort signal",
 			code: "ERROR_CEREMONY_ABORTED",
 			cause: e
 		});
 	} else if (e.name === "ConstraintError") {
-		if (n.authenticatorSelection?.requireResidentKey === !0) return new Z({
+		if (n.authenticatorSelection?.requireResidentKey === !0) return new Q({
 			message: "Discoverable credentials were required but no available authenticator supported it",
 			code: "ERROR_AUTHENTICATOR_MISSING_DISCOVERABLE_CREDENTIAL_SUPPORT",
 			cause: e
 		});
-		if (t.mediation === "conditional" && n.authenticatorSelection?.userVerification === "required") return new Z({
+		if (t.mediation === "conditional" && n.authenticatorSelection?.userVerification === "required") return new Q({
 			message: "User verification was required during automatic registration but it could not be performed",
 			code: "ERROR_AUTO_REGISTER_USER_VERIFICATION_FAILURE",
 			cause: e
 		});
-		if (n.authenticatorSelection?.userVerification === "required") return new Z({
+		if (n.authenticatorSelection?.userVerification === "required") return new Q({
 			message: "User verification was required but no available authenticator supported it",
 			code: "ERROR_AUTHENTICATOR_MISSING_USER_VERIFICATION_SUPPORT",
 			cause: e
 		});
-	} else if (e.name === "InvalidStateError") return new Z({
+	} else if (e.name === "InvalidStateError") return new Q({
 		message: "The authenticator was previously registered",
 		code: "ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED",
 		cause: e
 	});
-	else if (e.name === "NotAllowedError") return new Z({
+	else if (e.name === "NotAllowedError") return new Q({
 		message: e.message,
 		code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
 		cause: e
 	});
-	else if (e.name === "NotSupportedError") return n.pubKeyCredParams.filter((e) => e.type === "public-key").length === 0 ? new Z({
+	else if (e.name === "NotSupportedError") return n.pubKeyCredParams.filter((e) => e.type === "public-key").length === 0 ? new Q({
 		message: "No entry in pubKeyCredParams was of type \"public-key\"",
 		code: "ERROR_MALFORMED_PUBKEYCREDPARAMS",
 		cause: e
-	}) : new Z({
+	}) : new Q({
 		message: "No available authenticator supported any of the specified pubKeyCredParams algorithms",
 		code: "ERROR_AUTHENTICATOR_NO_SUPPORTED_PUBKEYCREDPARAMS_ALG",
 		cause: e
 	});
 	else if (e.name === "SecurityError") {
 		let t = globalThis.location.hostname;
-		if (!Gr(t)) return new Z({
+		if (!ai(t)) return new Q({
 			message: `${globalThis.location.hostname} is an invalid domain`,
 			code: "ERROR_INVALID_DOMAIN",
 			cause: e
 		});
-		if (n.rp.id !== t) return new Z({
+		if (n.rp.id !== t) return new Q({
 			message: `The RP ID "${n.rp.id}" is invalid for this domain`,
 			code: "ERROR_INVALID_RP_ID",
 			cause: e
 		});
 	} else if (e.name === "TypeError") {
-		if (n.user.id.byteLength < 1 || n.user.id.byteLength > 64) return new Z({
+		if (n.user.id.byteLength < 1 || n.user.id.byteLength > 64) return new Q({
 			message: "User ID was not between 1 and 64 characters",
 			code: "ERROR_INVALID_USER_ID_LENGTH",
 			cause: e
 		});
-	} else if (e.name === "UnknownError") return new Z({
+	} else if (e.name === "UnknownError") return new Q({
 		message: "The authenticator was unable to process the specified options, or could not create a new credential",
 		code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
 		cause: e
 	});
 	return e;
 }
-var qr = new class {
+var si = new class {
 	constructor() {
 		Object.defineProperty(this, "controller", {
 			enumerable: !0,
@@ -2904,31 +3019,31 @@ var qr = new class {
 			e.name = "AbortError", this.controller.abort(e), this.controller = void 0;
 		}
 	}
-}(), Jr = ["cross-platform", "platform"];
-function Yr(e) {
-	if (e && !(Jr.indexOf(e) < 0)) return e;
+}(), ci = ["cross-platform", "platform"];
+function li(e) {
+	if (e && !(ci.indexOf(e) < 0)) return e;
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/methods/startRegistration.js
-async function Xr(e) {
+async function ui(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 (!Hr()) throw Error("WebAuthn is not supported in this browser");
+	if (!ni()) throw Error("WebAuthn is not supported in this browser");
 	let r = {
 		...t,
-		challenge: Vr(t.challenge),
+		challenge: ti(t.challenge),
 		user: {
 			...t.user,
-			id: Vr(t.user.id)
+			id: ti(t.user.id)
 		},
-		excludeCredentials: t.excludeCredentials?.map(Wr)
+		excludeCredentials: t.excludeCredentials?.map(ii)
 	}, i = {};
-	n && (i.mediation = "conditional"), i.publicKey = r, i.signal = qr.createNewAbortSignal();
+	n && (i.mediation = "conditional"), i.publicKey = r, i.signal = si.createNewAbortSignal();
 	let a;
 	try {
 		a = await navigator.credentials.create(i);
 	} catch (e) {
-		throw Kr({
+		throw oi({
 			error: e,
 			options: i
 		});
@@ -2940,27 +3055,27 @@ async function Xr(e) {
 	if (typeof c.getPublicKeyAlgorithm == "function") try {
 		d = c.getPublicKeyAlgorithm();
 	} catch (e) {
-		Zr("getPublicKeyAlgorithm()", e);
+		di("getPublicKeyAlgorithm()", e);
 	}
 	let f;
 	if (typeof c.getPublicKey == "function") try {
 		let e = c.getPublicKey();
-		e !== null && (f = X(e));
+		e !== null && (f = Z(e));
 	} catch (e) {
-		Zr("getPublicKey()", e);
+		di("getPublicKey()", e);
 	}
 	let p;
 	if (typeof c.getAuthenticatorData == "function") try {
-		p = X(c.getAuthenticatorData());
+		p = Z(c.getAuthenticatorData());
 	} catch (e) {
-		Zr("getAuthenticatorData()", e);
+		di("getAuthenticatorData()", e);
 	}
 	return {
 		id: o,
-		rawId: X(s),
+		rawId: Z(s),
 		response: {
-			attestationObject: X(c.attestationObject),
-			clientDataJSON: X(c.clientDataJSON),
+			attestationObject: Z(c.attestationObject),
+			clientDataJSON: Z(c.clientDataJSON),
 			transports: u,
 			publicKeyAlgorithm: d,
 			publicKey: f,
@@ -2968,49 +3083,49 @@ async function Xr(e) {
 		},
 		type: l,
 		clientExtensionResults: a.getClientExtensionResults(),
-		authenticatorAttachment: Yr(a.authenticatorAttachment)
+		authenticatorAttachment: li(a.authenticatorAttachment)
 	};
 }
-function Zr(e, t) {
+function di(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 Qr() {
-	if (!Hr()) return $r.stubThis(new Promise((e) => e(!1)));
+function fi() {
+	if (!ni()) return pi.stubThis(new Promise((e) => e(!1)));
 	let e = globalThis.PublicKeyCredential;
-	return e?.isConditionalMediationAvailable === void 0 ? $r.stubThis(new Promise((e) => e(!1))) : $r.stubThis(e.isConditionalMediationAvailable());
+	return e?.isConditionalMediationAvailable === void 0 ? pi.stubThis(new Promise((e) => e(!1))) : pi.stubThis(e.isConditionalMediationAvailable());
 }
-var $r = { stubThis: (e) => e };
+var pi = { stubThis: (e) => e };
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/identifyAuthenticationError.js
-function ei({ error: e, options: t }) {
+function mi({ error: e, options: t }) {
 	let { publicKey: n } = t;
 	if (!n) throw Error("options was missing required publicKey property");
 	if (e.name === "AbortError") {
-		if (t.signal instanceof AbortSignal) return new Z({
+		if (t.signal instanceof AbortSignal) return new Q({
 			message: "Authentication ceremony was sent an abort signal",
 			code: "ERROR_CEREMONY_ABORTED",
 			cause: e
 		});
-	} else if (e.name === "NotAllowedError") return new Z({
+	} else if (e.name === "NotAllowedError") return new Q({
 		message: e.message,
 		code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
 		cause: e
 	});
 	else if (e.name === "SecurityError") {
 		let t = globalThis.location.hostname;
-		if (!Gr(t)) return new Z({
+		if (!ai(t)) return new Q({
 			message: `${globalThis.location.hostname} is an invalid domain`,
 			code: "ERROR_INVALID_DOMAIN",
 			cause: e
 		});
-		if (n.rpId !== t) return new Z({
+		if (n.rpId !== t) return new Q({
 			message: `The RP ID "${n.rpId}" is invalid for this domain`,
 			code: "ERROR_INVALID_RP_ID",
 			cause: e
 		});
-	} else if (e.name === "UnknownError") return new Z({
+	} else if (e.name === "UnknownError") return new Q({
 		message: "The authenticator was unable to process the specified options, or could not create a new assertion signature",
 		code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
 		cause: e
@@ -3019,64 +3134,77 @@ function ei({ error: e, options: t }) {
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/methods/startAuthentication.js
-async function ti(e) {
+async function hi(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 (!Hr()) throw Error("WebAuthn is not supported in this browser");
+	if (!ni()) throw Error("WebAuthn is not supported in this browser");
 	let i;
-	t.allowCredentials?.length !== 0 && (i = t.allowCredentials?.map(Wr));
+	t.allowCredentials?.length !== 0 && (i = t.allowCredentials?.map(ii));
 	let a = {
 		...t,
-		challenge: Vr(t.challenge),
+		challenge: ti(t.challenge),
 		allowCredentials: i
 	}, o = {};
 	if (n) {
-		if (!await Qr()) throw Error("Browser does not support WebAuthn autofill");
+		if (!await fi()) 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 = qr.createNewAbortSignal();
+	o.publicKey = a, o.signal = si.createNewAbortSignal();
 	let s;
 	try {
 		s = await navigator.credentials.get(o);
 	} catch (e) {
-		throw ei({
+		throw mi({
 			error: e,
 			options: o
 		});
 	}
 	if (!s) throw Error("Authentication was not completed");
 	let { id: c, rawId: l, response: u, type: d } = s, f;
-	return u.userHandle && (f = X(u.userHandle)), {
+	return u.userHandle && (f = Z(u.userHandle)), {
 		id: c,
-		rawId: X(l),
+		rawId: Z(l),
 		response: {
-			authenticatorData: X(u.authenticatorData),
-			clientDataJSON: X(u.clientDataJSON),
-			signature: X(u.signature),
+			authenticatorData: Z(u.authenticatorData),
+			clientDataJSON: Z(u.clientDataJSON),
+			signature: Z(u.signature),
 			userHandle: f
 		},
 		type: d,
 		clientExtensionResults: s.getClientExtensionResults(),
-		authenticatorAttachment: Yr(s.authenticatorAttachment)
+		authenticatorAttachment: li(s.authenticatorAttachment)
 	};
 }
 //#endregion
 //#region src/auth/auth-context.tsx
-var ni = ye(null), ri = 12e4;
-function ii({ children: e, config: n }) {
-	let [r, i] = M({
+var gi = "/dev-login-token", _i = "X-Ikon-Dev-Login-Run";
+async function vi(e) {
+	let t = typeof window < "u" ? window.__IKON_LOCAL_IKON_SERVER_CONFIG__ : void 0;
+	if (!(!t?.enabled || !t.host || !t.port)) try {
+		let n = await fetch(`https://${t.host}:${t.port}${gi}`, {
+			cache: "no-store",
+			headers: { [_i]: e }
+		});
+		return n.ok && (await n.json()).token || void 0;
+	} catch {
+		return;
+	}
+}
+var yi = we(null), bi = 12e4, xi = 6e4;
+function Si({ children: e, config: n }) {
+	let [r, i] = N({
 		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) => {
+	}), a = n.methods.includes("email"), o = !n.requireSignIn || n.methods.includes("guest") || n.methods.includes("global"), s = M(!1), c = M(!1), l = O(async (e) => {
 		if (!c.current) {
 			c.current = !0;
 			try {
-				let t = await kr(e);
+				let t = await Ur(e);
 				if (t === null) {
-					fr(), i({
+					Er(), i({
 						isAuthenticated: !1,
 						isLoading: !1,
 						user: null,
@@ -3084,10 +3212,10 @@ function ii({ children: e, config: n }) {
 					});
 					return;
 				}
-				dr(), i({
+				Tr(), i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: q(t),
+					user: J(t),
 					error: null
 				});
 			} catch {} finally {
@@ -3098,28 +3226,28 @@ function ii({ children: e, config: n }) {
 	k(() => {
 		(() => {
 			if (s.current) return;
-			let e = n.devLoginRunId, t = !!e && _r() === e;
-			e && !jr() && gr(e);
-			let r = !!n.devLoginToken && !!e && !t && !sr(n.devLoginToken) && !jr();
-			o || pr();
-			let c = Ar();
+			let e = n.devLoginRunId, t = !!e && jr() === e && !Sr();
+			e && !Gr() && Ar(e);
+			let r = !!n.devLoginToken && !!e && !t && !Gr();
+			o || Dr();
+			let c = Wr();
 			if (c) {
-				Pr(), i({
+				Jr(), i({
 					isAuthenticated: !1,
 					isLoading: !1,
 					user: null,
-					error: Nr(c.code, c.provider, { emailSignInAvailable: a })
+					error: qr(c.code, c.provider, { emailSignInAvailable: a })
 				});
 				return;
 			}
-			v();
-			let l = Dr();
+			b();
+			let l = Vr();
 			if (l) {
-				s.current = !0, Pr(), Or(l.code, l.provider, n.authUrl).then((e) => {
+				s.current = !0, Jr(), Hr(l.code, l.provider, n.authUrl).then((e) => {
 					i({
 						isAuthenticated: !0,
 						isLoading: !1,
-						user: q(e),
+						user: J(e),
 						error: null
 					});
 				}).catch((e) => {
@@ -3132,26 +3260,26 @@ function ii({ children: e, config: n }) {
 				});
 				return;
 			}
-			let u = Er();
+			let u = Br();
 			if (u) {
 				let e = {
 					token: u.token,
 					provider: u.provider,
 					authenticatedAt: Date.now()
 				};
-				K(e), Pr(), i({
+				q(e), Jr(), i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: q(e),
+					user: J(e),
 					error: null
 				});
 				return;
 			}
-			let d = ur();
+			let d = wr();
 			if (d) {
-				s.current = !0, kr(d).then((e) => {
+				s.current = !0, Ur(d).then((e) => {
 					if (e === null) {
-						fr(), i({
+						Er(), i({
 							isAuthenticated: !1,
 							isLoading: !1,
 							user: null,
@@ -3159,10 +3287,10 @@ function ii({ children: e, config: n }) {
 						});
 						return;
 					}
-					dr(), i({
+					Tr(), i({
 						isAuthenticated: !0,
 						isLoading: !1,
-						user: q(e),
+						user: J(e),
 						error: null
 					});
 				}).catch(() => {
@@ -3175,27 +3303,46 @@ function ii({ children: e, config: n }) {
 				});
 				return;
 			}
-			let f = cr();
+			let f = xr();
 			if (f && !(r && f.provider === "anonymous")) {
 				i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: q(f),
+					user: J(f),
 					error: null
 				});
 				return;
 			}
-			if (r && n.devLoginToken) {
-				let e = {
-					token: n.devLoginToken,
-					provider: "dev",
-					authenticatedAt: Date.now()
+			if (r && n.devLoginToken && e) {
+				let t = (e) => {
+					let t = {
+						token: e,
+						provider: "dev",
+						authenticatedAt: Date.now(),
+						expiresAt: br(e)
+					};
+					q(t), i({
+						isAuthenticated: !0,
+						isLoading: !1,
+						user: J(t),
+						error: null
+					});
 				};
-				K(e), i({
-					isAuthenticated: !0,
-					isLoading: !1,
-					user: q(e),
-					error: null
+				if (!yr(n.devLoginToken)) {
+					t(n.devLoginToken);
+					return;
+				}
+				vi(e).then((e) => {
+					if (e && !yr(e)) {
+						t(e);
+						return;
+					}
+					console.warn("[Ikon] Dev auto-login skipped: the saved developer token has expired. Run `ikon login dev`."), i({
+						isAuthenticated: !1,
+						isLoading: !1,
+						user: null,
+						error: null
+					});
 				});
 				return;
 			}
@@ -3213,12 +3360,12 @@ function ii({ children: e, config: n }) {
 		a,
 		o
 	]), k(() => {
-		if (n.spaceId) return E(n.spaceId, (e) => {
-			s.current = !0, e.codeVerifier && fe(e.codeVerifier), Or(e.code, e.provider, n.authUrl).then((e) => {
+		if (n.spaceId) return pe(n.spaceId, (e) => {
+			s.current = !0, e.codeVerifier && _e(e.codeVerifier), Hr(e.code, e.provider, n.authUrl).then((e) => {
 				i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: q(e),
+					user: J(e),
 					error: null
 				});
 			}).catch((e) => {
@@ -3232,16 +3379,60 @@ function ii({ children: e, config: n }) {
 		});
 	}, [n.spaceId, n.authUrl]), k(() => {
 		let e = r.user?.expiresAt;
-		if (!e) return;
-		let t = ur();
+		if (!e || r.user?.provider === "dev") return;
+		let t = wr();
 		if (!t) return;
-		let n = Date.parse(e) - ri, i = setTimeout(() => void l(t), Math.max(0, n - Date.now())), a = () => {
+		let n = Date.parse(e) - bi, 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]);
+	}, [
+		r.user?.expiresAt,
+		r.user?.provider,
+		l
+	]), k(() => {
+		if (r.user?.provider !== "dev") return;
+		let e = n.devLoginRunId;
+		if (!e) return;
+		let t = r.user.expiresAt;
+		if (!t) return;
+		let a = r.user.token, o = Date.parse(t) - bi, s, c = !1, l = !1, u = async () => {
+			if (c || l) return;
+			l = !0;
+			let t = await vi(e);
+			if (l = !1, c) return;
+			if (!t || t === a || yr(t)) {
+				s = setTimeout(() => void u(), xi);
+				return;
+			}
+			let n = {
+				token: t,
+				provider: "dev",
+				authenticatedAt: Date.now(),
+				expiresAt: br(t)
+			};
+			q(n), i({
+				isAuthenticated: !0,
+				isLoading: !1,
+				user: J(n),
+				error: null
+			});
+		};
+		s = setTimeout(() => void u(), Math.max(0, o - Date.now()));
+		let d = () => {
+			document.visibilityState === "visible" && Date.now() >= o && u();
+		};
+		return document.addEventListener("visibilitychange", d), () => {
+			c = !0, clearTimeout(s), document.removeEventListener("visibilitychange", d);
+		};
+	}, [
+		n.devLoginRunId,
+		r.user?.provider,
+		r.user?.expiresAt,
+		r.user?.token
+	]);
 	let u = O(async (e) => {
 		if (!n.spaceId) {
 			i((e) => ({
@@ -3252,7 +3443,7 @@ function ii({ children: e, config: n }) {
 		}
 		let t;
 		try {
-			t = await S(n.authUrl);
+			t = await C(n.authUrl);
 		} catch (e) {
 			i((t) => ({
 				...t,
@@ -3267,11 +3458,11 @@ function ii({ children: e, config: n }) {
 				isLoading: !0
 			}));
 			try {
-				let r = await Cr(n.spaceId, t, e);
+				let r = await Lr(n.spaceId, t, e);
 				i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: q(r),
+					user: J(r),
 					error: null
 				});
 			} catch (e) {
@@ -3290,11 +3481,11 @@ function ii({ children: e, config: n }) {
 				error: null
 			}));
 			try {
-				let e = await ti({ optionsJSON: await Rr(t) }), n = await zr(t, e);
+				let e = await hi({ optionsJSON: await Qr(t) }), n = await $r(t, e);
 				i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: q(n),
+					user: J(n),
 					error: null
 				});
 			} catch (e) {
@@ -3307,22 +3498,22 @@ function ii({ children: e, config: n }) {
 			return;
 		}
 		if (e === "email") throw Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
-		if (T()) {
-			await me(e, n.spaceId) || i((e) => ({
+		if (de()) {
+			await ye(e, n.spaceId) || i((e) => ({
 				...e,
 				isLoading: !1,
 				error: "The sign-in window did not complete. Allow pop-ups for this site and try again."
 			}));
 			return;
 		}
-		window.location.href = await Fr(e, n.spaceId, t);
+		window.location.href = await Yr(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 S(n.authUrl);
-		await wr({
+		let t = await C(n.authUrl);
+		await Rr({
 			email: e,
 			spaceId: n.spaceId,
 			authUrl: t
@@ -3334,15 +3525,15 @@ function ii({ children: e, config: n }) {
 			error: null
 		}));
 		try {
-			let r = await Tr({
+			let r = await zr({
 				email: e,
 				code: t,
-				authUrl: await S(n.authUrl)
+				authUrl: await C(n.authUrl)
 			});
 			i({
 				isAuthenticated: !0,
 				isLoading: !1,
-				user: q(r),
+				user: J(r),
 				error: null
 			});
 		} catch (e) {
@@ -3355,25 +3546,25 @@ function ii({ children: e, config: n }) {
 		}
 	}, [n.authUrl]), p = O(() => {
 		let e = r.user?.token;
-		e && Br(e, n.authUrl), hr(), fr(), t.clearAll(), i({
+		e && ei(e, n.authUrl), kr(), Er(), t.clearAll(), i({
 			isAuthenticated: !1,
 			isLoading: !1,
 			user: null,
 			error: null
 		});
 	}, [r.user?.token, n.authUrl]), m = O(async (e) => {
-		let t = await S(n.authUrl);
+		let t = await C(n.authUrl);
 		i((e) => ({
 			...e,
 			isLoading: !0,
 			error: null
 		}));
 		try {
-			let n = await Lr(t, await Xr({ optionsJSON: await Ir(t) }), e);
+			let n = await Zr(t, await ui({ optionsJSON: await Xr(t) }), e);
 			i({
 				isAuthenticated: !0,
 				isLoading: !1,
-				user: q(n),
+				user: J(n),
 				error: null
 			});
 		} catch (e) {
@@ -3383,7 +3574,7 @@ function ii({ children: e, config: n }) {
 				error: e instanceof Error ? e.message : "Passkey registration failed"
 			}));
 		}
-	}, [n.authUrl]), h = O(() => r.user?.token ?? null, [r.user]), g = A(() => ({
+	}, [n.authUrl]), h = O(() => r.user?.token ?? null, [r.user]), g = j(() => ({
 		state: r,
 		login: u,
 		logout: p,
@@ -3400,37 +3591,37 @@ function ii({ children: e, config: n }) {
 		d,
 		f
 	]);
-	return /* @__PURE__ */ F(ni, {
+	return /* @__PURE__ */ P(yi, {
 		value: g,
 		children: e
 	});
 }
-function ai() {
-	let e = be(ni);
+function Ci() {
+	let e = Te(yi);
 	if (!e) throw Error("useAuth must be used within an AuthProvider");
 	return e;
 }
-function oi() {
-	return be(ni);
+function wi() {
+	return Te(yi);
 }
 //#endregion
 //#region src/auth/oauth-continuation.ts
-var si = "ikon-oauth", ci = "ikon-oauth-continue", li = "ikon-oauth-continue-attempts", ui = 5, di = 6e5;
-function fi() {
+var Ti = "ikon-oauth", Ei = "ikon-oauth-continue", Di = "ikon-oauth-continue-attempts", Oi = 5, ki = 6e5;
+function Ai() {
 	if (typeof window > "u") return !1;
-	let e = new URL(window.location.href).searchParams.get(si);
-	return e ? (vi(e), !0) : _i() !== null;
+	let e = new URL(window.location.href).searchParams.get(Ti);
+	return e ? (Ii(e), !0) : Fi() !== null;
 }
-function pi() {
-	return mi() !== null;
+function ji() {
+	return Mi() !== null;
 }
-function mi() {
-	return typeof window > "u" ? null : new URL(window.location.href).searchParams.get("ikon-oauth") ?? _i();
+function Mi() {
+	return typeof window > "u" ? null : new URL(window.location.href).searchParams.get("ikon-oauth") ?? Fi();
 }
-async function hi(e) {
-	let t = mi();
+async function Ni(e) {
+	let t = Mi();
 	if (!t) return !1;
-	if (!e) return gi() < ui ? (console.warn("[ikon] Waiting for the signed-in session before continuing the authorization that sent you here."), !1) : (Q(), console.warn("[ikon] Gave up continuing the authorization that sent you here: no signed-in session became readable. Start the connection again from the application."), !1);
+	if (!e) return Pi() < Oi ? (console.warn("[ikon] Waiting for the signed-in session before continuing the authorization that sent you here."), !1) : (Li(), console.warn("[ikon] Gave up continuing the authorization that sent you here: no signed-in session became readable. Start the connection again from the application."), !1);
 	try {
 		let n = await fetch("/ikon/oauth/continue", {
 			method: "POST",
@@ -3440,62 +3631,62 @@ async function hi(e) {
 			},
 			body: JSON.stringify({ continueId: t })
 		});
-		if (!n.ok) return Q(), console.warn(`[ikon] Could not continue the authorization that sent you here (${n.status}). Start the connection again from the application.`), !1;
+		if (!n.ok) return Li(), console.warn(`[ikon] Could not continue the authorization that sent you here (${n.status}). Start the connection again from the application.`), !1;
 		let { consentUrl: r } = await n.json();
-		return r ? (Q(), window.location.href = r, !0) : (Q(), console.warn("[ikon] The authorization that sent you here returned no consent step. Start the connection again from the application."), !1);
+		return r ? (Li(), window.location.href = r, !0) : (Li(), console.warn("[ikon] The authorization that sent you here returned no consent step. Start the connection again from the application."), !1);
 	} catch {
 		return !1;
 	}
 }
-function gi() {
+function Pi() {
 	try {
-		let e = Number(sessionStorage.getItem(li) ?? "0") + 1;
-		return sessionStorage.setItem(li, String(e)), e;
+		let e = Number(sessionStorage.getItem(Di) ?? "0") + 1;
+		return sessionStorage.setItem(Di, String(e)), e;
 	} catch {
-		return ui;
+		return Oi;
 	}
 }
-function _i() {
+function Fi() {
 	try {
-		let e = sessionStorage.getItem(ci);
+		let e = sessionStorage.getItem(Ei);
 		if (!e) return null;
 		let { id: t, at: n } = JSON.parse(e);
-		return !t || typeof n != "number" || Date.now() - n > di ? (Q(), null) : t;
+		return !t || typeof n != "number" || Date.now() - n > ki ? (Li(), null) : t;
 	} catch {
-		return Q(), null;
+		return Li(), null;
 	}
 }
-function vi(e) {
+function Ii(e) {
 	try {
-		sessionStorage.setItem(ci, JSON.stringify({
+		sessionStorage.setItem(Ei, JSON.stringify({
 			id: e,
 			at: Date.now()
 		}));
 	} catch {}
 }
-function Q() {
+function Li() {
 	try {
-		sessionStorage.removeItem(ci), sessionStorage.removeItem(li);
+		sessionStorage.removeItem(Ei), sessionStorage.removeItem(Di);
 	} catch {}
 	try {
 		let e = new URL(window.location.href);
-		e.searchParams.has("ikon-oauth") && (e.searchParams.delete(si), window.history.replaceState(null, "", e.toString()));
+		e.searchParams.has("ikon-oauth") && (e.searchParams.delete(Ti), window.history.replaceState(null, "", e.toString()));
 	} catch {}
 }
 //#endregion
 //#region src/auth/use-auth-guard.ts
-function yi(e) {
-	let { config: t, guestUrlParam: n } = e, { state: r, login: i, getToken: a } = ai(), o = j(!1), s = j(!1), c = N(he, C, C), l = c.required;
+function Ri(e) {
+	let { config: t, guestUrlParam: n } = e, { state: r, login: i, getToken: a } = Ci(), o = M(!1), s = M(!1), c = De(be, T, T), l = c.required;
 	k(() => {
-		fi() && pe("An application is asking to act as you. Sign in to review what it wants.");
+		Ai() && ve("An application is asking to act as you. Sign in to review what it wants.");
 	}, []), k(() => {
 		if (!(!l || !r.isAuthenticated || !r.user || r.user.provider === "anonymous")) {
-			if (!pi()) {
-				y();
+			if (!ji()) {
+				x();
 				return;
 			}
-			s.current || (s.current = !0, hi(a()).then((e) => {
-				(e || !pi()) && y();
+			s.current || (s.current = !0, Ni(a()).then((e) => {
+				(e || !ji()) && x();
 			}).finally(() => {
 				s.current = !1;
 			}));
@@ -3510,7 +3701,7 @@ function yi(e) {
 		let e = t.methods.includes("global") ? "global" : t.methods.includes("guest") ? "guest" : null;
 		if (!e) return;
 		let a = new URLSearchParams(window.location.search), s = a.get(n);
-		if (s === "true" || s === "1" || s === "" || jr()) {
+		if (s === "true" || s === "1" || s === "" || Gr()) {
 			a.delete(n);
 			let t = a.toString(), r = window.location.pathname + (t ? `?${t}` : "");
 			window.history.replaceState({}, "", r), o.current = !0, i(e);
@@ -3529,23 +3720,23 @@ function yi(e) {
 		isAuthenticated: r.isAuthenticated,
 		error: r.error,
 		isLoginPrompt: l && !f,
-		dismissLoginPrompt: y,
+		dismissLoginPrompt: x,
 		loginPromptReason: l ? c.reason : null
 	};
 }
 //#endregion
 //#region src/debug/debug-overlay.tsx
-var bi = (() => {
+var zi = (() => {
 	try {
-		return re();
+		return w();
 	} catch {
 		return !1;
 	}
-})(), xi = Date.now(), $ = [], Si = 300;
-function Ci(e) {
-	$.push(`[+${((Date.now() - xi) / 1e3).toFixed(1)}s] ${e}`), $.length > Si && $.shift();
+})(), Bi = Date.now(), $ = [], Vi = 300;
+function Hi(e) {
+	$.push(`[+${((Date.now() - Bi) / 1e3).toFixed(1)}s] ${e}`), $.length > Vi && $.shift();
 }
-function wi(e) {
+function Ui(e) {
 	if (typeof e == "string") return e;
 	if (e instanceof Error) return `${e.name}: ${e.message}`;
 	try {
@@ -3554,10 +3745,10 @@ function wi(e) {
 		return String(e);
 	}
 }
-var Ti = !1;
-function Ei() {
-	if (Ti || typeof window > "u") return;
-	Ti = !0, window.addEventListener("error", (e) => Ci(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => Ci(`unhandledRejection: ${wi(e.reason)}`));
+var Wi = !1;
+function Gi() {
+	if (Wi || typeof window > "u") return;
+	Wi = !0, window.addEventListener("error", (e) => Hi(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => Hi(`unhandledRejection: ${Ui(e.reason)}`));
 	let e = console;
 	for (let t of [
 		"error",
@@ -3568,17 +3759,17 @@ function Ei() {
 		let n = e[t]?.bind(console) ?? (() => void 0);
 		e[t] = (...e) => {
 			try {
-				Ci(`console.${t}: ${e.map(wi).join(" ")}`);
+				Hi(`console.${t}: ${e.map(Ui).join(" ")}`);
 			} catch {}
 			n(...e);
 		};
 	}
 	try {
-		ge((e) => Ci(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: d.DEBUG });
+		xe((e) => Hi(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: h.DEBUG });
 	} catch {}
 }
-bi && Ei();
-function Di() {
+zi && Gi();
+function Ki() {
 	let e = !1;
 	try {
 		let t = URL.createObjectURL(new Blob([""]));
@@ -3588,11 +3779,11 @@ function Di() {
 	} catch {}
 	return e;
 }
-function Oi() {
+function qi() {
 	let e = globalThis;
 	return [
 		`Worker=${typeof Worker < "u"}`,
-		`moduleWorker=${Di()}`,
+		`moduleWorker=${Ki()}`,
 		`WebSocket=${typeof WebSocket < "u"}`,
 		`WebTransport=${e.WebTransport !== void 0}`,
 		`RTCPeerConnection=${typeof RTCPeerConnection < "u"}`,
@@ -3605,17 +3796,17 @@ function Oi() {
 		`online=${typeof navigator < "u" ? navigator.onLine : "?"}`
 	].join("  ");
 }
-function ki(e) {
+function Ji(e) {
 	return /ERROR|error:|Rejection/.test(e) ? "#f88" : /WARN|warn:/.test(e) ? "#fc6" : "#9d9";
 }
-function Ai({ state: e = "", forceVisible: t = !1 }) {
-	let n = bi || t, r = e === "connected" || e === "reconnecting", [, i] = Se((e) => e + 1, 0), [a, o] = M(!0);
+function Yi({ state: e = "", forceVisible: t = !1 }) {
+	let n = zi || t, r = e === "connected" || e === "reconnecting", [, i] = Ee((e) => e + 1, 0), [a, o] = N(!0);
 	return k(() => {
 		if (!n) return;
-		Ei();
+		Gi();
 		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: {
@@ -3635,7 +3826,7 @@ function Ai({ state: e = "", forceVisible: t = !1 }) {
 			$.length,
 			")"
 		]
-	}) : /* @__PURE__ */ I("div", {
+	}) : /* @__PURE__ */ F("div", {
 		style: {
 			...r ? {
 				position: "fixed",
@@ -3656,7 +3847,7 @@ function Ai({ state: e = "", forceVisible: t = !1 }) {
 			zIndex: 2147483647
 		},
 		children: [
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ F("div", {
 				style: {
 					color: "#fff",
 					fontSize: "18px",
@@ -3666,11 +3857,11 @@ function Ai({ state: e = "", forceVisible: t = !1 }) {
 					"Ikon debug overlay — state: ",
 					e || "?",
 					", +",
-					Math.round((Date.now() - xi) / 1e3),
+					Math.round((Date.now() - Bi) / 1e3),
 					"s, ",
 					$.length,
 					" entries",
-					r && /* @__PURE__ */ F("button", {
+					r && /* @__PURE__ */ P("button", {
 						type: "button",
 						onClick: () => o(!0),
 						style: {
@@ -3686,7 +3877,7 @@ function Ai({ state: e = "", forceVisible: t = !1 }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", {
 				style: {
 					color: "#9cf",
 					wordBreak: "break-all",
@@ -3694,7 +3885,7 @@ function Ai({ state: e = "", forceVisible: t = !1 }) {
 				},
 				children: typeof window < "u" ? window.location.href : ""
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", {
 				style: {
 					color: "#ff0",
 					wordBreak: "break-all",
@@ -3702,23 +3893,23 @@ function Ai({ 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: Oi()
+				children: qi()
 			}),
-			/* @__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: ki(e),
+					color: Ji(e),
 					wordBreak: "break-all"
 				},
 				children: e
@@ -3728,8 +3919,8 @@ function Ai({ state: e = "", forceVisible: t = !1 }) {
 }
 //#endregion
 //#region src/app/connection-state-renderer.tsx
-function ji({ 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 = (() => {
+function Xi({ 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 = M(!1), h = (() => {
 		switch (e) {
 			case "waitingForExternalConnectUrl":
 			case "connecting": return r ? u() : l();
@@ -3754,237 +3945,252 @@ function ji({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, sto
 			default: return null;
 		}
 	})();
-	return /* @__PURE__ */ I(P, { children: [h, /* @__PURE__ */ F(Ai, { state: e })] });
+	return /* @__PURE__ */ F(Oe, { children: [h, /* @__PURE__ */ P(Yi, { state: e })] });
 }
 //#endregion
 //#region src/app/boot-snapshot-variant.ts
-function Mi(e, t) {
+function Zi(e, t) {
 	return e === !1 ? !1 : t ? "signed-in" : "guest";
 }
 //#endregion
 //#region src/app/use-ikon-app.ts
-var Ni = b("useIkonApp");
-function Pi() {
+var Qi = S("useIkonApp");
+function $i() {
 	if (typeof window < "u" && window.__IKON_AUTH_CONFIG__) return window.__IKON_AUTH_CONFIG__;
 }
-function Fi() {
+function ea() {
 	if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__) return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function Ii(e, t) {
+function ta(e, t) {
 	return {
 		...e,
 		...t ?? {}
 	};
 }
-function Li(e) {
-	let { authConfig: n, modules: r, parameters: l, timeouts: d, backgroundAudio: f, webRtc: _, audio: v, video: y, websocket: b, webtransport: x, proxy: te, liveSnapshot: re, bootSnapshot: ie } = e, C = n === void 0 ? Pi() ?? null : n, ae = Fi(), w = oi(), se = !!w && w.state.isLoading, T = j(null), ce = j(null), E = j(null), ue = j(!1), fe = j(!1), pe = j(f), me = j(d), he = j(_), ge = j(v), _e = j(y), ve = j(b), ye = j(x), D = j(te), be = j(re), xe = j(ie), Se = j("local"), N = j(void 0);
-	pe.current = f, me.current = d, he.current = _, ge.current = v, _e.current = y, ve.current = b, ye.current = x, D.current = te, be.current = re, xe.current = ie;
-	let [P, F] = M("connecting"), [I, Ce] = M(!1), [L, 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), [Re, ze] = M(!1), Be = j(!1), [Ve, He] = M(0), z = A(() => {
+function na(e) {
+	return e?.token ? `${e.provider}:${ie(e.token) ?? e.token}` : null;
+}
+function ra(e) {
+	let { authConfig: n, modules: r, parameters: l, timeouts: u, backgroundAudio: d, webRtc: f, audio: p, video: h, websocket: y, webtransport: b, httpstream: x, proxy: S, liveSnapshot: te, bootSnapshot: re } = e, w = n === void 0 ? $i() ?? null : n, ae = ea(), T = wi(), oe = !!T && T.state.isLoading, E = M(null), se = M(null), ce = M(null), ue = M(!1), de = M(!1), fe = M(d), pe = M(u), he = M(f), _e = M(p), ve = M(h), ye = M(y), be = M(b), xe = M(x), Se = M(S), Ce = M(te), we = M(re), D = M("local"), Te = M(void 0);
+	fe.current = d, pe.current = u, he.current = f, _e.current = p, ve.current = h, ye.current = y, be.current = b, xe.current = x, Se.current = S, Ce.current = te, we.current = re;
+	let [A, Ee] = N("connecting"), [De, Oe] = N(!1), [P, F] = N(!1), [ke, I] = N(null), [Ae, je] = N(null), [Me, Ne] = N(!1), [Pe, Fe] = N(!1), [Ie, Le] = N(!1), [Re, ze] = N(null), [L, Be] = N(null), [Ve, He] = N(!1), Ue = M(!1), [We, Ge] = N(0), [Ke, qe] = N(0), R = j(() => {
 		try {
-			return le();
+			return me();
 		} catch {
 			return { parameters: {} };
 		}
-	}, []), We = JSON.stringify(l ?? {}), B = A(() => Ii(z.parameters, l), [z.parameters, We]), Ge = (C?.methods?.length ?? 0) > 0, Ke = Mi(ie, Ge && mr());
-	Ke !== !1 && !i() && a(Ke);
-	let V = A(() => {
-		if (!C?.spaceId) return null;
-		let e = w?.state.user;
+	}, []), Je = JSON.stringify(l ?? {}), Xe = j(() => ta(R.parameters, l), [R.parameters, Je]), z = (w?.methods?.length ?? 0) > 0, Ze = Zi(re, z && Or());
+	Ze !== !1 && !i() && a(Ze);
+	let B = j(() => {
+		if (!w?.spaceId) return null;
+		let e = T?.state.user;
 		return e ? {
 			token: e.token,
 			provider: e.provider,
 			authenticatedAt: e.authenticatedAt
-		} : cr();
+		} : xr();
 	}, [
-		C?.spaceId,
-		Ve,
-		w?.state.isLoading,
-		w?.state.isAuthenticated,
-		w?.state.user?.token
-	]), qe = ae?.enabled ?? !1, Je = ae?.host ?? "localhost", Ye = ae?.port ?? 8443, Xe = !se && !!C && !V && !C.requireSignIn && !!C.spaceId && (oe() || qe);
-	Xe && !R && !Re && !Be.current && (Be.current = !0, S(C.authUrl).then((e) => Cr(C.spaceId, e)).then((e) => {
-		Le(e.token), ze(!0);
+		w?.spaceId,
+		We,
+		T?.state.isLoading,
+		T?.state.isAuthenticated,
+		T?.state.user?.token
+	]), Qe = ae?.enabled ?? !1, $e = ae?.host ?? "localhost", et = ae?.port ?? 8443, V = !oe && !!w && !B && !w.requireSignIn && !!w.spaceId && (le() || Qe);
+	V && !L && !Ve && !Ue.current && (Ue.current = !0, C(w.authUrl).then((e) => Lr(w.spaceId, e)).then((e) => {
+		Be(e.token), He(!0);
 	}).catch((e) => {
-		Ni.error("Anonymous auth failed:", e), Be.current = !1, qe ? ze(!0) : Ee(e instanceof Error ? e.message : "Anonymous auth failed");
+		Qi.error("Anonymous auth failed:", e), Ue.current = !1, Qe ? He(!0) : I(e instanceof Error ? e.message : "Anonymous auth failed");
 	}));
-	let Ze = A(() => {
-		if (se) return null;
-		if (qe) {
-			if (Xe && !Re) return null;
-			let e = V?.token ?? R ?? void 0, t = e ? ne(e) ?? void 0 : void 0;
+	let tt = na(B), H = M(void 0);
+	H.current = B?.token ?? void 0;
+	let U = j(() => {
+		if (oe) return null;
+		if (Qe) {
+			if (V && !Ve) return null;
+			let e = H.current ?? L ?? void 0, t = e ? ie(e) ?? void 0 : void 0;
 			return { local: {
-				host: Je,
-				httpsPort: Ye,
+				host: $e,
+				httpsPort: et,
 				userId: t,
-				token: V?.token ?? void 0,
+				token: H.current,
 				identityToken: e,
-				spaceId: C?.spaceId,
-				backendUrl: C?.backendUrl,
-				authUrl: C?.authUrl,
-				parameters: B
+				spaceId: w?.spaceId,
+				backendUrl: w?.backendUrl,
+				authUrl: w?.authUrl,
+				parameters: Xe
 			} };
 		}
-		return V?.token && C?.spaceId ? { sessionToken: {
-			token: V.token,
-			spaceId: C.spaceId,
-			backendType: ee(),
-			sessionIdentityHash: z.sessionIdentityHash,
-			parameters: B
-		} } : R && C?.spaceId ? { sessionToken: {
-			token: R,
-			spaceId: C.spaceId,
-			backendType: ee(),
-			sessionIdentityHash: z.sessionIdentityHash,
-			parameters: B
-		} } : oe() ? null : { local: {
-			host: Je,
-			httpsPort: Ye,
-			spaceId: C?.spaceId,
-			backendUrl: C?.backendUrl,
-			authUrl: C?.authUrl,
-			parameters: B
+		return H.current && w?.spaceId ? { sessionToken: {
+			token: H.current,
+			spaceId: w.spaceId,
+			backendType: ne(),
+			sessionIdentityHash: R.sessionIdentityHash,
+			parameters: Xe
+		} } : L && w?.spaceId ? { sessionToken: {
+			token: L,
+			spaceId: w.spaceId,
+			backendType: ne(),
+			sessionIdentityHash: R.sessionIdentityHash,
+			parameters: Xe
+		} } : le() ? null : { local: {
+			host: $e,
+			httpsPort: et,
+			spaceId: w?.spaceId,
+			backendUrl: w?.backendUrl,
+			authUrl: w?.authUrl,
+			parameters: Xe
 		} };
 	}, [
-		se,
-		qe,
-		Je,
-		Ye,
-		V?.token,
-		C?.spaceId,
-		C?.backendUrl,
-		C?.authUrl,
-		R,
-		Xe,
-		Re,
-		z.sessionIdentityHash,
-		B
+		oe,
+		Qe,
+		$e,
+		et,
+		tt,
+		w?.spaceId,
+		w?.backendUrl,
+		w?.authUrl,
+		L,
+		V,
+		Ve,
+		R.sessionIdentityHash,
+		Xe
 	]);
-	Se.current = C?.spaceId ?? "local", N.current = V?.token ?? R ?? void 0, gn(Fe);
-	let Qe = vn(Fe);
+	D.current = w?.spaceId ?? "local", Te.current = B?.token ?? L ?? void 0, xn(Re);
+	let nt = Cn(Re);
 	k(() => {
 		if (!ue.current) {
-			if (ue.current = !0, E.current = tn(), r) for (let e of r) e(E.current);
-			E.current.loadRegisteredModules().catch((e) => {
-				Ni.error("Failed to load UI modules", e);
+			if (ue.current = !0, ce.current = sn(), r) for (let e of r) e(ce.current);
+			ce.current.loadRegisteredModules().catch((e) => {
+				Qi.error("Failed to load UI modules", e);
 			});
 		}
 	}, []), k(() => {
-		if (!Ze) return;
-		let e = new u({
-			...Ze,
-			timeouts: me.current,
-			audio: ge.current !== void 0 || pe.current ? {
-				enabled: ge.current,
-				...pe.current ? { background: {
+		if (!U) return;
+		let e = new m({
+			...U,
+			timeouts: pe.current,
+			audio: _e.current !== void 0 || fe.current ? {
+				enabled: _e.current,
+				...fe.current ? { background: {
 					allowOnDesktop: !0,
 					allowOnMobile: !0
 				} } : {}
 			} : void 0,
-			video: _e.current === void 0 ? void 0 : { enabled: _e.current },
+			video: ve.current === void 0 ? void 0 : { enabled: ve.current },
 			mediaSession: {
 				title: document.title || void 0,
 				artist: document.title || void 0
 			},
 			webRtc: he.current === !1 ? { enabled: !1 } : void 0,
-			websocket: ve.current,
-			webtransport: ye.current,
-			proxy: D.current,
+			websocket: ye.current,
+			webtransport: be.current,
+			httpstream: xe.current,
+			proxy: Se.current,
 			onConnectionStateChange: (e) => {
-				F(e);
+				Ee(e);
 			},
 			onError: (e) => {
-				Ee(e.message);
+				I(e.message);
 			}
 		});
-		T.current = e;
-		let n = be.current ?? !0, r = N.current, i = r ? ne(r) ?? null : null, a = n && i ? {
+		E.current = e;
+		let n = Ce.current ?? !0, r = Te.current, i = r ? ie(r) ?? null : null, a = n && i ? {
 			enabled: !0,
-			appId: Se.current,
+			appId: D.current,
 			userId: i
-		} : void 0, l = V != null && V.provider !== "anonymous", d = Ge && (l || mr()), f = new Ue({
+		} : void 0, l = B != null && B.provider !== "anonymous", u = z && (l || Or()), d = new Ye({
 			client: e,
 			liveSnapshot: a,
-			bootSnapshot: Mi(xe.current, d)
+			bootSnapshot: Zi(we.current, u)
 		});
-		ce.current = f, Ie(f), we(!1);
-		let _ = f.subscribeToUiUpdates(() => {
-			we(!0), de();
+		se.current = d, ze(d), F(!1);
+		let f = d.subscribeToUiUpdates(() => {
+			F(!0), ge();
 		});
 		return e.connect().catch((e) => {
-			if (Ni.error("Connection failed:", e), e instanceof o) {
-				Oe(e.reason);
+			if (Qi.error("Connection failed:", e), e instanceof o) {
+				je(e.reason);
 				return;
 			}
-			if (e instanceof m) {
-				Ae(!0);
+			if (e instanceof _) {
+				Ne(!0);
 				return;
 			}
-			if (e instanceof g) {
-				Me(!0);
+			if (e instanceof v) {
+				Fe(!0);
 				return;
 			}
-			if (!(e instanceof h)) {
+			if (!(e instanceof ee)) {
 				if (e instanceof s) {
-					Pe(!0);
+					Le(!0);
 					return;
 				}
-				e instanceof p || e instanceof c && !fe.current && (fe.current = !0, Ni.warn("Auth session appears stale, clearing and retrying"), t.clearAll(), w ? w.logout() : (hr(), He((e) => e + 1)));
+				e instanceof g || e instanceof c && !de.current && (de.current = !0, Qi.warn("Auth session appears stale, clearing and retrying"), t.clearAll(), T ? T.logout() : (kr(), Ge((e) => e + 1)));
 			}
 		}), () => {
-			_(), e.disconnect(), T.current = null, f.dispose(), ce.current = null;
+			f(), e.disconnect(), E.current = null, d.dispose(), se.current = null;
 		};
-	}, [Ze]);
-	let $e = O((e, t) => {
+	}, [U, Ke]), k(() => {
+		let e = B?.token, t = E.current;
+		if (!(!e || !t)) {
+			if (t.connectionState === "offline" && !t.serverStopped) {
+				qe((e) => e + 1);
+				return;
+			}
+			t.updateAuthToken(e);
+		}
+	}, [B?.token]);
+	let rt = O((e, t) => {
 		let n = typeof t == "string" ? t : JSON.stringify(t ?? {});
-		T.current?.sendActionCall(e, n);
+		E.current?.sendActionCall(e, n);
 	}, []);
 	k(() => {
-		if (P !== "connecting") {
-			Ce(!1);
+		if (A !== "connecting") {
+			Oe(!1);
 			return;
 		}
-		let e = T.current?.slowConnectionThresholdMs ?? 5e3, t = setTimeout(() => Ce(!0), e);
+		let e = E.current?.slowConnectionThresholdMs ?? 5e3, t = setTimeout(() => Oe(!0), e);
 		return () => clearTimeout(t);
-	}, [P]);
-	let et = P === "connected" || P === "reconnecting", H = L && P !== "offline";
+	}, [A]);
+	let it = A === "connected" || A === "reconnecting", at = P && A !== "offline";
 	return k(() => {
-		typeof document > "u" || (document.documentElement.dataset.ikonLive = String(H));
-	}, [H]), {
-		connectionState: P,
-		error: Te,
-		accessDeniedReason: De,
-		isServerFull: ke,
-		isSessionExpired: je,
-		isStartupFailed: Ne,
-		stores: Qe,
-		client: T.current,
-		registry: E.current,
-		clientRef: T,
-		uiRef: ce,
-		registryRef: E,
-		onAction: $e,
-		isReady: et,
-		isLive: H,
-		brandingRequired: T.current?.brandingRequired ?? !1,
-		isConnectingSlow: I,
-		webRtcVideoStreams: T.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
-		webRtcTrackMap: T.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
+		typeof document > "u" || (document.documentElement.dataset.ikonLive = String(at));
+	}, [at]), {
+		connectionState: A,
+		error: ke,
+		accessDeniedReason: Ae,
+		isServerFull: Me,
+		isSessionExpired: Pe,
+		isStartupFailed: Ie,
+		stores: nt,
+		client: E.current,
+		registry: ce.current,
+		clientRef: E,
+		uiRef: se,
+		registryRef: ce,
+		onAction: rt,
+		isReady: it,
+		isLive: at,
+		brandingRequired: E.current?.brandingRequired ?? !1,
+		isConnectingSlow: De,
+		webRtcVideoStreams: E.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
+		webRtcTrackMap: E.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
 	};
 }
 //#endregion
 //#region src/hooks/use-toasts.ts
-var Ri = 0;
-function zi(e = 5, t = 5e3) {
-	let [n, r] = M([]), i = j(/* @__PURE__ */ new Map()), a = O((e) => {
+var ia = 0;
+function aa(e = 5, t = 5e3) {
+	let [n, r] = N([]), i = M(/* @__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 = ge((i) => {
-			if (!se()) return;
-			let o = `toast-${++Ri}`, s = {
+		let n = i.current, o = xe((i) => {
+			if (!ue()) return;
+			let o = `toast-${++ia}`, s = {
 				id: o,
-				level: i.level === d.ERROR ? "error" : "warn",
+				level: i.level === h.ERROR ? "error" : "warn",
 				message: i.message,
 				component: i.component
 			};
@@ -3993,7 +4199,7 @@ function zi(e = 5, t = 5e3) {
 				a(o);
 			}, t);
 			n.set(o, c);
-		}, { minLevel: d.WARN });
+		}, { minLevel: h.WARN });
 		return () => {
 			o();
 			for (let e of n.values()) clearTimeout(e);
@@ -4010,8 +4216,8 @@ function zi(e = 5, t = 5e3) {
 }
 //#endregion
 //#region src/hooks/use-ikon-reactive.ts
-function Bi(e, t, n) {
-	let [r, i] = M(n);
+function oa(e, t, n) {
+	let [r, i] = N(n);
 	return k(() => {
 		if (!e) return;
 		let n = !0, r = null;
@@ -4028,8 +4234,8 @@ function Bi(e, t, n) {
 }
 //#endregion
 //#region src/hooks/use-reactive.ts
-function Vi(e, t, n) {
-	let [r, i] = M(null);
+function sa(e, t, n) {
+	let [r, i] = N(null);
 	return k(() => {
 		if (!e) return;
 		let n = !0;
@@ -4040,48 +4246,48 @@ function Vi(e, t, n) {
 		}), () => {
 			n = !1;
 		};
-	}, [e, t]), Bi(r ? e : null, r ?? "", n);
+	}, [e, t]), oa(r ? e : null, r ?? "", n);
 }
 //#endregion
 //#region src/app/use-ikon-debug.ts
-var Hi = b("IkonDebug"), Ui = {
+var ca = S("IkonDebug"), la = {
 	Digit1: "connecting",
 	Digit2: "connected",
 	Digit3: "reconnecting",
 	Digit4: "offline",
 	Digit5: "offline",
 	Digit0: "clear"
-}, Wi = "Digit5", Gi = "Digit6", Ki = "Synthetic debug error (Ctrl+Shift+5)", qi = "Synthetic debug access-denied (Ctrl+Shift+6)", Ji = 5e3;
-function Yi(e) {
-	let t = se(), [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);
+}, ua = "Digit5", da = "Digit6", fa = "Synthetic debug error (Ctrl+Shift+5)", pa = "Synthetic debug access-denied (Ctrl+Shift+6)", ma = 5e3;
+function ha(e) {
+	let t = ue(), [n, r] = N(null), [i, a] = N(!1), [o, s] = N(null), [c, l] = N(null), [u, d] = N(!1), [f, p] = N(!1), [m, h] = N(!1);
 	return k(() => {
 		if (!t) return;
 		let e = (e) => {
 			if (!e.ctrlKey || !e.shiftKey) return;
 			if (e.code === "KeyE") {
-				e.preventDefault(), d((e) => (Hi.warn(`Empty-stores override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), d((e) => (ca.warn(`Empty-stores override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
 			if (e.code === "Digit7") {
-				e.preventDefault(), p((e) => (Hi.warn(`Branding-banner override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), p((e) => (ca.warn(`Branding-banner override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
 			if (e.code === "Digit8") {
-				e.preventDefault(), h((e) => (Hi.warn(`Debug-overlay override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), h((e) => (ca.warn(`Debug-overlay override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
-			if (e.code === Gi) {
-				e.preventDefault(), l(qi), r(null), s(null), Hi.warn("Forced access denied");
+			if (e.code === da) {
+				e.preventDefault(), l(pa), r(null), s(null), ca.warn("Forced access denied");
 				return;
 			}
-			let t = Ui[e.code];
+			let t = la[e.code];
 			if (t === void 0) return;
 			if (e.preventDefault(), t === "clear") {
-				r(null), s(null), l(null), Hi.warn("Cleared forced state");
+				r(null), s(null), l(null), ca.warn("Cleared forced state");
 				return;
 			}
-			let n = e.code === Wi;
-			r(t), s(n ? Ki : null), l(null), Hi.warn(`Forced state: ${t}${n ? " (with error)" : ""}`);
+			let n = e.code === ua;
+			r(t), s(n ? fa : null), l(null), ca.warn(`Forced state: ${t}${n ? " (with error)" : ""}`);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [t]), k(() => {
@@ -4089,7 +4295,7 @@ function Yi(e) {
 			a(!1);
 			return;
 		}
-		let e = setTimeout(() => a(!0), Ji);
+		let e = setTimeout(() => a(!0), ma);
 		return () => clearTimeout(e);
 	}, [n]), !t || n === null && !u && c === null && !f && !m ? {
 		app: e,
@@ -4120,64 +4326,64 @@ function Yi(e) {
 }
 //#endregion
 //#region src/app/ikon-app.tsx
-function Xi(e, t) {
+function ga(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function Zi(e) {
+function _a(e) {
 	return e === void 0 ? null : typeof e == "function" ? e() : e;
 }
-function Qi(e, t) {
+function va(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function $i(e, t) {
+function ya(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function ea(e) {
-	let { connectingOverlay: t, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: i, ...a } = e, o = Yi(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 = {
+function ba(e) {
+	let { connectingOverlay: t, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: i, ...a } = e, o = ha(a), { app: s } = o, { connectionState: c, isConnectingSlow: l, stores: u, registry: d, client: f, onAction: p, isReady: m, error: h, accessDeniedReason: g, brandingRequired: _ } = s, ee = _ || o.forcedBranding, v = M(null);
+	u && d && (m || u.size > 0) && (v.current = {
 		stores: u,
 		registry: d,
 		client: f
 	});
-	let b = y.current != null || !!g;
-	if (xe(() => {
-		!b || typeof document > "u" || document.querySelectorAll("[data-ikon-prerender]").forEach((e) => e.remove());
-	}, [b]), g) return $i(i, g);
-	let x = y.current, S;
+	let y = v.current != null || !!g;
+	if (A(() => {
+		!y || typeof document > "u" || document.querySelectorAll("[data-ikon-prerender]").forEach((e) => e.remove());
+	}, [y]), g) return ya(i, g);
+	let b = v.current, x;
 	switch (c) {
 		case "waitingForExternalConnectUrl":
 		case "connecting":
-			S = Xi(t, l);
+			x = ga(t, l);
 			break;
 		case "reconnecting":
-			S = Zi(n);
+			x = _a(n);
 			break;
 		case "offline":
-			S = Qi(r, h);
+			x = va(r, h);
 			break;
-		default: S = null;
+		default: x = null;
 	}
-	return /* @__PURE__ */ I(P, { children: [
-		x && /* @__PURE__ */ F(z, {
-			stores: x.stores,
-			registry: x.registry,
-			client: x.client,
+	return /* @__PURE__ */ F(Oe, { children: [
+		b && /* @__PURE__ */ P(Je, {
+			stores: b.stores,
+			registry: b.registry,
+			client: b.client,
 			onAction: p
 		}),
-		S,
-		v && /* @__PURE__ */ F(na, {}),
-		/* @__PURE__ */ F(ra, {}),
-		/* @__PURE__ */ F(Ai, {
+		x,
+		ee && /* @__PURE__ */ P(Sa, {}),
+		/* @__PURE__ */ P(Ca, {}),
+		/* @__PURE__ */ P(Yi, {
 			state: c,
 			forceVisible: o.forcedDebugOverlay
 		})
 	] });
 }
-var ta = "https://ikonai.com";
-function na() {
-	return /* @__PURE__ */ I("a", {
+var xa = "https://ikonai.com";
+function Sa() {
+	return /* @__PURE__ */ F("a", {
 		className: "ikon-branding-banner",
-		href: ta,
+		href: xa,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		style: {
@@ -4198,43 +4404,43 @@ function na() {
 			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 ra() {
-	let { toasts: e, dismissToast: t } = zi();
-	return e.length === 0 ? null : /* @__PURE__ */ F("div", {
+function Ca() {
+	let { toasts: e, dismissToast: t } = aa();
+	return e.length === 0 ? null : /* @__PURE__ */ P("div", {
 		className: "ikon-toast-overlay",
-		children: e.map((e) => /* @__PURE__ */ F(ia, {
+		children: e.map((e) => /* @__PURE__ */ P(wa, {
 			toast: e,
 			onDismiss: t
 		}, e.id))
 	});
 }
-function ia({ toast: e, onDismiss: t }) {
-	return /* @__PURE__ */ I("div", {
+function wa({ 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
 			})]
@@ -4242,38 +4448,57 @@ function ia({ toast: e, onDismiss: t }) {
 	});
 }
 //#endregion
+//#region src/app/connection-recovery.ts
+function Ta({ isSessionExpired: e }) {
+	if (e) {
+		let e = ce();
+		if (e) return {
+			kind: "freshSession",
+			run: () => {
+				window.location.href = e;
+			}
+		};
+	}
+	return {
+		kind: "reload",
+		run: () => {
+			window.location.reload();
+		}
+	};
+}
+//#endregion
 //#region src/i18n/i18n.tsx
-var aa = ye(null);
-function oa(e, t) {
+var Ea = we(null);
+function Da(e, t) {
 	return t ? e.replace(/\{(\w+)\}/g, (e, n) => t[n] ?? `{${n}}`) : e;
 }
-function sa(e, t) {
-	let n = ie();
+function Oa(e, t) {
+	let n = ae();
 	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 ca(e, t, n) {
-	return t ? sa(e, n) : n && e.includes(n) ? n : "en";
+function ka(e, t, n) {
+	return t ? Oa(e, n) : n && e.includes(n) ? n : "en";
 }
-function la({ children: e, translations: t, defaultLanguage: n, detectLanguage: r = !1 }) {
-	let i = ca(Object.keys(t), r, n), a = t[i] ?? t.en, o = A(() => ({
+function Aa({ children: e, translations: t, defaultLanguage: n, detectLanguage: r = !1 }) {
+	let i = ka(Object.keys(t), r, n), a = t[i] ?? t.en, o = j(() => ({
 		t: (e, t) => {
 			let n = a[e];
-			return oa(n, t);
+			return Da(n, t);
 		},
 		locale: i,
 		translations: a
 	}), [a, i]);
-	return /* @__PURE__ */ F(aa, {
+	return /* @__PURE__ */ P(Ea, {
 		value: o,
 		children: e
 	});
 }
-function ua() {
-	let e = be(aa);
+function ja() {
+	let e = Te(Ea);
 	if (!e) throw Error("useI18n must be used within an I18nProvider");
 	return e;
 }
 //#endregion
-export { ii as AuthProvider, ji as ConnectionStateRenderer, bi as DEBUG_OVERLAY_ENABLED, Ai as DebugOverlay, la as I18nProvider, dt as IKON_UI_BASE_MODULE, Mt as IKON_UI_MEDIA_MODULE, Xt as IKON_UI_SHADERTOY_MODULE, Jt as IKON_UI_SHADERTOY_TYPE, Ve as IKON_UI_STREAM_CATEGORY, Et as IKON_UI_VIDEO_CANVAS_TYPE, Dt as IKON_UI_VIDEO_URL_PLAYER_TYPE, ea as IkonApp, Ue as IkonUi, en as IkonUiRegistry, z as IkonUiSurface, ze as InspectOverlay, on as ParallaxView, R as UiComponentRegistry, Ie as UiRenderer, n as UiStreamStore, Cr as authenticateAnonymous, Fr as buildOAuthRedirectUrl, hr as clearAuthSession, Pr as clearOAuthParams, ut as createBaseResolvers, Le as createComponentLibrary, tn as createIkonUiRegistry, kt as createMediaResolvers, Yt as createShadertoyRendererResolver, He as isIkonUiCategoryMatch, cr as loadAuthSession, ft as loadBaseModule, Nt as loadMediaModule, Zt as loadShadertoyModule, Er as parseOAuthCallback, Ar as parseOAuthError, ue as randomUuid, pt as registerBaseModule, Pt as registerMediaModule, Qt as registerShadertoyModule, Pe as renderChildren, wn as renderMotionLetters, K as saveAuthSession, wr as sendLoginCode, q as sessionToUser, ai as useAuth, yi as useAuthGuard, oi as useAuthOptional, ua as useI18n, Li as useIkonApp, Yi as useIkonDebug, Bi as useIkonReactive, gn as useIkonStyles, vn as useIkonUiStores, Vi as useReactive, zi as useToasts, L as useUiNode, Re as useUiStore, Tr as verifyLoginCode };
+export { Si as AuthProvider, Xi as ConnectionStateRenderer, zi as DEBUG_OVERLAY_ENABLED, Yi as DebugOverlay, Aa as I18nProvider, _t as IKON_UI_BASE_MODULE, Lt as IKON_UI_MEDIA_MODULE, tn as IKON_UI_SHADERTOY_MODULE, $t as IKON_UI_SHADERTOY_TYPE, qe as IKON_UI_STREAM_CATEGORY, jt as IKON_UI_VIDEO_CANVAS_TYPE, Mt as IKON_UI_VIDEO_URL_PLAYER_TYPE, ba as IkonApp, Ye as IkonUi, on as IkonUiRegistry, Je as IkonUiSurface, Ge as InspectOverlay, dn as ParallaxView, He as UiComponentRegistry, Ve as UiRenderer, n as UiStreamStore, Et as VideoStreamView, Lr as authenticateAnonymous, Yr as buildOAuthRedirectUrl, kr as clearAuthSession, Jr as clearOAuthParams, gt as createBaseResolvers, Ue as createComponentLibrary, sn as createIkonUiRegistry, Pt as createMediaResolvers, en as createShadertoyRendererResolver, Ta as getConnectionRecovery, R as isIkonUiCategoryMatch, xr as loadAuthSession, vt as loadBaseModule, Rt as loadMediaModule, nn as loadShadertoyModule, Br as parseOAuthCallback, Wr as parseOAuthError, he as randomUuid, yt as registerBaseModule, zt as registerMediaModule, rn as registerShadertoyModule, L as renderChildren, Fn as renderMotionLetters, q as saveAuthSession, Rr as sendLoginCode, J as sessionToUser, Ci as useAuth, Ri as useAuthGuard, wi as useAuthOptional, On as useCameraCapture, ja as useI18n, ra as useIkonApp, ha as useIkonDebug, oa as useIkonReactive, xn as useIkonStyles, Cn as useIkonUiStores, Dn as useMicrophoneCapture, sa as useReactive, kn as useScreenCapture, wn as useSiblingClient, aa as useToasts, I as useUiNode, We as useUiStore, zr as verifyLoginCode };