@ikonai/sdk-react-ui 1.0.73 → 1.0.75

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 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 { UiStreamStore as Vs } from "@ikonai/sdk-ui";
+import En, { useSyncExternalStore as ot, useMemo as V, 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 _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";
+import { randomUuid as Ys } from "@ikonai/sdk";
 var Ce = { exports: {} }, ge = {};
 /**
  * @license React
@@ -56,9 +56,9 @@ function jn() {
       switch (d) {
         case p:
           return "Fragment";
-        case S:
-          return "Profiler";
         case b:
+          return "Profiler";
+        case S:
           return "StrictMode";
         case U:
           return "Suspense";
@@ -71,7 +71,7 @@ function jn() {
         switch (typeof d.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), d.$$typeof) {
-          case g:
+          case y:
             return "Portal";
           case v:
             return d.displayName || "Context";
@@ -193,13 +193,13 @@ function jn() {
         if (N)
           if ($(L)) {
             for (N = 0; N < L.length; N++)
-              y(L[N]);
+              g(L[N]);
             Object.freeze && Object.freeze(L);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else y(L);
+        else g(L);
       if (B.call(A, "key")) {
         L = t(d);
         var Q = Object.keys(A).filter(function(Me) {
@@ -235,13 +235,13 @@ React keys must be passed directly to JSX without using spread:
         me
       );
     }
-    function y(d) {
+    function g(d) {
       m(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === z && (d._payload.status === "fulfilled" ? m(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
     }
     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"), 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() {
+    var c = En, u = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), b = 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, W = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
@@ -252,7 +252,7 @@ React keys must be passed directly to JSX without using spread:
     var K, H = {}, Ee = c.react_stack_bottom_frame.bind(
       c,
       s
-    )(), Re = V(r(s)), pe = {};
+    )(), Re = W(r(s)), pe = {};
     ye.Fragment = p, ye.jsx = function(d, A, O) {
       var N = 1e4 > M.recentlyCreatedOwnerStacks++;
       return f(
@@ -261,7 +261,7 @@ React keys must be passed directly to JSX without using spread:
         O,
         !1,
         N ? Error("react-stack-top-frame") : Ee,
-        N ? V(r(d)) : Re
+        N ? W(r(d)) : Re
       );
     }, ye.jsxs = function(d, A, O) {
       var N = 1e4 > M.recentlyCreatedOwnerStacks++;
@@ -271,7 +271,7 @@ React keys must be passed directly to JSX without using spread:
         O,
         !0,
         N ? Error("react-stack-top-frame") : Ee,
-        N ? V(r(d)) : Re
+        N ? W(r(d)) : Re
       );
     };
   })()), ye;
@@ -293,7 +293,7 @@ function Bn(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return W(() => {
+  return V(() => {
     const [r, o] = n.split(":");
     return {
       rootViewId: r || void 0,
@@ -307,10 +307,10 @@ function Z(t, e) {
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return W(() => t.getNode(e), [t, e, n]);
+  return V(() => t.getNode(e), [t, e, n]);
 }
 const Fn = oe("UIRenderer");
-function Vn(t) {
+function Wn(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -321,7 +321,7 @@ function Vn(t) {
     return "{}";
   }
 }
-function Wn(t) {
+function Vn(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
@@ -341,8 +341,8 @@ function Gn(t) {
   return e;
 }
 const Ze = G(function t({ nodeId: e, context: n }) {
-  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)),
+  const r = Z(n.store, e), o = r ? Kn(r) : [], s = Gn(o), i = V(
+    () => o.length === 0 ? null : o.map((g) => /* @__PURE__ */ w.jsx(t, { nodeId: g.id, context: n }, g.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, n]
   );
