@ikonai/sdk-react-ui 1.0.59 → 1.0.61

package/index.js

@@ -1,8 +1,9 @@
-import { IkonUiCore as Vt, UiStreamStore as Kt } from "@ikonai/sdk-ui";
-import { UiStreamStore as ws } from "@ikonai/sdk-ui";
-import Yt, { useSyncExternalStore as Ye, useMemo as K, memo as z, useRef as E, useCallback as D, Fragment as zt, useEffect as C, useState as j, use as ze, createContext as bt } from "react";
-import { createLogger as re, isInspectModeEnabled as Wt, getOrCreateDeviceId as Ht, deriveAuthUrl as he, parseUrlParams as qt, clearSessionParamsFromUrl as Gt, isCloudEnvironment as Xe, extractUserIdFromToken as Jt, deriveBackendType as Ze, IkonClient as Xt, AccessDeniedError as Zt, AuthenticationError as Qt, subscribeToLogEvents as en, isDebugModeEnabled as St, LogLevel as Qe, getLangParam as tn } from "@ikonai/sdk";
-var Se = { exports: {} }, ce = {};
+import { IkonUiCore as rn, UiStreamStore as on } from "@ikonai/sdk-ui";
+import { UiStreamStore as Gs } from "@ikonai/sdk-ui";
+import sn, { useSyncExternalStore as Je, useMemo as W, memo as z, useRef as A, useCallback as D, Fragment as an, useEffect as _, useState as N, use as Ze, createContext as Ct, useReducer as cn } from "react";
+import { createLogger as ne, isInspectModeEnabled as ln, getOrCreateDeviceId as un, getSameOriginAuthUrl as dn, abortSignalTimeout as _t, deriveAuthUrl as ye, getDebugOverlayParam as fn, subscribeToLogEvents as It, LogLevel as We, parseUrlParams as hn, clearSessionParamsFromUrl as pn, isCloudEnvironment as ot, extractUserIdFromToken as mn, deriveBackendType as st, IkonClient as gn, AccessDeniedError as yn, ServerFullError as bn, AuthenticationError as wn, isDebugModeEnabled as Ot, getLangParam as Sn } from "@ikonai/sdk";
+import { randomUuid as zs } from "@ikonai/sdk";
+var Re = { exports: {} }, de = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,10 +13,10 @@ var Se = { exports: {} }, ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var et;
-function nn() {
-  if (et) return ce;
-  et = 1;
+var it;
+function En() {
+  if (it) return de;
+  it = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function n(r, o, s) {
     var i = null;
@@ -32,9 +33,9 @@ function nn() {
       props: s
     };
   }
-  return ce.Fragment = e, ce.jsx = n, ce.jsxs = n, ce;
+  return de.Fragment = e, de.jsx = n, de.jsxs = n, de;
 }
-var ue = {};
+var fe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,244 +45,244 @@ var ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tt;
-function rn() {
-  return tt || (tt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(d) {
-      if (d == null) return null;
-      if (typeof d == "function")
-        return d.$$typeof === L ? null : d.displayName || d.name || null;
-      if (typeof d == "string") return d;
-      switch (d) {
+var at;
+function vn() {
+  return at || (at = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(f) {
+      if (f == null) return null;
+      if (typeof f == "function")
+        return f.$$typeof === x ? null : f.displayName || f.name || null;
+      if (typeof f == "string") return f;
+      switch (f) {
         case g:
           return "Fragment";
-        case S:
+        case w:
           return "Profiler";
         case b:
           return "StrictMode";
-        case x:
+        case M:
           return "Suspense";
-        case G:
+        case Q:
           return "SuspenseList";
-        case F:
+        case I:
           return "Activity";
       }
-      if (typeof d == "object")
-        switch (typeof d.tag == "number" && console.error(
+      if (typeof f == "object")
+        switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), d.$$typeof) {
-          case f:
+        ), f.$$typeof) {
+          case y:
             return "Portal";
-          case I:
-            return d.displayName || "Context";
-          case O:
-            return (d._context.displayName || "Context") + ".Consumer";
-          case M:
-            var v = d.render;
-            return d = d.displayName, d || (d = v.displayName || v.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
-          case _:
-            return v = d.displayName || null, v !== null ? v : t(d.type) || "Memo";
-          case P:
-            v = d._payload, d = d._init;
+          case E:
+            return f.displayName || "Context";
+          case v:
+            return (f._context.displayName || "Context") + ".Consumer";
+          case T:
+            var R = f.render;
+            return f = f.displayName, f || (f = R.displayName || R.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
+          case re:
+            return R = f.displayName || null, R !== null ? R : t(f.type) || "Memo";
+          case q:
+            R = f._payload, f = f._init;
             try {
-              return t(d(v));
+              return t(f(R));
             } catch {
             }
         }
       return null;
     }
-    function e(d) {
-      return "" + d;
+    function e(f) {
+      return "" + f;
     }
-    function n(d) {
+    function n(f) {
       try {
-        e(d);
-        var v = !1;
+        e(f);
+        var R = !1;
       } catch {
-        v = !0;
+        R = !0;
       }
-      if (v) {
-        v = console;
-        var k = v.error, N = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
-        return k.call(
-          v,
+      if (R) {
+        R = console;
+        var C = R.error, P = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        return C.call(
+          R,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          N
-        ), e(d);
+          P
+        ), e(f);
       }
     }
-    function r(d) {
-      if (d === g) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === P)
+    function r(f) {
+      if (f === g) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === q)
         return "<...>";
       try {
-        var v = t(d);
-        return v ? "<" + v + ">" : "<...>";
+        var R = t(f);
+        return R ? "<" + R + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var d = B.A;
-      return d === null ? null : d.getOwner();
+      var f = $.A;
+      return f === null ? null : f.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function i(d) {
-      if (Y.call(d, "key")) {
-        var v = Object.getOwnPropertyDescriptor(d, "key").get;
-        if (v && v.isReactWarning) return !1;
+    function i(f) {
+      if (V.call(f, "key")) {
+        var R = Object.getOwnPropertyDescriptor(f, "key").get;
+        if (R && R.isReactWarning) return !1;
       }
-      return d.key !== void 0;
+      return f.key !== void 0;
     }
-    function a(d, v) {
-      function k() {
-        se || (se = !0, console.error(
+    function a(f, R) {
+      function C() {
+        G || (G = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          v
+          R
         ));
       }
-      k.isReactWarning = !0, Object.defineProperty(d, "key", {
-        get: k,
+      C.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: C,
         configurable: !0
       });
     }
-    function u() {
-      var d = t(this.type);
-      return ge[d] || (ge[d] = !0, console.error(
+    function l() {
+      var f = t(this.type);
+      return we[f] || (we[f] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), d = this.props.ref, d !== void 0 ? d : null;
-    }
-    function h(d, v, k, N, Q, $) {
-      var A = k.ref;
-      return d = {
-        $$typeof: l,
-        type: d,
-        key: v,
-        props: k,
-        _owner: N
-      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(d, "ref", {
+      )), f = this.props.ref, f !== void 0 ? f : null;
+    }
+    function d(f, R, C, P, ee, le) {
+      var L = C.ref;
+      return f = {
+        $$typeof: u,
+        type: f,
+        key: R,
+        props: C,
+        _owner: P
+      }, (L !== void 0 ? L : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
-        get: u
-      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
+        get: l
+      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(d, "_debugInfo", {
+      }), Object.defineProperty(f, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(d, "_debugStack", {
+      }), Object.defineProperty(f, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Q
-      }), Object.defineProperty(d, "_debugTask", {
+        value: ee
+      }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
-    }
-    function p(d, v, k, N, Q, $) {
-      var A = v.children;
-      if (A !== void 0)
-        if (N)
-          if (me(A)) {
-            for (N = 0; N < A.length; N++)
-              m(A[N]);
-            Object.freeze && Object.freeze(A);
+        value: le
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+    }
+    function h(f, R, C, P, ee, le) {
+      var L = R.children;
+      if (L !== void 0)
+        if (P)
+          if (B(L)) {
+            for (P = 0; P < L.length; P++)
+              p(L[P]);
+            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 m(A);
-      if (Y.call(v, "key")) {
-        A = t(d);
-        var W = Object.keys(v).filter(function(ae) {
-          return ae !== "key";
+        else p(L);
+      if (V.call(R, "key")) {
+        L = t(f);
+        var U = Object.keys(R).filter(function(ue) {
+          return ue !== "key";
         });
-        N = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", be[A + N] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        P = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", ve[L + P] || (U = 0 < U.length ? "{" + U.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          N,
-          A,
-          W,
-          A
-        ), be[A + N] = !0);
+          P,
+          L,
+          U,
+          L
+        ), ve[L + P] = !0);
       }
-      if (A = null, k !== void 0 && (n(k), A = "" + k), i(v) && (n(v.key), A = "" + v.key), "key" in v) {
-        k = {};
-        for (var Z in v)
-          Z !== "key" && (k[Z] = v[Z]);
-      } else k = v;
-      return A && a(
-        k,
-        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
-      ), h(
-        d,
-        A,
-        k,
+      if (L = null, C !== void 0 && (n(C), L = "" + C), i(R) && (n(R.key), L = "" + R.key), "key" in R) {
+        C = {};
+        for (var X in R)
+          X !== "key" && (C[X] = R[X]);
+      } else C = R;
+      return L && a(
+        C,
+        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
+      ), d(
+        f,
+        L,
+        C,
         o(),
-        Q,
-        $
+        ee,
+        le
       );
     }
-    function m(d) {
-      y(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === P && (d._payload.status === "fulfilled" ? y(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
+    function p(f) {
+      m(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === q && (f._payload.status === "fulfilled" ? m(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
     }
-    function y(d) {
-      return typeof d == "object" && d !== null && d.$$typeof === l;
+    function m(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === u;
     }
-    var c = Yt, l = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), I = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), B = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, me = Array.isArray, oe = console.createTask ? console.createTask : function() {
+    var c = sn, u = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), E = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), Q = Symbol.for("react.suspense_list"), re = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), x = Symbol.for("react.client.reference"), $ = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, B = Array.isArray, K = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
-      react_stack_bottom_frame: function(d) {
-        return d();
+      react_stack_bottom_frame: function(f) {
+        return f();
       }
     };
-    var se, ge = {}, ye = c.react_stack_bottom_frame.bind(
+    var G, we = {}, Se = c.react_stack_bottom_frame.bind(
       c,
       s
-    )(), ie = oe(r(s)), be = {};
-    ue.Fragment = g, ue.jsx = function(d, v, k) {
-      var N = 1e4 > B.recentlyCreatedOwnerStacks++;
-      return p(
-        d,
-        v,
-        k,
+    )(), Ee = K(r(s)), ve = {};
+    fe.Fragment = g, fe.jsx = function(f, R, C) {
+      var P = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return h(
+        f,
+        R,
+        C,
         !1,
-        N ? Error("react-stack-top-frame") : ye,
-        N ? oe(r(d)) : ie
+        P ? Error("react-stack-top-frame") : Se,
+        P ? K(r(f)) : Ee
       );
-    }, ue.jsxs = function(d, v, k) {
-      var N = 1e4 > B.recentlyCreatedOwnerStacks++;
-      return p(
-        d,
-        v,
-        k,
+    }, fe.jsxs = function(f, R, C) {
+      var P = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return h(
+        f,
+        R,
+        C,
         !0,
-        N ? Error("react-stack-top-frame") : ye,
-        N ? oe(r(d)) : ie
+        P ? Error("react-stack-top-frame") : Se,
+        P ? K(r(f)) : Ee
       );
     };
-  })()), ue;
+  })()), fe;
 }
-var nt;
-function on() {
-  return nt || (nt = 1, process.env.NODE_ENV === "production" ? Se.exports = nn() : Se.exports = rn()), Se.exports;
+var ct;
+function Rn() {
+  return ct || (ct = 1, process.env.NODE_ENV === "production" ? Re.exports = En() : Re.exports = vn()), Re.exports;
 }
-var w = on();
-function sn(t, e) {
-  const n = Ye(
+var S = Rn();
+function An(t, e) {
+  const n = Je(
     (r) => t.subscribe(r),
     () => {
       const r = t.getSnapshot(), o = e ?? r.rootViewId, s = o ? r.views.get(o) : void 0;
@@ -292,7 +293,7 @@ function sn(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return K(() => {
+  return W(() => {
     const [r, o] = n.split(":");
     return {
       rootViewId: r || void 0,
@@ -300,16 +301,16 @@ function sn(t, e) {
     };
   }, [n]);
 }
-function X(t, e) {
-  const n = Ye(
+function Z(t, e) {
+  const n = Je(
     (r) => t.subscribeNode(e, r),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return K(() => t.getNode(e), [t, e, n]);
+  return W(() => t.getNode(e), [t, e, n]);
 }
-const an = re("UIRenderer");
-function cn(t) {
+const Tn = ne("UIRenderer");
+function kn(t) {
   if (t === void 0)
     return "{}";
   if (typeof t == "string")
@@ -320,18 +321,18 @@ function cn(t) {
     return "{}";
   }
 }
-function un(t) {
+function Cn(t) {
   const e = t.styleIds;
   return Array.isArray(e) ? e : [];
 }
-function ln(t) {
+function _n(t) {
   const e = t.children;
   return Array.isArray(e) ? e : [];
 }
-function dn(t, e) {
+function In(t, e) {
   return t.nodeId === e.nodeId && t.context === e.context;
 }
-function fn(t) {
+function On(t) {
   if (t.length === 0) return "";
   if (t.length === 1) return t[0].id;
   let e = t[0].id;
@@ -339,66 +340,66 @@ function fn(t) {
     e += "," + t[n].id;
   return e;
 }
-const Ue = z(function t({ nodeId: e, context: n }) {
-  const r = X(n.store, e), o = r ? ln(r) : [], s = fn(o), i = K(
-    () => o.length === 0 ? null : o.map((m) => /* @__PURE__ */ w.jsx(t, { nodeId: m.id, context: n }, m.id)),
+const Ke = z(function t({ nodeId: e, context: n }) {
+  const r = Z(n.store, e), o = r ? _n(r) : [], s = On(o), i = W(
+    () => o.length === 0 ? null : o.map((p) => /* @__PURE__ */ S.jsx(t, { nodeId: p.id, context: n }, p.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, n]
   );
   if (!r)
     return null;
   if (r.type === "root")
-    return /* @__PURE__ */ w.jsx(zt, { children: i }, r.id);
+    return /* @__PURE__ */ S.jsx(an, { children: i }, r.id);
   const a = n.library.resolve(r);
   if (!a)
-    return an.warn(`No renderer for node type ${r.type}`), null;
-  const u = un(r), h = u.length > 0 ? u.join(" ") : void 0, p = a;
-  return /* @__PURE__ */ w.jsx(p, { nodeId: e, context: n, className: h });
-}, dn);
-function hn(t, e) {
-  return !Array.isArray(t) || t.length === 0 ? null : t.map((n) => /* @__PURE__ */ w.jsx(Ue, { nodeId: n.id, context: e }, n.id));
-}
-function pn(t, e) {
+    return Tn.warn(`No renderer for node type ${r.type}`), null;
+  const l = Cn(r), d = l.length > 0 ? l.join(" ") : void 0, h = a;
+  return /* @__PURE__ */ S.jsx(h, { nodeId: e, context: n, className: d });
+}, In);
+function Nn(t, e) {
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((n) => /* @__PURE__ */ S.jsx(Ke, { nodeId: n.id, context: e }, n.id));
+}
+function xn(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const mn = z(function({ store: e, library: n, viewId: r, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: u, rootNodeId: h } = sn(e, r), p = E(s);
-  p.current = s;
-  const m = E(i);
-  m.current = i;
-  const y = E(a);
-  y.current = a;
-  const c = D((f, g) => {
-    if (!f)
+const Pn = z(function({ store: e, library: n, viewId: r, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: l, rootNodeId: d } = An(e, r), h = A(s);
+  h.current = s;
+  const p = A(i);
+  p.current = i;
+  const m = A(a);
+  m.current = a;
+  const c = D((y, g) => {
+    if (!y)
       return;
-    const b = cn(g);
-    p.current?.(f, b);
-  }, []), l = K(() => {
-    const f = {
+    const b = kn(g);
+    h.current?.(y, b);
+  }, []), u = W(() => {
+    const y = {
       store: e,
       library: n,
       handlerCache: e.handlerCache,
       // Access payloads from store at call time, not captured snapshot
       getPayload: (g) => e.getSnapshot().payloads.get(g),
-      renderChildren: (g) => hn(g, f),
+      renderChildren: (g) => Nn(g, y),
       renderView: (g) => {
         const b = e.getSnapshot().views.get(g);
-        return b ? /* @__PURE__ */ w.jsx(Ue, { nodeId: b.id, context: f }) : null;
+        return b ? /* @__PURE__ */ S.jsx(Ke, { nodeId: b.id, context: y }) : null;
       },
       dispatchAction: c,
       // Access client/video via refs to avoid context recreation
       get client() {
-        return m.current;
+        return p.current;
       },
       get video() {
-        return y.current;
+        return m.current;
       }
     };
-    return f;
+    return y;
   }, [e, n, c]);
-  return !u || !h ? o : /* @__PURE__ */ w.jsx("div", { "data-ikon-view-id": u, style: { display: "contents" }, children: /* @__PURE__ */ w.jsx(Ue, { nodeId: h, context: l }) });
-}, pn);
-class gn {
+  return !l || !d ? o : /* @__PURE__ */ S.jsx("div", { "data-ikon-view-id": l, style: { display: "contents" }, children: /* @__PURE__ */ S.jsx(Ke, { nodeId: d, context: u }) });
+}, xn);
+class Ln {
   constructor(e, n) {
     if (this.fallback = n, e)
       for (const [r, o] of e)
@@ -415,20 +416,20 @@ class gn {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function ns(t, e) {
+function Cs(t, e) {
   const n = Object.entries(t);
-  return new gn(n, e);
+  return new Ln(n, e);
 }
-function rs(t) {
-  return Ye(
+function _s(t) {
+  return Je(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
   );
 }
-function yn() {
-  const t = Wt();
-  return C(() => {
+function Mn() {
+  const t = ln();
+  return _(() => {
     if (!t)
       return;
     let e = window.parent === window, n = null, r = [];
@@ -438,149 +439,149 @@ function yn() {
       n && !r.includes(n) && (n.style.outline = "", n.style.outlineOffset = ""), n = null, o.style.display = "none";
     }
     function i(c) {
-      for (const f of r)
-        f !== n && (f.style.outline = "", f.style.outlineOffset = "");
+      for (const y of r)
+        y !== n && (y.style.outline = "", y.style.outlineOffset = "");
       r = [];
-      const l = new Set(c);
-      for (const f of document.querySelectorAll("[data-ikon-source]")) {
-        const g = f.getAttribute("data-ikon-source") ?? "";
-        l.has(g) && (f.style.outline = "2px solid #a6e3a1", f.style.outlineOffset = "1px", r.push(f));
+      const u = new Set(c);
+      for (const y of document.querySelectorAll("[data-ikon-source]")) {
+        const g = y.getAttribute("data-ikon-source") ?? "";
+        u.has(g) && (y.style.outline = "2px solid #a6e3a1", y.style.outlineOffset = "1px", r.push(y));
       }
     }
     function a(c) {
       if (!e)
         return;
-      const l = c.target.closest?.("[data-ikon-source]");
-      if (!l || l === n)
+      const u = c.target.closest?.("[data-ikon-source]");
+      if (!u || u === n)
         return;
-      s(), n = l, n.style.outline = "2px solid #89b4fa", n.style.outlineOffset = "1px";
-      const f = l.getAttribute("data-ikon-source") ?? "";
-      o.textContent = f, o.style.display = "block";
-      const g = l.getBoundingClientRect();
+      s(), n = u, n.style.outline = "2px solid #89b4fa", n.style.outlineOffset = "1px";
+      const y = u.getAttribute("data-ikon-source") ?? "";
+      o.textContent = y, o.style.display = "block";
+      const g = u.getBoundingClientRect();
       o.style.left = `${g.left}px`, o.style.top = `${Math.max(0, g.top - 24)}px`;
     }
-    function u(c) {
+    function l(c) {
       if (!e)
         return;
       c.relatedTarget?.closest?.("[data-ikon-source]") !== n && s();
     }
-    function h(c) {
+    function d(c) {
       if (!e)
         return;
-      const l = c.target.closest?.("[data-ikon-source]");
-      if (!l)
+      const u = c.target.closest?.("[data-ikon-source]");
+      if (!u)
         return;
       c.preventDefault(), c.stopPropagation();
-      const f = {
-        sourceMarker: l.getAttribute("data-ikon-source") ?? "",
-        tagName: l.tagName.toLowerCase(),
-        textContent: (l.textContent ?? "").trim().substring(0, 200)
+      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: f })), window.parent.postMessage({ type: "ikon-element-selected", payload: f }, "*");
+      window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: y })), window.parent.postMessage({ type: "ikon-element-selected", payload: y }, "*");
     }
-    function p(c, l) {
-      return document.elementFromPoint(c, l)?.closest?.("[data-ikon-source]");
+    function h(c, u) {
+      return document.elementFromPoint(c, u)?.closest?.("[data-ikon-source]");
     }
-    function m(c) {
+    function p(c) {
       if (c === n || (s(), !c))
         return;
       n = c, n.style.outline = `2px solid ${r.includes(c) ? "#a6e3a1" : "#89b4fa"}`, n.style.outlineOffset = "1px";
-      const l = c.getAttribute("data-ikon-source") ?? "";
-      o.textContent = l, o.style.display = "block";
-      const f = c.getBoundingClientRect();
-      o.style.left = `${f.left}px`, o.style.top = `${Math.max(0, f.top - 24)}px`;
+      const u = c.getAttribute("data-ikon-source") ?? "";
+      o.textContent = u, o.style.display = "block";
+      const y = c.getBoundingClientRect();
+      o.style.left = `${y.left}px`, o.style.top = `${Math.max(0, y.top - 24)}px`;
     }
-    function y(c) {
+    function m(c) {
       if (c.data?.type === "ikon-inspect-mode") {
-        const l = !!c.data.enabled;
-        !l && e && s(), e = l;
+        const u = !!c.data.enabled;
+        !u && e && s(), e = u;
         return;
       }
       if (c.data?.type === "ikon-inspect-at") {
-        const l = p(c.data.x, c.data.y);
-        m(l);
-        const f = l?.getAttribute("data-ikon-source") ?? "";
+        const u = h(c.data.x, c.data.y);
+        p(u);
+        const y = u?.getAttribute("data-ikon-source") ?? "";
         window.parent.postMessage({
           type: "ikon-inspect-hover-result",
-          payload: { sourceMarker: f }
+          payload: { sourceMarker: y }
         }, "*");
       }
       if (c.data?.type === "ikon-inspect-click") {
-        const l = p(c.data.x, c.data.y);
-        if (l) {
-          const f = {
-            sourceMarker: l.getAttribute("data-ikon-source") ?? "",
-            tagName: l.tagName.toLowerCase(),
-            textContent: (l.textContent ?? "").trim().substring(0, 200)
+        const u = h(c.data.x, c.data.y);
+        if (u) {
+          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: f })), window.parent.postMessage({ type: "ikon-element-selected", payload: f }, "*");
+          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 l = p(c.data.x, c.data.y);
-        if (l) {
-          const f = {
-            sourceMarker: l.getAttribute("data-ikon-source") ?? "",
-            tagName: l.tagName.toLowerCase(),
-            textContent: (l.textContent ?? "").trim().substring(0, 200)
+        const u = h(c.data.x, c.data.y);
+        if (u) {
+          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: [f], append: !0 }
+            payload: { elements: [y], append: !0 }
           }, "*");
         }
       }
       if (c.data?.type === "ikon-inspect-rect") {
-        const { x1: l, y1: f, x2: g, y2: b, append: S } = c.data, O = document.querySelectorAll("[data-ikon-source]"), I = [];
-        for (const M of O) {
-          const x = M.getBoundingClientRect();
-          x.right > l && x.left < g && x.bottom > f && x.top < b && I.push({
-            sourceMarker: M.getAttribute("data-ikon-source") ?? "",
-            tagName: M.tagName.toLowerCase(),
-            textContent: (M.textContent ?? "").trim().substring(0, 200)
+        const { x1: u, y1: y, x2: g, y2: b, append: w } = c.data, v = document.querySelectorAll("[data-ikon-source]"), E = [];
+        for (const T of v) {
+          const M = T.getBoundingClientRect();
+          M.right > u && M.left < g && M.bottom > y && M.top < b && E.push({
+            sourceMarker: T.getAttribute("data-ikon-source") ?? "",
+            tagName: T.tagName.toLowerCase(),
+            textContent: (T.textContent ?? "").trim().substring(0, 200)
           });
         }
-        I.length > 0 && window.parent.postMessage({
+        E.length > 0 && window.parent.postMessage({
           type: "ikon-inspect-rect-result",
-          payload: { elements: I, append: S ?? !1 }
+          payload: { elements: E, append: w ?? !1 }
         }, "*");
       }
       c.data?.type === "ikon-inspect-highlight" && i(c.data.markers ?? []), c.data?.type === "ikon-inspect-clear" && s();
     }
-    return document.addEventListener("mouseover", a, !0), document.addEventListener("mouseout", u, !0), document.addEventListener("click", h, !0), window.addEventListener("message", y), () => {
-      document.removeEventListener("mouseover", a, !0), document.removeEventListener("mouseout", u, !0), document.removeEventListener("click", h, !0), window.removeEventListener("message", y), s(), i([]), o.remove();
+    return document.addEventListener("mouseover", a, !0), document.addEventListener("mouseout", l, !0), document.addEventListener("click", d, !0), window.addEventListener("message", m), () => {
+      document.removeEventListener("mouseover", a, !0), document.removeEventListener("mouseout", l, !0), document.removeEventListener("click", d, !0), window.removeEventListener("message", m), s(), i([]), o.remove();
     };
   }, [t]), null;
 }
-const bn = re("IkonUiSurface"), De = "ikon-ui";
-function Sn(t, e) {
+const Un = ne("IkonUiSurface"), Ge = "ikon-ui";
+function jn(t, e) {
   return t === e;
 }
-const wt = z(function({ stores: e, registry: n, category: r = De, onAction: o, client: s }) {
-  const i = K(() => Array.from(e.keys()).sort().join(","), [e]), a = E(o);
+const Nt = z(function({ stores: e, registry: n, category: r = Ge, onAction: o, client: s }) {
+  const i = W(() => Array.from(e.keys()).sort().join(","), [e]), a = A(o);
   a.current = o;
-  const u = E(s);
-  u.current = s;
-  const h = K(
+  const l = A(s);
+  l.current = s;
+  const d = W(
     () => {
-      const y = [];
-      for (const [c, l] of e) {
-        const f = l.store.getSnapshot();
-        Sn(l.category, r) && (!f.rootViewId || !f.views.has(f.rootViewId) || y.push({ key: c, store: l.store }));
+      const m = [];
+      for (const [c, u] of e) {
+        const y = u.store.getSnapshot();
+        jn(u.category, r) && (!y.rootViewId || !y.views.has(y.rootViewId) || m.push({ key: c, store: u.store }));
       }
-      return y;
+      return m;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, r, i]
-  ), p = E(!1), m = h.length > 0;
-  return C(() => {
-    m && !p.current && (p.current = !0, bn.debug("First UI render"));
-  }, [m]), m ? /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
-    /* @__PURE__ */ w.jsx(yn, {}),
-    h.map(({ key: y, store: c }) => /* @__PURE__ */ w.jsx(mn, { store: c, library: n, onAction: a.current, client: u.current, video: u.current?.media?.video }, y))
+  ), h = A(!1), p = d.length > 0;
+  return _(() => {
+    p && !h.current && (h.current = !0, Un.debug("First UI render"));
+  }, [p]), p ? /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
+    /* @__PURE__ */ S.jsx(Mn, {}),
+    d.map(({ key: m, store: c }) => /* @__PURE__ */ S.jsx(Pn, { store: c, library: n, onAction: a.current, client: l.current, video: l.current?.media?.video }, m))
   ] }) : null;
 });
-class wn {
+class Dn {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
@@ -588,7 +589,7 @@ class wn {
   unsubscribeClears;
   unsubscribeStoreChanges;
   constructor(e) {
-    this.core = e?.core ?? new Vt({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
+    this.core = e?.core ?? new rn({ client: e?.client }), this.ownsCore = !e?.core, this.unsubscribeClears = this.core.subscribeToUiStreamCleared(this.handleUiStreamCleared), this.unsubscribeStoreChanges = this.core.uiStore.subscribe(this.syncStreamSnapshot), this.syncAllStreams();
   }
   dispose() {
     this.unsubscribeClears(), this.unsubscribeStoreChanges(), this.ownsCore && this.core.dispose(), this.listeners.clear(), this.stores.clear();
@@ -638,8 +639,8 @@ class wn {
     if (n)
       return n;
     const r = {
-      category: De,
-      store: new Kt()
+      category: Ge,
+      store: new on()
     };
     return this.stores.set(e, r), r;
   }
@@ -647,7 +648,7 @@ class wn {
     const r = this.stores.get(e);
     if (!r)
       return !1;
-    const o = n ?? this.core.uiStore.getSnapshot(e)?.category ?? De;
+    const o = n ?? this.core.uiStore.getSnapshot(e)?.category ?? Ge;
     return r.category === o ? !1 : (this.stores.set(e, { ...r, category: o }), !0);
   }
   notify(e) {
@@ -655,13 +656,13 @@ class wn {
       n(e);
   }
 }
-function vn(t) {
+function $n(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
   }
 }
-function te(t) {
+function ae(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -671,7 +672,7 @@ function te(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function We(...t) {
+function Qe(...t) {
   let e = "";
   for (const n of t)
     if (n) {
@@ -680,19 +681,19 @@ function We(...t) {
     }
   return e || void 0;
 }
-const rt = /* @__PURE__ */ new WeakMap(), En = {};
-function He(t) {
+const lt = /* @__PURE__ */ new WeakMap(), Bn = {};
+function et(t) {
   if (!t)
-    return En;
-  const e = rt.get(t);
+    return Bn;
+  const e = lt.get(t);
   if (e)
     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);
-  return rt.set(t, n), n;
+  return lt.set(t, n), n;
 }
-function Rn(t) {
+function Fn(t) {
   let e = t.parentElement;
   for (; e; ) {
     const r = window.getComputedStyle(e).overflowY;
@@ -702,32 +703,32 @@ function Rn(t) {
   }
   return null;
 }
-const vt = 1.5;
-function Et(t, e) {
+const xt = 1.5;
+function Pt(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 * vt ? "auto" : "smooth";
+    const n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), o = t.scrollTop + (r.bottom - n.bottom) + 16, i = Math.abs(o - t.scrollTop) > t.clientHeight * xt ? "auto" : "smooth";
     "scrollBehavior" in document.documentElement.style ? t.scrollTo({ top: o, behavior: i }) : t.scrollTop = o;
   });
 }
-const Fe = "data-ikon-scroll-indicator", kn = 0.15, Re = "data-ikon-at-bottom";
-function Rt(t) {
-  return Math.max(t.clientHeight * kn, 20);
+const Ye = "data-ikon-scroll-indicator", Vn = 0.15, Ce = "data-ikon-at-bottom";
+function Lt(t) {
+  return Math.max(t.clientHeight * Vn, 20);
 }
-function An(t) {
-  return t.getAttribute(Re) !== "false";
+function Wn(t) {
+  return t.getAttribute(Ce) !== "false";
 }
-function Tn(t) {
-  t.getAttribute(Re) === null && (t.setAttribute(Re, "true"), t.addEventListener("scroll", () => {
-    const { scrollTop: e, scrollHeight: n, clientHeight: r } = t, s = n - e - r <= Rt(t);
-    t.setAttribute(Re, s ? "true" : "false");
+function Kn(t) {
+  t.getAttribute(Ce) === null && (t.setAttribute(Ce, "true"), t.addEventListener("scroll", () => {
+    const { scrollTop: e, scrollHeight: n, clientHeight: r } = t, s = n - e - r <= Lt(t);
+    t.setAttribute(Ce, s ? "true" : "false");
   }, { passive: !0 }));
 }
-function Cn(t) {
-  const e = t.parentElement ?? t, n = e.querySelector(`[${Fe}]`);
+function Gn(t) {
+  const e = t.parentElement ?? t, n = e.querySelector(`[${Ye}]`);
   if (n)
     return n;
   const r = document.createElement("button");
-  return r.setAttribute(Fe, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
+  return r.setAttribute(Ye, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
     position: "absolute",
     bottom: "12px",
     left: "50%",
@@ -755,42 +756,42 @@ function Cn(t) {
     r.style.opacity = "0.9";
   }), e.appendChild(r), r;
 }
-function In(t, e) {
-  const n = Cn(t);
+function Yn(t, e) {
+  const n = Gn(t);
   n.style.display = "flex";
   const r = () => {
-    Et(t, e), n.style.display = "none";
+    Pt(t, e), n.style.display = "none";
   }, o = () => {
     const { scrollTop: s, scrollHeight: i, clientHeight: a } = t;
-    i - s - a <= Rt(t) && (n.style.display = "none");
+    i - s - a <= Lt(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 _n() {
+function zn() {
   const t = z(function({ nodeId: n, context: r }) {
-    const o = X(r.store, n), s = E(null), i = te(o?.props?.targetViewId), a = o?.props?.focusOnly, u = typeof a == "boolean" ? a : void 0, h = te(o?.props?.priority), p = te(o?.props?.key), m = o?.props?.preciseGeneratedAt;
-    return C(() => {
+    const o = Z(r.store, n), s = A(null), i = ae(o?.props?.targetViewId), a = o?.props?.focusOnly, l = typeof a == "boolean" ? a : void 0, d = ae(o?.props?.priority), h = ae(o?.props?.key), p = o?.props?.preciseGeneratedAt;
+    return _(() => {
       if (typeof document > "u")
         return;
       const c = s.current;
       if (!c || i && c.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
-      let l;
-      if (u !== !0) {
-        const S = Rn(c);
-        if (S)
-          if (Tn(S), h === "Polite" && !An(S))
-            l = In(S, c);
+      let u;
+      if (l !== !0) {
+        const w = Fn(c);
+        if (w)
+          if (Kn(w), d === "Polite" && !Wn(w))
+            u = Yn(w, c);
           else {
-            const x = (S.parentElement ?? S).querySelector(`[${Fe}]`);
-            x && (x.style.display = "none"), Et(S, c);
+            const M = (w.parentElement ?? w).querySelector(`[${Ye}]`);
+            M && (M.style.display = "none"), Pt(w, c);
           }
         else typeof c.scrollIntoView == "function" && requestAnimationFrame(() => {
-          const O = c.getBoundingClientRect().top, I = typeof window < "u" ? window.innerHeight : 0, M = Math.abs(O) > I * vt ? "auto" : "smooth";
+          const v = c.getBoundingClientRect().top, E = typeof window < "u" ? window.innerHeight : 0, T = Math.abs(v) > E * xt ? "auto" : "smooth";
           try {
-            c.scrollIntoView({ behavior: M, block: "end", inline: "nearest" });
+            c.scrollIntoView({ behavior: T, block: "end", inline: "nearest" });
           } catch {
             c.scrollIntoView(!1);
           }
@@ -803,8 +804,8 @@ function _n() {
         } catch {
           c.focus();
         }
-      return l;
-    }, [u, h, i, p, m]), o ? /* @__PURE__ */ w.jsx(
+      return u;
+    }, [l, d, i, h, p]), o ? /* @__PURE__ */ S.jsx(
       "span",
       {
         ref: s,
@@ -821,26 +822,26 @@ function _n() {
       return t;
   };
 }
-function On() {
+function Xn() {
   const t = z(function({ nodeId: n, context: r, className: o }) {
-    const s = X(r.store, n), i = vn(s?.props?.onInvokeId), a = D(() => {
+    const s = Z(r.store, n), i = $n(s?.props?.onInvokeId), a = D(() => {
       i && r.dispatchAction(i);
     }, [i, r]);
     if (!s)
       return null;
-    const u = He(s.props);
-    delete u.onInvokeId;
-    const h = We(te(s.props?.className), o), p = s.children?.length ? r.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ w.jsx(
+    const l = et(s.props);
+    delete l.onInvokeId;
+    const d = Qe(ae(s.props?.className), o), h = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ S.jsx(
       "div",
       {
-        ...u,
+        ...l,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: h,
+        className: d,
         onClick: i ? a : void 0,
         style: i ? { cursor: "pointer" } : void 0,
-        children: p
+        children: h
       }
     );
   });
@@ -849,45 +850,45 @@ function On() {
       return t;
   };
 }
-function Nn() {
+function Hn() {
   const t = z(function({ nodeId: n, context: r, className: o }) {
-    const s = X(r.store, n);
+    const s = Z(r.store, n);
     if (!s)
       return null;
-    const i = He(s.props), a = We("relative", te(s.props?.className), o), u = s.children?.length ? r.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ w.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: u });
+    const i = et(s.props), a = Qe("relative", ae(s.props?.className), o), l = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ S.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: l });
   });
   return ({ type: e }) => {
     if (e === "std.stack")
       return t;
   };
 }
-function Mn() {
+function qn() {
   const t = z(function({ nodeId: n, context: r, className: o }) {
-    const s = X(r.store, n);
+    const s = Z(r.store, n);
     if (!s)
       return null;
-    const i = He(s.props), a = We("absolute", te(s.props?.className), o), u = s.children?.length ? r.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ w.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: u });
+    const i = et(s.props), a = Qe("absolute", ae(s.props?.className), o), l = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ S.jsx("div", { ...i, "data-ikon-node-id": s.id, "data-ikon-source": s.sourceMarker, className: a, children: l });
   });
   return ({ type: e }) => {
     if (e === "std.layer")
       return t;
   };
 }
-function Pn() {
+function Jn() {
   return [
-    On(),
-    Nn(),
-    Mn(),
-    _n()
+    Xn(),
+    Hn(),
+    qn(),
+    zn()
   ];
 }
-const xn = "base", Ln = async () => Pn();
-function jn(t) {
-  t.registerModule(xn, Ln);
+const Zn = "base", Qn = async () => Jn();
+function er(t) {
+  t.registerModule(Zn, Qn);
 }
-function Un(t) {
+function tr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -897,19 +898,19 @@ function Un(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function Dn(...t) {
+function nr(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function ot(t) {
+function ut(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-function we(t) {
+function Ae(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -918,42 +919,42 @@ function we(t) {
     if (e === "false") return !1;
   }
 }
-const Fn = "std.audio-url-player";
-function Bn() {
+const rr = "std.audio-url-player";
+function or() {
   const t = z(function({
     nodeId: n,
     context: r,
     className: o
   }) {
-    const s = X(r.store, n), i = E(null), a = s ? we(s.props?.autoplay) : void 0, u = s ? ot(s.props?.src) : void 0;
-    if (C(() => {
+    const s = Z(r.store, n), i = A(null), a = s ? Ae(s.props?.autoplay) : void 0, l = s ? ut(s.props?.src) : void 0;
+    if (_(() => {
       a && i.current && i.current.play().catch(() => {
       });
-    }, [a, u]), !s)
+    }, [a, l]), !s)
       return null;
-    const h = Dn(Un(s.props?.className), o), p = ot(s.props?.preload), m = we(s.props?.controls), y = we(s.props?.loop), c = we(s.props?.muted);
-    return /* @__PURE__ */ w.jsx(
+    const d = nr(tr(s.props?.className), o), h = ut(s.props?.preload), p = Ae(s.props?.controls), m = Ae(s.props?.loop), c = Ae(s.props?.muted);
+    return /* @__PURE__ */ S.jsx(
       "audio",
       {
         ref: i,
-        src: u,
-        ...p !== void 0 ? { preload: p } : {},
-        ...m !== void 0 ? { controls: m } : {},
+        src: l,
+        ...h !== void 0 ? { preload: h } : {},
+        ...p !== void 0 ? { controls: p } : {},
         ...a !== void 0 ? { autoPlay: a } : {},
-        ...y !== void 0 ? { loop: y } : {},
+        ...m !== void 0 ? { loop: m } : {},
         ...c !== void 0 ? { muted: c } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: h
+        className: d
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Fn)
+    if (e === rr)
       return t;
   };
 }
-function kt(t) {
+function Mt(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -963,13 +964,13 @@ function kt(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function At(...t) {
+function Ut(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function ke(t) {
+function _e(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -978,39 +979,39 @@ function ke(t) {
       return Math.floor(e);
   }
 }
-function Be(t) {
+function ze(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-const $n = "std.video-canvas", Vn = "std.video-url-player";
-function Kn() {
+const sr = "std.video-canvas", ir = "std.video-url-player";
+function ar() {
   const t = z(function({ nodeId: n, context: r, className: o }) {
-    const s = X(r.store, n), i = E(null), a = E(null), u = r.video, h = r.client, p = s ? Be(s.props?.streamId) : void 0, m = s ? ke(s.props?.width) : void 0, y = s ? ke(s.props?.height) : void 0, c = s ? At(kt(s.props?.className), o) : o, [, l] = j(0);
-    C(() => {
-      if (!h?.isWebRtcEnabled) return;
-      const g = h.onWebRtcTrackMapChanged;
-      return h.onWebRtcTrackMapChanged = (b) => {
-        g?.(b), b.kind === "video" && l((S) => S + 1);
+    const s = Z(r.store, n), i = A(null), a = A(null), l = r.video, d = r.client, h = s ? ze(s.props?.streamId) : void 0, p = s ? _e(s.props?.width) : void 0, m = s ? _e(s.props?.height) : void 0, c = s ? Ut(Mt(s.props?.className), o) : o, [, u] = N(0);
+    _(() => {
+      if (!d?.isWebRtcEnabled) return;
+      const g = d.onWebRtcTrackMapChanged;
+      return d.onWebRtcTrackMapChanged = (b) => {
+        g?.(b), b.kind === "video" && u((w) => w + 1);
       }, () => {
-        h.onWebRtcTrackMapChanged = g;
+        d.onWebRtcTrackMapChanged = g;
       };
-    }, [h]);
-    const f = h?.isWebRtcEnabled && p ? h.getWebRtcVideoStreamByStreamId(p) : null;
-    return C(() => {
+    }, [d]);
+    const y = d?.isWebRtcEnabled && h ? d.getWebRtcVideoStreamByStreamId(h) : null;
+    return _(() => {
       const g = i.current;
-      if (!(!u || !g || !p || f))
-        return u.attachCanvas(p, g), () => {
-          u.detachCanvas(p);
+      if (!(!l || !g || !h || y))
+        return l.attachCanvas(h, g), () => {
+          l.detachCanvas(h);
         };
-    }, [u, p, f]), C(() => {
+    }, [l, h, y]), _(() => {
       const g = a.current;
-      if (!(!g || !f))
-        return g.srcObject = f, () => {
+      if (!(!g || !y))
+        return g.srcObject = y, () => {
           g.srcObject = null;
         };
-    }, [f]), s ? f ? /* @__PURE__ */ w.jsx(
+    }, [y]), s ? y ? /* @__PURE__ */ S.jsx(
       "video",
       {
         ref: a,
@@ -1019,35 +1020,35 @@ function Kn() {
         muted: !0,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        "data-ikon-video-stream-id": p,
+        "data-ikon-video-stream-id": h,
         className: c,
-        ...m ? { width: m } : {},
-        ...y ? { height: y } : {}
+        ...p ? { width: p } : {},
+        ...m ? { height: m } : {}
       },
-      p
-    ) : /* @__PURE__ */ w.jsx(
+      h
+    ) : /* @__PURE__ */ S.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        "data-ikon-video-stream-id": p,
+        "data-ikon-video-stream-id": h,
         className: c,
-        ...m ? { width: m } : {},
-        ...y ? { height: y } : {}
+        ...p ? { width: p } : {},
+        ...m ? { height: m } : {}
       },
-      p
+      h
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === $n)
+    if (e === sr)
       return t;
   };
 }
-function Yn() {
-  return [Kn(), zn(), Bn()];
+function cr() {
+  return [ar(), lr(), or()];
 }
-function le(t) {
+function he(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1056,61 +1057,61 @@ function le(t) {
     if (e === "false") return !1;
   }
 }
-function zn() {
+function lr() {
   const t = z(function({
     nodeId: n,
     context: r,
     className: o
   }) {
-    const s = X(r.store, n), i = E(null), a = s ? le(s.props?.autoplay) : void 0, u = s ? Be(s.props?.src) : void 0;
-    if (C(() => {
+    const s = Z(r.store, n), i = A(null), a = s ? he(s.props?.autoplay) : void 0, l = s ? ze(s.props?.src) : void 0;
+    if (_(() => {
       a && i.current && i.current.play().catch(() => {
       });
-    }, [a, u]), !s)
+    }, [a, l]), !s)
       return null;
-    const h = At(kt(s.props?.className), o), p = Be(s.props?.poster), m = le(s.props?.controls), y = le(s.props?.loop), c = le(s.props?.muted), l = le(s.props?.playsInline), f = ke(s.props?.width), g = ke(s.props?.height), b = s.children?.length ? r.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ w.jsx(
+    const d = Ut(Mt(s.props?.className), o), h = ze(s.props?.poster), p = he(s.props?.controls), m = he(s.props?.loop), c = he(s.props?.muted), u = he(s.props?.playsInline), y = _e(s.props?.width), g = _e(s.props?.height), b = s.children?.length ? r.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ S.jsx(
       "video",
       {
         ref: i,
-        src: u,
-        poster: p,
-        ...m !== void 0 ? { controls: m } : {},
+        src: l,
+        poster: h,
+        ...p !== void 0 ? { controls: p } : {},
         ...a !== void 0 ? { autoPlay: a } : {},
-        ...y !== void 0 ? { loop: y } : {},
+        ...m !== void 0 ? { loop: m } : {},
         ...c !== void 0 ? { muted: c } : {},
-        ...l !== void 0 ? { playsInline: l } : {},
-        ...f ? { width: f } : {},
+        ...u !== void 0 ? { playsInline: u } : {},
+        ...y ? { width: y } : {},
         ...g ? { height: g } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: h,
+        className: d,
         children: b
       }
     );
   });
   return ({ type: e }) => {
-    if (e === Vn)
+    if (e === ir)
       return t;
   };
 }
-const Wn = "media", Hn = async () => Yn();
-function qn(t) {
-  t.registerModule(Wn, Hn);
+const ur = "media", dr = async () => cr();
+function fr(t) {
+  t.registerModule(ur, dr);
 }
-const Gn = `#version 300 es
+const hr = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
-`;
-function Jn(t, e) {
+`, oe = 4;
+function pr(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
-function Xn(t, e) {
+function mr(t, e) {
   const n = [];
   for (const [r, o] of Object.entries(e)) {
-    if (Jn(t, r))
+    if (pr(t, r))
       continue;
     let s;
     switch (o.type) {
@@ -1148,6 +1149,14 @@ uniform int iFrame;
 uniform vec4 iMouse;
 uniform vec4 iDate;
 
+// ShaderToy texture channels (2D images)
+uniform sampler2D iChannel0;
+uniform sampler2D iChannel1;
+uniform sampler2D iChannel2;
+uniform sampler2D iChannel3;
+uniform vec3 iChannelResolution[4];
+uniform float iChannelTime[4];
+
 // Custom uniforms
 ${n.join(`
 `)}
@@ -1163,7 +1172,7 @@ void main() {
 }
 `;
 }
-class Zn {
+class gr {
   gl;
   program = null;
   positionBuffer = null;
@@ -1177,6 +1186,9 @@ class Zn {
   mouseY = 0;
   mouseClickX = 0;
   mouseClickY = 0;
+  channels = [];
+  channelResolution = new Float32Array(oe * 3);
+  channelTime = new Float32Array(oe);
   lastError = null;
   currentShaderSource = "";
   constructor(e) {
@@ -1189,7 +1201,7 @@ class Zn {
     });
     if (!n)
       throw new Error("WebGL2 is not supported");
-    this.gl = n, this.initializeGeometry();
+    this.gl = n, this.initializeGeometry(), this.initializeChannels();
   }
   initializeGeometry() {
     const e = this.gl;
@@ -1197,12 +1209,48 @@ class Zn {
     const n = new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]);
     e.bufferData(e.ARRAY_BUFFER, n, e.STATIC_DRAW), e.enableVertexAttribArray(0), e.vertexAttribPointer(0, 2, e.FLOAT, !1, 0, 0), e.bindVertexArray(null);
   }
+  initializeChannels() {
+    const e = this.gl;
+    for (let n = 0; n < oe; n++) {
+      const r = e.createTexture();
+      e.bindTexture(e.TEXTURE_2D, r), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, 1, 1, 0, e.RGBA, e.UNSIGNED_BYTE, new Uint8Array([0, 0, 0, 255])), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), this.channels.push({ texture: r, width: 0, height: 0, url: null });
+    }
+    e.bindTexture(e.TEXTURE_2D, null);
+  }
+  // Binds image URLs (data URIs or http(s)) to iChannel0..3, matching ShaderToy's default sampler
+  // settings (vflip on, repeat wrap, mipmap filtering) so copy-pasted ShaderToy texture shaders render
+  // the same way. Only channels whose URL changed are reloaded.
+  setChannels(e) {
+    for (let n = 0; n < oe; n++) {
+      const r = e[n] ?? null, o = this.channels[n];
+      if (o.url !== r) {
+        if (o.url = r, !r) {
+          this.resetChannel(n);
+          continue;
+        }
+        this.loadChannelImage(n, r);
+      }
+    }
+  }
+  resetChannel(e) {
+    const n = this.gl, r = this.channels[e];
+    n.bindTexture(n.TEXTURE_2D, r.texture), n.texImage2D(n.TEXTURE_2D, 0, n.RGBA, 1, 1, 0, n.RGBA, n.UNSIGNED_BYTE, new Uint8Array([0, 0, 0, 255])), n.bindTexture(n.TEXTURE_2D, null), r.width = 0, r.height = 0, this.channelResolution[e * 3] = 0, this.channelResolution[e * 3 + 1] = 0, this.channelResolution[e * 3 + 2] = 0;
+  }
+  loadChannelImage(e, n) {
+    const r = this.gl, o = new Image();
+    n.startsWith("data:") || (o.crossOrigin = "anonymous"), o.onload = () => {
+      const s = this.channels[e];
+      s.url !== n || !s.texture || (r.bindTexture(r.TEXTURE_2D, s.texture), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, !0), r.texImage2D(r.TEXTURE_2D, 0, r.RGBA, r.RGBA, r.UNSIGNED_BYTE, o), r.generateMipmap(r.TEXTURE_2D), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.REPEAT), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.REPEAT), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.LINEAR_MIPMAP_LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, r.LINEAR), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, !1), r.bindTexture(r.TEXTURE_2D, null), s.width = o.naturalWidth, s.height = o.naturalHeight, this.channelResolution[e * 3] = o.naturalWidth, this.channelResolution[e * 3 + 1] = o.naturalHeight, this.channelResolution[e * 3 + 2] = 1);
+    }, o.onerror = () => {
+      this.lastError = `Failed to load texture for iChannel${e}`;
+    }, o.src = n;
+  }
   compile(e, n = {}) {
     this.lastError = null, this.customUniforms = n, this.currentShaderSource = e;
-    const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, Gn);
+    const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, hr);
     if (!o)
       return !1;
-    const s = Xn(e, n), i = this.compileShader(r.FRAGMENT_SHADER, s);
+    const s = mr(e, n), i = this.compileShader(r.FRAGMENT_SHADER, s);
     if (!i)
       return r.deleteShader(o), !1;
     const a = r.createProgram();
@@ -1222,6 +1270,9 @@ class Zn {
     const n = ["iResolution", "iTime", "iTimeDelta", "iFrame", "iMouse", "iDate"];
     for (const r of n)
       this.uniformLocations.set(r, e.getUniformLocation(this.program, r));
+    for (let r = 0; r < oe; r++)
+      this.uniformLocations.set(`iChannel${r}`, e.getUniformLocation(this.program, `iChannel${r}`));
+    this.uniformLocations.set("iChannelResolution", e.getUniformLocation(this.program, "iChannelResolution[0]")), this.uniformLocations.set("iChannelTime", e.getUniformLocation(this.program, "iChannelTime[0]"));
     for (const r of Object.keys(this.customUniforms))
       this.uniformLocations.set(r, e.getUniformLocation(this.program, r));
   }
@@ -1234,52 +1285,61 @@ class Zn {
   }
   draw() {
     if (!this.program) return;
-    const e = this.gl, n = e.canvas, r = n.clientWidth, o = n.clientHeight;
-    (n.width !== r || n.height !== o) && (n.width = r, n.height = o, e.viewport(0, 0, r, o));
-    const s = performance.now(), i = (s - this.startTime) / 1e3, a = (s - this.lastFrameTime) / 1e3;
-    this.lastFrameTime = s, this.frameCount++, e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(this.program), e.bindVertexArray(this.vao);
-    const u = this.uniformLocations.get("iResolution");
-    u && e.uniform3f(u, r, o, 1);
+    const e = this.gl, n = e.canvas, r = typeof window < "u" && window.devicePixelRatio || 1, o = Math.max(1, Math.round(n.clientWidth * r)), s = Math.max(1, Math.round(n.clientHeight * r));
+    (n.width !== o || n.height !== s) && (n.width = o, n.height = s, e.viewport(0, 0, o, s));
+    const i = performance.now(), a = (i - this.startTime) / 1e3, l = (i - this.lastFrameTime) / 1e3;
+    this.lastFrameTime = i, this.frameCount++, e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(this.program), e.bindVertexArray(this.vao);
+    const d = this.uniformLocations.get("iResolution");
+    d && e.uniform3f(d, o, s, 1);
     const h = this.uniformLocations.get("iTime");
-    h && e.uniform1f(h, i);
+    h && e.uniform1f(h, a);
     const p = this.uniformLocations.get("iTimeDelta");
-    p && e.uniform1f(p, a);
+    p && e.uniform1f(p, l);
     const m = this.uniformLocations.get("iFrame");
     m && e.uniform1i(m, this.frameCount);
-    const y = this.uniformLocations.get("iMouse");
-    y && e.uniform4f(y, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
-    const c = this.uniformLocations.get("iDate");
-    if (c) {
-      const l = /* @__PURE__ */ new Date();
-      e.uniform4f(c, l.getFullYear(), l.getMonth(), l.getDate(), l.getHours() * 3600 + l.getMinutes() * 60 + l.getSeconds() + l.getMilliseconds() / 1e3);
-    }
-    for (const [l, f] of Object.entries(this.customUniforms)) {
-      const g = this.uniformLocations.get(l);
-      if (g)
-        switch (f.type) {
+    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);
+    }
+    for (let b = 0; b < oe; b++) {
+      e.activeTexture(e.TEXTURE0 + b), e.bindTexture(e.TEXTURE_2D, this.channels[b].texture);
+      const w = this.uniformLocations.get(`iChannel${b}`);
+      w && e.uniform1i(w, b);
+    }
+    const y = this.uniformLocations.get("iChannelResolution");
+    y && e.uniform3fv(y, this.channelResolution);
+    const g = this.uniformLocations.get("iChannelTime");
+    g && e.uniform1fv(g, this.channelTime);
+    for (const [b, w] of Object.entries(this.customUniforms)) {
+      const v = this.uniformLocations.get(b);
+      if (v)
+        switch (w.type) {
           case "float":
-            e.uniform1f(g, f.value);
+            e.uniform1f(v, w.value);
             break;
           case "vec2": {
-            const b = f.value;
-            e.uniform2f(g, b[0], b[1]);
+            const E = w.value;
+            e.uniform2f(v, E[0], E[1]);
             break;
           }
           case "vec3": {
-            const b = f.value;
-            e.uniform3f(g, b[0], b[1], b[2]);
+            const E = w.value;
+            e.uniform3f(v, E[0], E[1], E[2]);
             break;
           }
           case "vec4": {
-            const b = f.value;
-            e.uniform4f(g, b[0], b[1], b[2], b[3]);
+            const E = w.value;
+            e.uniform4f(v, E[0], E[1], E[2], E[3]);
             break;
           }
           case "int":
-            e.uniform1i(g, f.value);
+            e.uniform1i(v, w.value);
             break;
           case "bool":
-            e.uniform1i(g, f.value ? 1 : 0);
+            e.uniform1i(v, w.value ? 1 : 0);
             break;
         }
     }
@@ -1290,10 +1350,13 @@ class Zn {
   }
   destroy() {
     const e = this.gl;
-    this.program && (e.deleteProgram(this.program), this.program = null), this.positionBuffer && (e.deleteBuffer(this.positionBuffer), this.positionBuffer = null), this.vao && (e.deleteVertexArray(this.vao), this.vao = null), this.uniformLocations.clear();
+    this.program && (e.deleteProgram(this.program), this.program = null), this.positionBuffer && (e.deleteBuffer(this.positionBuffer), this.positionBuffer = null), this.vao && (e.deleteVertexArray(this.vao), this.vao = null);
+    for (const n of this.channels)
+      n.texture && (e.deleteTexture(n.texture), n.texture = null);
+    this.channels = [], this.uniformLocations.clear();
   }
 }
-function Qn(t) {
+function yr(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -1303,13 +1366,13 @@ function Qn(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function er(...t) {
+function br(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function Oe(t) {
+function Ue(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return Math.floor(t);
   if (typeof t == "string" && t.trim().length > 0) {
@@ -1318,10 +1381,10 @@ function Oe(t) {
       return Math.floor(e);
   }
 }
-function tr(t) {
+function wr(t) {
   return typeof t == "string" ? t : "";
 }
-function nr(t) {
+function Sr(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1330,7 +1393,7 @@ function nr(t) {
     if (e === "false") return !1;
   }
 }
-function rr(t) {
+function Er(t) {
   if (!t || typeof t != "object")
     return {};
   const e = {}, n = t;
@@ -1345,7 +1408,10 @@ function rr(t) {
   }
   return e;
 }
-function or(t, e) {
+function vr(t) {
+  return Array.isArray(t) ? t.map((e) => typeof e == "string" ? e : null) : [];
+}
+function Rr(t, e) {
   const n = Object.keys(t), r = Object.keys(e);
   if (n.length !== r.length)
     return !1;
@@ -1366,100 +1432,103 @@ function or(t, e) {
   }
   return !0;
 }
-const sr = "std.shadertoy-canvas";
-function ir() {
+const Ar = "std.shadertoy-canvas";
+function Tr() {
   const t = z(function({ nodeId: n, context: r, className: o }) {
-    const s = X(r.store, n), i = E(null), a = E(null), u = E(null), h = E(0), p = E(""), m = E({}), y = E({
+    const s = Z(r.store, n), i = A(null), a = A(null), l = A(null), d = A(0), h = A(""), p = A({}), m = A({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), c = s ? tr(s.props?.shaderSource) : "", l = s ? Oe(s.props?.fps) ?? 60 : 60, f = s?.props?.uniforms, g = K(() => rr(f), [f]), b = s ? nr(s.props?.enableMouse) ?? !0 : !0, S = s ? Oe(s.props?.width) : void 0, O = s ? Oe(s.props?.height) : void 0, I = s ? er(Qn(s.props?.className), o) : o;
-    C(() => {
-      const _ = i.current;
-      if (_) {
+    }), c = s ? wr(s.props?.shaderSource) : "", u = s ? Ue(s.props?.fps) ?? 60 : 60, y = s?.props?.uniforms, g = W(() => Er(y), [y]), b = s?.props?.channels, w = W(() => vr(b), [b]), v = s ? Sr(s.props?.enableMouse) ?? !0 : !0, E = s ? Ue(s.props?.width) : void 0, T = s ? Ue(s.props?.height) : void 0, M = s ? br(yr(s.props?.className), o) : o;
+    _(() => {
+      const I = i.current;
+      if (I) {
         try {
-          const P = new Zn(_);
-          a.current = P;
-        } catch (P) {
-          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
+          const x = new gr(I);
+          a.current = x;
+        } catch (x) {
+          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", x);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), C(() => {
-      const _ = a.current;
-      if (!(!_ || !c) && p.current !== c)
-        if (_.compile(c, g))
-          p.current = c, m.current = g;
+    }, []), _(() => {
+      const I = a.current;
+      if (!(!I || !c) && h.current !== c)
+        if (I.compile(c, g))
+          h.current = c, p.current = g;
         else {
-          const F = _.getError();
-          console.error("[ShadertoyRenderer] Shader compilation failed:", F);
+          const $ = I.getError();
+          console.error("[ShadertoyRenderer] Shader compilation failed:", $);
         }
-    }, [c, g]), C(() => {
-      const _ = a.current;
-      !_ || !p.current || or(m.current, g) || (_.setCustomUniforms(g), m.current = g);
-    }, [g]), C(() => {
-      const _ = a.current;
-      if (!_ || !p.current) return;
-      const P = 1e3 / l, F = (L) => {
-        const B = L - h.current;
-        B >= P && (h.current = L - B % P, _.draw()), u.current = requestAnimationFrame(F);
+    }, [c, g]), _(() => {
+      const I = a.current;
+      !I || !h.current || Rr(p.current, g) || (I.setCustomUniforms(g), p.current = g);
+    }, [g]), _(() => {
+      const I = a.current;
+      I && I.setChannels(w);
+    }, [w]), _(() => {
+      const I = a.current;
+      if (!I || !h.current) return;
+      const x = 1e3 / u, $ = (V) => {
+        const B = V - d.current;
+        B >= x && (d.current = V - B % x, I.draw()), l.current = requestAnimationFrame($);
       };
-      return u.current = requestAnimationFrame(F), () => {
-        u.current !== null && (cancelAnimationFrame(u.current), u.current = null);
+      return l.current = requestAnimationFrame($), () => {
+        l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
       };
-    }, [l]);
-    const M = D(
-      (_) => {
-        if (!b) return;
-        const P = i.current, F = a.current;
-        if (!P || !F) return;
-        const L = P.getBoundingClientRect(), B = _.clientX - L.left, Y = L.height - (_.clientY - L.top);
-        y.current.x = B, y.current.y = Y, F.setMouse(B, Y, y.current.clickX, y.current.clickY);
+    }, [u]);
+    const Q = D(
+      (I) => {
+        if (!v) return;
+        const x = i.current, $ = a.current;
+        if (!x || !$) return;
+        const V = window.devicePixelRatio || 1, B = x.getBoundingClientRect(), K = (I.clientX - B.left) * V, G = (B.height - (I.clientY - B.top)) * V;
+        m.current.x = K, m.current.y = G, $.setMouse(K, G, m.current.clickX, m.current.clickY);
       },
-      [b]
-    ), x = D(
-      (_) => {
-        if (!b) return;
-        const P = i.current, F = a.current;
-        if (!P || !F) return;
-        const L = P.getBoundingClientRect(), B = _.clientX - L.left, Y = L.height - (_.clientY - L.top);
-        y.current.isDown = !0, y.current.clickX = B, y.current.clickY = Y, F.setMouse(B, Y, B, Y);
+      [v]
+    ), re = D(
+      (I) => {
+        if (!v) return;
+        const x = i.current, $ = a.current;
+        if (!x || !$) return;
+        const V = window.devicePixelRatio || 1, B = x.getBoundingClientRect(), K = (I.clientX - B.left) * V, G = (B.height - (I.clientY - B.top)) * V;
+        m.current.isDown = !0, m.current.clickX = K, m.current.clickY = G, $.setMouse(K, G, K, G);
       },
-      [b]
-    ), G = D(() => {
-      b && (y.current.isDown = !1, y.current.clickX = -Math.abs(y.current.clickX));
-    }, [b]);
-    return s ? /* @__PURE__ */ w.jsx(
+      [v]
+    ), q = D(() => {
+      v && (m.current.isDown = !1, m.current.clickX = -Math.abs(m.current.clickX));
+    }, [v]);
+    return s ? /* @__PURE__ */ S.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: I,
-        ...S ? { width: S } : {},
-        ...O ? { height: O } : {},
-        onMouseMove: M,
-        onMouseDown: x,
-        onMouseUp: G,
-        onMouseLeave: G
+        className: M,
+        ...E ? { width: E } : {},
+        ...T ? { height: T } : {},
+        onMouseMove: Q,
+        onMouseDown: re,
+        onMouseUp: q,
+        onMouseLeave: q
       }
     ) : null;
   });
   return ({ type: e }) => {
-    if (e === sr)
+    if (e === Ar)
       return t;
   };
 }
-const ar = "shadertoy", cr = async () => ir();
-function ur(t) {
-  t.registerModule(ar, cr);
+const kr = "shadertoy", Cr = async () => Tr();
+function _r(t) {
+  t.registerModule(kr, Cr);
 }
-const st = re("UIRegistry");
-class lr {
+const dt = ne("UIRegistry");
+class Ir {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
   moduleResolvers = /* @__PURE__ */ new Map();
@@ -1481,15 +1550,15 @@ class lr {
     for (const [r, o] of this.moduleLoaders.entries())
       if (!this.moduleResolvers.has(r))
         try {
-          const s = await o(), i = hr(s);
+          const s = await o(), i = xr(s);
           this.moduleResolvers.set(r, i), e = !0;
         } catch (s) {
-          st.error(`[IkonUiRegistry] Failed to load module '${r}'.`, s);
+          dt.error(`[IkonUiRegistry] Failed to load module '${r}'.`, s);
         }
     const n = [];
     for (const r of this.moduleLoaders.keys())
       this.moduleResolvers.has(r) && n.push(r);
-    return pr(n, this.activeModuleOrder) || (this.activeModuleOrder = n, e = !0), e;
+    return Pr(n, this.activeModuleOrder) || (this.activeModuleOrder = n, e = !0), e;
   }
   resolve(e) {
     for (const n of this.baseResolvers) {
@@ -1499,7 +1568,7 @@ class lr {
     for (const n of this.activeModuleOrder) {
       const r = this.moduleResolvers.get(n);
       if (!r) {
-        st.warn(`Missing resolvers for module ${n}`);
+        dt.warn(`Missing resolvers for module ${n}`);
         continue;
       }
       for (const o of r) {
@@ -1509,17 +1578,17 @@ class lr {
     }
   }
 }
-function dr() {
-  const t = new lr();
-  return jn(t), qn(t), ur(t), t.loadRegisteredModules(), t;
+function Or() {
+  const t = new Ir();
+  return er(t), fr(t), _r(t), t.loadRegisteredModules(), t;
 }
-function fr(t) {
+function Nr(t) {
   return Array.isArray(t) ? t : [t];
 }
-function hr(t) {
-  return t ? fr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function xr(t) {
+  return t ? Nr(t).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function pr(t, e) {
+function Pr(t, e) {
   if (t.length !== e.length)
     return !1;
   for (let n = 0; n < t.length; n += 1)
@@ -1527,9 +1596,9 @@ function pr(t, e) {
       return !1;
   return !0;
 }
-function os({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
-  return /* @__PURE__ */ w.jsx(
-    wt,
+function Is({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
+  return /* @__PURE__ */ S.jsx(
+    Nt,
     {
       stores: e,
       registry: n,
@@ -1539,7 +1608,7 @@ function os({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
     }
   );
 }
-const Ne = re("MotionController"), it = {
+const je = ne("MotionController"), ft = {
   ease: [0.25, 0.1, 0.25, 1],
   "ease-in": [0.42, 0, 1, 1],
   "ease-out": [0, 0, 0.58, 1],
@@ -1569,88 +1638,88 @@ const Ne = re("MotionController"), it = {
   "ease-out-back": [0.175, 0.885, 0.32, 1.275],
   "ease-in-out-back": [0.68, -0.55, 0.265, 1.55]
 };
-function V(t) {
+function F(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
-function at(t) {
+function ht(t) {
   if (t == null) return;
   const e = `${t}`.trim();
   if (!e) return;
   const n = Number.parseFloat(e);
   return Number.isFinite(n) ? n : void 0;
 }
-function ct(t) {
+function pt(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function ut(t, e, n, r) {
-  const p = new Float32Array(11);
-  function m(g, b, S) {
-    return ((3 * b - 3 * S + 1) * g + (3 * S - 6 * b)) * g * g + 3 * b * g;
+function mt(t, e, n, r) {
+  const h = new Float32Array(11);
+  function p(g, b, w) {
+    return ((3 * b - 3 * w + 1) * g + (3 * w - 6 * b)) * g * g + 3 * b * g;
   }
-  function y(g, b, S) {
-    return 3 * (3 * b - 3 * S + 1) * g * g + 2 * (3 * S - 6 * b) * g + 3 * b;
+  function m(g, b, w) {
+    return 3 * (3 * b - 3 * w + 1) * g * g + 2 * (3 * w - 6 * b) * g + 3 * b;
   }
   function c(g, b) {
-    for (let S = 0; S < 4; S += 1) {
-      const O = y(b, t, n);
-      if (O === 0)
+    for (let w = 0; w < 4; w += 1) {
+      const v = m(b, t, n);
+      if (v === 0)
         return b;
-      const I = m(b, t, n) - g;
-      b -= I / O;
+      const E = p(b, t, n) - g;
+      b -= E / v;
     }
     return b;
   }
-  function l(g, b, S) {
-    let O = 0, I = 0, M = 0;
+  function u(g, b, w) {
+    let v = 0, E = 0, T = 0;
     do
-      I = b + (S - b) / 2, O = m(I, t, n) - g, O > 0 ? S = I : b = I;
-    while (Math.abs(O) > 1e-7 && ++M < 10);
-    return I;
-  }
-  function f(g) {
-    let b = 0, S = 1;
-    const O = 10;
-    for (; S !== O && p[S] <= g; S += 1)
+      E = b + (w - b) / 2, v = p(E, t, n) - g, v > 0 ? w = E : b = E;
+    while (Math.abs(v) > 1e-7 && ++T < 10);
+    return E;
+  }
+  function y(g) {
+    let b = 0, w = 1;
+    const v = 10;
+    for (; w !== v && h[w] <= g; w += 1)
       b += 0.1;
-    S -= 1;
-    const I = (g - p[S]) / (p[S + 1] - p[S]), M = b + I * 0.1, x = y(M, t, n);
-    return x >= 1e-3 ? c(g, M) : x === 0 ? M : l(g, b, b + 0.1);
+    w -= 1;
+    const E = (g - h[w]) / (h[w + 1] - h[w]), T = b + E * 0.1, M = m(T, t, n);
+    return M >= 1e-3 ? c(g, T) : M === 0 ? T : u(g, b, b + 0.1);
   }
   for (let g = 0; g < 11; g += 1)
-    p[g] = m(g * 0.1, t, n);
-  return (g) => g <= 0 ? 0 : g >= 1 ? 1 : m(f(g), e, r);
+    h[g] = p(g * 0.1, t, n);
+  return (g) => g <= 0 ? 0 : g >= 1 ? 1 : p(y(g), e, r);
 }
-function mr(t) {
+function Lr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
   if (!e)
-    return (o) => V(o);
+    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) => V(Math.ceil(o * n) / n) : r === "none" || r === "jump-none" ? (o) => V(Math.round(o * n) / n) : r === "both" || r === "jump-both" ? (o) => V((Math.floor(o * n) + 0.5) / n) : (o) => V(Math.floor(o * n) / n);
+  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 gr(t) {
+function Mr(t) {
   if (!t)
-    return (n) => V(n);
+    return (n) => F(n);
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
-    return (n) => V(n);
-  if (it[e]) {
-    const [n, r, o, s] = it[e], i = ut(n, r, o, s);
-    return (a) => V(i(V(a)));
+    return (n) => F(n);
+  if (ft[e]) {
+    const [n, r, o, s] = ft[e], i = mt(n, r, o, s);
+    return (a) => F(i(F(a)));
   }
   if (e.startsWith("cubic-bezier(") && e.endsWith(")")) {
     const r = e.slice(13, -1).split(",").map((o) => Number.parseFloat(o.trim()));
     if (r.length === 4 && r.every((o) => Number.isFinite(o))) {
-      const [o, s, i, a] = r, u = ut(o, s, i, a);
-      return (h) => V(u(V(h)));
+      const [o, s, i, a] = r, l = mt(o, s, i, a);
+      return (d) => F(l(F(d)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
-    const n = mr(e);
-    return (r) => n(V(r));
+    const n = Lr(e);
+    return (r) => n(F(r));
   }
-  return (n) => V(n);
+  return (n) => F(n);
 }
-function yr(t) {
+function Ur(t) {
   if (!t)
     return;
   const e = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(t);
@@ -1660,7 +1729,7 @@ function yr(t) {
   if (![n, r, o, s].some((i) => !Number.isFinite(i)))
     return { inStart: n, inEnd: r, outStart: o, outEnd: s };
 }
-class br {
+class jr {
   bindingsByStyle = /* @__PURE__ */ new Map();
   observer;
   observeScheduled = !1;
@@ -1687,7 +1756,7 @@ class br {
       try {
         e();
       } catch (n) {
-        Ne.warn("Failed to cleanup binding listener", n);
+        je.warn("Failed to cleanup binding listener", n);
       }
     this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer && (this.observer.disconnect(), this.observer = void 0);
   }
@@ -1697,7 +1766,7 @@ class br {
         const r = (JSON.parse(e).motionBindings ?? []).map((o) => this.parseBinding(o)).filter((o) => o !== void 0);
         return r.length === 0 ? void 0 : { bindings: r };
       } catch (n) {
-        Ne.warn("Failed to parse motion metadata", n);
+        je.warn("Failed to parse motion metadata", n);
         return;
       }
   }
@@ -1705,16 +1774,16 @@ class br {
     const n = e.source?.trim();
     if (!n)
       return;
-    const r = at(e.min) ?? 0, o = at(e.max), s = o === void 0 ? r + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, u = gr(e.ease), h = yr(e.map), p = e.targetId?.trim() || void 0;
+    const r = ht(e.min) ?? 0, o = ht(e.max), s = o === void 0 ? r + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, l = Mr(e.ease), d = Ur(e.map), h = e.targetId?.trim() || void 0;
     return Number.isNaN(r) || Number.isNaN(s) ? void 0 : {
       source: n.toLowerCase(),
       min: r,
       max: s,
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: a,
-      ease: u,
-      map: h,
-      targetId: p
+      ease: l,
+      map: d,
+      targetId: h
     };
   }
   ensureObserver() {
@@ -1763,7 +1832,7 @@ class br {
     const n = this.bindingsByStyle.get(e);
     if (!n || typeof document > "u")
       return;
-    const r = `.${ct(e)}`;
+    const r = `.${pt(e)}`;
     document.querySelectorAll(r).forEach((s) => this.applyStyleToElement(s, e, n));
   }
   applyStyleToElement(e, n, r) {
@@ -1803,7 +1872,7 @@ class br {
   }
   resolveScrollContainer(e, n) {
     if (n.targetId) {
-      const r = `[data-ikon-motion-source="${ct(n.targetId)}"]`, o = typeof document < "u" ? document.querySelector(r) : null;
+      const r = `[data-ikon-motion-source="${pt(n.targetId)}"]`, o = typeof document < "u" ? document.querySelector(r) : null;
       if (o)
         return o;
     }
@@ -1813,10 +1882,10 @@ class br {
     const o = n.max - n.min, s = o === 0 ? r > n.min ? 1 : 0 : (r - n.min) / o;
     let i = this.applyClamp(s, n.clamp);
     n.reverse && (i = 1 - i);
-    const a = n.ease(i), u = Number.isFinite(a) ? a : 0, h = u * 100;
-    if (e.style.setProperty("--tw-motion-bind-source-value", `${r}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${u}`), e.style.setProperty("--tw-motion-bind-progress", `${h}`), n.map) {
-      const p = this.applyMap(h, n.map);
-      p !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${p}`);
+    const a = n.ease(i), l = Number.isFinite(a) ? a : 0, d = l * 100;
+    if (e.style.setProperty("--tw-motion-bind-source-value", `${r}`), e.style.setProperty("--tw-motion-bind-progress-ratio", `${l}`), e.style.setProperty("--tw-motion-bind-progress", `${d}`), n.map) {
+      const h = this.applyMap(d, n.map);
+      h !== void 0 && e.style.setProperty("--tw-motion-bind-value", `${h}`);
     } else
       e.style.removeProperty("--tw-motion-bind-value");
   }
@@ -1831,7 +1900,7 @@ class br {
       case "unclamped":
         return e;
       default:
-        return V(e);
+        return F(e);
     }
   }
   applyMap(e, n) {
@@ -1873,7 +1942,7 @@ class br {
       try {
         i();
       } catch (a) {
-        Ne.warn("Failed to cleanup listener", a);
+        je.warn("Failed to cleanup listener", a);
       }
       this.globalCleanups.delete(i);
     }
@@ -1918,21 +1987,21 @@ class br {
     }
   }
 }
-const Me = new br();
-function Sr(t) {
-  const e = E(/* @__PURE__ */ new Map()), n = D(({ styleId: s, css: i, common: a }) => {
+const De = new jr();
+function Dr(t) {
+  const e = A(/* @__PURE__ */ new Map()), n = D(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
-        let u = e.current.get(s);
-        u || (u = document.createElement("style"), u.setAttribute("data-ikon-style-id", s), document.head.appendChild(u), e.current.set(s, u)), u.textContent = i;
+        let l = e.current.get(s);
+        l || (l = document.createElement("style"), l.setAttribute("data-ikon-style-id", s), document.head.appendChild(l), e.current.set(s, l)), l.textContent = i;
       }
-      Me.registerStyle(s, a);
+      De.registerStyle(s, a);
     }
   }, []), r = D((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
-        a && (a.remove(), e.current.delete(i)), Me.unregisterStyle(i);
+        a && (a.remove(), e.current.delete(i)), De.unregisterStyle(i);
       }
   }, []), o = D(() => {
     if (typeof document < "u") {
@@ -1940,9 +2009,9 @@ function Sr(t) {
         s.remove();
       e.current.clear();
     }
-    Me.reset();
+    De.reset();
   }, []);
-  return C(() => {
+  return _(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       n(a);
@@ -1950,9 +2019,9 @@ function Sr(t) {
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, n, r]), C(() => () => o(), [o]), { setStyle: n, deleteStyles: r, reset: o };
+  }, [t, o, n, r]), _(() => () => o(), [o]), { setStyle: n, deleteStyles: r, reset: o };
 }
-function wr(t) {
+function $r(t) {
   const e = [];
   for (const [n, r] of t) {
     const o = r.store.getSnapshot(), s = o.rootViewId && o.views.has(o.rootViewId);
@@ -1960,62 +2029,62 @@ function wr(t) {
   }
   return e.sort(), e.join(",");
 }
-function vr(t) {
-  const [e, n] = j(), r = E("");
-  return C(() => {
+function Br(t) {
+  const [e, n] = N(), r = A("");
+  return _(() => {
     if (!t) {
       n(void 0), r.current = "";
       return;
     }
     const o = () => {
-      const s = t.getStores(), i = wr(s);
+      const s = t.getStores(), i = $r(s);
       i !== r.current && (r.current = i, n(s));
     };
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var Er = typeof global == "object" && global && global.Object === Object && global, Rr = typeof self == "object" && self && self.Object === Object && self, kr = Er || Rr || Function("return this")(), Ae = kr.Symbol, Tt = Object.prototype, Ar = Tt.hasOwnProperty, Tr = Tt.toString, de = Ae ? Ae.toStringTag : void 0;
-function Cr(t) {
-  var e = Ar.call(t, de), n = t[de];
+var Fr = typeof global == "object" && global && global.Object === Object && global, Vr = typeof self == "object" && self && self.Object === Object && self, Wr = Fr || Vr || Function("return this")(), Ie = Wr.Symbol, jt = Object.prototype, Kr = jt.hasOwnProperty, Gr = jt.toString, pe = Ie ? Ie.toStringTag : void 0;
+function Yr(t) {
+  var e = Kr.call(t, pe), n = t[pe];
   try {
-    t[de] = void 0;
+    t[pe] = void 0;
     var r = !0;
   } catch {
   }
-  var o = Tr.call(t);
-  return r && (e ? t[de] = n : delete t[de]), o;
+  var o = Gr.call(t);
+  return r && (e ? t[pe] = n : delete t[pe]), o;
 }
-var Ir = Object.prototype, _r = Ir.toString;
-function Or(t) {
-  return _r.call(t);
+var zr = Object.prototype, Xr = zr.toString;
+function Hr(t) {
+  return Xr.call(t);
 }
-var Nr = "[object Null]", Mr = "[object Undefined]", lt = Ae ? Ae.toStringTag : void 0;
-function Pr(t) {
-  return t == null ? t === void 0 ? Mr : Nr : lt && lt in Object(t) ? Cr(t) : Or(t);
+var qr = "[object Null]", Jr = "[object Undefined]", gt = Ie ? Ie.toStringTag : void 0;
+function Zr(t) {
+  return t == null ? t === void 0 ? Jr : qr : gt && gt in Object(t) ? Yr(t) : Hr(t);
 }
-function xr(t) {
+function Qr(t) {
   return t != null && typeof t == "object";
 }
-var Lr = Array.isArray, jr = "[object String]";
-function Ur(t) {
-  return typeof t == "string" || !Lr(t) && xr(t) && Pr(t) == jr;
+var eo = Array.isArray, to = "[object String]";
+function no(t) {
+  return typeof t == "string" || !eo(t) && Qr(t) && Zr(t) == to;
 }
-const dt = "ikonUiModules";
-function $e(t) {
+const yt = "ikonUiModules";
+function Xe(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function Dr(t) {
+function ro(t) {
   if (!Array.isArray(t))
     return;
   const e = /* @__PURE__ */ new Set();
   for (const n of t) {
-    if (!Ur(n)) continue;
+    if (!no(n)) continue;
     const r = n.trim();
     r && (e.has(r) || e.add(r));
   }
   return Array.from(e);
 }
-function ss(t, e) {
+function Os(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -2027,21 +2096,21 @@ function ss(t, e) {
       return !1;
   return !0;
 }
-function Fr(t) {
-  if (!(!$e(t) || !Object.prototype.hasOwnProperty.call(t, dt)))
-    return Dr(t[dt]);
+function oo(t) {
+  if (!(!Xe(t) || !Object.prototype.hasOwnProperty.call(t, yt)))
+    return ro(t[yt]);
 }
-function is(...t) {
+function Ns(...t) {
   for (const e of t) {
-    const n = Fr(e);
+    const n = oo(e);
     if (n !== void 0)
       return n;
   }
 }
-function as(t) {
-  if (!$e(t))
+function xs(t) {
+  if (!Xe(t))
     return;
-  const e = t, n = Object.keys(e).find((u) => u.toLowerCase() === "modules");
+  const e = t, n = Object.keys(e).find((l) => l.toLowerCase() === "modules");
   if (!n)
     return;
   const r = e[n];
@@ -2050,46 +2119,46 @@ function as(t) {
   if (!Array.isArray(r))
     return;
   const o = [], s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
-  for (const u of r) {
-    if (typeof u == "string") {
-      const f = u.trim();
-      if (!f || i.has(f))
+  for (const l of r) {
+    if (typeof l == "string") {
+      const y = l.trim();
+      if (!y || i.has(y))
         continue;
-      o.push(f), i.add(f);
+      o.push(y), i.add(y);
       continue;
     }
-    if (!$e(u))
+    if (!Xe(l))
       continue;
-    const h = u, p = Object.keys(h).find((f) => f.toLowerCase() === "name");
-    if (!p)
+    const d = l, h = Object.keys(d).find((y) => y.toLowerCase() === "name");
+    if (!h)
       continue;
-    const m = h[p];
-    if (typeof m != "string")
+    const p = d[h];
+    if (typeof p != "string")
       continue;
-    const y = m.trim();
-    if (!y)
+    const m = p.trim();
+    if (!m)
       continue;
-    const c = Object.keys(h).find((f) => f.toLowerCase() === "javascript"), l = c ? h[c] : void 0;
-    typeof l == "string" && s.set(y, l), i.has(y) || (o.push(y), i.add(y));
+    const c = Object.keys(d).find((y) => y.toLowerCase() === "javascript"), u = c ? d[c] : void 0;
+    typeof u == "string" && s.set(m, u), i.has(m) || (o.push(m), i.add(m));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
-  const a = Array.from(s.entries()).map(([u, h]) => ({
-    name: u,
-    javascript: h
+  const a = Array.from(s.entries()).map(([l, d]) => ({
+    name: l,
+    javascript: d
   }));
   return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const R = {
+const k = {
   None: 0,
   Letter: 1,
   Word: 2,
   Line: 4,
   Paragraph: 8,
   Emoji: 16
-}, Br = [
+}, so = [
   {
-    flag: R.Letter,
+    flag: k.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -2098,7 +2167,7 @@ const R = {
     ]
   },
   {
-    flag: R.Word,
+    flag: k.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -2107,7 +2176,7 @@ const R = {
     ]
   },
   {
-    flag: R.Line,
+    flag: k.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -2116,7 +2185,7 @@ const R = {
     ]
   },
   {
-    flag: R.Paragraph,
+    flag: k.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -2127,7 +2196,7 @@ const R = {
     ]
   },
   {
-    flag: R.Emoji,
+    flag: k.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -2136,42 +2205,42 @@ const R = {
       "[data-emoji]"
     ]
   }
-], Ve = R.Letter | R.Word | R.Line | R.Paragraph | R.Emoji, $r = R.Letter | R.Word | R.Line | R.Paragraph, ft = /* @__PURE__ */ new Map(), Vr = 16384;
-function cs(t, e) {
-  if (!t || t.length > Vr)
+], He = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, io = k.Letter | k.Word | k.Line | k.Paragraph, bt = /* @__PURE__ */ new Map(), ao = 16384;
+function Ps(t, e) {
+  if (!t || t.length > ao)
     return t;
-  const n = so(e), r = ne(n, R.Emoji), o = n & $r;
-  if (o === R.None && !r)
+  const n = To(e), r = ce(n, k.Emoji), o = n & io;
+  if (o === k.None && !r)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === R.None)
-    return gt(s);
-  const i = ro(s);
+  if (o === k.None)
+    return vt(s);
+  const i = Ro(s);
   if (i.length === 0)
-    return r ? gt(s) : t;
-  const a = oo(i), u = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, h = [];
-  for (const p of a) {
-    const m = Kr(p, n, u);
-    h.push(...m);
+    return r ? vt(s) : t;
+  const a = Ao(i), l = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, d = [];
+  for (const h of a) {
+    const p = co(h, n, l);
+    d.push(...p);
   }
-  return h;
+  return d;
 }
-function Kr(t, e, n) {
+function co(t, e, n) {
   const r = [];
   for (const o of t) {
-    const s = Yr(o, e, n);
+    const s = lo(o, e, n);
     r.push(...s);
   }
-  if (ne(e, R.Paragraph)) {
+  if (ce(e, k.Paragraph)) {
     const o = n.paragraph++;
     return [
-      /* @__PURE__ */ w.jsx(
+      /* @__PURE__ */ S.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
-          style: Ie(o),
+          style: xe(o),
           children: r
         },
         `motion-paragraph-${o}`
@@ -2180,116 +2249,116 @@ function Kr(t, e, n) {
   }
   return r;
 }
-function Yr(t, e, n) {
-  const r = zr(t.text, e, n), o = [];
-  if (ne(e, R.Line)) {
+function lo(t, e, n) {
+  const r = uo(t.text, e, n), o = [];
+  if (ce(e, k.Line)) {
     const s = n.line++;
     o.push(
-      /* @__PURE__ */ w.jsx("span", { "data-motion-line": !0, style: Ie(s), children: r }, `motion-line-${s}`)
+      /* @__PURE__ */ S.jsx("span", { "data-motion-line": !0, style: xe(s), children: r }, `motion-line-${s}`)
     );
   } else
     o.push(...r);
   for (let s = 0; s < t.breaks; s++)
-    o.push(/* @__PURE__ */ w.jsx("br", {}, `motion-break-${n.br++}`));
+    o.push(/* @__PURE__ */ S.jsx("br", {}, `motion-break-${n.br++}`));
   return o;
 }
-function zr(t, e, n) {
+function uo(t, e, n) {
   if (!t)
     return [];
-  const r = ne(e, R.Word), o = [], s = /(\s+)/g;
+  const r = ce(e, k.Word), o = [], s = /(\s+)/g;
   let i = 0, a;
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
-      const u = t.slice(i, a.index);
-      o.push(ht(u, n, e, r));
+      const l = t.slice(i, a.index);
+      o.push(wt(l, n, e, r));
     }
     o.push(a[0]), i = a.index + a[0].length;
   }
   if (i < t.length) {
-    const u = t.slice(i);
-    o.push(ht(u, n, e, r));
+    const l = t.slice(i);
+    o.push(wt(l, n, e, r));
   }
   return o;
 }
-function ht(t, e, n, r) {
-  const o = e.word++, s = Hr(t, n, e), i = `motion-word-${o}`, a = Wr(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 wt(t, e, n, r) {
+  const o = e.word++, s = ho(t, n, e), i = `motion-word-${o}`, a = fo(o, r);
+  return r ? /* @__PURE__ */ S.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ S.jsx("span", { style: a, children: s }, i);
 }
-function Wr(t, e) {
-  return e ? { ...Ie(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
+function fo(t, e) {
+  return e ? { ...xe(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
 }
-function Hr(t, e, n) {
+function ho(t, e, n) {
   if (!t)
     return [];
-  const r = ne(e, R.Letter), o = ne(e, R.Emoji);
+  const r = ce(e, k.Letter), o = ce(e, k.Emoji);
   if (!r) {
     if (!o)
       return [t];
-    const a = Ke(t);
+    const a = qe(t);
     if (a.length === 0)
       return [t];
-    const { nodes: u } = It(a, n);
-    return u;
+    const { nodes: l } = $t(a, n);
+    return l;
   }
-  const s = [], i = Ke(t);
+  const s = [], i = qe(t);
   for (const a of i) {
-    const u = n.letter++, h = `motion-letter-${u}`, p = Ie(u);
+    const l = n.letter++, d = `motion-letter-${l}`, h = xe(l);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ w.jsx("span", { "data-motion-letter": !0, style: p, children: /* @__PURE__ */ w.jsx("br", {}) }, h)
+        /* @__PURE__ */ S.jsx("span", { "data-motion-letter": !0, style: h, children: /* @__PURE__ */ S.jsx("br", {}) }, d)
       );
       continue;
     }
-    const y = o && Ct(a) ? { "data-motion-emoji": !0 } : void 0, c = a === " " ? " " : a;
+    const m = o && Dt(a) ? { "data-motion-emoji": !0 } : void 0, c = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ w.jsx("span", { "data-motion-letter": !0, style: p, ...y, children: c }, h)
+      /* @__PURE__ */ S.jsx("span", { "data-motion-letter": !0, style: h, ...m, children: c }, d)
     );
   }
   return s;
 }
-function Ke(t) {
+function qe(t) {
   if (!t)
     return [];
-  const e = qr();
-  return e ? Array.from(e.segment(t), (n) => n.segment) : Gr(t);
+  const e = po();
+  return e ? Array.from(e.segment(t), (n) => n.segment) : mo(t);
 }
-let fe;
-function qr() {
-  return fe !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? fe = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : fe = null), fe;
+let me;
+function po() {
+  return me !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? me = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : me = null), me;
 }
-function Gr(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 && Jr(s, i)) && (e.push(r), r = "");
+    r += s, !(i && go(s, i)) && (e.push(r), r = "");
   }
   return r && e.push(r), e;
 }
-function Jr(t, e) {
-  return e ? !!(pt(t) || pt(e) || Qr(e) || Xr(e) || Zr(e) || mt(t) && mt(e)) : !1;
+function go(t, e) {
+  return e ? !!(St(t) || St(e) || wo(e) || yo(e) || bo(e) || Et(t) && Et(e)) : !1;
 }
-function pt(t) {
+function St(t) {
   return t.codePointAt(0) === 8205;
 }
-function Xr(t) {
+function yo(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 65024 && e <= 65039 || e >= 917760 && e <= 917999;
 }
-function Zr(t) {
+function bo(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function mt(t) {
+function Et(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
-let Pe;
-function Qr(t) {
-  return t ? (Pe || (Pe = eo()), Pe(t)) : !1;
+let $e;
+function wo(t) {
+  return t ? ($e || ($e = So()), $e(t)) : !1;
 }
-function eo() {
+function So() {
   try {
     const t = new RegExp("\\p{Mark}", "u");
     return (e) => t.test(e);
@@ -2300,19 +2369,19 @@ function eo() {
     };
   }
 }
-let xe;
-function Ct(t) {
-  return t ? (xe || (xe = to()), xe(t)) : !1;
+let Be;
+function Dt(t) {
+  return t ? (Be || (Be = Eo()), Be(t)) : !1;
 }
-function to() {
+function Eo() {
   try {
     const t = new RegExp("\\p{Extended_Pictographic}", "u");
     return (e) => t.test(e);
   } catch {
-    return no;
+    return vo;
   }
 }
-function no(t) {
+function vo(t) {
   if (!t)
     return !1;
   for (const e of Array.from(t)) {
@@ -2322,7 +2391,7 @@ function no(t) {
   }
   return !1;
 }
-function ro(t) {
+function Ro(t) {
   const e = [];
   let n = "", r = 0;
   for (let o = 0; o < t.length; o++) {
@@ -2336,7 +2405,7 @@ function ro(t) {
   }
   return (r > 0 || n.length > 0) && e.push({ text: n, breaks: r }), e;
 }
-function oo(t) {
+function Ao(t) {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2345,10 +2414,10 @@ function oo(t) {
     n.push(r), r.breaks >= 2 && (e.push(n), n = []);
   return n.length > 0 && e.push(n), e;
 }
-function ne(t, e) {
+function ce(t, e) {
   return (t & e) === e;
 }
-function Ie(t) {
+function xe(t) {
   return {
     "--tw-motion-seq-index": t.toString(),
     backgroundColor: "inherit",
@@ -2365,27 +2434,27 @@ function Ie(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function gt(t) {
+function vt(t) {
   if (!t)
     return t;
-  const e = Ke(t);
+  const e = qe(t);
   if (e.length === 0)
     return t;
-  const { nodes: n, sawEmoji: r } = It(e);
+  const { nodes: n, sawEmoji: r } = $t(e);
   return r ? n.length === 1 ? n[0] ?? t : n : t;
 }
-function It(t, e) {
+function $t(t, e) {
   const n = [];
   let r = "", o = !1, s = e?.emoji ?? 0;
   const i = () => {
     r && (n.push(r), r = "");
   };
   for (const a of t) {
-    if (Ct(a)) {
+    if (Dt(a)) {
       o = !0, i();
-      const h = `motion-emoji-${e ? e.emoji++ : s++}`;
+      const d = `motion-emoji-${e ? e.emoji++ : s++}`;
       n.push(
-        /* @__PURE__ */ w.jsx("span", { "data-motion-emoji": !0, children: a }, h)
+        /* @__PURE__ */ S.jsx("span", { "data-motion-emoji": !0, children: a }, d)
       );
       continue;
     }
@@ -2393,56 +2462,56 @@ function It(t, e) {
   }
   return i(), o ? { nodes: n, sawEmoji: !0 } : { nodes: [t.join("")], sawEmoji: !1 };
 }
-function so(t) {
+function To(t) {
   if (!t)
-    return R.None;
+    return k.None;
   const e = t.trim();
   if (!e)
-    return R.None;
-  const n = ft.get(e);
+    return k.None;
+  const n = bt.get(e);
   if (typeof n == "number")
     return n;
   if (typeof document > "u")
-    return R.None;
+    return k.None;
   const r = e.split(/\s+/).filter(Boolean);
   if (r.length === 0)
-    return R.None;
-  const s = r.map((u) => `.${io(u)}`).map(
-    (u) => new RegExp(`(^|[^a-zA-Z0-9_-])${ao(u)}(?![a-zA-Z0-9_-])`)
+    return k.None;
+  const s = r.map((l) => `.${ko(l)}`).map(
+    (l) => new RegExp(`(^|[^a-zA-Z0-9_-])${Co(l)}(?![a-zA-Z0-9_-])`)
   );
-  let i = R.None, a = !1;
-  for (const u of Array.from(document.styleSheets)) {
-    let h;
+  let i = k.None, a = !1;
+  for (const l of Array.from(document.styleSheets)) {
+    let d;
     try {
-      h = u.cssRules;
+      d = l.cssRules;
     } catch {
       continue;
     }
-    const p = _t(h, s);
-    if (p.mask && (i |= p.mask, i === Ve))
+    const h = Bt(d, s);
+    if (h.mask && (i |= h.mask, i === He))
       break;
-    a ||= p.sawStyleRule;
+    a ||= h.sawStyleRule;
   }
-  return (i !== R.None || a) && ft.set(e, i), i;
+  return (i !== k.None || a) && bt.set(e, i), i;
 }
-function _t(t, e) {
+function Bt(t, e) {
   if (!t)
-    return { mask: R.None, sawStyleRule: !1 };
-  let n = R.None, r = !1;
+    return { mask: k.None, sawStyleRule: !1 };
+  let n = k.None, r = !1;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s) {
       if (s.type === CSSRule.STYLE_RULE) {
         const a = s.selectorText ?? "";
-        if (!a || !e.some((h) => h.test(a))) continue;
+        if (!a || !e.some((d) => d.test(a))) continue;
         r = !0;
-        for (const h of Br)
-          h.hints.some((p) => a.includes(p)) && (n |= h.flag);
-        if (n === Ve)
+        for (const d of so)
+          d.hints.some((h) => a.includes(h)) && (n |= d.flag);
+        if (n === He)
           return { mask: n, sawStyleRule: !0 };
       } else if ("cssRules" in s) {
-        const i = _t(s.cssRules, e);
-        if (i.mask && (n |= i.mask, n === Ve))
+        const i = Bt(s.cssRules, e);
+        if (i.mask && (n |= i.mask, n === He))
           return { mask: n, sawStyleRule: !0 };
         r ||= i.sawStyleRule;
       }
@@ -2450,48 +2519,48 @@ function _t(t, e) {
   }
   return { mask: n, sawStyleRule: r };
 }
-function io(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 ao(t) {
+function Co(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const qe = "ikon_auth_session", co = 10080 * 60 * 1e3, uo = 60 * 1e3;
-function lo(t) {
+const tt = "ikon_auth_session", _o = 10080 * 60 * 1e3, Io = 60 * 1e3;
+function Oo(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 - uo;
+    return typeof o.exp != "number" ? !1 : Date.now() >= o.exp * 1e3 - Io;
   } catch {
     return !0;
   }
 }
-function pe(t) {
+function be(t) {
   try {
-    localStorage.setItem(qe, JSON.stringify(t));
+    localStorage.setItem(tt, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function Ot() {
+function Ft() {
   try {
-    const t = localStorage.getItem(qe);
+    const t = localStorage.getItem(tt);
     if (!t) return null;
     const e = JSON.parse(t);
-    return Date.now() - e.authenticatedAt > co || lo(e.token) ? (Te(), null) : e;
+    return Date.now() - e.authenticatedAt > _o || Oo(e.token) ? (Oe(), null) : e;
   } catch {
     return console.warn("Failed to load auth session from localStorage"), null;
   }
 }
-function Te() {
+function Oe() {
   try {
-    localStorage.removeItem(qe);
+    localStorage.removeItem(tt);
   } catch {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function ee(t) {
+function se(t) {
   return {
     id: "",
     provider: t.provider,
@@ -2499,25 +2568,51 @@ function ee(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-const Nt = 15e3;
-async function Mt(t, e) {
-  const n = Ht(), r = await fetch(`${e}/anonymous`, {
+const Vt = 15e3, ge = ne("AuthService");
+async function Rt(t) {
+  try {
+    return await fetch(t, { method: "GET", mode: "no-cors" }), "no-cors probe SUCCEEDED → origin is reachable; the failure is most likely CORS (missing/!allowed Access-Control headers)";
+  } catch (e) {
+    return `no-cors probe ALSO FAILED (${e instanceof Error ? e.name : "Error"}) → origin is unreachable: TLS handshake / certificate, DNS, or network (old browser may not trust this host's cert)`;
+  }
+}
+async function Wt(t, e) {
+  const n = un(), r = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: n, space: t })
-  });
-  if (!r.ok) {
-    const i = await r.text().catch(() => "Unknown error");
-    throw new Error(`Anonymous auth failed: ${r.status} ${i}`);
+  }, o = typeof window < "u" ? window.location.origin : "?", s = `${e}/anonymous`;
+  ge.info(`Anonymous auth: POST ${s} (space=${t}, origin=${o})`);
+  let i;
+  try {
+    i = await fetch(s, r);
+  } catch (d) {
+    const h = d instanceof Error ? `${d.name}: ${d.message}` : String(d), p = dn(), m = p ? `${p}/anonymous` : null;
+    if (m && m !== s) {
+      ge.warn(`Anonymous auth could not reach ${s} (${h}); 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), y = await Rt(e);
+        throw ge.error(`Anonymous auth failed on both direct (${s}: ${h}) and same-origin (${m}: ${u}). ${y}`), new Error(`Anonymous auth unreachable: direct ${s} (${h}) and same-origin ${m} (${u})`);
+      }
+    } else {
+      const c = await Rt(e);
+      throw ge.error(`Anonymous auth fetch threw for ${s} — ${h}. ${c}`), new Error(`Anonymous auth could not reach ${s} (${h}). ${c}`);
+    }
   }
-  const { token: o } = await r.json(), s = {
-    token: o,
+  if (!i.ok) {
+    const d = await i.text().catch(() => "Unknown error");
+    throw ge.error(`Anonymous auth HTTP ${i.status} from ${i.url}: ${d}`), new Error(`Anonymous auth failed: ${i.status} ${d}`);
+  }
+  const { token: a } = await i.json(), l = {
+    token: a,
     provider: "anonymous",
     authenticatedAt: Date.now()
   };
-  return pe(s), s;
+  return be(l), l;
 }
-async function fo({ 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" },
@@ -2525,14 +2620,14 @@ async function fo({ email: t, spaceId: e, authUrl: n }) {
       email: t.trim(),
       space: e
     }),
-    signal: AbortSignal.timeout(Nt)
+    signal: _t(Vt)
   });
   if (!r.ok) {
     const o = await r.text().catch(() => "Failed to send login code");
     throw new Error(o);
   }
 }
-async function ho({ 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" },
@@ -2540,7 +2635,7 @@ async function ho({ email: t, code: e, authUrl: n }) {
       email: t.trim(),
       code: e.trim()
     }),
-    signal: AbortSignal.timeout(Nt)
+    signal: _t(Vt)
   });
   if (!r.ok) {
     const i = await r.text().catch(() => "Invalid code");
@@ -2551,23 +2646,23 @@ async function ho({ email: t, code: e, authUrl: n }) {
     provider: "email",
     authenticatedAt: Date.now()
   };
-  return pe(s), s;
+  return be(s), s;
 }
-function po() {
+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 mo() {
+function Lo() {
   return new URLSearchParams(window.location.search).get("error");
 }
-function yt() {
+function At() {
   window.history.replaceState({}, "", window.location.pathname);
 }
-function go(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 yo(t) {
+async function Uo(t) {
   const e = await fetch(`${t}/passkey/registration/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" }
@@ -2578,7 +2673,7 @@ async function yo(t) {
   }
   return e.json();
 }
-async function bo(t, e, n) {
+async function jo(t, e, n) {
   const r = await fetch(`${t}/passkey/registration/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2593,9 +2688,9 @@ async function bo(t, e, n) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return pe(s), s;
+  return be(s), s;
 }
-async function So(t, e) {
+async function Do(t, e) {
   const n = await fetch(`${t}/passkey/authentication/options`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2607,7 +2702,7 @@ async function So(t, e) {
   }
   return n.json();
 }
-async function wo(t, e) {
+async function $o(t, e) {
   const n = await fetch(`${t}/passkey/authentication/verify`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2622,32 +2717,32 @@ async function wo(t, e) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return pe(o), o;
+  return be(o), o;
 }
-function q(t) {
+function H(t) {
   const e = new Uint8Array(t);
   let n = "";
   for (const o of e)
     n += String.fromCharCode(o);
   return btoa(n).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function Ce(t) {
+function Ne(t) {
   const e = t.replace(/-/g, "+").replace(/_/g, "/"), n = (4 - e.length % 4) % 4, r = e.padEnd(e.length + n, "="), o = atob(r), s = new ArrayBuffer(o.length), i = new Uint8Array(s);
   for (let a = 0; a < o.length; a++)
     i[a] = o.charCodeAt(a);
   return s;
 }
-function Ge() {
-  return vo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function nt() {
+  return Bo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-const vo = {
+const Bo = {
   stubThis: (t) => t
 };
-function Pt(t) {
+function Kt(t) {
   const { id: e } = t;
   return {
     ...t,
-    id: Ce(e),
+    id: Ne(e),
     /**
      * `descriptor.transports` is an array of our `AuthenticatorTransportFuture` that includes newer
      * transports that TypeScript's DOM lib is ignorant of. Convince TS that our list of transports
@@ -2656,14 +2751,14 @@ function Pt(t) {
     transports: t.transports
   };
 }
-function xt(t) {
+function Gt(t) {
   return (
     // Consider localhost valid as well since it's okay wrt Secure Contexts
     t === "localhost" || // Support punycode (ACE) or ascii labels and domains
     /^((xn--[a-z0-9-]+|[a-z0-9]+(-[a-z0-9]+)*)\.)+([a-z]{2,}|xn--[a-z0-9-]+)$/i.test(t)
   );
 }
-class U extends Error {
+class j extends Error {
   constructor({ message: e, code: n, cause: r, name: o }) {
     super(e, { cause: r }), Object.defineProperty(this, "code", {
       enumerable: !0,
@@ -2673,20 +2768,20 @@ class U extends Error {
     }), this.name = o ?? r.name, this.code = n;
   }
 }
-function Eo({ error: t, options: e }) {
+function Fo({ error: t, options: e }) {
   const { publicKey: n } = e;
   if (!n)
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
-      return new U({
+      return new j({
         message: "Registration ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else if (t.name === "ConstraintError") {
     if (n.authenticatorSelection?.requireResidentKey === !0)
-      return new U({
+      return new j({
         message: "Discoverable credentials were required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_DISCOVERABLE_CREDENTIAL_SUPPORT",
         cause: t
@@ -2695,63 +2790,63 @@ function Eo({ error: t, options: e }) {
       // @ts-ignore: `mediation` doesn't yet exist on CredentialCreationOptions but it's possible as of Sept 2024
       e.mediation === "conditional" && n.authenticatorSelection?.userVerification === "required"
     )
-      return new U({
+      return new j({
         message: "User verification was required during automatic registration but it could not be performed",
         code: "ERROR_AUTO_REGISTER_USER_VERIFICATION_FAILURE",
         cause: t
       });
     if (n.authenticatorSelection?.userVerification === "required")
-      return new U({
+      return new j({
         message: "User verification was required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_USER_VERIFICATION_SUPPORT",
         cause: t
       });
   } else {
     if (t.name === "InvalidStateError")
-      return new U({
+      return new j({
         message: "The authenticator was previously registered",
         code: "ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED",
         cause: t
       });
     if (t.name === "NotAllowedError")
-      return new U({
+      return new j({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "NotSupportedError")
-      return n.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new U({
+      return n.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new j({
         message: 'No entry in pubKeyCredParams was of type "public-key"',
         code: "ERROR_MALFORMED_PUBKEYCREDPARAMS",
         cause: t
-      }) : new U({
+      }) : new j({
         message: "No available authenticator supported any of the specified pubKeyCredParams algorithms",
         code: "ERROR_AUTHENTICATOR_NO_SUPPORTED_PUBKEYCREDPARAMS_ALG",
         cause: t
       });
     if (t.name === "SecurityError") {
       const r = globalThis.location.hostname;
-      if (xt(r)) {
+      if (Gt(r)) {
         if (n.rp.id !== r)
-          return new U({
+          return new j({
             message: `The RP ID "${n.rp.id}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new U({
+      } else return new j({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "TypeError") {
       if (n.user.id.byteLength < 1 || n.user.id.byteLength > 64)
-        return new U({
+        return new j({
           message: "User ID was not between 1 and 64 characters",
           code: "ERROR_INVALID_USER_ID_LENGTH",
           cause: t
         });
     } else if (t.name === "UnknownError")
-      return new U({
+      return new j({
         message: "The authenticator was unable to process the specified options, or could not create a new credential",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2759,7 +2854,7 @@ function Eo({ error: t, options: e }) {
   }
   return t;
 }
-class Ro {
+class Vo {
   constructor() {
     Object.defineProperty(this, "controller", {
       enumerable: !0,
@@ -2783,122 +2878,122 @@ class Ro {
     }
   }
 }
-const Lt = new Ro(), ko = ["cross-platform", "platform"];
-function jt(t) {
-  if (t && !(ko.indexOf(t) < 0))
+const Yt = new Vo(), Wo = ["cross-platform", "platform"];
+function zt(t) {
+  if (t && !(Wo.indexOf(t) < 0))
     return t;
 }
-async function Ao(t) {
+async function Ko(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 (!Ge())
+  if (!nt())
     throw new Error("WebAuthn is not supported in this browser");
   const r = {
     ...e,
-    challenge: Ce(e.challenge),
+    challenge: Ne(e.challenge),
     user: {
       ...e.user,
-      id: Ce(e.user.id)
+      id: Ne(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(Pt)
+    excludeCredentials: e.excludeCredentials?.map(Kt)
   }, o = {};
-  n && (o.mediation = "conditional"), o.publicKey = r, o.signal = Lt.createNewAbortSignal();
+  n && (o.mediation = "conditional"), o.publicKey = r, o.signal = Yt.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
-  } catch (l) {
-    throw Eo({ error: l, options: o });
+  } catch (u) {
+    throw Fo({ error: u, options: o });
   }
   if (!s)
     throw new Error("Registration was not completed");
-  const { id: i, rawId: a, response: u, type: h } = s;
+  const { id: i, rawId: a, response: l, type: d } = s;
+  let h;
+  typeof l.getTransports == "function" && (h = l.getTransports());
   let p;
-  typeof u.getTransports == "function" && (p = u.getTransports());
-  let m;
-  if (typeof u.getPublicKeyAlgorithm == "function")
+  if (typeof l.getPublicKeyAlgorithm == "function")
     try {
-      m = u.getPublicKeyAlgorithm();
-    } catch (l) {
-      Le("getPublicKeyAlgorithm()", l);
+      p = l.getPublicKeyAlgorithm();
+    } catch (u) {
+      Fe("getPublicKeyAlgorithm()", u);
     }
-  let y;
-  if (typeof u.getPublicKey == "function")
+  let m;
+  if (typeof l.getPublicKey == "function")
     try {
-      const l = u.getPublicKey();
-      l !== null && (y = q(l));
-    } catch (l) {
-      Le("getPublicKey()", l);
+      const u = l.getPublicKey();
+      u !== null && (m = H(u));
+    } catch (u) {
+      Fe("getPublicKey()", u);
     }
   let c;
-  if (typeof u.getAuthenticatorData == "function")
+  if (typeof l.getAuthenticatorData == "function")
     try {
-      c = q(u.getAuthenticatorData());
-    } catch (l) {
-      Le("getAuthenticatorData()", l);
+      c = H(l.getAuthenticatorData());
+    } catch (u) {
+      Fe("getAuthenticatorData()", u);
     }
   return {
     id: i,
-    rawId: q(a),
+    rawId: H(a),
     response: {
-      attestationObject: q(u.attestationObject),
-      clientDataJSON: q(u.clientDataJSON),
-      transports: p,
-      publicKeyAlgorithm: m,
-      publicKey: y,
+      attestationObject: H(l.attestationObject),
+      clientDataJSON: H(l.clientDataJSON),
+      transports: h,
+      publicKeyAlgorithm: p,
+      publicKey: m,
       authenticatorData: c
     },
-    type: h,
+    type: d,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: jt(s.authenticatorAttachment)
+    authenticatorAttachment: zt(s.authenticatorAttachment)
   };
 }
-function Le(t, e) {
+function Fe(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 To() {
-  if (!Ge())
-    return je.stubThis(new Promise((e) => e(!1)));
+function Go() {
+  if (!nt())
+    return Ve.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
-  return t?.isConditionalMediationAvailable === void 0 ? je.stubThis(new Promise((e) => e(!1))) : je.stubThis(t.isConditionalMediationAvailable());
+  return t?.isConditionalMediationAvailable === void 0 ? Ve.stubThis(new Promise((e) => e(!1))) : Ve.stubThis(t.isConditionalMediationAvailable());
 }
-const je = {
+const Ve = {
   stubThis: (t) => t
 };
-function Co({ error: t, options: e }) {
+function Yo({ error: t, options: e }) {
   const { publicKey: n } = e;
   if (!n)
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
-      return new U({
+      return new j({
         message: "Authentication ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else {
     if (t.name === "NotAllowedError")
-      return new U({
+      return new j({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "SecurityError") {
       const r = globalThis.location.hostname;
-      if (xt(r)) {
+      if (Gt(r)) {
         if (n.rpId !== r)
-          return new U({
+          return new j({
             message: `The RP ID "${n.rpId}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new U({
+      } else return new j({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "UnknownError")
-      return new U({
+      return new j({
         message: "The authenticator was unable to process the specified options, or could not create a new assertion signature",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2906,91 +3001,91 @@ function Co({ error: t, options: e }) {
   }
   return t;
 }
-async function Io(t) {
+async function zo(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 (!Ge())
+  if (!nt())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(Pt));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(Kt));
   const s = {
     ...e,
-    challenge: Ce(e.challenge),
+    challenge: Ne(e.challenge),
     allowCredentials: o
   }, i = {};
   if (n) {
-    if (!await To())
+    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');
     i.mediation = "conditional", s.allowCredentials = [];
   }
-  i.publicKey = s, i.signal = Lt.createNewAbortSignal();
+  i.publicKey = s, i.signal = Yt.createNewAbortSignal();
   let a;
   try {
     a = await navigator.credentials.get(i);
   } catch (c) {
-    throw Co({ error: c, options: i });
+    throw Yo({ error: c, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: u, rawId: h, response: p, type: m } = a;
-  let y;
-  return p.userHandle && (y = q(p.userHandle)), {
-    id: u,
-    rawId: q(h),
+  const { id: l, rawId: d, response: h, type: p } = a;
+  let m;
+  return h.userHandle && (m = H(h.userHandle)), {
+    id: l,
+    rawId: H(d),
     response: {
-      authenticatorData: q(p.authenticatorData),
-      clientDataJSON: q(p.clientDataJSON),
-      signature: q(p.signature),
-      userHandle: y
+      authenticatorData: H(h.authenticatorData),
+      clientDataJSON: H(h.clientDataJSON),
+      signature: H(h.signature),
+      userHandle: m
     },
-    type: m,
+    type: p,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: jt(a.authenticatorAttachment)
+    authenticatorAttachment: zt(a.authenticatorAttachment)
   };
 }
-const Je = bt(null);
-function us({ children: t, config: e }) {
-  const [n, r] = j({
+const rt = Ct(null);
+function Ls({ children: t, config: e }) {
+  const [n, r] = N({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  C(() => {
+  _(() => {
     (() => {
-      const y = mo();
-      if (y) {
-        yt(), r({
+      const m = Lo();
+      if (m) {
+        At(), r({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
-          error: y
+          error: m
         });
         return;
       }
-      const c = po();
+      const c = Po();
       if (c) {
-        const f = {
+        const y = {
           token: c.token,
           provider: c.provider,
           authenticatedAt: Date.now()
         };
-        pe(f), yt(), r({
+        be(y), At(), r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ee(f),
+          user: se(y),
           error: null
         });
         return;
       }
-      const l = Ot();
-      if (l) {
+      const u = Ft();
+      if (u) {
         r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ee(l),
+          user: se(u),
           error: null
         });
         return;
@@ -3004,7 +3099,7 @@ function us({ children: t, config: e }) {
     })();
   }, []);
   const o = D(
-    async (m) => {
+    async (p) => {
       if (!e.spaceId) {
         r((c) => ({
           ...c,
@@ -3012,136 +3107,136 @@ function us({ children: t, config: e }) {
         }));
         return;
       }
-      const y = await he(e.authUrl);
-      if (m === "guest") {
+      const m = await ye(e.authUrl);
+      if (p === "guest") {
         r((c) => ({ ...c, isLoading: !0 }));
         try {
-          const c = await Mt(e.spaceId, y);
+          const c = await Wt(e.spaceId, m);
           r({
             isAuthenticated: !0,
             isLoading: !1,
-            user: ee(c),
+            user: se(c),
             error: null
           });
         } catch (c) {
-          r((l) => ({
-            ...l,
+          r((u) => ({
+            ...u,
             isLoading: !1,
             error: c instanceof Error ? c.message : "Guest login failed"
           }));
         }
         return;
       }
-      if (m === "passkey") {
+      if (p === "passkey") {
         r((c) => ({ ...c, isLoading: !0, error: null }));
         try {
-          const c = await So(y), l = await Io({ optionsJSON: c }), f = await wo(y, l);
+          const c = await Do(m), u = await zo({ optionsJSON: c }), y = await $o(m, u);
           r({
             isAuthenticated: !0,
             isLoading: !1,
-            user: ee(f),
+            user: se(y),
             error: null
           });
         } catch (c) {
-          r((l) => ({
-            ...l,
+          r((u) => ({
+            ...u,
             isLoading: !1,
             error: c instanceof Error ? c.message : "Passkey login failed"
           }));
         }
         return;
       }
-      if (m === "email")
+      if (p === "email")
         throw new Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
-      window.location.href = go(m, e.spaceId, y);
+      window.location.href = Mo(p, e.spaceId, m);
     },
     [e.authUrl, e.spaceId]
   ), s = D(
-    async (m) => {
+    async (p) => {
       if (!e.spaceId)
         throw r((c) => ({ ...c, error: "Space ID is not configured" })), new Error("Space ID is not configured");
-      const y = await he(e.authUrl);
-      await fo({ email: m, spaceId: e.spaceId, authUrl: y });
+      const m = await ye(e.authUrl);
+      await No({ email: p, spaceId: e.spaceId, authUrl: m });
     },
     [e.authUrl, e.spaceId]
   ), i = D(
-    async (m, y) => {
+    async (p, m) => {
       r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await he(e.authUrl), l = await ho({ email: m, code: y, authUrl: c });
+        const c = await ye(e.authUrl), u = await xo({ email: p, code: m, authUrl: c });
         r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ee(l),
+          user: se(u),
           error: null
         });
       } catch (c) {
-        const l = c instanceof Error ? c.message : "Code verification failed";
-        throw r((f) => ({ ...f, isLoading: !1, error: l })), c;
+        const u = c instanceof Error ? c.message : "Code verification failed";
+        throw r((y) => ({ ...y, isLoading: !1, error: u })), c;
       }
     },
     [e.authUrl]
   ), a = D(() => {
-    Te(), r({
+    Oe(), r({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), u = D(
-    async (m) => {
-      const y = await he(e.authUrl);
+  }, []), l = D(
+    async (p) => {
+      const m = await ye(e.authUrl);
       r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await yo(y), l = await Ao({ optionsJSON: c }), f = await bo(y, l, m);
+        const c = await Uo(m), u = await Ko({ optionsJSON: c }), y = await jo(m, u, p);
         r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: ee(f),
+          user: se(y),
           error: null
         });
       } catch (c) {
-        r((l) => ({
-          ...l,
+        r((u) => ({
+          ...u,
           isLoading: !1,
           error: c instanceof Error ? c.message : "Passkey registration failed"
         }));
       }
     },
     [e.authUrl]
-  ), h = D(() => n.user?.token ?? null, [n.user]), p = K(
+  ), d = D(() => n.user?.token ?? null, [n.user]), h = W(
     () => ({
       state: n,
       login: o,
       logout: a,
-      getToken: h,
-      registerPasskey: u,
+      getToken: d,
+      registerPasskey: l,
       requestEmailCode: s,
       submitEmailCode: i
     }),
-    [n, o, a, h, u, s, i]
+    [n, o, a, d, l, s, i]
   );
-  return /* @__PURE__ */ w.jsx(Je, { value: p, children: t });
+  return /* @__PURE__ */ S.jsx(rt, { value: h, children: t });
 }
-function _o() {
-  const t = ze(Je);
+function Xo() {
+  const t = Ze(rt);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
-function Oo() {
-  return ze(Je);
+function Ho() {
+  return Ze(rt);
 }
-function ls(t) {
-  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = _o(), s = E(!1);
-  return C(() => {
+function Ms(t) {
+  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = Xo(), s = A(!1);
+  return _(() => {
     if (!n || r.isAuthenticated || r.isLoading || s.current || !e.methods.includes("guest"))
       return;
     const i = new URLSearchParams(window.location.search), a = i.get(n);
     if (a === "true" || a === "1" || a === "") {
       i.delete(n);
-      const u = i.toString(), h = window.location.pathname + (u ? `?${u}` : "");
-      window.history.replaceState({}, "", h), s.current = !0, o("guest");
+      const l = i.toString(), d = window.location.pathname + (l ? `?${l}` : "");
+      window.history.replaceState({}, "", d), s.current = !0, o("guest");
     }
   }, [n, r.isAuthenticated, r.isLoading, e.methods, o]), {
     shouldRenderChildren: r.isAuthenticated,
@@ -3150,7 +3245,125 @@ function ls(t) {
     error: r.error
   };
 }
-function ds({
+const Xt = (() => {
+  try {
+    return fn();
+  } catch {
+    return !1;
+  }
+})(), Ht = Date.now(), te = [], qo = 300;
+function Te(t) {
+  te.push(`[+${((Date.now() - Ht) / 1e3).toFixed(1)}s] ${t}`), te.length > qo && te.shift();
+}
+function Tt(t) {
+  if (typeof t == "string")
+    return t;
+  if (t instanceof Error)
+    return `${t.name}: ${t.message}`;
+  try {
+    return JSON.stringify(t);
+  } catch {
+    return String(t);
+  }
+}
+let kt = !1;
+function qt() {
+  if (kt || typeof window > "u")
+    return;
+  kt = !0, window.addEventListener("error", (e) => Te(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => Te(`unhandledRejection: ${Tt(e.reason)}`));
+  const t = console;
+  for (const e of ["error", "warn", "log", "info"]) {
+    const n = t[e]?.bind(console) ?? (() => {
+    });
+    t[e] = (...r) => {
+      try {
+        Te(`console.${e}: ${r.map(Tt).join(" ")}`);
+      } catch {
+      }
+      n(...r);
+    };
+  }
+  try {
+    It((e) => Te(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: We.DEBUG });
+  } catch {
+  }
+}
+Xt && qt();
+function Jo() {
+  let t = !1;
+  try {
+    const e = URL.createObjectURL(new Blob([""]));
+    new Worker(e, { get type() {
+      return t = !0, "module";
+    } }).terminate(), URL.revokeObjectURL(e);
+  } catch {
+  }
+  return t;
+}
+function Zo() {
+  const t = globalThis;
+  return [
+    `Worker=${typeof Worker < "u"}`,
+    `moduleWorker=${Jo()}`,
+    `WebSocket=${typeof WebSocket < "u"}`,
+    `WebTransport=${typeof t.WebTransport < "u"}`,
+    `RTCPeerConnection=${typeof RTCPeerConnection < "u"}`,
+    `SharedArrayBuffer=${typeof SharedArrayBuffer < "u"}`,
+    `crossOriginIsolated=${typeof crossOriginIsolated < "u" ? crossOriginIsolated : "?"}`,
+    `WebAssembly=${typeof WebAssembly < "u"}`,
+    `BigInt=${typeof BigInt < "u"}`,
+    `structuredClone=${typeof structuredClone < "u"}`,
+    `OffscreenCanvas=${typeof OffscreenCanvas < "u"}`,
+    `online=${typeof navigator < "u" ? navigator.onLine : "?"}`
+  ].join("  ");
+}
+function Qo(t) {
+  return /ERROR|error:|Rejection/.test(t) ? "#f88" : /WARN|warn:/.test(t) ? "#fc6" : "#9d9";
+}
+function Jt({ state: t = "", forceVisible: e = !1 }) {
+  const n = Xt || e, r = t === "connected" || t === "reconnecting", [, o] = cn((l) => l + 1, 0), [s, i] = N(!0);
+  if (_(() => {
+    if (!n)
+      return;
+    qt();
+    const l = setInterval(o, 1e3);
+    return () => clearInterval(l);
+  }, [n]), !n)
+    return null;
+  if (r && s)
+    return /* @__PURE__ */ S.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => i(!1),
+        style: { position: "fixed", bottom: 8, left: 8, zIndex: 2147483647, background: "#000", color: "#0f0", font: "13px monospace", padding: "6px 10px", border: "1px solid #0f0", borderRadius: 6 },
+        children: [
+          "🐞 debug (",
+          te.length,
+          ")"
+        ]
+      }
+    );
+  const a = r ? { position: "fixed", bottom: 0, left: 0, right: 0, maxHeight: "45vh", borderTop: "2px solid #0f0" } : { position: "fixed", inset: 0 };
+  return /* @__PURE__ */ S.jsxs("div", { style: { ...a, background: "rgba(0,0,0,0.92)", color: "#0f0", font: "14px/1.45 monospace", padding: "16px", overflow: "auto", zIndex: 2147483647 }, children: [
+    /* @__PURE__ */ S.jsxs("div", { style: { color: "#fff", fontSize: "18px", marginBottom: "6px" }, children: [
+      "Ikon debug overlay — state: ",
+      t || "?",
+      ", +",
+      Math.round((Date.now() - Ht) / 1e3),
+      "s, ",
+      te.length,
+      " entries",
+      r && /* @__PURE__ */ S.jsx("button", { type: "button", onClick: () => i(!0), style: { marginLeft: 12, font: "12px monospace", background: "#0f0", color: "#000", border: "none", borderRadius: 4, padding: "2px 8px" }, children: "hide" })
+    ] }),
+    /* @__PURE__ */ S.jsx("div", { style: { color: "#9cf", wordBreak: "break-all", marginBottom: "4px" }, children: typeof window < "u" ? window.location.href : "" }),
+    /* @__PURE__ */ S.jsx("div", { style: { color: "#ff0", wordBreak: "break-all", marginBottom: "4px" }, children: typeof navigator < "u" ? navigator.userAgent : "no navigator" }),
+    /* @__PURE__ */ S.jsx("div", { style: { color: "#8cf", marginBottom: "4px" }, children: Zo() }),
+    /* @__PURE__ */ S.jsx("div", { style: { color: "#8cf", marginBottom: "10px" }, children: typeof window < "u" ? `viewport=${window.innerWidth}x${window.innerHeight} dpr=${window.devicePixelRatio}` : "" }),
+    /* @__PURE__ */ S.jsx("div", { children: te.length === 0 ? "(nothing captured yet)" : te.map((l, d) => /* @__PURE__ */ S.jsx("div", { style: { color: Qo(l), wordBreak: "break-all" }, children: l }, d)) })
+  ] });
+}
+function Us({
   connectionState: t,
   error: e,
   isReady: n,
@@ -3161,189 +3374,200 @@ function ds({
   onAction: a,
   // renderIdle prop is intentionally accepted but never invoked — the runtime no longer
   // emits the deprecated 'idle' state. Kept on the props for source compatibility.
-  renderIdle: u,
-  renderConnecting: h,
-  renderConnectingSlow: p,
-  renderConnected: m,
-  renderOffline: y,
+  renderIdle: l,
+  renderConnecting: d,
+  renderConnectingSlow: h,
+  renderConnected: p,
+  renderOffline: m,
   renderError: c
 }) {
-  const l = E(!1);
-  switch (t) {
-    case "waitingForExternalConnectUrl":
-    case "connecting":
-      return r ? p() : h();
-    case "connected":
-    case "reconnecting": {
-      if (!n || !o || !s) return null;
-      t === "reconnecting" && (l.current = !0);
-      const f = o.size > 0;
-      return f && (l.current = !1), m({
-        stores: o,
-        registry: s,
-        client: i,
-        onAction: a,
-        isReconnecting: t === "reconnecting" || l.current && !f
-      });
-    }
-    case "offline": {
-      l.current = !1;
-      const f = e ?? i?.lastError?.message ?? null;
-      return f ? c(f) : y();
+  const u = A(!1), y = (() => {
+    switch (t) {
+      case "waitingForExternalConnectUrl":
+      case "connecting":
+        return r ? h() : d();
+      case "connected":
+      case "reconnecting": {
+        if (!n || !o || !s) return null;
+        t === "reconnecting" && (u.current = !0);
+        const g = o.size > 0;
+        return g && (u.current = !1), p({
+          stores: o,
+          registry: s,
+          client: i,
+          onAction: a,
+          isReconnecting: t === "reconnecting" || u.current && !g
+        });
+      }
+      case "offline": {
+        u.current = !1;
+        const g = e ?? i?.lastError?.message ?? null;
+        return g ? c(g) : m();
+      }
+      // 'idle' / 'connectingSlow' / 'offlineError' remain in the type union for back-compat
+      // string-equality checks in caller code but are no longer emitted — no case needed.
+      default:
+        return null;
     }
-    // 'idle' / 'connectingSlow' / 'offlineError' remain in the type union for back-compat
-    // string-equality checks in caller code but are no longer emitted — no case needed.
-    default:
-      return null;
-  }
+  })();
+  return /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
+    y,
+    /* @__PURE__ */ S.jsx(Jt, { state: t })
+  ] });
 }
-const ve = re("useIkonApp");
-function No() {
+const ke = ne("useIkonApp");
+function es() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
 }
-function Mo() {
+function ts() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function fs(t) {
-  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: u, webtransport: h, proxy: p } = t, m = e === void 0 ? No() ?? null : e, y = Mo(), c = Oo(), l = E(null), f = E(null), g = E(null), b = E(!1), S = E(!1), O = E(o), I = E(r), M = E(s), x = E(i), G = E(a), _ = E(u), P = E(h), F = E(p);
-  O.current = o, I.current = r, M.current = s, x.current = i, G.current = a, _.current = u, P.current = h, F.current = p;
-  const [L, B] = j("connecting"), [Y, me] = j(!1), [oe, se] = j(null), [ge, ye] = j(null), [ie, be] = j(null), [d, v] = j(null), k = E(!1), [N, Q] = j(0), $ = K(() => {
+function js(t) {
+  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: l, webtransport: d, proxy: h } = t, p = e === void 0 ? es() ?? null : e, m = ts(), c = Ho(), u = A(null), y = A(null), g = A(null), b = A(!1), w = A(!1), v = A(o), E = A(r), T = A(s), M = A(i), Q = A(a), re = A(l), q = A(d), I = A(h);
+  v.current = o, E.current = r, T.current = s, M.current = i, Q.current = a, re.current = l, q.current = d, I.current = h;
+  const [x, $] = N("connecting"), [V, B] = N(!1), [K, G] = N(null), [we, Se] = N(null), [Ee, ve] = N(!1), [f, R] = N(null), [C, P] = N(null), ee = A(!1), [le, L] = N(0), U = W(() => {
     try {
-      const T = qt();
-      return (T.sessionId || T.channelKey) && Gt(), T;
+      const O = hn();
+      return (O.sessionId || O.channelKey) && pn(), O;
     } catch {
       return { parameters: {} };
     }
-  }, []), A = K(() => m?.enabled ? Ot() : null, [m?.enabled, N]), W = y?.enabled ?? !1, Z = y?.host ?? "localhost", ae = y?.port ?? 8443;
-  !W && Xe() && m && !m.enabled && m.spaceId && !d && !k.current && (k.current = !0, he(m.authUrl).then((T) => Mt(m.spaceId, T)).then((T) => {
-    v(T.token);
-  }).catch((T) => {
-    ve.error("Anonymous auth failed:", T), se(T instanceof Error ? T.message : "Anonymous auth failed"), k.current = !1;
+  }, []), X = W(() => p?.enabled ? Ft() : null, [p?.enabled, le]), ue = m?.enabled ?? !1, Pe = m?.host ?? "localhost", Le = m?.port ?? 8443;
+  !ue && ot() && p && !p.enabled && p.spaceId && !C && !ee.current && (ee.current = !0, ye(p.authUrl).then((O) => Wt(p.spaceId, O)).then((O) => {
+    P(O.token);
+  }).catch((O) => {
+    ke.error("Anonymous auth failed:", O), G(O instanceof Error ? O.message : "Anonymous auth failed"), ee.current = !1;
   }));
-  const _e = K(() => {
-    if (W) {
-      const T = A?.token ? Jt(A.token) ?? void 0 : void 0;
+  const Me = W(() => {
+    if (ue) {
+      const O = X?.token ? mn(X.token) ?? void 0 : void 0;
       return {
         local: {
-          host: Z,
-          httpsPort: ae,
-          userId: T,
-          token: A?.token ?? void 0,
-          spaceId: m?.spaceId,
-          backendUrl: m?.backendUrl,
-          authUrl: m?.authUrl,
-          parameters: $.parameters
+          host: Pe,
+          httpsPort: Le,
+          userId: O,
+          token: X?.token ?? void 0,
+          spaceId: p?.spaceId,
+          backendUrl: p?.backendUrl,
+          authUrl: p?.authUrl,
+          parameters: U.parameters
         }
       };
     }
-    return A?.token && m?.spaceId ? {
+    return X?.token && p?.spaceId ? {
       sessionToken: {
-        token: A.token,
-        spaceId: m.spaceId,
-        backendType: Ze(),
-        sessionId: $.sessionId,
-        channelKey: $.channelKey,
-        parameters: $.parameters
+        token: X.token,
+        spaceId: p.spaceId,
+        backendType: st(),
+        sessionId: U.sessionId,
+        channelKey: U.channelKey,
+        parameters: U.parameters
       }
-    } : d && m?.spaceId ? {
+    } : C && p?.spaceId ? {
       sessionToken: {
-        token: d,
-        spaceId: m.spaceId,
-        backendType: Ze(),
-        sessionId: $.sessionId,
-        channelKey: $.channelKey,
-        parameters: $.parameters
+        token: C,
+        spaceId: p.spaceId,
+        backendType: st(),
+        sessionId: U.sessionId,
+        channelKey: U.channelKey,
+        parameters: U.parameters
       }
-    } : Xe() ? null : {
+    } : ot() ? null : {
       local: {
-        host: Z,
-        httpsPort: ae,
-        spaceId: m?.spaceId,
-        backendUrl: m?.backendUrl,
-        authUrl: m?.authUrl,
-        parameters: $.parameters
+        host: Pe,
+        httpsPort: Le,
+        spaceId: p?.spaceId,
+        backendUrl: p?.backendUrl,
+        authUrl: p?.authUrl,
+        parameters: U.parameters
       }
     };
-  }, [W, Z, ae, A?.token, m?.spaceId, m?.backendUrl, m?.authUrl, d, $.sessionId, $.channelKey, $.parameters]);
-  Sr(ie);
-  const Dt = vr(ie);
-  C(() => {
+  }, [ue, Pe, Le, X?.token, p?.spaceId, p?.backendUrl, p?.authUrl, C, U.sessionId, U.channelKey, U.parameters]);
+  Dr(f);
+  const Qt = Br(f);
+  _(() => {
     if (!b.current) {
-      if (b.current = !0, g.current = dr(), n)
-        for (const T of n)
-          T(g.current);
-      g.current.loadRegisteredModules().catch((T) => {
-        ve.error("Failed to load UI modules", T);
+      if (b.current = !0, g.current = Or(), n)
+        for (const O of n)
+          O(g.current);
+      g.current.loadRegisteredModules().catch((O) => {
+        ke.error("Failed to load UI modules", O);
       });
     }
-  }, []), C(() => {
-    if (!_e) return;
-    const T = new Xt({
-      ..._e,
-      timeouts: I.current,
-      audio: x.current !== void 0 || O.current ? {
-        enabled: x.current,
-        ...O.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
+  }, []), _(() => {
+    if (!Me) return;
+    const O = new gn({
+      ...Me,
+      timeouts: E.current,
+      audio: M.current !== void 0 || v.current ? {
+        enabled: M.current,
+        ...v.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
       } : void 0,
-      video: G.current !== void 0 ? { enabled: G.current } : void 0,
+      video: Q.current !== void 0 ? { enabled: Q.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
-      webRtc: M.current === !1 ? { enabled: !1 } : void 0,
-      websocket: _.current,
-      webtransport: P.current,
-      proxy: F.current,
-      onConnectionStateChange: (H) => {
-        B(H);
+      webRtc: T.current === !1 ? { enabled: !1 } : void 0,
+      websocket: re.current,
+      webtransport: q.current,
+      proxy: I.current,
+      onConnectionStateChange: (Y) => {
+        $(Y);
       },
-      onError: (H) => {
-        se(H.message);
+      onError: (Y) => {
+        G(Y.message);
       }
     });
-    l.current = T;
-    const J = new wn({ client: T });
-    return f.current = J, be(J), T.connect().catch((H) => {
-      if (ve.error("Connection failed:", H), H instanceof Zt) {
-        ye(H.reason);
+    u.current = O;
+    const J = new Dn({ client: O });
+    return y.current = J, R(J), O.connect().catch((Y) => {
+      if (ke.error("Connection failed:", Y), Y instanceof yn) {
+        Se(Y.reason);
         return;
       }
-      H instanceof Qt && !S.current && (S.current = !0, ve.warn("Auth session appears stale, clearing and retrying"), c ? c.logout() : (Te(), Q(($t) => $t + 1)));
+      if (Y instanceof bn) {
+        ve(!0);
+        return;
+      }
+      Y instanceof wn && !w.current && (w.current = !0, ke.warn("Auth session appears stale, clearing and retrying"), c ? c.logout() : (Oe(), L((nn) => nn + 1)));
     }), () => {
-      T.disconnect(), l.current = null, J.dispose(), f.current = null;
+      O.disconnect(), u.current = null, J.dispose(), y.current = null;
     };
-  }, [_e]);
-  const Ft = D((T, J) => {
-    const H = typeof J == "string" ? J : JSON.stringify(J ?? {});
-    l.current?.sendActionCall(T, H);
+  }, [Me]);
+  const en = D((O, J) => {
+    const Y = typeof J == "string" ? J : JSON.stringify(J ?? {});
+    u.current?.sendActionCall(O, Y);
   }, []);
-  C(() => {
-    if (L !== "connecting") {
-      me(!1);
+  _(() => {
+    if (x !== "connecting") {
+      B(!1);
       return;
     }
-    const T = l.current?.slowConnectionThresholdMs ?? 5e3, J = setTimeout(() => me(!0), T);
+    const O = u.current?.slowConnectionThresholdMs ?? 5e3, J = setTimeout(() => B(!0), O);
     return () => clearTimeout(J);
-  }, [L]);
-  const Bt = L === "connected" || L === "reconnecting";
+  }, [x]);
+  const tn = x === "connected" || x === "reconnecting";
   return {
-    connectionState: L,
-    error: oe,
-    accessDeniedReason: ge,
-    stores: Dt,
-    client: l.current,
+    connectionState: x,
+    error: K,
+    accessDeniedReason: we,
+    isServerFull: Ee,
+    stores: Qt,
+    client: u.current,
     registry: g.current,
-    clientRef: l,
-    uiRef: f,
+    clientRef: u,
+    uiRef: y,
     registryRef: g,
-    onAction: Ft,
-    isReady: Bt,
-    isConnectingSlow: Y,
-    webRtcVideoStreams: l.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
-    webRtcTrackMap: l.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
+    onAction: en,
+    isReady: tn,
+    brandingRequired: u.current?.brandingRequired ?? !1,
+    isConnectingSlow: V,
+    webRtcVideoStreams: u.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
+    webRtcTrackMap: u.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
-function hs(t) {
-  const e = E(!1);
+function Ds(t) {
+  const e = A(!1);
   return D(() => {
     if (e.current) return;
     e.current = !0;
@@ -3351,42 +3575,42 @@ function hs(t) {
     n.rel = "stylesheet", n.href = t, document.head.appendChild(n);
   }, [t]);
 }
-let Po = 0;
-function xo(t = 5, e = 5e3) {
-  const [n, r] = j([]), o = E(/* @__PURE__ */ new Map()), s = D((i) => {
+let ns = 0;
+function rs(t = 5, e = 5e3) {
+  const [n, r] = N([]), o = A(/* @__PURE__ */ new Map()), s = D((i) => {
     const a = o.current.get(i);
-    a && (clearTimeout(a), o.current.delete(i)), r((u) => u.filter((h) => h.id !== i));
+    a && (clearTimeout(a), o.current.delete(i)), r((l) => l.filter((d) => d.id !== i));
   }, []);
-  return C(() => {
-    const i = o.current, a = en(
-      (u) => {
-        if (!St())
+  return _(() => {
+    const i = o.current, a = It(
+      (l) => {
+        if (!Ot())
           return;
-        const h = `toast-${++Po}`, p = u.level === Qe.ERROR ? "error" : "warn", m = {
-          id: h,
-          level: p,
-          message: u.message,
-          component: u.component
+        const d = `toast-${++ns}`, h = l.level === We.ERROR ? "error" : "warn", p = {
+          id: d,
+          level: h,
+          message: l.message,
+          component: l.component
         };
-        r((c) => [...c, m].slice(-t));
-        const y = setTimeout(() => {
-          s(h);
+        r((c) => [...c, p].slice(-t));
+        const m = setTimeout(() => {
+          s(d);
         }, e);
-        i.set(h, y);
+        i.set(d, m);
       },
-      { minLevel: Qe.WARN }
+      { minLevel: We.WARN }
     );
     return () => {
       a();
-      for (const u of i.values())
-        clearTimeout(u);
+      for (const l of i.values())
+        clearTimeout(l);
       i.clear();
     };
   }, [t, e, s]), { toasts: n, dismissToast: s };
 }
-function Lo(t, e, n) {
-  const [r, o] = j(n);
-  return C(() => {
+function os(t, e, n) {
+  const [r, o] = N(n);
+  return _(() => {
     if (!t)
       return;
     let s = !0, i = null;
@@ -3401,9 +3625,9 @@ function Lo(t, e, n) {
     };
   }, [t, e]), r;
 }
-function ps(t, e, n) {
-  const [r, o] = j(null);
-  return C(() => {
+function $s(t, e, n) {
+  const [r, o] = N(null);
+  return _(() => {
     if (!t)
       return;
     let s = !0;
@@ -3414,231 +3638,278 @@ function ps(t, e, n) {
     }), () => {
       s = !1;
     };
-  }, [t, e]), Lo(r ? t : null, r ?? "", n);
+  }, [t, e]), os(r ? t : null, r ?? "", n);
 }
-const Ee = re("IkonDebug"), jo = {
+const ie = ne("IkonDebug"), ss = {
   Digit1: "connecting",
   Digit2: "connected",
   Digit3: "reconnecting",
   Digit4: "offline",
   Digit5: "offline",
   Digit0: "clear"
-}, Uo = "Digit5", Do = "Digit6", Fo = "Synthetic debug error (Ctrl+Shift+5)", Bo = "Synthetic debug access-denied (Ctrl+Shift+6)", $o = 5e3;
-function Vo(t) {
-  const e = St(), [n, r] = j(null), [o, s] = j(!1), [i, a] = j(null), [u, h] = j(null), [p, m] = j(!1);
-  return C(() => {
+}, is = "Digit5", as = "Digit6", cs = "Synthetic debug error (Ctrl+Shift+5)", ls = "Synthetic debug access-denied (Ctrl+Shift+6)", us = 5e3;
+function ds(t) {
+  const e = Ot(), [n, r] = N(null), [o, s] = N(!1), [i, a] = N(null), [l, d] = N(null), [h, p] = N(!1), [m, c] = N(!1), [u, y] = N(!1);
+  return _(() => {
     if (!e)
       return;
-    const c = (l) => {
-      if (!l.ctrlKey || !l.shiftKey)
+    const b = (w) => {
+      if (!w.ctrlKey || !w.shiftKey)
         return;
-      if (l.code === "KeyE") {
-        l.preventDefault(), m((b) => (Ee.warn(`Empty-stores override: ${b ? "off" : "on"}`), !b));
+      if (w.code === "KeyE") {
+        w.preventDefault(), p((T) => (ie.warn(`Empty-stores override: ${T ? "off" : "on"}`), !T));
         return;
       }
-      if (l.code === Do) {
-        l.preventDefault(), h(Bo), r(null), a(null), Ee.warn("Forced access denied");
+      if (w.code === "Digit7") {
+        w.preventDefault(), c((T) => (ie.warn(`Branding-banner override: ${T ? "off" : "on"}`), !T));
         return;
       }
-      const f = jo[l.code];
-      if (f === void 0)
+      if (w.code === "Digit8") {
+        w.preventDefault(), y((T) => (ie.warn(`Debug-overlay override: ${T ? "off" : "on"}`), !T));
         return;
-      if (l.preventDefault(), f === "clear") {
-        r(null), a(null), h(null), Ee.warn("Cleared forced state");
+      }
+      if (w.code === as) {
+        w.preventDefault(), d(ls), r(null), a(null), ie.warn("Forced access denied");
         return;
       }
-      const g = l.code === Uo;
-      r(f), a(g ? Fo : null), h(null), Ee.warn(`Forced state: ${f}${g ? " (with error)" : ""}`);
+      const v = ss[w.code];
+      if (v === void 0)
+        return;
+      if (w.preventDefault(), v === "clear") {
+        r(null), a(null), d(null), ie.warn("Cleared forced state");
+        return;
+      }
+      const E = w.code === is;
+      r(v), a(E ? cs : null), d(null), ie.warn(`Forced state: ${v}${E ? " (with error)" : ""}`);
     };
-    return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
-  }, [e]), C(() => {
+    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
+  }, [e]), _(() => {
     if (n !== "connecting") {
       s(!1);
       return;
     }
-    const c = setTimeout(() => s(!0), $o);
-    return () => clearTimeout(c);
-  }, [n]), !e || n === null && !p && u === null ? { app: t, forcedState: null, emptyStores: !1, forcedError: null, forcedAccessDenied: null, debugEnabled: e } : { app: {
+    const b = setTimeout(() => s(!0), us);
+    return () => clearTimeout(b);
+  }, [n]), !e || n === null && !h && 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,
     isConnectingSlow: n === "connecting" ? o : t.isConnectingSlow,
     error: n === "offline" && i ? i : n ? null : t.error,
-    stores: p ? /* @__PURE__ */ new Map() : t.stores,
-    accessDeniedReason: u ?? t.accessDeniedReason
-  }, forcedState: n, emptyStores: p, forcedError: i, forcedAccessDenied: u, debugEnabled: e };
+    stores: h ? /* @__PURE__ */ new Map() : t.stores,
+    accessDeniedReason: l ?? t.accessDeniedReason
+  }, forcedState: n, emptyStores: h, forcedError: i, forcedAccessDenied: l, forcedBranding: m, forcedDebugOverlay: u, debugEnabled: e };
 }
-function Ko(t, e) {
+function fs(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function Yo(t) {
+function hs(t) {
   return t === void 0 ? null : typeof t == "function" ? t() : t;
 }
-function zo(t, e) {
+function ps(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function Wo(t, e) {
+function ms(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, { app: i } = Vo(s), { connectionState: a, isConnectingSlow: u, stores: h, registry: p, client: m, onAction: y, isReady: c, error: l, accessDeniedReason: f } = i, g = E(null);
-  if (c && h && p && (g.current = { stores: h, registry: p, client: m }), f)
-    return Wo(o, f);
-  const b = g.current;
-  let S = null;
-  switch (a) {
+function Bs(t) {
+  const { connectingOverlay: e, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: o, ...s } = t, i = ds(s), { app: a } = i, { connectionState: l, isConnectingSlow: d, stores: h, registry: p, client: m, onAction: c, isReady: u, error: y, accessDeniedReason: g, brandingRequired: b } = a, w = b || i.forcedBranding, v = A(null);
+  if (u && h && p && (v.current = { stores: h, registry: p, client: m }), g)
+    return ms(o, g);
+  const E = v.current;
+  let T = null;
+  switch (l) {
     case "waitingForExternalConnectUrl":
     case "connecting":
-      S = Ko(e, u);
+      T = fs(e, d);
       break;
     case "reconnecting":
-      S = Yo(n);
+      T = hs(n);
       break;
     case "offline":
-      S = zo(r, l);
+      T = ps(r, y);
       break;
     default:
-      S = null;
+      T = null;
   }
-  return /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
-    b && /* @__PURE__ */ w.jsx(
-      wt,
+  return /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
+    E && /* @__PURE__ */ S.jsx(
+      Nt,
       {
-        stores: b.stores,
-        registry: b.registry,
-        client: b.client,
-        onAction: y
+        stores: E.stores,
+        registry: E.registry,
+        client: E.client,
+        onAction: c
       }
     ),
-    S,
-    /* @__PURE__ */ w.jsx(Ho, {})
+    T,
+    w && /* @__PURE__ */ S.jsx(ys, {}),
+    /* @__PURE__ */ S.jsx(bs, {}),
+    /* @__PURE__ */ S.jsx(Jt, { state: l, forceVisible: i.forcedDebugOverlay })
   ] });
 }
-function Ho() {
-  const { toasts: t, dismissToast: e } = xo();
-  return t.length === 0 ? null : /* @__PURE__ */ w.jsx("div", { className: "ikon-toast-overlay", children: t.map((n) => /* @__PURE__ */ w.jsx(qo, { toast: n, onDismiss: e }, n.id)) });
+const gs = "https://ikonai.com";
+function ys() {
+  return /* @__PURE__ */ S.jsxs(
+    "a",
+    {
+      className: "ikon-branding-banner",
+      href: gs,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: {
+        position: "fixed",
+        left: 0,
+        right: 0,
+        bottom: 0,
+        zIndex: 9996,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "6px",
+        padding: "8px 12px",
+        background: "rgba(17, 17, 17, 0.92)",
+        color: "#fff",
+        font: '13px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif',
+        textDecoration: "none",
+        boxShadow: "0 -1px 8px rgba(0, 0, 0, 0.25)",
+        pointerEvents: "auto"
+      },
+      children: [
+        /* @__PURE__ */ S.jsx("span", { style: { opacity: 0.75 }, children: "Made with" }),
+        /* @__PURE__ */ S.jsx("span", { style: { fontWeight: 700 }, children: "Ikon" })
+      ]
+    }
+  );
 }
-function qo({ toast: t, onDismiss: e }) {
-  return /* @__PURE__ */ w.jsxs(
+function bs() {
+  const { toasts: t, dismissToast: e } = rs();
+  return t.length === 0 ? null : /* @__PURE__ */ S.jsx("div", { className: "ikon-toast-overlay", children: t.map((n) => /* @__PURE__ */ S.jsx(ws, { toast: n, onDismiss: e }, n.id)) });
+}
+function ws({ toast: t, onDismiss: e }) {
+  return /* @__PURE__ */ S.jsxs(
     "div",
     {
       className: `ikon-toast-overlay-chip ikon-toast-overlay-chip--${t.level}`,
       onClick: () => e(t.id),
       role: "alert",
       children: [
-        /* @__PURE__ */ w.jsx("span", { className: "ikon-toast-overlay-icon", children: t.level === "error" ? "🚨" : "⚠️" }),
-        /* @__PURE__ */ w.jsxs("div", { className: "ikon-toast-overlay-content", children: [
-          /* @__PURE__ */ w.jsxs("span", { className: "ikon-toast-overlay-component", children: [
+        /* @__PURE__ */ S.jsx("span", { className: "ikon-toast-overlay-icon", children: t.level === "error" ? "🚨" : "⚠️" }),
+        /* @__PURE__ */ S.jsxs("div", { className: "ikon-toast-overlay-content", children: [
+          /* @__PURE__ */ S.jsxs("span", { className: "ikon-toast-overlay-component", children: [
             "[",
             t.component,
             "]"
           ] }),
-          /* @__PURE__ */ w.jsx("span", { className: "ikon-toast-overlay-message", children: t.message })
+          /* @__PURE__ */ S.jsx("span", { className: "ikon-toast-overlay-message", children: t.message })
         ] })
       ]
     }
   );
 }
-const Ut = bt(null);
-function Go(t, e) {
+const Zt = Ct(null);
+function Ss(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (n, r) => e[r] ?? `{${r}}`) : t;
 }
-function Jo(t, e) {
-  const n = tn();
+function Es(t, e) {
+  const n = Sn();
   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 Xo(t, e, n) {
-  return e ? Jo(t, n) : n && t.includes(n) ? n : "en";
+function vs(t, e, n) {
+  return e ? Es(t, n) : n && t.includes(n) ? n : "en";
 }
-function gs({
+function Fs({
   children: t,
   translations: e,
   defaultLanguage: n,
   detectLanguage: r = !1
 }) {
-  const o = Object.keys(e), s = Xo(o, r, n), i = e[s] ?? e.en, a = K(
+  const o = Object.keys(e), s = vs(o, r, n), i = e[s] ?? e.en, a = W(
     () => ({
-      t: (u, h) => {
-        const p = i[u];
-        return Go(p, h);
+      t: (l, d) => {
+        const h = i[l];
+        return Ss(h, d);
       },
       locale: s,
       translations: i
     }),
     [i, s]
   );
-  return /* @__PURE__ */ w.jsx(Ut, { value: a, children: t });
+  return /* @__PURE__ */ S.jsx(Zt, { value: a, children: t });
 }
-function ys() {
-  const t = ze(Ut);
+function Vs() {
+  const t = Ze(Zt);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  us as AuthProvider,
-  ds as ConnectionStateRenderer,
-  gs as I18nProvider,
-  xn as IKON_UI_BASE_MODULE,
-  Wn as IKON_UI_MEDIA_MODULE,
-  ar as IKON_UI_SHADERTOY_MODULE,
-  sr as IKON_UI_SHADERTOY_TYPE,
-  De as IKON_UI_STREAM_CATEGORY,
-  $n as IKON_UI_VIDEO_CANVAS_TYPE,
-  Vn as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  ms as IkonApp,
-  wn as IkonUi,
-  lr as IkonUiRegistry,
-  wt as IkonUiSurface,
-  yn as InspectOverlay,
-  os as ParallaxView,
-  gn as UiComponentRegistry,
-  mn as UiRenderer,
-  ws as UiStreamStore,
-  ss as areIkonUiModuleListsEqual,
-  Mt as authenticateAnonymous,
-  go as buildOAuthRedirectUrl,
-  Te as clearAuthSession,
-  yt as clearOAuthParams,
-  Pn as createBaseResolvers,
-  ns as createComponentLibrary,
-  dr as createIkonUiRegistry,
-  Yn as createMediaResolvers,
-  ir as createShadertoyRendererResolver,
-  Sn as isIkonUiCategoryMatch,
-  Ot as loadAuthSession,
-  Ln as loadBaseModule,
-  Hn as loadMediaModule,
-  cr as loadShadertoyModule,
-  Dr as normalizeIkonUiModuleList,
-  as as parseIkonUiInitPayload,
-  po as parseOAuthCallback,
-  mo as parseOAuthError,
-  Fr as readIkonUiModules,
-  is as readIkonUiModulesFromSources,
-  jn as registerBaseModule,
-  qn as registerMediaModule,
-  ur as registerShadertoyModule,
-  hn as renderChildren,
-  cs as renderMotionLetters,
-  pe as saveAuthSession,
-  fo as sendLoginCode,
-  ee as sessionToUser,
-  _o as useAuth,
-  ls as useAuthGuard,
-  Oo as useAuthOptional,
-  ys as useI18n,
-  fs as useIkonApp,
-  Vo as useIkonDebug,
-  Lo as useIkonReactive,
-  Sr as useIkonStyles,
-  vr as useIkonUiStores,
-  hs as useLazyFont,
-  ps as useReactive,
-  xo as useToasts,
-  X as useUiNode,
-  rs as useUiStore,
-  ho as verifyLoginCode
+  Ls as AuthProvider,
+  Us as ConnectionStateRenderer,
+  Xt as DEBUG_OVERLAY_ENABLED,
+  Jt as DebugOverlay,
+  Fs as I18nProvider,
+  Zn as IKON_UI_BASE_MODULE,
+  ur as IKON_UI_MEDIA_MODULE,
+  kr as IKON_UI_SHADERTOY_MODULE,
+  Ar as IKON_UI_SHADERTOY_TYPE,
+  Ge as IKON_UI_STREAM_CATEGORY,
+  sr as IKON_UI_VIDEO_CANVAS_TYPE,
+  ir as IKON_UI_VIDEO_URL_PLAYER_TYPE,
+  Bs as IkonApp,
+  Dn as IkonUi,
+  Ir as IkonUiRegistry,
+  Nt as IkonUiSurface,
+  Mn as InspectOverlay,
+  Is as ParallaxView,
+  Ln as UiComponentRegistry,
+  Pn as UiRenderer,
+  Gs as UiStreamStore,
+  Os as areIkonUiModuleListsEqual,
+  Wt as authenticateAnonymous,
+  Mo as buildOAuthRedirectUrl,
+  Oe as clearAuthSession,
+  At as clearOAuthParams,
+  Jn as createBaseResolvers,
+  Cs as createComponentLibrary,
+  Or as createIkonUiRegistry,
+  cr as createMediaResolvers,
+  Tr as createShadertoyRendererResolver,
+  jn as isIkonUiCategoryMatch,
+  Ft as loadAuthSession,
+  Qn as loadBaseModule,
+  dr as loadMediaModule,
+  Cr as loadShadertoyModule,
+  ro as normalizeIkonUiModuleList,
+  xs as parseIkonUiInitPayload,
+  Po as parseOAuthCallback,
+  Lo as parseOAuthError,
+  zs as randomUuid,
+  oo as readIkonUiModules,
+  Ns as readIkonUiModulesFromSources,
+  er as registerBaseModule,
+  fr as registerMediaModule,
+  _r as registerShadertoyModule,
+  Nn as renderChildren,
+  Ps as renderMotionLetters,
+  be as saveAuthSession,
+  No as sendLoginCode,
+  se as sessionToUser,
+  Xo as useAuth,
+  Ms as useAuthGuard,
+  Ho as useAuthOptional,
+  Vs as useI18n,
+  js as useIkonApp,
+  ds as useIkonDebug,
+  os as useIkonReactive,
+  Dr as useIkonStyles,
+  Br as useIkonUiStores,
+  Ds as useLazyFont,
+  $s as useReactive,
+  rs as useToasts,
+  Z as useUiNode,
+  _s as useUiStore,
+  xo as verifyLoginCode
 };