@ikonai/sdk-react-ui 1.0.71 → 1.0.73

package/index.js

@@ -1,8 +1,8 @@
 import { IkonUiCore as Sn, UiStreamStore as wn, LiveSnapshotCache as Ut, prefetchBootSnapshot as vn } from "@ikonai/sdk-ui";
-import { UiStreamStore as Bs } from "@ikonai/sdk-ui";
+import { UiStreamStore as Fs } from "@ikonai/sdk-ui";
 import En, { useSyncExternalStore as ot, useMemo as W, memo as G, useRef as E, useCallback as j, Fragment as Rn, useEffect as C, useState as x, use as st, createContext as Mt, useReducer as An } from "react";
-import { createLogger as oe, isInspectModeEnabled as Tn, getOrCreateDeviceId as kn, getSameOriginAuthUrl as Cn, abortSignalTimeout as Dt, deriveAuthUrl as ve, getDebugOverlayParam as In, subscribeToLogEvents as jt, LogLevel as Je, parseUrlParams as _n, clearSessionParamsFromUrl as On, isCloudEnvironment as ht, extractUserIdFromToken as pt, deriveBackendType as mt, IkonClient as xn, AccessDeniedError as Nn, ServerFullError as Ln, AuthenticationError as Pn, isDebugModeEnabled as $t, getLangParam as Un } from "@ikonai/sdk";
-import { randomUuid as Vs } from "@ikonai/sdk";
+import { createLogger as oe, isInspectModeEnabled as Tn, getOrCreateDeviceId as kn, getSameOriginAuthUrl as Cn, abortSignalTimeout as Dt, deriveAuthUrl as ve, getDebugOverlayParam as _n, subscribeToLogEvents as jt, LogLevel as Je, parseUrlParams as In, clearSessionParamsFromUrl as On, isCloudEnvironment as ht, extractUserIdFromToken as pt, deriveBackendType as mt, IkonClient as xn, reportConnectTimeline as Nn, AccessDeniedError as Ln, ServerFullError as Pn, AuthenticationError as Un, isDebugModeEnabled as $t, getLangParam as Mn } from "@ikonai/sdk";
+import { randomUuid as Ws } from "@ikonai/sdk";
 var Ce = { exports: {} }, ge = {};
 /**
  * @license React
@@ -14,7 +14,7 @@ var Ce = { exports: {} }, ge = {};
  * LICENSE file in the root directory of this source tree.
  */
 var gt;
-function Mn() {
+function Dn() {
   if (gt) return ge;
   gt = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
@@ -46,7 +46,7 @@ var ye = {};
  * LICENSE file in the root directory of this source tree.
  */
 var yt;
-function Dn() {
+function jn() {
   return yt || (yt = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(d) {
       if (d == null) return null;
@@ -64,7 +64,7 @@ function Dn() {
           return "Suspense";
         case ee:
           return "SuspenseList";
-        case _:
+        case I:
           return "Activity";
       }
       if (typeof d == "object")
@@ -241,7 +241,7 @@ React keys must be passed directly to JSX without using spread:
     function m(d) {
       return typeof d == "object" && d !== null && d.$$typeof === u;
     }
-    var c = En, u = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), v = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), M = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, $ = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var c = En, u = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), v = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), M = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, $ = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
@@ -277,11 +277,11 @@ React keys must be passed directly to JSX without using spread:
   })()), ye;
 }
 var bt;