@@ -353,7 +353,7 @@ const Ze = G(function t({ nodeId: e, context: n }) {
   const a = n.library.resolve(r);
   if (!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;
+  const l = Vn(r), h = l.length > 0 ? l.join(" ") : void 0, f = a;
   return /* @__PURE__ */ w.jsx(f, { nodeId: e, context: n, className: h });
 }, Yn);
 function zn(t, e) {
@@ -365,37 +365,37 @@ function Xn(t, e) {
 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;
+  const g = E(i);
+  g.current = i;
   const m = E(a);
   m.current = a;
-  const c = j((g, p) => {
-    if (!g)
+  const c = j((y, p) => {
+    if (!y)
       return;
-    const b = Vn(p);
-    f.current?.(g, b);
-  }, []), u = W(() => {
-    const g = {
+    const S = Wn(p);
+    f.current?.(y, S);
+  }, []), u = V(() => {
+    const y = {
       store: e,
       library: n,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
       getPayload: (p) => e.getSnapshot().payloads.get(p),
-      renderChildren: (p) => zn(p, g),
+      renderChildren: (p) => zn(p, y),
       renderView: (p) => {
-        const b = e.getSnapshot().views.get(p);
-        return b ? /* @__PURE__ */ w.jsx(Ze, { nodeId: b.id, context: g }) : null;
+        const S = e.getSnapshot().views.get(p);
+        return S ? /* @__PURE__ */ w.jsx(Ze, { nodeId: S.id, context: y }) : null;
       },
       dispatchAction: c,
       // Access client/video via refs to avoid context recreation
       get client() {
-        return y.current;
+        return g.current;
       },
       get video() {
         return m.current;
       }
     };
-    return g;
+    return y;
   }, [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 }) });
 }, Xn);
@@ -416,11 +416,11 @@ class qn {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function ks(t, e) {
+function _s(t, e) {
   const n = Object.entries(t);
   return new qn(n, e);
 }
-function Cs(t) {
+function Is(t) {
   return ot(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
@@ -439,13 +439,13 @@ function Jn() {
       n && !r.includes(n) && (n.style.outline = "", n.style.outlineOffset = ""), n = null, o.style.display = "none";
     }
     function i(c) {
-      for (const g of r)
-        g !== n && (g.style.outline = "", g.style.outlineOffset = "");
+      for (const y of r)
+        y !== n && (y.style.outline = "", y.style.outlineOffset = "");
       r = [];
       const u = new Set(c);
-      for (const g of Array.from(document.querySelectorAll("[data-ikon-source]"))) {
-        const p = g.getAttribute("data-ikon-source") ?? "";
-        u.has(p) && (g.style.outline = "2px solid #a6e3a1", g.style.outlineOffset = "1px", r.push(g));
+      for (const y of Array.from(document.querySelectorAll("[data-ikon-source]"))) {
+        const p = y.getAttribute("data-ikon-source") ?? "";
+        u.has(p) && (y.style.outline = "2px solid #a6e3a1", y.style.outlineOffset = "1px", r.push(y));
       }
     }
     function a(c) {
@@ -455,8 +455,8 @@ function Jn() {
       if (!u || u === n)
         return;
       s(), n = u, n.style.outline = "2px solid #89b4fa", n.style.outlineOffset = "1px";
-      const g = u.getAttribute("data-ikon-source") ?? "";
-      o.textContent = g, o.style.display = "block";
+      const y = u.getAttribute("data-ikon-source") ?? "";
+      o.textContent = y, o.style.display = "block";
       const p = u.getBoundingClientRect();
       o.style.left = `${p.left}px`, o.style.top = `${Math.max(0, p.top - 24)}px`;
     }
@@ -472,24 +472,24 @@ function Jn() {
       if (!u)
         return;
       c.preventDefault(), c.stopPropagation();
-      const g = {
+      const y = {
         sourceMarker: u.getAttribute("data-ikon-source") ?? "",
         tagName: u.tagName.toLowerCase(),
         textContent: (u.textContent ?? "").trim().substring(0, 200)
       };
-      window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: g })), window.parent.postMessage({ type: "ikon-element-selected", payload: g }, "*");
+      window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: y })), window.parent.postMessage({ type: "ikon-element-selected", payload: y }, "*");
     }
     function f(c, u) {
       return document.elementFromPoint(c, u)?.closest?.("[data-ikon-source]");
     }
-    function y(c) {
+    function g(c) {
       if (c === n || (s(), !c))
         return;
       n = c, n.style.outline = `2px solid ${r.includes(c) ? "#a6e3a1" : "#89b4fa"}`, n.style.outlineOffset = "1px";
       const u = c.getAttribute("data-ikon-source") ?? "";
       o.textContent = u, o.style.display = "block";
-      const g = c.getBoundingClientRect();
-      o.style.left = `${g.left}px`, o.style.top = `${Math.max(0, g.top - 24)}px`;
+      const y = c.getBoundingClientRect();
+      o.style.left = `${y.left}px`, o.style.top = `${Math.max(0, y.top - 24)}px`;
     }
     function m(c) {
       if (c.data?.type === "ikon-inspect-mode") {
@@ -499,43 +499,43 @@ function Jn() {
       }
       if (c.data?.type === "ikon-inspect-at") {
         const u = f(c.data.x, c.data.y);
-        y(u);
-        const g = u?.getAttribute("data-ikon-source") ?? "";
+        g(u);
+        const y = u?.getAttribute("data-ikon-source") ?? "";
         window.parent.postMessage({
           type: "ikon-inspect-hover-result",
-          payload: { sourceMarker: g }
+          payload: { sourceMarker: y }
         }, "*");
       }
       if (c.data?.type === "ikon-inspect-click") {
         const u = f(c.data.x, c.data.y);
         if (u) {
-          const g = {
+          const y = {
             sourceMarker: u.getAttribute("data-ikon-source") ?? "",
             tagName: u.tagName.toLowerCase(),
             textContent: (u.textContent ?? "").trim().substring(0, 200)
           };
-          window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: g })), window.parent.postMessage({ type: "ikon-element-selected", payload: g }, "*");
+          window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: y })), window.parent.postMessage({ type: "ikon-element-selected", payload: y }, "*");
         }
       }
       if (c.data?.type === "ikon-inspect-click-add") {
         const u = f(c.data.x, c.data.y);
         if (u) {
-          const g = {
+          const y = {
             sourceMarker: u.getAttribute("data-ikon-source") ?? "",
             tagName: u.tagName.toLowerCase(),
             textContent: (u.textContent ?? "").trim().substring(0, 200)
           };
           window.parent.postMessage({
             type: "ikon-inspect-rect-result",
-            payload: { elements: [g], append: !0 }
+            payload: { elements: [y], append: !0 }
           }, "*");
         }
       }
       if (c.data?.type === "ikon-inspect-rect") {
-        const { x1: u, y1: g, x2: p, y2: b, append: S } = c.data, R = document.querySelectorAll("[data-ikon-source]"), v = [];
+        const { x1: u, y1: y, x2: p, y2: S, append: b } = c.data, R = document.querySelectorAll("[data-ikon-source]"), v = [];
         for (const T of Array.from(R)) {
           const U = T.getBoundingClientRect();
-          U.right > u && U.left < p && U.bottom > g && U.top < b && v.push({
+          U.right > u && U.left < p && U.bottom > y && U.top < S && v.push({
             sourceMarker: T.getAttribute("data-ikon-source") ?? "",
             tagName: T.tagName.toLowerCase(),
             textContent: (T.textContent ?? "").trim().substring(0, 200)
@@ -543,7 +543,7 @@ function Jn() {
         }
         v.length > 0 && window.parent.postMessage({
           type: "ikon-inspect-rect-result",
-          payload: { elements: v, append: S ?? !1 }
+          payload: { elements: v, append: b ?? !1 }
         }, "*");
       }
       c.data?.type === "ikon-inspect-highlight" && i(c.data.markers ?? []), c.data?.type === "ikon-inspect-clear" && s();
@@ -558,25 +558,25 @@ function Qn(t, e) {
   return t === e;
 }
 const Bt = G(function({ stores: e, registry: n, category: r = Qe, onAction: o, client: s }) {
-  const i = W(() => Array.from(e.keys()).sort().join(","), [e]), a = E(o);
+  const i = V(() => Array.from(e.keys()).sort().join(","), [e]), a = E(o);
   a.current = o;
   const l = E(s);
   l.current = s;
-  const h = W(
+  const h = V(
     () => {
       const m = [];
       for (const [c, u] of e) {
-        const g = u.store.getSnapshot();
-        Qn(u.category, r) && (!g.rootViewId || !g.views.has(g.rootViewId) || m.push({ key: c, store: u.store }));
+        const y = u.store.getSnapshot();
+        Qn(u.category, r) && (!y.rootViewId || !y.views.has(y.rootViewId) || m.push({ key: c, store: u.store }));
       }
       return m;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, r, i]
-  ), f = E(!1), y = h.length > 0;
+  ), f = E(!1), g = h.length > 0;
   return C(() => {
-    y && !f.current && (f.current = !0, Zn.debug("First UI render"));
-  }, [y]), y ? /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
+    g && !f.current && (f.current = !0, Zn.debug("First UI render"));
+  }, [g]), g ? /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
     /* @__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;
@@ -710,6 +710,22 @@ function it(...t) {
   return e || void 0;
 }
 const St = /* @__PURE__ */ new WeakMap(), nr = {};
+function rr(t) {
+  const e = {};
+  for (const n of t.split(";")) {
+    const r = n.indexOf(":");
+    if (r <= 0) continue;
+    const o = n.slice(0, r).trim(), s = n.slice(r + 1).trim();
+    if (!o || !s) continue;
+    const i = o.startsWith("--") ? o : o.replace(/-([a-z])/g, (a, l) => l.toUpperCase());
+    e[i] = s;
+  }
+  return e;
+}
+function or(t, e) {
+  const n = t && typeof t == "object" ? t : void 0;
+  return e ? { ...n ?? {}, cursor: e } : n;
+}
 function at(t) {
   if (!t)
     return nr;
@@ -718,10 +734,16 @@ function at(t) {
     return e;
   const n = {};
   for (const [r, o] of Object.entries(t))
-    o != null && (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (n[r] = o);
+    if (o != null) {
+      if (r === "style" && typeof o == "string") {
+        n[r] = rr(o);
+        continue;
+      }
+      (typeof o == "string" || typeof o == "number" || typeof o == "boolean") && (n[r] = o);
+    }
   return St.set(t, n), n;
 }
-function rr(t) {
+function sr(t) {
   let e = t.parentElement;
   for (; e; ) {
     const r = window.getComputedStyle(e).overflowY;
@@ -732,26 +754,26 @@ function rr(t) {
   return null;
 }
 const Ft = 1.5;
-function Vt(t, e) {
+function Wt(t, e) {
   requestAnimationFrame(() => {
     const n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), o = t.scrollTop + (r.bottom - n.bottom) + 16, i = Math.abs(o - t.scrollTop) > t.clientHeight * Ft ? "auto" : "smooth";
     "scrollBehavior" in document.documentElement.style ? t.scrollTo({ top: o, behavior: i }) : t.scrollTop = o;
   });
 }
-const et = "data-ikon-scroll-indicator", or = 0.15, xe = "data-ikon-at-bottom";
-function Wt(t) {
-  return Math.max(t.clientHeight * or, 20);
+const et = "data-ikon-scroll-indicator", ir = 0.15, xe = "data-ikon-at-bottom";
+function Vt(t) {
+  return Math.max(t.clientHeight * ir, 20);
 }
-function sr(t) {
+function ar(t) {
   return t.getAttribute(xe) !== "false";
 }
-function ir(t) {
+function cr(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);
+    const { scrollTop: e, scrollHeight: n, clientHeight: r } = t, s = n - e - r <= Vt(t);
     t.setAttribute(xe, s ? "true" : "false");
   }, { passive: !0 }));
 }
-function ar(t) {
+function lr(t) {
   const e = t.parentElement ?? t, n = e.querySelector(`[${et}]`);
   if (n)
     return n;
@@ -784,22 +806,22 @@ function ar(t) {
     r.style.opacity = "0.9";
   }), e.appendChild(r), r;
 }
-function cr(t, e) {
-  const n = ar(t);
+function ur(t, e) {
+  const n = lr(t);
   n.style.display = "flex";
   const r = () => {
-    Vt(t, e), n.style.display = "none";
+    Wt(t, e), n.style.display = "none";
   }, o = () => {
     const { scrollTop: s, scrollHeight: i, clientHeight: a } = t;
-    i - s - a <= Wt(t) && (n.style.display = "none");
+    i - s - a <= Vt(t) && (n.style.display = "none");
   };
   return n.addEventListener("click", r), t.addEventListener("scroll", o, { passive: !0 }), () => {
     n.removeEventListener("click", r), t.removeEventListener("scroll", o);
   };
 }
-function lr() {
+function dr() {
   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;
+    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), g = o?.props?.preciseGeneratedAt;
     return C(() => {
       if (typeof document > "u")
         return;
@@ -808,13 +830,13 @@ function lr() {
         return;
       let u;
       if (l !== !0) {
-        const S = rr(c);
-        if (S)
-          if (ir(S), h === "Polite" && !sr(S))
-            u = cr(S, c);
+        const b = sr(c);
+        if (b)
+          if (cr(b), h === "Polite" && !ar(b))
+            u = ur(b, c);
           else {
-            const U = (S.parentElement ?? S).querySelector(`[${et}]`);
-            U && (U.style.display = "none"), Vt(S, c);
+            const U = (b.parentElement ?? b).querySelector(`[${et}]`);
+            U && (U.style.display = "none"), Wt(b, c);
           }
         else typeof c.scrollIntoView == "function" && requestAnimationFrame(() => {
           const R = c.getBoundingClientRect().top, v = typeof window < "u" ? window.innerHeight : 0, T = Math.abs(R) > v * Ft ? "auto" : "smooth";
@@ -833,7 +855,7 @@ function lr() {
           c.focus();
         }
       return u;
-    }, [l, h, i, f, y]), o ? /* @__PURE__ */ w.jsx(
+    }, [l, h, i, f, g]), o ? /* @__PURE__ */ w.jsx(
       "span",
       {
         ref: s,
@@ -850,7 +872,7 @@ function lr() {
       return t;
   };
 }
-function ur() {
+function fr() {
   const t = G(function({ nodeId: n, context: r, className: o }) {
     const s = Z(r.store, n), i = tr(s?.props?.onInvokeId), a = j(() => {
       i && r.dispatchAction(i);
@@ -868,7 +890,12 @@ function ur() {
         "data-ikon-source": s.sourceMarker,
         className: h,
         onClick: i ? a : void 0,
-        style: i ? { cursor: "pointer" } : void 0,
+        role: i && !l.role ? "button" : l.role,
+        tabIndex: i && l.tabIndex === void 0 ? 0 : l.tabIndex,
+        onKeyDown: i ? (g) => {
+          (g.key === "Enter" || g.key === " ") && (g.preventDefault(), a());
+        } : void 0,
+        style: or(l.style, i ? "pointer" : void 0),
         children: f
       }
     );
@@ -878,7 +905,7 @@ function ur() {
       return t;
   };
 }
-function dr() {
+function hr() {
   const t = G(function({ nodeId: n, context: r, className: o }) {
     const s = Z(r.store, n);
     if (!s)
@@ -891,7 +918,7 @@ function dr() {
       return t;
   };
 }
-function fr() {
+function pr() {
   const t = G(function({ nodeId: n, context: r, className: o }) {
     const s = Z(r.store, n);
     if (!s)
@@ -904,19 +931,19 @@ function fr() {
       return t;
   };
 }
-function hr() {
+function mr() {
   return [
-    ur(),
-    dr(),
     fr(),
-    lr()
+    hr(),
+    pr(),
+    dr()
   ];
 }
-const pr = "base", mr = async () => hr();
-function gr(t) {
-  t.registerModule(pr, mr);
+const gr = "base", yr = async () => mr();
+function br(t) {
+  t.registerModule(gr, yr);
 }
-function yr(t) {
+function Sr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -926,7 +953,7 @@ function yr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function br(...t) {
+function wr(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
@@ -947,8 +974,8 @@ function _e(t) {
     if (e === "false") return !1;
   }
 }
-const Sr = "std.audio-url-player";
-function wr() {
+const vr = "std.audio-url-player";
+function Er() {
   const t = G(function({
     nodeId: n,
     context: r,
@@ -960,14 +987,14 @@ function wr() {
       });
     }, [a, l]), !s)
       return null;
-    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);
+    const h = wr(Sr(s.props?.className), o), f = wt(s.props?.preload), g = _e(s.props?.controls), m = _e(s.props?.loop), c = _e(s.props?.muted);
     return /* @__PURE__ */ w.jsx(
       "audio",
       {
         ref: i,
         src: l,
         ...f !== void 0 ? { preload: f } : {},
-        ...y !== void 0 ? { controls: y } : {},
+        ...g !== void 0 ? { controls: g } : {},
         ...a !== void 0 ? { autoPlay: a } : {},
         ...m !== void 0 ? { loop: m } : {},
         ...c !== void 0 ? { muted: c } : {},
@@ -978,7 +1005,7 @@ function wr() {
     );
   });
   return ({ type: e }) => {
-    if (e === Sr)
+    if (e === vr)
       return t;
   };
 }
@@ -1013,33 +1040,33 @@ function tt(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const vr = "std.video-canvas", Er = "std.video-url-player";
-function Rr() {
+const Rr = "std.video-canvas", Ar = "std.video-url-player";
+function Tr() {
   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);
+    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, g = 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(() => {
       if (!h?.isWebRtcEnabled) return;
       const p = h.onWebRtcTrackMapChanged;
-      return h.onWebRtcTrackMapChanged = (b) => {
-        p?.(b), b.kind === "video" && u((S) => S + 1);
+      return h.onWebRtcTrackMapChanged = (S) => {
+        p?.(S), S.kind === "video" && u((b) => b + 1);
       }, () => {
         h.onWebRtcTrackMapChanged = p;
       };
     }, [h]);
-    const g = h?.isWebRtcEnabled && f ? h.getWebRtcVideoStreamByStreamId(f) : null;
+    const y = h?.isWebRtcEnabled && f ? h.getWebRtcVideoStreamByStreamId(f) : null;
     return C(() => {
       const p = i.current;
-      if (!(!l || !p || !f || g))
+      if (!(!l || !p || !f || y))
         return l.attachCanvas(f, p), () => {
           l.detachCanvas(f);
         };
-    }, [l, f, g]), C(() => {
+    }, [l, f, y]), C(() => {
       const p = a.current;
-      if (!(!p || !g))
-        return p.srcObject = g, () => {
+      if (!(!p || !y))
+        return p.srcObject = y, () => {
           p.srcObject = null;
         };
-    }, [g]), s ? g ? /* @__PURE__ */ w.jsx(
+    }, [y]), s ? y ? /* @__PURE__ */ w.jsx(
       "video",
       {
         ref: a,
@@ -1050,7 +1077,7 @@ function Rr() {
         "data-ikon-source": s.sourceMarker,
         "data-ikon-video-stream-id": f,
         className: c,
-        ...y ? { width: y } : {},
+        ...g ? { width: g } : {},
         ...m ? { height: m } : {}
       },
       f
@@ -1062,19 +1089,19 @@ function Rr() {
         "data-ikon-source": s.sourceMarker,
         "data-ikon-video-stream-id": f,
         className: c,
-        ...y ? { width: y } : {},
+        ...g ? { width: g } : {},
         ...m ? { height: m } : {}
       },
       f
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === vr)
+    if (e === Rr)
       return t;
   };
 }
-function Ar() {
-  return [Rr(), Tr(), wr()];
+function kr() {
+  return [Tr(), Cr(), Er()];
 }
 function be(t) {
   if (typeof t == "boolean")
@@ -1085,7 +1112,7 @@ function be(t) {
     if (e === "false") return !1;
   }
 }
-function Tr() {
+function Cr() {
   const t = G(function({
     nodeId: n,
     context: r,
@@ -1097,49 +1124,49 @@ function Tr() {
       });
     }, [a, l]), !s)
       return null;
-    const h = Yt(Kt(s.props?.className), o), f = tt(s.props?.poster), y = be(s.props?.controls), m = be(s.props?.loop), c = be(s.props?.muted), u = be(s.props?.playsInline), g = Ne(s.props?.width), p = Ne(s.props?.height), b = s.children?.length ? r.renderChildren(s.children) : void 0;
+    const h = Yt(Kt(s.props?.className), o), f = tt(s.props?.poster), g = be(s.props?.controls), m = be(s.props?.loop), c = be(s.props?.muted), u = be(s.props?.playsInline), y = Ne(s.props?.width), p = Ne(s.props?.height), S = s.children?.length ? r.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ w.jsx(
       "video",
       {
         ref: i,
         src: l,
         poster: f,
-        ...y !== void 0 ? { controls: y } : {},
+        ...g !== void 0 ? { controls: g } : {},
         ...a !== void 0 ? { autoPlay: a } : {},
         ...m !== void 0 ? { loop: m } : {},
         ...c !== void 0 ? { muted: c } : {},
         ...u !== void 0 ? { playsInline: u } : {},
-        ...g ? { width: g } : {},
+        ...y ? { width: y } : {},
         ...p ? { height: p } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
         className: h,
-        children: b
+        children: S
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Er)
+    if (e === Ar)
       return t;
   };
 }
-const kr = "media", Cr = async () => Ar();
-function _r(t) {
-  t.registerModule(kr, Cr);
+const _r = "media", Ir = async () => kr();
+function Or(t) {
+  t.registerModule(_r, Ir);
 }
-const Ir = `#version 300 es
+const xr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `, le = 4;
-function Or(t, e) {
+function Nr(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function xr(t, e) {
+function Lr(t, e) {
   const n = [];
   for (const [r, o] of Object.entries(e)) {
-    if (Or(t, r))
+    if (Nr(t, r))
       continue;
     let s;
     switch (o.type) {
@@ -1200,7 +1227,7 @@ void main() {
 }
 `;
 }
-class Nr {
+class Pr {
   gl;
   program = null;
   positionBuffer = null;
@@ -1275,10 +1302,10 @@ class Nr {
   }
   compile(e, n = {}) {
     this.lastError = null, this.customUniforms = n, this.currentShaderSource = e;
-    const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, Ir);
+    const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, xr);
     if (!o)
       return !1;
-    const s = xr(e, n), i = this.compileShader(r.FRAGMENT_SHADER, s);
+    const s = Lr(e, n), i = this.compileShader(r.FRAGMENT_SHADER, s);
     if (!i)
       return r.deleteShader(o), !1;
     const a = r.createProgram();
@@ -1321,53 +1348,53 @@ class Nr {
     h && e.uniform3f(h, o, s, 1);
     const f = this.uniformLocations.get("iTime");
     f && e.uniform1f(f, a);
-    const y = this.uniformLocations.get("iTimeDelta");
-    y && e.uniform1f(y, l);
+    const g = this.uniformLocations.get("iTimeDelta");
+    g && e.uniform1f(g, l);
     const m = this.uniformLocations.get("iFrame");
     m && e.uniform1i(m, this.frameCount);
     const c = this.uniformLocations.get("iMouse");
     c && e.uniform4f(c, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
     const u = this.uniformLocations.get("iDate");
     if (u) {
-      const b = /* @__PURE__ */ new Date();
-      e.uniform4f(u, b.getFullYear(), b.getMonth(), b.getDate(), b.getHours() * 3600 + b.getMinutes() * 60 + b.getSeconds() + b.getMilliseconds() / 1e3);
+      const S = /* @__PURE__ */ new Date();
+      e.uniform4f(u, S.getFullYear(), S.getMonth(), S.getDate(), S.getHours() * 3600 + S.getMinutes() * 60 + S.getSeconds() + S.getMilliseconds() / 1e3);
     }
-    for (let b = 0; b < le; b++) {
-      e.activeTexture(e.TEXTURE0 + b), e.bindTexture(e.TEXTURE_2D, this.channels[b].texture);
-      const S = this.uniformLocations.get(`iChannel${b}`);
-      S && e.uniform1i(S, b);
+    for (let S = 0; S < le; S++) {
+      e.activeTexture(e.TEXTURE0 + S), e.bindTexture(e.TEXTURE_2D, this.channels[S].texture);
+      const b = this.uniformLocations.get(`iChannel${S}`);
+      b && e.uniform1i(b, S);
     }
-    const g = this.uniformLocations.get("iChannelResolution");
-    g && e.uniform3fv(g, this.channelResolution);
+    const y = this.uniformLocations.get("iChannelResolution");
+    y && e.uniform3fv(y, this.channelResolution);
     const p = this.uniformLocations.get("iChannelTime");
     p && e.uniform1fv(p, this.channelTime);
-    for (const [b, S] of Object.entries(this.customUniforms)) {
-      const R = this.uniformLocations.get(b);
+    for (const [S, b] of Object.entries(this.customUniforms)) {
+      const R = this.uniformLocations.get(S);
       if (R)
-        switch (S.type) {
+        switch (b.type) {
           case "float":
-            e.uniform1f(R, S.value);
+            e.uniform1f(R, b.value);
             break;
           case "vec2": {
-            const v = S.value;
+            const v = b.value;
             e.uniform2f(R, v[0], v[1]);
             break;
           }
           case "vec3": {
-            const v = S.value;
+            const v = b.value;
             e.uniform3f(R, v[0], v[1], v[2]);
             break;
           }
           case "vec4": {
-            const v = S.value;
+            const v = b.value;
             e.uniform4f(R, v[0], v[1], v[2], v[3]);
             break;
           }
           case "int":
-            e.uniform1i(R, S.value);
+            e.uniform1i(R, b.value);
             break;
           case "bool":
-            e.uniform1i(R, S.value ? 1 : 0);
+            e.uniform1i(R, b.value ? 1 : 0);
             break;
         }
     }
@@ -1384,7 +1411,7 @@ class Nr {
     this.channels = [], this.uniformLocations.clear();
   }
 }
-function Lr(t) {
+function Ur(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1394,7 +1421,7 @@ function Lr(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Pr(...t) {
+function Mr(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
@@ -1409,10 +1436,10 @@ function Ke(t) {
       return Math.floor(e);
   }
 }
-function Ur(t) {
+function Dr(t) {
   return typeof t == "string" ? t : "";
 }
-function Mr(t) {
+function jr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1421,7 +1448,7 @@ function Mr(t) {
     if (e === "false") return !1;
   }
 }
-function Dr(t) {
+function $r(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, n = t;
@@ -1436,10 +1463,10 @@ function Dr(t) {
   }
   return e;
 }
-function jr(t) {
+function Br(t) {
   return Array.isArray(t) ? t.map((e) => typeof e == "string" ? e : null) : [];
 }
-function $r(t, e) {
+function Fr(t, e) {
   const n = Object.keys(t), r = Object.keys(e);
   if (n.length !== r.length)
     return !1;
@@ -1460,21 +1487,21 @@ function $r(t, e) {
   }
   return !0;
 }
-const Br = "std.shadertoy-canvas";
-function Fr() {
+const Wr = "std.shadertoy-canvas";
+function Vr() {
   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({
+    const s = Z(r.store, n), i = E(null), a = E(null), l = E(null), h = E(0), f = E(""), g = E({}), m = E({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), 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 = s ? Dr(s.props?.shaderSource) : "", u = s ? Ke(s.props?.fps) ?? 60 : 60, y = s?.props?.uniforms, p = V(() => $r(y), [y]), S = s?.props?.channels, b = V(() => Br(S), [S]), R = s ? jr(s.props?.enableMouse) ?? !0 : !0, v = s ? Ke(s.props?.width) : void 0, T = s ? Ke(s.props?.height) : void 0, U = s ? Mr(Ur(s.props?.className), o) : o;
     C(() => {
       const I = i.current;
       if (I) {
         try {
-          const P = new Nr(I);
+          const P = new Pr(I);
           a.current = P;
         } catch (P) {
           console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
@@ -1487,18 +1514,18 @@ function Fr() {
       const I = a.current;
       if (!(!I || !c) && f.current !== c)
         if (I.compile(c, p))
-          f.current = c, y.current = p;
+          f.current = c, g.current = p;
         else {
           const M = I.getError();
           console.error("[ShadertoyRenderer] Shader compilation failed:", M);
         }
     }, [c, p]), C(() => {
       const I = a.current;
-      !I || !f.current || $r(y.current, p) || (I.setCustomUniforms(p), y.current = p);
+      !I || !f.current || Fr(g.current, p) || (I.setCustomUniforms(p), g.current = p);
     }, [p]), C(() => {
       const I = a.current;
-      I && I.setChannels(S);
-    }, [S]), C(() => {
+      I && I.setChannels(b);
+    }, [b]), C(() => {
       const I = a.current;
       if (!I || !f.current) return;
       const P = 1e3 / u, M = (B) => {
@@ -1514,8 +1541,8 @@ function Fr() {
         if (!R) return;
         const P = i.current, M = a.current;
         if (!P || !M) return;
-        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);
+        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), W = (I.clientX - $.left) * B, K = ($.height - (I.clientY - $.top)) * B;
+        m.current.x = W, m.current.y = K, M.setMouse(W, K, m.current.clickX, m.current.clickY);
       },
       [R]
     ), te = j(
@@ -1523,8 +1550,8 @@ function Fr() {
         if (!R) return;
         const P = i.current, M = a.current;
         if (!P || !M) return;
-        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);
+        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), W = (I.clientX - $.left) * B, K = ($.height - (I.clientY - $.top)) * B;
+        m.current.isDown = !0, m.current.clickX = W, m.current.clickY = K, M.setMouse(W, K, W, K);
       },
       [R]
     ), z = j(() => {
@@ -1547,16 +1574,16 @@ function Fr() {
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === Br)
+    if (e === Wr)
       return t;
   };
 }
-const Vr = "shadertoy", Wr = async () => Fr();
-function Kr(t) {
-  t.registerModule(Vr, Wr);
+const Kr = "shadertoy", Yr = async () => Vr();
+function Gr(t) {
+  t.registerModule(Kr, Yr);
 }
 const vt = oe("UIRegistry");
-class Yr {
+class zr {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1578,7 +1605,7 @@ class Yr {
     for (const [r, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(r))
         try {
-          const s = await o(), i = Xr(s);
+          const s = await o(), i = qr(s);
           this.moduleResolvers.set(r, i), e = !0;
         } catch (s) {
           vt.error(`[IkonUiRegistry] Failed to load module '${r}'.`, s);
@@ -1586,7 +1613,7 @@ class Yr {
     const n = [];
     for (const r of this.moduleLoaders.keys())
       this.moduleResolvers.has(r) && n.push(r);
-    return Hr(n, this.activeModuleOrder) || (this.activeModuleOrder = n, e = !0), e;
+    return Jr(n, this.activeModuleOrder) || (this.activeModuleOrder = n, e = !0), e;
   }
   resolve(e) {
     for (const n of this.baseResolvers) {
@@ -1606,17 +1633,17 @@ class Yr {
     }
   }
 }
-function Gr() {
-  const t = new Yr();
-  return gr(t), _r(t), Kr(t), t.loadRegisteredModules(), t;
+function Xr() {
+  const t = new zr();
+  return br(t), Or(t), Gr(t), t.loadRegisteredModules(), t;
 }
-function zr(t) {
+function Hr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function Xr(t) {
-  return t ? zr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function qr(t) {
+  return t ? Hr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function Hr(t, e) {
+function Jr(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let n = 0; n < t.length; n += 1)
@@ -1624,7 +1651,7 @@ function Hr(t, e) {
       return !1;
   return !0;
 }
-function _s({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
+function Os({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
   return /* @__PURE__ */ w.jsx(
     Bt,
     {
@@ -1681,50 +1708,50 @@ function At(t) {
 }
 function Tt(t, e, n, r) {
   const f = new Float32Array(11);
-  function y(p, b, S) {
-    return ((3 * b - 3 * S + 1) * p + (3 * S - 6 * b)) * p * p + 3 * b * p;
+  function g(p, S, b) {
+    return ((3 * S - 3 * b + 1) * p + (3 * b - 6 * S)) * p * p + 3 * S * p;
   }
-  function m(p, b, S) {
-    return 3 * (3 * b - 3 * S + 1) * p * p + 2 * (3 * S - 6 * b) * p + 3 * b;
+  function m(p, S, b) {
+    return 3 * (3 * S - 3 * b + 1) * p * p + 2 * (3 * b - 6 * S) * p + 3 * S;
   }
-  function c(p, b) {
-    for (let S = 0; S < 4; S += 1) {
-      const R = m(b, t, n);
+  function c(p, S) {
+    for (let b = 0; b < 4; b += 1) {
+      const R = m(S, t, n);
       if (R === 0)
-        return b;
-      const v = y(b, t, n) - p;
-      b -= v / R;
+        return S;
+      const v = g(S, t, n) - p;
+      S -= v / R;
     }
-    return b;
+    return S;
   }
-  function u(p, b, S) {
+  function u(p, S, b) {
     let R = 0, v = 0, T = 0;
     do
-      v = b + (S - b) / 2, R = y(v, t, n) - p, R > 0 ? S = v : b = v;
+      v = S + (b - S) / 2, R = g(v, t, n) - p, R > 0 ? b = v : S = v;
     while (Math.abs(R) > 1e-7 && ++T < 10);
     return v;
   }
-  function g(p) {
-    let b = 0, S = 1;
+  function y(p) {
+    let S = 0, b = 1;
     const R = 10;
-    for (; S !== R && f[S] <= p; S += 1)
-      b += 0.1;
-    S -= 1;
-    const v = (p - f[S]) / (f[S + 1] - f[S]), T = b + v * 0.1, U = m(T, t, n);
-    return U >= 1e-3 ? c(p, T) : U === 0 ? T : u(p, b, b + 0.1);
+    for (; b !== R && f[b] <= p; b += 1)
+      S += 0.1;
+    b -= 1;
+    const v = (p - f[b]) / (f[b + 1] - f[b]), T = S + v * 0.1, U = m(T, t, n);
+    return U >= 1e-3 ? c(p, T) : U === 0 ? T : u(p, S, S + 0.1);
   }
   for (let p = 0; p < 11; p += 1)
-    f[p] = y(p * 0.1, t, n);
-  return (p) => p <= 0 ? 0 : p >= 1 ? 1 : y(g(p), e, r);
+    f[p] = g(p * 0.1, t, n);
+  return (p) => p <= 0 ? 0 : p >= 1 ? 1 : g(y(p), e, r);
 }
-function qr(t) {
+function Zr(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 Jr(t) {
+function Qr(t) {
   if (!t)
     return (n) => F(n);
   const e = t.trim().toLowerCase();
@@ -1742,12 +1769,12 @@ function Jr(t) {
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const n = qr(e);
+    const n = Zr(e);
     return (r) => n(F(r));
   }
   return (n) => F(n);
 }
-function Zr(t) {
+function eo(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1757,7 +1784,7 @@ function Zr(t) {
   if (![n, r, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: n, inEnd: r, outStart: o, outEnd: s };
 }
-class Qr {
+class to {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1802,7 +1829,7 @@ class Qr {
     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 = Jr(e.ease), h = Zr(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 = Qr(e.ease), h = eo(e.map), f = e.targetId?.trim() || void 0;
     return Number.isNaN(r) || Number.isNaN(s) ? void 0 : {
       source: n.toLowerCase(),
       min: r,
@@ -2015,8 +2042,8 @@ class Qr {
     }
   }
 }
-const Ge = new Qr();
-function eo(t) {
+const Ge = new to();
+function no(t) {
   const e = E(/* @__PURE__ */ new Map()), n = j(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
@@ -2049,7 +2076,7 @@ function eo(t) {
     };
   }, [t, o, n, r]), C(() => () => o(), [o]), { setStyle: n, deleteStyles: r, reset: o };
 }
-function to(t) {
+function ro(t) {
   const e = [];
   for (const [n, r] of t) {
     const o = r.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -2057,7 +2084,7 @@ function to(t) {
   }
   return e.sort(), e.join(",");
 }
-function no(t) {
+function oo(t) {
   const [e, n] = x(), r = E("");
   return C(() => {
     if (!t) {
@@ -2065,7 +2092,7 @@ function no(t) {
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = to(s);
+      const s = t.getStores(), i = ro(s);
       i !== r.current && (r.current = i, n(s));
     };
     return o(), t.subscribe(o);
@@ -2078,7 +2105,7 @@ const k = {
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, ro = [
+}, so = [
   {
     flag: k.Letter,
     hints: [
@@ -2127,11 +2154,11 @@ const k = {
       "[data-emoji]"
     ]
   }
-], 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 > so)
+], nt = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, io = k.Letter | k.Word | k.Line | k.Paragraph, kt = /* @__PURE__ */ new Map(), ao = 16384;
+function xs(t, e) {
+  if (!t || t.length > ao)
     return t;
-  const n = Ro(e), r = fe(n, k.Emoji), o = n & oo;
+  const n = To(e), r = fe(n, k.Emoji), o = n & io;
   if (o === k.None && !r)
     return t;
   const s = t.replace(/\r\n/g, `
@@ -2139,20 +2166,20 @@ function Is(t, e) {
 `);
   if (o === k.None)
     return Ot(s);
-  const i = vo(s);
+  const i = Ro(s);
   if (i.length === 0)
     return r ? Ot(s) : t;
-  const a = Eo(i), l = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, h = [];
+  const a = Ao(i), l = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, h = [];
   for (const f of a) {
-    const y = io(f, n, l);
-    h.push(...y);
+    const g = co(f, n, l);
+    h.push(...g);
   }
   return h;
 }
-function io(t, e, n) {
+function co(t, e, n) {
   const r = [];
   for (const o of t) {
-    const s = ao(o, e, n);
+    const s = lo(o, e, n);
     r.push(...s);
   }
   if (fe(e, k.Paragraph)) {
@@ -2171,8 +2198,8 @@ function io(t, e, n) {
   }
   return r;
 }
-function ao(t, e, n) {
-  const r = co(t.text, e, n), o = [];
+function lo(t, e, n) {
+  const r = uo(t.text, e, n), o = [];
   if (fe(e, k.Line)) {
     const s = n.line++;
     o.push(
@@ -2184,7 +2211,7 @@ function ao(t, e, n) {
     o.push(/* @__PURE__ */ w.jsx("br", {}, `motion-break-${n.br++}`));
   return o;
 }
-function co(t, e, n) {
+function uo(t, e, n) {
   if (!t)
     return [];
   const r = fe(e, k.Word), o = [], s = /(\s+)/g;
@@ -2203,13 +2230,13 @@ function co(t, e, n) {
   return o;
 }
 function Ct(t, e, n, r) {
-  const o = e.word++, s = uo(t, n, e), i = `motion-word-${o}`, a = lo(o, r);
+  const o = e.word++, s = ho(t, n, e), i = `motion-word-${o}`, a = fo(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 lo(t, e) {
+function fo(t, e) {
   return e ? { ...Ue(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function uo(t, e, n) {
+function ho(t, e, n) {
   if (!t)
     return [];
   const r = fe(e, k.Letter), o = fe(e, k.Emoji);
@@ -2242,33 +2269,33 @@ function uo(t, e, n) {
 function rt(t) {
   if (!t)
     return [];
-  const e = fo();
-  return e ? Array.from(e.segment(t), (n) => n.segment) : ho(t);
+  const e = po();
+  return e ? Array.from(e.segment(t), (n) => n.segment) : mo(t);
 }
 let Se;
-function fo() {
+function po() {
   return Se !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? Se = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : Se = null), Se;
 }
-function ho(t) {
+function mo(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 && po(s, i)) && (e.push(r), r = "");
+    r += s, !(i && go(s, i)) && (e.push(r), r = "");
   }
   return r && e.push(r), e;
 }
-function po(t, e) {
-  return e ? !!(_t(t) || _t(e) || yo(e) || mo(e) || go(e) || It(t) && It(e)) : !1;
+function go(t, e) {
+  return e ? !!(_t(t) || _t(e) || So(e) || yo(e) || bo(e) || It(t) && It(e)) : !1;
 }
 function _t(t) {
   return t.codePointAt(0) === 8205;
 }
-function mo(t) {
+function yo(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function go(t) {
+function bo(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
@@ -2277,10 +2304,10 @@ function It(t) {
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
 let ze;
-function yo(t) {
-  return t ? (ze || (ze = bo()), ze(t)) : !1;
+function So(t) {
+  return t ? (ze || (ze = wo()), ze(t)) : !1;
 }
-function bo() {
+function wo() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2293,17 +2320,17 @@ function bo() {
 }
 let Xe;
 function Gt(t) {
-  return t ? (Xe || (Xe = So()), Xe(t)) : !1;
+  return t ? (Xe || (Xe = vo()), Xe(t)) : !1;
 }
-function So() {
+function vo() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return wo;
+    return Eo;
   }
 }
-function wo(t) {
+function Eo(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2313,7 +2340,7 @@ function wo(t) {
   }
   return !1;
 }
-function vo(t) {
+function Ro(t) {
   const e = [];
   let n = "", r = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2327,7 +2354,7 @@ function vo(t) {
   }
   return (r > 0 || n.length > 0) && e.push({ text: n, breaks: r }), e;
 }
-function Eo(t) {
+function Ao(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2384,7 +2411,7 @@ function zt(t, e) {
   }
   return i(), o ? { nodes: n, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function Ro(t) {
+function To(t) {
   if (!t)
     return k.None;
   const e = t.trim();
@@ -2398,8 +2425,8 @@ function Ro(t) {
   const r = e.split(/\s+/).filter(Boolean);
   if (r.length === 0)
     return k.None;
-  const s = r.map((l) => `.${Ao(l)}`).map(
-    (l) => new RegExp(`(^|[^a-zA-Z0-9_-])${To(l)}(?![a-zA-Z0-9_-])`)
+  const s = r.map((l) => `.${ko(l)}`).map(
+    (l) => new RegExp(`(^|[^a-zA-Z0-9_-])${Co(l)}(?![a-zA-Z0-9_-])`)
   );
   let i = k.None, a = !1;
   for (const l of Array.from(document.styleSheets)) {
@@ -2427,7 +2454,7 @@ function Xt(t, e) {
         const a = s.selectorText ?? "";
         if (!a || !e.some((h) => h.test(a))) continue;
         r = !0;
-        for (const h of ro)
+        for (const h of so)
           h.hints.some((f) => a.includes(f)) && (n |= h.flag);
         if (n === nt)
           return { mask: n, sawStyleRule: !0 };
@@ -2441,19 +2468,19 @@ function Xt(t, e) {
   }
   return { mask: n, sawStyleRule: r };
 }
-function Ao(t) {
+function ko(t) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function To(t) {
+function Co(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const ct = "ikon-auth-session", Ht = "ikon-auth-auto-login-attempted-run", ko = 10080 * 60 * 1e3, Co = 60 * 1e3;
+const ct = "ikon-auth-session", Ht = "ikon-auth-auto-login-attempted-run", _o = 10080 * 60 * 1e3, Io = 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 - Co;
+    return typeof o.exp != "number" ? !1 : Date.now() >= o.exp * 1e3 - Io;
   } catch {
     return !0;
   }
@@ -2470,7 +2497,7 @@ function Jt() {
     const t = localStorage.getItem(ct);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > ko || qt(e.token) ? (Le(), null) : e;
+    return Date.now() - e.authenticatedAt > _o || qt(e.token) ? (Le(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
@@ -2482,7 +2509,7 @@ function Le() {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function _o(t) {
+function Oo(t) {
   if (t)
     try {
       sessionStorage.setItem(Ht, t);
@@ -2490,7 +2517,7 @@ function _o(t) {
       console.warn("Failed to record auto-login attempt in sessionStorage");
     }
 }
-function Io() {
+function xo() {
   try {
     return sessionStorage.getItem(Ht);
   } catch {
@@ -2524,14 +2551,14 @@ async function Qt(t, e) {
   try {
     i = await fetch(s, r);
   } catch (h) {
-    const f = h instanceof Error ? `${h.name}: ${h.message}` : String(h), y = Cn(), m = y ? `${y}/anonymous` : null;
+    const f = h instanceof Error ? `${h.name}: ${h.message}` : String(h), g = Cn(), m = g ? `${g}/anonymous` : null;
     if (m && m !== s) {
       we.warn(`Anonymous auth could not reach ${s} (${f}); falling back to same-origin ${m}`);
       try {
         i = await fetch(m, r);
       } catch (c) {
-        const u = c instanceof Error ? `${c.name}: ${c.message}` : String(c), g = await xt(e);
-        throw we.error(`Anonymous auth failed on both direct (${s}: ${f}) and same-origin (${m}: ${u}). ${g}`), new Error(`Anonymous auth unreachable: direct ${s} (${f}) and same-origin ${m} (${u})`);
+        const u = c instanceof Error ? `${c.name}: ${c.message}` : String(c), y = await xt(e);
+        throw we.error(`Anonymous auth failed on both direct (${s}: ${f}) and same-origin (${m}: ${u}). ${y}`), new Error(`Anonymous auth unreachable: direct ${s} (${f}) and same-origin ${m} (${u})`);
       }
     } else {
       const c = await xt(e);
@@ -2549,7 +2576,7 @@ async function Qt(t, e) {
   };
   return he(l), l;
 }
-async function Oo({ email: t, spaceId: e, authUrl: n }) {
+async function No({ email: t, spaceId: e, authUrl: n }) {
   const r = await fetch(`${n}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2564,7 +2591,7 @@ async function Oo({ email: t, spaceId: e, authUrl: n }) {
     throw new Error(o);
   }
 }
-async function xo({ email: t, code: e, authUrl: n }) {
+async function Lo({ email: t, code: e, authUrl: n }) {
   const r = await fetch(`${n}/email/code`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2585,21 +2612,21 @@ async function xo({ email: t, code: e, authUrl: n }) {
   };
   return he(s), s;
 }
-function No() {
+function Po() {
   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 Lo() {
+function Uo() {
   return new URLSearchParams(window.location.search).get("error");
 }
 function Nt() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function Po(t, e, n, r) {
+function Mo(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 Uo(t) {
+async function Do(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2610,7 +2637,7 @@ async function Uo(t) {
   }
   return e.json();
 }
-async function Mo(t, e, n) {
+async function jo(t, e, n) {
   const r = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2627,7 +2654,7 @@ async function Mo(t, e, n) {
   };
   return he(s), s;
 }
-async function Do(t, e) {
+async function $o(t, e) {
   const n = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2639,7 +2666,7 @@ async function Do(t, e) {
   }
   return n.json();
 }
-async function jo(t, e) {
+async function Bo(t, e) {
   const n = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2670,9 +2697,9 @@ function Pe(t) {
   return s;
 }
 function lt() {
-  return $o.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+  return Fo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const $o = {
+const Fo = {
   stubThis: (t) => t
 };
 function en(t) {
@@ -2705,7 +2732,7 @@ class D extends Error {
     }), this.name = o ?? r.name, this.code = n;
   }
 }
-function Bo({ error: t, options: e }) {
+function Wo({ error: t, options: e }) {
   const { publicKey: n } = e;
   if (!n)
     throw Error("options was missing required publicKey property");
@@ -2791,7 +2818,7 @@ function Bo({ error: t, options: e }) {
   }
   return t;
 }
-class Fo {
+class Vo {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2815,12 +2842,12 @@ class Fo {
     }
   }
 }
-const nn = new Fo(), Vo = ["cross-platform", "platform"];
+const nn = new Vo(), Ko = ["cross-platform", "platform"];
 function rn(t) {
-  if (t && !(Vo.indexOf(t) < 0))
+  if (t && !(Ko.indexOf(t) < 0))
     return t;
 }
-async function Wo(t) {
+async function Yo(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())
@@ -2839,17 +2866,17 @@ async function Wo(t) {
   try {
     s = await navigator.credentials.create(o);
   } catch (u) {
-    throw Bo({ error: u, options: o });
+    throw Wo({ error: u, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
   const { id: i, rawId: a, response: l, type: h } = s;
   let f;
   typeof l.getTransports == "function" && (f = l.getTransports());
-  let y;
+  let g;
   if (typeof l.getPublicKeyAlgorithm == "function")
     try {
-      y = l.getPublicKeyAlgorithm();
+      g = l.getPublicKeyAlgorithm();
     } catch (u) {
       He("getPublicKeyAlgorithm()", u);
     }
@@ -2875,7 +2902,7 @@ async function Wo(t) {
       attestationObject: X(l.attestationObject),
       clientDataJSON: X(l.clientDataJSON),
       transports: f,
-      publicKeyAlgorithm: y,
+      publicKeyAlgorithm: g,
       publicKey: m,
       authenticatorData: c
     },
@@ -2888,7 +2915,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 Ko() {
+function Go() {
   if (!lt())
     return qe.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
@@ -2897,7 +2924,7 @@ function Ko() {
 const qe = {
   stubThis: (t) => t
 };
-function Yo({ error: t, options: e }) {
+function zo({ error: t, options: e }) {
   const { publicKey: n } = e;
   if (!n)
     throw Error("options was missing required publicKey property");
@@ -2938,7 +2965,7 @@ function Yo({ error: t, options: e }) {
   }
   return t;
 }
-async function Go(t) {
+async function Xo(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())
@@ -2951,7 +2978,7 @@ async function Go(t) {
     allowCredentials: o
   }, i = {};
   if (n) {
-    if (!await Ko())
+    if (!await Go())
       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');
@@ -2962,11 +2989,11 @@ async function Go(t) {
   try {
     a = await navigator.credentials.get(i);
   } catch (c) {
-    throw Yo({ error: c, options: i });
+    throw zo({ error: c, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: l, rawId: h, response: f, type: y } = a;
+  const { id: l, rawId: h, response: f, type: g } = a;
   let m;
   return f.userHandle && (m = X(f.userHandle)), {
     id: l,
@@ -2977,13 +3004,13 @@ async function Go(t) {
       signature: X(f.signature),
       userHandle: m
     },
-    type: y,
+    type: g,
     clientExtensionResults: a.getClientExtensionResults(),
     authenticatorAttachment: rn(a.authenticatorAttachment)
   };
 }
 const ut = Mt(null);
-function Os({ children: t, config: e }) {
+function Ns({ children: t, config: e }) {
   const [n, r] = x({
     isAuthenticated: !1,
     isLoading: !0,
@@ -2992,23 +3019,23 @@ function Os({ children: t, config: e }) {
   });
   C(() => {
     (() => {
-      const m = e.devLoginRunId, c = !!m && Io() === m;
-      m && _o(m);
-      const u = Lo();
-      if (u) {
+      const m = e.devLoginRunId, c = !!m && xo() === m;
+      m && Oo(m);
+      const u = !!e.devLoginToken && !!m && !c && !qt(e.devLoginToken), y = Uo();
+      if (y) {
         Nt(), r({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
-          error: u
+          error: y
         });
         return;
       }
-      const g = No();
-      if (g) {
+      const p = Po();
+      if (p) {
         const b = {
-          token: g.token,
-          provider: g.provider,
+          token: p.token,
+          provider: p.provider,
           authenticatedAt: Date.now()
         };
         he(b), Nt(), r({
@@ -3019,17 +3046,17 @@ function Os({ children: t, config: e }) {
         });
         return;
       }
-      const p = Jt();
-      if (p) {
+      const S = Jt();
+      if (S && !(u && S.provider === "anonymous")) {
         r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ne(p),
+          user: ne(S),
           error: null
         });
         return;
       }
-      if (e.devLoginToken && m && !c && !qt(e.devLoginToken)) {
+      if (u && e.devLoginToken) {
         const b = {
           token: e.devLoginToken,
           provider: "dev",
@@ -3052,7 +3079,7 @@ function Os({ children: t, config: e }) {
     })();
   }, [e.devLoginToken, e.devLoginRunId]);
   const o = j(
-    async (y) => {
+    async (g) => {
       if (!e.spaceId) {
         r((c) => ({
           ...c,
@@ -3061,7 +3088,7 @@ function Os({ children: t, config: e }) {
         return;
       }
       const m = await ve(e.authUrl);
-      if (y === "guest") {
+      if (g === "guest") {
         r((c) => ({ ...c, isLoading: !0 }));
         try {
           const c = await Qt(e.spaceId, m);
@@ -3080,14 +3107,14 @@ function Os({ children: t, config: e }) {
         }
         return;
       }
-      if (y === "passkey") {
+      if (g === "passkey") {
         r((c) => ({ ...c, isLoading: !0, error: null }));
         try {
-          const c = await Do(m), u = await Go({ optionsJSON: c }), g = await jo(m, u);
+          const c = await $o(m), u = await Xo({ optionsJSON: c }), y = await Bo(m, u);
           r({
             isAuthenticated: !0,
             isLoading: !1,
-            user: ne(g),
+            user: ne(y),
             error: null
           });
         } catch (c) {
@@ -3099,24 +3126,24 @@ function Os({ children: t, config: e }) {
         }
         return;
       }
-      if (y === "email")
+      if (g === "email")
         throw new Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
-      window.location.href = Po(y, e.spaceId, m);
+      window.location.href = Mo(g, e.spaceId, m);
     },
     [e.authUrl, e.spaceId]
   ), s = j(
-    async (y) => {
+    async (g) => {
       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 Oo({ email: y, spaceId: e.spaceId, authUrl: m });
+      await No({ email: g, spaceId: e.spaceId, authUrl: m });
     },
     [e.authUrl, e.spaceId]
   ), i = j(
-    async (y, m) => {
+    async (g, m) => {
       r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await ve(e.authUrl), u = await xo({ email: y, code: m, authUrl: c });
+        const c = await ve(e.authUrl), u = await Lo({ email: g, code: m, authUrl: c });
         r({
           isAuthenticated: !0,
           isLoading: !1,
@@ -3125,7 +3152,7 @@ function Os({ children: t, config: e }) {
         });
       } catch (c) {
         const u = c instanceof Error ? c.message : "Code verification failed";
-        throw r((g) => ({ ...g, isLoading: !1, error: u })), c;
+        throw r((y) => ({ ...y, isLoading: !1, error: u })), c;
       }
     },
     [e.authUrl]
@@ -3137,15 +3164,15 @@ function Os({ children: t, config: e }) {
       error: null
     });
   }, []), l = j(
-    async (y) => {
+    async (g) => {
       const m = await ve(e.authUrl);
       r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await Uo(m), u = await Wo({ optionsJSON: c }), g = await Mo(m, u, y);
+        const c = await Do(m), u = await Yo({ optionsJSON: c }), y = await jo(m, u, g);
         r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ne(g),
+          user: ne(y),
           error: null
         });
       } catch (c) {
@@ -3157,7 +3184,7 @@ function Os({ children: t, config: e }) {
       }
     },
     [e.authUrl]
-  ), h = j(() => n.user?.token ?? null, [n.user]), f = W(
+  ), h = j(() => n.user?.token ?? null, [n.user]), f = V(
     () => ({
       state: n,
       login: o,
@@ -3171,17 +3198,17 @@ function Os({ children: t, config: e }) {
   );
   return /* @__PURE__ */ w.jsx(ut, { value: f, children: t });
 }
-function zo() {
+function Ho() {
   const t = st(ut);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function Xo() {
+function qo() {
   return st(ut);
 }
-function xs(t) {
-  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = zo(), s = E(!1);
+function Ls(t) {
+  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = Ho(), s = E(!1);
   return C(() => {
     if (!n || r.isAuthenticated || r.isLoading || s.current || !e.methods.includes("guest"))
       return;
@@ -3204,9 +3231,9 @@ const on = (() => {
   } catch {
     return !1;
   }
-})(), sn = Date.now(), re = [], Ho = 300;
+})(), sn = Date.now(), re = [], Jo = 300;
 function Ie(t) {
-  re.push(`[+${((Date.now() - sn) / 1e3).toFixed(1)}s] ${t}`), re.length > Ho && re.shift();
+  re.push(`[+${((Date.now() - sn) / 1e3).toFixed(1)}s] ${t}`), re.length > Jo && re.shift();
 }
 function Lt(t) {
   if (typeof t == "string")
@@ -3242,7 +3269,7 @@ function an() {
   }
 }
 on && an();
-function qo() {
+function Zo() {
   let t = !1;
   try {
     const e = URL.createObjectURL(new Blob([""]));
@@ -3253,11 +3280,11 @@ function qo() {
   }
   return t;
 }
-function Jo() {
+function Qo() {
   const t = globalThis;
   return [
     `Worker=${typeof Worker < "u"}`,
-    `moduleWorker=${qo()}`,
+    `moduleWorker=${Zo()}`,
     `WebSocket=${typeof WebSocket < "u"}`,
     `WebTransport=${typeof t.WebTransport < "u"}`,
     `RTCPeerConnection=${typeof RTCPeerConnection < "u"}`,
@@ -3270,7 +3297,7 @@ function Jo() {
     `online=${typeof navigator < "u" ? navigator.onLine : "?"}`
   ].join("  ");
 }
-function Zo(t) {
+function es(t) {
   return /ERROR|error:|Rejection/.test(t) ? "#f88" : /WARN|warn:/.test(t) ? "#fc6" : "#9d9";
 }
 function cn({ state: t = "", forceVisible: e = !1 }) {
@@ -3311,12 +3338,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: Jo() }),
+    /* @__PURE__ */ w.jsx("div", { style: { color: "#8cf", marginBottom: "4px" }, children: Qo() }),
     /* @__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: Zo(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: es(l), wordBreak: "break-all" }, children: l }, h)) })
   ] });
 }
-function Ns({
+function Ps({
   connectionState: t,
   error: e,
   isReady: n,
@@ -3330,11 +3357,11 @@ function Ns({
   renderIdle: l,
   renderConnecting: h,
   renderConnectingSlow: f,
-  renderConnected: y,
+  renderConnected: g,
   renderOffline: m,
   renderError: c
 }) {
-  const u = E(!1), g = (() => {
+  const u = E(!1), y = (() => {
     switch (t) {
       case "waitingForExternalConnectUrl":
       case "connecting":
@@ -3344,7 +3371,7 @@ function Ns({
         if (!n || !o || !s) return null;
         t === "reconnecting" && (u.current = !0);
         const p = o.size > 0;
-        return p && (u.current = !1), y({
+        return p && (u.current = !1), g({
           stores: o,
           registry: s,
           client: i,
@@ -3364,23 +3391,23 @@ function Ns({
     }
   })();
   return /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
-    g,
+    y,
     /* @__PURE__ */ w.jsx(cn, { state: t })
   ] });
 }
 const Oe = oe("useIkonApp");
-function Qo() {
+function ts() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function es() {
+function ns() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-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(() => {
+function Us(t) {
+  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: l, webtransport: h, proxy: f, liveSnapshot: g, bootSnapshot: m } = t, c = e === void 0 ? ts() ?? null : e, u = ns(), y = qo(), p = E(null), S = E(null), b = 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(g), $ = E(m), W = 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 = g, $.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 = V(() => {
     try {
       const _ = In();
       return (_.sessionId || _.channelKey) && On(), _;
@@ -3389,13 +3416,13 @@ function Ls(t) {
     }
   }, []);
   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);
+  const ce = V(() => 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((_) => 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(() => {
+  const We = V(() => {
     if (Ae) {
       if (Fe && !De)
         return null;
@@ -3442,21 +3469,21 @@ function Ls(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, eo(ie);
-  const hn = no(ie);
+  W.current = c?.spaceId ?? "local", K.current = ce?.token ?? ae ?? void 0, no(ie);
+  const hn = oo(ie);
   C(() => {
     if (!R.current) {
-      if (R.current = !0, S.current = Gr(), n)
+      if (R.current = !0, b.current = Xr(), n)
         for (const _ of n)
-          _(S.current);
-      S.current.loadRegisteredModules().catch((_) => {
+          _(b.current);
+      b.current.loadRegisteredModules().catch((_) => {
         Oe.error("Failed to load UI modules", _);
       });
     }
   }, []), C(() => {
-    if (!Ve) return;
+    if (!We) return;
     const _ = new xn({
-      ...Ve,
+      ...We,
       timeouts: U.current,
       audio: te.current !== void 0 || T.current ? {
         enabled: te.current,
@@ -3476,8 +3503,8 @@ function Ls(t) {
       }
     });
     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 q = B.current ?? !0, Te = K.current, ft = Te ? pt(Te) ?? null : null, gn = q && ft ? { enabled: !0, appId: W.current, userId: ft } : void 0, ke = new er({ client: _, liveSnapshot: gn, bootSnapshot: $.current });
+    S.current = ke, Me(ke), A(!1);
     const yn = ke.subscribeToUiUpdates(() => {
       A(!0), Nn();
     });
@@ -3490,11 +3517,11 @@ function Ls(t) {
         Q(!0);
         return;
       }
-      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)));
+      J instanceof Un && !v.current && (v.current = !0, Oe.warn("Auth session appears stale, clearing and retrying"), Ut.clearAll(), y ? y.logout() : (Le(), fn((bn) => bn + 1)));
     }), () => {
-      yn(), _.disconnect(), p.current = null, ke.dispose(), b.current = null;
+      yn(), _.disconnect(), p.current = null, ke.dispose(), S.current = null;
     };
-  }, [Ve]);
+  }, [We]);
   const pn = j((_, q) => {
     const Te = typeof q == "string" ? q : JSON.stringify(q ?? {});
     p.current?.sendActionCall(_, Te);
@@ -3507,30 +3534,30 @@ function Ls(t) {
     const _ = p.current?.slowConnectionThresholdMs ?? 5e3, q = setTimeout(() => pe(!0), _);
     return () => clearTimeout(q);
   }, [H]);
-  const mn = H === "connected" || H === "reconnecting", We = d && H !== "offline";
+  const mn = H === "connected" || H === "reconnecting", Ve = d && H !== "offline";
   return C(() => {
-    typeof document > "u" || (document.documentElement.dataset.ikonLive = String(We));
-  }, [We]), {
+    typeof document > "u" || (document.documentElement.dataset.ikonLive = String(Ve));
+  }, [Ve]), {
     connectionState: H,
     error: O,
     accessDeniedReason: se,
     isServerFull: L,
     stores: hn,
     client: p.current,
-    registry: S.current,
+    registry: b.current,
     clientRef: p,
-    uiRef: b,
-    registryRef: S,
+    uiRef: S,
+    registryRef: b,
     onAction: pn,
     isReady: mn,
-    isLive: We,
+    isLive: Ve,
     brandingRequired: p.current?.brandingRequired ?? !1,
     isConnectingSlow: Re,
     webRtcVideoStreams: p.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
     webRtcTrackMap: p.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function Ps(t) {
+function Ms(t) {
   const e = E(!1);
   return j(() => {
     if (e.current) return;
@@ -3539,8 +3566,8 @@ function Ps(t) {
     n.rel = "stylesheet", n.href = t, document.head.appendChild(n);
   }, [t]);
 }
-let ts = 0;
-function ns(t = 5, e = 5e3) {
+let rs = 0;
+function os(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));
@@ -3550,13 +3577,13 @@ function ns(t = 5, e = 5e3) {
       (l) => {
         if (!$t())
           return;
-        const h = `toast-${++ts}`, f = l.level === Je.ERROR ? "error" : "warn", y = {
+        const h = `toast-${++rs}`, f = l.level === Je.ERROR ? "error" : "warn", g = {
           id: h,
           level: f,
           message: l.message,
           component: l.component
         };
-        r((c) => [...c, y].slice(-t));
+        r((c) => [...c, g].slice(-t));
         const m = setTimeout(() => {
           s(h);
         }, e);
@@ -3572,7 +3599,7 @@ function ns(t = 5, e = 5e3) {
     };
   }, [t, e, s]), { toasts: n, dismissToast: s };
 }
-function rs(t, e, n) {
+function ss(t, e, n) {
   const [r, o] = x(n);
   return C(() => {
     if (!t)
@@ -3589,7 +3616,7 @@ function rs(t, e, n) {
     };
   }, [t, e]), r;
 }
-function Us(t, e, n) {
+function Ds(t, e, n) {
   const [r, o] = x(null);
   return C(() => {
     if (!t)
@@ -3602,58 +3629,58 @@ function Us(t, e, n) {
     }), () => {
       s = !1;
     };
-  }, [t, e]), rs(r ? t : null, r ?? "", n);
+  }, [t, e]), ss(r ? t : null, r ?? "", n);
 }
-const ue = oe("IkonDebug"), os = {
+const ue = oe("IkonDebug"), is = {
   Digit1: "connecting",
   Digit2: "connected",
   Digit3: "reconnecting",
   Digit4: "offline",
   Digit5: "offline",
   Digit0: "clear"
-}, 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);
+}, as = "Digit5", cs = "Digit6", ls = "Synthetic debug error (Ctrl+Shift+5)", us = "Synthetic debug access-denied (Ctrl+Shift+6)", ds = 5e3;
+function fs(t) {
+  const e = $t(), [n, r] = x(null), [o, s] = x(!1), [i, a] = x(null), [l, h] = x(null), [f, g] = x(!1), [m, c] = x(!1), [u, y] = x(!1);
   return C(() => {
     if (!e)
       return;
-    const b = (S) => {
-      if (!S.ctrlKey || !S.shiftKey)
+    const S = (b) => {
+      if (!b.ctrlKey || !b.shiftKey)
         return;
-      if (S.code === "KeyE") {
-        S.preventDefault(), y((T) => (ue.warn(`Empty-stores override: ${T ? "off" : "on"}`), !T));
+      if (b.code === "KeyE") {
+        b.preventDefault(), g((T) => (ue.warn(`Empty-stores override: ${T ? "off" : "on"}`), !T));
         return;
       }
-      if (S.code === "Digit7") {
-        S.preventDefault(), c((T) => (ue.warn(`Branding-banner override: ${T ? "off" : "on"}`), !T));
+      if (b.code === "Digit7") {
+        b.preventDefault(), c((T) => (ue.warn(`Branding-banner override: ${T ? "off" : "on"}`), !T));
         return;
       }
-      if (S.code === "Digit8") {
-        S.preventDefault(), g((T) => (ue.warn(`Debug-overlay override: ${T ? "off" : "on"}`), !T));
+      if (b.code === "Digit8") {
+        b.preventDefault(), y((T) => (ue.warn(`Debug-overlay override: ${T ? "off" : "on"}`), !T));
         return;
       }
-      if (S.code === is) {
-        S.preventDefault(), h(cs), r(null), a(null), ue.warn("Forced access denied");
+      if (b.code === cs) {
+        b.preventDefault(), h(us), r(null), a(null), ue.warn("Forced access denied");
         return;
       }
-      const R = os[S.code];
+      const R = is[b.code];
       if (R === void 0)
         return;
-      if (S.preventDefault(), R === "clear") {
+      if (b.preventDefault(), R === "clear") {
         r(null), a(null), h(null), ue.warn("Cleared forced state");
         return;
       }
-      const v = S.code === ss;
-      r(R), a(v ? as : null), h(null), ue.warn(`Forced state: ${R}${v ? " (with error)" : ""}`);
+      const v = b.code === as;
+      r(R), a(v ? ls : null), h(null), ue.warn(`Forced state: ${R}${v ? " (with error)" : ""}`);
     };
-    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
+    return window.addEventListener("keydown", S), () => window.removeEventListener("keydown", S);
   }, [e]), C(() => {
     if (n !== "connecting") {
       s(!1);
       return;
     }
-    const b = setTimeout(() => s(!0), ls);
-    return () => clearTimeout(b);
+    const S = setTimeout(() => s(!0), ds);
+    return () => clearTimeout(S);
   }, [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,
     connectionState: n ?? t.connectionState,
@@ -3663,34 +3690,34 @@ function us(t) {
     accessDeniedReason: l ?? t.accessDeniedReason
   }, forcedState: n, emptyStores: f, forcedError: i, forcedAccessDenied: l, forcedBranding: m, forcedDebugOverlay: u, debugEnabled: e };
 }
-function ds(t, e) {
+function hs(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function fs(t) {
+function ps(t) {
   return t === void 0 ? null : typeof t == "function" ? t() : t;
 }
-function hs(t, e) {
+function ms(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function ps(t, e) {
+function gs(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-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 ps(o, p);
+function js(t) {
+  const { connectingOverlay: e, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: o, ...s } = t, i = fs(s), { app: a } = i, { connectionState: l, isConnectingSlow: h, stores: f, registry: g, client: m, onAction: c, isReady: u, error: y, accessDeniedReason: p, brandingRequired: S } = a, b = S || i.forcedBranding, R = E(null);
+  if (f && g && (u || f.size > 0) && (R.current = { stores: f, registry: g, client: m }), p)
+    return gs(o, p);
   const v = R.current;
   let T = null;
   switch (l) {
     case "waitingForExternalConnectUrl":
     case "connecting":
-      T = ds(e, h);
+      T = hs(e, h);
       break;
     case "reconnecting":
-      T = fs(n);
+      T = ps(n);
       break;
     case "offline":
-      T = hs(r, g);
+      T = ms(r, y);
       break;
     default:
       T = null;
@@ -3706,18 +3733,18 @@ function Ms(t) {
       }
     ),
     T,
-    S && /* @__PURE__ */ w.jsx(gs, {}),
-    /* @__PURE__ */ w.jsx(ys, {}),
+    b && /* @__PURE__ */ w.jsx(bs, {}),
+    /* @__PURE__ */ w.jsx(Ss, {}),
     /* @__PURE__ */ w.jsx(cn, { state: l, forceVisible: i.forcedDebugOverlay })
   ] });
 }
-const ms = "https://ikonai.com";
-function gs() {
+const ys = "https://ikonai.com";
+function bs() {
   return /* @__PURE__ */ w.jsxs(
     "a",
     {
       className: "ikon-branding-banner",
-      href: ms,
+      href: ys,
       target: "_blank",
       rel: "noopener noreferrer",
       style: {
@@ -3745,11 +3772,11 @@ function gs() {
     }
   );
 }
-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 Ss() {
+  const { toasts: t, dismissToast: e } = os();
+  return t.length === 0 ? null : /* @__PURE__ */ w.jsx("div", { className: "ikon-toast-overlay", children: t.map((n) => /* @__PURE__ */ w.jsx(ws, { toast: n, onDismiss: e }, n.id)) });
 }
-function bs({ toast: t, onDismiss: e }) {
+function ws({ toast: t, onDismiss: e }) {
   return /* @__PURE__ */ w.jsxs(
     "div",
     {
@@ -3771,30 +3798,30 @@ function bs({ toast: t, onDismiss: e }) {
   );
 }
 const ln = Mt(null);
-function Ss(t, e) {
+function vs(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (n, r) => e[r] ?? `{${r}}`) : t;
 }
-function ws(t, e) {
+function Es(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 vs(t, e, n) {
-  return e ? ws(t, n) : n && t.includes(n) ? n : "en";
+function Rs(t, e, n) {
+  return e ? Es(t, n) : n && t.includes(n) ? n : "en";
 }
-function Ds({
+function $s({
   children: t,
   translations: e,
   defaultLanguage: n,
   detectLanguage: r = !1
 }) {
-  const o = Object.keys(e), s = vs(o, r, n), i = e[s] ?? e.en, a = W(
+  const o = Object.keys(e), s = Rs(o, r, n), i = e[s] ?? e.en, a = V(
     () => ({
       t: (l, h) => {
         const f = i[l];
-        return Ss(f, h);
+        return vs(f, h);
       },
       locale: s,
       translations: i
@@ -3803,72 +3830,72 @@ function Ds({
   );
   return /* @__PURE__ */ w.jsx(ln, { value: a, children: t });
 }
-function js() {
+function Bs() {
   const t = st(ln);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  Os as AuthProvider,
-  Ns as ConnectionStateRenderer,
+  Ns as AuthProvider,
+  Ps as ConnectionStateRenderer,
   on as DEBUG_OVERLAY_ENABLED,
   cn as DebugOverlay,
-  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,
+  $s as I18nProvider,
+  gr as IKON_UI_BASE_MODULE,
+  _r as IKON_UI_MEDIA_MODULE,
+  Kr as IKON_UI_SHADERTOY_MODULE,
+  Wr as IKON_UI_SHADERTOY_TYPE,
   Qe as IKON_UI_STREAM_CATEGORY,
-  vr as IKON_UI_VIDEO_CANVAS_TYPE,
-  Er as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  Ms as IkonApp,
+  Rr as IKON_UI_VIDEO_CANVAS_TYPE,
+  Ar as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  js as IkonApp,
   er as IkonUi,
-  Yr as IkonUiRegistry,
+  zr as IkonUiRegistry,
   Bt as IkonUiSurface,
   Jn as InspectOverlay,
-  _s as ParallaxView,
+  Os as ParallaxView,
   qn as UiComponentRegistry,
   Hn as UiRenderer,
-  Fs as UiStreamStore,
+  Vs as UiStreamStore,
   Qt as authenticateAnonymous,
-  Po as buildOAuthRedirectUrl,
+  Mo as buildOAuthRedirectUrl,
   Le as clearAuthSession,
   Nt as clearOAuthParams,
-  hr as createBaseResolvers,
-  ks as createComponentLibrary,
-  Gr as createIkonUiRegistry,
-  Ar as createMediaResolvers,
-  Fr as createShadertoyRendererResolver,
+  mr as createBaseResolvers,
+  _s as createComponentLibrary,
+  Xr as createIkonUiRegistry,
+  kr as createMediaResolvers,
+  Vr as createShadertoyRendererResolver,
   Qn as isIkonUiCategoryMatch,
   Jt as loadAuthSession,
-  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,
+  yr as loadBaseModule,
+  Ir as loadMediaModule,
+  Yr as loadShadertoyModule,
+  Po as parseOAuthCallback,
+  Uo as parseOAuthError,
+  Ys as randomUuid,
+  br as registerBaseModule,
+  Or as registerMediaModule,
+  Gr as registerShadertoyModule,
   zn as renderChildren,
-  Is as renderMotionLetters,
+  xs as renderMotionLetters,
   he as saveAuthSession,
-  Oo as sendLoginCode,
+  No as sendLoginCode,
   ne as sessionToUser,
-  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,
+  Ho as useAuth,
+  Ls as useAuthGuard,
+  qo as useAuthOptional,
+  Bs as useI18n,
+  Us as useIkonApp,
+  fs as useIkonDebug,
+  ss as useIkonReactive,
+  no as useIkonStyles,
+  oo as useIkonUiStores,
+  Ms as useLazyFont,
+  Ds as useReactive,
+  os as useToasts,
   Z as useUiNode,
-  Cs as useUiStore,
-  xo as verifyLoginCode
+  Is as useUiStore,
+  Lo as verifyLoginCode
 };