@ikonai/sdk-react-ui 1.0.60 → 1.0.61

package/index.js

@@ -1,9 +1,9 @@
 import { IkonUiCore as rn, UiStreamStore as on } from "@ikonai/sdk-ui";
-import { UiStreamStore as Ws } from "@ikonai/sdk-ui";
-import sn, { useSyncExternalStore as Ze, useMemo as W, memo as z, useRef as v, useCallback as D, Fragment as an, useEffect as C, useState as L, use as Qe, createContext as _t, useReducer as cn } from "react";
-import { createLogger as ne, isInspectModeEnabled as ln, getOrCreateDeviceId as un, getSameOriginAuthUrl as dn, abortSignalTimeout as It, deriveAuthUrl as ge, getDebugOverlayParam as fn, subscribeToLogEvents as Ot, LogLevel as We, parseUrlParams as hn, clearSessionParamsFromUrl as pn, isCloudEnvironment as st, extractUserIdFromToken as mn, deriveBackendType as it, IkonClient as gn, AccessDeniedError as yn, ServerFullError as bn, AuthenticationError as wn, isDebugModeEnabled as Nt, getLangParam as Sn } from "@ikonai/sdk";
-import { randomUuid as Ys } from "@ikonai/sdk";
-var ve = { exports: {} }, ue = {};
+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
@@ -13,10 +13,10 @@ var ve = { exports: {} }, ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var at;
+var it;
 function En() {
-  if (at) return ue;
-  at = 1;
+  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;
@@ -33,9 +33,9 @@ function En() {
       props: s
     };
   }
-  return ue.Fragment = e, ue.jsx = n, ue.jsxs = n, ue;
+  return de.Fragment = e, de.jsx = n, de.jsxs = n, de;
 }