-function jn() {
-  return bt || (bt = 1, process.env.NODE_ENV === "production" ? Ce.exports = Mn() : Ce.exports = Dn()), Ce.exports;
+function $n() {
+  return bt || (bt = 1, process.env.NODE_ENV === "production" ? Ce.exports = Dn() : Ce.exports = jn()), Ce.exports;
 }
-var w = jn();
-function $n(t, e) {
+var w = $n();
+function Bn(t, e) {
   const n = ot(
     (r) => t.subscribe(r),
     () => {
@@ -309,8 +309,8 @@ function Z(t, e) {
   );
   return W(() => t.getNode(e), [t, e, n]);
 }
-const Bn = oe("UIRenderer");
-function Fn(t) {
+const Fn = oe("UIRenderer");
+function Vn(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -321,18 +321,18 @@ function Fn(t) {
     return "{}";
   }
 }
-function Vn(t) {
+function Wn(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function Wn(t) {
+function Kn(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function Kn(t, e) {
+function Yn(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function Yn(t) {
+function Gn(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -341,7 +341,7 @@ function Yn(t) {
   return e;
 }
 const Ze = G(function t({ nodeId: e, context: n }) {
-  const r = Z(n.store, e), o = r ? Wn(r) : [], s = Yn(o), i = W(
+  const r = Z(n.store, e), o = r ? Kn(r) : [], s = Gn(o), i = W(
     () => o.length === 0 ? null : o.map((y) => /* @__PURE__ */ w.jsx(t, { nodeId: y.id, context: n }, y.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, n]
@@ -352,18 +352,18 @@ const Ze = G(function t({ nodeId: e, context: n }) {
     return /* @__PURE__ */ w.jsx(Rn, { children: i }, r.id);
   const a = n.library.resolve(r);
   if (!a)
-    return Bn.warn(`No renderer for node type ${r.type}`), null;
-  const l = Vn(r), h = l.length > 0 ? l.join(" ") : void 0, f = a;
+    return Fn.warn(`No renderer for node type ${r.type}`), null;
+  const l = Wn(r), h = l.length > 0 ? l.join(" ") : void 0, f = a;
   return /* @__PURE__ */ w.jsx(f, { nodeId: e, context: n, className: h });
-}, Kn);
-function Gn(t, e) {
+}, Yn);
+function zn(t, e) {
   return !Array.isArray(t) || t.length === 0 ? null : t.map((n) => /* @__PURE__ */ w.jsx(Ze, { nodeId: n.id, context: e }, n.id));
 }
-function zn(t, e) {
+function Xn(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const Xn = G(function({ store: e, library: n, viewId: r, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: l, rootNodeId: h } = $n(e, r), f = E(s);
+const Hn = G(function({ store: e, library: n, viewId: r, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: l, rootNodeId: h } = Bn(e, r), f = E(s);
   f.current = s;
   const y = E(i);
   y.current = i;
@@ -372,7 +372,7 @@ const Xn = G(function({ store: e, library: n, viewId: r, emptyFallback: o = null
   const c = j((g, p) => {
     if (!g)
       return;
-    const b = Fn(p);
+    const b = Vn(p);
     f.current?.(g, b);
   }, []), u = W(() => {
     const g = {
@@ -381,7 +381,7 @@ const Xn = G(function({ store: e, library: n, viewId: r, emptyFallback: o = null
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
       getPayload: (p) => e.getSnapshot().payloads.get(p),
-      renderChildren: (p) => Gn(p, g),
+      renderChildren: (p) => zn(p, g),
       renderView: (p) => {
         const b = e.getSnapshot().views.get(p);
         return b ? /* @__PURE__ */ w.jsx(Ze, { nodeId: b.id, context: g }) : null;
@@ -398,8 +398,8 @@ const Xn = G(function({ store: e, library: n, viewId: r, emptyFallback: o = null
     return g;
   }, [e, n, c]);
   return !l || !h ? o : /* @__PURE__ */ w.jsx("div", { "data-ikon-view-id": l, style: { display: "contents" }, children: /* @__PURE__ */ w.jsx(Ze, { nodeId: h, context: u }) });
-}, zn);
-class Hn {
+}, Xn);
+class qn {
   constructor(e, n) {
     if (this.fallback = n, e)
       for (const [r, o] of e)
@@ -416,18 +416,18 @@ class Hn {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Ts(t, e) {
+function ks(t, e) {
   const n = Object.entries(t);
-  return new Hn(n, e);
+  return new qn(n, e);
 }
-function ks(t) {
+function Cs(t) {
   return ot(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-function qn() {
+function Jn() {
   const t = Tn();
   return C(() => {
     if (!t)
@@ -553,8 +553,8 @@ function qn() {
     };
   }, [t]), null;
 }
-const Jn = oe("IkonUiSurface"), Qe = "ikon-ui";
-function Zn(t, e) {
+const Zn = oe("IkonUiSurface"), Qe = "ikon-ui";
+function Qn(t, e) {
   return t === e;
 }
 const Bt = G(function({ stores: e, registry: n, category: r = Qe, onAction: o, client: s }) {
@@ -567,7 +567,7 @@ const Bt = G(function({ stores: e, registry: n, category: r = Qe, onAction: o, c
       const m = [];
       for (const [c, u] of e) {
         const g = u.store.getSnapshot();
-        Zn(u.category, r) && (!g.rootViewId || !g.views.has(g.rootViewId) || m.push({ key: c, store: u.store }));
+        Qn(u.category, r) && (!g.rootViewId || !g.views.has(g.rootViewId) || m.push({ key: c, store: u.store }));
       }
       return m;
     },
@@ -575,16 +575,23 @@ const Bt = G(function({ stores: e, registry: n, category: r = Qe, onAction: o, c
     [e, r, i]
   ), f = E(!1), y = h.length > 0;
   return C(() => {
-    y && !f.current && (f.current = !0, Jn.debug("First UI render"));
+    y && !f.current && (f.current = !0, Zn.debug("First UI render"));
   }, [y]), y ? /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
-    /* @__PURE__ */ w.jsx(qn, {}),
-    h.map(({ key: m, store: c }) => /* @__PURE__ */ w.jsx(Xn, { store: c, library: n, onAction: a.current, client: l.current, video: l.current?.media?.video }, m))
+    /* @__PURE__ */ w.jsx(Jn, {}),
+    h.map(({ key: m, store: c }) => /* @__PURE__ */ w.jsx(Hn, { store: c, library: n, onAction: a.current, client: l.current, video: l.current?.media?.video }, m))
   ] }) : null;
 });
-class Qn {
+class er {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
+  // Boot/live-snapshot remap: render the first live update for a new stream into the existing seed
+  // stream's surface (React key), so React reconciles skeleton→live in place instead of unmounting
+  // the seed and mounting the live (which flashes white on slow devices before the live tree paints).
+  liveToSeedSurface = /* @__PURE__ */ new Map();
+  // live stream id -> seed surface key
+  adoptedSeedSurfaces = /* @__PURE__ */ new Set();
+  // seed surface keys taken over by a live stream
   listeners = /* @__PURE__ */ new Set();
   unsubscribeClears;
   unsubscribeStoreChanges;
@@ -618,21 +625,36 @@ class Qn {
     return this.core.subscribeToUiStyleDeletes(e);
   }
   handleUiStreamCleared = (e) => {
-    this.stores.delete(e) && this.notify(e);
+    const n = this.liveToSeedSurface.get(e);
+    if (n) {
+      this.liveToSeedSurface.delete(e), this.adoptedSeedSurfaces.delete(n), this.stores.delete(n) && this.notify(n);
+      return;
+    }
+    this.adoptedSeedSurfaces.has(e) || this.stores.delete(e) && this.notify(e);
   };
   syncStreamSnapshot = (e) => {
     const n = this.core.uiStore.getSnapshot(e);
-    if (!n || !n.rootViewId) {
+    if (!n || !n.rootViewId || !n.views.get(n.rootViewId)) {
       this.handleUiStreamCleared(e);
       return;
     }
-    if (!n.views.get(n.rootViewId)) {
-      this.handleUiStreamCleared(e);
-      return;
-    }
-    const s = this.ensureStoreEntry(e).store.replaceSnapshot(n), i = this.updateCategory(e, n.category);
-    (s || i) && this.notify(e);
+    const r = this.resolveSurfaceKey(e), s = this.ensureStoreEntry(r).store.replaceSnapshot(n), i = this.updateCategory(r, n.category);
+    (s || i) && this.notify(r);
   };
+  // Resolve the surface (React key) a stream renders under. A new live stream adopts an existing,
+  // un-adopted seed surface so the boot snapshot → live swap reconciles in place rather than
+  // remounting (white flash). Seeds and already-mapped streams keep their own key.
+  resolveSurfaceKey(e) {
+    const n = this.liveToSeedSurface.get(e);
+    if (n)
+      return n;
+    if (this.stores.has(e) || this.core.isSeedStream(e))
+      return e;
+    for (const r of this.stores.keys())
+      if (this.core.isSeedStream(r) && !this.adoptedSeedSurfaces.has(r))
+        return this.liveToSeedSurface.set(e, r), this.adoptedSeedSurfaces.add(r), r;
+    return e;
+  }
   syncAllStreams() {
     const e = this.core.uiStore.getSnapshots(), n = /* @__PURE__ */ new Set();
     for (const r of e)
@@ -662,7 +684,7 @@ class Qn {
       n(e);
   }
 }
-function er(t) {
+function tr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -687,10 +709,10 @@ function it(...t) {
     }
   return e || void 0;
 }
-const St = /* @__PURE__ */ new WeakMap(), tr = {};
+const St = /* @__PURE__ */ new WeakMap(), nr = {};
 function at(t) {
   if (!t)
-    return tr;
+    return nr;
   const e = St.get(t);
   if (e)
     return e;
@@ -699,7 +721,7 @@ function at(t) {
     o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (n[r] = o);
   return St.set(t, n), n;
 }
-function nr(t) {
+function rr(t) {
   let e = t.parentElement;
   for (; e; ) {
     const r = window.getComputedStyle(e).overflowY;
@@ -716,20 +738,20 @@ function Vt(t, e) {
     "scrollBehavior" in document.documentElement.style ? t.scrollTo({ top: o, behavior: i }) : t.scrollTop = o;
   });
 }
-const et = "data-ikon-scroll-indicator", rr = 0.15, xe = "data-ikon-at-bottom";
+const et = "data-ikon-scroll-indicator", or = 0.15, xe = "data-ikon-at-bottom";
 function Wt(t) {
-  return Math.max(t.clientHeight * rr, 20);
+  return Math.max(t.clientHeight * or, 20);
 }
-function or(t) {
+function sr(t) {
   return t.getAttribute(xe) !== "false";
 }
-function sr(t) {
+function ir(t) {
   t.getAttribute(xe) === null && (t.setAttribute(xe, "true"), t.addEventListener("scroll", () => {
     const { scrollTop: e, scrollHeight: n, clientHeight: r } = t, s = n - e - r <= Wt(t);
     t.setAttribute(xe, s ? "true" : "false");
   }, { passive: !0 }));
 }
-function ir(t) {
+function ar(t) {
   const e = t.parentElement ?? t, n = e.querySelector(`[${et}]`);
   if (n)
     return n;
@@ -762,8 +784,8 @@ function ir(t) {
     r.style.opacity = "0.9";
   }), e.appendChild(r), r;
 }
-function ar(t, e) {
-  const n = ir(t);
+function cr(t, e) {
+  const n = ar(t);
   n.style.display = "flex";
   const r = () => {
     Vt(t, e), n.style.display = "none";
@@ -775,7 +797,7 @@ function ar(t, e) {
     n.removeEventListener("click", r), t.removeEventListener("scroll", o);
   };
 }
-function cr() {
+function lr() {
   const t = G(function({ nodeId: n, context: r }) {
     const o = Z(r.store, n), s = E(null), i = de(o?.props?.targetViewId), a = o?.props?.focusOnly, l = typeof a == "boolean" ? a : void 0, h = de(o?.props?.priority), f = de(o?.props?.key), y = o?.props?.preciseGeneratedAt;
     return C(() => {
@@ -786,10 +808,10 @@ function cr() {
         return;
       let u;
       if (l !== !0) {
-        const S = nr(c);
+        const S = rr(c);
         if (S)
-          if (sr(S), h === "Polite" && !or(S))
-            u = ar(S, c);
+          if (ir(S), h === "Polite" && !sr(S))
+            u = cr(S, c);
           else {
             const U = (S.parentElement ?? S).querySelector(`[${et}]`);
             U && (U.style.display = "none"), Vt(S, c);
@@ -828,9 +850,9 @@ function cr() {
       return t;
   };
 }
-function lr() {
+function ur() {
   const t = G(function({ nodeId: n, context: r, className: o }) {
-    const s = Z(r.store, n), i = er(s?.props?.onInvokeId), a = j(() => {
+    const s = Z(r.store, n), i = tr(s?.props?.onInvokeId), a = j(() => {
       i && r.dispatchAction(i);
     }, [i, r]);
     if (!s)
@@ -856,7 +878,7 @@ function lr() {
       return t;
   };
 }
-function ur() {
+function dr() {
   const t = G(function({ nodeId: n, context: r, className: o }) {
     const s = Z(r.store, n);
     if (!s)
@@ -869,7 +891,7 @@ function ur() {
       return t;
   };
 }
-function dr() {
+function fr() {
   const t = G(function({ nodeId: n, context: r, className: o }) {
     const s = Z(r.store, n);
     if (!s)
@@ -882,19 +904,19 @@ function dr() {
       return t;
   };
 }
-function fr() {
+function hr() {
   return [
-    lr(),
     ur(),
     dr(),
-    cr()
+    fr(),
+    lr()
   ];
 }
-const hr = "base", pr = async () => fr();
-function mr(t) {
-  t.registerModule(hr, pr);
-}
+const pr = "base", mr = async () => hr();
 function gr(t) {
+  t.registerModule(pr, mr);
+}
+function yr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -904,7 +926,7 @@ function gr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function yr(...t) {
+function br(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
@@ -916,7 +938,7 @@ function wt(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-function Ie(t) {
+function _e(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -925,20 +947,20 @@ function Ie(t) {
     if (e === "false") return !1;
   }
 }
-const br = "std.audio-url-player";
-function Sr() {
+const Sr = "std.audio-url-player";
+function wr() {
   const t = G(function({
     nodeId: n,
     context: r,
     className: o
   }) {
-    const s = Z(r.store, n), i = E(null), a = s ? Ie(s.props?.autoplay) : void 0, l = s ? wt(s.props?.src) : void 0;
+    const s = Z(r.store, n), i = E(null), a = s ? _e(s.props?.autoplay) : void 0, l = s ? wt(s.props?.src) : void 0;
     if (C(() => {
       a && i.current && i.current.play().catch(() => {
       });
     }, [a, l]), !s)
       return null;
-    const h = yr(gr(s.props?.className), o), f = wt(s.props?.preload), y = Ie(s.props?.controls), m = Ie(s.props?.loop), c = Ie(s.props?.muted);
+    const h = br(yr(s.props?.className), o), f = wt(s.props?.preload), y = _e(s.props?.controls), m = _e(s.props?.loop), c = _e(s.props?.muted);
     return /* @__PURE__ */ w.jsx(
       "audio",
       {
@@ -956,7 +978,7 @@ function Sr() {
     );
   });
   return ({ type: e }) => {
-    if (e === br)
+    if (e === Sr)
       return t;
   };
 }
@@ -991,8 +1013,8 @@ function tt(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const wr = "std.video-canvas", vr = "std.video-url-player";
-function Er() {
+const vr = "std.video-canvas", Er = "std.video-url-player";
+function Rr() {
   const t = G(function({ nodeId: n, context: r, className: o }) {
     const s = Z(r.store, n), i = E(null), a = E(null), l = r.video, h = r.client, f = s ? tt(s.props?.streamId) : void 0, y = s ? Ne(s.props?.width) : void 0, m = s ? Ne(s.props?.height) : void 0, c = s ? Yt(Kt(s.props?.className), o) : o, [, u] = x(0);
     C(() => {
@@ -1047,12 +1069,12 @@ function Er() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === wr)
+    if (e === vr)
       return t;
   };
 }
-function Rr() {
-  return [Er(), Ar(), Sr()];
+function Ar() {
+  return [Rr(), Tr(), wr()];
 }
 function be(t) {
   if (typeof t == "boolean")
@@ -1063,7 +1085,7 @@ function be(t) {
     if (e === "false") return !1;
   }
 }
-function Ar() {
+function Tr() {
   const t = G(function({
     nodeId: n,
     context: r,
@@ -1097,13 +1119,13 @@ function Ar() {
     );
   });
   return ({ type: e }) => {
-    if (e === vr)
+    if (e === Er)
       return t;
   };
 }
-const Tr = "media", kr = async () => Rr();
-function Cr(t) {
-  t.registerModule(Tr, kr);
+const kr = "media", Cr = async () => Ar();
+function _r(t) {
+  t.registerModule(kr, Cr);
 }
 const Ir = `#version 300 es
 in vec4 a_position;
@@ -1111,13 +1133,13 @@ void main() {
     gl_Position = a_position;
 }
 `, le = 4;
-function _r(t, e) {
+function Or(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function Or(t, e) {
+function xr(t, e) {
   const n = [];
   for (const [r, o] of Object.entries(e)) {
-    if (_r(t, r))
+    if (Or(t, r))
       continue;
     let s;
     switch (o.type) {
@@ -1178,7 +1200,7 @@ void main() {
 }
 `;
 }
-class xr {
+class Nr {
   gl;
   program = null;
   positionBuffer = null;
@@ -1256,7 +1278,7 @@ class xr {
     const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, Ir);
     if (!o)
       return !1;
-    const s = Or(e, n), i = this.compileShader(r.FRAGMENT_SHADER, s);
+    const s = xr(e, n), i = this.compileShader(r.FRAGMENT_SHADER, s);
     if (!i)
       return r.deleteShader(o), !1;
     const a = r.createProgram();
@@ -1362,7 +1384,7 @@ class xr {
     this.channels = [], this.uniformLocations.clear();
   }
 }
-function Nr(t) {
+function Lr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1372,7 +1394,7 @@ function Nr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Lr(...t) {
+function Pr(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
@@ -1387,10 +1409,10 @@ function Ke(t) {
       return Math.floor(e);
   }
 }
-function Pr(t) {
+function Ur(t) {
   return typeof t == "string" ? t : "";
 }
-function Ur(t) {
+function Mr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1399,7 +1421,7 @@ function Ur(t) {
     if (e === "false") return !1;
   }
 }
-function Mr(t) {
+function Dr(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, n = t;
@@ -1414,10 +1436,10 @@ function Mr(t) {
   }
   return e;
 }
-function Dr(t) {
+function jr(t) {
   return Array.isArray(t) ? t.map((e) => typeof e == "string" ? e : null) : [];
 }
-function jr(t, e) {
+function $r(t, e) {
   const n = Object.keys(t), r = Object.keys(e);
   if (n.length !== r.length)
     return !1;
@@ -1438,8 +1460,8 @@ function jr(t, e) {
   }
   return !0;
 }
-const $r = "std.shadertoy-canvas";
-function Br() {
+const Br = "std.shadertoy-canvas";
+function Fr() {
   const t = G(function({ nodeId: n, context: r, className: o }) {
     const s = Z(r.store, n), i = E(null), a = E(null), l = E(null), h = E(0), f = E(""), y = E({}), m = E({
       x: 0,
@@ -1447,12 +1469,12 @@ function Br() {
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), c = s ? Pr(s.props?.shaderSource) : "", u = s ? Ke(s.props?.fps) ?? 60 : 60, g = s?.props?.uniforms, p = W(() => Mr(g), [g]), b = s?.props?.channels, S = W(() => Dr(b), [b]), R = s ? Ur(s.props?.enableMouse) ?? !0 : !0, v = s ? Ke(s.props?.width) : void 0, T = s ? Ke(s.props?.height) : void 0, U = s ? Lr(Nr(s.props?.className), o) : o;
+    }), c = s ? Ur(s.props?.shaderSource) : "", u = s ? Ke(s.props?.fps) ?? 60 : 60, g = s?.props?.uniforms, p = W(() => Dr(g), [g]), b = s?.props?.channels, S = W(() => jr(b), [b]), R = s ? Mr(s.props?.enableMouse) ?? !0 : !0, v = s ? Ke(s.props?.width) : void 0, T = s ? Ke(s.props?.height) : void 0, U = s ? Pr(Lr(s.props?.className), o) : o;
     C(() => {
-      const _ = i.current;
-      if (_) {
+      const I = i.current;
+      if (I) {
         try {
-          const P = new xr(_);
+          const P = new Nr(I);
           a.current = P;
         } catch (P) {
           console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
@@ -1462,46 +1484,46 @@ function Br() {
         };
       }
     }, []), C(() => {
-      const _ = a.current;
-      if (!(!_ || !c) && f.current !== c)
-        if (_.compile(c, p))
+      const I = a.current;
+      if (!(!I || !c) && f.current !== c)
+        if (I.compile(c, p))
           f.current = c, y.current = p;
         else {
-          const M = _.getError();
+          const M = I.getError();
           console.error("[ShadertoyRenderer] Shader compilation failed:", M);
         }
     }, [c, p]), C(() => {
-      const _ = a.current;
-      !_ || !f.current || jr(y.current, p) || (_.setCustomUniforms(p), y.current = p);
+      const I = a.current;
+      !I || !f.current || $r(y.current, p) || (I.setCustomUniforms(p), y.current = p);
     }, [p]), C(() => {
-      const _ = a.current;
-      _ && _.setChannels(S);
+      const I = a.current;
+      I && I.setChannels(S);
     }, [S]), C(() => {
-      const _ = a.current;
-      if (!_ || !f.current) return;
+      const I = a.current;
+      if (!I || !f.current) return;
       const P = 1e3 / u, M = (B) => {
         const $ = B - h.current;
-        $ >= P && (h.current = B - $ % P, _.draw()), l.current = requestAnimationFrame(M);
+        $ >= P && (h.current = B - $ % P, I.draw()), l.current = requestAnimationFrame(M);
       };
       return l.current = requestAnimationFrame(M), () => {
         l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
       };
     }, [u]);
     const ee = j(
-      (_) => {
+      (I) => {
         if (!R) return;
         const P = i.current, M = a.current;
         if (!P || !M) return;
-        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), V = (_.clientX - $.left) * B, K = ($.height - (_.clientY - $.top)) * B;
+        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), V = (I.clientX - $.left) * B, K = ($.height - (I.clientY - $.top)) * B;
         m.current.x = V, m.current.y = K, M.setMouse(V, K, m.current.clickX, m.current.clickY);
       },
       [R]
     ), te = j(
-      (_) => {
+      (I) => {
         if (!R) return;
         const P = i.current, M = a.current;
         if (!P || !M) return;
-        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), V = (_.clientX - $.left) * B, K = ($.height - (_.clientY - $.top)) * B;
+        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), V = (I.clientX - $.left) * B, K = ($.height - (I.clientY - $.top)) * B;
         m.current.isDown = !0, m.current.clickX = V, m.current.clickY = K, M.setMouse(V, K, V, K);
       },
       [R]
@@ -1525,16 +1547,16 @@ function Br() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === $r)
+    if (e === Br)
       return t;
   };
 }
-const Fr = "shadertoy", Vr = async () => Br();
-function Wr(t) {
-  t.registerModule(Fr, Vr);
+const Vr = "shadertoy", Wr = async () => Fr();
+function Kr(t) {
+  t.registerModule(Vr, Wr);
 }
 const vt = oe("UIRegistry");
-class Kr {
+class Yr {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1556,7 +1578,7 @@ class Kr {
     for (const [r, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(r))
         try {
-          const s = await o(), i = zr(s);
+          const s = await o(), i = Xr(s);
           this.moduleResolvers.set(r, i), e = !0;
         } catch (s) {
           vt.error(`[IkonUiRegistry] Failed to load module '${r}'.`, s);
@@ -1564,7 +1586,7 @@ class Kr {
     const n = [];
     for (const r of this.moduleLoaders.keys())
       this.moduleResolvers.has(r) && n.push(r);
-    return Xr(n, this.activeModuleOrder) || (this.activeModuleOrder = n, e = !0), e;
+    return Hr(n, this.activeModuleOrder) || (this.activeModuleOrder = n, e = !0), e;
   }
   resolve(e) {
     for (const n of this.baseResolvers) {
@@ -1584,17 +1606,17 @@ class Kr {
     }
   }
 }
-function Yr() {
-  const t = new Kr();
-  return mr(t), Cr(t), Wr(t), t.loadRegisteredModules(), t;
+function Gr() {
+  const t = new Yr();
+  return gr(t), _r(t), Kr(t), t.loadRegisteredModules(), t;
 }
-function Gr(t) {
+function zr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function zr(t) {
-  return t ? Gr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function Xr(t) {
+  return t ? zr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Xr(t, e) {
+function Hr(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let n = 0; n < t.length; n += 1)
@@ -1602,7 +1624,7 @@ function Xr(t, e) {
       return !1;
   return !0;
 }
-function Cs({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
+function _s({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
   return /* @__PURE__ */ w.jsx(
     Bt,
     {
@@ -1695,14 +1717,14 @@ function Tt(t, e, n, r) {
     f[p] = y(p * 0.1, t, n);
   return (p) => p <= 0 ? 0 : p >= 1 ? 1 : y(g(p), e, r);
 }
-function Hr(t) {
+function qr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
     return (o) => F(o);
   const n = Math.max(1, parseInt(e[1], 10)), r = (e[2] ?? "end").toLowerCase();
   return r === "start" || r === "jump-start" ? (o) => F(Math.ceil(o * n) / n) : r === "none" || r === "jump-none" ? (o) => F(Math.round(o * n) / n) : r === "both" || r === "jump-both" ? (o) => F((Math.floor(o * n) + 0.5) / n) : (o) => F(Math.floor(o * n) / n);
 }
-function qr(t) {
+function Jr(t) {
   if (!t)
     return (n) => F(n);
   const e = t.trim().toLowerCase();
@@ -1720,12 +1742,12 @@ function qr(t) {
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const n = Hr(e);
+    const n = qr(e);
     return (r) => n(F(r));
   }
   return (n) => F(n);
 }
-function Jr(t) {
+function Zr(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1735,7 +1757,7 @@ function Jr(t) {
   if (![n, r, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: n, inEnd: r, outStart: o, outEnd: s };
 }
-class Zr {
+class Qr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1780,7 +1802,7 @@ class Zr {
     const n = e.source?.trim();
     if (!n)
       return;
-    const r = Rt(e.min) ?? 0, o = Rt(e.max), s = o === void 0 ? r + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, l = qr(e.ease), h = Jr(e.map), f = e.targetId?.trim() || void 0;
+    const r = Rt(e.min) ?? 0, o = Rt(e.max), s = o === void 0 ? r + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, l = Jr(e.ease), h = Zr(e.map), f = e.targetId?.trim() || void 0;
     return Number.isNaN(r) || Number.isNaN(s) ? void 0 : {
       source: n.toLowerCase(),
       min: r,
@@ -1993,8 +2015,8 @@ class Zr {
     }
   }
 }
-const Ge = new Zr();
-function Qr(t) {
+const Ge = new Qr();
+function eo(t) {
   const e = E(/* @__PURE__ */ new Map()), n = j(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
@@ -2027,7 +2049,7 @@ function Qr(t) {
     };
   }, [t, o, n, r]), C(() => () => o(), [o]), { setStyle: n, deleteStyles: r, reset: o };
 }
-function eo(t) {
+function to(t) {
   const e = [];
   for (const [n, r] of t) {
     const o = r.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -2035,7 +2057,7 @@ function eo(t) {
   }
   return e.sort(), e.join(",");
 }
-function to(t) {
+function no(t) {
   const [e, n] = x(), r = E("");
   return C(() => {
     if (!t) {
@@ -2043,7 +2065,7 @@ function to(t) {
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = eo(s);
+      const s = t.getStores(), i = to(s);
       i !== r.current && (r.current = i, n(s));
     };
     return o(), t.subscribe(o);
@@ -2056,7 +2078,7 @@ const k = {
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, no = [
+}, ro = [
   {
     flag: k.Letter,
     hints: [
@@ -2105,11 +2127,11 @@ const k = {
       "[data-emoji]"
     ]
   }
-], nt = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, ro = k.Letter | k.Word | k.Line | k.Paragraph, kt = /* @__PURE__ */ new Map(), oo = 16384;
+], nt = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, oo = k.Letter | k.Word | k.Line | k.Paragraph, kt = /* @__PURE__ */ new Map(), so = 16384;
 function Is(t, e) {
-  if (!t || t.length > oo)
+  if (!t || t.length > so)
     return t;
-  const n = Eo(e), r = fe(n, k.Emoji), o = n & ro;
+  const n = Ro(e), r = fe(n, k.Emoji), o = n & oo;
   if (o === k.None && !r)
     return t;
   const s = t.replace(/\r\n/g, `
@@ -2117,20 +2139,20 @@ function Is(t, e) {
 `);
   if (o === k.None)
     return Ot(s);
-  const i = wo(s);
+  const i = vo(s);
   if (i.length === 0)
     return r ? Ot(s) : t;
-  const a = vo(i), l = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, h = [];
+  const a = Eo(i), l = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, h = [];
   for (const f of a) {
-    const y = so(f, n, l);
+    const y = io(f, n, l);
     h.push(...y);
   }
   return h;
 }
-function so(t, e, n) {
+function io(t, e, n) {
   const r = [];
   for (const o of t) {
-    const s = io(o, e, n);
+    const s = ao(o, e, n);
     r.push(...s);
   }
   if (fe(e, k.Paragraph)) {
@@ -2149,8 +2171,8 @@ function so(t, e, n) {
   }
   return r;
 }
-function io(t, e, n) {
-  const r = ao(t.text, e, n), o = [];
+function ao(t, e, n) {
+  const r = co(t.text, e, n), o = [];
   if (fe(e, k.Line)) {
     const s = n.line++;
     o.push(
@@ -2162,7 +2184,7 @@ function io(t, e, n) {
     o.push(/* @__PURE__ */ w.jsx("br", {}, `motion-break-${n.br++}`));
   return o;
 }
-function ao(t, e, n) {
+function co(t, e, n) {
   if (!t)
     return [];
   const r = fe(e, k.Word), o = [], s = /(\s+)/g;
@@ -2181,13 +2203,13 @@ function ao(t, e, n) {
   return o;
 }
 function Ct(t, e, n, r) {
-  const o = e.word++, s = lo(t, n, e), i = `motion-word-${o}`, a = co(o, r);
+  const o = e.word++, s = uo(t, n, e), i = `motion-word-${o}`, a = lo(o, r);
   return r ? /* @__PURE__ */ w.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ w.jsx("span", { style: a, children: s }, i);
 }
-function co(t, e) {
+function lo(t, e) {
   return e ? { ...Ue(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function lo(t, e, n) {
+function uo(t, e, n) {
   if (!t)
     return [];
   const r = fe(e, k.Letter), o = fe(e, k.Emoji);
@@ -2220,45 +2242,45 @@ function lo(t, e, n) {
 function rt(t) {
   if (!t)
     return [];
-  const e = uo();
-  return e ? Array.from(e.segment(t), (n) => n.segment) : fo(t);
+  const e = fo();
+  return e ? Array.from(e.segment(t), (n) => n.segment) : ho(t);
 }
 let Se;
-function uo() {
+function fo() {
   return Se !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? Se = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : Se = null), Se;
 }
-function fo(t) {
+function ho(t) {
   const e = [], n = Array.from(t);
   let r = "";
   for (let o = 0; o < n.length; o++) {
     const s = n[o], i = n[o + 1];
-    r += s, !(i && ho(s, i)) && (e.push(r), r = "");
+    r += s, !(i && po(s, i)) && (e.push(r), r = "");
   }
   return r && e.push(r), e;
 }
-function ho(t, e) {
-  return e ? !!(It(t) || It(e) || go(e) || po(e) || mo(e) || _t(t) && _t(e)) : !1;
+function po(t, e) {
+  return e ? !!(_t(t) || _t(e) || yo(e) || mo(e) || go(e) || It(t) && It(e)) : !1;
 }
-function It(t) {
+function _t(t) {
   return t.codePointAt(0) === 8205;
 }
-function po(t) {
+function mo(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function mo(t) {
+function go(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function _t(t) {
+function It(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
 let ze;
-function go(t) {
-  return t ? (ze || (ze = yo()), ze(t)) : !1;
+function yo(t) {
+  return t ? (ze || (ze = bo()), ze(t)) : !1;
 }
-function yo() {
+function bo() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2271,17 +2293,17 @@ function yo() {
 }
 let Xe;
 function Gt(t) {
-  return t ? (Xe || (Xe = bo()), Xe(t)) : !1;
+  return t ? (Xe || (Xe = So()), Xe(t)) : !1;
 }
-function bo() {
+function So() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return So;
+    return wo;
   }
 }
-function So(t) {
+function wo(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2291,7 +2313,7 @@ function So(t) {
   }
   return !1;
 }
-function wo(t) {
+function vo(t) {
   const e = [];
   let n = "", r = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2305,7 +2327,7 @@ function wo(t) {
   }
   return (r > 0 || n.length > 0) && e.push({ text: n, breaks: r }), e;
 }
-function vo(t) {
+function Eo(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2362,7 +2384,7 @@ function zt(t, e) {
   }
   return i(), o ? { nodes: n, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function Eo(t) {
+function Ro(t) {
   if (!t)
     return k.None;
   const e = t.trim();
@@ -2376,8 +2398,8 @@ function Eo(t) {
   const r = e.split(/\s+/).filter(Boolean);
   if (r.length === 0)
     return k.None;
-  const s = r.map((l) => `.${Ro(l)}`).map(
-    (l) => new RegExp(`(^|[^a-zA-Z0-9_-])${Ao(l)}(?![a-zA-Z0-9_-])`)
+  const s = r.map((l) => `.${Ao(l)}`).map(
+    (l) => new RegExp(`(^|[^a-zA-Z0-9_-])${To(l)}(?![a-zA-Z0-9_-])`)
   );
   let i = k.None, a = !1;
   for (const l of Array.from(document.styleSheets)) {
@@ -2405,7 +2427,7 @@ function Xt(t, e) {
         const a = s.selectorText ?? "";
         if (!a || !e.some((h) => h.test(a))) continue;
         r = !0;
-        for (const h of no)
+        for (const h of ro)
           h.hints.some((f) => a.includes(f)) && (n |= h.flag);
         if (n === nt)
           return { mask: n, sawStyleRule: !0 };
@@ -2419,19 +2441,19 @@ function Xt(t, e) {
   }
   return { mask: n, sawStyleRule: r };
 }
-function Ro(t) {
+function Ao(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Ao(t) {
+function To(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const ct = "ikon-auth-session", Ht = "ikon-auth-auto-login-attempted-run", To = 10080 * 60 * 1e3, ko = 60 * 1e3;
+const ct = "ikon-auth-session", Ht = "ikon-auth-auto-login-attempted-run", ko = 10080 * 60 * 1e3, Co = 60 * 1e3;
 function qt(t) {
   try {
     const e = t.split(".");
     if (e.length !== 3) return !0;
     const n = e[1].replace(/-/g, "+").replace(/_/g, "/"), r = n + "=".repeat((4 - n.length % 4) % 4), o = JSON.parse(atob(r));
-    return typeof o.exp != "number" ? !1 : Date.now() >= o.exp * 1e3 - ko;
+    return typeof o.exp != "number" ? !1 : Date.now() >= o.exp * 1e3 - Co;
   } catch {
     return !0;
   }
@@ -2448,7 +2470,7 @@ function Jt() {
     const t = localStorage.getItem(ct);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > To || qt(e.token) ? (Le(), null) : e;
+    return Date.now() - e.authenticatedAt > ko || qt(e.token) ? (Le(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
@@ -2460,7 +2482,7 @@ function Le() {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function Co(t) {
+function _o(t) {
   if (t)
     try {
       sessionStorage.setItem(Ht, t);
@@ -2527,7 +2549,7 @@ async function Qt(t, e) {
   };
   return he(l), l;
 }
-async function _o({ email: t, spaceId: e, authUrl: n }) {
+async function Oo({ email: t, spaceId: e, authUrl: n }) {
   const r = await fetch(`${n}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2542,7 +2564,7 @@ async function _o({ email: t, spaceId: e, authUrl: n }) {
     throw new Error(o);
   }
 }
-async function Oo({ email: t, code: e, authUrl: n }) {
+async function xo({ email: t, code: e, authUrl: n }) {
   const r = await fetch(`${n}/email/code`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2563,21 +2585,21 @@ async function Oo({ email: t, code: e, authUrl: n }) {
   };
   return he(s), s;
 }
-function xo() {
+function No() {
   const t = new URLSearchParams(window.location.search), e = t.get("ikon_token"), n = t.get("ikon_provider");
   return e && n ? { token: e, provider: n } : null;
 }
-function No() {
+function Lo() {
   return new URLSearchParams(window.location.search).get("error");
 }
 function Nt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function Lo(t, e, n, r) {
+function Po(t, e, n, r) {
   const o = r ?? window.location.origin + window.location.pathname + window.location.search;
   return `${n}/oauth/${t}?space=${encodeURIComponent(e)}&return=${encodeURIComponent(o)}`;
 }
-async function Po(t) {
+async function Uo(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2588,7 +2610,7 @@ async function Po(t) {
   }
   return e.json();
 }
-async function Uo(t, e, n) {
+async function Mo(t, e, n) {
   const r = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2605,7 +2627,7 @@ async function Uo(t, e, n) {
   };
   return he(s), s;
 }
-async function Mo(t, e) {
+async function Do(t, e) {
   const n = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2617,7 +2639,7 @@ async function Mo(t, e) {
   }
   return n.json();
 }
-async function Do(t, e) {
+async function jo(t, e) {
   const n = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2648,9 +2670,9 @@ function Pe(t) {
   return s;
 }
 function lt() {
-  return jo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+  return $o.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const jo = {
+const $o = {
   stubThis: (t) => t
 };
 function en(t) {
@@ -2683,7 +2705,7 @@ class D extends Error {
     }), this.name = o ?? r.name, this.code = n;
   }
 }
-function $o({ error: t, options: e }) {
+function Bo({ error: t, options: e }) {
   const { publicKey: n } = e;
   if (!n)
     throw Error("options was missing required publicKey property");
@@ -2769,7 +2791,7 @@ function $o({ error: t, options: e }) {
   }
   return t;
 }
-class Bo {
+class Fo {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2793,12 +2815,12 @@ class Bo {
     }
   }
 }
-const nn = new Bo(), Fo = ["cross-platform", "platform"];
+const nn = new Fo(), Vo = ["cross-platform", "platform"];
 function rn(t) {
-  if (t && !(Fo.indexOf(t) < 0))
+  if (t && !(Vo.indexOf(t) < 0))
     return t;
 }
-async function Vo(t) {
+async function Wo(t) {
   !t.optionsJSON && t.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."), t = { optionsJSON: t });
   const { optionsJSON: e, useAutoRegister: n = !1 } = t;
   if (!lt())
@@ -2817,7 +2839,7 @@ async function Vo(t) {
   try {
     s = await navigator.credentials.create(o);
   } catch (u) {
-    throw $o({ error: u, options: o });
+    throw Bo({ error: u, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
@@ -2866,7 +2888,7 @@ function He(t, e) {
   console.warn(`The browser extension that intercepted this WebAuthn API call incorrectly implemented ${t}. You should report this error to them.
 `, e);
 }
-function Wo() {
+function Ko() {
   if (!lt())
     return qe.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
@@ -2875,7 +2897,7 @@ function Wo() {
 const qe = {
   stubThis: (t) => t
 };
-function Ko({ error: t, options: e }) {
+function Yo({ error: t, options: e }) {
   const { publicKey: n } = e;
   if (!n)
     throw Error("options was missing required publicKey property");
@@ -2916,7 +2938,7 @@ function Ko({ error: t, options: e }) {
   }
   return t;
 }
-async function Yo(t) {
+async function Go(t) {
   !t.optionsJSON && t.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."), t = { optionsJSON: t });
   const { optionsJSON: e, useBrowserAutofill: n = !1, verifyBrowserAutofillInput: r = !0 } = t;
   if (!lt())
@@ -2929,7 +2951,7 @@ async function Yo(t) {
     allowCredentials: o
   }, i = {};
   if (n) {
-    if (!await Wo())
+    if (!await Ko())
       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');
@@ -2940,7 +2962,7 @@ async function Yo(t) {
   try {
     a = await navigator.credentials.get(i);
   } catch (c) {
-    throw Ko({ error: c, options: i });
+    throw Yo({ error: c, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
@@ -2961,7 +2983,7 @@ async function Yo(t) {
   };
 }
 const ut = Mt(null);
-function _s({ children: t, config: e }) {
+function Os({ children: t, config: e }) {
   const [n, r] = x({
     isAuthenticated: !1,
     isLoading: !0,
@@ -2971,8 +2993,8 @@ function _s({ children: t, config: e }) {
   C(() => {
     (() => {
       const m = e.devLoginRunId, c = !!m && Io() === m;
-      m && Co(m);
-      const u = No();
+      m && _o(m);
+      const u = Lo();
       if (u) {
         Nt(), r({
           isAuthenticated: !1,
@@ -2982,7 +3004,7 @@ function _s({ children: t, config: e }) {
         });
         return;
       }
-      const g = xo();
+      const g = No();
       if (g) {
         const b = {
           token: g.token,
@@ -3061,7 +3083,7 @@ function _s({ children: t, config: e }) {
       if (y === "passkey") {
         r((c) => ({ ...c, isLoading: !0, error: null }));
         try {
-          const c = await Mo(m), u = await Yo({ optionsJSON: c }), g = await Do(m, u);
+          const c = await Do(m), u = await Go({ optionsJSON: c }), g = await jo(m, u);
           r({
             isAuthenticated: !0,
             isLoading: !1,
@@ -3079,7 +3101,7 @@ function _s({ children: t, config: e }) {
       }
       if (y === "email")
         throw new Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
-      window.location.href = Lo(y, e.spaceId, m);
+      window.location.href = Po(y, e.spaceId, m);
     },
     [e.authUrl, e.spaceId]
   ), s = j(
@@ -3087,14 +3109,14 @@ function _s({ children: t, config: e }) {
       if (!e.spaceId)
         throw r((c) => ({ ...c, error: "Space ID is not configured" })), new Error("Space ID is not configured");
       const m = await ve(e.authUrl);
-      await _o({ email: y, spaceId: e.spaceId, authUrl: m });
+      await Oo({ email: y, spaceId: e.spaceId, authUrl: m });
     },
     [e.authUrl, e.spaceId]
   ), i = j(
     async (y, m) => {
       r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await ve(e.authUrl), u = await Oo({ email: y, code: m, authUrl: c });
+        const c = await ve(e.authUrl), u = await xo({ email: y, code: m, authUrl: c });
         r({
           isAuthenticated: !0,
           isLoading: !1,
@@ -3119,7 +3141,7 @@ function _s({ children: t, config: e }) {
       const m = await ve(e.authUrl);
       r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await Po(m), u = await Vo({ optionsJSON: c }), g = await Uo(m, u, y);
+        const c = await Uo(m), u = await Wo({ optionsJSON: c }), g = await Mo(m, u, y);
         r({
           isAuthenticated: !0,
           isLoading: !1,
@@ -3149,17 +3171,17 @@ function _s({ children: t, config: e }) {
   );
   return /* @__PURE__ */ w.jsx(ut, { value: f, children: t });
 }
-function Go() {
+function zo() {
   const t = st(ut);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function zo() {
+function Xo() {
   return st(ut);
 }
-function Os(t) {
-  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = Go(), s = E(!1);
+function xs(t) {
+  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = zo(), s = E(!1);
   return C(() => {
     if (!n || r.isAuthenticated || r.isLoading || s.current || !e.methods.includes("guest"))
       return;
@@ -3178,13 +3200,13 @@ function Os(t) {
 }
 const on = (() => {
   try {
-    return In();
+    return _n();
   } catch {
     return !1;
   }
-})(), sn = Date.now(), re = [], Xo = 300;
-function _e(t) {
-  re.push(`[+${((Date.now() - sn) / 1e3).toFixed(1)}s] ${t}`), re.length > Xo && re.shift();
+})(), sn = Date.now(), re = [], Ho = 300;
+function Ie(t) {
+  re.push(`[+${((Date.now() - sn) / 1e3).toFixed(1)}s] ${t}`), re.length > Ho && re.shift();
 }
 function Lt(t) {
   if (typeof t == "string")
@@ -3201,26 +3223,26 @@ let Pt = !1;
 function an() {
   if (Pt || typeof window > "u")
     return;
-  Pt = !0, window.addEventListener("error", (e) => _e(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => _e(`unhandledRejection: ${Lt(e.reason)}`));
+  Pt = !0, window.addEventListener("error", (e) => Ie(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => Ie(`unhandledRejection: ${Lt(e.reason)}`));
   const t = console;
   for (const e of ["error", "warn", "log", "info"]) {
     const n = t[e]?.bind(console) ?? (() => {
     });
     t[e] = (...r) => {
       try {
-        _e(`console.${e}: ${r.map(Lt).join(" ")}`);
+        Ie(`console.${e}: ${r.map(Lt).join(" ")}`);
       } catch {
       }
       n(...r);
     };
   }
   try {
-    jt((e) => _e(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: Je.DEBUG });
+    jt((e) => Ie(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: Je.DEBUG });
   } catch {
   }
 }
 on && an();
-function Ho() {
+function qo() {
   let t = !1;
   try {
     const e = URL.createObjectURL(new Blob([""]));
@@ -3231,11 +3253,11 @@ function Ho() {
   }
   return t;
 }
-function qo() {
+function Jo() {
   const t = globalThis;
   return [
     `Worker=${typeof Worker < "u"}`,
-    `moduleWorker=${Ho()}`,
+    `moduleWorker=${qo()}`,
     `WebSocket=${typeof WebSocket < "u"}`,
     `WebTransport=${typeof t.WebTransport < "u"}`,
     `RTCPeerConnection=${typeof RTCPeerConnection < "u"}`,
@@ -3248,7 +3270,7 @@ function qo() {
     `online=${typeof navigator < "u" ? navigator.onLine : "?"}`
   ].join("  ");
 }
-function Jo(t) {
+function Zo(t) {
   return /ERROR|error:|Rejection/.test(t) ? "#f88" : /WARN|warn:/.test(t) ? "#fc6" : "#9d9";
 }
 function cn({ state: t = "", forceVisible: e = !1 }) {
@@ -3289,12 +3311,12 @@ function cn({ state: t = "", forceVisible: e = !1 }) {
     ] }),
     /* @__PURE__ */ w.jsx("div", { style: { color: "#9cf", wordBreak: "break-all", marginBottom: "4px" }, children: typeof window < "u" ? window.location.href : "" }),
     /* @__PURE__ */ w.jsx("div", { style: { color: "#ff0", wordBreak: "break-all", marginBottom: "4px" }, children: typeof navigator < "u" ? navigator.userAgent : "no navigator" }),
-    /* @__PURE__ */ w.jsx("div", { style: { color: "#8cf", marginBottom: "4px" }, children: qo() }),
+    /* @__PURE__ */ w.jsx("div", { style: { color: "#8cf", marginBottom: "4px" }, children: Jo() }),
     /* @__PURE__ */ w.jsx("div", { style: { color: "#8cf", marginBottom: "10px" }, children: typeof window < "u" ? `viewport=${window.innerWidth}x${window.innerHeight} dpr=${window.devicePixelRatio}` : "" }),
-    /* @__PURE__ */ w.jsx("div", { children: re.length === 0 ? "(nothing captured yet)" : re.map((l, h) => /* @__PURE__ */ w.jsx("div", { style: { color: Jo(l), wordBreak: "break-all" }, children: l }, h)) })
+    /* @__PURE__ */ w.jsx("div", { children: re.length === 0 ? "(nothing captured yet)" : re.map((l, h) => /* @__PURE__ */ w.jsx("div", { style: { color: Zo(l), wordBreak: "break-all" }, children: l }, h)) })
   ] });
 }
-function xs({
+function Ns({
   connectionState: t,
   error: e,
   isReady: n,
@@ -3347,37 +3369,37 @@ function xs({
   ] });
 }
 const Oe = oe("useIkonApp");
-function Zo() {
+function Qo() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function Qo() {
+function es() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function Ns(t) {
-  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: l, webtransport: h, proxy: f, liveSnapshot: y, bootSnapshot: m } = t, c = e === void 0 ? Zo() ?? null : e, u = Qo(), g = zo(), p = E(null), b = E(null), S = E(null), R = E(!1), v = E(!1), T = E(o), U = E(r), ee = E(s), te = E(i), z = E(a), _ = E(l), P = E(h), M = E(f), B = E(y), $ = E(m), V = E("local"), K = E(void 0);
-  T.current = o, U.current = r, ee.current = s, te.current = i, z.current = a, _.current = l, P.current = h, M.current = f, B.current = y, $.current = m;
+function Ls(t) {
+  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: l, webtransport: h, proxy: f, liveSnapshot: y, bootSnapshot: m } = t, c = e === void 0 ? Qo() ?? null : e, u = es(), g = Xo(), p = E(null), b = E(null), S = E(null), R = E(!1), v = E(!1), T = E(o), U = E(r), ee = E(s), te = E(i), z = E(a), I = E(l), P = E(h), M = E(f), B = E(y), $ = E(m), V = E("local"), K = E(void 0);
+  T.current = o, U.current = r, ee.current = s, te.current = i, z.current = a, I.current = l, P.current = h, M.current = f, B.current = y, $.current = m;
   const [H, Ee] = x("connecting"), [Re, pe] = x(!1), [d, A] = x(!1), [O, N] = x(null), [se, me] = x(null), [L, Q] = x(!1), [ie, Me] = x(null), [ae, un] = x(null), [De, dt] = x(!1), je = E(!1), [dn, fn] = x(0), Y = W(() => {
     try {
-      const I = _n();
-      return (I.sessionId || I.channelKey) && On(), I;
+      const _ = In();
+      return (_.sessionId || _.channelKey) && On(), _;
     } catch {
       return { parameters: {} };
     }
   }, []);
   m !== !1 && vn();
   const ce = W(() => c?.enabled ? Jt() : null, [c?.enabled, dn]), Ae = u?.enabled ?? !1, $e = u?.host ?? "localhost", Be = u?.port ?? 8443, Fe = !!c && !c.enabled && !!c.spaceId && (ht() || Ae);
-  Fe && !ae && !De && !je.current && (je.current = !0, ve(c.authUrl).then((I) => Qt(c.spaceId, I)).then((I) => {
-    un(I.token), dt(!0);
-  }).catch((I) => {
-    Oe.error("Anonymous auth failed:", I), je.current = !1, Ae ? dt(!0) : N(I instanceof Error ? I.message : "Anonymous auth failed");
+  Fe && !ae && !De && !je.current && (je.current = !0, ve(c.authUrl).then((_) => Qt(c.spaceId, _)).then((_) => {
+    un(_.token), dt(!0);
+  }).catch((_) => {
+    Oe.error("Anonymous auth failed:", _), je.current = !1, Ae ? dt(!0) : N(_ instanceof Error ? _.message : "Anonymous auth failed");
   }));
   const Ve = W(() => {
     if (Ae) {
       if (Fe && !De)
         return null;
-      const I = ce?.token ?? ae ?? void 0, q = I ? pt(I) ?? void 0 : void 0;
+      const _ = ce?.token ?? ae ?? void 0, q = _ ? pt(_) ?? void 0 : void 0;
       return {
         local: {
           host: $e,
@@ -3420,20 +3442,20 @@ function Ns(t) {
       }
     };
   }, [Ae, $e, Be, ce?.token, c?.spaceId, c?.backendUrl, c?.authUrl, ae, Fe, De, Y.sessionId, Y.channelKey, Y.parameters]);
-  V.current = c?.spaceId ?? "local", K.current = ce?.token ?? ae ?? void 0, Qr(ie);
-  const hn = to(ie);
+  V.current = c?.spaceId ?? "local", K.current = ce?.token ?? ae ?? void 0, eo(ie);
+  const hn = no(ie);
   C(() => {
     if (!R.current) {
-      if (R.current = !0, S.current = Yr(), n)
-        for (const I of n)
-          I(S.current);
-      S.current.loadRegisteredModules().catch((I) => {
-        Oe.error("Failed to load UI modules", I);
+      if (R.current = !0, S.current = Gr(), n)
+        for (const _ of n)
+          _(S.current);
+      S.current.loadRegisteredModules().catch((_) => {
+        Oe.error("Failed to load UI modules", _);
       });
     }
   }, []), C(() => {
     if (!Ve) return;
-    const I = new xn({
+    const _ = new xn({
       ...Ve,
       timeouts: U.current,
       audio: te.current !== void 0 || T.current ? {
@@ -3443,7 +3465,7 @@ function Ns(t) {
       video: z.current !== void 0 ? { enabled: z.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
       webRtc: ee.current === !1 ? { enabled: !1 } : void 0,
-      websocket: _.current,
+      websocket: I.current,
       webtransport: P.current,
       proxy: M.current,
       onConnectionStateChange: (J) => {
@@ -3453,36 +3475,36 @@ function Ns(t) {
         N(J.message);
       }
     });
-    p.current = I;
-    const q = B.current ?? !0, Te = K.current, ft = Te ? pt(Te) ?? null : null, gn = q && ft ? { enabled: !0, appId: V.current, userId: ft } : void 0, ke = new Qn({ client: I, liveSnapshot: gn, bootSnapshot: $.current });
+    p.current = _;
+    const q = B.current ?? !0, Te = K.current, ft = Te ? pt(Te) ?? null : null, gn = q && ft ? { enabled: !0, appId: V.current, userId: ft } : void 0, ke = new er({ client: _, liveSnapshot: gn, bootSnapshot: $.current });
     b.current = ke, Me(ke), A(!1);
     const yn = ke.subscribeToUiUpdates(() => {
-      A(!0);
+      A(!0), Nn();
     });
-    return I.connect().catch((J) => {
-      if (Oe.error("Connection failed:", J), J instanceof Nn) {
+    return _.connect().catch((J) => {
+      if (Oe.error("Connection failed:", J), J instanceof Ln) {
         me(J.reason);
         return;
       }
-      if (J instanceof Ln) {
+      if (J instanceof Pn) {
         Q(!0);
         return;
       }
-      J instanceof Pn && !v.current && (v.current = !0, Oe.warn("Auth session appears stale, clearing and retrying"), Ut.clearAll(), g ? g.logout() : (Le(), fn((bn) => bn + 1)));
+      J instanceof Un && !v.current && (v.current = !0, Oe.warn("Auth session appears stale, clearing and retrying"), Ut.clearAll(), g ? g.logout() : (Le(), fn((bn) => bn + 1)));
     }), () => {
-      yn(), I.disconnect(), p.current = null, ke.dispose(), b.current = null;
+      yn(), _.disconnect(), p.current = null, ke.dispose(), b.current = null;
     };
   }, [Ve]);
-  const pn = j((I, q) => {
+  const pn = j((_, q) => {
     const Te = typeof q == "string" ? q : JSON.stringify(q ?? {});
-    p.current?.sendActionCall(I, Te);
+    p.current?.sendActionCall(_, Te);
   }, []);
   C(() => {
     if (H !== "connecting") {
       pe(!1);
       return;
     }
-    const I = p.current?.slowConnectionThresholdMs ?? 5e3, q = setTimeout(() => pe(!0), I);
+    const _ = p.current?.slowConnectionThresholdMs ?? 5e3, q = setTimeout(() => pe(!0), _);
     return () => clearTimeout(q);
   }, [H]);
   const mn = H === "connected" || H === "reconnecting", We = d && H !== "offline";
@@ -3508,7 +3530,7 @@ function Ns(t) {
     webRtcTrackMap: p.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function Ls(t) {
+function Ps(t) {
   const e = E(!1);
   return j(() => {
     if (e.current) return;
@@ -3517,8 +3539,8 @@ function Ls(t) {
     n.rel = "stylesheet", n.href = t, document.head.appendChild(n);
   }, [t]);
 }
-let es = 0;
-function ts(t = 5, e = 5e3) {
+let ts = 0;
+function ns(t = 5, e = 5e3) {
   const [n, r] = x([]), o = E(/* @__PURE__ */ new Map()), s = j((i) => {
     const a = o.current.get(i);
     a && (clearTimeout(a), o.current.delete(i)), r((l) => l.filter((h) => h.id !== i));
@@ -3528,7 +3550,7 @@ function ts(t = 5, e = 5e3) {
       (l) => {
         if (!$t())
           return;
-        const h = `toast-${++es}`, f = l.level === Je.ERROR ? "error" : "warn", y = {
+        const h = `toast-${++ts}`, f = l.level === Je.ERROR ? "error" : "warn", y = {
           id: h,
           level: f,
           message: l.message,
@@ -3550,7 +3572,7 @@ function ts(t = 5, e = 5e3) {
     };
   }, [t, e, s]), { toasts: n, dismissToast: s };
 }
-function ns(t, e, n) {
+function rs(t, e, n) {
   const [r, o] = x(n);
   return C(() => {
     if (!t)
@@ -3567,7 +3589,7 @@ function ns(t, e, n) {
     };
   }, [t, e]), r;
 }
-function Ps(t, e, n) {
+function Us(t, e, n) {
   const [r, o] = x(null);
   return C(() => {
     if (!t)
@@ -3580,17 +3602,17 @@ function Ps(t, e, n) {
     }), () => {
       s = !1;
     };
-  }, [t, e]), ns(r ? t : null, r ?? "", n);
+  }, [t, e]), rs(r ? t : null, r ?? "", n);
 }
-const ue = oe("IkonDebug"), rs = {
+const ue = oe("IkonDebug"), os = {
   Digit1: "connecting",
   Digit2: "connected",
   Digit3: "reconnecting",
   Digit4: "offline",
   Digit5: "offline",
   Digit0: "clear"
-}, os = "Digit5", ss = "Digit6", is = "Synthetic debug error (Ctrl+Shift+5)", as = "Synthetic debug access-denied (Ctrl+Shift+6)", cs = 5e3;
-function ls(t) {
+}, ss = "Digit5", is = "Digit6", as = "Synthetic debug error (Ctrl+Shift+5)", cs = "Synthetic debug access-denied (Ctrl+Shift+6)", ls = 5e3;
+function us(t) {
   const e = $t(), [n, r] = x(null), [o, s] = x(!1), [i, a] = x(null), [l, h] = x(null), [f, y] = x(!1), [m, c] = x(!1), [u, g] = x(!1);
   return C(() => {
     if (!e)
@@ -3610,19 +3632,19 @@ function ls(t) {
         S.preventDefault(), g((T) => (ue.warn(`Debug-overlay override: ${T ? "off" : "on"}`), !T));
         return;
       }
-      if (S.code === ss) {
-        S.preventDefault(), h(as), r(null), a(null), ue.warn("Forced access denied");
+      if (S.code === is) {
+        S.preventDefault(), h(cs), r(null), a(null), ue.warn("Forced access denied");
         return;
       }
-      const R = rs[S.code];
+      const R = os[S.code];
       if (R === void 0)
         return;
       if (S.preventDefault(), R === "clear") {
         r(null), a(null), h(null), ue.warn("Cleared forced state");
         return;
       }
-      const v = S.code === os;
-      r(R), a(v ? is : null), h(null), ue.warn(`Forced state: ${R}${v ? " (with error)" : ""}`);
+      const v = S.code === ss;
+      r(R), a(v ? as : null), h(null), ue.warn(`Forced state: ${R}${v ? " (with error)" : ""}`);
     };
     return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
   }, [e]), C(() => {
@@ -3630,7 +3652,7 @@ function ls(t) {
       s(!1);
       return;
     }
-    const b = setTimeout(() => s(!0), cs);
+    const b = setTimeout(() => s(!0), ls);
     return () => clearTimeout(b);
   }, [n]), !e || n === null && !f && l === null && !m && !u ? { app: t, forcedState: null, emptyStores: !1, forcedError: null, forcedAccessDenied: null, forcedBranding: !1, forcedDebugOverlay: !1, debugEnabled: e } : { app: {
     ...t,
@@ -3641,34 +3663,34 @@ function ls(t) {
     accessDeniedReason: l ?? t.accessDeniedReason
   }, forcedState: n, emptyStores: f, forcedError: i, forcedAccessDenied: l, forcedBranding: m, forcedDebugOverlay: u, debugEnabled: e };
 }
-function us(t, e) {
+function ds(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function ds(t) {
+function fs(t) {
   return t === void 0 ? null : typeof t == "function" ? t() : t;
 }
-function fs(t, e) {
+function hs(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function hs(t, e) {
+function ps(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function Us(t) {
-  const { connectingOverlay: e, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: o, ...s } = t, i = ls(s), { app: a } = i, { connectionState: l, isConnectingSlow: h, stores: f, registry: y, client: m, onAction: c, isReady: u, error: g, accessDeniedReason: p, brandingRequired: b } = a, S = b || i.forcedBranding, R = E(null);
+function Ms(t) {
+  const { connectingOverlay: e, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: o, ...s } = t, i = us(s), { app: a } = i, { connectionState: l, isConnectingSlow: h, stores: f, registry: y, client: m, onAction: c, isReady: u, error: g, accessDeniedReason: p, brandingRequired: b } = a, S = b || i.forcedBranding, R = E(null);
   if (f && y && (u || f.size > 0) && (R.current = { stores: f, registry: y, client: m }), p)
-    return hs(o, p);
+    return ps(o, p);
   const v = R.current;
   let T = null;
   switch (l) {
     case "waitingForExternalConnectUrl":
     case "connecting":
-      T = us(e, h);
+      T = ds(e, h);
       break;
     case "reconnecting":
-      T = ds(n);
+      T = fs(n);
       break;
     case "offline":
-      T = fs(r, g);
+      T = hs(r, g);
       break;
     default:
       T = null;
@@ -3684,18 +3706,18 @@ function Us(t) {
       }
     ),
     T,
-    S && /* @__PURE__ */ w.jsx(ms, {}),
-    /* @__PURE__ */ w.jsx(gs, {}),
+    S && /* @__PURE__ */ w.jsx(gs, {}),
+    /* @__PURE__ */ w.jsx(ys, {}),
     /* @__PURE__ */ w.jsx(cn, { state: l, forceVisible: i.forcedDebugOverlay })
   ] });
 }
-const ps = "https://ikonai.com";
-function ms() {
+const ms = "https://ikonai.com";
+function gs() {
   return /* @__PURE__ */ w.jsxs(
     "a",
     {
       className: "ikon-branding-banner",
-      href: ps,
+      href: ms,
       target: "_blank",
       rel: "noopener noreferrer",
       style: {
@@ -3723,11 +3745,11 @@ function ms() {
     }
   );
 }
-function gs() {
-  const { toasts: t, dismissToast: e } = ts();
-  return t.length === 0 ? null : /* @__PURE__ */ w.jsx("div", { className: "ikon-toast-overlay", children: t.map((n) => /* @__PURE__ */ w.jsx(ys, { toast: n, onDismiss: e }, n.id)) });
+function ys() {
+  const { toasts: t, dismissToast: e } = ns();
+  return t.length === 0 ? null : /* @__PURE__ */ w.jsx("div", { className: "ikon-toast-overlay", children: t.map((n) => /* @__PURE__ */ w.jsx(bs, { toast: n, onDismiss: e }, n.id)) });
 }
-function ys({ toast: t, onDismiss: e }) {
+function bs({ toast: t, onDismiss: e }) {
   return /* @__PURE__ */ w.jsxs(
     "div",
     {
@@ -3749,30 +3771,30 @@ function ys({ toast: t, onDismiss: e }) {
   );
 }
 const ln = Mt(null);
-function bs(t, e) {
+function Ss(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (n, r) => e[r] ?? `{${r}}`) : t;
 }
-function Ss(t, e) {
-  const n = Un();
+function ws(t, e) {
+  const n = Mn();
   if (n && t.includes(n))
     return n;
   const r = navigator.language.split("-")[0];
   return t.includes(r) ? r : e && t.includes(e) ? e : "en";
 }
-function ws(t, e, n) {
-  return e ? Ss(t, n) : n && t.includes(n) ? n : "en";
+function vs(t, e, n) {
+  return e ? ws(t, n) : n && t.includes(n) ? n : "en";
 }
-function Ms({
+function Ds({
   children: t,
   translations: e,
   defaultLanguage: n,
   detectLanguage: r = !1
 }) {
-  const o = Object.keys(e), s = ws(o, r, n), i = e[s] ?? e.en, a = W(
+  const o = Object.keys(e), s = vs(o, r, n), i = e[s] ?? e.en, a = W(
     () => ({
       t: (l, h) => {
         const f = i[l];
-        return bs(f, h);
+        return Ss(f, h);
       },
       locale: s,
       translations: i
@@ -3781,72 +3803,72 @@ function Ms({
   );
   return /* @__PURE__ */ w.jsx(ln, { value: a, children: t });
 }
-function Ds() {
+function js() {
   const t = st(ln);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  _s as AuthProvider,
-  xs as ConnectionStateRenderer,
+  Os as AuthProvider,
+  Ns as ConnectionStateRenderer,
   on as DEBUG_OVERLAY_ENABLED,
   cn as DebugOverlay,
-  Ms as I18nProvider,
-  hr as IKON_UI_BASE_MODULE,
-  Tr as IKON_UI_MEDIA_MODULE,
-  Fr as IKON_UI_SHADERTOY_MODULE,
-  $r as IKON_UI_SHADERTOY_TYPE,
+  Ds as I18nProvider,
+  pr as IKON_UI_BASE_MODULE,
+  kr as IKON_UI_MEDIA_MODULE,
+  Vr as IKON_UI_SHADERTOY_MODULE,
+  Br as IKON_UI_SHADERTOY_TYPE,
   Qe as IKON_UI_STREAM_CATEGORY,
-  wr as IKON_UI_VIDEO_CANVAS_TYPE,
-  vr as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  Us as IkonApp,
-  Qn as IkonUi,
-  Kr as IkonUiRegistry,
+  vr as IKON_UI_VIDEO_CANVAS_TYPE,
+  Er as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  Ms as IkonApp,
+  er as IkonUi,
+  Yr as IkonUiRegistry,
   Bt as IkonUiSurface,
-  qn as InspectOverlay,
-  Cs as ParallaxView,
-  Hn as UiComponentRegistry,
-  Xn as UiRenderer,
-  Bs as UiStreamStore,
+  Jn as InspectOverlay,
+  _s as ParallaxView,
+  qn as UiComponentRegistry,
+  Hn as UiRenderer,
+  Fs as UiStreamStore,
   Qt as authenticateAnonymous,
-  Lo as buildOAuthRedirectUrl,
+  Po as buildOAuthRedirectUrl,
   Le as clearAuthSession,
   Nt as clearOAuthParams,
-  fr as createBaseResolvers,
-  Ts as createComponentLibrary,
-  Yr as createIkonUiRegistry,
-  Rr as createMediaResolvers,
-  Br as createShadertoyRendererResolver,
-  Zn as isIkonUiCategoryMatch,
+  hr as createBaseResolvers,
+  ks as createComponentLibrary,
+  Gr as createIkonUiRegistry,
+  Ar as createMediaResolvers,
+  Fr as createShadertoyRendererResolver,
+  Qn as isIkonUiCategoryMatch,
   Jt as loadAuthSession,
-  pr as loadBaseModule,
-  kr as loadMediaModule,
-  Vr as loadShadertoyModule,
-  xo as parseOAuthCallback,
-  No as parseOAuthError,
-  Vs as randomUuid,
-  mr as registerBaseModule,
-  Cr as registerMediaModule,
-  Wr as registerShadertoyModule,
-  Gn as renderChildren,
+  mr as loadBaseModule,
+  Cr as loadMediaModule,
+  Wr as loadShadertoyModule,
+  No as parseOAuthCallback,
+  Lo as parseOAuthError,
+  Ws as randomUuid,
+  gr as registerBaseModule,
+  _r as registerMediaModule,
+  Kr as registerShadertoyModule,
+  zn as renderChildren,
   Is as renderMotionLetters,
   he as saveAuthSession,
-  _o as sendLoginCode,
+  Oo as sendLoginCode,
   ne as sessionToUser,
-  Go as useAuth,
-  Os as useAuthGuard,
-  zo as useAuthOptional,
-  Ds as useI18n,
-  Ns as useIkonApp,
-  ls as useIkonDebug,
-  ns as useIkonReactive,
-  Qr as useIkonStyles,
-  to as useIkonUiStores,
-  Ls as useLazyFont,
-  Ps as useReactive,
-  ts as useToasts,
+  zo as useAuth,
+  xs as useAuthGuard,
+  Xo as useAuthOptional,
+  js as useI18n,
+  Ls as useIkonApp,
+  us as useIkonDebug,
+  rs as useIkonReactive,
+  eo as useIkonStyles,
+  no as useIkonUiStores,
+  Ps as useLazyFont,
+  Us as useReactive,
+  ns as useToasts,
   Z as useUiNode,
-  ks as useUiStore,
-  Oo as verifyLoginCode
+  Cs as useUiStore,
+  xo as verifyLoginCode
 };