@ikonai/sdk-react-ui 1.0.71 → 1.0.72

package/ikon-ui.d.ts

@@ -14,6 +14,8 @@ export declare class IkonUi {
     private readonly core;
     private readonly ownsCore;
     private readonly stores;
+    private readonly liveToSeedSurface;
+    private readonly adoptedSeedSurfaces;
     private readonly listeners;
     private readonly unsubscribeClears;
     private readonly unsubscribeStoreChanges;
@@ -27,6 +29,7 @@ export declare class IkonUi {
     subscribeToStyleDeletes(listener: UiStyleDeleteListener): () => void;
     private handleUiStreamCleared;
     private syncStreamSnapshot;
+    private resolveSurfaceKey;
     private syncAllStreams;
     private ensureStoreEntry;
     private updateCategory;

package/index.js

@@ -1,7 +1,7 @@
 import { IkonUiCore as Sn, UiStreamStore as wn, LiveSnapshotCache as Ut, prefetchBootSnapshot as vn } from "@ikonai/sdk-ui";
 import { UiStreamStore as Bs } from "@ikonai/sdk-ui";
 import En, { useSyncExternalStore as ot, useMemo as W, memo as G, useRef as E, useCallback as j, Fragment as Rn, useEffect as C, useState as x, use as st, createContext as Mt, useReducer as An } from "react";
-import { createLogger as oe, isInspectModeEnabled as Tn, getOrCreateDeviceId as kn, getSameOriginAuthUrl as Cn, abortSignalTimeout as Dt, deriveAuthUrl as ve, getDebugOverlayParam as In, subscribeToLogEvents as jt, LogLevel as Je, parseUrlParams as _n, clearSessionParamsFromUrl as On, isCloudEnvironment as ht, extractUserIdFromToken as pt, deriveBackendType as mt, IkonClient as xn, AccessDeniedError as Nn, ServerFullError as Ln, AuthenticationError as Pn, isDebugModeEnabled as $t, getLangParam as Un } from "@ikonai/sdk";
+import { createLogger as oe, isInspectModeEnabled as Tn, getOrCreateDeviceId as kn, getSameOriginAuthUrl as Cn, abortSignalTimeout as Dt, deriveAuthUrl as ve, getDebugOverlayParam as _n, subscribeToLogEvents as jt, LogLevel as Je, parseUrlParams as In, clearSessionParamsFromUrl as On, isCloudEnvironment as ht, extractUserIdFromToken as pt, deriveBackendType as mt, IkonClient as xn, AccessDeniedError as Nn, ServerFullError as Ln, AuthenticationError as Pn, isDebugModeEnabled as $t, getLangParam as Un } from "@ikonai/sdk";
 import { randomUuid as Vs } from "@ikonai/sdk";
 var Ce = { exports: {} }, ge = {};
 /**
@@ -64,7 +64,7 @@ function Dn() {
           return "Suspense";
         case ee:
           return "SuspenseList";
-        case _:
+        case I:
           return "Activity";
       }
       if (typeof d == "object")
@@ -241,7 +241,7 @@ React keys must be passed directly to JSX without using spread:
     function m(d) {
       return typeof d == "object" && d !== null && d.$$typeof === u;
     }
-    var c = En, u = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), v = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), M = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, $ = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var c = En, u = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), v = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), M = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, $ = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
@@ -585,6 +585,13 @@ class Qn {
   core;
   ownsCore;
   stores = /* @__PURE__ */ new Map();
+  // Boot/live-snapshot remap: render the first live update for a new stream into the existing seed
+  // stream's surface (React key), so React reconciles skeleton→live in place instead of unmounting
+  // the seed and mounting the live (which flashes white on slow devices before the live tree paints).
+  liveToSeedSurface = /* @__PURE__ */ new Map();
+  // live stream id -> seed surface key
+  adoptedSeedSurfaces = /* @__PURE__ */ new Set();
+  // seed surface keys taken over by a live stream
   listeners = /* @__PURE__ */ new Set();
   unsubscribeClears;
   unsubscribeStoreChanges;
@@ -618,21 +625,36 @@ class Qn {
     return this.core.subscribeToUiStyleDeletes(e);
   }
   handleUiStreamCleared = (e) => {
-    this.stores.delete(e) && this.notify(e);
+    const n = this.liveToSeedSurface.get(e);
+    if (n) {
+      this.liveToSeedSurface.delete(e), this.adoptedSeedSurfaces.delete(n), this.stores.delete(n) && this.notify(n);
+      return;
+    }
+    this.adoptedSeedSurfaces.has(e) || this.stores.delete(e) && this.notify(e);
   };
   syncStreamSnapshot = (e) => {
     const n = this.core.uiStore.getSnapshot(e);
-    if (!n || !n.rootViewId) {
-      this.handleUiStreamCleared(e);
-      return;
-    }
-    if (!n.views.get(n.rootViewId)) {
+    if (!n || !n.rootViewId || !n.views.get(n.rootViewId)) {
       this.handleUiStreamCleared(e);
       return;
     }
-    const s = this.ensureStoreEntry(e).store.replaceSnapshot(n), i = this.updateCategory(e, n.category);
-    (s || i) && this.notify(e);
+    const r = this.resolveSurfaceKey(e), s = this.ensureStoreEntry(r).store.replaceSnapshot(n), i = this.updateCategory(r, n.category);
+    (s || i) && this.notify(r);
   };
+  // Resolve the surface (React key) a stream renders under. A new live stream adopts an existing,
+  // un-adopted seed surface so the boot snapshot → live swap reconciles in place rather than
+  // remounting (white flash). Seeds and already-mapped streams keep their own key.
+  resolveSurfaceKey(e) {
+    const n = this.liveToSeedSurface.get(e);
+    if (n)
+      return n;
+    if (this.stores.has(e) || this.core.isSeedStream(e))
+      return e;
+    for (const r of this.stores.keys())
+      if (this.core.isSeedStream(r) && !this.adoptedSeedSurfaces.has(r))
+        return this.liveToSeedSurface.set(e, r), this.adoptedSeedSurfaces.add(r), r;
+    return e;
+  }
   syncAllStreams() {
     const e = this.core.uiStore.getSnapshots(), n = /* @__PURE__ */ new Set();
     for (const r of e)
@@ -916,7 +938,7 @@ function wt(t) {
   const e = t.trim();
   return e.length > 0 ? e : void 0;
 }
-function Ie(t) {
+function _e(t) {
   if (typeof t == "boolean")
     return t;
   if (typeof t == "string") {
@@ -932,13 +954,13 @@ function Sr() {
     context: r,
     className: o
   }) {
-    const s = Z(r.store, n), i = E(null), a = s ? Ie(s.props?.autoplay) : void 0, l = s ? wt(s.props?.src) : void 0;
+    const s = Z(r.store, n), i = E(null), a = s ? _e(s.props?.autoplay) : void 0, l = s ? wt(s.props?.src) : void 0;
     if (C(() => {
       a && i.current && i.current.play().catch(() => {
       });
     }, [a, l]), !s)
       return null;
-    const h = yr(gr(s.props?.className), o), f = wt(s.props?.preload), y = Ie(s.props?.controls), m = Ie(s.props?.loop), c = Ie(s.props?.muted);
+    const h = yr(gr(s.props?.className), o), f = wt(s.props?.preload), y = _e(s.props?.controls), m = _e(s.props?.loop), c = _e(s.props?.muted);
     return /* @__PURE__ */ w.jsx(
       "audio",
       {
@@ -1105,19 +1127,19 @@ const Tr = "media", kr = async () => Rr();
 function Cr(t) {
   t.registerModule(Tr, kr);
 }
-const Ir = `#version 300 es
+const _r = `#version 300 es
 in vec4 a_position;
 void main() {
     gl_Position = a_position;
 }
 `, le = 4;
-function _r(t, e) {
+function Ir(t, e) {
   return new RegExp(`\\buniform\\s+\\w+\\s+${e}\\s*;`, "g").test(t);
 }
 function Or(t, e) {
   const n = [];
   for (const [r, o] of Object.entries(e)) {
-    if (_r(t, r))
+    if (Ir(t, r))
       continue;
     let s;
     switch (o.type) {
@@ -1253,7 +1275,7 @@ class xr {
   }
   compile(e, n = {}) {
     this.lastError = null, this.customUniforms = n, this.currentShaderSource = e;
-    const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, Ir);
+    const r = this.gl, o = this.compileShader(r.VERTEX_SHADER, _r);
     if (!o)
       return !1;
     const s = Or(e, n), i = this.compileShader(r.FRAGMENT_SHADER, s);
@@ -1449,10 +1471,10 @@ function Br() {
       isDown: !1
     }), c = s ? Pr(s.props?.shaderSource) : "", u = s ? Ke(s.props?.fps) ?? 60 : 60, g = s?.props?.uniforms, p = W(() => Mr(g), [g]), b = s?.props?.channels, S = W(() => Dr(b), [b]), R = s ? Ur(s.props?.enableMouse) ?? !0 : !0, v = s ? Ke(s.props?.width) : void 0, T = s ? Ke(s.props?.height) : void 0, U = s ? Lr(Nr(s.props?.className), o) : o;
     C(() => {
-      const _ = i.current;
-      if (_) {
+      const I = i.current;
+      if (I) {
         try {
-          const P = new xr(_);
+          const P = new xr(I);
           a.current = P;
         } catch (P) {
           console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", P);
@@ -1462,46 +1484,46 @@ function Br() {
         };
       }
     }, []), C(() => {
-      const _ = a.current;
-      if (!(!_ || !c) && f.current !== c)
-        if (_.compile(c, p))
+      const I = a.current;
+      if (!(!I || !c) && f.current !== c)
+        if (I.compile(c, p))
           f.current = c, y.current = p;
         else {
-          const M = _.getError();
+          const M = I.getError();
           console.error("[ShadertoyRenderer] Shader compilation failed:", M);
         }
     }, [c, p]), C(() => {
-      const _ = a.current;
-      !_ || !f.current || jr(y.current, p) || (_.setCustomUniforms(p), y.current = p);
+      const I = a.current;
+      !I || !f.current || jr(y.current, p) || (I.setCustomUniforms(p), y.current = p);
     }, [p]), C(() => {
-      const _ = a.current;
-      _ && _.setChannels(S);
+      const I = a.current;
+      I && I.setChannels(S);
     }, [S]), C(() => {
-      const _ = a.current;
-      if (!_ || !f.current) return;
+      const I = a.current;
+      if (!I || !f.current) return;
       const P = 1e3 / u, M = (B) => {
         const $ = B - h.current;
-        $ >= P && (h.current = B - $ % P, _.draw()), l.current = requestAnimationFrame(M);
+        $ >= P && (h.current = B - $ % P, I.draw()), l.current = requestAnimationFrame(M);
       };
       return l.current = requestAnimationFrame(M), () => {
         l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
       };
     }, [u]);
     const ee = j(
-      (_) => {
+      (I) => {
         if (!R) return;
         const P = i.current, M = a.current;
         if (!P || !M) return;
-        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), V = (_.clientX - $.left) * B, K = ($.height - (_.clientY - $.top)) * B;
+        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), V = (I.clientX - $.left) * B, K = ($.height - (I.clientY - $.top)) * B;
         m.current.x = V, m.current.y = K, M.setMouse(V, K, m.current.clickX, m.current.clickY);
       },
       [R]
     ), te = j(
-      (_) => {
+      (I) => {
         if (!R) return;
         const P = i.current, M = a.current;
         if (!P || !M) return;
-        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), V = (_.clientX - $.left) * B, K = ($.height - (_.clientY - $.top)) * B;
+        const B = window.devicePixelRatio || 1, $ = P.getBoundingClientRect(), V = (I.clientX - $.left) * B, K = ($.height - (I.clientY - $.top)) * B;
         m.current.isDown = !0, m.current.clickX = V, m.current.clickY = K, M.setMouse(V, K, V, K);
       },
       [R]
@@ -2106,7 +2128,7 @@ const k = {
     ]
   }
 ], nt = k.Letter | k.Word | k.Line | k.Paragraph | k.Emoji, ro = k.Letter | k.Word | k.Line | k.Paragraph, kt = /* @__PURE__ */ new Map(), oo = 16384;
-function Is(t, e) {
+function _s(t, e) {
   if (!t || t.length > oo)
     return t;
   const n = Eo(e), r = fe(n, k.Emoji), o = n & ro;
@@ -2237,9 +2259,9 @@ function fo(t) {
   return r && e.push(r), e;
 }
 function ho(t, e) {
-  return e ? !!(It(t) || It(e) || go(e) || po(e) || mo(e) || _t(t) && _t(e)) : !1;
+  return e ? !!(_t(t) || _t(e) || go(e) || po(e) || mo(e) || It(t) && It(e)) : !1;
 }
-function It(t) {
+function _t(t) {
   return t.codePointAt(0) === 8205;
 }
 function po(t) {
@@ -2250,7 +2272,7 @@ function mo(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127995 && e <= 127999;
 }
-function _t(t) {
+function It(t) {
   const e = t.codePointAt(0);
   return e === void 0 ? !1 : e >= 127462 && e <= 127487;
 }
@@ -2468,7 +2490,7 @@ function Co(t) {
       console.warn("Failed to record auto-login attempt in sessionStorage");
     }
 }
-function Io() {
+function _o() {
   try {
     return sessionStorage.getItem(Ht);
   } catch {
@@ -2527,7 +2549,7 @@ async function Qt(t, e) {
   };
   return he(l), l;
 }
-async function _o({ email: t, spaceId: e, authUrl: n }) {
+async function Io({ email: t, spaceId: e, authUrl: n }) {
   const r = await fetch(`${n}/email/send`, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -2961,7 +2983,7 @@ async function Yo(t) {
   };
 }
 const ut = Mt(null);
-function _s({ children: t, config: e }) {
+function Is({ children: t, config: e }) {
   const [n, r] = x({
     isAuthenticated: !1,
     isLoading: !0,
@@ -2970,7 +2992,7 @@ function _s({ children: t, config: e }) {
   });
   C(() => {
     (() => {
-      const m = e.devLoginRunId, c = !!m && Io() === m;
+      const m = e.devLoginRunId, c = !!m && _o() === m;
       m && Co(m);
       const u = No();
       if (u) {
@@ -3087,7 +3109,7 @@ function _s({ children: t, config: e }) {
       if (!e.spaceId)
         throw r((c) => ({ ...c, error: "Space ID is not configured" })), new Error("Space ID is not configured");
       const m = await ve(e.authUrl);
-      await _o({ email: y, spaceId: e.spaceId, authUrl: m });
+      await Io({ email: y, spaceId: e.spaceId, authUrl: m });
     },
     [e.authUrl, e.spaceId]
   ), i = j(
@@ -3178,12 +3200,12 @@ function Os(t) {
 }
 const on = (() => {
   try {
-    return In();
+    return _n();
   } catch {
     return !1;
   }
 })(), sn = Date.now(), re = [], Xo = 300;
-function _e(t) {
+function Ie(t) {
   re.push(`[+${((Date.now() - sn) / 1e3).toFixed(1)}s] ${t}`), re.length > Xo && re.shift();
 }
 function Lt(t) {
@@ -3201,21 +3223,21 @@ let Pt = !1;
 function an() {
   if (Pt || typeof window > "u")
     return;
-  Pt = !0, window.addEventListener("error", (e) => _e(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => _e(`unhandledRejection: ${Lt(e.reason)}`));
+  Pt = !0, window.addEventListener("error", (e) => Ie(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => Ie(`unhandledRejection: ${Lt(e.reason)}`));
   const t = console;
   for (const e of ["error", "warn", "log", "info"]) {
     const n = t[e]?.bind(console) ?? (() => {
     });
     t[e] = (...r) => {
       try {
-        _e(`console.${e}: ${r.map(Lt).join(" ")}`);
+        Ie(`console.${e}: ${r.map(Lt).join(" ")}`);
       } catch {
       }
       n(...r);
     };
   }
   try {
-    jt((e) => _e(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: Je.DEBUG });
+    jt((e) => Ie(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: Je.DEBUG });
   } catch {
   }
 }
@@ -3356,28 +3378,28 @@ function Qo() {
     return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
 function Ns(t) {
-  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: l, webtransport: h, proxy: f, liveSnapshot: y, bootSnapshot: m } = t, c = e === void 0 ? Zo() ?? null : e, u = Qo(), g = zo(), p = E(null), b = E(null), S = E(null), R = E(!1), v = E(!1), T = E(o), U = E(r), ee = E(s), te = E(i), z = E(a), _ = E(l), P = E(h), M = E(f), B = E(y), $ = E(m), V = E("local"), K = E(void 0);
-  T.current = o, U.current = r, ee.current = s, te.current = i, z.current = a, _.current = l, P.current = h, M.current = f, B.current = y, $.current = m;
+  const { authConfig: e, modules: n, timeouts: r, backgroundAudio: o, webRtc: s, audio: i, video: a, websocket: l, webtransport: h, proxy: f, liveSnapshot: y, bootSnapshot: m } = t, c = e === void 0 ? Zo() ?? null : e, u = Qo(), g = zo(), p = E(null), b = E(null), S = E(null), R = E(!1), v = E(!1), T = E(o), U = E(r), ee = E(s), te = E(i), z = E(a), I = E(l), P = E(h), M = E(f), B = E(y), $ = E(m), V = E("local"), K = E(void 0);
+  T.current = o, U.current = r, ee.current = s, te.current = i, z.current = a, I.current = l, P.current = h, M.current = f, B.current = y, $.current = m;
   const [H, Ee] = x("connecting"), [Re, pe] = x(!1), [d, A] = x(!1), [O, N] = x(null), [se, me] = x(null), [L, Q] = x(!1), [ie, Me] = x(null), [ae, un] = x(null), [De, dt] = x(!1), je = E(!1), [dn, fn] = x(0), Y = W(() => {
     try {
-      const I = _n();
-      return (I.sessionId || I.channelKey) && On(), I;
+      const _ = In();
+      return (_.sessionId || _.channelKey) && On(), _;
     } catch {
       return { parameters: {} };
     }
   }, []);
   m !== !1 && vn();
   const ce = W(() => c?.enabled ? Jt() : null, [c?.enabled, dn]), Ae = u?.enabled ?? !1, $e = u?.host ?? "localhost", Be = u?.port ?? 8443, Fe = !!c && !c.enabled && !!c.spaceId && (ht() || Ae);
-  Fe && !ae && !De && !je.current && (je.current = !0, ve(c.authUrl).then((I) => Qt(c.spaceId, I)).then((I) => {
-    un(I.token), dt(!0);
-  }).catch((I) => {
-    Oe.error("Anonymous auth failed:", I), je.current = !1, Ae ? dt(!0) : N(I instanceof Error ? I.message : "Anonymous auth failed");
+  Fe && !ae && !De && !je.current && (je.current = !0, ve(c.authUrl).then((_) => Qt(c.spaceId, _)).then((_) => {
+    un(_.token), dt(!0);
+  }).catch((_) => {
+    Oe.error("Anonymous auth failed:", _), je.current = !1, Ae ? dt(!0) : N(_ instanceof Error ? _.message : "Anonymous auth failed");
   }));
   const Ve = W(() => {
     if (Ae) {
       if (Fe && !De)
         return null;
-      const I = ce?.token ?? ae ?? void 0, q = I ? pt(I) ?? void 0 : void 0;
+      const _ = ce?.token ?? ae ?? void 0, q = _ ? pt(_) ?? void 0 : void 0;
       return {
         local: {
           host: $e,
@@ -3425,15 +3447,15 @@ function Ns(t) {
   C(() => {
     if (!R.current) {
       if (R.current = !0, S.current = Yr(), n)
-        for (const I of n)
-          I(S.current);
-      S.current.loadRegisteredModules().catch((I) => {
-        Oe.error("Failed to load UI modules", I);
+        for (const _ of n)
+          _(S.current);
+      S.current.loadRegisteredModules().catch((_) => {
+        Oe.error("Failed to load UI modules", _);
       });
     }
   }, []), C(() => {
     if (!Ve) return;
-    const I = new xn({
+    const _ = new xn({
       ...Ve,
       timeouts: U.current,
       audio: te.current !== void 0 || T.current ? {
@@ -3443,7 +3465,7 @@ function Ns(t) {
       video: z.current !== void 0 ? { enabled: z.current } : void 0,
       mediaSession: { title: document.title || void 0, artist: document.title || void 0 },
       webRtc: ee.current === !1 ? { enabled: !1 } : void 0,
-      websocket: _.current,
+      websocket: I.current,
       webtransport: P.current,
       proxy: M.current,
       onConnectionStateChange: (J) => {
@@ -3453,13 +3475,13 @@ function Ns(t) {
         N(J.message);
       }
     });
-    p.current = I;
-    const q = B.current ?? !0, Te = K.current, ft = Te ? pt(Te) ?? null : null, gn = q && ft ? { enabled: !0, appId: V.current, userId: ft } : void 0, ke = new Qn({ client: I, liveSnapshot: gn, bootSnapshot: $.current });
+    p.current = _;
+    const q = B.current ?? !0, Te = K.current, ft = Te ? pt(Te) ?? null : null, gn = q && ft ? { enabled: !0, appId: V.current, userId: ft } : void 0, ke = new Qn({ client: _, liveSnapshot: gn, bootSnapshot: $.current });
     b.current = ke, Me(ke), A(!1);
     const yn = ke.subscribeToUiUpdates(() => {
       A(!0);
     });
-    return I.connect().catch((J) => {
+    return _.connect().catch((J) => {
       if (Oe.error("Connection failed:", J), J instanceof Nn) {
         me(J.reason);
         return;
@@ -3470,19 +3492,19 @@ function Ns(t) {
       }
       J instanceof Pn && !v.current && (v.current = !0, Oe.warn("Auth session appears stale, clearing and retrying"), Ut.clearAll(), g ? g.logout() : (Le(), fn((bn) => bn + 1)));
     }), () => {
-      yn(), I.disconnect(), p.current = null, ke.dispose(), b.current = null;
+      yn(), _.disconnect(), p.current = null, ke.dispose(), b.current = null;
     };
   }, [Ve]);
-  const pn = j((I, q) => {
+  const pn = j((_, q) => {
     const Te = typeof q == "string" ? q : JSON.stringify(q ?? {});
-    p.current?.sendActionCall(I, Te);
+    p.current?.sendActionCall(_, Te);
   }, []);
   C(() => {
     if (H !== "connecting") {
       pe(!1);
       return;
     }
-    const I = p.current?.slowConnectionThresholdMs ?? 5e3, q = setTimeout(() => pe(!0), I);
+    const _ = p.current?.slowConnectionThresholdMs ?? 5e3, q = setTimeout(() => pe(!0), _);
     return () => clearTimeout(q);
   }, [H]);
   const mn = H === "connected" || H === "reconnecting", We = d && H !== "offline";
@@ -3788,7 +3810,7 @@ function Ds() {
   return t;
 }
 export {
-  _s as AuthProvider,
+  Is as AuthProvider,
   xs as ConnectionStateRenderer,
   on as DEBUG_OVERLAY_ENABLED,
   cn as DebugOverlay,
@@ -3830,9 +3852,9 @@ export {
   Cr as registerMediaModule,
   Wr as registerShadertoyModule,
   Gn as renderChildren,
-  Is as renderMotionLetters,
+  _s as renderMotionLetters,
   he as saveAuthSession,
-  _o as sendLoginCode,
+  Io as sendLoginCode,
   ne as sessionToUser,
   Go as useAuth,
   Os as useAuthGuard,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikonai/sdk-react-ui",
-  "version": "1.0.71",
+  "version": "1.0.72",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",