@ikonai/sdk-react-ui 1.0.23 → 1.0.26

package/index.js

@@ -1,8 +1,8 @@
 import { IkonUiCore as kt, UiStreamStore as Ct } from "@ikonai/sdk-ui";
 import { UiStreamStore as Co } from "@ikonai/sdk-ui";
-import It, { useSyncExternalStore as Ue, useMemo as V, memo as K, useRef as A, useCallback as F, Fragment as Ot, useEffect as D, useState as H, createContext as lt, use as xe } from "react";
+import It, { useSyncExternalStore as Ue, useMemo as $, memo as V, useRef as T, useCallback as x, Fragment as Ot, useEffect as L, useState as G, createContext as lt, use as xe } from "react";
 import { createLogger as pe, getOrCreateDeviceId as _t, deriveAuthUrl as Oe, parseUrlParams as Nt, clearSessionParamsFromUrl as Pt, isCloudEnvironment as Ke, extractUserIdFromToken as jt, deriveBackendType as Ye, IkonClient as Mt, subscribeToLogEvents as Lt, isDebugModeEnabled as Ut, LogLevel as We } from "@ikonai/sdk";
-var le = { exports: {} }, ee = {};
+var le = { exports: {} }, re = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -14,7 +14,7 @@ var le = { exports: {} }, ee = {};
  */
 var ze;
 function xt() {
-  if (ze) return ee;
+  if (ze) return re;
   ze = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function r(n, o, s) {
@@ -32,9 +32,9 @@ function xt() {
       props: s
     };
   }
-  return ee.Fragment = e, ee.jsx = r, ee.jsxs = r, ee;
+  return re.Fragment = e, re.jsx = r, re.jsxs = r, re;
 }