-var de = {};
+var fe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,15 +45,15 @@ var de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ct;
+var at;
 function vn() {
-  return ct || (ct = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(d) {
-      if (d == null) return null;
-      if (typeof d == "function")
-        return d.$$typeof === N ? null : d.displayName || d.name || null;
-      if (typeof d == "string") return d;
-      switch (d) {
+  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 w:
@@ -64,225 +64,225 @@ function vn() {
           return "Suspense";
         case Q:
           return "SuspenseList";
-        case _:
+        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 m:
+        ), f.$$typeof) {
+          case y:
             return "Portal";
-          case R:
-            return d.displayName || "Context";
-          case A:
-            return (d._context.displayName || "Context") + ".Consumer";
-          case O:
-            var E = d.render;
-            return d = d.displayName, d || (d = E.displayName || E.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+          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 E = d.displayName || null, E !== null ? E : t(d.type) || "Memo";
+            return R = f.displayName || null, R !== null ? R : t(f.type) || "Memo";
           case q:
-            E = d._payload, d = d._init;
+            R = f._payload, f = f._init;
             try {
-              return t(d(E));
+              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 E = !1;
+        e(f);
+        var R = !1;
       } catch {
-        E = !0;
+        R = !0;
       }
-      if (E) {
-        E = console;
-        var k = E.error, x = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
-        return k.call(
-          E,
+      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.",
-          x
-        ), e(d);
+          P
+        ), e(f);
       }
     }
-    function r(d) {
-      if (d === g) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === q)
+    function r(f) {
+      if (f === g) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === q)
         return "<...>";
       try {
-        var E = t(d);
-        return E ? "<" + E + ">" : "<...>";
+        var R = t(f);
+        return R ? "<" + R + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var d = $.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 (V.call(d, "key")) {
-        var E = Object.getOwnPropertyDescriptor(d, "key").get;
-        if (E && E.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, E) {
-      function k() {
-        Y || (Y = !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)",
-          E
+          R
         ));
       }
-      k.isReactWarning = !0, Object.defineProperty(d, "key", {
-        get: k,
+      C.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: C,
         configurable: !0
       });
     }
     function l() {
-      var d = t(this.type);
-      return be[d] || (be[d] = !0, console.error(
+      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;
+      )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function f(d, E, k, x, ee, ce) {
-      var P = k.ref;
-      return d = {
+    function d(f, R, C, P, ee, le) {
+      var L = C.ref;
+      return f = {
         $$typeof: u,
-        type: d,
-        key: E,
-        props: k,
-        _owner: x
-      }, (P !== void 0 ? P : null) !== null ? Object.defineProperty(d, "ref", {
+        type: f,
+        key: R,
+        props: C,
+        _owner: P
+      }, (L !== void 0 ? L : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
         get: l
-      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
+      }) : 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: ee
-      }), Object.defineProperty(d, "_debugTask", {
+      }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ce
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
-    }
-    function h(d, E, k, x, ee, ce) {
-      var P = E.children;
-      if (P !== void 0)
-        if (x)
-          if (B(P)) {
-            for (x = 0; x < P.length; x++)
-              p(P[x]);
-            Object.freeze && Object.freeze(P);
+        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 p(P);
-      if (V.call(E, "key")) {
-        P = t(d);
-        var U = Object.keys(E).filter(function(le) {
-          return le !== "key";
+        else p(L);
+      if (V.call(R, "key")) {
+        L = t(f);
+        var U = Object.keys(R).filter(function(ue) {
+          return ue !== "key";
         });
-        x = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", Ee[P + x] || (U = 0 < U.length ? "{" + U.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} />`,
-          x,
           P,
+          L,
           U,
-          P
-        ), Ee[P + x] = !0);
+          L
+        ), ve[L + P] = !0);
       }
-      if (P = null, k !== void 0 && (n(k), P = "" + k), i(E) && (n(E.key), P = "" + E.key), "key" in E) {
-        k = {};
-        for (var X in E)
-          X !== "key" && (k[X] = E[X]);
-      } else k = E;
-      return P && a(
-        k,
-        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
-      ), f(
-        d,
-        P,
-        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(),
         ee,
-        ce
+        le
       );
     }
-    function p(d) {
-      y(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === q && (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 === u;
+    function m(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === u;
     }
-    var c = sn, u = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), R = Symbol.for("react.context"), O = 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"), _ = Symbol.for("react.activity"), N = 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() {
+    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 Y, be = {}, we = c.react_stack_bottom_frame.bind(
+    var G, we = {}, Se = c.react_stack_bottom_frame.bind(
       c,
       s
-    )(), Se = K(r(s)), Ee = {};
-    de.Fragment = g, de.jsx = function(d, E, k) {
-      var x = 1e4 > $.recentlyCreatedOwnerStacks++;
+    )(), Ee = K(r(s)), ve = {};
+    fe.Fragment = g, fe.jsx = function(f, R, C) {
+      var P = 1e4 > $.recentlyCreatedOwnerStacks++;
       return h(
-        d,
-        E,
-        k,
+        f,
+        R,
+        C,
         !1,
-        x ? Error("react-stack-top-frame") : we,
-        x ? K(r(d)) : Se
+        P ? Error("react-stack-top-frame") : Se,
+        P ? K(r(f)) : Ee
       );
-    }, de.jsxs = function(d, E, k) {
-      var x = 1e4 > $.recentlyCreatedOwnerStacks++;
+    }, fe.jsxs = function(f, R, C) {
+      var P = 1e4 > $.recentlyCreatedOwnerStacks++;
       return h(
-        d,
-        E,
-        k,
+        f,
+        R,
+        C,
         !0,
-        x ? Error("react-stack-top-frame") : we,
-        x ? K(r(d)) : Se
+        P ? Error("react-stack-top-frame") : Se,
+        P ? K(r(f)) : Ee
       );
     };
-  })()), de;
+  })()), fe;
 }
-var lt;
+var ct;
 function Rn() {
-  return lt || (lt = 1, process.env.NODE_ENV === "production" ? ve.exports = En() : ve.exports = vn()), ve.exports;
+  return ct || (ct = 1, process.env.NODE_ENV === "production" ? Re.exports = En() : Re.exports = vn()), Re.exports;
 }
 var S = Rn();
 function An(t, e) {
-  const n = Ze(
+  const n = Je(
     (r) => t.subscribe(r),
     () => {
       const r = t.getSnapshot(), o = e ?? r.rootViewId, s = o ? r.views.get(o) : void 0;
@@ -302,7 +302,7 @@ function An(t, e) {
   }, [n]);
 }
 function Z(t, e) {
-  const n = Ze(
+  const n = Je(
     (r) => t.subscribeNode(e, r),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
@@ -353,8 +353,8 @@ const Ke = z(function t({ nodeId: e, context: n }) {
   const a = n.library.resolve(r);
   if (!a)
     return Tn.warn(`No renderer for node type ${r.type}`), null;
-  const l = Cn(r), f = l.length > 0 ? l.join(" ") : void 0, h = a;
-  return /* @__PURE__ */ S.jsx(h, { nodeId: e, context: n, className: f });
+  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));
@@ -363,28 +363,28 @@ function xn(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
 const Pn = z(function({ store: e, library: n, viewId: r, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: l, rootNodeId: f } = An(e, r), h = v(s);
+  const { rootViewId: l, rootNodeId: d } = An(e, r), h = A(s);
   h.current = s;
-  const p = v(i);
+  const p = A(i);
   p.current = i;
-  const y = v(a);
-  y.current = a;
-  const c = D((m, g) => {
-    if (!m)
+  const m = A(a);
+  m.current = a;
+  const c = D((y, g) => {
+    if (!y)
       return;
     const b = kn(g);
-    h.current?.(m, b);
+    h.current?.(y, b);
   }, []), u = W(() => {
-    const m = {
+    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) => Nn(g, m),
+      renderChildren: (g) => Nn(g, y),
       renderView: (g) => {
         const b = e.getSnapshot().views.get(g);
-        return b ? /* @__PURE__ */ S.jsx(Ke, { nodeId: b.id, context: m }) : null;
+        return b ? /* @__PURE__ */ S.jsx(Ke, { nodeId: b.id, context: y }) : null;
       },
       dispatchAction: c,
       // Access client/video via refs to avoid context recreation
@@ -392,12 +392,12 @@ const Pn = z(function({ store: e, library: n, viewId: r, emptyFallback: o = null
         return p.current;
       },
       get video() {
-        return y.current;
+        return m.current;
       }
     };
-    return m;
+    return y;
   }, [e, n, c]);
-  return !l || !f ? o : /* @__PURE__ */ S.jsx("div", { "data-ikon-view-id": l, style: { display: "contents" }, children: /* @__PURE__ */ S.jsx(Ke, { nodeId: f, context: u }) });
+  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) {
@@ -416,12 +416,12 @@ class Ln {
     return this.renderers.get(e.type) ?? this.fallback;
   }
 }
-function Ts(t, e) {
+function Cs(t, e) {
   const n = Object.entries(t);
   return new Ln(n, e);
 }
-function ks(t) {
-  return Ze(
+function _s(t) {
+  return Je(
     (e) => t.subscribe(e),
     () => t.getSnapshot(),
     () => t.getSnapshot()
@@ -429,7 +429,7 @@ function ks(t) {
 }
 function Mn() {
   const t = ln();
-  return C(() => {
+  return _(() => {
     if (!t)
       return;
     let e = window.parent === window, n = null, r = [];
@@ -439,13 +439,13 @@ function Mn() {
       n && !r.includes(n) && (n.style.outline = "", n.style.outlineOffset = ""), n = null, o.style.display = "none";
     }
     function i(c) {
-      for (const m of r)
-        m !== n && (m.style.outline = "", m.style.outlineOffset = "");
+      for (const y of r)
+        y !== n && (y.style.outline = "", y.style.outlineOffset = "");
       r = [];
       const u = new Set(c);
-      for (const m of document.querySelectorAll("[data-ikon-source]")) {
-        const g = m.getAttribute("data-ikon-source") ?? "";
-        u.has(g) && (m.style.outline = "2px solid #a6e3a1", m.style.outlineOffset = "1px", r.push(m));
+      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) {
@@ -455,8 +455,8 @@ function Mn() {
       if (!u || u === n)
         return;
       s(), n = u, n.style.outline = "2px solid #89b4fa", n.style.outlineOffset = "1px";
-      const m = u.getAttribute("data-ikon-source") ?? "";
-      o.textContent = m, o.style.display = "block";
+      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`;
     }
@@ -465,19 +465,19 @@ function Mn() {
         return;
       c.relatedTarget?.closest?.("[data-ikon-source]") !== n && s();
     }
-    function f(c) {
+    function d(c) {
       if (!e)
         return;
       const u = c.target.closest?.("[data-ikon-source]");
       if (!u)
         return;
       c.preventDefault(), c.stopPropagation();
-      const m = {
+      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: m })), window.parent.postMessage({ type: "ikon-element-selected", payload: m }, "*");
+      window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: y })), window.parent.postMessage({ type: "ikon-element-selected", payload: y }, "*");
     }
     function h(c, u) {
       return document.elementFromPoint(c, u)?.closest?.("[data-ikon-source]");
@@ -488,10 +488,10 @@ function Mn() {
       n = c, n.style.outline = `2px solid ${r.includes(c) ? "#a6e3a1" : "#89b4fa"}`, n.style.outlineOffset = "1px";
       const u = c.getAttribute("data-ikon-source") ?? "";
       o.textContent = u, o.style.display = "block";
-      const m = c.getBoundingClientRect();
-      o.style.left = `${m.left}px`, o.style.top = `${Math.max(0, m.top - 24)}px`;
+      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 u = !!c.data.enabled;
         !u && e && s(), e = u;
@@ -500,85 +500,85 @@ function Mn() {
       if (c.data?.type === "ikon-inspect-at") {
         const u = h(c.data.x, c.data.y);
         p(u);
-        const m = u?.getAttribute("data-ikon-source") ?? "";
+        const y = u?.getAttribute("data-ikon-source") ?? "";
         window.parent.postMessage({
           type: "ikon-inspect-hover-result",
-          payload: { sourceMarker: m }
+          payload: { sourceMarker: y }
         }, "*");
       }
       if (c.data?.type === "ikon-inspect-click") {
         const u = h(c.data.x, c.data.y);
         if (u) {
-          const m = {
+          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: m })), window.parent.postMessage({ type: "ikon-element-selected", payload: m }, "*");
+          window.dispatchEvent(new CustomEvent("ikon-inspect-select", { detail: y })), window.parent.postMessage({ type: "ikon-element-selected", payload: y }, "*");
         }
       }
       if (c.data?.type === "ikon-inspect-click-add") {
         const u = h(c.data.x, c.data.y);
         if (u) {
-          const m = {
+          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: [m], append: !0 }
+            payload: { elements: [y], append: !0 }
           }, "*");
         }
       }
       if (c.data?.type === "ikon-inspect-rect") {
-        const { x1: u, y1: m, x2: g, y2: b, append: w } = c.data, A = document.querySelectorAll("[data-ikon-source]"), R = [];
-        for (const O of A) {
-          const M = O.getBoundingClientRect();
-          M.right > u && M.left < g && M.bottom > m && M.top < b && R.push({
-            sourceMarker: O.getAttribute("data-ikon-source") ?? "",
-            tagName: O.tagName.toLowerCase(),
-            textContent: (O.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)
           });
         }
-        R.length > 0 && window.parent.postMessage({
+        E.length > 0 && window.parent.postMessage({
           type: "ikon-inspect-rect-result",
-          payload: { elements: R, append: w ?? !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", l, !0), document.addEventListener("click", f, !0), window.addEventListener("message", y), () => {
-      document.removeEventListener("mouseover", a, !0), document.removeEventListener("mouseout", l, !0), document.removeEventListener("click", f, !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 Un = ne("IkonUiSurface"), Ye = "ikon-ui";
+const Un = ne("IkonUiSurface"), Ge = "ikon-ui";
 function jn(t, e) {
   return t === e;
 }
-const xt = z(function({ stores: e, registry: n, category: r = Ye, onAction: o, client: s }) {
-  const i = W(() => Array.from(e.keys()).sort().join(","), [e]), a = v(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 l = v(s);
+  const l = A(s);
   l.current = s;
-  const f = W(
+  const d = W(
     () => {
-      const y = [];
+      const m = [];
       for (const [c, u] of e) {
-        const m = u.store.getSnapshot();
-        jn(u.category, r) && (!m.rootViewId || !m.views.has(m.rootViewId) || y.push({ key: c, store: u.store }));
+        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]
-  ), h = v(!1), p = f.length > 0;
-  return C(() => {
+  ), 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, {}),
-    f.map(({ key: y, store: c }) => /* @__PURE__ */ S.jsx(Pn, { store: c, library: n, onAction: a.current, client: l.current, video: l.current?.media?.video }, y))
+    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 Dn {
@@ -639,7 +639,7 @@ class Dn {
     if (n)
       return n;
     const r = {
-      category: Ye,
+      category: Ge,
       store: new on()
     };
     return this.stores.set(e, r), r;
@@ -648,7 +648,7 @@ class Dn {
     const r = this.stores.get(e);
     if (!r)
       return !1;
-    const o = n ?? this.core.uiStore.getSnapshot(e)?.category ?? Ye;
+    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) {
@@ -662,7 +662,7 @@ function $n(t) {
     return e.length > 0 ? e : void 0;
   }
 }
-function ie(t) {
+function ae(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -672,7 +672,7 @@ function ie(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function et(...t) {
+function Qe(...t) {
   let e = "";
   for (const n of t)
     if (n) {
@@ -681,17 +681,17 @@ function et(...t) {
     }
   return e || void 0;
 }
-const ut = /* @__PURE__ */ new WeakMap(), Bn = {};
-function tt(t) {
+const lt = /* @__PURE__ */ new WeakMap(), Bn = {};
+function et(t) {
   if (!t)
     return Bn;
-  const e = ut.get(t);
+  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 ut.set(t, n), n;
+  return lt.set(t, n), n;
 }
 function Fn(t) {
   let e = t.parentElement;
@@ -703,15 +703,15 @@ function Fn(t) {
   }
   return null;
 }
-const Pt = 1.5;
-function Lt(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 * Pt ? "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 Ge = "data-ikon-scroll-indicator", Vn = 0.15, Ce = "data-ikon-at-bottom";
-function Mt(t) {
+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 Wn(t) {
@@ -719,16 +719,16 @@ function Wn(t) {
 }
 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 <= Mt(t);
+    const { scrollTop: e, scrollHeight: n, clientHeight: r } = t, s = n - e - r <= Lt(t);
     t.setAttribute(Ce, s ? "true" : "false");
   }, { passive: !0 }));
 }
-function Yn(t) {
-  const e = t.parentElement ?? t, n = e.querySelector(`[${Ge}]`);
+function Gn(t) {
+  const e = t.parentElement ?? t, n = e.querySelector(`[${Ye}]`);
   if (n)
     return n;
   const r = document.createElement("button");
-  return r.setAttribute(Ge, "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%",
@@ -756,14 +756,14 @@ function Yn(t) {
     r.style.opacity = "0.9";
   }), e.appendChild(r), r;
 }
-function Gn(t, e) {
-  const n = Yn(t);
+function Yn(t, e) {
+  const n = Gn(t);
   n.style.display = "flex";
   const r = () => {
-    Lt(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 <= Mt(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);
@@ -771,8 +771,8 @@ function Gn(t, e) {
 }
 function zn() {
   const t = z(function({ nodeId: n, context: r }) {
-    const o = Z(r.store, n), s = v(null), i = ie(o?.props?.targetViewId), a = o?.props?.focusOnly, l = typeof a == "boolean" ? a : void 0, f = ie(o?.props?.priority), h = ie(o?.props?.key), p = 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;
@@ -782,16 +782,16 @@ function zn() {
       if (l !== !0) {
         const w = Fn(c);
         if (w)
-          if (Kn(w), f === "Polite" && !Wn(w))
-            u = Gn(w, c);
+          if (Kn(w), d === "Polite" && !Wn(w))
+            u = Yn(w, c);
           else {
-            const M = (w.parentElement ?? w).querySelector(`[${Ge}]`);
-            M && (M.style.display = "none"), Lt(w, c);
+            const M = (w.parentElement ?? w).querySelector(`[${Ye}]`);
+            M && (M.style.display = "none"), Pt(w, c);
           }
         else typeof c.scrollIntoView == "function" && requestAnimationFrame(() => {
-          const A = c.getBoundingClientRect().top, R = typeof window < "u" ? window.innerHeight : 0, O = Math.abs(A) > R * Pt ? "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: O, block: "end", inline: "nearest" });
+            c.scrollIntoView({ behavior: T, block: "end", inline: "nearest" });
           } catch {
             c.scrollIntoView(!1);
           }
@@ -805,7 +805,7 @@ function zn() {
           c.focus();
         }
       return u;
-    }, [l, f, i, h, p]), o ? /* @__PURE__ */ S.jsx(
+    }, [l, d, i, h, p]), o ? /* @__PURE__ */ S.jsx(
       "span",
       {
         ref: s,
@@ -829,16 +829,16 @@ function Xn() {
     }, [i, r]);
     if (!s)
       return null;
-    const l = tt(s.props);
+    const l = et(s.props);
     delete l.onInvokeId;
-    const f = et(ie(s.props?.className), o), h = s.children?.length ? r.renderChildren(s.children) : void 0;
+    const d = Qe(ae(s.props?.className), o), h = s.children?.length ? r.renderChildren(s.children) : void 0;
     return /* @__PURE__ */ S.jsx(
       "div",
       {
         ...l,
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: f,
+        className: d,
         onClick: i ? a : void 0,
         style: i ? { cursor: "pointer" } : void 0,
         children: h
@@ -855,7 +855,7 @@ function Hn() {
     const s = Z(r.store, n);
     if (!s)
       return null;
-    const i = tt(s.props), a = et("relative", ie(s.props?.className), o), l = s.children?.length ? r.renderChildren(s.children) : void 0;
+    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 }) => {
@@ -868,7 +868,7 @@ function qn() {
     const s = Z(r.store, n);
     if (!s)
       return null;
-    const i = tt(s.props), a = et("absolute", ie(s.props?.className), o), l = s.children?.length ? r.renderChildren(s.children) : void 0;
+    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 }) => {
@@ -904,13 +904,13 @@ function nr(...t) {
     n && n.trim() && e.push(n.trim());
   return e.length > 0 ? e.join(" ") : void 0;
 }
-function dt(t) {
+function ut(t) {
   if (typeof t != "string")
     return;
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-function Re(t) {
+function Ae(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -926,13 +926,13 @@ function or() {
     context: r,
     className: o
   }) {
-    const s = Z(r.store, n), i = v(null), a = s ? Re(s.props?.autoplay) : void 0, l = s ? dt(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, l]), !s)
       return null;
-    const f = nr(tr(s.props?.className), o), h = dt(s.props?.preload), p = Re(s.props?.controls), y = Re(s.props?.loop), c = Re(s.props?.muted);
+    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",
       {
@@ -941,11 +941,11 @@ function or() {
         ...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: f
+        className: d
       }
     );
   });
@@ -954,7 +954,7 @@ function or() {
       return t;
   };
 }
-function Ut(t) {
+function Mt(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -964,7 +964,7 @@ function Ut(t) {
     return e.length > 0 ? e.join(" ") : void 0;
   }
 }
-function jt(...t) {
+function Ut(...t) {
   const e = [];
   for (const n of t)
     n && n.trim() && e.push(n.trim());
@@ -988,30 +988,30 @@ function ze(t) {
 const sr = "std.video-canvas", ir = "std.video-url-player";
 function ar() {
   const t = z(function({ nodeId: n, context: r, className: o }) {
-    const s = Z(r.store, n), i = v(null), a = v(null), l = r.video, f = r.client, h = s ? ze(s.props?.streamId) : void 0, p = s ? _e(s.props?.width) : void 0, y = s ? _e(s.props?.height) : void 0, c = s ? jt(Ut(s.props?.className), o) : o, [, u] = L(0);
-    C(() => {
-      if (!f?.isWebRtcEnabled) return;
-      const g = f.onWebRtcTrackMapChanged;
-      return f.onWebRtcTrackMapChanged = (b) => {
+    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);
       }, () => {
-        f.onWebRtcTrackMapChanged = g;
+        d.onWebRtcTrackMapChanged = g;
       };
-    }, [f]);
-    const m = f?.isWebRtcEnabled && h ? f.getWebRtcVideoStreamByStreamId(h) : null;
-    return C(() => {
+    }, [d]);
+    const y = d?.isWebRtcEnabled && h ? d.getWebRtcVideoStreamByStreamId(h) : null;
+    return _(() => {
       const g = i.current;
-      if (!(!l || !g || !h || m))
+      if (!(!l || !g || !h || y))
         return l.attachCanvas(h, g), () => {
           l.detachCanvas(h);
         };
-    }, [l, h, m]), C(() => {
+    }, [l, h, y]), _(() => {
       const g = a.current;
-      if (!(!g || !m))
-        return g.srcObject = m, () => {
+      if (!(!g || !y))
+        return g.srcObject = y, () => {
           g.srcObject = null;
         };
-    }, [m]), s ? m ? /* @__PURE__ */ S.jsx(
+    }, [y]), s ? y ? /* @__PURE__ */ S.jsx(
       "video",
       {
         ref: a,
@@ -1023,7 +1023,7 @@ function ar() {
         "data-ikon-video-stream-id": h,
         className: c,
         ...p ? { width: p } : {},
-        ...y ? { height: y } : {}
+        ...m ? { height: m } : {}
       },
       h
     ) : /* @__PURE__ */ S.jsx(
@@ -1035,7 +1035,7 @@ function ar() {
         "data-ikon-video-stream-id": h,
         className: c,
         ...p ? { width: p } : {},
-        ...y ? { height: y } : {}
+        ...m ? { height: m } : {}
       },
       h
     ) : null;
@@ -1048,7 +1048,7 @@ function ar() {
 function cr() {
   return [ar(), lr(), or()];
 }
-function fe(t) {
+function he(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -1063,13 +1063,13 @@ function lr() {
     context: r,
     className: o
   }) {
-    const s = Z(r.store, n), i = v(null), a = s ? fe(s.props?.autoplay) : void 0, l = s ? ze(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, l]), !s)
       return null;
-    const f = jt(Ut(s.props?.className), o), h = ze(s.props?.poster), p = fe(s.props?.controls), y = fe(s.props?.loop), c = fe(s.props?.muted), u = fe(s.props?.playsInline), m = _e(s.props?.width), g = _e(s.props?.height), b = s.children?.length ? r.renderChildren(s.children) : void 0;
+    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",
       {
@@ -1078,14 +1078,14 @@ function lr() {
         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 } : {},
         ...u !== void 0 ? { playsInline: u } : {},
-        ...m ? { width: m } : {},
+        ...y ? { width: y } : {},
         ...g ? { height: g } : {},
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
-        className: f,
+        className: d,
         children: b
       }
     );
@@ -1289,14 +1289,14 @@ class gr {
     (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 f = this.uniformLocations.get("iResolution");
-    f && e.uniform3f(f, o, s, 1);
+    const d = this.uniformLocations.get("iResolution");
+    d && e.uniform3f(d, o, s, 1);
     const h = this.uniformLocations.get("iTime");
     h && e.uniform1f(h, a);
     const p = this.uniformLocations.get("iTimeDelta");
     p && e.uniform1f(p, l);
-    const y = this.uniformLocations.get("iFrame");
-    y && e.uniform1i(y, this.frameCount);
+    const m = this.uniformLocations.get("iFrame");
+    m && e.uniform1i(m, this.frameCount);
     const c = this.uniformLocations.get("iMouse");
     c && e.uniform4f(c, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
     const u = this.uniformLocations.get("iDate");
@@ -1309,37 +1309,37 @@ class gr {
       const w = this.uniformLocations.get(`iChannel${b}`);
       w && e.uniform1i(w, b);
     }
-    const m = this.uniformLocations.get("iChannelResolution");
-    m && e.uniform3fv(m, this.channelResolution);
+    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 A = this.uniformLocations.get(b);
-      if (A)
+      const v = this.uniformLocations.get(b);
+      if (v)
         switch (w.type) {
           case "float":
-            e.uniform1f(A, w.value);
+            e.uniform1f(v, w.value);
             break;
           case "vec2": {
-            const R = w.value;
-            e.uniform2f(A, R[0], R[1]);
+            const E = w.value;
+            e.uniform2f(v, E[0], E[1]);
             break;
           }
           case "vec3": {
-            const R = w.value;
-            e.uniform3f(A, R[0], R[1], R[2]);
+            const E = w.value;
+            e.uniform3f(v, E[0], E[1], E[2]);
             break;
           }
           case "vec4": {
-            const R = w.value;
-            e.uniform4f(A, R[0], R[1], R[2], R[3]);
+            const E = w.value;
+            e.uniform4f(v, E[0], E[1], E[2], E[3]);
             break;
           }
           case "int":
-            e.uniform1i(A, w.value);
+            e.uniform1i(v, w.value);
             break;
           case "bool":
-            e.uniform1i(A, w.value ? 1 : 0);
+            e.uniform1i(v, w.value ? 1 : 0);
             break;
         }
     }
@@ -1435,73 +1435,73 @@ function Rr(t, e) {
 const Ar = "std.shadertoy-canvas";
 function Tr() {
   const t = z(function({ nodeId: n, context: r, className: o }) {
-    const s = Z(r.store, n), i = v(null), a = v(null), l = v(null), f = v(0), h = v(""), p = v({}), y = v({
+    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 ? wr(s.props?.shaderSource) : "", u = s ? Ue(s.props?.fps) ?? 60 : 60, m = s?.props?.uniforms, g = W(() => Er(m), [m]), b = s?.props?.channels, w = W(() => vr(b), [b]), A = s ? Sr(s.props?.enableMouse) ?? !0 : !0, R = s ? Ue(s.props?.width) : void 0, O = s ? Ue(s.props?.height) : void 0, M = s ? br(yr(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 N = new gr(_);
-          a.current = N;
-        } catch (N) {
-          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", N);
+          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) && h.current !== c)
-        if (_.compile(c, g))
+    }, []), _(() => {
+      const I = a.current;
+      if (!(!I || !c) && h.current !== c)
+        if (I.compile(c, g))
           h.current = c, p.current = g;
         else {
-          const $ = _.getError();
+          const $ = I.getError();
           console.error("[ShadertoyRenderer] Shader compilation failed:", $);
         }
-    }, [c, g]), C(() => {
-      const _ = a.current;
-      !_ || !h.current || Rr(p.current, g) || (_.setCustomUniforms(g), p.current = g);
-    }, [g]), C(() => {
-      const _ = a.current;
-      _ && _.setChannels(w);
-    }, [w]), C(() => {
-      const _ = a.current;
-      if (!_ || !h.current) return;
-      const N = 1e3 / u, $ = (V) => {
-        const B = V - f.current;
-        B >= N && (f.current = V - B % N, _.draw()), l.current = requestAnimationFrame($);
+    }, [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 l.current = requestAnimationFrame($), () => {
         l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
       };
     }, [u]);
     const Q = D(
-      (_) => {
-        if (!A) return;
-        const N = i.current, $ = a.current;
-        if (!N || !$) return;
-        const V = window.devicePixelRatio || 1, B = N.getBoundingClientRect(), K = (_.clientX - B.left) * V, Y = (B.height - (_.clientY - B.top)) * V;
-        y.current.x = K, y.current.y = Y, $.setMouse(K, Y, y.current.clickX, y.current.clickY);
+      (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);
       },
-      [A]
+      [v]
     ), re = D(
-      (_) => {
-        if (!A) return;
-        const N = i.current, $ = a.current;
-        if (!N || !$) return;
-        const V = window.devicePixelRatio || 1, B = N.getBoundingClientRect(), K = (_.clientX - B.left) * V, Y = (B.height - (_.clientY - B.top)) * V;
-        y.current.isDown = !0, y.current.clickX = K, y.current.clickY = Y, $.setMouse(K, Y, K, Y);
+      (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);
       },
-      [A]
+      [v]
     ), q = D(() => {
-      A && (y.current.isDown = !1, y.current.clickX = -Math.abs(y.current.clickX));
-    }, [A]);
+      v && (m.current.isDown = !1, m.current.clickX = -Math.abs(m.current.clickX));
+    }, [v]);
     return s ? /* @__PURE__ */ S.jsx(
       "canvas",
       {
@@ -1509,8 +1509,8 @@ function Tr() {
         "data-ikon-node-id": s.id,
         "data-ikon-source": s.sourceMarker,
         className: M,
-        ...R ? { width: R } : {},
-        ...O ? { height: O } : {},
+        ...E ? { width: E } : {},
+        ...T ? { height: T } : {},
         onMouseMove: Q,
         onMouseDown: re,
         onMouseUp: q,
@@ -1527,7 +1527,7 @@ const kr = "shadertoy", Cr = async () => Tr();
 function _r(t) {
   t.registerModule(kr, Cr);
 }
-const ft = ne("UIRegistry");
+const dt = ne("UIRegistry");
 class Ir {
   baseResolvers = [];
   moduleLoaders = /* @__PURE__ */ new Map();
@@ -1553,7 +1553,7 @@ class Ir {
           const s = await o(), i = xr(s);
           this.moduleResolvers.set(r, i), e = !0;
         } catch (s) {
-          ft.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())
@@ -1568,7 +1568,7 @@ class Ir {
     for (const n of this.activeModuleOrder) {
       const r = this.moduleResolvers.get(n);
       if (!r) {
-        ft.warn(`Missing resolvers for module ${n}`);
+        dt.warn(`Missing resolvers for module ${n}`);
         continue;
       }
       for (const o of r) {
@@ -1596,9 +1596,9 @@ function Pr(t, e) {
       return !1;
   return !0;
 }
-function Cs({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
+function Is({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
   return /* @__PURE__ */ S.jsx(
-    xt,
+    Nt,
     {
       stores: e,
       registry: n,
@@ -1608,7 +1608,7 @@ function Cs({ mount: t, stores: e, registry: n, client: r, onAction: o }) {
     }
   );
 }
-const je = ne("MotionController"), ht = {
+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],
@@ -1641,53 +1641,53 @@ const je = ne("MotionController"), ht = {
 function F(t) {
   return t <= 0 ? 0 : t >= 1 ? 1 : t;
 }
-function pt(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 mt(t) {
+function pt(t) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function gt(t, e, n, r) {
+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, w) {
+  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 w = 0; w < 4; w += 1) {
-      const A = y(b, t, n);
-      if (A === 0)
+      const v = m(b, t, n);
+      if (v === 0)
         return b;
-      const R = p(b, t, n) - g;
-      b -= R / A;
+      const E = p(b, t, n) - g;
+      b -= E / v;
     }
     return b;
   }
   function u(g, b, w) {
-    let A = 0, R = 0, O = 0;
+    let v = 0, E = 0, T = 0;
     do
-      R = b + (w - b) / 2, A = p(R, t, n) - g, A > 0 ? w = R : b = R;
-    while (Math.abs(A) > 1e-7 && ++O < 10);
-    return R;
+      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 m(g) {
+  function y(g) {
     let b = 0, w = 1;
-    const A = 10;
-    for (; w !== A && h[w] <= g; w += 1)
+    const v = 10;
+    for (; w !== v && h[w] <= g; w += 1)
       b += 0.1;
     w -= 1;
-    const R = (g - h[w]) / (h[w + 1] - h[w]), O = b + R * 0.1, M = y(O, t, n);
-    return M >= 1e-3 ? c(g, O) : M === 0 ? O : u(g, b, b + 0.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)
     h[g] = p(g * 0.1, t, n);
-  return (g) => g <= 0 ? 0 : g >= 1 ? 1 : p(m(g), e, r);
+  return (g) => g <= 0 ? 0 : g >= 1 ? 1 : p(y(g), e, r);
 }
 function Lr(t) {
   const e = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(t);
@@ -1702,15 +1702,15 @@ function Mr(t) {
   const e = t.trim().toLowerCase();
   if (!e || e === "linear")
     return (n) => F(n);
-  if (ht[e]) {
-    const [n, r, o, s] = ht[e], i = gt(n, r, o, s);
+  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, l = gt(o, s, i, a);
-      return (f) => F(l(F(f)));
+      const [o, s, i, a] = r, l = mt(o, s, i, a);
+      return (d) => F(l(F(d)));
     }
   }
   if (e.startsWith("steps(") && e.endsWith(")")) {
@@ -1774,7 +1774,7 @@ class jr {
     const n = e.source?.trim();
     if (!n)
       return;
-    const r = pt(e.min) ?? 0, o = pt(e.max), s = o === void 0 ? r + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), a = !!e.reverse, l = Mr(e.ease), f = Ur(e.map), h = 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,
@@ -1782,7 +1782,7 @@ class jr {
       clamp: i === "freeze-start" || i === "freeze-end" || i === "unclamped" ? i : "clamp",
       reverse: a,
       ease: l,
-      map: f,
+      map: d,
       targetId: h
     };
   }
@@ -1832,7 +1832,7 @@ class jr {
     const n = this.bindingsByStyle.get(e);
     if (!n || typeof document > "u")
       return;
-    const r = `.${mt(e)}`;
+    const r = `.${pt(e)}`;
     document.querySelectorAll(r).forEach((s) => this.applyStyleToElement(s, e, n));
   }
   applyStyleToElement(e, n, r) {
@@ -1872,7 +1872,7 @@ class jr {
   }
   resolveScrollContainer(e, n) {
     if (n.targetId) {
-      const r = `[data-ikon-motion-source="${mt(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;
     }
@@ -1882,9 +1882,9 @@ class jr {
     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), l = Number.isFinite(a) ? a : 0, f = 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", `${f}`), n.map) {
-      const h = this.applyMap(f, n.map);
+    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");
@@ -1989,7 +1989,7 @@ class jr {
 }
 const De = new jr();
 function Dr(t) {
-  const e = v(/* @__PURE__ */ new Map()), n = D(({ styleId: s, css: i, common: a }) => {
+  const e = A(/* @__PURE__ */ new Map()), n = D(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let l = e.current.get(s);
@@ -2011,7 +2011,7 @@ function Dr(t) {
     }
     De.reset();
   }, []);
-  return C(() => {
+  return _(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       n(a);
@@ -2019,7 +2019,7 @@ function Dr(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 $r(t) {
   const e = [];
@@ -2030,8 +2030,8 @@ function $r(t) {
   return e.sort(), e.join(",");
 }
 function Br(t) {
-  const [e, n] = L(), r = v("");
-  return C(() => {
+  const [e, n] = N(), r = A("");
+  return _(() => {
     if (!t) {
       n(void 0), r.current = "";
       return;
@@ -2043,24 +2043,24 @@ function Br(t) {
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-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, Dt = Object.prototype, Kr = Dt.hasOwnProperty, Yr = Dt.toString, he = Ie ? Ie.toStringTag : void 0;
-function Gr(t) {
-  var e = Kr.call(t, he), n = t[he];
+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[he] = void 0;
+    t[pe] = void 0;
     var r = !0;
   } catch {
   }
-  var o = Yr.call(t);
-  return r && (e ? t[he] = n : delete t[he]), o;
+  var o = Gr.call(t);
+  return r && (e ? t[pe] = n : delete t[pe]), o;
 }
 var zr = Object.prototype, Xr = zr.toString;
 function Hr(t) {
   return Xr.call(t);
 }
-var qr = "[object Null]", Jr = "[object Undefined]", yt = Ie ? Ie.toStringTag : void 0;
+var qr = "[object Null]", Jr = "[object Undefined]", gt = Ie ? Ie.toStringTag : void 0;
 function Zr(t) {
-  return t == null ? t === void 0 ? Jr : qr : yt && yt in Object(t) ? Gr(t) : Hr(t);
+  return t == null ? t === void 0 ? Jr : qr : gt && gt in Object(t) ? Yr(t) : Hr(t);
 }
 function Qr(t) {
   return t != null && typeof t == "object";
@@ -2069,7 +2069,7 @@ var eo = Array.isArray, to = "[object String]";
 function no(t) {
   return typeof t == "string" || !eo(t) && Qr(t) && Zr(t) == to;
 }
-const bt = "ikonUiModules";
+const yt = "ikonUiModules";
 function Xe(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
@@ -2084,7 +2084,7 @@ function ro(t) {
   }
   return Array.from(e);
 }
-function _s(t, e) {
+function Os(t, e) {
   if (t === e)
     return !0;
   if (!t || !e)
@@ -2097,17 +2097,17 @@ function _s(t, e) {
   return !0;
 }
 function oo(t) {
-  if (!(!Xe(t) || !Object.prototype.hasOwnProperty.call(t, bt)))
-    return ro(t[bt]);
+  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 = oo(e);
     if (n !== void 0)
       return n;
   }
 }
-function Os(t) {
+function xs(t) {
   if (!Xe(t))
     return;
   const e = t, n = Object.keys(e).find((l) => l.toLowerCase() === "modules");
@@ -2121,35 +2121,35 @@ function Os(t) {
   const o = [], s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
   for (const l of r) {
     if (typeof l == "string") {
-      const m = l.trim();
-      if (!m || i.has(m))
+      const y = l.trim();
+      if (!y || i.has(y))
         continue;
-      o.push(m), i.add(m);
+      o.push(y), i.add(y);
       continue;
     }
     if (!Xe(l))
       continue;
-    const f = l, h = Object.keys(f).find((m) => m.toLowerCase() === "name");
+    const d = l, h = Object.keys(d).find((y) => y.toLowerCase() === "name");
     if (!h)
       continue;
-    const p = f[h];
+    const p = d[h];
     if (typeof p != "string")
       continue;
-    const y = p.trim();
-    if (!y)
+    const m = p.trim();
+    if (!m)
       continue;
-    const c = Object.keys(f).find((m) => m.toLowerCase() === "javascript"), u = c ? f[c] : void 0;
-    typeof u == "string" && s.set(y, u), 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(([l, f]) => ({
+  const a = Array.from(s.entries()).map(([l, d]) => ({
     name: l,
-    javascript: f
+    javascript: d
   }));
   return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const T = {
+const k = {
   None: 0,
   Letter: 1,
   Word: 2,
@@ -2158,7 +2158,7 @@ const T = {
   Emoji: 16
 }, so = [
   {
-    flag: T.Letter,
+    flag: k.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -2167,7 +2167,7 @@ const T = {
     ]
   },
   {
-    flag: T.Word,
+    flag: k.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -2176,7 +2176,7 @@ const T = {
     ]
   },
   {
-    flag: T.Line,
+    flag: k.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -2185,7 +2185,7 @@ const T = {
     ]
   },
   {
-    flag: T.Paragraph,
+    flag: k.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -2196,7 +2196,7 @@ const T = {
     ]
   },
   {
-    flag: T.Emoji,
+    flag: k.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -2205,27 +2205,27 @@ const T = {
       "[data-emoji]"
     ]
   }
-], He = T.Letter | T.Word | T.Line | T.Paragraph | T.Emoji, io = T.Letter | T.Word | T.Line | T.Paragraph, wt = /* @__PURE__ */ new Map(), ao = 16384;
-function Ns(t, e) {
+], 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 = To(e), r = ae(n, T.Emoji), o = n & io;
-  if (o === T.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 === T.None)
-    return Rt(s);
+  if (o === k.None)
+    return vt(s);
   const i = Ro(s);
   if (i.length === 0)
-    return r ? Rt(s) : t;
-  const a = Ao(i), l = { letter: 0, word: 0, line: 0, paragraph: 0, br: 0, emoji: 0 }, f = [];
+    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);
-    f.push(...p);
+    d.push(...p);
   }
-  return f;
+  return d;
 }
 function co(t, e, n) {
   const r = [];
@@ -2233,7 +2233,7 @@ function co(t, e, n) {
     const s = lo(o, e, n);
     r.push(...s);
   }
-  if (ae(e, T.Paragraph)) {
+  if (ce(e, k.Paragraph)) {
     const o = n.paragraph++;
     return [
       /* @__PURE__ */ S.jsx(
@@ -2251,7 +2251,7 @@ function co(t, e, n) {
 }
 function lo(t, e, n) {
   const r = uo(t.text, e, n), o = [];
-  if (ae(e, T.Line)) {
+  if (ce(e, k.Line)) {
     const s = n.line++;
     o.push(
       /* @__PURE__ */ S.jsx("span", { "data-motion-line": !0, style: xe(s), children: r }, `motion-line-${s}`)
@@ -2265,22 +2265,22 @@ function lo(t, e, n) {
 function uo(t, e, n) {
   if (!t)
     return [];
-  const r = ae(e, T.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 l = t.slice(i, a.index);
-      o.push(St(l, n, e, r));
+      o.push(wt(l, n, e, r));
     }
     o.push(a[0]), i = a.index + a[0].length;
   }
   if (i < t.length) {
     const l = t.slice(i);
-    o.push(St(l, n, e, r));
+    o.push(wt(l, n, e, r));
   }
   return o;
 }
-function St(t, e, n, r) {
+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);
 }
@@ -2290,29 +2290,29 @@ function fo(t, e) {
 function ho(t, e, n) {
   if (!t)
     return [];
-  const r = ae(e, T.Letter), o = ae(e, T.Emoji);
+  const r = ce(e, k.Letter), o = ce(e, k.Emoji);
   if (!r) {
     if (!o)
       return [t];
     const a = qe(t);
     if (a.length === 0)
       return [t];
-    const { nodes: l } = Bt(a, n);
+    const { nodes: l } = $t(a, n);
     return l;
   }
   const s = [], i = qe(t);
   for (const a of i) {
-    const l = n.letter++, f = `motion-letter-${l}`, h = xe(l);
+    const l = n.letter++, d = `motion-letter-${l}`, h = xe(l);
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ S.jsx("span", { "data-motion-letter": !0, style: h, children: /* @__PURE__ */ S.jsx("br", {}) }, f)
+        /* @__PURE__ */ S.jsx("span", { "data-motion-letter": !0, style: h, children: /* @__PURE__ */ S.jsx("br", {}) }, d)
       );
       continue;
     }
-    const y = o && $t(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__ */ S.jsx("span", { "data-motion-letter": !0, style: h, ...y, children: c }, f)
+      /* @__PURE__ */ S.jsx("span", { "data-motion-letter": !0, style: h, ...m, children: c }, d)
     );
   }
   return s;
@@ -2323,9 +2323,9 @@ function qe(t) {
   const e = po();
   return e ? Array.from(e.segment(t), (n) => n.segment) : mo(t);
 }
-let pe;
+let me;
 function po() {
-  return pe !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? pe = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : pe = null), pe;
+  return me !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? me = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : me = null), me;
 }
 function mo(t) {
   const e = [], n = Array.from(t);
@@ -2337,9 +2337,9 @@ function mo(t) {
   return r && e.push(r), e;
 }
 function go(t, e) {
-  return e ? !!(Et(t) || Et(e) || wo(e) || yo(e) || bo(e) || vt(t) && vt(e)) : !1;
+  return e ? !!(St(t) || St(e) || wo(e) || yo(e) || bo(e) || Et(t) && Et(e)) : !1;
 }
-function Et(t) {
+function St(t) {
   return t.codePointAt(0) === 8205;
 }
 function yo(t) {
@@ -2350,7 +2350,7 @@ function bo(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function vt(t) {
+function Et(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
@@ -2370,7 +2370,7 @@ function So() {
   }
 }
 let Be;
-function $t(t) {
+function Dt(t) {
   return t ? (Be || (Be = Eo()), Be(t)) : !1;
 }
 function Eo() {
@@ -2414,7 +2414,7 @@ function Ao(t) {
     n.push(r), r.breaks >= 2 && (e.push(n), n = []);
   return n.length > 0 && e.push(n), e;
 }
-function ae(t, e) {
+function ce(t, e) {
   return (t & e) === e;
 }
 function xe(t) {
@@ -2434,27 +2434,27 @@ function xe(t) {
     WebkitTextFillColor: "inherit"
   };
 }
-function Rt(t) {
+function vt(t) {
   if (!t)
     return t;
   const e = qe(t);
   if (e.length === 0)
     return t;
-  const { nodes: n, sawEmoji: r } = Bt(e);
+  const { nodes: n, sawEmoji: r } = $t(e);
   return r ? n.length === 1 ? n[0] ?? t : n : t;
 }
-function Bt(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 ($t(a)) {
+    if (Dt(a)) {
       o = !0, i();
-      const f = `motion-emoji-${e ? e.emoji++ : s++}`;
+      const d = `motion-emoji-${e ? e.emoji++ : s++}`;
       n.push(
-        /* @__PURE__ */ S.jsx("span", { "data-motion-emoji": !0, children: a }, f)
+        /* @__PURE__ */ S.jsx("span", { "data-motion-emoji": !0, children: a }, d)
       );
       continue;
     }
@@ -2464,53 +2464,53 @@ function Bt(t, e) {
 }
 function To(t) {
   if (!t)
-    return T.None;
+    return k.None;
   const e = t.trim();
   if (!e)
-    return T.None;
-  const n = wt.get(e);
+    return k.None;
+  const n = bt.get(e);
   if (typeof n == "number")
     return n;
   if (typeof document > "u")
-    return T.None;
+    return k.None;
   const r = e.split(/\s+/).filter(Boolean);
   if (r.length === 0)
-    return T.None;
+    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 = T.None, a = !1;
+  let i = k.None, a = !1;
   for (const l of Array.from(document.styleSheets)) {
-    let f;
+    let d;
     try {
-      f = l.cssRules;
+      d = l.cssRules;
     } catch {
       continue;
     }
-    const h = Ft(f, s);
+    const h = Bt(d, s);
     if (h.mask && (i |= h.mask, i === He))
       break;
     a ||= h.sawStyleRule;
   }
-  return (i !== T.None || a) && wt.set(e, i), i;
+  return (i !== k.None || a) && bt.set(e, i), i;
 }
-function Ft(t, e) {
+function Bt(t, e) {
   if (!t)
-    return { mask: T.None, sawStyleRule: !1 };
-  let n = T.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((f) => f.test(a))) continue;
+        if (!a || !e.some((d) => d.test(a))) continue;
         r = !0;
-        for (const f of so)
-          f.hints.some((h) => a.includes(h)) && (n |= f.flag);
+        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 = Ft(s.cssRules, e);
+        const i = Bt(s.cssRules, e);
         if (i.mask && (n |= i.mask, n === He))
           return { mask: n, sawStyleRule: !0 };
         r ||= i.sawStyleRule;
@@ -2525,7 +2525,7 @@ function ko(t) {
 function Co(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
-const nt = "ikon_auth_session", _o = 10080 * 60 * 1e3, Io = 60 * 1e3;
+const tt = "ikon_auth_session", _o = 10080 * 60 * 1e3, Io = 60 * 1e3;
 function Oo(t) {
   try {
     const e = t.split(".");
@@ -2536,16 +2536,16 @@ function Oo(t) {
     return !0;
   }
 }
-function ye(t) {
+function be(t) {
   try {
-    localStorage.setItem(nt, JSON.stringify(t));
+    localStorage.setItem(tt, JSON.stringify(t));
   } catch {
     console.warn("Failed to save auth session to localStorage");
   }
 }
-function Vt() {
+function Ft() {
   try {
-    const t = localStorage.getItem(nt);
+    const t = localStorage.getItem(tt);
     if (!t) return null;
     const e = JSON.parse(t);
     return Date.now() - e.authenticatedAt > _o || Oo(e.token) ? (Oe(), null) : e;
@@ -2555,7 +2555,7 @@ function Vt() {
 }
 function Oe() {
   try {
-    localStorage.removeItem(nt);
+    localStorage.removeItem(tt);
   } catch {
     console.warn("Failed to clear auth session from localStorage");
   }
@@ -2568,49 +2568,49 @@ function se(t) {
     authenticatedAt: t.authenticatedAt
   };
 }
-const Wt = 15e3, me = ne("AuthService");
-async function At(t) {
+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 Kt(t, e) {
+async function Wt(t, e) {
   const n = un(), r = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify({ deviceId: n, space: t })
   }, o = typeof window < "u" ? window.location.origin : "?", s = `${e}/anonymous`;
-  me.info(`Anonymous auth: POST ${s} (space=${t}, origin=${o})`);
+  ge.info(`Anonymous auth: POST ${s} (space=${t}, origin=${o})`);
   let i;
   try {
     i = await fetch(s, r);
-  } catch (f) {
-    const h = f instanceof Error ? `${f.name}: ${f.message}` : String(f), p = dn(), y = p ? `${p}/anonymous` : null;
-    if (y && y !== s) {
-      me.warn(`Anonymous auth could not reach ${s} (${h}); falling back to same-origin ${y}`);
+  } 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(y, r);
+        i = await fetch(m, r);
       } catch (c) {
-        const u = c instanceof Error ? `${c.name}: ${c.message}` : String(c), m = await At(e);
-        throw me.error(`Anonymous auth failed on both direct (${s}: ${h}) and same-origin (${y}: ${u}). ${m}`), new Error(`Anonymous auth unreachable: direct ${s} (${h}) and same-origin ${y} (${u})`);
+        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 At(e);
-      throw me.error(`Anonymous auth fetch threw for ${s} — ${h}. ${c}`), new Error(`Anonymous auth could not reach ${s} (${h}). ${c}`);
+      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}`);
     }
   }
   if (!i.ok) {
-    const f = await i.text().catch(() => "Unknown error");
-    throw me.error(`Anonymous auth HTTP ${i.status} from ${i.url}: ${f}`), new Error(`Anonymous auth failed: ${i.status} ${f}`);
+    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 ye(l), l;
+  return be(l), l;
 }
 async function No({ email: t, spaceId: e, authUrl: n }) {
   const r = await fetch(`${n}/email/send`, {
@@ -2620,7 +2620,7 @@ async function No({ email: t, spaceId: e, authUrl: n }) {
       email: t.trim(),
       space: e
     }),
-    signal: It(Wt)
+    signal: _t(Vt)
   });
   if (!r.ok) {
     const o = await r.text().catch(() => "Failed to send login code");
@@ -2635,7 +2635,7 @@ async function xo({ email: t, code: e, authUrl: n }) {
       email: t.trim(),
       code: e.trim()
     }),
-    signal: It(Wt)
+    signal: _t(Vt)
   });
   if (!r.ok) {
     const i = await r.text().catch(() => "Invalid code");
@@ -2646,7 +2646,7 @@ async function xo({ email: t, code: e, authUrl: n }) {
     provider: "email",
     authenticatedAt: Date.now()
   };
-  return ye(s), s;
+  return be(s), s;
 }
 function Po() {
   const t = new URLSearchParams(window.location.search), e = t.get("ikon_token"), n = t.get("ikon_provider");
@@ -2655,7 +2655,7 @@ function Po() {
 function Lo() {
   return new URLSearchParams(window.location.search).get("error");
 }
-function Tt() {
+function At() {
   window.history.replaceState({}, "", window.location.pathname);
 }
 function Mo(t, e, n, r) {
@@ -2688,7 +2688,7 @@ async function jo(t, e, n) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ye(s), s;
+  return be(s), s;
 }
 async function Do(t, e) {
   const n = await fetch(`${t}/passkey/authentication/options`, {
@@ -2717,7 +2717,7 @@ async function $o(t, e) {
     provider: "passkey",
     authenticatedAt: Date.now()
   };
-  return ye(o), o;
+  return be(o), o;
 }
 function H(t) {
   const e = new Uint8Array(t);
@@ -2732,13 +2732,13 @@ function Ne(t) {
     i[a] = o.charCodeAt(a);
   return s;
 }
-function rt() {
+function nt() {
   return Bo.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
 const Bo = {
   stubThis: (t) => t
 };
-function Yt(t) {
+function Kt(t) {
   const { id: e } = t;
   return {
     ...t,
@@ -2878,15 +2878,15 @@ class Vo {
     }
   }
 }
-const zt = new Vo(), Wo = ["cross-platform", "platform"];
-function Xt(t) {
+const Yt = new Vo(), Wo = ["cross-platform", "platform"];
+function zt(t) {
   if (t && !(Wo.indexOf(t) < 0))
     return 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 (!rt())
+  if (!nt())
     throw new Error("WebAuthn is not supported in this browser");
   const r = {
     ...e,
@@ -2895,9 +2895,9 @@ async function Ko(t) {
       ...e.user,
       id: Ne(e.user.id)
     },
-    excludeCredentials: e.excludeCredentials?.map(Yt)
+    excludeCredentials: e.excludeCredentials?.map(Kt)
   }, o = {};
-  n && (o.mediation = "conditional"), o.publicKey = r, o.signal = zt.createNewAbortSignal();
+  n && (o.mediation = "conditional"), o.publicKey = r, o.signal = Yt.createNewAbortSignal();
   let s;
   try {
     s = await navigator.credentials.create(o);
@@ -2906,7 +2906,7 @@ async function Ko(t) {
   }
   if (!s)
     throw new Error("Registration was not completed");
-  const { id: i, rawId: a, response: l, type: f } = s;
+  const { id: i, rawId: a, response: l, type: d } = s;
   let h;
   typeof l.getTransports == "function" && (h = l.getTransports());
   let p;
@@ -2916,11 +2916,11 @@ async function Ko(t) {
     } catch (u) {
       Fe("getPublicKeyAlgorithm()", u);
     }
-  let y;
+  let m;
   if (typeof l.getPublicKey == "function")
     try {
       const u = l.getPublicKey();
-      u !== null && (y = H(u));
+      u !== null && (m = H(u));
     } catch (u) {
       Fe("getPublicKey()", u);
     }
@@ -2939,20 +2939,20 @@ async function Ko(t) {
       clientDataJSON: H(l.clientDataJSON),
       transports: h,
       publicKeyAlgorithm: p,
-      publicKey: y,
+      publicKey: m,
       authenticatorData: c
     },
-    type: f,
+    type: d,
     clientExtensionResults: s.getClientExtensionResults(),
-    authenticatorAttachment: Xt(s.authenticatorAttachment)
+    authenticatorAttachment: zt(s.authenticatorAttachment)
   };
 }
 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 Yo() {
-  if (!rt())
+function Go() {
+  if (!nt())
     return Ve.stubThis(new Promise((e) => e(!1)));
   const t = globalThis.PublicKeyCredential;
   return t?.isConditionalMediationAvailable === void 0 ? Ve.stubThis(new Promise((e) => e(!1))) : Ve.stubThis(t.isConditionalMediationAvailable());
@@ -2960,7 +2960,7 @@ function Yo() {
 const Ve = {
   stubThis: (t) => t
 };
-function Go({ error: t, options: e }) {
+function Yo({ error: t, options: e }) {
   const { publicKey: n } = e;
   if (!n)
     throw Error("options was missing required publicKey property");
@@ -3004,83 +3004,83 @@ function Go({ error: t, options: e }) {
 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 (!rt())
+  if (!nt())
     throw new Error("WebAuthn is not supported in this browser");
   let o;
-  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(Yt));
+  e.allowCredentials?.length !== 0 && (o = e.allowCredentials?.map(Kt));
   const s = {
     ...e,
     challenge: Ne(e.challenge),
     allowCredentials: o
   }, i = {};
   if (n) {
-    if (!await Yo())
+    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 = zt.createNewAbortSignal();
+  i.publicKey = s, i.signal = Yt.createNewAbortSignal();
   let a;
   try {
     a = await navigator.credentials.get(i);
   } catch (c) {
-    throw Go({ error: c, options: i });
+    throw Yo({ error: c, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
-  const { id: l, rawId: f, response: h, type: p } = a;
-  let y;
-  return h.userHandle && (y = H(h.userHandle)), {
+  const { id: l, rawId: d, response: h, type: p } = a;
+  let m;
+  return h.userHandle && (m = H(h.userHandle)), {
     id: l,
-    rawId: H(f),
+    rawId: H(d),
     response: {
       authenticatorData: H(h.authenticatorData),
       clientDataJSON: H(h.clientDataJSON),
       signature: H(h.signature),
-      userHandle: y
+      userHandle: m
     },
     type: p,
     clientExtensionResults: a.getClientExtensionResults(),
-    authenticatorAttachment: Xt(a.authenticatorAttachment)
+    authenticatorAttachment: zt(a.authenticatorAttachment)
   };
 }
-const ot = _t(null);
-function xs({ children: t, config: e }) {
-  const [n, r] = L({
+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 = Lo();
-      if (y) {
-        Tt(), r({
+      const m = Lo();
+      if (m) {
+        At(), r({
           isAuthenticated: !1,
           isLoading: !1,
           user: null,
-          error: y
+          error: m
         });
         return;
       }
       const c = Po();
       if (c) {
-        const m = {
+        const y = {
           token: c.token,
           provider: c.provider,
           authenticatedAt: Date.now()
         };
-        ye(m), Tt(), r({
+        be(y), At(), r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: se(m),
+          user: se(y),
           error: null
         });
         return;
       }
-      const u = Vt();
+      const u = Ft();
       if (u) {
         r({
           isAuthenticated: !0,
@@ -3107,11 +3107,11 @@ function xs({ children: t, config: e }) {
         }));
         return;
       }
-      const y = await ge(e.authUrl);
+      const m = await ye(e.authUrl);
       if (p === "guest") {
         r((c) => ({ ...c, isLoading: !0 }));
         try {
-          const c = await Kt(e.spaceId, y);
+          const c = await Wt(e.spaceId, m);
           r({
             isAuthenticated: !0,
             isLoading: !1,
@@ -3130,11 +3130,11 @@ function xs({ children: t, config: e }) {
       if (p === "passkey") {
         r((c) => ({ ...c, isLoading: !0, error: null }));
         try {
-          const c = await Do(y), u = await zo({ optionsJSON: c }), m = await $o(y, u);
+          const c = await Do(m), u = await zo({ optionsJSON: c }), y = await $o(m, u);
           r({
             isAuthenticated: !0,
             isLoading: !1,
-            user: se(m),
+            user: se(y),
             error: null
           });
         } catch (c) {
@@ -3148,22 +3148,22 @@ function xs({ children: t, config: e }) {
       }
       if (p === "email")
         throw new Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
-      window.location.href = Mo(p, e.spaceId, y);
+      window.location.href = Mo(p, e.spaceId, m);
     },
     [e.authUrl, e.spaceId]
   ), s = D(
     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 ge(e.authUrl);
-      await No({ email: p, 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 (p, y) => {
+    async (p, m) => {
       r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await ge(e.authUrl), u = await xo({ email: p, code: y, authUrl: c });
+        const c = await ye(e.authUrl), u = await xo({ email: p, code: m, authUrl: c });
         r({
           isAuthenticated: !0,
           isLoading: !1,
@@ -3172,7 +3172,7 @@ function xs({ children: t, config: e }) {
         });
       } catch (c) {
         const u = c instanceof Error ? c.message : "Code verification failed";
-        throw r((m) => ({ ...m, isLoading: !1, error: u })), c;
+        throw r((y) => ({ ...y, isLoading: !1, error: u })), c;
       }
     },
     [e.authUrl]
@@ -3185,14 +3185,14 @@ function xs({ children: t, config: e }) {
     });
   }, []), l = D(
     async (p) => {
-      const y = await ge(e.authUrl);
+      const m = await ye(e.authUrl);
       r((c) => ({ ...c, isLoading: !0, error: null }));
       try {
-        const c = await Uo(y), u = await Ko({ optionsJSON: c }), m = await jo(y, u, p);
+        const c = await Uo(m), u = await Ko({ optionsJSON: c }), y = await jo(m, u, p);
         r({
           isAuthenticated: !0,
           isLoading: !1,
-          user: se(m),
+          user: se(y),
           error: null
         });
       } catch (c) {
@@ -3204,39 +3204,39 @@ function xs({ children: t, config: e }) {
       }
     },
     [e.authUrl]
-  ), f = D(() => n.user?.token ?? null, [n.user]), h = W(
+  ), d = D(() => n.user?.token ?? null, [n.user]), h = W(
     () => ({
       state: n,
       login: o,
       logout: a,
-      getToken: f,
+      getToken: d,
       registerPasskey: l,
       requestEmailCode: s,
       submitEmailCode: i
     }),
-    [n, o, a, f, l, s, i]
+    [n, o, a, d, l, s, i]
   );
-  return /* @__PURE__ */ S.jsx(ot, { value: h, children: t });
+  return /* @__PURE__ */ S.jsx(rt, { value: h, children: t });
 }
 function Xo() {
-  const t = Qe(ot);
+  const t = Ze(rt);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 }
 function Ho() {
-  return Qe(ot);
+  return Ze(rt);
 }
-function Ps(t) {
-  const { config: e, guestUrlParam: n } = t, { state: r, login: o } = Xo(), s = v(!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 l = i.toString(), f = window.location.pathname + (l ? `?${l}` : "");
-      window.history.replaceState({}, "", f), 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,
@@ -3245,17 +3245,17 @@ function Ps(t) {
     error: r.error
   };
 }
-const Je = (() => {
+const Xt = (() => {
   try {
     return fn();
   } catch {
     return !1;
   }
 })(), Ht = Date.now(), te = [], qo = 300;
-function Ae(t) {
+function Te(t) {
   te.push(`[+${((Date.now() - Ht) / 1e3).toFixed(1)}s] ${t}`), te.length > qo && te.shift();
 }
-function kt(t) {
+function Tt(t) {
   if (typeof t == "string")
     return t;
   if (t instanceof Error)
@@ -3266,29 +3266,29 @@ function kt(t) {
     return String(t);
   }
 }
-let Ct = !1;
+let kt = !1;
 function qt() {
-  if (Ct || typeof window > "u")
+  if (kt || typeof window > "u")
     return;
-  Ct = !0, window.addEventListener("error", (e) => Ae(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => Ae(`unhandledRejection: ${kt(e.reason)}`));
+  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 {
-        Ae(`console.${e}: ${r.map(kt).join(" ")}`);
+        Te(`console.${e}: ${r.map(Tt).join(" ")}`);
       } catch {
       }
       n(...r);
     };
   }
   try {
-    Ot((e) => Ae(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: We.DEBUG });
+    It((e) => Te(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: We.DEBUG });
   } catch {
   }
 }
-Je && qt();
+Xt && qt();
 function Jo() {
   let t = !1;
   try {
@@ -3320,22 +3320,22 @@ function Zo() {
 function Qo(t) {
   return /ERROR|error:|Rejection/.test(t) ? "#f88" : /WARN|warn:/.test(t) ? "#fc6" : "#9d9";
 }
-function Jt({ state: t = "" }) {
-  const e = t === "connected" || t === "reconnecting", [, n] = cn((i) => i + 1, 0), [r, o] = L(!0);
-  if (C(() => {
-    if (!Je)
+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 i = setInterval(n, 1e3);
-    return () => clearInterval(i);
-  }, []), !Je)
+    const l = setInterval(o, 1e3);
+    return () => clearInterval(l);
+  }, [n]), !n)
     return null;
-  if (e && r)
+  if (r && s)
     return /* @__PURE__ */ S.jsxs(
       "button",
       {
         type: "button",
-        onClick: () => o(!1),
+        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 (",
@@ -3344,8 +3344,8 @@ function Jt({ state: t = "" }) {
         ]
       }
     );
-  const s = e ? { position: "fixed", bottom: 0, left: 0, right: 0, maxHeight: "45vh", borderTop: "2px solid #0f0" } : { position: "fixed", inset: 0 };
-  return /* @__PURE__ */ S.jsxs("div", { style: { ...s, background: "rgba(0,0,0,0.92)", color: "#0f0", font: "14px/1.45 monospace", padding: "16px", overflow: "auto", zIndex: 2147483647 }, children: [
+  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 || "?",
@@ -3354,16 +3354,16 @@ function Jt({ state: t = "" }) {
       "s, ",
       te.length,
       " entries",
-      e && /* @__PURE__ */ S.jsx("button", { type: "button", onClick: () => o(!0), style: { marginLeft: 12, font: "12px monospace", background: "#0f0", color: "#000", border: "none", borderRadius: 4, padding: "2px 8px" }, children: "hide" })
+      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((i, a) => /* @__PURE__ */ S.jsx("div", { style: { color: Qo(i), wordBreak: "break-all" }, children: i }, a)) })
+    /* @__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 Ls({
+function Us({
   connectionState: t,
   error: e,
   isReady: n,
@@ -3375,17 +3375,17 @@ function Ls({
   // 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: l,
-  renderConnecting: f,
+  renderConnecting: d,
   renderConnectingSlow: h,
   renderConnected: p,
-  renderOffline: y,
+  renderOffline: m,
   renderError: c
 }) {
-  const u = v(!1), m = (() => {
+  const u = A(!1), y = (() => {
     switch (t) {
       case "waitingForExternalConnectUrl":
       case "connecting":
-        return r ? h() : f();
+        return r ? h() : d();
       case "connected":
       case "reconnecting": {
         if (!n || !o || !s) return null;
@@ -3402,7 +3402,7 @@ function Ls({
       case "offline": {
         u.current = !1;
         const g = e ?? i?.lastError?.message ?? null;
-        return g ? c(g) : y();
+        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.
@@ -3411,11 +3411,11 @@ function Ls({
     }
   })();
   return /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
-    m,
+    y,
     /* @__PURE__ */ S.jsx(Jt, { state: t })
   ] });
 }
-const Te = ne("useIkonApp");
+const ke = ne("useIkonApp");
 function es() {
   if (typeof window < "u" && window.__IKON_AUTH_CONFIG__)
     return window.__IKON_AUTH_CONFIG__;
@@ -3424,30 +3424,30 @@ function ts() {
   if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__)
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function Ms(t) {
-  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: l, webtransport: f, proxy: h } = t, p = e === void 0 ? es() ?? null : e, y = ts(), c = Ho(), u = v(null), m = v(null), g = v(null), b = v(!1), w = v(!1), A = v(o), R = v(r), O = v(s), M = v(i), Q = v(a), re = v(l), q = v(f), _ = v(h);
-  A.current = o, R.current = r, O.current = s, M.current = i, Q.current = a, re.current = l, q.current = f, _.current = h;
-  const [N, $] = L("connecting"), [V, B] = L(!1), [K, Y] = L(null), [be, we] = L(null), [Se, Ee] = L(!1), [d, E] = L(null), [k, x] = L(null), ee = v(!1), [ce, P] = L(0), U = W(() => {
+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 I = hn();
-      return (I.sessionId || I.channelKey) && pn(), I;
+      const O = hn();
+      return (O.sessionId || O.channelKey) && pn(), O;
     } catch {
       return { parameters: {} };
     }
-  }, []), X = W(() => p?.enabled ? Vt() : null, [p?.enabled, ce]), le = y?.enabled ?? !1, Pe = y?.host ?? "localhost", Le = y?.port ?? 8443;
-  !le && st() && p && !p.enabled && p.spaceId && !k && !ee.current && (ee.current = !0, ge(p.authUrl).then((I) => Kt(p.spaceId, I)).then((I) => {
-    x(I.token);
-  }).catch((I) => {
-    Te.error("Anonymous auth failed:", I), Y(I instanceof Error ? I.message : "Anonymous auth failed"), ee.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 Me = W(() => {
-    if (le) {
-      const I = X?.token ? mn(X.token) ?? void 0 : void 0;
+    if (ue) {
+      const O = X?.token ? mn(X.token) ?? void 0 : void 0;
       return {
         local: {
           host: Pe,
           httpsPort: Le,
-          userId: I,
+          userId: O,
           token: X?.token ?? void 0,
           spaceId: p?.spaceId,
           backendUrl: p?.backendUrl,
@@ -3460,21 +3460,21 @@ function Ms(t) {
       sessionToken: {
         token: X.token,
         spaceId: p.spaceId,
-        backendType: it(),
+        backendType: st(),
         sessionId: U.sessionId,
         channelKey: U.channelKey,
         parameters: U.parameters
       }
-    } : k && p?.spaceId ? {
+    } : C && p?.spaceId ? {
       sessionToken: {
-        token: k,
+        token: C,
         spaceId: p.spaceId,
-        backendType: it(),
+        backendType: st(),
         sessionId: U.sessionId,
         channelKey: U.channelKey,
         parameters: U.parameters
       }
-    } : st() ? null : {
+    } : ot() ? null : {
       local: {
         host: Pe,
         httpsPort: Le,
@@ -3484,89 +3484,90 @@ function Ms(t) {
         parameters: U.parameters
       }
     };
-  }, [le, Pe, Le, X?.token, p?.spaceId, p?.backendUrl, p?.authUrl, k, U.sessionId, U.channelKey, U.parameters]);
-  Dr(d);
-  const Qt = Br(d);
-  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 = Or(), n)
-        for (const I of n)
-          I(g.current);
-      g.current.loadRegisteredModules().catch((I) => {
-        Te.error("Failed to load UI modules", I);
+        for (const O of n)
+          O(g.current);
+      g.current.loadRegisteredModules().catch((O) => {
+        ke.error("Failed to load UI modules", O);
       });
     }
-  }, []), C(() => {
+  }, []), _(() => {
     if (!Me) return;
-    const I = new gn({
+    const O = new gn({
       ...Me,
-      timeouts: R.current,
-      audio: M.current !== void 0 || A.current ? {
+      timeouts: E.current,
+      audio: M.current !== void 0 || v.current ? {
         enabled: M.current,
-        ...A.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
+        ...v.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
       } : void 0,
       video: Q.current !== void 0 ? { enabled: Q.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
-      webRtc: O.current === !1 ? { enabled: !1 } : void 0,
+      webRtc: T.current === !1 ? { enabled: !1 } : void 0,
       websocket: re.current,
       webtransport: q.current,
-      proxy: _.current,
-      onConnectionStateChange: (G) => {
-        $(G);
+      proxy: I.current,
+      onConnectionStateChange: (Y) => {
+        $(Y);
       },
-      onError: (G) => {
-        Y(G.message);
+      onError: (Y) => {
+        G(Y.message);
       }
     });
-    u.current = I;
-    const J = new Dn({ client: I });
-    return m.current = J, E(J), I.connect().catch((G) => {
-      if (Te.error("Connection failed:", G), G instanceof yn) {
-        we(G.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;
       }
-      if (G instanceof bn) {
-        Ee(!0);
+      if (Y instanceof bn) {
+        ve(!0);
         return;
       }
-      G instanceof wn && !w.current && (w.current = !0, Te.warn("Auth session appears stale, clearing and retrying"), c ? c.logout() : (Oe(), P((nn) => nn + 1)));
+      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)));
     }), () => {
-      I.disconnect(), u.current = null, J.dispose(), m.current = null;
+      O.disconnect(), u.current = null, J.dispose(), y.current = null;
     };
   }, [Me]);
-  const en = D((I, J) => {
-    const G = typeof J == "string" ? J : JSON.stringify(J ?? {});
-    u.current?.sendActionCall(I, G);
+  const en = D((O, J) => {
+    const Y = typeof J == "string" ? J : JSON.stringify(J ?? {});
+    u.current?.sendActionCall(O, Y);
   }, []);
-  C(() => {
-    if (N !== "connecting") {
+  _(() => {
+    if (x !== "connecting") {
       B(!1);
       return;
     }
-    const I = u.current?.slowConnectionThresholdMs ?? 5e3, J = setTimeout(() => B(!0), I);
+    const O = u.current?.slowConnectionThresholdMs ?? 5e3, J = setTimeout(() => B(!0), O);
     return () => clearTimeout(J);
-  }, [N]);
-  const tn = N === "connected" || N === "reconnecting";
+  }, [x]);
+  const tn = x === "connected" || x === "reconnecting";
   return {
-    connectionState: N,
+    connectionState: x,
     error: K,
-    accessDeniedReason: be,
-    isServerFull: Se,
+    accessDeniedReason: we,
+    isServerFull: Ee,
     stores: Qt,
     client: u.current,
     registry: g.current,
     clientRef: u,
-    uiRef: m,
+    uiRef: y,
     registryRef: g,
     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 Us(t) {
-  const e = v(!1);
+function Ds(t) {
+  const e = A(!1);
   return D(() => {
     if (e.current) return;
     e.current = !0;
@@ -3576,26 +3577,26 @@ function Us(t) {
 }
 let ns = 0;
 function rs(t = 5, e = 5e3) {
-  const [n, r] = L([]), o = v(/* @__PURE__ */ new Map()), s = D((i) => {
+  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((l) => l.filter((f) => f.id !== i));
+    a && (clearTimeout(a), o.current.delete(i)), r((l) => l.filter((d) => d.id !== i));
   }, []);
-  return C(() => {
-    const i = o.current, a = Ot(
+  return _(() => {
+    const i = o.current, a = It(
       (l) => {
-        if (!Nt())
+        if (!Ot())
           return;
-        const f = `toast-${++ns}`, h = l.level === We.ERROR ? "error" : "warn", p = {
-          id: f,
+        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, p].slice(-t));
-        const y = setTimeout(() => {
-          s(f);
+        const m = setTimeout(() => {
+          s(d);
         }, e);
-        i.set(f, y);
+        i.set(d, m);
       },
       { minLevel: We.WARN }
     );
@@ -3608,8 +3609,8 @@ function rs(t = 5, e = 5e3) {
   }, [t, e, s]), { toasts: n, dismissToast: s };
 }
 function os(t, e, n) {
-  const [r, o] = L(n);
-  return C(() => {
+  const [r, o] = N(n);
+  return _(() => {
     if (!t)
       return;
     let s = !0, i = null;
@@ -3624,9 +3625,9 @@ function os(t, e, n) {
     };
   }, [t, e]), r;
 }
-function js(t, e, n) {
-  const [r, o] = L(null);
-  return C(() => {
+function $s(t, e, n) {
+  const [r, o] = N(null);
+  return _(() => {
     if (!t)
       return;
     let s = !0;
@@ -3639,7 +3640,7 @@ function js(t, e, n) {
     };
   }, [t, e]), os(r ? t : null, r ?? "", n);
 }
-const ke = ne("IkonDebug"), ss = {
+const ie = ne("IkonDebug"), ss = {
   Digit1: "connecting",
   Digit2: "connected",
   Digit3: "reconnecting",
@@ -3648,47 +3649,55 @@ const ke = ne("IkonDebug"), ss = {
   Digit0: "clear"
 }, 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 = Nt(), [n, r] = L(null), [o, s] = L(!1), [i, a] = L(null), [l, f] = L(null), [h, p] = L(!1);
-  return C(() => {
+  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 = (u) => {
-      if (!u.ctrlKey || !u.shiftKey)
+    const b = (w) => {
+      if (!w.ctrlKey || !w.shiftKey)
+        return;
+      if (w.code === "KeyE") {
+        w.preventDefault(), p((T) => (ie.warn(`Empty-stores override: ${T ? "off" : "on"}`), !T));
         return;
-      if (u.code === "KeyE") {
-        u.preventDefault(), p((b) => (ke.warn(`Empty-stores override: ${b ? "off" : "on"}`), !b));
+      }
+      if (w.code === "Digit7") {
+        w.preventDefault(), c((T) => (ie.warn(`Branding-banner override: ${T ? "off" : "on"}`), !T));
+        return;
+      }
+      if (w.code === "Digit8") {
+        w.preventDefault(), y((T) => (ie.warn(`Debug-overlay override: ${T ? "off" : "on"}`), !T));
         return;
       }
-      if (u.code === as) {
-        u.preventDefault(), f(ls), r(null), a(null), ke.warn("Forced access denied");
+      if (w.code === as) {
+        w.preventDefault(), d(ls), r(null), a(null), ie.warn("Forced access denied");
         return;
       }
-      const m = ss[u.code];
-      if (m === void 0)
+      const v = ss[w.code];
+      if (v === void 0)
         return;
-      if (u.preventDefault(), m === "clear") {
-        r(null), a(null), f(null), ke.warn("Cleared forced state");
+      if (w.preventDefault(), v === "clear") {
+        r(null), a(null), d(null), ie.warn("Cleared forced state");
         return;
       }
-      const g = u.code === is;
-      r(m), a(g ? cs : null), f(null), ke.warn(`Forced state: ${m}${g ? " (with error)" : ""}`);
+      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), us);
-    return () => clearTimeout(c);
-  }, [n]), !e || n === null && !h && l === 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: h ? /* @__PURE__ */ new Map() : t.stores,
     accessDeniedReason: l ?? t.accessDeniedReason
-  }, forcedState: n, emptyStores: h, forcedError: i, forcedAccessDenied: l, debugEnabled: e };
+  }, forcedState: n, emptyStores: h, forcedError: i, forcedAccessDenied: l, forcedBranding: m, forcedDebugOverlay: u, debugEnabled: e };
 }
 function fs(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
@@ -3702,46 +3711,81 @@ function ps(t, e) {
 function ms(t, e) {
   return t === void 0 ? null : typeof t == "function" ? t(e) : t;
 }
-function Ds(t) {
-  const { connectingOverlay: e, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: o, ...s } = t, { app: i } = ds(s), { connectionState: a, isConnectingSlow: l, stores: f, registry: h, client: p, onAction: y, isReady: c, error: u, accessDeniedReason: m } = i, g = v(null);
-  if (c && f && h && (g.current = { stores: f, registry: h, client: p }), m)
-    return ms(o, m);
-  const b = g.current;
-  let w = 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":
-      w = fs(e, l);
+      T = fs(e, d);
       break;
     case "reconnecting":
-      w = hs(n);
+      T = hs(n);
       break;
     case "offline":
-      w = ps(r, u);
+      T = ps(r, y);
       break;
     default:
-      w = null;
+      T = null;
   }
   return /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
-    b && /* @__PURE__ */ S.jsx(
-      xt,
+    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
       }
     ),
-    w,
-    /* @__PURE__ */ S.jsx(gs, {}),
-    /* @__PURE__ */ S.jsx(Jt, { state: a })
+    T,
+    w && /* @__PURE__ */ S.jsx(ys, {}),
+    /* @__PURE__ */ S.jsx(bs, {}),
+    /* @__PURE__ */ S.jsx(Jt, { state: l, forceVisible: i.forcedDebugOverlay })
   ] });
 }
-function gs() {
+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 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(ys, { toast: n, onDismiss: e }, n.id)) });
+  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 ys({ toast: t, onDismiss: e }) {
+function ws({ toast: t, onDismiss: e }) {
   return /* @__PURE__ */ S.jsxs(
     "div",
     {
@@ -3762,31 +3806,31 @@ function ys({ toast: t, onDismiss: e }) {
     }
   );
 }
-const Zt = _t(null);
-function bs(t, e) {
+const Zt = Ct(null);
+function Ss(t, e) {
   return e ? t.replace(/\{(\w+)\}/g, (n, r) => e[r] ?? `{${r}}`) : t;
 }
-function ws(t, e) {
+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 Ss(t, e, n) {
-  return e ? ws(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 $s({
+function Fs({
   children: t,
   translations: e,
   defaultLanguage: n,
   detectLanguage: r = !1
 }) {
-  const o = Object.keys(e), s = Ss(o, r, n), i = e[s] ?? e.en, a = W(
+  const o = Object.keys(e), s = vs(o, r, n), i = e[s] ?? e.en, a = W(
     () => ({
-      t: (l, f) => {
+      t: (l, d) => {
         const h = i[l];
-        return bs(h, f);
+        return Ss(h, d);
       },
       locale: s,
       translations: i
@@ -3795,77 +3839,77 @@ function $s({
   );
   return /* @__PURE__ */ S.jsx(Zt, { value: a, children: t });
 }
-function Bs() {
-  const t = Qe(Zt);
+function Vs() {
+  const t = Ze(Zt);
   if (!t)
     throw new Error("useI18n must be used within an I18nProvider");
   return t;
 }
 export {
-  xs as AuthProvider,
-  Ls as ConnectionStateRenderer,
-  Je as DEBUG_OVERLAY_ENABLED,
+  Ls as AuthProvider,
+  Us as ConnectionStateRenderer,
+  Xt as DEBUG_OVERLAY_ENABLED,
   Jt as DebugOverlay,
-  $s as I18nProvider,
+  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,
-  Ye as IKON_UI_STREAM_CATEGORY,
+  Ge as IKON_UI_STREAM_CATEGORY,
   sr as IKON_UI_VIDEO_CANVAS_TYPE,
   ir as IKON_UI_VIDEO_URL_PLAYER_TYPE,
-  Ds as IkonApp,
+  Bs as IkonApp,
   Dn as IkonUi,
   Ir as IkonUiRegistry,
-  xt as IkonUiSurface,
+  Nt as IkonUiSurface,
   Mn as InspectOverlay,
-  Cs as ParallaxView,
+  Is as ParallaxView,
   Ln as UiComponentRegistry,
   Pn as UiRenderer,
-  Ws as UiStreamStore,
-  _s as areIkonUiModuleListsEqual,
-  Kt as authenticateAnonymous,
+  Gs as UiStreamStore,
+  Os as areIkonUiModuleListsEqual,
+  Wt as authenticateAnonymous,
   Mo as buildOAuthRedirectUrl,
   Oe as clearAuthSession,
-  Tt as clearOAuthParams,
+  At as clearOAuthParams,
   Jn as createBaseResolvers,
-  Ts as createComponentLibrary,
+  Cs as createComponentLibrary,
   Or as createIkonUiRegistry,
   cr as createMediaResolvers,
   Tr as createShadertoyRendererResolver,
   jn as isIkonUiCategoryMatch,
-  Vt as loadAuthSession,
+  Ft as loadAuthSession,
   Qn as loadBaseModule,
   dr as loadMediaModule,
   Cr as loadShadertoyModule,
   ro as normalizeIkonUiModuleList,
-  Os as parseIkonUiInitPayload,
+  xs as parseIkonUiInitPayload,
   Po as parseOAuthCallback,
   Lo as parseOAuthError,
-  Ys as randomUuid,
+  zs as randomUuid,
   oo as readIkonUiModules,
-  Is as readIkonUiModulesFromSources,
+  Ns as readIkonUiModulesFromSources,
   er as registerBaseModule,
   fr as registerMediaModule,
   _r as registerShadertoyModule,
   Nn as renderChildren,
-  Ns as renderMotionLetters,
-  ye as saveAuthSession,
+  Ps as renderMotionLetters,
+  be as saveAuthSession,
   No as sendLoginCode,
   se as sessionToUser,
   Xo as useAuth,
-  Ps as useAuthGuard,
+  Ms as useAuthGuard,
   Ho as useAuthOptional,
-  Bs as useI18n,
-  Ms as useIkonApp,
+  Vs as useI18n,
+  js as useIkonApp,
   ds as useIkonDebug,
   os as useIkonReactive,
   Dr as useIkonStyles,
   Br as useIkonUiStores,
-  Us as useLazyFont,
-  js as useReactive,
+  Ds as useLazyFont,
+  $s as useReactive,
   rs as useToasts,
   Z as useUiNode,
-  ks as useUiStore,
+  _s as useUiStore,
   xo as verifyLoginCode
 };