-var te = {};
+var ne = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -47,241 +47,241 @@ var te = {};
 var qe;
 function Dt() {
   return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(l) {
-      if (l == null) return null;
-      if (typeof l == "function")
-        return l.$$typeof === _ ? null : l.displayName || l.name || null;
-      if (typeof l == "string") return l;
-      switch (l) {
+    function t(d) {
+      if (d == null) return null;
+      if (typeof d == "function")
+        return d.$$typeof === F ? null : d.displayName || d.name || null;
+      if (typeof d == "string") return d;
+      switch (d) {
         case S:
           return "Fragment";
-        case g:
+        case p:
           return "Profiler";
         case m:
           return "StrictMode";
-        case P:
+        case D:
           return "Suspense";
-        case q:
+        case z:
           return "SuspenseList";
-        case E:
+        case I:
           return "Activity";
       }
-      if (typeof l == "object")
-        switch (typeof l.tag == "number" && console.error(
+      if (typeof d == "object")
+        switch (typeof d.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), l.$$typeof) {
+        ), d.$$typeof) {
           case y:
             return "Portal";
-          case T:
-            return (l.displayName || "Context") + ".Provider";
-          case w:
-            return (l._context.displayName || "Context") + ".Consumer";
-          case O:
-            var b = l.render;
-            return l = l.displayName, l || (l = b.displayName || b.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case J:
-            return b = l.displayName || null, b !== null ? b : t(l.type) || "Memo";
           case k:
-            b = l._payload, l = l._init;
+            return (d.displayName || "Context") + ".Provider";
+          case v:
+            return (d._context.displayName || "Context") + ".Consumer";
+          case _:
+            var w = d.render;
+            return d = d.displayName, d || (d = w.displayName || w.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+          case H:
+            return w = d.displayName || null, w !== null ? w : t(d.type) || "Memo";
+          case C:
+            w = d._payload, d = d._init;
             try {
-              return t(l(b));
+              return t(d(w));
             } catch {
             }
         }
       return null;
     }
-    function e(l) {
-      return "" + l;
+    function e(d) {
+      return "" + d;
     }
-    function r(l) {
+    function r(d) {
       try {
-        e(l);
-        var b = !1;
+        e(d);
+        var w = !1;
       } catch {
-        b = !0;
+        w = !0;
       }
-      if (b) {
-        b = console;
-        var C = b.error, U = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return C.call(
-          b,
+      if (w) {
+        w = console;
+        var b = w.error, R = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        return b.call(
+          w,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          U
-        ), e(l);
+          R
+        ), e(d);
       }
     }
-    function n(l) {
-      if (l === S) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === k)
+    function n(d) {
+      if (d === S) return "<>";
+      if (typeof d == "object" && d !== null && d.$$typeof === C)
         return "<...>";
       try {
-        var b = t(l);
-        return b ? "<" + b + ">" : "<...>";
+        var w = t(d);
+        return w ? "<" + w + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var l = N.A;
-      return l === null ? null : l.getOwner();
+      var d = N.A;
+      return d === null ? null : d.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function i(l) {
-      if (M.call(l, "key")) {
-        var b = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (b && b.isReactWarning) return !1;
+    function i(d) {
+      if (U.call(d, "key")) {
+        var w = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (w && w.isReactWarning) return !1;
       }
-      return l.key !== void 0;
+      return d.key !== void 0;
     }
-    function a(l, b) {
-      function C() {
-        ae || (ae = !0, console.error(
+    function a(d, w) {
+      function b() {
+        J || (J = !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)",
-          b
+          w
         ));
       }
-      C.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: C,
+      b.isReactWarning = !0, Object.defineProperty(d, "key", {
+        get: b,
         configurable: !0
       });
     }
     function c() {
-      var l = t(this.type);
-      return ce[l] || (ce[l] = !0, console.error(
+      var d = t(this.type);
+      return X[d] || (X[d] = !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."
-      )), l = this.props.ref, l !== void 0 ? l : null;
+      )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function f(l, b, C, U, G, Y, Se, be) {
-      return C = Y.ref, l = {
-        $$typeof: p,
-        type: l,
-        key: b,
+    function f(d, w, b, R, j, Y, Se, be) {
+      return b = Y.ref, d = {
+        $$typeof: g,
+        type: d,
+        key: w,
         props: Y,
-        _owner: G
-      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(l, "ref", {
+        _owner: j
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
+      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(l, "_debugInfo", {
+      }), Object.defineProperty(d, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(l, "_debugStack", {
+      }), Object.defineProperty(d, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Se
-      }), Object.defineProperty(l, "_debugTask", {
+      }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: be
-      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function u(l, b, C, U, G, Y, Se, be) {
-      var x = b.children;
-      if (x !== void 0)
-        if (U)
-          if ($(x)) {
-            for (U = 0; U < x.length; U++)
-              h(x[U]);
-            Object.freeze && Object.freeze(x);
+    function u(d, w, b, R, j, Y, Se, be) {
+      var M = w.children;
+      if (M !== void 0)
+        if (R)
+          if (O(M)) {
+            for (R = 0; R < M.length; R++)
+              h(M[R]);
+            Object.freeze && Object.freeze(M);
           } 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 h(x);
-      if (M.call(b, "key")) {
-        x = t(l);
-        var Z = Object.keys(b).filter(function(Tt) {
+        else h(M);
+      if (U.call(w, "key")) {
+        M = t(d);
+        var ee = Object.keys(w).filter(function(Tt) {
           return Tt !== "key";
         });
-        U = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", L[x + U] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", ue[M + R] || (ee = 0 < ee.length ? "{" + ee.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} />`,
-          U,
-          x,
-          Z,
-          x
-        ), L[x + U] = !0);
+          R,
+          M,
+          ee,
+          M
+        ), ue[M + R] = !0);
       }
-      if (x = null, C !== void 0 && (r(C), x = "" + C), i(b) && (r(b.key), x = "" + b.key), "key" in b) {
-        C = {};
-        for (var we in b)
-          we !== "key" && (C[we] = b[we]);
-      } else C = b;
-      return x && a(
-        C,
-        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
+      if (M = null, b !== void 0 && (r(b), M = "" + b), i(w) && (r(w.key), M = "" + w.key), "key" in w) {
+        b = {};
+        for (var we in w)
+          we !== "key" && (b[we] = w[we]);
+      } else b = w;
+      return M && a(
+        b,
+        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
       ), f(
-        l,
-        x,
+        d,
+        M,
         Y,
-        G,
+        j,
         o(),
-        C,
+        b,
         Se,
         be
       );
     }
-    function h(l) {
-      typeof l == "object" && l !== null && l.$$typeof === p && l._store && (l._store.validated = 1);
+    function h(d) {
+      typeof d == "object" && d !== null && d.$$typeof === g && d._store && (d._store.validated = 1);
     }
-    var d = It, p = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), _ = Symbol.for("react.client.reference"), N = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, $ = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var l = It, g = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), k = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), N = l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, O = Array.isArray, K = console.createTask ? console.createTask : function() {
       return null;
     };
-    d = {
-      "react-stack-bottom-frame": function(l) {
-        return l();
+    l = {
+      "react-stack-bottom-frame": function(d) {
+        return d();
       }
     };
-    var ae, ce = {}, ue = d["react-stack-bottom-frame"].bind(
-      d,
+    var J, X = {}, Z = l["react-stack-bottom-frame"].bind(
+      l,
       s
-    )(), I = X(n(s)), L = {};
-    te.Fragment = S, te.jsx = function(l, b, C, U, G) {
+    )(), Q = K(n(s)), ue = {};
+    ne.Fragment = S, ne.jsx = function(d, w, b, R, j) {
       var Y = 1e4 > N.recentlyCreatedOwnerStacks++;
       return u(
-        l,
+        d,
+        w,
         b,
-        C,
         !1,
-        U,
-        G,
-        Y ? Error("react-stack-top-frame") : ue,
-        Y ? X(n(l)) : I
+        R,
+        j,
+        Y ? Error("react-stack-top-frame") : Z,
+        Y ? K(n(d)) : Q
       );
-    }, te.jsxs = function(l, b, C, U, G) {
+    }, ne.jsxs = function(d, w, b, R, j) {
       var Y = 1e4 > N.recentlyCreatedOwnerStacks++;
       return u(
-        l,
+        d,
+        w,
         b,
-        C,
         !0,
-        U,
-        G,
-        Y ? Error("react-stack-top-frame") : ue,
-        Y ? X(n(l)) : I
+        R,
+        j,
+        Y ? Error("react-stack-top-frame") : Z,
+        Y ? K(n(d)) : Q
       );
     };
-  }()), te;
+  }()), ne;
 }
 var Ge;
 function Ft() {
   return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? le.exports = xt() : le.exports = Dt()), le.exports;
 }
-var R = Ft();
+var A = Ft();
 function Bt(t, e) {
   const r = Ue(
     (n) => t.subscribe(n),
@@ -294,7 +294,7 @@ function Bt(t, e) {
       return `${o ?? ""}:${s?.id ?? ""}`;
     }
   );
-  return V(() => {
+  return $(() => {
     const [n, o] = r.split(":");
     return {
       rootViewId: n || void 0,
@@ -302,13 +302,13 @@ function Bt(t, e) {
     };
   }, [r]);
 }
-function z(t, e) {
+function q(t, e) {
   const r = Ue(
     (n) => t.subscribeNode(e, n),
     () => t.getNodeVersion(e),
     () => t.getNodeVersion(e)
   );
-  return V(() => t.getNode(e), [t, e, r]);
+  return $(() => t.getNode(e), [t, e, r]);
 }
 const $t = pe("UIRenderer");
 function Vt(t) {
@@ -341,41 +341,41 @@ function zt(t) {
     e += "," + t[r].id;
   return e;
 }
-const _e = K(function t({ nodeId: e, context: r }) {
-  const n = z(r.store, e), o = n ? Yt(n) : [], s = zt(o), i = V(
-    () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ R.jsx(t, { nodeId: h.id, context: r }, h.id)),
+const _e = V(function t({ nodeId: e, context: r }) {
+  const n = q(r.store, e), o = n ? Yt(n) : [], s = zt(o), i = $(
+    () => o.length === 0 ? null : o.map((h) => /* @__PURE__ */ A.jsx(t, { nodeId: h.id, context: r }, h.id)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s, r]
   );
   if (!n)
     return null;
   if (n.type === "root")
-    return /* @__PURE__ */ R.jsx(Ot, { children: i }, n.id);
+    return /* @__PURE__ */ A.jsx(Ot, { children: i }, n.id);
   const a = r.library.resolve(n);
   if (!a)
     return $t.warn(`No renderer for node type ${n.type}`), null;
   const c = Kt(n), f = c.length > 0 ? c.join(" ") : void 0, u = a;
-  return /* @__PURE__ */ R.jsx(u, { nodeId: e, context: r, className: f });
+  return /* @__PURE__ */ A.jsx(u, { nodeId: e, context: r, className: f });
 }, Wt);
 function qt(t, e) {
-  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ R.jsx(_e, { nodeId: r.id, context: e }, r.id));
+  return !Array.isArray(t) || t.length === 0 ? null : t.map((r) => /* @__PURE__ */ A.jsx(_e, { nodeId: r.id, context: e }, r.id));
 }
 function Gt(t, e) {
   return t.store === e.store && t.library === e.library && t.viewId === e.viewId && t.emptyFallback === e.emptyFallback;
 }
-const Ht = K(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
-  const { rootViewId: c, rootNodeId: f } = Bt(e, n), u = A(s);
+const Ht = V(function({ store: e, library: r, viewId: n, emptyFallback: o = null, onAction: s, client: i, video: a }) {
+  const { rootViewId: c, rootNodeId: f } = Bt(e, n), u = T(s);
   u.current = s;
-  const h = A(i);
+  const h = T(i);
   h.current = i;
-  const d = A(a);
-  d.current = a;
-  const p = F((S, m) => {
+  const l = T(a);
+  l.current = a;
+  const g = x((S, m) => {
     if (!S)
       return;
-    const g = Vt(m);
-    u.current?.(S, g);
-  }, []), y = V(() => {
+    const p = Vt(m);
+    u.current?.(S, p);
+  }, []), y = $(() => {
     const S = {
       store: e,
       library: r,
@@ -384,21 +384,21 @@ const Ht = K(function({ store: e, library: r, viewId: n, emptyFallback: o = null
       getPayload: (m) => e.getSnapshot().payloads.get(m),
       renderChildren: (m) => qt(m, S),
       renderView: (m) => {
-        const g = e.getSnapshot().views.get(m);
-        return g ? /* @__PURE__ */ R.jsx(_e, { nodeId: g.id, context: S }) : null;
+        const p = e.getSnapshot().views.get(m);
+        return p ? /* @__PURE__ */ A.jsx(_e, { nodeId: p.id, context: S }) : null;
       },
-      dispatchAction: p,
+      dispatchAction: g,
       // Access client/video via refs to avoid context recreation
       get client() {
         return h.current;
       },
       get video() {
-        return d.current;
+        return l.current;
       }
     };
     return S;
-  }, [e, r, p]);
-  return !c || !f ? o : /* @__PURE__ */ R.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ R.jsx(_e, { nodeId: f, context: y }) });
+  }, [e, r, g]);
+  return !c || !f ? o : /* @__PURE__ */ A.jsx("div", { "data-ikon-view-id": c, style: { display: "contents" }, children: /* @__PURE__ */ A.jsx(_e, { nodeId: f, context: y }) });
 }, Gt);
 class Jt {
   constructor(e, r) {
@@ -432,24 +432,24 @@ const Ne = "ikon-ui";
 function Xt(t, e) {
   return t === e;
 }
-const uo = K(function({ stores: e, registry: r, category: n = Ne, onAction: o, client: s }) {
-  const i = V(() => Array.from(e.keys()).sort().join(","), [e]), a = A(o);
+const uo = V(function({ stores: e, registry: r, category: n = Ne, onAction: o, client: s }) {
+  const i = $(() => Array.from(e.keys()).sort().join(","), [e]), a = T(o);
   a.current = o;
-  const c = A(s);
+  const c = T(s);
   c.current = s;
-  const f = V(
+  const f = $(
     () => {
       const u = [];
-      for (const [h, d] of e) {
-        const p = d.store.getSnapshot();
-        Xt(d.category, n) && (!p.rootViewId || !p.views.has(p.rootViewId) || u.push({ key: h, store: d.store }));
+      for (const [h, l] of e) {
+        const g = l.store.getSnapshot();
+        Xt(l.category, n) && (!g.rootViewId || !g.views.has(g.rootViewId) || u.push({ key: h, store: l.store }));
       }
       return u;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, n, i]
   );
-  return f.length === 0 ? null : /* @__PURE__ */ R.jsx(R.Fragment, { children: f.map(({ key: u, store: h }) => /* @__PURE__ */ R.jsx(Ht, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, u)) });
+  return f.length === 0 ? null : /* @__PURE__ */ A.jsx(A.Fragment, { children: f.map(({ key: u, store: h }) => /* @__PURE__ */ A.jsx(Ht, { store: h, library: r, onAction: a.current, client: c.current, video: c.current?.media?.video }, u)) });
 });
 class Zt {
   core;
@@ -532,7 +532,7 @@ function Qt(t) {
     return e.length > 0 ? e : void 0;
   }
 }
-function ie(t) {
+function ce(t) {
   if (typeof t == "string") {
     const e = t.trim();
     return e.length > 0 ? e : void 0;
@@ -564,45 +564,45 @@ function Fe(t) {
   return He.set(t, r), r;
 }
 function tr() {
-  const t = K(function({ nodeId: r, context: n }) {
-    const o = z(n.store, r), s = A(null), i = ie(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = ie(o?.props?.key), u = o?.props?.preciseGeneratedAt;
-    return D(() => {
+  const t = V(function({ nodeId: r, context: n }) {
+    const o = q(n.store, r), s = T(null), i = ce(o?.props?.targetViewId), a = o?.props?.focusOnly, c = typeof a == "boolean" ? a : void 0, f = ce(o?.props?.key), u = o?.props?.preciseGeneratedAt;
+    return L(() => {
       if (typeof document > "u")
         return;
-      const d = s.current;
-      if (!d || i && d.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
+      const l = s.current;
+      if (!l || i && l.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i)
         return;
-      const p = c !== !0;
-      if (p) {
-        const g = ((w) => {
-          let T = w.parentElement;
-          for (; T; ) {
-            const P = window.getComputedStyle(T).overflowY;
-            if (P === "auto" || P === "scroll" || T.hasAttribute("data-radix-scroll-area-viewport"))
-              return T;
-            T = T.parentElement;
+      const g = c !== !0;
+      if (g) {
+        const p = ((v) => {
+          let k = v.parentElement;
+          for (; k; ) {
+            const D = window.getComputedStyle(k).overflowY;
+            if (D === "auto" || D === "scroll" || k.hasAttribute("data-radix-scroll-area-viewport"))
+              return k;
+            k = k.parentElement;
           }
           return null;
-        })(d);
-        g ? requestAnimationFrame(() => {
-          const w = g.getBoundingClientRect(), T = d.getBoundingClientRect(), O = g.scrollTop + (T.bottom - w.bottom) + 16;
-          "scrollBehavior" in document.documentElement.style ? g.scrollTo({ top: O, behavior: "smooth" }) : g.scrollTop = O;
-        }) : typeof d.scrollIntoView == "function" && requestAnimationFrame(() => {
+        })(l);
+        p ? requestAnimationFrame(() => {
+          const v = p.getBoundingClientRect(), k = l.getBoundingClientRect(), _ = p.scrollTop + (k.bottom - v.bottom) + 16;
+          "scrollBehavior" in document.documentElement.style ? p.scrollTo({ top: _, behavior: "smooth" }) : p.scrollTop = _;
+        }) : typeof l.scrollIntoView == "function" && requestAnimationFrame(() => {
           try {
-            d.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
+            l.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
           } catch {
-            d.scrollIntoView(!1);
+            l.scrollIntoView(!1);
           }
         });
       }
       const y = document.activeElement;
-      if (!(y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement || y?.getAttribute("contenteditable") === "true") && typeof d.focus == "function")
+      if (!(y instanceof HTMLInputElement || y instanceof HTMLTextAreaElement || y?.getAttribute("contenteditable") === "true") && typeof l.focus == "function")
         try {
-          d.focus({ preventScroll: !p });
+          l.focus({ preventScroll: !g });
         } catch {
-          d.focus();
+          l.focus();
         }
-    }, [c, i, f, u]), o ? /* @__PURE__ */ R.jsx(
+    }, [c, i, f, u]), o ? /* @__PURE__ */ A.jsx(
       "span",
       {
         ref: s,
@@ -620,16 +620,16 @@ function tr() {
   };
 }
 function rr() {
-  const t = K(function({ nodeId: r, context: n, className: o }) {
-    const s = z(n.store, r), i = Qt(s?.props?.onInvokeId), a = F(() => {
+  const t = V(function({ nodeId: r, context: n, className: o }) {
+    const s = q(n.store, r), i = Qt(s?.props?.onInvokeId), a = x(() => {
       i && n.dispatchAction(i);
     }, [i, n]);
     if (!s)
       return null;
     const c = Fe(s.props);
     delete c.onInvokeId;
-    const f = De(ie(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx(
+    const f = De(ce(s.props?.className), o), u = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ A.jsx(
       "div",
       {
         ...c,
@@ -647,12 +647,12 @@ function rr() {
   };
 }
 function nr() {
-  const t = K(function({ nodeId: r, context: n, className: o }) {
-    const s = z(n.store, r);
+  const t = V(function({ nodeId: r, context: n, className: o }) {
+    const s = q(n.store, r);
     if (!s)
       return null;
-    const i = Fe(s.props), a = De("relative", ie(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    const i = Fe(s.props), a = De("relative", ce(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ A.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.stack")
@@ -660,12 +660,12 @@ function nr() {
   };
 }
 function or() {
-  const t = K(function({ nodeId: r, context: n, className: o }) {
-    const s = z(n.store, r);
+  const t = V(function({ nodeId: r, context: n, className: o }) {
+    const s = q(n.store, r);
     if (!s)
       return null;
-    const i = Fe(s.props), a = De("absolute", ie(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
+    const i = Fe(s.props), a = De("absolute", ce(s.props?.className), o), c = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ A.jsx("div", { ...i, "data-ikon-node-id": s.id, className: a, children: c });
   });
   return ({ type: e }) => {
     if (e === "std.layer")
@@ -717,16 +717,16 @@ function de(t) {
 }
 const dr = "std.audio-url-player";
 function fr() {
-  const t = K(function({
+  const t = V(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = z(n.store, r);
+    const s = q(n.store, r);
     if (!s)
       return null;
-    const i = lr(ur(s.props?.className), o), a = Je(s.props?.src), c = Je(s.props?.preload), f = de(s.props?.controls), u = de(s.props?.autoplay), h = de(s.props?.loop), d = de(s.props?.muted);
-    return /* @__PURE__ */ R.jsx(
+    const i = lr(ur(s.props?.className), o), a = Je(s.props?.src), c = Je(s.props?.preload), f = de(s.props?.controls), u = de(s.props?.autoplay), h = de(s.props?.loop), l = de(s.props?.muted);
+    return /* @__PURE__ */ A.jsx(
       "audio",
       {
         src: a,
@@ -734,7 +734,7 @@ function fr() {
         ...f !== void 0 ? { controls: f } : {},
         ...u !== void 0 ? { autoPlay: u } : {},
         ...h !== void 0 ? { loop: h } : {},
-        ...d !== void 0 ? { muted: d } : {},
+        ...l !== void 0 ? { muted: l } : {},
         "data-ikon-node-id": s.id,
         className: i
       }
@@ -778,21 +778,21 @@ function Pe(t) {
 }
 const hr = "std.video-canvas", mr = "std.video-url-player";
 function pr() {
-  const t = K(function({ nodeId: r, context: n, className: o }) {
-    const s = z(n.store, r), i = A(null), a = A(null), c = n.video, f = n.client, u = s ? Pe(s.props?.streamId) : void 0, h = s ? fe(s.props?.width) : void 0, d = s ? fe(s.props?.height) : void 0, p = s ? ft(dt(s.props?.className), o) : o, y = f?.isWebRtcEnabled && u ? f.getWebRtcVideoStreamByStreamId(u) : null;
-    return D(() => {
+  const t = V(function({ nodeId: r, context: n, className: o }) {
+    const s = q(n.store, r), i = T(null), a = T(null), c = n.video, f = n.client, u = s ? Pe(s.props?.streamId) : void 0, h = s ? fe(s.props?.width) : void 0, l = s ? fe(s.props?.height) : void 0, g = s ? ft(dt(s.props?.className), o) : o, y = f?.isWebRtcEnabled && u ? f.getWebRtcVideoStreamByStreamId(u) : null;
+    return L(() => {
       const S = i.current;
       if (!(!c || !S || !u || y))
         return c.attachCanvas(u, S), () => {
           c.detachCanvas(u);
         };
-    }, [c, u, y]), D(() => {
+    }, [c, u, y]), L(() => {
       const S = a.current;
       if (!(!S || !y))
         return S.srcObject = y, () => {
           S.srcObject = null;
         };
-    }, [y]), s ? y ? /* @__PURE__ */ R.jsx(
+    }, [y]), s ? y ? /* @__PURE__ */ A.jsx(
       "video",
       {
         ref: a,
@@ -801,20 +801,20 @@ function pr() {
         muted: !0,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": u,
-        className: p,
+        className: g,
         ...h ? { width: h } : {},
-        ...d ? { height: d } : {}
+        ...l ? { height: l } : {}
       },
       u
-    ) : /* @__PURE__ */ R.jsx(
+    ) : /* @__PURE__ */ A.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
         "data-ikon-video-stream-id": u,
-        className: p,
+        className: g,
         ...h ? { width: h } : {},
-        ...d ? { height: d } : {}
+        ...l ? { height: l } : {}
       },
       u
     ) : null;
@@ -827,7 +827,7 @@ function pr() {
 function gr() {
   return [pr(), yr(), fr()];
 }
-function re(t) {
+function oe(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -837,16 +837,16 @@ function re(t) {
   }
 }
 function yr() {
-  const t = K(function({
+  const t = V(function({
     nodeId: r,
     context: n,
     className: o
   }) {
-    const s = z(n.store, r);
+    const s = q(n.store, r);
     if (!s)
       return null;
-    const i = ft(dt(s.props?.className), o), a = Pe(s.props?.src), c = Pe(s.props?.poster), f = re(s.props?.controls), u = re(s.props?.autoplay), h = re(s.props?.loop), d = re(s.props?.muted), p = re(s.props?.playsInline), y = fe(s.props?.width), S = fe(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
-    return /* @__PURE__ */ R.jsx(
+    const i = ft(dt(s.props?.className), o), a = Pe(s.props?.src), c = Pe(s.props?.poster), f = oe(s.props?.controls), u = oe(s.props?.autoplay), h = oe(s.props?.loop), l = oe(s.props?.muted), g = oe(s.props?.playsInline), y = fe(s.props?.width), S = fe(s.props?.height), m = s.children?.length ? n.renderChildren(s.children) : void 0;
+    return /* @__PURE__ */ A.jsx(
       "video",
       {
         src: a,
@@ -854,8 +854,8 @@ function yr() {
         ...f !== void 0 ? { controls: f } : {},
         ...u !== void 0 ? { autoPlay: u } : {},
         ...h !== void 0 ? { loop: h } : {},
-        ...d !== void 0 ? { muted: d } : {},
-        ...p !== void 0 ? { playsInline: p } : {},
+        ...l !== void 0 ? { muted: l } : {},
+        ...g !== void 0 ? { playsInline: g } : {},
         ...y ? { width: y } : {},
         ...S ? { height: S } : {},
         "data-ikon-node-id": s.id,
@@ -1021,12 +1021,12 @@ class Ar {
     u && e.uniform1f(u, a);
     const h = this.uniformLocations.get("iFrame");
     h && e.uniform1i(h, this.frameCount);
-    const d = this.uniformLocations.get("iMouse");
-    d && e.uniform4f(d, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
-    const p = this.uniformLocations.get("iDate");
-    if (p) {
+    const l = this.uniformLocations.get("iMouse");
+    l && e.uniform4f(l, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
+    const g = this.uniformLocations.get("iDate");
+    if (g) {
       const y = /* @__PURE__ */ new Date();
-      e.uniform4f(p, y.getFullYear(), y.getMonth(), y.getDate(), y.getHours() * 3600 + y.getMinutes() * 60 + y.getSeconds() + y.getMilliseconds() / 1e3);
+      e.uniform4f(g, y.getFullYear(), y.getMonth(), y.getDate(), y.getHours() * 3600 + y.getMinutes() * 60 + y.getSeconds() + y.getMilliseconds() / 1e3);
     }
     for (const [y, S] of Object.entries(this.customUniforms)) {
       const m = this.uniformLocations.get(y);
@@ -1036,18 +1036,18 @@ class Ar {
             e.uniform1f(m, S.value);
             break;
           case "vec2": {
-            const g = S.value;
-            e.uniform2f(m, g[0], g[1]);
+            const p = S.value;
+            e.uniform2f(m, p[0], p[1]);
             break;
           }
           case "vec3": {
-            const g = S.value;
-            e.uniform3f(m, g[0], g[1], g[2]);
+            const p = S.value;
+            e.uniform3f(m, p[0], p[1], p[2]);
             break;
           }
           case "vec4": {
-            const g = S.value;
-            e.uniform4f(m, g[0], g[1], g[2], g[3]);
+            const p = S.value;
+            e.uniform4f(m, p[0], p[1], p[2], p[3]);
             break;
           }
           case "int":
@@ -1143,83 +1143,83 @@ function _r(t, e) {
 }
 const Nr = "std.shadertoy-canvas";
 function Pr() {
-  const t = K(function({ nodeId: r, context: n, className: o }) {
-    const s = z(n.store, r), i = A(null), a = A(null), c = A(null), f = A(0), u = A(""), h = A({}), d = A({
+  const t = V(function({ nodeId: r, context: n, className: o }) {
+    const s = q(n.store, r), i = T(null), a = T(null), c = T(null), f = T(0), u = T(""), h = T({}), l = T({
       x: 0,
       y: 0,
       clickX: 0,
       clickY: 0,
       isDown: !1
-    }), p = s ? Cr(s.props?.shaderSource) : "", y = s ? ve(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, m = V(() => Or(S), [S]), g = s ? Ir(s.props?.enableMouse) ?? !0 : !0, w = s ? ve(s.props?.width) : void 0, T = s ? ve(s.props?.height) : void 0, O = s ? kr(Tr(s.props?.className), o) : o;
-    D(() => {
-      const k = i.current;
-      if (k) {
+    }), g = s ? Cr(s.props?.shaderSource) : "", y = s ? ve(s.props?.fps) ?? 60 : 60, S = s?.props?.uniforms, m = $(() => Or(S), [S]), p = s ? Ir(s.props?.enableMouse) ?? !0 : !0, v = s ? ve(s.props?.width) : void 0, k = s ? ve(s.props?.height) : void 0, _ = s ? kr(Tr(s.props?.className), o) : o;
+    L(() => {
+      const C = i.current;
+      if (C) {
         try {
-          const E = new Ar(k);
-          a.current = E;
-        } catch (E) {
-          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", E);
+          const I = new Ar(C);
+          a.current = I;
+        } catch (I) {
+          console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", I);
         }
         return () => {
           a.current && (a.current.destroy(), a.current = null);
         };
       }
-    }, []), D(() => {
-      const k = a.current;
-      if (!(!k || !p) && u.current !== p)
-        if (k.compile(p, m))
-          u.current = p, h.current = m;
+    }, []), L(() => {
+      const C = a.current;
+      if (!(!C || !g) && u.current !== g)
+        if (C.compile(g, m))
+          u.current = g, h.current = m;
         else {
-          const _ = k.getError();
-          console.error("[ShadertoyRenderer] Shader compilation failed:", _);
+          const F = C.getError();
+          console.error("[ShadertoyRenderer] Shader compilation failed:", F);
         }
-    }, [p, m]), D(() => {
-      const k = a.current;
-      !k || !u.current || _r(h.current, m) || (k.setCustomUniforms(m), h.current = m);
-    }, [m]), D(() => {
-      const k = a.current;
-      if (!k || !u.current) return;
-      const E = 1e3 / y, _ = (N) => {
-        const M = N - f.current;
-        M >= E && (f.current = N - M % E, k.draw()), c.current = requestAnimationFrame(_);
+    }, [g, m]), L(() => {
+      const C = a.current;
+      !C || !u.current || _r(h.current, m) || (C.setCustomUniforms(m), h.current = m);
+    }, [m]), L(() => {
+      const C = a.current;
+      if (!C || !u.current) return;
+      const I = 1e3 / y, F = (N) => {
+        const U = N - f.current;
+        U >= I && (f.current = N - U % I, C.draw()), c.current = requestAnimationFrame(F);
       };
-      return c.current = requestAnimationFrame(_), () => {
+      return c.current = requestAnimationFrame(F), () => {
         c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       };
     }, [y]);
-    const P = F(
-      (k) => {
-        if (!g) return;
-        const E = i.current, _ = a.current;
-        if (!E || !_) return;
-        const N = E.getBoundingClientRect(), M = k.clientX - N.left, $ = N.height - (k.clientY - N.top);
-        d.current.x = M, d.current.y = $, _.setMouse(M, $, d.current.clickX, d.current.clickY);
+    const D = x(
+      (C) => {
+        if (!p) return;
+        const I = i.current, F = a.current;
+        if (!I || !F) return;
+        const N = I.getBoundingClientRect(), U = C.clientX - N.left, O = N.height - (C.clientY - N.top);
+        l.current.x = U, l.current.y = O, F.setMouse(U, O, l.current.clickX, l.current.clickY);
       },
-      [g]
-    ), q = F(
-      (k) => {
-        if (!g) return;
-        const E = i.current, _ = a.current;
-        if (!E || !_) return;
-        const N = E.getBoundingClientRect(), M = k.clientX - N.left, $ = N.height - (k.clientY - N.top);
-        d.current.isDown = !0, d.current.clickX = M, d.current.clickY = $, _.setMouse(M, $, M, $);
+      [p]
+    ), z = x(
+      (C) => {
+        if (!p) return;
+        const I = i.current, F = a.current;
+        if (!I || !F) return;
+        const N = I.getBoundingClientRect(), U = C.clientX - N.left, O = N.height - (C.clientY - N.top);
+        l.current.isDown = !0, l.current.clickX = U, l.current.clickY = O, F.setMouse(U, O, U, O);
       },
-      [g]
-    ), J = F(() => {
-      g && (d.current.isDown = !1, d.current.clickX = -Math.abs(d.current.clickX));
-    }, [g]);
-    return s ? /* @__PURE__ */ R.jsx(
+      [p]
+    ), H = x(() => {
+      p && (l.current.isDown = !1, l.current.clickX = -Math.abs(l.current.clickX));
+    }, [p]);
+    return s ? /* @__PURE__ */ A.jsx(
       "canvas",
       {
         ref: i,
         "data-ikon-node-id": s.id,
-        className: O,
-        ...w ? { width: w } : {},
-        ...T ? { height: T } : {},
-        onMouseMove: P,
-        onMouseDown: q,
-        onMouseUp: J,
-        onMouseLeave: J
+        className: _,
+        ...v ? { width: v } : {},
+        ...k ? { height: k } : {},
+        onMouseMove: D,
+        onMouseDown: z,
+        onMouseUp: H,
+        onMouseLeave: H
       }
     ) : null;
   });
@@ -1346,37 +1346,37 @@ function et(t) {
 }
 function tt(t, e, r, n) {
   const u = new Float32Array(11);
-  function h(m, g, w) {
-    return ((3 * g - 3 * w + 1) * m + (3 * w - 6 * g)) * m * m + 3 * g * m;
-  }
-  function d(m, g, w) {
-    return 3 * (3 * g - 3 * w + 1) * m * m + 2 * (3 * w - 6 * g) * m + 3 * g;
-  }
-  function p(m, g) {
-    for (let w = 0; w < 4; w += 1) {
-      const T = d(g, t, r);
-      if (T === 0)
-        return g;
-      const O = h(g, t, r) - m;
-      g -= O / T;
+  function h(m, p, v) {
+    return ((3 * p - 3 * v + 1) * m + (3 * v - 6 * p)) * m * m + 3 * p * m;
+  }
+  function l(m, p, v) {
+    return 3 * (3 * p - 3 * v + 1) * m * m + 2 * (3 * v - 6 * p) * m + 3 * p;
+  }
+  function g(m, p) {
+    for (let v = 0; v < 4; v += 1) {
+      const k = l(p, t, r);
+      if (k === 0)
+        return p;
+      const _ = h(p, t, r) - m;
+      p -= _ / k;
     }
-    return g;
+    return p;
   }
-  function y(m, g, w) {
-    let T = 0, O = 0, P = 0;
+  function y(m, p, v) {
+    let k = 0, _ = 0, D = 0;
     do
-      O = g + (w - g) / 2, T = h(O, t, r) - m, T > 0 ? w = O : g = O;
-    while (Math.abs(T) > 1e-7 && ++P < 10);
-    return O;
+      _ = p + (v - p) / 2, k = h(_, t, r) - m, k > 0 ? v = _ : p = _;
+    while (Math.abs(k) > 1e-7 && ++D < 10);
+    return _;
   }
   function S(m) {
-    let g = 0, w = 1;
-    const T = 10;
-    for (; w !== T && u[w] <= m; w += 1)
-      g += 0.1;
-    w -= 1;
-    const O = (m - u[w]) / (u[w + 1] - u[w]), P = g + O * 0.1, q = d(P, t, r);
-    return q >= 1e-3 ? p(m, P) : q === 0 ? P : y(m, g, g + 0.1);
+    let p = 0, v = 1;
+    const k = 10;
+    for (; v !== k && u[v] <= m; v += 1)
+      p += 0.1;
+    v -= 1;
+    const _ = (m - u[v]) / (u[v + 1] - u[v]), D = p + _ * 0.1, z = l(D, t, r);
+    return z >= 1e-3 ? g(m, D) : z === 0 ? D : y(m, p, p + 0.1);
   }
   for (let m = 0; m < 11; m += 1)
     u[m] = h(m * 0.1, t, r);
@@ -1682,7 +1682,7 @@ class Yr {
 }
 const Ee = new Yr();
 function Wr(t) {
-  const e = A(/* @__PURE__ */ new Map()), r = F(({ styleId: s, css: i, common: a }) => {
+  const e = T(/* @__PURE__ */ new Map()), r = x(({ styleId: s, css: i, common: a }) => {
     if (!(!s || typeof document > "u")) {
       if (i) {
         let c = e.current.get(s);
@@ -1690,13 +1690,13 @@ function Wr(t) {
       }
       Ee.registerStyle(s, a);
     }
-  }, []), n = F((s) => {
+  }, []), n = x((s) => {
     if (!(typeof document > "u"))
       for (const i of s) {
         const a = e.current.get(i);
         a && (a.remove(), e.current.delete(i)), Ee.unregisterStyle(i);
       }
-  }, []), o = F(() => {
+  }, []), o = x(() => {
     if (typeof document < "u") {
       for (const s of e.current.values())
         s.remove();
@@ -1704,7 +1704,7 @@ function Wr(t) {
     }
     Ee.reset();
   }, []);
-  return D(() => {
+  return L(() => {
     if (!t) return;
     for (const a of t.getUiStyles())
       r(a);
@@ -1712,7 +1712,7 @@ function Wr(t) {
     return () => {
       s?.(), i?.(), o();
     };
-  }, [t, o, r, n]), D(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
+  }, [t, o, r, n]), L(() => () => o(), [o]), { setStyle: r, deleteStyles: n, reset: o };
 }
 function zr(t) {
   const e = [];
@@ -1723,8 +1723,8 @@ function zr(t) {
   return e.sort(), e.join(",");
 }
 function qr(t) {
-  const [e, r] = H(), n = A("");
-  return D(() => {
+  const [e, r] = G(), n = T("");
+  return L(() => {
     if (!t) {
       r(void 0), n.current = "";
       return;
@@ -1736,16 +1736,16 @@ function qr(t) {
     return o(), t.subscribe(o);
   }, [t]), e;
 }
-var Gr = typeof global == "object" && global && global.Object === Object && global, Hr = typeof self == "object" && self && self.Object === Object && self, Jr = Gr || Hr || Function("return this")(), he = Jr.Symbol, ht = Object.prototype, Xr = ht.hasOwnProperty, Zr = ht.toString, ne = he ? he.toStringTag : void 0;
+var Gr = typeof global == "object" && global && global.Object === Object && global, Hr = typeof self == "object" && self && self.Object === Object && self, Jr = Gr || Hr || Function("return this")(), he = Jr.Symbol, ht = Object.prototype, Xr = ht.hasOwnProperty, Zr = ht.toString, se = he ? he.toStringTag : void 0;
 function Qr(t) {
-  var e = Xr.call(t, ne), r = t[ne];
+  var e = Xr.call(t, se), r = t[se];
   try {
-    t[ne] = void 0;
+    t[se] = void 0;
     var n = !0;
   } catch {
   }
   var o = Zr.call(t);
-  return n && (e ? t[ne] = r : delete t[ne]), o;
+  return n && (e ? t[se] = r : delete t[se]), o;
 }
 var en = Object.prototype, tn = en.toString;
 function rn(t) {
@@ -1828,11 +1828,11 @@ function ho(t) {
     const h = f[u];
     if (typeof h != "string")
       continue;
-    const d = h.trim();
-    if (!d)
+    const l = h.trim();
+    if (!l)
       continue;
-    const p = Object.keys(f).find((S) => S.toLowerCase() === "javascript"), y = p ? f[p] : void 0;
-    typeof y == "string" && s.set(d, y), i.has(d) || (o.push(d), i.add(d));
+    const g = Object.keys(f).find((S) => S.toLowerCase() === "javascript"), y = g ? f[g] : void 0;
+    typeof y == "string" && s.set(l, y), i.has(l) || (o.push(l), i.add(l));
   }
   if (!o.length && s.size === 0)
     return { modules: [] };
@@ -1842,7 +1842,7 @@ function ho(t) {
   }));
   return a.length > 0 ? { modules: o, inlineModules: a } : { modules: o };
 }
-const v = {
+const E = {
   None: 0,
   Letter: 1,
   Word: 2,
@@ -1851,7 +1851,7 @@ const v = {
   Emoji: 16
 }, hn = [
   {
-    flag: v.Letter,
+    flag: E.Letter,
     hints: [
       "[data-motion-letter]",
       "[data-letter]",
@@ -1860,7 +1860,7 @@ const v = {
     ]
   },
   {
-    flag: v.Word,
+    flag: E.Word,
     hints: [
       "[data-motion-word]",
       "[data-word]",
@@ -1869,7 +1869,7 @@ const v = {
     ]
   },
   {
-    flag: v.Line,
+    flag: E.Line,
     hints: [
       "[data-motion-line]",
       "[data-line]",
@@ -1878,7 +1878,7 @@ const v = {
     ]
   },
   {
-    flag: v.Paragraph,
+    flag: E.Paragraph,
     hints: [
       "[data-motion-paragraph]",
       "[data-paragraph]",
@@ -1889,7 +1889,7 @@ const v = {
     ]
   },
   {
-    flag: v.Emoji,
+    flag: E.Emoji,
     hints: [
       ":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
       "[data-motion-emoji]",
@@ -1898,17 +1898,17 @@ const v = {
       "[data-emoji]"
     ]
   }
-], Me = v.Letter | v.Word | v.Line | v.Paragraph | v.Emoji, mn = v.Letter | v.Word | v.Line | v.Paragraph, ot = /* @__PURE__ */ new Map(), pn = 16384;
+], Me = E.Letter | E.Word | E.Line | E.Paragraph | E.Emoji, mn = E.Letter | E.Word | E.Line | E.Paragraph, ot = /* @__PURE__ */ new Map(), pn = 16384;
 function mo(t, e) {
   if (!t || t.length > pn)
     return t;
-  const r = Pn(e), n = Q(r, v.Emoji), o = r & mn;
-  if (o === v.None && !n)
+  const r = Pn(e), n = te(r, E.Emoji), o = r & mn;
+  if (o === E.None && !n)
     return t;
   const s = t.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
-  if (o === v.None)
+  if (o === E.None)
     return ct(s);
   const i = _n(s);
   if (i.length === 0)
@@ -1926,10 +1926,10 @@ function gn(t, e, r) {
     const s = yn(o, e, r);
     n.push(...s);
   }
-  if (Q(e, v.Paragraph)) {
+  if (te(e, E.Paragraph)) {
     const o = r.paragraph++;
     return [
-      /* @__PURE__ */ R.jsx(
+      /* @__PURE__ */ A.jsx(
         "span",
         {
           "data-motion-paragraph": !0,
@@ -1944,21 +1944,21 @@ function gn(t, e, r) {
 }
 function yn(t, e, r) {
   const n = Sn(t.text, e, r), o = [];
-  if (Q(e, v.Line)) {
+  if (te(e, E.Line)) {
     const s = r.line++;
     o.push(
-      /* @__PURE__ */ R.jsx("span", { "data-motion-line": !0, style: ge(s), children: n }, `motion-line-${s}`)
+      /* @__PURE__ */ A.jsx("span", { "data-motion-line": !0, style: ge(s), children: n }, `motion-line-${s}`)
     );
   } else
     o.push(...n);
   for (let s = 0; s < t.breaks; s++)
-    o.push(/* @__PURE__ */ R.jsx("br", {}, `motion-break-${r.br++}`));
+    o.push(/* @__PURE__ */ A.jsx("br", {}, `motion-break-${r.br++}`));
   return o;
 }
 function Sn(t, e, r) {
   if (!t)
     return [];
-  const n = Q(e, v.Word), o = [], s = /(\s+)/g;
+  const n = te(e, E.Word), o = [], s = /(\s+)/g;
   let i = 0, a;
   for (; (a = s.exec(t)) !== null; ) {
     if (a.index > i) {
@@ -1975,7 +1975,7 @@ function Sn(t, e, r) {
 }
 function st(t, e, r, n) {
   const o = e.word++, s = wn(t, r, e), i = `motion-word-${o}`, a = bn(o, n);
-  return n ? /* @__PURE__ */ R.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ R.jsx("span", { style: a, children: s }, i);
+  return n ? /* @__PURE__ */ A.jsx("span", { "data-motion-word": !0, style: a, children: s }, i) : /* @__PURE__ */ A.jsx("span", { style: a, children: s }, i);
 }
 function bn(t, e) {
   return e ? { ...ge(t), whiteSpace: "nowrap" } : { whiteSpace: "nowrap" };
@@ -1983,7 +1983,7 @@ function bn(t, e) {
 function wn(t, e, r) {
   if (!t)
     return [];
-  const n = Q(e, v.Letter), o = Q(e, v.Emoji);
+  const n = te(e, E.Letter), o = te(e, E.Emoji);
   if (!n) {
     if (!o)
       return [t];
@@ -1999,13 +1999,13 @@ function wn(t, e, r) {
     if (a === `
 `) {
       s.push(
-        /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: u, children: /* @__PURE__ */ R.jsx("br", {}) }, f)
+        /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: u, children: /* @__PURE__ */ A.jsx("br", {}) }, f)
       );
       continue;
     }
-    const d = o && mt(a) ? { "data-motion-emoji": !0 } : void 0, p = a === " " ? " " : a;
+    const l = o && mt(a) ? { "data-motion-emoji": !0 } : void 0, g = a === " " ? " " : a;
     s.push(
-      /* @__PURE__ */ R.jsx("span", { "data-motion-letter": !0, style: u, ...d, children: p }, f)
+      /* @__PURE__ */ A.jsx("span", { "data-motion-letter": !0, style: u, ...l, children: g }, f)
     );
   }
   return s;
@@ -2016,9 +2016,9 @@ function Le(t) {
   const e = vn();
   return e ? Array.from(e.segment(t), (r) => r.segment) : Rn(t);
 }
-let oe;
+let ie;
 function vn() {
-  return oe !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? oe = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : oe = null), oe;
+  return ie !== void 0 || (typeof Intl < "u" && typeof Intl.Segmenter == "function" ? ie = new Intl.Segmenter(void 0, { granularity: "grapheme" }) : ie = null), ie;
 }
 function Rn(t) {
   const e = [], r = Array.from(t);
@@ -2107,7 +2107,7 @@ function Nn(t) {
     r.push(n), n.breaks >= 2 && (e.push(r), r = []);
   return r.length > 0 && e.push(r), e;
 }
-function Q(t, e) {
+function te(t, e) {
   return (t & e) === e;
 }
 function ge(t) {
@@ -2147,7 +2147,7 @@ function pt(t, e) {
       o = !0, i();
       const f = `motion-emoji-${e ? e.emoji++ : s++}`;
       r.push(
-        /* @__PURE__ */ R.jsx("span", { "data-motion-emoji": !0, children: a }, f)
+        /* @__PURE__ */ A.jsx("span", { "data-motion-emoji": !0, children: a }, f)
       );
       continue;
     }
@@ -2157,22 +2157,22 @@ function pt(t, e) {
 }
 function Pn(t) {
   if (!t)
-    return v.None;
+    return E.None;
   const e = t.trim();
   if (!e)
-    return v.None;
+    return E.None;
   const r = ot.get(e);
   if (typeof r == "number")
     return r;
   if (typeof document > "u")
-    return v.None;
+    return E.None;
   const n = e.split(/\s+/).filter(Boolean);
   if (n.length === 0)
-    return v.None;
+    return E.None;
   const s = n.map((c) => `.${jn(c)}`).map(
     (c) => new RegExp(`(^|[^a-zA-Z0-9_-])${Mn(c)}(?![a-zA-Z0-9_-])`)
   );
-  let i = v.None, a = !1;
+  let i = E.None, a = !1;
   for (const c of Array.from(document.styleSheets)) {
     let f;
     try {
@@ -2185,12 +2185,12 @@ function Pn(t) {
       break;
     a ||= u.sawStyleRule;
   }
-  return (i !== v.None || a) && ot.set(e, i), i;
+  return (i !== E.None || a) && ot.set(e, i), i;
 }
 function gt(t, e) {
   if (!t)
-    return { mask: v.None, sawStyleRule: !1 };
-  let r = v.None, n = !1;
+    return { mask: E.None, sawStyleRule: !1 };
+  let r = E.None, n = !1;
   for (let o = 0; o < t.length; o++) {
     const s = t[o];
     if (s) {
@@ -2243,7 +2243,7 @@ function St() {
     console.warn("Failed to clear auth session from localStorage");
   }
 }
-function se(t) {
+function ae(t) {
   return {
     id: "",
     provider: t.provider,
@@ -2393,7 +2393,7 @@ function vt(t) {
     t === "localhost" || /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i.test(t)
   );
 }
-class j extends Error {
+class P extends Error {
   constructor({ message: e, code: r, cause: n, name: o }) {
     super(e, { cause: n }), Object.defineProperty(this, "code", {
       enumerable: !0,
@@ -2409,14 +2409,14 @@ function Yn({ error: t, options: e }) {
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
-      return new j({
+      return new P({
         message: "Registration ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else if (t.name === "ConstraintError") {
     if (r.authenticatorSelection?.requireResidentKey === !0)
-      return new j({
+      return new P({
         message: "Discoverable credentials were required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_DISCOVERABLE_CREDENTIAL_SUPPORT",
         cause: t
@@ -2425,36 +2425,36 @@ function Yn({ error: t, options: e }) {
       // @ts-ignore: `mediation` doesn't yet exist on CredentialCreationOptions but it's possible as of Sept 2024
       e.mediation === "conditional" && r.authenticatorSelection?.userVerification === "required"
     )
-      return new j({
+      return new P({
         message: "User verification was required during automatic registration but it could not be performed",
         code: "ERROR_AUTO_REGISTER_USER_VERIFICATION_FAILURE",
         cause: t
       });
     if (r.authenticatorSelection?.userVerification === "required")
-      return new j({
+      return new P({
         message: "User verification was required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_USER_VERIFICATION_SUPPORT",
         cause: t
       });
   } else {
     if (t.name === "InvalidStateError")
-      return new j({
+      return new P({
         message: "The authenticator was previously registered",
         code: "ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED",
         cause: t
       });
     if (t.name === "NotAllowedError")
-      return new j({
+      return new P({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
       });
     if (t.name === "NotSupportedError")
-      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new j({
+      return r.pubKeyCredParams.filter((o) => o.type === "public-key").length === 0 ? new P({
         message: 'No entry in pubKeyCredParams was of type "public-key"',
         code: "ERROR_MALFORMED_PUBKEYCREDPARAMS",
         cause: t
-      }) : new j({
+      }) : new P({
         message: "No available authenticator supported any of the specified pubKeyCredParams algorithms",
         code: "ERROR_AUTHENTICATOR_NO_SUPPORTED_PUBKEYCREDPARAMS_ALG",
         cause: t
@@ -2463,25 +2463,25 @@ function Yn({ error: t, options: e }) {
       const n = globalThis.location.hostname;
       if (vt(n)) {
         if (r.rp.id !== n)
-          return new j({
+          return new P({
             message: `The RP ID "${r.rp.id}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new j({
+      } else return new P({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "TypeError") {
       if (r.user.id.byteLength < 1 || r.user.id.byteLength > 64)
-        return new j({
+        return new P({
           message: "User ID was not between 1 and 64 characters",
           code: "ERROR_INVALID_USER_ID_LENGTH",
           cause: t
         });
     } else if (t.name === "UnknownError")
-      return new j({
+      return new P({
         message: "The authenticator was unable to process the specified options, or could not create a new credential",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2551,18 +2551,18 @@ async function qn(t) {
     } catch (y) {
       ke("getPublicKeyAlgorithm()", y);
     }
-  let d;
+  let l;
   if (typeof c.getPublicKey == "function")
     try {
       const y = c.getPublicKey();
-      y !== null && (d = W(y));
+      y !== null && (l = W(y));
     } catch (y) {
       ke("getPublicKey()", y);
     }
-  let p;
+  let g;
   if (typeof c.getAuthenticatorData == "function")
     try {
-      p = W(c.getAuthenticatorData());
+      g = W(c.getAuthenticatorData());
     } catch (y) {
       ke("getAuthenticatorData()", y);
     }
@@ -2574,8 +2574,8 @@ async function qn(t) {
       clientDataJSON: W(c.clientDataJSON),
       transports: u,
       publicKeyAlgorithm: h,
-      publicKey: d,
-      authenticatorData: p
+      publicKey: l,
+      authenticatorData: g
     },
     type: f,
     clientExtensionResults: s.getClientExtensionResults(),
@@ -2601,14 +2601,14 @@ function Hn({ error: t, options: e }) {
     throw Error("options was missing required publicKey property");
   if (t.name === "AbortError") {
     if (e.signal instanceof AbortSignal)
-      return new j({
+      return new P({
         message: "Authentication ceremony was sent an abort signal",
         code: "ERROR_CEREMONY_ABORTED",
         cause: t
       });
   } else {
     if (t.name === "NotAllowedError")
-      return new j({
+      return new P({
         message: t.message,
         code: "ERROR_PASSTHROUGH_SEE_CAUSE_PROPERTY",
         cause: t
@@ -2617,18 +2617,18 @@ function Hn({ error: t, options: e }) {
       const n = globalThis.location.hostname;
       if (vt(n)) {
         if (r.rpId !== n)
-          return new j({
+          return new P({
             message: `The RP ID "${r.rpId}" is invalid for this domain`,
             code: "ERROR_INVALID_RP_ID",
             cause: t
           });
-      } else return new j({
+      } else return new P({
         message: `${globalThis.location.hostname} is an invalid domain`,
         code: "ERROR_INVALID_DOMAIN",
         cause: t
       });
     } else if (t.name === "UnknownError")
-      return new j({
+      return new P({
         message: "The authenticator was unable to process the specified options, or could not create a new assertion signature",
         code: "ERROR_AUTHENTICATOR_GENERAL_ERROR",
         cause: t
@@ -2659,21 +2659,21 @@ async function Jn(t) {
   let a;
   try {
     a = await navigator.credentials.get(i);
-  } catch (p) {
-    throw Hn({ error: p, options: i });
+  } catch (g) {
+    throw Hn({ error: g, options: i });
   }
   if (!a)
     throw new Error("Authentication was not completed");
   const { id: c, rawId: f, response: u, type: h } = a;
-  let d;
-  return u.userHandle && (d = W(u.userHandle)), {
+  let l;
+  return u.userHandle && (l = W(u.userHandle)), {
     id: c,
     rawId: W(f),
     response: {
       authenticatorData: W(u.authenticatorData),
       clientDataJSON: W(u.clientDataJSON),
       signature: W(u.signature),
-      userHandle: d
+      userHandle: l
     },
     type: h,
     clientExtensionResults: a.getClientExtensionResults(),
@@ -2682,13 +2682,13 @@ async function Jn(t) {
 }
 const Ve = lt(null);
 function go({ children: t, config: e }) {
-  const [r, n] = H({
+  const [r, n] = G({
     isAuthenticated: !1,
     isLoading: !0,
     user: null,
     error: null
   });
-  D(() => {
+  L(() => {
     (() => {
       const u = xn();
       if (u) {
@@ -2702,25 +2702,25 @@ function go({ children: t, config: e }) {
       }
       const h = Un();
       if (h) {
-        const p = {
+        const g = {
           token: h.token,
           provider: h.provider,
           authenticatedAt: Date.now()
         };
-        ye(p), ut(), n({
+        ye(g), ut(), n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: se(p),
+          user: ae(g),
           error: null
         });
         return;
       }
-      const d = yt();
-      if (d) {
+      const l = yt();
+      if (l) {
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: se(d),
+          user: ae(l),
           error: null
         });
         return;
@@ -2733,50 +2733,50 @@ function go({ children: t, config: e }) {
       });
     })();
   }, []);
-  const o = F(
+  const o = x(
     async (f) => {
       if (!e.spaceId) {
-        n((d) => ({
-          ...d,
+        n((l) => ({
+          ...l,
           error: "Space ID is not configured"
         }));
         return;
       }
       const u = e.authUrl ?? Oe();
       if (f === "guest") {
-        n((d) => ({ ...d, isLoading: !0 }));
+        n((l) => ({ ...l, isLoading: !0 }));
         try {
-          const d = await bt(e.spaceId, u);
+          const l = await bt(e.spaceId, u);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: se(d),
+            user: ae(l),
             error: null
           });
-        } catch (d) {
-          n((p) => ({
-            ...p,
+        } catch (l) {
+          n((g) => ({
+            ...g,
             isLoading: !1,
-            error: d instanceof Error ? d.message : "Guest login failed"
+            error: l instanceof Error ? l.message : "Guest login failed"
           }));
         }
         return;
       }
       if (f === "passkey") {
-        n((d) => ({ ...d, isLoading: !0, error: null }));
+        n((l) => ({ ...l, isLoading: !0, error: null }));
         try {
-          const d = await $n(u), p = await Jn({ optionsJSON: d }), y = await Vn(u, p);
+          const l = await $n(u), g = await Jn({ optionsJSON: l }), y = await Vn(u, g);
           n({
             isAuthenticated: !0,
             isLoading: !1,
-            user: se(y),
+            user: ae(y),
             error: null
           });
-        } catch (d) {
-          n((p) => ({
-            ...p,
+        } catch (l) {
+          n((g) => ({
+            ...g,
             isLoading: !1,
-            error: d instanceof Error ? d.message : "Passkey login failed"
+            error: l instanceof Error ? l.message : "Passkey login failed"
           }));
         }
         return;
@@ -2785,35 +2785,35 @@ function go({ children: t, config: e }) {
       window.location.href = h;
     },
     [e.authUrl, e.spaceId]
-  ), s = F(() => {
+  ), s = x(() => {
     St(), n({
       isAuthenticated: !1,
       isLoading: !1,
       user: null,
       error: null
     });
-  }, []), i = F(
+  }, []), i = x(
     async (f) => {
       const u = e.authUrl ?? Oe();
       n((h) => ({ ...h, isLoading: !0, error: null }));
       try {
-        const h = await Fn(u), d = await qn({ optionsJSON: h }), p = await Bn(u, d, f);
+        const h = await Fn(u), l = await qn({ optionsJSON: h }), g = await Bn(u, l, f);
         n({
           isAuthenticated: !0,
           isLoading: !1,
-          user: se(p),
+          user: ae(g),
           error: null
         });
       } catch (h) {
-        n((d) => ({
-          ...d,
+        n((l) => ({
+          ...l,
           isLoading: !1,
           error: h instanceof Error ? h.message : "Passkey registration failed"
         }));
       }
     },
     [e.authUrl]
-  ), a = F(() => r.user?.token ?? null, [r.user]), c = V(
+  ), a = x(() => r.user?.token ?? null, [r.user]), c = $(
     () => ({
       state: r,
       login: o,
@@ -2823,7 +2823,7 @@ function go({ children: t, config: e }) {
     }),
     [r, o, s, a, i]
   );
-  return /* @__PURE__ */ R.jsx(Ve, { value: c, children: t });
+  return /* @__PURE__ */ A.jsx(Ve, { value: c, children: t });
 }
 function Xn() {
   const t = xe(Ve);
@@ -2835,8 +2835,8 @@ function yo() {
   return xe(Ve);
 }
 function So(t) {
-  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Xn(), s = A(!1);
-  return D(() => {
+  const { config: e, guestUrlParam: r } = t, { state: n, login: o } = Xn(), s = T(!1);
+  return L(() => {
     if (!r || n.isAuthenticated || n.isLoading || s.current || !e.methods.includes("guest"))
       return;
     const i = new URLSearchParams(window.location.search), a = i.get(r);
@@ -2865,7 +2865,7 @@ function bo({
   renderConnectingSlow: f,
   renderConnected: u,
   renderOffline: h,
-  renderError: d
+  renderError: l
 }) {
   switch (t) {
     case "idle":
@@ -2886,7 +2886,7 @@ function bo({
     case "offline":
       return h();
     case "offlineError":
-      return d(e ?? s?.lastError?.message ?? null);
+      return l(e ?? s?.lastError?.message ?? null);
     default:
       return null;
   }
@@ -2901,122 +2901,126 @@ function Qn() {
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
 function wo(t) {
-  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s } = t, i = e === void 0 ? Zn() ?? null : e, a = Qn(), c = A(null), f = A(null), u = A(null), h = A(!1), d = A(o), p = A(n), y = A(s);
-  d.current = o, p.current = n, y.current = s;
-  const [S, m] = H("idle"), [g, w] = H(null), [T, O] = H(null), [P, q] = H(null), [J, k] = H(!1), E = V(() => {
+  const { authConfig: e, modules: r, timeouts: n, backgroundAudio: o, webRtc: s, audio: i, video: a } = t, c = e === void 0 ? Zn() ?? null : e, f = Qn(), u = T(null), h = T(null), l = T(null), g = T(!1), y = T(o), S = T(n), m = T(s), p = T(i), v = T(a);
+  y.current = o, S.current = n, m.current = s, p.current = i, v.current = a;
+  const [k, _] = G("idle"), [D, z] = G(null), [H, C] = G(null), [I, F] = G(null), [N, U] = G(!1), O = $(() => {
     try {
-      const I = Nt();
-      return (I.sessionId || I.channelKey) && Pt(), I;
+      const b = Nt();
+      return (b.sessionId || b.channelKey) && Pt(), b;
     } catch {
       return { parameters: {} };
     }
-  }, []), _ = V(() => i?.enabled ? yt() : null, [i?.enabled]), N = a?.enabled ?? !1, M = a?.host ?? "localhost", $ = a?.port ?? 8443;
-  D(() => {
-    !N && Ke() && i && !i.enabled && i.spaceId && !P && !J && (k(!0), bt(i.spaceId, i.authUrl ?? Oe()).then((L) => {
-      q(L.token);
-    }).catch((L) => {
-      Ie.error("Anonymous auth failed:", L), w(L instanceof Error ? L.message : "Anonymous auth failed");
+  }, []), K = $(() => c?.enabled ? yt() : null, [c?.enabled]), J = f?.enabled ?? !1, X = f?.host ?? "localhost", Z = f?.port ?? 8443;
+  L(() => {
+    !J && Ke() && c && !c.enabled && c.spaceId && !I && !N && (U(!0), bt(c.spaceId, c.authUrl ?? Oe()).then((R) => {
+      F(R.token);
+    }).catch((R) => {
+      Ie.error("Anonymous auth failed:", R), z(R instanceof Error ? R.message : "Anonymous auth failed");
     }).finally(() => {
-      k(!1);
+      U(!1);
     }));
-  }, [N, i, P, J]);
-  const X = V(() => {
-    if (N) {
-      const I = _?.token ? jt(_.token) ?? void 0 : void 0;
+  }, [J, c, I, N]);
+  const Q = $(() => {
+    if (J) {
+      const b = K?.token ? jt(K.token) ?? void 0 : void 0;
       return {
         local: {
-          host: M,
-          httpsPort: $,
-          userId: I,
-          token: _?.token ?? void 0,
-          spaceId: i?.spaceId,
-          parameters: E.parameters
+          host: X,
+          httpsPort: Z,
+          userId: b,
+          token: K?.token ?? void 0,
+          spaceId: c?.spaceId,
+          parameters: O.parameters
         }
       };
     }
-    return _?.token && i?.spaceId ? {
+    return K?.token && c?.spaceId ? {
       sessionToken: {
-        token: _.token,
-        spaceId: i.spaceId,
+        token: K.token,
+        spaceId: c.spaceId,
         backendType: Ye(),
-        sessionId: E.sessionId,
-        channelKey: E.channelKey,
-        parameters: E.parameters
+        sessionId: O.sessionId,
+        channelKey: O.channelKey,
+        parameters: O.parameters
       }
-    } : P && i?.spaceId ? {
+    } : I && c?.spaceId ? {
       sessionToken: {
-        token: P,
-        spaceId: i.spaceId,
+        token: I,
+        spaceId: c.spaceId,
         backendType: Ye(),
-        sessionId: E.sessionId,
-        channelKey: E.channelKey,
-        parameters: E.parameters
+        sessionId: O.sessionId,
+        channelKey: O.channelKey,
+        parameters: O.parameters
       }
     } : Ke() ? null : {
       local: {
-        host: M,
-        httpsPort: $,
-        spaceId: i?.spaceId,
-        parameters: E.parameters
+        host: X,
+        httpsPort: Z,
+        spaceId: c?.spaceId,
+        parameters: O.parameters
       }
     };
-  }, [N, M, $, _?.token, i?.spaceId, P, E.sessionId, E.channelKey, E.parameters]);
-  Wr(T);
-  const ae = qr(T);
-  D(() => {
-    if (!h.current) {
-      if (h.current = !0, u.current = xr(), r)
-        for (const I of r)
-          I(u.current);
-      u.current.loadRegisteredModules().catch((I) => {
-        Ie.error("Failed to load UI modules", I);
+  }, [J, X, Z, K?.token, c?.spaceId, I, O.sessionId, O.channelKey, O.parameters]);
+  Wr(H);
+  const ue = qr(H);
+  L(() => {
+    if (!g.current) {
+      if (g.current = !0, l.current = xr(), r)
+        for (const b of r)
+          b(l.current);
+      l.current.loadRegisteredModules().catch((b) => {
+        Ie.error("Failed to load UI modules", b);
       });
     }
-  }, []), D(() => {
-    if (!X) return;
-    const I = new Mt({
-      ...X,
-      timeouts: p.current,
-      audio: d.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : void 0,
+  }, []), L(() => {
+    if (!Q) return;
+    const b = new Mt({
+      ...Q,
+      timeouts: S.current,
+      audio: p.current !== void 0 || y.current ? {
+        enabled: p.current,
+        ...y.current ? { background: { allowOnDesktop: !0, allowOnMobile: !0 } } : {}
+      } : void 0,
+      video: v.current !== void 0 ? { enabled: v.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
-      webRtc: y.current ? { enabled: !0 } : void 0,
-      onConnectionStateChange: (l) => {
-        m(l);
+      webRtc: m.current ? { enabled: !0 } : void 0,
+      onConnectionStateChange: (j) => {
+        _(j);
       },
-      onError: (l) => {
-        w(l.message);
+      onError: (j) => {
+        z(j.message);
       }
     });
-    c.current = I;
-    const L = new Zt({ client: I });
-    return f.current = L, O(L), I.connect().catch((l) => {
-      Ie.error("Connection failed:", l);
+    u.current = b;
+    const R = new Zt({ client: b });
+    return h.current = R, C(R), b.connect().catch((j) => {
+      Ie.error("Connection failed:", j);
     }), () => {
-      I.disconnect(), c.current = null, L.dispose(), f.current = null;
+      b.disconnect(), u.current = null, R.dispose(), h.current = null;
     };
-  }, [X]);
-  const ce = F((I, L) => {
-    const l = typeof L == "string" ? L : JSON.stringify(L ?? {});
-    c.current?.sendActionCall(I, l);
-  }, []), ue = S === "connected" || S === "reconnecting";
+  }, [Q]);
+  const d = x((b, R) => {
+    const j = typeof R == "string" ? R : JSON.stringify(R ?? {});
+    u.current?.sendActionCall(b, j);
+  }, []), w = k === "connected" || k === "reconnecting";
   return {
-    connectionState: S,
-    error: g,
-    stores: ae,
-    client: c.current,
-    registry: u.current,
-    clientRef: c,
-    uiRef: f,
-    registryRef: u,
-    onAction: ce,
-    isReady: ue,
-    webRtcVideoStreams: c.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
-    webRtcTrackMap: c.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
+    connectionState: k,
+    error: D,
+    stores: ue,
+    client: u.current,
+    registry: l.current,
+    clientRef: u,
+    uiRef: h,
+    registryRef: l,
+    onAction: d,
+    isReady: w,
+    webRtcVideoStreams: u.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
+    webRtcTrackMap: u.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
   };
 }
 function vo(t) {
-  const e = A(!1);
-  return F(() => {
+  const e = T(!1);
+  return x(() => {
     if (e.current) return;
     e.current = !0;
     const r = document.createElement("link");
@@ -3025,11 +3029,11 @@ function vo(t) {
 }
 let eo = 0;
 function Ro(t = 5, e = 5e3) {
-  const [r, n] = H([]), o = A(/* @__PURE__ */ new Map()), s = F((i) => {
+  const [r, n] = G([]), o = T(/* @__PURE__ */ new Map()), s = x((i) => {
     const a = o.current.get(i);
     a && (clearTimeout(a), o.current.delete(i)), n((c) => c.filter((f) => f.id !== i));
   }, []);
-  return D(() => {
+  return L(() => {
     const i = o.current, a = Lt(
       (c) => {
         if (!Ut())
@@ -3040,11 +3044,11 @@ function Ro(t = 5, e = 5e3) {
           message: c.message,
           component: c.component
         };
-        n((p) => [...p, h].slice(-t));
-        const d = setTimeout(() => {
+        n((g) => [...g, h].slice(-t));
+        const l = setTimeout(() => {
           s(f);
         }, e);
-        i.set(f, d);
+        i.set(f, l);
       },
       { minLevel: We.WARN }
     );
@@ -3076,7 +3080,7 @@ function Eo({
   defaultLanguage: r,
   detectLanguage: n = !1
 }) {
-  const o = Object.keys(e), s = no(o, n, r), i = e[s] ?? e.en, a = V(
+  const o = Object.keys(e), s = no(o, n, r), i = e[s] ?? e.en, a = $(
     () => ({
       t: (c, f) => {
         const u = i[c];
@@ -3087,7 +3091,7 @@ function Eo({
     }),
     [i, s]
   );
-  return /* @__PURE__ */ R.jsx(At, { value: a, children: t });
+  return /* @__PURE__ */ A.jsx(At, { value: a, children: t });
 }
 function Ao() {
   const t = xe(At);
@@ -3140,7 +3144,7 @@ export {
   mo as renderMotionLetters,
   ye as saveAuthSession,
   po as sendMagicLink,
-  se as sessionToUser,
+  ae as sessionToUser,
   Xn as useAuth,
   So as useAuthGuard,
   yo as useAuthOptional,
@@ -3150,6 +3154,6 @@ export {
   qr as useIkonUiStores,
   vo as useLazyFont,
   Ro as useToasts,
-  z as useUiNode,
+  q as useUiNode,
   co as useUiStore
 };